{"version":3,"file":"CrossSellingCategories-Dju-rSfA.js","sources":["../../src/views/cart/components/CartProductsList.vue","../../src/store/cart/crossSelling.ts","../../src/views/cart/CrossSellingCategories.vue"],"sourcesContent":["<template lang=\"pug\">\nEatUl\n  EatLi.d-flex.flex-column(v-if=\"cart\" v-for=\"item, i in cart.items\" :key=\"i\" :class=\"{ 'mb-5': i === cart.items.length - 1 }\")\n    div.card(@click=\"openDetailProductDialog(item, i)\")\n      EatImage.card__image.rounded-sm(\n        :src=\"getImageSrc(item.product)\"\n        :lazyLoading=\"true\"\n      )\n      div.px-3.text-h6 {{ item.product.name }}\n      div.card__controls\n        div.d-flex.align-center\n          EatIconBtn(icon=\"$trash\" v-if=\"!item.quantity\" @click.stop=\"deleteItem(item)\")\n          EatStepper(small @increase=\"changeQuantity(item, +1)\" :value=\"item.quantity\" @decrease=\"changeQuantity(item, -1)\")\n        div.mt-4.text-body-1.font-weight-regular\n          ItemPrice(v-if=\"item.variation\"\n            :isPercentage=\"item.variation.isPercentage\"\n            :variation=\"item.variation.variation\", \n            :price=\"item.variation.price\" \n            :finalPrice=\"item.variation.finalPrice\"\n          )\n          Price(v-else :price=\"computePrice(item.product, item.configuration) * item.quantity\")\n\n    div(@click=\"openDetailProductDialog(item, i)\")\n      ItemConfigurationSummary(:item=\"item\")\n    \nFullPageDialog(v-model=\"showDialog\")\n  template(v-slot:header)\n    div.d-flex.flex-column(style=\"width: 100%\")\n      div.d-flex.align-center.pa-2.bg-white\n        EatIconBtn.text-black.me-4.ms-3(icon=\"$close\" :size=\"16\" @click=\"onCloseDialog\")\n        div.product-name.text-body-1.font-weight-medium.text-truncate.pe-6(v-if=\"currentItem && currentItem.product\") {{ currentItem.product.name }}\n  template(v-slot:main)\n    div.product-builder__container.bg-neutral-a.flex-grow-1(v-if=\"currentItem\")\n      div.rounded-b-xxl.bg-white.py-3.px-5\n        EatImage.product-builder__image.rounded(\n          :src=\"getImageSrc(currentItem.product)\"\n        )\n        div.card-opened__text.d-flex.flex-column.justify-center.px-3\n          div.text-body-1.font-weight-medium.pb-1.pt-3 {{ currentItem.product.name }}\n          div.text-body-1.font-weight-regular(@click=\"showAddToCart=true\") {{ formatPrice(currentItem.product.price) }}\n\n      ProductBuilder.bg-neutral-a.mt-1(:isCartModifier=\"true\")\n\n      div.float-btn__container\n        div.float-btn__background.rounded.px-7.pb-5.pt-2.d-flex.flex-column\n          div.text-h6.font-weight-regular.ms-auto.mb-2 {{ $t(\"general.total\") + \" \" + formatPrice(configurationTotal) }}\n          div.float-btn__controls\n            EatStepper(@increase=\"changeConfigurationQuantity(+1)\" :value=\"currentItem.quantity ? currentItem.quantity : 0\" @decrease=\"changeConfigurationQuantity(-1)\" :contractable=\"false\")\n            EatFloatBtn(@click=\"onProductBuilderSubmit\") \n              div.text-truncate {{ $t(\"cart.saveChanges\") }}                    \n</template>\n\n<script setup lang=\"ts\">\nimport type { CartItem } from \"@/models/Cart\";\nimport { useApp } from \"@/store/app\";\nimport ItemConfigurationSummary from \"@/components/ItemConfigurationSummary.vue\";\nimport ProductBuilder from \"@/components/menuProduct/ProductBuilder.vue\";\nimport FullPageDialog from \"@/layout/partials/FullPageDialog.vue\";\nimport ItemPrice from \"@/components/utils/ItemPrice.vue\";\nimport Price from \"@/components/utils/Price.vue\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { computePrice, isValid, type Product } from \"@/models/Product\";\nimport { useCart } from \"@/store/cart\";\nimport { useCartItems } from \"@/store/cart/cartItems\";\nimport { isEqualObject } from \"@/utils\";\nimport useProductDetail from \"@/store/order/productDetail\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { useI18n } from \"vue-i18n\";\n\nconst i18n = useI18n();\nconst { location } = useApp();\nconst { cart } = useCart();\nconst { removeFromCart, updateQuantity, updateCartItems } = useCartItems();\nconst showDialog = ref(false);\nconst showAddToCart = ref(false);\nconst currentItem = ref<CartItem>();\nconst currentItemIndex = ref<number>();\n\nconst changeQuantity = (item: CartItem, amount: number) => {\n  const quantity = item.quantity + amount;\n  if (amount < 0) {\n    updateQuantity(item, quantity);\n  } else if (item.product.warehouseItem) {\n    if (item.product.warehouseItem.availableStockQuantity >= quantity) {\n      updateQuantity(item, quantity);\n    } else {\n      setSnackbar(\n        i18n.t(\"order.product.maxAvailableStockQuantityReached\").toString(),\n        TypeSnackbar.WARNING\n      );\n    }\n  } else {\n    updateQuantity(item, quantity);\n  }\n};\n\nconst deleteItem = (item: CartItem) => {\n  removeFromCart(item);\n};\n\nonBeforeUnmount(() => {\n  cart.value?.items?.forEach(item => {\n    if (item.quantity === 0) {\n      deleteItem(item);\n    }\n  });\n});\n\nconst { setConfigurationFromCartItem, reset } = useProductDetail();\nconst openDetailProductDialog = (item: CartItem, index: number) => {\n  currentItemIndex.value = index;\n  currentItem.value = { ...item };\n  setConfigurationFromCartItem(currentItem.value);\n  showDialog.value = true;\n};\n\nconst onCloseDialog = () => {\n  showDialog.value = false;\n  currentItem.value = undefined;\n  currentItemIndex.value = undefined;\n  reset();\n};\n\nconst getConfigurationTotal = (item: CartItem) => {\n  return item.quantity * computePrice(item.product, item.configuration);\n};\n\nconst configurationTotal = computed(() => {\n  if (!currentItem.value?.configuration) return 0;\n  return getConfigurationTotal(currentItem.value);\n});\n\nconst changeConfigurationQuantity = (amount: number) => {\n  if (!currentItem.value) return;\n  const quantity = currentItem.value.quantity + amount;\n  if (amount < 0) {\n    currentItem.value.quantity = quantity;\n  } else if (currentItem.value.product.warehouseItem) {\n    if (currentItem.value.product.warehouseItem.availableStockQuantity >= quantity) {\n      currentItem.value.quantity = quantity;\n    } else {\n      setSnackbar(\n        i18n.t(\"order.product.maxAvailableStockQuantityReached\").toString(),\n        TypeSnackbar.WARNING\n      );\n    }\n  } else {\n    currentItem.value.quantity = quantity;\n  }\n};\n\nconst getEquatableConfiguration = (configuration: any) => {\n  return {\n    addedComponents: configuration.addedComponents,\n    removedComponents: configuration.removedComponents,\n    articleAttributes: configuration.articleAttributes,\n    modules: configuration.modules,\n    mandatoryComponents: configuration.mandatoryComponents,\n    upsellingModules: configuration.upsellingModules\n  };\n};\n\nconst getSameConfigurationCartItemsIndexes = (item: CartItem) => {\n  const indexes = cart.value?.items.reduce((indexes: number[], cartItem, i) => {\n    if (\n      isEqualObject(item.product, cartItem.product) &&\n      isEqualObject(\n        getEquatableConfiguration(item.configuration),\n        getEquatableConfiguration(cartItem.configuration)\n      ) &&\n      i !== currentItemIndex.value\n    ) {\n      indexes.push(i);\n    }\n    return indexes;\n  }, []);\n  return indexes || [];\n};\n\nconst onProductBuilderSubmit = () => {\n  if (\n    cart.value &&\n    currentItemIndex.value !== undefined &&\n    currentItem.value &&\n    isValid(currentItem.value.configuration, currentItem.value.product)\n  ) {\n    const localItems = [...cart.value.items];\n    // Se dopo la modifica del singolo prodotto ci sono altri prodotti nel carrello che hanno la stessa configurazione\n    const sameConfigurationItemsIndexes = getSameConfigurationCartItemsIndexes(\n      currentItem.value\n    );\n    // Aggiungo le quantità degli altri prodotti al corrente item\n    sameConfigurationItemsIndexes.forEach(index => {\n      if (currentItem.value) currentItem.value.quantity += localItems[index].quantity || 0;\n    });\n    // Aggiungo l'item all'array locale di cartItems\n    localItems[currentItemIndex.value] = currentItem.value;\n    // Rimuovo i prodotti duplicati dall'array locale di cartItems\n    sameConfigurationItemsIndexes.forEach((item, index) => {\n      localItems.splice(index, 1);\n    });\n    // Aggiorno gli items nel carrello\n    updateCartItems(localItems);\n    onCloseDialog();\n  }\n};\n\nconst getImageSrc = (product: Product) => {\n  return product && product.images.length ? product.images[0] : location.value?.logoUrl || \"\";\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$image-height: 76px;\n.card {\n  display: grid;\n  grid-template-columns: $image-height auto 76px;\n  align-items: center;\n  .card__image {\n    width: $image-height;\n    height: $image-height;\n    object-fit: cover;\n  }\n  .card__controls {\n    text-align: end;\n  }\n}\n\n.components__container {\n  flex-wrap: wrap;\n  gap: 4px;\n  .outlined--cart-chips {\n    border: 1px solid var(--border-clr--type-a);\n    color: var(--border-clr--type-a);\n  }\n}\n\n.product-builder__container {\n  padding-bottom: 126px;\n\n  .product-builder__image {\n    width: 100%;\n  }\n\n  .float-btn__container {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 2;\n    .float-btn__background {\n      width: 100%;\n      backdrop-filter: blur(2px);\n      .float-btn__controls {\n        width: 100%;\n        display: grid;\n        grid-template-columns: auto 1fr;\n        align-items: center;\n        gap: 8px;\n      }\n    }\n  }\n}\n</style>\n","import type { Category } from \"@/models\";\nimport { computed } from \"vue\";\nimport { useApp } from \"../app\";\nimport { useCart } from \"../cart\";\nimport { useMenu } from \"../menu\";\n\nexport const useCrossSelling = () => {\n  const { cart } = useCart();\n  const { app } = useApp();\n  const { categories, fetchMenu } = useMenu(cart.value?.saletype);\n  fetchMenu();\n\n  const crossSellingCategories = computed(() => {\n    if (!cart.value || !app.value) return [] as Category[];\n    const categoriesIds =\n      app.value.services[cart.value.saletype].crossSelling?.categories || ([] as string[]);\n    return categories.value.filter(category => categoriesIds.includes(category.id));\n  });\n\n  return {\n    crossSellingCategories\n  };\n};\n","<template lang=\"pug\">\nEatView(v-if=\"crossSellingCategories\" :loading=\"!crossSellingCategories.length\")\n  div.bg-neutral-a.products__container.flex-grow-1.d-flex.flex-column.pb-1(v-scrollable=\"true\")\n      TransitionGroup(name=\"fade\" tag=\"div\" v-if=\"crossSellingCategories && crossSellingCategories.length\")\n        div.flex-grow-1.d-flex.flex-column(v-for=\"category, k in crossSellingCategories\" :key=\"k\")\n          RoundedContainer.bg-white.mt-1.pt-8(\n            :id=\"category.id\"\n            :horizontal-padding=\"false\"\n            :stickyTitle=\"true\"\n          )\n            h2.pb-3.px-5 {{ category.name }}\n            ProductCard(v-for=\"product, i in category.products\" :key=\"i\" :product=\"product\" :class=\"{'border-t': i > 0}\")\n\n      Transition(name=\"fade\" tag=\"div\").flex-grow-1.d-flex.flex-column\n        div.products__placeholder.bg-white.rounded-b-xl.flex-grow-1.mb-8.pt-8.d-flex.justify-center(v-if=\"!crossSellingCategories || !crossSellingCategories.length\") \n          div {{ $t(\"crossSelling.noProducts\") }}\n\n  ProductDetail\n</template>\n\n<script setup lang=\"ts\">\nimport ProductCard from \"@/components/menuProduct/ProductCard.vue\";\nimport ProductDetail from \"@/components/menuProduct/ProductDetail.vue\";\nimport { useCrossSelling } from \"@/store/cart/crossSelling\";\nimport { computed, watch } from \"vue\";\nimport { nItems } from \"@/models/Cart\";\nimport { useCart } from \"@/store/cart\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { useI18n } from \"vue-i18n\";\n\nconst { cart } = useCart();\nconst { crossSellingCategories } = useCrossSelling();\nconst i18n = useI18n();\n\nconst itemsInCart = computed(() => {\n  return cart.value ? nItems(cart.value) : 0;\n});\nwatch(itemsInCart, (value: number) => {\n  setAppTitle(i18n.t(\"cart.title\", { items: value }).toString());\n}, { immediate: true });\n</script>\n\n<style lang=\"scss\" scoped>\n.products__container {\n  height: 100%;\n}\n</style>\n"],"names":["indexes","_a"],"mappings":"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"}