@primestyleai/tryon 5.3.3 → 5.3.4

package/dist/react/index.js

@@ -2,6 +2,7 @@
 import { P as PrimeStyleError, L as LOCALE_LABELS, b as SUPPORTED_LOCALES, a as compressImage, c as createT, A as ApiClient, S as SseClient, i as isValidImageFile } from "../index-J6U0-q_3.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { createPortal } from "react-dom";
 const LEFT_SHOULDER = 11;
 const RIGHT_SHOULDER = 12;
 const LEFT_ELBOW = 13;
@@ -3341,9 +3342,11 @@ function LangSwitcher({ activeLocale: current, onSelect }) {
     };
     document.addEventListener("mousedown", handler);
     window.addEventListener("resize", updatePos);
+    window.addEventListener("scroll", updatePos, true);
     return () => {
       document.removeEventListener("mousedown", handler);
       window.removeEventListener("resize", updatePos);
+      window.removeEventListener("scroll", updatePos, true);
     };
   }, [open, updatePos]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -3360,34 +3363,37 @@ function LangSwitcher({ activeLocale: current, onSelect }) {
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: dropRef,
-        className: "ps-tryon-lang-dropdown",
-        style: {
-          position: "fixed",
-          top: pos.top,
-          right: pos.right,
-          zIndex: 9999999
-        },
-        children: /* @__PURE__ */ jsx("div", { className: "ps-tryon-lang-list", children: SUPPORTED_LOCALES.map((code) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: `ps-tryon-lang-item${code === current ? " ps-selected" : ""}`,
-            onClick: () => {
-              onSelect(code);
-              setOpen(false);
-            },
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-name", children: LOCALE_LABELS[code] || code }),
-              /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-code", children: code.toUpperCase() }),
-              code === current && /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-check", children: /* @__PURE__ */ jsx(CheckIcon, { size: 12 }) })
-            ]
+    open && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: dropRef,
+          className: "ps-tryon-lang-dropdown",
+          style: {
+            position: "fixed",
+            top: pos.top,
+            right: pos.right,
+            zIndex: 9999999
           },
-          code
-        )) })
-      }
+          children: /* @__PURE__ */ jsx("div", { className: "ps-tryon-lang-list", children: SUPPORTED_LOCALES.map((code) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: `ps-tryon-lang-item${code === current ? " ps-selected" : ""}`,
+              onClick: () => {
+                onSelect(code);
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-name", children: LOCALE_LABELS[code] || code }),
+                /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-code", children: code.toUpperCase() }),
+                code === current && /* @__PURE__ */ jsx("span", { className: "ps-tryon-lang-check", children: /* @__PURE__ */ jsx(CheckIcon, { size: 12 }) })
+              ]
+            },
+            code
+          )) })
+        }
+      ),
+      document.body
     )
   ] });
 }
@@ -4659,7 +4665,14 @@ function SizeResultView({
   const isRecommended = displaySize === origSize;
   const displayFitRows = useMemo(() => {
     if (!sizingResult?.matchDetails?.length) return [];
-    return sizingResult.matchDetails.map((m) => {
+    const seen = /* @__PURE__ */ new Set();
+    const unique = sizingResult.matchDetails.filter((m) => {
+      const key = m.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim();
+      if (seen.has(key)) return false;
+      seen.add(key);
+      return true;
+    });
+    return unique.map((m) => {
       const userNum = pNumFn(m.userValue);
       let chartLabel = m.chartRange;
       let fit = m.fit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "5.3.3",
+  "version": "5.3.4",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",