{"version":3,"file":"customerServiceLayout-v2.js","sources":["../../../../layouts/customerServiceLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpIconType } from '@design-system/mocks/helpIconTypes'\nimport { SIDEBAR_IDS } from '@design-system/data/sidebarIds'\n\nconst { ts } = useI18n()\nconst { getAllContacts, openLink, isContactMethodValid } = useContacts()\nconst { insideChat, openInsideChat } = useInsideChat()\n\nconst { data } = await getAllContacts('all-contact-methods')\nconst { helpShortcutsIcons } = useShortcuts()\nconst { helpSection, getCanonicalUrl } = useRouteHelper()\nconst topHeader = ref<HTMLElement>()\nconst { height } = useElementSize(topHeader)\nconst { topHeaderHeight: topHeaderHeightState } = useHeaderAndNavbarHeight()\nconst { currentWebsite } = useWebsite()\nconst { tabs, setSelectedIndexFromRoute } =\n  await useLegalArea('help-area-pages')\n\nconst router = useRouter().currentRoute\n\nconst { stores, findStoresByLocation, setCenterMap } = useStoreLocator()\nconst { cmsContentId } = useHelpArea()\n\nconst { data: cmsContentData } = await useInfosWithTitleItem(cmsContentId)\n\nconst { data: items } = await useMarketingStrip(\n  `${currentWebsite.value}-marketing-strips`\n)\nconst { menuStatus } = useMenu()\nconst { isDialogOpen: isDialogOpenMiniCart } = useDialog(\n  SIDEBAR_IDS.headerSideCart\n)\nconst { isDialogOpen: isDialogOpenLogin } = useDialog(SIDEBAR_IDS.loginSidebar)\n\nconst { cmsContentCustomerService: cmsContentSideslideId } = SIDEBAR_IDS\n\nconst { slider, handleShortcutClick, updateSliderPosition } =\n  useSliderTransition()\n\nconst messages = computed(() => items.value?.content.messages)\n\nconst tabList = computed(\n  () =>\n    tabs.value?.filter(\n      tab =>\n        tab.name &&\n        !tab.name.toLowerCase()?.includes('index') &&\n        tab?.url?.target?.target\n    ) ?? []\n)\n\nconst currentContactMethods = computed(() => {\n  const methods = data.value?.content?.methods\n  if (!methods || !Array.isArray(methods)) return []\n  return methods\n})\n\n// Mapping contact methods due to phone number not coming from Amplience\n// Filtering to not show phone contact method if phone number is invalid\nconst mappedContactMethods = computed(() => {\n  const mappedMethods =\n    currentContactMethods.value\n      .filter(\n        el =>\n          el.cta?.label !== ts('customerService.invalidPhoneNumber') &&\n          !el.hideInAllCountries?.value?.help &&\n          !el.hideInCountry?.help &&\n          isContactMethodValid(el?.name)\n      )\n      .map(method => {\n        return {\n          name: method.name ?? '',\n          description: method.description ?? '',\n          icon: method.icon,\n          cta: {\n            label: method.cta?.label ?? '',\n            ariaLabel: method.cta?.ariaLabel ?? '',\n            internalLink: {\n              link: method.cta?.internalCta?.link ?? '',\n              type: method.cta?.internalCta?.type,\n            },\n            externalLink: {\n              link: method.cta?.externalLink?.link ?? '',\n              target: method.cta?.externalLink?.target,\n            },\n          },\n          hideForAll: !method?.hideInAllCountries?.value?.help,\n          hideInCountry: !method?.hideInCountry?.help,\n        }\n      }) ?? []\n  return mappedMethods?.length > 2\n    ? mappedMethods?.slice(0, 3)\n    : (mappedMethods ?? [])\n})\n\nconst handleClick = (cta: string, type: string) => {\n  if (cta == 'open-chat') openInsideChat()\n  else openLink(cta, type)\n}\n\nwatch(\n  height,\n  (val, oldVal) => {\n    if (val !== oldVal) {\n      topHeaderHeightState.value = val\n    }\n  },\n  { immediate: true }\n)\n\nconst getStoresData = async (store: google.maps.places.PlaceResult) => {\n  const coords = {\n    lat: store.geometry?.location?.lat() ?? 0,\n    lng: store.geometry?.location?.lng() ?? 0,\n  }\n  stores.value = await findStoresByLocation({\n    coords,\n  })\n  setCenterMap(coords)\n}\n\nconst handleLocalizeMe = async (e: Coordinates) => {\n  stores.value = await findStoresByLocation({\n    coords: e,\n  })\n}\n\nconst showShortcuts = computed(() => !router.value.path.includes('contact-us'))\n\nconst initialTabSlideIndex = computed(() => {\n  return tabs.value\n    ?.filter(tab => tab.url.target.target !== 'index')\n    .findIndex(tab => {\n      if (tab.url.target.target)\n        return router.value.path.includes(tab.url.target.target)\n    })\n})\n\nonMounted(() => {\n  setSelectedIndexFromRoute()\n  updateSliderPosition(initialTabSlideIndex.value ?? 2)\n})\n\nwatchEffect(() => {\n  updateSliderPosition(initialTabSlideIndex.value)\n})\n\nuseHead({\n  title: `${ts('customerService.title')} | Armani`,\n})\n</script>\n\n<template>\n  <ClientOnly>\n    <div class=\"theme-global\">\n      <div ref=\"topHeader\" class=\"top-header z-40\">\n        <HeaderStripWrapper\n          :is-hidden=\"\n            menuStatus?.isActive || isDialogOpenMiniCart || isDialogOpenLogin\n          \"\n        >\n          <MarketingStrip :messages=\"messages\" />\n        </HeaderStripWrapper>\n      </div>\n      <HeaderWrapperLogic>\n        <template #header=\"props\">\n          <HeaderDefault\n            v-bind=\"{\n              ...props,\n              currentBrand: 'global',\n              deferredCurrentBrand: 'global',\n              staticOnMobile: true,\n            }\"\n          />\n        </template>\n        <template #navigation=\"props\">\n          <HeaderNavigationBar v-bind=\"props\" />\n        </template>\n      </HeaderWrapperLogic>\n\n      <OrganismsSidebarSlide\n        :id=\"cmsContentSideslideId\"\n        :header-props=\"{ titleText: cmsContentData?.content?.title ?? '' }\"\n      >\n        <template #body>\n          <UtilsMarkdown :content=\"cmsContentData?.content?.body ?? ''\" />\n        </template>\n      </OrganismsSidebarSlide>\n\n      <CheckoutShippingPickup\n        :header-title=\"$ts('customerService.allStores')\"\n        @update:stores-found=\"getStoresData\"\n        @localize-address=\"handleLocalizeMe\"\n      />\n\n      <div class=\"h-full w-full md:mb-0\">\n        <div\n          class=\"grid-standard bg-primitives-off-white py-lg md:py-xl lg:py-4xl print:py-0\"\n        >\n          <main id=\"main\" class=\"col-span-12 grid lg:col-span-8 lg:col-start-3\">\n            <div\n              v-if=\"showShortcuts\"\n              class=\"gap-xxl flex flex-col md:gap-[72px]\"\n            >\n              <div\n                class=\"gap-y-sm md:align-center md:gap-x-sm flex flex-col justify-between md:flex-row\"\n              >\n                <h1 class=\"text-neutral-black text-h4 md:w-1/2\">\n                  {{ $ts('customerService.title') }}\n                </h1>\n                <!-- TODO: (tracked: #1330) temporarly removed the inputSearch -->\n                <!--InputsSearch\n                  is-open\n                  :show-icon=\"false\"\n                  :placeholder=\"$ts('customerService.findInformations')\"\n                  class=\"md:w-1/2\"\n                /-->\n              </div>\n              <div\n                v-if=\"showShortcuts\"\n                class=\"gap-xs slider-tab scrollbar-hide flex w-full flex-wrap items-center print:hidden\"\n              >\n                <AtomsShortcut\n                  v-for=\"(shortcut, index) in tabList\"\n                  :key=\"shortcut.name\"\n                  :link=\"helpSection(shortcut.url?.target?.target ?? '')\"\n                  size=\"M\"\n                  class=\"shortcut-element flex-[1_0_33%] md:flex-1\"\n                  bg-color=\"white\"\n                  :shortcut-index=\"index\"\n                  :underline=\"\n                    shortcut.url?.target?.target\n                      ? getCanonicalUrl(router.path).endsWith(\n                          getCanonicalUrl(shortcut.url?.target?.target)\n                        )\n                      : false\n                  \"\n                  @link-click=\"handleShortcutClick(index)\"\n                >\n                  <template #icon>\n                    <component\n                      :is=\"\n                        helpShortcutsIcons[shortcut.icon as HelpIconType]?.icon\n                      \"\n                      v-if=\"\n                        shortcut?.icon &&\n                        Object.keys(helpShortcutsIcons).find(\n                          el => el === (shortcut.icon as HelpIconType)\n                        )\n                      \"\n                      :aria-hidden=\"true\"\n                    />\n                  </template>\n                  <template #text>\n                    <span>\n                      {{ shortcut.name }}\n                    </span>\n                  </template>\n                </AtomsShortcut>\n                <div\n                  v-if=\"initialTabSlideIndex !== -1\"\n                  ref=\"slider\"\n                  class=\"slider-tab-border hidden md:block\"\n                />\n              </div>\n            </div>\n            <slot />\n            <div class=\"bg-neutral-white text-neutral-black p-md md:p-xxl\">\n              <div class=\"gap-lg flex flex-col md:flex-row\">\n                <div class=\"gap-y-lg md:gap-x-lg flex flex-col md:flex-row\">\n                  <ContactMethod\n                    v-for=\"method in mappedContactMethods\"\n                    :key=\"method?.name\"\n                    v-bind=\"method\"\n                    vertical-card\n                    class=\"text-neutral-black flex-1 bg-transparent\"\n                    @click=\"\n                      (cta: string, type: string) => handleClick(cta, type)\n                    \"\n                  />\n                  <div id=\"openChatButton\" />\n                </div>\n              </div>\n            </div>\n          </main>\n        </div>\n      </div>\n\n      <div class=\"print:hidden\">\n        <FooterMain />\n      </div>\n    </div>\n    <GlobalSlides />\n  </ClientOnly>\n</template>\n"],"names":["_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_sfc_main","_defineComponent","ts","useI18n","getAllContacts","openLink","isContactMethodValid","useContacts","openInsideChat","data","__temp","__restore","_withAsyncContext","helpShortcutsIcons","useShortcuts","helpSection","getCanonicalUrl","useRouteHelper","topHeader","ref","height","useElementSize","topHeaderHeightState","useHeaderAndNavbarHeight","currentWebsite","useWebsite","tabs","setSelectedIndexFromRoute","useLegalArea","router","useRouter","stores","findStoresByLocation","setCenterMap","cmsContentId","useHelpArea","cmsContentData","useInfosWithTitleItem","items","useMarketingStrip","menuStatus","useMenu","isDialogOpenMiniCart","useDialog","SIDEBAR_IDS","isDialogOpenLogin","cmsContentSideslideId","slider","handleShortcutClick","updateSliderPosition","useSliderTransition","messages","computed","_a","tabList","tab","_c","_b","currentContactMethods","methods","mappedContactMethods","mappedMethods","el","_d","method","_f","_e"],"mappings":"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"}