{"version":3,"file":"ProductSuggestion-af2e8aaf.js","sources":["../../src/components/Product/Replace/ProductSuggestion.vue"],"sourcesContent":["<template>\n  <!-- prettier-ignore -->\n  <div class=\"suggestion\">\n    <Modal.Header\n      :text=\"$t('product.suggestion.title', { savings })\"\n    />\n    <Modal.Content>\n      <the-typography\n        type=\"bodyLargeLong\"\n        v-text=\"$t('product.suggestion.subtitle')\"\n      />\n\n      <div class=\"suggestion-products\">\n        <ovp-loading v-if=\"!ready\" />\n\n        <template v-else>\n          <div class=\"suggestion-product\">\n            <the-typography\n              type=\"heading04\"\n              v-text=\"$t('product.suggestion.selected')\"\n            />\n\n            <ovp-replace-product\n              disable-bullets\n              :doctor=\"doctorName\"\n              :group-id=\"groupId\"\n              :person-id=\"personId\"\n              :product=\"sortedProducts[1]\"\n              :product-id=\"sortedProducts[1].productId\"\n              @replace=\"addProduct(personId, sortedProducts[1], doctor)\"\n            />\n          </div>\n\n          <div class=\"suggestion-product\">\n            <the-typography\n              type=\"heading04\"\n              v-text=\"$t('product.suggestion.savings')\"\n            />\n\n            <ovp-replace-product\n              disable-bullets\n              :doctor=\"doctorName\"\n              :group-id=\"groupId\"\n              :person-id=\"personId\"\n              :product=\"sortedProducts[0]\"\n              :product-id=\"sortedProducts[0].productId\"\n              is-selected\n              @replace=\"addProduct(personId, sortedProducts[0], doctor)\"\n            />\n          </div>\n        </template>\n      </div>\n    </Modal.Content>\n\n    <Modal.Footer>\n      <template #secondary>\n        <Form.Button\n          has-loading-indicator\n          secondary\n          :text=\"$t('product.suggestion.btn.no')\"\n          @click=\"addProduct(personId, sortedProducts[1], doctor)\"\n        />\n      </template>\n\n      <template #primary>\n        <Form.Button\n          has-loading-indicator\n          primary\n          :text=\"$t('product.suggestion.btn.yes')\"\n          @click=\"addProduct(personId, sortedProducts[0], doctor)\"\n        />\n      </template>\n    </Modal.Footer>\n  </div>\n</template>\n\n<script setup>\nimport { computed, onMounted, ref } from 'vue'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { events$, loading$ } from '@/services'\n\nimport * as Form from '@/components/Form'\nimport * as Modal from '@/components/Modal'\n\nimport OvpReplaceProduct from '@/components/Product/Replace/ProductReplace'\nimport OvpLoading from '@/components/Container/LoadingAlt'\n\nimport { EVENT_PRODUCT } from '@/config/events'\nimport { SortUtil } from '@/utils/Sorting'\n\nimport useBasket from '@/hooks/useBasket'\nimport useDoctor from '@/hooks/useDoctor'\nimport useLogger from '@/hooks/useLogger'\nimport usePersonSpecificProduct from '@/hooks/usePersonSpecificProduct'\n\nconst { getDoctorName } = useDoctor()\nconst { logError } = useLogger()\nconst { selectProductOption } = usePersonSpecificProduct()\n\nconst $emit = defineEmits(['added', 'close'])\n\n// Props\nconst props = defineProps({\n  categoryId: {\n    type: String,\n    required: true,\n  },\n\n  doctor: {\n    type: Object,\n    required: true,\n  },\n\n  groupId: {\n    type: String,\n    required: true,\n  },\n\n  personId: {\n    type: String,\n    required: true,\n  },\n\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\n\n// Data\nconst products = ref([])\nconst ready = ref(false)\n\n// Lifecycle hooks\nonMounted(() => {\n  simulate()\n\n  events$.emit(EVENT_PRODUCT.SUGGESTION_DISPLAYED)\n})\n\n// Computed\nconst doctorName = computed(() => {\n  return getDoctorName(props.doctor)\n})\n\nconst savings = computed(() => {\n  if (sortedProducts.value.length === 2) {\n    const __savings =\n      sortedProducts.value[1].prices.find(p => p.selected).price -\n      sortedProducts.value[0].prices.find(p => p.selected).price\n    return parseFloat(__savings).toFixed(2)\n  } else {\n    return 0.0\n  }\n})\n\nconst sortedProducts = computed(() => {\n  const __products = cloneDeep(products.value)\n  return __products.sort(SortUtil.sortByParam(item => item.prices.find(p => p.selected).price))\n})\n\n// Methods\nfunction addProduct(personId, __product, doctor) {\n  const { addProductDoctorToBasket, updateOvpBasket } = useBasket()\n  loading$.start({ blocking: false })\n  const productId = __product.productId\n  const selectedOption = __product.prices.find(p => p.selected)\n  return addProductDoctorToBasket(personId, productId, doctor)\n    .then(basket => selectProductOption({ personId, productId, option: selectedOption, __basket: basket }))\n    .then(basket => updateOvpBasket(basket))\n    .then(basket => {\n      events$.emit(EVENT_PRODUCT.ADDED, {\n        basket,\n        personId,\n        categoryId: props.categoryId,\n        productId,\n        source: props.source,\n      })\n      $emit('added')\n      loading$.end()\n      return basket\n    })\n    .catch(error => logError(error))\n}\n\nfunction simulate() {\n  const { addProductToOvpBasket, updateOvpBasket } = useBasket()\n  const { getProductsFromGroup } = usePersonSpecificProduct()\n  const __products = getProductsFromGroup(props.groupId, props.personId)\n  const triggerAmount = __products.length\n  let trigger = 0\n  // use the same criteria selection for both products\n  const selectedOption = props.product.prices.find(p => p.selected)\n  __products.forEach(product => {\n    addProductToOvpBasket(props.personId, product.productId, { doctor: props.doctor })\n      .then(basket =>\n        selectProductOption({\n          personId: props.personId,\n          productId: product.productId,\n          option: selectedOption,\n          __basket: basket,\n        })\n      )\n      .then(basket => updateOvpBasket(basket, { simulate: true }))\n      .then(basket => {\n        products.value.push(\n          Object.assign(\n            {},\n            { productId: product.productId },\n            basket.persons.find(p => p.personId === props.personId).products.products[product.productId]\n          )\n        )\n        trigger++\n        if (triggerAmount === trigger) {\n          ready.value = true\n        }\n      })\n  })\n}\n</script>\n\n<style name=\"mobile\" scoped>\n.suggestion-products {\n  display: grid;\n  gap: 50px;\n}\n\n.suggestion-product {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 100%;\n\n  .product {\n    margin: 8px 0 0 0;\n    border: 1px solid var(--c-primary-neutral-1);\n  }\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n  .suggestion-products {\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n}\n</style>\n"],"names":["getDoctorName","useDoctor","logError","useLogger","selectProductOption","usePersonSpecificProduct","products","ref","ready","onMounted","simulate","events$","EVENT_PRODUCT","doctorName","computed","props","savings","sortedProducts","__savings","p","cloneDeep","SortUtil","item","addProduct","personId","__product","doctor","addProductDoctorToBasket","updateOvpBasket","useBasket","loading$","productId","selectedOption","basket","$emit","error","addProductToOvpBasket","getProductsFromGroup","__products","triggerAmount","trigger","product"],"mappings":"s9BA+FM,CAAE,cAAAA,CAAe,EAAGC,EAAW,EAC/B,CAAE,SAAAC,CAAU,EAAGC,EAAW,EAC1B,CAAE,oBAAAC,CAAqB,EAAGC,EAA0B,EAsCpDC,EAAWC,EAAI,EAAE,EACjBC,EAAQD,EAAI,EAAK,EAGvBE,EAAU,IAAM,CACdC,EAAU,EAEVC,EAAQ,KAAKC,EAAc,oBAAoB,CACjD,CAAC,EAGD,MAAMC,EAAaC,EAAS,IACnBd,EAAce,EAAM,MAAM,CAClC,EAEKC,EAAUF,EAAS,IAAM,CAC7B,GAAIG,EAAe,MAAM,SAAW,EAAG,CACrC,MAAMC,EACJD,EAAe,MAAM,CAAC,EAAE,OAAO,KAAKE,GAAKA,EAAE,QAAQ,EAAE,MACrDF,EAAe,MAAM,CAAC,EAAE,OAAO,KAAKE,GAAKA,EAAE,QAAQ,EAAE,MACvD,OAAO,WAAWD,CAAS,EAAE,QAAQ,CAAC,MAEtC,OAAO,EAEX,CAAC,EAEKD,EAAiBH,EAAS,IACXM,EAAUd,EAAS,KAAK,EACzB,KAAKe,EAAS,YAAYC,GAAQA,EAAK,OAAO,KAAKH,GAAKA,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC7F,EAGD,SAASI,EAAWC,EAAUC,EAAWC,EAAQ,CAC/C,KAAM,CAAE,yBAAAC,EAA0B,gBAAAC,CAAiB,EAAGC,EAAW,EACjEC,EAAS,MAAM,CAAE,SAAU,EAAK,CAAE,EAClC,MAAMC,EAAYN,EAAU,UACtBO,EAAiBP,EAAU,OAAO,KAAKN,GAAKA,EAAE,QAAQ,EAC5D,OAAOQ,EAAyBH,EAAUO,EAAWL,CAAM,EACxD,KAAKO,GAAU7B,EAAoB,CAAE,SAAAoB,EAAU,UAAAO,EAAW,OAAQC,EAAgB,SAAUC,CAAM,CAAE,CAAC,EACrG,KAAKA,GAAUL,EAAgBK,CAAM,CAAC,EACtC,KAAKA,IACJtB,EAAQ,KAAKC,EAAc,MAAO,CAChC,OAAAqB,EACA,SAAAT,EACA,WAAYT,EAAM,WAClB,UAAAgB,EACA,OAAQhB,EAAM,MACtB,CAAO,EACDmB,EAAM,OAAO,EACbJ,EAAS,IAAK,EACPG,EACR,EACA,MAAME,GAASjC,EAASiC,CAAK,CAAC,CACnC,CAEA,SAASzB,GAAW,CAClB,KAAM,CAAE,sBAAA0B,EAAuB,gBAAAR,CAAiB,EAAGC,EAAW,EACxD,CAAE,qBAAAQ,CAAsB,EAAGhC,EAA0B,EACrDiC,EAAaD,EAAqBtB,EAAM,QAASA,EAAM,QAAQ,EAC/DwB,EAAgBD,EAAW,OACjC,IAAIE,EAAU,EAEd,MAAMR,EAAiBjB,EAAM,QAAQ,OAAO,KAAKI,GAAKA,EAAE,QAAQ,EAChEmB,EAAW,QAAQG,GAAW,CAC5BL,EAAsBrB,EAAM,SAAU0B,EAAQ,UAAW,CAAE,OAAQ1B,EAAM,OAAQ,EAC9E,KAAKkB,GACJ7B,EAAoB,CAClB,SAAUW,EAAM,SAChB,UAAW0B,EAAQ,UACnB,OAAQT,EACR,SAAUC,CACpB,CAAS,CACF,EACA,KAAKA,GAAUL,EAAgBK,EAAQ,CAAE,SAAU,EAAI,CAAE,CAAC,EAC1D,KAAKA,GAAU,CACd3B,EAAS,MAAM,KACb,OAAO,OACL,CAAE,EACF,CAAE,UAAWmC,EAAQ,SAAW,EAChCR,EAAO,QAAQ,KAAKd,GAAKA,EAAE,WAAaJ,EAAM,QAAQ,EAAE,SAAS,SAAS0B,EAAQ,SAAS,CAC5F,CACF,EACDD,IACID,IAAkBC,IACpBhC,EAAM,MAAQ,GAExB,CAAO,CACP,CAAG,CACH"}