@feedmepos/mf-connect 0.1.98-beta.10 → 0.1.98-beta.12

package/dist/ReviewGoogleCallback-BkWwQXpL.js

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