@ozdao/martyrs 0.2.604 → 0.2.605

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

@@ -1 +1 @@
-{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\">\n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n        route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n    </Block>\n\n    <!-- Tabs for user context -->\n    <Tab\n      v-if=\"route.meta.context === 'user'\"\n      :tabs=\"tabs\"\n      v-model:selected=\"tab\"\n      classTab=\"bg-light\"\n      class=\"mn-b-small\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tabStatusFilter })\n      }\"\n      v-slot=\"{\n        items\n      }\"\n      :class=\"route.meta.context === 'user' ? 'gap-small cols-1' : 'gap-thin cols-3 mobile:cols-1'\"\n    >\n      <router-link\n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\"\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n          params: route.meta.context === 'backoffice'\n            ? { order: order._id }\n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\"\n      >\n        <CardOrderBackoffice\n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link\n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\"\n        :to=\"`/users/${route.params._id}/orders/${order._id}`\"\n      >\n        <CardOrderUser\n          :orderId=\"order._id\"\n          :status=\"order.status\"\n          :createdAt=\"order.createdAt\"\n          :updatedAt=\"order.updatedAt\"\n          :positions=\"order.positions\"\n          :total=\"orders.getters.getTotal(order.positions)\"\n        />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, ref } from 'vue';\n  import { useRoute } from 'vue-router';\n\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\n  const route = useRoute();\n  const { returnCurrency, formatPrice, formatDate } = useGlobalMixins()\n\n  // Tab logic\n  const tab = ref('all')\n\n  const tabs = [\n    { label: 'All Orders', value: 'all' },\n    { label: 'In Progress', value: 'in_progress' },\n    { label: 'Returns & Cancellations', value: 'returns' }\n  ]\n\n  const tabStatusFilter = computed(() => {\n    switch (tab.value) {\n      case 'in_progress':\n        return ['created', 'confirmed', 'processing', 'preparing', 'shipped']\n      case 'returns':\n        return ['cancelled', 'canceled', 'returned']\n      default:\n        return null\n    }\n  })\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n  const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment?.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAsHE,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,gBAAgB,aAAa,WAAU,IAAK,gBAAe;AAGnE,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,OAAO;AAAA,MACX,EAAE,OAAO,cAAc,OAAO,MAAK;AAAA,MACnC,EAAE,OAAO,eAAe,OAAO,cAAa;AAAA,MAC5C,EAAE,OAAO,2BAA2B,OAAO,UAAS;AAAA,IACxD;AAEE,UAAM,kBAAkB,SAAS,MAAM;AACrC,cAAQ,IAAI,OAAK;AAAA,QACf,KAAK;AACH,iBAAO,CAAC,WAAW,aAAa,cAAc,aAAa,SAAS;AAAA,QACtE,KAAK;AACH,iBAAO,CAAC,aAAa,YAAY,UAAU;AAAA,QAC7C;AACE,iBAAO;AAAA,MACf;AAAA,IACE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAED,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,SAAS,WAAW,QAAQ;AACnC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\">\n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { method: () => router.push({ name: 'BackofficeAdminCreateOrder' }), label: '+ Add Order' },\n        route.meta.context === 'organization' && { method: () => router.push({ name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id }}), label: '+ Add Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"flex gap-micro mobile:flex-column\">\n        <CardStat title=\"Total\" :value=\"formatPrice(totalPrice)\" />\n        <CardStat title=\"Paid\" :value=\"formatPrice(totalPricePaid)\" />\n        <CardStat title=\"Unpaid\" :value=\"formatPrice(totalPriceUnpaid)\" />\n      </div>\n    </Block>\n\n    <!-- Tabs for user context -->\n    <Tab\n      v-if=\"route.meta.context === 'user'\"\n      :tabs=\"tabs\"\n      v-model:selected=\"tab\"\n      classTab=\"bg-light\"\n      class=\"mn-b-small\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tabStatusFilter })\n      }\"\n      v-slot=\"{\n        items\n      }\"\n      :class=\"route.meta.context === 'user' ? 'gap-small cols-1' : 'gap-thin cols-3 tablet:cols-1 mobile:cols-1'\"\n    >\n      <router-link\n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\"\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n          params: route.meta.context === 'backoffice'\n            ? { order: order._id }\n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\"\n      >\n        <CardOrderBackoffice\n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :statuses=\"orderStatuses\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link\n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\"\n        :to=\"`/users/${route.params._id}/orders/${order._id}`\"\n      >\n        <CardOrderUser\n          :orderId=\"order._id\"\n          :status=\"order.status\"\n          :createdAt=\"order.createdAt\"\n          :updatedAt=\"order.updatedAt\"\n          :positions=\"order.positions\"\n          :total=\"orders.getters.getTotal(order.positions)\"\n        />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardStat from '@martyrs/src/modules/core/views/components/blocks/CardStat.vue'\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\n  const store = useStore()\n  const route = useRoute();\n  const router = useRouter();\n  const { returnCurrency, formatPrice, formatDate } = useGlobalMixins()\n  const orderStatuses = store.core.state.options?.orders?.statuses || []\n\n  // Tab logic\n  const tab = ref('all')\n\n  const tabs = [\n    { label: 'All Orders', value: 'all' },\n    { label: 'In Progress', value: 'in_progress' },\n    { label: 'Returns & Cancellations', value: 'returns' }\n  ]\n\n  const tabStatusFilter = computed(() => {\n    switch (tab.value) {\n      case 'in_progress':\n        return ['created', 'confirmed', 'in_progress']\n      case 'returns':\n        return ['canceled']\n      default:\n        return null\n    }\n  })\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n  const totalPricePaid = computed(() => {\n    return calculateSum(orders.state.all,'paid')\n  });\n\n  const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment?.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;AAgHE,UAAM,QAAQ,SAAQ;AACtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,gBAAgB,aAAa,WAAU,IAAK,gBAAe;AACnE,UAAM,gBAAgB,MAAM,KAAK,MAAM,SAAS,QAAQ,YAAY,CAAA;AAGpE,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,OAAO;AAAA,MACX,EAAE,OAAO,cAAc,OAAO,MAAK;AAAA,MACnC,EAAE,OAAO,eAAe,OAAO,cAAa;AAAA,MAC5C,EAAE,OAAO,2BAA2B,OAAO,UAAS;AAAA,IACxD;AAEE,UAAM,kBAAkB,SAAS,MAAM;AACrC,cAAQ,IAAI,OAAK;AAAA,QACf,KAAK;AACH,iBAAO,CAAC,WAAW,aAAa,aAAa;AAAA,QAC/C,KAAK;AACH,iBAAO,CAAC,UAAU;AAAA,QACpB;AACE,iBAAO;AAAA,MACf;AAAA,IACE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,aAAaA,MAAa,KAAI,MAAM;AAAA,IAC7C,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAM;AACtC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAED,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,SAAS,WAAW,QAAQ;AACnC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -12,7 +12,7 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-b-medium w-100" };
 const _hoisted_3 = { class: "mn-b-thin p-medium" };
-const _hoisted_4 = { class: "t-transp p-small" };
+const _hoisted_4 = { class: "opacity-50 p-small" };
 const _hoisted_5 = { 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" };
 const _hoisted_6 = {
   key: 0,

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  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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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=\"opacity-50 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

@@ -1,4 +1,4 @@
-import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, createCommentVNode, unref, createTextVNode } from "vue";
+import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, unref, createCommentVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$2 from "../../../../components/Table/StatusBadge.vue.js";
 import Button from "../../../../components/Button/Button.vue2.js";
@@ -30,7 +30,7 @@ const _sfc_main = {
   },
   emits: ["edit", "delete"],
   setup(__props) {
-    const { formatDate } = useGlobalMixins();
+    const { formatDate, formatPhone } = useGlobalMixins();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, { title: "Application Information" }, {
@@ -46,7 +46,7 @@ const _sfc_main = {
               ]),
               createElementVNode("div", _hoisted_5, [
                 _cache[4] || (_cache[4] = createElementVNode("strong", { class: "mn-r-auto" }, "Phone:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.application.contacts?.phone || "Not specified"), 1)
+                createElementVNode("span", null, toDisplayString(__props.application.contacts?.phone ? unref(formatPhone)(__props.application.contacts.phone) : "Not specified"), 1)
               ]),
               createElementVNode("div", _hoisted_6, [
                 _cache[5] || (_cache[5] = createElementVNode("strong", { class: "mn-r-auto" }, "Status:", -1)),
@@ -109,7 +109,7 @@ const _sfc_main = {
     };
   }
 };
-const ApplicationDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bffeeaa1"]]);
+const ApplicationDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c630e9f"]]);
 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=\"application.status\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,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 ? formatPhone(application.contacts.phone) : 'Not specified' }}</span>\n        </div>\n        <div class=\"flex\">\n          <strong class=\"mn-r-auto\">Status:</strong>\n          <StatusBadge :value=\"application.status\" />\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, formatPhone } = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,EAAE,YAAY,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -11,7 +11,7 @@ const _sfc_main = {
       return unref(isOpen) === true ? (openBlock(), createElementBlock("div", _hoisted_1, [
         _cache[1] || (_cache[1] = createElementVNode("div", { class: "mn-r-auto" }, [
           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.")
+          createElementVNode("span", { class: "p-regular opacity-50" }, "Sign in to your account to checkout faster.")
         ], -1)),
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleSignInPopup()),

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=\"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;;;;;;;;;;;;;;;"}
+{"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 opacity-50\">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

@@ -1,30 +1,52 @@
-import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, toDisplayString, createCommentVNode, unref, Fragment, renderList, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$2 from "../../../../components/Table/StatusBadge.vue.js";
+import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, unref, Fragment, renderList, withDirectives, vShow, withCtx, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Table/StatusBadge.vue.js";
 import Button from "../../../../components/Button/Button.vue2.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
-/* empty css                     */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "gap-small cols-1" };
-const _hoisted_2 = { class: "gap-small" };
-const _hoisted_3 = { class: "flex" };
-const _hoisted_4 = { class: "flex" };
-const _hoisted_5 = { class: "flex" };
-const _hoisted_6 = { class: "flex" };
-const _hoisted_7 = { class: "flex" };
-const _hoisted_8 = { class: "flex" };
-const _hoisted_9 = { class: "gap-small" };
-const _hoisted_10 = {
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-thin" };
+const _hoisted_4 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_5 = { class: "fw-medium" };
+const _hoisted_6 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_7 = { class: "mn-b-small" };
+const _hoisted_8 = { class: "flex-nowrap flex-column flex gap-thin" };
+const _hoisted_9 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_10 = ["href"];
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_13 = ["href"];
+const _hoisted_14 = { key: 1 };
+const _hoisted_15 = {
   key: 0,
-  class: "flex"
+  class: "mn-b-small"
 };
-const _hoisted_11 = { class: "flex" };
-const _hoisted_12 = { class: "flex" };
-const _hoisted_13 = { key: 1 };
-const _hoisted_14 = { class: "flex flex-wrap gap-nano mn-t-thin" };
-const _hoisted_15 = { key: 2 };
-const _hoisted_16 = { class: "mn-t-thin" };
-const _hoisted_17 = { class: "gap-thin flex mn-t-small" };
+const _hoisted_16 = { class: "flex flex-wrap gap-thin" };
+const _hoisted_17 = ["href"];
+const _hoisted_18 = { class: "mn-b-small" };
+const _hoisted_19 = { class: "flex-nowrap flex gap-thin" };
+const _hoisted_20 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_21 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_22 = { class: "mn-b-small" };
+const _hoisted_23 = { class: "flex-nowrap flex gap-thin" };
+const _hoisted_24 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_25 = { class: "w-100 bg-light radius-small pd-small" };
+const _hoisted_26 = {
+  key: 1,
+  class: "mn-b-small"
+};
+const _hoisted_27 = { class: "bg-light radius-small pd-small" };
+const _hoisted_28 = { class: "fw-medium" };
+const _hoisted_29 = {
+  key: 2,
+  class: "mn-b-small"
+};
+const _hoisted_30 = { class: "flex flex-wrap gap-micro" };
+const _hoisted_31 = {
+  key: 3,
+  class: "mn-b-small"
+};
+const _hoisted_32 = { class: "bg-light radius-small pd-small t-small" };
+const _hoisted_33 = { class: "flex-nowrap flex gap-small" };
 const _sfc_main = {
   __name: "CustomerDetails",
   props: {
@@ -35,91 +57,142 @@ const _sfc_main = {
   },
   emits: ["edit", "delete"],
   setup(__props) {
-    const { formatDate } = useGlobalMixins();
+    const { formatDate, formatPhone } = useGlobalMixins();
+    const socialUrls = {
+      whatsapp: (v) => `https://wa.me/${v.replace(/[^0-9]/g, "")}`,
+      telegram: (v) => `https://t.me/${v.replace("@", "")}`,
+      line: (v) => `https://line.me/ti/p/${v}`,
+      instagram: (v) => `https://instagram.com/${v.replace("@", "")}`,
+      facebook: (v) => `https://facebook.com/${v}`
+    };
+    function socialUrl(key, value) {
+      if (!value) return "";
+      return socialUrls[key] ? socialUrls[key](value) : value;
+    }
+    const props = __props;
+    const hasSocials = computed(() => {
+      return props.customer.socials && Object.values(props.customer.socials).some((v) => v);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { title: "Customer Information" }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                _cache[2] || (_cache[2] = createElementVNode("strong", { class: "mn-r-auto" }, "Name:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.profile?.name || "Not specified"), 1)
-              ]),
-              createElementVNode("div", _hoisted_4, [
-                _cache[3] || (_cache[3] = createElementVNode("strong", { class: "mn-r-auto" }, "Email:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.email || "Not specified"), 1)
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                _cache[4] || (_cache[4] = createElementVNode("strong", { class: "mn-r-auto" }, "Phone:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.phone || "Not specified"), 1)
-              ]),
-              createElementVNode("div", _hoisted_6, [
-                _cache[5] || (_cache[5] = createElementVNode("strong", { class: "mn-r-auto" }, "Status:", -1)),
-                createVNode(_sfc_main$2, {
-                  value: __props.customer.status
-                }, null, 8, ["value"])
-              ]),
-              createElementVNode("div", _hoisted_7, [
-                _cache[6] || (_cache[6] = createElementVNode("strong", { class: "mn-r-auto" }, "Source:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.source || "Unknown"), 1)
-              ]),
-              createElementVNode("div", _hoisted_8, [
-                _cache[7] || (_cache[7] = createElementVNode("strong", { class: "mn-r-auto" }, "Type:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.identity?.type || "Visitor"), 1)
-              ])
+        _cache[20] || (_cache[20] = createElementVNode("p", { class: "mn-b-small opacity-50" }, " Customer information and activity details. ", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Name", -1)),
+              createElementVNode("p", _hoisted_5, toDisplayString(__props.customer.profile?.name || "Not specified"), 1)
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              _cache[3] || (_cache[3] = createElementVNode("p", { class: "mn-b-thin opacity-50 t-small" }, "Status", -1)),
+              createVNode(_sfc_main$1, {
+                value: __props.customer.status
+              }, null, 8, ["value"])
             ])
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$1, { title: "Additional Information" }, {
-          default: withCtx(() => [
+          ])
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Contact", -1)),
+          createElementVNode("div", _hoisted_8, [
             createElementVNode("div", _hoisted_9, [
-              __props.customer.referral?.code ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                _cache[8] || (_cache[8] = createElementVNode("strong", { class: "mn-r-auto" }, "Referral Code:", -1)),
-                createElementVNode("span", null, toDisplayString(__props.customer.referral.code), 1)
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_11, [
-                _cache[9] || (_cache[9] = createElementVNode("strong", { class: "mn-r-auto" }, "Created:", -1)),
-                createElementVNode("span", null, toDisplayString(unref(formatDate)(__props.customer.createdAt)), 1)
-              ]),
-              createElementVNode("div", _hoisted_12, [
-                _cache[10] || (_cache[10] = createElementVNode("strong", { class: "mn-r-auto" }, "Last Activity:", -1)),
-                createElementVNode("span", null, toDisplayString(unref(formatDate)(__props.customer.lastActivity || __props.customer.updatedAt)), 1)
-              ]),
-              __props.customer.tags && __props.customer.tags.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                _cache[11] || (_cache[11] = createElementVNode("strong", null, "Tags:", -1)),
-                createElementVNode("div", _hoisted_14, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.customer.tags, (tag) => {
-                    return openBlock(), createElementBlock("span", {
-                      key: tag,
-                      class: "bg-light pd-nano radius-small t-small"
-                    }, toDisplayString(tag), 1);
-                  }), 128))
-                ])
-              ])) : createCommentVNode("", true),
-              __props.customer.notes ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                _cache[12] || (_cache[12] = createElementVNode("strong", null, "Notes:", -1)),
-                createElementVNode("p", _hoisted_16, toDisplayString(__props.customer.notes), 1)
-              ])) : createCommentVNode("", true)
+              _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Email", -1)),
+              __props.customer.email ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: `mailto:${__props.customer.email}`,
+                class: "t-second"
+              }, toDisplayString(__props.customer.email), 9, _hoisted_10)) : (openBlock(), createElementBlock("p", _hoisted_11, "—"))
+            ]),
+            createElementVNode("div", _hoisted_12, [
+              _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Phone", -1)),
+              __props.customer.phone ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: `tel:${__props.customer.phone}`,
+                class: "t-second"
+              }, toDisplayString(unref(formatPhone)(__props.customer.phone)), 9, _hoisted_13)) : (openBlock(), createElementBlock("p", _hoisted_14, "—"))
+            ])
+          ])
+        ]),
+        hasSocials.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          _cache[7] || (_cache[7] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Social", -1)),
+          createElementVNode("div", _hoisted_16, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.customer.socials, (value, key) => {
+              return withDirectives((openBlock(), createElementBlock("a", {
+                key,
+                href: socialUrl(key, value),
+                target: "_blank",
+                class: "bg-light radius-small pd-thin pd-l-small pd-r-small t-second fw-medium t-small"
+              }, toDisplayString(key), 9, _hoisted_17)), [
+                [vShow, value]
+              ]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_18, [
+          _cache[10] || (_cache[10] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Details", -1)),
+          createElementVNode("div", _hoisted_19, [
+            createElementVNode("div", _hoisted_20, [
+              _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Source", -1)),
+              createElementVNode("p", null, toDisplayString(__props.customer.source || "Unknown"), 1)
+            ]),
+            createElementVNode("div", _hoisted_21, [
+              _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Type", -1)),
+              createElementVNode("p", null, toDisplayString(__props.customer.identity?.type || "Visitor"), 1)
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_22, [
+          _cache[13] || (_cache[13] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Activity", -1)),
+          createElementVNode("div", _hoisted_23, [
+            createElementVNode("div", _hoisted_24, [
+              _cache[11] || (_cache[11] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Created", -1)),
+              createElementVNode("p", null, toDisplayString(unref(formatDate)(__props.customer.createdAt)), 1)
+            ]),
+            createElementVNode("div", _hoisted_25, [
+              _cache[12] || (_cache[12] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Last Activity", -1)),
+              createElementVNode("p", null, toDisplayString(unref(formatDate)(__props.customer.lastActivity || __props.customer.updatedAt)), 1)
             ])
-          ]),
-          _: 1
-        }),
-        createElementVNode("div", _hoisted_17, [
+          ])
+        ]),
+        __props.customer.referral?.code ? (openBlock(), createElementBlock("div", _hoisted_26, [
+          _cache[15] || (_cache[15] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Referral", -1)),
+          createElementVNode("div", _hoisted_27, [
+            _cache[14] || (_cache[14] = createElementVNode("p", { class: "mn-b-micro opacity-50 t-small" }, "Code", -1)),
+            createElementVNode("p", _hoisted_28, toDisplayString(__props.customer.referral.code), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        __props.customer.tags && __props.customer.tags.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_29, [
+          _cache[16] || (_cache[16] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Tags", -1)),
+          createElementVNode("div", _hoisted_30, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.customer.tags, (tag) => {
+              return openBlock(), createElementBlock("span", {
+                key: tag,
+                class: "bg-light pd-micro pd-l-thin pd-r-thin radius-extra t-small"
+              }, toDisplayString(tag), 1);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true),
+        __props.customer.notes ? (openBlock(), createElementBlock("div", _hoisted_31, [
+          _cache[17] || (_cache[17] = createElementVNode("p", { class: "mn-b-thin fw-medium" }, "Notes", -1)),
+          createElementVNode("div", _hoisted_32, toDisplayString(__props.customer.notes), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_33, [
           createVNode(Button, {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("edit")),
-            class: "w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
+            showLoader: false,
+            showSucces: false,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
           }, {
-            default: withCtx(() => _cache[13] || (_cache[13] = [
+            default: withCtx(() => _cache[18] || (_cache[18] = [
               createTextVNode(" Edit ")
             ])),
             _: 1
           }),
           createVNode(Button, {
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("delete")),
-            class: "w-100 pd-small radius-big bg-danger t-white uppercase fw-medium"
+            showLoader: false,
+            showSucces: false,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-red t-white"
           }, {
-            default: withCtx(() => _cache[14] || (_cache[14] = [
+            default: withCtx(() => _cache[19] || (_cache[19] = [
               createTextVNode(" Delete ")
             ])),
             _: 1
@@ -129,8 +202,7 @@ const _sfc_main = {
     };
   }
 };
-const CustomerDetails = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e84fd9d7"]]);
 export {
-  CustomerDetails as default
+  _sfc_main as default
 };
 //# sourceMappingURL=CustomerDetails.vue.js.map

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=\"customer.status\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,EAAE,WAAU,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CustomerDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/CustomerDetails.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-small opacity-50\">\n      Customer information and activity details.\n    </p>\n\n    <!-- Name & Status -->\n    <div class=\"mn-b-small\">\n      <div class=\"flex-nowrap flex gap-thin\">\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Name</p>\n          <p class=\"fw-medium\">{{ customer.profile?.name || 'Not specified' }}</p>\n        </div>\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-thin opacity-50 t-small\">Status</p>\n          <StatusBadge :value=\"customer.status\" />\n        </div>\n      </div>\n    </div>\n\n    <!-- Contact -->\n    <div class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Contact</p>\n      <div class=\"flex-nowrap flex-column flex gap-thin\">\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Email</p>\n          <a v-if=\"customer.email\" :href=\"`mailto:${customer.email}`\" class=\"t-second\">{{ customer.email }}</a>\n          <p v-else>—</p>\n        </div>\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Phone</p>\n          <a v-if=\"customer.phone\" :href=\"`tel:${customer.phone}`\" class=\"t-second\">{{ formatPhone(customer.phone) }}</a>\n          <p v-else>—</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Socials -->\n    <div v-if=\"hasSocials\" class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Social</p>\n      <div class=\"flex flex-wrap gap-thin\">\n        <a\n          v-for=\"(value, key) in customer.socials\"\n          :key=\"key\"\n          v-show=\"value\"\n          :href=\"socialUrl(key, value)\"\n          target=\"_blank\"\n          class=\"bg-light radius-small pd-thin pd-l-small pd-r-small t-second fw-medium t-small\"\n        >\n          {{ key }}\n        </a>\n      </div>\n    </div>\n\n    <!-- Source & Type -->\n    <div class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Details</p>\n      <div class=\"flex-nowrap flex gap-thin\">\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Source</p>\n          <p>{{ customer.source || 'Unknown' }}</p>\n        </div>\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Type</p>\n          <p>{{ customer.identity?.type || 'Visitor' }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Dates -->\n    <div class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Activity</p>\n      <div class=\"flex-nowrap flex gap-thin\">\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Created</p>\n          <p>{{ formatDate(customer.createdAt) }}</p>\n        </div>\n        <div class=\"w-100 bg-light radius-small pd-small\">\n          <p class=\"mn-b-micro opacity-50 t-small\">Last Activity</p>\n          <p>{{ formatDate(customer.lastActivity || customer.updatedAt) }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Referral -->\n    <div v-if=\"customer.referral?.code\" class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Referral</p>\n      <div class=\"bg-light radius-small pd-small\">\n        <p class=\"mn-b-micro opacity-50 t-small\">Code</p>\n        <p class=\"fw-medium\">{{ customer.referral.code }}</p>\n      </div>\n    </div>\n\n    <!-- Tags -->\n    <div v-if=\"customer.tags && customer.tags.length > 0\" class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Tags</p>\n      <div class=\"flex flex-wrap gap-micro\">\n        <span\n          v-for=\"tag in customer.tags\"\n          :key=\"tag\"\n          class=\"bg-light pd-micro pd-l-thin pd-r-thin radius-extra t-small\"\n        >\n          {{ tag }}\n        </span>\n      </div>\n    </div>\n\n    <!-- Notes -->\n    <div v-if=\"customer.notes\" class=\"mn-b-small\">\n      <p class=\"mn-b-thin fw-medium\">Notes</p>\n      <div class=\"bg-light radius-small pd-small t-small\">{{ customer.notes }}</div>\n    </div>\n\n    <!-- Actions -->\n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        @click=\"$emit('edit')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Edit\n      </Button>\n      <Button\n        @click=\"$emit('delete')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-red t-white\"\n      >\n        Delete\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\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, formatPhone } = useGlobalMixins();\n\nimport { computed } from 'vue';\n\nconst socialUrls = {\n  whatsapp: (v) => `https://wa.me/${v.replace(/[^0-9]/g, '')}`,\n  telegram: (v) => `https://t.me/${v.replace('@', '')}`,\n  line: (v) => `https://line.me/ti/p/${v}`,\n  instagram: (v) => `https://instagram.com/${v.replace('@', '')}`,\n  facebook: (v) => `https://facebook.com/${v}`,\n}\n\nfunction socialUrl(key, value) {\n  if (!value) return ''\n  return socialUrls[key] ? socialUrls[key](value) : value\n}\n\nconst props = defineProps({\n  customer: {\n    type: Object,\n    required: true\n  }\n});\n\nconst hasSocials = computed(() => {\n  return props.customer.socials && Object.values(props.customer.socials).some(v => v)\n})\n\ndefineEmits(['edit', 'delete']);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IA,UAAM,EAAE,YAAY,YAAW,IAAK,gBAAe;AAInD,UAAM,aAAa;AAAA,MACjB,UAAU,CAAC,MAAM,iBAAiB,EAAE,QAAQ,WAAW,EAAE,CAAC;AAAA,MAC1D,UAAU,CAAC,MAAM,gBAAgB,EAAE,QAAQ,KAAK,EAAE,CAAC;AAAA,MACnD,MAAM,CAAC,MAAM,wBAAwB,CAAC;AAAA,MACtC,WAAW,CAAC,MAAM,yBAAyB,EAAE,QAAQ,KAAK,EAAE,CAAC;AAAA,MAC7D,UAAU,CAAC,MAAM,wBAAwB,CAAC;AAAA,IAC5C;AAEA,aAAS,UAAU,KAAK,OAAO;AAC7B,UAAI,CAAC,MAAO,QAAO;AACnB,aAAO,WAAW,GAAG,IAAI,WAAW,GAAG,EAAE,KAAK,IAAI;AAAA,IACpD;AAEA,UAAM,QAAQ;AAOd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,WAAW,OAAO,OAAO,MAAM,SAAS,OAAO,EAAE,KAAK,OAAK,CAAC;AAAA,IACpF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}