@feedmepos/mf-connect 0.1.111-prod → 0.1.113-beta.3

package/dist/ReviewFacebookCallback-DeZqcpJo.js

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