@feedmepos/mf-connect 0.1.57-prod → 0.1.59-prod

package/dist/SettingAdvertisements-BL81KD_S.js

@@ -0,0 +1,262 @@
+import { defineComponent as J, ref as y, computed as E, onMounted as K, resolveComponent as A, openBlock as u, createElementBlock as b, createElementVNode as s, createVNode as d, createTextVNode as W, toDisplayString as v, unref as e, withCtx as S, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
+import { u as te } from "./loading-CKbcLJje.js";
+import { u as ne } from "./app-wDQR6dpb.js";
+import { u as se } from "./business-DtufpzhR.js";
+import { u as oe } from "./membership-BMv4jrI_.js";
+import "./index-Bzv6BHPk.js";
+import { k as ae } from "./index-C0XYFg_a.js";
+import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
+import { f as Q, p as ie } from "./plugins-BlvUeMc1.js";
+import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DGSjAbol.js";
+import { u as ce } from "./vue-i18n-CN3WXgAO.js";
+import { useRouter as de } from "vue-router";
+import { m as me } from "./index-BA5QwPCT.js";
+import { a as ue } from "./object-qECH92oz.js";
+const ve = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, pe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, fe = { class: "px-24 py-16 flex items-center justify-between" }, ge = { class: "flex items-center gap-16" }, _e = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, he = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ye = {
+  key: 0,
+  class: "px-24 py-24"
+}, be = { class: "flex items-center gap-24 mb-24" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "fm-typo-en-body-lg-600" }, ke = { class: "fm-typo-en-title-sm-800 mb-8" }, Se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, Ae = {
+  key: 1,
+  class: "grid grid-cols-5 gap-16 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
+}, Ce = { class: "absolute top-8 right-8 z-10" }, Fe = { class: "aspect-[3/4] bg-fm-color-neutral-gray-100" }, je = ["src"], Le = ["src", "alt"], Ve = {
+  key: 2,
+  class: "w-full h-full flex items-center justify-center text-fm-color-typo-disabled"
+}, Me = { class: "w-48 h-48 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center mb-8" }, $e = { class: "fm-typo-en-body-md-600 mb-4" }, Be = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, Pe = { class: "space-y-[40px]" }, Ie = { class: "flex" }, ze = { class: "flex flex-wrap" }, De = { class: "flex items-center gap-8" }, P = 20, Ze = /* @__PURE__ */ J({
+  __name: "SettingAdvertisements",
+  setup(Ee) {
+    const T = de(), C = ne(), V = se(), F = oe(), { global: U, minor: R } = te, { t: o } = ce(), c = y(), f = y([]), _ = y([]), w = y(!1), g = y(null), j = y(null), L = y(null), M = E(() => {
+      var n, t;
+      return ((t = (n = c.value) == null ? void 0 : n.advertisements) == null ? void 0 : t.length) ?? 0;
+    }), I = E(() => M.value < P);
+    function x(n) {
+      var a, p;
+      const t = (p = (a = c.value) == null ? void 0 : a.advertisements) == null ? void 0 : p[n];
+      if (t)
+        return typeof t == "string" ? t : t.url;
+    }
+    function q(n) {
+      return n ? [".mp4", ".webm", ".ogg", ".mov"].some((a) => n.toLowerCase().includes(a)) : !1;
+    }
+    async function $() {
+      await R(
+        async () => {
+          const n = ue(c.value), t = ae.parse(n), a = Date.now(), p = (m) => `${a}-${m}-${Math.random().toString(36).substring(2, 15)}`, k = await Promise.all(
+            f.value.map(async (m, h) => {
+              var r;
+              const i = (r = t.advertisements) == null ? void 0 : r[h];
+              let l;
+              return m ? l = await Q.update(
+                Q.advertisementPath(h, m),
+                m
+              ) : typeof i == "string" ? l = i : i && typeof i == "object" && (l = i.url), l ? {
+                _id: typeof i == "object" && (i == null ? void 0 : i._id) || p(h),
+                url: l,
+                targetLocation: _.value[h] || null,
+                order: h
+              } : null;
+            })
+          );
+          t.advertisements = k.filter((m) => m), await me.update(t), await F.readMembership(), c.value = F.membership;
+        },
+        {
+          message: o("connect.advertisements.saving"),
+          successMessage: o("connect.advertisements.savedSuccessfully")
+        }
+      );
+    }
+    function z(n) {
+      g.value = n, j.value = f.value[n], L.value = _.value[n], w.value = !0;
+    }
+    function H() {
+      if (!I.value) return;
+      const n = f.value.length;
+      f.value.push(null), _.value.push(null), z(n);
+    }
+    async function O() {
+      g.value !== null && (f.value[g.value] = j.value, _.value[g.value] = L.value, await $(), w.value = !1);
+    }
+    async function X(n, t) {
+      var a, p;
+      n.stopPropagation(), await ie.remove(
+        o("connect.setting.advertisement.deleteConfirm"),
+        o("connect.setting.advertisement.delete"),
+        o("connect.setting.advertisement.delete")
+      ) && ((p = (a = c.value) == null ? void 0 : a.advertisements) == null || p.splice(t, 1), f.value.splice(t, 1), _.value.splice(t, 1), await $());
+    }
+    function G() {
+      T.push("/setting");
+    }
+    return K(async () => {
+      await U(async () => {
+        var n, t;
+        await V.readPremium(), await V.readLocations(), await F.readMembership(), c.value = F.membership, (t = (n = c.value) == null ? void 0 : n.advertisements) != null && t.length ? (f.value = c.value.advertisements.map(() => null), _.value = c.value.advertisements.map(
+          (a) => typeof a == "string" ? null : a.targetLocation || null
+        )) : (f.value = [], _.value = []);
+      });
+    }), (n, t) => {
+      var i;
+      const a = A("FmButton"), p = A("FmPill"), k = A("FmCard"), m = A("FmIcon"), h = A("FmSideSheet");
+      return u(), b("div", ve, [
+        s("div", pe, [
+          s("div", fe, [
+            s("div", ge, [
+              d(a, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: G
+              }),
+              s("div", null, [
+                s("div", _e, [
+                  W(v(e(o)("connect.setting.advertisement.title")) + " ", 1),
+                  d(p, { variant: "premium" })
+                ]),
+                s("div", he, v(e(o)("connect.setting.advertisement.subtitle")), 1)
+              ])
+            ]),
+            d(a, {
+              label: e(o)("connect.setting.advertisement.saveChanges"),
+              onClick: $,
+              disabled: !!e(C).loadingQueue.length,
+              loading: !!e(C).loadingQueue.length
+            }, null, 8, ["label", "disabled", "loading"])
+          ])
+        ]),
+        e(c) ? (u(), b("div", ye, [
+          s("div", be, [
+            d(k, {
+              variant: "outlined",
+              class: "px-16 py-12 flex items-center gap-8"
+            }, {
+              default: S(() => [
+                s("span", we, v(e(o)("connect.setting.advertisement.activeAds")), 1),
+                s("span", xe, v(e(M)) + " / " + v(P), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          e(V).isPremium ? (u(), b("div", Ae, [
+            (u(!0), b(Y, null, Z(((i = e(c).advertisements) == null ? void 0 : i.length) || 0, (l, r) => (u(), B(k, {
+              key: r,
+              variant: "outlined",
+              class: "cursor-pointer hover:shadow-lg transition-shadow overflow-hidden relative",
+              onClick: (D) => z(r)
+            }, {
+              default: S(() => [
+                s("div", Ce, [
+                  d(a, {
+                    icon: "delete",
+                    variant: "tertiary",
+                    size: "sm",
+                    class: "bg-white/90 hover:bg-white shadow-sm",
+                    onClick: (D) => X(D, r)
+                  }, null, 8, ["onClick"])
+                ]),
+                s("div", Fe, [
+                  x(r) && q(x(r)) ? (u(), b("video", {
+                    key: 0,
+                    src: x(r),
+                    class: "w-full h-full object-cover",
+                    muted: "",
+                    loop: "",
+                    autoplay: "",
+                    playsinline: ""
+                  }, null, 8, je)) : x(r) ? (u(), b("img", {
+                    key: 1,
+                    src: x(r),
+                    class: "w-full h-full object-cover",
+                    alt: `Ad ${r + 1}`
+                  }, null, 8, Le)) : (u(), b("div", Ve, [
+                    d(m, {
+                      name: "image",
+                      size: "48"
+                    })
+                  ]))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128)),
+            e(I) ? (u(), B(k, {
+              key: 0,
+              variant: "outlined",
+              class: "cursor-pointer hover:bg-fm-color-neutral-gray-50 transition-colors border-dashed aspect-[3/4] flex flex-col items-center justify-center",
+              onClick: H
+            }, {
+              default: S(() => [
+                s("div", Me, [
+                  d(m, {
+                    name: "add",
+                    size: "24",
+                    class: "text-fm-color-typo-secondary"
+                  })
+                ]),
+                s("div", $e, v(e(o)("connect.setting.advertisement.addAd")), 1),
+                s("div", Be, v(P - e(M)) + " " + v(e(o)("connect.setting.advertisement.left")), 1)
+              ]),
+              _: 1
+            })) : N("", !0)
+          ])) : (u(), B(k, {
+            key: 0,
+            variant: "outlined",
+            class: "p-24 text-center mb-24 bg-fm-color-warning-50"
+          }, {
+            default: S(() => [
+              s("div", ke, v(e(o)("connect.setting.advertisement.premiumFeatureTitle")), 1),
+              s("div", Se, v(e(o)("connect.setting.advertisement.premiumFeatureDescription")), 1)
+            ]),
+            _: 1
+          }))
+        ])) : N("", !0),
+        d(h, {
+          modelValue: e(w),
+          "onUpdate:modelValue": [
+            t[2] || (t[2] = (l) => ee(w) ? w.value = l : null),
+            t[3] || (t[3] = (l) => w.value = l)
+          ],
+          "max-width": 560,
+          header: e(g) !== null ? `${e(o)("connect.setting.advertisement.manageAd")} #${e(g) + 1}` : e(o)("connect.setting.advertisement.addAdvertisement")
+        }, {
+          "side-sheet-footer": S(() => [
+            s("div", De, [
+              d(a, {
+                label: e(o)("connect.setting.advertisement.save"),
+                onClick: O,
+                loading: !!e(C).loadingQueue.length,
+                disabled: !!e(C).loadingQueue.length
+              }, null, 8, ["label", "loading", "disabled"])
+            ])
+          ]),
+          default: S(() => [
+            s("div", Pe, [
+              s("div", Ie, [
+                s("div", ze, [
+                  d(le, {
+                    label: e(o)("connect.setting.advertisement.advertisementImage"),
+                    "image-fit": "cover",
+                    "aspect-ratio": "4/5",
+                    thumbnail: e(g) !== null ? x(e(g)) : void 0,
+                    accept: ".png, .jpg, .jpeg, .mp4, .gif",
+                    "recommended-size": "1080px x 1350px (4:5)",
+                    file: e(j) ?? void 0,
+                    "onUpdate:file": t[0] || (t[0] = (l) => j.value = l)
+                  }, null, 8, ["label", "thumbnail", "file"])
+                ])
+              ]),
+              s("div", null, [
+                d(re, {
+                  label: e(o)("connect.setting.advertisement.targetLocations"),
+                  "helper-text": e(o)("connect.setting.advertisement.targetLocationsHelper"),
+                  "model-value": e(L) ?? null,
+                  "onUpdate:modelValue": t[1] || (t[1] = (l) => L.value = l)
+                }, null, 8, ["label", "helper-text", "model-value"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "header"])
+      ]);
+    };
+  }
+});
+export {
+  Ze as default
+};

package/dist/{Store-BrvmHPCX.js → Store-DqXIQ9EY.js}

@@ -1,32 +1,32 @@
 import { defineComponent as ee, computed as j, resolveComponent as h, openBlock as g, createBlock as I, withCtx as T, createElementVNode as _, createElementBlock as B, createVNode as i, createCommentVNode as M, toDisplayString as L, unref as e, Fragment as X, renderList as re, ref as U, isRef as oe, reactive as Ke, onMounted as fe, watch as we, toRaw as He, createTextVNode as de, h as qe } from "vue";
 import { _ as Ye } from "./tier-BJDhpH6X.js";
 import { useDialog as Me, useDialogChild as Oe, components as We } from "@feedmepos/ui-library";
-import { c as D, e as he, S as ze } from "./index-BmyNfpfG.js";
-import { u as Ee } from "./loading-OXARGiqO.js";
-import { u as ke, C as me } from "./membership-D1Vb1rUo.js";
+import { c as D, e as he, S as ze } from "./index-BQTPw5fM.js";
+import { u as Ee } from "./loading-CKbcLJje.js";
+import { u as ke, C as me } from "./membership-BMv4jrI_.js";
 import { a as Je, c as De } from "./object-qECH92oz.js";
 import { _ as ue } from "./lodash-B5I3zXaY.js";
-import { c as se } from "./index-DcJq7tl4.js";
-import { u as be } from "./vue-i18n-D1nTd69a.js";
+import { c as se } from "./index-Bzv6BHPk.js";
+import { u as be } from "./vue-i18n-CN3WXgAO.js";
 import { Z, g as J, a as G } from "./zod-Bg2FbC-D.js";
-import { z as Q, R as Ge } from "./app-BDVZwARN.js";
-import { m as Xe, n as Ze, o as Qe, p as Ae, q as et } from "./index-D4kdSzs9.js";
+import { z as Q, R as Ge } from "./app-UNZJVzly.js";
+import { m as Xe, n as Ze, o as Qe, p as Ae, q as et } from "./index-C0XYFg_a.js";
 import { u as Se } from "./app-wDQR6dpb.js";
-import { _ as te } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B5J6Hd8G.js";
-import { a as tt, p as _e, n as nt, f as Fe } from "./plugins-CjPWhNb2.js";
+import { _ as te } from "./ZodTextField.vue_vue_type_script_setup_true_lang-ndun9vf-.js";
+import { a as tt, p as _e, n as nt, f as Fe } from "./plugins-BlvUeMc1.js";
 import { J as Pe } from "./JsonViewer-v8_C7l5N.js";
-import { _ as ot } from "./index-LKr2k8J2.js";
+import { _ as ot } from "./index-DrAbySpd.js";
 import { _ as at } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
 import { _ as lt } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { z as st, a as rt } from "./money-BpyAytEq.js";
-import { F as it } from "./number-C-PtPOOj.js";
-import { t as dt } from "./helper-CsfZ__dQ.js";
-import "./index-BY9I3Cer.js";
-import "./index-XAxwm-1v.js";
-import "./index-CSBRkhKy.js";
-import "./index-Cf_fcvoS.js";
-import { m as ut } from "./index-CqrO13uj.js";
-import { m as Ce } from "./index-BdnRNcVO.js";
+import { z as st, a as rt } from "./money-iY-Nby0p.js";
+import { F as it } from "./number-CluL-GzZ.js";
+import { t as dt } from "./helper-BaJdC23g.js";
+import "./index-JxOM03oW.js";
+import "./index-gvl1UKmI.js";
+import "./index-BSQCStAn.js";
+import "./index-BInlN52T.js";
+import { m as ut } from "./index-X9YonBq5.js";
+import { m as Ce } from "./index-BA5QwPCT.js";
 import { useRouter as ct } from "vue-router";
 function je(v) {
   return se.DineroFactory(v).toUnit();

package/dist/{StoreRewards-D_7fr-Ef.js → StoreRewards-xlzAHJkc.js}

@@ -1,25 +1,25 @@
 import { defineComponent as G, ref as F, computed as N, onMounted as q, resolveComponent as R, openBlock as d, createBlock as C, unref as e, isRef as Y, withCtx as S, createElementVNode as l, createVNode as c, createElementBlock as P, createTextVNode as z, resolveDynamicComponent as H, toDisplayString as T, Fragment as j, createCommentVNode as U, h } from "vue";
 import { _ as J } from "./campaign-CpzFl8Vr.js";
 import { useDialog as Q, components as k } from "@feedmepos/ui-library";
-import "./index-BY9I3Cer.js";
-import { u as X } from "./loading-OXARGiqO.js";
-import { C as Z, u as ee } from "./membership-D1Vb1rUo.js";
-import { p as M, f as B } from "./plugins-CjPWhNb2.js";
-import { u as te } from "./vue-i18n-D1nTd69a.js";
-import { F as oe } from "./index-LKr2k8J2.js";
+import "./index-JxOM03oW.js";
+import { u as X } from "./loading-CKbcLJje.js";
+import { C as Z, u as ee } from "./membership-BMv4jrI_.js";
+import { p as M, f as B } from "./plugins-BlvUeMc1.js";
+import { u as te } from "./vue-i18n-CN3WXgAO.js";
+import { F as oe } from "./index-DrAbySpd.js";
 import { c as ae } from "./object-qECH92oz.js";
 import { u as K } from "./app-wDQR6dpb.js";
-import { u as ne } from "./business-6C_ol5wd.js";
+import { u as ne } from "./business-DtufpzhR.js";
 import { useCoreStore as se } from "@feedmepos/mf-common";
 import { Z as b } from "./zod-Bg2FbC-D.js";
-import { _ as re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B5J6Hd8G.js";
+import { _ as re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-ndun9vf-.js";
 import { _ as ie } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
-import { _ as le } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DumcDlBs.js";
-import { _ as me, a as ce } from "./EffectSheet.vue_vue_type_style_index_0_lang-sGh_SMCH.js";
-import { i as de, t as ue } from "./helper-CsfZ__dQ.js";
+import { _ as le } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DGSjAbol.js";
+import { _ as me, a as ce } from "./EffectSheet.vue_vue_type_style_index_0_lang-De2lhmbT.js";
+import { i as de, t as ue } from "./helper-BaJdC23g.js";
 import { useRouter as pe } from "vue-router";
-import { m as D } from "./index-BdnRNcVO.js";
-import { R as O } from "./app-BDVZwARN.js";
+import { m as D } from "./index-BA5QwPCT.js";
+import { R as O } from "./app-UNZJVzly.js";
 const fe = {
   key: 0,
   class: "flex flex-col space-y-16 pr-12"

package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-BXy0L5AH.js → StoreTransactions.vue_vue_type_script_setup_true_lang-OphuWknh.js}

@@ -1,31 +1,31 @@
 import { defineComponent as H, mergeModels as ee, useModel as fe, computed as U, onMounted as ae, watch as Q, resolveComponent as A, openBlock as F, createBlock as q, withCtx as W, createVNode as D, unref as l, ref as O, h as n, isRef as ge, createElementVNode as S, createElementBlock as V, Fragment as X, renderList as te, toDisplayString as L, createTextVNode as ye, resolveDynamicComponent as he, onBeforeMount as ve } from "vue";
 import { components as x, useDialog as be } from "@feedmepos/ui-library";
-import { r as oe } from "./index-D4kdSzs9.js";
-import "./index-DcJq7tl4.js";
-import { s as _e } from "./index-tcAb0W5F.js";
+import { r as oe } from "./index-C0XYFg_a.js";
+import "./index-Bzv6BHPk.js";
+import { s as _e } from "./index-D_hUHpqX.js";
 import { h as y } from "./moment-D7p2TMB-.js";
 import { _ as j } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
 import { s as K } from "./index-CuvNtC_M.js";
-import { f as J } from "./number-C-PtPOOj.js";
-import { u as ne } from "./business-6C_ol5wd.js";
+import { f as J } from "./number-CluL-GzZ.js";
+import { u as ne } from "./business-DtufpzhR.js";
 import { u as re, _ as le } from "./usePagination-Ds-cuHop.js";
-import { a as Z, c as Se, p as xe } from "./plugins-CjPWhNb2.js";
-import { g as se } from "./user-BwGm78n8.js";
-import { B as ie, e as ce } from "./export-BNbDV7SC.js";
-import { u as ue } from "./campaign-DrQp6qBu.js";
-import "./index-BY9I3Cer.js";
-import "./index-LKr2k8J2.js";
-import "./index-XAxwm-1v.js";
-import "./index-CSBRkhKy.js";
-import "./index-Cf_fcvoS.js";
-import { u as we } from "./vue-i18n-D1nTd69a.js";
+import { a as Z, c as Se, p as xe } from "./plugins-BlvUeMc1.js";
+import { g as se } from "./user-DesAMEEX.js";
+import { B as ie, e as ce } from "./export-BzY3BDZJ.js";
+import { u as ue } from "./campaign-63K4Xtsd.js";
+import "./index-JxOM03oW.js";
+import "./index-DrAbySpd.js";
+import "./index-gvl1UKmI.js";
+import "./index-BSQCStAn.js";
+import "./index-BInlN52T.js";
+import { u as we } from "./vue-i18n-CN3WXgAO.js";
 import { o as P } from "./objectId-dwaoBfJX.js";
 import { useRouter as De } from "vue-router";
-import { t as G } from "./index-DdjSIwSL.js";
-import { R as z } from "./app-BDVZwARN.js";
-import { u as Re } from "./loading-OXARGiqO.js";
+import { t as G } from "./index-BLjKPiBb.js";
+import { R as z } from "./app-UNZJVzly.js";
+import { u as Re } from "./loading-CKbcLJje.js";
 import { useCoreStore as Te } from "@feedmepos/mf-common";
-import { m as Ce } from "./index-BdnRNcVO.js";
+import { m as Ce } from "./index-BA5QwPCT.js";
 function Ie(u) {
   let f = "";
   switch (u) {

package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-DumcDlBs.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-DGSjAbol.js}

@@ -1,5 +1,5 @@
 import { defineComponent as N, ref as C, computed as L, watch as E, resolveComponent as g, openBlock as o, createElementBlock as i, Fragment as y, toDisplayString as I, createCommentVNode as A, createElementVNode as M, createVNode as v, unref as u, renderList as S, createBlock as b, isRef as U, withCtx as F } from "vue";
-import { u as T } from "./business-6C_ol5wd.js";
+import { u as T } from "./business-DtufpzhR.js";
 function j(l, s, n) {
   return l.some(
     n instanceof Function ? n : (a) => a === s