@feedmepos/mf-connect 0.1.98-beta.5 → 0.1.98-beta.50

package/dist/ReviewFacebookCallback-yl0w_vF9.js

@@ -1,243 +0,0 @@
-import { defineComponent as S, computed as T, openBlock as d, createElementBlock as g, normalizeClass as z, createElementVNode as m, createBlock as C, unref as e, toDisplayString as k, createCommentVNode as $, createVNode as v, onMounted as B, ref as P, Fragment as E, renderList as N, resolveComponent as R, isRef as U } from "vue";
-import { u as M } from "./vue-i18n-Bk_KpCO_.js";
-import { components as x } from "@feedmepos/ui-library";
-import { r as L } from "./index-KmCk2ksK.js";
-import { u as V } from "./business-IZLJeLD-.js";
-import { _ as A } from "./LocationPicker.vue_vue_type_script_setup_true_lang-UmynGH00.js";
-import { useRouter as H } from "vue-router";
-const D = ["src"], q = { class: "fm-typo-en-body-md-600 flex-1 truncate" }, G = {
-  key: 2,
-  class: "fm-typo-en-body-sm-400 text-fm-color-primary-500 shrink-0"
-}, J = /* @__PURE__ */ S({
-  __name: "FacebookPageConfig",
-  props: {
-    page: {},
-    expanded: { type: Boolean },
-    availableLocations: {}
-  },
-  emits: ["toggleExpand", "toggleLocation"],
-  setup(c, { emit: n }) {
-    const b = c, i = n, { t: h } = M(), f = T(
-      () => b.page.locations.map((_) => _._id)
-    );
-    return (_, l) => (d(), g("div", {
-      class: z([
-        "rounded-lg border overflow-hidden transition-colors",
-        c.expanded ? "border-fm-color-primary-500" : "border-fm-color-neutral-gray-200"
-      ])
-    }, [
-      m("button", {
-        class: "w-full flex items-center gap-12 p-16 bg-white text-left hover:bg-fm-color-neutral-gray-50 transition-colors",
-        onClick: l[0] || (l[0] = (w) => i("toggleExpand"))
-      }, [
-        c.page.pageProfileImageUrl ? (d(), g("img", {
-          key: 0,
-          src: c.page.pageProfileImageUrl,
-          class: "w-32 h-32 rounded-full shrink-0 object-cover"
-        }, null, 8, D)) : (d(), C(e(x).FmIcon, {
-          key: 1,
-          name: "thumb_up",
-          class: "text-fm-color-neutral-gray-400 shrink-0"
-        })),
-        m("span", q, k(c.page.pageName), 1),
-        c.page.locations.length > 0 ? (d(), g("span", G, k(e(h)("connect.review.locationsSelected", c.page.locations.length)), 1)) : $("", !0),
-        v(e(x).FmIcon, {
-          name: c.expanded ? "expand_less" : "expand_more",
-          class: "text-fm-color-neutral-gray-400 shrink-0"
-        }, null, 8, ["name"])
-      ]),
-      c.expanded ? (d(), C(A, {
-        key: 0,
-        locations: c.availableLocations,
-        "selected-ids": e(f),
-        onToggle: l[1] || (l[1] = (w) => i("toggleLocation", w))
-      }, null, 8, ["locations", "selected-ids"])) : $("", !0)
-    ], 2));
-  }
-}), K = { class: "flex flex-col gap-8" }, O = /* @__PURE__ */ S({
-  __name: "FacebookPageLocationMapping",
-  props: {
-    pages: {}
-  },
-  emits: ["update:pages"],
-  setup(c, { emit: n }) {
-    const b = c, i = V();
-    B(() => i.readLocations());
-    const h = n, f = P(null), _ = T(() => {
-      const r = /* @__PURE__ */ new Set();
-      for (const p of b.pages)
-        p.locations.forEach((a) => r.add(a._id));
-      return r;
-    });
-    function l(r) {
-      const p = new Set(r.locations.map((a) => a._id));
-      return i.locations.filter((a) => {
-        const t = a._id.toString();
-        return !_.value.has(t) || p.has(t);
-      });
-    }
-    function w(r, p) {
-      const a = p._id.toString(), t = b.pages.map((o) => {
-        if (o.facebookPageId !== r) return o;
-        const u = o.locations.some(
-          (s) => s._id === a
-        );
-        return {
-          ...o,
-          locations: u ? o.locations.filter((s) => s._id !== a) : [
-            ...o.locations,
-            {
-              _id: a,
-              name: p.name
-            }
-          ]
-        };
-      });
-      h("update:pages", t);
-    }
-    function I(r) {
-      f.value = f.value === r ? null : r;
-    }
-    return (r, p) => (d(), g("div", K, [
-      (d(!0), g(E, null, N(c.pages, (a) => (d(), C(J, {
-        key: a.facebookPageId,
-        page: a,
-        expanded: e(f) === a.facebookPageId,
-        "available-locations": l(a),
-        onToggleExpand: (t) => I(a.facebookPageId),
-        onToggleLocation: (t) => w(a.facebookPageId, t)
-      }, null, 8, ["page", "expanded", "available-locations", "onToggleExpand", "onToggleLocation"]))), 128))
-    ]));
-  }
-}), Q = { class: "flex flex-col min-h-full gap-16 p-24" }, W = {
-  key: 0,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, X = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, Y = {
-  key: 1,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, Z = { class: "fm-typo-en-body-lg-600" }, ee = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, oe = {
-  key: 2,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, te = { class: "fm-typo-en-body-lg-600" }, ne = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ae = { class: "fm-typo-en-body-lg-600" }, se = { class: "flex gap-8 justify-end mt-auto pt-8" }, ge = /* @__PURE__ */ S({
-  __name: "ReviewFacebookCallback",
-  setup(c) {
-    const { t: n } = M(), b = H(), i = P([]), h = P(!1), f = P(!1), _ = P(!1), l = P(null), w = T(
-      () => i.value.some((t) => t.locations.length > 0)
-    );
-    function I(t, o) {
-      const u = new Map(
-        o.map((s) => [s.facebookPageId, s])
-      );
-      return t.map((s) => {
-        var y;
-        return {
-          ...s,
-          locations: ((y = u.get(s.facebookPageId)) == null ? void 0 : y.locations) ?? []
-        };
-      });
-    }
-    function r(t, o) {
-      return t instanceof Error ? t.message : o;
-    }
-    async function p() {
-      var s;
-      const t = window.location.hash;
-      if (!t) {
-        l.value = n("connect.review.noToken");
-        return;
-      }
-      const u = new URLSearchParams(t.slice(1)).get("access_token");
-      if (!u) {
-        l.value = n("connect.review.noToken");
-        return;
-      }
-      h.value = !0;
-      try {
-        const y = await L.getSource(), j = ((s = y == null ? void 0 : y.facebook) == null ? void 0 : s.pages) ?? [], F = await L.connectFacebook(u);
-        i.value = I((F == null ? void 0 : F.pages) ?? [], j), i.value.length === 0 && (l.value = n("connect.review.facebook.noPages"));
-      } catch (y) {
-        l.value = r(y, n("connect.review.facebook.failed"));
-      } finally {
-        h.value = !1;
-      }
-    }
-    async function a() {
-      const t = i.value.filter((o) => o.locations.length > 0).map((o) => ({
-        facebookPageId: o.facebookPageId,
-        locationIds: o.locations.map((u) => u._id)
-      }));
-      if (t.length === 0) {
-        l.value = n("connect.review.noMappings");
-        return;
-      }
-      f.value = !0;
-      try {
-        await L.updateFacebookPages(t), _.value = !0, setTimeout(() => b.replace("/review"), 2e3);
-      } catch (o) {
-        l.value = r(o, n("connect.review.facebook.failed"));
-      } finally {
-        f.value = !1;
-      }
-    }
-    return B(p), (t, o) => {
-      const u = R("FmPageHead");
-      return d(), g(E, null, [
-        v(u, {
-          title: e(n)("connect.navigation.review")
-        }, null, 8, ["title"]),
-        m("div", Q, [
-          e(h) ? (d(), g("div", W, [
-            v(e(x).FmIcon, {
-              name: "sync",
-              size: "xl",
-              class: "animate-spin text-fm-color-neutral-gray-400"
-            }),
-            m("p", X, k(e(n)("connect.review.facebook.fetching")), 1)
-          ])) : e(_) ? (d(), g("div", Y, [
-            v(e(x).FmIcon, {
-              name: "check_circle",
-              size: "xl",
-              class: "text-fm-color-typo-success"
-            }),
-            m("p", Z, k(e(n)("connect.review.facebook.success")), 1),
-            m("p", ee, k(e(n)("connect.review.redirecting")), 1)
-          ])) : e(l) ? (d(), g("div", oe, [
-            v(e(x).FmIcon, {
-              name: "error",
-              size: "xl",
-              class: "text-fm-color-system-error-500"
-            }),
-            m("p", te, k(e(n)("connect.review.errorTitle")), 1),
-            m("p", ne, k(e(l)), 1),
-            v(e(x).FmButton, {
-              label: e(n)("connect.review.goBack"),
-              onClick: o[0] || (o[0] = (s) => e(b).replace("/review"))
-            }, null, 8, ["label"])
-          ])) : e(i).length > 0 ? (d(), g(E, { key: 3 }, [
-            m("p", ae, k(e(n)("connect.review.facebook.selectPage")), 1),
-            v(O, {
-              pages: e(i),
-              "onUpdate:pages": o[1] || (o[1] = (s) => U(i) ? i.value = s : null)
-            }, null, 8, ["pages"]),
-            m("div", se, [
-              v(e(x).FmButton, {
-                variant: "outlined",
-                label: e(n)("connect.review.cancel"),
-                onClick: o[2] || (o[2] = (s) => e(b).replace("/review"))
-              }, null, 8, ["label"]),
-              v(e(x).FmButton, {
-                label: e(n)("connect.review.connect"),
-                disabled: !e(w),
-                loading: e(f),
-                onClick: a
-              }, null, 8, ["label", "disabled", "loading"])
-            ])
-          ], 64)) : $("", !0)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  ge as default
-};

package/dist/ReviewGoogleCallback-Dn_aF2ZD.js

@@ -1,208 +0,0 @@
-import { defineComponent as S, onMounted as B, ref as h, computed as T, openBlock as d, createElementBlock as v, Fragment as F, renderList as z, normalizeClass as G, unref as e, createElementVNode as m, createVNode as u, toDisplayString as y, createCommentVNode as $, createBlock as P, resolveComponent as R, isRef as U } from "vue";
-import { u as V } from "./vue-i18n-Bk_KpCO_.js";
-import { components as _ } from "@feedmepos/ui-library";
-import { r as C } from "./index-KmCk2ksK.js";
-import { u as A } from "./business-IZLJeLD-.js";
-import { _ as H } from "./LocationPicker.vue_vue_type_script_setup_true_lang-UmynGH00.js";
-import { useRouter as D } from "vue-router";
-const q = { class: "flex flex-col gap-8" }, J = ["onClick"], K = { class: "fm-typo-en-body-md-600 flex-1 truncate" }, O = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-primary-500 shrink-0"
-}, Q = /* @__PURE__ */ S({
-  __name: "GoogleLocationMapping",
-  props: {
-    locations: {}
-  },
-  emits: ["update:locations"],
-  setup(N, { emit: a }) {
-    const x = N, i = a, w = A();
-    B(() => w.readLocations());
-    const g = h(null), b = T(() => {
-      const s = /* @__PURE__ */ new Set();
-      for (const r of x.locations)
-        r.locationId && s.add(r.locationId);
-      return s;
-    });
-    function f(s) {
-      return w.locations.filter((r) => {
-        const t = r._id.toString();
-        return !b.value.has(t) || s.locationId === t;
-      });
-    }
-    function k(s, r) {
-      const t = r._id.toString(), n = x.locations.map((o) => {
-        if (o.googleLocationName !== s) return o;
-        const p = o.locationId === t;
-        return {
-          ...o,
-          locationId: p ? null : t,
-          locationName: p ? null : r.name
-        };
-      });
-      i("update:locations", n);
-    }
-    function L(s) {
-      g.value = g.value === s ? null : s;
-    }
-    return (s, r) => (d(), v("div", q, [
-      (d(!0), v(F, null, z(N.locations, (t) => (d(), v("div", {
-        key: t.googleLocationName,
-        class: G([
-          "rounded-lg border overflow-hidden transition-colors",
-          e(g) === t.googleLocationName ? "border-fm-color-primary-500" : "border-fm-color-neutral-gray-200"
-        ])
-      }, [
-        m("button", {
-          class: "w-full flex items-center gap-12 p-16 bg-white text-left hover:bg-fm-color-neutral-gray-50 transition-colors",
-          onClick: (n) => L(t.googleLocationName)
-        }, [
-          u(e(_).FmIcon, {
-            name: "storefront",
-            class: "text-fm-color-neutral-gray-400 shrink-0"
-          }),
-          m("span", K, y(t.displayName || t.googleLocationName), 1),
-          t.locationName ? (d(), v("span", O, y(t.locationName), 1)) : $("", !0),
-          u(e(_).FmIcon, {
-            name: e(g) === t.googleLocationName ? "expand_less" : "expand_more",
-            class: "text-fm-color-neutral-gray-400 shrink-0"
-          }, null, 8, ["name"])
-        ], 8, J),
-        e(g) === t.googleLocationName ? (d(), P(H, {
-          key: 0,
-          locations: f(t),
-          "selected-ids": t.locationId ? [t.locationId] : [],
-          onToggle: (n) => k(t.googleLocationName, n)
-        }, null, 8, ["locations", "selected-ids", "onToggle"])) : $("", !0)
-      ], 2))), 128))
-    ]));
-  }
-}), W = { class: "flex flex-col min-h-full gap-16 p-24" }, X = {
-  key: 0,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, Y = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, Z = {
-  key: 1,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, ee = { class: "fm-typo-en-body-lg-600" }, oe = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, te = {
-  key: 2,
-  class: "flex flex-col items-center justify-center flex-1 gap-16"
-}, ne = { class: "fm-typo-en-body-lg-600" }, ae = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, le = { class: "fm-typo-en-body-lg-600" }, se = { class: "flex gap-8 justify-end mt-auto pt-8" }, fe = /* @__PURE__ */ S({
-  __name: "ReviewGoogleCallback",
-  setup(N) {
-    const { t: a } = V(), x = D(), i = h([]), w = h(!1), g = h(!1), b = h(!1), f = h(null), k = T(
-      () => i.value.some((n) => n.locationId !== null)
-    );
-    function L(n, o) {
-      return n instanceof Error ? n.message : o;
-    }
-    function s(n, o) {
-      const p = new Map(
-        o.map((l) => [l.googleLocationName, l.location])
-      );
-      return n.map((l) => {
-        const c = p.get(l.googleLocationName) ?? null;
-        return {
-          googleLocationName: l.googleLocationName,
-          displayName: l.displayName,
-          locationId: (c == null ? void 0 : c._id) ?? null,
-          locationName: (c == null ? void 0 : c.name) ?? null
-        };
-      });
-    }
-    async function r() {
-      var l;
-      const n = new URLSearchParams(window.location.search), o = n.get("code"), p = n.get("state");
-      if (!o || !p) {
-        f.value = a("connect.review.noToken");
-        return;
-      }
-      w.value = !0;
-      try {
-        const c = await C.getSource(), E = ((l = c == null ? void 0 : c.google) == null ? void 0 : l.locations) ?? [], M = window.location.pathname.replace(/\/review(?:\/.*)?$/, ""), j = `${window.location.origin}${M}/review/google/callback`, I = await C.connectGoogle(o, j, p);
-        i.value = s((I == null ? void 0 : I.locations) ?? [], E), i.value.length === 0 && (f.value = a("connect.review.google.noLocations"));
-      } catch (c) {
-        f.value = L(c, a("connect.review.google.failed"));
-      } finally {
-        w.value = !1;
-      }
-    }
-    async function t() {
-      const n = i.value.map((o) => ({
-        googleLocationName: o.googleLocationName,
-        displayName: o.displayName,
-        locationId: o.locationId
-      }));
-      if (n.length === 0) {
-        f.value = a("connect.review.noMappings");
-        return;
-      }
-      g.value = !0;
-      try {
-        await C.updateGoogleLocations(n), b.value = !0, setTimeout(() => x.replace("/review"), 2e3);
-      } catch (o) {
-        f.value = L(o, a("connect.review.google.failed"));
-      } finally {
-        g.value = !1;
-      }
-    }
-    return B(r), (n, o) => {
-      const p = R("FmPageHead");
-      return d(), v(F, null, [
-        u(p, {
-          title: e(a)("connect.navigation.review")
-        }, null, 8, ["title"]),
-        m("div", W, [
-          e(w) ? (d(), v("div", X, [
-            u(e(_).FmIcon, {
-              name: "sync",
-              size: "xl",
-              class: "animate-spin text-fm-color-neutral-gray-400"
-            }),
-            m("p", Y, y(e(a)("connect.review.google.fetching")), 1)
-          ])) : e(b) ? (d(), v("div", Z, [
-            u(e(_).FmIcon, {
-              name: "check_circle",
-              size: "xl",
-              class: "text-fm-color-typo-success"
-            }),
-            m("p", ee, y(e(a)("connect.review.google.success")), 1),
-            m("p", oe, y(e(a)("connect.review.redirecting")), 1)
-          ])) : e(f) ? (d(), v("div", te, [
-            u(e(_).FmIcon, {
-              name: "error",
-              size: "xl",
-              class: "text-fm-color-system-error-500"
-            }),
-            m("p", ne, y(e(a)("connect.review.errorTitle")), 1),
-            m("p", ae, y(e(f)), 1),
-            u(e(_).FmButton, {
-              label: e(a)("connect.review.goBack"),
-              onClick: o[0] || (o[0] = (l) => e(x).replace("/review"))
-            }, null, 8, ["label"])
-          ])) : e(i).length > 0 ? (d(), v(F, { key: 3 }, [
-            m("p", le, y(e(a)("connect.review.google.selectLocation")), 1),
-            u(Q, {
-              locations: e(i),
-              "onUpdate:locations": o[1] || (o[1] = (l) => U(i) ? i.value = l : null)
-            }, null, 8, ["locations"]),
-            m("div", se, [
-              u(e(_).FmButton, {
-                variant: "outlined",
-                label: e(a)("connect.review.cancel"),
-                onClick: o[2] || (o[2] = (l) => e(x).replace("/review"))
-              }, null, 8, ["label"]),
-              u(e(_).FmButton, {
-                label: e(a)("connect.review.connect"),
-                disabled: !e(k),
-                loading: e(g),
-                onClick: t
-              }, null, 8, ["label", "disabled", "loading"])
-            ])
-          ], 64)) : $("", !0)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  fe as default
-};