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

package/dist/Overview-CYKoF8Hp.js

@@ -0,0 +1,1316 @@
+import { defineComponent as O, ref as k, computed as m, resolveComponent as X, openBlock as r, createBlock as U, unref as e, withCtx as V, createVNode as g, normalizeClass as G, createElementVNode as l, toDisplayString as d, createElementBlock as u, Fragment as Y, renderList as P, useModel as K, onMounted as oe, isRef as N, createCommentVNode as I, watch as W, withModifiers as Z, renderSlot as ee, createTextVNode as _, Teleport as ge, createSlots as we, onUnmounted as fe, normalizeStyle as le, nextTick as pe } from "vue";
+import { h as q } from "./moment-D7p2TMB-.js";
+import { u as j } from "./vue-i18n-wJReAVJw.js";
+import { _ as ye } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-DeNn_k19.js";
+import { _ as se } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { u as he } from "./business-DjAiT8tR.js";
+import { components as B, useSnackbar as be } from "@feedmepos/ui-library";
+import { g as xe } from "./google-C3S8u0mT.js";
+import { r as $ } from "./index-Bht1Z11w.js";
+const ke = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ce = /* @__PURE__ */ O({
+  __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(t, { emit: a }) {
+    const s = t, o = a, n = k(!1), c = m(
+      () => {
+        var f;
+        return ((f = s.items.find((w) => w.value === s.modelValue)) == null ? void 0 : f.label) ?? "";
+      }
+    );
+    function i(f) {
+      o("update:model-value", f), n.value = !1;
+    }
+    return (f, w) => {
+      const C = X("FmIcon"), E = X("FmChip"), F = X("FmMenuItem"), R = X("FmMenu");
+      return r(), U(R, {
+        placement: t.placement,
+        "model-value": e(n),
+        "close-on-click": !0,
+        onMenuChanged: w[0] || (w[0] = (y) => n.value = y)
+      }, {
+        "menu-button": V(() => [
+          g(E, {
+            label: `${t.label}${e(c)}`,
+            class: G(s.class)
+          }, {
+            default: V(() => [
+              l("div", ke, d(t.label) + d(e(c)), 1),
+              g(C, {
+                name: e(n) ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                class: G(s.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])
+            ]),
+            _: 1
+          }, 8, ["label", "class"])
+        ]),
+        default: V(() => [
+          (r(!0), u(Y, null, P(t.items, (y) => (r(), U(F, {
+            key: y.value,
+            value: y.value,
+            label: y.label,
+            onClick: (p) => i(y.value)
+          }, null, 8, ["value", "label", "onClick"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["placement", "model-value"]);
+    };
+  }
+}), Ce = { class: "flex justify-between gap-8" }, Ae = { class: "flex flex-wrap gap-8" }, Ie = /* @__PURE__ */ O({
+  __name: "ReviewListingController",
+  props: {
+    source: {
+      required: !0
+    },
+    sourceModifiers: {},
+    dateFrom: { required: !0 },
+    dateFromModifiers: {},
+    dateTo: { required: !0 },
+    dateToModifiers: {},
+    locationId: { required: !0 },
+    locationIdModifiers: {},
+    deletedFilter: {
+      required: !0
+    },
+    deletedFilterModifiers: {},
+    sort: { required: !0 },
+    sortModifiers: {}
+  },
+  emits: ["update:source", "update:dateFrom", "update:dateTo", "update:locationId", "update:deletedFilter", "update:sort"],
+  setup(t) {
+    const { t: a } = j(), s = K(t, "source"), o = K(t, "dateFrom"), n = K(t, "dateTo"), c = K(t, "locationId"), i = K(t, "deletedFilter"), f = K(t, "sort"), w = he(), C = m(() => [
+      { label: "Google", value: "google" },
+      { label: "FeedMe", value: "feedme" },
+      { label: "Feedvibe", value: "feedvibe" }
+    ]), E = m(() => [
+      ...w.locationOptions.map((h) => ({
+        label: h.label,
+        value: h.value
+      }))
+    ]), F = m(() => [
+      {
+        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" }
+    ]), R = m(() => [
+      {
+        label: a("connect.review.filter.deleted.all"),
+        value: "all"
+      },
+      {
+        label: a("connect.review.filter.deleted.exclude"),
+        value: "excludeDeleted"
+      }
+    ]), y = m({
+      get: () => s.value ?? [],
+      set: (h) => {
+        s.value = h.length ? h : null;
+      }
+    }), p = m({
+      get: () => c.value ? [c.value] : [],
+      set: (h) => {
+        c.value = h.length === 1 && h[0] ? h[0] : "";
+      }
+    }), v = m({
+      get: () => ({
+        startDate: o.value ?? void 0,
+        endDate: n.value ?? void 0
+      }),
+      set: (h) => {
+        o.value = h.startDate ?? null, n.value = h.endDate ?? null;
+      }
+    }), S = m(() => w.locations.length > 0);
+    return oe(() => w.readLocations()), (h, D) => (r(), u("div", Ce, [
+      l("div", Ae, [
+        g(se, {
+          modelValue: e(y),
+          "onUpdate:modelValue": D[0] || (D[0] = (T) => N(y) ? y.value = T : null),
+          label: `${e(a)("connect.review.filter.source")}: `,
+          "show-item-label": !0,
+          items: e(C),
+          searchable: !1,
+          placement: "bottom-start"
+        }, null, 8, ["modelValue", "label", "items"]),
+        e(S) ? (r(), U(se, {
+          key: 0,
+          modelValue: e(p),
+          "onUpdate:modelValue": D[1] || (D[1] = (T) => N(p) ? p.value = T : null),
+          label: `${e(a)("connect.review.filter.location")}: `,
+          "show-item-label": !0,
+          items: e(E),
+          placement: "bottom-start"
+        }, null, 8, ["modelValue", "label", "items"])) : I("", !0),
+        g(ye, {
+          modelValue: e(v),
+          "onUpdate:modelValue": D[2] || (D[2] = (T) => N(v) ? v.value = T : null)
+        }, null, 8, ["modelValue"]),
+        g(ce, {
+          modelValue: i.value,
+          "onUpdate:modelValue": D[3] || (D[3] = (T) => i.value = T),
+          label: `${e(a)("connect.review.filter.deleted.label")}: `,
+          items: e(R),
+          placement: "bottom-start"
+        }, null, 8, ["modelValue", "label", "items"])
+      ]),
+      g(ce, {
+        modelValue: f.value,
+        "onUpdate:modelValue": D[4] || (D[4] = (T) => f.value = T),
+        label: `${e(a)("connect.review.filter.sort.label")}: `,
+        items: e(F),
+        placement: "bottom-start"
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), De = "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", Me = { class: "flex h-full flex-col" }, Fe = { class: "shrink-0 border-b border-fm-color-neutral-gray-200 pb-[12px] pt-18" }, Se = { class: "flex items-center gap-[10px]" }, Be = { class: "min-w-0 flex-1" }, Ee = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, Re = { class: "flex items-center gap-4" }, Ue = { class: "ml-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, Ve = ["title"], Te = { class: "min-h-0 flex-1 overflow-y-auto py-[20px]" }, Ye = { class: "flex flex-col gap-16" }, Oe = {
+  key: 0,
+  class: "rounded-lg border border-red-200 bg-red-50 px-12 py-8 fm-typo-en-body-sm-600 text-red-700"
+}, Qe = { class: "m-0 fm-typo-en-body-md-400 leading-22" }, Ge = { key: 1 }, Pe = { class: "mb-8 fm-typo-en-body-sm-600 uppercase tracking-wide text-fm-color-neutral-gray-400" }, ze = { class: "flex flex-wrap gap-8" }, Le = ["src", "alt"], Ne = { class: "flex flex-col gap-[10px] rounded-xl bg-fm-color-neutral-gray-100 py-[14px] px-[24px]" }, qe = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, He = { class: "text-fm-color-neutral-gray-400" }, je = { class: "font-semibold text-fm-color-neutral-gray-400" }, Je = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, Ke = { class: "text-fm-color-neutral-gray-400" }, Ze = { class: "text-right font-semibold text-fm-color-neutral-gray-400" }, We = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, Xe = { class: "text-fm-color-neutral-gray-400" }, _e = { class: "font-semibold text-fm-color-neutral-gray-400" }, $e = {
+  key: 0,
+  class: "flex justify-between gap-12 fm-typo-en-body-sm-400"
+}, et = { class: "text-fm-color-neutral-gray-400" }, tt = { class: "font-semibold text-fm-color-neutral-gray-400" }, lt = {
+  key: 1,
+  class: "flex justify-between gap-12 fm-typo-en-body-sm-400"
+}, ot = { class: "text-red-700" }, nt = { class: "font-semibold text-red-700" }, at = { class: "flex justify-between gap-12 fm-typo-en-body-sm-400" }, rt = { class: "text-fm-color-neutral-gray-400" }, it = { class: "font-mono text-xs text-fm-color-neutral-gray-400" }, st = {
+  key: 0,
+  class: "shrink-0 border-t border-fm-color-neutral-gray-200 py-[12px]"
+}, ct = /* @__PURE__ */ O({
+  __name: "ReviewDetailSheet",
+  props: {
+    modelValue: { type: Boolean },
+    review: {},
+    referenceId: {},
+    location: {},
+    platformName: {},
+    reviewerPictureUrl: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    const { FmButton: s } = B, { t: o } = j(), n = t, c = a, i = m({
+      get: () => n.modelValue,
+      set: (h) => c("update:modelValue", h)
+    }), f = m(() => {
+      var h;
+      return (h = n.review.reviewer) == null ? void 0 : h.name;
+    }), w = m(() => {
+      if (n.review.source === "google" || n.review.source === "feedme")
+        return n.review.starRating;
+      if (n.review.source === "feedvibe") return n.review.rating.overall;
+    }), C = m(() => n.review.source === "google" || n.review.source === "feedme" || n.review.source === "feedvibe" ? n.review.mediaItems : []), E = m(
+      () => q(n.review.createTime).format("D MMM YYYY, hh:mm A")
+    ), F = m(() => n.review.updateTime ? new Date(n.review.updateTime).getTime() !== new Date(n.review.createTime).getTime() : !1), R = m(
+      () => F.value ? q(n.review.updateTime).format("D MMM YYYY, hh:mm A") : void 0
+    ), y = m(
+      () => F.value ? o("connect.review.overview.editedAt", { time: R.value }) : E.value
+    ), p = m(
+      () => n.review.deletedAt ? q(n.review.deletedAt).format("D MMM YYYY, hh:mm A") : void 0
+    ), v = m(() => {
+      if (n.review.source === "google")
+        return n.review.originalUrl;
+    });
+    function S() {
+      v.value && window.open(v.value, "_blank", "noopener,noreferrer");
+    }
+    return (h, D) => {
+      const T = X("FmSideSheet");
+      return r(), U(T, {
+        modelValue: i.value,
+        "onUpdate:modelValue": D[1] || (D[1] = (M) => i.value = M),
+        "max-width": 560,
+        "close-button": !1,
+        "dismiss-away": !0
+      }, {
+        default: V(() => [
+          l("div", Me, [
+            l("div", Fe, [
+              l("div", Se, [
+                g(e(B).FmAvatar, {
+                  name: t.reviewerPictureUrl ? void 0 : f.value,
+                  src: t.reviewerPictureUrl,
+                  size: "md",
+                  class: "h-40 w-40 shrink-0"
+                }, null, 8, ["name", "src"]),
+                l("div", Be, [
+                  l("div", Ee, d(f.value || e(o)("connect.review.detail.anonymous")), 1),
+                  l("div", Re, [
+                    (r(), u(Y, null, P(5, (M) => g(e(B).FmIcon, {
+                      key: M,
+                      name: "star",
+                      size: "sm",
+                      class: G(
+                        M <= Math.round(w.value || 0) ? "text-fm-color-primary" : "text-fm-color-neutral-gray-200"
+                      )
+                    }, null, 8, ["class"])), 64)),
+                    l("span", Ue, d(y.value), 1)
+                  ])
+                ]),
+                l("button", {
+                  type: "button",
+                  title: e(o)("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: D[0] || (D[0] = (M) => i.value = !1)
+                }, [
+                  g(e(B).FmIcon, {
+                    name: "close",
+                    size: "sm"
+                  })
+                ], 8, Ve)
+              ])
+            ]),
+            l("div", Te, [
+              l("div", Ye, [
+                p.value ? (r(), u("div", Oe, d(e(o)("connect.review.detail.deleted")), 1)) : I("", !0),
+                l("p", Qe, d(t.review.comment || e(o)("connect.review.detail.noComment")), 1),
+                C.value.length ? (r(), u("div", Ge, [
+                  l("div", Pe, d(e(o)("connect.review.detail.photos", { n: C.value.length })), 1),
+                  l("div", ze, [
+                    (r(!0), u(Y, null, P(C.value, (M, J) => (r(), u("div", {
+                      key: M.externalId || J,
+                      class: "flex h-[76px] w-[76px] items-center justify-center overflow-hidden rounded-lg bg-fm-color-neutral-gray-100"
+                    }, [
+                      l("img", {
+                        src: M.thumbnailUrl,
+                        alt: M.thumbnailLabel,
+                        class: "h-full w-full object-cover"
+                      }, null, 8, Le)
+                    ]))), 128))
+                  ])
+                ])) : I("", !0),
+                l("div", Ne, [
+                  l("div", qe, [
+                    l("span", He, d(e(o)("connect.review.detail.source")), 1),
+                    l("span", je, d(t.platformName), 1)
+                  ]),
+                  l("div", Je, [
+                    l("span", Ke, d(e(o)("connect.review.detail.outlet")), 1),
+                    l("span", Ze, d(t.location || e(o)("connect.review.detail.emptyValue")), 1)
+                  ]),
+                  l("div", We, [
+                    l("span", Xe, d(e(o)("connect.review.detail.createTime")), 1),
+                    l("span", _e, d(E.value), 1)
+                  ]),
+                  R.value ? (r(), u("div", $e, [
+                    l("span", et, d(e(o)("connect.review.detail.updateTime")), 1),
+                    l("span", tt, d(R.value), 1)
+                  ])) : I("", !0),
+                  p.value ? (r(), u("div", lt, [
+                    l("span", ot, d(e(o)("connect.review.detail.deletedAt")), 1),
+                    l("span", nt, d(p.value), 1)
+                  ])) : I("", !0),
+                  l("div", at, [
+                    l("span", rt, d(e(o)("connect.review.detail.referenceId")), 1),
+                    l("span", it, d(t.referenceId), 1)
+                  ])
+                ])
+              ])
+            ]),
+            v.value && !t.review.deletedAt ? (r(), u("div", st, [
+              g(e(s), {
+                variant: "primary",
+                size: "md",
+                "prepend-icon": "open_in_new",
+                label: e(o)("connect.review.detail.openOriginalLink"),
+                class: "w-full",
+                onClick: S
+              }, null, 8, ["label"])
+            ])) : I("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), dt = 300, de = /* @__PURE__ */ new Map();
+let ue = Promise.resolve();
+function ut(t) {
+  const a = de.get(t);
+  if (a) return a;
+  const s = ue.then(
+    () => new Promise((o) => {
+      const n = new Image();
+      n.onload = () => o(!0), n.onerror = () => o(!1), n.src = t;
+    })
+  );
+  return de.set(t, s), ue = s.then(
+    () => new Promise(
+      (o) => setTimeout(o, dt)
+    )
+  ), s;
+}
+const ve = /* @__PURE__ */ O({
+  __name: "ReviewerProfileImage",
+  props: {
+    name: {},
+    pictureUrl: {},
+    isGoogle: { type: Boolean }
+  },
+  emits: ["loaded"],
+  setup(t, { emit: a }) {
+    const s = t, o = a, n = k();
+    return W(
+      () => [s.pictureUrl, s.isGoogle],
+      async ([c, i]) => {
+        n.value = i ? void 0 : c, o("loaded", n.value), i && c && await ut(c) && s.pictureUrl === c && s.isGoogle === i && (n.value = c, o("loaded", c));
+      },
+      { immediate: !0 }
+    ), (c, i) => (r(), U(e(B).FmAvatar, {
+      name: n.value ? void 0 : t.name,
+      src: n.value,
+      size: "md",
+      class: "h-40 w-40 shrink-0"
+    }, null, 8, ["name", "src"]));
+  }
+}), mt = { class: "absolute right-[16px] top-[16px] z-10 flex gap-8" }, vt = { class: "flex items-start gap-12" }, gt = { class: "min-w-0 flex flex-col flex-1 gap-8" }, wt = { class: "flex flex-wrap items-start justify-between gap-8" }, ft = { class: "flex min-w-0 flex-wrap items-center gap-x-8 gap-y-4" }, pt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, yt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, ht = {
+  key: 0,
+  class: "inline-flex items-center gap-4 rounded-full bg-red-100 px-8 py-4 fm-typo-en-body-sm-600 text-red-700"
+}, bt = { class: "flex flex-wrap items-center gap-8" }, xt = { class: "inline-flex items-center gap-4 rounded-full bg-fm-color-neutral-gray-100 px-12 py-4" }, kt = ["src", "alt"], Ct = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, At = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, It = { class: "mb-4 flex items-center justify-between gap-8 fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Dt = { class: "font-normal" }, Mt = { class: "m-0 whitespace-pre-line fm-typo-en-body-sm-400" }, Ft = {
+  key: 1,
+  class: "mt-4"
+}, ne = /* @__PURE__ */ O({
+  __name: "ReviewCardTemplate",
+  props: {
+    review: {},
+    logo: {},
+    logoAlt: {},
+    gap: {},
+    originalLink: {},
+    onReply: { type: Function }
+  },
+  setup(t) {
+    const { FmButton: a } = B, { t: s } = j(), o = t, n = m(() => {
+      var v;
+      return (v = o.review.reviewer) == null ? void 0 : v.name;
+    }), c = m(() => {
+      var v;
+      return (v = o.review.reviewer) == null ? void 0 : v.pictureUrl;
+    }), i = k(), f = m(() => o.review.restaurantName), w = m(() => {
+      if (o.review.source === "google" || o.review.source === "feedme")
+        return o.review.reply;
+    }), C = m(() => {
+      switch (o.review.source) {
+        case "google":
+          return "Google";
+        case "facebook":
+          return "Facebook";
+        case "feedme":
+          return "FeedMe";
+        case "feedvibe":
+          return "Feedvibe";
+      }
+    }), E = m(
+      () => o.review.source === "feedme" ? o.review.billId : o.review.externalId || ""
+    ), F = m(() => o.review.updateTime ? new Date(o.review.updateTime).getTime() !== new Date(o.review.createTime).getTime() : !1), R = m(() => {
+      const v = F.value ? o.review.updateTime : o.review.createTime;
+      return q(v).format("D MMM YYYY, hh:mm A");
+    });
+    function y() {
+      o.originalLink && window.open(o.originalLink, "_blank", "noopener,noreferrer");
+    }
+    const p = k(!1);
+    return (v, S) => (r(), u(Y, null, [
+      l("div", {
+        class: "relative 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: S[3] || (S[3] = (h) => p.value = !0)
+      }, [
+        l("div", mt, [
+          t.originalLink && !t.review.deletedAt ? (r(), U(e(a), {
+            key: 0,
+            variant: "secondary",
+            size: "md",
+            "prepend-icon": "open_in_new",
+            label: e(s)("connect.review.overview.originalLink"),
+            onClick: Z(y, ["stop"])
+          }, null, 8, ["label"])) : I("", !0),
+          t.onReply && !t.review.deletedAt ? (r(), U(e(a), {
+            key: 1,
+            variant: "primary",
+            size: "md",
+            "prepend-icon": "reply",
+            label: w.value && t.review.source === "google" ? e(s)("connect.review.overview.editReply") : e(s)("connect.review.overview.reply"),
+            onClick: S[0] || (S[0] = Z((h) => t.onReply(t.review), ["stop"]))
+          }, null, 8, ["label"])) : I("", !0)
+        ]),
+        l("div", vt, [
+          g(ve, {
+            name: n.value,
+            "picture-url": c.value,
+            "is-google": t.review.source === "google",
+            onLoaded: S[1] || (S[1] = (h) => i.value = h)
+          }, null, 8, ["name", "picture-url", "is-google"]),
+          l("div", gt, [
+            l("div", wt, [
+              l("div", ft, [
+                l("span", pt, d(n.value || e(s)("connect.review.overview.anonymous")), 1),
+                ee(v.$slots, "rating"),
+                l("span", yt, d(F.value ? e(s)("connect.review.overview.editedAt", { time: R.value }) : R.value), 1),
+                t.review.deletedAt ? (r(), u("span", ht, [
+                  g(e(B).FmTooltip, {
+                    content: e(s)("connect.review.overview.deletedInfo"),
+                    "content-class": "max-w-[min(320px,calc(100vw-32px))] whitespace-normal",
+                    placement: "left"
+                  }, {
+                    default: V(() => [
+                      g(e(B).FmIcon, {
+                        name: "info",
+                        outline: "",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["content"]),
+                  _(" " + d(e(s)("connect.review.overview.deleted")), 1)
+                ])) : I("", !0)
+              ])
+            ]),
+            l("div", bt, [
+              l("span", xt, [
+                l("img", {
+                  src: t.logo,
+                  alt: t.logoAlt || C.value,
+                  class: "h-16 w-16"
+                }, null, 8, kt),
+                l("span", Ct, d(C.value), 1)
+              ]),
+              S[5] || (S[5] = l("span", { class: "text-fm-color-neutral-gray-400" }, "·", -1)),
+              f.value ? (r(), u("span", At, d(f.value), 1)) : I("", !0)
+            ]),
+            ee(v.$slots, "details"),
+            ee(v.$slots, "comment", {}, () => [
+              l("p", {
+                class: G(["mt-8 line-clamp-3 fm-typo-en-body-md-400", {
+                  "italic text-fm-color-neutral-gray-400": !t.review.comment
+                }])
+              }, d(t.review.comment || e(s)("connect.review.overview.noComment")), 3)
+            ]),
+            w.value ? (r(), u("div", {
+              key: 0,
+              class: G(["rounded-lg bg-fm-color-neutral-gray-100 px-12 py-8", { "cursor-pointer": t.onReply && !t.review.deletedAt }]),
+              onClick: S[2] || (S[2] = Z((h) => t.onReply && !t.review.deletedAt && t.onReply(t.review), ["stop"]))
+            }, [
+              l("div", It, [
+                l("span", null, d(e(s)("connect.review.overview.reply")), 1),
+                l("span", Dt, d(e(q)(w.value.updateTime).format("D MMM YYYY, hh:mm A")), 1)
+              ]),
+              l("p", Mt, d(w.value.comment), 1)
+            ], 2)) : I("", !0),
+            v.$slots.media ? (r(), u("div", Ft, [
+              ee(v.$slots, "media")
+            ])) : I("", !0)
+          ])
+        ])
+      ]),
+      g(ct, {
+        modelValue: p.value,
+        "onUpdate:modelValue": S[4] || (S[4] = (h) => p.value = h),
+        review: t.review,
+        "reference-id": E.value,
+        location: f.value,
+        "platform-name": C.value,
+        "reviewer-picture-url": i.value
+      }, null, 8, ["modelValue", "review", "reference-id", "location", "platform-name", "reviewer-picture-url"])
+    ], 64));
+  }
+}), St = {
+  key: 0,
+  class: "flex items-center gap-4"
+}, Bt = /* @__PURE__ */ O({
+  __name: "FacebookReviewCard",
+  props: {
+    review: {}
+  },
+  setup(t) {
+    const { t: a } = j();
+    return (s, o) => (r(), U(ne, {
+      review: t.review,
+      logo: e(De)
+    }, {
+      rating: V(() => [
+        t.review.isPositive != null ? (r(), u("div", St, [
+          g(e(B).FmIcon, {
+            name: t.review.isPositive ? "thumb_up" : "thumb_down",
+            size: "sm",
+            class: G(
+              t.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
+            )
+          }, null, 8, ["name", "class"]),
+          l("span", {
+            class: G([
+              "fm-typo-en-body-sm-400",
+              t.review.isPositive ? "text-fm-color-typo-success" : "text-fm-color-system-error-500"
+            ])
+          }, d(t.review.isPositive ? e(a)("connect.review.overview.positive") : e(a)("connect.review.overview.negative")), 3)
+        ])) : I("", !0)
+      ]),
+      _: 1
+    }, 8, ["review", "logo"]));
+  }
+}), Et = "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", Rt = {
+  key: 0,
+  class: "flex flex-wrap gap-8"
+}, Ut = ["onClick"], Vt = ["src", "alt"], Tt = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center bg-black/30"
+}, Yt = ["src"], Ot = ["src", "alt"], ae = /* @__PURE__ */ O({
+  __name: "ReviewCardMedia",
+  props: {
+    mediaItems: {}
+  },
+  setup(t) {
+    const a = k(null);
+    return (s, o) => t.mediaItems && t.mediaItems.length > 0 ? (r(), u("div", Rt, [
+      (r(!0), u(Y, null, P(t.mediaItems, (n, c) => (r(), u("div", {
+        key: c,
+        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: Z((i) => a.value = n, ["stop"])
+      }, [
+        l("img", {
+          src: n.thumbnailUrl,
+          alt: n.thumbnailLabel,
+          class: "w-full h-full object-cover"
+        }, null, 8, Vt),
+        n.videoUrl ? (r(), u("div", Tt, [
+          g(e(B).FmIcon, {
+            name: "play_arrow",
+            class: "text-white"
+          })
+        ])) : I("", !0)
+      ], 8, Ut))), 128)),
+      (r(), U(ge, { to: "body" }, [
+        a.value ? (r(), u("div", {
+          key: 0,
+          class: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm",
+          onClick: o[2] || (o[2] = (n) => a.value = null)
+        }, [
+          l("button", {
+            class: "absolute top-16 right-16 z-50 p-8 text-white hover:text-fm-color-neutral-gray-300 transition-colors",
+            onClick: o[0] || (o[0] = (n) => a.value = null)
+          }, [
+            g(e(B).FmIcon, {
+              name: "close",
+              size: "lg"
+            })
+          ]),
+          l("div", {
+            class: "relative max-w-[90vw] max-h-[90vh] flex items-center justify-center",
+            onClick: o[1] || (o[1] = Z(() => {
+            }, ["stop"]))
+          }, [
+            a.value.videoUrl ? (r(), u("video", {
+              key: 0,
+              src: a.value.videoUrl,
+              controls: "",
+              autoplay: "",
+              class: "max-w-full max-h-[90vh] rounded-lg shadow-lg"
+            }, null, 8, Yt)) : (r(), u("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, Ot))
+          ])
+        ])) : I("", !0)
+      ]))
+    ])) : I("", !0);
+  }
+}), Qt = { class: "flex items-center gap-4" }, Gt = /* @__PURE__ */ O({
+  __name: "FeedmeReviewCard",
+  props: {
+    review: {}
+  },
+  setup(t) {
+    const a = t, s = m(() => {
+      var c, i;
+      const n = (i = (c = a.review.reviewer) == null ? void 0 : c.phoneNumber) == null ? void 0 : i.replace(/\D/g, "");
+      return n ? `https://wa.me/${n}` : void 0;
+    });
+    function o() {
+      s.value && window.open(s.value, "_blank", "noopener,noreferrer");
+    }
+    return (n, c) => (r(), U(ne, {
+      review: t.review,
+      logo: e(Et),
+      "logo-alt": "FeedMe",
+      "on-reply": s.value ? o : void 0
+    }, {
+      rating: V(() => [
+        l("div", Qt, [
+          (r(), u(Y, null, P(5, (i) => g(e(B).FmIcon, {
+            key: i,
+            name: "star",
+            size: "sm",
+            class: G(
+              i <= t.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
+            )
+          }, null, 8, ["class"])), 64))
+        ])
+      ]),
+      media: V(() => [
+        g(ae, {
+          "media-items": t.review.mediaItems
+        }, null, 8, ["media-items"])
+      ]),
+      _: 1
+    }, 8, ["review", "logo", "on-reply"]));
+  }
+}), Pt = "data:image/png;base64,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", zt = { class: "flex items-center gap-4" }, Lt = { class: "flex flex-wrap items-center gap-x-8 gap-y-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Nt = { class: "font-semibold text-fm-color-neutral-gray-400" }, qt = { class: "font-semibold text-fm-color-neutral-gray-400" }, Ht = { class: "font-semibold text-fm-color-neutral-gray-400" }, jt = /* @__PURE__ */ O({
+  __name: "FeedvibeReviewCard",
+  props: {
+    review: {}
+  },
+  setup(t) {
+    const { t: a } = j();
+    return (s, o) => (r(), U(ne, {
+      review: t.review,
+      logo: e(Pt),
+      "logo-alt": "Feedvibe",
+      gap: "12"
+    }, {
+      rating: V(() => [
+        l("div", zt, [
+          (r(), u(Y, null, P(5, (n) => g(e(B).FmIcon, {
+            key: n,
+            name: "star",
+            size: "sm",
+            class: G(
+              n <= Math.round(t.review.rating.overall) ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
+            )
+          }, null, 8, ["class"])), 64))
+        ])
+      ]),
+      details: V(() => [
+        l("div", Lt, [
+          l("span", null, [
+            _(d(e(a)("connect.review.overview.food")) + ": ", 1),
+            l("strong", Nt, d(t.review.rating.food) + "/5 ", 1)
+          ]),
+          o[0] || (o[0] = l("span", { "aria-hidden": "true" }, "|", -1)),
+          l("span", null, [
+            _(d(e(a)("connect.review.overview.service")) + ": ", 1),
+            l("strong", qt, d(t.review.rating.service) + "/5 ", 1)
+          ]),
+          o[1] || (o[1] = l("span", { "aria-hidden": "true" }, "|", -1)),
+          l("span", null, [
+            _(d(e(a)("connect.review.overview.atmosphere")) + ": ", 1),
+            l("strong", Ht, d(t.review.rating.atmosphere) + "/5 ", 1)
+          ])
+        ])
+      ]),
+      media: V(() => [
+        g(ae, {
+          "media-items": t.review.mediaItems
+        }, null, 8, ["media-items"])
+      ]),
+      _: 1
+    }, 8, ["review", "logo"]));
+  }
+}), Jt = { class: "flex flex-col gap-16" }, Kt = { class: "rounded-lg bg-fm-color-neutral-gray-100 px-16 py-12" }, Zt = { class: "flex items-start gap-12" }, Wt = { class: "min-w-0 flex-1" }, Xt = { class: "mb-4 flex flex-wrap items-center gap-x-8 gap-y-4" }, _t = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, $t = { class: "flex items-center gap-2" }, el = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, tl = {
+  key: 0,
+  class: "mt-8"
+}, ll = {
+  key: 0,
+  class: "m-0 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, ol = { class: "flex w-full items-center justify-between gap-8 pl-16" }, nl = { key: 1 }, al = { class: "flex gap-8" }, rl = /* @__PURE__ */ O({
+  __name: "GoogleReplyDialog",
+  props: {
+    modelValue: { type: Boolean },
+    review: {}
+  },
+  emits: ["update:modelValue", "replied"],
+  setup(t, { emit: a }) {
+    const { FmButton: s, FmDialog: o, FmIcon: n, FmTextarea: c } = B, i = t, f = a, { t: w } = j(), C = be(), E = k(""), F = k(!1), R = k(!1);
+    W(
+      () => i.modelValue,
+      (b) => {
+        var x;
+        b && (E.value = ((x = i.review.reply) == null ? void 0 : x.comment) ?? "");
+      }
+    );
+    const y = m(() => {
+      var b;
+      return !!((b = i.review.reply) != null && b.comment);
+    }), p = m(() => F.value || R.value), v = m(() => p.value || !E.value.trim()), S = m(
+      () => {
+        var b;
+        return ((b = i.review.reviewer) == null ? void 0 : b.name) || w("connect.review.overview.anonymous");
+      }
+    ), h = m(() => i.review.updateTime ? new Date(i.review.updateTime).getTime() !== new Date(i.review.createTime).getTime() : !1), D = m(() => {
+      const b = h.value ? i.review.updateTime : i.review.createTime;
+      return q(b).format("D MMM YYYY");
+    });
+    async function T() {
+      if (!v.value) {
+        F.value = !0;
+        try {
+          const b = await $.replyToGoogleReview(
+            i.review._id,
+            E.value.trim()
+          );
+          i.review.reply = b, C.open({
+            type: "success",
+            message: w("connect.review.overview.replyDialog.success")
+          }), f("update:modelValue", !1), f("replied");
+        } catch {
+          C.open({
+            type: "error",
+            message: w("connect.review.overview.replyDialog.failed")
+          });
+        } finally {
+          F.value = !1;
+        }
+      }
+    }
+    async function M() {
+      if (!(!y.value || p.value)) {
+        R.value = !0;
+        try {
+          await $.deleteGoogleReviewReply(i.review._id), i.review.reply = void 0, C.open({
+            type: "success",
+            message: w("connect.review.overview.replyDialog.deleteSuccess")
+          }), f("update:modelValue", !1), f("replied");
+        } catch {
+          C.open({
+            type: "error",
+            message: w("connect.review.overview.replyDialog.deleteFailed")
+          });
+        } finally {
+          R.value = !1;
+        }
+      }
+    }
+    function J() {
+      p.value || f("update:modelValue", !1);
+    }
+    return (b, x) => (r(), U(e(o), {
+      "model-value": t.modelValue,
+      "max-width": "560px",
+      "onUpdate:modelValue": x[1] || (x[1] = (A) => f("update:modelValue", A))
+    }, {
+      "dialog-header": V(() => [
+        _(d(e(w)("connect.review.overview.replyDialog.title")), 1)
+      ]),
+      "dialog-footer": V(() => [
+        l("div", ol, [
+          y.value ? (r(), U(e(s), {
+            key: 0,
+            variant: "tertiary",
+            "prepend-icon": "delete",
+            "text-color": "system-error-300",
+            "icon-color": "system-error-300",
+            label: e(w)("connect.review.overview.replyDialog.deleteReview"),
+            loading: R.value,
+            disabled: p.value,
+            onClick: M
+          }, null, 8, ["label", "loading", "disabled"])) : (r(), u("div", nl)),
+          l("div", al, [
+            g(e(s), {
+              variant: "tertiary",
+              label: e(w)("connect.common.cancel"),
+              disabled: p.value,
+              onClick: J
+            }, null, 8, ["label", "disabled"]),
+            g(e(s), {
+              variant: "primary",
+              label: y.value ? e(w)("connect.review.overview.replyDialog.saveChanges") : e(w)("connect.review.overview.replyDialog.postReply"),
+              loading: F.value,
+              disabled: v.value,
+              onClick: T
+            }, null, 8, ["label", "loading", "disabled"])
+          ])
+        ])
+      ]),
+      default: V(() => {
+        var A, Q, H, z;
+        return [
+          l("div", Jt, [
+            l("div", Kt, [
+              l("div", Zt, [
+                g(ve, {
+                  name: (A = t.review.reviewer) == null ? void 0 : A.name,
+                  "picture-url": (Q = t.review.reviewer) == null ? void 0 : Q.pictureUrl,
+                  "is-google": t.review.source === "google"
+                }, null, 8, ["name", "picture-url", "is-google"]),
+                l("div", Wt, [
+                  l("div", Xt, [
+                    l("span", _t, d(S.value), 1),
+                    l("div", $t, [
+                      (r(), u(Y, null, P(5, (L) => g(e(n), {
+                        key: L,
+                        name: "star",
+                        size: "sm",
+                        class: G(
+                          L <= t.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
+                        )
+                      }, null, 8, ["class"])), 64))
+                    ]),
+                    l("span", el, d(h.value ? e(w)("connect.review.overview.editedAt", {
+                      time: D.value
+                    }) : D.value), 1)
+                  ]),
+                  l("p", {
+                    class: G(["m-0 line-clamp-3 fm-typo-en-body-sm-400", {
+                      "italic text-fm-color-neutral-gray-400": !t.review.comment
+                    }])
+                  }, d(t.review.comment || e(w)("connect.review.overview.noComment")), 3),
+                  (H = t.review.mediaItems) != null && H.length ? (r(), u("div", tl, [
+                    g(ae, {
+                      "media-items": t.review.mediaItems
+                    }, null, 8, ["media-items"])
+                  ])) : I("", !0)
+                ])
+              ])
+            ]),
+            g(e(c), {
+              modelValue: E.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (L) => E.value = L),
+              label: e(w)("connect.review.overview.replyDialog.yourReply"),
+              placeholder: e(w)("connect.review.overview.replyDialog.placeholder"),
+              "max-length": 4096,
+              "show-word-count": "",
+              autofocus: ""
+            }, null, 8, ["modelValue", "label", "placeholder"]),
+            y.value && ((z = t.review.reply) != null && z.updateTime) ? (r(), u("p", ll, d(e(w)("connect.review.overview.replyDialog.lastUpdated", {
+              time: e(q)(t.review.reply.updateTime).format("D MMM YYYY, hh:mm A")
+            })), 1)) : I("", !0)
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}), il = { class: "flex items-center gap-4" }, sl = { class: "mt-8" }, cl = { class: "line-clamp-3 fm-typo-en-body-md-400" }, dl = {
+  key: 0,
+  class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, ul = /* @__PURE__ */ O({
+  __name: "GoogleReviewCard",
+  props: {
+    review: {}
+  },
+  setup(t) {
+    const { t: a } = j(), s = k(!1), o = k(!1);
+    function n() {
+      o.value = !0;
+    }
+    return (c, i) => (r(), u(Y, null, [
+      g(ne, {
+        review: t.review,
+        logo: e(xe),
+        "original-link": t.review.originalUrl,
+        "on-reply": n
+      }, we({
+        rating: V(() => [
+          l("div", il, [
+            (r(), u(Y, null, P(5, (f) => g(e(B).FmIcon, {
+              key: f,
+              name: "star",
+              size: "sm",
+              class: G(
+                f <= t.review.starRating ? "text-yellow-400" : "text-fm-color-neutral-gray-200"
+              )
+            }, null, 8, ["class"])), 64))
+          ])
+        ]),
+        media: V(() => [
+          g(ae, {
+            "media-items": t.review.mediaItems
+          }, null, 8, ["media-items"])
+        ]),
+        _: 2
+      }, [
+        t.review.translatedComment ? {
+          name: "comment",
+          fn: V(() => [
+            l("div", sl, [
+              l("p", cl, d(s.value ? t.review.comment : t.review.translatedComment), 1),
+              s.value ? I("", !0) : (r(), u("p", dl, d(e(a)("connect.review.overview.translatedByGoogle")), 1)),
+              l("button", {
+                type: "button",
+                class: "mt-4 border-0 bg-transparent p-0 fm-typo-en-body-sm-600 text-blue-500 hover:underline",
+                onClick: i[0] || (i[0] = Z((f) => s.value = !s.value, ["stop"]))
+              }, d(s.value ? e(a)("connect.review.overview.seeTranslation") : e(a)("connect.review.overview.seeOriginal")), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["review", "logo", "original-link"]),
+      g(rl, {
+        modelValue: o.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (f) => o.value = f),
+        review: t.review
+      }, null, 8, ["modelValue", "review"])
+    ], 64));
+  }
+}), ml = /* @__PURE__ */ O({
+  __name: "ReviewCard",
+  props: {
+    review: {}
+  },
+  setup(t) {
+    const a = t, s = m(
+      () => a.review.source === "google" ? a.review : null
+    ), o = m(
+      () => a.review.source === "facebook" ? a.review : null
+    ), n = m(
+      () => a.review.source === "feedme" ? a.review : null
+    ), c = m(
+      () => a.review.source === "feedvibe" ? a.review : null
+    );
+    return (i, f) => s.value ? (r(), U(ul, {
+      key: 0,
+      review: s.value
+    }, null, 8, ["review"])) : o.value ? (r(), U(Bt, {
+      key: 1,
+      review: o.value
+    }, null, 8, ["review"])) : n.value ? (r(), U(Gt, {
+      key: 2,
+      review: n.value
+    }, null, 8, ["review"])) : c.value ? (r(), U(jt, {
+      key: 3,
+      review: c.value
+    }, null, 8, ["review"])) : I("", !0);
+  }
+}), vl = {
+  key: 0,
+  class: "flex justify-center py-32"
+}, gl = {
+  key: 1,
+  class: "flex flex-col items-center justify-center py-48 gap-8"
+}, wl = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, fl = ["data-sentinel"], pl = { class: "flex flex-col gap-12" }, yl = {
+  key: 3,
+  class: "flex justify-center py-16"
+}, te = 100, re = 20, me = 220, hl = /* @__PURE__ */ O({
+  __name: "ReviewFeed",
+  props: {
+    reviews: {},
+    loading: { type: Boolean },
+    hasMore: { type: Boolean }
+  },
+  emits: ["loadMore"],
+  setup(t, { emit: a }) {
+    const { t: s } = j(), o = t, n = a, c = k(0), i = m(
+      () => Math.min(c.value + te, o.reviews.length)
+    ), f = m(
+      () => o.reviews.slice(c.value, i.value)
+    ), w = m(() => {
+      const b = f.value, x = [];
+      for (let A = 0; A < b.length; A += re)
+        x.push({
+          start: c.value + A,
+          items: b.slice(A, A + re)
+        });
+      return x;
+    }), C = m(
+      () => c.value * me
+    ), E = m(
+      () => (o.reviews.length - i.value) * me
+    );
+    W(
+      () => o.reviews.length,
+      (b, x) => {
+        if (b < x) {
+          c.value = 0;
+          return;
+        }
+        c.value + te >= x && (c.value = Math.max(0, b - te));
+      }
+    );
+    const F = k(null), R = k(null), y = k(null), p = k(null), v = k(!1);
+    async function S(b, x) {
+      var z;
+      const A = Math.max(0, o.reviews.length - te), Q = Math.min(Math.max(b - re, 0), A);
+      if (Q === c.value || v.value) return;
+      v.value = !0;
+      const H = x == null ? void 0 : x.getBoundingClientRect().top;
+      if (c.value = Q, await pe(), x && H !== void 0) {
+        const L = (z = F.value) == null ? void 0 : z.querySelector(`[data-sentinel="${b}"]`);
+        L && window.scrollBy(0, L.getBoundingClientRect().top - H);
+      }
+      v.value = !1;
+    }
+    function h() {
+      const b = window.innerHeight, x = [
+        { el: R.value, base: 0, span: c.value },
+        {
+          el: y.value,
+          base: i.value,
+          span: o.reviews.length - i.value
+        }
+      ];
+      for (const { el: A, base: Q, span: H } of x) {
+        if (!A || H <= 0) continue;
+        const z = A.getBoundingClientRect();
+        if (z.top <= 0 && z.bottom >= b && z.height > 0) {
+          const L = (b / 2 - z.top) / z.height;
+          S(Math.floor(Q + L * H));
+          return;
+        }
+      }
+    }
+    let D = !1;
+    function T() {
+      D || (D = !0, requestAnimationFrame(() => {
+        D = !1, h();
+      }));
+    }
+    let M = null;
+    function J() {
+      var b;
+      M == null || M.disconnect(), (b = F.value) == null || b.querySelectorAll("[data-sentinel]").forEach((x) => M == null ? void 0 : M.observe(x));
+    }
+    return oe(() => {
+      M = new IntersectionObserver((x) => {
+        for (const A of x)
+          if (A.isIntersecting) {
+            const Q = Number(A.target.dataset.sentinel);
+            S(Q, A.target);
+          }
+      }), J(), W([c, () => o.reviews.length], J, {
+        flush: "post"
+      });
+      const b = new IntersectionObserver(
+        (x) => {
+          x[0].isIntersecting && o.hasMore && !o.loading && n("loadMore");
+        },
+        { threshold: 0.5 }
+      );
+      p.value && b.observe(p.value), window.addEventListener("scroll", T, { passive: !0 }), fe(() => {
+        M == null || M.disconnect(), b.disconnect(), window.removeEventListener("scroll", T);
+      });
+    }), (b, x) => (r(), u(Y, null, [
+      t.loading && t.reviews.length === 0 ? (r(), u("div", vl, [
+        g(e(B).FmIcon, {
+          name: "sync",
+          size: "xl",
+          class: "animate-spin text-fm-color-neutral-gray-400"
+        })
+      ])) : t.reviews.length === 0 ? (r(), u("div", gl, [
+        g(e(B).FmIcon, {
+          name: "rate_review",
+          size: "xl",
+          class: "text-fm-color-neutral-gray-300"
+        }),
+        l("p", wl, d(e(s)("connect.review.overview.empty")), 1)
+      ])) : (r(), u("div", {
+        key: 2,
+        ref_key: "listEl",
+        ref: F
+      }, [
+        e(c) > 0 ? (r(), u("div", {
+          key: 0,
+          ref_key: "topSpacerEl",
+          ref: R,
+          style: le({ height: `${e(C)}px` })
+        }, null, 4)) : I("", !0),
+        (r(!0), u(Y, null, P(e(w), (A) => (r(), u(Y, {
+          key: A.start
+        }, [
+          l("div", {
+            "data-sentinel": A.start,
+            class: "h-1"
+          }, null, 8, fl),
+          l("div", pl, [
+            (r(!0), u(Y, null, P(A.items, (Q) => (r(), U(ml, {
+              key: Q._id,
+              review: Q
+            }, null, 8, ["review"]))), 128))
+          ])
+        ], 64))), 128)),
+        e(E) > 0 ? (r(), u("div", {
+          key: 1,
+          ref_key: "bottomSpacerEl",
+          ref: y,
+          style: le({ height: `${e(E)}px` })
+        }, null, 4)) : I("", !0)
+      ], 512)),
+      l("div", {
+        ref_key: "sentinel",
+        ref: p,
+        class: "h-1"
+      }, null, 512),
+      t.loading && t.reviews.length > 0 ? (r(), u("div", yl, [
+        g(e(B).FmIcon, {
+          name: "sync",
+          size: "md",
+          class: "animate-spin text-fm-color-neutral-gray-400"
+        })
+      ])) : I("", !0)
+    ], 64));
+  }
+}), bl = { class: "w-1/2 rounded-lg border border-fm-color-neutral-gray-200 bg-white p-5" }, xl = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, kl = { class: "mt-16 grid grid-cols-[minmax(0,1fr)_minmax(140px,0.5fr)] gap-5" }, Cl = { class: "mt-12 flex flex-col gap-8" }, Al = { class: "w-16 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Il = { class: "h-8 flex-1 overflow-hidden rounded-full bg-fm-color-neutral-gray-100" }, Dl = { class: "w-24 text-right fm-typo-en-body-sm-400 text-fm-color-neutral-gray-500" }, Ml = { class: "mt-8 flex flex-col items-center" }, Fl = { class: "fm-typo-en-display-lg-800 text-fm-color-typo-primary" }, Sl = {
+  class: "mt-8 flex items-center gap-1",
+  "aria-label": "Average rating"
+}, Bl = { class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400" }, El = /* @__PURE__ */ O({
+  __name: "ReviewSummary",
+  setup(t) {
+    const a = k({
+      averageScore: 0,
+      total: 0,
+      starCounts: [5, 4, 3, 2, 1].map((n) => ({ star: n, count: 0 }))
+    }), s = m(() => a.value.averageScore.toFixed(1));
+    function o(n) {
+      return `${Math.min(Math.max(a.value.averageScore - n + 1, 0), 1) * 100}%`;
+    }
+    return oe(async () => {
+      a.value = await $.getReviewSummary();
+    }), (n, c) => (r(), u("div", bl, [
+      l("h2", xl, d(n.$t("connect.review.overview.summary")), 1),
+      l("div", kl, [
+        l("div", Cl, [
+          (r(!0), u(Y, null, P(e(a).starCounts, (i) => (r(), u("div", {
+            key: i.star,
+            class: "flex items-center gap-8"
+          }, [
+            l("span", Al, d(i.star), 1),
+            g(e(B).FmIcon, {
+              name: "star",
+              size: "sm",
+              class: "text-amber-400"
+            }),
+            l("div", Il, [
+              l("div", {
+                class: "h-full rounded-full bg-amber-400 transition-[width]",
+                style: le({
+                  width: `${e(a).total ? i.count / e(a).total * 100 : 0}%`
+                })
+              }, null, 4)
+            ]),
+            l("span", Dl, d(i.count), 1)
+          ]))), 128))
+        ]),
+        l("div", Ml, [
+          l("span", Fl, d(e(s)), 1),
+          l("div", Sl, [
+            (r(), u(Y, null, P(5, (i) => l("span", {
+              key: i,
+              class: "relative"
+            }, [
+              g(e(B).FmIcon, {
+                name: "star",
+                size: "md",
+                class: "text-fm-color-neutral-gray-200"
+              }),
+              l("span", {
+                class: "absolute inset-y-0 left-0 overflow-hidden",
+                style: le({ width: o(i) })
+              }, [
+                g(e(B).FmIcon, {
+                  name: "star",
+                  size: "md",
+                  class: "text-amber-400"
+                })
+              ], 4)
+            ])), 64))
+          ]),
+          l("span", Bl, " (" + d(e(a).total) + ") ", 1)
+        ])
+      ])
+    ]));
+  }
+}), Rl = { class: "p-24 flex flex-col gap-12" }, ie = 20, Ll = /* @__PURE__ */ O({
+  __name: "Overview",
+  setup(t) {
+    const a = k([]), s = k(!1), o = k(!0), n = k(null), c = k(null), i = k(null), f = k(""), w = k("all"), C = k("createTime_desc");
+    W(n, () => {
+      f.value = "";
+    });
+    function E(y) {
+      var p;
+      return {
+        source: ((p = n.value) == null ? void 0 : p.join(",")) || void 0,
+        dateFrom: c.value ? q(c.value).startOf("day").toISOString() : void 0,
+        dateTo: i.value ? q(i.value).endOf("day").toISOString() : void 0,
+        locationId: f.value || void 0,
+        excludeDeleted: w.value === "excludeDeleted" ? !0 : void 0,
+        sort: C.value,
+        limit: ie,
+        skip: y
+      };
+    }
+    async function F() {
+      s.value = !0, o.value = !0;
+      try {
+        const y = await $.listReviews(E(0));
+        a.value = y, o.value = y.length === ie;
+      } finally {
+        s.value = !1;
+      }
+    }
+    async function R() {
+      if (!(s.value || !o.value)) {
+        s.value = !0;
+        try {
+          const y = await $.listReviews(E(a.value.length));
+          a.value = [...a.value, ...y], o.value = y.length === ie;
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    return W(
+      [
+        n,
+        c,
+        i,
+        f,
+        w,
+        C
+      ],
+      F
+    ), oe(F), (y, p) => (r(), u("div", Rl, [
+      g(El),
+      g(Ie, {
+        source: e(n),
+        "onUpdate:source": p[0] || (p[0] = (v) => N(n) ? n.value = v : null),
+        "date-from": e(c),
+        "onUpdate:dateFrom": p[1] || (p[1] = (v) => N(c) ? c.value = v : null),
+        "date-to": e(i),
+        "onUpdate:dateTo": p[2] || (p[2] = (v) => N(i) ? i.value = v : null),
+        "location-id": e(f),
+        "onUpdate:locationId": p[3] || (p[3] = (v) => N(f) ? f.value = v : null),
+        "deleted-filter": e(w),
+        "onUpdate:deletedFilter": p[4] || (p[4] = (v) => N(w) ? w.value = v : null),
+        sort: e(C),
+        "onUpdate:sort": p[5] || (p[5] = (v) => N(C) ? C.value = v : null)
+      }, null, 8, ["source", "date-from", "date-to", "location-id", "deleted-filter", "sort"]),
+      g(hl, {
+        reviews: e(a),
+        loading: e(s),
+        "has-more": e(o),
+        onLoadMore: R
+      }, null, 8, ["reviews", "loading", "has-more"])
+    ]));
+  }
+});
+export {
+  Ll as default
+};