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

package/dist/Settings-DekXvE-R.js

@@ -1,179 +0,0 @@
-import { defineComponent as N, useSlots as U, openBlock as r, createElementBlock as l, createElementVNode as s, normalizeClass as $, unref as e, toDisplayString as y, createCommentVNode as m, Fragment as b, createBlock as E, createVNode as w, renderSlot as T, ref as x, computed as B, onMounted as G, withCtx as O, renderList as C, createStaticVNode as z } from "vue";
-import { u as A } from "./loading-rIhCiB_S.js";
-import { u as M } from "./business-CbqG6NXr.js";
-import { components as f, useSnackbar as W } from "@feedmepos/ui-library";
-import { u as R } from "./vue-i18n-BjtkXdmG.js";
-import { g as j } from "./google-C3S8u0mT.js";
-import { R as D } from "./app-QxosLNkH.js";
-import { useRouter as H } from "vue-router";
-import { r as h } from "./index-xuFTeVrb.js";
-const P = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, q = ["src"], J = { class: "flex flex-col flex-1 gap-1 min-w-0" }, K = { class: "fm-typo-en-body-md-600 capitalize" }, Q = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate"
-}, X = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Y = /* @__PURE__ */ N({
-  __name: "ReviewSource",
-  props: {
-    icon: {},
-    name: {},
-    connected: { type: Boolean },
-    subtitle: {},
-    syncing: { type: Boolean },
-    tokenExpired: { type: Boolean }
-  },
-  emits: ["connect", "sync"],
-  setup(o, { emit: p }) {
-    const u = p, { t: i } = R(), g = U();
-    return (c, a) => (r(), l("div", P, [
-      s("div", {
-        class: $(["flex items-center gap-12 p-16", e(g).default ? "border-b border-fm-color-neutral-gray-100" : ""])
-      }, [
-        s("img", {
-          src: o.icon,
-          class: "w-10 h-10 shrink-0"
-        }, null, 8, q),
-        s("div", J, [
-          s("span", K, y(o.name), 1),
-          o.subtitle || !o.connected ? (r(), l("span", Q, y(o.connected ? o.subtitle : e(i)("connect.review.notConnected")), 1)) : m("", !0)
-        ]),
-        o.connected ? (r(), l(b, { key: 0 }, [
-          o.tokenExpired ? (r(), E(e(f).FmChip, {
-            key: 0,
-            label: e(i)("connect.review.expired"),
-            variant: "critical"
-          }, null, 8, ["label"])) : m("", !0),
-          w(e(f).FmButton, {
-            variant: "secondary",
-            "prepend-icon": "refresh",
-            label: e(i)("connect.review.reconnect"),
-            onClick: a[0] || (a[0] = (v) => u("connect"))
-          }, null, 8, ["label"]),
-          o.tokenExpired ? m("", !0) : (r(), E(e(f).FmButton, {
-            key: 1,
-            variant: "primary",
-            "prepend-icon": "sync",
-            label: e(i)("connect.review.sync"),
-            loading: o.syncing,
-            onClick: a[1] || (a[1] = (v) => u("sync"))
-          }, null, 8, ["label", "loading"]))
-        ], 64)) : m("", !0)
-      ], 2),
-      o.connected ? m("", !0) : (r(), l("div", {
-        key: 0,
-        class: $(["flex items-center justify-between gap-12 p-16", e(g).default ? "border-b border-fm-color-neutral-gray-100" : ""])
-      }, [
-        s("span", X, y(e(i)("connect.review.connectHint", { name: o.name })), 1),
-        w(e(f).FmButton, {
-          "prepend-icon": "add",
-          label: e(i)("connect.review.connect"),
-          onClick: a[2] || (a[2] = (v) => u("connect"))
-        }, null, 8, ["label"])
-      ], 2)),
-      T(c.$slots, "default")
-    ]));
-  }
-}), Z = { class: "p-24 flex flex-col gap-8" }, ee = { class: "flex flex-col flex-1 min-w-0" }, ne = { class: "fm-typo-en-body-lg-600 truncate" }, oe = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, me = /* @__PURE__ */ N({
-  __name: "Settings",
-  setup(o) {
-    const { t: p } = R(), u = W(), i = H(), g = M(), c = x(null), a = x(!1);
-    x(!1);
-    const v = B(
-      () => {
-        var n;
-        return c.value ? ((n = c.value.google) == null ? void 0 : n.accessToken) === null : !1;
-      }
-    );
-    B(
-      () => {
-        var n;
-        return c.value ? ((n = c.value.facebook) == null ? void 0 : n.token) === null : !1;
-      }
-    );
-    function _(n) {
-      const t = window.location.pathname.replace(/\/review(?:\/.*)?$/, "");
-      return `${window.location.origin}${t}${n}`;
-    }
-    async function S() {
-      await A.minor(async () => {
-        c.value = await h.getSource();
-      });
-    }
-    function V(n) {
-      var t;
-      return (t = g.locations.find(
-        (d) => d._id.toString() === n
-      )) == null ? void 0 : t.name;
-    }
-    function F() {
-      u.open({
-        message: p("connect.review.syncSuccess"),
-        type: "success"
-      }), i.push({ name: D["$connect-REVIEW_OVERVIEW"] });
-    }
-    async function I() {
-      var n, t;
-      a.value = !0;
-      try {
-        await h.syncGoogleReviews(), F();
-      } catch (d) {
-        if (await S(), ((t = (n = c.value) == null ? void 0 : n.google) == null ? void 0 : t.accessToken) === null) {
-          u.open({
-            message: p("connect.review.tokenExpired"),
-            type: "error"
-          });
-          return;
-        }
-        throw d;
-      } finally {
-        a.value = !1;
-      }
-    }
-    async function L() {
-      const n = _("/review/google/callback"), { callbackUrl: t } = await h.getOauthUrl("google", n);
-      window.location.href = t;
-    }
-    return G(() => {
-      S(), g.readLocations();
-    }), (n, t) => (r(), l("div", Z, [
-      e(c) ? (r(), l(b, { key: 0 }, [
-        w(Y, {
-          icon: e(j),
-          name: "google",
-          connected: !!e(c).google,
-          syncing: e(a),
-          "token-expired": e(v),
-          onConnect: L,
-          onSync: I
-        }, {
-          default: O(() => {
-            var d;
-            return [
-              (r(!0), l(b, null, C((d = e(c).google) == null ? void 0 : d.locations, (k) => (r(), l("div", {
-                key: k.googleLocationName,
-                class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
-              }, [
-                w(e(f).FmIcon, {
-                  name: "location_on",
-                  class: "text-fm-color-neutral-gray-300 shrink-0"
-                }),
-                s("div", ee, [
-                  s("span", ne, y(k.displayName), 1),
-                  s("span", oe, y(V(k.locationId)), 1)
-                ])
-              ]))), 128))
-            ];
-          }),
-          _: 1
-        }, 8, ["icon", "connected", "syncing", "token-expired"]),
-        m("", !0)
-      ], 64)) : (r(), l(b, { key: 1 }, C(["google", "facebook"], (d) => s("div", {
-        key: d,
-        class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16"
-      }, [...t[0] || (t[0] = [
-        z('<div class="animate-pulse flex items-center gap-12"><div class="w-10 h-10 rounded-full bg-fm-color-neutral-gray-100 shrink-0"></div><div class="flex-1 min-w-0 space-y-8"><div class="h-16 w-20 rounded bg-fm-color-neutral-gray-100"></div><div class="h-12 w-full max-w-[160px] rounded bg-fm-color-neutral-gray-100"></div></div><div class="h-32 w-24 rounded bg-fm-color-neutral-gray-100 shrink-0"></div></div>', 1)
-      ])])), 64))
-    ]));
-  }
-});
-export {
-  me as default
-};