@feedmepos/mf-connect 0.1.116-dev → 0.1.117-prod

package/dist/ReviewFacebookCallback-rAlgcTQ_.js

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