@ozdao/martyrs 0.2.506 → 0.2.508

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

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const FieldBig = require("../../../../components/FieldBig/FieldBig.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const facebook = require("../../../icons/socials/facebook.vue.cjs");
+const instagram = require("../../../icons/socials/instagram.vue.cjs");
+const telegram = require("../../../icons/socials/telegram.vue.cjs");
+const twitter = require("../../../icons/socials/twitter.vue.cjs");
+const youtube = require("../../../icons/socials/youtube.vue.cjs");
+const linkedin = require("../../../icons/socials/linkedin.vue.cjs");
+const whatsapp = require("../../../icons/socials/whatsapp.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+require("../../store/applications.cjs");
+const _hoisted_1 = { class: "t-center" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "t-transp mn-b-medium" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex flex-wrap flex-h-center gap-medium"
+};
+const _hoisted_5 = ["href"];
+const _sfc_main = {
+  __name: "FieldSubscribeNewsletter",
+  props: {
+    // Тексты компонента
+    title: {
+      type: String,
+      default: null
+    },
+    subtitle: {
+      type: String,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    action: {
+      type: String,
+      default: null
+    },
+    successTitle: {
+      type: String,
+      default: null
+    },
+    successSubtitle: {
+      type: String,
+      default: null
+    },
+    socials: {
+      type: Array,
+      default: null
+    },
+    // Настройки поля
+    typingSpeed: {
+      type: Number,
+      default: 75
+    },
+    loopTyping: {
+      type: Boolean,
+      default: false
+    },
+    enableTyping: {
+      type: Boolean,
+      default: false
+    },
+    fieldName: {
+      type: String,
+      default: "newsletter-email"
+    },
+    fieldId: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, tm } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    let email = vue.ref("");
+    let isSuccessPopupOpen = vue.ref(false);
+    const socialIcons = {
+      facebook: facebook.default,
+      instagram: instagram.default,
+      telegram: telegram.default,
+      twitter: twitter.default,
+      youtube: youtube.default,
+      linkedin: linkedin.default,
+      whatsapp: whatsapp.default
+    };
+    function validateEmail(email2) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      return emailRegex.test(email2);
+    }
+    function showSuccessPopup() {
+      isSuccessPopupOpen.value = true;
+    }
+    async function sendApplication() {
+      if (!email.value || !email.value.trim()) {
+        globals.setError({ message: t("validation.email.required") || "Email is required" });
+        return Promise.reject(new Error("Email is required"));
+      }
+      if (!validateEmail(email.value.trim())) {
+        globals.setError({ message: t("validation.email.invalid") || "Invalid email format" });
+        return Promise.reject(new Error("Invalid email format"));
+      }
+      gtag("event", "subscribe_newsletter", {
+        "event_category": "conversion",
+        "event_label": "Subscribe Newsletter"
+      });
+      try {
+        let application = {
+          type: "newsletter",
+          contacts: {
+            email: email.value.trim()
+          }
+        };
+        const response = await fetch(`${process.env.API_URL}/api/applications/public`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(application)
+        });
+        if (!response.ok) {
+          throw new Error("Failed to create application");
+        }
+        const result = await response.json();
+        showSuccessPopup();
+        return Promise.resolve(result);
+      } catch (error) {
+        console.log(error);
+        globals.setError(error);
+        return Promise.reject(error);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(FieldBig.default, vue.mergeProps({
+        input: vue.unref(email),
+        typingSpeed: __props.typingSpeed,
+        loopTyping: __props.loopTyping,
+        enableTyping: __props.enableTyping,
+        placeholder: props.placeholder || vue.unref(t)("orders.newsletter.placeholder"),
+        action: props.action === false ? "" : props.action || vue.unref(t)("orders.newsletter.action"),
+        name: __props.fieldName,
+        id: __props.fieldId,
+        "onUpdate:input": _cache[1] || (_cache[1] = ($event) => vue.isRef(email) ? email.value = $event : email = $event),
+        onAction: sendApplication,
+        showLoader: true,
+        showSuccess: false,
+        callbackDelay: 100
+      }, _ctx.$attrs), {
+        default: vue.withCtx(() => [
+          vue.createVNode(Popup.default, {
+            isPopupOpen: vue.unref(isSuccessPopupOpen),
+            onClosePopup: _cache[0] || (_cache[0] = ($event) => vue.isRef(isSuccessPopupOpen) ? isSuccessPopupOpen.value = false : isSuccessPopupOpen = false),
+            align: "center center",
+            class: "bg-white t-black pd-big radius-big"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(props.successTitle || vue.unref(t)("orders.newsletter.success.title")), 1),
+                vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(props.successSubtitle || vue.unref(t)("orders.newsletter.success.subtitle")), 1),
+                (props.socials || vue.unref(tm)("orders.newsletter.socials")) && (props.socials || vue.unref(tm)("orders.newsletter.socials")).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.socials || vue.unref(tm)("orders.newsletter.socials"), (social) => {
+                    return vue.openBlock(), vue.createElementBlock("a", {
+                      key: social.name,
+                      href: social.url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "hover-scale-1 bg-light radius-small pd-thin transition-all"
+                    }, [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(socialIcons[social.icon]), {
+                        class: "i-semi",
+                        fill: "rgb(var(--dark))"
+                      }))
+                    ], 8, _hoisted_5);
+                  }), 128))
+                ])) : vue.createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["isPopupOpen"])
+        ]),
+        _: 1
+      }, 16, ["input", "typingSpeed", "loopTyping", "enableTyping", "placeholder", "action", "name", "id"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FieldSubscribeNewsletter.vue.cjs.map

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

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

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

@@ -0,0 +1,194 @@
+import { ref, createBlock, openBlock, mergeProps, unref, isRef, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, toDisplayString, Fragment, renderList, resolveDynamicComponent } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../../../components/FieldBig/FieldBig.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$9 from "../../../icons/socials/facebook.vue.js";
+import _sfc_main$8 from "../../../icons/socials/instagram.vue.js";
+import _sfc_main$7 from "../../../icons/socials/telegram.vue.js";
+import _sfc_main$6 from "../../../icons/socials/twitter.vue.js";
+import _sfc_main$5 from "../../../icons/socials/youtube.vue.js";
+import _sfc_main$4 from "../../../icons/socials/linkedin.vue.js";
+import _sfc_main$3 from "../../../icons/socials/whatsapp.vue.js";
+import { setError } from "../../../globals/views/store/globals.js";
+import "../../store/applications.js";
+const _hoisted_1 = { class: "t-center" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "t-transp mn-b-medium" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex flex-wrap flex-h-center gap-medium"
+};
+const _hoisted_5 = ["href"];
+const _sfc_main = {
+  __name: "FieldSubscribeNewsletter",
+  props: {
+    // Тексты компонента
+    title: {
+      type: String,
+      default: null
+    },
+    subtitle: {
+      type: String,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    action: {
+      type: String,
+      default: null
+    },
+    successTitle: {
+      type: String,
+      default: null
+    },
+    successSubtitle: {
+      type: String,
+      default: null
+    },
+    socials: {
+      type: Array,
+      default: null
+    },
+    // Настройки поля
+    typingSpeed: {
+      type: Number,
+      default: 75
+    },
+    loopTyping: {
+      type: Boolean,
+      default: false
+    },
+    enableTyping: {
+      type: Boolean,
+      default: false
+    },
+    fieldName: {
+      type: String,
+      default: "newsletter-email"
+    },
+    fieldId: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, tm } = useI18n({
+      useScope: "global"
+    });
+    let email = ref("");
+    let isSuccessPopupOpen = ref(false);
+    const socialIcons = {
+      facebook: _sfc_main$9,
+      instagram: _sfc_main$8,
+      telegram: _sfc_main$7,
+      twitter: _sfc_main$6,
+      youtube: _sfc_main$5,
+      linkedin: _sfc_main$4,
+      whatsapp: _sfc_main$3
+    };
+    function validateEmail(email2) {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      return emailRegex.test(email2);
+    }
+    function showSuccessPopup() {
+      isSuccessPopupOpen.value = true;
+    }
+    async function sendApplication() {
+      if (!email.value || !email.value.trim()) {
+        setError({ message: t("validation.email.required") || "Email is required" });
+        return Promise.reject(new Error("Email is required"));
+      }
+      if (!validateEmail(email.value.trim())) {
+        setError({ message: t("validation.email.invalid") || "Invalid email format" });
+        return Promise.reject(new Error("Invalid email format"));
+      }
+      gtag("event", "subscribe_newsletter", {
+        "event_category": "conversion",
+        "event_label": "Subscribe Newsletter"
+      });
+      try {
+        let application = {
+          type: "newsletter",
+          contacts: {
+            email: email.value.trim()
+          }
+        };
+        const response = await fetch(`${process.env.API_URL}/api/applications/public`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(application)
+        });
+        if (!response.ok) {
+          throw new Error("Failed to create application");
+        }
+        const result = await response.json();
+        showSuccessPopup();
+        return Promise.resolve(result);
+      } catch (error) {
+        console.log(error);
+        setError(error);
+        return Promise.reject(error);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        input: unref(email),
+        typingSpeed: __props.typingSpeed,
+        loopTyping: __props.loopTyping,
+        enableTyping: __props.enableTyping,
+        placeholder: props.placeholder || unref(t)("orders.newsletter.placeholder"),
+        action: props.action === false ? "" : props.action || unref(t)("orders.newsletter.action"),
+        name: __props.fieldName,
+        id: __props.fieldId,
+        "onUpdate:input": _cache[1] || (_cache[1] = ($event) => isRef(email) ? email.value = $event : email = $event),
+        onAction: sendApplication,
+        showLoader: true,
+        showSuccess: false,
+        callbackDelay: 100
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            isPopupOpen: unref(isSuccessPopupOpen),
+            onClosePopup: _cache[0] || (_cache[0] = ($event) => isRef(isSuccessPopupOpen) ? isSuccessPopupOpen.value = false : isSuccessPopupOpen = false),
+            align: "center center",
+            class: "bg-white t-black pd-big radius-big"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("h3", _hoisted_2, toDisplayString(props.successTitle || unref(t)("orders.newsletter.success.title")), 1),
+                createElementVNode("p", _hoisted_3, toDisplayString(props.successSubtitle || unref(t)("orders.newsletter.success.subtitle")), 1),
+                (props.socials || unref(tm)("orders.newsletter.socials")) && (props.socials || unref(tm)("orders.newsletter.socials")).length ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.socials || unref(tm)("orders.newsletter.socials"), (social) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: social.name,
+                      href: social.url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "hover-scale-1 bg-light radius-small pd-thin transition-all"
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(socialIcons[social.icon]), {
+                        class: "i-semi",
+                        fill: "rgb(var(--dark))"
+                      }))
+                    ], 8, _hoisted_5);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 8, ["isPopupOpen"])
+        ]),
+        _: 1
+      }, 16, ["input", "typingSpeed", "loopTyping", "enableTyping", "placeholder", "action", "name", "id"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FieldSubscribeNewsletter.vue.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormApplicationDetails.vue.cjs","sources":["../../../../../../../src/modules/orders/components/forms/FormApplicationDetails.vue"],"sourcesContent":["<template>\n  <Block :title=\"title\" class=\"mn-b-thin\">\n    <Field \n      v-model:field=\"application.contacts.name\"   \n      label=\"Name\"  \n      placeholder=\"Enter name\"  \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"application.contacts.email\"   \n      label=\"Email\"  \n      placeholder=\"Enter email\"  \n      type=\"email\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    <Field \n      v-model:field=\"application.contacts.phone\"   \n      label=\"Phone\"  \n      placeholder=\"Enter phone\"  \n      type=\"tel\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n    \n    <Select \n      :select=\"typeSelected\"\n      :options=\"[\n        {name: 'Newsletter', value: 'newsletter'}, \n        {name: 'Support', value: 'support'}, \n        {name: 'Inquiry', value: 'inquiry'},\n        {name: 'Feedback', value: 'feedback'},\n        {name: 'Other', value: 'other'}\n      ]\"\n      @update:select=\"(option) => { application.type = option.value; typeSelected = option }\"\n      placeholder=\"Type\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Field \n      v-model:field=\"application.text\"   \n      label=\"Message\"  \n      placeholder=\"Enter message\"  \n      type=\"textarea\"\n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <Select \n      :select=\"statusSelected\"\n      :options=\"[\n        {name: 'Created', value: 'created'}, \n        {name: 'In Progress', value: 'in_progress'}, \n        {name: 'Completed', value: 'completed'},\n        {name: 'Cancelled', value: 'cancelled'}\n      ]\"\n      @update:select=\"(option) => { application.status = option.value; statusSelected = option }\"\n      placeholder=\"Status\" \n      class=\"bg-white pd-small radius-small mn-b-thin\"\n    />\n\n    <div class=\"gap-thin flex mn-t-small\">\n      <Button \n        @click=\"handleSave\"\n        class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        {{ createMode ? 'Create Application' : 'Save Changes' }}\n      </Button>\n      <Button \n        @click=\"handleCancel\"\n        class=\"w-100 pd-small radius-big bg-light t-black uppercase t-medium\"\n      >\n        Cancel\n      </Button>\n    </div>\n  </Block>\n</template>\n\n<script setup>\nimport { ref, watch } from \"vue\"\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nconst application = defineModel('application', { required: true })\n\nlet typeSelected = ref({name: 'Newsletter', value: 'newsletter'})\nlet statusSelected = ref({name: 'Created', value: 'created'})\n\ndefineProps({\n  title: {\n    type: String,\n    default: 'Application Data'\n  }, \n  createMode: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['save', 'cancel']);\n\n// Ensure nested objects exist\nwatch(application, (newApplication) => {\n  if (newApplication) {\n    if (!newApplication.contacts) {\n      newApplication.contacts = { name: null, email: null, phone: null };\n    }\n  }\n}, { immediate: true, deep: true });\n\nconst handleSave = () => {\n  emit('save');\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n};\n</script>"],"names":["_useModel","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,UAAM,cAAcA,IAAAA,SAAW,SAAC,aAAiC;AAEjE,QAAI,eAAeC,IAAAA,IAAI,EAAC,MAAM,cAAc,OAAO,aAAY,CAAC;AAChE,QAAI,iBAAiBA,IAAAA,IAAI,EAAC,MAAM,WAAW,OAAO,UAAS,CAAC;AAa5D,UAAM,OAAO;AAGbC,QAAAA,MAAM,aAAa,CAAC,mBAAmB;AACrC,UAAI,gBAAgB;AAClB,YAAI,CAAC,eAAe,UAAU;AAC5B,yBAAe,WAAW,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,KAAI;AAAA,QAClE;AAAA,MACF;AAAA,IACF,GAAG,EAAE,WAAW,MAAM,MAAM,KAAI,CAAE;AAElC,UAAM,aAAa,MAAM;AACvB,WAAK,MAAM;AAAA,IACb;AAEA,UAAM,eAAe,MAAM;AACzB,WAAK,QAAQ;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}