@primestyleai/tryon 5.10.99 → 5.10.100

package/dist/react/types.d.ts

@@ -135,7 +135,7 @@ export interface SizeGuide {
     /** Mapping of section name → product image URL (classified by AI) */
     sectionImages?: Record<string, string>;
 }
-export type ViewState = "idle" | "welcome" | "body-profile" | "estimation-review" | "size-result" | "upload" | "processing" | "result" | "error" | "no-chart" | "profiles";
+export type ViewState = "idle" | "welcome" | "body-profile" | "estimation-review" | "size-result" | "upload" | "photo-guide" | "processing" | "result" | "error" | "no-chart" | "profiles";
 export type DrawerType = "profiles" | "history" | null;
 export interface PrimeStyleTryonProps {
     productImage: string;

package/dist/react/views/PhotoGuideView.d.ts

@@ -0,0 +1,15 @@
+import type { TranslateFn } from "../../i18n";
+/**
+ * Photo guide screen — mirrors the inline `showPhotoGuide` overlay inside
+ * SizeResultView. Used for try-on flows that don't have a size result yet
+ * (e.g. NoChartView's "See how it looks on you").
+ *
+ * Desktop: split — photo upload on the left, Do/Don't/Pro-Tip on the right.
+ * Mobile: stacked — title + preview + checklist + START TRY-ON.
+ */
+export declare function PhotoGuideView({ measurementType, onBack, onSubmit, t, }: {
+    measurementType?: "body" | "face" | "head" | "foot";
+    onBack: () => void;
+    onSubmit: (file: File) => void;
+    t: TranslateFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/storefront/primestyle-tryon.js

@@ -21928,6 +21928,275 @@ function UploadView({
     }
   ) });
 }
+function PhotoGuideView({
+  measurementType = "body",
+  onBack,
+  onSubmit,
+  t: t2
+}) {
+  const isMobile = useIsMobile();
+  const [guideFile, setGuideFile] = reactExports.useState(null);
+  const [guidePreviewUrl, setGuidePreviewUrl] = reactExports.useState(null);
+  const [, setGuideDragOver] = reactExports.useState(false);
+  const guideInputRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (!guideFile) {
+      setGuidePreviewUrl(null);
+      return;
+    }
+    const url = URL.createObjectURL(guideFile);
+    setGuidePreviewUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [guideFile]);
+  const submit = () => {
+    if (!guideFile) return;
+    onSubmit(guideFile);
+  };
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-wrapper", style: { padding: "16px 16px 0", background: "var(--ps-bg-primary)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-pm-root", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-pm-header", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-pm-title", children: t2("Review your photo") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-pm-subtitle", children: measurementType === "face" ? t2("A clear, front-facing face photo — no glasses on — gives us the most accurate try-on.") : measurementType === "head" ? t2("Face the camera with your head and shoulders in frame, leaving space above your head.") : t2("Ensure your full body is visible for the most accurate virtual try-on.") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          ref: guideInputRef,
+          type: "file",
+          accept: "image/jpeg,image/png,image/webp",
+          style: { display: "none" },
+          onChange: (e) => {
+            const f2 = e.target.files?.[0];
+            if (f2) setGuideFile(f2);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-pm-preview", children: guideFile && guidePreviewUrl ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: guidePreviewUrl, alt: t2("Your photo"), className: "ps-pm-preview-img" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ps-pm-preview-remove",
+            onClick: () => setGuideFile(null),
+            "aria-label": t2("Remove photo"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] })
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "ps-pm-preview-empty",
+          onClick: () => guideInputRef.current?.click(),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", width: "32", height: "32", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("polyline", { points: "17 8 12 3 7 8" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-pm-preview-empty-title", children: t2("Tap to upload") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-pm-preview-empty-hint", children: t2("JPEG, PNG up to 10MB") })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-pm-checklist", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-pm-checklist-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "14", height: "14", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-pm-checklist-body", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-pm-checklist-title", children: t2("Checklist for accuracy") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "ps-pm-checklist-items", children: measurementType === "face" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Face the camera directly at eye level") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Remove any glasses you're wearing") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Good lighting, plain background") })
+          ] }) : measurementType === "head" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Head and shoulders in frame") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Leave space above your head") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Good lighting, plain background") })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Form-fitting clothing is recommended") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Standing 2-3 meters from camera") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("Neutral background with good lighting") })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bpm-spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bpm-bottom", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ps-pm-primary-btn",
+            disabled: !guideFile,
+            onClick: submit,
+            children: t2("START TRY-ON")
+          }
+        ),
+        guideFile ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ps-pm-secondary-btn",
+            onClick: () => guideInputRef.current?.click(),
+            children: t2("RETAKE PHOTO")
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ps-pm-secondary-btn",
+            onClick: onBack,
+            children: t2("BACK")
+          }
+        )
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", flexDirection: "column", padding: "1.5vw", width: "100%", height: "100%", background: "var(--ps-bg-primary)", borderRadius: "0.8vw", overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "1.2vw", flex: 1, alignItems: "stretch", minHeight: 0, overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          onClick: () => guideInputRef.current?.click(),
+          onDragOver: (e) => {
+            e.preventDefault();
+            setGuideDragOver(true);
+          },
+          onDragLeave: () => setGuideDragOver(false),
+          onDrop: (e) => {
+            e.preventDefault();
+            setGuideDragOver(false);
+            const f2 = e.dataTransfer.files[0];
+            if (f2) setGuideFile(f2);
+          },
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            border: guideFile ? "none" : "2px dashed var(--ps-border-color)",
+            borderRadius: "0.5vw",
+            cursor: "pointer",
+            position: "relative",
+            background: "var(--ps-bg-secondary)",
+            overflow: "hidden"
+          },
+          className: "ps-tryon-upload-hover",
+          children: [
+            guideFile && guidePreviewUrl ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: guidePreviewUrl, alt: "preview", style: { width: "100%", height: "100%", objectFit: "contain" } }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-upload-hover-overlay", style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", background: "rgba(0,0,0,0.4)", opacity: 0, transition: "opacity 0.2s", borderRadius: "0.5vw" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#fff", fontSize: "0.8vw", fontWeight: 600 }, children: t2("Click to change photo") }) })
+            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(UploadIcon, { size: 32 }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.85vw", fontWeight: 600, color: "var(--ps-text-primary)", marginTop: "0.5vw" }, children: t2("Upload your photo") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.6vw", color: "var(--ps-text-muted)", marginTop: "0.2vw" }, children: measurementType === "face" ? t2("Click or drag a close-up face photo") : measurementType === "head" ? t2("Click or drag a head-and-shoulders photo") : t2("Click or drag a full-body photo") })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                ref: guideInputRef,
+                type: "file",
+                accept: "image/jpeg,image/png,image/webp",
+                style: { display: "none" },
+                onChange: (e) => {
+                  const f2 = e.target.files?.[0];
+                  if (f2) setGuideFile(f2);
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center", gap: "0.6vw" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "0.85vw", fontWeight: 700, color: "var(--ps-text-primary)", marginBottom: "0.3vw" }, children: t2("How to take the best photo") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { background: "#ddfbe7", borderRadius: "0.5vw", padding: "0.6vw 0.8vw" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.3vw", marginBottom: "0.3vw" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#1c9d4c", fontSize: "0.75vw", fontWeight: 700 }, children: "✓" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#1c9d4c", fontSize: "0.65vw", fontWeight: 600 }, children: t2("Do") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "0.58vw", color: "var(--ps-text-primary)", lineHeight: 1.8 }, children: measurementType === "face" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Face the camera directly, centered in frame"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Use natural, even lighting (e.g. near a window)"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Keep hair away from your face and ears"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Choose a plain, light background")
+          ] }) : measurementType === "head" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Face the camera with head and shoulders in frame"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Leave some space above your head"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Use natural, even lighting"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Choose a plain, light background")
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Stand facing the camera with your full body in frame"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Use natural or even lighting"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Wear fitted, simple clothing"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Stand straight and still, arms relaxed")
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { background: "#ffe2e2", borderRadius: "0.5vw", padding: "0.6vw 0.8vw" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.3vw", marginBottom: "0.3vw" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#e7000b", fontSize: "0.75vw", fontWeight: 700 }, children: "✗" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#e7000b", fontSize: "0.65vw", fontWeight: 600 }, children: t2("Don't") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "0.58vw", color: "var(--ps-text-primary)", lineHeight: 1.8 }, children: measurementType === "face" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Don't wear sunglasses or a hat in the photo"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't tilt or turn your head"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't use strong backlighting or flash"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't apply filters or edits")
+          ] }) : measurementType === "head" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Don't wear a hat in the photo"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't crop out the top of your head"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't use strong backlighting or flash"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't apply filters or edits")
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            t2("Don't wear loose or baggy clothing"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't sit, pose, or bend"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't take mirror photos or selfies"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            t2("Don't apply filters or edits")
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { background: "rgba(59,130,246,0.08)", border: "1px solid rgba(59,130,246,0.2)", borderRadius: "0.5vw", padding: "0.5vw 0.8vw" }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.3vw", marginBottom: "0.2vw" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SparkleIcon, { size: 12 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--ps-accent)", fontSize: "0.65vw", fontWeight: 700 }, children: t2("Pro Tip") })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "0.55vw", color: "var(--ps-text-secondary)", lineHeight: 1.7 }, children: measurementType === "face" ? t2("A clear, well-lit face photo gives the most accurate eyewear try-on.") : measurementType === "head" ? t2("A clear head-and-shoulders photo with space above your head gives the most accurate headwear try-on.") : t2("Our AI works best with front-facing, full-body photos in fitted clothing. Better photos = more accurate virtual try-on!") })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: "0.8vw", gap: "0.5vw", flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: onBack, type: "button", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
+        " ",
+        t2("Back")
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-tryon-v2-cta", style: { marginTop: 0 }, disabled: !guideFile, onClick: submit, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon$1, { size: 14 }),
+        " ",
+        t2("Start Try-On")
+      ] })
+    ] })
+  ] });
+}
 const RING_RADIUS = 38;
 const RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
 function ProcessingView({
@@ -29200,12 +29469,25 @@ function PrimeStyleTryonInner({
           {
             productImage,
             productTitle,
-            onTryOn: () => setView("body-profile"),
+            onTryOn: () => setView("photo-guide"),
             onClose: onClose ?? (() => {
             }),
             t: t2
           }
         ) }, "v-nochart");
+      case "photo-guide":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PhotoGuideView,
+          {
+            measurementType: detectMeasurementType(productTitle),
+            onBack: () => setView("no-chart"),
+            onSubmit: (file) => {
+              handleFileSelect(file);
+              handleTryOnSubmit(file);
+            },
+            t: t2
+          }
+        ) }, "v-photoguide");
       default:
         return null;
     }
@@ -29227,7 +29509,7 @@ function PrimeStyleTryonInner({
       }
     ),
     view !== "idle" && typeof document !== "undefined" && reactDomExports.createPortal(
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx("ps-tryon-overlay", cn.overlay), style: cssVars, "data-ps-tryon-portal": true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cx(`ps-tryon-modal${view === "result" && resultImageUrl && sizingResult || view === "size-result" || view === "estimation-review" || view === "body-profile" || view === "profiles" || view === "no-chart" ? " ps-tryon-modal-wide" : ""}`, cn.modal), onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx("ps-tryon-overlay", cn.overlay), style: cssVars, "data-ps-tryon-portal": true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cx(`ps-tryon-modal${view === "result" && resultImageUrl && sizingResult || view === "size-result" || view === "estimation-review" || view === "body-profile" || view === "profiles" || view === "no-chart" || view === "photo-guide" ? " ps-tryon-modal-wide" : ""}`, cn.modal), onClick: (e) => e.stopPropagation(), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cx("ps-tryon-header ps-tryon-header-minimal", cn.header), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(LangSwitcher, { activeLocale, onSelect: setActiveLocale }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ps-tryon-header-icon", title: t2("Profiles"), onClick: () => {

package/package.json

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