@feedmepos/mf-connect 0.1.98-beta.4 → 0.1.98-beta.40

package/dist/Review-CMBAk-Qu.js

@@ -1,1067 +0,0 @@
-import { defineComponent as S, ref as B, computed as p, resolveComponent as N, openBlock as n, createBlock as I, unref as e, withCtx as U, createVNode as v, normalizeClass as Q, createElementVNode as o, toDisplayString as m, createElementBlock as c, Fragment as F, renderList as R, useModel as Y, onMounted as H, isRef as G, createCommentVNode as M, renderSlot as _, Teleport as oe, withModifiers as le, createTextVNode as q, onUnmounted as ne, normalizeStyle as j, watch as K, useSlots as ae, createStaticVNode as se, KeepAlive as re } from "vue";
-import { u as z } from "./vue-i18n-DNBGmwox.js";
-import { _ as ie } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
-import { _ as Z } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { u as T } from "./business-CYpW6-Ls.js";
-import { components as C, useSnackbar as ce } from "@feedmepos/ui-library";
-import { h as W } from "./moment-D7p2TMB-.js";
-import { r as P } from "./index-P8Qh2yIP.js";
-import { u as ue } from "./loading-Dfr_97Ri.js";
-const de = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, me = /* @__PURE__ */ S({
-  __name: "SortChip",
-  props: {
-    modelValue: {
-      type: String,
-      required: !0
-    },
-    items: {
-      type: Array,
-      required: !0
-    },
-    label: {
-      type: String,
-      default: "Sort by: "
-    },
-    placement: {
-      type: String,
-      default: "bottom-end"
-    },
-    class: {
-      type: String,
-      default: "text-fm-color-neutral-gray-400 cursor-pointer"
-    }
-  },
-  emits: ["update:model-value"],
-  setup(l, { emit: a }) {
-    const s = l, t = a, r = B(!1), u = p(
-      () => {
-        var i;
-        return ((i = s.items.find((y) => y.value === s.modelValue)) == null ? void 0 : i.label) ?? "";
-      }
-    );
-    function d(i) {
-      t("update:model-value", i), r.value = !1;
-    }
-    return (i, y) => {
-      const f = N("FmIcon"), h = N("FmChip"), g = N("FmMenuItem"), x = N("FmMenu");
-      return n(), I(x, {
-        placement: l.placement,
-        "model-value": e(r),
-        "close-on-click": !0,
-        onMenuChanged: y[0] || (y[0] = (b) => r.value = b)
-      }, {
-        "menu-button": U(() => [
-          v(h, {
-            label: `${l.label}${e(u)}`,
-            class: Q(s.class)
-          }, {
-            default: U(() => [
-              o("div", de, m(l.label) + m(e(u)), 1),
-              v(f, {
-                name: e(r) ? "keyboard_arrow_up" : "keyboard_arrow_down",
-                class: Q(s.class),
-                outline: "",
-                size: "sm"
-              }, null, 8, ["name", "class"])
-            ]),
-            _: 1
-          }, 8, ["label", "class"])
-        ]),
-        default: U(() => [
-          (n(!0), c(F, null, R(l.items, (b) => (n(), I(g, {
-            key: b.value,
-            value: b.value,
-            label: b.label,
-            onClick: (k) => d(b.value)
-          }, null, 8, ["value", "label", "onClick"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["placement", "model-value"]);
-    };
-  }
-}), ve = { class: "flex justify-between gap-8" }, ge = { class: "flex flex-wrap gap-8" }, fe = /* @__PURE__ */ S({
-  __name: "ReviewListingController",
-  props: {
-    source: {
-      required: !0
-    },
-    sourceModifiers: {},
-    dateFrom: { required: !0 },
-    dateFromModifiers: {},
-    dateTo: { required: !0 },
-    dateToModifiers: {},
-    locationId: { required: !0 },
-    locationIdModifiers: {},
-    sort: { required: !0 },
-    sortModifiers: {}
-  },
-  emits: ["update:source", "update:dateFrom", "update:dateTo", "update:locationId", "update:sort"],
-  setup(l) {
-    const { t: a } = z(), s = Y(l, "source"), t = Y(l, "dateFrom"), r = Y(l, "dateTo"), u = Y(l, "locationId"), d = Y(l, "sort"), i = T(), y = p(() => [
-      { label: "Google", value: "google" },
-      { label: "Facebook", value: "facebook" },
-      { label: "FeedMe", value: "feedme" },
-      { label: "Feedvibe", value: "feedvibe" }
-    ]), f = p(() => [
-      ...i.locationOptions.map((D) => ({
-        label: D.label,
-        value: D.value
-      }))
-    ]), h = p(() => [
-      {
-        label: a("connect.review.filter.sort.createTime_desc"),
-        value: "createTime_desc"
-      },
-      {
-        label: a("connect.review.filter.sort.createTime_asc"),
-        value: "createTime_asc"
-      },
-      { label: a("connect.review.filter.sort.rating_asc"), value: "rating_asc" },
-      { label: a("connect.review.filter.sort.rating_desc"), value: "rating_desc" }
-    ]), g = p({
-      get: () => s.value ?? [],
-      set: (D) => {
-        s.value = D.length ? D : null;
-      }
-    }), x = p({
-      get: () => u.value ? [u.value] : [],
-      set: (D) => {
-        u.value = D.length === 1 && D[0] ? D[0] : "";
-      }
-    }), b = p({
-      get: () => ({
-        startDate: t.value ?? void 0,
-        endDate: r.value ?? void 0
-      }),
-      set: (D) => {
-        t.value = D.startDate ?? null, r.value = D.endDate ?? null;
-      }
-    }), k = p(() => i.locations.length > 0);
-    return H(() => i.readLocations()), (D, V) => (n(), c("div", ve, [
-      o("div", ge, [
-        v(Z, {
-          modelValue: e(g),
-          "onUpdate:modelValue": V[0] || (V[0] = (w) => G(g) ? g.value = w : null),
-          label: `${e(a)("connect.review.filter.source")}: `,
-          "show-item-label": !0,
-          items: e(y),
-          searchable: !1,
-          placement: "bottom-start"
-        }, null, 8, ["modelValue", "label", "items"]),
-        e(k) ? (n(), I(Z, {
-          key: 0,
-          modelValue: e(x),
-          "onUpdate:modelValue": V[1] || (V[1] = (w) => G(x) ? x.value = w : null),
-          label: `${e(a)("connect.review.filter.location")}: `,
-          "show-item-label": !0,
-          items: e(f),
-          placement: "bottom-start"
-        }, null, 8, ["modelValue", "label", "items"])) : M("", !0),
-        v(ie, {
-          modelValue: e(b),
-          "onUpdate:modelValue": V[2] || (V[2] = (w) => G(b) ? b.value = w : null)
-        }, null, 8, ["modelValue"])
-      ]),
-      v(me, {
-        modelValue: d.value,
-        "onUpdate:modelValue": V[3] || (V[3] = (w) => d.value = w),
-        label: `${e(a)("connect.review.filter.sort.label")}: `,
-        items: e(h),
-        placement: "bottom-start"
-      }, null, 8, ["modelValue", "label", "items"])
-    ]));
-  }
-}), $ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%231877F2'%3e%3cpath%20d='M24%2012.073c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.99%204.388%2010.954%2010.125%2011.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007%201.792-4.669%204.533-4.669%201.312%200%202.686.235%202.686.235v2.953H15.83c-1.491%200-1.956.925-1.956%201.874v2.25h3.328l-.532%203.47h-2.796v8.385C19.612%2023.027%2024%2018.062%2024%2012.073z'/%3e%3c/svg%3e", we = { class: "flex h-full flex-col" }, pe = { class: "shrink-0 border-b border-fm-color-neutral-gray-200 pb-[12px] pt-18" }, ye = { class: "flex items-center gap-[10px]" }, be = { class: "min-w-0 flex-1" }, he = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, xe = { class: "flex items-center gap-4" }, ke = { class: "ml-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Ce = ["title"], Ae = { class: "min-h-0 flex-1 overflow-y-auto py-[20px]" }, Ie = { class: "flex flex-col gap-16" }, Fe = { class: "m-0 fm-typo-en-body-md-400 leading-22" }, De = { key: 0 }, Be = { class: "mb-8 fm-typo-en-body-sm-600 uppercase tracking-wide text-fm-color-neutral-gray-400" }, Se = { class: "flex flex-wrap gap-8" }, Me = ["src", "alt"], Ee = { class: "flex flex-col gap-[10px] rounded-xl bg-fm-color-neutral-gray-100 py-[14px] px-[24px]" }, Ue = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, Re = { class: "text-fm-color-neutral-gray-400" }, Ve = { class: "font-semibold text-fm-color-neutral-gray-400" }, Qe = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, Oe = { class: "text-fm-color-neutral-gray-400" }, Ge = { class: "text-right font-semibold text-fm-color-neutral-gray-400" }, ze = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, Pe = { class: "text-fm-color-neutral-gray-400" }, Ne = { class: "font-semibold text-fm-color-neutral-gray-400" }, Ye = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, _e = { class: "text-fm-color-neutral-gray-400" }, He = { class: "font-mono text-xs text-fm-color-neutral-gray-400" }, Le = /* @__PURE__ */ S({
-  __name: "ReviewDetailSheet",
-  props: {
-    modelValue: { type: Boolean },
-    review: {},
-    referenceId: {},
-    location: {},
-    platformName: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l, { emit: a }) {
-    const { t: s } = z(), t = l, r = a, u = p({
-      get: () => t.modelValue,
-      set: (g) => r("update:modelValue", g)
-    }), d = p(() => {
-      var g;
-      return t.review.source === "feedme" ? t.review.reviewer.name : (g = t.review.reviewer) == null ? void 0 : g.name;
-    }), i = p(() => {
-      var g, x;
-      return t.review.source === "google" || t.review.source === "facebook" ? (g = t.review.reviewer) == null ? void 0 : g.pictureUrl : (x = t.review.reviewer) == null ? void 0 : x.photoUrl;
-    }), y = p(() => {
-      if (t.review.source === "google" || t.review.source === "feedme")
-        return t.review.starRating;
-      if (t.review.source === "feedvibe") return t.review.rating.overall;
-    }), f = p(() => t.review.source === "google" || t.review.source === "feedme" || t.review.source === "feedvibe" ? t.review.mediaItems : []), h = p(
-      () => W(t.review.createTime).format("D MMM YYYY, hh:mm A")
-    );
-    return (g, x) => {
-      const b = N("FmSideSheet");
-      return n(), I(b, {
-        modelValue: u.value,
-        "onUpdate:modelValue": x[1] || (x[1] = (k) => u.value = k),
-        "max-width": 560,
-        "close-button": !1,
-        "dismiss-away": !0
-      }, {
-        default: U(() => [
-          o("div", we, [
-            o("div", pe, [
-              o("div", ye, [
-                v(e(C).FmAvatar, {
-                  name: i.value ? void 0 : d.value,
-                  src: i.value || void 0,
-                  size: "md",
-                  class: "h-40 w-40 shrink-0"
-                }, null, 8, ["name", "src"]),
-                o("div", be, [
-                  o("div", he, m(d.value || e(s)("connect.review.detail.anonymous")), 1),
-                  o("div", xe, [
-                    (n(), c(F, null, R(5, (k) => v(e(C).FmIcon, {
-                      key: k,
-                      name: "star",
-                      size: "sm",
-                      class: Q(
-                        k <= Math.round(y.value || 0) ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
-                      )
-                    }, null, 8, ["class"])), 64)),
-                    o("span", ke, m(h.value), 1)
-                  ])
-                ]),
-                o("button", {
-                  type: "button",
-                  title: e(s)("connect.review.detail.close"),
-                  class: "flex h-[30px] w-[30px] items-center justify-center rounded-lg border-0 bg-transparent text-fm-color-neutral-gray-400 hover:bg-fm-color-neutral-gray-100",
-                  onClick: x[0] || (x[0] = (k) => u.value = !1)
-                }, [
-                  v(e(C).FmIcon, {
-                    name: "close",
-                    size: "sm"
-                  })
-                ], 8, Ce)
-              ])
-            ]),
-            o("div", Ae, [
-              o("div", Ie, [
-                o("p", Fe, m(l.review.comment || e(s)("connect.review.detail.noComment")), 1),
-                f.value.length ? (n(), c("div", De, [
-                  o("div", Be, m(e(s)("connect.review.detail.photos", { n: f.value.length })), 1),
-                  o("div", Se, [
-                    (n(!0), c(F, null, R(f.value, (k, D) => (n(), c("div", {
-                      key: k.externalId || D,
-                      class: "flex h-[76px] w-[76px] items-center justify-center overflow-hidden rounded-lg bg-fm-color-neutral-gray-100"
-                    }, [
-                      o("img", {
-                        src: k.thumbnailUrl,
-                        alt: k.thumbnailLabel,
-                        class: "h-full w-full object-cover"
-                      }, null, 8, Me)
-                    ]))), 128))
-                  ])
-                ])) : M("", !0),
-                o("div", Ee, [
-                  o("div", Ue, [
-                    o("span", Re, m(e(s)("connect.review.detail.source")), 1),
-                    o("span", Ve, m(l.platformName), 1)
-                  ]),
-                  o("div", Qe, [
-                    o("span", Oe, m(e(s)("connect.review.detail.outlet")), 1),
-                    o("span", Ge, m(l.location || e(s)("connect.review.detail.emptyValue")), 1)
-                  ]),
-                  o("div", ze, [
-                    o("span", Pe, m(e(s)("connect.review.detail.date")), 1),
-                    o("span", Ne, m(h.value), 1)
-                  ]),
-                  o("div", Ye, [
-                    o("span", _e, m(e(s)("connect.review.detail.referenceId")), 1),
-                    o("span", He, m(l.referenceId), 1)
-                  ])
-                ])
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), qe = { class: "flex items-start gap-12" }, Je = { class: "min-w-0 flex flex-col flex-1 gap-8" }, Te = { class: "flex flex-wrap items-start justify-between gap-8" }, je = { class: "flex min-w-0 flex-wrap items-center gap-x-8 gap-y-4" }, Ke = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, Ze = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Xe = { class: "flex flex-wrap items-center gap-8" }, We = { class: "inline-flex items-center gap-4 rounded-full bg-fm-color-neutral-gray-100 px-12 py-4" }, $e = ["src", "alt"], et = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, tt = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
-}, ot = {
-  key: 0,
-  class: "mt-4"
-}, L = /* @__PURE__ */ S({
-  __name: "ReviewCardTemplate",
-  props: {
-    review: {},
-    logo: {},
-    logoAlt: {},
-    gap: {}
-  },
-  setup(l) {
-    const { t: a } = z(), s = T(), t = l, r = p(() => {
-      var h;
-      return t.review.source === "feedme" ? t.review.reviewer.name : (h = t.review.reviewer) == null ? void 0 : h.name;
-    }), u = p(() => {
-      var h, g;
-      return t.review.source === "google" || t.review.source === "facebook" ? (h = t.review.reviewer) == null ? void 0 : h.pictureUrl : (g = t.review.reviewer) == null ? void 0 : g.photoUrl;
-    }), d = p(() => {
-      var h, g;
-      switch (t.review.source) {
-        case "google":
-          return t.review.locationDisplayName;
-        case "facebook":
-          return t.review.pageName;
-        case "feedme":
-          return (h = t.review.location) == null ? void 0 : h.name;
-        case "feedvibe":
-          return (g = s.locationById(String(t.review.locationId))) == null ? void 0 : g.name;
-      }
-    }), i = p(() => {
-      switch (t.review.source) {
-        case "google":
-          return "Google";
-        case "facebook":
-          return "Facebook";
-        case "feedme":
-          return "FeedMe";
-        case "feedvibe":
-          return "Feedvibe";
-      }
-    }), y = p(
-      () => t.review.source === "feedme" ? t.review.billId : t.review.externalId || ""
-    ), f = B(!1);
-    return (h, g) => (n(), c(F, null, [
-      o("div", {
-        class: "cursor-pointer rounded-xl border border-fm-color-neutral-gray-200 bg-white p-16 transition-colors hover:border-fm-color-neutral-gray-300",
-        onClick: g[0] || (g[0] = (x) => f.value = !0)
-      }, [
-        o("div", qe, [
-          v(e(C).FmAvatar, {
-            name: u.value ? void 0 : r.value,
-            src: u.value || void 0,
-            size: "md",
-            class: "h-40 w-40 shrink-0"
-          }, null, 8, ["name", "src"]),
-          o("div", Je, [
-            o("div", Te, [
-              o("div", je, [
-                o("span", Ke, m(r.value || e(a)("connect.review.overview.anonymous")), 1),
-                _(h.$slots, "rating"),
-                o("span", Ze, m(e(W)(l.review.createTime).format("D MMM YYYY, hh:mm A")), 1)
-              ])
-            ]),
-            o("div", Xe, [
-              o("span", We, [
-                o("img", {
-                  src: l.logo,
-                  alt: l.logoAlt || i.value,
-                  class: "h-16 w-16"
-                }, null, 8, $e),
-                o("span", et, m(i.value), 1)
-              ]),
-              g[2] || (g[2] = o("span", { class: "text-fm-color-neutral-gray-400" }, "·", -1)),
-              d.value ? (n(), c("span", tt, m(d.value), 1)) : M("", !0)
-            ]),
-            _(h.$slots, "details"),
-            o("p", {
-              class: Q(["mt-8 line-clamp-3 fm-typo-en-body-md-400", { "italic text-fm-color-neutral-gray-400": !l.review.comment }])
-            }, m(l.review.comment || e(a)("connect.review.overview.noComment")), 3),
-            h.$slots.media ? (n(), c("div", ot, [
-              _(h.$slots, "media")
-            ])) : M("", !0)
-          ])
-        ])
-      ]),
-      v(Le, {
-        modelValue: e(f),
-        "onUpdate:modelValue": g[1] || (g[1] = (x) => G(f) ? f.value = x : null),
-        review: l.review,
-        "reference-id": y.value,
-        location: d.value,
-        "platform-name": i.value
-      }, null, 8, ["modelValue", "review", "reference-id", "location", "platform-name"])
-    ], 64));
-  }
-}), lt = {
-  key: 0,
-  class: "flex items-center gap-4"
-}, nt = /* @__PURE__ */ S({
-  __name: "FacebookReviewCard",
-  props: {
-    review: {}
-  },
-  setup(l) {
-    const { t: a } = z();
-    return (s, t) => (n(), I(L, {
-      review: l.review,
-      logo: e($)
-    }, {
-      rating: U(() => [
-        l.review.isPositive != null ? (n(), c("div", lt, [
-          v(e(C).FmIcon, {
-            name: l.review.isPositive ? "thumb_up" : "thumb_down",
-            size: "sm",
-            class: Q(
-              l.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
-            )
-          }, null, 8, ["name", "class"]),
-          o("span", {
-            class: Q([
-              "fm-typo-en-body-sm-400",
-              l.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
-            ])
-          }, m(l.review.isPositive ? e(a)("connect.review.overview.positive") : e(a)("connect.review.overview.negative")), 3)
-        ])) : M("", !0)
-      ]),
-      _: 1
-    }, 8, ["review", "logo"]));
-  }
-}), at = "data:image/svg+xml,%3csvg%20width='388'%20height='388'%20viewBox='0%200%20388%20388'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M239.449%200H148.553C66.5106%200%200.00195312%2066.5086%200.00195312%20148.551V239.447C0.00195312%20321.489%2066.5106%20387.998%20148.553%20387.998H239.449C321.491%20387.998%20388%20321.489%20388%20239.447V148.551C388%2066.5086%20321.491%200%20239.449%200Z'%20fill='url(%23paint0_linear_feedme_logo)'%20/%3e%3cmask%20id='mask0_feedme_logo'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='388'%20height='388'%3e%3cpath%20d='M239.447%200H148.551C66.5086%200%200%2066.5086%200%20148.551V239.447C0%20321.489%2066.5086%20387.998%20148.551%20387.998H239.447C321.49%20387.998%20387.998%20321.489%20387.998%20239.447V148.551C387.998%2066.5086%20321.49%200%20239.447%200Z'%20fill='white'%20/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_feedme_logo)'%3e%3cpath%20d='M82.587%20258.589V258.76C83.2747%20264.893%2084.1917%20271.598%2085.3953%20278.648L101.271%20392.296H127.462V253.946C127.462%20241.395%20137.033%20231.194%20148.839%20231.194H150.329C162.135%20231.194%20171.706%20241.395%20171.706%20253.946V392.296H216.352V253.946C216.352%20241.395%20225.923%20231.194%20237.729%20231.194H239.219C251.025%20231.194%20260.596%20241.395%20260.596%20253.946V392.296H286.959L302.835%20277.788C303.981%20271.025%20304.841%20264.549%20305.471%20258.589V258.187C307.649%20238.759%20307.649%20225.061%20307.649%20225.061C307.649%20182.938%20290.054%20148.264%20252.286%20119.78C241.97%20112.043%20233.029%20100.466%20232.17%2075.7079C232.17%2075.7079%20229.705%2012.9519%20253.719%20-33.7568H134.339C158.353%2012.9519%20155.888%2075.7079%20155.888%2075.7079C155.029%20100.409%20146.088%20111.986%20135.772%20119.78C97.9465%20148.321%2080.4092%20182.938%2080.4092%20225.061C80.4092%20225.061%2080.4092%20238.873%2082.587%20258.474V258.589Z'%20fill='white'%20/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_feedme_logo'%20x1='43.5013'%20y1='344.556'%20x2='344.501'%20y2='43.5567'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF5D53'%20/%3e%3cstop%20offset='1'%20stop-color='%23FCA23E'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", st = {
-  key: 0,
-  class: "flex flex-wrap gap-8"
-}, rt = ["onClick"], it = ["src", "alt"], ct = {
-  key: 0,
-  class: "absolute inset-0 flex items-center justify-center bg-black/30"
-}, ut = ["src"], dt = ["src", "alt"], ee = /* @__PURE__ */ S({
-  __name: "FeedmeReviewCardMedia",
-  props: {
-    mediaItems: {}
-  },
-  setup(l) {
-    const a = B(null);
-    return (s, t) => l.mediaItems && l.mediaItems.length > 0 ? (n(), c("div", st, [
-      (n(!0), c(F, null, R(l.mediaItems, (r, u) => (n(), c("div", {
-        key: u,
-        class: "relative w-72 h-72 rounded-lg overflow-hidden border border-fm-color-neutral-gray-200 shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
-        onClick: (d) => a.value = r
-      }, [
-        o("img", {
-          src: r.thumbnailUrl,
-          alt: r.thumbnailLabel,
-          class: "w-full h-full object-cover"
-        }, null, 8, it),
-        r.videoUrl ? (n(), c("div", ct, [
-          v(e(C).FmIcon, {
-            name: "play_arrow",
-            class: "text-white"
-          })
-        ])) : M("", !0)
-      ], 8, rt))), 128)),
-      (n(), I(oe, { to: "body" }, [
-        a.value ? (n(), c("div", {
-          key: 0,
-          class: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm",
-          onClick: t[2] || (t[2] = (r) => a.value = null)
-        }, [
-          o("button", {
-            class: "absolute top-16 right-16 z-50 p-8 text-white hover:text-fm-color-neutral-gray-300 transition-colors",
-            onClick: t[0] || (t[0] = (r) => a.value = null)
-          }, [
-            v(e(C).FmIcon, {
-              name: "close",
-              size: "lg"
-            })
-          ]),
-          o("div", {
-            class: "relative max-w-[90vw] max-h-[90vh] flex items-center justify-center",
-            onClick: t[1] || (t[1] = le(() => {
-            }, ["stop"]))
-          }, [
-            a.value.videoUrl ? (n(), c("video", {
-              key: 0,
-              src: a.value.videoUrl,
-              controls: "",
-              autoplay: "",
-              class: "max-w-full max-h-[90vh] rounded-lg shadow-lg"
-            }, null, 8, ut)) : (n(), c("img", {
-              key: 1,
-              src: a.value.thumbnailUrl,
-              alt: a.value.thumbnailLabel,
-              class: "max-w-full max-h-[90vh] rounded-lg shadow-lg object-contain"
-            }, null, 8, dt))
-          ])
-        ])) : M("", !0)
-      ]))
-    ])) : M("", !0);
-  }
-}), mt = { class: "flex items-center gap-4" }, vt = /* @__PURE__ */ S({
-  __name: "FeedmeReviewCard",
-  props: {
-    review: {}
-  },
-  setup(l) {
-    return (a, s) => (n(), I(L, {
-      review: l.review,
-      logo: e(at),
-      "logo-alt": "FeedMe"
-    }, {
-      rating: U(() => [
-        o("div", mt, [
-          (n(), c(F, null, R(5, (t) => v(e(C).FmIcon, {
-            key: t,
-            name: "star",
-            size: "sm",
-            class: Q(
-              t <= l.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
-            )
-          }, null, 8, ["class"])), 64))
-        ])
-      ]),
-      media: U(() => [
-        v(ee, {
-          "media-items": l.review.mediaItems
-        }, null, 8, ["media-items"])
-      ]),
-      _: 1
-    }, 8, ["review", "logo"]));
-  }
-}), gt = "data:image/png;base64,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", ft = { class: "flex items-center gap-4" }, wt = { class: "flex flex-wrap items-center gap-x-8 gap-y-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, pt = { class: "font-semibold text-fm-color-neutral-gray-400" }, yt = { class: "font-semibold text-fm-color-neutral-gray-400" }, bt = { class: "font-semibold text-fm-color-neutral-gray-400" }, ht = /* @__PURE__ */ S({
-  __name: "FeedvibeReviewCard",
-  props: {
-    review: {}
-  },
-  setup(l) {
-    const { t: a } = z();
-    return (s, t) => (n(), I(L, {
-      review: l.review,
-      logo: e(gt),
-      "logo-alt": "Feedvibe",
-      gap: "12"
-    }, {
-      rating: U(() => [
-        o("div", ft, [
-          (n(), c(F, null, R(5, (r) => v(e(C).FmIcon, {
-            key: r,
-            name: "star",
-            size: "sm",
-            class: Q(
-              r <= Math.round(l.review.rating.overall) ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
-            )
-          }, null, 8, ["class"])), 64))
-        ])
-      ]),
-      details: U(() => [
-        o("div", wt, [
-          o("span", null, [
-            q(m(e(a)("connect.review.overview.food")) + ": ", 1),
-            o("strong", pt, m(l.review.rating.food) + "/5 ", 1)
-          ]),
-          t[0] || (t[0] = o("span", { "aria-hidden": "true" }, "|", -1)),
-          o("span", null, [
-            q(m(e(a)("connect.review.overview.service")) + ": ", 1),
-            o("strong", yt, m(l.review.rating.service) + "/5 ", 1)
-          ]),
-          t[1] || (t[1] = o("span", { "aria-hidden": "true" }, "|", -1)),
-          o("span", null, [
-            q(m(e(a)("connect.review.overview.atmosphere")) + ": ", 1),
-            o("strong", bt, m(l.review.rating.atmosphere) + "/5 ", 1)
-          ])
-        ])
-      ]),
-      media: U(() => [
-        v(ee, {
-          "media-items": l.review.mediaItems
-        }, null, 8, ["media-items"])
-      ]),
-      _: 1
-    }, 8, ["review", "logo"]));
-  }
-}), te = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='%23EA4335'%20d='M24%209.5c3.14%200%205.95%201.08%208.17%202.86l6.08-6.08C34.46%203.1%2029.5%201%2024%201%2014.82%201%206.96%206.48%203.22%2014.44l7.08%205.5C12.08%2013.66%2017.58%209.5%2024%209.5z'/%3e%3cpath%20fill='%234285F4'%20d='M46.52%2024.5c0-1.64-.15-3.22-.42-4.74H24v8.98h12.7c-.55%202.96-2.2%205.46-4.68%207.14l7.18%205.58C43.18%2037.36%2046.52%2031.38%2046.52%2024.5z'/%3e%3cpath%20fill='%23FBBC05'%20d='M10.3%2028.56A14.56%2014.56%200%200%201%209.5%2024c0-1.58.27-3.1.76-4.52l-7.08-5.5A23.94%2023.94%200%200%200%200%2024c0%203.86.92%207.5%202.56%2010.72l7.74-6.16z'/%3e%3cpath%20fill='%2334A853'%20d='M24%2047c5.5%200%2010.12-1.82%2013.48-4.94l-7.18-5.58c-1.82%201.22-4.14%201.94-6.3%201.94-6.42%200-11.92-4.16-13.7-9.86l-7.74%206.16C6.96%2041.52%2014.82%2047%2024%2047z'/%3e%3cpath%20fill='none'%20d='M0%200h48v48H0z'/%3e%3c/svg%3e", xt = { class: "flex items-center gap-4" }, kt = /* @__PURE__ */ S({
-  __name: "GoogleReviewCard",
-  props: {
-    review: {}
-  },
-  setup(l) {
-    return (a, s) => (n(), I(L, {
-      review: l.review,
-      logo: e(te)
-    }, {
-      rating: U(() => [
-        o("div", xt, [
-          (n(), c(F, null, R(5, (t) => v(e(C).FmIcon, {
-            key: t,
-            name: "star",
-            size: "sm",
-            class: Q(
-              t <= l.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
-            )
-          }, null, 8, ["class"])), 64))
-        ])
-      ]),
-      _: 1
-    }, 8, ["review", "logo"]));
-  }
-}), Ct = /* @__PURE__ */ S({
-  __name: "ReviewCard",
-  props: {
-    review: {}
-  },
-  setup(l) {
-    const a = l, s = p(
-      () => a.review.source === "google" ? a.review : null
-    ), t = p(
-      () => a.review.source === "facebook" ? a.review : null
-    ), r = p(
-      () => a.review.source === "feedme" ? a.review : null
-    ), u = p(
-      () => a.review.source === "feedvibe" ? a.review : null
-    );
-    return (d, i) => s.value ? (n(), I(kt, {
-      key: 0,
-      review: s.value
-    }, null, 8, ["review"])) : t.value ? (n(), I(nt, {
-      key: 1,
-      review: t.value
-    }, null, 8, ["review"])) : r.value ? (n(), I(vt, {
-      key: 2,
-      review: r.value
-    }, null, 8, ["review"])) : u.value ? (n(), I(ht, {
-      key: 3,
-      review: u.value
-    }, null, 8, ["review"])) : M("", !0);
-  }
-}), At = {
-  key: 0,
-  class: "flex justify-center py-32"
-}, It = {
-  key: 1,
-  class: "flex flex-col items-center justify-center py-48 gap-8"
-}, Ft = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, Dt = {
-  key: 3,
-  class: "flex justify-center py-16"
-}, Bt = /* @__PURE__ */ S({
-  __name: "ReviewFeed",
-  props: {
-    reviews: {},
-    loading: { type: Boolean },
-    hasMore: { type: Boolean }
-  },
-  emits: ["loadMore"],
-  setup(l, { emit: a }) {
-    const { t: s } = z(), t = l, r = a, u = B(null);
-    return H(() => {
-      const d = new IntersectionObserver(
-        (i) => {
-          i[0].isIntersecting && t.hasMore && !t.loading && r("loadMore");
-        },
-        { threshold: 0.5 }
-      );
-      u.value && d.observe(u.value), ne(() => d.disconnect());
-    }), (d, i) => (n(), c(F, null, [
-      l.loading && l.reviews.length === 0 ? (n(), c("div", At, [
-        v(e(C).FmIcon, {
-          name: "sync",
-          size: "xl",
-          class: "animate-spin text-fm-color-neutral-gray-400"
-        })
-      ])) : l.reviews.length === 0 ? (n(), c("div", It, [
-        v(e(C).FmIcon, {
-          name: "rate_review",
-          size: "xl",
-          class: "text-fm-color-neutral-gray-300"
-        }),
-        o("p", Ft, m(e(s)("connect.review.overview.empty")), 1)
-      ])) : (n(!0), c(F, { key: 2 }, R(l.reviews, (y) => (n(), I(Ct, {
-        key: y._id,
-        review: y
-      }, null, 8, ["review"]))), 128)),
-      o("div", {
-        ref_key: "sentinel",
-        ref: u,
-        class: "h-1"
-      }, null, 512),
-      l.loading && l.reviews.length > 0 ? (n(), c("div", Dt, [
-        v(e(C).FmIcon, {
-          name: "sync",
-          size: "md",
-          class: "animate-spin text-fm-color-neutral-gray-400"
-        })
-      ])) : M("", !0)
-    ], 64));
-  }
-}), St = { class: "w-1/2 rounded-lg border border-fm-color-neutral-gray-200 bg-white p-5" }, Mt = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, Et = { class: "mt-16 grid grid-cols-[minmax(0,1fr)_minmax(140px,0.5fr)] gap-5" }, Ut = { class: "mt-12 flex flex-col gap-8" }, Rt = { class: "w-16 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Vt = { class: "h-8 flex-1 overflow-hidden rounded-full bg-fm-color-neutral-gray-100" }, Qt = { class: "w-24 text-right fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Ot = { class: "mt-8 flex flex-col items-center" }, Gt = { class: "fm-typo-en-display-lg-800 text-fm-color-typo-primary" }, zt = {
-  class: "mt-8 flex items-center gap-1",
-  "aria-label": "Average rating"
-}, Pt = { class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Nt = /* @__PURE__ */ S({
-  __name: "ReviewSummary",
-  props: {
-    reviews: {}
-  },
-  setup(l) {
-    const a = l, s = p(
-      () => a.reviews.flatMap(
-        (i) => "starRating" in i ? [i.starRating] : i.source === "feedvibe" ? [i.rating.overall] : []
-      )
-    ), t = p(() => s.value.length ? (s.value.reduce((y, f) => y + f, 0) / s.value.length).toFixed(1) : "0.0"), r = p(() => Number(t.value)), u = p(
-      () => [5, 4, 3, 2, 1].map((i) => ({
-        star: i,
-        count: s.value.filter((y) => Math.round(y) === i).length
-      }))
-    );
-    function d(i) {
-      return `${Math.min(Math.max(r.value - i + 1, 0), 1) * 100}%`;
-    }
-    return (i, y) => (n(), c("div", St, [
-      o("h2", Mt, m(i.$t("connect.review.overview.summary")), 1),
-      o("div", Et, [
-        o("div", Ut, [
-          (n(!0), c(F, null, R(e(u), (f) => (n(), c("div", {
-            key: f.star,
-            class: "flex items-center gap-8"
-          }, [
-            o("span", Rt, m(f.star), 1),
-            v(e(C).FmIcon, {
-              name: "star",
-              size: "sm",
-              class: "text-amber-400"
-            }),
-            o("div", Vt, [
-              o("div", {
-                class: "h-full rounded-full bg-amber-400 transition-[width]",
-                style: j({
-                  width: `${e(s).length ? f.count / e(s).length * 100 : 0}%`
-                })
-              }, null, 4)
-            ]),
-            o("span", Qt, m(f.count), 1)
-          ]))), 128))
-        ]),
-        o("div", Ot, [
-          o("span", Gt, m(e(t)), 1),
-          o("div", zt, [
-            (n(), c(F, null, R(5, (f) => o("span", {
-              key: f,
-              class: "relative"
-            }, [
-              v(e(C).FmIcon, {
-                name: "star",
-                size: "md",
-                class: "text-fm-color-neutral-gray-200"
-              }),
-              o("span", {
-                class: "absolute inset-y-0 left-0 overflow-hidden",
-                style: j({ width: d(f) })
-              }, [
-                v(e(C).FmIcon, {
-                  name: "star",
-                  size: "md",
-                  class: "text-amber-400"
-                })
-              ], 4)
-            ])), 64))
-          ]),
-          o("span", Pt, " (" + m(e(s).length) + ") ", 1)
-        ])
-      ])
-    ]));
-  }
-}), Yt = { class: "p-24 flex flex-col gap-12" }, J = 20, _t = /* @__PURE__ */ S({
-  __name: "ReviewOverview",
-  setup(l) {
-    const a = B([]), s = B(!1), t = B(!0), r = B(null), u = B(null), d = B(null), i = B(""), y = B("createTime_desc");
-    K(r, () => {
-      i.value = "";
-    });
-    function f(x) {
-      var b;
-      return {
-        source: ((b = r.value) == null ? void 0 : b.join(",")) || void 0,
-        dateFrom: u.value || void 0,
-        dateTo: d.value || void 0,
-        locationId: i.value || void 0,
-        sort: y.value,
-        limit: J,
-        skip: x
-      };
-    }
-    async function h() {
-      s.value = !0, t.value = !0;
-      try {
-        const x = await P.listReviews(f(0));
-        a.value = x, t.value = x.length === J;
-      } finally {
-        s.value = !1;
-      }
-    }
-    async function g() {
-      if (!(s.value || !t.value)) {
-        s.value = !0;
-        try {
-          const x = await P.listReviews(f(a.value.length));
-          a.value = [...a.value, ...x], t.value = x.length === J;
-        } finally {
-          s.value = !1;
-        }
-      }
-    }
-    return K(
-      [r, u, d, i, y],
-      h
-    ), H(h), (x, b) => (n(), c("div", Yt, [
-      v(Nt, { reviews: e(a) }, null, 8, ["reviews"]),
-      v(fe, {
-        source: e(r),
-        "onUpdate:source": b[0] || (b[0] = (k) => G(r) ? r.value = k : null),
-        "date-from": e(u),
-        "onUpdate:dateFrom": b[1] || (b[1] = (k) => G(u) ? u.value = k : null),
-        "date-to": e(d),
-        "onUpdate:dateTo": b[2] || (b[2] = (k) => G(d) ? d.value = k : null),
-        "location-id": e(i),
-        "onUpdate:locationId": b[3] || (b[3] = (k) => G(i) ? i.value = k : null),
-        sort: e(y),
-        "onUpdate:sort": b[4] || (b[4] = (k) => G(y) ? y.value = k : null)
-      }, null, 8, ["source", "date-from", "date-to", "location-id", "sort"]),
-      v(Bt, {
-        reviews: e(a),
-        loading: e(s),
-        "has-more": e(t),
-        onLoadMore: g
-      }, null, 8, ["reviews", "loading", "has-more"])
-    ]));
-  }
-}), Ht = { class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, Lt = ["src"], qt = { class: "flex flex-col flex-1 min-w-0" }, Jt = { class: "fm-typo-en-body-md-600 capitalize" }, Tt = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate"
-}, X = /* @__PURE__ */ S({
-  __name: "ReviewSource",
-  props: {
-    icon: {},
-    name: {},
-    connected: { type: Boolean },
-    subtitle: {},
-    syncing: { type: Boolean },
-    tokenExpired: { type: Boolean }
-  },
-  emits: ["connect", "sync"],
-  setup(l, { emit: a }) {
-    const s = a, { t } = z(), r = ae();
-    return (u, d) => (n(), c("div", Ht, [
-      o("div", {
-        class: Q(["flex items-center gap-12 p-16", e(r).default ? "border-b border-fm-color-neutral-gray-100" : ""])
-      }, [
-        o("img", {
-          src: l.icon,
-          class: "w-10 h-10 shrink-0"
-        }, null, 8, Lt),
-        o("div", qt, [
-          o("span", Jt, m(l.name), 1),
-          l.subtitle ? (n(), c("span", Tt, m(l.subtitle), 1)) : M("", !0)
-        ]),
-        l.connected ? (n(), c(F, { key: 0 }, [
-          l.tokenExpired ? (n(), I(e(C).FmChip, {
-            key: 0,
-            label: e(t)("connect.review.expired"),
-            variant: "critical"
-          }, null, 8, ["label"])) : M("", !0),
-          v(e(C).FmButton, {
-            variant: "secondary",
-            "prepend-icon": "refresh",
-            label: e(t)("connect.review.reconnect"),
-            onClick: d[0] || (d[0] = (i) => s("connect"))
-          }, null, 8, ["label"]),
-          l.tokenExpired ? M("", !0) : (n(), I(e(C).FmButton, {
-            key: 1,
-            variant: "primary",
-            "prepend-icon": "sync",
-            label: e(t)("connect.review.sync"),
-            loading: l.syncing,
-            onClick: d[1] || (d[1] = (i) => s("sync"))
-          }, null, 8, ["label", "loading"]))
-        ], 64)) : (n(), I(e(C).FmButton, {
-          key: 1,
-          "prepend-icon": "add",
-          label: e(t)("connect.review.connect"),
-          onClick: d[2] || (d[2] = (i) => s("connect"))
-        }, null, 8, ["label"]))
-      ], 2),
-      _(u.$slots, "default")
-    ]));
-  }
-}), jt = { class: "p-24 flex flex-col gap-8" }, Kt = { class: "flex flex-col flex-1 min-w-0" }, Zt = { class: "fm-typo-en-body-lg-600 truncate" }, Xt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, Wt = ["src"], $t = { class: "flex flex-col flex-1 min-w-0" }, eo = { class: "fm-typo-en-body-lg-600 truncate" }, to = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 truncate" }, oo = /* @__PURE__ */ S({
-  __name: "ReviewSettings",
-  setup(l) {
-    const { t: a } = z(), s = ce(), t = T(), r = B(null), u = B(!1), d = B(!1), i = p(
-      () => {
-        var w;
-        return r.value ? ((w = r.value.google) == null ? void 0 : w.accessToken) === null : !1;
-      }
-    ), y = p(
-      () => {
-        var w;
-        return r.value ? ((w = r.value.facebook) == null ? void 0 : w.token) === null : !1;
-      }
-    );
-    function f(w) {
-      const A = window.location.pathname.replace(/\/review(?:\/.*)?$/, "");
-      return `${window.location.origin}${A}${w}`;
-    }
-    async function h() {
-      await ue.minor(async () => {
-        r.value = await P.getSource();
-      });
-    }
-    function g(w) {
-      var A;
-      return (A = t.locations.find(
-        (E) => E._id.toString() === w
-      )) == null ? void 0 : A.name;
-    }
-    function x(w) {
-      return w.map((A) => g(A)).filter((A) => A !== void 0).join(", ");
-    }
-    async function b() {
-      var w, A;
-      u.value = !0;
-      try {
-        await P.syncGoogleReviews();
-      } catch (E) {
-        if (await h(), ((A = (w = r.value) == null ? void 0 : w.google) == null ? void 0 : A.accessToken) === null) {
-          s.open({
-            message: a("connect.review.tokenExpired"),
-            type: "error"
-          });
-          return;
-        }
-        throw E;
-      } finally {
-        u.value = !1;
-      }
-    }
-    async function k() {
-      var w, A;
-      d.value = !0;
-      try {
-        await P.syncFacebookReviews();
-      } catch (E) {
-        if (await h(), ((A = (w = r.value) == null ? void 0 : w.facebook) == null ? void 0 : A.token) === null) {
-          s.open({
-            message: a("connect.review.tokenExpired"),
-            type: "error"
-          });
-          return;
-        }
-        throw E;
-      } finally {
-        d.value = !1;
-      }
-    }
-    async function D() {
-      const w = f("/review/google/callback"), { callbackUrl: A } = await P.getOauthUrl("google", w);
-      window.location.href = A;
-    }
-    async function V() {
-      const w = f("/review/facebook/callback"), { callbackUrl: A } = await P.getOauthUrl("facebook", w);
-      window.location.href = A;
-    }
-    return H(() => {
-      h(), t.readLocations();
-    }), (w, A) => (n(), c("div", jt, [
-      e(r) ? (n(), c(F, { key: 0 }, [
-        v(X, {
-          icon: e(te),
-          name: "google",
-          connected: !!e(r).google,
-          syncing: e(u),
-          "token-expired": e(i),
-          onConnect: D,
-          onSync: b
-        }, {
-          default: U(() => {
-            var E;
-            return [
-              (n(!0), c(F, null, R((E = e(r).google) == null ? void 0 : E.locations, (O) => (n(), c("div", {
-                key: O.googleLocationName,
-                class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
-              }, [
-                v(e(C).FmIcon, {
-                  name: "location_on",
-                  class: "text-fm-color-neutral-gray-300 shrink-0"
-                }),
-                o("div", Kt, [
-                  o("span", Zt, m(O.displayName), 1),
-                  o("span", Xt, m(g(O.locationId)), 1)
-                ])
-              ]))), 128))
-            ];
-          }),
-          _: 1
-        }, 8, ["icon", "connected", "syncing", "token-expired"]),
-        v(X, {
-          icon: e($),
-          name: "facebook",
-          connected: !!e(r).facebook,
-          syncing: e(d),
-          "token-expired": e(y),
-          onConnect: V,
-          onSync: k
-        }, {
-          default: U(() => {
-            var E;
-            return [
-              (n(!0), c(F, null, R((E = e(r).facebook) == null ? void 0 : E.pages, (O) => (n(), c("div", {
-                key: O.facebookPageId,
-                class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
-              }, [
-                O.pageProfileImageUrl ? (n(), c("img", {
-                  key: 0,
-                  src: O.pageProfileImageUrl,
-                  class: "w-10 h-10 rounded-full shrink-0 object-cover"
-                }, null, 8, Wt)) : (n(), I(e(C).FmIcon, {
-                  key: 1,
-                  name: "person",
-                  class: "text-fm-color-neutral-gray-300 shrink-0"
-                })),
-                o("div", $t, [
-                  o("span", eo, m(O.pageName), 1),
-                  o("span", to, m(x(O.locationIds)), 1)
-                ])
-              ]))), 128))
-            ];
-          }),
-          _: 1
-        }, 8, ["icon", "connected", "syncing", "token-expired"])
-      ], 64)) : (n(), c(F, { key: 1 }, R(["google", "facebook"], (E) => o("div", {
-        key: E,
-        class: "rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16"
-      }, [...A[0] || (A[0] = [
-        se('<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))
-    ]));
-  }
-}), lo = { class: "flex flex-col" }, no = { class: "px-24" }, fo = /* @__PURE__ */ S({
-  __name: "Review",
-  setup(l) {
-    const { t: a } = z(), s = [
-      { label: a("connect.review.tabs.overview"), value: "overview" },
-      { label: a("connect.review.tabs.settings"), value: "settings" }
-    ], t = B(s[0]);
-    return (r, u) => {
-      const d = N("FmPageHead"), i = N("FmTabs");
-      return n(), c(F, null, [
-        v(d, {
-          title: e(a)("connect.navigation.review")
-        }, null, 8, ["title"]),
-        o("div", lo, [
-          o("div", no, [
-            v(i, {
-              "model-value": e(t).value,
-              items: s,
-              "onUpdate:modelValue": u[0] || (u[0] = (y) => t.value = s.find((f) => f.value === y))
-            }, null, 8, ["model-value"])
-          ]),
-          (n(), I(re, null, [
-            e(t).value === "overview" ? (n(), I(_t, { key: 0 })) : e(t).value === "settings" ? (n(), I(oo, { key: 1 })) : M("", !0)
-          ], 1024))
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  fo as default
-};