@feedmepos/mf-connect 0.1.98-beta.39 → 0.1.98-beta.40

package/dist/SettingAdvertisements-WfvuE4fA.js

@@ -1,264 +0,0 @@
-import { defineComponent as J, ref as y, computed as z, 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 k, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
-import { u as te } from "./loading-D__sDcq1.js";
-import { u as ne } from "./app-wDQR6dpb.js";
-import { u as se } from "./business-BwtQpfUr.js";
-import { u as oe } from "./membership-CBjt1MGx.js";
-import "./index-Di1Z4vLS.js";
-import { b as ae } from "./index-PgblELTo.js";
-import "./index-BccUpf0U.js";
-import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-BBK-UrEe.js";
-import { f as D, p as ie } from "./plugins-D95ZeD-9.js";
-import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-UZYzUcif.js";
-import { u as ce } from "./vue-i18n-dQ1XCaUv.js";
-import { useRouter as de } from "vue-router";
-import { m as me } from "./index-CTTGf4TM.js";
-import { R as ue } from "./app-Bt8HrAEr.js";
-import { a as ve } from "./object-BYyQ0PZp.js";
-const pe = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, fe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, ge = { class: "px-24 py-16 flex items-center justify-between" }, _e = { class: "flex items-center gap-16" }, he = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, be = {
-  key: 0,
-  class: "px-24 py-24"
-}, we = { class: "flex items-center gap-24 mb-24" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Se = { class: "fm-typo-en-body-lg-600" }, ke = { class: "fm-typo-en-title-sm-800 mb-8" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, Ce = {
-  key: 1,
-  class: "grid grid-cols-5 gap-16 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2"
-}, Fe = { class: "absolute top-8 right-8 z-10" }, je = { class: "aspect-[3/4] bg-fm-color-neutral-gray-100" }, Le = ["src"], Me = ["src", "alt"], Ve = {
-  key: 2,
-  class: "w-full h-full flex items-center justify-center text-fm-color-typo-disabled"
-}, $e = { class: "w-48 h-48 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center mb-8" }, Be = { class: "fm-typo-en-body-md-600 mb-4" }, Ie = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, Pe = { class: "space-y-[40px]" }, Ee = { class: "flex" }, Te = { class: "flex flex-wrap" }, ze = { class: "flex items-center gap-8" }, I = 20, nt = /* @__PURE__ */ J({
-  __name: "SettingAdvertisements",
-  setup(Ne) {
-    const U = de(), C = ne(), M = se(), F = oe(), { global: Q, minor: R } = te, { t: o } = ce(), c = y(), f = y([]), _ = y([]), w = y(!1), g = y(null), j = y(null), L = y(null), V = z(() => {
-      var n, t;
-      return ((t = (n = c.value) == null ? void 0 : n.advertisements) == null ? void 0 : t.length) ?? 0;
-    }), P = z(() => V.value < I);
-    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 O(n) {
-      return n ? [".mp4", ".webm", ".ogg", ".mov"].some((a) => n.toLowerCase().includes(a)) : !1;
-    }
-    async function $() {
-      await R(
-        async () => {
-          const n = ve(c.value), t = ae.parse(n), a = Date.now(), p = (m) => `${a}-${m}-${Math.random().toString(36).substring(2, 15)}`, S = 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 D.update(
-                D.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 = S.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 E(n) {
-      g.value = n, j.value = f.value[n], L.value = _.value[n], w.value = !0;
-    }
-    function q() {
-      if (!P.value) return;
-      const n = f.value.length;
-      f.value.push(null), _.value.push(null), E(n);
-    }
-    async function G() {
-      g.value !== null && (f.value[g.value] = j.value, _.value[g.value] = L.value, await $(), w.value = !1);
-    }
-    async function H(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 X() {
-      U.push({ name: ue["$connect-SETTING"] });
-    }
-    return K(async () => {
-      await Q(async () => {
-        var n, t;
-        await M.readPremium(), await M.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"), S = A("FmCard"), m = A("FmIcon"), h = A("FmSideSheet");
-      return u(), b("div", pe, [
-        s("div", fe, [
-          s("div", ge, [
-            s("div", _e, [
-              d(a, {
-                icon: "arrow_back",
-                variant: "tertiary",
-                onClick: X
-              }),
-              s("div", null, [
-                s("div", he, [
-                  W(v(e(o)("connect.setting.advertisement.title")) + " ", 1),
-                  d(p, { variant: "premium" })
-                ]),
-                s("div", ye, 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", be, [
-          s("div", we, [
-            d(S, {
-              variant: "outlined",
-              class: "px-16 py-12 flex items-center gap-8"
-            }, {
-              default: k(() => [
-                s("span", xe, v(e(o)("connect.setting.advertisement.activeAds")), 1),
-                s("span", Se, v(e(V)) + " / " + v(I), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          e(M).isPremium ? (u(), b("div", Ce, [
-            (u(!0), b(Y, null, Z(((i = e(c).advertisements) == null ? void 0 : i.length) || 0, (l, r) => (u(), B(S, {
-              key: r,
-              variant: "outlined",
-              class: "cursor-pointer hover:shadow-lg transition-shadow overflow-hidden relative",
-              onClick: (T) => E(r)
-            }, {
-              default: k(() => [
-                s("div", Fe, [
-                  d(a, {
-                    icon: "delete",
-                    variant: "tertiary",
-                    size: "sm",
-                    class: "bg-white/90 hover:bg-white shadow-sm",
-                    onClick: (T) => H(T, r)
-                  }, null, 8, ["onClick"])
-                ]),
-                s("div", je, [
-                  x(r) && O(x(r)) ? (u(), b("video", {
-                    key: 0,
-                    src: x(r),
-                    class: "w-full h-full object-cover",
-                    muted: "",
-                    loop: "",
-                    autoplay: "",
-                    playsinline: ""
-                  }, null, 8, Le)) : x(r) ? (u(), b("img", {
-                    key: 1,
-                    src: x(r),
-                    class: "w-full h-full object-cover",
-                    alt: `Ad ${r + 1}`
-                  }, null, 8, Me)) : (u(), b("div", Ve, [
-                    d(m, {
-                      name: "image",
-                      size: "48"
-                    })
-                  ]))
-                ])
-              ]),
-              _: 2
-            }, 1032, ["onClick"]))), 128)),
-            e(P) ? (u(), B(S, {
-              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: q
-            }, {
-              default: k(() => [
-                s("div", $e, [
-                  d(m, {
-                    name: "add",
-                    size: "24",
-                    class: "text-fm-color-typo-secondary"
-                  })
-                ]),
-                s("div", Be, v(e(o)("connect.setting.advertisement.addAd")), 1),
-                s("div", Ie, v(I - e(V)) + " " + v(e(o)("connect.setting.advertisement.left")), 1)
-              ]),
-              _: 1
-            })) : N("", !0)
-          ])) : (u(), B(S, {
-            key: 0,
-            variant: "outlined",
-            class: "p-24 text-center mb-24 bg-fm-color-warning-50"
-          }, {
-            default: k(() => [
-              s("div", ke, v(e(o)("connect.setting.advertisement.premiumFeatureTitle")), 1),
-              s("div", Ae, 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": k(() => [
-            s("div", ze, [
-              d(a, {
-                label: e(o)("connect.setting.advertisement.save"),
-                onClick: G,
-                loading: !!e(C).loadingQueue.length,
-                disabled: !!e(C).loadingQueue.length
-              }, null, 8, ["label", "loading", "disabled"])
-            ])
-          ]),
-          default: k(() => [
-            s("div", Pe, [
-              s("div", Ee, [
-                s("div", Te, [
-                  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 {
-  nt as default
-};

package/dist/Settings-B42SAvEx.js

@@ -1,179 +0,0 @@
-import { defineComponent as N, useSlots as U, openBlock as r, createElementBlock as l, createElementVNode as s, normalizeClass as $, unref as e, toDisplayString as y, createCommentVNode as m, Fragment as b, createBlock as E, createVNode as w, renderSlot as T, ref as x, computed as B, onMounted as G, withCtx as O, renderList as C, createStaticVNode as z } from "vue";
-import { u as A } from "./loading-D__sDcq1.js";
-import { u as M } from "./business-BwtQpfUr.js";
-import { components as f, useSnackbar as W } from "@feedmepos/ui-library";
-import { u as R } from "./vue-i18n-dQ1XCaUv.js";
-import { g as j } from "./google-C3S8u0mT.js";
-import { R as D } from "./app-Bt8HrAEr.js";
-import { useRouter as H } from "vue-router";
-import { r as h } from "./index-N25Px7RQ.js";
-const P = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, q = ["src"], J = { class: "flex flex-col flex-1 gap-1 min-w-0" }, K = { class: "fm-typo-en-body-md-600 capitalize" }, Q = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate"
-}, X = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Y = /* @__PURE__ */ N({
-  __name: "ReviewSource",
-  props: {
-    icon: {},
-    name: {},
-    connected: { type: Boolean },
-    subtitle: {},
-    syncing: { type: Boolean },
-    tokenExpired: { type: Boolean }
-  },
-  emits: ["connect", "sync"],
-  setup(o, { emit: p }) {
-    const u = p, { t: i } = R(), g = U();
-    return (c, a) => (r(), l("div", P, [
-      s("div", {
-        class: $(["flex items-center gap-12 p-16", e(g).default ? "border-b border-fm-color-neutral-gray-100" : ""])
-      }, [
-        s("img", {
-          src: o.icon,
-          class: "w-10 h-10 shrink-0"
-        }, null, 8, q),
-        s("div", J, [
-          s("span", K, y(o.name), 1),
-          o.subtitle || !o.connected ? (r(), l("span", Q, y(o.connected ? o.subtitle : e(i)("connect.review.notConnected")), 1)) : m("", !0)
-        ]),
-        o.connected ? (r(), l(b, { key: 0 }, [
-          o.tokenExpired ? (r(), E(e(f).FmChip, {
-            key: 0,
-            label: e(i)("connect.review.expired"),
-            variant: "critical"
-          }, null, 8, ["label"])) : m("", !0),
-          w(e(f).FmButton, {
-            variant: "secondary",
-            "prepend-icon": "refresh",
-            label: e(i)("connect.review.reconnect"),
-            onClick: a[0] || (a[0] = (v) => u("connect"))
-          }, null, 8, ["label"]),
-          o.tokenExpired ? m("", !0) : (r(), E(e(f).FmButton, {
-            key: 1,
-            variant: "primary",
-            "prepend-icon": "sync",
-            label: e(i)("connect.review.sync"),
-            loading: o.syncing,
-            onClick: a[1] || (a[1] = (v) => u("sync"))
-          }, null, 8, ["label", "loading"]))
-        ], 64)) : m("", !0)
-      ], 2),
-      o.connected ? m("", !0) : (r(), l("div", {
-        key: 0,
-        class: $(["flex items-center justify-between gap-12 p-16", e(g).default ? "border-b border-fm-color-neutral-gray-100" : ""])
-      }, [
-        s("span", X, y(e(i)("connect.review.connectHint", { name: o.name })), 1),
-        w(e(f).FmButton, {
-          "prepend-icon": "add",
-          label: e(i)("connect.review.connect"),
-          onClick: a[2] || (a[2] = (v) => u("connect"))
-        }, null, 8, ["label"])
-      ], 2)),
-      T(c.$slots, "default")
-    ]));
-  }
-}), Z = { class: "p-24 flex flex-col gap-8" }, ee = { class: "flex flex-col flex-1 min-w-0" }, ne = { class: "fm-typo-en-body-lg-600 truncate" }, oe = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, me = /* @__PURE__ */ N({
-  __name: "Settings",
-  setup(o) {
-    const { t: p } = R(), u = W(), i = H(), g = M(), c = x(null), a = x(!1);
-    x(!1);
-    const v = B(
-      () => {
-        var n;
-        return c.value ? ((n = c.value.google) == null ? void 0 : n.accessToken) === null : !1;
-      }
-    );
-    B(
-      () => {
-        var n;
-        return c.value ? ((n = c.value.facebook) == null ? void 0 : n.token) === null : !1;
-      }
-    );
-    function _(n) {
-      const t = window.location.pathname.replace(/\/review(?:\/.*)?$/, "");
-      return `${window.location.origin}${t}${n}`;
-    }
-    async function S() {
-      await A.minor(async () => {
-        c.value = await h.getSource();
-      });
-    }
-    function V(n) {
-      var t;
-      return (t = g.locations.find(
-        (d) => d._id.toString() === n
-      )) == null ? void 0 : t.name;
-    }
-    function F() {
-      u.open({
-        message: p("connect.review.syncSuccess"),
-        type: "success"
-      }), i.push({ name: D["$connect-REVIEW_OVERVIEW"] });
-    }
-    async function I() {
-      var n, t;
-      a.value = !0;
-      try {
-        await h.syncGoogleReviews(), F();
-      } catch (d) {
-        if (await S(), ((t = (n = c.value) == null ? void 0 : n.google) == null ? void 0 : t.accessToken) === null) {
-          u.open({
-            message: p("connect.review.tokenExpired"),
-            type: "error"
-          });
-          return;
-        }
-        throw d;
-      } finally {
-        a.value = !1;
-      }
-    }
-    async function L() {
-      const n = _("/review/google/callback"), { callbackUrl: t } = await h.getOauthUrl("google", n);
-      window.location.href = t;
-    }
-    return G(() => {
-      S(), g.readLocations();
-    }), (n, t) => (r(), l("div", Z, [
-      e(c) ? (r(), l(b, { key: 0 }, [
-        w(Y, {
-          icon: e(j),
-          name: "google",
-          connected: !!e(c).google,
-          syncing: e(a),
-          "token-expired": e(v),
-          onConnect: L,
-          onSync: I
-        }, {
-          default: O(() => {
-            var d;
-            return [
-              (r(!0), l(b, null, C((d = e(c).google) == null ? void 0 : d.locations, (k) => (r(), l("div", {
-                key: k.googleLocationName,
-                class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
-              }, [
-                w(e(f).FmIcon, {
-                  name: "location_on",
-                  class: "text-fm-color-neutral-gray-300 shrink-0"
-                }),
-                s("div", ee, [
-                  s("span", ne, y(k.displayName), 1),
-                  s("span", oe, y(V(k.locationId)), 1)
-                ])
-              ]))), 128))
-            ];
-          }),
-          _: 1
-        }, 8, ["icon", "connected", "syncing", "token-expired"]),
-        m("", !0)
-      ], 64)) : (r(), l(b, { key: 1 }, C(["google", "facebook"], (d) => s("div", {
-        key: d,
-        class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16"
-      }, [...t[0] || (t[0] = [
-        z('<div class="animate-pulse flex items-center gap-12"><div class="w-10 h-10 rounded-full bg-fm-color-neutral-gray-100 shrink-0"></div><div class="flex-1 min-w-0 space-y-8"><div class="h-16 w-20 rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-full max-w-[160px] rounded bg-fm-color-neutral-gray-100"></div></div><div class="h-32 w-24 rounded bg-fm-color-neutral-gray-100 shrink-0"></div></div>', 1)
-      ])])), 64))
-    ]));
-  }
-});
-export {
-  me as default
-};