{"version":3,"file":"DKYUdUQm.js","sources":["../../../../components/partners/Banner.vue","../../../../stores/partners/partnerHowWorks.ts","../../../../components/partners/HowItWorks.vue","../../../../components/partners/NeedHelp.vue"],"sourcesContent":["<template>\n  <section role=\"banner\" class=\"partner-banner-section\" id=\"banner\">\n    <div class=\"wrapper\">\n      <div class=\"banner-content\">\n        <h1 class=\"banner-title\">\n          Pode esquecer, <br />\n          a gente te lembra\n        </h1>\n        <h4 class=\"banner-text\">\n          O MeLembre da {{ creditor.name }} é um serviço de comunicação entre\n          empresas e pessoas. Facilitamos seu acesso a notificações e faturas,\n          assim você mantém sua vida em ordem.\n        </h4>\n        <v-btn class=\"banner-button\" type=\"button\" @click=\"router.push('/')\">\n          Saiba mais\n        </v-btn>\n      </div>\n      <ThePicture\n        :mobilePath=\"`/images/partners/${creditor.alias}/m-banner.png`\"\n        :tabletPath=\"`/images/partners/${creditor.alias}/t-banner.png`\"\n        :desktopPath=\"`/images/partners/${creditor.alias}/banner.png`\"\n        mobileQuerie=\"834px\"\n        desktopQuerie=\"960px\"\n        :altText=\"`${creditor.name} Banner`\"\n      />\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nconst router = useRouter();\n\nconst props = defineProps<{\n  creditor: CreditorProfile;\n}>();\n</script>\n\n<style lang=\"scss\"></style>\n","\nimport { defineStore } from 'pinia'\n\nexport const usePartnerHowWorks = defineStore('partnerHowWorks', {\n  state: () => ({\n    steps: [\n      {\n        id: 1,\n        mediaSrc: \"icon-hands\",\n        title: \"Desenho de mãos se apertando\",\n        text: \"Após a contratação de um serviço ou produto, nós cuidamos de tudo!\",\n      },\n      {\n        id: 2,\n        mediaSrc: \"icon-plane\",\n        title: \"Desenho de avião de papel com estrelas em volta\",\n        text: \"Enviamos, sempre que necessário, comunicações para te notificar sobre prazos e pagamentos.\",\n      },\n      {\n        id: 3,\n        mediaSrc: \"icon-bell\",\n        title: \"Desenho de sineta\",\n        text: \"Dessa forma, você recebe notificações e não deixa nenhum assunto importante passar batido.\",\n      },\n    ] as Array<ContentCardItem>\n  }),\n\n  getters: {\n    getSteps: (state) => state.steps,\n  },\n})","<template>\n  <section\n    role=\"region\"\n    class=\"partner-how-works-section\"\n    id=\"how-it-works\"\n    ref=\"partnerHowWorks\"\n  >\n    <div class=\"steps\">\n      <TheSecondHead\n        v-show=\"showSteps\"\n        class=\"default-card understand\"\n        :class=\"makeFade ? 'show' : ''\"\n        chipText=\"Passo a passo\"\n        titleText=\"Entenda como nosso serviço funciona\"\n      />\n\n      <TheCard\n        elevation=\"0\"\n        :style=\"`transition-duration: ${item.id * 0.7}s !important`\"\n        v-show=\"showSteps\"\n        :class=\"makeFade ? 'show' : ''\"\n        v-for=\"item in stepsArray\"\n        :key=\"item.id\"\n        :mediaSrc=\"`partners/${creditor.alias}/${item.mediaSrc}.png`\"\n        :imageAlt=\"item.title\"\n        :paragraphText=\"item.text\"\n      >\n        <template #out-of-box>\n          <div class=\"step-counter\">\n            <h1 class=\"number\">{{ item.id }}</h1>\n          </div>\n        </template>\n      </TheCard>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePartnerHowWorks } from '@/stores/partners/partnerHowWorks';\n\nconst store = usePartnerHowWorks();\nconst stepsArray = store.getSteps;\n\ndefineProps<{\n  creditor: CreditorProfile;\n}>();\n\nconst partnerHowWorks = ref<any>(null);\nconst makeFade = ref<Boolean>(false);\nconst partnerhowWorksWatcher = () => {\n  var section = partnerHowWorks.value;\n\n  if (window.scrollY + section.offsetHeight >= section.offsetHeight) {\n    setTimeout(() => {\n      makeFade.value = true;\n    }, 100);\n    window.removeEventListener(\"scroll\", partnerhowWorksWatcher);\n  }\n};\n\nconst showSteps = ref<Boolean>(false);\nonMounted(() => {\n  showSteps.value = true;\n  window.addEventListener(\"scroll\", partnerhowWorksWatcher, { passive: true });\n  partnerhowWorksWatcher();\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener(\"scroll\", partnerhowWorksWatcher);\n});\n</script>\n\n<style lang=\"scss\">\n.partner-how-works-section {\n  .default-card {\n    opacity: 0;\n    -webkit-transform: translateY(113px);\n    transform: translateY(113px);\n  }\n\n  .show {\n    -webkit-transform: translateY(0px);\n    transform: translateY(0px);\n    opacity: 1;\n\n    -webkit-transition: all 0.6s ease;\n    -moz-transition: all 0.6s ease;\n    -o-transition: all 0.6s ease;\n    transition: all 0.6s ease;\n  }\n}\n</style>\n","<template>\n  <div class=\"need-help-section\" id=\"ajuda\" v-if=\"!loadingFaqs\">\n    <TheSecondHead\n      chipText=\"Saiba mais\"\n      titleText=\"Precisa de ajuda?\"\n      subtitleText=\"Confira as perguntas mais frequentes sobre nosso serviço e tire suas dúvidas!\"\n    />\n    <TheFaqList :faqs=\"faqs\" />\n    <v-btn\n      class=\"default-button talk-button\"\n      type=\"button\"\n      @click=\"buttonClicked()\"\n    >\n      Vamos conversar\n    </v-btn>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGlobalStore } from \"@/stores/global\";\nconst store = useGlobalStore();\nconst { faqs, loadingFaqs } = storeToRefs(store);\n\nconst props = defineProps<{\n  creditor: CreditorProfile;\n}>();\n\nonMounted(async () => {\n  await store.getFaqs(props.creditor.chave);\n});\n\nconst router = useRouter();\nconst buttonClicked = () => router.push(\"/contato#contact-form\");\n</script>\n\n<style lang=\"scss\"></style>\n"],"names":["router","useRouter","usePartnerHowWorks","defineStore","state","stepsArray","partnerHowWorks","ref","makeFade","partnerhowWorksWatcher","section","showSteps","onMounted","onBeforeUnmount","store","useGlobalStore","faqs","loadingFaqs","storeToRefs","props","__props","buttonClicked"],"mappings":"ilBA8BA,MAAMA,EAASC,iuBC3BFC,EAAqBC,EAAY,kBAAmB,CAC/D,MAAO,KAAO,CACZ,MAAO,CACL,CACE,GAAI,EACJ,SAAU,aACV,MAAO,+BACP,KAAM,oEACR,EACA,CACE,GAAI,EACJ,SAAU,aACV,MAAO,kDACP,KAAM,4FACR,EACA,CACE,GAAI,EACJ,SAAU,YACV,MAAO,oBACP,KAAM,4FACR,CACF,CAAA,GAGF,QAAS,CACP,SAAWC,GAAUA,EAAM,KAC7B,CACF,CAAC,uHCWD,MAAMC,EADQH,IACW,SAMnBI,EAAkBC,EAAS,IAAI,EAC/BC,EAAWD,EAAa,EAAK,EAC7BE,EAAyB,IAAM,CACnC,IAAIC,EAAUJ,EAAgB,MAE1B,OAAO,QAAUI,EAAQ,cAAgBA,EAAQ,eACnD,WAAW,IAAM,CACfF,EAAS,MAAQ,IAChB,GAAG,EACC,OAAA,oBAAoB,SAAUC,CAAsB,EAC7D,EAGIE,EAAYJ,EAAa,EAAK,EACpC,OAAAK,EAAU,IAAM,CACdD,EAAU,MAAQ,GAClB,OAAO,iBAAiB,SAAUF,EAAwB,CAAE,QAAS,GAAM,EACpDA,GAAA,CACxB,EAEDI,EAAgB,IAAM,CACb,OAAA,oBAAoB,SAAUJ,CAAsB,CAAA,CAC5D,8yBCjDD,MAAMK,EAAQC,IACR,CAAE,KAAAC,EAAM,YAAAC,CAAY,EAAIC,EAAYJ,CAAK,EAEzCK,EAAQC,EAIdR,EAAU,SAAY,CACpB,MAAME,EAAM,QAAQK,EAAM,SAAS,KAAK,CAAA,CACzC,EAED,MAAMnB,EAASC,IACToB,EAAgB,IAAMrB,EAAO,KAAK,uBAAuB"}