npm - @ozdao/martyrs - Versions diffs - 0.2.491 → 0.2.492 - Mend

@ozdao/martyrs 0.2.491 → 0.2.492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n <div class=\"h-100 flex flex-column pd-thin\">\n <Block class=\"mn-b-thin\">\n <header class=\"flex-v-center flex-nowrap flex\">\n <h2 class=\"mn-r-auto\">Create Order</h2>\n <Button \n :submit=\"onSubmit\"\n :callback=\"redirectTo\"\n class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Order \n </Button>\n </header>\n </Block>\n\n <Tab \n v-model:selected=\"tabOrderCreate\"\n :tabs=\"[\n {name: 'Positions', value: 'positions'},\n {name: 'Customer', value: 'customer'},\n {name: 'Delivery', value: 'delivery'},\n {name: 'Payment', value: 'payment'}\n ]\"\n class=\"t-medium radius-medium bg-light mn-b-small\"\n />\n\n <Popup \n @close-popup=\"closeProductsPopup\" \n :isPopupOpen=\"isOpenProductsPopup\"\n class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n >\n\n <h3 class=\"mn-b-small\">Add to order</h3>\n\n <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n <Feed\n :showLoadMore=\"false\"\n :search=\"{\n placeholder: 'Search products...',\n class: 'bg-white mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'Currently, there are no such products available.'\n },\n skeleton: {\n hide: true\n }\n }\"\n :store=\"{\n read: (options) => products.actions.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"\"\n >\n <CardOrderItem\n v-for=\"(product, index) in items\" \n :key=\"`${product._id}_${index}`\"\n :editable=\"false\" \n :productId=\"product._id\"\n :images=\"product.images\"\n :name=\"product.name\"\n @click=\"() => selectProduct(product)\"\n class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Popup>\n\n <!-- Popup for selecting variant of the product -->\n <Popup \n title=\"Select variant\" \n @close-popup=\"closeVariantsPopup\" \n :isPopupOpen=\"isVariantsPopupOpen\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :store=\"variants\"\n :options=\"{\n product: selectedProduct?._id,\n }\"\n :skeleton=\"{\n structure: [\n { block: 'text', size: 'small' },\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No variants',\n description: 'Create your first variant'\n }\n }\"\n v-slot=\"{ items }\"\n >\n <div class=\"gap-thin flex flex-column\">\n <div \n v-for=\"(variant, index) in items\" \n :key=\"index\"\n @click=\"addVariantToOrder(variant)\"\n class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n >\n <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n <img \n :src=\"(FILE_SERVER_URL \|\| '') + variant.images[0]\" \n class=\"w-100 h-100 object-fit-cover\"\n />\n </div>\n <div>\n <p class=\"t-medium\">{{ variant.name \|\| 'Default variant' }}</p>\n <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n </p>\n </div>\n <p class=\"mn-l-auto\">{{ formatPrice(variant.price \|\| variant.cost) }}</p>\n </div>\n </div>\n </Feed>\n </Popup>\n\n <Block\n v-if=\"tabOrderCreate === 'positions'\"\n title=\"Positions\"\n :actions=\"[{\n label: '+',\n function: () => openProductsPopup()\n }]\"\n class=\"mn-b-small\"\n >\n <span \n v-if=\"orders.state.current.positions.length === 0\" \n class=\"w-100\"\n >\n No positions added yet\n </span> \n\n <CardOrderItem\n v-for=\"(product, index) in orders.state.current.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\"\n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n :remove=\"() => removeOrderItem(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n class=\"mn-b-thin pd-thin radius-medium bg-white\"\n /> \n </Block>\n\n <Block\n v-if=\"tabOrderCreate === 'customer'\"\n title=\"Customer\"\n class=\"mn-b-semi\"\n :actions=\"[{\n label: '+',\n function: () => openCustomerPopup()\n }]\"\n >\n <CardUser\n v-if=\"orders.state.current.customer._id\"\n :user=\"orders.state.current.customer\"\n :photo=\"orders.state.current.customer.profile.photo\"\n :name=\"orders.state.current.customer.profile.name \|\| orders.state.current.customer.phone \|\| orders.state.current.customer.email\"\n @click=\"() => { \n orders.mutations.resetCustomer(orders.state.current.customer)\n }\"\n class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n />\n <Feed\n v-else\n :search=\"{\n placeholder: 'Search customer...',\n class: 'bg-white mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'Currently, there are no such products available.'\n }\n }\"\n :store=\"{\n read: (options) => customers.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"bg-light h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" \n :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n orders.state.current.customer = user\n }\"\n class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n \n </Block>\n\n <FormDelivery \n v-if=\"tabOrderCreate === 'delivery'\" \n :order=\"orders.state.current\"\n :organization=\"orderOrganization[0]\" \n />\n\n <FormPayment \n v-if=\"tabOrderCreate === 'payment'\"\n :order=\"orders.state.current\" \n :organization=\"orderOrganization[0]\" \n />\n\n <Popup \n title=\"Add customer\" \n @close-popup=\"closeCustomerPopup\" \n :isPopupOpen=\"isOpenCustomerPopup\"\n :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n >\n <FormAddCustomer \n @callbackCustomer=\"closeCustomerPopup\"\n />\n </Popup>\n\n <Block\n class=\"mn-b-semi\"\n >\n <div class=\"h3 flex\">\n <span class=\"mn-r-auto t-transp\">In total</span>\n <span>{{ cartTotalPrice }} {{returnCurrency()}} </span >\n </div>\n </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n import { useRoute, useRouter } from 'vue-router'\n\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Button from \"@martyrs/src/components/Button/Button.vue\"; \n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n // Import your store\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n import * as products from '@martyrs/src/modules/products/store/products.js';\n import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n import customers from '@martyrs/src/modules/orders/store/customers.store';\n \n import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n // Accessing router\n const route = useRoute()\n const router = useRouter()\n const { proxy } = getCurrentInstance()\n const { formatPrice } = useGlobalMixins()\n\n orders.mutations.resetOrder(orders.state.current)\n\n let cartTotalPrice = computed(() => {\n return Number(orders.state.current.positions.reduce((total, product) => {\n if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n const start = new Date(product.date.start);\n const end = new Date(product.date.end);\n const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n return total + product.price * product.quantity * days;\n } else {\n return total + product.price * product.quantity;\n }\n }, 0));\n })\n\n // Tab\n const tabOrderCreate = ref('positions')\n\n // Popup\n const isOpenProductsPopup = ref(false);\n const isVariantsPopupOpen = ref(false);\n const selectedProduct = ref(null);\n\n function openProductsPopup() {\n isOpenProductsPopup.value = true;\n }\n\n function closeProductsPopup() {\n isOpenProductsPopup.value = false;\n }\n\n function closeVariantsPopup() {\n isVariantsPopupOpen.value = false;\n selectedProduct.value = null;\n }\n\n function selectProduct(product) {\n selectedProduct.value = product;\n closeProductsPopup();\n \n // If product has only one variant, add it directly without showing popup\n if (product.variants && product.variants.length === 1) {\n addVariantToOrder(product.variants[0]);\n return;\n }\n \n // If product has multiple variants or no variants defined, show popup\n isVariantsPopupOpen.value = true;\n }\n\n function formatProductName(product, variant) {\n if (!variant \|\| product.variants?.length === 1 && !(variant.attributes?.length))\n return product.name;\n\n const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n return attrs?.length\n ? `${product.name} / ${attrs.join(' / ')}`\n : `${product.name} / ${variant.name}`;\n }\n\n async function addVariantToOrder(variant) {\n try {\n let selectedDates = null;\n \n // Если товар для аренды, сначала выбираем даты\n if (selectedProduct.value.listing === 'rent') {\n selectedDates = await proxy.$dateSelector(\n selectedProduct.value._id,\n variant._id,\n 1,\n variant.price \|\| selectedProduct.value.price\n );\n \n if (!selectedDates) {\n // Если отменили выбор дат, возвращаемся к выбору вариантов\n return;\n }\n }\n \n const position = {\n _id: selectedProduct.value._id,\n images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n name: formatProductName(selectedProduct.value, variant),\n listing: selectedProduct.value.listing,\n price: variant.price \|\| selectedProduct.value.price,\n quantity: 1,\n unit: variant.unit \|\| selectedProduct.value.unit,\n date: selectedDates,\n variant: variant._id,\n org_id: route.params._id\n };\n \n globals.actions.add(orders.state.current.positions, position);\n closeVariantsPopup();\n } catch (error) {\n console.error('Error adding variant to order:', error);\n }\n }\n\n const isOpenCustomerPopup = ref(false);\n\n function openCustomerPopup() {\n isOpenCustomerPopup.value = true;\n }\n\n function closeCustomerPopup() {\n isOpenCustomerPopup.value = false;\n }\n\n // Функции управления позициями заказа\n function incrementOrderItemQuantity(productId, variantId) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.quantity++;\n }\n }\n\n function decrementOrderItemQuantity(productId, variantId) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.quantity--;\n \n if (orderItem.quantity < 1) {\n removeOrderItem(productId, variantId);\n }\n }\n }\n\n function removeOrderItem(productId, variantId) {\n const itemIndex = orders.state.current.positions.findIndex(item => \n item._id === productId && item.variant === variantId\n );\n \n if (itemIndex > -1) {\n orders.state.current.positions.splice(itemIndex, 1);\n }\n }\n\n function updateOrderRentDates(productId, variantId, dates) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.date = dates;\n }\n }\n\n // Data\n let order = ref(null)\n\n async function onSubmit() {\n\n orders.state.current.creator = {\n type: 'User',\n target: auth.state.user._id\n }\n\n orders.state.current.owner = {\n type: 'Organization',\n target: route.params._id,\n }\n\n orders.state.current.customer = {\n type: 'Customer',\n target: orders.state.current.customer._id \|\| null,\n }\n\n order.value = await orders.actions.create(orders.state.current)\n }\n\n function redirectTo () {\n router.push({\n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n params: { \n order: order.value._id,\n _id: route.params._id\n } \n })\n }\n\n const orderOrganization = ref({})\n\n\n\n onMounted(async() => {\n\n orderOrganization.value = await organizations.actions.read({\n _id: route.params._id,\n lookup: ['spots']\n })\n\n // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n // order.value = orders.state.current\n })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n width: inherit;\n\n margin-right: 1rem;\n}\n.vue-select-header {\n height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","globals.actions","auth.state","orders.actions","organizations.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsSE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,MAAK,IAAK,mBAAkB;AACpC,UAAM,EAAE,YAAW,IAAK,gBAAe;AAEtCA,cAAiB,WAAWC,MAAa,OAAO;AAEjD,QAAI,iBAAiB,SAAS,MAAM;AAClC,aAAO,OAAOA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;;AACtE,YAAI,QAAQ,YAAY,YAAU,aAAQ,SAAR,mBAAc,YAAS,aAAQ,SAAR,mBAAc,MAAK;AAC1E,gBAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,KAAK;AACzC,gBAAM,MAAM,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,gBAAM,OAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AACxE,iBAAO,QAAQ,QAAQ,QAAQ,QAAQ,WAAW;AAAA,QAC1D,OAAa;AACL,iBAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,QAC/C;AAAA,MACK,GAAE,CAAC,CAAC;AAAA,IACN,CAAA;AAGD,UAAM,iBAAiB,IAAI,WAAW;AAGtC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ;AAAA,IAC5B;AAEE,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAoB;AAGpB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,0BAAkB,QAAQ,SAAS,CAAC,CAAC;AACrC;AAAA,MACN;AAGI,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,kBAAkB,SAAS,SAAS;;AAC3C,UAAI,CAAC,aAAW,aAAQ,aAAR,mBAAkB,YAAW,KAAK,GAAE,aAAQ,eAAR,mBAAoB;AACtE,eAAO,QAAQ;AAEjB,YAAM,SAAQ,aAAQ,eAAR,mBAAoB,IAAI,OAAK,EAAE,OAAO,OAAO;AAC3D,cAAO,+BAAO,UACV,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC,KACtC,GAAG,QAAQ,IAAI,MAAM,QAAQ,IAAI;AAAA,IACzC;AAEE,mBAAe,kBAAkB,SAAS;;AACxC,UAAI;AACF,YAAI,gBAAgB;AAGpB,YAAI,gBAAgB,MAAM,YAAY,QAAQ;AAC5C,0BAAgB,MAAM,MAAM;AAAA,YAC1B,gBAAgB,MAAM;AAAA,YACtB,QAAQ;AAAA,YACR;AAAA,YACA,QAAQ,SAAS,gBAAgB,MAAM;AAAA,UACxC;AAED,cAAI,CAAC,eAAe;AAElB;AAAA,UACV;AAAA,QACA;AAEM,cAAM,WAAW;AAAA,UACf,KAAK,gBAAgB,MAAM;AAAA,UAC3B,UAAQ,aAAQ,WAAR,mBAAgB,UAAS,IAAI,QAAQ,SAAS,gBAAgB,MAAM;AAAA,UAC5E,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,UACtD,SAAS,gBAAgB,MAAM;AAAA,UAC/B,OAAO,QAAQ,SAAS,gBAAgB,MAAM;AAAA,UAC9C,UAAU;AAAA,UACV,MAAM,QAAQ,QAAQ,gBAAgB,MAAM;AAAA,UAC5C,MAAM;AAAA,UACN,SAAS,QAAQ;AAAA,UACjB,QAAQ,MAAM,OAAO;AAAA,QACtB;AAEDC,kBAAgB,IAAID,MAAa,QAAQ,WAAW,QAAQ;AAC5D,2BAAoB;AAAA,MACrB,SAAQ,OAAO;AACd,gBAAQ,MAAM,kCAAkC,KAAK;AAAA,MAC3D;AAAA,IACA;AAEE,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAGE,aAAS,2BAA2B,WAAW,WAAW;AACxD,YAAM,YAAYA,MAAa,QAAQ,UAAU;AAAA,QAAK,UACpD,KAAK,QAAQ,aAAa,KAAK,YAAY;AAAA,MAC5C;AAED,UAAI,WAAW;AACb,kBAAU;AAAA,MAChB;AAAA,IACA;AAEE,aAAS,2BAA2B,WAAW,WAAW;AACxD,YAAM,YAAYA,MAAa,QAAQ,UAAU;AAAA,QAAK,UACpD,KAAK,QAAQ,aAAa,KAAK,YAAY;AAAA,MAC5C;AAED,UAAI,WAAW;AACb,kBAAU;AAEV,YAAI,UAAU,WAAW,GAAG;AAC1B,0BAAgB,WAAW,SAAS;AAAA,QAC5C;AAAA,MACA;AAAA,IACA;AAEE,aAAS,gBAAgB,WAAW,WAAW;AAC7C,YAAM,YAAYA,MAAa,QAAQ,UAAU;AAAA,QAAU,UACzD,KAAK,QAAQ,aAAa,KAAK,YAAY;AAAA,MAC5C;AAED,UAAI,YAAY,IAAI;AAClBA,cAAa,QAAQ,UAAU,OAAO,WAAW,CAAC;AAAA,MACxD;AAAA,IACA;AAEE,aAAS,qBAAqB,WAAW,WAAW,OAAO;AACzD,YAAM,YAAYA,MAAa,QAAQ,UAAU;AAAA,QAAK,UACpD,KAAK,QAAQ,aAAa,KAAK,YAAY;AAAA,MAC5C;AAED,UAAI,WAAW;AACb,kBAAU,OAAO;AAAA,MACvB;AAAA,IACA;AAGE,QAAI,QAAQ,IAAI,IAAI;AAEpB,mBAAe,WAAW;AAExBA,YAAa,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQE,QAAW,KAAK;AAAA,MAC9B;AAEIF,YAAa,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MAC3B;AAEIA,YAAa,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,MAAa,QAAQ,SAAS,OAAO;AAAA,MACnD;AAEI,YAAM,QAAQ,MAAMG,UAAe,OAAOH,MAAa,OAAO;AAAA,IAClE;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM,MAAM,KAAK,YAAY,eAAe,wBAAwB;AAAA,QACpE,QAAQ;AAAA,UACN,OAAO,MAAM,MAAM;AAAA,UACnB,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;AAEE,UAAM,oBAAoB,IAAI,CAAE,CAAA;AAIhC,cAAU,YAAW;AAEnB,wBAAkB,QAAQ,MAAMI,QAAsB,KAAK;AAAA,QACzD,KAAK,MAAM,OAAO;AAAA,QAClB,QAAQ,CAAC,OAAO;AAAA,MACjB,CAAA;AAAA,IAKF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n <div class=\"h-100 flex flex-column pd-thin\">\n <Block class=\"mn-b-thin\">\n <header class=\"flex-v-center flex-nowrap flex\">\n <h2 class=\"mn-r-auto\">Create Order</h2>\n <Button \n :submit=\"onSubmit\"\n :callback=\"redirectTo\"\n class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Order \n </Button>\n </header>\n </Block>\n\n <Tab \n v-model:selected=\"tabOrderCreate\"\n :tabs=\"[\n {name: 'Positions', value: 'positions'},\n {name: 'Customer', value: 'customer'},\n {name: 'Delivery', value: 'delivery'},\n {name: 'Payment', value: 'payment'}\n ]\"\n class=\"t-medium radius-medium bg-light mn-b-small\"\n />\n\n <Popup \n @close-popup=\"closeProductsPopup\" \n :isPopupOpen=\"isOpenProductsPopup\"\n class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n >\n\n <h3 class=\"mn-b-small\">Add to order</h3>\n\n <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n <Feed\n :showLoadMore=\"false\"\n :search=\"{\n placeholder: 'Search products...',\n class: 'bg-white mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'Currently, there are no such products available.'\n },\n skeleton: {\n hide: true\n }\n }\"\n :store=\"{\n read: (options) => products.actions.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"\"\n >\n <CardOrderItem\n v-for=\"(product, index) in items\" \n :key=\"`${product._id}_${index}`\"\n :editable=\"false\" \n :productId=\"product._id\"\n :images=\"product.images\"\n :name=\"product.name\"\n @click=\"() => selectProduct(product)\"\n class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Popup>\n\n <!-- Popup for selecting variant of the product -->\n <Popup \n title=\"Select variant\" \n @close-popup=\"closeVariantsPopup\" \n :isPopupOpen=\"isVariantsPopupOpen\"\n class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n >\n <Feed\n :store=\"variants\"\n :options=\"{\n product: selectedProduct?._id,\n }\"\n :skeleton=\"{\n structure: [\n { block: 'text', size: 'small' },\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'small' }\n ]\n }\"\n :states=\"{\n empty: {\n title: 'No variants',\n description: 'Create your first variant'\n }\n }\"\n v-slot=\"{ items }\"\n >\n <div class=\"gap-thin flex flex-column\">\n <div \n v-for=\"(variant, index) in items\" \n :key=\"index\"\n @click=\"addVariantToOrder(variant)\"\n class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n >\n <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n <img \n :src=\"(FILE_SERVER_URL \|\| '') + variant.images[0]\" \n class=\"w-100 h-100 object-fit-cover\"\n />\n </div>\n <div>\n <p class=\"t-medium\">{{ variant.name \|\| 'Default variant' }}</p>\n <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n </p>\n </div>\n <p class=\"mn-l-auto\">{{ formatPrice(variant.price \|\| variant.cost) }}</p>\n </div>\n </div>\n </Feed>\n </Popup>\n\n <Block\n v-if=\"tabOrderCreate === 'positions'\"\n title=\"Positions\"\n :actions=\"[{\n label: '+',\n function: () => openProductsPopup()\n }]\"\n class=\"mn-b-small\"\n >\n <span \n v-if=\"orders.state.current.positions.length === 0\" \n class=\"w-100\"\n >\n No positions added yet\n </span> \n\n <CardOrderItem\n v-for=\"(product, index) in orders.state.current.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\"\n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n :remove=\"() => removeOrderItem(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n class=\"mn-b-thin pd-thin radius-medium bg-white\"\n /> \n </Block>\n\n <Block\n v-if=\"tabOrderCreate === 'customer'\"\n title=\"Customer\"\n class=\"mn-b-semi\"\n :actions=\"[{\n label: '+',\n function: () => openCustomerPopup()\n }]\"\n >\n <CardUser\n v-if=\"orders.state.current.customer._id\"\n :user=\"orders.state.current.customer\"\n :photo=\"orders.state.current.customer.profile.photo\"\n :name=\"orders.state.current.customer.profile.name \|\| orders.state.current.customer.phone \|\| orders.state.current.customer.email\"\n @click=\"() => { \n orders.mutations.resetCustomer(orders.state.current.customer)\n }\"\n class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n />\n <Feed\n v-else\n :search=\"{\n placeholder: 'Search customer...',\n class: 'bg-white mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Products Found',\n description: 'Currently, there are no such products available.'\n }\n }\"\n :store=\"{\n read: (options) => customers.read(options),\n state: null\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"bg-light h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" \n :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n orders.state.current.customer = user\n }\"\n class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n \n </Block>\n\n <FormDelivery \n v-if=\"tabOrderCreate === 'delivery'\" \n :order=\"orders.state.current\"\n :organization=\"orderOrganization[0]\" \n />\n\n <FormPayment \n v-if=\"tabOrderCreate === 'payment'\"\n :order=\"orders.state.current\" \n :organization=\"orderOrganization[0]\" \n />\n\n <Popup \n title=\"Add customer\" \n @close-popup=\"closeCustomerPopup\" \n :isPopupOpen=\"isOpenCustomerPopup\"\n :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n >\n <FormAddCustomer \n @callbackCustomer=\"closeCustomerPopup\"\n />\n </Popup>\n\n <Block\n class=\"mn-b-semi\"\n >\n <div class=\"h3 flex\">\n <span class=\"mn-r-auto t-transp\">In total</span>\n <span>{{ cartTotalPrice }} {{returnCurrency()}} </span >\n </div>\n </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n import { useRoute, useRouter } from 'vue-router'\n\n\n import Field from '@martyrs/src/components/Field/Field.vue'\n import Button from \"@martyrs/src/components/Button/Button.vue\"; \n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n // Import your store\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n import * as products from '@martyrs/src/modules/products/store/products.js';\n import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n import customers from '@martyrs/src/modules/orders/store/customers.store';\n \n import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n // Accessing router\n const route = useRoute()\n const router = useRouter()\n const { proxy } = getCurrentInstance()\n const { formatPrice } = useGlobalMixins()\n\n orders.mutations.resetOrder(orders.state.current)\n\n let cartTotalPrice = computed(() => {\n return Number(orders.state.current.positions.reduce((total, product) => {\n if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n const start = new Date(product.date.start);\n const end = new Date(product.date.end);\n const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n return total + product.price * product.quantity * days;\n } else {\n return total + product.price * product.quantity;\n }\n }, 0));\n })\n\n // Tab\n const tabOrderCreate = ref('positions')\n\n // Popup\n const isOpenProductsPopup = ref(false);\n const isVariantsPopupOpen = ref(false);\n const selectedProduct = ref(null);\n\n function openProductsPopup() {\n isOpenProductsPopup.value = true;\n }\n\n function closeProductsPopup() {\n isOpenProductsPopup.value = false;\n }\n\n function closeVariantsPopup() {\n isVariantsPopupOpen.value = false;\n selectedProduct.value = null;\n }\n\n function selectProduct(product) {\n selectedProduct.value = product;\n closeProductsPopup();\n \n // If product has only one variant, add it directly without showing popup\n if (product.variants && product.variants.length === 1) {\n addVariantToOrder(product.variants[0]);\n return;\n }\n \n // If product has multiple variants or no variants defined, show popup\n isVariantsPopupOpen.value = true;\n }\n\n function formatProductName(product, variant) {\n if (!variant \|\| product.variants?.length === 1 && !(variant.attributes?.length))\n return product.name;\n\n const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n return attrs?.length\n ? `${product.name} / ${attrs.join(' / ')}`\n : `${product.name} / ${variant.name}`;\n }\n\n async function addVariantToOrder(variant) {\n try {\n let selectedDates = null;\n \n // Если товар для аренды, сначала выбираем даты\n if (selectedProduct.value.listing === 'rent') {\n selectedDates = await proxy.$dateSelector(\n selectedProduct.value._id,\n variant._id,\n 1,\n variant.price \|\| selectedProduct.value.price\n );\n \n if (!selectedDates) {\n // Если отменили выбор дат, возвращаемся к выбору вариантов\n return;\n }\n }\n \n const position = {\n _id: selectedProduct.value._id,\n images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n name: formatProductName(selectedProduct.value, variant),\n listing: selectedProduct.value.listing,\n price: variant.price \|\| selectedProduct.value.price,\n quantity: 1,\n unit: variant.unit \|\| selectedProduct.value.unit,\n date: selectedDates,\n variant: variant._id,\n org_id: route.params._id\n };\n \n globals.actions.add(orders.state.current.positions, position);\n closeVariantsPopup();\n } catch (error) {\n console.error('Error adding variant to order:', error);\n }\n }\n\n const isOpenCustomerPopup = ref(false);\n\n function openCustomerPopup() {\n isOpenCustomerPopup.value = true;\n }\n\n function closeCustomerPopup() {\n isOpenCustomerPopup.value = false;\n }\n\n // Функции управления позициями заказа\n function incrementOrderItemQuantity(productId, variantId) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.quantity++;\n }\n }\n\n function decrementOrderItemQuantity(productId, variantId) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.quantity--;\n \n if (orderItem.quantity < 1) {\n removeOrderItem(productId, variantId);\n }\n }\n }\n\n function removeOrderItem(productId, variantId) {\n const itemIndex = orders.state.current.positions.findIndex(item => \n item._id === productId && item.variant === variantId\n );\n \n if (itemIndex > -1) {\n orders.state.current.positions.splice(itemIndex, 1);\n }\n }\n\n function updateOrderRentDates(productId, variantId, dates) {\n const orderItem = orders.state.current.positions.find(item => \n item._id === productId && item.variant === variantId\n );\n \n if (orderItem) {\n orderItem.date = dates;\n }\n }\n\n // Data\n let order = ref(null)\n\n async function onSubmit() {\n\n orders.state.current.creator = {\n type: 'User',\n target: auth.state.user._id\n }\n\n orders.state.current.owner = {\n type: 'Organization',\n target: route.params._id,\n }\n\n orders.state.current.customer = {\n type: 'Customer',\n target: orders.state.current.customer._id \|\| null,\n }\n\n order.value = await orders.actions.create(orders.state.current)\n }\n\n function redirectTo () {\n router.push({\n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n params: { \n order: order.value._id,\n _id: route.params._id\n } \n })\n }\n\n const orderOrganization = ref({})\n\n\n\n onMounted(async() => {\n\n orderOrganization.value = await organizations.actions.read({\n _id: route.params._id,\n lookup: ['spots']\n })\n\n // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n // order.value = orders.state.current\n })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n width: inherit;\n\n margin-right: 1rem;\n}\n.vue-select-header {\n height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","globals.actions","auth.state","orders.actions","organizations.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.cjs CHANGED Viewed

@@ -6,6 +6,7 @@ const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const orders = require("../../store/orders.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
+;/* empty css                         */
 const CardOrderUser = require("../blocks/CardOrderUser.vue.cjs");
 const CardOrderBackoffice = require("../blocks/CardOrderBackoffice.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Orders.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n <div class=\"mobile:pd-thin pd-medium\"> \n <SectionPageTitle\n v-if=\"!MOBILE_APP\"\n title=\"Orders\"\n :actions=\"[\n route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n ].filter(Boolean)\"\n class=\"mn-b-small\"\n />\n\n <Block\n v-if=\"route.meta.context !== 'user'\"\n title=\"Balance\"\n class=\"mn-b-small\"\n >\n <div class=\"gap-micro flex-nowrap flex\">\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Total</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Paid</p>\n <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Unpaid</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n </div>\n\n </Block>\n\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Orders Found',\n description: 'Currently, there are no orders.'\n }\n }\"\n :store=\"{\n read: (options) => orders.actions.read(options)\n }\"\n :options=\"{\n limit: 15,\n ...(route.meta.context === 'organization' && { owner: route.params._id }),\n ...(route.meta.context === 'user' && { customer: route.params._id }),\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-3 mobile:cols-1\"\n >\n <router-link \n v-if=\"route.meta.context !== 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n params: route.meta.context === 'backoffice' \n ? { order: order._id } \n : { order: order._id, organization: order.owner.target \|\| order.owner._id }\n }\" \n >\n <CardOrderBackoffice \n :order=\"order\"\n :user=\"auth.state.user\"\n :formatDate=\"formatDate\"\n :getTotal=\"orders.getters.getTotal\"\n :currency=\"returnCurrency()\"\n />\n </router-link>\n\n <router-link \n v-if=\"route.meta.context === 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: 'UserOrder', \n params: { \n order: order._id \n }\n }\" \n >\n <CardOrderUser\n :orderId=\"order._id\"\n :status=\"order.status\"\n :createdAt=\"order.createdAt\"\n :updatedAt=\"order.updatedAt\"\n :positions=\"order.positions\"\n :total=\"orders.getters.getTotal(order.positions)\"\n />\n </router-link>\n </Feed>\n </div>\n</template>\n\n<script setup>\n import { computed, onMounted, reactive, ref } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Block from '@martyrs/src/components/Block/Block.vue';\n\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n const route = useRoute();\n const router = useRouter();\n\n const spoiler = ref(false)\n\n // Tab logic\n const tab = ref('all')\n\n const totalPrice = computed(() => {\n return calculateTotalSum(orders.state.all)\n });\n\n const totalPriceUnpaid = computed(() => {\n return calculateSum(orders.state.all,'unpaid')\n });\n\n \n function calculateTotalSum(orders) {\n return orders.reduce((totalSum, item) => {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }, 0);\n }\n\n function calculateSum(orders, status) {\n return orders.reduce((totalSum, item) => {\n if (item.payment.status === status) {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }\n return totalSum;\n }, 0);\n }\n\n\n onMounted(async () => {\n \n });\n</script>\n"],"names":["useRoute","useRouter","ref","computed","orders.state","orders","onMounted"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~AAuHE,UAAM,QAAQA,UAAAA,~~SAAU~~;~~AACTC~~,~~cAAS~~,~~UAAA~~;AAERC,QAAAA,IAAI,KAAK;AAGzB,UAAM,MAAMA,IAAAA,IAAI,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAAA,MAAa,GAAG;AAAA,~~IAC7C~~,~~CAAG~~;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,aAAa,KAAI,QAAQ;AAAA,~~IACjD~~,~~CAAG~~;AAGD,aAAS,kBAAkBC,SAAQ;AACjC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,~~MACnF~~,~~GAAE~~,CAAC;AAAA,~~IACR~~;~~AAEE~~,aAAS,aAAaA,SAAQ,QAAQ;AACpC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,~~QAC1F~~;~~AACM~~,eAAO;AAAA,~~MACR~~,~~GAAE~~,CAAC;AAAA,~~IACR~~;~~AAGEC~~,QAAAA,UAAU,YAAY;AAAA,~~IAExB~~,~~CAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Orders.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n <div class=\"mobile:pd-thin pd-medium\"> \n <SectionPageTitle\n v-if=\"!MOBILE_APP\"\n title=\"Orders\"\n :actions=\"[\n route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n ].filter(Boolean)\"\n class=\"mn-b-small\"\n />\n\n <Block\n v-if=\"route.meta.context !== 'user'\"\n title=\"Balance\"\n class=\"mn-b-small\"\n >\n <div class=\"gap-micro flex-nowrap flex\">\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Total</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Paid</p>\n <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Unpaid</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n </div>\n\n </Block>\n\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Orders Found',\n description: 'Currently, there are no orders.'\n }\n }\"\n :store=\"{\n read: (options) => orders.actions.read(options)\n }\"\n :options=\"{\n limit: 15,\n ...(route.meta.context === 'organization' && { owner: route.params._id }),\n ...(route.meta.context === 'user' && { customer: route.params._id }),\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-3 mobile:cols-1\"\n >\n <router-link \n v-if=\"route.meta.context !== 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n params: route.meta.context === 'backoffice' \n ? { order: order._id } \n : { order: order._id, organization: order.owner.target \|\| order.owner._id }\n }\" \n >\n <CardOrderBackoffice \n :order=\"order\"\n :user=\"auth.state.user\"\n :formatDate=\"formatDate\"\n :getTotal=\"orders.getters.getTotal\"\n :currency=\"returnCurrency()\"\n />\n </router-link>\n\n <router-link \n v-if=\"route.meta.context === 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: 'UserOrder', \n params: { \n order: order._id \n }\n }\" \n >\n <CardOrderUser\n :orderId=\"order._id\"\n :status=\"order.status\"\n :createdAt=\"order.createdAt\"\n :updatedAt=\"order.updatedAt\"\n :positions=\"order.positions\"\n :total=\"orders.getters.getTotal(order.positions)\"\n />\n </router-link>\n </Feed>\n </div>\n</template>\n\n<script setup>\n import { computed, onMounted, reactive, ref } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Block from '@martyrs/src/components/Block/Block.vue';\n\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n const route = useRoute();\n const router = useRouter();\n\n const spoiler = ref(false)\n\n // Tab logic\n const tab = ref('all')\n\n const totalPrice = computed(() => {\n return calculateTotalSum(orders.state.all)\n });\n\n const totalPriceUnpaid = computed(() => {\n return calculateSum(orders.state.all,'unpaid')\n });\n\n \n function calculateTotalSum(orders) {\n return orders.reduce((totalSum, item) => {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }, 0);\n }\n\n function calculateSum(orders, status) {\n return orders.reduce((totalSum, item) => {\n if (item.payment.status === status) {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }\n return totalSum;\n }, 0);\n }\n\n\n onMounted(async () => {\n \n });\n</script>\n"],"names":["useRoute","useRouter","ref","computed","orders.state","orders","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAERC,QAAAA,IAAI,KAAK;AAGzB,UAAM,MAAMA,IAAAA,IAAI,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAAA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,aAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAGD,aAAS,kBAAkBC,SAAQ;AACjC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAaA,SAAQ,QAAQ;AACpC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;AAGAC,QAAAA,UAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import { state, actions, getters } from "../../store/orders.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
+/* empty css                       */
 import CardOrderUser from "../blocks/CardOrderUser.vue.js";
 import _sfc_main$4 from "../blocks/CardOrderBackoffice.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n <div class=\"mobile:pd-thin pd-medium\"> \n <SectionPageTitle\n v-if=\"!MOBILE_APP\"\n title=\"Orders\"\n :actions=\"[\n route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n ].filter(Boolean)\"\n class=\"mn-b-small\"\n />\n\n <Block\n v-if=\"route.meta.context !== 'user'\"\n title=\"Balance\"\n class=\"mn-b-small\"\n >\n <div class=\"gap-micro flex-nowrap flex\">\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Total</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Paid</p>\n <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Unpaid</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n </div>\n\n </Block>\n\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Orders Found',\n description: 'Currently, there are no orders.'\n }\n }\"\n :store=\"{\n read: (options) => orders.actions.read(options)\n }\"\n :options=\"{\n limit: 15,\n ...(route.meta.context === 'organization' && { owner: route.params._id }),\n ...(route.meta.context === 'user' && { customer: route.params._id }),\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-3 mobile:cols-1\"\n >\n <router-link \n v-if=\"route.meta.context !== 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n params: route.meta.context === 'backoffice' \n ? { order: order._id } \n : { order: order._id, organization: order.owner.target \|\| order.owner._id }\n }\" \n >\n <CardOrderBackoffice \n :order=\"order\"\n :user=\"auth.state.user\"\n :formatDate=\"formatDate\"\n :getTotal=\"orders.getters.getTotal\"\n :currency=\"returnCurrency()\"\n />\n </router-link>\n\n <router-link \n v-if=\"route.meta.context === 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: 'UserOrder', \n params: { \n order: order._id \n }\n }\" \n >\n <CardOrderUser\n :orderId=\"order._id\"\n :status=\"order.status\"\n :createdAt=\"order.createdAt\"\n :updatedAt=\"order.updatedAt\"\n :positions=\"order.positions\"\n :total=\"orders.getters.getTotal(order.positions)\"\n />\n </router-link>\n </Feed>\n </div>\n</template>\n\n<script setup>\n import { computed, onMounted, reactive, ref } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Block from '@martyrs/src/components/Block/Block.vue';\n\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n const route = useRoute();\n const router = useRouter();\n\n const spoiler = ref(false)\n\n // Tab logic\n const tab = ref('all')\n\n const totalPrice = computed(() => {\n return calculateTotalSum(orders.state.all)\n });\n\n const totalPriceUnpaid = computed(() => {\n return calculateSum(orders.state.all,'unpaid')\n });\n\n \n function calculateTotalSum(orders) {\n return orders.reduce((totalSum, item) => {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }, 0);\n }\n\n function calculateSum(orders, status) {\n return orders.reduce((totalSum, item) => {\n if (item.payment.status === status) {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }\n return totalSum;\n }, 0);\n }\n\n\n onMounted(async () => {\n \n });\n</script>\n"],"names":["orders.state"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAuHE,UAAM,QAAQ,~~SAAU~~;~~AACT~~,cAAS;AAER,QAAI,KAAK;AAGzB,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,~~IAC7C~~,~~CAAG~~;AAEA,UAAM,mBAAmB,SAAS,MAAM;AACvC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,~~IACjD~~,~~CAAG~~;AAGD,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,~~MACnF~~,~~GAAE~~,CAAC;AAAA,~~IACR~~;~~AAEE~~,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,~~QAC1F~~;~~AACM~~,eAAO;AAAA,~~MACR~~,~~GAAE~~,CAAC;AAAA,~~IACR~~;~~AAGE~~,cAAU,YAAY;AAAA,~~IAExB~~,~~CAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n <div class=\"mobile:pd-thin pd-medium\"> \n <SectionPageTitle\n v-if=\"!MOBILE_APP\"\n title=\"Orders\"\n :actions=\"[\n route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n ].filter(Boolean)\"\n class=\"mn-b-small\"\n />\n\n <Block\n v-if=\"route.meta.context !== 'user'\"\n title=\"Balance\"\n class=\"mn-b-small\"\n >\n <div class=\"gap-micro flex-nowrap flex\">\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Total</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Paid</p>\n <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n </div>\n <div class=\"w-100 bg-white radius-small pd-small\">\n <p class=\"mn-b-thin\">Unpaid</p>\n <h3>{{formatPrice(totalPrice)}}</h3>\n </div>\n </div>\n\n </Block>\n\n <Feed\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Orders Found',\n description: 'Currently, there are no orders.'\n }\n }\"\n :store=\"{\n read: (options) => orders.actions.read(options)\n }\"\n :options=\"{\n limit: 15,\n ...(route.meta.context === 'organization' && { owner: route.params._id }),\n ...(route.meta.context === 'user' && { customer: route.params._id }),\n ...(tab !== 'all' && { status: tab })\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-3 mobile:cols-1\"\n >\n <router-link \n v-if=\"route.meta.context !== 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n params: route.meta.context === 'backoffice' \n ? { order: order._id } \n : { order: order._id, organization: order.owner.target \|\| order.owner._id }\n }\" \n >\n <CardOrderBackoffice \n :order=\"order\"\n :user=\"auth.state.user\"\n :formatDate=\"formatDate\"\n :getTotal=\"orders.getters.getTotal\"\n :currency=\"returnCurrency()\"\n />\n </router-link>\n\n <router-link \n v-if=\"route.meta.context === 'user'\"\n v-for=\"order in items\" \n :to=\"{ \n name: 'UserOrder', \n params: { \n order: order._id \n }\n }\" \n >\n <CardOrderUser\n :orderId=\"order._id\"\n :status=\"order.status\"\n :createdAt=\"order.createdAt\"\n :updatedAt=\"order.updatedAt\"\n :positions=\"order.positions\"\n :total=\"orders.getters.getTotal(order.positions)\"\n />\n </router-link>\n </Feed>\n </div>\n</template>\n\n<script setup>\n import { computed, onMounted, reactive, ref } from 'vue';\n import { useRoute, useRouter } from 'vue-router';\n\n import Tab from '@martyrs/src/components/Tab/Tab.vue'\n import Block from '@martyrs/src/components/Block/Block.vue';\n\n import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n const route = useRoute();\n const router = useRouter();\n\n const spoiler = ref(false)\n\n // Tab logic\n const tab = ref('all')\n\n const totalPrice = computed(() => {\n return calculateTotalSum(orders.state.all)\n });\n\n const totalPriceUnpaid = computed(() => {\n return calculateSum(orders.state.all,'unpaid')\n });\n\n \n function calculateTotalSum(orders) {\n return orders.reduce((totalSum, item) => {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }, 0);\n }\n\n function calculateSum(orders, status) {\n return orders.reduce((totalSum, item) => {\n if (item.payment.status === status) {\n return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n }\n return totalSum;\n }, 0);\n }\n\n\n onMounted(async () => {\n \n });\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQ,SAAQ;AACP,cAAS;AAER,QAAI,KAAK;AAGzB,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAEA,UAAM,mBAAmB,SAAS,MAAM;AACvC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAGD,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;AAGA,cAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.cjs CHANGED Viewed

@@ -57,7 +57,6 @@ const _sfc_main = {
       shopcart.actions.toggleShopcart();
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
       return vue.openBlock(), vue.createElementBlock("section", {
         class: vue.normalizeClass(["z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart", { "shop-cart-active": shopcart.state.currentState === true }])
       }, [
@@ -100,10 +99,10 @@ const _sfc_main = {
             vue.createVNode(PriceTotal.default, {
               totalPrice: vue.unref(cartTotalPrice),
               currency: _ctx.returnCurrency(),
-              showFees: (_a = globals.state.options) == null ? void 0 : _a.orders.showFees,
-              feesRate: (_b = globals.state.options) == null ? void 0 : _b.orders.feesRate,
-              showVat: (_c = globals.state.options) == null ? void 0 : _c.orders.showVat,
-              vatRate: (_d = globals.state.options) == null ? void 0 : _d.orders.vatRate
+              showFees: globals.state.options?.orders.showFees,
+              feesRate: globals.state.options?.orders.feesRate,
+              showVat: globals.state.options?.orders.showVat,
+              vatRate: globals.state.options?.orders.vatRate
             }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
           ])) : vue.createCommentVNode("", true),
           shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n <!-- ---------------------------------------------------------------- -->\n <!-- 01. Popup Header -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n <div class=\"mn-b-medium w-100\">\n <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n </div>\n <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 02. Popup Content -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n <!-- Empty State -->\n <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n <!-- Shopcart positions -->\n <CardOrderItem \n v-for=\"(product, index) in shopcart.state.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\" \n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n />\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 03. Footer -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n <PriceTotal \n :totalPrice=\"cartTotalPrice\"\n :currency=\"returnCurrency()\"\n :showFees=\"globals.state.options?.orders.showFees\"\n :feesRate=\"globals.state.options?.orders.feesRate\"\n :showVat=\"globals.state.options?.orders.showVat\"\n :vatRate=\"globals.state.options?.orders.vatRate\"\n />\n </div>\n <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n </div> \n\n <!-- ---------------------------------------------------------------- -->\n <!-- 04. Color Overlay -->\n <!-- ---------------------------------------------------------------- -->\n <transition name=\"fade\">\n <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n <div \n v-if=\"shopcart.state.currentState\"\n @click=\"() => shopcart.state.currentState = false\"\n class=\"color-overlay z-index-3\"\n :class=\"{'active':shopcart.state.currentState === true}\"\n >\n </div>\n </teleport>\n </transition>\n </section>\n</template>\n\n\n<script setup>\n /////////////////////////////\n // COMPONENT DEPENDENCIES\n /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n // Route\n import { useRouter,useRoute } from 'vue-router'\n // i18n\n import { useI18n } from 'vue-i18n'\n // Components\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const route = useRoute()\n const router = useRouter()\n // Accessing state\n const cartTotalPrice = shopcart.getters.cartTotalPrice\n const StoreCartAmount = shopcart.getters.cartTotalAmount\n // \n // router.beforeEach((to, from, next) => {\n // if (shopcart.state.currentState === true) {\n // shopcart.actions.toggleShopcart();\n // }\n // next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n // });\n\n /////////////////////////////\n // LOCALIZATION\n /////////////////////////////\n const text = {\n messages: {\n en: {\n title: 'Your order',\n subtitle: 'You have',\n positions: 'no products in shop cart \| 1 product in shop cart \| {count} products in shop card',\n emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n intotal: 'In total',\n fastorder: 'Checkout'\n },\n ru: {\n title: 'Ваш заказ',\n subtitle: 'У вас',\n positions: 'нет товаров в корзине \| 1 товар в корзине \| {count} товаров в корзине',\n emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n intotal: 'Итого',\n fastorder: 'Подтвердить заказ'\n }\n }\n }\n\n const { t } = useI18n(text)\n /////////////////////////////\n // MOUNTED\n /////////////////////////////\n function openOrder() {\n // store.dispatch(\"shopcart/toggleShopCart\");\n // store.dispatch(\"shopcart/setSearch\");\n !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ? router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) : router.push({name: 'CreateOrder'}) \n shopcart.actions.toggleShopcart();\n }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n display: block;\n position: fixed;\n\n right: -33%;\n top: 0;\n\n height: 100%;\n width: 33%;\n\n overflow-y: scroll; \n}\n\n.shop-cart-active {\n right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n .shop-cart {\n width: 100%;\n right: -100%;\n\n .shopcart-footer {\n width: 100%;\n right: -100%;\n }\n\n &-active {\n right: 0;\n\n .shopcart-footer {\n right: 0;\n }\n }\n }\n}\n</style>\n\n\n"],"names":["useRoute","useRouter","shopcart.getters","useI18n","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FgBA,~~cAAQ~~,~~SAAA~~;AACtB,UAAM,SAASC,UAAS~~,UAAA~~;AAExB,UAAM,iBAAiBC,SAAAA,QAAiB;AACxC,UAAM,kBAAkBA,SAAAA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,~~QACZ~~;AAAA,~~QACD~~,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,cAAc,QAAQ,OAAO,8BAA8B,CAACC,WAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,eAAAA,QAAiB,~~eAAgB~~;AAAA,~~IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n <!-- ---------------------------------------------------------------- -->\n <!-- 01. Popup Header -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n <div class=\"mn-b-medium w-100\">\n <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n </div>\n <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 02. Popup Content -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n <!-- Empty State -->\n <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n <!-- Shopcart positions -->\n <CardOrderItem \n v-for=\"(product, index) in shopcart.state.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\" \n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n />\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 03. Footer -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n <PriceTotal \n :totalPrice=\"cartTotalPrice\"\n :currency=\"returnCurrency()\"\n :showFees=\"globals.state.options?.orders.showFees\"\n :feesRate=\"globals.state.options?.orders.feesRate\"\n :showVat=\"globals.state.options?.orders.showVat\"\n :vatRate=\"globals.state.options?.orders.vatRate\"\n />\n </div>\n <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n </div> \n\n <!-- ---------------------------------------------------------------- -->\n <!-- 04. Color Overlay -->\n <!-- ---------------------------------------------------------------- -->\n <transition name=\"fade\">\n <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n <div \n v-if=\"shopcart.state.currentState\"\n @click=\"() => shopcart.state.currentState = false\"\n class=\"color-overlay z-index-3\"\n :class=\"{'active':shopcart.state.currentState === true}\"\n >\n </div>\n </teleport>\n </transition>\n </section>\n</template>\n\n\n<script setup>\n /////////////////////////////\n // COMPONENT DEPENDENCIES\n /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n // Route\n import { useRouter,useRoute } from 'vue-router'\n // i18n\n import { useI18n } from 'vue-i18n'\n // Components\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const route = useRoute()\n const router = useRouter()\n // Accessing state\n const cartTotalPrice = shopcart.getters.cartTotalPrice\n const StoreCartAmount = shopcart.getters.cartTotalAmount\n // \n // router.beforeEach((to, from, next) => {\n // if (shopcart.state.currentState === true) {\n // shopcart.actions.toggleShopcart();\n // }\n // next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n // });\n\n /////////////////////////////\n // LOCALIZATION\n /////////////////////////////\n const text = {\n messages: {\n en: {\n title: 'Your order',\n subtitle: 'You have',\n positions: 'no products in shop cart \| 1 product in shop cart \| {count} products in shop card',\n emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n intotal: 'In total',\n fastorder: 'Checkout'\n },\n ru: {\n title: 'Ваш заказ',\n subtitle: 'У вас',\n positions: 'нет товаров в корзине \| 1 товар в корзине \| {count} товаров в корзине',\n emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n intotal: 'Итого',\n fastorder: 'Подтвердить заказ'\n }\n }\n }\n\n const { t } = useI18n(text)\n /////////////////////////////\n // MOUNTED\n /////////////////////////////\n function openOrder() {\n // store.dispatch(\"shopcart/toggleShopCart\");\n // store.dispatch(\"shopcart/setSearch\");\n !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ? router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) : router.push({name: 'CreateOrder'}) \n shopcart.actions.toggleShopcart();\n }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n display: block;\n position: fixed;\n\n right: -33%;\n top: 0;\n\n height: 100%;\n width: 33%;\n\n overflow-y: scroll; \n}\n\n.shop-cart-active {\n right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n .shop-cart {\n width: 100%;\n right: -100%;\n\n .shopcart-footer {\n width: 100%;\n right: -100%;\n }\n\n &-active {\n right: 0;\n\n .shopcart-footer {\n right: 0;\n }\n }\n }\n}\n</style>\n\n\n"],"names":["useRoute","useRouter","shopcart.getters","useI18n","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FgBA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,UAAM,iBAAiBC,SAAAA,QAAiB;AACxC,UAAM,kBAAkBA,SAAAA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,QACM,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,cAAc,QAAQ,OAAO,8BAA8B,CAACC,WAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,eAAAA,QAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.js CHANGED Viewed

@@ -55,7 +55,6 @@ const _sfc_main = {
       actions.toggleShopcart();
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
       return openBlock(), createElementBlock("section", {
         class: normalizeClass(["z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart", { "shop-cart-active": state.currentState === true }])
       }, [
@@ -98,10 +97,10 @@ const _sfc_main = {
             createVNode(_sfc_main$3, {
               totalPrice: unref(cartTotalPrice),
               currency: _ctx.returnCurrency(),
-              showFees: (_a = state$1.options) == null ? void 0 : _a.orders.showFees,
-              feesRate: (_b = state$1.options) == null ? void 0 : _b.orders.feesRate,
-              showVat: (_c = state$1.options) == null ? void 0 : _c.orders.showVat,
-              vatRate: (_d = state$1.options) == null ? void 0 : _d.orders.vatRate
+              showFees: state$1.options?.orders.showFees,
+              feesRate: state$1.options?.orders.feesRate,
+              showVat: state$1.options?.orders.showVat,
+              vatRate: state$1.options?.orders.vatRate
             }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
           ])) : createCommentVNode("", true),
           state.positions.length > 0 ? (openBlock(), createElementBlock("button", {

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n <!-- ---------------------------------------------------------------- -->\n <!-- 01. Popup Header -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n <div class=\"mn-b-medium w-100\">\n <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n </div>\n <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 02. Popup Content -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n <!-- Empty State -->\n <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n <!-- Shopcart positions -->\n <CardOrderItem \n v-for=\"(product, index) in shopcart.state.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\" \n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n />\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 03. Footer -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n <PriceTotal \n :totalPrice=\"cartTotalPrice\"\n :currency=\"returnCurrency()\"\n :showFees=\"globals.state.options?.orders.showFees\"\n :feesRate=\"globals.state.options?.orders.feesRate\"\n :showVat=\"globals.state.options?.orders.showVat\"\n :vatRate=\"globals.state.options?.orders.vatRate\"\n />\n </div>\n <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n </div> \n\n <!-- ---------------------------------------------------------------- -->\n <!-- 04. Color Overlay -->\n <!-- ---------------------------------------------------------------- -->\n <transition name=\"fade\">\n <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n <div \n v-if=\"shopcart.state.currentState\"\n @click=\"() => shopcart.state.currentState = false\"\n class=\"color-overlay z-index-3\"\n :class=\"{'active':shopcart.state.currentState === true}\"\n >\n </div>\n </teleport>\n </transition>\n </section>\n</template>\n\n\n<script setup>\n /////////////////////////////\n // COMPONENT DEPENDENCIES\n /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n // Route\n import { useRouter,useRoute } from 'vue-router'\n // i18n\n import { useI18n } from 'vue-i18n'\n // Components\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const route = useRoute()\n const router = useRouter()\n // Accessing state\n const cartTotalPrice = shopcart.getters.cartTotalPrice\n const StoreCartAmount = shopcart.getters.cartTotalAmount\n // \n // router.beforeEach((to, from, next) => {\n // if (shopcart.state.currentState === true) {\n // shopcart.actions.toggleShopcart();\n // }\n // next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n // });\n\n /////////////////////////////\n // LOCALIZATION\n /////////////////////////////\n const text = {\n messages: {\n en: {\n title: 'Your order',\n subtitle: 'You have',\n positions: 'no products in shop cart \| 1 product in shop cart \| {count} products in shop card',\n emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n intotal: 'In total',\n fastorder: 'Checkout'\n },\n ru: {\n title: 'Ваш заказ',\n subtitle: 'У вас',\n positions: 'нет товаров в корзине \| 1 товар в корзине \| {count} товаров в корзине',\n emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n intotal: 'Итого',\n fastorder: 'Подтвердить заказ'\n }\n }\n }\n\n const { t } = useI18n(text)\n /////////////////////////////\n // MOUNTED\n /////////////////////////////\n function openOrder() {\n // store.dispatch(\"shopcart/toggleShopCart\");\n // store.dispatch(\"shopcart/setSearch\");\n !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ? router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) : router.push({name: 'CreateOrder'}) \n shopcart.actions.toggleShopcart();\n }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n display: block;\n position: fixed;\n\n right: -33%;\n top: 0;\n\n height: 100%;\n width: 33%;\n\n overflow-y: scroll; \n}\n\n.shop-cart-active {\n right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n .shop-cart {\n width: 100%;\n right: -100%;\n\n .shopcart-footer {\n width: 100%;\n right: -100%;\n }\n\n &-active {\n right: 0;\n\n .shopcart-footer {\n right: 0;\n }\n }\n }\n}\n</style>\n\n\n"],"names":["shopcart.getters","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FgB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,~~QACZ~~;AAAA,~~QACD~~,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,QAAc,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,cAAiB,~~eAAgB~~;AAAA,~~IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n <!-- ---------------------------------------------------------------- -->\n <!-- 01. Popup Header -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n <div class=\"mn-b-medium w-100\">\n <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n </div>\n <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 02. Popup Content -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n <!-- Empty State -->\n <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n <!-- Shopcart positions -->\n <CardOrderItem \n v-for=\"(product, index) in shopcart.state.positions\" \n :key=\"`${product._id}_${product.variant \|\| 'no-variant'}_${index}`\" \n :editable=\"true\" \n :productId=\"product._id\"\n :variantId=\"product.variant\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.quantity\"\n :unit=\"product.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.price\"\n :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n />\n </div>\n <!-- ---------------------------------------------------------------- -->\n <!-- 03. Footer -->\n <!-- ---------------------------------------------------------------- -->\n <div class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n <PriceTotal \n :totalPrice=\"cartTotalPrice\"\n :currency=\"returnCurrency()\"\n :showFees=\"globals.state.options?.orders.showFees\"\n :feesRate=\"globals.state.options?.orders.feesRate\"\n :showVat=\"globals.state.options?.orders.showVat\"\n :vatRate=\"globals.state.options?.orders.vatRate\"\n />\n </div>\n <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n </div> \n\n <!-- ---------------------------------------------------------------- -->\n <!-- 04. Color Overlay -->\n <!-- ---------------------------------------------------------------- -->\n <transition name=\"fade\">\n <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n <div \n v-if=\"shopcart.state.currentState\"\n @click=\"() => shopcart.state.currentState = false\"\n class=\"color-overlay z-index-3\"\n :class=\"{'active':shopcart.state.currentState === true}\"\n >\n </div>\n </teleport>\n </transition>\n </section>\n</template>\n\n\n<script setup>\n /////////////////////////////\n // COMPONENT DEPENDENCIES\n /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n // Route\n import { useRouter,useRoute } from 'vue-router'\n // i18n\n import { useI18n } from 'vue-i18n'\n // Components\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const route = useRoute()\n const router = useRouter()\n // Accessing state\n const cartTotalPrice = shopcart.getters.cartTotalPrice\n const StoreCartAmount = shopcart.getters.cartTotalAmount\n // \n // router.beforeEach((to, from, next) => {\n // if (shopcart.state.currentState === true) {\n // shopcart.actions.toggleShopcart();\n // }\n // next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n // });\n\n /////////////////////////////\n // LOCALIZATION\n /////////////////////////////\n const text = {\n messages: {\n en: {\n title: 'Your order',\n subtitle: 'You have',\n positions: 'no products in shop cart \| 1 product in shop cart \| {count} products in shop card',\n emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n intotal: 'In total',\n fastorder: 'Checkout'\n },\n ru: {\n title: 'Ваш заказ',\n subtitle: 'У вас',\n positions: 'нет товаров в корзине \| 1 товар в корзине \| {count} товаров в корзине',\n emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n intotal: 'Итого',\n fastorder: 'Подтвердить заказ'\n }\n }\n }\n\n const { t } = useI18n(text)\n /////////////////////////////\n // MOUNTED\n /////////////////////////////\n function openOrder() {\n // store.dispatch(\"shopcart/toggleShopCart\");\n // store.dispatch(\"shopcart/setSearch\");\n !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ? router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) : router.push({name: 'CreateOrder'}) \n shopcart.actions.toggleShopcart();\n }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n display: block;\n position: fixed;\n\n right: -33%;\n top: 0;\n\n height: 100%;\n width: 33%;\n\n overflow-y: scroll; \n}\n\n.shop-cart-active {\n right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n .shop-cart {\n width: 100%;\n right: -100%;\n\n .shopcart-footer {\n width: 100%;\n right: -100%;\n }\n\n &-active {\n right: 0;\n\n .shopcart-footer {\n right: 0;\n }\n }\n }\n}\n</style>\n\n\n"],"names":["shopcart.getters","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FgB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,QACM,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,QAAc,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,cAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/sections/AskToLogin.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AskToLogin.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n v-if=\"isOpen === true\" \n class=\"\n bg-black \n t-white \n pd-big \n mobile:pd-medium\n radius-medium\n flex-v-center\n flex-nowrap \n flex\n mobile:flex-column\n \"\n >\n <!-- <img loading=\"lazy\" \n @click=\"isOpen = false\" \n class=\"\n i-base \n button-close-popup \n button\n \"\n src=\"@/assets/icons/cross-white.svg\"\n > -->\n\n <div class=\"mn-r-auto\">\n <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n </div>\n\n <button \n @click=\"toggleSignInPopup()\" \n class=\"button mobile:w-100 mobile:mn-t-small h-4r bg-main\"\n >\n Sign In\n </button>\n </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["ref"],"mappings":";;;;;;;;;;AA2CC,QAAI,SAASA,~~IAAG~~,~~IAAC~~,IAAI;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"AskToLogin.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n v-if=\"isOpen === true\" \n class=\"\n bg-black \n t-white \n pd-big \n mobile:pd-medium\n radius-medium\n flex-v-center\n flex-nowrap \n flex\n mobile:flex-column\n \"\n >\n <!-- <img loading=\"lazy\" \n @click=\"isOpen = false\" \n class=\"\n i-base \n button-close-popup \n button\n \"\n src=\"@/assets/icons/cross-white.svg\"\n > -->\n\n <div class=\"mn-r-auto\">\n <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n </div>\n\n <button \n @click=\"toggleSignInPopup()\" \n class=\"button mobile:w-100 mobile:mn-t-small h-4r bg-main\"\n >\n Sign In\n </button>\n </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["ref"],"mappings":";;;;;;;;;;AA2CC,QAAI,SAASA,IAAAA,IAAI,IAAI;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.cjs CHANGED Viewed

@@ -3,9 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
+;/* empty css                                       */
 const clickOutside = require("../../../../components/FieldPhone/click-outside.cjs");
+;/* empty css                                         */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const FormCustomerDetails = require("./FormCustomerDetails.vue.cjs");

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormAddCustomer.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n <Block class=\"pos-relative mn-b-thin\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n v-if=\"!dataCustomer.user\"\n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-white\"\n />\n <CardUser\n v-else\n :user=\"dataCustomer.user\"\n :photo=\"dataCustomer.user.profile.photo\"\n :name=\"dataCustomer.user.profile.name \|\| dataCustomer.user.phone \|\| dataCustomer.user.email\"\n @click=\"() => { \n dataCustomer.user = null\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n dataCustomer.user = user\n dataCustomer.profile = user.profile\n dataCustomer.phone = user.phone\n dataCustomer.email = user.email\n dataCustomer.socials = user.socials\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Block>\n\n <FormCustomerDetails\n :customer=\"dataCustomer\" \n class=\"mn-b-thin bg-light\"\n />\n\n <Button \n :submit=\"addCustomer\"\n :callback=\"callbackCustomer\"\n @error=\"setError\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Customer \n </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nimport customers from '@martyrs/src/modules/orders/store/customers.store';\nimport customerInitState from \"@martyrs/src/modules/orders/store/models/customer.js\"\n\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n let customerData = {\n identity: {\n type: dataCustomer.value.user ? 'User' : 'Visitor',\n target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n },\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n phone: dataCustomer.value.phone,\n email: dataCustomer.value.email,\n profile: dataCustomer.value.profile,\n socials: dataCustomer.value.socials\n }\n\n try { \n let customer = await customers.create(customerData)\n \n dataCustomer.value = customer\n } catch(err) {\n console.log(err)\n }\n}\n\nfunction callbackCustomer() {\n emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["clickOutside","useRoute","ref","customerInitState","auth.state","customer","customers"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAwGA,QAAI,gBAAgBA,aAAAA;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQC,~~UAAQ~~,~~SAAA~~;AAEtB,QAAI,eAAeC,~~IAAG~~,~~IAACC~~,~~SAAiB~~,~~OAAA~~;AAExC,QAAI,aAAaD,~~IAAG~~,~~IAAC~~,IAAI;AACzB,QAAI,iBAAiBA,~~IAAG~~,~~IAAC~~,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,~~QACjE~~;AAAA,~~QACD~~,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,~~QACtB~~;AAAA,~~QACD~~,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,~~KAAU~~,~~MAAC~~,KAAK;AAAA,~~QACzB~~;AAAA,~~QACD~~,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAIC,YAAW,MAAMC,wBAAU,OAAO,YAAY;AAElD,qBAAa,QAAQD;AAAA,~~MACtB~~,~~SAAO~~,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,~~MACnB~~;AAAA,~~IACA~~;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FormAddCustomer.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n <Block class=\"pos-relative mn-b-thin\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n v-if=\"!dataCustomer.user\"\n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-white\"\n />\n <CardUser\n v-else\n :user=\"dataCustomer.user\"\n :photo=\"dataCustomer.user.profile.photo\"\n :name=\"dataCustomer.user.profile.name \|\| dataCustomer.user.phone \|\| dataCustomer.user.email\"\n @click=\"() => { \n dataCustomer.user = null\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n dataCustomer.user = user\n dataCustomer.profile = user.profile\n dataCustomer.phone = user.phone\n dataCustomer.email = user.email\n dataCustomer.socials = user.socials\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Block>\n\n <FormCustomerDetails\n :customer=\"dataCustomer\" \n class=\"mn-b-thin bg-light\"\n />\n\n <Button \n :submit=\"addCustomer\"\n :callback=\"callbackCustomer\"\n @error=\"setError\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Customer \n </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nimport customers from '@martyrs/src/modules/orders/store/customers.store';\nimport customerInitState from \"@martyrs/src/modules/orders/store/models/customer.js\"\n\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n let customerData = {\n identity: {\n type: dataCustomer.value.user ? 'User' : 'Visitor',\n target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n },\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n phone: dataCustomer.value.phone,\n email: dataCustomer.value.email,\n profile: dataCustomer.value.profile,\n socials: dataCustomer.value.socials\n }\n\n try { \n let customer = await customers.create(customerData)\n \n dataCustomer.value = customer\n } catch(err) {\n console.log(err)\n }\n}\n\nfunction callbackCustomer() {\n emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["clickOutside","useRoute","ref","customerInitState","auth.state","customer","customers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgBA,aAAAA;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,QAAI,eAAeC,IAAAA,IAAIC,SAAAA,OAAiB;AAExC,QAAI,aAAaD,IAAAA,IAAI,IAAI;AACzB,QAAI,iBAAiBA,IAAAA,IAAI,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACtE;AAAA,QACI,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC3B;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,KAAAA,MAAW,KAAK;AAAA,QAC9B;AAAA,QACI,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAIC,YAAW,MAAMC,wBAAU,OAAO,YAAY;AAElD,qBAAa,QAAQD;AAAA,MACvB,SAAQ,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MACjB;AAAA,IACF;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.js CHANGED Viewed

@@ -1,9 +1,11 @@
 import { ref, createElementBlock, openBlock, Fragment, createVNode, withCtx, withDirectives, createBlock, createCommentVNode, unref, isRef, renderList, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+/* empty css                                     */
 import clickOutside from "../../../../components/FieldPhone/click-outside.js";
+/* empty css                                       */
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "./FormCustomerDetails.vue.js";

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormAddCustomer.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n <Block class=\"pos-relative mn-b-thin\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n v-if=\"!dataCustomer.user\"\n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-white\"\n />\n <CardUser\n v-else\n :user=\"dataCustomer.user\"\n :photo=\"dataCustomer.user.profile.photo\"\n :name=\"dataCustomer.user.profile.name \|\| dataCustomer.user.phone \|\| dataCustomer.user.email\"\n @click=\"() => { \n dataCustomer.user = null\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n dataCustomer.user = user\n dataCustomer.profile = user.profile\n dataCustomer.phone = user.phone\n dataCustomer.email = user.email\n dataCustomer.socials = user.socials\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Block>\n\n <FormCustomerDetails\n :customer=\"dataCustomer\" \n class=\"mn-b-thin bg-light\"\n />\n\n <Button \n :submit=\"addCustomer\"\n :callback=\"callbackCustomer\"\n @error=\"setError\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Customer \n </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nimport customers from '@martyrs/src/modules/orders/store/customers.store';\nimport customerInitState from \"@martyrs/src/modules/orders/store/models/customer.js\"\n\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n let customerData = {\n identity: {\n type: dataCustomer.value.user ? 'User' : 'Visitor',\n target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n },\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n phone: dataCustomer.value.phone,\n email: dataCustomer.value.email,\n profile: dataCustomer.value.profile,\n socials: dataCustomer.value.socials\n }\n\n try { \n let customer = await customers.create(customerData)\n \n dataCustomer.value = customer\n } catch(err) {\n console.log(err)\n }\n}\n\nfunction callbackCustomer() {\n emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["auth.state"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;~~AAwGA,QAAI,gBAAgB;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AAEtB,QAAI,eAAe,IAAI,iBAAiB;AAExC,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,~~QACjE~~;AAAA,~~QACD~~,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,~~QACtB~~;AAAA,~~QACD~~,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,~~QACzB~~;AAAA,~~QACD~~,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAI,WAAW,MAAM,UAAU,OAAO,YAAY;AAElD,qBAAa,QAAQ;AAAA,~~MACtB~~,~~SAAO~~,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,~~MACnB~~;AAAA,~~IACA~~;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FormAddCustomer.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n <Block class=\"pos-relative mn-b-thin\">\n <BlockSearch \n v-click-outside=\"() => {searchUserShow = false}\" \n v-if=\"!dataCustomer.user\"\n @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n placeholder=\"Enter name, phone or email\"\n class=\"bg-white\"\n />\n <CardUser\n v-else\n :user=\"dataCustomer.user\"\n :photo=\"dataCustomer.user.profile.photo\"\n :name=\"dataCustomer.user.profile.name \|\| dataCustomer.user.phone \|\| dataCustomer.user.email\"\n @click=\"() => { \n dataCustomer.user = null\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100\"\n />\n\n <div \n v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n \">\n <Feed\n :states=\"{\n empty: {\n title: 'No User Found',\n description: 'Currently, there are no such user.'\n }\n }\"\n :store=\"{\n read: (options) => users.actions.read(options),\n state: null\n }\"\n :options=\"{\n search: searchUser\n }\"\n :showLoadMore=\"false\"\n v-slot=\"{ \n items \n }\"\n class=\"h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" :key=\"user._id\"\n :user=\"user\"\n :photo=\"user.profile.photo\"\n :name=\"user.profile.name \|\| user.phone \|\| user.email\"\n @click=\"() => { \n dataCustomer.user = user\n dataCustomer.profile = user.profile\n dataCustomer.phone = user.phone\n dataCustomer.email = user.email\n dataCustomer.socials = user.socials\n }\"\n class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </div>\n </Block>\n\n <FormCustomerDetails\n :customer=\"dataCustomer\" \n class=\"mn-b-thin bg-light\"\n />\n\n <Button \n :submit=\"addCustomer\"\n :callback=\"callbackCustomer\"\n @error=\"setError\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Add Customer \n </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nimport customers from '@martyrs/src/modules/orders/store/customers.store';\nimport customerInitState from \"@martyrs/src/modules/orders/store/models/customer.js\"\n\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n let customerData = {\n identity: {\n type: dataCustomer.value.user ? 'User' : 'Visitor',\n target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n },\n owner: {\n type: 'Organization',\n target: route.params._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n phone: dataCustomer.value.phone,\n email: dataCustomer.value.email,\n profile: dataCustomer.value.profile,\n socials: dataCustomer.value.socials\n }\n\n try { \n let customer = await customers.create(customerData)\n \n dataCustomer.value = customer\n } catch(err) {\n console.log(err)\n }\n}\n\nfunction callbackCustomer() {\n emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgB;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AAEtB,QAAI,eAAe,IAAI,iBAAiB;AAExC,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACtE;AAAA,QACI,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC3B;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,QACI,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAI,WAAW,MAAM,UAAU,OAAO,YAAY;AAElD,qBAAa,QAAQ;AAAA,MACvB,SAAQ,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MACjB;AAAA,IACF;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormCustomerDetails",

package/dist/martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormCustomerDetails.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormCustomerDetails.vue"],"sourcesContent":["<template>\n <Block :title=\"title\" class=\"mn-b-thin\">\n <Field \n v-model:field=\"customer.profile.name\" \n label=\"Name\" \n placeholder=\"Enter name\" \n class=\"bg-white pd-small radius-small mn-b-thin\"\n />\n <FieldPhone\n v-model=\"customer.phone\" \n @country=\"(country) => { customer.number = country }\"\n :inputOptions=\"{\n placeholder: 'Enter phone number',\n type: 'tel',\n }\"\n :defaultCountry=\"'TH'\"\n :validCharactersOnly=\"true\"\n :dropdownOptions=\"{\n showDialCodeInSelection: true,\n showFlags: true,\n showDialCodeInList: true\n }\" \n mode=\"national\"\n class=\"w-100 bg-white pd-small mn-b-thin radius-small\" \n />\n <div \n class=\"gap-thin flex-justify-between flex-nowrap flex\"\n >\n <Select \n :select=\"messengerSelected\"\n :options=\"[\n {name: 'Instagram', value: 'instagram'}, \n {name: 'Telegram', value: 'telegram'}, \n {name: 'WhatsApp', value: 'whatsapp'},\n ]\"\n @update:select=\"(option) => messengerSelected = option\"\n placeholder=\"Messenger\" \n size=\"small\"\n class=\"bg-white pd-small radius-small\"\n />\n <Field\n v-model:field=\"customer.socials[messengerSelected]\" \n label=\"@\" \n placeholder=\"Enter username\"\n class=\"bg-white pd-small radius-small w-100\"\n />\n </div>\n </Block>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\n\nlet messengerSelected = ref({name: 'WhatsApp', value: 'whatsapp'})\n\ndefineProps({\n customer: Object,\n title: {\n type: String,\n default: 'Personal Data'\n }, \n});\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAyDA,QAAI,oBAAoBA,~~IAAG~~,~~IAAC~~,EAAC,MAAM,YAAY,OAAO,WAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FormCustomerDetails.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormCustomerDetails.vue"],"sourcesContent":["<template>\n <Block :title=\"title\" class=\"mn-b-thin\">\n <Field \n v-model:field=\"customer.profile.name\" \n label=\"Name\" \n placeholder=\"Enter name\" \n class=\"bg-white pd-small radius-small mn-b-thin\"\n />\n <FieldPhone\n v-model=\"customer.phone\" \n @country=\"(country) => { customer.number = country }\"\n :inputOptions=\"{\n placeholder: 'Enter phone number',\n type: 'tel',\n }\"\n :defaultCountry=\"'TH'\"\n :validCharactersOnly=\"true\"\n :dropdownOptions=\"{\n showDialCodeInSelection: true,\n showFlags: true,\n showDialCodeInList: true\n }\" \n mode=\"national\"\n class=\"w-100 bg-white pd-small mn-b-thin radius-small\" \n />\n <div \n class=\"gap-thin flex-justify-between flex-nowrap flex\"\n >\n <Select \n :select=\"messengerSelected\"\n :options=\"[\n {name: 'Instagram', value: 'instagram'}, \n {name: 'Telegram', value: 'telegram'}, \n {name: 'WhatsApp', value: 'whatsapp'},\n ]\"\n @update:select=\"(option) => messengerSelected = option\"\n placeholder=\"Messenger\" \n size=\"small\"\n class=\"bg-white pd-small radius-small\"\n />\n <Field\n v-model:field=\"customer.socials[messengerSelected]\" \n label=\"@\" \n placeholder=\"Enter username\"\n class=\"bg-white pd-small radius-small w-100\"\n />\n </div>\n </Block>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\n\nlet messengerSelected = ref({name: 'WhatsApp', value: 'whatsapp'})\n\ndefineProps({\n customer: Object,\n title: {\n type: String,\n default: 'Personal Data'\n }, \n});\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAyDA,QAAI,oBAAoBA,IAAAA,IAAI,EAAC,MAAM,YAAY,OAAO,WAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ref, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/FieldPhone/FieldPhone.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormCustomerDetails",