{"version":3,"file":"CP1gN4K_.js","sources":["../../../../src/components/dialog/productSubscriptionCancel/useProductSubscriptionCancel.ts","../../../../src/components/dialog/productSubscriptionCancel/productSubscriptionCancel.vue"],"sourcesContent":["import { useSecureSessionPost } from '~/composables/dataFetching/genericFetchers';\nimport type { ProductSubscriptionItem } from '~/server/transformers/shop/productSubscriptionListTransformer';\nimport { DialogResponses, useDialogStore } from '@/stores/useDialogStore';\nimport { useToastStore } from '@/stores/useToastStore';\nimport { handleLoadingError } from '~/utils/handleLoadingError';\n\nexport function useProductSubscriptionCancel() {\n  const { t } = useTrans();\n  const dialogStore = useDialogStore();\n  const cancelReason = ref<string>();\n  const options = [\n    {\n      label: t('shop.productSubscription.cancel.option1'),\n      value: t('shop.productSubscription.cancel.option1'),\n    },\n    {\n      label: t('shop.productSubscription.cancel.option2'),\n      value: t('shop.productSubscription.cancel.option2'),\n    },\n    {\n      label: t('shop.productSubscription.cancel.option3'),\n      value: t('shop.productSubscription.cancel.option3'),\n    },\n    {\n      label: t('shop.productSubscription.cancel.option4'),\n      value: t('shop.productSubscription.cancel.option4'),\n    },\n  ];\n\n  async function onSubmit(\n    subscription: ProductSubscriptionItem,\n    reason: string,\n    productName: string,\n  ) {\n    try {\n      const site = useSiteIdent();\n      const toastStore = useToastStore();\n      const currentSubscription = ref(subscription);\n      const response = await useSecureSessionPost<string>(\n        `/api/${site}/shop/product/productSubscription/update/${subscription.id}`,\n        {\n          interval: subscription.interval,\n          canceled: true,\n          cancelReason: reason,\n        },\n      );\n      if (response) {\n        currentSubscription.value.canceled = true;\n        toastStore.warning({\n          text: t('shop.productSubscription.deactivate.notification', {\n            name: productName,\n          }),\n        });\n\n        dialogStore.closeDialog(DialogResponses.SUCCESS);\n      } else {\n        dialogStore.closeDialog(DialogResponses.CANCEL);\n      }\n    } catch (e: any) {\n      dialogStore.closeDialog(DialogResponses.CANCEL);\n      handleLoadingError(e);\n    }\n  }\n\n  return {\n    cancelReason,\n    options,\n    onSubmit,\n  };\n}\n","<template>\n  <DialogEmpty v-if=\"$siteIdent.startsWith('minilu')\">\n    <Form\n      id=\"product-subscription-cancel-form\"\n      submit-label=\"shop.productSubscription.cancel.title\"\n      cancel-label=\"formFields.form.cancel\"\n      @submit=\"onSubmit(data.subscription, cancelReason, data.product.name)\"\n      @cancel=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n    >\n      <div class=\"pb-md flex flex-col max-h-[92vh]\">\n        <div class=\"flex justify-center\">\n          <img\n            src=\"@/assets/images/minilu/minilu-subscription-cancel.svg\"\n            class=\"relative -top-xl\"\n          />\n        </div>\n\n        <div class=\"h-full\">\n          <div class=\"text-center mb-md\">\n            {{ t('shop.productSubscription.cancel.text') }}\n          </div>\n          <div class=\"font-bold text-center\">\n            {{ data.product.name }}\n          </div>\n          <div v-if=\"data.product.variantName\" class=\"text-center mb-md\">\n            {{ data.product.variantName }}\n          </div>\n          <Dropdown\n            id=\"cancelReason\"\n            v-model=\"cancelReason\"\n            :value=\"options[0]\"\n            :options=\"options\"\n            label=\"\"\n            placeholder=\"shop.productSubscription.cancel.placeholder\"\n            :name=\"t('shop.productSubscription.cancel.emptyError')\"\n            :allow-empty=\"true\"\n          ></Dropdown>\n        </div>\n      </div>\n    </Form>\n  </DialogEmpty>\n  <DialogLocal v-else>\n    <Form\n      id=\"product-subscription-cancel-form\"\n      submit-label=\"shop.productSubscription.cancel.title\"\n      cancel-label=\"formFields.form.cancel\"\n      @submit=\"onSubmit(data.subscription, cancelReason, data.product.name)\"\n      @cancel=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n    >\n      <div class=\"pb-md flex flex-col max-h-[92vh]\">\n        <div class=\"h-full\">\n          <div class=\"text-center mb-md\">\n            {{ t('shop.productSubscription.cancel.text') }}\n          </div>\n          <div class=\"font-bold text-center\">\n            {{ data.product.name }}\n          </div>\n          <div v-if=\"data.product.variantName\" class=\"text-center mb-md\">\n            {{ data.product.variantName }}\n          </div>\n          <Dropdown\n            id=\"cancelReason\"\n            v-model=\"cancelReason\"\n            :value=\"options[0]\"\n            :options=\"options\"\n            label=\"\"\n            placeholder=\"shop.productSubscription.cancel.placeholder\"\n            name=\"cancelReason\"\n            :allow-empty=\"true\"\n          ></Dropdown>\n        </div>\n      </div>\n    </Form>\n  </DialogLocal>\n</template>\n<script setup lang=\"ts\">\nimport { DialogResponses, useDialogStore } from '@/stores/useDialogStore';\nimport Form from '@/components/formFields/localDialogForm/localDialogForm.vue';\nimport type { Product } from '~/server/transformers/shop/product/types';\nimport { Dropdown } from '@/complib';\nimport type { ProductSubscriptionItem } from '~/server/transformers/shop/productSubscriptionListTransformer';\nimport { useProductSubscriptionCancel } from './useProductSubscriptionCancel';\nimport DialogLocal from '../components/dialogFrame/local/dialogFrame.vue';\nimport DialogEmpty from '../components/dialogFrame/empty/dialogFrame.vue';\nconst { t } = useTrans();\nconst dialogStore = useDialogStore();\ndialogStore.setHeadline(t('shop.productSubscription.edit.title'));\nconst data = dialogStore.getDialogData<{\n  subscription: ProductSubscriptionItem;\n  product: Product;\n  triggerReload: boolean;\n}>();\nconst { cancelReason, options, onSubmit } = useProductSubscriptionCancel();\n</script>\n"],"names":["useProductSubscriptionCancel","t","useTrans","dialogStore","useDialogStore","cancelReason","ref","options","onSubmit","subscription","reason","productName","site","useSiteIdent","toastStore","useToastStore","currentSubscription","useSecureSessionPost","DialogResponses","e","handleLoadingError","data"],"mappings":"gxBAMO,SAASA,GAA+B,CACvC,KAAA,CAAE,EAAAC,GAAMC,IACRC,EAAcC,IACdC,EAAeC,IACfC,EAAU,CACd,CACE,MAAON,EAAE,yCAAyC,EAClD,MAAOA,EAAE,yCAAyC,CACpD,EACA,CACE,MAAOA,EAAE,yCAAyC,EAClD,MAAOA,EAAE,yCAAyC,CACpD,EACA,CACE,MAAOA,EAAE,yCAAyC,EAClD,MAAOA,EAAE,yCAAyC,CACpD,EACA,CACE,MAAOA,EAAE,yCAAyC,EAClD,MAAOA,EAAE,yCAAyC,CACpD,CAAA,EAGa,eAAAO,EACbC,EACAC,EACAC,EACA,CACI,GAAA,CACF,MAAMC,EAAOC,IACPC,EAAaC,IACbC,EAAsBV,EAAIG,CAAY,EAC3B,MAAMQ,EACrB,QAAQL,CAAI,4CAA4CH,EAAa,EAAE,GACvE,CACE,SAAUA,EAAa,SACvB,SAAU,GACV,aAAcC,CAChB,CAAA,GAGAM,EAAoB,MAAM,SAAW,GACrCF,EAAW,QAAQ,CACjB,KAAMb,EAAE,mDAAoD,CAC1D,KAAMU,CAAA,CACP,CAAA,CACF,EAEWR,EAAA,YAAYe,EAAgB,OAAO,GAEnCf,EAAA,YAAYe,EAAgB,MAAM,QAEzCC,EAAQ,CACHhB,EAAA,YAAYe,EAAgB,MAAM,EAC9CE,EAAmBD,CAAC,CACtB,CACF,CAEO,MAAA,CACL,aAAAd,EACA,QAAAE,EACA,SAAAC,CAAA,CAEJ,ydCeM,KAAA,CAAE,EAAAP,GAAMC,IACRC,EAAcC,IACRD,EAAA,YAAYF,EAAE,qCAAqC,CAAC,EAC1D,MAAAoB,EAAOlB,EAAY,gBAKnB,CAAE,aAAAE,EAAc,QAAAE,EAAS,SAAAC,GAAaR,EAA6B"}