@feedmepos/mf-connect 0.1.98-beta.2 → 0.1.98-beta.20

package/dist/Settings-DvkIgTJH.js

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

package/dist/{Store-Cw2J_ecA.js → Store-DHJegkno.js}

@@ -1,31 +1,31 @@
 import { defineComponent as te, computed as L, resolveComponent as S, openBlock as x, createBlock as O, withCtx as B, createElementVNode as F, toDisplayString as K, createVNode as r, createCommentVNode as E, createElementBlock as D, unref as e, Fragment as Y, renderList as ce, ref as N, isRef as re, reactive as ze, onMounted as he, watch as Pe, toRaw as Je, createTextVNode as me, h as Ge } from "vue";
 import { _ as Xe } from "./tier-BJDhpH6X.js";
 import { useDialog as je, useDialogChild as Le, components as Ze } from "@feedmepos/ui-library";
-import { c as A, e as _e, S as Qe } from "./index-0BNEvaYc.js";
-import { u as Ke } from "./loading-CxY9qhzD.js";
-import { u as ke, C as ye } from "./membership-BoQMuerb.js";
-import { n as et, o as tt, p as nt, q as Ae, r as ot } from "./index-CWypTyOP.js";
+import { c as A, e as _e, S as Qe } from "./index-wcCeq8lS.js";
+import { u as Ke } from "./loading-C3MJ_Hrx.js";
+import { u as ke, C as ye } from "./membership-CV-c9Hxt.js";
+import { n as et, o as tt, p as nt, q as Ae, r as ot } from "./index-BImZ1JkF.js";
 import { a as at, c as Fe } from "./object-BYyQ0PZp.js";
-import { _ as ae } from "./lodash-CELsN1M_.js";
-import { c as ue } from "./index-Bqxe3Gbq.js";
-import { u as xe } from "./vue-i18n-B-92uhPn.js";
-import { Z as Q, g as G, a as X } from "./zod-Dcdy9Dm3.js";
-import { z as ee, R as lt } from "./app-DlECkPwT.js";
+import { _ as ae } from "./lodash-BkJkbzLa.js";
+import { c as ue } from "./index-C-8UghCr.js";
+import { u as xe } from "./vue-i18n-B0NUoljm.js";
+import { Z as Q, g as G, a as X } from "./zod-4eem1nrF.js";
+import { z as ee, R as lt } from "./app-DZjJ7H2H.js";
 import { u as Se } from "./app-wDQR6dpb.js";
-import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BrR2WA1K.js";
-import { c as st, p as pe, n as rt, f as Ve } from "./plugins-YK45gSb1.js";
+import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BrVTxHu5.js";
+import { c as st, p as pe, n as rt, f as Ve } from "./plugins-DxqEPOKt.js";
 import { J as Te } from "./JsonViewer-v8_C7l5N.js";
-import { _ as it } from "./index-rwlkBKrS.js";
-import { _ as dt } from "./ImageInput.vue_vue_type_script_setup_true_lang-DMAaHxzm.js";
+import { _ as it } from "./index-ay_99uj3.js";
+import { _ as dt } from "./ImageInput.vue_vue_type_script_setup_true_lang-CxQ29Xqs.js";
 import { _ as ut } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { z as ct, a as mt } from "./money-CH913hGN.js";
-import { F as pt } from "./number-CO-WbLdr.js";
-import { a as ft, t as yt } from "./helper-8zEdQ9jm.js";
-import "./index-DDp0nMys.js";
-import "./index-BP5qSDQw.js";
-import "./index-ZKJoXi1-.js";
-import { m as bt } from "./index-VS1hWlhk.js";
-import { m as ge } from "./index-BAlFstx4.js";
+import { z as ct, a as mt } from "./money-BFAS1sYX.js";
+import { F as pt } from "./number-B7oyQcAJ.js";
+import { a as ft, t as yt } from "./helper-BLyH1d8c.js";
+import "./index-Bz3k7fbL.js";
+import "./index-DeeGPsFz.js";
+import "./index-5B969a5H.js";
+import { m as bt } from "./index-CD6BXbty.js";
+import { m as ge } from "./index-BbERPNOI.js";
 import { useRouter as gt } from "vue-router";
 function He(C) {
   return ue.DineroFactory(C).toUnit();

package/dist/{StoreRewards-BK5rDAaK.js → StoreRewards-BSWnYqrb.js}

@@ -1,25 +1,25 @@
 import { defineComponent as Z, ref as A, computed as q, onMounted as z, resolveComponent as F, openBlock as y, createBlock as E, unref as e, isRef as ee, withCtx as V, createElementVNode as s, createVNode as c, createElementBlock as D, createTextVNode as te, resolveDynamicComponent as N, toDisplayString as H, Fragment as W, createCommentVNode as P, h as C } from "vue";
 import { _ as oe } from "./campaign-CpzFl8Vr.js";
 import { useDialog as J, components as $ } from "@feedmepos/ui-library";
-import "./index-DDp0nMys.js";
-import { u as ae } from "./loading-CxY9qhzD.js";
-import { C as Q, u as ne } from "./membership-BoQMuerb.js";
-import { p as B, f as K } from "./plugins-YK45gSb1.js";
+import "./index-Bz3k7fbL.js";
+import { u as ae } from "./loading-C3MJ_Hrx.js";
+import { C as Q, u as ne } from "./membership-CV-c9Hxt.js";
+import { p as B, f as K } from "./plugins-DxqEPOKt.js";
 import { useCoreStore as X } from "@feedmepos/mf-common";
-import { u as se } from "./vue-i18n-B-92uhPn.js";
-import { F as ie } from "./index-rwlkBKrS.js";
+import { u as se } from "./vue-i18n-B0NUoljm.js";
+import { F as ie } from "./index-ay_99uj3.js";
 import { c as re } from "./object-BYyQ0PZp.js";
 import { u as Y } from "./app-wDQR6dpb.js";
-import { u as le } from "./business-BSe9C-xG.js";
-import { Z as h } from "./zod-Dcdy9Dm3.js";
-import { _ as de } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BrR2WA1K.js";
-import { _ as ce } from "./ImageInput.vue_vue_type_script_setup_true_lang-DMAaHxzm.js";
-import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D_OdWctk.js";
-import { _ as pe, a as ue } from "./EffectSheet.vue_vue_type_style_index_0_lang-BCAotF0P.js";
-import { i as fe, F as ye, h as j, t as we } from "./helper-8zEdQ9jm.js";
+import { u as le } from "./business-BjbNkS6W.js";
+import { Z as h } from "./zod-4eem1nrF.js";
+import { _ as de } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BrVTxHu5.js";
+import { _ as ce } from "./ImageInput.vue_vue_type_script_setup_true_lang-CxQ29Xqs.js";
+import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-Cphp4Ih4.js";
+import { _ as pe, a as ue } from "./EffectSheet.vue_vue_type_style_index_0_lang-Cg2A1Ewh.js";
+import { i as fe, F as ye, h as j, t as we } from "./helper-BLyH1d8c.js";
 import { useRouter as ge } from "vue-router";
-import { m as G } from "./index-BAlFstx4.js";
-import { R as L } from "./app-DlECkPwT.js";
+import { m as G } from "./index-BbERPNOI.js";
+import { R as L } from "./app-DZjJ7H2H.js";
 function ve(w) {
   return !!(w != null && w.isAdmin) || !!(w != null && w.isStaff);
 }