{"version":3,"file":"useBannerHelp.B2K7smmk.js","sources":["../../../../components/Banner/Help/Utility/Card.iconMapping.ts","../../../../components/Banner/Help/Utility/Card.vue","../../../../layers/checkout/composables/useBannerHelp.ts"],"sourcesContent":["import { IconProps } from \"components/Utils/Icon.props\"\n\nexport const iconsSrcMap: {\n  [key: string]: IconProps\n} = {\n  customerServiceCall: {\n    name: \"CustomerServiceCall.svg\",\n    color: \"tiffany-400\"\n  },\n  customerServiceChat: {\n    name: \"CustomerServiceChat.svg\",\n    color: \"tiffany-400\"\n  },\n  customerServiceFaq: { name: \"CustomerServiceFaq.svg\", color: \"tiffany-400\" },\n  customerServiceMail: {\n    name: \"CustomerServiceMail.svg\",\n    color: \"tiffany-400\"\n  },\n  customerServiceOrder: {\n    name: \"CustomerServiceOrder.svg\",\n    color: \"tiffany-400\"\n  },\n  customerServiceReceipt: {\n    name: \"CustomerServiceReceipt.svg\",\n    color: \"tiffany-400\"\n  },\n  call: { name: \"Call.svg\", color: \"tiffany-400\" },\n  chat: { name: \"Chat.svg\", color: \"tiffany-400\" },\n  mail: { name: \"Mail.svg\", color: \"tiffany-400\" }\n}\n","<script setup lang=\"ts\">\nimport { CardProps } from \"./Card.props\"\nimport { iconsSrcMap } from \"./Card.iconMapping\"\nconst { sendEventPhoneHelp } = useGA4SiteEvents()\n\nconst props = withDefaults(defineProps<CardProps>(), {\n  theme: \"green\"\n})\n\nconst route = useRoute()\n\nconst emit =\n  defineEmits<{ (e: \"onClose\", iconType: CardProps[\"iconType\"]): void }>()\n\nconst handleClickCard = () => {\n  if (props.iconType == \"customerServiceCall\") {\n    sendEventPhoneHelp()\n  }\n\n  // navigateTo() is needed to make sure that query params are updated even if the cta is clicked when already inside the '/contatti' path\n  if (route.fullPath.startsWith(customPaths.contactUs)) {\n    if (props.iconType === \"customerServiceChat\") {\n      navigateTo(customPaths.contactUs)\n    }\n    if (props.iconType === \"customerServiceMail\") {\n      navigateTo(\n        `${customPaths.contactUs}?help_subject=${helpSubjectParams.consulting_pharma}`\n      )\n    }\n  }\n\n  emit(\"onClose\", props.iconType)\n}\n</script>\n\n<template>\n  <div\n    class=\"banner-help-utility-help_card flex flex-col rounded-lg\"\n    :class=\"{ 'bg-white p-4': theme === 'green' }\"\n  >\n    <!-- Green Bar -->\n    <div\n      class=\"flex items-center gap-2 rounded\"\n      :class=\"{ 'bg-tiffany-10 p-4': theme === 'green' }\"\n    >\n      <UtilsIcon\n        v-if=\"iconType\"\n        v-bind=\"iconsSrcMap[iconType]\"\n        :class=\"theme === 'green' ? 'h-8 w-8' : 'h-12 w-12'\"\n        class=\"shrink-0\"\n      />\n      <p class=\"pig-bold text-tiffany-400\">\n        {{ title }}\n      </p>\n    </div>\n\n    <!-- Description -->\n    <div class=\"flex h-full flex-col justify-between\">\n      <div>\n        <UtilsMarkdown\n          v-if=\"text\"\n          :class=\"theme === 'green' ? 'py-4' : 'py-2'\"\n          class=\"\n            beaver\n            markdown__link-underlined\n            markdown__link-green-main\n            markdown__strong-black-80\n            markdown__link-hover-green-300\n          \"\n          :content=\"text\"\n        />\n      </div>\n\n      <UtilsButton\n        @click=\"handleClickCard\"\n        v-if=\"hrefContact\"\n        class=\"\n          contact\n          custom-btn-underlined\n          custom-btn-no-padding\n          custom-btn-pig-medium\n          custom-btn-whitespace\n          custom-btn-start\n          custom-btn-hover-green-300\n          cursor-pointer\n          text-green-main\n          underline\n        \"\n        :path=\"hrefContact\"\n        :text=\"contact\"\n        theme=\"ghost-green\"\n        forceSelf\n      />\n    </div>\n  </div>\n</template>\n","import type { CustomerServiceProps } from \"~/components/Banner/Help/CustomerService.props\"\nimport type { CardProps } from \"~/components/Banner/Help/Utility/Card.props\"\nimport { customPaths } from \"~/utils/constants\"\n\nexport const useBannerHelp = () => {\n  const { t } = useI18n()\n\n  const listHelpCards: CardProps[] = [\n    {\n      iconType: \"customerServiceOrder\",\n      title: t(\"homepage.bannerCustomerService.card1.title\"),\n      text: t(\"homepage.bannerCustomerService.card1.text\"),\n      contact: t(\"homepage.bannerCustomerService.card1.contact\"),\n      hrefContact: customPaths.findOrder,\n      theme: \"green\"\n    },\n    {\n      iconType: \"customerServiceReceipt\",\n      title: t(\"homepage.bannerCustomerService.card2.title\"),\n      text: t(\"homepage.bannerCustomerService.card2.text\"),\n      contact: t(\"homepage.bannerCustomerService.card2.contact\"),\n      theme: \"green\",\n      hrefContact: customPaths.findOrder\n    },\n    {\n      iconType: \"customerServiceCall\",\n      title: t(\"homepage.bannerCustomerService.card3.title\"),\n      text: t(\"homepage.bannerCustomerService.card3.text\"),\n      contact: t(\"general.supportPhone.label\"),\n      hrefContact: t(\"general.supportPhone.link\"),\n      theme: \"green\"\n    },\n    {\n      iconType: \"customerServiceChat\",\n      title: t(\"homepage.bannerCustomerService.card4.title\"),\n      text: t(\"homepage.bannerCustomerService.card4.text\"),\n      contact: t(\"homepage.bannerCustomerService.card4.contact\"),\n      hrefContact: customPaths.contactUs,\n      theme: \"green\"\n    },\n    {\n      iconType: \"customerServiceFaq\",\n      title: t(\"homepage.bannerCustomerService.card5.title\"),\n      text: t(\"homepage.bannerCustomerService.card5.text\"),\n      contact: t(\"homepage.bannerCustomerService.card5.contact\"),\n      hrefContact: customPaths.faqs,\n      theme: \"green\"\n    },\n    {\n      iconType: \"customerServiceMail\",\n      title: t(\"homepage.bannerCustomerService.card6.title\"),\n      text: t(\"homepage.bannerCustomerService.card6.text\"),\n      contact: t(\"homepage.bannerCustomerService.card6.contact\"),\n      hrefContact: `${customPaths.contactUs}?help_subject=${helpSubjectParams.consulting_pharma}`,\n      theme: \"green\"\n    }\n  ]\n\n  const customerService: CustomerServiceProps = {\n    title: t(\"homepage.bannerCustomerService.title\"),\n    caption: t(\"homepage.bannerCustomerService.caption\"),\n    text: t(\"homepage.bannerCustomerService.text\"),\n    listHelpCard: listHelpCards.filter((card) =>\n      [\n        \"customerServiceCall\",\n        \"customerServiceChat\",\n        \"customerServiceFaq\"\n      ].includes(card.iconType)\n    ),\n    bgImage: {\n      focalPoint: {\n        x: 273,\n        y: 100\n      },\n      activateFocalPoint: true,\n      altText: \"Sfondo verde con macchie\",\n      base64:\n        \"data:image/jpeg;base64,/9j/2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz/2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz/wAARCAAJABADASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABAX/xAAcEAEAAgEFAAAAAAAAAAAAAAABAAIyAxESFCP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oADAMBAAIRAxEAPwB5Z5i2GO7HnsJI2llFXwipH//Z\",\n      image: {\n        url: \"https://images.ctfassets.net/i5oh5hzamkwo/1LgKOhZjCJDZ8zGy0Iaeq1/6ad656e84496895984f014bc6fcdf58c/bg-banner-servizio-clienti.jpg\",\n        height: 785,\n        width: 1321\n      }\n    },\n    isCheckout: true\n  }\n\n  const customerServiceHomepage: CustomerServiceProps = {\n    ...customerService,\n    isCheckout: false\n  }\n\n  return { listHelpCards, customerServiceHomepage, customerService }\n}\n"],"names":["iconsSrcMap","sendEventPhoneHelp","useGA4SiteEvents","props","__props","route","useRoute","emit","__emit","handleClickCard","customPaths","navigateTo","helpSubjectParams","useBannerHelp","t","useI18n","listHelpCards","customerService","card","customerServiceHomepage"],"mappings":"0MAEO,MAAMA,EAET,CACF,oBAAqB,CACnB,KAAM,0BACN,MAAO,aACT,EACA,oBAAqB,CACnB,KAAM,0BACN,MAAO,aACT,EACA,mBAAoB,CAAE,KAAM,yBAA0B,MAAO,aAAc,EAC3E,oBAAqB,CACnB,KAAM,0BACN,MAAO,aACT,EACA,qBAAsB,CACpB,KAAM,2BACN,MAAO,aACT,EACA,uBAAwB,CACtB,KAAM,6BACN,MAAO,aACT,EACA,KAAM,CAAE,KAAM,WAAY,MAAO,aAAc,EAC/C,KAAM,CAAE,KAAM,WAAY,MAAO,aAAc,EAC/C,KAAM,CAAE,KAAM,WAAY,MAAO,aAAc,CACjD,uOC1BA,KAAA,CAAA,mBAAAC,GAAAC,IAEAC,EAAAC,EAIAC,EAAAC,IAEAC,EAAAC,EAGAC,EAAA,IAAA,CACAN,EAAA,UAAA,uBACAF,IAIAI,EAAA,SAAA,WAAAK,EAAA,SAAA,IACAP,EAAA,WAAA,uBACAQ,EAAAD,EAAA,SAAA,EAEAP,EAAA,WAAA,uBACAQ,EAAA,GAAAD,EAAA,SAAA,iBAAAE,EAAA,iBAAA,EACA,GAKAL,EAAA,UAAAJ,EAAA,QAAA,CAAA,igCC3BaU,EAAgB,IAAM,CAC3B,KAAA,CAAE,EAAAC,GAAMC,IAERC,EAA6B,CACjC,CACE,SAAU,uBACV,MAAOF,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,8CAA8C,EACzD,YAAaJ,EAAY,UACzB,MAAO,OACT,EACA,CACE,SAAU,yBACV,MAAOI,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,8CAA8C,EACzD,MAAO,QACP,YAAaJ,EAAY,SAC3B,EACA,CACE,SAAU,sBACV,MAAOI,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,4BAA4B,EACvC,YAAaA,EAAE,2BAA2B,EAC1C,MAAO,OACT,EACA,CACE,SAAU,sBACV,MAAOA,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,8CAA8C,EACzD,YAAaJ,EAAY,UACzB,MAAO,OACT,EACA,CACE,SAAU,qBACV,MAAOI,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,8CAA8C,EACzD,YAAaJ,EAAY,KACzB,MAAO,OACT,EACA,CACE,SAAU,sBACV,MAAOI,EAAE,4CAA4C,EACrD,KAAMA,EAAE,2CAA2C,EACnD,QAASA,EAAE,8CAA8C,EACzD,YAAa,GAAGJ,EAAY,SAAS,iBAAiBE,EAAkB,iBAAiB,GACzF,MAAO,OACT,CAAA,EAGIK,EAAwC,CAC5C,MAAOH,EAAE,sCAAsC,EAC/C,QAASA,EAAE,wCAAwC,EACnD,KAAMA,EAAE,qCAAqC,EAC7C,aAAcE,EAAc,OAAQE,GAClC,CACE,sBACA,sBACA,oBAAA,EACA,SAASA,EAAK,QAAQ,CAC1B,EACA,QAAS,CACP,WAAY,CACV,EAAG,IACH,EAAG,GACL,EACA,mBAAoB,GACpB,QAAS,2BACT,OACE,8ZACF,MAAO,CACL,IAAK,mIACL,OAAQ,IACR,MAAO,IACT,CACF,EACA,WAAY,EAAA,EAGRC,EAAgD,CACpD,GAAGF,EACH,WAAY,EAAA,EAGP,MAAA,CAAE,cAAAD,EAAe,wBAAAG,EAAyB,gBAAAF,EACnD"}