@feedmepos/mf-connect 0.1.98-beta.13 → 0.1.98-beta.15

package/dist/ReviewFacebookCallback-BqlFkSB7.js

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

package/dist/ReviewGoogleCallback-ssKL4jh4.js

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