@ozdao/martyrs 0.2.585 → 0.2.587

package/dist/martyrs/dist/{web-BA6h6Z8P.js → web-O7lXcjg0.js}

@@ -1,4 +1,4 @@
-import { W as Rn } from "./main-xL-jtBkT.js";
+import { W as Rn } from "./main-BIf-WirR.js";
 class f extends Rn {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";
@@ -52,4 +52,4 @@ class f extends Rn {
 export {
   f as PreferencesWeb
 };
-//# sourceMappingURL=web-BA6h6Z8P.js.map
+//# sourceMappingURL=web-O7lXcjg0.js.map

package/dist/martyrs/dist/{web-BA6h6Z8P.js.map → web-O7lXcjg0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"web-BA6h6Z8P.js","sources":["../../web-BA6h6Z8P.js"],"sourcesContent":["import { W as p } from \"./main-xL-jtBkT.js\";\nclass f extends p {\n  constructor() {\n    super(...arguments), this.group = \"CapacitorStorage\";\n  }\n  async configure({ group: e }) {\n    typeof e == \"string\" && (this.group = e);\n  }\n  async get(e) {\n    return { value: this.impl.getItem(this.applyPrefix(e.key)) };\n  }\n  async set(e) {\n    this.impl.setItem(this.applyPrefix(e.key), e.value);\n  }\n  async remove(e) {\n    this.impl.removeItem(this.applyPrefix(e.key));\n  }\n  async keys() {\n    return { keys: this.rawKeys().map((t) => t.substring(this.prefix.length)) };\n  }\n  async clear() {\n    for (const e of this.rawKeys())\n      this.impl.removeItem(e);\n  }\n  async migrate() {\n    var e;\n    const t = [], s = [], n = \"_cap_\", o = Object.keys(this.impl).filter((i) => i.indexOf(n) === 0);\n    for (const i of o) {\n      const r = i.substring(n.length), a = (e = this.impl.getItem(i)) !== null && e !== void 0 ? e : \"\", { value: l } = await this.get({ key: r });\n      typeof l == \"string\" ? s.push(r) : (await this.set({ key: r, value: a }), t.push(r));\n    }\n    return { migrated: t, existing: s };\n  }\n  async removeOld() {\n    const e = \"_cap_\", t = Object.keys(this.impl).filter((s) => s.indexOf(e) === 0);\n    for (const s of t)\n      this.impl.removeItem(s);\n  }\n  get impl() {\n    return window.localStorage;\n  }\n  get prefix() {\n    return this.group === \"NativeStorage\" ? \"\" : `${this.group}.`;\n  }\n  rawKeys() {\n    return Object.keys(this.impl).filter((e) => e.indexOf(this.prefix) === 0);\n  }\n  applyPrefix(e) {\n    return this.prefix + e;\n  }\n}\nexport {\n  f as PreferencesWeb\n};\n"],"names":["p"],"mappings":";AACA,MAAM,UAAUA,GAAE;AAAA,EAChB,cAAc;AACZ,UAAM,GAAG,SAAS,GAAG,KAAK,QAAQ;AAAA,EACpC;AAAA,EACA,MAAM,UAAU,EAAE,OAAO,KAAK;AAC5B,WAAO,KAAK,aAAa,KAAK,QAAQ;AAAA,EACxC;AAAA,EACA,MAAM,IAAI,GAAG;AACX,WAAO,EAAE,OAAO,KAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,CAAC,EAAC;AAAA,EAC5D;AAAA,EACA,MAAM,IAAI,GAAG;AACX,SAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,GAAG,EAAE,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO,GAAG;AACd,SAAK,KAAK,WAAW,KAAK,YAAY,EAAE,GAAG,CAAC;AAAA,EAC9C;AAAA,EACA,MAAM,OAAO;AACX,WAAO,EAAE,MAAM,KAAK,QAAO,EAAG,IAAI,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,MAAM,CAAC,EAAC;AAAA,EAC3E;AAAA,EACA,MAAM,QAAQ;AACZ,eAAW,KAAK,KAAK,QAAO;AAC1B,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,MAAM,UAAU;AACd,QAAI;AACJ,UAAM,IAAI,CAAA,GAAI,IAAI,CAAA,GAAI,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9F,eAAW,KAAK,GAAG;AACjB,YAAM,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC,OAAO,QAAQ,MAAM,SAAS,IAAI,IAAI,EAAE,OAAO,MAAM,MAAM,KAAK,IAAI,EAAE,KAAK,EAAC,CAAE;AAC3I,aAAO,KAAK,WAAW,EAAE,KAAK,CAAC,KAAK,MAAM,KAAK,IAAI,EAAE,KAAK,GAAG,OAAO,EAAC,CAAE,GAAG,EAAE,KAAK,CAAC;AAAA,IACpF;AACA,WAAO,EAAE,UAAU,GAAG,UAAU,EAAC;AAAA,EACnC;AAAA,EACA,MAAM,YAAY;AAChB,UAAM,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9E,eAAW,KAAK;AACd,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,IAAI,OAAO;AACT,WAAO,OAAO;AAAA,EAChB;AAAA,EACA,IAAI,SAAS;AACX,WAAO,KAAK,UAAU,kBAAkB,KAAK,GAAG,KAAK,KAAK;AAAA,EAC5D;AAAA,EACA,UAAU;AACR,WAAO,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,EAC1E;AAAA,EACA,YAAY,GAAG;AACb,WAAO,KAAK,SAAS;AAAA,EACvB;AACF;"}
+{"version":3,"file":"web-O7lXcjg0.js","sources":["../../web-O7lXcjg0.js"],"sourcesContent":["import { W as p } from \"./main-BIf-WirR.js\";\nclass f extends p {\n  constructor() {\n    super(...arguments), this.group = \"CapacitorStorage\";\n  }\n  async configure({ group: e }) {\n    typeof e == \"string\" && (this.group = e);\n  }\n  async get(e) {\n    return { value: this.impl.getItem(this.applyPrefix(e.key)) };\n  }\n  async set(e) {\n    this.impl.setItem(this.applyPrefix(e.key), e.value);\n  }\n  async remove(e) {\n    this.impl.removeItem(this.applyPrefix(e.key));\n  }\n  async keys() {\n    return { keys: this.rawKeys().map((t) => t.substring(this.prefix.length)) };\n  }\n  async clear() {\n    for (const e of this.rawKeys())\n      this.impl.removeItem(e);\n  }\n  async migrate() {\n    var e;\n    const t = [], s = [], n = \"_cap_\", o = Object.keys(this.impl).filter((i) => i.indexOf(n) === 0);\n    for (const i of o) {\n      const r = i.substring(n.length), a = (e = this.impl.getItem(i)) !== null && e !== void 0 ? e : \"\", { value: l } = await this.get({ key: r });\n      typeof l == \"string\" ? s.push(r) : (await this.set({ key: r, value: a }), t.push(r));\n    }\n    return { migrated: t, existing: s };\n  }\n  async removeOld() {\n    const e = \"_cap_\", t = Object.keys(this.impl).filter((s) => s.indexOf(e) === 0);\n    for (const s of t)\n      this.impl.removeItem(s);\n  }\n  get impl() {\n    return window.localStorage;\n  }\n  get prefix() {\n    return this.group === \"NativeStorage\" ? \"\" : `${this.group}.`;\n  }\n  rawKeys() {\n    return Object.keys(this.impl).filter((e) => e.indexOf(this.prefix) === 0);\n  }\n  applyPrefix(e) {\n    return this.prefix + e;\n  }\n}\nexport {\n  f as PreferencesWeb\n};\n"],"names":["p"],"mappings":";AACA,MAAM,UAAUA,GAAE;AAAA,EAChB,cAAc;AACZ,UAAM,GAAG,SAAS,GAAG,KAAK,QAAQ;AAAA,EACpC;AAAA,EACA,MAAM,UAAU,EAAE,OAAO,KAAK;AAC5B,WAAO,KAAK,aAAa,KAAK,QAAQ;AAAA,EACxC;AAAA,EACA,MAAM,IAAI,GAAG;AACX,WAAO,EAAE,OAAO,KAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,CAAC,EAAC;AAAA,EAC5D;AAAA,EACA,MAAM,IAAI,GAAG;AACX,SAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,GAAG,EAAE,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO,GAAG;AACd,SAAK,KAAK,WAAW,KAAK,YAAY,EAAE,GAAG,CAAC;AAAA,EAC9C;AAAA,EACA,MAAM,OAAO;AACX,WAAO,EAAE,MAAM,KAAK,QAAO,EAAG,IAAI,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,MAAM,CAAC,EAAC;AAAA,EAC3E;AAAA,EACA,MAAM,QAAQ;AACZ,eAAW,KAAK,KAAK,QAAO;AAC1B,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,MAAM,UAAU;AACd,QAAI;AACJ,UAAM,IAAI,CAAA,GAAI,IAAI,CAAA,GAAI,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9F,eAAW,KAAK,GAAG;AACjB,YAAM,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC,OAAO,QAAQ,MAAM,SAAS,IAAI,IAAI,EAAE,OAAO,MAAM,MAAM,KAAK,IAAI,EAAE,KAAK,EAAC,CAAE;AAC3I,aAAO,KAAK,WAAW,EAAE,KAAK,CAAC,KAAK,MAAM,KAAK,IAAI,EAAE,KAAK,GAAG,OAAO,EAAC,CAAE,GAAG,EAAE,KAAK,CAAC;AAAA,IACpF;AACA,WAAO,EAAE,UAAU,GAAG,UAAU,EAAC;AAAA,EACnC;AAAA,EACA,MAAM,YAAY;AAChB,UAAM,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9E,eAAW,KAAK;AACd,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,IAAI,OAAO;AACT,WAAO,OAAO;AAAA,EAChB;AAAA,EACA,IAAI,SAAS;AACX,WAAO,KAAK,UAAU,kBAAkB,KAAK,GAAG,KAAK,KAAK;AAAA,EAC5D;AAAA,EACA,UAAU;AACR,WAAO,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,EAC1E;AAAA,EACA,YAAY,GAAG;AACb,WAAO,KAAK,SAAS;AAAA,EACvB;AACF;"}

package/dist/martyrs/src/components/Button/{Button.vue2.js → Button.vue.js}

@@ -1,8 +1,7 @@
-import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createElementVNode, createCommentVNode, renderSlot, createVNode, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
-import Loader from "../Loader/Loader.vue.js";
+import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createElementVNode, createCommentVNode, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCheckmark.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
-/* empty css           */
+/* empty css            */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,
@@ -113,9 +112,11 @@ const _sfc_main = {
         ], 2),
         createElementVNode("span", {
           class: normalizeClass(["button-loader", { "active": loading.value && __props.showLoader }])
-        }, [
-          createVNode(Loader, { class: "" })
-        ], 2),
+        }, _cache[0] || (_cache[0] = [
+          createElementVNode("span", { class: "dot" }, null, -1),
+          createElementVNode("span", { class: "dot" }, null, -1),
+          createElementVNode("span", { class: "dot" }, null, -1)
+        ]), 2),
         createElementVNode("span", {
           class: normalizeClass(["button-success", { "active": finished.value && __props.showSucces }])
         }, [
@@ -146,4 +147,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Button.vue2.js.map
+//# sourceMappingURL=Button.vue.js.map

package/dist/martyrs/src/components/Button/Button.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    console.error('=== BUTTON ERROR ===', err)\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <span class=\"button-content\" :class=\"{ 'hidden': loading || error || finished }\">\n      <slot></slot>\n    </span>\n\n    <span class=\"button-loader\" :class=\"{ 'active': loading && showLoader }\">\n      <span class=\"dot\"></span>\n      <span class=\"dot\"></span>\n      <span class=\"dot\"></span>\n    </span>\n\n    <span class=\"button-success\" :class=\"{ 'active': finished && showSucces }\">\n      <template v-if=\"text.success\">{{ text.success }}</template>\n      <IconCheckmark v-else class=\"i-regular\" />\n    </span>\n\n    <span class=\"button-error\" :class=\"{ 'active': error }\">\n      <template v-if=\"text.error\">{{ text.error }}</template>\n      <IconCross v-else class=\"i-regular\" />\n    </span>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter font-second flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  position: relative;\n  display: flex;\n  padding: var(--small);\n  border-radius: var(--small);\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transform: translateY(0);\n  opacity: 1;\n  transition:\n    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n\n  &.hidden {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n}\n\n.button-loader {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  opacity: 0;\n  transform: translateY(4px);\n  transition:\n    opacity 0.25s cubic-bezier(0.0, 0, 0.2, 1) 0.05s,\n    transform 0.25s cubic-bezier(0.0, 0, 0.2, 1) 0.05s;\n  pointer-events: none;\n\n  &.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: currentColor;\n    animation: dot-bounce 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\n    &:nth-child(1) { animation-delay: 0s; }\n    &:nth-child(2) { animation-delay: 0.12s; }\n    &:nth-child(3) { animation-delay: 0.24s; }\n  }\n}\n\n@keyframes dot-bounce {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-5px);\n  }\n}\n\n.button-success {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transform: translateY(4px);\n  transition:\n    opacity 0.2s cubic-bezier(0.0, 0, 0.2, 1),\n    transform 0.2s cubic-bezier(0.0, 0, 0.2, 1);\n  pointer-events: none;\n\n  &.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.button-error {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transform: translateY(4px);\n  transition:\n    opacity 0.2s cubic-bezier(0.0, 0, 0.2, 1),\n    transform 0.2s cubic-bezier(0.0, 0, 0.2, 1);\n  pointer-events: none;\n\n  &.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,gBAAQ,MAAM,wBAAwB,GAAG;AACzC,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Feed/Carousel.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createBlock, createVNode, normalizeClass, unref, withCtx, Fragment, renderList, Transition, renderSlot } from "vue";
 import { useI18n } from "vue-i18n";
 import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$2 from "../Slider/Slider.vue.js";
 import _sfc_main$1 from "../EmptyState/EmptyState.vue.js";
 /* empty css              */

package/dist/martyrs/src/components/Feed/Feed.vue.js

@@ -1,6 +1,6 @@
 import { mergeModels, useModel, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, normalizeClass, withCtx, createVNode, renderList, resolveDynamicComponent, unref, TransitionGroup, renderSlot } from "vue";
 import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import Skeleton from "../Skeleton/Skeleton.vue2.js";
 import _sfc_main$6 from "../EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../Dropdown/Dropdown.vue.js";

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, watchEffect, createBlock, openBlock, unref, isRef, withCtx, renderSlot, createVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
 import Field from "../Field/Field.vue.js";
-import _sfc_main$1 from "../Button/Button.vue2.js";
+import _sfc_main$1 from "../Button/Button.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconArrow.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = {

package/dist/martyrs/src/components/Loader/{Loader.vue.js → Loader.vue2.js}

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-/* empty css            */
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   props: {
@@ -27,7 +27,7 @@ const _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r", { "circular-loader-centered": $props.centered }])
+    class: normalizeClass(["circular-loader z-index-1 w-100 h-100 w-max-2r h-max-2r", { "circular-loader-centered": $props.centered }])
   }, [
     _cache[0] || (_cache[0] = createElementVNode("svg", { viewBox: "25 25 50 50" }, [
       createElementVNode("circle", {
@@ -57,4 +57,4 @@ const Loader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]])
 export {
   Loader as default
 };
-//# sourceMappingURL=Loader.vue.js.map
+//# sourceMappingURL=Loader.vue2.js.map

package/dist/martyrs/src/components/Loader/Loader.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.vue2.js","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div class=\"circular-loader z-index-1 w-100 h-100 w-max-2r h-max-2r\" :class=\"{ 'circular-loader-centered': centered }\">\n    <svg viewBox=\"25 25 50 50\">\n      <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n      <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n    </svg>\n    <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n    <div v-if=\"status\" class=\"uppercase fw-semi w-m-10r status-text\">{{ status }}</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    progress: {\n      type: Number,\n      default: null,\n    },\n    status: {\n      type: String,\n      default: null,\n    },\n    centered: {\n      type: Boolean,\n      default: false\n    },\n  },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n  top: calc(50% - 1rem);\n  left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n  animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n  stroke: rgb(var(--main));\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n  stroke-linecap: round;\n  stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0.8rem;\n  color: rgb(var(--main));;\n}\n\n.status-text {\n  position: absolute;\n  top: 120%;\n  left: calc(50% - 5rem);\n  font-size: 0.8rem;\n  width: 10rem !important;\n  text-align: center;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: -124;\n  }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;AAGf;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;sBAN3BA,mBAOM,OAAA;AAAA,IAPD,OADPC,eAAA,CACa,2DAAyD,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BACjHC,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAA,yBAAXF,mBAA+D,OAA/D,YAA+DG,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,uBAAXJ,mBAAmF,OAAnF,YAAmFG,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP9EC,mBAAA,IAAA,IAAA;AAAA;;;"}

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
-import Loader$1 from "../Loader/Loader.vue.js";
+import Loader$1 from "../Loader/Loader.vue2.js";
 /* empty css                    */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {

package/dist/martyrs/src/components/Media/Media.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, createVNode } from "vue";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/entities/IconGallery.vue.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/components/Menu/{Menu.vue.js → Menu.vue2.js}

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css          */
+/* empty css         */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Menu.vue.js.map
+//# sourceMappingURL=Menu.vue2.js.map

package/dist/martyrs/src/components/Menu/Menu.vue2.js.map

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

package/dist/martyrs/src/components/Select/{Select.vue.js → Select.vue2.js}

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, Fragment, withDirectives, createVNode, normalizeClass, withModifiers, createCommentVNode, createElementVNode, toDisplayString, Transition, withCtx, renderList, vShow, unref, nextTick } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
-/* empty css            */
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
@@ -131,4 +131,4 @@ const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af5
 export {
   Select as default
 };
-//# sourceMappingURL=Select.vue.js.map
+//# sourceMappingURL=Select.vue2.js.map

package/dist/martyrs/src/components/Select/Select.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    ref=\"fieldWrapper\"\n    tabindex=\"0\"\n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 pd-small radius-small bg-white mn-t-thin w-100\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"radius-thin hover:bg-light pd-thin text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<script setup>\nimport { ref, computed, watch, nextTick } from 'vue'\nimport clickOutside from '../FieldPhone/click-outside.js';\nlet vClickOutside = clickOutside\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\nconst showMenu = ref(false)\nconst fieldWrapper = ref(null)\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\nconst toggleMenu = async () => {\n  showMenu.value = !showMenu.value\n  \n  if (showMenu.value) {\n    await nextTick()\n    fieldWrapper.value?.focus()\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n}\nfunction clickedOutside () {\n  showMenu.value = false\n}\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n  ul li {\n    line-height: 2;\n  }\n  .field-wrapper:focus {\n    outline: none;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgB;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACD,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AACD,UAAM,aAAa,YAAY;AAC7B,eAAS,QAAQ,CAAC,SAAS;AAE3B,UAAI,SAAS,OAAO;AAClB,cAAM,SAAQ;AACd,qBAAa,OAAO,MAAK;AACzB,aAAK,OAAO;AAAA,MACd,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AACA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AACV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC7D,OAAO;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC7C;AAAA,IACF;AACA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.js

@@ -1,4 +1,4 @@
-import { ref, reactive, createElementBlock, openBlock, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
+import { ref, createElementBlock, openBlock, renderSlot, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, createElementVNode, toDisplayString } from "vue";
 /* empty css            */
 const _sfc_main = {
   __name: "Tooltip",
@@ -10,26 +10,15 @@ const _sfc_main = {
   },
   setup(__props) {
     const visible = ref(false);
-    const tooltipStyle = reactive({
-      position: "absolute",
-      width: "max-content",
-      zIndex: 1e3,
-      background: "#333",
-      color: "#fff",
-      padding: "5px",
-      borderRadius: "3px",
-      fontSize: "14px",
-      display: "none"
-    });
+    const posX = ref("0px");
+    const posY = ref("0px");
     function showTooltip(event) {
       visible.value = true;
-      tooltipStyle.left = `${event.clientX / 100 + 10}px`;
-      tooltipStyle.top = `${event.clientY / 100 + 10}px`;
-      tooltipStyle.display = "block";
+      posX.value = `${event.clientX / 100 + 10}px`;
+      posY.value = `${event.clientY / 100 + 10}px`;
     }
     function hideTooltip() {
       visible.value = false;
-      tooltipStyle.display = "none";
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -38,12 +27,18 @@ const _sfc_main = {
         onMouseleave: hideTooltip
       }, [
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", {
-          class: "tooltip-content",
-          style: normalizeStyle(tooltipStyle)
-        }, [
-          createElementVNode("span", null, toDisplayString(__props.text), 1)
-        ], 4)
+        createVNode(Transition, { name: "tooltip" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "tooltip-content",
+              style: normalizeStyle({ left: posX.value, top: posY.value })
+            }, [
+              createElementVNode("span", null, toDisplayString(__props.text), 1)
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
       ], 32);
     };
   }

package/dist/martyrs/src/components/Tooltip/Tooltip.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.vue2.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      <span>{{ text }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBA,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,eAAe,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tooltip.vue2.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <Transition name=\"tooltip\">\n      <div v-if=\"visible\" class=\"tooltip-content\" :style=\"{ left: posX, top: posY }\">\n        <span>{{ text }}</span>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\ndefineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\nconst posX = ref('0px');\nconst posY = ref('0px');\n\nfunction showTooltip(event) {\n  visible.value = true;\n  posX.value = `${(event.clientX / 100) + 10}px`;\n  posY.value = `${(event.clientY / 100) + 10}px`;\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  position: absolute;\n  width: max-content;\n  z-index: 1000;\n  background: #333;\n  color: #fff;\n  padding: 5px;\n  border-radius: 3px;\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.tooltip-enter-active,\n.tooltip-leave-active {\n  transition: opacity 0.2s ease;\n}\n\n.tooltip-enter-from,\n.tooltip-leave-to {\n  opacity: 0;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,OAAO,IAAI,KAAK;AAEtB,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAC1C,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAAA,IAC5C;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/UploadImage/UploadImage.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, withModifiers, createVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconDelete.vue.js";
 /* empty css                 */

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, withModifiers, createVNode, createElementVNode, Transition, withCtx, createBlock, createCommentVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import { useStore } from "../../modules/core/views/store/core.store.js";
 const _hoisted_1 = {

package/dist/martyrs/src/modules/auth/auth.client.js

@@ -1,6 +1,6 @@
 import * as auth from "./views/store/auth.js";
-import * as twofa from "./views/store/twofa.js";
 import * as users from "./views/store/users.js";
+import otpPlugin from "./views/plugins/otp.plugin.js";
 import addRoutes from "../core/views/router/addRoutes.js";
 import { getAuthRoutes } from "./views/router/auth.router.js";
 import { getUsersRoutes } from "./views/router/users.router.js";
@@ -8,16 +8,14 @@ import * as auth_validation from "./views/middlewares/auth.validation.js";
 import { i18nManager } from "../core/views/classes/i18n.manager.js";
 import locales from "./locales/index.js";
 import { default as default2 } from "./views/components/layouts/Auth.vue.js";
-import { default as default3 } from "./views/components/pages/EnterCode.vue.js";
-import { default as default4 } from "./views/components/pages/EnterPassword.vue.js";
-import { default as default5 } from "./views/components/pages/Invite.vue.js";
-import { default as default6 } from "./views/components/pages/Profile.vue.js";
-import { default as default7 } from "./views/components/pages/ProfileEdit.vue.js";
-import { default as default8 } from "./views/components/pages/ResetPassword.vue.js";
-import { default as default9 } from "./views/components/pages/SignIn.vue.js";
-import { default as default10 } from "./views/components/pages/SignUp.vue.js";
-import { default as default11 } from "./views/components/sections/FeaturedUsers.vue.js";
-import { default as default12 } from "./views/components/sections/SliderFeatures.vue.js";
+import { default as default3 } from "./views/components/pages/Invite.vue.js";
+import { default as default4 } from "./views/components/pages/Profile.vue.js";
+import { default as default5 } from "./views/components/pages/ProfileEdit.vue.js";
+import { default as default6 } from "./views/components/pages/ResetPassword.vue.js";
+import { default as default7 } from "./views/components/pages/SignIn.vue.js";
+import { default as default8 } from "./views/components/pages/SignUp.vue.js";
+import { default as default9 } from "./views/components/sections/FeaturedUsers.vue.js";
+import { default as default10 } from "./views/components/sections/SliderFeatures.vue.js";
 performance.mark("loading-36-start");
 console.log("[LOADING 36] Auth module import started...");
 performance.mark("loading-36-stores-end");
@@ -33,8 +31,8 @@ function initializeAuth(app, store, router, options = {}) {
   addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });
   addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });
   store.addStore("auth", auth);
-  store.addStore("twofa", twofa);
   store.addStore("users", users);
+  app.use(otpPlugin);
   app.provide("store", store);
 }
 const ModuleAuth = {
@@ -42,7 +40,6 @@ const ModuleAuth = {
   views: {
     store: {
       storeAuth: auth,
-      storeTwofa: twofa,
       storeUsers: users
     },
     router: {
@@ -60,22 +57,19 @@ const totalTime = performance.getEntriesByName("loading-36-total")[0];
 console.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);
 export {
   default2 as Auth,
-  default3 as EnterCode,
-  default4 as EnterPassword,
-  default11 as FeaturedUsers,
-  default5 as Invite,
-  default6 as Profile,
-  default7 as ProfileEdit,
-  default8 as ResetPassword,
-  default9 as SignIn,
-  default10 as SignUp,
-  default12 as SliderFeatures,
+  default9 as FeaturedUsers,
+  default3 as Invite,
+  default4 as Profile,
+  default5 as ProfileEdit,
+  default6 as ResetPassword,
+  default7 as SignIn,
+  default8 as SignUp,
+  default10 as SliderFeatures,
   ModuleAuth as default,
   getAuthRoutes,
   getUsersRoutes,
   initializeAuth as initialize,
   auth as storeAuth,
-  twofa as storeTwofa,
   users as storeUsers,
   auth_validation as validationAuth
 };

package/dist/martyrs/src/modules/auth/auth.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// [LOADING 36] Auth module import started\nperformance.mark('loading-36-start');\nconsole.log('[LOADING 36] Auth module import started...');\n\n// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\nimport * as storeUsers from './views/store/users.js';\n\nperformance.mark('loading-36-stores-end');\nconst storesTime = performance.measure('loading-36-stores', 'loading-36-start', 'loading-36-stores-end');\nconsole.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getAuthRoutes } from './views/router/auth.router.js';\nimport { getUsersRoutes } from './views/router/users.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/i18n.manager.js';\n\nimport locales from './locales/index.js';\n\nperformance.mark('loading-36-imports-end');\nconst importsTime = performance.measure('loading-36-imports', 'loading-36-stores-end', 'loading-36-imports-end');\nconsole.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as EnterCode } from './views/components/pages/EnterCode.vue';\nexport { default as EnterPassword } from './views/components/pages/EnterPassword.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const authRoute = getAuthRoutes(options);\n  const usersRoute = getUsersRoutes(options);\n\n  addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });\n  addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });\n\n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n  store.addStore('users', storeUsers);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa,\n      storeUsers,\n    },\n    router: {\n      getAuthRoutes,\n      getUsersRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeTwofa,\n  storeUsers,\n  getAuthRoutes,\n  getUsersRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n};\n\n// [LOADING 36] Auth module import completed\nperformance.mark('loading-36-end');\nperformance.measure('loading-36-total', 'loading-36-start', 'loading-36-end');\nconst totalTime = performance.getEntriesByName('loading-36-total')[0];\nconsole.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleAuth;\n"],"names":["storeAuth","storeTwofa","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,4CAA4C;AAOxD,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAczF,YAAY,KAAK,wBAAwB;AACzC,MAAM,cAAc,YAAY,QAAQ,sBAAsB,yBAAyB,wBAAwB;AAC/G,QAAQ,IAAI,+DAA+D,YAAY,SAAS,QAAQ,CAAC,CAAC,IAAI;AAgB9G,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,YAAY,cAAc,OAAO;AACvC,QAAM,aAAa,eAAe,OAAO;AAEzC,YAAU,QAAQ,EAAE,GAAG,UAAU,QAAQ,YAAY,UAAU,YAAY;AAC3E,YAAU,QAAQ,EAAE,GAAG,WAAW,QAAQ,YAAY,WAAW,YAAY;AAE7E,QAAM,SAAS,QAAQA,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAClC,QAAM,SAAS,SAASC,KAAU;AAElC,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMF;AAAAA,MACN,YAAMC;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAcA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,8CAA8C,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}
+{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// [LOADING 36] Auth module import started\nperformance.mark('loading-36-start');\nconsole.log('[LOADING 36] Auth module import started...');\n\n// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeUsers from './views/store/users.js';\nimport otpPlugin from './views/plugins/otp.plugin.js';\n\nperformance.mark('loading-36-stores-end');\nconst storesTime = performance.measure('loading-36-stores', 'loading-36-start', 'loading-36-stores-end');\nconsole.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getAuthRoutes } from './views/router/auth.router.js';\nimport { getUsersRoutes } from './views/router/users.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/i18n.manager.js';\n\nimport locales from './locales/index.js';\n\nperformance.mark('loading-36-imports-end');\nconst importsTime = performance.measure('loading-36-imports', 'loading-36-stores-end', 'loading-36-imports-end');\nconsole.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const authRoute = getAuthRoutes(options);\n  const usersRoute = getUsersRoutes(options);\n\n  addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });\n  addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });\n\n  store.addStore('auth', storeAuth);\n  store.addStore('users', storeUsers);\n\n  // OTP plugin для challenge-response\n  app.use(otpPlugin);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeUsers,\n    },\n    router: {\n      getAuthRoutes,\n      getUsersRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeUsers,\n  getAuthRoutes,\n  getUsersRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n};\n\n// [LOADING 36] Auth module import completed\nperformance.mark('loading-36-end');\nperformance.measure('loading-36-total', 'loading-36-start', 'loading-36-end');\nconst totalTime = performance.getEntriesByName('loading-36-total')[0];\nconsole.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleAuth;\n"],"names":["storeAuth","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,4CAA4C;AAOxD,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAczF,YAAY,KAAK,wBAAwB;AACzC,MAAM,cAAc,YAAY,QAAQ,sBAAsB,yBAAyB,wBAAwB;AAC/G,QAAQ,IAAI,+DAA+D,YAAY,SAAS,QAAQ,CAAC,CAAC,IAAI;AAc9G,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,YAAY,cAAc,OAAO;AACvC,QAAM,aAAa,eAAe,OAAO;AAEzC,YAAU,QAAQ,EAAE,GAAG,UAAU,QAAQ,YAAY,UAAU,YAAY;AAC3E,YAAU,QAAQ,EAAE,GAAG,WAAW,QAAQ,YAAY,WAAW,YAAY;AAE7E,QAAM,SAAS,QAAQA,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAGlC,MAAI,IAAI,SAAS;AAEjB,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMD;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAaA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,8CAA8C,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}

package/dist/martyrs/src/modules/auth/views/components/blocks/OtpDialog.vue.js

@@ -0,0 +1,178 @@
+import { ref, computed, watch, createBlock, openBlock, withCtx, createElementBlock, createElementVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, normalizeClass, createVNode, unref, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import { b as On } from "../../../../../../dist/main-BIf-WirR.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "t-center"
+};
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-big t-transp" };
+const _hoisted_4 = { class: "mn-b-small t-transp" };
+const _hoisted_5 = { class: "d-flex flex-h-center gap-small" };
+const _hoisted_6 = {
+  key: 1,
+  class: "t-center"
+};
+const _hoisted_7 = { class: "mn-b-thin t-transp" };
+const _hoisted_8 = { class: "mn-b-small" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onUpdate:modelValue", "onInput"];
+const _hoisted_11 = { class: "d-flex flex-h-center gap-small" };
+const _sfc_main = {
+  __name: "OtpDialog",
+  props: {
+    otpState: { type: Object, required: true },
+    closeOtp: { type: Function, required: true },
+    closeDualOtp: { type: Function, required: true },
+    cancelOtp: { type: Function, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const inputRefs = ref(null);
+    const dualInputRefs = ref([null, null]);
+    const code = ref("");
+    const dualCodes = ref(["", ""]);
+    const bothComplete = computed(
+      () => dualCodes.value[0].length === 4 && dualCodes.value[1].length === 4
+    );
+    watch(() => props.otpState.visible, (visible) => {
+      if (visible) {
+        code.value = "";
+        dualCodes.value = ["", ""];
+        setTimeout(() => {
+          if (props.otpState.mode === "dual") {
+            dualInputRefs.value[0]?.focus();
+          } else {
+            inputRefs.value?.focus();
+          }
+        }, 100);
+      }
+    });
+    function focusInput() {
+      inputRefs.value?.focus();
+    }
+    function focusDualInput(idx) {
+      dualInputRefs.value[idx]?.focus();
+    }
+    function onKeydown(e) {
+      if (!/^\d$/.test(e.key) && !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && !e.ctrlKey && !e.metaKey) {
+        e.preventDefault();
+      }
+    }
+    function onInput() {
+      code.value = code.value.replace(/\D/g, "").slice(0, 4);
+      if (code.value.length === 4) {
+        props.closeOtp(code.value);
+      }
+    }
+    function onDualInput(idx) {
+      dualCodes.value[idx] = dualCodes.value[idx].replace(/\D/g, "").slice(0, 4);
+      if (dualCodes.value[idx].length === 4 && idx === 0) {
+        dualInputRefs.value[1]?.focus();
+      }
+      if (bothComplete.value) {
+        submitDual();
+      }
+    }
+    function submitDual() {
+      props.closeDualOtp([dualCodes.value[0], dualCodes.value[1]]);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        isPopupOpen: __props.otpState.visible,
+        onClosePopup: __props.cancelOtp,
+        class: "bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium"
+      }, {
+        default: withCtx(() => [
+          __props.otpState.mode !== "dual" ? (openBlock(), createElementBlock("section", _hoisted_1, [
+            createElementVNode("h3", _hoisted_2, toDisplayString(__props.otpState.challenge?.type === "email" ? "Verify Email" : "Verify Phone"), 1),
+            createElementVNode("p", _hoisted_3, toDisplayString(__props.otpState.challenge?.type === "email" ? "Enter the code sent to your email" : "Enter the code sent to your phone"), 1),
+            createElementVNode("p", _hoisted_4, toDisplayString(__props.otpState.challenge?.identifier), 1),
+            createElementVNode("div", {
+              class: "pos-relative mn-b-big cursor-text",
+              onClick: _cache[1] || (_cache[1] = ($event) => focusInput())
+            }, [
+              withDirectives(createElementVNode("input", {
+                ref_key: "inputRefs",
+                ref: inputRefs,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => code.value = $event),
+                type: "text",
+                inputmode: "numeric",
+                pattern: "[0-9]*",
+                maxlength: "4",
+                class: "pos-absolute inset-0 w-100 h-100 opacity-0 z-1",
+                onInput,
+                onKeydown,
+                autocomplete: "one-time-code"
+              }, null, 544), [
+                [vModelText, code.value]
+              ]),
+              createElementVNode("div", _hoisted_5, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+                  return createElementVNode("div", {
+                    key: i,
+                    class: normalizeClass(["w-[60px] h-[60px] d-flex flex-center text-[28px] fw-medium bg-light radius-small br-1px ease-cubic", code.value.length === i - 1 ? "br-main" : "br-grey"])
+                  }, toDisplayString(code.value[i - 1] || ""), 3);
+                }), 64))
+              ])
+            ])
+          ])) : (openBlock(), createElementBlock("section", _hoisted_6, [
+            _cache[3] || (_cache[3] = createElementVNode("h3", { class: "mn-b-medium" }, "Verify Change", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.otpState.challenges, (challenge, idx) => {
+              return openBlock(), createElementBlock("div", {
+                key: idx,
+                class: "mn-b-big"
+              }, [
+                createElementVNode("p", _hoisted_7, toDisplayString(challenge.label === "old" ? "Current" : "New"), 1),
+                createElementVNode("p", _hoisted_8, toDisplayString(challenge.identifier), 1),
+                createElementVNode("div", {
+                  class: "pos-relative cursor-text",
+                  onClick: ($event) => focusDualInput(idx)
+                }, [
+                  withDirectives(createElementVNode("input", {
+                    ref_for: true,
+                    ref: (el) => dualInputRefs.value[idx] = el,
+                    "onUpdate:modelValue": ($event) => dualCodes.value[idx] = $event,
+                    type: "text",
+                    inputmode: "numeric",
+                    pattern: "[0-9]*",
+                    maxlength: "4",
+                    class: "pos-absolute inset-0 w-100 h-100 opacity-0 z-1",
+                    onInput: ($event) => onDualInput(idx),
+                    onKeydown,
+                    autocomplete: "one-time-code"
+                  }, null, 40, _hoisted_10), [
+                    [vModelText, dualCodes.value[idx]]
+                  ]),
+                  createElementVNode("div", _hoisted_11, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+                      return createElementVNode("div", {
+                        key: i,
+                        class: normalizeClass(["w-[48px] h-[48px] d-flex flex-center text-[24px] fw-medium bg-light radius-small br-1px ease-cubic", dualCodes.value[idx].length === i - 1 ? "br-main" : "br-grey"])
+                      }, toDisplayString(dualCodes.value[idx][i - 1] || ""), 3);
+                    }), 64))
+                  ])
+                ], 8, _hoisted_9)
+              ]);
+            }), 128)),
+            createVNode(unref(On), {
+              onClick: submitDual,
+              disabled: !bothComplete.value,
+              class: "w-100"
+            }, {
+              default: withCtx(() => _cache[2] || (_cache[2] = [
+                createTextVNode(" Confirm ")
+              ])),
+              _: 1
+            }, 8, ["disabled"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["isPopupOpen", "onClosePopup"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=OtpDialog.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/blocks/OtpDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpDialog.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/OtpDialog.vue"],"sourcesContent":["<template>\n  <Popup\n    :isPopupOpen=\"otpState.visible\"\n    @close-popup=\"cancelOtp\"\n    class=\"bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium\"\n  >\n    <!-- Single mode -->\n    <section v-if=\"otpState.mode !== 'dual'\" class=\"t-center\">\n      <h3 class=\"mn-b-medium\">\n        {{ otpState.challenge?.type === 'email' ? 'Verify Email' : 'Verify Phone' }}\n      </h3>\n\n      <p class=\"mn-b-big t-transp\">\n        {{ otpState.challenge?.type === 'email'\n          ? 'Enter the code sent to your email'\n          : 'Enter the code sent to your phone' }}\n      </p>\n\n      <p class=\"mn-b-small t-transp\">{{ otpState.challenge?.identifier }}</p>\n\n      <div class=\"pos-relative mn-b-big cursor-text\" @click=\"focusInput(0)\">\n        <input\n          ref=\"inputRefs\"\n          v-model=\"code\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          pattern=\"[0-9]*\"\n          maxlength=\"4\"\n          class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n          autocomplete=\"one-time-code\"\n        >\n        <div class=\"d-flex flex-h-center gap-small\">\n          <div\n            v-for=\"i in 4\"\n            :key=\"i\"\n            class=\"w-[60px] h-[60px] d-flex flex-center text-[28px] fw-medium bg-light radius-small br-1px ease-cubic\"\n            :class=\"code.length === i - 1 ? 'br-main' : 'br-grey'\"\n          >\n            {{ code[i - 1] || '' }}\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- Dual mode -->\n    <section v-else class=\"t-center\">\n      <h3 class=\"mn-b-medium\">Verify Change</h3>\n\n      <div v-for=\"(challenge, idx) in otpState.challenges\" :key=\"idx\" class=\"mn-b-big\">\n        <p class=\"mn-b-thin t-transp\">\n          {{ challenge.label === 'old' ? 'Current' : 'New' }}\n        </p>\n        <p class=\"mn-b-small\">{{ challenge.identifier }}</p>\n\n        <div class=\"pos-relative cursor-text\" @click=\"focusDualInput(idx)\">\n          <input\n            :ref=\"el => dualInputRefs[idx] = el\"\n            v-model=\"dualCodes[idx]\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            pattern=\"[0-9]*\"\n            maxlength=\"4\"\n            class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n            @input=\"onDualInput(idx)\"\n            @keydown=\"onKeydown\"\n            autocomplete=\"one-time-code\"\n          >\n          <div class=\"d-flex flex-h-center gap-small\">\n            <div\n              v-for=\"i in 4\"\n              :key=\"i\"\n              class=\"w-[48px] h-[48px] d-flex flex-center text-[24px] fw-medium bg-light radius-small br-1px ease-cubic\"\n              :class=\"dualCodes[idx].length === i - 1 ? 'br-main' : 'br-grey'\"\n            >\n              {{ dualCodes[idx][i - 1] || '' }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Button\n        @click=\"submitDual\"\n        :disabled=\"!bothComplete\"\n        class=\"w-100\"\n      >\n        Confirm\n      </Button>\n    </section>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport { Button } from '@ozdao/martyrs'\n\nconst props = defineProps({\n  otpState: { type: Object, required: true },\n  closeOtp: { type: Function, required: true },\n  closeDualOtp: { type: Function, required: true },\n  cancelOtp: { type: Function, required: true }\n})\n\nconst inputRefs = ref(null)\nconst dualInputRefs = ref([null, null])\nconst code = ref('')\nconst dualCodes = ref(['', ''])\n\nconst bothComplete = computed(() =>\n  dualCodes.value[0].length === 4 && dualCodes.value[1].length === 4\n)\n\nwatch(() => props.otpState.visible, (visible) => {\n  if (visible) {\n    code.value = ''\n    dualCodes.value = ['', '']\n    setTimeout(() => {\n      if (props.otpState.mode === 'dual') {\n        dualInputRefs.value[0]?.focus()\n      } else {\n        inputRefs.value?.focus()\n      }\n    }, 100)\n  }\n})\n\nfunction focusInput() {\n  inputRefs.value?.focus()\n}\n\nfunction focusDualInput(idx) {\n  dualInputRefs.value[idx]?.focus()\n}\n\nfunction onKeydown(e) {\n  if (!/^\\d$/.test(e.key) && !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key) && !e.ctrlKey && !e.metaKey) {\n    e.preventDefault()\n  }\n}\n\nfunction onInput() {\n  code.value = code.value.replace(/\\D/g, '').slice(0, 4)\n\n  if (code.value.length === 4) {\n    props.closeOtp(code.value)\n  }\n}\n\nfunction onDualInput(idx) {\n  dualCodes.value[idx] = dualCodes.value[idx].replace(/\\D/g, '').slice(0, 4)\n\n  // Auto-focus next input when current is complete\n  if (dualCodes.value[idx].length === 4 && idx === 0) {\n    dualInputRefs.value[1]?.focus()\n  }\n\n  // Auto-submit when both are complete\n  if (bothComplete.value) {\n    submitDual()\n  }\n}\n\nfunction submitDual() {\n  props.closeDualOtp([dualCodes.value[0], dualCodes.value[1]])\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ;AAOd,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC;AACtC,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC;AAE9B,UAAM,eAAe;AAAA,MAAS,MAC5B,UAAU,MAAM,CAAC,EAAE,WAAW,KAAK,UAAU,MAAM,CAAC,EAAE,WAAW;AAAA,IACnE;AAEA,UAAM,MAAM,MAAM,SAAS,SAAS,CAAC,YAAY;AAC/C,UAAI,SAAS;AACX,aAAK,QAAQ;AACb,kBAAU,QAAQ,CAAC,IAAI,EAAE;AACzB,mBAAW,MAAM;AACf,cAAI,MAAM,SAAS,SAAS,QAAQ;AAClC,0BAAc,MAAM,CAAC,GAAG,MAAK;AAAA,UAC/B,OAAO;AACL,sBAAU,OAAO,MAAK;AAAA,UACxB;AAAA,QACF,GAAG,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAED,aAAS,aAAa;AACpB,gBAAU,OAAO,MAAK;AAAA,IACxB;AAEA,aAAS,eAAe,KAAK;AAC3B,oBAAc,MAAM,GAAG,GAAG,MAAK;AAAA,IACjC;AAEA,aAAS,UAAU,GAAG;AACpB,UAAI,CAAC,OAAO,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,aAAa,UAAU,aAAa,cAAc,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS;AACjI,UAAE,eAAc;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,UAAU;AACjB,WAAK,QAAQ,KAAK,MAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAErD,UAAI,KAAK,MAAM,WAAW,GAAG;AAC3B,cAAM,SAAS,KAAK,KAAK;AAAA,MAC3B;AAAA,IACF;AAEA,aAAS,YAAY,KAAK;AACxB,gBAAU,MAAM,GAAG,IAAI,UAAU,MAAM,GAAG,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAGzE,UAAI,UAAU,MAAM,GAAG,EAAE,WAAW,KAAK,QAAQ,GAAG;AAClD,sBAAc,MAAM,CAAC,GAAG,MAAK;AAAA,MAC/B;AAGA,UAAI,aAAa,OAAO;AACtB,mBAAU;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,YAAM,aAAa,CAAC,UAAU,MAAM,CAAC,GAAG,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,IAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}