@ozdao/martyrs 0.2.604 → 0.2.605

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

@@ -1,4 +1,4 @@
-import { getCurrentInstance, computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, renderSlot, createCommentVNode, toDisplayString, unref, createTextVNode, createVNode, Fragment } from "vue";
+import { getCurrentInstance, computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, renderSlot, createCommentVNode, toDisplayString, unref, createTextVNode, normalizeClass, createVNode, Fragment } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../icons/navigation/IconAdd.vue.js";
@@ -8,6 +8,7 @@ import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconCalendar.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
+import { formatRentDuration, formatRentDateLabel, calcRentTotalPrice } from "../../utils/rent-price.js";
 const _hoisted_1 = { class: "gap-small pos-relative cols-1" };
 const _hoisted_2 = { class: "pos-relative w-100 gap-thin flex-stretch flex-nowrap flex" };
 const _hoisted_3 = {
@@ -22,12 +23,12 @@ const _hoisted_8 = { key: 0 };
 const _hoisted_9 = { class: "t-dark mn-r-micro d-inline-block fw-demi" };
 const _hoisted_10 = {
   key: 0,
-  class: "p-small t-transp"
+  class: "p-small opacity-50"
 };
 const _hoisted_11 = { key: 0 };
 const _hoisted_12 = {
   key: 1,
-  class: "p-small t-transp"
+  class: "p-small opacity-50"
 };
 const _hoisted_13 = {
   key: 1,
@@ -35,16 +36,13 @@ const _hoisted_13 = {
 };
 const _hoisted_14 = {
   key: 2,
-  class: "p-small t-transp"
+  class: "p-small opacity-50"
 };
 const _hoisted_15 = {
   key: 0,
   class: "mn-t-thin gap-thin flex-justify-start flex"
 };
-const _hoisted_16 = {
-  key: 0,
-  class: "flex gap-thin flex-v-center cursor-pointer pd-thin w-100 bg-light radius-small"
-};
+const _hoisted_16 = { class: "fw-medium opacity-50" };
 const _sfc_main = {
   __name: "CardOrderItem",
   props: {
@@ -56,6 +54,7 @@ const _sfc_main = {
     unit: String,
     dates: Object,
     listing: String,
+    rentPeriod: { type: String, default: "day" },
     price: Number,
     editable: Boolean,
     increase: Function,
@@ -76,15 +75,17 @@ const _sfc_main = {
       start: props.dates?.start || null,
       end: props.dates?.end || null
     });
-    const rentalDays = computed(() => {
-      if (!rentDates.value.start || !rentDates.value.end) return 0;
-      const start = new Date(rentDates.value.start);
-      const end = new Date(rentDates.value.end);
-      return Math.ceil(Math.abs(end - start) / (1e3 * 60 * 60 * 24)) + 1;
+    const isShortPeriod = computed(() => ["hour", "4hours", "flat"].includes(props.rentPeriod));
+    const rentalDurationLabel = computed(() => {
+      if (!rentDates.value.start || !rentDates.value.end) return "";
+      return formatRentDuration(rentDates.value.start, rentDates.value.end, props.rentPeriod);
+    });
+    const rentDateLabel = computed(() => {
+      return formatRentDateLabel(rentDates.value.start, rentDates.value.end, props.rentPeriod, formatDate);
     });
     const totalPrice = computed(() => {
-      if (isRental.value) {
-        return rentalDays.value * props.price * props.quantity;
+      if (isRental.value && rentDates.value.start && rentDates.value.end) {
+        return calcRentTotalPrice(props.price, props.quantity, rentDates.value.start, rentDates.value.end, props.rentPeriod);
       }
       return props.quantity * props.price;
     });
@@ -110,7 +111,10 @@ const _sfc_main = {
           props.price,
           {
             showCancelButton: props.editable,
-            onCancel: props.editable ? () => props.remove?.() : null
+            onCancel: props.editable ? () => props.remove?.() : null,
+            enableTime: isShortPeriod.value,
+            periodType: props.rentPeriod,
+            initialDates: rentDates.value.start ? { start: rentDates.value.start, end: rentDates.value.end } : null
           }
         );
         if (selectedDates) {
@@ -146,22 +150,20 @@ const _sfc_main = {
                 isRental.value && rentDates.value.start && rentDates.value.end ? (openBlock(), createElementBlock("span", _hoisted_10, [
                   createTextVNode(toDisplayString(unref(returnCurrency)()) + toDisplayString(__props.price) + " ", 1),
                   __props.quantity > 1 ? (openBlock(), createElementBlock("span", _hoisted_11, "× " + toDisplayString(__props.quantity) + " " + toDisplayString(__props.unit || "pcs"), 1)) : createCommentVNode("", true),
-                  createTextVNode(" × " + toDisplayString(rentalDays.value) + " days ", 1)
+                  createTextVNode(" × " + toDisplayString(rentalDurationLabel.value), 1)
                 ])) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(unref(returnCurrency)()) + toDisplayString(__props.price) + " × " + toDisplayString(__props.quantity || 0) + " " + toDisplayString(__props.unit || "pcs"), 1))
               ])) : __props.price != null && __props.quantity == null ? (openBlock(), createElementBlock("p", _hoisted_13, toDisplayString(unref(returnCurrency)()) + toDisplayString(__props.price), 1)) : __props.price == null && __props.quantity != null ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString(__props.quantity) + " " + toDisplayString(__props.unit || "pcs"), 1)) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "default"),
             showControls.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
-              isRental.value && rentDates.value.start && rentDates.value.end ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                createVNode(_sfc_main$1, {
-                  onClick: openRentDatePopup,
-                  class: "cursor-pointer i-medium"
-                }),
-                createElementVNode("p", {
-                  onClick: _cache[0] || (_cache[0] = ($event) => __props.editable ? openRentDatePopup : null),
-                  class: "fw-medium t-transp"
-                }, toDisplayString(unref(formatDate)(rentDates.value.start, { dayMonth: true, language: unref(locale) })) + " - " + toDisplayString(unref(formatDate)(rentDates.value.end, { dayMonth: true, language: unref(locale) })), 1)
-              ])) : createCommentVNode("", true),
+              isRental.value && rentDates.value.start && rentDates.value.end ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = ($event) => __props.editable ? openRentDatePopup() : null),
+                class: normalizeClass(["flex gap-thin flex-v-center pd-thin w-100 bg-light radius-small", __props.editable ? "cursor-pointer" : ""])
+              }, [
+                createVNode(_sfc_main$1, { class: "i-medium" }),
+                createElementVNode("p", _hoisted_16, toDisplayString(rentDateLabel.value), 1)
+              ], 2)) : createCommentVNode("", true),
               __props.editable && !isRental.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createVNode(_sfc_main$2, {
                   onClick: increase,

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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50\">\n              {{ returnCurrency() }}{{ price }}\n              <span v-if=\"quantity > 1\">× {{ quantity }} {{ unit || 'pcs' }}</span>\n              × {{ rentalDurationLabel }}\n            </span>\n            <span v-else class=\"p-small opacity-50\">{{ 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 opacity-50\">\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            @click=\"editable ? openRentDatePopup() : null\"\n            :class=\"['flex gap-thin flex-v-center pd-thin w-100 bg-light radius-small', editable ? 'cursor-pointer' : '']\"\n          >\n            <IconCalendar class=\"i-medium\" />\n            <p class=\"fw-medium opacity-50\">\n              {{ rentDateLabel }}\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'\nimport { calcRentTotalPrice, formatRentDuration, formatRentDateLabel } from '@martyrs/src/modules/orders/utils/rent-price.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  rentPeriod: { type: String, default: 'day' },\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 isShortPeriod = computed(() => ['hour', '4hours', 'flat'].includes(props.rentPeriod))\n\nconst rentalDurationLabel = computed(() => {\n  if (!rentDates.value.start || !rentDates.value.end) return ''\n  return formatRentDuration(rentDates.value.start, rentDates.value.end, props.rentPeriod)\n})\n\nconst rentDateLabel = computed(() => {\n  return formatRentDateLabel(rentDates.value.start, rentDates.value.end, props.rentPeriod, formatDate)\n})\n\nconst totalPrice = computed(() => {\n  if (isRental.value && rentDates.value.start && rentDates.value.end) {\n    return calcRentTotalPrice(props.price, props.quantity, rentDates.value.start, rentDates.value.end, props.rentPeriod)\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        enableTime: isShortPeriod.value,\n        periodType: props.rentPeriod,\n        initialDates: rentDates.value.start ? { start: rentDates.value.start, end: rentDates.value.end } : 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\" scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8Fe,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;AAiBd,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,gBAAgB,SAAS,MAAM,CAAC,QAAQ,UAAU,MAAM,EAAE,SAAS,MAAM,UAAU,CAAC;AAE1F,UAAM,sBAAsB,SAAS,MAAM;AACzC,UAAI,CAAC,UAAU,MAAM,SAAS,CAAC,UAAU,MAAM,IAAK,QAAO;AAC3D,aAAO,mBAAmB,UAAU,MAAM,OAAO,UAAU,MAAM,KAAK,MAAM,UAAU;AAAA,IACxF,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,oBAAoB,UAAU,MAAM,OAAO,UAAU,MAAM,KAAK,MAAM,YAAY,UAAU;AAAA,IACrG,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,SAAS,SAAS,UAAU,MAAM,SAAS,UAAU,MAAM,KAAK;AAClE,eAAO,mBAAmB,MAAM,OAAO,MAAM,UAAU,UAAU,MAAM,OAAO,UAAU,MAAM,KAAK,MAAM,UAAU;AAAA,MACrH;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,YACpD,YAAY,cAAc;AAAA,YAC1B,YAAY,MAAM;AAAA,YAClB,cAAc,UAAU,MAAM,QAAQ,EAAE,OAAO,UAAU,MAAM,OAAO,KAAK,UAAU,MAAM,IAAG,IAAK;AAAA,UAC3G;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

@@ -7,7 +7,7 @@ const _hoisted_1 = { class: "bg-light radius-medium pd-medium" };
 const _hoisted_2 = { class: "flex-nowrap flex-v-center flex-between flex mn-b-small" };
 const _hoisted_3 = { class: "flex-v-center gap-small flex" };
 const _hoisted_4 = { class: "fw-medium t-dark" };
-const _hoisted_5 = { class: "t-transp" };
+const _hoisted_5 = { class: "opacity-50" };
 const _hoisted_6 = { class: "gap-thin flex-column flex mn-b-small" };
 const _hoisted_7 = { class: "flex-nowrap flex-v-center flex-between flex" };
 const _hoisted_8 = { class: "w-100" };
@@ -41,16 +41,11 @@ const _sfc_main = {
       return `#${id.slice(0, 3).toUpperCase()}-${id.slice(-4).toUpperCase()}-${(/* @__PURE__ */ new Date()).getFullYear()}`;
     };
     const statusConfig = {
-      "delivered": { label: "Delivered", class: "t-green bg-green-nano", dot: "bg-green" },
-      "finished": { label: "Delivered", class: "t-green bg-green-nano", dot: "bg-green" },
-      "processing": { label: "Processing", class: "t-main bg-main-nano", dot: "bg-main" },
-      "created": { label: "Processing", class: "t-main bg-main-nano", dot: "bg-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-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" }
+      "created": { label: "Pending", class: "t-main bg-main-nano", dot: "bg-main" },
+      "confirmed": { label: "Confirmed", class: "t-second bg-second-nano", dot: "bg-second" },
+      "in_progress": { label: "In Progress", class: "t-third bg-third-nano", dot: "bg-third" },
+      "finished": { label: "Completed", class: "t-green bg-green-nano", dot: "bg-green" },
+      "canceled": { label: "Canceled", class: "t-dark bg-light", dot: "bg-grey" }
     };
     const statusKey = computed(() => props.status?.toLowerCase() || "created");
     const statusLabel = computed(() => {
@@ -67,7 +62,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("span", _hoisted_4, toDisplayString(formatOrderId(__props.orderId)), 1),
-            _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-transp" }, "|", -1)),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "opacity-50" }, "|", -1)),
             createElementVNode("span", _hoisted_5, toDisplayString(unref(formatDate)(__props.createdAt, { dayMonth: true, language: unref(locale) })), 1)
           ]),
           createElementVNode("div", {

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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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=\"opacity-50\">|</span>\n        <span class=\"opacity-50\">{{ 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  'created': { label: 'Pending', class: 't-main bg-main-nano', dot: 'bg-main' },\n  'confirmed': { label: 'Confirmed', class: 't-second bg-second-nano', dot: 'bg-second' },\n  'in_progress': { label: 'In Progress', class: 't-third bg-third-nano', dot: 'bg-third' },\n  'finished': { label: 'Completed', class: 't-green bg-green-nano', dot: 'bg-green' },\n  'canceled': { label: 'Canceled', class: 't-dark bg-light', dot: 'bg-grey' },\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,WAAW,EAAE,OAAO,WAAW,OAAO,uBAAuB,KAAK,UAAS;AAAA,MAC3E,aAAa,EAAE,OAAO,aAAa,OAAO,2BAA2B,KAAK,YAAW;AAAA,MACrF,eAAe,EAAE,OAAO,eAAe,OAAO,yBAAyB,KAAK,WAAU;AAAA,MACtF,YAAY,EAAE,OAAO,aAAa,OAAO,yBAAyB,KAAK,WAAU;AAAA,MACjF,YAAY,EAAE,OAAO,YAAY,OAAO,mBAAmB,KAAK,UAAS;AAAA,IAC3E;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/elements/FieldSubscribeNewsletter.vue.js

@@ -14,7 +14,7 @@ import _sfc_main$3 from "../../../icons/socials/whatsapp.vue.js";
 import { useStore } from "../../../core/views/store/core.store.js";
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "t-transp mn-b-medium" };
+const _hoisted_3 = { class: "opacity-50 mn-b-medium" };
 const _hoisted_4 = {
   key: 0,
   class: "flex flex-wrap flex-h-center gap-regular"

package/dist/martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"t-transp mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-regular\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover:scale-[1.05] bg-light radius-small pd-thin ease\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { i18nManager } from '@martyrs/src/modules/core/views/classes/i18n.manager.js'\nimport locales from '@martyrs/src/modules/orders/locales/index.js'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\n// Регистрируем переводы модуля при использовании компонента\ni18nManager.register('orders', locales)\n\nconst store = useStore()\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    store.core.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    store.core.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    store.core.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,gBAAY,SAAS,UAAU,OAAO;AAEtC,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQ,IAAI,EAAE;AAClB,QAAI,qBAAqB,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUA;AAAAA,MACV,WAAWC;AAAAA,MACX,UAAUC;AAAAA,MACV,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,UAAUC;AAAAA,MACV,UAAUC;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvC,cAAM,KAAK,SAAS,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACtF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtC,cAAM,KAAK,SAAS,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACxF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM,KAAK,SAAS,KAAK;AACzB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldSubscribeNewsletter.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/FieldSubscribeNewsletter.vue"],"sourcesContent":["<template>\n  <FieldBig \n    :input=\"email\" \n    :typingSpeed=\"typingSpeed\"\n    :loopTyping=\"loopTyping\"\n    :enableTyping=\"enableTyping\"\n    :placeholder=\"props.placeholder || t('orders.newsletter.placeholder')\"\n    :action=\"props.action === false ? '' : props.action || t('orders.newsletter.action')\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    @update:input=\"email = $event\"\n    @action=\"sendApplication\"\n    :showLoader=\"true\"\n    :showSuccess=\"false\"\n    :callbackDelay=\"100\"\n    v-bind=\"$attrs\"\n  >\n    <Popup\n      :isPopupOpen=\"isSuccessPopupOpen\"\n      @close-popup=\"isSuccessPopupOpen = false\"\n      align=\"center center\"\n      class=\"bg-white t-black pd-big radius-big\"\n    >\n      <div class=\"t-center\">\n        <h3 class=\"mn-b-medium\">{{ props.successTitle || t('orders.newsletter.success.title') }}</h3>\n        <p class=\"opacity-50 mn-b-medium\">{{ props.successSubtitle || t('orders.newsletter.success.subtitle') }}</p>\n        \n        <div v-if=\"(props.socials || tm('orders.newsletter.socials')) && (props.socials || tm('orders.newsletter.socials')).length\" class=\"flex flex-wrap flex-h-center gap-regular\">\n          <a\n            v-for=\"social in (props.socials || tm('orders.newsletter.socials'))\"\n            :key=\"social.name\"\n            :href=\"social.url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"hover:scale-[1.05] bg-light radius-small pd-thin ease\"\n          >\n            <component\n              :is=\"socialIcons[social.icon]\"\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--dark))'\"\n            />\n          </a>\n        </div>\n      </div>\n    </Popup>\n  </FieldBig>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { i18nManager } from '@martyrs/src/modules/core/views/classes/i18n.manager.js'\nimport locales from '@martyrs/src/modules/orders/locales/index.js'\n\nimport FieldBig from '@martyrs/src/components/FieldBig/FieldBig.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue'\nimport IconTelegram from '@martyrs/src/modules/icons/socials/telegram.vue'\nimport IconTwitter from '@martyrs/src/modules/icons/socials/twitter.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport applications from '@martyrs/src/modules/orders/store/applications.js'\n\n// Регистрируем переводы модуля при использовании компонента\ni18nManager.register('orders', locales)\n\nconst store = useStore()\n\nconst props = defineProps({\n  // Тексты компонента\n  title: {\n    type: String,\n    default: null\n  },\n  subtitle: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: null\n  },\n  action: {\n    type: String,\n    default: null\n  },\n  successTitle: {\n    type: String,\n    default: null\n  },\n  successSubtitle: {\n    type: String,\n    default: null\n  },\n  socials: {\n    type: Array,\n    default: null\n  },\n  // Настройки поля\n  typingSpeed: {\n    type: Number,\n    default: 75\n  },\n  loopTyping: {\n    type: Boolean,\n    default: false\n  },\n  enableTyping: {\n    type: Boolean,\n    default: false\n  },\n  fieldName: {\n    type: String,\n    default: 'newsletter-email'\n  },\n  fieldId: {\n    type: String,\n    default: null\n  }\n})\n\n// Используем только глобальную локализацию\nconst { t, tm } = useI18n({\n  useScope: 'global'\n})\n\nlet email = ref('')\nlet isSuccessPopupOpen = ref(false)\n\nconst socialIcons = {\n  facebook: IconFacebook,\n  instagram: IconInstagram,\n  telegram: IconTelegram,\n  twitter: IconTwitter,\n  youtube: IconYoutube,\n  linkedin: IconLinkedin,\n  whatsapp: IconWhatsapp\n}\n\n// Функция валидации email\nfunction validateEmail(email) {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n  return emailRegex.test(email)\n}\n\nfunction showSuccessPopup() {\n  isSuccessPopupOpen.value = true\n}\n\nasync function sendApplication() {\n  // Валидация email перед отправкой\n  if (!email.value || !email.value.trim()) {\n    store.core.setError({ message: t('validation.email.required') || 'Email is required' })\n    return Promise.reject(new Error('Email is required'))\n  }\n\n  if (!validateEmail(email.value.trim())) {\n    store.core.setError({ message: t('validation.email.invalid') || 'Invalid email format' })\n    return Promise.reject(new Error('Invalid email format'))\n  }\n\n  gtag('event', 'subscribe_newsletter', {\n    'event_category': 'conversion',\n    'event_label': 'Subscribe Newsletter'\n  });\n\n  try {\n    let application = {\n      type: 'newsletter',\n      contacts: {\n        email: email.value.trim()\n      }\n    };\n\n    // Используем публичный API для создания заявки\n    const response = await fetch(`${process.env.API_URL}/api/applications/public`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(application)\n    });\n\n    if (!response.ok) {\n      throw new Error('Failed to create application');\n    }\n\n    const result = await response.json();\n\n    showSuccessPopup()\n    return Promise.resolve(result);\n  } catch (error) {\n    console.log(error)\n    store.core.setError(error)\n    return Promise.reject(error);\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconFacebook","IconInstagram","IconTelegram","IconTwitter","IconYoutube","IconLinkedin","IconWhatsapp","email"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,gBAAY,SAAS,UAAU,OAAO;AAEtC,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAsDd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACxB,UAAU;AAAA,IACZ,CAAC;AAED,QAAI,QAAQ,IAAI,EAAE;AAClB,QAAI,qBAAqB,IAAI,KAAK;AAElC,UAAM,cAAc;AAAA,MAClB,UAAUA;AAAAA,MACV,WAAWC;AAAAA,MACX,UAAUC;AAAAA,MACV,SAASC;AAAAA,MACT,SAASC;AAAAA,MACT,UAAUC;AAAAA,MACV,UAAUC;AAAAA,IACZ;AAGA,aAAS,cAAcC,QAAO;AAC5B,YAAM,aAAa;AACnB,aAAO,WAAW,KAAKA,MAAK;AAAA,IAC9B;AAEA,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,mBAAe,kBAAkB;AAE/B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAM,QAAQ;AACvC,cAAM,KAAK,SAAS,EAAE,SAAS,EAAE,2BAA2B,KAAK,oBAAmB,CAAE;AACtF,eAAO,QAAQ,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAAA,MACtD;AAEA,UAAI,CAAC,cAAc,MAAM,MAAM,KAAI,CAAE,GAAG;AACtC,cAAM,KAAK,SAAS,EAAE,SAAS,EAAE,0BAA0B,KAAK,uBAAsB,CAAE;AACxF,eAAO,QAAQ,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,MACzD;AAEA,WAAK,SAAS,wBAAwB;AAAA,QACpC,kBAAkB;AAAA,QAClB,eAAe;AAAA,MACnB,CAAG;AAED,UAAI;AACF,YAAI,cAAc;AAAA,UAChB,MAAM;AAAA,UACN,UAAU;AAAA,YACR,OAAO,MAAM,MAAM,KAAI;AAAA,UAC/B;AAAA,QACA;AAGI,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,IAAI,OAAO,4BAA4B;AAAA,UAC7E,QAAQ;AAAA,UACR,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,UACM,MAAM,KAAK,UAAU,WAAW;AAAA,QACtC,CAAK;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAChD;AAEA,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,yBAAgB;AAChB,eAAO,QAAQ,QAAQ,MAAM;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjB,cAAM,KAAK,SAAS,KAAK;AACzB,eAAO,QAAQ,OAAO,KAAK;AAAA,MAC7B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/elements/PriceTotal.vue.js

@@ -2,25 +2,25 @@ import { computed, createElementBlock, openBlock, createElementVNode, createComm
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = { class: "total-calculations" };
 const _hoisted_2 = { class: "flex flex-nowrap pd-t-small" };
-const _hoisted_3 = { class: "w-100 t-transp" };
+const _hoisted_3 = { class: "w-100 opacity-50" };
 const _hoisted_4 = { class: "w-100 t-right" };
 const _hoisted_5 = {
   key: 0,
   class: "flex flex-nowrap pd-t-small"
 };
-const _hoisted_6 = { class: "w-100 t-transp" };
+const _hoisted_6 = { class: "w-100 opacity-50" };
 const _hoisted_7 = { class: "w-100 t-right" };
 const _hoisted_8 = {
   key: 1,
   class: "flex flex-nowrap pd-t-small"
 };
-const _hoisted_9 = { class: "w-100 t-transp" };
+const _hoisted_9 = { class: "w-100 opacity-50" };
 const _hoisted_10 = { class: "w-100 t-right" };
 const _hoisted_11 = {
   key: 2,
   class: "flex flex-nowrap br-black-transp-10 br-b-1px pd-b-small pd-t-small"
 };
-const _hoisted_12 = { class: "w-100 t-transp" };
+const _hoisted_12 = { class: "w-100 opacity-50" };
 const _hoisted_13 = { class: "w-100 t-right" };
 const _hoisted_14 = { class: "p-medium flex flex-nowrap pd-b-small pd-t-small" };
 const _hoisted_15 = { class: "w-100 fw-medium" };

package/dist/martyrs/src/modules/orders/components/elements/PriceTotal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceTotal.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-b-1px pd-b-small pd-t-small\">\n      <span class=\"w-100 t-transp\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-medium flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 fw-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main fw-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,QACI,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MACnC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PriceTotal.vue.js","sources":["../../../../../../../src/modules/orders/components/elements/PriceTotal.vue"],"sourcesContent":["<template>\n  <div class=\"total-calculations\">\n    <!-- Base price calculation -->\n    <p class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 opacity-50\">{{ t('subtotal') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{totalPrice}}</span>\n    </p>\n    \n    <!-- Platform fee (conditional) -->\n    <p v-if=\"showFees\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 opacity-50\">{{ t('feesRate') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{feesRate}}</span>\n    </p>\n    \n    <!-- VAT calculation (conditional) -->\n    <p v-if=\"showVat\" class=\"flex flex-nowrap pd-t-small\">\n      <span class=\"w-100 opacity-50\">{{ t('vat', { rate: vatRate * 100 }) }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{vatAmount}}</span>\n    </p>\n\n    <!-- Delivery fee (conditional) -->\n    <p v-if=\"showDeliveryFee\" class=\"flex flex-nowrap br-black-transp-10 br-b-1px pd-b-small pd-t-small\">\n      <span class=\"w-100 opacity-50\">{{ t('delivery') }}</span>\n      <span class=\"w-100 t-right\">{{currency}}{{deliveryAmount}}</span>\n    </p>\n    \n    <!-- Grand total -->\n    <p class=\"p-medium flex flex-nowrap pd-b-small pd-t-small\">\n      <span class=\"w-100 fw-medium\">{{ t('intotal') }}</span>\n      <span class=\"w-100 t-main fw-medium t-right\">{{currency}}{{grandTotal}}</span>\n    </p>\n  </div>\n</template>\n\n\n<script setup>\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nconst props = defineProps({\n  totalPrice: {\n    type: Number,\n    required: true\n  },\n  currency: {\n    type: String,\n    required: true\n  },\n  showFees: {\n    type: Boolean,\n    default: false\n  },\n  feesRate: {\n    type: Number,\n    default: 0\n  },\n  showVat: {\n    type: Boolean,\n    default: false\n  },\n  vatRate: {\n    type: Number,\n    default: 0\n  },\n  showDeliveryFee: {\n    type: Boolean,\n    default: false\n  },\n  deliveryRate: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst text = {\n  messages: {\n    en: {\n      subtotal: 'Subtotal',\n      feesRate: 'Platform Fee',\n      vat: 'VAT ({rate}%)',\n      delivery: 'Delivery',\n      intotal: 'In Total'\n    },\n    ru: {\n      subtotal: 'Подытог',\n      feesRate: 'Плата за платформу',\n      vat: 'НДС ({rate}%)',\n      delivery: 'Доставка',\n      intotal: 'Итого'\n    }\n  }\n};\n\nconst { t } = useI18n(text);\n\nconst formatPrice = (value) => value.toFixed(0);\n\nconst vatAmount = computed(() => {\n  if (!props.showVat) return 0;\n  return formatPrice(props.totalPrice * props.vatRate);\n});\n\nconst feesRate = computed(() => {\n  if (!props.showFees) return 0;\n  return formatPrice(props.totalPrice * props.feesRate);\n});\n\nconst deliveryAmount = computed(() => {\n  if (!props.showDeliveryFee) return 0;\n  return formatPrice(props.deliveryRate);\n});\n\nconst grandTotal = computed(() => {\n  return formatPrice(\n    parseFloat(props.totalPrice) +\n    parseFloat(feesRate.value) +\n    parseFloat(vatAmount.value) +\n    parseFloat(deliveryAmount.value)\n  );\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAmCd,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,QACI,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,QACf;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE9C,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,MAAM,QAAS,QAAO;AAC3B,aAAO,YAAY,MAAM,aAAa,MAAM,OAAO;AAAA,IACrD,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,aAAO,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,IACtD,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,CAAC,MAAM,gBAAiB,QAAO;AACnC,aAAO,YAAY,MAAM,YAAY;AAAA,IACvC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,QACL,WAAW,MAAM,UAAU,IAC3B,WAAW,SAAS,KAAK,IACzB,WAAW,UAAU,KAAK,IAC1B,WAAW,eAAe,KAAK;AAAA,MACnC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -97,7 +97,7 @@ const _sfc_main = {
               { name: "Created", value: "created" },
               { name: "In Progress", value: "in_progress" },
               { name: "Completed", value: "completed" },
-              { name: "Cancelled", value: "cancelled" }
+              { name: "Canceled", value: "canceled" }
             ],
             "onUpdate:select": _cache[5] || (_cache[5] = (option) => {
               application.value.status = option.value;

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

@@ -1 +1 @@
-{"version":3,"file":"FormApplicationDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/forms/FormApplicationDetails.vue"],"sourcesContent":["<template>\n  <Block :title=\"title\" class=\"mn-b-thin\">\n    <Field \n      v-model:field=\"application.contacts.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=\"application.contacts.email\"   \n      label=\"Email\"  \n      placeholder=\"Enter email\"  \n      type=\"email\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"application.contacts.phone\"   \n      label=\"Phone\"  \n      placeholder=\"Enter phone\"  \n      type=\"tel\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n    <Select \n      :select=\"typeSelected\"\n      :options=\"[\n        {name: 'Newsletter', value: 'newsletter'}, \n        {name: 'Support', value: 'support'}, \n        {name: 'Inquiry', value: 'inquiry'},\n        {name: 'Feedback', value: 'feedback'},\n        {name: 'Other', value: 'other'}\n      ]\"\n      @update:select=\"(option) => { application.type = option.value; typeSelected = option }\"\n      placeholder=\"Type\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-model:field=\"application.text\"   \n      label=\"Message\"  \n      placeholder=\"Enter message\"  \n      type=\"textarea\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Select \n      :select=\"statusSelected\"\n      :options=\"[\n        {name: 'Created', value: 'created'}, \n        {name: 'In Progress', value: 'in_progress'}, \n        {name: 'Completed', value: 'completed'},\n        {name: 'Cancelled', value: 'cancelled'}\n      ]\"\n      @update:select=\"(option) => { application.status = option.value; statusSelected = option }\"\n      placeholder=\"Status\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <div 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 Application' : '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 Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nconst application = defineModel('application', { required: true })\n\nlet typeSelected = ref({name: 'Newsletter', value: 'newsletter'})\nlet statusSelected = ref({name: 'Created', value: 'created'})\n\ndefineProps({\n  title: {\n    type: String,\n    default: 'Application Data'\n  }, \n  createMode: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['save', 'cancel']);\n\n// Ensure nested objects exist\nwatch(application, (newApplication) => {\n  if (newApplication) {\n    if (!newApplication.contacts) {\n      newApplication.contacts = { name: null, email: null, phone: null };\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":";;;;;;;;;;;;;;;;;;;;;;;AAkFA,UAAM,cAAcA,SAAW,SAAC,aAAiC;AAEjE,QAAI,eAAe,IAAI,EAAC,MAAM,cAAc,OAAO,aAAY,CAAC;AAChE,QAAI,iBAAiB,IAAI,EAAC,MAAM,WAAW,OAAO,UAAS,CAAC;AAa5D,UAAM,OAAO;AAGb,UAAM,aAAa,CAAC,mBAAmB;AACrC,UAAI,gBAAgB;AAClB,YAAI,CAAC,eAAe,UAAU;AAC5B,yBAAe,WAAW,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,KAAI;AAAA,QAClE;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":"FormApplicationDetails.vue.js","sources":["../../../../../../../src/modules/orders/components/forms/FormApplicationDetails.vue"],"sourcesContent":["<template>\n  <Block :title=\"title\" class=\"mn-b-thin\">\n    <Field \n      v-model:field=\"application.contacts.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=\"application.contacts.email\"   \n      label=\"Email\"  \n      placeholder=\"Enter email\"  \n      type=\"email\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"application.contacts.phone\"   \n      label=\"Phone\"  \n      placeholder=\"Enter phone\"  \n      type=\"tel\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n    <Select \n      :select=\"typeSelected\"\n      :options=\"[\n        {name: 'Newsletter', value: 'newsletter'}, \n        {name: 'Support', value: 'support'}, \n        {name: 'Inquiry', value: 'inquiry'},\n        {name: 'Feedback', value: 'feedback'},\n        {name: 'Other', value: 'other'}\n      ]\"\n      @update:select=\"(option) => { application.type = option.value; typeSelected = option }\"\n      placeholder=\"Type\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-model:field=\"application.text\"   \n      label=\"Message\"  \n      placeholder=\"Enter message\"  \n      type=\"textarea\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Select \n      :select=\"statusSelected\"\n      :options=\"[\n        {name: 'Created', value: 'created'}, \n        {name: 'In Progress', value: 'in_progress'}, \n        {name: 'Completed', value: 'completed'},\n        {name: 'Canceled', value: 'canceled'}\n      ]\"\n      @update:select=\"(option) => { application.status = option.value; statusSelected = option }\"\n      placeholder=\"Status\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <div 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 Application' : '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 Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nconst application = defineModel('application', { required: true })\n\nlet typeSelected = ref({name: 'Newsletter', value: 'newsletter'})\nlet statusSelected = ref({name: 'Created', value: 'created'})\n\ndefineProps({\n  title: {\n    type: String,\n    default: 'Application Data'\n  }, \n  createMode: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['save', 'cancel']);\n\n// Ensure nested objects exist\nwatch(application, (newApplication) => {\n  if (newApplication) {\n    if (!newApplication.contacts) {\n      newApplication.contacts = { name: null, email: null, phone: null };\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":";;;;;;;;;;;;;;;;;;;;;;;AAkFA,UAAM,cAAcA,SAAW,SAAC,aAAiC;AAEjE,QAAI,eAAe,IAAI,EAAC,MAAM,cAAc,OAAO,aAAY,CAAC;AAChE,QAAI,iBAAiB,IAAI,EAAC,MAAM,WAAW,OAAO,UAAS,CAAC;AAa5D,UAAM,OAAO;AAGb,UAAM,aAAa,CAAC,mBAAmB;AACrC,UAAI,gBAAgB;AAClB,YAAI,CAAC,eAAe,UAAU;AAC5B,yBAAe,WAAW,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,KAAI;AAAA,QAClE;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

@@ -1,4 +1,4 @@
-import { useModel, ref, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, unref, renderList } from "vue";
+import { mergeModels, useModel, computed, ref, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, unref, renderList } from "vue";
 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";
@@ -7,28 +7,34 @@ 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 _sfc_main$6 from "../blocks/CardCustomer.vue.js";
+import _sfc_main$6 from "../../../core/views/components/blocks/CardUser.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";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { key: 1 };
-const _hoisted_2 = ["onClick"];
 const _sfc_main = {
   __name: "FormSelectCustomer",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
+    orgId: {
+      type: String,
+      default: null
+    }
+  }, {
     "customer": {
       type: Object,
       default: null
     },
     "customerModifiers": {}
-  },
+  }),
   emits: ["update:customer"],
   setup(__props) {
-    const { formatDate } = useGlobalMixins();
+    const { formatDate, formatPhone } = useGlobalMixins();
+    const props = __props;
     const customer = useModel(__props, "customer");
     const route = useRoute();
+    const ownerOrgId = computed(() => props.orgId || route.params._id);
     const searchUser = ref(null);
     const showCreatePopup = ref(false);
     const newCustomer = ref({ ...customerInitState });
@@ -40,10 +46,10 @@ const _sfc_main = {
     }
     function openCreatePopup() {
       newCustomer.value = { ...customerInitState };
-      if (route.params._id) {
+      if (ownerOrgId.value) {
         newCustomer.value.owner = {
           type: "Organization",
-          target: route.params._id
+          target: ownerOrgId.value
         };
       }
       newCustomer.value.creator = {
@@ -59,32 +65,44 @@ const _sfc_main = {
     async function saveNewCustomer() {
       try {
         const cleanData = { ...newCustomer.value };
+        delete cleanData._id;
+        delete cleanData.user;
         if (!cleanData.email) delete cleanData.email;
         if (!cleanData.phone) delete cleanData.phone;
         if (!cleanData.notes) delete cleanData.notes;
-        if (!cleanData.referral?.code) {
-          if (cleanData.referral) delete cleanData.referral.code;
+        if (!cleanData.referral?.code) delete cleanData.referral;
+        if (cleanData.messenger && !cleanData.messenger.type) delete cleanData.messenger;
+        if (cleanData.socials) {
+          const hasSocials = Object.values(cleanData.socials).some((v) => v);
+          if (!hasSocials) delete cleanData.socials;
+        }
+        if (cleanData.address) {
+          const hasAddress = Object.values(cleanData.address).some((v) => v);
+          if (!hasAddress) delete cleanData.address;
         }
         cleanData.owner = {
           type: "Organization",
-          target: route.params._id
+          target: ownerOrgId.value
         };
         cleanData.creator = {
           type: "User",
           target: state.user._id
         };
+        console.log("[FormSelectCustomer] ownerOrgId:", ownerOrgId.value, "route._id:", route.params._id);
+        console.log("[FormSelectCustomer] cleanData:", JSON.stringify(cleanData));
         const created = await customers.create(cleanData);
+        console.log("[FormSelectCustomer] created:", created?._id, created?.profile?.name);
         customer.value = created;
         closeCreatePopup();
       } catch (error) {
-        console.error("Error creating customer:", error);
+        console.error("[FormSelectCustomer] Error creating customer:", error?.message, error?.status, error?.info);
       }
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_sfc_main$1, {
           title: "Customer",
-          class: "pos-relative mn-b-thin",
+          class: "pos-relative",
           actions: [{
             label: "+",
             function: () => openCreatePopup()
@@ -94,13 +112,14 @@ const _sfc_main = {
             customer.value?._id ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
               photo: customer.value.profile?.photo,
-              title: customer.value.profile?.name || customer.value.phone || customer.value.email || "Unnamed Customer",
-              subtitle: customer.value.email || customer.value.phone,
+              title: customer.value.profile?.name || unref(formatPhone)(customer.value.phone) || customer.value.email || "Unnamed Customer",
+              subtitle: customer.value.email || unref(formatPhone)(customer.value.phone),
               action: {
                 label: { is: _sfc_main$3 },
                 method: clearCustomer
               },
-              class: "bg-white h-2r pd-thin radius-medium w-100 flex flex-v-center gap-thin"
+              classImage: "h-3r w-3r radius-small o-hidden flex-shrink-0",
+              class: "h-4r w-100 bg-white pd-thin radius-medium mn-b-thin flex-v-center flex-nowrap flex gap-thin cursor-pointer"
             }, null, 8, ["photo", "title", "subtitle", "action"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
               createVNode(_sfc_main$4, {
                 onSearch: _cache[0] || (_cache[0] = (event) => {
@@ -119,23 +138,25 @@ const _sfc_main = {
                 store: unref(customers),
                 options: {
                   search: searchUser.value,
-                  owner: unref(route).params._id
+                  owner: ownerOrgId.value
                 },
                 showLoadMore: false,
                 class: "h-max-20r o-scroll"
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (customerItem) => {
-                    return openBlock(), createElementBlock("div", {
+                    return openBlock(), createBlock(_sfc_main$6, {
                       key: customerItem._id,
                       onClick: ($event) => selectCustomer(customerItem),
-                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer"
-                    }, [
-                      createVNode(_sfc_main$6, {
-                        customer: customerItem,
-                        formatDate: unref(formatDate)
-                      }, null, 8, ["customer", "formatDate"])
-                    ], 8, _hoisted_2);
+                      user: customerItem,
+                      photo: customerItem.profile?.photo,
+                      name: customerItem.profile?.name || unref(formatPhone)(customerItem.phone) || customerItem.email || "Unnamed",
+                      phone: unref(formatPhone)(customerItem.phone),
+                      email: customerItem.email,
+                      status: customerItem.status,
+                      statusClass: customerItem.status === "active" ? "bg-green t-white" : "bg-red t-white",
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer h-4r"
+                    }, null, 8, ["onClick", "user", "photo", "name", "phone", "email", "status", "statusClass"]);
                   }), 128))
                 ]),
                 _: 1