{"version":3,"file":"JGC5-zB0.js","sources":["../../../../components/molecules/blocks/cartItem.vue"],"sourcesContent":["<template>\r\n  <div class=\"cart-item\">\r\n    <AtomsGlobalLink :to=\"props.url\" class=\"cart-item__image\">\r\n      <MoleculesGlobalWareImage :image-id=\"props.imageId\" suffix=\"pl\" />\r\n    </AtomsGlobalLink>\r\n\r\n    <div class=\"cart-item__description\">\r\n      <AtomsGlobalLink :to=\"props.url\" class=\"font-bold text-xl underline tracking-normal\">\r\n        {{ props.name }}\r\n      </AtomsGlobalLink>\r\n      <div v-if=\"props.hasLimitedShipping\" class=\"text-error-600\">\r\n        {{ $t('Product with limited shipping options outside EU') }} <button @click=\"openLimitedShippingDialog\">(<span class=\"underline\">{{ $t('find out more') }})</span></button>.\r\n      </div>\r\n      <div class=\"text-lg\">{{ props.variantName }}</div>\r\n      <div v-if=\"props.code\" class=\"text-sm text-neutral-300\">{{ props.code }}</div>\r\n      <Transition>\r\n        <MoleculesButtonsButton v-if=\"showEngravingButton\" @click=\"useCart().openServiceDialogForCartItem(props.presentationCartItem, 'Košík')\" :secondary-ghost=\"true\" class=\"order-2\">+ {{ $t('Přikoupit gravírování') }}</MoleculesButtonsButton>\r\n      </Transition>\r\n    </div>\r\n\r\n    <div class=\"cart-item__availability\">{{ props.availabilityLabel ? $t(props.availabilityLabel) : '' }}</div>\r\n    <div class=\"cart-item__quantity-with-price\">\r\n      <MoleculesFormsQuantityField class=\"cart-item__quantity\" v-model=\"props.modelValue\" @update:modelValue=\"update($event)\" :unit=\"props.unit\" :min=\"1\" />\r\n      <div class=\"cart-item__price\">\r\n        <div class=\"text-xl font-bold\">\r\n          <MoleculesGlobalAutocounter :value=\"props.totalPrice\" />\r\n        </div>\r\n        <div :class=\"{ 'invisible': props.modelValue === 1 }\" class=\"cart-item__price__piece\">{{ props.piecePriceFormatted }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <button v-if=\"!props.hideRemoveButton\" class=\"cart-item__remove\" @click=\"removeCartItem\" @mouseover=\"removeHover = true\" @mouseleave=\"removeHover = false\">\r\n      <Transition><span v-show=\"removeHover\">{{ $t('Odebrat položku') }}</span></Transition>\r\n      <AtomsImagesIcon icon=\"cross\" size=\"xs\" class=\"ml-2\" />\r\n    </button>\r\n  </div>\r\n\r\n  <!-- ware services -->\r\n\r\n  <div v-for=\"serviceItem in orderedServices\" class=\"cart-item\" :key=\"serviceItem.id\">\r\n\r\n    <div class=\"cart-item__image\">\r\n      <AtomsImagesIcon icon=\"laser\" class=\"text-[6rem]\" />\r\n    </div>\r\n\r\n    <div class=\"cart-item__description\">\r\n      <div class=\"font-bold text-xl tracking-normal\">\r\n        {{ serviceItem.name }}\r\n      </div>\r\n      <div v-html=\"serviceItem.inputText\"></div>\r\n    </div>\r\n\r\n    <div class=\"cart-item__availability\">{{ $t('obvykle do {0} prac. dnů', [serviceItem.serviceOption.deliveryPeriod]) }}</div>\r\n    <div class=\"cart-item__quantity-with-price\">\r\n      <div class=\"cart-item__quantity\"></div>\r\n      <div class=\"cart-item__price\">\r\n        <div class=\"text-xl font-bold\">\r\n          <MoleculesGlobalAutocounter :value=\"serviceItem.serviceOption.price\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <button v-if=\"!props.hideRemoveButton\" class=\"cart-item__remove\" @click=\"removeService(serviceItem)\" @mouseover=\"serviceItem.removeHover = true\" @mouseleave=\"serviceItem.removeHover = false\">\r\n      <Transition><span v-show=\"serviceItem.removeHover\">{{ $t('Odebrat položku') }}</span></Transition>\r\n      <AtomsImagesIcon icon=\"cross\" size=\"xs\" class=\"ml-2\" />\r\n    </button>\r\n  </div>\r\n</template>\r\n<script setup>\r\n\r\nconst props = defineProps({\r\n  cartItemId: Number,\r\n  modelValue: Number,\r\n  wareId: Number | undefined,\r\n  imageId: Number,\r\n  name: String,\r\n  code: String,\r\n  variantName: String,\r\n  url: String,\r\n  availabilityLabel: String,\r\n  piecePriceFormatted: String,\r\n  totalPrice: Number,\r\n  hideRemoveButton: Boolean,\r\n  min: Number | undefined,\r\n  presentationCartItem: Object,\r\n  showLastServiceOnly: Boolean,\r\n  hideServices: Boolean,\r\n  hasLimitedShipping: Boolean | undefined\r\n});\r\n\r\nconst appConfig = useAppConfig();\r\nconst dialog = useDialog();\r\nconst locale = useLocale();\r\n\r\nconst emit = defineEmits(['update:modelValue', 'remove', 'removeService']);\r\n\r\nconst update = (quantity) => emit('update:modelValue', quantity);\r\n\r\nconst removeCartItem = () => emit('remove');\r\n\r\nconst removeService = (service) => emit('removeService', service);\r\n\r\nconst removeHover = ref(false);\r\n\r\nconst showEngravingButton = computed(() => {\r\n  let result = true;\r\n\r\n  if (!props.presentationCartItem) {\r\n    result = false;\r\n  }\r\n  else {\r\n\r\n    // if no services are to be shown (e.g. in added to cart dialog), don´t show the button\r\n    result &= !props.hideServices && !props.showLastServiceOnly;\r\n\r\n    // check if engraving service is available\r\n    result &= props.presentationCartItem.availableServices?.some(service => service.id === appConfig.wareServiceIds.engraving)\r\n\r\n    // check if there are any items without engraving service\r\n    result &= props.presentationCartItem.orderedServices.filter(service => service.serviceOption.service.id === appConfig.wareServiceIds.engraving).length < props.modelValue\r\n  }\r\n\r\n  return result;\r\n});\r\n\r\nconst orderedServices = computed(() => {\r\n\r\n  const result = [];\r\n\r\n  if (!props.hideServices && props.presentationCartItem) {\r\n    if (props.showLastServiceOnly) {\r\n      result.push(props.presentationCartItem.orderedServices[props.presentationCartItem.orderedServices.length - 1]);\r\n    }\r\n    else {\r\n      result.push(...props.presentationCartItem.orderedServices);\r\n    }\r\n  }\r\n\r\n  return result;\r\n});\r\n\r\nconst openLimitedShippingDialog = async () => {\r\n  const allCountries = (await useApiFetch(`/api/limitedShippingDetails?idWares=${props.wareId}&currencyId=${locale.getLocale().currencyId}&languageId=${locale.getLocale().languageId}`)).wares[0].shippingOptions.countries;\r\n\r\n  dialog.open('limitedShipping', {\r\n    countries: allCountries.checked.map((country) => {\r\n      return {\r\n        id: country.id,\r\n        name: country.name,\r\n        enabled: !allCountries.disabled.some(disabledCountry => disabledCountry.id === country.id)\r\n      }\r\n    })\r\n  });\r\n}\r\n\r\n</script>\r\n<style lang=\"postcss\">\r\n.cart-item {\r\n  @apply relative flex items-center justify-between gap-6;\r\n\r\n  &__image {\r\n    @apply text-center;\r\n  }\r\n\r\n  &__description {\r\n    @apply space-y-2;\r\n  }\r\n\r\n  &__availability {\r\n    @apply font-bold uppercase tracking-normal;\r\n  }\r\n\r\n  &__quantity {\r\n    @apply min-w-[96px] text-lg;\r\n  }\r\n\r\n  &__quantity-with-price {\r\n    @apply flex justify-between items-center gap-6;\r\n  }\r\n\r\n  &__price {\r\n    @apply mt-4 font-bold tracking-normal;\r\n\r\n    &__piece {\r\n      @apply mt-1 text-xs text-right text-neutral-400;\r\n    }\r\n  }\r\n\r\n  &__remove {\r\n    @apply absolute right-4 top-2 hover:text-error-500;\r\n  }\r\n\r\n  img {\r\n    @apply max-h-[160px];\r\n  }\r\n}\r\n</style>"],"names":["props","__props","appConfig","useAppConfig","dialog","useDialog","locale","useLocale","emit","__emit","update","quantity","removeCartItem","removeService","service","removeHover","ref","showEngravingButton","computed","result","_a","orderedServices","openLimitedShippingDialog","allCountries","useApiFetch","country","disabledCountry"],"mappings":"igDAsEA,MAAMA,EAAQC,EAoBRC,EAAYC,EAAY,EACxBC,EAASC,EAAS,EAClBC,EAASC,EAAS,EAElBC,EAAOC,EAEPC,EAAUC,GAAaH,EAAK,oBAAqBG,CAAQ,EAEzDC,EAAiB,IAAMJ,EAAK,QAAQ,EAEpCK,EAAiBC,GAAYN,EAAK,gBAAiBM,CAAO,EAE1DC,EAAcC,EAAI,EAAK,EAEvBC,EAAsBC,EAAS,IAAM,OACzC,IAAIC,EAAS,GAEb,OAAKnB,EAAM,sBAMTmB,GAAU,CAACnB,EAAM,cAAgB,CAACA,EAAM,oBAGxCmB,IAAUC,EAAApB,EAAM,qBAAqB,oBAA3B,YAAAoB,EAA8C,KAAKN,GAAWA,EAAQ,KAAOZ,EAAU,eAAe,WAGhHiB,GAAUnB,EAAM,qBAAqB,gBAAgB,OAAOc,GAAWA,EAAQ,cAAc,QAAQ,KAAOZ,EAAU,eAAe,SAAS,EAAE,OAASF,EAAM,YAX/JmB,EAAS,GAcJA,CACT,CAAC,EAEKE,EAAkBH,EAAS,IAAM,CAErC,MAAMC,EAAS,CAAA,EAEf,MAAI,CAACnB,EAAM,cAAgBA,EAAM,uBAC3BA,EAAM,oBACRmB,EAAO,KAAKnB,EAAM,qBAAqB,gBAAgBA,EAAM,qBAAqB,gBAAgB,OAAS,CAAC,CAAC,EAG7GmB,EAAO,KAAK,GAAGnB,EAAM,qBAAqB,eAAe,GAItDmB,CACT,CAAC,EAEKG,EAA4B,SAAY,CAC5C,MAAMC,GAAgB,MAAMC,EAAY,uCAAuCxB,EAAM,MAAM,eAAeM,EAAO,UAAW,EAAC,UAAU,eAAeA,EAAO,UAAW,EAAC,UAAU,EAAE,GAAG,MAAM,CAAC,EAAE,gBAAgB,UAEjNF,EAAO,KAAK,kBAAmB,CAC7B,UAAWmB,EAAa,QAAQ,IAAKE,IAC5B,CACL,GAAIA,EAAQ,GACZ,KAAMA,EAAQ,KACd,QAAS,CAACF,EAAa,SAAS,KAAKG,GAAmBA,EAAgB,KAAOD,EAAQ,EAAE,CAC1F,EACF,CACL,CAAG,CACH"}