@ozdao/martyrs 0.2.466 → 0.2.468

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
 const AskToLogin = require("../sections/AskToLogin.vue.cjs");
 const Succes = require("../sections/Succes.vue.cjs");
@@ -10,6 +11,7 @@ const FormCustomerDetails = require("../sections/FormCustomerDetails.vue.cjs");
 const FormDelivery = require("../sections/FormDelivery.vue.cjs");
 const FormPayment = require("../sections/FormPayment.vue.cjs");
 const vueRouter = require("vue-router");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const shopcart = require("../../store/shopcart.cjs");
@@ -29,7 +31,6 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = { class: "flex gap-thin flex-wrap mn-b-thin" };
 const _hoisted_6 = { class: "mn-b-thin" };
-const _hoisted_7 = ["disabled"];
 const _sfc_main = {
   __name: "OrderCreate",
   emits: ["page-loading", "page-loaded"],
@@ -38,6 +39,7 @@ const _sfc_main = {
     const isLocationLoading = vue.ref(false);
     vueRouter.useRoute();
     const router = vueRouter.useRouter();
+    const { returnCurrency } = mixins.useGlobalMixins();
     const order = vue.computed(() => orders.state.current);
     vue.computed(() => users.state.current);
     const cartTotalPrice = shopcart.getters.cartTotalPrice;
@@ -54,7 +56,7 @@ const _sfc_main = {
     }
     orders.mutations.resetOrder();
     vue.onMounted(async () => {
-      var _a;
+      var _a, _b, _c;
       emits("page-loading");
       isLocationLoading.value = true;
       if (auth.state.user._id) {
@@ -71,6 +73,26 @@ const _sfc_main = {
       });
       isLocationLoading.value = false;
       emits("page-loaded");
+      if (typeof gtag === "function") {
+        gtag("event", "begin_checkout", {
+          currency: returnCurrency(),
+          // Замените на вашу валюту
+          value: cartTotalPrice || 0,
+          items: shopcart.state.positions.map((item) => {
+            var _a2, _b2, _c2, _d;
+            return {
+              item_id: (_a2 = item.product) == null ? void 0 : _a2._id,
+              item_name: (_b2 = item.product) == null ? void 0 : _b2.name,
+              price: item.price || 0,
+              quantity: item.quantity || 1,
+              item_category: ((_c2 = item.product) == null ? void 0 : _c2.category) || "",
+              item_brand: ((_d = orderOrganization.value.profile) == null ? void 0 : _d.name) || ""
+            };
+          }),
+          organization: ((_b = orderOrganization.value.profile) == null ? void 0 : _b.name) || "",
+          location: ((_c = globals.state.position) == null ? void 0 : _c.location) || "unknown"
+        });
+      }
     });
     vue.watch(
       () => orders.state.current.delivery,
@@ -127,6 +149,7 @@ const _sfc_main = {
       }
     });
     async function handleCreate() {
+      var _a, _b, _c;
       orders.state.current.status = "created";
       orders.state.current.owner = {
         target: orderOrganization.value[0]._id,
@@ -150,6 +173,34 @@ const _sfc_main = {
         orders.state.current.referralCode = referralCode;
       }
       let order2 = await orders.actions.create(orders.state.current);
+      if (order2) {
+        if (typeof gtag === "function") {
+          gtag("event", "purchase", {
+            transaction_id: order2._id,
+            value: cartTotalPrice || 0,
+            currency: returnCurrency(),
+            // Замените на вашу валюту
+            tax: 0,
+            // Если есть данные о налоге
+            shipping: deliveryCost.value,
+            // Если есть данные о доставке
+            items: shopcart.state.positions.map((item) => {
+              var _a2, _b2, _c2;
+              return {
+                item_id: (_a2 = item.product) == null ? void 0 : _a2._id,
+                item_name: (_b2 = item.product) == null ? void 0 : _b2.name,
+                price: item.price || 0,
+                quantity: item.quantity || 1,
+                item_category: ((_c2 = item.product) == null ? void 0 : _c2.category) || ""
+              };
+            }),
+            organization: (_b = (_a = orderOrganization.value) == null ? void 0 : _a.profile) == null ? void 0 : _b.name,
+            location: ((_c = globals.state.position) == null ? void 0 : _c.location) || "unknown",
+            referral_code: referralCode || null,
+            user_id: auth.state.user._id || "anonymous"
+          });
+        }
+      }
       if (order2) {
         await router.push({
           name: "Order",
@@ -210,7 +261,7 @@ const _sfc_main = {
               vue.createVNode(PriceTotal.default, {
                 totalPrice: vue.unref(cartTotalPrice),
                 deliveryRate: deliveryCost.value,
-                currency: _ctx.returnCurrency(),
+                currency: vue.unref(returnCurrency)(),
                 showFees: (_a = globals.state.options) == null ? void 0 : _a.orders.showFees,
                 feesRate: ((_b = globals.state.options) == null ? void 0 : _b.orders.feesRate) || 0,
                 showVat: (_c = globals.state.options) == null ? void 0 : _c.orders.showVat,
@@ -218,12 +269,17 @@ const _sfc_main = {
                 showDeliveryFee: (_e = globals.state.options) == null ? void 0 : _e.orders.showDeliveryFee
               }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
             ]),
-            orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+            orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(Button.default, {
               key: 0,
-              disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value || isLocationLoading.value,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleCreate()),
-              class: "bg-main mn-b-small pd-small radius-big w-100 button"
-            }, " Place an Order ", 8, _hoisted_7)) : vue.createCommentVNode("", true),
+              submit: () => handleCreate(),
+              class: "bg-main mn-b-small pd-small radius-big w-100 button",
+              disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value || isLocationLoading.value
+            }, {
+              default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                vue.createElementVNode("span", null, "Place an Order", -1)
+              ])),
+              _: 1
+            }, 8, ["submit", "disabled"])) : vue.createCommentVNode("", true),
             _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, [
               vue.createTextVNode(" I agree that placing the order places me under an obligation to make a payment in accordance with "),
               vue.createElementVNode("a", {

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\t emits('page-loading');\n\n\tisLocationLoading.value = true\n\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torders.state.current.organization = shopcart.state.organization\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n isLocationLoading.value = false\n  emits('page-loaded');\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["ref","useRoute","useRouter","computed","orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","onMounted","users.actions","shopcart.state","organizations.actions","watch","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA,UAAM,QAAQ;AAKd,UAAM,oBAAoBA,IAAG,IAAC,KAAK;AAErBC,cAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,QAAQC,IAAAA,SAAS,MAAMC,OAAAA,MAAa,OAAO;AACpCD,QAAAA,SAAS,MAAME,MAAW,MAAC,OAAO;AAE/C,UAAM,iBAAiBC,SAAAA,QAAiB;AAExC,UAAM,eAAeH,IAAQ,SAAC,MAAM;;AAClC,YAAM,OAAOC,OAAAA,MAAa,QAAQ,SAAS;AAC3C,YAAM,aAAW,uBAAkB,MAAM,CAAC,MAAzB,mBAA4B,aAAY;AACzD,YAAM,WAASG,mBAAa,MAAC,YAAdA,mBAAuB,WAAvBA,mBAA+B,qBAAoB,CAAA;AAElE,aAAOC,eAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAGD,UAAM,oBAAoBR,IAAG,IAAC,CAAE,CAAA;AAGhC,QAAI,CAACO,QAAAA,MAAc,QAAQ,OAAO,8BAA8B,CAACE,KAAU,MAAC,KAAK,KAAK;AACrF,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC9B;AAGAC,WAAAA,UAAiB,WAAU;AAE3BC,QAAAA,UAAU,YAAU;;AAClB,YAAM,cAAc;AAErB,wBAAkB,QAAQ;AAG1B,UAAIF,KAAU,MAAC,KAAK,KAAK;AACb,cAAMG,cAAc,KAAK,EAAE,KAAIH,KAAU,MAAC,KAAK,KAAK,MAAMA,WAAW,KAAK,IAAK,CAAA;AAC1FL,eAAY,MAAC,QAAQ,SAAS,QAAQ,OAAOC,MAAW,MAAC,QAAQ,QAAQ;AACzED,eAAAA,MAAa,QAAQ,SAAS,QAAQC,MAAAA,MAAY,QAAQ;AAC1DD,eAAAA,MAAa,QAAQ,SAAS,QAAQC,MAAAA,MAAY,QAAQ;AAAA,MAC5D;AAECD,mBAAa,QAAQ,eAAeS,eAAe;AAEnD,wBAAkB,QAAQ,MAAMC,cAAqB,QAAC,KAAK;AAAA,QACzD,KAAKD,SAAc,MAAC;AAAA,QACpB,WAAUN,aAAAA,MAAc,aAAdA,mBAAwB;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACjB,CAAA;AAED,wBAAkB,QAAQ;AACzB,YAAM,aAAa;AAAA,IACrB,CAAC;AAGDQ,QAAK;AAAA,MACH,MAAMX,OAAAA,MAAa,QAAQ;AAAA,MAC3B,OAAO,WAAW;AAChB,YAAI,iCAAQ,UAAU;AACrB,4BAAkB,QAAQ;AAEzB,4BAAkB,QAAQ,MAAMU,cAAqB,QAAC,KAAK;AAAA,YACzD,KAAKD,SAAc,MAAC;AAAA,YACpB,UAAU,OAAO;AAAA,YACjB,QAAQ,CAAC,OAAO;AAAA,UACjB,CAAA;AAED,4BAAkB,QAAQ;AAAA,QAChC;AAAA,MACG;AAAA,MACD,EAAE,MAAM,KAAI;AAAA,IACd;AAMA,UAAM,YAAYV,IAAQ,SAAC,MAAM;;AAC/B,YAAIC,kBAAa,QAAQ,SAAS,SAA9BA,mBAAoC,UAAS,GAAG;AAAE,eAAO;AAAA,aAAY;AAAE,eAAO;AAAA,MAAK;AAAA,IACzF,CAAC;AAED,UAAM,wBAAwBD,IAAQ,SAAC,MAAM;;AAC3C,YAAM,oBAAmBC,YAAY,MAAC,QAAQ,SAAS,cAA9BA,mBAAyC;AAClE,YAAM,sBAAoBA,kBAAAA,MAAa,QAAQ,SAAS,cAA9BA,mBAAyC,UAAzCA,mBAAgD,UAAU;AACpF,YAAM,aAAWA,YAAAA,MAAa,QAAQ,SAAS,WAA9BA,mBAAsC,UAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAeD,IAAQ,SAAC,MAAM;AAClC,YAAM,OAAOC,OAAAA,MAAa,QAAQ,SAAS;AAC3C,UAAI,SAAS,UAAU;AACrB,eAAO,CAACA,OAAY,MAAC,QAAQ,SAAS;AAAA,MACvC,WAAU,SAAS,aAAa,SAAS,QAAQ;AAChD,cAAM,UAAUA,OAAAA,MAAa,QAAQ,SAAS;AAC9C,eAAO,CAAC,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAAA,MACvE;AACE,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgBD,IAAQ,SAAC,MAAM;AACnC,UAAIC,OAAY,MAAC,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAED,UAAM,eAAeD,IAAQ,SAAC,MAAM;AAClC,UAAIC,OAAY,MAAC,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAID,mBAAe,eAAe;AAE7BA,mBAAa,QAAQ,SAAS;AAE9BA,aAAY,MAAC,QAAQ,QAAQ;AAAA,QAC5B,QAAQ,kBAAkB,MAAM,CAAC,EAAE;AAAA,QACnC,MAAM;AAAA,MACR;AAEC,UAAIK,KAAU,MAAC,KAAK,KAAK;AACxBL,eAAY,MAAC,QAAQ,UAAU;AAAA,UAC9B,QAAQK,KAAAA,MAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAEC,UAAIA,KAAU,MAAC,KAAK,KAAK;AACxBL,eAAY,MAAC,QAAQ,WAAW;AAAA,UAC/B,QAAQK,KAAAA,MAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAECL,mBAAa,QAAQ,YAAYS,eAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBT,qBAAa,QAAQ,eAAe;AAAA,MACxC;AAEE,UAAIY,SAAQ,MAAMC,OAAAA,QAAe,OAAOb,OAAAA,MAAa,OAAO;AAE5D,UAAIY,QAAO;AACV,cAAM,OAAO,KAAK;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOA,OAAM;AAAA,UAClB;AAAA,QACI,CAAA;AAEDE,iBAAAA,QAAiB,cAAa;AAAA,MAEjC,OAAS;AACN,cAAM,iBAAiB;AAAA,MAC1B;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torders.state.current.organization = shopcart.state.organization\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: globals.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: globals.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["ref","useRoute","useRouter","useGlobalMixins","computed","orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","onMounted","users.actions","shopcart.state","organizations.actions","_a","_b","_c","watch","order","orders.actions","shopcart.actions"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import { ref, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, unref, createTextVNode } from "vue";
+import { ref, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, unref, withCtx, createTextVNode } from "vue";
+import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$1 from "../sections/AskToLogin.vue.js";
 import _sfc_main$3 from "../sections/Succes.vue.js";
@@ -8,6 +9,7 @@ import _sfc_main$4 from "../sections/FormCustomerDetails.vue.js";
 import _sfc_main$6 from "../sections/FormDelivery.vue.js";
 import _sfc_main$5 from "../sections/FormPayment.vue.js";
 import { useRoute, useRouter } from "vue-router";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import { state as state$2 } from "../../../globals/views/store/globals.js";
 import { state as state$3 } from "../../../auth/views/store/auth.js";
 import { getters, state as state$4, actions as actions$2 } from "../../store/shopcart.js";
@@ -27,7 +29,6 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = { class: "flex gap-thin flex-wrap mn-b-thin" };
 const _hoisted_6 = { class: "mn-b-thin" };
-const _hoisted_7 = ["disabled"];
 const _sfc_main = {
   __name: "OrderCreate",
   emits: ["page-loading", "page-loaded"],
@@ -36,6 +37,7 @@ const _sfc_main = {
     const isLocationLoading = ref(false);
     useRoute();
     const router = useRouter();
+    const { returnCurrency } = useGlobalMixins();
     const order = computed(() => state.current);
     computed(() => state$1.current);
     const cartTotalPrice = getters.cartTotalPrice;
@@ -52,7 +54,7 @@ const _sfc_main = {
     }
     mutations.resetOrder();
     onMounted(async () => {
-      var _a;
+      var _a, _b, _c;
       emits("page-loading");
       isLocationLoading.value = true;
       if (state$3.user._id) {
@@ -69,6 +71,26 @@ const _sfc_main = {
       });
       isLocationLoading.value = false;
       emits("page-loaded");
+      if (typeof gtag === "function") {
+        gtag("event", "begin_checkout", {
+          currency: returnCurrency(),
+          // Замените на вашу валюту
+          value: cartTotalPrice || 0,
+          items: state$4.positions.map((item) => {
+            var _a2, _b2, _c2, _d;
+            return {
+              item_id: (_a2 = item.product) == null ? void 0 : _a2._id,
+              item_name: (_b2 = item.product) == null ? void 0 : _b2.name,
+              price: item.price || 0,
+              quantity: item.quantity || 1,
+              item_category: ((_c2 = item.product) == null ? void 0 : _c2.category) || "",
+              item_brand: ((_d = orderOrganization.value.profile) == null ? void 0 : _d.name) || ""
+            };
+          }),
+          organization: ((_b = orderOrganization.value.profile) == null ? void 0 : _b.name) || "",
+          location: ((_c = state$2.position) == null ? void 0 : _c.location) || "unknown"
+        });
+      }
     });
     watch(
       () => state.current.delivery,
@@ -125,6 +147,7 @@ const _sfc_main = {
       }
     });
     async function handleCreate() {
+      var _a, _b, _c;
       state.current.status = "created";
       state.current.owner = {
         target: orderOrganization.value[0]._id,
@@ -148,6 +171,34 @@ const _sfc_main = {
         state.current.referralCode = referralCode;
       }
       let order2 = await actions$3.create(state.current);
+      if (order2) {
+        if (typeof gtag === "function") {
+          gtag("event", "purchase", {
+            transaction_id: order2._id,
+            value: cartTotalPrice || 0,
+            currency: returnCurrency(),
+            // Замените на вашу валюту
+            tax: 0,
+            // Если есть данные о налоге
+            shipping: deliveryCost.value,
+            // Если есть данные о доставке
+            items: state$4.positions.map((item) => {
+              var _a2, _b2, _c2;
+              return {
+                item_id: (_a2 = item.product) == null ? void 0 : _a2._id,
+                item_name: (_b2 = item.product) == null ? void 0 : _b2.name,
+                price: item.price || 0,
+                quantity: item.quantity || 1,
+                item_category: ((_c2 = item.product) == null ? void 0 : _c2.category) || ""
+              };
+            }),
+            organization: (_b = (_a = orderOrganization.value) == null ? void 0 : _a.profile) == null ? void 0 : _b.name,
+            location: ((_c = state$2.position) == null ? void 0 : _c.location) || "unknown",
+            referral_code: referralCode || null,
+            user_id: state$3.user._id || "anonymous"
+          });
+        }
+      }
       if (order2) {
         await router.push({
           name: "Order",
@@ -208,7 +259,7 @@ const _sfc_main = {
               createVNode(_sfc_main$8, {
                 totalPrice: unref(cartTotalPrice),
                 deliveryRate: deliveryCost.value,
-                currency: _ctx.returnCurrency(),
+                currency: unref(returnCurrency)(),
                 showFees: (_a = state$2.options) == null ? void 0 : _a.orders.showFees,
                 feesRate: ((_b = state$2.options) == null ? void 0 : _b.orders.feesRate) || 0,
                 showVat: (_c = state$2.options) == null ? void 0 : _c.orders.showVat,
@@ -216,12 +267,17 @@ const _sfc_main = {
                 showDeliveryFee: (_e = state$2.options) == null ? void 0 : _e.orders.showDeliveryFee
               }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
             ]),
-            state.current.status !== true && state$4.positions.length > 0 ? (openBlock(), createElementBlock("button", {
+            state.current.status !== true && state$4.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$9, {
               key: 0,
-              disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value || isLocationLoading.value,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleCreate()),
-              class: "bg-main mn-b-small pd-small radius-big w-100 button"
-            }, " Place an Order ", 8, _hoisted_7)) : createCommentVNode("", true),
+              submit: () => handleCreate(),
+              class: "bg-main mn-b-small pd-small radius-big w-100 button",
+              disabled: errorName.value || errorPhoneOrMessenger.value || _ctx.errorCity || errorAddress.value || errorDelivery.value || errorPayment.value || isLocationLoading.value
+            }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createElementVNode("span", null, "Place an Order", -1)
+              ])),
+              _: 1
+            }, 8, ["submit", "disabled"])) : createCommentVNode("", true),
             _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-b-thin" }, [
               createTextVNode(" I agree that placing the order places me under an obligation to make a payment in accordance with "),
               createElementVNode("a", {

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\t emits('page-loading');\n\n\tisLocationLoading.value = true\n\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torders.state.current.organization = shopcart.state.organization\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n isLocationLoading.value = false\n  emits('page-loaded');\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","users.actions","shopcart.state","organizations.actions","order","orders.actions","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torders.state.current.organization = shopcart.state.organization\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: globals.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: globals.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","users.actions","shopcart.state","organizations.actions","_a","_b","_c","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IA,UAAM,QAAQ;AAKd,UAAM,oBAAoB,IAAI,KAAK;AAErB,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAgB,IAAG,gBAAe;AAE1C,UAAM,QAAQ,SAAS,MAAMA,MAAa,OAAO;AACpC,aAAS,MAAMC,QAAY,OAAO;AAE/C,UAAM,iBAAiBC,QAAiB;AAExC,UAAM,eAAe,SAAS,MAAM;;AAClC,YAAM,OAAOF,MAAa,QAAQ,SAAS;AAC3C,YAAM,aAAW,uBAAkB,MAAM,CAAC,MAAzB,mBAA4B,aAAY;AACzD,YAAM,WAASG,mBAAc,YAAdA,mBAAuB,WAAvBA,mBAA+B,qBAAoB,CAAA;AAElE,aAAOC,UAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAGD,UAAM,oBAAoB,IAAI,CAAE,CAAA;AAGhC,QAAI,CAACD,QAAc,QAAQ,OAAO,8BAA8B,CAACE,QAAW,KAAK,KAAK;AACrF,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC9B;AAGAC,cAAiB,WAAU;AAE3B,cAAU,YAAU;;AACnB,YAAM,cAAc;AAEpB,wBAAkB,QAAQ;AAG1B,UAAID,QAAW,KAAK,KAAK;AACb,cAAME,QAAc,KAAK,EAAE,KAAIF,QAAW,KAAK,KAAK,MAAMA,QAAW,KAAK,IAAK,CAAA;AAC1FL,cAAa,QAAQ,SAAS,QAAQ,OAAOC,QAAY,QAAQ,QAAQ;AACzED,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAC1DD,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAAA,MAC5D;AAECD,YAAa,QAAQ,eAAeQ,QAAe;AAEnD,wBAAkB,QAAQ,MAAMC,UAAsB,KAAK;AAAA,QACzD,KAAKD,QAAe;AAAA,QACpB,WAAUL,aAAc,aAAdA,mBAAwB;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACjB,CAAA;AAEA,wBAAkB,QAAQ;AAC1B,YAAM,aAAa;AAEnB,UAAI,OAAO,SAAS,YAAY;AAC9B,aAAK,SAAS,kBAAkB;AAAA,UAC9B,UAAU,eAAgB;AAAA;AAAA,UAC1B,OAAO,kBAAkB;AAAA,UACzB,OAAOK,QAAe,UAAU,IAAI,UAAS;;AAAA;AAAA,cAC3C,UAASE,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,cACvB,YAAWC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,cACzB,OAAO,KAAK,SAAS;AAAA,cACrB,UAAU,KAAK,YAAY;AAAA,cAC3B,iBAAeC,MAAA,KAAK,YAAL,gBAAAA,IAAc,aAAY;AAAA,cACzC,cAAY,uBAAkB,MAAM,YAAxB,mBAAiC,SAAQ;AAAA,YAC7D;AAAA,WAAQ;AAAA,UACF,gBAAc,uBAAkB,MAAM,YAAxB,mBAAiC,SAAQ;AAAA,UACvD,YAAUT,aAAc,aAAdA,mBAAwB,aAAY;AAAA,QACpD,CAAK;AAAA,MACL;AAAA,IACA,CAAC;AAGD;AAAA,MACE,MAAMH,MAAa,QAAQ;AAAA,MAC3B,OAAO,WAAW;AAChB,YAAI,iCAAQ,UAAU;AACrB,4BAAkB,QAAQ;AAEzB,4BAAkB,QAAQ,MAAMS,UAAsB,KAAK;AAAA,YACzD,KAAKD,QAAe;AAAA,YACpB,UAAU,OAAO;AAAA,YACjB,QAAQ,CAAC,OAAO;AAAA,UACjB,CAAA;AAED,4BAAkB,QAAQ;AAAA,QAChC;AAAA,MACG;AAAA,MACD,EAAE,MAAM,KAAI;AAAA,IACd;AAMA,UAAM,YAAY,SAAS,MAAM;;AAC/B,YAAIR,WAAa,QAAQ,SAAS,SAA9BA,mBAAoC,UAAS,GAAG;AAAE,eAAO;AAAA,aAAY;AAAE,eAAO;AAAA,MAAK;AAAA,IACzF,CAAC;AAED,UAAM,wBAAwB,SAAS,MAAM;;AAC3C,YAAM,oBAAmBA,WAAa,QAAQ,SAAS,cAA9BA,mBAAyC;AAClE,YAAM,sBAAoBA,iBAAa,QAAQ,SAAS,cAA9BA,mBAAyC,UAAzCA,mBAAgD,UAAU;AACpF,YAAM,aAAWA,WAAa,QAAQ,SAAS,WAA9BA,mBAAsC,UAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAOA,MAAa,QAAQ,SAAS;AAC3C,UAAI,SAAS,UAAU;AACrB,eAAO,CAACA,MAAa,QAAQ,SAAS;AAAA,MACvC,WAAU,SAAS,aAAa,SAAS,QAAQ;AAChD,cAAM,UAAUA,MAAa,QAAQ,SAAS;AAC9C,eAAO,CAAC,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAAA,MACvE;AACE,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAIA,MAAa,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAIA,MAAa,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAID,mBAAe,eAAe;;AAE7BA,YAAa,QAAQ,SAAS;AAE9BA,YAAa,QAAQ,QAAQ;AAAA,QAC5B,QAAQ,kBAAkB,MAAM,CAAC,EAAE;AAAA,QACnC,MAAM;AAAA,MACR;AAEC,UAAIK,QAAW,KAAK,KAAK;AACxBL,cAAa,QAAQ,UAAU;AAAA,UAC9B,QAAQK,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAEC,UAAIA,QAAW,KAAK,KAAK;AACxBL,cAAa,QAAQ,WAAW;AAAA,UAC/B,QAAQK,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAECL,YAAa,QAAQ,YAAYQ,QAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBR,cAAa,QAAQ,eAAe;AAAA,MACxC;AAEE,UAAIa,SAAQ,MAAMC,UAAe,OAAOd,MAAa,OAAO;AAE3D,UAAIa,QAAO;AACX,YAAI,OAAO,SAAS,YAAY;AAC9B,eAAK,SAAS,YAAY;AAAA,YACxB,gBAAgBA,OAAM;AAAA,YACtB,OAAO,kBAAkB;AAAA,YACzB,UAAU,eAAgB;AAAA;AAAA,YAC1B,KAAK;AAAA;AAAA,YACL,UAAU,aAAa;AAAA;AAAA,YACvB,OAAOL,QAAe,UAAU,IAAI,UAAS;;AAAA;AAAA,gBAC3C,UAASE,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,gBACvB,YAAWC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,gBACzB,OAAO,KAAK,SAAS;AAAA,gBACrB,UAAU,KAAK,YAAY;AAAA,gBAC3B,iBAAeC,MAAA,KAAK,YAAL,gBAAAA,IAAc,aAAY;AAAA,cAClD;AAAA,aAAS;AAAA,YACF,eAAc,6BAAkB,UAAlB,mBAAyB,YAAzB,mBAAkC;AAAA,YAChD,YAAUT,aAAc,aAAdA,mBAAwB,aAAY;AAAA,YAC9C,eAAe,gBAAgB;AAAA,YAC/B,SAASE,QAAW,KAAK,OAAO;AAAA,UACvC,CAAM;AAAA,QACN;AAAA,MACA;AAEE,UAAIQ,QAAO;AACV,cAAM,OAAO,KAAK;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOA,OAAM;AAAA,UAClB;AAAA,QACI,CAAA;AAEDE,kBAAiB,cAAa;AAAA,MAEjC,OAAS;AACN,cAAM,iBAAiB;AAAA,MAC1B;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                   */
-;/* empty css                                           */
+;/* empty css                                            */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlo
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                 */
-/* empty css                                         */
+/* empty css                                          */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs

@@ -38,12 +38,22 @@ const _sfc_main = {
     const tabOrganization = vue.ref(tab);
     route.query.tab = tabOrganization.value;
     vue.onMounted(async () => {
+      var _a, _b;
       organizationData.value = await organizations.actions.read({
         _id: route.params._id,
         user: auth.state.user._id,
         lookup: ["memberships"]
       });
       await memberships.actions.read({ target: route.params._id });
+      if (typeof gtag === "function") {
+        gtag("event", "view_organization", {
+          organization_id: route.params._id,
+          organization_name: ((_b = (_a = organizationData.value) == null ? void 0 : _a.profile) == null ? void 0 : _b.name) || "unknown",
+          page_path: window.location.pathname,
+          user_id: auth.state.user._id || "anonymous",
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      }
     });
     vue.watch(tabOrganization, (newValue) => {
       router.replace({ query: { ...route.query, tab: newValue } });
@@ -65,7 +75,7 @@ const _sfc_main = {
             { name: "Events", value: "events" },
             { name: "Spots", value: "spots" }
           ],
-          class: "mn-b-thin flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light"
+          class: "mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light"
         }, null, 8, ["selected"]),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(vue.Transition, { name: "slide-fade" }, {
@@ -127,7 +137,7 @@ const _sfc_main = {
                 default: vue.withCtx(() => [
                   _ctx.hasAccess(vue.unref(route).params._id, null, null, auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createBlock(Block.default, {
                     key: 0,
-                    class: "o-y-scroll w-100 pos-relative mn-b-small"
+                    class: "o-x-scroll scroll-hide w-100 pos-relative mn-b-small"
                   }, {
                     default: vue.withCtx(() => [
                       vue.createElementVNode("div", _hoisted_3, [

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin  flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"row-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r mn-b-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-y-scroll w-100 pos-relative mn-b-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@martyrs/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\t})\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAASC,UAAQ,SAAA;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAAA,IAC1D,CAAA;AAEDC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTabSection \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTabSection>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light\"\n\t\t/>\n\n\t\t<div class=\"h-100 pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t    <Feed\n\t\t    \tv-if=\"tabOrganization === 'community'\"\n\t\t\t    :showLoadMore=\"false\"\n\t\t\t    :states=\"{\n\t\t\t      empty: {\n\t\t\t        title: 'No Blog Posts Found',\n\t\t\t        description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t      }\n\t\t\t    }\"\n\t\t\t    :store=\"{\n\t\t\t      read: (options) => blog.read(options)\n\t\t\t    }\"\n\t\t\t    :options=\"{\n\t\t\t      status: 'published',\n\t\t\t      user: auth.state.user._id,\n\t\t\t      owner: route.params._id,\n\t\t\t    }\"\n\t\t\t    v-slot=\"{ \n\t\t\t      items \n\t\t\t    }\"\n\t\t\t    class=\"row-1 gap-thin\"\n\t\t\t  >\n\t\t\t    <CardBlogpost \n\t\t\t      v-for=\"item in items\" \n\t\t\t      :key=\"item._id\" \n\t\t\t      :blogpost=\"item\" \n\t\t\t      :user=\"auth.state.user._id\" \n\t\t\t      class=\"h-max-40r mn-b-medium\"\n\t\t\t    />\n\t\t\t  </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t>\n\t\t\t\t\t<Block\n\t\t\t\t\t\tv-if=\"hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)\"\n\t\t\t\t\t\tclass=\"o-x-scroll scroll-hide w-100 pos-relative mn-b-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"w-100 gap-thin flex flex-nowrap\t o-x-scroll\">\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Organization_ProductAdd', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tAdd Product\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\" uppercase t-nowrap t-semi  pd-thin\"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tChange Invetory\n\t\t\t\t\t\t\t</router-link>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\t\tclass=\"d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small \"\n\t\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGo to Backoffice\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Block>\n\t\t\t\t</Products>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t      :states=\"{\n\t\t\t        empty: {\n\t\t\t          title: 'No Spots Found',\n\t\t\t          description: 'Currently, there are no spots available.'\n\t\t\t        }\n\t\t\t      }\"\n\t\t\t      :store=\"{\n\t\t\t        read: (options) => spots.actions.read(options),\n\t\t\t        state: organization.state\n\t\t\t      }\"\n\t\t\t      :options=\"{\n\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\torganization: route.params._id,\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t      }\"\n\t\t\t      v-slot=\"{ \n\t\t\t        items \n\t\t\t      }\"\n\t\t\t    >\n\t\t\t    \t<CardSpot\n\t\t          v-for=\"(spot, index) in items\"\n\t\t          :key=\"index\"\n\t\t          :spot=\"spot\"\n\t\t          :organization=\"organization.state.current\"\n\t\t          :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n\t\t          :showDeliveryOptions=\"true\"\n\t\t          :showPaymentOptions=\"true\"\n\t\t          class=\"radius-big bg-light mn-b-thin\"\n\t\t        />\n\t\t\t    </Feed>\n\n\t\t\t    <button\n\t          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n\t          @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t          class=\"mn-b-thin bg-main button w-100\"\n\t        >\n\t          Add spot\n\t        </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch  } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\timport Block  \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\t// Community\n\t  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@martyrs/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations';\n\timport * as memberships from '@martyrs/src/modules/organizations/store/memberships';\n\timport * as departments from '@martyrs/src/modules/organizations/store/departments';\n\t// Community\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@martyrs/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name || 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id || 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MC,UAAM,SAAUA,UAAS,UAAA;AACzB,UAAM,QAASC,UAAQ,SAAA;AAEvB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjC,UAAM,kBAAkBA,IAAAA,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,QAAAA,UAAU,YAAY;;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACtB,CAAA;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEzD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,qBAAmB,4BAAiB,UAAjB,mBAAwB,YAAxB,mBAAiC,SAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASD,KAAU,MAAC,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACJ;AAAA,IACE,CAAA;AAEDE,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}