{"version":3,"file":"Dfr8I80q.js","sources":["../../../../components/menu-plugin/index.vue","../../../../components/plugin/modal.vue","../../../../layouts/store-tools.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface MenuPlugin {\n  id?: string;\n  label: string;\n  routePath: string;\n}\n\nconst menusDesktop: MenuPlugin[] = [\n  {\n    label: 'Monte seu kit',\n    routePath: '/store-tools/assemble-kit/'\n  },\n  {\n    label: 'Kits de energia solar',\n    routePath: '/store-tools/'\n  }\n];\n\nconst route = useRoute();\n\nconst activeMenu = (menu: MenuPlugin) => {\n  return route.path === menu.routePath;\n};\n\nconst changeRoute = (routePath: string) => {\n  navigateTo(routePath);\n};\n\n</script>\n\n<template>\n  <div class=\"store-menu-application\">\n    <div class=\"menu-application-content\">\n      <div class=\"menus\">\n        <div\n          v-for=\"(menu, index) in menusDesktop\"\n          :key=\"index\"\n          class=\"menu\"\n          :class=\"{ 'menu-active': activeMenu(menu) }\"\n          @click=\"changeRoute(menu.routePath)\"\n        >\n          <span class=\"label\">\n            {{ menu.label }}\n          </span>\n        </div>\n      </div>\n    </div>\n    <SolDivider thickness=\"x-small\" />\n  </div>\n</template>\n\n<style lang=\"scss\">\n@mixin site-container {\n  @apply w-full md:site:max-w-[1440px];\n  @apply md:site:mx-auto;\n}\n\n.store-menu-application {\n  @apply flex md:site:flex flex-col items-center w-full;\n  @apply bg-neutral-high-pure;\n\n  >.menu-application-content {\n    @apply ml-0 !important; \n    @apply flex justify-between;\n    @include site-container;\n\n    >.menus {\n      @apply flex items-center;\n\n      >.menu {\n        @apply px-2xs py-4xs cursor-pointer;\n\n        &:hover {\n          @apply bg-neutral-high-light bg-opacity-intense;\n        }\n\n        >.label {\n          @apply fonts-body-large-regular;\n          @apply text-neutral-low-medium;\n          @apply gap-2;\n        }\n      }\n\n      >.menu-active {\n        @apply border-b-4 border-b-brand-secondary-pure;\n      }\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nconst { modalConfig: modal } = usePluginModal();\nconst confirmButtonType = computed(() => modal.value?.confirmButton?.destructive ? 'SolButtonDestructive' : 'SolButton');\nconst cancelButtonType = computed(() => modal.value?.cancelButton?.destructive ? 'SolButtonDestructive' : 'SolButton');\n</script>\n\n<template>\n  <div class=\"plugin-modal\">\n    <div class=\"header\">\n      {{ modal?.title }}\n    </div>\n    <div class=\"content\">\n      <!-- eslint-disable-next-line vue/no-v-html -->\n      <span v-html=\"modal?.content\" />\n    </div>\n    <SolDivider thickness=\"x-small\" orientation=\"horizontal\" />\n    <div class=\"footer\">\n      <component\n        :is=\"cancelButtonType\"\n        v-if=\"modal?.cancelButton\"\n        id=\"cancel\"\n        :variant=\"modal.cancelButton.variant || 'primary'\"\n        :size=\"modal.cancelButton.size || 'medium'\"\n        :loading=\"modal.cancelButton.loading\"\n        @click=\"modal.cancelButton.onCancel\"\n      >\n        {{ modal?.cancelButton.text || 'Cancel' }}\n      </component>\n      <component\n        :is=\"confirmButtonType\"\n        v-if=\"modal?.confirmButton\"\n        id=\"confirm\"\n        :variant=\"modal.confirmButton.variant || 'primary'\"\n        :size=\"modal.confirmButton.size || 'medium'\"\n        :loading=\"modal.confirmButton.loading\"\n        @click=\"modal.confirmButton.onConfirm\"\n      >\n        {{ modal?.confirmButton.text || 'Confirm' }}\n      </component>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.plugin-modal {\n    @apply w-full h-min;\n    @apply relative p-4xs md:site:p-2xs flex flex-col md:site:gap-2xs gap-4xs;\n    @apply border-1 border-solid rounded-lg border-neutral-high-medium;\n\n    .header {\n        @apply fonts-body-x-large-bold;\n        @apply text-neutral-low-dark;\n    }\n    .content > span {\n        @apply fonts-body-large-regular;\n        @apply text-neutral-low-dark;\n    }\n    .footer {\n        @apply flex flex-row gap-micro;\n        @apply w-full justify-end;\n    }\n}\n</style>\n","<script setup lang=\"ts\">\n\nimport {\n  useGetCartByIdLazyQuery,\n  type KitModel\n} from '~/types/ecommerce/generated.codegen';\n\nconst route = useRoute();\nconst query = route.query;\nconst store = useCartStore();\nconst { show: showPluginModal } = usePluginModal();\n\nconst validateQueryMenu = computed(() => {\n  return route.name === 'store-tools' ||\n  route.name === 'store-tools-assemble-kit' ||\n  route.name === 'store-tools-custom-kits' ||\n  route.name === 'store-tools-product';\n});\n\nconst queryParams = reactive({\n  hideHeader: query.hideHeader === 'true' || store.getHideHeader === true,\n  title: query.title as string || store.getTitle,\n  subtitle: query.subtitle as string || store.getSubtitle,\n  cartId: query.cartId as string || store.getCartId,\n  proposalPartnerName: store.getPartnerName || query.proposalPartnerName as string || '',\n  proposalRegion: store.getPartnerName || query.proposalRegion as string,\n  partnerId: parseInt(query.partnerId as string) ? parseInt(query.partnerId as string) : store.getPartnerId,\n  mixPanelEnv: query.mixPanelEnv || '',\n  mixPanelKey: query.mixPanelKey || '',\n  editableKit: query.editableKit === 'true' || false\n});\n\nonMounted(() => {\n  store.setHideHeader(queryParams.hideHeader);\n  store.setTitle(queryParams.title);\n  store.setSubtitle(queryParams.subtitle);\n  store.setEditableKit(queryParams.editableKit);\n\n  if (queryParams.proposalPartnerName && queryParams.proposalPartnerName !== 'undefined') {\n    store.setRegionCart(queryParams.proposalRegion as string);\n    store.setPartnerName(queryParams.proposalPartnerName);\n    store.setPartnerId(queryParams.partnerId as number);\n  }\n\n  if (queryParams.cartId) {\n    if (!store.getRouteFromCart) {\n      store.setCartId(queryParams.cartId);\n      loadCart(null, {\n        cart_id: queryParams.cartId\n      });\n    }\n  }\n});\n\nconst hideHeader = computed(() => store.hideHeader);\nconst title = computed(() => store.title);\nconst subtitle = computed(() => store.subtitle);\n\nconst {\n  onResult: onGetCartByIdResult,\n  onError: onGetCartByIdError,\n  load: loadCart\n} = useGetCartByIdLazyQuery({},\n  {\n    fetchPolicy: 'network-only'\n  }\n);\n\nonGetCartByIdResult((result) => {\n  if (result.data?.getCartById?.items?.length) {\n    if (result.data.getCartById.category.description === 'custom') {\n      navigateTo({\n        name: 'store-tools-cart'\n      });\n    } else {\n      store.setKitCart({\n        ...result.data.getCartById.items[0] as unknown as KitModel,\n        dc_id: result.data.getCartById.dc_id as number\n      });\n      navigateTo({\n        name: 'store-tools-cart'\n      });\n    }\n  }\n});\n\nonGetCartByIdError((error) => {\n  // eslint-disable-next-line\n  console.log('onGetCartByIdError', error);\n});\n\nconst el = ref(null);\nconst { width, height } = useElementSize(el);\n\nwatch([width, height], () => {\n  if (width.value === 0 || height.value === 0) {\n    return;\n  }\n  if (!store.getFullHeight) {\n    window.parent.postMessage({\n      type: 'resize',\n      width: width.value,\n      height: height.value\n    }, '*');\n  }\n});\n\n</script>\n\n<template>\n  <main id=\"store-tools\" ref=\"el\" class=\"sol-market-financing\">\n    <div v-show=\"!showPluginModal\">\n      <MenuPlugin v-if=\"validateQueryMenu\" />\n      <PluginHeader\n        v-if=\"!hideHeader\"\n        :title=\"title\"\n        :subtitle=\"subtitle\"\n      />\n      <NuxtPage />\n    </div>\n    <div v-show=\"showPluginModal\">\n      <PluginModal />\n    </div>\n  </main>\n</template>\n\n<style scoped lang=\"scss\">\n.sol-market-financing > div {\n  @apply w-full h-min;\n  @apply flex flex-col items-start justify-center gap-2xs;\n  @apply bg-neutral-high-pure;\n  @apply relative;\n}\n</style>\n"],"names":["menusDesktop","route","useRoute","activeMenu","menu","changeRoute","routePath","navigateTo","modal","usePluginModal","confirmButtonType","computed","_b","_a","cancelButtonType","query","store","useCartStore","showPluginModal","validateQueryMenu","queryParams","reactive","onMounted","loadCart","hideHeader","title","subtitle","onGetCartByIdResult","onGetCartByIdError","useGetCartByIdLazyQuery","result","_c","error","el","ref","width","height","useElementSize","watch"],"mappings":"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"}