@ozdao/martyrs 0.2.506 → 0.2.507

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormApplicationDetails.vue.cjs","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 t-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 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 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","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,UAAM,cAAcA,IAAAA,SAAW,SAAC,aAAiC;AAEjE,QAAI,eAAeC,IAAAA,IAAI,EAAC,MAAM,cAAc,OAAO,aAAY,CAAC;AAChE,QAAI,iBAAiBA,IAAAA,IAAI,EAAC,MAAM,WAAW,OAAO,UAAS,CAAC;AAa5D,UAAM,OAAO;AAGbC,QAAAA,MAAM,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/FormApplicationDetails.vue.js

@@ -0,0 +1,138 @@
+import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, 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 Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
+const _sfc_main = {
+  __name: "FormApplicationDetails",
+  props: /* @__PURE__ */ mergeModels({
+    title: {
+      type: String,
+      default: "Application Data"
+    },
+    createMode: {
+      type: Boolean,
+      default: false
+    }
+  }, {
+    "application": { required: true },
+    "applicationModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["save", "cancel"], ["update:application"]),
+  setup(__props, { emit: __emit }) {
+    const application = useModel(__props, "application");
+    let typeSelected = ref({ name: "Newsletter", value: "newsletter" });
+    let statusSelected = ref({ name: "Created", value: "created" });
+    const emit = __emit;
+    watch(application, (newApplication) => {
+      if (newApplication) {
+        if (!newApplication.contacts) {
+          newApplication.contacts = { name: null, email: null, phone: null };
+        }
+      }
+    }, { immediate: true, deep: true });
+    const handleSave = () => {
+      emit("save");
+    };
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: __props.title,
+        class: "mn-b-thin"
+      }, {
+        default: withCtx(() => [
+          createVNode(Field, {
+            field: application.value.contacts.name,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => application.value.contacts.name = $event),
+            label: "Name",
+            placeholder: "Enter name",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createVNode(Field, {
+            field: application.value.contacts.email,
+            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => application.value.contacts.email = $event),
+            label: "Email",
+            placeholder: "Enter email",
+            type: "email",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createVNode(Field, {
+            field: application.value.contacts.phone,
+            "onUpdate:field": _cache[2] || (_cache[2] = ($event) => application.value.contacts.phone = $event),
+            label: "Phone",
+            placeholder: "Enter phone",
+            type: "tel",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createVNode(Select, {
+            select: unref(typeSelected),
+            options: [
+              { name: "Newsletter", value: "newsletter" },
+              { name: "Support", value: "support" },
+              { name: "Inquiry", value: "inquiry" },
+              { name: "Feedback", value: "feedback" },
+              { name: "Other", value: "other" }
+            ],
+            "onUpdate:select": _cache[3] || (_cache[3] = (option) => {
+              application.value.type = option.value;
+              isRef(typeSelected) ? typeSelected.value = option : typeSelected = option;
+            }),
+            placeholder: "Type",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["select"]),
+          createVNode(Field, {
+            field: application.value.text,
+            "onUpdate:field": _cache[4] || (_cache[4] = ($event) => application.value.text = $event),
+            label: "Message",
+            placeholder: "Enter message",
+            type: "textarea",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createVNode(Select, {
+            select: unref(statusSelected),
+            options: [
+              { name: "Created", value: "created" },
+              { name: "In Progress", value: "in_progress" },
+              { name: "Completed", value: "completed" },
+              { name: "Cancelled", value: "cancelled" }
+            ],
+            "onUpdate:select": _cache[5] || (_cache[5] = (option) => {
+              application.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_1, [
+            createVNode(_sfc_main$2, {
+              onClick: handleSave,
+              class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.createMode ? "Create Application" : "Save Changes"), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$2, {
+              onClick: handleCancel,
+              class: "w-100 pd-small radius-big bg-light t-black uppercase t-medium"
+            }, {
+              default: withCtx(() => _cache[6] || (_cache[6] = [
+                createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormApplicationDetails.vue.js.map

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

@@ -0,0 +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 t-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 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 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/FormCustomerDetails.vue.cjs

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const FieldPhone = require("../../../../components/FieldPhone/FieldPhone.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+const _hoisted_2 = { class: "gap-thin flex mn-t-small" };
+const _sfc_main = {
+  __name: "FormCustomerDetails",
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: {
+      type: String,
+      default: "Personal Data"
+    },
+    createMode: {
+      type: Boolean,
+      default: false
+    }
+  }, {
+    "customer": { required: true },
+    "customerModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["save", "cancel"], ["update:customer"]),
+  setup(__props, { emit: __emit }) {
+    const customer = vue.useModel(__props, "customer");
+    let messengerSelected = vue.ref({ name: "WhatsApp", value: "whatsapp" });
+    let sourceSelected = vue.ref({ name: "Web", value: "web" });
+    let statusSelected = vue.ref({ name: "Active", value: "active" });
+    const emit = __emit;
+    vue.watch(customer, (newCustomer) => {
+      if (newCustomer) {
+        if (!newCustomer.profile) {
+          newCustomer.profile = { name: null, description: null, photo: null };
+        }
+        if (!newCustomer.referral) {
+          newCustomer.referral = { code: null, source: null };
+        }
+        if (!newCustomer.socials) {
+          newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };
+        }
+      }
+    }, { immediate: true, deep: true });
+    const handleSave = () => {
+      emit("save");
+    };
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Block.default, {
+        title: __props.title,
+        class: "mn-b-thin"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(Field.default, {
+            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"]),
+          vue.createVNode(Field.default, {
+            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"]),
+          vue.createVNode(FieldPhone.default, {
+            modelValue: customer.value.number,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => customer.value.number = $event),
+            onCountry: _cache[3] || (_cache[3] = (country) => {
+              customer.value.phone = country;
+            }),
+            inputOptions: {
+              placeholder: "Enter phone number",
+              type: "tel"
+            },
+            defaultCountry: "TH",
+            validCharactersOnly: true,
+            dropdownOptions: {
+              showDialCodeInSelection: true,
+              showFlags: true,
+              showDialCodeInList: true
+            },
+            mode: "national",
+            class: "w-100 bg-white pd-small mn-b-thin radius-small"
+          }, null, 8, ["modelValue"]),
+          vue.createVNode(Select.default, {
+            select: vue.unref(sourceSelected),
+            options: [
+              { name: "Web", value: "web" },
+              { name: "Mobile", value: "mobile" },
+              { name: "API", value: "api" },
+              { name: "Import", value: "import" },
+              { name: "Manual", value: "manual" },
+              { name: "Referral", value: "referral" },
+              { name: "Social", value: "social" },
+              { name: "Email", value: "email" }
+            ],
+            "onUpdate:select": _cache[4] || (_cache[4] = (option) => {
+              customer.value.source = option.value;
+              vue.isRef(sourceSelected) ? sourceSelected.value = option : sourceSelected = option;
+            }),
+            placeholder: "Source",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["select"]),
+          vue.createVNode(Field.default, {
+            field: customer.value.referral.code,
+            "onUpdate:field": _cache[5] || (_cache[5] = ($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"]),
+          vue.createVNode(Field.default, {
+            field: customer.value.notes,
+            "onUpdate:field": _cache[6] || (_cache[6] = ($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"]),
+          vue.createVNode(Select.default, {
+            select: vue.unref(statusSelected),
+            options: [
+              { name: "Active", value: "active" },
+              { name: "Inactive", value: "inactive" },
+              { name: "Blocked", value: "blocked" }
+            ],
+            "onUpdate:select": _cache[7] || (_cache[7] = (option) => {
+              customer.value.status = option.value;
+              vue.isRef(statusSelected) ? statusSelected.value = option : statusSelected = option;
+            }),
+            placeholder: "Status",
+            class: "bg-white pd-small radius-small mn-b-thin"
+          }, null, 8, ["select"]),
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(Select.default, {
+              select: vue.unref(messengerSelected),
+              options: [
+                { name: "Instagram", value: "instagram" },
+                { name: "Telegram", value: "telegram" },
+                { name: "WhatsApp", value: "whatsapp" }
+              ],
+              "onUpdate:select": _cache[8] || (_cache[8] = (option) => vue.isRef(messengerSelected) ? messengerSelected.value = option : messengerSelected = option),
+              placeholder: "Messenger",
+              size: "small",
+              class: "bg-white pd-small radius-small"
+            }, null, 8, ["select"]),
+            vue.createVNode(Field.default, {
+              field: customer.value.socials[vue.unref(messengerSelected).value],
+              "onUpdate:field": _cache[9] || (_cache[9] = ($event) => customer.value.socials[vue.unref(messengerSelected).value] = $event),
+              label: "@",
+              placeholder: "Enter username",
+              class: "bg-white pd-small radius-small w-100"
+            }, null, 8, ["field"])
+          ]),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(Button.default, {
+              onClick: handleSave,
+              class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(__props.createMode ? "Create Customer" : "Save Changes"), 1)
+              ]),
+              _: 1
+            }),
+            vue.createVNode(Button.default, {
+              onClick: handleCancel,
+              class: "w-100 pd-small radius-big bg-light t-black uppercase t-medium"
+            }, {
+              default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                vue.createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FormCustomerDetails.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCustomerDetails.vue.cjs","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    <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  }\n}, { immediate: true, deep: true });\n\nconst handleSave = () => {\n  emit('save');\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n};\n</script>"],"names":["_useModel","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HA,UAAM,WAAWA,IAAAA,SAAW,SAAC,UAA8B;AAE3D,QAAI,oBAAoBC,IAAAA,IAAI,EAAC,MAAM,YAAY,OAAO,WAAU,CAAC;AACjE,QAAI,iBAAiBA,IAAAA,IAAI,EAAC,MAAM,OAAO,OAAO,MAAK,CAAC;AACpD,QAAI,iBAAiBA,IAAAA,IAAI,EAAC,MAAM,UAAU,OAAO,SAAQ,CAAC;AAa1D,UAAM,OAAO;AAGbC,QAAAA,MAAM,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;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/FormCustomerDetails.vue.js

@@ -0,0 +1,189 @@
+import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, 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.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+const _hoisted_2 = { class: "gap-thin flex mn-t-small" };
+const _sfc_main = {
+  __name: "FormCustomerDetails",
+  props: /* @__PURE__ */ mergeModels({
+    title: {
+      type: String,
+      default: "Personal Data"
+    },
+    createMode: {
+      type: Boolean,
+      default: false
+    }
+  }, {
+    "customer": { required: true },
+    "customerModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["save", "cancel"], ["update:customer"]),
+  setup(__props, { emit: __emit }) {
+    const customer = useModel(__props, "customer");
+    let messengerSelected = ref({ name: "WhatsApp", value: "whatsapp" });
+    let sourceSelected = ref({ name: "Web", value: "web" });
+    let statusSelected = ref({ name: "Active", value: "active" });
+    const emit = __emit;
+    watch(customer, (newCustomer) => {
+      if (newCustomer) {
+        if (!newCustomer.profile) {
+          newCustomer.profile = { name: null, description: null, photo: null };
+        }
+        if (!newCustomer.referral) {
+          newCustomer.referral = { code: null, source: null };
+        }
+        if (!newCustomer.socials) {
+          newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };
+        }
+      }
+    }, { immediate: true, deep: true });
+    const handleSave = () => {
+      emit("save");
+    };
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: __props.title,
+        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) => {
+              customer.value.phone = country;
+            }),
+            inputOptions: {
+              placeholder: "Enter phone number",
+              type: "tel"
+            },
+            defaultCountry: "TH",
+            validCharactersOnly: true,
+            dropdownOptions: {
+              showDialCodeInSelection: true,
+              showFlags: true,
+              showDialCodeInList: true
+            },
+            mode: "national",
+            class: "w-100 bg-white pd-small mn-b-thin radius-small"
+          }, null, 8, ["modelValue"]),
+          createVNode(Select, {
+            select: unref(sourceSelected),
+            options: [
+              { name: "Web", value: "web" },
+              { name: "Mobile", value: "mobile" },
+              { name: "API", value: "api" },
+              { name: "Import", value: "import" },
+              { name: "Manual", value: "manual" },
+              { name: "Referral", value: "referral" },
+              { name: "Social", value: "social" },
+              { name: "Email", value: "email" }
+            ],
+            "onUpdate:select": _cache[4] || (_cache[4] = (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, {
+            field: customer.value.referral.code,
+            "onUpdate:field": _cache[5] || (_cache[5] = ($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"]),
+          createVNode(Field, {
+            field: customer.value.notes,
+            "onUpdate:field": _cache[6] || (_cache[6] = ($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"]),
+          createVNode(Select, {
+            select: unref(statusSelected),
+            options: [
+              { name: "Active", value: "active" },
+              { name: "Inactive", value: "inactive" },
+              { name: "Blocked", value: "blocked" }
+            ],
+            "onUpdate:select": _cache[7] || (_cache[7] = (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_1, [
+            createVNode(Select, {
+              select: unref(messengerSelected),
+              options: [
+                { name: "Instagram", value: "instagram" },
+                { name: "Telegram", value: "telegram" },
+                { name: "WhatsApp", value: "whatsapp" }
+              ],
+              "onUpdate:select": _cache[8] || (_cache[8] = (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[9] || (_cache[9] = ($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_2, [
+            createVNode(_sfc_main$3, {
+              onClick: handleSave,
+              class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.createMode ? "Create Customer" : "Save Changes"), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$3, {
+              onClick: handleCancel,
+              class: "w-100 pd-small radius-big bg-light t-black uppercase t-medium"
+            }, {
+              default: withCtx(() => _cache[10] || (_cache[10] = [
+                createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormCustomerDetails.vue.js.map

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

@@ -0,0 +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    <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  }\n}, { immediate: true, deep: true });\n\nconst handleSave = () => {\n  emit('save');\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n};\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2HA,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;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}