@ozdao/martyrs 0.2.507 → 0.2.509

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.js

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, createElementBlock, openBlock, createVNode, withDirectives, createBlock, createCommentVNode, createElementVNode, withKeys, vModelText, withCtx } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconSearch.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                */

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.cjs

@@ -4,9 +4,9 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Upload = require("../../../../components/Upload/Upload.vue2.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.js

@@ -2,9 +2,9 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Upload from "../../../../components/Upload/Upload.vue2.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Album.vue.cjs

@@ -2,10 +2,10 @@
 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.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const IconLike = require("../../../icons/navigation/IconLike.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$5 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$5 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconLike.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Artist.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.vue2.cjs");
-;/* empty css                                          */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                         */
 const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const artists = require("../../store/artists.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                        */
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+/* empty css                                       */
 import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import { state, actions } from "../../store/artists.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.cjs

@@ -7,7 +7,7 @@ const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const AlbumCard = require("../cards/AlbumCard.vue.cjs");
 const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
 const ArtistCard = require("../cards/ArtistCard.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const playlists = require("../../store/playlists.cjs");
 const albums = require("../../store/albums.cjs");

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/playlists.js";
 import { state as state$2, actions as actions$1 } from "../../store/albums.js";

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.cjs

@@ -2,10 +2,10 @@
 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.vue2.cjs");
-;/* empty css                                          */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                         */
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, createBlock, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                        */
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+/* empty css                                       */
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$4 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$4 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$9 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$b from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.cjs

@@ -7,8 +7,8 @@ const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const AlbumCard = require("../cards/AlbumCard.vue.cjs");
 const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
 const ArtistCard = require("../cards/ArtistCard.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const search = require("../../store/search.cjs");
 ;/* empty css                     */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.js

@@ -5,8 +5,8 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/music/components/pages/Track.vue.cjs

@@ -2,10 +2,10 @@
 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.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Track.vue.js

@@ -1,9 +1,9 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$d from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$b from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.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");
-;/* empty css                                          */
 ;/* empty css                                         */
+;/* empty css                                          */
 const TrackForm = require("../forms/TrackForm.vue.cjs");
 require("../../../auth/views/store/auth.cjs");
 const _hoisted_1 = { class: "track-create-page" };

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode } from "vue";
 import { useRouter } from "vue-router";
-/* empty css                                        */
 /* empty css                                       */
+/* empty css                                        */
 import _sfc_main$1 from "../forms/TrackForm.vue.js";
 import "../../../auth/views/store/auth.js";
 const _hoisted_1 = { class: "track-create-page" };

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const TrackProgress = require("./TrackProgress.vue.cjs");
 const VolumeControl = require("./VolumeControl.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, withCtx, createBlock } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/music/router/music.cjs

@@ -4,11 +4,11 @@ require("vue");
 require("vue-router");
 require("../../globals/views/store/globals.cjs");
 ;/* empty css                                                     */
-;/* empty css                                       */
 ;/* empty css                                      */
+;/* empty css                                       */
 ;/* empty css                                     */
 ;/* empty css                                          */
-;/* empty css                                          */
+;/* empty css                                           */
 ;/* empty css                                          */
 ;/* empty css                                     */
 ;/* empty css                                        */

package/dist/martyrs/src/modules/music/router/music.js

@@ -2,11 +2,11 @@ import "vue";
 import "vue-router";
 import "../../globals/views/store/globals.js";
 /* empty css                                                   */
-/* empty css                                     */
 /* empty css                                    */
+/* empty css                                     */
 /* empty css                                   */
 /* empty css                                        */
-/* empty css                                        */
+/* empty css                                         */
 /* empty css                                        */
 /* empty css                                   */
 /* empty css                                      */

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

@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",

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

@@ -1,8 +1,8 @@
 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";
+import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",

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

@@ -4,10 +4,12 @@ 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 Select = require("../../../../components/Select/Select.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const _hoisted_1 = { class: "mn-t-small" };
+const _hoisted_2 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+const _hoisted_3 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+const _hoisted_4 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormCustomerDetails",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -41,6 +43,15 @@ const _sfc_main = {
         if (!newCustomer.socials) {
           newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };
         }
+        if (!newCustomer.address) {
+          newCustomer.address = {
+            country: null,
+            addressLine1: null,
+            addressLine2: null,
+            city: null,
+            postalCode: null
+          };
+        }
       }
     }, { immediate: true, deep: true });
     const handleSave = () => {
@@ -124,6 +135,47 @@ const _sfc_main = {
             type: "textarea",
             class: "bg-white pd-small radius-small mn-b-thin"
           }, null, 8, ["field"]),
+          vue.createElementVNode("div", _hoisted_1, [
+            _cache[15] || (_cache[15] = vue.createElementVNode("h3", { class: "t-medium mn-b-thin" }, "Address Information", -1)),
+            vue.createVNode(Field.default, {
+              field: customer.value.address.country,
+              "onUpdate:field": _cache[7] || (_cache[7] = ($event) => customer.value.address.country = $event),
+              label: "Country",
+              placeholder: "Enter country",
+              class: "bg-white pd-small radius-small mn-b-thin"
+            }, null, 8, ["field"]),
+            vue.createVNode(Field.default, {
+              field: customer.value.address.addressLine1,
+              "onUpdate:field": _cache[8] || (_cache[8] = ($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",
+              required: ""
+            }, null, 8, ["field"]),
+            vue.createVNode(Field.default, {
+              field: customer.value.address.addressLine2,
+              "onUpdate:field": _cache[9] || (_cache[9] = ($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"]),
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(Field.default, {
+                field: customer.value.address.city,
+                "onUpdate:field": _cache[10] || (_cache[10] = ($event) => customer.value.address.city = $event),
+                label: "City",
+                placeholder: "Enter city",
+                class: "bg-white pd-small radius-small w-100"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: customer.value.address.postalCode,
+                "onUpdate:field": _cache[11] || (_cache[11] = ($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"])
+            ])
+          ]),
           vue.createVNode(Select.default, {
             select: vue.unref(statusSelected),
             options: [
@@ -131,14 +183,14 @@ const _sfc_main = {
               { name: "Inactive", value: "inactive" },
               { name: "Blocked", value: "blocked" }
             ],
-            "onUpdate:select": _cache[7] || (_cache[7] = (option) => {
+            "onUpdate:select": _cache[12] || (_cache[12] = (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.createElementVNode("div", _hoisted_3, [
             vue.createVNode(Select.default, {
               select: vue.unref(messengerSelected),
               options: [
@@ -146,20 +198,20 @@ const _sfc_main = {
                 { name: "Telegram", value: "telegram" },
                 { name: "WhatsApp", value: "whatsapp" }
               ],
-              "onUpdate:select": _cache[8] || (_cache[8] = (option) => vue.isRef(messengerSelected) ? messengerSelected.value = option : messengerSelected = option),
+              "onUpdate:select": _cache[13] || (_cache[13] = (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),
+              "onUpdate:field": _cache[14] || (_cache[14] = ($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.createElementVNode("div", _hoisted_4, [
             vue.createVNode(Button.default, {
               onClick: handleSave,
               class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
@@ -173,7 +225,7 @@ const _sfc_main = {
               onClick: handleCancel,
               class: "w-100 pd-small radius-big bg-light t-black uppercase t-medium"
             }, {
-              default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+              default: vue.withCtx(() => _cache[16] || (_cache[16] = [
                 vue.createTextVNode(" Cancel ")
               ])),
               _: 1

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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    <!-- 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","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,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;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/FormCustomerDetails.vue.js

@@ -2,10 +2,12 @@ import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, cre
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _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" };
+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" };
+const _hoisted_3 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
+const _hoisted_4 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormCustomerDetails",
   props: /* @__PURE__ */ mergeModels({
@@ -39,6 +41,15 @@ const _sfc_main = {
         if (!newCustomer.socials) {
           newCustomer.socials = { instagram: null, telegram: null, whatsapp: null };
         }
+        if (!newCustomer.address) {
+          newCustomer.address = {
+            country: null,
+            addressLine1: null,
+            addressLine2: null,
+            city: null,
+            postalCode: null
+          };
+        }
       }
     }, { immediate: true, deep: true });
     const handleSave = () => {
@@ -122,6 +133,47 @@ const _sfc_main = {
             type: "textarea",
             class: "bg-white pd-small radius-small mn-b-thin"
           }, null, 8, ["field"]),
+          createElementVNode("div", _hoisted_1, [
+            _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),
+              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),
+              label: "Address Line 1",
+              placeholder: "Enter address line 1",
+              class: "bg-white pd-small radius-small mn-b-thin",
+              required: ""
+            }, null, 8, ["field"]),
+            createVNode(Field, {
+              field: customer.value.address.addressLine2,
+              "onUpdate:field": _cache[9] || (_cache[9] = ($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, [
+              createVNode(Field, {
+                field: customer.value.address.city,
+                "onUpdate:field": _cache[10] || (_cache[10] = ($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),
+                label: "Postal Code",
+                placeholder: "Enter postal code",
+                class: "bg-white pd-small radius-small w-100"
+              }, null, 8, ["field"])
+            ])
+          ]),
           createVNode(Select, {
             select: unref(statusSelected),
             options: [
@@ -129,14 +181,14 @@ const _sfc_main = {
               { name: "Inactive", value: "inactive" },
               { name: "Blocked", value: "blocked" }
             ],
-            "onUpdate:select": _cache[7] || (_cache[7] = (option) => {
+            "onUpdate:select": _cache[12] || (_cache[12] = (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, [
+          createElementVNode("div", _hoisted_3, [
             createVNode(Select, {
               select: unref(messengerSelected),
               options: [
@@ -144,20 +196,20 @@ const _sfc_main = {
                 { name: "Telegram", value: "telegram" },
                 { name: "WhatsApp", value: "whatsapp" }
               ],
-              "onUpdate:select": _cache[8] || (_cache[8] = (option) => isRef(messengerSelected) ? messengerSelected.value = option : messengerSelected = option),
+              "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[9] || (_cache[9] = ($event) => customer.value.socials[unref(messengerSelected).value] = $event),
+              "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_2, [
+          createElementVNode("div", _hoisted_4, [
             createVNode(_sfc_main$3, {
               onClick: handleSave,
               class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
@@ -171,7 +223,7 @@ const _sfc_main = {
               onClick: handleCancel,
               class: "w-100 pd-small radius-big bg-light t-black uppercase t-medium"
             }, {
-              default: withCtx(() => _cache[10] || (_cache[10] = [
+              default: withCtx(() => _cache[16] || (_cache[16] = [
                 createTextVNode(" Cancel ")
               ])),
               _: 1