@ozdao/martyrs 0.2.512 → 0.2.513

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

@@ -1,13 +1,19 @@
-import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef, createTextVNode, toDisplayString } from "vue";
+import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createElementBlock, unref, isRef, createTextVNode, toDisplayString } from "vue";
 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.vue2.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
-const _hoisted_1 = { class: "mn-t-small" };
-const _hoisted_2 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$3 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,
+  class: "mn-t-small"
+};
 const _hoisted_3 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
-const _hoisted_4 = { class: "gap-thin flex mn-t-small" };
+const _hoisted_4 = {
+  key: 4,
+  class: "gap-thin flex mn-t-small"
+};
 const _sfc_main = {
   __name: "FormCustomerDetails",
   props: /* @__PURE__ */ mergeModels({
@@ -18,6 +24,18 @@ const _sfc_main = {
     createMode: {
       type: Boolean,
       default: false
+    },
+    showAdminFields: {
+      type: Boolean,
+      default: true
+    },
+    showButtons: {
+      type: Boolean,
+      default: true
+    },
+    showAddressFields: {
+      type: Boolean,
+      default: true
     }
   }, {
     "customer": { required: true },
@@ -64,25 +82,10 @@ const _sfc_main = {
         class: "mn-b-thin"
       }, {
         default: withCtx(() => [
-          createVNode(Field, {
-            field: customer.value.profile.name,
-            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => customer.value.profile.name = $event),
-            label: "Name",
-            placeholder: "Enter name",
-            class: "bg-white pd-small radius-small mn-b-thin"
-          }, null, 8, ["field"]),
-          createVNode(Field, {
-            field: customer.value.email,
-            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => customer.value.email = $event),
-            label: "Email",
-            placeholder: "Enter email",
-            type: "email",
-            class: "bg-white pd-small radius-small mn-b-thin"
-          }, null, 8, ["field"]),
           createVNode(_sfc_main$2, {
             modelValue: customer.value.number,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => customer.value.number = $event),
-            onCountry: _cache[3] || (_cache[3] = (country) => {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customer.value.number = $event),
+            onCountry: _cache[1] || (_cache[1] = (country) => {
               customer.value.phone = country;
             }),
             inputOptions: {
@@ -99,7 +102,44 @@ const _sfc_main = {
             mode: "national",
             class: "w-100 bg-white pd-small mn-b-thin radius-small"
           }, null, 8, ["modelValue"]),
-          createVNode(Select, {
+          createVNode(Field, {
+            field: customer.value.profile.name,
+            "onUpdate:field": _cache[2] || (_cache[2] = ($event) => customer.value.profile.name = $event),
+            label: "Name",
+            placeholder: "Enter name",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createVNode(Field, {
+            field: customer.value.email,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => customer.value.email = $event),
+            label: "Email",
+            placeholder: "Enter email",
+            type: "email",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createElementVNode("div", _hoisted_1, [
+            createVNode(Select, {
+              select: unref(messengerSelected),
+              options: [
+                { name: "Instagram", value: "instagram" },
+                { name: "Telegram", value: "telegram" },
+                { name: "WhatsApp", value: "whatsapp" }
+              ],
+              "onUpdate:select": _cache[4] || (_cache[4] = (option) => isRef(messengerSelected) ? messengerSelected.value = option : messengerSelected = option),
+              placeholder: "Messenger",
+              size: "small",
+              class: "bg-white pd-small radius-small"
+            }, null, 8, ["select"]),
+            createVNode(Field, {
+              field: customer.value.socials[unref(messengerSelected).value],
+              "onUpdate:field": _cache[5] || (_cache[5] = ($event) => customer.value.socials[unref(messengerSelected).value] = $event),
+              label: "@",
+              placeholder: "Enter username",
+              class: "bg-white pd-small radius-small w-100"
+            }, null, 8, ["field"])
+          ]),
+          __props.showAdminFields ? (openBlock(), createBlock(Select, {
+            key: 0,
             select: unref(sourceSelected),
             options: [
               { name: "Web", value: "web" },
@@ -111,40 +151,41 @@ const _sfc_main = {
               { name: "Social", value: "social" },
               { name: "Email", value: "email" }
             ],
-            "onUpdate:select": _cache[4] || (_cache[4] = (option) => {
+            "onUpdate:select": _cache[6] || (_cache[6] = (option) => {
               customer.value.source = option.value;
               isRef(sourceSelected) ? sourceSelected.value = option : sourceSelected = option;
             }),
             placeholder: "Source",
             class: "bg-white pd-small radius-small mn-b-thin"
-          }, null, 8, ["select"]),
-          createVNode(Field, {
+          }, null, 8, ["select"])) : createCommentVNode("", true),
+          __props.showAdminFields ? (openBlock(), createBlock(Field, {
+            key: 1,
             field: customer.value.referral.code,
-            "onUpdate:field": _cache[5] || (_cache[5] = ($event) => customer.value.referral.code = $event),
+            "onUpdate:field": _cache[7] || (_cache[7] = ($event) => customer.value.referral.code = $event),
             label: "Referral Code",
             placeholder: "Enter referral code",
             class: "bg-white pd-small radius-small mn-b-thin"
-          }, null, 8, ["field"]),
+          }, null, 8, ["field"])) : createCommentVNode("", true),
           createVNode(Field, {
             field: customer.value.notes,
-            "onUpdate:field": _cache[6] || (_cache[6] = ($event) => customer.value.notes = $event),
+            "onUpdate:field": _cache[8] || (_cache[8] = ($event) => customer.value.notes = $event),
             label: "Notes",
             placeholder: "Enter notes",
             type: "textarea",
             class: "bg-white pd-small radius-small mn-b-thin"
           }, null, 8, ["field"]),
-          createElementVNode("div", _hoisted_1, [
+          __props.showAddressFields ? (openBlock(), createElementBlock("div", _hoisted_2, [
             _cache[15] || (_cache[15] = createElementVNode("h3", { class: "t-medium mn-b-thin" }, "Address Information", -1)),
             createVNode(Field, {
               field: customer.value.address.country,
-              "onUpdate:field": _cache[7] || (_cache[7] = ($event) => customer.value.address.country = $event),
+              "onUpdate:field": _cache[9] || (_cache[9] = ($event) => customer.value.address.country = $event),
               label: "Country",
               placeholder: "Enter country",
               class: "bg-white pd-small radius-small mn-b-thin"
             }, null, 8, ["field"]),
             createVNode(Field, {
               field: customer.value.address.addressLine1,
-              "onUpdate:field": _cache[8] || (_cache[8] = ($event) => customer.value.address.addressLine1 = $event),
+              "onUpdate:field": _cache[10] || (_cache[10] = ($event) => customer.value.address.addressLine1 = $event),
               label: "Address Line 1",
               placeholder: "Enter address line 1",
               class: "bg-white pd-small radius-small mn-b-thin",
@@ -152,64 +193,44 @@ const _sfc_main = {
             }, null, 8, ["field"]),
             createVNode(Field, {
               field: customer.value.address.addressLine2,
-              "onUpdate:field": _cache[9] || (_cache[9] = ($event) => customer.value.address.addressLine2 = $event),
+              "onUpdate:field": _cache[11] || (_cache[11] = ($event) => customer.value.address.addressLine2 = $event),
               label: "Address Line 2",
               placeholder: "Enter address line 2",
               class: "bg-white pd-small radius-small mn-b-thin"
             }, null, 8, ["field"]),
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
               createVNode(Field, {
                 field: customer.value.address.city,
-                "onUpdate:field": _cache[10] || (_cache[10] = ($event) => customer.value.address.city = $event),
+                "onUpdate:field": _cache[12] || (_cache[12] = ($event) => customer.value.address.city = $event),
                 label: "City",
                 placeholder: "Enter city",
                 class: "bg-white pd-small radius-small w-100"
               }, null, 8, ["field"]),
               createVNode(Field, {
                 field: customer.value.address.postalCode,
-                "onUpdate:field": _cache[11] || (_cache[11] = ($event) => customer.value.address.postalCode = $event),
+                "onUpdate:field": _cache[13] || (_cache[13] = ($event) => customer.value.address.postalCode = $event),
                 label: "Postal Code",
                 placeholder: "Enter postal code",
                 class: "bg-white pd-small radius-small w-100"
               }, null, 8, ["field"])
             ])
-          ]),
-          createVNode(Select, {
+          ])) : createCommentVNode("", true),
+          __props.showAdminFields ? (openBlock(), createBlock(Select, {
+            key: 3,
             select: unref(statusSelected),
             options: [
               { name: "Active", value: "active" },
               { name: "Inactive", value: "inactive" },
               { name: "Blocked", value: "blocked" }
             ],
-            "onUpdate:select": _cache[12] || (_cache[12] = (option) => {
+            "onUpdate:select": _cache[14] || (_cache[14] = (option) => {
               customer.value.status = option.value;
               isRef(statusSelected) ? statusSelected.value = option : statusSelected = option;
             }),
             placeholder: "Status",
             class: "bg-white pd-small radius-small mn-b-thin"
-          }, null, 8, ["select"]),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(Select, {
-              select: unref(messengerSelected),
-              options: [
-                { name: "Instagram", value: "instagram" },
-                { name: "Telegram", value: "telegram" },
-                { name: "WhatsApp", value: "whatsapp" }
-              ],
-              "onUpdate:select": _cache[13] || (_cache[13] = (option) => isRef(messengerSelected) ? messengerSelected.value = option : messengerSelected = option),
-              placeholder: "Messenger",
-              size: "small",
-              class: "bg-white pd-small radius-small"
-            }, null, 8, ["select"]),
-            createVNode(Field, {
-              field: customer.value.socials[unref(messengerSelected).value],
-              "onUpdate:field": _cache[14] || (_cache[14] = ($event) => customer.value.socials[unref(messengerSelected).value] = $event),
-              label: "@",
-              placeholder: "Enter username",
-              class: "bg-white pd-small radius-small w-100"
-            }, null, 8, ["field"])
-          ]),
-          createElementVNode("div", _hoisted_4, [
+          }, null, 8, ["select"])) : createCommentVNode("", true),
+          __props.showButtons ? (openBlock(), createElementBlock("div", _hoisted_4, [
             createVNode(_sfc_main$3, {
               onClick: handleSave,
               class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
@@ -228,7 +249,7 @@ const _sfc_main = {
               ])),
               _: 1
             })
-          ])
+          ])) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["title"]);

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    <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    <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    \n    <Select \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-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 class=\"mn-t-small\">\n      <h3 class=\"t-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      :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    <div class=\"gap-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    <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 t-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 t-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});\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,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;AAa1D,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      <h3 class=\"t-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 t-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 t-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.cjs

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                         */
-const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 ;/* empty css                                          */
+const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
+;/* empty css                                         */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");

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

@@ -1,9 +1,9 @@
 import { useModel, 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";
-/* empty css                                       */
-import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                                        */
+import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
+/* empty css                                       */
 import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../globals/views/components/blocks/BlockSearch.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
@@ -34,7 +34,7 @@ const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
 const _hoisted_7 = { class: "flex gap-thin flex-column mn-b-thin" };
 const _hoisted_8 = {
   key: 1,
-  class: "gap-thin cols-2"
+  class: "gap-thin cols-2 mobile:cols-1"
 };
 const _hoisted_9 = { class: "w-100" };
 const _hoisted_10 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
@@ -307,7 +307,7 @@ const _sfc_main = {
             vue.createElementVNode("div", _hoisted_10, [
               vue.createElementVNode("div", _hoisted_11, [
                 vue.createElementVNode("div", _hoisted_12, [
-                  _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "d-block t-medium p-medium" }, "Order is", -1)),
+                  _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "d-block t-medium p-medium mn-b-thin" }, "Order is", -1)),
                   vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(order.value.status), 1),
                   vue.createElementVNode("p", _hoisted_14, vue.toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: vue.unref(locale) })), 1)
                 ])
@@ -402,6 +402,6 @@ const _sfc_main = {
     };
   }
 };
-const OrderBackoffice = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b6c8ad09"]]);
+const OrderBackoffice = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-83eadb3a"]]);
 exports.default = OrderBackoffice;
 //# sourceMappingURL=OrderBackoffice.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin bg-white\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n\t  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t\t    <div v-for=\"(status, index) in globals.state.options.orders.statuses\" :key=\"index\" class=\"w-20\">\n\t\t      <div\n\t\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t\t        :class=\"\n\t\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t\t    { 'blink': order.status === status.value && getNextStatus(order.status) }\n\t\t\t\t\t  \"\n\t\t      />\n\t\t      <div \n\t\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ status.value }}</div>\n\t\t    \t</div>\n\t\t\t  </div>\n\t  </div>\n\n  \t<Popup \n      title=\"Payment Status\" \n      @close-popup=\"closePaymentPopup\" \n      :isPopupOpen=\"isOpenPaymentPopup\"\n      class=\"bg-light w-min-25r w-max-25r radius-medium pd-big\"\n    >\n    \t<Select \n        v-model:select=\"selectedPayments.type\"\n        :property=\"'value'\"\n        label=\"Type\"\n        :options=\"[\n          {name: 'Cash',  value: 'cash'}, \n          {name: 'Card', value: 'card'}, \n          {name: 'Bank Transfer', value: 'bank'},\n        ]\"\n        placeholder=\"Select type of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-thin pd-regular radius-small w-100\"\n      />\n\n      <Select \n        v-model:select=\"selectedPayments.status\"\n        :property=\"'value'\"\n        label=\"Status\"\n        :options=\"[\n          {name: 'Unpaid',  value: 'unpaid'}, \n          {name: 'Paid', value: 'paid'}, \n          {name: 'Refunded', value: 'refunded'},\n        ]\"\n        placeholder=\"Select status of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-small pd-regular radius-small w-100\"\n      />\n\n\n      <Button :submit=\"changePaymentStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>Change Status</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\t  <Popup \n      title=\"Change order status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-light w-min-30r w-max-30r radius-medium pd-big\"\n    >\n\n\t\t\t<!-- Добавить выбор примерного времени -->\n\n    \t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in order.positions\" \n  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n  \t\t\t\t:editable=\"!order.status_history || order.status_history.length <= 1\" \n  \t\t\t\t:productId=\"product._id\"\n  \t\t\t\t:variantId=\"product.variant\"\n  \t\t\t\t:images=\"product.images\"\n  \t\t\t\t:name=\"product.name\"\n  \t\t\t\t:quantity=\"product.quantity\"\n  \t\t\t\t:unit=\"product.unit\"\n  \t\t\t\t:dates=\"product.date\"\n  \t\t\t\t:listing=\"product.listing\"\n  \t\t\t\t:price=\"product.price\"\n  \t\t\t\t:increase=\"() => orders.mutations.incrementItemQuantity(order, product._id, product.variant)\"\n\t        :decrease=\"() => orders.mutations.decrementItemQuantity(order, product._id, product.variant)\"\n\t        :remove=\"() => orders.mutations.removeProduct(order, product._id, product.variant)\"\n\t        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ positions: order.positions, productId, variantId, dates })\"\n  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n  \t\t\t/>\n      </ul>\n      \n      <PriceTotal \n        :totalPrice=\"cartTotalPrice\"\n        :currency=\"returnCurrency()\"\n        :showFees=\"globals.state.options?.orders?.showFees\"\n        :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n        :showVat=\"globals.state.options?.orders?.showVat\"\n        :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n      />\n\n    \t<Button :submit=\"setNextStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>{{'Confirm Changing to ' + (getNextStatus(order.status)).label}}</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t\t\t\t\t{{order.delivery.address || (order.delivery.spot[0]?.profile.name + (order.delivery.spot[0]?.address ? ', ' + order.delivery.spot[0].address : '')) || 'Not specified'}}\n\t\t\t      </p>\n\n\n\n\t\t\t    </div>\n\n\n\t\t\t    <div v-if=\"order.comment\" class=\"pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small\">\n\t\t\t      <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n\t\t\t      <p>{{order.comment}}</p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.delivery.type ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t     <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-r-auto t-medium p-medium\">\n\t\t\t      \tPayment\n\t\t\t      </p>\n\n\n\t\t\t      <p class=\"w-max t-right\">\n\t\t\t        {{order.payment.type ? order.payment.type : 'Not specified'}} \n\t\t\t      </p>\n\n\t\t\t      <p @click=\"route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)\" class=\"w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right\">\n\t\t\t        {{order.payment.status ? order.payment.status : 'Unpaid'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"route.meta.context !== 'user' && route.meta.context !== 'root'\" class=\"o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex\">\n\t\t  \t\t<div class=\"flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n\t\t  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n\t\t        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>\n\t\t\t  \t</div>\n\t\t\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"flex-child-default  mn-l-auto bg-black t-white button\">  \n\t\t\t\t    Mark as {{ (getNextStatus(order.status)).label }}  \n\t\t\t\t  </button>\n\t\t  \t</div>\n\n\t\t\t<div class=\"bg-light radius-medium pd-medium  mn-r-bold  w-100\">\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatPage\n\t\t    \t:username=\"['Order', 'UserOrder'].includes(route.name) ? (order.user?.name || 'User') : 'Support'\"\n\t\t    \t:user=\"auth.state.user._id\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bs-black bg-light o-hidden\"\n\t\t    />\n\n\t    </div>\n\t     \t<!-- <StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/> -->\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-medium pd-medium   w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in order.positions\" \n\t  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:productId=\"product._id\"\n\t  \t\t\t\t:variantId=\"product.variant\"\n\t  \t\t\t\t:images=\"product.images\"\n\t  \t\t\t\t:name=\"product.name\"\n\t  \t\t\t\t:quantity=\"product.quantity\"\n\t  \t\t\t\t:unit=\"product.unit\"\n\t  \t\t\t\t:dates=\"product.date\"\n\t  \t\t\t\t:listing=\"product.listing\"\n\t  \t\t\t\t:price=\"product.price\"\n\t  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders?.showFees\"\n          :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders?.showVat\"\n          :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n\t\t\t\t  :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n\n        />\n     \t</div>\n\n\t   \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\n\timport CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatPage from '@martyrs/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@martyrs/src/modules/orders/components/blocks/StatusHistory.vue'\n\timport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\timport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders.js'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products.js'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = globals.state.options.orders.statuses\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n  if (route.meta.context === 'user' && \n      auth.state.user && \n      route.params._id !== auth.state.user?._id && \n      !auth.state.access?.roles?.includes('ROLE_MODERATOR') && \n      !auth.state.access?.roles?.includes('ROLE_ADMIN')) {\n    router.push('/401');\n  }\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tconst isOpenPaymentPopup = ref(false);\n\n\tconst selectedPayments = ref({\n\t\ttype: null,\n\t\tstatus: null\n\t});\n\n\tfunction openPaymentPopup() {\n\t  selectedPayments.value.type = order.value.payment.type\n\t  selectedPayments.value.status = order.value.payment.status\n\n\t  isOpenPaymentPopup.value = true;\n\t}\n\n\tfunction closePaymentPopup() {\n\t  isOpenPaymentPopup.value = false;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t    lookup: ['spots']\n\t  });\n\n\t})\n\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n\tlet cartTotalPrice = computed(() => {\n     return Number(order.value?.positions.reduce((total, product) => {\n      // Проверяем тип листинга\n      if (product.listing === 'rent') {\n        const start = new Date(product.date.start)\n        const end = new Date(product.date.end)\n        const diffTime = Math.abs(end - start)\n        return total + product.price * (Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1);\n      } else {\n        // Для обычных товаров умножаем на количество\n        return total + product.price * (product.quantity || 1);\n      }\n    }, 0));\n  })\n\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\n\tfunction getNextStatus(currentStatus) {\n\t  const currentIndex = globals.state.options.orders.statuses.findIndex(status => status.value === currentStatus);\n\n\t  if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n\t    return globals.state.options.orders.statuses[currentIndex + 1];\n\t  }\n\t  return null; // If next status doesn't exist\n\t}\n\n\tconst isActiveStatus = (index) => {\n\t  return globals.state.options.orders.statuses.slice(index).some(status => status.value === order.value.status);\n\t};\n\n  async function changePaymentStatus() {\n    if (selectedPayments.value.status && selectedPayments.value.type) {\n      orders.state.current.payment = selectedPayments.value;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Payment status is void. Must handle somehow.');\n    }\n\n\t\tclosePaymentPopup()\n  }\n\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus.value;\n      \n      // Обновляем позиции заказа из текущего состояния\n      orders.state.current.positions = order.value.positions;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n  async function cancelOrder() {\n  \talert()\n\n    orders.state.current.status = 'canceled';\n\n    await orders.actions.update(orders.state.current)\n}\n\n\n  async function confirmOrder() {\n  \talert()\n\n    orders.state.current.status = 'confirmed';\n\n    await orders.actions.update(orders.state.current)\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["useI18n","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","computed","orders.state","orders.getters"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0TC,UAAM,EAAE,OAAM,IAAKA,gBAAO;AAE1B,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,QAAQC,IAAAA,IAAI,IAAI;AACOA,QAAAA,IAAI,IAAI;AACrC,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElC,UAAM,WAAWC,QAAAA,MAAc,QAAQ,OAAO;AAG7C,QAAI,MAAM,KAAK,YAAY,UACvBC,KAAAA,MAAW,QACX,MAAM,OAAO,QAAQA,KAAAA,MAAW,MAAM,OACtC,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,gBAAgB,KACpD,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,YAAY,GAAG;AACrD,aAAO,KAAK,MAAM;AAAA,IACpB;AAED,UAAM,mBAAmBF,IAAAA,IAAI,KAAK;AAClC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,uBAAiB,QAAQ;AACzB,UAAI,OAAO,WAAW,SAAU,gBAAe,QAAQ;AAAA,IACzD;AAEA,aAAS,mBAAmB;AAC1B,uBAAiB,QAAQ;AACzB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,UAAM,mBAAmBA,IAAAA,IAAI;AAAA,MAC5B,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAE;AAED,aAAS,mBAAmB;AAC1B,uBAAiB,MAAM,OAAO,MAAM,MAAM,QAAQ;AAClD,uBAAiB,MAAM,SAAS,MAAM,MAAM,QAAQ;AAEpD,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEAG,QAAAA,UAAU,YAAS;AAClB,YAAM,QAAQ,MAAMC,eAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE1B,wBAAkB,QAAQ,MAAMC,cAAAA,QAAsB,KAAK;AAAA,QACzD,KAAK,MAAM,OAAO,MAAM,OAAO;AAAA,QAC/B,UAAUJ,QAAAA,MAAc,UAAU;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACrB,CAAI;AAAA,IAEH,CAAC;AAGF,UAAM,eAAeK,IAAAA,SAAS,MAAM;AAClC,YAAM,OAAOC,OAAAA,MAAa,QAAQ,SAAS;AAC3C,YAAM,WAAW,kBAAkB,MAAM,CAAC,GAAG,YAAY;AACzD,YAAM,SAASN,QAAAA,MAAc,SAAS,QAAQ,oBAAoB,CAAA;AAElE,aAAOO,eAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAEA,QAAI,iBAAiBF,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAE/D,YAAI,QAAQ,YAAY,QAAQ;AAC9B,gBAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,KAAK;AACzC,gBAAM,MAAM,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,gBAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,iBAAO,QAAQ,QAAQ,SAAS,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,QAChF,OAAO;AAEL,iBAAO,QAAQ,QAAQ,SAAS,QAAQ,YAAY;AAAA,QACtD;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAGqBA,QAAAA,SAAS,MAAM;AACnC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACzB,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAUF,aAAS,cAAc,eAAe;AACpC,YAAM,eAAeL,QAAAA,MAAc,QAAQ,OAAO,SAAS,UAAU,YAAU,OAAO,UAAU,aAAa;AAE7G,UAAI,iBAAiB,MAAM,eAAe,IAAI,SAAS,QAAQ;AAC7D,eAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,eAAe,CAAC;AAAA,MAC/D;AACA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,aAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,KAAK,YAAU,OAAO,UAAU,MAAM,MAAM,MAAM;AAAA,IAC9G;AAEC,mBAAe,sBAAsB;AACnC,UAAI,iBAAiB,MAAM,UAAU,iBAAiB,MAAM,MAAM;AAChEM,eAAAA,MAAa,QAAQ,UAAU,iBAAiB;AAEhD,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,8CAA8C;AAAA,MAC9D;AAEF,wBAAiB;AAAA,IACjB;AAEA,mBAAe,gBAAgB;AAC7B,YAAM,aAAa,cAAcA,aAAa,QAAQ,MAAM;AAE5D,UAAI,YAAY;AACdA,eAAAA,MAAa,QAAQ,SAAS,WAAW;AAGzCA,eAAAA,MAAa,QAAQ,YAAY,MAAM,MAAM;AAE7C,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,2CAA2C;AAAA,MAC3D;AAEF,uBAAgB;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderBackoffice.vue"],"sourcesContent":["<template>\n\t<div v-if=\"order && orderOrganization\" class=\"pd-thin bg-white\"> \n\n\t  <div v-if=\"order\" class=\"mn-b-thin pos-relative w-100 bg-main radius-medium pd-medium\">\n\t  \t<div class=\"mn-b-small flex-nowrap flex\">\n\t\t  \t<p class=\"t-medium p-medium\">\n\t\t     \tOrder No: <span class=\"p-small t-transp\">#{{order._id}}</span>\n\t\t    </p>\n\t\t\t</div>\n\n\t  \t<div class=\"flex-nowrap flex gap-thin pos-relative \">\n\t\t    <div v-for=\"(status, index) in globals.state.options.orders.statuses\" :key=\"index\" class=\"w-20\">\n\t\t      <div\n\t\t      \tclass=\"bg-white br-anim br-glow radius-extra h-1r w-100\"\n\t\t        :class=\"\n\t\t\t\t\t    { 'br-glow-anim': isActiveStatus(index) },\n\t\t\t\t\t    { 't-transp': !isActiveStatus(index) },\n\t\t\t\t\t    { 'blink': order.status === status.value && getNextStatus(order.status) }\n\t\t\t\t\t  \"\n\t\t      />\n\t\t      <div \n\t\t      \t:class=\"{ 't-transp': !isActiveStatus(index) }\"\n\t\t\t\t\t  class=\"mn-t-thin p-small t-medium uppercase\">{{ status.value }}</div>\n\t\t    \t</div>\n\t\t\t  </div>\n\t  </div>\n\n  \t<Popup \n      title=\"Payment Status\" \n      @close-popup=\"closePaymentPopup\" \n      :isPopupOpen=\"isOpenPaymentPopup\"\n      class=\"bg-light w-min-25r w-max-25r radius-medium pd-big\"\n    >\n    \t<Select \n        v-model:select=\"selectedPayments.type\"\n        :property=\"'value'\"\n        label=\"Type\"\n        :options=\"[\n          {name: 'Cash',  value: 'cash'}, \n          {name: 'Card', value: 'card'}, \n          {name: 'Bank Transfer', value: 'bank'},\n        ]\"\n        placeholder=\"Select type of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-thin pd-regular radius-small w-100\"\n      />\n\n      <Select \n        v-model:select=\"selectedPayments.status\"\n        :property=\"'value'\"\n        label=\"Status\"\n        :options=\"[\n          {name: 'Unpaid',  value: 'unpaid'}, \n          {name: 'Paid', value: 'paid'}, \n          {name: 'Refunded', value: 'refunded'},\n        ]\"\n        placeholder=\"Select status of payment\" \n        size=\"small\"\n        class=\"bg-white mn-b-small pd-regular radius-small w-100\"\n      />\n\n\n      <Button :submit=\"changePaymentStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>Change Status</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\t  <Popup \n      title=\"Change order status\" \n      @close-popup=\"closeStatusPopup\" \n      :isPopupOpen=\"isOpeStatusPopup\"\n      class=\"bg-light w-min-30r w-max-30r radius-medium pd-big\"\n    >\n\n\t\t\t<!-- Добавить выбор примерного времени -->\n\n    \t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n  \t\t\t<CardOrderItem\n  \t\t\t\tv-for=\"(product, index) in order.positions\" \n  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n  \t\t\t\t:editable=\"!order.status_history || order.status_history.length <= 1\" \n  \t\t\t\t:productId=\"product._id\"\n  \t\t\t\t:variantId=\"product.variant\"\n  \t\t\t\t:images=\"product.images\"\n  \t\t\t\t:name=\"product.name\"\n  \t\t\t\t:quantity=\"product.quantity\"\n  \t\t\t\t:unit=\"product.unit\"\n  \t\t\t\t:dates=\"product.date\"\n  \t\t\t\t:listing=\"product.listing\"\n  \t\t\t\t:price=\"product.price\"\n  \t\t\t\t:increase=\"() => orders.mutations.incrementItemQuantity(order, product._id, product.variant)\"\n\t        :decrease=\"() => orders.mutations.decrementItemQuantity(order, product._id, product.variant)\"\n\t        :remove=\"() => orders.mutations.removeProduct(order, product._id, product.variant)\"\n\t        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ positions: order.positions, productId, variantId, dates })\"\n  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n  \t\t\t/>\n      </ul>\n      \n      <PriceTotal \n        :totalPrice=\"cartTotalPrice\"\n        :currency=\"returnCurrency()\"\n        :showFees=\"globals.state.options?.orders?.showFees\"\n        :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n        :showVat=\"globals.state.options?.orders?.showVat\"\n        :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n      />\n\n    \t<Button :submit=\"setNextStatus\"  class=\"t-white w-100 bg-second\">\n\t\t\t\t<span>{{'Confirm Changing to ' + (getNextStatus(order.status)).label}}</span>\n\t\t\t</Button>\n\t \t</Popup>\n\n\n\t  \n\t  <div v-if=\"order\" class=\"gap-thin cols-2 mobile:cols-1\">\n\n\t    <div class=\"w-100\">\n\n\n\t\t    <CardOrganization \n\t\t    \tv-if=\"orderOrganization[0]\"\n\t\t      :organization=\"orderOrganization[0]\"\n\t\t      :showRating=\"true\"\n\t\t      :showFollowers=\"false\"\n\t\t      :showProducts=\"false\"\n\t\t      class=\"bg-light mn-b-thin w-100 o-hidden radius-medium pd-small \"\n\t\t    />\n\n\n\t\t    <div \n\t\t    \tclass=\"mn-b-thin bg-light w-100 o-hidden radius-medium \"\n\t\t    >\n\t\t    \t<div class=\"pd-small flex-nowrap flex\">\n\t\t\t    \t<div class=\"mn-r-auto\">\n\t\t\t\t    \t<span class=\"d-block t-medium p-medium mn-b-thin\">Order is</span>\n\t\t\t\t\t    <span class=\" t-lh-075 h2 d-block mn-b-small\">{{order.status}}</span>\n\t\t\t\t\t    <p class=\"pd-thin radius-extra bg-black t-white w-max\">{{formatDate(order.updatedAt, {language: locale })}}</p>\n\t\t\t\t\t  </div>\n\t\t\t\t\t <!--  <div class=\"t-right\">\n\t\t\t\t\t  \tCancel order<br>\n\t\t\t\t\t  \tExchange item\n\t\t\t\t\t  \t<hr class=\"mn-b-thin mn-t-thin\">\n\t\t\t\t\t  \tFor Delivery Queries Contact Us\n\t\t\t\t\t  \t\n\t\t\t\t\t  </div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"order.customer.target?.number\" class=\"pd-small flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"w-100 t-medium p-medium\">\n\t\t\t      \tPhone\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t      \t{{order.customer.target?.number || 'Not specified'}}\n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small   flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tAddress\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right\">\n\t\t\t\t\t\t\t{{order.delivery.address || (order.delivery.spot[0]?.profile.name + (order.delivery.spot[0]?.address ? ', ' + order.delivery.spot[0].address : '')) || 'Not specified'}}\n\t\t\t      </p>\n\n\n\n\t\t\t    </div>\n\n\n\t\t\t    <div v-if=\"order.comment\" class=\"pos-relative radius-thin mn-t-zero mn-thin bg-fifth-transp-10 pd-small\">\n\t\t\t      <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n\t\t\t      <p>{{order.comment}}</p>\n\t\t\t    </div>\n\n\t\t\t    <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"t-medium p-medium\">\n\t\t\t      \tDelivery\n\t\t\t      </p>\n\n\t\t\t      <p class=\"w-100 t-right \">\n\t\t\t        {{order.delivery.type ? order.delivery.type : 'Not specified'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\t\t\t     <div class=\"pd-small  flex flex-nowrap flex-v-center br-t br-black-transp-10 br-solid\">\n\t\t\t    \t<p class=\"mn-r-auto t-medium p-medium\">\n\t\t\t      \tPayment\n\t\t\t      </p>\n\n\n\t\t\t      <p class=\"w-max t-right\">\n\t\t\t        {{order.payment.type ? order.payment.type : 'Not specified'}} \n\t\t\t      </p>\n\n\t\t\t      <p @click=\"route.meta.context !== 'user' && route.meta.context !== 'root' ? openPaymentPopup() : console.log('Context:', route.meta.context)\" class=\"w-max pd-thin radius-small bg-second t-white mn-l-thin cursor-pointer hover-bg-black t-right\">\n\t\t\t        {{order.payment.status ? order.payment.status : 'Unpaid'}} \n\t\t\t      </p>\n\t\t\t    </div>\n\n\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"route.meta.context !== 'user' && route.meta.context !== 'root'\" class=\"o-y-scroll bg-light pd-thin mn-b-thin pd-thin radius-medium flex-nowrap flex\">\n\t\t  \t\t<div class=\"flex-child-default mn-r-small w-max flex-v-center gap-thin flex-nowrap flex pd-thin radius-small bg-light-transp-20\">\n\t\t  \t\t\t<IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n\t\t        <p class=\"t-medium mn-r-auto\"><span class=\"p-small t-transp\">Estimated Reaction</span><br>{{formatDate(order.deadline, { language: locale })}}</p>\n\t\t\t  \t</div>\n\t\t\t  \t<button v-if=\"getNextStatus(order.status)\" @click=\"openStatusPopup\" class=\"flex-child-default  mn-l-auto bg-black t-white button\">  \n\t\t\t\t    Mark as {{ (getNextStatus(order.status)).label }}  \n\t\t\t\t  </button>\n\t\t  \t</div>\n\n\t\t\t<div class=\"bg-light radius-medium pd-medium  mn-r-bold  w-100\">\n\t\t    <h3 class=\"mn-b-small\">Chat With Us</h3>\n\n\t\t    <ChatPage\n\t\t    \t:username=\"['Order', 'UserOrder'].includes(route.name) ? (order.user?.name || 'User') : 'Support'\"\n\t\t    \t:user=\"auth.state.user._id\"\n\t\t    \t:chatID=\"route.params.order\"\n\t\t    \tclass=\"radius-semi bs-black bg-light o-hidden\"\n\t\t    />\n\n\t    </div>\n\t     \t<!-- <StatusHistory \n\t     \t\tv-if=\"orders.state.current.status_history\"\n\t     \t\t:statuses=\"statuses\"\n\t     \t\t:statusHistory=\"orders.state.current.status_history\"\n\t     \t\t:statusCurrent=\"orders.state.current.status\"\n\t     \t\t:edit=\"route.name === 'Order Edit'\"\n\t     \t/> -->\n\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\n\t    <div class=\"bg-light radius-medium pd-medium   w-100\">\n\t  \t\t<h3 class=\"mn-b-small\">Order Summary</h3>\n\n\t  \t\t<ul class=\"flex gap-thin flex-column mn-b-thin\">\n\t  \t\t\t<CardOrderItem\n\t  \t\t\t\tv-for=\"(product, index) in order.positions\" \n\t  \t\t\t\t:key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n\t  \t\t\t\t:editable=\"false\" \n\t  \t\t\t\t:productId=\"product._id\"\n\t  \t\t\t\t:variantId=\"product.variant\"\n\t  \t\t\t\t:images=\"product.images\"\n\t  \t\t\t\t:name=\"product.name\"\n\t  \t\t\t\t:quantity=\"product.quantity\"\n\t  \t\t\t\t:unit=\"product.unit\"\n\t  \t\t\t\t:dates=\"product.date\"\n\t  \t\t\t\t:listing=\"product.listing\"\n\t  \t\t\t\t:price=\"product.price\"\n\t  \t\t\t\tclass=\"bg-white radius-small pd-small\"\n\t  \t\t\t/>\n\t      </ul>\n\t      \n\t      <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders?.showFees\"\n          :feesRate=\"globals.state.options?.orders?.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders?.showVat\"\n          :vatRate=\"globals.state.options?.orders?.vatRate || 0\"\n\t\t\t\t  :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n\n        />\n     \t</div>\n\n\t   \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed, ref, onMounted  } from 'vue'\n\timport { useRouter, useRoute } from 'vue-router'\n\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\n\timport IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n\t// Block\n\timport CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport ChatPage from '@martyrs/src/modules/chats/components/pages/ChatPage.vue';\n\n\timport StatusHistory from '@martyrs/src/modules/orders/components/blocks/StatusHistory.vue'\n\timport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\timport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n\timport * as globals \tfrom '@martyrs/src/modules/globals/views/store/globals.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as orders \tfrom '@martyrs/src/modules/orders/store/orders.js'\n\timport * as products \tfrom '@martyrs/src/modules/products/store/products.js'\n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\n\timport { useI18n } from 'vue-i18n';\n\t\n\tconst { locale } = useI18n();\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst order = ref(null)\n\tconst productsOrganization = ref(null)\n\tconst orderOrganization = ref(null)\n\n\tconst statuses = globals.state.options.orders.statuses\n\tconst statusLabels = ['Created', 'Confirmed', 'Preparing', 'In use', 'Finished'];\n\n  if (route.meta.context === 'user' && \n      auth.state.user && \n      route.params._id !== auth.state.user?._id && \n      !auth.state.access?.roles?.includes('ROLE_MODERATOR') && \n      !auth.state.access?.roles?.includes('ROLE_ADMIN')) {\n    router.push('/401');\n  }\n\n\tconst isOpeStatusPopup = ref(false);\n\tconst selectedMember = ref(null);\n\n\tfunction openStatusPopup(member) {\n\t  isOpeStatusPopup.value = true;\n\t  if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeStatusPopup() {\n\t  isOpeStatusPopup.value = false;\n\t  selectedMember.value = null;\n\t}\n\n\tconst isOpenPaymentPopup = ref(false);\n\n\tconst selectedPayments = ref({\n\t\ttype: null,\n\t\tstatus: null\n\t});\n\n\tfunction openPaymentPopup() {\n\t  selectedPayments.value.type = order.value.payment.type\n\t  selectedPayments.value.status = order.value.payment.status\n\n\t  isOpenPaymentPopup.value = true;\n\t}\n\n\tfunction closePaymentPopup() {\n\t  isOpenPaymentPopup.value = false;\n\t}\n\n\tonMounted(async()=>{\n\t\torder.value = await orders.actions.read({_id: route.params.order})\n\t\torder.value = order.value[0]\n\n\t  orderOrganization.value = await organizations.actions.read({\n\t    _id: order.value?.owner.target._id,\n\t    location: globals.state.position?.location,\n\t    lookup: ['spots']\n\t  });\n\n\t})\n\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n\tlet cartTotalPrice = computed(() => {\n     return Number(order.value?.positions.reduce((total, product) => {\n      // Проверяем тип листинга\n      if (product.listing === 'rent') {\n        const start = new Date(product.date.start)\n        const end = new Date(product.date.end)\n        const diffTime = Math.abs(end - start)\n        return total + product.price * (Math.ceil(diffTime / (1000 * 60 * 60 * 24)) + 1);\n      } else {\n        // Для обычных товаров умножаем на количество\n        return total + product.price * (product.quantity || 1);\n      }\n    }, 0));\n  })\n\n\n  let cartTotalAmount = computed(() => {\n    return Number(order.value?.positions.reduce((total, product) => {\n      return total + product.quantity;\n    }, 0));\n  })\n\n  // Функция установки нового статуса\n\tasync function setStatus (newStatus) {\n\t  orders.state.current.status = newStatus\n\n\t  await orders.actions.update(orders.state.current)\n\t} \n\n\n\tfunction getNextStatus(currentStatus) {\n\t  const currentIndex = globals.state.options.orders.statuses.findIndex(status => status.value === currentStatus);\n\n\t  if (currentIndex !== -1 && currentIndex + 1 < statuses.length) {\n\t    return globals.state.options.orders.statuses[currentIndex + 1];\n\t  }\n\t  return null; // If next status doesn't exist\n\t}\n\n\tconst isActiveStatus = (index) => {\n\t  return globals.state.options.orders.statuses.slice(index).some(status => status.value === order.value.status);\n\t};\n\n  async function changePaymentStatus() {\n    if (selectedPayments.value.status && selectedPayments.value.type) {\n      orders.state.current.payment = selectedPayments.value;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Payment status is void. Must handle somehow.');\n    }\n\n\t\tclosePaymentPopup()\n  }\n\n  async function setNextStatus() {\n    const nextStatus = getNextStatus(orders.state.current.status);\n\n    if (nextStatus) {\n      orders.state.current.status = nextStatus.value;\n      \n      // Обновляем позиции заказа из текущего состояния\n      orders.state.current.positions = order.value.positions;\n\n      await orders.actions.update(orders.state.current)\n    } else {\n      console.error('Next status is void. Must handle somehow.');\n    }\n\n\t\tcloseStatusPopup()\n  }\n\n  async function cancelOrder() {\n  \talert()\n\n    orders.state.current.status = 'canceled';\n\n    await orders.actions.update(orders.state.current)\n}\n\n\n  async function confirmOrder() {\n  \talert()\n\n    orders.state.current.status = 'confirmed';\n\n    await orders.actions.update(orders.state.current)\n\t}\n\n\tfunction calculateDeliveryTime(distance, date) {\n\t  if (!distance) {\n\t    return null;\n\t  }\n\n\t  const basePreparationTime = 10 * 60 * 1000; // Convert to milliseconds\n\t  const travelTime = Math.ceil((15 + 5 + 3 * distance) / 5) * 5 * 60 * 1000;\n\n\t  // Преобразование даты начала в миллисекунды и добавление времени подготовки и доставки\n\t  const startTime = new Date(date).getTime();\n\t  const estimatedDeliveryTime = new Date(startTime + basePreparationTime + travelTime);\n\n\t  return estimatedDeliveryTime;\n\t}\n\n\n</script>\n\n<style lang=\"scss\" scoped>\n\t.blink {\n\t  animation: blink-animation 1s ease infinite;\n\t}\n\n\t@keyframes blink-animation {\n\t  0%, 100% {\n\t    opacity: 1;\n\t  }\n\t  50% {\n\t    opacity: 0.8;\n\t  }\n\t}\n</style>"],"names":["useI18n","useRouter","useRoute","ref","globals.state","auth.state","onMounted","orders.actions","organizations.actions","computed","orders.state","orders.getters"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0TC,UAAM,EAAE,OAAM,IAAKA,gBAAO;AAE1B,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,QAAQC,IAAAA,IAAI,IAAI;AACOA,QAAAA,IAAI,IAAI;AACrC,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAElC,UAAM,WAAWC,QAAAA,MAAc,QAAQ,OAAO;AAG7C,QAAI,MAAM,KAAK,YAAY,UACvBC,KAAAA,MAAW,QACX,MAAM,OAAO,QAAQA,KAAAA,MAAW,MAAM,OACtC,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,gBAAgB,KACpD,CAACA,KAAAA,MAAW,QAAQ,OAAO,SAAS,YAAY,GAAG;AACrD,aAAO,KAAK,MAAM;AAAA,IACpB;AAED,UAAM,mBAAmBF,IAAAA,IAAI,KAAK;AAClC,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/B,aAAS,gBAAgB,QAAQ;AAC/B,uBAAiB,QAAQ;AACzB,UAAI,OAAO,WAAW,SAAU,gBAAe,QAAQ;AAAA,IACzD;AAEA,aAAS,mBAAmB;AAC1B,uBAAiB,QAAQ;AACzB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,UAAM,mBAAmBA,IAAAA,IAAI;AAAA,MAC5B,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAE;AAED,aAAS,mBAAmB;AAC1B,uBAAiB,MAAM,OAAO,MAAM,MAAM,QAAQ;AAClD,uBAAiB,MAAM,SAAS,MAAM,MAAM,QAAQ;AAEpD,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEAG,QAAAA,UAAU,YAAS;AAClB,YAAM,QAAQ,MAAMC,eAAe,KAAK,EAAC,KAAK,MAAM,OAAO,MAAK,CAAC;AACjE,YAAM,QAAQ,MAAM,MAAM,CAAC;AAE1B,wBAAkB,QAAQ,MAAMC,cAAAA,QAAsB,KAAK;AAAA,QACzD,KAAK,MAAM,OAAO,MAAM,OAAO;AAAA,QAC/B,UAAUJ,QAAAA,MAAc,UAAU;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACrB,CAAI;AAAA,IAEH,CAAC;AAGF,UAAM,eAAeK,IAAAA,SAAS,MAAM;AAClC,YAAM,OAAOC,OAAAA,MAAa,QAAQ,SAAS;AAC3C,YAAM,WAAW,kBAAkB,MAAM,CAAC,GAAG,YAAY;AACzD,YAAM,SAASN,QAAAA,MAAc,SAAS,QAAQ,oBAAoB,CAAA;AAElE,aAAOO,eAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAEA,QAAI,iBAAiBF,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAE/D,YAAI,QAAQ,YAAY,QAAQ;AAC9B,gBAAM,QAAQ,IAAI,KAAK,QAAQ,KAAK,KAAK;AACzC,gBAAM,MAAM,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,gBAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,iBAAO,QAAQ,QAAQ,SAAS,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG,IAAI;AAAA,QAChF,OAAO;AAEL,iBAAO,QAAQ,QAAQ,SAAS,QAAQ,YAAY;AAAA,QACtD;AAAA,MACF,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAGqBA,QAAAA,SAAS,MAAM;AACnC,aAAO,OAAO,MAAM,OAAO,UAAU,OAAO,CAAC,OAAO,YAAY;AAC9D,eAAO,QAAQ,QAAQ;AAAA,MACzB,GAAG,CAAC,CAAC;AAAA,IACP,CAAC;AAUF,aAAS,cAAc,eAAe;AACpC,YAAM,eAAeL,QAAAA,MAAc,QAAQ,OAAO,SAAS,UAAU,YAAU,OAAO,UAAU,aAAa;AAE7G,UAAI,iBAAiB,MAAM,eAAe,IAAI,SAAS,QAAQ;AAC7D,eAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,eAAe,CAAC;AAAA,MAC/D;AACA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,aAAOA,QAAAA,MAAc,QAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,KAAK,YAAU,OAAO,UAAU,MAAM,MAAM,MAAM;AAAA,IAC9G;AAEC,mBAAe,sBAAsB;AACnC,UAAI,iBAAiB,MAAM,UAAU,iBAAiB,MAAM,MAAM;AAChEM,eAAAA,MAAa,QAAQ,UAAU,iBAAiB;AAEhD,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,8CAA8C;AAAA,MAC9D;AAEF,wBAAiB;AAAA,IACjB;AAEA,mBAAe,gBAAgB;AAC7B,YAAM,aAAa,cAAcA,aAAa,QAAQ,MAAM;AAE5D,UAAI,YAAY;AACdA,eAAAA,MAAa,QAAQ,SAAS,WAAW;AAGzCA,eAAAA,MAAa,QAAQ,YAAY,MAAM,MAAM;AAE7C,cAAMH,OAAAA,QAAe,OAAOG,OAAAA,MAAa,OAAO;AAAA,MAClD,OAAO;AACL,gBAAQ,MAAM,2CAA2C;AAAA,MAC3D;AAEF,uBAAgB;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createBlock, unref } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import IconClock from "../../../icons/entities/IconTime.vue.js";
 import _sfc_main$3 from "../blocks/CardOrderItem.vue.js";
@@ -32,7 +32,7 @@ const _hoisted_6 = { class: "flex-nowrap flex gap-thin pos-relative" };
 const _hoisted_7 = { class: "flex gap-thin flex-column mn-b-thin" };
 const _hoisted_8 = {
   key: 1,
-  class: "gap-thin cols-2"
+  class: "gap-thin cols-2 mobile:cols-1"
 };
 const _hoisted_9 = { class: "w-100" };
 const _hoisted_10 = { class: "mn-b-thin bg-light w-100 o-hidden radius-medium" };
@@ -305,7 +305,7 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_10, [
               createElementVNode("div", _hoisted_11, [
                 createElementVNode("div", _hoisted_12, [
-                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-medium" }, "Order is", -1)),
+                  _cache[6] || (_cache[6] = createElementVNode("span", { class: "d-block t-medium p-medium mn-b-thin" }, "Order is", -1)),
                   createElementVNode("span", _hoisted_13, toDisplayString(order.value.status), 1),
                   createElementVNode("p", _hoisted_14, toDisplayString(_ctx.formatDate(order.value.updatedAt, { language: unref(locale) })), 1)
                 ])
@@ -400,7 +400,7 @@ const _sfc_main = {
     };
   }
 };
-const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6c8ad09"]]);
+const OrderBackoffice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-83eadb3a"]]);
 export {
   OrderBackoffice as default
 };