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

package/dist/ReviewFacebookCallback-DirGtKLX.js

@@ -0,0 +1,248 @@
+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-Dn9zxRuv.js";
+import { components as w } from "@feedmepos/ui-library";
+import { r as L } from "./index-Ci2gFCfD.js";
+import { u as A } from "./business-o_sAO_33.js";
+import { _ as H } from "./LocationPicker.vue_vue_type_script_setup_true_lang-Do7CJZuh.js";
+import { R as D } from "./app-CyNzTZOx.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-CVC6741e.js

@@ -0,0 +1,213 @@
+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-Dn9zxRuv.js";
+import { components as v } from "@feedmepos/ui-library";
+import { r as C } from "./index-Ci2gFCfD.js";
+import { u as H } from "./business-o_sAO_33.js";
+import { _ as D } from "./LocationPicker.vue_vue_type_script_setup_true_lang-Do7CJZuh.js";
+import { R as O } from "./app-CyNzTZOx.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
+};