@feedmepos/mf-connect 0.1.38-beta.32 → 0.1.38-beta.33

package/dist/SettingAdvertisements-DJHKjE95.js

@@ -0,0 +1,264 @@
+import { defineComponent as H, ref as y, computed as I, onMounted as J, resolveComponent as A, openBlock as d, createElementBlock as b, createElementVNode as o, createVNode as i, createTextVNode as K, unref as n, withCtx as w, toDisplayString as P, createBlock as V, Fragment as W, renderList as Y, createCommentVNode as N, isRef as Z } from "vue";
+import { u as ee } from "./loading-B_UZCyhK.js";
+import { u as te } from "./app-wDQR6dpb.js";
+import { u as oe } from "./business-ClV-3_wH.js";
+import { u as se } from "./membership-_kM8eXz7.js";
+import "./index-BAv3BkZY.js";
+import { k as ne } from "./index-UjD7i6Rs.js";
+import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
+import { f as U, p as ae } from "./plugins-CRzS5EeK.js";
+import { _ as ie } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BprUyeOJ.js";
+import { u as re } from "./vue-i18n-c1uC6tyM.js";
+import { useRouter as de } from "vue-router";
+import { m as ue } from "./index-B94mBxiL.js";
+import { a as me } from "./object-qECH92oz.js";
+const ce = { 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" }, ve = { class: "px-24 py-16 flex items-center justify-between" }, fe = { class: "flex items-center gap-16" }, ge = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, ye = {
+  key: 0,
+  class: "px-24 py-24"
+}, be = { class: "flex items-center gap-24 mb-24" }, he = { class: "fm-typo-en-body-lg-600" }, _e = {
+  key: 1,
+  class: "grid grid-cols-5 gap-16 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
+}, we = { class: "absolute top-8 right-8 z-10" }, xe = { class: "aspect-[3/4] bg-fm-color-neutral-gray-100" }, Ae = ["src"], Se = ["src", "alt"], ke = {
+  key: 2,
+  class: "w-full h-full flex items-center justify-center text-fm-color-typo-disabled"
+}, Ce = { class: "w-48 h-48 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center mb-8" }, Fe = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, Me = { class: "space-y-[40px]" }, je = { class: "flex" }, Le = { class: "flex flex-wrap" }, Pe = { class: "flex items-center gap-8" }, B = 20, Ge = /* @__PURE__ */ H({
+  __name: "SettingAdvertisements",
+  setup(Ve) {
+    const E = de(), S = te(), M = oe(), k = se(), { global: Q, minor: T } = ee;
+    re();
+    const r = y(), c = y([]), f = y([]), h = y(!1), p = y(null), C = y(null), F = y(null), j = I(() => {
+      var t, e;
+      return ((e = (t = r.value) == null ? void 0 : t.advertisements) == null ? void 0 : e.length) ?? 0;
+    }), D = I(() => j.value < B);
+    function _(t) {
+      var s, l;
+      const e = (l = (s = r.value) == null ? void 0 : s.advertisements) == null ? void 0 : l[t];
+      if (e)
+        return typeof e == "string" ? e : e.url;
+    }
+    function R(t) {
+      return t ? [".mp4", ".webm", ".ogg", ".mov"].some((s) => t.toLowerCase().includes(s)) : !1;
+    }
+    async function L() {
+      await T(
+        async () => {
+          const t = me(r.value), e = ne.parse(t), s = await Promise.all(
+            c.value.map(async (l, u) => {
+              var x;
+              const a = (x = e.advertisements) == null ? void 0 : x[u];
+              let g;
+              return l ? g = await U.update(
+                U.advertisementPath(u, l),
+                l
+              ) : typeof a == "string" ? g = a : a && typeof a == "object" && (g = a.url), g ? {
+                _id: typeof a == "object" && (a == null ? void 0 : a._id) || `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`,
+                url: g,
+                targetLocation: f.value[u] || null,
+                order: u
+              } : null;
+            })
+          );
+          e.advertisements = s.filter((l) => l), await ue.update(e), await k.readMembership(), r.value = k.membership;
+        },
+        {
+          message: "Saving advertisements",
+          successMessage: "Advertisements saved successfully"
+        }
+      );
+    }
+    function $(t) {
+      p.value = t, C.value = c.value[t], F.value = f.value[t], h.value = !0;
+    }
+    function O() {
+      if (!D.value) return;
+      const t = c.value.length;
+      c.value.push(null), f.value.push(null), $(t);
+    }
+    async function X() {
+      p.value !== null && (c.value[p.value] = C.value, f.value[p.value] = F.value, await L(), h.value = !1);
+    }
+    async function q(t, e) {
+      var s, l;
+      t.stopPropagation(), await ae.remove("Delete this advertisement?", "Delete", "Delete") && ((l = (s = r.value) == null ? void 0 : s.advertisements) == null || l.splice(e, 1), c.value.splice(e, 1), f.value.splice(e, 1), await L());
+    }
+    function G() {
+      E.push("/setting");
+    }
+    return J(async () => {
+      await Q(async () => {
+        var t, e;
+        await M.readPremium(), await M.readLocations(), await k.readMembership(), r.value = k.membership, (e = (t = r.value) == null ? void 0 : t.advertisements) != null && e.length ? (c.value = r.value.advertisements.map(() => null), f.value = r.value.advertisements.map(
+          (s) => typeof s == "string" ? null : s.targetLocation || null
+        )) : (c.value = [], f.value = []);
+      });
+    }), (t, e) => {
+      var x;
+      const s = A("FmButton"), l = A("FmPill"), u = A("FmCard"), a = A("FmIcon"), g = A("FmSideSheet");
+      return d(), b("div", ce, [
+        o("div", pe, [
+          o("div", ve, [
+            o("div", fe, [
+              i(s, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: G
+              }),
+              o("div", null, [
+                o("div", ge, [
+                  e[4] || (e[4] = K(" Advertisements ", -1)),
+                  i(l, { variant: "premium" })
+                ]),
+                e[5] || (e[5] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Manage ads shown on FeedMe ordering app ", -1))
+              ])
+            ]),
+            i(s, {
+              label: "Save Changes",
+              onClick: L,
+              disabled: !!n(S).loadingQueue.length,
+              loading: !!n(S).loadingQueue.length
+            }, null, 8, ["disabled", "loading"])
+          ])
+        ]),
+        n(r) ? (d(), b("div", ye, [
+          o("div", be, [
+            i(u, {
+              variant: "outlined",
+              class: "px-16 py-12 flex items-center gap-8"
+            }, {
+              default: w(() => [
+                e[6] || (e[6] = o("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Active Ads:", -1)),
+                o("span", he, P(n(j)) + " / " + P(B), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          n(M).isPremium ? (d(), b("div", _e, [
+            (d(!0), b(W, null, Y(((x = n(r).advertisements) == null ? void 0 : x.length) || 0, (v, m) => (d(), V(u, {
+              key: m,
+              variant: "outlined",
+              class: "cursor-pointer hover:shadow-lg transition-shadow overflow-hidden relative",
+              onClick: (z) => $(m)
+            }, {
+              default: w(() => [
+                o("div", we, [
+                  i(s, {
+                    icon: "delete",
+                    variant: "tertiary",
+                    size: "sm",
+                    class: "bg-white/90 hover:bg-white shadow-sm",
+                    onClick: (z) => q(z, m)
+                  }, null, 8, ["onClick"])
+                ]),
+                o("div", xe, [
+                  _(m) && R(_(m)) ? (d(), b("video", {
+                    key: 0,
+                    src: _(m),
+                    class: "w-full h-full object-cover",
+                    muted: "",
+                    loop: "",
+                    autoplay: "",
+                    playsinline: ""
+                  }, null, 8, Ae)) : _(m) ? (d(), b("img", {
+                    key: 1,
+                    src: _(m),
+                    class: "w-full h-full object-cover",
+                    alt: `Ad ${m + 1}`
+                  }, null, 8, Se)) : (d(), b("div", ke, [
+                    i(a, {
+                      name: "image",
+                      size: "48"
+                    })
+                  ]))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128)),
+            n(D) ? (d(), V(u, {
+              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: O
+            }, {
+              default: w(() => [
+                o("div", Ce, [
+                  i(a, {
+                    name: "add",
+                    size: "24",
+                    class: "text-fm-color-typo-secondary"
+                  })
+                ]),
+                e[9] || (e[9] = o("div", { class: "fm-typo-en-body-md-600 mb-4" }, "Add Ad", -1)),
+                o("div", Fe, P(B - n(j)) + " left ", 1)
+              ]),
+              _: 1
+            })) : N("", !0)
+          ])) : (d(), V(u, {
+            key: 0,
+            variant: "outlined",
+            class: "p-24 text-center mb-24 bg-fm-color-warning-50"
+          }, {
+            default: w(() => [
+              e[7] || (e[7] = o("div", { class: "fm-typo-en-title-sm-800 mb-8" }, "Premium Feature", -1)),
+              e[8] || (e[8] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, " Upgrade to Premium to manage advertisements ", -1)),
+              i(s, {
+                label: "Upgrade Now",
+                variant: "primary"
+              })
+            ]),
+            _: 1
+          }))
+        ])) : N("", !0),
+        i(g, {
+          modelValue: n(h),
+          "onUpdate:modelValue": [
+            e[2] || (e[2] = (v) => Z(h) ? h.value = v : null),
+            e[3] || (e[3] = (v) => h.value = v)
+          ],
+          "max-width": 560,
+          header: n(p) !== null ? `Manage Ad #${n(p) + 1}` : "Add Advertisement"
+        }, {
+          "side-sheet-footer": w(() => [
+            o("div", Pe, [
+              i(s, {
+                label: "Save",
+                onClick: X,
+                loading: !!n(S).loadingQueue.length,
+                disabled: !!n(S).loadingQueue.length
+              }, null, 8, ["loading", "disabled"])
+            ])
+          ]),
+          default: w(() => [
+            o("div", Me, [
+              o("div", je, [
+                o("div", Le, [
+                  i(le, {
+                    label: "Advertisement Image",
+                    "image-fit": "cover",
+                    "aspect-ratio": "2/3",
+                    thumbnail: n(p) !== null ? _(n(p)) : void 0,
+                    accept: ".png, .jpg, .jpeg, .mp4, .gif",
+                    "recommended-size": "1080px x 1350px (4:5)",
+                    file: n(C) ?? void 0,
+                    "onUpdate:file": e[0] || (e[0] = (v) => C.value = v)
+                  }, null, 8, ["thumbnail", "file"])
+                ])
+              ]),
+              o("div", null, [
+                i(ie, {
+                  label: "Target Locations",
+                  "helper-text": "Leave empty to show in all locations",
+                  "model-value": n(F) ?? null,
+                  "onUpdate:modelValue": e[1] || (e[1] = (v) => F.value = v)
+                }, null, 8, ["model-value"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "header"])
+      ]);
+    };
+  }
+});
+export {
+  Ge as default
+};

package/dist/{Store-BJDUFmGq.js → Store-0cJJpCIV.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 ie, ref as U, isRef as oe, reactive as qe, onMounted as fe, watch as we, toRaw as Ye, createTextVNode as ue, h as We } from "vue";
 import { _ as ze } from "./tier-BJDhpH6X.js";
 import { useDialog as Ee, useDialogChild as je, components as Je } from "@feedmepos/ui-library";
-import { c as D, e as he, S as Ge } from "./index-wS34rLgz.js";
-import { u as Le } from "./loading-u3H9jMuJ.js";
-import { u as ke, C as me } from "./membership-DRAMCa-P.js";
+import { c as D, e as he, S as Ge } from "./index-BL_1CL4C.js";
+import { u as Le } from "./loading-B_UZCyhK.js";
+import { u as ke, C as me } from "./membership-_kM8eXz7.js";
 import { a as Xe, c as Me } from "./object-qECH92oz.js";
 import { _ as re } from "./lodash-B5I3zXaY.js";
-import { c as se } from "./index-V-ZCp21z.js";
-import { u as be } from "./vue-i18n-CuIfSGTu.js";
+import { c as se } from "./index-BAv3BkZY.js";
+import { u as be } from "./vue-i18n-c1uC6tyM.js";
 import { Z, g as J, a as G } from "./zod-Bg2FbC-D.js";
-import { z as Q, R as Ze } from "./app-DnyE2pGP.js";
-import { m as Qe, n as et, o as tt, p as Oe, q as nt } from "./index-DsBKOmG3.js";
+import { z as Q, R as Ze } from "./app-B06WmmlS.js";
+import { m as Qe, n as et, o as tt, p as Oe, q as nt } from "./index-UjD7i6Rs.js";
 import { u as Se } from "./app-wDQR6dpb.js";
-import { _ as te } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CvuhwcKx.js";
-import { a as ot, p as _e, n as at, f as Fe } from "./plugins-t54ubjAx.js";
+import { _ as te } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CeNxiT5A.js";
+import { a as ot, p as _e, n as at, f as Fe } from "./plugins-CRzS5EeK.js";
 import { J as Pe } from "./JsonViewer-v8_C7l5N.js";
-import { _ as lt } from "./index-DT1PySNz.js";
+import { _ as lt } from "./index-BEN3tBqd.js";
 import { _ as st } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
 import { _ as rt } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { z as it, a as dt } from "./money-Ch8Ungpt.js";
-import { F as ut } from "./number-hqX5bysX.js";
-import { t as ct } from "./helper-BrfWVPcd.js";
-import "./index-DvHneUqf.js";
-import "./index-BM7tZsj1.js";
-import "./index-CbGbLYp-.js";
-import "./index-BBgo847U.js";
-import { m as mt } from "./index-n12TcP1c.js";
-import { m as Ce } from "./index-hG9QFw_I.js";
+import { z as it, a as dt } from "./money-CoVA-srK.js";
+import { F as ut } from "./number-YRitPV2s.js";
+import { t as ct } from "./helper-Bxi0o7m8.js";
+import "./index-TKz_0Ysa.js";
+import "./index-Dhh1sEG_.js";
+import "./index-DlK01rGI.js";
+import "./index-B5SrWi06.js";
+import { m as mt } from "./index-C06Q7hpx.js";
+import { m as Ce } from "./index-B94mBxiL.js";
 import { useRouter as pt } from "vue-router";
 function Ke(v) {
   return se.DineroFactory(v).toUnit();

package/dist/{StoreRewards-X_uAZ0oU.js → StoreRewards-CV8XStEA.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-DvHneUqf.js";
-import { u as X } from "./loading-u3H9jMuJ.js";
-import { C as Z, u as ee } from "./membership-DRAMCa-P.js";
-import { p as M, f as B } from "./plugins-t54ubjAx.js";
-import { u as te } from "./vue-i18n-CuIfSGTu.js";
-import { F as oe } from "./index-DT1PySNz.js";
+import "./index-TKz_0Ysa.js";
+import { u as X } from "./loading-B_UZCyhK.js";
+import { C as Z, u as ee } from "./membership-_kM8eXz7.js";
+import { p as M, f as B } from "./plugins-CRzS5EeK.js";
+import { u as te } from "./vue-i18n-c1uC6tyM.js";
+import { F as oe } from "./index-BEN3tBqd.js";
 import { c as ae } from "./object-qECH92oz.js";
 import { u as K } from "./app-wDQR6dpb.js";
-import { u as ne } from "./business-DDGxEUE9.js";
+import { u as ne } from "./business-ClV-3_wH.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-CvuhwcKx.js";
+import { _ as re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CeNxiT5A.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-DIU7wlz0.js";
-import { _ as me, a as ce } from "./EffectSheet.vue_vue_type_style_index_0_lang-DbEVXGna.js";
-import { i as de, t as ue } from "./helper-BrfWVPcd.js";
+import { _ as le } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BprUyeOJ.js";
+import { _ as me, a as ce } from "./EffectSheet.vue_vue_type_style_index_0_lang-oao_UwRf.js";
+import { i as de, t as ue } from "./helper-Bxi0o7m8.js";
 import { useRouter as pe } from "vue-router";
-import { m as D } from "./index-hG9QFw_I.js";
-import { R as O } from "./app-DnyE2pGP.js";
+import { m as D } from "./index-B94mBxiL.js";
+import { R as O } from "./app-B06WmmlS.js";
 const fe = {
   key: 0,
   class: "flex flex-col space-y-16 pr-12"

package/dist/{StoreTransactions.vue_vue_type_script_setup_true_lang-C-E_9wC2.js → StoreTransactions.vue_vue_type_script_setup_true_lang-Bqw4ayC4.js}

@@ -1,33 +1,33 @@
 import { defineComponent as Q, ref as M, computed as G, h as n, resolveComponent as U, openBlock as E, createBlock as te, unref as l, isRef as ge, withCtx as ae, createElementVNode as h, createVNode as w, createElementBlock as V, Fragment as W, renderList as oe, toDisplayString as z, createTextVNode as ye, resolveDynamicComponent as he, watch as ne, onBeforeMount as ve, onMounted as be } from "vue";
 import { components as y, useDialog as _e } from "@feedmepos/ui-library";
-import { r as X } from "./index-DsBKOmG3.js";
-import "./index-V-ZCp21z.js";
-import { s as xe } from "./index-B0GJS0GE.js";
+import { r as X } from "./index-UjD7i6Rs.js";
+import "./index-BAv3BkZY.js";
+import { s as xe } from "./index-BWq6tQbu.js";
 import { h as _ } from "./moment-D7p2TMB-.js";
 import { _ as j } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
 import { _ as re } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
 import { s as K } from "./index-CsaQJMAR.js";
-import { f as J } from "./number-hqX5bysX.js";
-import { u as se } from "./business-DDGxEUE9.js";
+import { f as J } from "./number-YRitPV2s.js";
+import { u as se } from "./business-ClV-3_wH.js";
 import { u as le, _ as ie } from "./usePagination-Ds-cuHop.js";
-import { a as Z, c as Se, p as we } from "./plugins-t54ubjAx.js";
-import { g as ce } from "./user-BwgLUq1Z.js";
-import { B as ue, e as me } from "./export-BqaGhY3Q.js";
-import { u as de } from "./campaign-XwkK5NG-.js";
-import "./index-DvHneUqf.js";
-import "./index-BM7tZsj1.js";
-import "./index-DT1PySNz.js";
-import "./index-CbGbLYp-.js";
-import "./index-BBgo847U.js";
-import { u as Te } from "./vue-i18n-CuIfSGTu.js";
+import { a as Z, c as Se, p as we } from "./plugins-CRzS5EeK.js";
+import { g as ce } from "./user-B4J6WtQq.js";
+import { B as ue, e as me } from "./export-CUcU1l-K.js";
+import { u as de } from "./campaign-C-DtV5gs.js";
+import "./index-TKz_0Ysa.js";
+import "./index-Dhh1sEG_.js";
+import "./index-BEN3tBqd.js";
+import "./index-DlK01rGI.js";
+import "./index-B5SrWi06.js";
+import { u as Te } from "./vue-i18n-c1uC6tyM.js";
 import { o as Y } from "./objectId-dwaoBfJX.js";
-import { u as pe } from "./loading-u3H9jMuJ.js";
+import { u as pe } from "./loading-B_UZCyhK.js";
 import { useRouter as Re } from "vue-router";
-import { t as L } from "./index-Fn7DPpJp.js";
-import { R as H } from "./app-DnyE2pGP.js";
-import { F as q } from "./collectible.enum-CWs8pE45.js";
+import { t as L } from "./index-Ct2-fiN2.js";
+import { R as H } from "./app-B06WmmlS.js";
+import { F as q } from "./collectible.enum-DlxRyJMy.js";
 import { useCoreStore as Ce } from "@feedmepos/mf-common";
-import { m as Ie } from "./index-hG9QFw_I.js";
+import { m as Ie } from "./index-B94mBxiL.js";
 function Ae(m) {
   let p = "";
   switch (m) {

package/dist/{TargetLocationInput.vue_vue_type_script_setup_true_lang-DIU7wlz0.js → TargetLocationInput.vue_vue_type_script_setup_true_lang-BprUyeOJ.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-DDGxEUE9.js";
+import { u as T } from "./business-ClV-3_wH.js";
 function j(l, s, n) {
   return l.some(
     n instanceof Function ? n : (a) => a === s