@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/Settings-DI_tryQV.js

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