@ozdao/martyrs 0.2.571 → 0.2.572

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

@@ -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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"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -1,8 +1,8 @@
 import { watch, onMounted, computed, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, Fragment, renderList } from "vue";
 import { useRoute } from "vue-router";
-/* empty css                                        */
+/* empty css                                       */
+/* empty css                                           */
 /* empty css                                           */
-/* empty css                                            */
 /* empty css                                           */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
@@ -10,7 +10,7 @@ import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
 /* empty css                                                                 */
 /* empty css                                        */
 /* empty css                                                                  */
-/* empty css                                                   */
+/* empty css                                                  */
 /* empty css                                    */
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";
 import { useStore } from "../../../core/views/store/core.store.js";

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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/forms/AddExistingMembersForm.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, [

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

@@ -1 +1 @@
-{"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"t-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    store.core.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    store.core.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n</script>\n"],"names":["users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9B,cAAM,KAAK,QAAQ,SAAS,EAAE,SAAS,qDAAqD;AAC5F;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMA,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtB,cAAM,KAAK,QAAQ,WAAW;AAAA,UAC5B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1C,cAAM,KAAK,QAAQ,SAAS,KAAK;AACjC,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover:scale-[1.05]\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"fw-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover:bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    store.core.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    store.core.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n</script>\n"],"names":["users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9B,cAAM,KAAK,QAAQ,SAAS,EAAE,SAAS,qDAAqD;AAC5F;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMA,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtB,cAAM,KAAK,QAAQ,WAAW;AAAA,UAC5B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1C,cAAM,KAAK,QAAQ,SAAS,KAAK;AACjC,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/forms/DepartmentForm.vue.js

@@ -14,7 +14,7 @@ import { useStore } from "../../../core/views/store/core.store.js";
 import membershipsStore from "../../store/memberships.store.js";
 import departmentsStore from "../../store/departments.store.js";
 const _hoisted_1 = { class: "cols-1 gap-thin o-y-scroll" };
-const _hoisted_2 = { class: "cols-2-fit-content" };
+const _hoisted_2 = { class: "cols-[fit-content(100%)_1fr] mobile:cols-1" };
 const _hoisted_3 = { class: "w-100 flex-child-grow-1 flex-child" };
 const _hoisted_4 = { class: "bg-light pd-medium o-hidden radius-medium mn-b-thin" };
 const _hoisted_5 = { class: "cols-1 gap-thin" };