@ozdao/martyrs 0.2.602 → 0.2.604

package/dist/martyrs/src/modules/orders/components/blocks/CardCustomer.vue.js

@@ -1,34 +1,31 @@
-import { createElementBlock, openBlock, createElementVNode, toDisplayString, createVNode, createCommentVNode, Fragment, renderList } from "vue";
-import StatusBadge from "../../../../components/Table/StatusBadge.vue.js";
-/* empty css                  */
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, Fragment, renderList } from "vue";
+import _sfc_main$1 from "../../../../components/Table/StatusBadge.vue.js";
+import IconTime from "../../../icons/entities/IconTime.vue.js";
 const _hoisted_1 = { class: "bg-light pos-relative pd-medium radius-medium" };
 const _hoisted_2 = { class: "mn-b-small flex" };
 const _hoisted_3 = { class: "mn-r-auto" };
 const _hoisted_4 = { class: "mn-b-thin" };
 const _hoisted_5 = { class: "t-transp" };
 const _hoisted_6 = { class: "flex-center" };
-const _hoisted_7 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
-const _hoisted_8 = { class: "w-100" };
-const _hoisted_9 = { class: "truncate" };
-const _hoisted_10 = { class: "w-100 t-right" };
-const _hoisted_11 = { class: "pd-small bg-white radius-small" };
-const _hoisted_12 = { class: "flex mn-b-thin" };
-const _hoisted_13 = { class: "mn-r-auto" };
-const _hoisted_14 = { class: "t-right" };
-const _hoisted_15 = {
+const _hoisted_7 = { class: "mn-b-thin pd-small bg-white radius-small flex" };
+const _hoisted_8 = { class: "truncate" };
+const _hoisted_9 = { class: "mn-b-thin pd-small bg-white radius-small flex" };
+const _hoisted_10 = { class: "mn-b-thin pd-small bg-white radius-small flex" };
+const _hoisted_11 = {
   key: 0,
-  class: "flex flex-wrap gap-nano"
+  class: "mn-b-thin pd-small bg-white radius-small flex flex-wrap gap-nano"
 };
-const _hoisted_16 = {
+const _hoisted_12 = {
   key: 0,
-  class: "bg-light-transp pd-nano radius-small t-small t-transp"
+  class: "bg-light pd-nano radius-small t-small t-transp"
 };
-const _hoisted_17 = {
+const _hoisted_13 = {
   key: 1,
-  class: "mn-t-thin"
+  class: "mn-b-thin pd-small bg-white radius-small"
 };
-const _hoisted_18 = { class: "t-small" };
+const _hoisted_14 = { class: "t-small" };
+const _hoisted_15 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_16 = { class: "fw-medium mn-r-auto" };
 const _sfc_main = {
   __name: "CardCustomer",
   props: {
@@ -50,54 +47,47 @@ const _sfc_main = {
             createElementVNode("p", _hoisted_5, toDisplayString(__props.customer.email || __props.customer.phone), 1)
           ]),
           createElementVNode("div", _hoisted_6, [
-            createVNode(StatusBadge, {
-              value: {
-                text: __props.customer.status,
-                color: __props.customer.status === "active" ? "#22c55e" : __props.customer.status === "inactive" ? "#f59e0b" : "#ef4444"
-              }
+            createVNode(_sfc_main$1, {
+              value: __props.customer.status
             }, null, 8, ["value"])
           ])
         ]),
         createElementVNode("div", _hoisted_7, [
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("p", _hoisted_9, toDisplayString(__props.customer.source || "Unknown"), 1),
-            _cache[0] || (_cache[0] = createElementVNode("small", { class: "t-transp" }, "Source", -1))
-          ]),
-          createElementVNode("div", _hoisted_10, [
-            createElementVNode("p", null, toDisplayString(__props.formatDate(__props.customer.lastActivity || __props.customer.updatedAt)), 1),
-            _cache[1] || (_cache[1] = createElementVNode("small", { class: "t-transp" }, "Last Activity", -1))
-          ])
+          _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Source", -1)),
+          createElementVNode("p", _hoisted_8, toDisplayString(__props.customer.source || "Unknown"), 1)
         ]),
-        createElementVNode("div", _hoisted_11, [
-          createElementVNode("div", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("p", null, toDisplayString(__props.customer.identity?.type || "Visitor"), 1),
-              _cache[2] || (_cache[2] = createElementVNode("small", { class: "t-transp" }, "Type", -1))
-            ]),
-            createElementVNode("div", _hoisted_14, [
-              createElementVNode("p", null, "#" + toDisplayString(__props.customer._id.slice(0, 4) + "..." + __props.customer._id.slice(-4)), 1),
-              _cache[3] || (_cache[3] = createElementVNode("small", { class: "t-transp" }, "ID", -1))
-            ])
-          ]),
-          __props.customer.tags && __props.customer.tags.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.customer.tags.slice(0, 3), (tag) => {
-              return openBlock(), createElementBlock("span", {
-                key: tag,
-                class: "bg-light pd-nano radius-small t-small"
-              }, toDisplayString(tag), 1);
-            }), 128)),
-            __props.customer.tags.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_16, " +" + toDisplayString(__props.customer.tags.length - 3), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          __props.customer.referral?.code ? (openBlock(), createElementBlock("div", _hoisted_17, [
-            createElementVNode("p", _hoisted_18, "Referral: " + toDisplayString(__props.customer.referral.code), 1)
-          ])) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_9, [
+          _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "Type", -1)),
+          createElementVNode("p", null, toDisplayString(__props.customer.identity?.type || "Visitor"), 1)
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-r-auto t-transp" }, "ID", -1)),
+          createElementVNode("p", null, "#" + toDisplayString(__props.customer._id.slice(0, 4) + "..." + __props.customer._id.slice(-4)), 1)
+        ]),
+        __props.customer.tags && __props.customer.tags.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.customer.tags.slice(0, 3), (tag) => {
+            return openBlock(), createElementBlock("span", {
+              key: tag,
+              class: "bg-light pd-nano radius-small t-small"
+            }, toDisplayString(tag), 1);
+          }), 128)),
+          __props.customer.tags.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_12, " +" + toDisplayString(__props.customer.tags.length - 3), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        __props.customer.referral?.code ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("p", _hoisted_14, "Referral: " + toDisplayString(__props.customer.referral.code), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_15, [
+          createVNode(IconTime, {
+            class: "i-medium t-transp",
+            fill: "rgb(var(--black))"
+          }),
+          createElementVNode("p", _hoisted_16, toDisplayString(__props.formatDate(__props.customer.lastActivity || __props.customer.updatedAt)), 1)
         ])
       ]);
     };
   }
 };
-const CardCustomer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9596db27"]]);
 export {
-  CardCustomer as default
+  _sfc_main as default
 };
 //# sourceMappingURL=CardCustomer.vue.js.map

package/dist/martyrs/src/modules/orders/components/blocks/CardCustomer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardCustomer.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCustomer.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.js

@@ -19,7 +19,7 @@ const _hoisted_5 = { class: "w-100 pos-relative" };
 const _hoisted_6 = { class: "truncate fw-medium" };
 const _hoisted_7 = { class: "mn-t-thin" };
 const _hoisted_8 = { key: 0 };
-const _hoisted_9 = { class: "t-grey mn-r-micro d-inline-block fw-demi" };
+const _hoisted_9 = { class: "t-dark mn-r-micro d-inline-block fw-demi" };
 const _hoisted_10 = {
   key: 0,
   class: "p-small t-transp"
@@ -31,7 +31,7 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = {
   key: 1,
-  class: "t-grey mn-r-micro d-inline-block fw-demi"
+  class: "t-dark mn-r-micro d-inline-block fw-demi"
 };
 const _hoisted_14 = {
   key: 2,

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderItem.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"truncate fw-medium\">{{ name }}</p>\n        \n        <div class=\"mn-t-thin\">\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-grey mn-r-micro d-inline-block fw-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-grey mn-r-micro d-inline-block fw-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-justify-start flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"fw-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, formatDate } = useGlobalMixins()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGe,cAAS;AACxB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,MAAK,IAAK,mBAAkB;AACpC,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AAEtD,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAW,SAAS,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAe,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAY,IAAI;AAAA,MACpB,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,KAAK,MAAM,OAAO,OAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAChD;AACA,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2B,QAAI,KAAK;AAErC,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;AAChB,YAAM,SAAM;AACZ,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAM,MAAM,SAAM,IAAO;AAAA,UAC5D;AAAA,QACA;AAEI,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QAC/B;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderItem.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n  <div class=\"gap-small pos-relative cols-1\">\n    <div class=\"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\" style=\"flex: 1 0 auto\">\n        <img \n          v-if=\"images && images[0]\"\n          loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\"    \n          :src=\"(FILE_SERVER_URL || '') + images[0]\"\n        >\n        <PlaceholderImage\n          v-else \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n      <div class=\"w-100 pos-relative\">\n        <p class=\"truncate fw-medium\">{{ name }}</p>\n        \n        <div class=\"mn-t-thin\">\n          <p v-if=\"price != null && quantity != null\">\n            <span class=\"t-dark mn-r-micro d-inline-block fw-demi\">\n              {{ returnCurrency() }}{{ totalPrice }}\n            </span>\n            <span v-if=\"isRental && rentDates.start && rentDates.end\" class=\"p-small t-transp\">\n              {{ returnCurrency() }}{{ price }} \n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDays }} days\n            </span>\n            <span v-else class=\"p-small t-transp\">{{ returnCurrency() }}{{ price }} × {{ quantity || 0 }}  {{ unit || 'pcs' }}</span>\n          </p>\n          \n          <p v-else-if=\"price != null && quantity == null\" class=\"t-dark mn-r-micro d-inline-block fw-demi\">\n            {{ returnCurrency() }}{{ price }}\n          </p>\n          \n          <p v-else-if=\"price == null && quantity != null\" class=\"p-small t-transp\">\n            {{ quantity }} {{ unit || 'pcs' }}\n          </p>\n        </div>\n        \n        <slot></slot>\n        <div v-if=\"showControls\" class=\"mn-t-thin gap-thin flex-justify-start flex\">\n          <div \n            v-if=\"isRental && rentDates.start && rentDates.end\" \n            class=\"flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small\"\n          >\n            <IconCalendar\n              @click=\"openRentDatePopup\"\n              class=\"cursor-pointer i-medium\"\n            />\n            <p \n              @click=\"editable ? openRentDatePopup : null\" \n              class=\"fw-medium t-transp\"\n            >\n              {{ formatDate(rentDates.start, { dayMonth: true, language: locale }) }} - \n              {{ formatDate(rentDates.end, { dayMonth: true, language: locale }) }}\n            </p>\n          </div>\n\n          <template v-if=\"editable && !isRental\">\n            <IconAdd\n              @click=\"increase\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconMinus\n              @click=\"decrease\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n            <IconDelete\n              @click=\"remove\"\n              class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-thin radius-small\"\n            />\n          </template>\n\n          <IconEdit\n            v-if=\"isRental && editable\"\n            @click=\"openRentDatePopup\"\n            class=\"hover:scale-[1.05] cursor-pointer bg-light i-big pd-small radius-small\"\n          />\n        </div>\n      </div>\n    </div>\n    \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n\nconst router = useRouter()\nconst { locale } = useI18n()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, formatDate } = useGlobalMixins()\n\nconst emits = defineEmits(['increase', 'decrease', 'remove', 'updateRentDates'])\nconst props = defineProps({\n  productId: String,\n  variantId: String,\n  images: Array,\n  name: String,\n  quantity: Number,\n  unit: String,\n  dates: Object,\n  listing: String,\n  price: Number,\n  editable: Boolean,\n  increase: Function,\n  decrease: Function,\n  remove: Function,\n})\n\nconst isRental = computed(() => props.listing === 'rent')\nconst showControls = computed(() => props.editable || isRental.value)\n\nconst rentDates = ref({\n  start: props.dates?.start || null,\n  end: props.dates?.end || null\n})\n\nconst rentalDays = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return 0\n  const start = new Date(rentDates.value.start)\n  const end = new Date(rentDates.value.end)\n  return Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value) {\n    return rentalDays.value * props.price * props.quantity\n  }\n  return props.quantity * props.price\n})\n\nconst isRentDatePopupOpen = ref(false)\n\nfunction increase() {\n  props.increase?.()\n  emits('increase')\n}\n\nfunction decrease() {\n  props.decrease?.()\n  emits('decrease')\n}\n\nfunction remove() {\n  props.remove?.()\n  emits('remove')\n}\n\nasync function openRentDatePopup() {\n  try {\n    const selectedDates = await proxy.$dateSelector(\n      props.productId,\n      props.variantId,\n      props.quantity,\n      props.price,\n      { \n        showCancelButton: props.editable,\n        onCancel: props.editable ? () => props.remove?.() : null\n      }\n    );\n    \n    if (selectedDates) {\n      updateRentDates(selectedDates)\n    }\n  } catch (error) {\n    console.error('Error selecting dates:', error)\n  }\n}\n\nfunction updateRentDates(dates) {\n  rentDates.value = dates\n  emits('updateRentDates', props.productId, props.variantId, dates)\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGe,cAAS;AACxB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,MAAK,IAAK,mBAAkB;AACpC,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AAEtD,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,WAAW,SAAS,MAAM,MAAM,YAAY,MAAM;AACxD,UAAM,eAAe,SAAS,MAAM,MAAM,YAAY,SAAS,KAAK;AAEpE,UAAM,YAAY,IAAI;AAAA,MACpB,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,KAAK,MAAM,OAAO,OAAO;AAAA,IAC3B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,YAAM,QAAQ,IAAI,KAAK,UAAU,MAAM,KAAK;AAC5C,YAAM,MAAM,IAAI,KAAK,UAAU,MAAM,GAAG;AACxC,aAAO,KAAK,KAAK,KAAK,IAAI,MAAM,KAAK,KAAK,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,IACpE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,SAAS,OAAO;AAClB,eAAO,WAAW,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAChD;AACA,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC,CAAC;AAE2B,QAAI,KAAK;AAErC,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,WAAW;AAClB,YAAM,WAAQ;AACd,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,SAAS;AAChB,YAAM,SAAM;AACZ,YAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe,oBAAoB;AACjC,UAAI;AACF,cAAM,gBAAgB,MAAM,MAAM;AAAA,UAChC,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN;AAAA,YACE,kBAAkB,MAAM;AAAA,YACxB,UAAU,MAAM,WAAW,MAAM,MAAM,SAAM,IAAO;AAAA,UAC5D;AAAA,QACA;AAEI,YAAI,eAAe;AACjB,0BAAgB,aAAa;AAAA,QAC/B;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,aAAS,gBAAgB,OAAO;AAC9B,gBAAU,QAAQ;AAClB,YAAM,mBAAmB,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,IAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js

@@ -48,8 +48,8 @@ const _sfc_main = {
       "confirmed": { label: "Confirmed", class: "t-main bg-main-nano", dot: "bg-main" },
       "shipped": { label: "Shipped", class: "t-second bg-second-nano", dot: "bg-second" },
       "preparing": { label: "Preparing", class: "t-second bg-second-nano", dot: "bg-second" },
-      "cancelled": { label: "Cancelled", class: "t-grey bg-light", dot: "bg-grey" },
-      "canceled": { label: "Cancelled", class: "t-grey bg-light", dot: "bg-grey" },
+      "cancelled": { label: "Cancelled", class: "t-dark bg-light", dot: "bg-grey" },
+      "canceled": { label: "Cancelled", class: "t-dark bg-light", dot: "bg-grey" },
       "returned": { label: "Returned", class: "t-fourth bg-fourth-nano", dot: "bg-fourth" }
     };
     const statusKey = computed(() => props.status?.toLowerCase() || "created");

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrderUser.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderUser.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium pd-medium\">\n\n    <!-- Header: Order ID | Date | Status -->\n    <div class=\"flex-nowrap flex-v-center flex-between flex mn-b-small\">\n      <div class=\"flex-v-center gap-small flex\">\n        <span class=\"fw-medium t-dark\">{{ formatOrderId(orderId) }}</span>\n        <span class=\"t-transp\">|</span>\n        <span class=\"t-transp\">{{ formatDate(createdAt, { dayMonth: true, language: locale }) }}</span>\n      </div>\n\n      <!-- Status Badge -->\n      <div\n        class=\"pd-l-small pd-r-small pd-t-micro pd-b-micro radius-big p-small fw-semi flex-v-center gap-micro flex\"\n        :class=\"statusClasses\"\n      >\n        <span class=\"d-block radius-big\" :class=\"dotClasses\" style=\"width: 6px; height: 6px;\"></span>\n        {{ statusLabel }}\n      </div>\n    </div>\n\n    <!-- Product List -->\n    <div class=\"gap-thin flex-column flex mn-b-small\">\n      <CardOrderItem\n        v-for=\"(item, index) in positions\"\n        :key=\"`${item._id}_${item.variant || 'no-variant'}_${index}`\"\n        :editable=\"false\"\n        :productId=\"item._id\"\n        :variantId=\"item.variant\"\n        :images=\"item.images\"\n        :name=\"item.name\"\n        :quantity=\"item.quantity\"\n        :unit=\"item.unit\"\n        :dates=\"item.date\"\n        :listing=\"item.listing\"\n        :price=\"item.price\"\n        class=\"bg-white radius-small pd-small\"\n      />\n    </div>\n\n    <!-- Footer: Total + Actions -->\n    <div class=\"flex-nowrap flex-v-center flex-between flex\">\n      <div class=\"w-100\">\n        <span class=\"fw-medium t-dark p-medium\">Total</span>\n        <span class=\"fw-demi t-dark p-medium\">{{ formatPrice(total) }}</span>\n      </div>\n\n      <div class=\"flex-nowrap gap-thin flex\">\n        <button\n          v-if=\"status === 'delivered' || status === 'finished'\"\n          class=\"button bg-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small\"\n        >\n          Rate\n        </button>\n        <button\n          v-if=\"status === 'created' || status === 'confirmed'\"\n          class=\"button bg-main t-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small\"\n        >\n          Pay\n        </button>\n        <button class=\"button bg-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small flex-v-center gap-micro flex\">\n          Details\n          <IconChevronRight class=\"i-small\" />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nconst { locale } = useI18n();\nconst { formatPrice, formatDate } = useGlobalMixins();\n\nconst props = defineProps({\n  orderId: String,\n  status: String,\n  positions: Array,\n  createdAt: [String, Date],\n  updatedAt: [String, Date],\n  total: [String, Number]\n});\n\nconst formatOrderId = (id) => {\n  if (!id) return '';\n  return `#${id.slice(0, 3).toUpperCase()}-${id.slice(-4).toUpperCase()}-${new Date().getFullYear()}`;\n};\n\nconst statusConfig = {\n  'delivered': { label: 'Delivered', class: 't-green bg-green-nano', dot: 'bg-green' },\n  'finished': { label: 'Delivered', class: 't-green bg-green-nano', dot: 'bg-green' },\n  'processing': { label: 'Processing', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'created': { label: 'Processing', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'confirmed': { label: 'Confirmed', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'shipped': { label: 'Shipped', class: 't-second bg-second-nano', dot: 'bg-second' },\n  'preparing': { label: 'Preparing', class: 't-second bg-second-nano', dot: 'bg-second' },\n  'cancelled': { label: 'Cancelled', class: 't-grey bg-light', dot: 'bg-grey' },\n  'canceled': { label: 'Cancelled', class: 't-grey bg-light', dot: 'bg-grey' },\n  'returned': { label: 'Returned', class: 't-fourth bg-fourth-nano', dot: 'bg-fourth' }\n};\n\nconst statusKey = computed(() => props.status?.toLowerCase() || 'created');\n\nconst statusLabel = computed(() => {\n  return statusConfig[statusKey.value]?.label || 'Processing';\n});\n\nconst statusClasses = computed(() => {\n  return statusConfig[statusKey.value]?.class || 't-main bg-main-nano';\n});\n\nconst dotClasses = computed(() => {\n  return statusConfig[statusKey.value]?.dot || 'bg-main';\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,aAAa,WAAU,IAAK,gBAAe;AAEnD,UAAM,QAAQ;AASd,UAAM,gBAAgB,CAAC,OAAO;AAC5B,UAAI,CAAC,GAAI,QAAO;AAChB,aAAO,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,YAAW,CAAE,IAAI,GAAG,MAAM,EAAE,EAAE,YAAW,CAAE,KAAI,oBAAI,KAAI,GAAG,YAAW,CAAE;AAAA,IACnG;AAEA,UAAM,eAAe;AAAA,MACnB,aAAa,EAAE,OAAO,aAAa,OAAO,yBAAyB,KAAK,WAAU;AAAA,MAClF,YAAY,EAAE,OAAO,aAAa,OAAO,yBAAyB,KAAK,WAAU;AAAA,MACjF,cAAc,EAAE,OAAO,cAAc,OAAO,uBAAuB,KAAK,UAAS;AAAA,MACjF,WAAW,EAAE,OAAO,cAAc,OAAO,uBAAuB,KAAK,UAAS;AAAA,MAC9E,aAAa,EAAE,OAAO,aAAa,OAAO,uBAAuB,KAAK,UAAS;AAAA,MAC/E,WAAW,EAAE,OAAO,WAAW,OAAO,2BAA2B,KAAK,YAAW;AAAA,MACjF,aAAa,EAAE,OAAO,aAAa,OAAO,2BAA2B,KAAK,YAAW;AAAA,MACrF,aAAa,EAAE,OAAO,aAAa,OAAO,mBAAmB,KAAK,UAAS;AAAA,MAC3E,YAAY,EAAE,OAAO,aAAa,OAAO,mBAAmB,KAAK,UAAS;AAAA,MAC1E,YAAY,EAAE,OAAO,YAAY,OAAO,2BAA2B,KAAK,YAAW;AAAA,IACrF;AAEA,UAAM,YAAY,SAAS,MAAM,MAAM,QAAQ,YAAW,KAAM,SAAS;AAEzE,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,aAAa,UAAU,KAAK,GAAG,SAAS;AAAA,IACjD,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,aAAa,UAAU,KAAK,GAAG,SAAS;AAAA,IACjD,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,aAAa,UAAU,KAAK,GAAG,OAAO;AAAA,IAC/C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrderUser.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderUser.vue"],"sourcesContent":["<template>\n  <div class=\"bg-light radius-medium pd-medium\">\n\n    <!-- Header: Order ID | Date | Status -->\n    <div class=\"flex-nowrap flex-v-center flex-between flex mn-b-small\">\n      <div class=\"flex-v-center gap-small flex\">\n        <span class=\"fw-medium t-dark\">{{ formatOrderId(orderId) }}</span>\n        <span class=\"t-transp\">|</span>\n        <span class=\"t-transp\">{{ formatDate(createdAt, { dayMonth: true, language: locale }) }}</span>\n      </div>\n\n      <!-- Status Badge -->\n      <div\n        class=\"pd-l-small pd-r-small pd-t-micro pd-b-micro radius-big p-small fw-semi flex-v-center gap-micro flex\"\n        :class=\"statusClasses\"\n      >\n        <span class=\"d-block radius-big\" :class=\"dotClasses\" style=\"width: 6px; height: 6px;\"></span>\n        {{ statusLabel }}\n      </div>\n    </div>\n\n    <!-- Product List -->\n    <div class=\"gap-thin flex-column flex mn-b-small\">\n      <CardOrderItem\n        v-for=\"(item, index) in positions\"\n        :key=\"`${item._id}_${item.variant || 'no-variant'}_${index}`\"\n        :editable=\"false\"\n        :productId=\"item._id\"\n        :variantId=\"item.variant\"\n        :images=\"item.images\"\n        :name=\"item.name\"\n        :quantity=\"item.quantity\"\n        :unit=\"item.unit\"\n        :dates=\"item.date\"\n        :listing=\"item.listing\"\n        :price=\"item.price\"\n        class=\"bg-white radius-small pd-small\"\n      />\n    </div>\n\n    <!-- Footer: Total + Actions -->\n    <div class=\"flex-nowrap flex-v-center flex-between flex\">\n      <div class=\"w-100\">\n        <span class=\"fw-medium t-dark p-medium\">Total</span>\n        <span class=\"fw-demi t-dark p-medium\">{{ formatPrice(total) }}</span>\n      </div>\n\n      <div class=\"flex-nowrap gap-thin flex\">\n        <button\n          v-if=\"status === 'delivered' || status === 'finished'\"\n          class=\"button bg-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small\"\n        >\n          Rate\n        </button>\n        <button\n          v-if=\"status === 'created' || status === 'confirmed'\"\n          class=\"button bg-main t-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small\"\n        >\n          Pay\n        </button>\n        <button class=\"button bg-white pd-t-thin pd-b-thin pd-l-small pd-r-small p-small fw-medium radius-small flex-v-center gap-micro flex\">\n          Details\n          <IconChevronRight class=\"i-small\" />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nconst { locale } = useI18n();\nconst { formatPrice, formatDate } = useGlobalMixins();\n\nconst props = defineProps({\n  orderId: String,\n  status: String,\n  positions: Array,\n  createdAt: [String, Date],\n  updatedAt: [String, Date],\n  total: [String, Number]\n});\n\nconst formatOrderId = (id) => {\n  if (!id) return '';\n  return `#${id.slice(0, 3).toUpperCase()}-${id.slice(-4).toUpperCase()}-${new Date().getFullYear()}`;\n};\n\nconst statusConfig = {\n  'delivered': { label: 'Delivered', class: 't-green bg-green-nano', dot: 'bg-green' },\n  'finished': { label: 'Delivered', class: 't-green bg-green-nano', dot: 'bg-green' },\n  'processing': { label: 'Processing', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'created': { label: 'Processing', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'confirmed': { label: 'Confirmed', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'shipped': { label: 'Shipped', class: 't-second bg-second-nano', dot: 'bg-second' },\n  'preparing': { label: 'Preparing', class: 't-second bg-second-nano', dot: 'bg-second' },\n  'cancelled': { label: 'Cancelled', class: 't-dark bg-light', dot: 'bg-grey' },\n  'canceled': { label: 'Cancelled', class: 't-dark bg-light', dot: 'bg-grey' },\n  'returned': { label: 'Returned', class: 't-fourth bg-fourth-nano', dot: 'bg-fourth' }\n};\n\nconst statusKey = computed(() => props.status?.toLowerCase() || 'created');\n\nconst statusLabel = computed(() => {\n  return statusConfig[statusKey.value]?.label || 'Processing';\n});\n\nconst statusClasses = computed(() => {\n  return statusConfig[statusKey.value]?.class || 't-main bg-main-nano';\n});\n\nconst dotClasses = computed(() => {\n  return statusConfig[statusKey.value]?.dot || 'bg-main';\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,aAAa,WAAU,IAAK,gBAAe;AAEnD,UAAM,QAAQ;AASd,UAAM,gBAAgB,CAAC,OAAO;AAC5B,UAAI,CAAC,GAAI,QAAO;AAChB,aAAO,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,YAAW,CAAE,IAAI,GAAG,MAAM,EAAE,EAAE,YAAW,CAAE,KAAI,oBAAI,KAAI,GAAG,YAAW,CAAE;AAAA,IACnG;AAEA,UAAM,eAAe;AAAA,MACnB,aAAa,EAAE,OAAO,aAAa,OAAO,yBAAyB,KAAK,WAAU;AAAA,MAClF,YAAY,EAAE,OAAO,aAAa,OAAO,yBAAyB,KAAK,WAAU;AAAA,MACjF,cAAc,EAAE,OAAO,cAAc,OAAO,uBAAuB,KAAK,UAAS;AAAA,MACjF,WAAW,EAAE,OAAO,cAAc,OAAO,uBAAuB,KAAK,UAAS;AAAA,MAC9E,aAAa,EAAE,OAAO,aAAa,OAAO,uBAAuB,KAAK,UAAS;AAAA,MAC/E,WAAW,EAAE,OAAO,WAAW,OAAO,2BAA2B,KAAK,YAAW;AAAA,MACjF,aAAa,EAAE,OAAO,aAAa,OAAO,2BAA2B,KAAK,YAAW;AAAA,MACrF,aAAa,EAAE,OAAO,aAAa,OAAO,mBAAmB,KAAK,UAAS;AAAA,MAC3E,YAAY,EAAE,OAAO,aAAa,OAAO,mBAAmB,KAAK,UAAS;AAAA,MAC1E,YAAY,EAAE,OAAO,YAAY,OAAO,2BAA2B,KAAK,YAAW;AAAA,IACrF;AAEA,UAAM,YAAY,SAAS,MAAM,MAAM,QAAQ,YAAW,KAAM,SAAS;AAEzE,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,aAAa,UAAU,KAAK,GAAG,SAAS;AAAA,IACjD,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,aAAa,UAAU,KAAK,GAAG,SAAS;AAAA,IACjD,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,aAAa,UAAU,KAAK,GAAG,OAAO;AAAA,IAC/C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/forms/FormApplicationDetails.vue.js

@@ -2,7 +2,7 @@ import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, cre
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",
@@ -107,7 +107,7 @@ const _sfc_main = {
             class: "bg-white pd-small radius-small mn-b-thin"
           }, null, 8, ["select"]),
           createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$2, {
+            createVNode(Button, {
               onClick: handleSave,
               class: "w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
             }, {
@@ -116,7 +116,7 @@ const _sfc_main = {
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$2, {
+            createVNode(Button, {
               onClick: handleCancel,
               class: "w-100 pd-small radius-big bg-light t-black uppercase fw-medium"
             }, {

package/dist/martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue.js

@@ -3,7 +3,7 @@ import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/FieldPhone/FieldPhone.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 const _hoisted_1 = { class: "gap-thin mn-b-thin flex-justify-between flex-nowrap flex" };
 const _hoisted_2 = {
   key: 2,
@@ -175,7 +175,7 @@ const _sfc_main = {
             class: "bg-white pd-small radius-small mn-b-thin"
           }, null, 8, ["field"]),
           __props.showAddressFields ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            _cache[15] || (_cache[15] = createElementVNode("h3", { class: "fw-medium mn-b-thin" }, "Address Information", -1)),
+            _cache[15] || (_cache[15] = createElementVNode("h5", { class: "fw-medium mn-b-thin" }, "Address Information", -1)),
             createVNode(Field, {
               field: customer.value.address.country,
               "onUpdate:field": _cache[9] || (_cache[9] = ($event) => customer.value.address.country = $event),
@@ -228,10 +228,10 @@ const _sfc_main = {
               isRef(statusSelected) ? statusSelected.value = option : statusSelected = option;
             }),
             placeholder: "Status",
-            class: "bg-white pd-small radius-small mn-b-thin"
+            class: "bg-white pd-small radius-small mn-t-small mn-b-thin"
           }, null, 8, ["select"])) : createCommentVNode("", true),
           __props.showButtons ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(_sfc_main$3, {
+            createVNode(Button, {
               onClick: handleSave,
               class: "w-100 pd-small radius-big bg-main t-black uppercase fw-medium"
             }, {
@@ -240,7 +240,7 @@ const _sfc_main = {
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$3, {
+            createVNode(Button, {
               onClick: handleCancel,
               class: "w-100 pd-small radius-big bg-light t-black uppercase fw-medium"
             }, {

package/dist/martyrs/src/modules/orders/components/forms/FormCustomerDetails.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCustomerDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/forms/FormCustomerDetails.vue"],"sourcesContent":["<template>\n  <Block :title=\"title\" class=\"mn-b-thin\">\n    <FieldPhone\n      v-model=\"customer.number\"  \n      @country=\"(country) => { customer.phone = country }\"\n      :inputOptions=\"{\n        placeholder: 'Enter phone number',\n        type: 'tel',\n      }\"\n      :defaultCountry=\"'TH'\"\n      :validCharactersOnly=\"true\"\n      :dropdownOptions=\"{\n        showDialCodeInSelection: true,\n        showFlags: true,\n        showDialCodeInList: true\n      }\" \n      mode=\"national\"\n      class=\"w-100 bg-white pd-small mn-b-thin radius-small\" \n    />\n    <Field \n      v-model:field=\"customer.profile.name\"   \n      label=\"Name\"  \n      placeholder=\"Enter name\"  \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"customer.email\"   \n      label=\"Email\"  \n      placeholder=\"Enter email\"  \n      type=\"email\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n    <div class=\"gap-thin mn-b-thin flex-justify-between flex-nowrap flex\">\n      <Select \n        :select=\"messengerSelected\"\n        :options=\"[\n          {name: 'Instagram', value: 'instagram'}, \n          {name: 'Telegram', value: 'telegram'}, \n          {name: 'WhatsApp', value: 'whatsapp'},\n        ]\"\n        @update:select=\"(option) => messengerSelected = option\"\n        placeholder=\"Messenger\" \n        size=\"small\"\n        class=\"bg-white  pd-small radius-small\"\n      />\n      <Field\n        v-model:field=\"customer.socials[messengerSelected.value]\"     \n        label=\"@\"  \n        placeholder=\"Enter username\"\n        class=\"bg-white pd-small radius-small w-100\"\n      />\n    </div>\n    \n    <Select \n      v-if=\"showAdminFields\"\n      :select=\"sourceSelected\"\n      :options=\"[\n        {name: 'Web', value: 'web'}, \n        {name: 'Mobile', value: 'mobile'}, \n        {name: 'API', value: 'api'},\n        {name: 'Import', value: 'import'},\n        {name: 'Manual', value: 'manual'},\n        {name: 'Referral', value: 'referral'},\n        {name: 'Social', value: 'social'},\n        {name: 'Email', value: 'email'}\n      ]\"\n      @update:select=\"(option) => { customer.source = option.value; sourceSelected = option }\"\n      placeholder=\"Source\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-if=\"showAdminFields\"\n      v-model:field=\"customer.referral.code\"   \n      label=\"Referral Code\"  \n      placeholder=\"Enter referral code\"  \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-model:field=\"customer.notes\"   \n      label=\"Notes\"  \n      placeholder=\"Enter notes\"  \n      type=\"textarea\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <!-- Address Fields -->\n    <div v-if=\"showAddressFields\" class=\"mn-t-small\">\n      <h3 class=\"fw-medium mn-b-thin\">Address Information</h3>\n      \n      <Field \n        v-model:field=\"customer.address.country\"   \n        label=\"Country\"  \n        placeholder=\"Enter country\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n      />\n      \n      <Field \n        v-model:field=\"customer.address.addressLine1\"   \n        label=\"Address Line 1\"  \n        placeholder=\"Enter address line 1\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n        required\n      />\n      \n      <Field \n        v-model:field=\"customer.address.addressLine2\"   \n        label=\"Address Line 2\"  \n        placeholder=\"Enter address line 2\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n      />\n      \n      <div class=\"gap-thin flex-justify-between flex-nowrap flex\">\n        <Field \n          v-model:field=\"customer.address.city\"   \n          label=\"City\"  \n          placeholder=\"Enter city\"  \n          class=\"bg-white pd-small radius-small w-100\"\n        />\n        <Field \n          v-model:field=\"customer.address.postalCode\"   \n          label=\"Postal Code\"  \n          placeholder=\"Enter postal code\"  \n          class=\"bg-white pd-small radius-small w-100\"\n        />\n      </div>\n    </div>\n\n    <Select \n      v-if=\"showAdminFields\"\n      :select=\"statusSelected\"\n      :options=\"[\n        {name: 'Active', value: 'active'}, \n        {name: 'Inactive', value: 'inactive'}, \n        {name: 'Blocked', value: 'blocked'}\n      ]\"\n      @update:select=\"(option) => { customer.status = option.value; statusSelected = option }\"\n      placeholder=\"Status\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n\n\n    <div v-if=\"showButtons\" class=\"gap-thin flex mn-t-small\">\n      <Button \n        @click=\"handleSave\"\n        class=\"w-100 pd-small radius-big bg-main t-black uppercase fw-medium\"\n      >\n        {{ createMode ? 'Create Customer' : 'Save Changes' }}\n      </Button>\n      <Button \n        @click=\"handleCancel\"\n        class=\"w-100 pd-small radius-big bg-light t-black uppercase fw-medium\"\n      >\n        Cancel\n      </Button>\n    </div>\n  </Block>\n</template>\n\n<script setup>\nimport { ref, watch } from \"vue\"\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nconst customer = defineModel('customer', { required: true })\n\nlet messengerSelected = ref({name: 'WhatsApp', value: 'whatsapp'})\nlet sourceSelected = ref({name: 'Web', value: 'web'})\nlet statusSelected = ref({name: 'Active', value: 'active'})\n\ndefineProps({\n  title: {\n    type: String,\n    default: 'Personal Data'\n  }, \n  createMode: {\n    type: Boolean,\n    default: false\n  },\n  showAdminFields: {\n    type: Boolean,\n    default: true\n  },\n  showButtons: {\n    type: Boolean,\n    default: true\n  },\n  showAddressFields: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst emit = defineEmits(['save', 'cancel']);\n\n// Ensure nested objects exist\nwatch(customer, (newCustomer) => {\n  if (newCustomer) {\n    if (!newCustomer.profile) {\n      newCustomer.profile = { name: null, description: null, photo: null };\n    }\n    if (!newCustomer.referral) {\n      newCustomer.referral = { code: null, source: null };\n    }\n    if (!newCustomer.socials) {\n      newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };\n    }\n    if (!newCustomer.address) {\n      newCustomer.address = { \n        country: null, \n        addressLine1: null, \n        addressLine2: null, \n        city: null, \n        postalCode: null \n      };\n    }\n  }\n}, { immediate: true, deep: true });\n\nconst handleSave = () => {\n  emit('save');\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n};\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA,UAAM,WAAWA,SAAW,SAAC,UAA8B;AAE3D,QAAI,oBAAoB,IAAI,EAAC,MAAM,YAAY,OAAO,WAAU,CAAC;AACjE,QAAI,iBAAiB,IAAI,EAAC,MAAM,OAAO,OAAO,MAAK,CAAC;AACpD,QAAI,iBAAiB,IAAI,EAAC,MAAM,UAAU,OAAO,SAAQ,CAAC;AAyB1D,UAAM,OAAO;AAGb,UAAM,UAAU,CAAC,gBAAgB;AAC/B,UAAI,aAAa;AACf,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU,EAAE,MAAM,MAAM,aAAa,MAAM,OAAO,KAAI;AAAA,QACpE;AACA,YAAI,CAAC,YAAY,UAAU;AACzB,sBAAY,WAAW,EAAE,MAAM,MAAM,QAAQ,KAAI;AAAA,QACnD;AACA,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU,EAAE,WAAW,MAAM,UAAU,MAAM,UAAU,KAAI;AAAA,QACzE;AACA,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU;AAAA,YACpB,SAAS;AAAA,YACT,cAAc;AAAA,YACd,cAAc;AAAA,YACd,MAAM;AAAA,YACN,YAAY;AAAA,UACpB;AAAA,QACI;AAAA,MACF;AAAA,IACF,GAAG,EAAE,WAAW,MAAM,MAAM,KAAI,CAAE;AAElC,UAAM,aAAa,MAAM;AACvB,WAAK,MAAM;AAAA,IACb;AAEA,UAAM,eAAe,MAAM;AACzB,WAAK,QAAQ;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormCustomerDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/forms/FormCustomerDetails.vue"],"sourcesContent":["<template>\n  <Block :title=\"title\" class=\"mn-b-thin\">\n    <FieldPhone\n      v-model=\"customer.number\"  \n      @country=\"(country) => { customer.phone = country }\"\n      :inputOptions=\"{\n        placeholder: 'Enter phone number',\n        type: 'tel',\n      }\"\n      :defaultCountry=\"'TH'\"\n      :validCharactersOnly=\"true\"\n      :dropdownOptions=\"{\n        showDialCodeInSelection: true,\n        showFlags: true,\n        showDialCodeInList: true\n      }\" \n      mode=\"national\"\n      class=\"w-100 bg-white pd-small mn-b-thin radius-small\" \n    />\n    <Field \n      v-model:field=\"customer.profile.name\"   \n      label=\"Name\"  \n      placeholder=\"Enter name\"  \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"customer.email\"   \n      label=\"Email\"  \n      placeholder=\"Enter email\"  \n      type=\"email\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n    <div class=\"gap-thin mn-b-thin flex-justify-between flex-nowrap flex\">\n      <Select \n        :select=\"messengerSelected\"\n        :options=\"[\n          {name: 'Instagram', value: 'instagram'}, \n          {name: 'Telegram', value: 'telegram'}, \n          {name: 'WhatsApp', value: 'whatsapp'},\n        ]\"\n        @update:select=\"(option) => messengerSelected = option\"\n        placeholder=\"Messenger\" \n        size=\"small\"\n        class=\"bg-white  pd-small radius-small\"\n      />\n      <Field\n        v-model:field=\"customer.socials[messengerSelected.value]\"     \n        label=\"@\"  \n        placeholder=\"Enter username\"\n        class=\"bg-white pd-small radius-small w-100\"\n      />\n    </div>\n    \n    <Select \n      v-if=\"showAdminFields\"\n      :select=\"sourceSelected\"\n      :options=\"[\n        {name: 'Web', value: 'web'}, \n        {name: 'Mobile', value: 'mobile'}, \n        {name: 'API', value: 'api'},\n        {name: 'Import', value: 'import'},\n        {name: 'Manual', value: 'manual'},\n        {name: 'Referral', value: 'referral'},\n        {name: 'Social', value: 'social'},\n        {name: 'Email', value: 'email'}\n      ]\"\n      @update:select=\"(option) => { customer.source = option.value; sourceSelected = option }\"\n      placeholder=\"Source\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-if=\"showAdminFields\"\n      v-model:field=\"customer.referral.code\"   \n      label=\"Referral Code\"  \n      placeholder=\"Enter referral code\"  \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-model:field=\"customer.notes\"   \n      label=\"Notes\"  \n      placeholder=\"Enter notes\"  \n      type=\"textarea\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <!-- Address Fields -->\n    <div v-if=\"showAddressFields\" class=\"mn-t-small\">\n      <h5 class=\"fw-medium mn-b-thin\">Address Information</h5>\n      \n      <Field \n        v-model:field=\"customer.address.country\"   \n        label=\"Country\"  \n        placeholder=\"Enter country\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n      />\n      \n      <Field \n        v-model:field=\"customer.address.addressLine1\"   \n        label=\"Address Line 1\"  \n        placeholder=\"Enter address line 1\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n        required\n      />\n      \n      <Field \n        v-model:field=\"customer.address.addressLine2\"   \n        label=\"Address Line 2\"  \n        placeholder=\"Enter address line 2\"  \n        class=\"bg-white pd-small radius-small mn-b-thin\"\n      />\n      \n      <div class=\"gap-thin flex-justify-between flex-nowrap flex\">\n        <Field \n          v-model:field=\"customer.address.city\"   \n          label=\"City\"  \n          placeholder=\"Enter city\"  \n          class=\"bg-white pd-small radius-small w-100\"\n        />\n        <Field \n          v-model:field=\"customer.address.postalCode\"   \n          label=\"Postal Code\"  \n          placeholder=\"Enter postal code\"  \n          class=\"bg-white pd-small radius-small w-100\"\n        />\n      </div>\n    </div>\n\n    <Select \n      v-if=\"showAdminFields\"\n      :select=\"statusSelected\"\n      :options=\"[\n        {name: 'Active', value: 'active'}, \n        {name: 'Inactive', value: 'inactive'}, \n        {name: 'Blocked', value: 'blocked'}\n      ]\"\n      @update:select=\"(option) => { customer.status = option.value; statusSelected = option }\"\n      placeholder=\"Status\" \n      class=\"bg-white pd-small radius-small mn-t-small mn-b-thin\"\n    />\n    \n\n\n    <div v-if=\"showButtons\" class=\"gap-thin flex mn-t-small\">\n      <Button \n        @click=\"handleSave\"\n        class=\"w-100 pd-small radius-big bg-main t-black uppercase fw-medium\"\n      >\n        {{ createMode ? 'Create Customer' : 'Save Changes' }}\n      </Button>\n      <Button \n        @click=\"handleCancel\"\n        class=\"w-100 pd-small radius-big bg-light t-black uppercase fw-medium\"\n      >\n        Cancel\n      </Button>\n    </div>\n  </Block>\n</template>\n\n<script setup>\nimport { ref, watch } from \"vue\"\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nconst customer = defineModel('customer', { required: true })\n\nlet messengerSelected = ref({name: 'WhatsApp', value: 'whatsapp'})\nlet sourceSelected = ref({name: 'Web', value: 'web'})\nlet statusSelected = ref({name: 'Active', value: 'active'})\n\ndefineProps({\n  title: {\n    type: String,\n    default: 'Personal Data'\n  }, \n  createMode: {\n    type: Boolean,\n    default: false\n  },\n  showAdminFields: {\n    type: Boolean,\n    default: true\n  },\n  showButtons: {\n    type: Boolean,\n    default: true\n  },\n  showAddressFields: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst emit = defineEmits(['save', 'cancel']);\n\n// Ensure nested objects exist\nwatch(customer, (newCustomer) => {\n  if (newCustomer) {\n    if (!newCustomer.profile) {\n      newCustomer.profile = { name: null, description: null, photo: null };\n    }\n    if (!newCustomer.referral) {\n      newCustomer.referral = { code: null, source: null };\n    }\n    if (!newCustomer.socials) {\n      newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };\n    }\n    if (!newCustomer.address) {\n      newCustomer.address = { \n        country: null, \n        addressLine1: null, \n        addressLine2: null, \n        city: null, \n        postalCode: null \n      };\n    }\n  }\n}, { immediate: true, deep: true });\n\nconst handleSave = () => {\n  emit('save');\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n};\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA,UAAM,WAAWA,SAAW,SAAC,UAA8B;AAE3D,QAAI,oBAAoB,IAAI,EAAC,MAAM,YAAY,OAAO,WAAU,CAAC;AACjE,QAAI,iBAAiB,IAAI,EAAC,MAAM,OAAO,OAAO,MAAK,CAAC;AACpD,QAAI,iBAAiB,IAAI,EAAC,MAAM,UAAU,OAAO,SAAQ,CAAC;AAyB1D,UAAM,OAAO;AAGb,UAAM,UAAU,CAAC,gBAAgB;AAC/B,UAAI,aAAa;AACf,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU,EAAE,MAAM,MAAM,aAAa,MAAM,OAAO,KAAI;AAAA,QACpE;AACA,YAAI,CAAC,YAAY,UAAU;AACzB,sBAAY,WAAW,EAAE,MAAM,MAAM,QAAQ,KAAI;AAAA,QACnD;AACA,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU,EAAE,WAAW,MAAM,UAAU,MAAM,UAAU,KAAI;AAAA,QACzE;AACA,YAAI,CAAC,YAAY,SAAS;AACxB,sBAAY,UAAU;AAAA,YACpB,SAAS;AAAA,YACT,cAAc;AAAA,YACd,cAAc;AAAA,YACd,MAAM;AAAA,YACN,YAAY;AAAA,UACpB;AAAA,QACI;AAAA,MACF;AAAA,IACF,GAAG,EAAE,WAAW,MAAM,MAAM,KAAI,CAAE;AAElC,UAAM,aAAa,MAAM;AACvB,WAAK,MAAM;AAAA,IACb;AAEA,UAAM,eAAe,MAAM;AACzB,WAAK,QAAQ;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/forms/FormSelectCustomer.vue.js

@@ -2,13 +2,13 @@ import { useModel, ref, createElementBlock, openBlock, Fragment, createVNode, wi
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
-/* empty css                                        */
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+/* empty css                                       */
+import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../core/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$2 from "../../../core/views/components/blocks/Card.vue.js";
-import CardCustomer from "../blocks/CardCustomer.vue.js";
-import _sfc_main$7 from "./FormCustomerDetails.vue.js";
+import _sfc_main$6 from "../blocks/CardCustomer.vue.js";
+import _sfc_main$8 from "./FormCustomerDetails.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import customers from "../../store/customers.store.js";
 import customerInitState from "../../store/models/customer.js";
@@ -131,7 +131,7 @@ const _sfc_main = {
                       onClick: ($event) => selectCustomer(customerItem),
                       class: "bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer"
                     }, [
-                      createVNode(CardCustomer, {
+                      createVNode(_sfc_main$6, {
                         customer: customerItem,
                         formatDate: unref(formatDate)
                       }, null, 8, ["customer", "formatDate"])
@@ -144,7 +144,7 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["actions"]),
-        createVNode(_sfc_main$6, {
+        createVNode(_sfc_main$7, {
           isPopupOpen: showCreatePopup.value,
           onClosePopup: closeCreatePopup,
           title: "Create Customer",
@@ -152,7 +152,7 @@ const _sfc_main = {
           class: "bg-white h-min-100 w-max-50r pd-medium"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$7, {
+            createVNode(_sfc_main$8, {
               customer: newCustomer.value,
               "onUpdate:customer": _cache[1] || (_cache[1] = ($event) => newCustomer.value = $event),
               onSave: saveNewCustomer,