@feedmepos/mf-connect 0.1.98-beta.7 → 0.1.98-beta.71

package/dist/{SendCollectionSheet.vue_vue_type_script_setup_true_lang-CAQPFzRH.js → SendCollectionSheet.vue_vue_type_script_setup_true_lang-ahvrEUGa.js}

@@ -1,34 +1,35 @@
-import { defineComponent as L, ref as p, computed as C, onMounted as P, resolveComponent as i, openBlock as $, createBlock as D, unref as e, isRef as H, withCtx as S, createElementVNode as v, createVNode as c, toDisplayString as w } from "vue";
-import { u as O } from "./loading-DTKDhqew.js";
-import { p as Z } from "./plugins-D25PaNJk.js";
+import { defineComponent as L, ref as p, computed as C, onMounted as P, resolveComponent as i, openBlock as $, createBlock as D, unref as e, isRef as H, withCtx as S, createElementVNode as b, createVNode as c, toDisplayString as w } from "vue";
+import { u as O } from "./loading-Dx4SCvZY.js";
+import { p as Z } from "./plugins-BFKVM3uC.js";
 import { u as q } from "./app-wDQR6dpb.js";
-import { m as z } from "./index-jVfDVEtz.js";
-import "./index-BrboOmPq.js";
-import { b as G } from "./index-DgzNGQgE.js";
-import "./index-CB7ytKOE.js";
-import "./index-Cl8t41Sk.js";
-import "./index-vI-ndGu_.js";
-import { Z as d } from "./zod-C1j2GLZP.js";
-import { z as Y } from "./app-i3r-6ZVm.js";
-import { u as j } from "./vue-i18n-CgMK-TaC.js";
-import { c as J } from "./campaign-CbMlARNI.js";
-const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-400" }, W = { class: "flex items-center gap-8" }, fe = /* @__PURE__ */ L({
+import { m as z } from "./index-DXiJa8Cw.js";
+import "./index-DJdTDF9C.js";
+import { c as G } from "./index-B9ZMIUMa.js";
+import "./index-BBsK7TUw.js";
+import "./index-BxU--5J5.js";
+import "./index-Bd4clHfr.js";
+import "./index-DhtKt4OL.js";
+import { Z as d } from "./zod-CVpVUgBZ.js";
+import { z as Y } from "./app-BxTElIm-.js";
+import { u as j } from "./vue-i18n-wJReAVJw.js";
+import { c as J } from "./index-Bz6oSli7.js";
+const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-400" }, W = { class: "flex items-center gap-8" }, he = /* @__PURE__ */ L({
   __name: "SendCollectionSheet",
   emits: ["success"],
   setup(X, { expose: V, emit: I }) {
-    const { t: l } = j(), { minor: k } = O, A = I, n = p({
+    const { t: m } = j(), { minor: k } = O, A = I, n = p({
       memberId: [],
       amount: 1,
       ref: ""
-    }), h = p(null), f = p(), b = p([]), r = p(!1), _ = p(), T = G.extend({
+    }), h = p(null), f = p(), v = p([]), r = p(!1), _ = p(), T = G.extend({
       ref: Y.string().max(50, "Reference must be at most 50 characters").optional()
     }), F = C(() => {
       var a;
       switch ((a = h.value) == null ? void 0 : a.type) {
         case "MISSION":
-          return l("connect.sendCollectionSheet.stamp");
+          return m("connect.sendCollectionSheet.stamp");
         case "GAME":
-          return l("connect.sendCollectionSheet.game_token");
+          return m("connect.sendCollectionSheet.game_token");
         default:
           return "Unknown";
       }
@@ -54,28 +55,28 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
         search: a,
         descending: !1
       });
-      b.value = t.resources.map((s) => ({
+      v.value = t.resources.map((s) => ({
         label: `${s.name} (${s.phoneNumber})`,
         value: s._id
       }));
-      const m = 100;
-      await new Promise((s) => setTimeout(s, m));
+      const l = 100;
+      await new Promise((s) => setTimeout(s, l));
     }
     async function U() {
       var t;
       await Z.confirm(
-        l("connect.sendCollectionSheet.confirmation_message", {
+        m("connect.sendCollectionSheet.confirmation_message", {
           amount: n.value.amount,
           type: F.value,
-          memberName: f.value ? (t = b.value.find((m) => m.value === f.value)) == null ? void 0 : t.label : "Unknown Member"
+          memberName: f.value ? (t = v.value.find((l) => l.value === f.value)) == null ? void 0 : t.label : "Unknown Member"
         }),
-        l("connect.common.confirm"),
-        l("connect.common.confirm"),
-        l("connect.common.cancel")
+        m("connect.common.confirm"),
+        m("connect.common.confirm"),
+        m("connect.common.cancel")
       ) && await k(
         async () => {
-          var m;
-          await J.sendStamp((m = h.value) == null ? void 0 : m._id.toString(), {
+          var l;
+          await J.sendStamp((l = h.value) == null ? void 0 : l._id.toString(), {
             memberId: n.value.memberId,
             amount: n.value.amount,
             ref: n.value.ref
@@ -93,11 +94,11 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
     }), P(async () => {
       await y("");
     }), (a, t) => {
-      const m = i("FmCard"), s = i("FmSelect"), B = i("FmStepperField"), N = i("FmTextField"), E = i("FmForm"), x = i("FmButton"), R = i("FmSideSheet");
+      const l = i("FmCard"), s = i("FmSelect"), B = i("FmStepperField"), N = i("FmTextField"), E = i("FmForm"), x = i("FmButton"), R = i("FmSideSheet");
       return $(), D(R, {
         "max-width": 560,
         "dismiss-away": !0,
-        header: e(l)("connect.sendCollectionSheet.title", {
+        header: e(m)("connect.sendCollectionSheet.title", {
           type: e(F)
         }),
         modelValue: e(r),
@@ -107,7 +108,7 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
         ]
       }, {
         "side-sheet-footer": S(() => [
-          v("div", W, [
+          b("div", W, [
             c(x, {
               label: "Send",
               loading: e(q)().isLoading,
@@ -133,15 +134,15 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
             blameFormChildOnValidationFailed: ""
           }, {
             default: S(() => [
-              c(m, {
+              c(l, {
                 variant: "outlined",
                 class: "p-16"
               }, {
                 default: S(() => {
                   var o;
                   return [
-                    v("div", K, w(e(l)("connect.campaign.common.campaign")), 1),
-                    v("div", Q, w((o = e(h)) == null ? void 0 : o.name), 1)
+                    b("div", K, w(e(m)("connect.campaign.common.campaign")), 1),
+                    b("div", Q, w((o = e(h)) == null ? void 0 : o.name), 1)
                   ];
                 }),
                 _: 1
@@ -153,7 +154,7 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
                 }),
                 label: "Select member",
                 searchable: "",
-                items: e(b),
+                items: e(v),
                 onSearch: y,
                 rules: [(o) => !!o || "Member is required"],
                 "helper-text": "Type to search member",
@@ -184,5 +185,5 @@ const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-
   }
 });
 export {
-  fe as _
+  he as _
 };

package/dist/{SendVoucherSheet.vue_vue_type_script_setup_true_lang-Gkz8jhES.js → SendVoucherSheet.vue_vue_type_script_setup_true_lang-C7zSfZdl.js}

@@ -1,11 +1,11 @@
 import { defineComponent as O, ref as p, computed as g, watch as T, onMounted as q, resolveComponent as x, openBlock as I, createBlock as G, unref as t, isRef as k, withCtx as z, createElementVNode as n, createVNode as s, toDisplayString as f, createElementBlock as H, createCommentVNode as K } from "vue";
 import { J as Q } from "./JsonViewer-v8_C7l5N.js";
 import { _ as F } from "./FmTableSelection.vue_vue_type_script_setup_true_lang-DzcUc0_w.js";
-import { u as W } from "./loading-DTKDhqew.js";
+import { u as W } from "./loading-Dx4SCvZY.js";
 import { u as X } from "./app-wDQR6dpb.js";
-import { l as Y } from "./lodash-CCPBsqhe.js";
-import { m as Z } from "./index-jVfDVEtz.js";
-import { c as ee } from "./campaign-CbMlARNI.js";
+import { l as Y } from "./lodash-Dq8OKCKK.js";
+import { m as Z } from "./index-DXiJa8Cw.js";
+import { c as ee } from "./index-Bz6oSli7.js";
 const ae = { class: "space-y-16" }, te = { class: "fm-typo-en-body-md-600" }, oe = { class: "flex items-center justify-end" }, le = {
   key: 0,
   class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"

package/dist/{Setting-BK7y0XC-.js → Setting-DzEK3dWj.js}

@@ -1,23 +1,23 @@
 import { defineComponent as Le, ref as $, computed as j, onMounted as Ze, resolveComponent as N, openBlock as U, createBlock as te, withCtx as H, createElementVNode as p, createVNode as P, unref as c, isRef as Me, watch as At, createElementBlock as x, toDisplayString as B, Fragment as Z, renderList as Se, createTextVNode as X, createCommentVNode as we } from "vue";
 import { h as Bt } from "./moment-D7p2TMB-.js";
-import { Z as qe } from "./zod-C1j2GLZP.js";
+import { Z as qe } from "./zod-CVpVUgBZ.js";
 import { useDialog as et } from "@feedmepos/ui-library";
-import { u as Pt } from "./loading-DTKDhqew.js";
+import { u as Pt } from "./loading-Dx4SCvZY.js";
 import { u as Mt } from "./app-wDQR6dpb.js";
-import { u as Ie, l as tt } from "./business-i0Gxk7gG.js";
-import { u as nt } from "./membership-rifuatxU.js";
-import { P as be } from "./index-Cl8t41Sk.js";
-import { M as St, l as It } from "./index-DgzNGQgE.js";
-import { _ as Tt } from "./ImageInput.vue_vue_type_script_setup_true_lang-CPPcB3PC.js";
-import { c as ot, p as Nt, f as re } from "./plugins-D25PaNJk.js";
-import { p as Ut, r as Ft, _ as Lt } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DrcWUZuR.js";
-import { u as st } from "./vue-i18n-CgMK-TaC.js";
-import { M as Rt, _ as kt } from "./MessageInput.vue_vue_type_script_setup_true_lang-jbDJkbZh.js";
+import { u as Ie, l as tt } from "./business-DjAiT8tR.js";
+import { u as nt } from "./membership-CltAa-gH.js";
+import { P as be } from "./index-BxU--5J5.js";
+import { m as St, b as It } from "./index-Bd4clHfr.js";
+import { _ as Tt } from "./ImageInput.vue_vue_type_script_setup_true_lang-BySju1oT.js";
+import { c as ot, p as Nt, f as re } from "./plugins-BFKVM3uC.js";
+import { p as Ut, r as Ft, _ as Lt } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-iylphGuV.js";
+import { u as st } from "./vue-i18n-wJReAVJw.js";
+import { M as Rt, a as kt } from "./MessageInput.vue_vue_type_script_setup_true_lang-DbV-m3cC.js";
 import { useCoreStore as Dt } from "@feedmepos/mf-common";
 import { useRouter as Vt } from "vue-router";
-import { R as xt } from "./app-i3r-6ZVm.js";
-import { m as ve } from "./index-CxdLExX0.js";
-import { S as Ge } from "./index-CWiaP-aV.js";
+import { R as xt } from "./app-BxTElIm-.js";
+import { m as ve } from "./index-DeQKLilv.js";
+import { S as Ge } from "./index-BQk6zTgf.js";
 import { o as $t } from "./objectId-dwaoBfJX.js";
 import { a as zt } from "./object-BYyQ0PZp.js";
 var oe = {}, Ht = function() {

package/dist/{SettingAdvertisements-DfQ645xr.js → SettingAdvertisements-BNALbI88.js}

@@ -1,18 +1,18 @@
 import { defineComponent as J, ref as y, computed as z, onMounted as K, resolveComponent as A, openBlock as u, createElementBlock as b, createElementVNode as s, createVNode as d, createTextVNode as W, toDisplayString as v, unref as e, withCtx as k, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
-import { u as te } from "./loading-DTKDhqew.js";
+import { u as te } from "./loading-Dx4SCvZY.js";
 import { u as ne } from "./app-wDQR6dpb.js";
-import { u as se } from "./business-i0Gxk7gG.js";
-import { u as oe } from "./membership-rifuatxU.js";
-import "./index-Cl8t41Sk.js";
-import { l as ae } from "./index-DgzNGQgE.js";
-import "./index-D6qeYVNz.js";
-import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-CPPcB3PC.js";
-import { f as D, p as ie } from "./plugins-D25PaNJk.js";
-import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DrcWUZuR.js";
-import { u as ce } from "./vue-i18n-CgMK-TaC.js";
+import { u as se } from "./business-DjAiT8tR.js";
+import { u as oe } from "./membership-CltAa-gH.js";
+import "./index-BxU--5J5.js";
+import { b as ae } from "./index-Bd4clHfr.js";
+import "./index-D8rGhchh.js";
+import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-BySju1oT.js";
+import { f as D, p as ie } from "./plugins-BFKVM3uC.js";
+import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-iylphGuV.js";
+import { u as ce } from "./vue-i18n-wJReAVJw.js";
 import { useRouter as de } from "vue-router";
-import { m as me } from "./index-CxdLExX0.js";
-import { R as ue } from "./app-i3r-6ZVm.js";
+import { m as me } from "./index-DeQKLilv.js";
+import { R as ue } from "./app-BxTElIm-.js";
 import { a as ve } from "./object-BYyQ0PZp.js";
 const pe = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, fe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, ge = { class: "px-24 py-16 flex items-center justify-between" }, _e = { class: "flex items-center gap-16" }, he = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, be = {
   key: 0,

package/dist/Settings-Cw85-xzq.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-Dx4SCvZY.js";
+import { u as z } from "./business-DjAiT8tR.js";
+import { components as k, useSnackbar as W } from "@feedmepos/ui-library";
+import { u as H } from "./vue-i18n-wJReAVJw.js";
+import { h as I } from "./moment-D7p2TMB-.js";
+import { g as j } from "./google-C3S8u0mT.js";
+import { R as P } from "./app-BxTElIm-.js";
+import { useRouter as q } from "vue-router";
+import { r as T } from "./index-Bht1Z11w.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
+};