@betterreviews/react-native 1.0.0

package/dist/index.mjs

@@ -0,0 +1,2346 @@
+// src/BetterReviewsProvider.tsx
+import { createContext, useContext, useMemo } from "react";
+
+// src/telemetry.ts
+var noopHandler = () => {
+};
+function noopTelemetry() {
+  return noopHandler;
+}
+function safeTelemetry(handler) {
+  if (!handler) return noopHandler;
+  return (event) => {
+    try {
+      handler(event);
+    } catch {
+    }
+  };
+}
+
+// src/BetterReviewsProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var defaultValue = {
+  theme: null,
+  config: null,
+  emit: () => {
+  }
+};
+var BetterReviewsContext = createContext(defaultValue);
+function BetterReviewsProvider({
+  theme = null,
+  config = null,
+  onTelemetryEvent,
+  children
+}) {
+  const emit = useMemo(() => safeTelemetry(onTelemetryEvent), [onTelemetryEvent]);
+  const value = useMemo(
+    () => ({ theme, config, emit }),
+    [theme, config, emit]
+  );
+  return /* @__PURE__ */ jsx(BetterReviewsContext.Provider, { value, children });
+}
+function useBetterReviews() {
+  return useContext(BetterReviewsContext);
+}
+
+// src/ProductContentBlock.tsx
+import { useEffect, useMemo as useMemo2 } from "react";
+import { View as View3 } from "react-native";
+import * as v2 from "valibot";
+
+// ../schemas/src/product_content_block.ts
+import * as v from "valibot";
+var featuresSectionSchema = v.object({
+  type: v.literal("features"),
+  bullets: v.pipe(
+    v.array(v.pipe(v.string(), v.maxLength(80))),
+    v.maxLength(6)
+  )
+});
+var reviewsSummarySectionSchema = v.object({
+  type: v.literal("reviews_summary")
+});
+var sectionSchema = v.variant("type", [
+  featuresSectionSchema,
+  reviewsSummarySectionSchema
+]);
+var productContentBlockSchema = v.object({
+  v: v.literal(1),
+  updated_at: v.pipe(v.string(), v.isoTimestamp()),
+  sections: v.array(sectionSchema)
+});
+
+// package.json
+var package_default = {
+  name: "@betterreviews/react-native",
+  version: "1.0.0",
+  description: "React Native renderer for BetterReviews mobile PDP content. Consumes the betterreviews_reactiv.* Shopify metafields and renders product content blocks (features, reviews_summary) themed to the merchant.",
+  license: "SEE LICENSE IN LICENSE",
+  main: "./dist/index.js",
+  module: "./dist/index.mjs",
+  types: "./dist/index.d.ts",
+  exports: {
+    ".": {
+      import: "./dist/index.mjs",
+      require: "./dist/index.js",
+      types: "./dist/index.d.ts"
+    }
+  },
+  files: [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE",
+    "SECURITY.md"
+  ],
+  publishConfig: {
+    access: "public",
+    registry: "https://registry.npmjs.org/"
+  },
+  repository: {
+    type: "git",
+    url: "git+https://github.com/Product-Page-Optimizer/ppo.git",
+    directory: "react-native/packages/react-native"
+  },
+  bugs: {
+    url: "https://github.com/Product-Page-Optimizer/ppo/issues",
+    email: "security@betterreviews.app"
+  },
+  homepage: "https://betterreviews.app",
+  engines: {
+    node: ">=20.0.0"
+  },
+  scripts: {
+    prepublishOnly: "yarn typecheck && yarn test && yarn build",
+    build: "tsup src/index.ts --format esm,cjs --dts --clean --external react --external react-native --external react-native-webview --external react-native-svg --external react-native-gesture-handler",
+    test: "vitest run",
+    "test:rn": "jest",
+    typecheck: "tsc --noEmit",
+    smoke: "bash scripts/smoke-from-pack.sh"
+  },
+  peerDependencies: {
+    react: ">=18.0.0",
+    "react-native": ">=0.74.0",
+    "react-native-gesture-handler": ">=2.16.0",
+    "react-native-svg": ">=15.0.0",
+    "react-native-webview": ">=13.0.0"
+  },
+  dependencies: {
+    valibot: "^1.0.0"
+  },
+  devDependencies: {
+    "@babel/core": "^7.25.0",
+    "@babel/plugin-syntax-import-attributes": "^7.29.7",
+    "@react-native/babel-preset": "0.74.89",
+    "@testing-library/react-native": "^12.5.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.0",
+    "babel-jest": "^29.7.0",
+    jest: "^29.7.0",
+    react: "^18.0.0",
+    "react-native": "^0.74.0",
+    "react-native-gesture-handler": "^2.28.0",
+    "react-native-svg": "^15.12.0",
+    "react-native-webview": "^13.0.0",
+    "react-test-renderer": "18.2.0",
+    tsup: "^8.3.0",
+    typescript: "^5.6.0",
+    vitest: "^2.1.0"
+  }
+};
+
+// src/minSdkVersion.ts
+var SDK_VERSION = package_default.version;
+function parse(version) {
+  const match = version.match(/^(\d+)\.(\d+)\.(\d+)/);
+  if (!match) return null;
+  return {
+    major: parseInt(match[1], 10),
+    minor: parseInt(match[2], 10),
+    patch: parseInt(match[3], 10)
+  };
+}
+function meetsFloor(floor) {
+  if (!floor) return true;
+  const required = parse(floor);
+  const have = parse(SDK_VERSION);
+  if (!required || !have) return true;
+  if (have.major !== required.major) return have.major > required.major;
+  if (have.minor !== required.minor) return have.minor > required.minor;
+  return have.patch >= required.patch;
+}
+
+// src/sections/FeaturesSection.tsx
+import { View, Text, StyleSheet } from "react-native";
+
+// src/theme/applyTheme.ts
+var cornerRadiusMap = {
+  sharp: 0,
+  "slightly-rounded": 8,
+  rounded: 20,
+  "extra-rounded": 28
+};
+var fontFamilyMap = {
+  system: null,
+  serif: "Georgia",
+  "sans-serif": "System",
+  mono: "Courier"
+};
+function applyTheme(theme) {
+  if (!theme) return {};
+  const out = {};
+  if (theme.primary_color) out.primaryColor = theme.primary_color;
+  if (theme.background_color) out.backgroundColor = theme.background_color;
+  if (theme.text_color) out.textColor = theme.text_color;
+  if (theme.accent_color) out.accentColor = theme.accent_color;
+  if (theme.corner_style && theme.corner_style in cornerRadiusMap) {
+    out.borderRadius = cornerRadiusMap[theme.corner_style];
+  }
+  if (theme.font_family && theme.font_family in fontFamilyMap) {
+    const resolved = fontFamilyMap[theme.font_family];
+    if (resolved !== null && resolved !== void 0) {
+      out.fontFamily = resolved;
+    }
+  }
+  return out;
+}
+
+// src/sections/FeaturesSection.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function FeaturesSection({ bullets }) {
+  const { theme } = useBetterReviews();
+  const resolved = applyTheme(theme);
+  return (
+    // Renders flat — like normal page text, no background fill / box. Inherits
+    // the host's surrounding layout (no own horizontal padding).
+    /* @__PURE__ */ jsx2(View, { style: styles.container, children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx2(
+        Text,
+        {
+          style: [
+            styles.bullet,
+            resolved.textColor ? { color: resolved.textColor } : null
+          ],
+          children: "\u2022"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Text,
+        {
+          style: [
+            styles.text,
+            resolved.textColor ? { color: resolved.textColor } : null,
+            resolved.fontFamily ? { fontFamily: resolved.fontFamily } : null
+          ],
+          children: bullet
+        }
+      )
+    ] }, index)) })
+  );
+}
+var styles = StyleSheet.create({
+  container: {
+    paddingVertical: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    paddingVertical: 4
+  },
+  bullet: {
+    fontSize: 16,
+    lineHeight: 22,
+    marginRight: 8
+  },
+  text: {
+    flex: 1,
+    fontSize: 14,
+    lineHeight: 22
+  }
+});
+
+// src/sections/ReviewsSummarySection.tsx
+import { View as View2, Text as Text2, StyleSheet as StyleSheet2 } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function ReviewsSummarySection() {
+  const { theme } = useBetterReviews();
+  const resolved = applyTheme(theme);
+  return (
+    // Flat — no background fill / box; reads as normal page text.
+    /* @__PURE__ */ jsx3(View2, { style: styles2.container, children: /* @__PURE__ */ jsx3(
+      Text2,
+      {
+        style: [
+          styles2.label,
+          resolved.textColor ? { color: resolved.textColor } : null,
+          resolved.fontFamily ? { fontFamily: resolved.fontFamily } : null
+        ],
+        children: "Customer reviews"
+      }
+    ) })
+  );
+}
+var styles2 = StyleSheet2.create({
+  container: {
+    paddingVertical: 8
+  },
+  label: {
+    fontSize: 16,
+    fontWeight: "600"
+  }
+});
+
+// src/ProductContentBlock.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var readEnvelopeSchema = v2.object({
+  v: v2.literal(1),
+  sections: v2.array(v2.unknown())
+});
+function ProductContentBlock({ block }) {
+  const { config, emit } = useBetterReviews();
+  const disabled = config?.product_content_block_enabled === false;
+  const sdkOk = meetsFloor(config?.min_sdk_version);
+  const { nodes, violations } = useMemo2(() => {
+    if (disabled || !sdkOk || !block) {
+      return { nodes: null, violations: [] };
+    }
+    const envelope = v2.safeParse(readEnvelopeSchema, block);
+    if (!envelope.success) {
+      return {
+        nodes: null,
+        violations: [envelope.issues?.[0]?.path?.[0]?.key]
+      };
+    }
+    const violations2 = [];
+    const nodes2 = envelope.output.sections.map((section, index) => renderSection(section, index, violations2)).filter((node) => node !== null);
+    return { nodes: nodes2, violations: violations2 };
+  }, [disabled, sdkOk, block]);
+  useEffect(() => {
+    if (!sdkOk) {
+      emit({
+        type: "betterreviews.fetch.failure",
+        error_code: "sdk_below_floor"
+      });
+    }
+  }, [sdkOk, emit]);
+  useEffect(() => {
+    for (const violation_path of violations) {
+      emit({
+        type: "betterreviews.schema.violation",
+        schema_version: 1,
+        violation_path
+      });
+    }
+  }, [violations, emit]);
+  if (disabled || !sdkOk || !block) return null;
+  if (nodes === null) return null;
+  return /* @__PURE__ */ jsx4(View3, { children: nodes });
+}
+function renderSection(section, index, violations) {
+  const result = v2.safeParse(sectionSchema, section);
+  if (!result.success) {
+    violations.push(`sections[${index}]`);
+    return null;
+  }
+  switch (result.output.type) {
+    case "features":
+      return /* @__PURE__ */ jsx4(FeaturesSection, { bullets: result.output.bullets }, index);
+    case "reviews_summary":
+      return /* @__PURE__ */ jsx4(ReviewsSummarySection, {}, index);
+    default:
+      violations.push(`sections[${index}].type`);
+      return null;
+  }
+}
+
+// src/WebViewHost.tsx
+import { useEffect as useEffect2 } from "react";
+import { WebView } from "react-native-webview";
+
+// src/webviewMessage.ts
+function isCloseSignal(data) {
+  try {
+    const parsed = JSON.parse(data);
+    return typeof parsed === "object" && parsed !== null && parsed.type === "close";
+  } catch {
+    return false;
+  }
+}
+
+// src/WebViewHost.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ALLOWED_ORIGIN_SUFFIXES = [
+  ".betterreviews.app",
+  ".betterreviews.ngrok-free.dev"
+];
+function originAllowed(rawUrl) {
+  let parsed;
+  try {
+    parsed = new URL(rawUrl);
+  } catch {
+    return false;
+  }
+  if (parsed.protocol !== "https:") return false;
+  const host = parsed.hostname.toLowerCase();
+  return ALLOWED_ORIGIN_SUFFIXES.some(
+    (suffix) => host === suffix.slice(1) || host.endsWith(suffix)
+  );
+}
+function WebViewHost({ url, onMessage, onError, onClose }) {
+  const { emit } = useBetterReviews();
+  const allowed = originAllowed(url);
+  useEffect2(() => {
+    if (!allowed) {
+      emit({
+        type: "betterreviews.webview.error",
+        error_code: "origin_not_allowed",
+        url_origin: safeOrigin(url)
+      });
+    }
+  }, [allowed, url, emit]);
+  if (!allowed) return null;
+  const handleMessage = (event) => {
+    if (onClose && isCloseSignal(event.nativeEvent.data)) {
+      onClose();
+      return;
+    }
+    onMessage?.(event);
+  };
+  const handleShouldStartLoad = (request) => {
+    if (originAllowed(request.url)) return true;
+    emit({
+      type: "betterreviews.webview.error",
+      error_code: "cross_origin_blocked",
+      url_origin: safeOrigin(request.url)
+    });
+    return false;
+  };
+  return /* @__PURE__ */ jsx5(
+    WebView,
+    {
+      source: { uri: url },
+      sharedCookiesEnabled: false,
+      automaticallyAdjustContentInsets: false,
+      contentInsetAdjustmentBehavior: "never",
+      keyboardDisplayRequiresUserAction: false,
+      allowsInlineMediaPlayback: true,
+      mediaPlaybackRequiresUserAction: false,
+      onShouldStartLoadWithRequest: handleShouldStartLoad,
+      onMessage: onMessage || onClose ? handleMessage : void 0,
+      onError
+    }
+  );
+}
+function safeOrigin(rawUrl) {
+  try {
+    const parsed = new URL(rawUrl);
+    return `${parsed.protocol}//${parsed.hostname}`;
+  } catch {
+    return "invalid";
+  }
+}
+
+// src/StarRating.tsx
+import { useId } from "react";
+import { Pressable, Text as Text3, View as View4 } from "react-native";
+
+// src/icons/BRIcons.tsx
+import Svg, { Path, Line, Polyline, Circle, Defs, LinearGradient, Stop } from "react-native-svg";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function StrokeIcon({ size = 16, color = "currentColor", children, style }) {
+  return /* @__PURE__ */ jsx6(
+    Svg,
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style,
+      children
+    }
+  );
+}
+var IconShieldCheck = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Path, { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
+  /* @__PURE__ */ jsx6(Polyline, { points: "9 12 12 15 16 10" })
+] });
+var IconThumbsUp = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Path, { d: "M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }),
+  /* @__PURE__ */ jsx6(Path, { d: "M14 2l-3 7v13h9a2 2 0 0 0 2-1.7l1.38-9A2 2 0 0 0 21.4 9H14" })
+] });
+var IconThumbsDown = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Path, { d: "M17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }),
+  /* @__PURE__ */ jsx6(Path, { d: "M10 22l3-7V2H4a2 2 0 0 0-2 1.7l-1.38 9A2 2 0 0 0 2.6 15H10" })
+] });
+var IconCamera = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Path, { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }),
+  /* @__PURE__ */ jsx6(Circle, { cx: "12", cy: "13", r: "4" })
+] });
+var IconChevronDown = (props) => /* @__PURE__ */ jsx6(StrokeIcon, { ...props, children: /* @__PURE__ */ jsx6(Polyline, { points: "6 9 12 15 18 9" }) });
+var IconXClose = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Line, { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ jsx6(Line, { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+var IconArrowUpDown = (props) => /* @__PURE__ */ jsxs2(StrokeIcon, { ...props, children: [
+  /* @__PURE__ */ jsx6(Polyline, { points: "7 3 7 21" }),
+  /* @__PURE__ */ jsx6(Polyline, { points: "4 6 7 3 10 6" }),
+  /* @__PURE__ */ jsx6(Polyline, { points: "17 21 17 3" }),
+  /* @__PURE__ */ jsx6(Polyline, { points: "14 18 17 21 20 18" })
+] });
+var IconSearch = ({ size = 16, color = "currentColor", style }) => /* @__PURE__ */ jsxs2(
+  Svg,
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style,
+    children: [
+      /* @__PURE__ */ jsx6(Circle, { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ jsx6(Line, { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+    ]
+  }
+);
+var STAR_PATH = "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z";
+function IconStar({
+  size = 16,
+  fillPercentage = 100,
+  fillColor = "#e8a808",
+  emptyColor = "#eef0f3",
+  uid = "star",
+  style
+}) {
+  const p = Math.max(0, Math.min(100, fillPercentage));
+  const gradId = `br-half-${uid}-${size}-${p}`;
+  if (p >= 100) {
+    return /* @__PURE__ */ jsx6(Svg, { width: size, height: size, viewBox: "0 0 24 24", style, children: /* @__PURE__ */ jsx6(Path, { d: STAR_PATH, fill: fillColor }) });
+  }
+  if (p <= 0) {
+    return /* @__PURE__ */ jsx6(Svg, { width: size, height: size, viewBox: "0 0 24 24", style, children: /* @__PURE__ */ jsx6(Path, { d: STAR_PATH, fill: emptyColor }) });
+  }
+  return /* @__PURE__ */ jsxs2(Svg, { width: size, height: size, viewBox: "0 0 24 24", style, children: [
+    /* @__PURE__ */ jsx6(Defs, { children: /* @__PURE__ */ jsxs2(LinearGradient, { id: gradId, x1: "0", y1: "0", x2: "1", y2: "0", children: [
+      /* @__PURE__ */ jsx6(Stop, { offset: `${p}%`, stopColor: fillColor }),
+      /* @__PURE__ */ jsx6(Stop, { offset: `${p}%`, stopColor: emptyColor })
+    ] }) }),
+    /* @__PURE__ */ jsx6(Path, { d: STAR_PATH, fill: `url(#${gradId})` })
+  ] });
+}
+
+// src/theme/widgetTheme.ts
+var WIDGET_NEUTRALS = {
+  bg: "#ffffff",
+  text: "#18181b",
+  // zinc-900
+  accent: "#18181b",
+  // black CTA
+  card: "#fafafa",
+  // zinc-50
+  muted: "#f4f4f5",
+  // zinc-100
+  mutedFg: "#71717a",
+  // zinc-500
+  border: "#e4e4e7",
+  // zinc-200
+  star: "#e8a808",
+  // gold — fixed
+  verified: "#1c8c4d",
+  // green — fixed Verified Buyer badge
+  verifiedBg: "#e2f1e9",
+  mark: "rgba(228,228,231,0.6)",
+  // zinc highlight
+  overflowScrim: "rgba(0,0,0,0.55)"
+};
+function resolveWidgetTheme(theme) {
+  const r = applyTheme(theme);
+  return {
+    ...WIDGET_NEUTRALS,
+    bg: r.backgroundColor ?? WIDGET_NEUTRALS.bg,
+    text: r.textColor ?? WIDGET_NEUTRALS.text,
+    accent: r.accentColor ?? WIDGET_NEUTRALS.accent,
+    cornerRadius: r.borderRadius,
+    fontFamily: r.fontFamily
+  };
+}
+
+// src/StarRating.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function StarRating({
+  average,
+  total,
+  size = 16,
+  starColor,
+  onPress,
+  hideWhenEmpty = true
+}) {
+  const { theme } = useBetterReviews();
+  const t = resolveWidgetTheme(theme);
+  const uid = useId();
+  if (hideWhenEmpty && total <= 0) return null;
+  const fill = starColor ?? t.star;
+  const content = /* @__PURE__ */ jsxs3(
+    View4,
+    {
+      style: { flexDirection: "row", alignItems: "center" },
+      accessibilityRole: "image",
+      accessibilityLabel: `${average.toFixed(1)} out of 5 stars, ${total} ${total === 1 ? "review" : "reviews"}`,
+      children: [
+        [1, 2, 3, 4, 5].map((i) => {
+          const diff = average - (i - 1);
+          const p = diff >= 0.75 ? 100 : diff >= 0.25 ? 50 : 0;
+          return /* @__PURE__ */ jsx7(View4, { style: { marginRight: 1 }, children: /* @__PURE__ */ jsx7(IconStar, { size, fillPercentage: p, fillColor: fill, emptyColor: t.muted, uid: `${uid}-${i}` }) }, i);
+        }),
+        /* @__PURE__ */ jsx7(Text3, { style: { marginLeft: 6, fontSize: size * 0.85, fontWeight: "600", color: t.text }, children: average.toFixed(1) }),
+        /* @__PURE__ */ jsxs3(Text3, { style: { marginLeft: 5, fontSize: size * 0.8, color: t.mutedFg }, children: [
+          "\xB7 ",
+          total,
+          " ",
+          total === 1 ? "review" : "reviews"
+        ] })
+      ]
+    }
+  );
+  if (!onPress) return content;
+  return /* @__PURE__ */ jsx7(
+    Pressable,
+    {
+      onPress,
+      accessibilityRole: "button",
+      style: ({ pressed }) => pressed ? { opacity: 0.6 } : null,
+      children: content
+    }
+  );
+}
+
+// src/widget/ReviewWidget.tsx
+import { useMemo as useMemo3, useState as useState7 } from "react";
+import { ActivityIndicator, Pressable as Pressable8, Text as Text11, View as View13 } from "react-native";
+
+// src/client/createBetterReviewsClient.ts
+import * as v7 from "valibot";
+
+// ../schemas/src/theme.ts
+import * as v3 from "valibot";
+var hexColorRegex = /^#[0-9a-fA-F]{6}$/;
+var hexColorSchema = v3.pipe(
+  v3.string(),
+  v3.regex(hexColorRegex, "Color must be hex #RRGGBB (case-insensitive)")
+);
+var fontFamilySchema = v3.picklist([
+  "system",
+  "serif",
+  "sans-serif",
+  "mono"
+]);
+var cornerStyleSchema = v3.picklist([
+  "sharp",
+  "slightly-rounded",
+  "rounded",
+  "extra-rounded"
+]);
+var themeSchema = v3.object({
+  v: v3.literal(1),
+  primary_color: v3.optional(hexColorSchema),
+  background_color: v3.optional(hexColorSchema),
+  text_color: v3.optional(hexColorSchema),
+  accent_color: v3.optional(hexColorSchema),
+  corner_style: v3.optional(cornerStyleSchema),
+  font_family: v3.optional(fontFamilySchema)
+});
+
+// ../schemas/src/config.ts
+import * as v4 from "valibot";
+var semverRegex = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/;
+var configSchema = v4.object({
+  v: v4.literal(1),
+  updated_at: v4.pipe(v4.string(), v4.isoTimestamp()),
+  // `false` means "merchant explicitly turned ProductContentBlock off
+  // for this product" — different from "never configured" (metafield
+  // absent entirely). The RN component renders nothing in both cases.
+  product_content_block_enabled: v4.boolean(),
+  // Forward-compat. Resolver doesn't emit today.
+  min_sdk_version: v4.optional(
+    v4.pipe(v4.string(), v4.regex(semverRegex, "min_sdk_version must be valid semver"))
+  ),
+  // Forward-compat. Resolver doesn't emit today. Schema spec § 11.5 —
+  // v1 RN package ships in-WebView fallback only; native bridge is
+  // post-soft-launch. Default behavior across all three values in v1
+  // is "off" (everything in-WebView).
+  bridge: v4.optional(v4.picklist(["auto", "required", "off"]))
+});
+
+// ../schemas/src/widget_review.ts
+import * as v5 from "valibot";
+var widgetMediaItemSchema = v5.object({
+  type: v5.string(),
+  thumbnail: v5.nullable(v5.string()),
+  full: v5.nullable(v5.string()),
+  alt: v5.nullable(v5.string())
+});
+var widgetMerchantReplySchema = v5.object({
+  body: v5.string(),
+  author_name: v5.nullable(v5.string()),
+  date: v5.nullable(v5.string())
+});
+var widgetReviewSchema = v5.object({
+  id: v5.number(),
+  author: v5.nullable(v5.string()),
+  rating: v5.number(),
+  title: v5.nullable(v5.string()),
+  body: v5.string(),
+  body_truncated: v5.boolean(),
+  verified: v5.boolean(),
+  date: v5.nullable(v5.string()),
+  date_iso: v5.nullable(v5.string()),
+  helpful_count: v5.number(),
+  unhelpful_count: v5.number(),
+  media: v5.array(widgetMediaItemSchema),
+  tags: v5.array(v5.string()),
+  merchant_reply: v5.nullable(widgetMerchantReplySchema),
+  display_product_id: v5.string(),
+  display_product_title: v5.nullable(v5.string())
+});
+var widgetPaginationSchema = v5.object({
+  page: v5.number(),
+  per_page: v5.number(),
+  total: v5.number(),
+  total_pages: v5.number(),
+  has_next: v5.boolean()
+});
+var widgetReviewListSchema = v5.object({
+  reviews: v5.array(v5.unknown()),
+  pagination: widgetPaginationSchema
+});
+var widgetVoteCountsSchema = v5.object({
+  helpful_count: v5.number(),
+  unhelpful_count: v5.number()
+});
+var widgetSortValueSchema = v5.picklist([
+  "most_relevant",
+  "most_helpful",
+  "newest",
+  "highest",
+  "lowest"
+]);
+
+// ../schemas/src/widget_summary.ts
+import * as v6 from "valibot";
+var widgetSummarySchema = v6.object({
+  // Total approved reviews across all ratings.
+  total: v6.number(),
+  // Mean rating, 1 decimal place.
+  average: v6.number(),
+  // Rating distribution counts, index 0 = 1★ … index 4 = 5★.
+  breakdown: v6.array(v6.number()),
+  // Percentage of 4★+5★ reviews (0..100).
+  positivePct: v6.number(),
+  // Count of reviews with media (best-effort; degrades to 0 on error).
+  photoCount: v6.number(),
+  // Count of verified-buyer reviews in the sampled page (best-effort).
+  verifiedCount: v6.number()
+});
+
+// src/client/createBetterReviewsClient.ts
+var MIN_PER_PAGE = 5;
+var MAX_PER_PAGE = 25;
+var DEFAULT_PER_PAGE = 10;
+var MAX_PAGE = 50;
+var MIN_SEARCH_LENGTH = 2;
+function clamp(n, lo, hi) {
+  return Math.min(Math.max(n, lo), hi);
+}
+function isHttps(url) {
+  return typeof url === "string" && url.startsWith("https://");
+}
+function sanitizeMedia(review) {
+  const media = review.media.filter(
+    (m) => (m.thumbnail == null || isHttps(m.thumbnail)) && (m.full == null || isHttps(m.full))
+  );
+  return media.length === review.media.length ? review : { ...review, media };
+}
+function cleanQuery(q) {
+  const out = {};
+  for (const [k, val] of Object.entries(q)) {
+    if (val !== void 0) out[k] = val;
+  }
+  return out;
+}
+function createBetterReviewsClient(config) {
+  const { fetcher, storeId, productId, onSchemaViolation } = config;
+  async function listReviews(params = {}, signal) {
+    const search = typeof params.search === "string" && params.search.trim().length >= MIN_SEARCH_LENGTH ? params.search.trim() : void 0;
+    const query = cleanQuery({
+      page: clamp(params.page ?? 1, 1, MAX_PAGE),
+      per_page: clamp(params.perPage ?? DEFAULT_PER_PAGE, MIN_PER_PAGE, MAX_PER_PAGE),
+      sort: params.sort,
+      rating: params.rating ?? void 0,
+      media_only: params.mediaOnly ? "true" : void 0,
+      search
+    });
+    const raw = await fetcher({
+      path: `/api/widget/${storeId}/products/${productId}/reviews`,
+      query,
+      signal
+    });
+    const envelope = v7.safeParse(widgetReviewListSchema, raw);
+    if (!envelope.success) {
+      throw new Error("betterreviews: invalid review list response");
+    }
+    const reviews = [];
+    let droppedCount = 0;
+    let firstBadPath;
+    envelope.output.reviews.forEach((row, i) => {
+      const parsed = v7.safeParse(widgetReviewSchema, row);
+      if (parsed.success) {
+        reviews.push(sanitizeMedia(parsed.output));
+      } else {
+        droppedCount += 1;
+        if (firstBadPath === void 0) firstBadPath = `reviews[${i}]`;
+      }
+    });
+    if (droppedCount > 0 && firstBadPath !== void 0) {
+      onSchemaViolation?.({ droppedCount, firstBadPath });
+    }
+    return { reviews, pagination: envelope.output.pagination };
+  }
+  async function getReviewDetail(reviewId, signal) {
+    const raw = await fetcher({
+      path: `/api/widget/${storeId}/reviews/${reviewId}`,
+      query: { product_id: productId },
+      signal
+    });
+    const parsed = v7.safeParse(widgetReviewSchema, raw);
+    if (!parsed.success) {
+      onSchemaViolation?.({ droppedCount: 1, firstBadPath: "detail" });
+      throw new Error("betterreviews: invalid review detail response");
+    }
+    return sanitizeMedia(parsed.output);
+  }
+  async function voteReview(reviewId, type, undo, signal) {
+    const raw = await fetcher({
+      path: `/api/widget/${storeId}/reviews/${reviewId}/vote`,
+      query: { product_id: productId },
+      method: "POST",
+      // `undo === true` forces a literal boolean — never the string "true".
+      body: { type, undo: undo === true },
+      signal
+    });
+    const parsed = v7.safeParse(widgetVoteCountsSchema, raw);
+    if (!parsed.success) {
+      onSchemaViolation?.({ droppedCount: 1, firstBadPath: "vote" });
+      return null;
+    }
+    return parsed.output;
+  }
+  async function fetchSummary(signal) {
+    const ratings = [1, 2, 3, 4, 5];
+    const breakdown = await Promise.all(
+      ratings.map(
+        (r) => listReviews({ page: 1, perPage: MIN_PER_PAGE, sort: "most_relevant", rating: r }, signal).then(
+          (res) => res.pagination.total
+        )
+      )
+    );
+    const total = breakdown.reduce((a, b) => a + b, 0);
+    const weighted = breakdown.reduce((acc, n, i) => acc + n * (i + 1), 0);
+    const average = total > 0 ? Math.round(weighted / total * 10) / 10 : 0;
+    const positive = breakdown[3] + breakdown[4];
+    const positivePct = total > 0 ? Math.round(positive / total * 100) : 0;
+    const [photoCount, verifiedCount] = await Promise.all([
+      listReviews({ page: 1, perPage: MAX_PER_PAGE, sort: "most_relevant", mediaOnly: true }, signal).then((r) => r.pagination.total).catch(() => 0),
+      listReviews({ page: 1, perPage: MAX_PER_PAGE, sort: "most_relevant" }, signal).then((r) => r.reviews.filter((x) => x.verified).length).catch(() => 0)
+    ]);
+    return { total, average, breakdown, positivePct, photoCount, verifiedCount };
+  }
+  return { listReviews, getReviewDetail, voteReview, fetchSummary };
+}
+function createMemoryVoteStore() {
+  const map = /* @__PURE__ */ new Map();
+  return {
+    get: (reviewId) => map.get(reviewId),
+    set: (reviewId, vote) => {
+      map.set(reviewId, vote);
+    }
+  };
+}
+
+// src/widget/components/MediaGallery.tsx
+import { Image, Pressable as Pressable2, Text as Text4, View as View5 } from "react-native";
+
+// src/widget/WidgetContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var WidgetContext = createContext2(null);
+function WidgetProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx8(WidgetContext.Provider, { value, children });
+}
+function useWidget() {
+  const ctx = useContext2(WidgetContext);
+  if (!ctx) {
+    throw new Error("useWidget must be used within <ReviewWidget>");
+  }
+  return ctx;
+}
+
+// src/widget/components/MediaGallery.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function MediaGallery({ photos, onOpen }) {
+  const { styles: styles3 } = useWidget();
+  if (!photos || photos.length === 0) return null;
+  const visible = photos.slice(0, 6);
+  const overflow = Math.max(0, photos.length - 6);
+  return /* @__PURE__ */ jsxs4(View5, { style: styles3.mediaGallery, children: [
+    /* @__PURE__ */ jsx9(Text4, { style: styles3.mediaGalleryLabel, children: "Customer Photos" }),
+    /* @__PURE__ */ jsx9(View5, { style: styles3.mediaGalleryGrid, children: visible.map((p, i) => {
+      const isOverflowTile = i === 5 && overflow > 0;
+      const uri = p.thumbnail || p.full || void 0;
+      return /* @__PURE__ */ jsxs4(
+        Pressable2,
+        {
+          onPress: () => onOpen(p.reviewId, p.mediaIndex || 0),
+          style: ({ pressed }) => [
+            styles3.galleryTile,
+            pressed && { opacity: 0.7 }
+          ],
+          accessibilityRole: "button",
+          accessibilityLabel: `Customer photo ${i + 1} of ${photos.length}, double-tap to enlarge.`,
+          children: [
+            /* @__PURE__ */ jsx9(Image, { source: { uri }, style: styles3.galleryTileImg, resizeMode: "cover" }),
+            isOverflowTile && /* @__PURE__ */ jsx9(View5, { style: styles3.galleryOverflow, children: /* @__PURE__ */ jsxs4(Text4, { style: styles3.galleryOverflowText, children: [
+              "+",
+              overflow
+            ] }) })
+          ]
+        },
+        `g${i}`
+      );
+    }) })
+  ] });
+}
+
+// src/widget/components/FilterToolbar.tsx
+import { Pressable as Pressable3, ScrollView, Text as Text5, TextInput, View as View6 } from "react-native";
+
+// src/widget/util.ts
+var SORT_OPTIONS = [
+  { value: "most_relevant", label: "Most relevant" },
+  { value: "most_helpful", label: "Most helpful" },
+  { value: "newest", label: "Newest" },
+  { value: "highest", label: "Highest rated" },
+  { value: "lowest", label: "Lowest rated" }
+];
+function getInitials(name) {
+  if (!name) return "?";
+  const parts = name.trim().split(/\s+/);
+  return ((parts[0]?.[0] || "") + (parts[1]?.[0] || "")).toUpperCase() || "?";
+}
+
+// src/widget/components/FilterToolbar.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function FilterToolbar({ rating, mediaOnly, search, onChange }) {
+  const { styles: styles3, theme } = useWidget();
+  const ratings = [5, 4, 3, 2, 1];
+  const showClear = !!(rating || mediaOnly || search);
+  return /* @__PURE__ */ jsxs5(View6, { style: styles3.toolbar, children: [
+    /* @__PURE__ */ jsxs5(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles3.pillsRow, children: [
+      ratings.map((r) => {
+        const active = rating === r;
+        return /* @__PURE__ */ jsxs5(
+          Pressable3,
+          {
+            onPress: () => onChange({ rating: active ? null : r }),
+            style: ({ pressed }) => [
+              styles3.pill,
+              pressed && !active && { borderColor: theme.text },
+              active && styles3.pillActive
+            ],
+            accessibilityRole: "button",
+            accessibilityState: { selected: active },
+            accessibilityLabel: `${r} stars filter`,
+            children: [
+              /* @__PURE__ */ jsx10(Text5, { style: [styles3.pillText, active && styles3.pillTextActive], children: r }),
+              /* @__PURE__ */ jsx10(
+                IconStar,
+                {
+                  size: 10,
+                  fillPercentage: 100,
+                  fillColor: active ? theme.bg : theme.star,
+                  uid: `pill-${r}`
+                }
+              )
+            ]
+          },
+          r
+        );
+      }),
+      /* @__PURE__ */ jsxs5(
+        Pressable3,
+        {
+          onPress: () => onChange({ mediaOnly: !mediaOnly }),
+          style: ({ pressed }) => [
+            styles3.pill,
+            styles3.pillWithIcon,
+            pressed && !mediaOnly && { borderColor: theme.text },
+            mediaOnly && styles3.pillActive
+          ],
+          accessibilityRole: "button",
+          accessibilityState: { selected: mediaOnly },
+          accessibilityLabel: "Show only reviews with photos",
+          children: [
+            /* @__PURE__ */ jsx10(IconCamera, { size: 12, color: mediaOnly ? theme.bg : theme.text }),
+            /* @__PURE__ */ jsx10(Text5, { style: [styles3.pillText, mediaOnly && styles3.pillTextActive], children: "Photos" })
+          ]
+        }
+      ),
+      showClear && /* @__PURE__ */ jsxs5(
+        Pressable3,
+        {
+          onPress: () => onChange({ rating: null, mediaOnly: false, search: "" }),
+          style: ({ pressed }) => [styles3.clearBtn, pressed && { opacity: 0.6 }],
+          children: [
+            /* @__PURE__ */ jsx10(IconXClose, { size: 12, color: theme.mutedFg }),
+            /* @__PURE__ */ jsx10(Text5, { style: styles3.clearBtnText, children: "Clear" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5(View6, { style: styles3.searchWrap, children: [
+      /* @__PURE__ */ jsx10(IconSearch, { size: 14, color: theme.mutedFg, style: { marginRight: 8 } }),
+      /* @__PURE__ */ jsx10(
+        TextInput,
+        {
+          style: styles3.searchInput,
+          placeholder: "Search reviews...",
+          placeholderTextColor: theme.mutedFg,
+          value: search,
+          onChangeText: (t) => onChange({ search: t }),
+          maxLength: 100,
+          autoCorrect: false,
+          autoCapitalize: "none",
+          returnKeyType: "search"
+        }
+      ),
+      !!search && /* @__PURE__ */ jsx10(
+        Pressable3,
+        {
+          onPress: () => onChange({ search: "" }),
+          hitSlop: 8,
+          style: ({ pressed }) => [styles3.searchClear, pressed && { opacity: 0.5 }],
+          accessibilityLabel: "Clear search",
+          children: /* @__PURE__ */ jsx10(IconXClose, { size: 14, color: theme.mutedFg })
+        }
+      )
+    ] }),
+    search.length > 0 && search.length < 2 && /* @__PURE__ */ jsx10(Text5, { style: styles3.searchHint, children: "Keep typing\u2026" })
+  ] });
+}
+function SortBar({ sort, onOpenSort }) {
+  const { styles: styles3, theme } = useWidget();
+  const label = SORT_OPTIONS.find((o) => o.value === sort)?.label ?? "Most relevant";
+  return /* @__PURE__ */ jsxs5(
+    Pressable3,
+    {
+      onPress: onOpenSort,
+      style: ({ pressed }) => [styles3.sortBtn, pressed && { borderColor: theme.text }],
+      accessibilityRole: "button",
+      accessibilityLabel: `Sort: ${label}. Tap to change.`,
+      children: [
+        /* @__PURE__ */ jsx10(IconArrowUpDown, { size: 13, color: theme.text }),
+        /* @__PURE__ */ jsx10(Text5, { style: styles3.sortBtnText, children: label }),
+        /* @__PURE__ */ jsx10(IconChevronDown, { size: 12, color: theme.text })
+      ]
+    }
+  );
+}
+function WriteReviewBtn({ label = "Write a review" }) {
+  const { styles: styles3, onWriteReview } = useWidget();
+  if (!onWriteReview) return null;
+  return /* @__PURE__ */ jsx10(
+    Pressable3,
+    {
+      onPress: onWriteReview,
+      style: ({ pressed }) => [styles3.writeReviewBtn, pressed && { opacity: 0.85 }],
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      children: /* @__PURE__ */ jsx10(Text5, { style: styles3.writeReviewBtnText, children: label })
+    }
+  );
+}
+
+// src/widget/components/PulseSection.tsx
+import { Text as Text6, View as View8 } from "react-native";
+
+// src/widget/components/RatingStars.tsx
+import { View as View7 } from "react-native";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function RatingStars({ value, size = 13, uid = "r" }) {
+  const { theme } = useWidget();
+  return /* @__PURE__ */ jsx11(
+    View7,
+    {
+      style: { flexDirection: "row", alignItems: "center" },
+      accessibilityRole: "image",
+      accessibilityLabel: `${value} stars out of 5`,
+      children: [1, 2, 3, 4, 5].map((i) => {
+        const diff = value - (i - 1);
+        const p = diff >= 0.75 ? 100 : diff >= 0.25 ? 50 : 0;
+        return /* @__PURE__ */ jsx11(View7, { style: { marginRight: 1 }, children: /* @__PURE__ */ jsx11(
+          IconStar,
+          {
+            size,
+            fillPercentage: p,
+            fillColor: theme.star,
+            emptyColor: theme.muted,
+            uid: `${uid}-${i}`
+          }
+        ) }, i);
+      })
+    }
+  );
+}
+
+// src/widget/components/PulseSection.tsx
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function SectionTitle({ children }) {
+  const { styles: styles3 } = useWidget();
+  return /* @__PURE__ */ jsx12(Text6, { style: styles3.sectionTitle, children });
+}
+function PulseSummary({ summary }) {
+  const { styles: styles3, theme } = useWidget();
+  const max = Math.max(...summary.breakdown, 1);
+  return /* @__PURE__ */ jsxs6(View8, { style: styles3.pulseSummary, children: [
+    /* @__PURE__ */ jsxs6(View8, { style: styles3.pulseRating, children: [
+      /* @__PURE__ */ jsx12(Text6, { style: styles3.pulseScore, children: summary.average.toFixed(1) }),
+      /* @__PURE__ */ jsx12(RatingStars, { value: summary.average, size: 15, uid: "pulse" }),
+      /* @__PURE__ */ jsxs6(Text6, { style: styles3.pulseCount, children: [
+        "Based on ",
+        summary.total,
+        " ",
+        summary.total === 1 ? "review" : "reviews"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(View8, { style: styles3.pulseBars, children: [5, 4, 3, 2, 1].map((star) => {
+      const count = summary.breakdown[star - 1] ?? 0;
+      const pct = max > 0 ? count / max * 100 : 0;
+      return /* @__PURE__ */ jsxs6(View8, { style: styles3.barRow, children: [
+        /* @__PURE__ */ jsxs6(View8, { style: styles3.barLabel, children: [
+          /* @__PURE__ */ jsx12(Text6, { style: styles3.barLabelText, children: star }),
+          /* @__PURE__ */ jsx12(IconStar, { size: 12, fillPercentage: 100, fillColor: theme.star, uid: `bar-${star}` })
+        ] }),
+        /* @__PURE__ */ jsx12(View8, { style: styles3.barTrack, children: /* @__PURE__ */ jsx12(View8, { style: [styles3.barFill, { width: `${Math.max(0, pct)}%` }] }) }),
+        /* @__PURE__ */ jsx12(Text6, { style: styles3.barCount, children: count })
+      ] }, star);
+    }) })
+  ] });
+}
+function Metric({ value, label }) {
+  const { styles: styles3 } = useWidget();
+  return /* @__PURE__ */ jsxs6(View8, { style: styles3.metric, children: [
+    /* @__PURE__ */ jsx12(Text6, { style: styles3.metricValue, children: value }),
+    /* @__PURE__ */ jsx12(Text6, { style: styles3.metricLabel, children: label })
+  ] });
+}
+function PulseMetrics({ summary }) {
+  const { styles: styles3 } = useWidget();
+  return /* @__PURE__ */ jsxs6(View8, { style: styles3.metrics, children: [
+    /* @__PURE__ */ jsx12(Metric, { value: summary.total, label: "REVIEWS" }),
+    /* @__PURE__ */ jsx12(Metric, { value: `${summary.positivePct}%`, label: "POSITIVE" }),
+    /* @__PURE__ */ jsx12(Metric, { value: summary.photoCount, label: "PHOTOS" }),
+    /* @__PURE__ */ jsx12(Metric, { value: summary.verifiedCount, label: "VERIFIED" })
+  ] });
+}
+
+// src/widget/components/ReviewCard.tsx
+import { Image as Image2, Pressable as Pressable5, ScrollView as ScrollView2, Text as Text8, View as View9 } from "react-native";
+
+// src/widget/hooks/useReviewDetail.ts
+import { useCallback, useEffect as useEffect3, useState } from "react";
+function useReviewDetail(review, preFetchedBody) {
+  const { client, emit } = useWidget();
+  const [expanded, setExpanded] = useState(false);
+  const [fullBody, setFullBody] = useState(preFetchedBody ?? null);
+  const [error, setError] = useState(false);
+  useEffect3(() => {
+    if (preFetchedBody && !fullBody) setFullBody(preFetchedBody);
+  }, [preFetchedBody, fullBody]);
+  const toggle = useCallback(() => {
+    if (expanded) {
+      setExpanded(false);
+      return;
+    }
+    if (fullBody || !review.body_truncated) {
+      setExpanded(true);
+      return;
+    }
+    client.getReviewDetail(review.id).then((detail) => {
+      setFullBody(detail.body);
+      setExpanded(true);
+    }).catch(() => {
+      setExpanded(true);
+      setError(true);
+      emit({ type: "betterreviews.fetch.failure", error_code: "detail_failed" });
+    });
+  }, [expanded, fullBody, review.id, review.body_truncated, client, emit]);
+  const body = expanded && fullBody ? fullBody : review.body;
+  return { expanded, body, error, toggle };
+}
+
+// src/widget/components/VoteButtons.tsx
+import { Pressable as Pressable4, Text as Text7 } from "react-native";
+
+// src/widget/hooks/useVote.ts
+import { useCallback as useCallback2, useRef, useState as useState2 } from "react";
+function useVote(review) {
+  const { client, voteStore, emit } = useWidget();
+  const [vote, setVote] = useState2(() => voteStore.get(review.id) ?? null);
+  const [helpfulCount, setHelpful] = useState2(review.helpful_count);
+  const [unhelpfulCount, setUnhelpful] = useState2(review.unhelpful_count);
+  const pendingRef = useRef(false);
+  const press = useCallback2(
+    (type) => {
+      if (pendingRef.current) return;
+      if (vote !== null && vote !== type) return;
+      const snapshot = { vote, helpfulCount, unhelpfulCount };
+      const isUndo = vote === type;
+      setVote(isUndo ? null : type);
+      if (type === "helpful") setHelpful((n) => n + (isUndo ? -1 : 1));
+      else setUnhelpful((n) => n + (isUndo ? -1 : 1));
+      pendingRef.current = true;
+      client.voteReview(review.id, type, isUndo).then((counts) => {
+        voteStore.set(review.id, isUndo ? null : type);
+        if (counts) {
+          setHelpful(counts.helpful_count);
+          setUnhelpful(counts.unhelpful_count);
+        }
+      }).catch(() => {
+        setVote(snapshot.vote);
+        setHelpful(snapshot.helpfulCount);
+        setUnhelpful(snapshot.unhelpfulCount);
+        emit({ type: "betterreviews.fetch.failure", error_code: "vote_failed" });
+      }).finally(() => {
+        pendingRef.current = false;
+      });
+    },
+    [vote, helpfulCount, unhelpfulCount, review.id, client, voteStore, emit]
+  );
+  return { vote, helpfulCount, unhelpfulCount, press };
+}
+
+// src/widget/components/VoteButtons.tsx
+import { Fragment, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+function VoteButtons({ review }) {
+  const { styles: styles3, theme } = useWidget();
+  const { vote, helpfulCount, unhelpfulCount, press } = useVote(review);
+  const helpfulDisabled = vote === "unhelpful";
+  const unhelpfulDisabled = vote === "helpful";
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7(
+      Pressable4,
+      {
+        onPress: () => press("helpful"),
+        disabled: helpfulDisabled,
+        style: ({ pressed }) => [
+          styles3.actionBtn,
+          helpfulDisabled && { opacity: 0.4 },
+          pressed && { opacity: 0.6 }
+        ],
+        accessibilityRole: "button",
+        accessibilityState: { selected: vote === "helpful", disabled: helpfulDisabled },
+        accessibilityLabel: `Helpful (${helpfulCount})`,
+        children: [
+          /* @__PURE__ */ jsx13(IconThumbsUp, { size: 14, color: vote === "helpful" ? theme.accent : theme.mutedFg }),
+          /* @__PURE__ */ jsxs7(Text7, { style: [styles3.actionBtnText, vote === "helpful" && styles3.actionBtnTextActive], children: [
+            "Helpful (",
+            helpfulCount,
+            ")"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs7(
+      Pressable4,
+      {
+        onPress: () => press("unhelpful"),
+        disabled: unhelpfulDisabled,
+        style: ({ pressed }) => [
+          styles3.actionBtn,
+          unhelpfulDisabled && { opacity: 0.4 },
+          pressed && { opacity: 0.6 }
+        ],
+        accessibilityRole: "button",
+        accessibilityState: { selected: vote === "unhelpful", disabled: unhelpfulDisabled },
+        accessibilityLabel: `Not helpful (${unhelpfulCount})`,
+        children: [
+          /* @__PURE__ */ jsx13(IconThumbsDown, { size: 14, color: vote === "unhelpful" ? theme.accent : theme.mutedFg }),
+          /* @__PURE__ */ jsxs7(Text7, { style: [styles3.actionBtnText, vote === "unhelpful" && styles3.actionBtnTextActive], children: [
+            "(",
+            unhelpfulCount,
+            ")"
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/widget/components/ReviewCard.tsx
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+function ReviewCard({ review, onOpenPhoto }) {
+  const { styles: styles3, theme } = useWidget();
+  const { expanded, body, error, toggle } = useReviewDetail(review);
+  const media = review.media.filter((m) => m.type === "image");
+  const visibleTags = review.tags.slice(0, 4);
+  const reply = review.merchant_reply;
+  const wasTruncated = review.body_truncated === true;
+  return /* @__PURE__ */ jsxs8(View9, { style: styles3.card, children: [
+    /* @__PURE__ */ jsxs8(View9, { style: styles3.cardHeader, children: [
+      /* @__PURE__ */ jsx14(View9, { style: styles3.avatar, children: /* @__PURE__ */ jsx14(Text8, { style: styles3.avatarText, children: getInitials(review.author) }) }),
+      /* @__PURE__ */ jsxs8(View9, { style: styles3.cardInfo, children: [
+        /* @__PURE__ */ jsxs8(View9, { style: styles3.cardTopRow, children: [
+          /* @__PURE__ */ jsx14(Text8, { style: styles3.cardAuthor, numberOfLines: 1, children: review.author || "Anonymous" }),
+          /* @__PURE__ */ jsx14(Text8, { style: styles3.cardDate, children: review.date })
+        ] }),
+        /* @__PURE__ */ jsxs8(View9, { style: styles3.cardRatingRow, children: [
+          /* @__PURE__ */ jsx14(RatingStars, { value: review.rating, size: 13, uid: `c-${review.id}` }),
+          review.verified && /* @__PURE__ */ jsxs8(View9, { style: styles3.verifiedBadge, children: [
+            /* @__PURE__ */ jsx14(IconShieldCheck, { size: 11, color: theme.verified }),
+            /* @__PURE__ */ jsx14(Text8, { style: styles3.verifiedBadgeText, children: "Verified Buyer" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    !!review.title && /* @__PURE__ */ jsx14(Text8, { style: styles3.cardTitle, children: review.title }),
+    !!body && /* @__PURE__ */ jsx14(Text8, { style: styles3.cardBody, numberOfLines: wasTruncated && !expanded ? 3 : void 0, children: body }),
+    wasTruncated && /* @__PURE__ */ jsx14(
+      Pressable5,
+      {
+        onPress: toggle,
+        style: ({ pressed }) => [styles3.readMoreBtn, pressed && { opacity: 0.6 }],
+        accessibilityRole: "button",
+        accessibilityLabel: expanded ? "Read less" : "Read more",
+        children: /* @__PURE__ */ jsx14(Text8, { style: styles3.readMoreBtnText, children: expanded ? "Read less" : "Read more" })
+      }
+    ),
+    error && /* @__PURE__ */ jsx14(Text8, { style: styles3.readMoreErr, children: "Could not load full review \u2014 showing preview." }),
+    media.length > 0 && /* @__PURE__ */ jsx14(
+      ScrollView2,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        style: styles3.cardMedia,
+        contentContainerStyle: { gap: 8 },
+        children: media.map((m, i) => /* @__PURE__ */ jsx14(
+          Pressable5,
+          {
+            onPress: () => onOpenPhoto(review.id, i),
+            style: ({ pressed }) => [styles3.mediaThumb, pressed && { opacity: 0.7 }],
+            accessibilityRole: "button",
+            accessibilityLabel: `Customer photo ${i + 1} of ${media.length}, double-tap to enlarge.`,
+            children: /* @__PURE__ */ jsx14(Image2, { source: { uri: m.thumbnail || void 0 }, style: styles3.mediaThumbImg })
+          },
+          i
+        ))
+      }
+    ),
+    visibleTags.length > 0 && /* @__PURE__ */ jsx14(View9, { style: styles3.tagsRow, children: visibleTags.map((tag, i) => /* @__PURE__ */ jsx14(View9, { style: styles3.tag, children: /* @__PURE__ */ jsx14(Text8, { style: styles3.tagText, children: tag }) }, i)) }),
+    /* @__PURE__ */ jsx14(View9, { style: styles3.actionsRow, children: /* @__PURE__ */ jsx14(VoteButtons, { review }) }),
+    reply && /* @__PURE__ */ jsxs8(View9, { style: styles3.merchantReply, children: [
+      /* @__PURE__ */ jsxs8(View9, { style: styles3.merchantReplyHeader, children: [
+        /* @__PURE__ */ jsx14(Text8, { style: styles3.merchantReplyAuthor, children: reply.author_name }),
+        /* @__PURE__ */ jsx14(Text8, { style: styles3.merchantReplyDate, children: reply.date })
+      ] }),
+      /* @__PURE__ */ jsx14(Text8, { style: styles3.merchantReplyBody, children: reply.body })
+    ] })
+  ] });
+}
+
+// src/widget/components/SortDrawer.tsx
+import { Modal, Pressable as Pressable6, Text as Text9, View as View10 } from "react-native";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+function SortDrawer({ visible, current, onSelect, onClose }) {
+  const { styles: styles3, theme } = useWidget();
+  return /* @__PURE__ */ jsxs9(Modal, { visible, animationType: "slide", transparent: true, onRequestClose: onClose, children: [
+    /* @__PURE__ */ jsx15(Pressable6, { style: styles3.modalBackdrop, onPress: onClose }),
+    /* @__PURE__ */ jsxs9(View10, { style: styles3.drawer, accessibilityRole: "menu", children: [
+      /* @__PURE__ */ jsx15(View10, { style: styles3.drawerHandle }),
+      /* @__PURE__ */ jsx15(Text9, { style: styles3.drawerTitle, children: "Sort reviews" }),
+      SORT_OPTIONS.map((opt) => {
+        const active = opt.value === current;
+        return /* @__PURE__ */ jsxs9(
+          Pressable6,
+          {
+            onPress: () => {
+              onSelect(opt.value);
+              onClose();
+            },
+            style: ({ pressed }) => [
+              styles3.drawerOption,
+              pressed && { backgroundColor: theme.card }
+            ],
+            accessibilityRole: "menuitem",
+            accessibilityState: { selected: active },
+            children: [
+              /* @__PURE__ */ jsx15(Text9, { style: [styles3.drawerOptionText, active && styles3.drawerOptionTextActive], children: opt.label }),
+              active && /* @__PURE__ */ jsx15(View10, { style: styles3.drawerActiveDot })
+            ]
+          },
+          opt.value
+        );
+      })
+    ] })
+  ] });
+}
+
+// src/widget/components/StaleListOverlay.tsx
+import { useEffect as useEffect4, useRef as useRef2, useState as useState3 } from "react";
+import { Animated, Easing, View as View11 } from "react-native";
+
+// src/widget/styles.ts
+import { Dimensions, StyleSheet as StyleSheet3 } from "react-native";
+var R = 16;
+var SCREEN_W = Dimensions.get("window").width;
+var SCREEN_H = Dimensions.get("window").height;
+var MEDIA_ZONE_H = Math.round(SCREEN_H * 0.6);
+var CARD_ZONE_H = SCREEN_H - MEDIA_ZONE_H;
+function makeWidgetStyles(t) {
+  return StyleSheet3.create({
+    root: { flex: 1, backgroundColor: t.bg },
+    list: { paddingHorizontal: R, paddingBottom: R * 1.5 },
+    center: { padding: R * 2, alignItems: "center", justifyContent: "center" },
+    muted: { color: t.mutedFg, marginTop: 8, fontSize: 14 },
+    errorLine: { color: t.mutedFg, fontSize: 14, marginBottom: 8 },
+    retryLink: { color: t.accent, fontSize: 14, textDecorationLine: "underline" },
+    sectionTitle: {
+      fontSize: R * 1.5,
+      fontWeight: "700",
+      color: t.text,
+      marginTop: R,
+      marginBottom: R * 0.75
+    },
+    pulse: { paddingTop: R * 0.5, marginBottom: R },
+    pulseSummary: { flexDirection: "column", gap: R * 0.75 },
+    pulseRating: { flexDirection: "row", alignItems: "center", flexWrap: "wrap", gap: R * 0.5 },
+    pulseScore: {
+      fontSize: R * 2.5,
+      fontWeight: "700",
+      color: t.text,
+      letterSpacing: -1,
+      marginRight: R * 0.25,
+      lineHeight: R * 2.5
+    },
+    pulseCount: { fontSize: 13, color: t.mutedFg },
+    pulseBars: { gap: R * 0.375, marginTop: R * 0.25 },
+    barRow: { flexDirection: "row", alignItems: "center", gap: R * 0.5 },
+    barLabel: { width: R * 1.5, flexDirection: "row", alignItems: "center", gap: 2 },
+    barLabelText: { fontSize: 13, color: t.text },
+    barTrack: { flex: 1, height: 8, backgroundColor: t.muted, borderRadius: 4, overflow: "hidden" },
+    barFill: { height: "100%", backgroundColor: t.star, borderRadius: 4 },
+    barCount: { width: R * 2, textAlign: "right", fontSize: 12, color: t.mutedFg },
+    mediaGallery: { marginTop: R },
+    mediaGalleryLabel: {
+      fontSize: 12,
+      fontWeight: "600",
+      color: t.mutedFg,
+      textTransform: "uppercase",
+      letterSpacing: 0.6,
+      marginBottom: 8
+    },
+    mediaGalleryGrid: { flexDirection: "row", flexWrap: "wrap", gap: 8 },
+    galleryTile: {
+      width: "31.5%",
+      aspectRatio: 1,
+      borderRadius: 16,
+      borderWidth: 1,
+      borderColor: t.border,
+      overflow: "hidden",
+      backgroundColor: t.muted
+    },
+    galleryTileImg: { width: "100%", height: "100%" },
+    galleryOverflow: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: t.overflowScrim,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    galleryOverflowText: { color: "#fff", fontSize: 18, fontWeight: "700" },
+    writeReviewBtn: {
+      width: "100%",
+      paddingHorizontal: R * 1.5,
+      paddingVertical: R * 0.625,
+      backgroundColor: t.accent,
+      borderRadius: 9999,
+      alignItems: "center",
+      justifyContent: "center",
+      marginTop: R * 0.75
+    },
+    writeReviewBtnText: { color: "#ffffff", fontWeight: "600", fontSize: 14 },
+    metrics: { flexDirection: "row", gap: R * 0.5, marginTop: R },
+    metric: { flex: 1, alignItems: "center" },
+    metricValue: { fontSize: R * 1.25, fontWeight: "700", color: t.text, lineHeight: R * 1.5 },
+    metricLabel: {
+      fontSize: 11,
+      color: t.mutedFg,
+      textTransform: "uppercase",
+      letterSpacing: 0.5,
+      marginTop: 2
+    },
+    toolbar: {
+      paddingTop: R * 0.75,
+      paddingBottom: R * 0.75,
+      borderBottomWidth: 1,
+      borderBottomColor: t.border,
+      marginBottom: R * 0.75,
+      gap: R * 0.5
+    },
+    pillsRow: { flexDirection: "row", gap: R * 0.375, paddingRight: R, alignItems: "center" },
+    pill: {
+      paddingHorizontal: R * 0.75,
+      paddingVertical: R * 0.375,
+      borderRadius: 9999,
+      borderWidth: 1,
+      borderColor: t.border,
+      backgroundColor: t.bg,
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 4
+    },
+    pillWithIcon: { paddingHorizontal: R * 0.625 },
+    pillActive: { backgroundColor: t.text, borderColor: t.text },
+    pillText: { color: t.text, fontSize: 13, fontWeight: "500" },
+    pillTextActive: { color: t.bg },
+    clearBtn: {
+      paddingHorizontal: R * 0.5,
+      paddingVertical: R * 0.375,
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 4
+    },
+    clearBtnText: { color: t.mutedFg, fontSize: 13, fontWeight: "500" },
+    searchWrap: {
+      flexDirection: "row",
+      alignItems: "center",
+      borderWidth: 1,
+      borderColor: t.border,
+      borderRadius: 9999,
+      backgroundColor: t.bg,
+      paddingLeft: R * 0.75,
+      paddingRight: R * 0.5,
+      height: 36
+    },
+    searchInput: { flex: 1, fontSize: 13, color: t.text, paddingVertical: 0 },
+    searchClear: { width: 22, height: 22, borderRadius: 11, alignItems: "center", justifyContent: "center" },
+    searchHint: { fontSize: 12, color: t.mutedFg, paddingLeft: R * 0.25, paddingTop: 4 },
+    sortBtn: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      alignSelf: "flex-start",
+      paddingHorizontal: R * 0.75,
+      paddingVertical: R * 0.375,
+      borderRadius: 9999,
+      borderWidth: 1,
+      borderColor: t.border,
+      backgroundColor: t.bg,
+      marginBottom: R * 0.5,
+      gap: R * 0.375
+    },
+    sortBtnText: { color: t.text, fontSize: 13, fontWeight: "500" },
+    // 2px top progress bar — faint neutral track (the fill uses the accent).
+    progressTrack: {
+      height: 2,
+      width: "100%",
+      backgroundColor: "rgba(0, 0, 0, 0.06)",
+      overflow: "hidden",
+      marginBottom: -2
+    },
+    progressFill: { width: "30%", height: "100%", backgroundColor: t.accent, borderRadius: 2 },
+    card: { paddingVertical: R * 1.25, borderBottomWidth: 1, borderBottomColor: t.border },
+    cardHeader: { flexDirection: "row", alignItems: "flex-start", gap: R * 0.75, marginBottom: R * 0.5 },
+    avatar: {
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      backgroundColor: t.muted,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    avatarText: { fontWeight: "600", fontSize: 14, color: t.mutedFg, textTransform: "uppercase" },
+    cardInfo: { flex: 1, minWidth: 0 },
+    cardTopRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: R * 0.5 },
+    cardAuthor: { fontWeight: "600", fontSize: 15, color: t.text, flexShrink: 1 },
+    cardDate: { fontSize: 13, color: t.mutedFg },
+    cardRatingRow: { flexDirection: "row", alignItems: "center", gap: R * 0.5, marginTop: 2 },
+    verifiedBadge: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 4,
+      paddingHorizontal: R * 0.5,
+      paddingVertical: 2,
+      borderRadius: 9999,
+      backgroundColor: t.verifiedBg
+    },
+    verifiedBadgeText: { fontSize: 11, color: t.verified, fontWeight: "500" },
+    cardTitle: { fontSize: 15, fontWeight: "700", color: t.text, marginTop: R * 0.5, marginBottom: R * 0.375 },
+    cardBody: { fontSize: 15, lineHeight: 15 * 1.7, color: t.text },
+    readMoreBtn: { paddingVertical: 4, marginTop: 2, alignSelf: "flex-start" },
+    readMoreBtnText: { fontSize: 13, color: t.accent, fontWeight: "500", textDecorationLine: "underline" },
+    readMoreErr: { fontSize: 12, color: t.mutedFg, marginTop: 2 },
+    cardMedia: { marginTop: R * 0.75 },
+    mediaThumb: {
+      width: 64,
+      height: 64,
+      borderRadius: R,
+      borderWidth: 1,
+      borderColor: t.border,
+      overflow: "hidden",
+      backgroundColor: t.muted
+    },
+    mediaThumbImg: { width: "100%", height: "100%" },
+    tagsRow: { flexDirection: "row", flexWrap: "wrap", gap: R * 0.375, marginTop: R * 0.75 },
+    tag: {
+      paddingHorizontal: R * 0.5,
+      paddingVertical: 2,
+      borderRadius: 9999,
+      borderWidth: 1,
+      borderColor: t.border,
+      backgroundColor: t.muted
+    },
+    tagText: { fontSize: 12, color: t.mutedFg },
+    actionsRow: { flexDirection: "row", gap: R, marginTop: R * 0.75 },
+    actionBtn: { flexDirection: "row", alignItems: "center", gap: 6, paddingVertical: R * 0.25 },
+    actionBtnText: { fontSize: 13, color: t.mutedFg },
+    actionBtnTextActive: { color: t.accent, fontWeight: "600" },
+    merchantReply: {
+      marginTop: R * 0.75,
+      padding: R,
+      borderRadius: R,
+      backgroundColor: t.muted,
+      borderWidth: 1,
+      borderColor: t.border
+    },
+    merchantReplyHeader: { flexDirection: "row", alignItems: "baseline", gap: R * 0.5, marginBottom: R * 0.25 },
+    merchantReplyAuthor: { fontWeight: "600", fontSize: 13, color: t.text },
+    merchantReplyDate: { fontSize: 12, color: t.mutedFg },
+    merchantReplyBody: { fontSize: 14, lineHeight: 22, color: t.mutedFg },
+    footerWrap: { alignItems: "center", paddingVertical: R },
+    showMore: {
+      paddingHorizontal: R * 2,
+      paddingVertical: R * 0.625,
+      borderRadius: 9999,
+      borderWidth: 1,
+      borderColor: t.border,
+      backgroundColor: "transparent"
+    },
+    showMoreDisabled: { opacity: 0.5 },
+    showMoreText: { fontSize: 14, color: t.text },
+    emptyState: {
+      alignItems: "center",
+      padding: R * 2,
+      borderRadius: R,
+      borderWidth: 1,
+      borderColor: t.border,
+      marginVertical: R
+    },
+    emptyStateText: { fontSize: 15, color: t.mutedFg, marginBottom: R * 0.5 },
+    emptyStateClear: { fontSize: 14, color: t.text, textDecorationLine: "underline" },
+    modalBackdrop: { flex: 1, backgroundColor: "rgba(0,0,0,0.5)" },
+    drawer: {
+      backgroundColor: t.bg,
+      borderTopLeftRadius: R,
+      borderTopRightRadius: R,
+      paddingBottom: R * 1.5,
+      paddingTop: R * 0.75
+    },
+    drawerHandle: {
+      alignSelf: "center",
+      width: 36,
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: t.border,
+      marginBottom: R
+    },
+    drawerTitle: {
+      paddingHorizontal: R,
+      paddingBottom: R * 0.75,
+      fontWeight: "600",
+      fontSize: 16,
+      color: t.text,
+      borderBottomWidth: 1,
+      borderBottomColor: t.border
+    },
+    drawerOption: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingHorizontal: R,
+      paddingVertical: R * 0.75
+    },
+    drawerOptionText: { fontSize: 14, color: t.text },
+    drawerOptionTextActive: { fontWeight: "600" },
+    drawerActiveDot: { width: 6, height: 6, borderRadius: 3, backgroundColor: t.accent },
+    viewerRoot: { flex: 1, backgroundColor: "#000" },
+    viewerClose: {
+      position: "absolute",
+      top: 50,
+      right: 20,
+      zIndex: 20,
+      backgroundColor: "rgba(0,0,0,0.45)",
+      width: 36,
+      height: 36,
+      borderRadius: 18,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    viewerMediaZone: { width: "100%", height: MEDIA_ZONE_H, backgroundColor: "#000" },
+    viewerMediaPage: { height: MEDIA_ZONE_H, alignItems: "center", justifyContent: "center" },
+    viewerImage: { width: "100%", height: "100%" },
+    viewerTopOverlay: {
+      position: "absolute",
+      top: 50,
+      left: 16,
+      right: 64,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 12
+    },
+    viewerDots: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 4,
+      backgroundColor: "rgba(0,0,0,0.35)",
+      paddingHorizontal: 8,
+      paddingVertical: 5,
+      borderRadius: 9999
+    },
+    viewerDot: { width: 5, height: 5, borderRadius: 3, backgroundColor: "rgba(255,255,255,0.5)" },
+    viewerDotActive: { backgroundColor: "#fff", width: 7, height: 7, borderRadius: 4 },
+    viewerPosition: {
+      backgroundColor: "rgba(0,0,0,0.35)",
+      paddingHorizontal: 10,
+      paddingVertical: 4,
+      borderRadius: 9999
+    },
+    viewerPositionText: { color: "#fff", fontSize: 12, fontWeight: "500" },
+    viewerCard: {
+      height: CARD_ZONE_H,
+      backgroundColor: t.bg,
+      borderTopLeftRadius: R * 1.25,
+      borderTopRightRadius: R * 1.25,
+      paddingTop: 0
+    },
+    viewerHandleHit: { alignItems: "center", paddingTop: 8, paddingBottom: 6 },
+    viewerHandle: { width: 36, height: 4, borderRadius: 2, backgroundColor: t.border },
+    viewerCardScroll: { flex: 1 },
+    viewerCardContent: { paddingHorizontal: R, paddingTop: R * 0.5, paddingBottom: R * 1.5 },
+    viewerCardHeader: { flexDirection: "row", alignItems: "flex-start", gap: R * 0.75, marginBottom: R * 0.5 },
+    viewerAvatar: {
+      width: 36,
+      height: 36,
+      borderRadius: 18,
+      backgroundColor: t.muted,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    viewerAvatarText: { fontWeight: "600", fontSize: 13, color: t.mutedFg, textTransform: "uppercase" },
+    viewerHeaderTopRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: R * 0.5 },
+    viewerAuthor: { fontWeight: "600", fontSize: 15, color: t.text, flexShrink: 1 },
+    viewerDate: { fontSize: 13, color: t.mutedFg },
+    viewerStarsRow: { flexDirection: "row", alignItems: "center", gap: R * 0.5, marginTop: 2 },
+    viewerTitle: { fontSize: 15, fontWeight: "700", color: t.text, marginTop: R * 0.25, marginBottom: R * 0.375 },
+    viewerBody: { fontSize: 14, lineHeight: 14 * 1.6, color: t.text },
+    viewerActionsRow: { flexDirection: "row", gap: R, marginTop: R * 0.75 },
+    viewerReplyToggle: { marginTop: R * 0.5, paddingVertical: 6, alignSelf: "flex-start" },
+    viewerReplyToggleText: { fontSize: 13, color: t.accent, fontWeight: "500" }
+  });
+}
+
+// src/widget/components/StaleListOverlay.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function StaleListOverlay({ active }) {
+  const { styles: styles3 } = useWidget();
+  const slide = useRef2(new Animated.Value(0)).current;
+  const [shown, setShown] = useState3(false);
+  useEffect4(() => {
+    let graceTimer;
+    if (active) {
+      graceTimer = setTimeout(() => setShown(true), 150);
+    } else {
+      setShown(false);
+    }
+    return () => clearTimeout(graceTimer);
+  }, [active]);
+  useEffect4(() => {
+    if (!shown) {
+      slide.setValue(0);
+      return;
+    }
+    const loop = Animated.loop(
+      Animated.timing(slide, {
+        toValue: 1,
+        duration: 1400,
+        easing: Easing.linear,
+        useNativeDriver: true
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [shown, slide]);
+  if (!shown) return null;
+  const translateX = slide.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-SCREEN_W * 0.4, SCREEN_W * 1.4]
+  });
+  return /* @__PURE__ */ jsx16(View11, { style: styles3.progressTrack, pointerEvents: "none", children: /* @__PURE__ */ jsx16(Animated.View, { style: [styles3.progressFill, { transform: [{ translateX }] }] }) });
+}
+
+// src/widget/hooks/useReviewList.ts
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
+var PAGE_SIZE = 10;
+function useReviewList(client, emit, initialSort = "most_relevant") {
+  const [page, setPage] = useState4(1);
+  const [reviews, setReviews] = useState4([]);
+  const [pagination, setPagination] = useState4(null);
+  const [sort, setSort] = useState4(initialSort);
+  const [rating, setRating] = useState4(null);
+  const [mediaOnly, setMediaOnly] = useState4(false);
+  const [searchInput, setSearchInput] = useState4("");
+  const [search, setSearch] = useState4("");
+  const [loading, setLoading] = useState4(true);
+  const [refetching, setRefetching] = useState4(false);
+  const [loadingMore, setLoadingMore] = useState4(false);
+  const [error, setError] = useState4(false);
+  const inflightRef = useRef3(null);
+  const initialLoadDoneRef = useRef3(false);
+  useEffect5(() => {
+    const t = setTimeout(() => setSearch(searchInput), 300);
+    return () => clearTimeout(t);
+  }, [searchInput]);
+  const loadFirstPage = useCallback3(async () => {
+    inflightRef.current?.abort();
+    const ctrl = new AbortController();
+    inflightRef.current = ctrl;
+    if (!initialLoadDoneRef.current) setLoading(true);
+    else setRefetching(true);
+    setError(false);
+    try {
+      const res = await client.listReviews(
+        { page: 1, perPage: PAGE_SIZE, sort, rating, mediaOnly, search },
+        ctrl.signal
+      );
+      if (ctrl.signal.aborted) return;
+      setReviews(res.reviews);
+      setPagination(res.pagination);
+      setPage(1);
+      initialLoadDoneRef.current = true;
+    } catch {
+      if (ctrl.signal.aborted) return;
+      setError(true);
+    } finally {
+      if (!ctrl.signal.aborted) {
+        setLoading(false);
+        setRefetching(false);
+      }
+    }
+  }, [client, sort, rating, mediaOnly, search]);
+  useEffect5(() => {
+    loadFirstPage();
+    return () => inflightRef.current?.abort();
+  }, [loadFirstPage]);
+  const onLoadMore = useCallback3(async () => {
+    if (loadingMore || !pagination?.has_next) return;
+    setLoadingMore(true);
+    try {
+      const next = page + 1;
+      const res = await client.listReviews({ page: next, perPage: PAGE_SIZE, sort, rating, mediaOnly, search });
+      setReviews((prev) => [...prev, ...res.reviews]);
+      setPagination(res.pagination);
+      setPage(next);
+    } catch {
+      emit({ type: "betterreviews.fetch.failure", error_code: "load_more_failed" });
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [loadingMore, pagination, page, client, sort, rating, mediaOnly, search, emit]);
+  const onFilterChange = useCallback3((patch) => {
+    if ("rating" in patch) setRating(patch.rating ?? null);
+    if ("mediaOnly" in patch) setMediaOnly(!!patch.mediaOnly);
+    if ("search" in patch) setSearchInput(patch.search ?? "");
+  }, []);
+  return {
+    reviews,
+    pagination,
+    sort,
+    rating,
+    mediaOnly,
+    searchInput,
+    loading,
+    refetching,
+    loadingMore,
+    error,
+    setSort,
+    onFilterChange,
+    onLoadMore,
+    reload: loadFirstPage
+  };
+}
+
+// src/widget/hooks/useReviewSummary.ts
+import { useEffect as useEffect6, useState as useState5 } from "react";
+function useReviewSummary(client) {
+  const [summary, setSummary] = useState5(null);
+  useEffect6(() => {
+    const ctrl = new AbortController();
+    client.fetchSummary(ctrl.signal).then((s) => {
+      if (!ctrl.signal.aborted) setSummary(s);
+    }).catch(() => {
+    });
+    return () => ctrl.abort();
+  }, [client]);
+  return summary;
+}
+
+// src/widget/viewer/MediaReviewViewer.tsx
+import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef4, useState as useState6 } from "react";
+import {
+  Animated as Animated2,
+  Easing as Easing2,
+  FlatList,
+  Image as Image3,
+  Modal as Modal2,
+  Platform,
+  Pressable as Pressable7,
+  Text as Text10,
+  View as View12
+} from "react-native";
+import {
+  GestureHandlerRootView,
+  FlatList as GHFlatList,
+  ScrollView as GHScrollView
+} from "react-native-gesture-handler";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+function MediaReviewViewer({
+  reviews,
+  initialReviewId,
+  initialMediaIndex,
+  onClose
+}) {
+  const { styles: styles3, client } = useWidget();
+  const startIndex = Math.max(
+    0,
+    reviews.findIndex((r) => r.id === initialReviewId)
+  );
+  const [reviewIndex, setReviewIndex] = useState6(startIndex);
+  const [mediaIndexByReview, setMediaIndexByReview] = useState6(() => ({
+    [reviews[startIndex]?.id ?? -1]: initialMediaIndex || 0
+  }));
+  const [fullBodies, setFullBodies] = useState6({});
+  const vListRef = useRef4(null);
+  const fade = useRef4(new Animated2.Value(0)).current;
+  useEffect7(() => {
+    Animated2.timing(fade, {
+      toValue: 1,
+      duration: 200,
+      easing: Easing2.out(Easing2.quad),
+      useNativeDriver: true
+    }).start();
+  }, [fade]);
+  const close = useCallback4(() => {
+    Animated2.timing(fade, {
+      toValue: 0,
+      duration: 180,
+      easing: Easing2.in(Easing2.quad),
+      useNativeDriver: true
+    }).start(() => onClose());
+  }, [fade, onClose]);
+  useEffect7(() => {
+    const next = reviews[reviewIndex + 1];
+    if (!next || !next.body_truncated || fullBodies[next.id]) return;
+    let cancelled = false;
+    client.getReviewDetail(next.id).then((detail) => {
+      if (!cancelled) setFullBodies((m) => ({ ...m, [next.id]: detail.body }));
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [reviewIndex, reviews, fullBodies, client]);
+  const onMomentumScrollEnd = useCallback4(
+    (e) => {
+      const next = Math.round(e.nativeEvent.contentOffset.y / SCREEN_H);
+      if (next !== reviewIndex) setReviewIndex(next);
+    },
+    [reviewIndex]
+  );
+  const setMediaIndex = useCallback4((reviewId, i) => {
+    setMediaIndexByReview((m) => ({ ...m, [reviewId]: i }));
+  }, []);
+  if (!reviews.length) return null;
+  return /* @__PURE__ */ jsx17(
+    Modal2,
+    {
+      visible: true,
+      transparent: true,
+      animationType: "none",
+      presentationStyle: "overFullScreen",
+      onRequestClose: close,
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ jsx17(GestureHandlerRootView, { style: styles3.viewerRoot, children: /* @__PURE__ */ jsxs10(Animated2.View, { style: [styles3.viewerRoot, { opacity: fade }], accessibilityViewIsModal: true, children: [
+        /* @__PURE__ */ jsx17(
+          GHFlatList,
+          {
+            ref: vListRef,
+            data: reviews,
+            keyExtractor: (r) => `vr-${r.id}`,
+            pagingEnabled: true,
+            showsVerticalScrollIndicator: false,
+            initialScrollIndex: reviewIndex,
+            getItemLayout: (_, i) => ({ length: SCREEN_H, offset: SCREEN_H * i, index: i }),
+            onMomentumScrollEnd,
+            decelerationRate: "fast",
+            snapToInterval: SCREEN_H,
+            initialNumToRender: 1,
+            windowSize: 3,
+            removeClippedSubviews: Platform.OS === "android",
+            renderItem: ({ item, index }) => /* @__PURE__ */ jsx17(
+              ViewerPage,
+              {
+                review: item,
+                reviewPositionLabel: `Review ${index + 1} / ${reviews.length}`,
+                mediaIndex: mediaIndexByReview[item.id] || 0,
+                onMediaIndexChange: (i) => setMediaIndex(item.id, i),
+                onSwipeNextReview: () => {
+                  if (index < reviews.length - 1) {
+                    vListRef.current?.scrollToIndex({ index: index + 1, animated: true });
+                  }
+                },
+                preFetchedBody: fullBodies[item.id],
+                onRequestClose: close
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          Pressable7,
+          {
+            style: ({ pressed }) => [styles3.viewerClose, pressed && { opacity: 0.7 }],
+            onPress: close,
+            accessibilityLabel: "Close review viewer",
+            hitSlop: 12,
+            children: /* @__PURE__ */ jsx17(IconXClose, { size: 20, color: "#fff" })
+          }
+        )
+      ] }) })
+    }
+  );
+}
+function ViewerPage({
+  review,
+  reviewPositionLabel,
+  mediaIndex,
+  onMediaIndexChange,
+  onSwipeNextReview,
+  preFetchedBody,
+  onRequestClose
+}) {
+  const { styles: styles3, theme } = useWidget();
+  const { expanded, body, error, toggle } = useReviewDetail(review, preFetchedBody);
+  const [replyOpen, setReplyOpen] = useState6(false);
+  const media = review.media.filter((m) => m.type === "image");
+  const reply = review.merchant_reply;
+  const visibleTags = review.tags.slice(0, 4);
+  const wasTruncated = review.body_truncated === true;
+  return /* @__PURE__ */ jsxs10(View12, { style: { width: SCREEN_W, height: SCREEN_H }, children: [
+    /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerMediaZone, children: [
+      /* @__PURE__ */ jsx17(
+        FlatList,
+        {
+          data: media,
+          keyExtractor: (_, i) => `hm-${review.id}-${i}`,
+          horizontal: true,
+          pagingEnabled: true,
+          showsHorizontalScrollIndicator: false,
+          initialScrollIndex: mediaIndex,
+          getItemLayout: (_, i) => ({ length: SCREEN_W, offset: SCREEN_W * i, index: i }),
+          onMomentumScrollEnd: (e) => {
+            const i = Math.round(e.nativeEvent.contentOffset.x / SCREEN_W);
+            if (i === mediaIndex && media.length <= 1) onSwipeNextReview();
+            else onMediaIndexChange(i);
+          },
+          onScrollEndDrag: (e) => onMediaIndexChange(Math.round(e.nativeEvent.contentOffset.x / SCREEN_W)),
+          renderItem: ({ item, index }) => /* @__PURE__ */ jsx17(
+            View12,
+            {
+              style: [styles3.viewerMediaPage, { width: SCREEN_W }],
+              accessibilityLabel: `Photo ${index + 1} of ${media.length} from ${review.author || "Anonymous"}'s review`,
+              children: /* @__PURE__ */ jsx17(
+                Image3,
+                {
+                  source: { uri: item.full || void 0 },
+                  style: styles3.viewerImage,
+                  resizeMode: "contain",
+                  accessible: true,
+                  accessibilityLabel: item.alt || "Customer review photo"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerTopOverlay, pointerEvents: "none", children: [
+        media.length > 1 ? /* @__PURE__ */ jsx17(View12, { style: styles3.viewerDots, children: media.map((_, i) => /* @__PURE__ */ jsx17(View12, { style: [styles3.viewerDot, i === mediaIndex && styles3.viewerDotActive] }, i)) }) : /* @__PURE__ */ jsx17(View12, {}),
+        /* @__PURE__ */ jsx17(View12, { style: styles3.viewerPosition, children: /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerPositionText, children: reviewPositionLabel }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerCard, accessibilityRole: "summary", children: [
+      /* @__PURE__ */ jsx17(
+        Pressable7,
+        {
+          onPress: onRequestClose,
+          hitSlop: 12,
+          accessibilityLabel: "Close review viewer",
+          accessibilityRole: "button",
+          style: styles3.viewerHandleHit,
+          children: /* @__PURE__ */ jsx17(View12, { style: styles3.viewerHandle })
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        GHScrollView,
+        {
+          style: styles3.viewerCardScroll,
+          contentContainerStyle: styles3.viewerCardContent,
+          showsVerticalScrollIndicator: false,
+          children: [
+            /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerCardHeader, children: [
+              /* @__PURE__ */ jsx17(View12, { style: styles3.viewerAvatar, children: /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerAvatarText, children: getInitials(review.author) }) }),
+              /* @__PURE__ */ jsxs10(View12, { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerHeaderTopRow, children: [
+                  /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerAuthor, numberOfLines: 1, children: review.author || "Anonymous" }),
+                  /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerDate, children: review.date })
+                ] }),
+                /* @__PURE__ */ jsxs10(View12, { style: styles3.viewerStarsRow, children: [
+                  /* @__PURE__ */ jsx17(RatingStars, { value: review.rating, size: 13, uid: `v-${review.id}` }),
+                  review.verified && /* @__PURE__ */ jsxs10(View12, { style: styles3.verifiedBadge, children: [
+                    /* @__PURE__ */ jsx17(IconShieldCheck, { size: 11, color: theme.verified }),
+                    /* @__PURE__ */ jsx17(Text10, { style: styles3.verifiedBadgeText, children: "Verified Buyer" })
+                  ] })
+                ] })
+              ] })
+            ] }),
+            !!review.title && /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerTitle, children: review.title }),
+            !!body && /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerBody, numberOfLines: wasTruncated && !expanded ? 4 : void 0, children: body }),
+            wasTruncated && /* @__PURE__ */ jsx17(
+              Pressable7,
+              {
+                onPress: toggle,
+                style: ({ pressed }) => [styles3.readMoreBtn, pressed && { opacity: 0.6 }],
+                accessibilityRole: "button",
+                accessibilityLabel: expanded ? "Read less" : "Read more",
+                children: /* @__PURE__ */ jsx17(Text10, { style: styles3.readMoreBtnText, children: expanded ? "Read less" : "Read more" })
+              }
+            ),
+            error && /* @__PURE__ */ jsx17(Text10, { style: styles3.readMoreErr, children: "Could not load full review \u2014 showing preview." }),
+            visibleTags.length > 0 && /* @__PURE__ */ jsx17(View12, { style: styles3.tagsRow, children: visibleTags.map((tag, i) => /* @__PURE__ */ jsx17(View12, { style: styles3.tag, children: /* @__PURE__ */ jsx17(Text10, { style: styles3.tagText, children: tag }) }, i)) }),
+            /* @__PURE__ */ jsx17(View12, { style: styles3.viewerActionsRow, children: /* @__PURE__ */ jsx17(VoteButtons, { review }) }),
+            reply && /* @__PURE__ */ jsx17(
+              Pressable7,
+              {
+                onPress: () => setReplyOpen((v8) => !v8),
+                style: ({ pressed }) => [styles3.viewerReplyToggle, pressed && { opacity: 0.7 }],
+                accessibilityRole: "button",
+                accessibilityLabel: replyOpen ? "Hide merchant reply" : "Show merchant reply",
+                children: /* @__PURE__ */ jsx17(Text10, { style: styles3.viewerReplyToggleText, children: replyOpen ? `Hide reply from ${reply.author_name}` : `Reply from ${reply.author_name} \u2192` })
+              }
+            ),
+            reply && replyOpen && /* @__PURE__ */ jsxs10(View12, { style: styles3.merchantReply, children: [
+              /* @__PURE__ */ jsxs10(View12, { style: styles3.merchantReplyHeader, children: [
+                /* @__PURE__ */ jsx17(Text10, { style: styles3.merchantReplyAuthor, children: reply.author_name }),
+                /* @__PURE__ */ jsx17(Text10, { style: styles3.merchantReplyDate, children: reply.date })
+              ] }),
+              /* @__PURE__ */ jsx17(Text10, { style: styles3.merchantReplyBody, children: reply.body })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/widget/ReviewWidget.tsx
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function ReviewWidget(props) {
+  const { client: clientProp, fetcher, storeId, productId, voteStateStore, onWriteReview, initialSort } = props;
+  const { theme: rawTheme, emit } = useBetterReviews();
+  const client = useMemo3(() => {
+    if (clientProp) return clientProp;
+    if (!fetcher || !storeId || !productId) {
+      throw new Error(
+        "<ReviewWidget> requires either a `client` or `fetcher` + `storeId` + `productId`."
+      );
+    }
+    return createBetterReviewsClient({
+      fetcher,
+      storeId,
+      productId,
+      onSchemaViolation: (info) => emit({
+        type: "betterreviews.schema.violation",
+        schema_version: 1,
+        violation_path: info.firstBadPath,
+        dropped_count: info.droppedCount
+      })
+    });
+  }, [clientProp, fetcher, storeId, productId, emit]);
+  const theme = useMemo3(() => resolveWidgetTheme(rawTheme), [rawTheme]);
+  const styles3 = useMemo3(() => makeWidgetStyles(theme), [theme]);
+  const fallbackStore = useMemo3(() => createMemoryVoteStore(), []);
+  const voteStore = voteStateStore ?? fallbackStore;
+  const list = useReviewList(client, emit, initialSort);
+  const summary = useReviewSummary(client);
+  const [viewer, setViewer] = useState7(null);
+  const [sortOpen, setSortOpen] = useState7(false);
+  const ctx = useMemo3(
+    () => ({ client, voteStore, theme, styles: styles3, emit, onWriteReview }),
+    [client, voteStore, theme, styles3, emit, onWriteReview]
+  );
+  const onOpenPhoto = (reviewId, mediaIndex) => setViewer({ reviewId, mediaIndex });
+  const galleryPhotos = useMemo3(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const r of list.reviews) {
+      const imgs = r.media.filter((m) => m.type === "image");
+      imgs.forEach((m, i) => {
+        const key = m.full || m.thumbnail;
+        if (!key || seen.has(key)) return;
+        seen.add(key);
+        out.push({ thumbnail: m.thumbnail, full: m.full, reviewId: r.id, mediaIndex: i });
+      });
+      if (out.length >= 24) break;
+    }
+    return out.slice(0, 24);
+  }, [list.reviews]);
+  const reviewsWithMedia = useMemo3(
+    () => list.reviews.filter((r) => r.media.some((m) => m.type === "image")),
+    [list.reviews]
+  );
+  const header = /* @__PURE__ */ jsxs11(View13, { children: [
+    /* @__PURE__ */ jsx18(SectionTitle, { children: "Customer Reviews" }),
+    summary && /* @__PURE__ */ jsxs11(View13, { style: styles3.pulse, children: [
+      /* @__PURE__ */ jsx18(PulseSummary, { summary }),
+      /* @__PURE__ */ jsx18(MediaGallery, { photos: galleryPhotos, onOpen: onOpenPhoto }),
+      /* @__PURE__ */ jsx18(WriteReviewBtn, {}),
+      /* @__PURE__ */ jsx18(PulseMetrics, { summary })
+    ] }),
+    /* @__PURE__ */ jsx18(
+      FilterToolbar,
+      {
+        rating: list.rating,
+        mediaOnly: list.mediaOnly,
+        search: list.searchInput,
+        onChange: list.onFilterChange
+      }
+    ),
+    /* @__PURE__ */ jsx18(SortBar, { sort: list.sort, onOpenSort: () => setSortOpen(true) }),
+    /* @__PURE__ */ jsx18(StaleListOverlay, { active: list.refetching })
+  ] });
+  if (list.loading && list.reviews.length === 0) {
+    return /* @__PURE__ */ jsx18(WidgetProvider, { value: ctx, children: /* @__PURE__ */ jsxs11(View13, { style: styles3.center, children: [
+      /* @__PURE__ */ jsx18(ActivityIndicator, { color: theme.accent }),
+      /* @__PURE__ */ jsx18(Text11, { style: styles3.muted, children: "Loading reviews\u2026" })
+    ] }) });
+  }
+  if (list.error && list.reviews.length === 0) {
+    return /* @__PURE__ */ jsx18(WidgetProvider, { value: ctx, children: /* @__PURE__ */ jsxs11(View13, { style: styles3.center, children: [
+      /* @__PURE__ */ jsx18(Text11, { style: styles3.errorLine, children: "Reviews unavailable" }),
+      /* @__PURE__ */ jsx18(Pressable8, { onPress: list.reload, accessibilityHint: "Tap to try loading reviews again", children: /* @__PURE__ */ jsx18(Text11, { style: styles3.retryLink, children: "Try again" }) })
+    ] }) });
+  }
+  const allDropped = list.reviews.length === 0 && (list.pagination?.total ?? 0) > 0;
+  return /* @__PURE__ */ jsxs11(WidgetProvider, { value: ctx, children: [
+    /* @__PURE__ */ jsxs11(View13, { style: styles3.list, children: [
+      header,
+      list.reviews.length === 0 ? /* @__PURE__ */ jsxs11(View13, { style: styles3.emptyState, children: [
+        /* @__PURE__ */ jsx18(Text11, { style: styles3.emptyStateText, children: allDropped ? "Reviews could not be displayed." : "No reviews match your filter." }),
+        !allDropped && /* @__PURE__ */ jsx18(Pressable8, { onPress: () => list.onFilterChange({ rating: null, mediaOnly: false, search: "" }), children: /* @__PURE__ */ jsx18(Text11, { style: styles3.emptyStateClear, children: "Clear filters" }) })
+      ] }) : list.reviews.map((item) => /* @__PURE__ */ jsx18(View13, { style: list.refetching ? { opacity: 0.5 } : void 0, children: /* @__PURE__ */ jsx18(ReviewCard, { review: item, onOpenPhoto }) }, item.id)),
+      list.pagination?.has_next && /* @__PURE__ */ jsx18(View13, { style: styles3.footerWrap, children: /* @__PURE__ */ jsx18(
+        Pressable8,
+        {
+          onPress: list.onLoadMore,
+          disabled: list.loadingMore,
+          style: ({ pressed }) => [
+            styles3.showMore,
+            list.loadingMore && styles3.showMoreDisabled,
+            pressed && { borderColor: theme.text }
+          ],
+          accessibilityRole: "button",
+          accessibilityLabel: "Load more reviews",
+          children: list.loadingMore ? /* @__PURE__ */ jsx18(ActivityIndicator, { color: theme.text }) : /* @__PURE__ */ jsx18(Text11, { style: styles3.showMoreText, children: "Load more" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx18(
+      SortDrawer,
+      {
+        visible: sortOpen,
+        current: list.sort,
+        onSelect: list.setSort,
+        onClose: () => setSortOpen(false)
+      }
+    ),
+    viewer && reviewsWithMedia.length > 0 && /* @__PURE__ */ jsx18(
+      MediaReviewViewer,
+      {
+        reviews: reviewsWithMedia,
+        initialReviewId: viewer.reviewId,
+        initialMediaIndex: viewer.mediaIndex,
+        onClose: () => setViewer(null)
+      }
+    )
+  ] });
+}
+
+// src/bridge.ts
+function resolveBridge(config, emit) {
+  const requested = config?.bridge;
+  if (requested && requested !== "off") {
+    emit({
+      type: "betterreviews.fetch.failure",
+      error_code: "bridge_not_implemented"
+    });
+  }
+  return "in_webview";
+}
+export {
+  BetterReviewsProvider,
+  FeaturesSection,
+  ProductContentBlock,
+  ReviewWidget,
+  ReviewsSummarySection,
+  SDK_VERSION,
+  StarRating,
+  WebViewHost,
+  applyTheme,
+  createBetterReviewsClient,
+  createMemoryVoteStore,
+  meetsFloor,
+  noopTelemetry,
+  resolveBridge,
+  safeTelemetry,
+  useBetterReviews
+};