npm - @ozdao/martyrs - Versions diffs - 0.2.570 → 0.2.572 - Mend

@ozdao/martyrs 0.2.570 → 0.2.572

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 (832) 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=\"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 <FormSelectCustomer\n v-if=\"tabOrderCreate === 'customer'\"\n v-model:customer=\"orders.state.current.customer\"\n class=\"mn-b-semi\"\n />\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\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/core/views/components/blocks/BlockSearch.vue'\n\n import FormSelectCustomer from '@martyrs/src/modules/orders/components/forms/FormSelectCustomer.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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/core/views/mixins/mixins.js';\n\n const store = useStore()\n\t\n // Accessing router\n const route = useRoute()\n const router = useRouter()\n const { proxy } = getCurrentInstance()\n const { formatPrice, returnCurrency } = 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 store.core.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\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","auth.state","orders.actions","organizations.actions"],"mappings":"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"}
1	+ {"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n <div class=\"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 fw-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=\"fw-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.05] 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=\"fw-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 <FormSelectCustomer\n v-if=\"tabOrderCreate === 'customer'\"\n v-model:customer=\"orders.state.current.customer\"\n class=\"mn-b-semi\"\n />\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\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/core/views/components/blocks/BlockSearch.vue'\n\n import FormSelectCustomer from '@martyrs/src/modules/orders/components/forms/FormSelectCustomer.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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/core/views/mixins/mixins.js';\n\n const store = useStore()\n\t\n // Accessing router\n const route = useRoute()\n const router = useRouter()\n const { proxy } = getCurrentInstance()\n const { formatPrice, returnCurrency } = 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 store.core.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\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","auth.state","orders.actions","organizations.actions"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ const _hoisted_6 = {
   key: 0,
   class: "mn-t-medium"
 };
-const _hoisted_7 = { class: "h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black" };
+const _hoisted_7 = { class: "h-30 ease-in-out pd-b-medium pd-x-medium pd-big ease-cubic bg-light t-black" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small total-price"
@@ -59,7 +59,7 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       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 }])
+        class: normalizeClass(["z-index-5 flex flex-column ease-in-out bg-white shop-cart", { "shop-cart-active": state.currentState === true }])
       }, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [

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-medium\">{{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=\"store.core.state.options?.orders.showFees\"\n :feesRate=\"store.core.state.options?.orders.feesRate\"\n :showVat=\"store.core.state.options?.orders.showVat\"\n :vatRate=\"store.core.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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 import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const store = useStore()\n const route = useRoute()\n const router = useRouter()\n const { returnCurrency } = useGlobalMixins()\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 !store.core.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","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGE,UAAM,QAAQ,SAAQ;AACR,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,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,OAAC,MAAM,KAAK,MAAM,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;AAChMC,cAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 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-medium\">{{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 ease-in-out pd-b-medium pd-x-medium pd-big ease-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=\"store.core.state.options?.orders.showFees\"\n :feesRate=\"store.core.state.options?.orders.feesRate\"\n :showVat=\"store.core.state.options?.orders.showVat\"\n :vatRate=\"store.core.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.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 import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n /////////////////////////////\n // CREATED\n /////////////////////////////\n const store = useStore()\n const route = useRoute()\n const router = useRouter()\n const { returnCurrency } = useGlobalMixins()\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 !store.core.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","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGE,UAAM,QAAQ,SAAQ;AACR,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,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,OAAC,MAAM,KAAK,MAAM,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;AAChMC,cAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, createCommentVNode, unref, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import StatusBadge from "../../../../components/Table/StatusBadge.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 /* empty css                        */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -91,7 +91,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_15, [
           createVNode(_sfc_main$2, {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("edit")),
-            class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+            class: "w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
           }, {
             default: withCtx(() => _cache[11] || (_cache[11] = [
               createTextVNode(" Edit ")
@@ -100,7 +100,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$2, {
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("delete")),
-            class: "w-100 pd-small radius-big bg-danger t-white uppercase t-medium"
+            class: "w-100 pd-small radius-big bg-danger t-white uppercase fw-medium"
           }, {
             default: withCtx(() => _cache[12] || (_cache[12] = [
               createTextVNode(" Delete ")
@@ -112,7 +112,7 @@ const _sfc_main = {
     };
   }
 };
-const ApplicationDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-58dea369"]]);
+const ApplicationDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7562ca0a"]]);
 export {
   ApplicationDetails as default
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ApplicationDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/ApplicationDetails.vue"],"sourcesContent":["<template>\n <div class=\"gap-small cols-1\">\n <Block title=\"Application Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Name:</strong>\n <span>{{ application.contacts?.name \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Email:</strong>\n <span>{{ application.contacts?.email \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Phone:</strong>\n <span>{{ application.contacts?.phone \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Status:</strong>\n <StatusBadge :value=\"{\n text: application.status,\n color: application.status === 'completed' ? '#22c55e' : application.status === 'in_progress' ? '#f59e0b' : '#6b7280'\n }\" />\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Type:</strong>\n <span>{{ application.type \|\| 'Unknown' }}</span>\n </div>\n </div>\n </Block>\n\n <Block title=\"Additional Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Created:</strong>\n <span>{{ formatDate(application.createdAt) }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Updated:</strong>\n <span>{{ formatDate(application.updatedAt) }}</span>\n </div>\n <div v-if=\"application.text\">\n <strong>Message:</strong>\n <p class=\"mn-t-thin\">{{ application.text }}</p>\n </div>\n <div v-if=\"application.chat\">\n <strong>Chat ID:</strong>\n <p class=\"mn-t-thin\">{{ application.chat }}</p>\n </div>\n </div>\n </Block>\n\n <div class=\"gap-thin flex mn-t-small\">\n <Button \n @click=\"$emit('edit')\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Edit\n </Button>\n <Button \n @click=\"$emit('delete')\"\n class=\"w-100 pd-small radius-big bg-danger t-white uppercase t-medium\"\n >\n Delete\n </Button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatDate } = useGlobalMixins();\n\ndefineProps({\n application: {\n type: Object,\n required: true\n }\n});\n\ndefineEmits(['edit', 'delete']);\n</script>\n\n<style scoped>\n.bg-danger {\n background-color: #ef4444;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,EAAE,WAAU,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ApplicationDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/ApplicationDetails.vue"],"sourcesContent":["<template>\n <div class=\"gap-small cols-1\">\n <Block title=\"Application Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Name:</strong>\n <span>{{ application.contacts?.name \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Email:</strong>\n <span>{{ application.contacts?.email \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Phone:</strong>\n <span>{{ application.contacts?.phone \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Status:</strong>\n <StatusBadge :value=\"{\n text: application.status,\n color: application.status === 'completed' ? '#22c55e' : application.status === 'in_progress' ? '#f59e0b' : '#6b7280'\n }\" />\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Type:</strong>\n <span>{{ application.type \|\| 'Unknown' }}</span>\n </div>\n </div>\n </Block>\n\n <Block title=\"Additional Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Created:</strong>\n <span>{{ formatDate(application.createdAt) }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Updated:</strong>\n <span>{{ formatDate(application.updatedAt) }}</span>\n </div>\n <div v-if=\"application.text\">\n <strong>Message:</strong>\n <p class=\"mn-t-thin\">{{ application.text }}</p>\n </div>\n <div v-if=\"application.chat\">\n <strong>Chat ID:</strong>\n <p class=\"mn-t-thin\">{{ application.chat }}</p>\n </div>\n </div>\n </Block>\n\n <div class=\"gap-thin flex mn-t-small\">\n <Button \n @click=\"$emit('edit')\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase fw-medium\"\n >\n Edit\n </Button>\n <Button \n @click=\"$emit('delete')\"\n class=\"w-100 pd-small radius-big bg-danger t-white uppercase fw-medium\"\n >\n Delete\n </Button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatDate } = useGlobalMixins();\n\ndefineProps({\n application: {\n type: Object,\n required: true\n }\n});\n\ndefineEmits(['edit', 'delete']);\n</script>\n\n<style scoped>\n.bg-danger {\n background-color: #ef4444;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,EAAE,WAAU,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -10,7 +10,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return unref(isOpen) === true ? (openBlock(), createElementBlock("div", _hoisted_1, [
         _cache[1] || (_cache[1] = createElementVNode("div", { class: "mn-r-auto" }, [
-          createElementVNode("h3", { class: "t-semi mn-b-small" }, "Already registered?"),
+          createElementVNode("h3", { class: "fw-semi mn-b-small" }, "Already registered?"),
           createElementVNode("span", { class: "p-regular t-transp" }, "Sign in to your account to checkout faster.")
         ], -1)),
         createElementVNode("button", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AskToLogin.vue.js","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-regular 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":[],"mappings":";;;;;;;;AA2CC,QAAI,SAAS,IAAI,IAAI;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"AskToLogin.vue.js","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=\"fw-semi mn-b-small\">Already registered?</h3>\n <span class=\"p-regular 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":[],"mappings":";;;;;;;;AA2CC,QAAI,SAAS,IAAI,IAAI;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, createCommentVNode, unref, Fragment, renderList, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import StatusBadge from "../../../../components/Table/StatusBadge.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 /* empty css                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -111,7 +111,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_17, [
           createVNode(_sfc_main$2, {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("edit")),
-            class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+            class: "w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
           }, {
             default: withCtx(() => _cache[13] || (_cache[13] = [
               createTextVNode(" Edit ")
@@ -120,7 +120,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$2, {
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("delete")),
-            class: "w-100 pd-small radius-big bg-danger t-white uppercase t-medium"
+            class: "w-100 pd-small radius-big bg-danger t-white uppercase fw-medium"
           }, {
             default: withCtx(() => _cache[14] || (_cache[14] = [
               createTextVNode(" Delete ")
@@ -132,7 +132,7 @@ const _sfc_main = {
     };
   }
 };
-const CustomerDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fb75143"]]);
+const CustomerDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cb98ea2"]]);
 export {
   CustomerDetails as default
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/CustomerDetails.vue"],"sourcesContent":["<template>\n <div class=\"gap-small cols-1\">\n <Block title=\"Customer Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Name:</strong>\n <span>{{ customer.profile?.name \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Email:</strong>\n <span>{{ customer.email \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Phone:</strong>\n <span>{{ customer.phone \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Status:</strong>\n <StatusBadge :value=\"{\n text: customer.status,\n color: customer.status === 'active' ? '#22c55e' : customer.status === 'inactive' ? '#f59e0b' : '#ef4444'\n }\" />\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Source:</strong>\n <span>{{ customer.source \|\| 'Unknown' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Type:</strong>\n <span>{{ customer.identity?.type \|\| 'Visitor' }}</span>\n </div>\n </div>\n </Block>\n\n <Block title=\"Additional Information\">\n <div class=\"gap-small\">\n <div v-if=\"customer.referral?.code\" class=\"flex\">\n <strong class=\"mn-r-auto\">Referral Code:</strong>\n <span>{{ customer.referral.code }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Created:</strong>\n <span>{{ formatDate(customer.createdAt) }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Last Activity:</strong>\n <span>{{ formatDate(customer.lastActivity \|\| customer.updatedAt) }}</span>\n </div>\n <div v-if=\"customer.tags && customer.tags.length > 0\">\n <strong>Tags:</strong>\n <div class=\"flex flex-wrap gap-nano mn-t-thin\">\n <span \n v-for=\"tag in customer.tags\" \n :key=\"tag\"\n class=\"bg-light pd-nano radius-small t-small\"\n >\n {{ tag }}\n </span>\n </div>\n </div>\n <div v-if=\"customer.notes\">\n <strong>Notes:</strong>\n <p class=\"mn-t-thin\">{{ customer.notes }}</p>\n </div>\n </div>\n </Block>\n\n <div class=\"gap-thin flex mn-t-small\">\n <Button \n @click=\"$emit('edit')\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n >\n Edit\n </Button>\n <Button \n @click=\"$emit('delete')\"\n class=\"w-100 pd-small radius-big bg-danger t-white uppercase t-medium\"\n >\n Delete\n </Button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatDate } = useGlobalMixins();\n\ndefineProps({\n customer: {\n type: Object,\n required: true\n }\n});\n\ndefineEmits(['edit', 'delete']);\n</script>\n\n<style scoped>\n.bg-danger {\n background-color: #ef4444;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,UAAM,EAAE,WAAU,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CustomerDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/CustomerDetails.vue"],"sourcesContent":["<template>\n <div class=\"gap-small cols-1\">\n <Block title=\"Customer Information\">\n <div class=\"gap-small\">\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Name:</strong>\n <span>{{ customer.profile?.name \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Email:</strong>\n <span>{{ customer.email \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Phone:</strong>\n <span>{{ customer.phone \|\| 'Not specified' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Status:</strong>\n <StatusBadge :value=\"{\n text: customer.status,\n color: customer.status === 'active' ? '#22c55e' : customer.status === 'inactive' ? '#f59e0b' : '#ef4444'\n }\" />\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Source:</strong>\n <span>{{ customer.source \|\| 'Unknown' }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Type:</strong>\n <span>{{ customer.identity?.type \|\| 'Visitor' }}</span>\n </div>\n </div>\n </Block>\n\n <Block title=\"Additional Information\">\n <div class=\"gap-small\">\n <div v-if=\"customer.referral?.code\" class=\"flex\">\n <strong class=\"mn-r-auto\">Referral Code:</strong>\n <span>{{ customer.referral.code }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Created:</strong>\n <span>{{ formatDate(customer.createdAt) }}</span>\n </div>\n <div class=\"flex\">\n <strong class=\"mn-r-auto\">Last Activity:</strong>\n <span>{{ formatDate(customer.lastActivity \|\| customer.updatedAt) }}</span>\n </div>\n <div v-if=\"customer.tags && customer.tags.length > 0\">\n <strong>Tags:</strong>\n <div class=\"flex flex-wrap gap-nano mn-t-thin\">\n <span \n v-for=\"tag in customer.tags\" \n :key=\"tag\"\n class=\"bg-light pd-nano radius-small t-small\"\n >\n {{ tag }}\n </span>\n </div>\n </div>\n <div v-if=\"customer.notes\">\n <strong>Notes:</strong>\n <p class=\"mn-t-thin\">{{ customer.notes }}</p>\n </div>\n </div>\n </Block>\n\n <div class=\"gap-thin flex mn-t-small\">\n <Button \n @click=\"$emit('edit')\"\n class=\"w-100 pd-small radius-big bg-main t-black uppercase fw-medium\"\n >\n Edit\n </Button>\n <Button \n @click=\"$emit('delete')\"\n class=\"w-100 pd-small radius-big bg-danger t-white uppercase fw-medium\"\n >\n Delete\n </Button>\n </div>\n </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatDate } = useGlobalMixins();\n\ndefineProps({\n customer: {\n type: Object,\n required: true\n }\n});\n\ndefineEmits(['edit', 'delete']);\n</script>\n\n<style scoped>\n.bg-danger {\n background-color: #ef4444;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,UAAM,EAAE,WAAU,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,9 +2,9 @@ import { watch, onMounted, computed, createBlock, openBlock, withCtx, createElem
 import { useRoute } from "vue-router";
 /* empty css                                       */
 /* empty css                                           */
-/* empty css                                            */
 /* empty css                                           */
-import Field from "../../../../components/Field/Field.vue2.js";
+/* empty css                                           */
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
 /* empty css                                      */
 /* empty css                                                                 */

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

@@ -1,6 +1,6 @@
 import { computed, createBlock, openBlock, withCtx, createElementVNode, createVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormPayment",

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

@@ -13,14 +13,14 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = createStaticVNode('<p class="mn-b-medium p-medium">Order completed!</p><div class="mn-b-big pd-big order-number"><p class="mn-b-small t-semi small">#485792</p><p class="t-lh-2">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="t-semi">+995 585 888 660</span></p></div>', 2)),
+        _cache[2] || (_cache[2] = createStaticVNode('<p class="mn-b-medium p-medium">Order completed!</p><div class="mn-b-big pd-big order-number"><p class="mn-b-small fw-semi small">#485792</p><p class="lh-[2]">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="fw-semi">+995 585 888 660</span></p></div>', 2)),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Receiver", -1)),
+            _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-small w-33 fw-semi" }, "Receiver", -1)),
             createElementVNode("p", _hoisted_4, toDisplayString(__props.order.name) + " " + toDisplayString(__props.order.surname) + ", " + toDisplayString(__props.order.phone) + ", " + toDisplayString(__props.order.email), 1)
           ]),
           createElementVNode("div", _hoisted_5, [
-            _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Address", -1)),
+            _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-small w-33 fw-semi" }, "Address", -1)),
             createElementVNode("p", _hoisted_6, toDisplayString(__props.order.city) + ", " + toDisplayString(__props.order.adress), 1)
           ])
         ])

package/dist/martyrs/src/modules/orders/store/shopcart.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { computed, reactive, watch } from "vue";
 import { setSnack } from "../../core/views/store/core.store.js";
-import { Preferences } from "../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
+import { Preferences } from "../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 const state = reactive({
   organization: null,
   positions: [],

package/dist/martyrs/src/modules/organizations/components/blocks/CardDepartment.vue.js CHANGED Viewed

@@ -26,7 +26,7 @@ const _sfc_main = {
             __props.department.members.length < 1 ? (openBlock(), createElementBlock("li", _hoisted_4, "No members in department")) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.department.members, (member, index) => {
               return openBlock(), createBlock(_sfc_main$1, {
-                class: "h-4r pd-small br-solid br-1px br-black-transp-5 radius-small mn-b-thin",
+                class: "h-4r pd-small br-1px br-black-transp-5 radius-small mn-b-thin",
                 key: index,
                 user: member.user,
                 photo: member.user.profile.photo,
@@ -41,7 +41,7 @@ const _sfc_main = {
     };
   }
 };
-const CardDepartment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-15433dc1"]]);
+const CardDepartment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d65c246b"]]);
 export {
   CardDepartment as default
 };

package/dist/martyrs/src/modules/organizations/components/blocks/CardOrganization.vue.js CHANGED Viewed

@@ -10,16 +10,16 @@ import _sfc_main$2 from "../elements/ButtonToggleMembership.vue.js";
 const _hoisted_1 = { class: "h-4r flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100" };
-const _hoisted_4 = { class: "h4 t-truncate w-100" };
+const _hoisted_4 = { class: "h4 truncate w-100" };
 const _hoisted_5 = {
   key: 0,
   class: "mn-t-micro gap-micro flex-nowrap flex"
 };
 const _hoisted_6 = {
   key: 0,
-  class: "t-truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white"
 };
-const _hoisted_7 = { class: "t-truncate" };
+const _hoisted_7 = { class: "truncate" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small t-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"

package/dist/martyrs/src/modules/organizations/components/blocks/CardOrganization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div\n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push('/organizations/' + organization._id)\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n style=\"flex: 0 1 auto\"\n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n style=\"flex: 0 1 auto\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate w-100\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n <Chips \n v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative t-trimmed\"\n >\n <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"t-truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-medium\" \n />\n </div>\n </Chips>\n </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small t-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium t-transp mn-r-micro\"/>\n <span class=\"mn-r-micro\">\n {{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp t-grey mn-r-micro\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + 'KM' : ''}}</span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <!-- <IconPrice class=\"i-medium mn-r-micro\"/> -->\n <!-- <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span> -->\n <IconShopcart class=\"i-medium t-transp mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll scroll-hide radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem\n @click.stop=\"$router.push(`/organizations/${organization._id}/products/${product._id}`)\"\n v-for=\"product in organization.products.slice(0,5)\"\n :key=\"product._id\"\n :editable=\"false\"\n :productId=\"product._id\"\n :variantId=\"product.variants?.[0]?._id\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.variants?.[0]?.quantity \|\| 1\"\n :unit=\"product.variants?.[0]?.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.variants?.[0]?.price\"\n class=\"pd-thin w-15r radius-medium bg-white\"\n\n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n import Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>\n\n<style>\n\n.t-trimmed {\n font-size: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAEC,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div\n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push('/organizations/' + organization._id)\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n style=\"flex: 0 1 auto\"\n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n style=\"flex: 0 1 auto\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 truncate w-100\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small fw-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n <Chips \n v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative t-trimmed\"\n >\n <div v-if=\"showFollowers\" class=\"truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white\">\n <p class=\"truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-medium\" \n />\n </div>\n </Chips>\n </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small t-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium t-transp mn-r-micro\"/>\n <span class=\"mn-r-micro\">\n {{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp t-grey mn-r-micro\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + 'KM' : ''}}</span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <!-- <IconPrice class=\"i-medium mn-r-micro\"/> -->\n <!-- <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span> -->\n <IconShopcart class=\"i-medium t-transp mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll scroll-hide radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem\n @click.stop=\"$router.push(`/organizations/${organization._id}/products/${product._id}`)\"\n v-for=\"product in organization.products.slice(0,5)\"\n :key=\"product._id\"\n :editable=\"false\"\n :productId=\"product._id\"\n :variantId=\"product.variants?.[0]?._id\"\n :images=\"product.images\"\n :name=\"product.name\"\n :quantity=\"product.variants?.[0]?.quantity \|\| 1\"\n :unit=\"product.variants?.[0]?.unit\"\n :dates=\"product.date\"\n :listing=\"product.listing\"\n :price=\"product.variants?.[0]?.price\"\n class=\"pd-thin w-15r radius-medium bg-white\"\n\n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@martyrs/src/components/Text/Text.vue'\n import Chips from '@martyrs/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>\n\n<style>\n\n.t-trimmed {\n font-size: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAEC,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/blocks/Contacts.vue.js CHANGED Viewed

@@ -35,32 +35,32 @@ const _sfc_main = {
           key: 0,
           href: formattedWebsite.value,
           target: "_blank",
-          class: "w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
+          class: "w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
         }, _cache[0] || (_cache[0] = [
-          createElementVNode("span", { class: "t-semi uppercase" }, "Website", -1)
+          createElementVNode("span", { class: "fw-semi uppercase" }, "Website", -1)
         ]), 8, _hoisted_2)) : createCommentVNode("", true),
         props.phone ? (openBlock(), createElementBlock("a", {
           key: 1,
           href: `tel:${props.phone}`,
-          class: "w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
+          class: "w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
         }, _cache[1] || (_cache[1] = [
-          createElementVNode("span", { class: "t-semi uppercase" }, "Phone", -1)
+          createElementVNode("span", { class: "fw-semi uppercase" }, "Phone", -1)
         ]), 8, _hoisted_3)) : createCommentVNode("", true),
         props.email ? (openBlock(), createElementBlock("a", {
           key: 2,
           href: `mailto:${props.email}`,
           target: "_blank",
-          class: "w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
+          class: "w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
         }, _cache[2] || (_cache[2] = [
-          createElementVNode("span", { class: "t-semi uppercase" }, "Email", -1)
+          createElementVNode("span", { class: "fw-semi uppercase" }, "Email", -1)
         ]), 8, _hoisted_4)) : createCommentVNode("", true),
         encodedAddress.value ? (openBlock(), createElementBlock("a", {
           key: 3,
           href: `https://www.google.com/maps/search/?api=1&query=${encodedAddress.value}`,
           target: "_blank",
-          class: "w-100 br-2px br-solid br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
+          class: "w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex"
         }, _cache[3] || (_cache[3] = [
-          createElementVNode("span", { class: "t-semi uppercase" }, "Address", -1)
+          createElementVNode("span", { class: "fw-semi uppercase" }, "Address", -1)
         ]), 8, _hoisted_5)) : createCommentVNode("", true)
       ]);
     };

package/dist/martyrs/src/modules/organizations/components/blocks/Contacts.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Contacts.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/Contacts.vue"],"sourcesContent":["<template>\n <div class=\"mn-b-small w-100\">\n <a v-if=\"formattedWebsite\" :href=\"formattedWebsite\" target=\"_blank\" class=\"w-100 br-2px br-~~solid br-~~grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/website.svg\"> -->\n <span class=\"t-semi uppercase\">Website</span>\n </a>\n <a v-if=\"props.phone\" :href=\"`tel:${props.phone}`\" class=\"w-100 br-2px br-~~solid br-~~grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/phone.svg\"> -->\n <span class=\"t-semi uppercase\">Phone</span>\n </a>\n <a v-if=\"props.email\" :href=\"`mailto:${props.email}`\" target=\"_blank\" class=\"w-100 br-2px br-~~solid br-~~grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/email.svg\"> -->\n <span class=\"t-semi uppercase\">Email</span>\n </a>\n <a v-if=\"encodedAddress\" :href=\"`https://www.google.com/maps/search/?api=1&query=${encodedAddress}`\" target=\"_blank\" class=\"w-100 br-2px br-~~solid br-~~grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/address.svg\"> -->\n <span class=\"t-semi uppercase\">Address</span>\n </a>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nconst props = defineProps({\n website: String,\n phone: String,\n email: String,\n address: String\n});\n\nconst formattedWebsite = computed(() => {\n if (props.website) {\n if (!props.website.startsWith('http://') && !props.website.startsWith('https://')) {\n return `http://${props.website}`;\n }\n return props.website;\n }\n return null;\n});\n\nconst encodedAddress = computed(() => {\n if (props.address) {\n return encodeURIComponent(props.address);\n }\n return null;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwBA,UAAM,QAAQ;AAOd,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,MAAM,SAAS;AACjB,YAAI,CAAC,MAAM,QAAQ,WAAW,SAAS,KAAK,CAAC,MAAM,QAAQ,WAAW,UAAU,GAAG;AACjF,iBAAO,UAAU,MAAM,OAAO;AAAA,QAChC;AACA,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,SAAS;AACjB,eAAO,mBAAmB,MAAM,OAAO;AAAA,MACzC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Contacts.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/Contacts.vue"],"sourcesContent":["<template>\n <div class=\"mn-b-small w-100\">\n <a v-if=\"formattedWebsite\" :href=\"formattedWebsite\" target=\"_blank\" class=\"w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/website.svg\"> -->\n <span class=\"fw-semi uppercase\">Website</span>\n </a>\n <a v-if=\"props.phone\" :href=\"`tel:${props.phone}`\" class=\"w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/phone.svg\"> -->\n <span class=\"fw-semi uppercase\">Phone</span>\n </a>\n <a v-if=\"props.email\" :href=\"`mailto:${props.email}`\" target=\"_blank\" class=\"w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/email.svg\"> -->\n <span class=\"fw-semi uppercase\">Email</span>\n </a>\n <a v-if=\"encodedAddress\" :href=\"`https://www.google.com/maps/search/?api=1&query=${encodedAddress}`\" target=\"_blank\" class=\"w-100 br-2px br-grey-transp-25 radius-small pd-small flex-v-center flex-nowrap flex\">\n <!-- <img loading=\"lazy\" class=\"i-medium mn-r-small\" src=\"@/assets/icons/address.svg\"> -->\n <span class=\"fw-semi uppercase\">Address</span>\n </a>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nconst props = defineProps({\n website: String,\n phone: String,\n email: String,\n address: String\n});\n\nconst formattedWebsite = computed(() => {\n if (props.website) {\n if (!props.website.startsWith('http://') && !props.website.startsWith('https://')) {\n return `http://${props.website}`;\n }\n return props.website;\n }\n return null;\n});\n\nconst encodedAddress = computed(() => {\n if (props.address) {\n return encodeURIComponent(props.address);\n }\n return null;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwBA,UAAM,QAAQ;AAOd,UAAM,mBAAmB,SAAS,MAAM;AACtC,UAAI,MAAM,SAAS;AACjB,YAAI,CAAC,MAAM,QAAQ,WAAW,SAAS,KAAK,CAAC,MAAM,QAAQ,WAAW,UAAU,GAAG;AACjF,iBAAO,UAAU,MAAM,OAAO;AAAA,QAChC;AACA,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,SAAS;AACjB,eAAO,mBAAmB,MAAM,OAAO;AAAA,MACzC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/blocks/Rating.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
 const _hoisted_1 = { class: "w-100 mn-b-small star-container flex-v-center flex" };
-const _hoisted_2 = { class: "p-medium t-semi mn-r-small" };
+const _hoisted_2 = { class: "p-medium fw-semi mn-r-small" };
 const _hoisted_3 = { class: "" };
 const _sfc_main = {
   __name: "Rating",

package/dist/martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import membershipsStore from "../../store/memberships.store.js";
 const _sfc_main = {
   __name: "ButtonToggleMembership",

package/dist/martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, withCtx, Fragment, renderList, normalizeClass, createBlock, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderUserpic from "../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCheck.vue.js";
@@ -11,7 +11,7 @@ const _hoisted_2 = { class: "flex-nowrap flex-v-center flex gap-thin" };
 const _hoisted_3 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "w-100" };
-const _hoisted_6 = { class: "t-medium" };
+const _hoisted_6 = { class: "fw-medium" };
 const _hoisted_7 = { class: "t-small t-transp" };
 const _hoisted_8 = {
   key: 0,
@@ -60,7 +60,7 @@ const _sfc_main = {
       if (isUserSelected(user)) {
         return "bg-green-light";
       }
-      return "bg-white hover-bg-light";
+      return "bg-white hover:bg-light";
     }
     function toggleUserSelection(user) {
       if (isUserInOrganization(user)) {
@@ -141,7 +141,7 @@ const _sfc_main = {
               return openBlock(), createElementBlock("div", {
                 key: user._id,
                 onClick: () => toggleUserSelection(user),
-                class: normalizeClass(["pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1", getUserCardClass(user)])
+                class: normalizeClass(["pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover:scale-[1.05]", getUserCardClass(user)])
               }, [
                 createElementVNode("div", _hoisted_2, [
                   createElementVNode("div", _hoisted_3, [