@feedmepos/mf-connect 0.1.38-beta.74 → 0.1.38-beta.75

package/dist/ReviewFacebookCallback-CV99Udei.js

@@ -0,0 +1,243 @@
+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-BxV_u4BZ.js";
+import { components as x } from "@feedmepos/ui-library";
+import { r as L } from "./index-C1Z4oibL.js";
+import { u as V } from "./business-DKEB57Mf.js";
+import { _ as A } from "./LocationPicker.vue_vue_type_script_setup_true_lang-CXFtSS9_.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(i, { emit: n }) {
+    const b = i, l = n, { t: h } = M(), f = T(
+      () => b.page.locations.map((_) => _._id)
+    );
+    return (_, c) => (d(), g("div", {
+      class: z([
+        "rounded-lg border overflow-hidden transition-colors",
+        i.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: c[0] || (c[0] = (w) => l("toggleExpand"))
+      }, [
+        i.page.pageProfileImageUrl ? (d(), g("img", {
+          key: 0,
+          src: i.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(i.page.pageName), 1),
+        i.page.locations.length > 0 ? (d(), g("span", G, k(e(h)("connect.review.locationsSelected", i.page.locations.length)), 1)) : $("", !0),
+        v(e(x).FmIcon, {
+          name: i.expanded ? "expand_less" : "expand_more",
+          class: "text-fm-color-neutral-gray-400 shrink-0"
+        }, null, 8, ["name"])
+      ]),
+      i.expanded ? (d(), C(A, {
+        key: 0,
+        locations: i.availableLocations,
+        "selected-ids": e(f),
+        onToggle: c[1] || (c[1] = (w) => l("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(i, { emit: n }) {
+    const b = i, l = V();
+    B(() => l.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 c(r) {
+      const p = new Set(r.locations.map((a) => a._id));
+      return console.log(l.locations), l.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(i.pages, (a) => (d(), C(J, {
+        key: a.facebookPageId,
+        page: a,
+        expanded: e(f) === a.facebookPageId,
+        "available-locations": c(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(i) {
+    const { t: n } = M(), b = H(), l = P([]), h = P(!1), f = P(!1), _ = P(!1), c = P(null), w = T(
+      () => l.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) {
+        c.value = n("connect.review.noToken");
+        return;
+      }
+      const u = new URLSearchParams(t.slice(1)).get("access_token");
+      if (!u) {
+        c.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);
+        l.value = I((F == null ? void 0 : F.pages) ?? [], j), l.value.length === 0 && (c.value = n("connect.review.facebook.noPages"));
+      } catch (y) {
+        c.value = r(y, n("connect.review.facebook.failed"));
+      } finally {
+        h.value = !1;
+      }
+    }
+    async function a() {
+      const t = l.value.filter((o) => o.locations.length > 0).map((o) => ({
+        facebookPageId: o.facebookPageId,
+        locationIds: o.locations.map((u) => u._id)
+      }));
+      if (t.length === 0) {
+        c.value = n("connect.review.noMappings");
+        return;
+      }
+      f.value = !0;
+      try {
+        await L.updateFacebookPages(t), _.value = !0, setTimeout(() => b.replace("/review"), 2e3);
+      } catch (o) {
+        c.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(c) ? (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(c)), 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(l).length > 0 ? (d(), g(E, { key: 3 }, [
+            m("p", ae, k(e(n)("connect.review.facebook.selectPage")), 1),
+            v(O, {
+              pages: e(l),
+              "onUpdate:pages": o[1] || (o[1] = (s) => U(l) ? l.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-DiqgQzOt.js

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