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

package/dist/SettingAdvertisements-DJHKjE95.js

@@ -1,264 +0,0 @@
-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
-};