@primestyleai/tryon 3.8.0 → 3.9.0

package/dist/react/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useMemo, useCallback } from "react";
-import { A as ApiClient, S as SseClient, i as isValidImageFile, c as compressImage, P as PrimeStyleError } from "../image-utils-C9bJ1zKO.js";
+import { useState, useEffect, useMemo, useRef, useCallback } from "react";
+import { c as createT, A as ApiClient, S as SseClient, i as isValidImageFile, a as compressImage, P as PrimeStyleError } from "../index-B0KE3c8S.js";
 const HEADER_ALIASES = {
   // ── Size label columns (skipped during field derivation) ──
   size: "__size__",
@@ -524,11 +524,12 @@ function PrimeStyleTryon(props) {
 function PrimeStyleTryonInner({
   productImage,
   productTitle = "Product",
-  buttonText = "Virtual Try-On",
+  buttonText,
   apiUrl,
   showPoweredBy = true,
   showIcon = true,
   buttonIcon,
+  locale,
   buttonStyles: btnS = {},
   modalStyles: mdlS = {},
   classNames: cn = {},
@@ -542,6 +543,8 @@ function PrimeStyleTryonInner({
   onError,
   sizeGuideData
 }) {
+  const t = useMemo(() => createT(locale), [locale]);
+  const resolvedButtonText = buttonText ?? t("Virtual Try-On");
   const [view, setView] = useState("idle");
   const [selectedFile, setSelectedFile] = useState(null);
   const [previewUrl, setPreviewUrl] = useState(null);
@@ -610,12 +613,12 @@ function PrimeStyleTryonInner({
       if (progressIntervalRef.current) return;
       progressRef.current = 0;
       const statuses = [
-        { at: 0, text: "Preparing your image..." },
-        { at: 15, text: "Analyzing body proportions..." },
-        { at: 30, text: "Matching garment to your photo..." },
-        { at: 50, text: "Generating virtual try-on..." },
-        { at: 75, text: "Refining details..." },
-        { at: 90, text: "Almost there..." }
+        { at: 0, text: t("Preparing your image...") },
+        { at: 15, text: t("Analyzing body proportions...") },
+        { at: 30, text: t("Matching garment to your photo...") },
+        { at: 50, text: t("Generating virtual try-on...") },
+        { at: 75, text: t("Refining details...") },
+        { at: 90, text: t("Almost there...") }
       ];
       progressIntervalRef.current = setInterval(() => {
         const p = progressRef.current;
@@ -751,13 +754,13 @@ function PrimeStyleTryonInner({
   }, [onClose, previewUrl]);
   const handleFileSelect = useCallback((file) => {
     if (!isValidImageFile(file)) {
-      setErrorMessage("Please upload a JPEG, PNG, or WebP image.");
+      setErrorMessage(t("Please upload a JPEG, PNG, or WebP image."));
       setView("error");
       onError?.({ message: "Invalid file type", code: "INVALID_FILE" });
       return;
     }
     if (file.size > 10 * 1024 * 1024) {
-      setErrorMessage("Image must be under 10MB.");
+      setErrorMessage(t("Image must be under 10MB."));
       setView("error");
       onError?.({ message: "File too large", code: "FILE_TOO_LARGE" });
       return;
@@ -791,7 +794,7 @@ function PrimeStyleTryonInner({
         progressRef.current = 100;
         if (progressBarRef.current) progressBarRef.current.style.width = "100%";
         if (progressTextRef.current) progressTextRef.current.textContent = "100%";
-        if (progressStatusRef.current) progressStatusRef.current.textContent = "Complete!";
+        if (progressStatusRef.current) progressStatusRef.current.textContent = t("Complete!");
         cleanupJob();
         setTimeout(() => setView("result"), 400);
         onComplete?.({ jobId: update.galleryId, imageUrl: update.imageUrl });
@@ -800,7 +803,7 @@ function PrimeStyleTryonInner({
       if (!completedRef.current) {
         completedRef.current = true;
         cleanupJob();
-        const msg = update.error || "Try-on generation failed";
+        const msg = update.error || t("Try-on generation failed");
         setErrorMessage(msg);
         setView("error");
         onError?.({ message: msg });
@@ -875,7 +878,7 @@ function PrimeStyleTryonInner({
   }, [apiUrl, sizingMethod, sizingCountry, heightUnit, weightUnit, sizingUnit, sizeGuide, productTitle, dynamicFields]);
   const handleTryOnSubmit = useCallback(async () => {
     if (!selectedFile || !apiRef.current || !sseRef.current) {
-      const msg = !apiRef.current ? "Missing NEXT_PUBLIC_PRIMESTYLE_API_KEY" : "No file selected";
+      const msg = !apiRef.current ? t("SDK not configured. Please provide an API key.") : t("Something went wrong");
       setErrorMessage(msg);
       setView("error");
       onError?.({ message: msg, code: "SDK_NOT_CONFIGURED" });
@@ -910,7 +913,7 @@ function PrimeStyleTryonInner({
         }
       }, 3e3);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Failed to start try-on";
+      const message = err instanceof Error ? err.message : t("Failed to start try-on");
       const code = err instanceof PrimeStyleError ? err.code : void 0;
       setErrorMessage(message);
       setView("error");
@@ -1084,12 +1087,13 @@ function PrimeStyleTryonInner({
   }, []);
   const shoeField = useMemo(() => {
     const map = {
-      US: { key: "shoeUS", label: "Shoe size (US)", ph: "e.g. 10" },
-      UK: { key: "shoeUK", label: "Shoe size (UK)", ph: "e.g. 9" },
-      AU: { key: "shoeUK", label: "Shoe size (UK)", ph: "e.g. 9" }
+      US: { key: "shoeUS", labelKey: "Shoe size (US)", ph: "e.g. 10" },
+      UK: { key: "shoeUK", labelKey: "Shoe size (UK)", ph: "e.g. 9" },
+      AU: { key: "shoeUK", labelKey: "Shoe size (UK)", ph: "e.g. 9" }
     };
-    return map[sizingCountry] || { key: "shoeEU", label: "Shoe size (EU)", ph: "e.g. 43" };
-  }, [sizingCountry]);
+    const raw = map[sizingCountry] || { key: "shoeEU", labelKey: "Shoe size (EU)", ph: "e.g. 43" };
+    return { key: raw.key, label: t(raw.labelKey), ph: raw.ph };
+  }, [sizingCountry, t]);
   const rootVars = {
     "--ps-btn-bg": btnS.backgroundColor,
     "--ps-btn-color": btnS.textColor,
@@ -1133,7 +1137,7 @@ function PrimeStyleTryonInner({
       i > 1 && /* @__PURE__ */ jsx("div", { className: `ps-tryon-stepper-line${i <= stepIndex ? " ps-done" : ""}` }),
       /* @__PURE__ */ jsxs("div", { className: `ps-tryon-stepper-step${i < stepIndex ? " ps-done" : i === stepIndex ? " ps-active" : ""}`, children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-circle", children: i < stepIndex ? /* @__PURE__ */ jsx(CheckIcon, {}) : i }),
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-label", children: STEP_LABELS[i] })
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-stepper-label", children: t(STEP_LABELS[i]) })
       ] })
     ] }, i)) }) });
   }
@@ -1162,33 +1166,35 @@ function PrimeStyleTryonInner({
           /* @__PURE__ */ jsx("img", { src: productImage, alt: "Product", className: "ps-tryon-welcome-product" }),
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-sparkle", children: /* @__PURE__ */ jsx(SparkleIcon, { size: 20 }) })
         ] }),
-        /* @__PURE__ */ jsx("h2", { className: "ps-tryon-welcome-title", children: "Find Your Perfect Size" }),
-        /* @__PURE__ */ jsx("p", { className: "ps-tryon-welcome-sub", children: "Get your size instantly, then try it on" })
+        /* @__PURE__ */ jsx("h2", { className: "ps-tryon-welcome-title", children: t("Find Your Perfect Size") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-welcome-sub", children: t("Get your size instantly, then try it on") })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "ps-tryon-features", children: [
-        { icon: /* @__PURE__ */ jsx(RulerIcon, {}), title: "Get Your Size", desc: "Instant fit recommendation" },
-        { icon: /* @__PURE__ */ jsx(CameraIcon, {}), title: "Try It On", desc: "See how it looks on you" }
+        { icon: /* @__PURE__ */ jsx(RulerIcon, {}), title: t("Get Your Size"), desc: t("Instant fit recommendation") },
+        { icon: /* @__PURE__ */ jsx(CameraIcon, {}), title: t("Try It On"), desc: t("See how it looks on you") }
       ].map((f, i) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-feature", children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-icon", children: f.icon }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-title", children: f.title }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-feature-desc", children: f.desc })
       ] }, i)) }),
       /* @__PURE__ */ jsxs("button", { className: "ps-tryon-cta", onClick: () => setView("sizing-choice"), children: [
-        "Find My Size ",
+        t("Find My Size"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-note", children: "Takes less than a minute" })
+      /* @__PURE__ */ jsx("div", { className: "ps-tryon-welcome-note", children: t("Takes less than a minute") })
     ] });
   }
   function UploadView() {
     return /* @__PURE__ */ jsx(Fragment, { children: selectedFile && previewUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-preview", cn.preview), children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-preview-blur", style: { backgroundImage: `url(${previewUrl})` } }),
-        /* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Your photo", className: cn.previewImage }),
+        /* @__PURE__ */ jsx("img", { src: previewUrl, alt: t("Your photo"), className: cn.previewImage }),
         /* @__PURE__ */ jsx("button", { onClick: handleRemovePreview, className: cx("ps-tryon-preview-remove", cn.removeButton), children: "×" })
       ] }),
       /* @__PURE__ */ jsxs("button", { onClick: handleTryOnSubmit, className: cx("ps-tryon-submit", cn.submitButton), children: [
-        "Try It On ",
+        t("Try It On"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] })
     ] }) : /* @__PURE__ */ jsxs(
@@ -1222,8 +1228,8 @@ function PrimeStyleTryonInner({
             }
           ),
           /* @__PURE__ */ jsx(UploadIcon, {}),
-          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-text", cn.uploadText), children: "Upload a full body photo" }),
-          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-hint", cn.uploadHint), children: "JPEG, PNG or WebP (max 10MB)" })
+          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-text", cn.uploadText), children: t("Upload a full body photo") }),
+          /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-upload-hint", cn.uploadHint), children: t("JPEG, PNG or WebP (max 10MB)") })
         ]
       }
     ) });
@@ -1235,16 +1241,17 @@ function PrimeStyleTryonInner({
       return /* @__PURE__ */ jsx("div", { className: "ps-tryon-sizing-choice", children: /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sg-checking", children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-icon", children: /* @__PURE__ */ jsx(RulerIcon, { size: 32 }) }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar-wrap", children: /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-checking-bar" }) }),
-        /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: "Checking size guide..." }),
-        /* @__PURE__ */ jsx("p", { className: "ps-tryon-sg-checking-sub", children: "Looking for size chart data for this product" })
+        /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: t("Checking size guide...") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-sg-checking-sub", children: t("Looking for size chart data for this product") })
       ] }) });
     }
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sizing-choice", children: [
-      /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: "How would you like to find your size?" }),
-      sgChecked && !sgAvailable && /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-notice", children: "Size guide is not available for this product — sizing will use standard measurements" }),
+      /* @__PURE__ */ jsx("h3", { className: "ps-tryon-section-title", children: t("How would you like to find your size?") }),
+      sgChecked && !sgAvailable && /* @__PURE__ */ jsx("div", { className: "ps-tryon-sg-notice", children: t("Size guide is not available for this product — sizing will use standard measurements") }),
       sgChecked && sgAvailable && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sg-notice ps-tryon-sg-found", children: [
         /* @__PURE__ */ jsx(CheckIcon, { size: 14 }),
-        " Size guide found for this product"
+        " ",
+        t("Size guide found for this product")
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-cards", children: [
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
@@ -1253,10 +1260,10 @@ function PrimeStyleTryonInner({
         }, children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(RulerIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Enter my measurements" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: sizeGuide?.requiredFields?.length ? sizeGuide.requiredFields.filter((f) => f.required).slice(0, 3).map((f) => f.label).join(", ") + (sizeGuide.requiredFields.length > 3 ? " & more" : "") : "Chest, waist, hips, shoes & more" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Enter my measurements") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: sizeGuide?.requiredFields?.length ? sizeGuide.requiredFields.filter((f) => f.required).slice(0, 3).map((f) => t(f.label)).join(", ") + (sizeGuide.requiredFields.length > 3 ? ` ${t("& more")}` : "") : t("Chest, waist, hips, shoes & more") })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "ps-tryon-choice-badge", children: "Best accuracy" })
+          /* @__PURE__ */ jsx("span", { className: "ps-tryon-choice-badge", children: t("Best accuracy") })
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
           setSizingMethod("quick");
@@ -1264,8 +1271,8 @@ function PrimeStyleTryonInner({
         }, children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(SparkleIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Just height & weight" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: "Quick estimate in seconds" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Just height & weight") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: t("Quick estimate in seconds") })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-choice-card", onClick: () => {
@@ -1274,8 +1281,8 @@ function PrimeStyleTryonInner({
         }, children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-icon", children: /* @__PURE__ */ jsx(CameraIcon, { size: 24 }) }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-choice-info", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: "Skip, just try it on" }),
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: "Upload a photo to see how it looks" })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-title", children: t("Skip, just try it on") }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-choice-desc", children: t("Upload a photo to see how it looks") })
           ] })
         ] })
       ] })
@@ -1289,37 +1296,38 @@ function PrimeStyleTryonInner({
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sizing-form", children: [
       /* @__PURE__ */ jsxs("button", { className: "ps-tryon-back", onClick: () => setView("sizing-choice"), children: [
         /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-        " Back"
+        " ",
+        t("Back")
       ] }),
       sizingMethod === "exact" && profiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-bar", children: /* @__PURE__ */ jsxs("select", { className: "ps-tryon-profile-select", value: activeProfileId || "", onChange: (e) => {
         if (e.target.value) applyProfile(e.target.value);
       }, children: [
-        /* @__PURE__ */ jsx("option", { value: "", children: "Auto-fill from saved profile..." }),
+        /* @__PURE__ */ jsx("option", { value: "", children: t("Auto-fill from saved profile...") }),
         profiles.map((p) => /* @__PURE__ */ jsxs("option", { value: p.id, children: [
           p.name,
           " (",
-          p.gender === "female" ? "Women's" : "Men's",
+          p.gender === "female" ? t("Women's") : t("Men's"),
           ")"
         ] }, p.id))
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-        /* @__PURE__ */ jsx("label", { children: "I'm shopping for" }),
+        /* @__PURE__ */ jsx("label", { children: t("I'm shopping for") }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-unit-toggle", children: [
           /* @__PURE__ */ jsx("button", { className: `ps-tryon-unit-btn${!isFemale ? " ps-active" : ""}`, onClick: () => {
             updateField("gender", "male");
             setFormGender("male");
-          }, children: "Men's" }),
+          }, children: t("Men's") }),
           /* @__PURE__ */ jsx("button", { className: `ps-tryon-unit-btn${isFemale ? " ps-active" : ""}`, onClick: () => {
             updateField("gender", "female");
             setFormGender("female");
-          }, children: "Women's" })
+          }, children: t("Women's") })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-        /* @__PURE__ */ jsx("label", { children: "Sizing region" }),
-        /* @__PURE__ */ jsx("select", { className: "ps-tryon-country-select", value: sizingCountry, onChange: (e) => setSizingCountry(e.target.value), children: SIZING_COUNTRIES.map((c) => /* @__PURE__ */ jsx("option", { value: c.code, children: c.label }, c.code)) })
+        /* @__PURE__ */ jsx("label", { children: t("Sizing region") }),
+        /* @__PURE__ */ jsx("select", { className: "ps-tryon-country-select", value: sizingCountry, onChange: (e) => setSizingCountry(e.target.value), children: SIZING_COUNTRIES.map((c) => /* @__PURE__ */ jsx("option", { value: c.code, children: t(c.label) }, c.code)) })
       ] }),
-      sizingMethod === "exact" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "cm", value: "cm" }, { label: "in", value: "in" }], value: sizingUnit, onChange: (v) => {
+      sizingMethod === "exact" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("cm"), value: "cm" }, { label: t("in"), value: "in" }], value: sizingUnit, onChange: (v) => {
         setSizingUnit(v);
         setHeightUnit(v === "cm" ? "cm" : "ft");
         setWeightUnit(v === "cm" ? "kg" : "lbs");
@@ -1336,7 +1344,7 @@ function PrimeStyleTryonInner({
             const showOriginal = field.key !== key;
             return /* @__PURE__ */ jsxs("span", { children: [
               /* @__PURE__ */ jsx(InputRow, { label: `${regionField.label}${field.required ? " *" : ""}`, fieldKey: key, placeholder: regionField.ph }),
-              showOriginal && /* @__PURE__ */ jsx(InputRow, { label: field.label, fieldKey: field.key, placeholder: field.placeholder })
+              showOriginal && /* @__PURE__ */ jsx(InputRow, { label: t(field.label), fieldKey: field.key, placeholder: field.placeholder })
             ] }, field.key);
           }
           const phNum = parseFloat(field.placeholder?.replace(/[^0-9.]/g, "") || "");
@@ -1345,7 +1353,7 @@ function PrimeStyleTryonInner({
           return /* @__PURE__ */ jsx(
             InputRow,
             {
-              label: `${field.label}${field.required ? " *" : ""}`,
+              label: `${t(field.label)}${field.required ? " *" : ""}`,
               fieldKey: field.key,
               placeholder,
               type: "number",
@@ -1370,11 +1378,11 @@ function PrimeStyleTryonInner({
         const allOptFields = [...optFields, ...profileExtras];
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           reqFields.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-section-label", children: "Required for this product" }),
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-section-label", children: t("Required for this product") }),
             reqFields.map(renderField)
           ] }),
           isFemale && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-            /* @__PURE__ */ jsx("label", { children: "Fit type" }),
+            /* @__PURE__ */ jsx("label", { children: t("Fit type") }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-unit-toggle", children: ["petite", "standard", "tall", "plus"].map((fp) => /* @__PURE__ */ jsx(
               "button",
               {
@@ -1382,9 +1390,10 @@ function PrimeStyleTryonInner({
                 onClick: (e) => {
                   updateField("fitPreference", fp);
                   const btns = e.target.parentElement.querySelectorAll(".ps-tryon-unit-btn");
-                  btns.forEach((b) => b.classList.toggle("ps-active", b.textContent?.toLowerCase() === fp));
+                  btns.forEach((b) => b.classList.toggle("ps-active", b.dataset.fp === fp));
                 },
-                children: fp.charAt(0).toUpperCase() + fp.slice(1)
+                "data-fp": fp,
+                children: t(fp.charAt(0).toUpperCase() + fp.slice(1))
               },
               fp
             )) })
@@ -1399,7 +1408,7 @@ function PrimeStyleTryonInner({
                 if (arrow) arrow.style.transform = open ? "rotate(0deg)" : "rotate(180deg)";
               }
             }, children: [
-              /* @__PURE__ */ jsx("span", { children: "Optional — improve accuracy & save to profile" }),
+              /* @__PURE__ */ jsx("span", { children: t("Optional — improve accuracy & save to profile") }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-chevron", children: "▾" })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-optional-fields", style: { display: "none" }, children: allOptFields.map(renderField) })
@@ -1407,33 +1416,39 @@ function PrimeStyleTryonInner({
         ] });
       })() }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-          /* @__PURE__ */ jsx("label", { children: "Height *" }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            t("Height"),
+            " *"
+          ] }),
           heightUnit === "ft" ? /* @__PURE__ */ jsxs("div", { className: "ps-tryon-height-ft", children: [
             /* @__PURE__ */ jsx("input", { type: "number", placeholder: "5", defaultValue: formRef.current.heightFeet || "", onInput: (e) => updateField("heightFeet", e.target.value) }),
-            /* @__PURE__ */ jsx("span", { children: "ft" }),
+            /* @__PURE__ */ jsx("span", { children: t("ft") }),
             /* @__PURE__ */ jsx("input", { type: "number", placeholder: "4", defaultValue: formRef.current.heightInches || "", onInput: (e) => updateField("heightInches", e.target.value) }),
-            /* @__PURE__ */ jsx("span", { children: "in" })
+            /* @__PURE__ */ jsx("span", { children: t("in") })
           ] }) : /* @__PURE__ */ jsx("input", { type: "number", placeholder: "e.g. 175", defaultValue: formRef.current.height || "", onInput: (e) => updateField("height", e.target.value) }),
-          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "cm", value: "cm" }, { label: "ft", value: "ft" }], value: heightUnit, onChange: setHeightUnit })
+          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("cm"), value: "cm" }, { label: t("ft"), value: "ft" }], value: heightUnit, onChange: setHeightUnit })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-input-row", children: [
-          /* @__PURE__ */ jsx("label", { children: "Weight *" }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            t("Weight"),
+            " *"
+          ] }),
           /* @__PURE__ */ jsx("input", { type: "number", placeholder: weightUnit === "lbs" ? "e.g. 170" : "e.g. 75", defaultValue: formRef.current.weight || "", onInput: (e) => updateField("weight", e.target.value) }),
-          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: "kg", value: "kg" }, { label: "lbs", value: "lbs" }], value: weightUnit, onChange: setWeightUnit })
+          /* @__PURE__ */ jsx(UnitToggle, { options: [{ label: t("kg"), value: "kg" }, { label: t("lbs"), value: "lbs" }], value: weightUnit, onChange: setWeightUnit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "ps-tryon-disclaimer", children: "Fill in what you know — more measurements = better accuracy." }),
+      /* @__PURE__ */ jsx("p", { className: "ps-tryon-disclaimer", children: t("Fill in what you know — more measurements = better accuracy.") }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-form-save-toggle", children: [
         /* @__PURE__ */ jsxs("label", { className: "ps-tryon-form-save-check", children: [
           /* @__PURE__ */ jsx("input", { type: "checkbox", checked: saveToggle, onChange: (e) => setSaveToggle(e.target.checked) }),
-          /* @__PURE__ */ jsx("span", { children: "Save as profile" })
+          /* @__PURE__ */ jsx("span", { children: t("Save as profile") })
         ] }),
         saveToggle && /* @__PURE__ */ jsx(
           "input",
           {
             type: "text",
             className: "ps-tryon-form-save-name",
-            placeholder: "Profile name (e.g. John, Sarah)",
+            placeholder: t("Profile name (e.g. John, Sarah)"),
             value: saveFormName,
             onChange: (e) => setSaveFormName(e.target.value)
           }
@@ -1447,50 +1462,51 @@ function PrimeStyleTryonInner({
         submitSizing();
         setView("size-result");
       }, children: [
-        "Get My Size ",
+        t("Get My Size"),
+        " ",
         /* @__PURE__ */ jsx(ArrowRightIcon, {})
       ] })
     ] }, `form-${formGender}-${sizingUnit}-${heightUnit}-${sizingCountry}-${formKey}`);
   }
   function SizeResultView() {
     const [showFitDetails, setShowFitDetails] = useState(false);
-    const confidenceLabel = sizingResult?.confidence === "high" ? "High Confidence" : sizingResult?.confidence === "medium" ? "Medium Confidence" : sizingResult?.confidence === "low" ? "Low Confidence" : "";
+    const confidenceLabel = sizingResult?.confidence === "high" ? t("High Confidence") : sizingResult?.confidence === "medium" ? t("Medium Confidence") : sizingResult?.confidence === "low" ? t("Low Confidence") : "";
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-result-view", children: [
       sizingLoading && !sizingResult && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend ps-tryon-sizing-loading", children: [
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-loading-spinner" }),
-        /* @__PURE__ */ jsx("p", { className: "ps-tryon-size-reasoning", children: "Analyzing your size..." })
+        /* @__PURE__ */ jsx("p", { className: "ps-tryon-size-reasoning", children: t("Analyzing your size...") })
       ] }),
       sizingResult && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-recommend", children: [
-          /* @__PURE__ */ jsx("h3", { className: "ps-tryon-size-title", children: "Your Size" }),
+          /* @__PURE__ */ jsx("h3", { className: "ps-tryon-size-title", children: t("Your Size") }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-hero-row", children: [
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-badge", children: sizingResult.recommendedSize }),
             /* @__PURE__ */ jsx("span", { className: `ps-tryon-size-conf-label ps-conf-${sizingResult.confidence}`, children: confidenceLabel })
           ] }),
           sizingResult.sections && Object.keys(sizingResult.sections).length > 1 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-multi-section", children: [
-            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: "Sizing by Garment" }),
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: t("Sizing by Garment") }),
             Object.entries(sizingResult.sections).map(([name, sec]) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-section-row", children: [
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-section-name", children: name }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-size-badge ps-tryon-section-badge", children: sec.recommendedSize })
             ] }, name))
           ] }),
           sizingResult.matchDetails && sizingResult.matchDetails.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-fit-summary", children: [
-            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: "Fit Summary" }),
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-fit-summary-title", children: t("Fit Summary") }),
             sizingResult.matchDetails.map((m, i) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-fit-row", children: [
               /* @__PURE__ */ jsx("span", { className: `ps-tryon-fit-icon ps-fit-icon-${m.fit}`, children: m.fit === "good" ? "✓" : m.fit === "tight" ? "↑" : "↓" }),
               /* @__PURE__ */ jsxs("span", { className: "ps-tryon-fit-text", children: [
                 /* @__PURE__ */ jsx("strong", { children: m.measurement }),
                 " ",
-                m.fit === "good" ? "within range" : m.fit === "tight" ? "may be snug" : "may be loose"
+                m.fit === "good" ? t("within range") : m.fit === "tight" ? t("may be snug") : t("may be loose")
               ] })
             ] }, i)),
-            /* @__PURE__ */ jsx("button", { className: "ps-tryon-fit-details-toggle", onClick: () => setShowFitDetails(!showFitDetails), children: showFitDetails ? "Hide details ↑" : "See details ↓" }),
+            /* @__PURE__ */ jsx("button", { className: "ps-tryon-fit-details-toggle", onClick: () => setShowFitDetails(!showFitDetails), children: showFitDetails ? `${t("Hide details")} ↑` : `${t("See details")} ↓` }),
             showFitDetails && /* @__PURE__ */ jsxs("table", { className: "ps-tryon-fit-table", children: [
               /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                /* @__PURE__ */ jsx("th", { children: "Area" }),
-                /* @__PURE__ */ jsx("th", { children: "You" }),
-                /* @__PURE__ */ jsx("th", { children: "Chart" }),
-                /* @__PURE__ */ jsx("th", { children: "Fit" })
+                /* @__PURE__ */ jsx("th", { children: t("Area") }),
+                /* @__PURE__ */ jsx("th", { children: t("You") }),
+                /* @__PURE__ */ jsx("th", { children: t("Chart") }),
+                /* @__PURE__ */ jsx("th", { children: t("Fit") })
               ] }) }),
               /* @__PURE__ */ jsx("tbody", { children: sizingResult.matchDetails.map((m, i) => /* @__PURE__ */ jsxs("tr", { children: [
                 /* @__PURE__ */ jsx("td", { children: m.measurement }),
@@ -1501,7 +1517,7 @@ function PrimeStyleTryonInner({
             ] })
           ] }),
           sizingResult.internationalSizes && Object.keys(sizingResult.internationalSizes).length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-equiv-section", children: [
-            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-equiv-title", children: "Equivalent Sizes" }),
+            /* @__PURE__ */ jsx("h4", { className: "ps-tryon-equiv-title", children: t("Equivalent Sizes") }),
             /* @__PURE__ */ jsx("div", { className: "ps-tryon-equiv-chips", children: Object.entries(sizingResult.internationalSizes).map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-equiv-chip", children: [
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-equiv-region", children: k }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-equiv-value", children: v })
@@ -1511,10 +1527,11 @@ function PrimeStyleTryonInner({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-tryon-cta", children: [
           /* @__PURE__ */ jsxs("button", { className: "ps-tryon-cta", onClick: () => setView("upload"), children: [
-            "See how it looks on you ",
+            t("See how it looks on you"),
+            " ",
             /* @__PURE__ */ jsx(ArrowRightIcon, {})
           ] }),
-          /* @__PURE__ */ jsx("button", { className: "ps-tryon-btn-secondary", onClick: handleClose, children: "Done" })
+          /* @__PURE__ */ jsx("button", { className: "ps-tryon-btn-secondary", onClick: handleClose, children: t("Done") })
         ] })
       ] })
     ] });
@@ -1535,7 +1552,7 @@ function PrimeStyleTryonInner({
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-processing-image-wrap", children: [
         previewUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-processing-blur", style: { backgroundImage: `url(${previewUrl})` } }),
-          /* @__PURE__ */ jsx("img", { src: previewUrl, alt: "Your photo", className: "ps-tryon-processing-model" })
+          /* @__PURE__ */ jsx("img", { src: previewUrl, alt: t("Your photo"), className: "ps-tryon-processing-model" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-line" }),
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-overlay" })
@@ -1544,21 +1561,21 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-progress-bar-wrap", children: /* @__PURE__ */ jsx("div", { ref: barCb, className: "ps-tryon-progress-bar-fill" }) }),
         /* @__PURE__ */ jsx("span", { ref: pctCb, className: "ps-tryon-progress-pct", children: "0%" })
       ] }),
-      /* @__PURE__ */ jsx("div", { ref: statusCb, className: cx("ps-tryon-processing-text", cn.processingText), children: "Preparing your image..." }),
-      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-processing-sub", cn.processingSubText), children: "This usually takes 15-25 seconds" })
+      /* @__PURE__ */ jsx("div", { ref: statusCb, className: cx("ps-tryon-processing-text", cn.processingText), children: t("Preparing your image...") }),
+      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-processing-sub", cn.processingSubText), children: t("This usually takes 15-25 seconds") })
     ] });
   }
   function ResultView() {
     return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-result-layout", children: [
-      resultImageUrl && /* @__PURE__ */ jsx("div", { className: "ps-tryon-result-image-col", children: /* @__PURE__ */ jsx("img", { src: resultImageUrl, alt: "Try-on result", className: cn.resultImage }) }),
+      resultImageUrl && /* @__PURE__ */ jsx("div", { className: "ps-tryon-result-image-col", children: /* @__PURE__ */ jsx("img", { src: resultImageUrl, alt: t("Try-on result"), className: cn.resultImage }) }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-result-info-col", children: [
         sizingResult && /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-recommend ps-tryon-size-compact", children: /* @__PURE__ */ jsxs("div", { className: "ps-tryon-size-hero-row", children: [
-          /* @__PURE__ */ jsx("span", { className: "ps-tryon-size-compact-label", children: "Your size:" }),
+          /* @__PURE__ */ jsx("span", { className: "ps-tryon-size-compact-label", children: t("Your size:") }),
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-size-badge", children: sizingResult.recommendedSize })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-result-actions", cn.resultActions), children: [
-          /* @__PURE__ */ jsx("button", { onClick: handleDownload, className: cx("ps-tryon-btn-download", cn.downloadButton), children: "Download" }),
-          /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-btn-retry", cn.retryButton), children: "Start Over" })
+          /* @__PURE__ */ jsx("button", { onClick: handleDownload, className: cx("ps-tryon-btn-download", cn.downloadButton), children: t("Download") }),
+          /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-btn-retry", cn.retryButton), children: t("Start Over") })
         ] })
       ] })
     ] });
@@ -1566,8 +1583,8 @@ function PrimeStyleTryonInner({
   function ErrorView() {
     return /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-error", cn.error), children: [
       /* @__PURE__ */ jsx(AlertIcon, {}),
-      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-error-text", cn.errorText), children: errorMessage || "Something went wrong" }),
-      /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-submit", cn.submitButton), children: "Try Again" })
+      /* @__PURE__ */ jsx("p", { className: cx("ps-tryon-error-text", cn.errorText), children: errorMessage || t("Something went wrong") }),
+      /* @__PURE__ */ jsx("button", { onClick: handleRetry, className: cx("ps-tryon-submit", cn.submitButton), children: t("Try Again") })
     ] });
   }
   function DrawerPanel() {
@@ -1575,9 +1592,9 @@ function PrimeStyleTryonInner({
     return /* @__PURE__ */ jsxs("div", { className: `ps-tryon-drawer${drawer ? " ps-tryon-drawer-open" : ""}`, children: [
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-drawer-header", children: [
         /* @__PURE__ */ jsx("button", { className: "ps-tryon-drawer-back", onClick: () => setDrawer(null), children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-        /* @__PURE__ */ jsx("span", { className: "ps-tryon-drawer-title", children: drawer === "profiles" ? "My Profiles" : "History" })
+        /* @__PURE__ */ jsx("span", { className: "ps-tryon-drawer-title", children: drawer === "profiles" ? t("My Profiles") : t("History") })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" ? profiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: "No saved profiles yet." }) : profiles.map((p) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-item", onClick: () => {
+      /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-list", children: drawer === "profiles" ? profiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: t("No saved profiles yet.") }) : profiles.map((p) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-item", onClick: () => {
         setProfileDetail(p);
         setDrawer(null);
       }, children: [
@@ -1585,18 +1602,18 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-info", children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-profile-name", children: p.name }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-profile-detail", children: [
-            p.gender === "female" ? "Women's" : "Men's",
-            p.heightCm ? ` · ${Math.round(p.heightCm)}cm` : ""
+            p.gender === "female" ? t("Women's") : t("Men's"),
+            p.heightCm ? ` · ${Math.round(p.heightCm)}${t("cm")}` : ""
           ] })
         ] }),
         /* @__PURE__ */ jsx(ChevronRightIcon, {})
-      ] }, p.id)) : history.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: "No history yet." }) : history.map((entry, idx) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-item", children: [
+      ] }, p.id)) : history.length === 0 ? /* @__PURE__ */ jsx("div", { className: "ps-tryon-drawer-empty", children: t("No history yet.") }) : history.map((entry, idx) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-item", children: [
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-images", children: [
           entry.productImage && /* @__PURE__ */ jsx("img", { src: entry.productImage, alt: "", className: "ps-tryon-history-thumb" }),
           entry.resultImageUrl && /* @__PURE__ */ jsx("img", { src: entry.resultImageUrl, alt: "", className: "ps-tryon-history-result-img" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-info", children: [
-          /* @__PURE__ */ jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || "Product" }),
+          /* @__PURE__ */ jsx("div", { className: "ps-tryon-history-product", children: entry.productTitle || t("Product") }),
           /* @__PURE__ */ jsxs("div", { className: "ps-tryon-history-meta", children: [
             entry.profileName ? `${entry.profileName} · ` : "",
             new Date(entry.date).toLocaleDateString()
@@ -1617,20 +1634,20 @@ function PrimeStyleTryonInner({
     if (!profileDetail) return null;
     const p = profileDetail;
     const measurements = [
-      { label: "Height", value: p.heightCm, unit: "cm" },
-      { label: "Weight", value: p.weightKg, unit: "kg" },
-      { label: "Chest", value: p.chest, unit: "cm" },
-      { label: "Bust", value: p.bust, unit: "cm" },
-      { label: "Waist", value: p.waist, unit: "cm" },
-      { label: "Hips", value: p.hips, unit: "cm" },
-      { label: "Shoulders", value: p.shoulderWidth, unit: "cm" },
-      { label: "Sleeve", value: p.sleeveLength, unit: "cm" },
-      { label: "Inseam", value: p.inseam, unit: "cm" },
-      { label: "Neck", value: p.neckCircumference, unit: "cm" },
-      { label: "Foot", value: p.footLengthCm, unit: "cm" },
-      { label: "Shoe EU", value: p.shoeEU ? Number(p.shoeEU) : void 0, unit: "" },
-      { label: "Shoe US", value: p.shoeUS ? Number(p.shoeUS) : void 0, unit: "" },
-      { label: "Shoe UK", value: p.shoeUK ? Number(p.shoeUK) : void 0, unit: "" }
+      { label: t("Height"), value: p.heightCm, unit: t("cm") },
+      { label: t("Weight"), value: p.weightKg, unit: t("kg") },
+      { label: t("Chest"), value: p.chest, unit: t("cm") },
+      { label: t("Bust"), value: p.bust, unit: t("cm") },
+      { label: t("Waist"), value: p.waist, unit: t("cm") },
+      { label: t("Hips"), value: p.hips, unit: t("cm") },
+      { label: t("Shoulders"), value: p.shoulderWidth, unit: t("cm") },
+      { label: t("Sleeve"), value: p.sleeveLength, unit: t("cm") },
+      { label: t("Inseam"), value: p.inseam, unit: t("cm") },
+      { label: t("Neck"), value: p.neckCircumference, unit: t("cm") },
+      { label: t("Foot"), value: p.footLengthCm, unit: t("cm") },
+      { label: t("Shoe EU"), value: p.shoeEU ? Number(p.shoeEU) : void 0, unit: "" },
+      { label: t("Shoe US"), value: p.shoeUS ? Number(p.shoeUS) : void 0, unit: "" },
+      { label: t("Shoe UK"), value: p.shoeUK ? Number(p.shoeUK) : void 0, unit: "" }
     ].filter((m) => m.value);
     return /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-overlay", onClick: (e) => {
       if (e.target === e.currentTarget) setProfileDetail(null);
@@ -1643,8 +1660,7 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-gender", children: [
           /* @__PURE__ */ jsx(UserIcon, { size: 18 }),
           " ",
-          p.gender === "female" ? "Women's" : "Men's",
-          " Profile"
+          p.gender === "female" ? t("Women's Profile") : t("Men's Profile")
         ] }),
         measurements.length > 0 && /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-grid", children: measurements.map((m) => /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-cell", children: [
           /* @__PURE__ */ jsx("div", { className: "ps-tryon-detail-cell-label", children: m.label }),
@@ -1654,7 +1670,8 @@ function PrimeStyleTryonInner({
           ] })
         ] }, m.label)) }),
         p.createdAt && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-detail-date", children: [
-          "Saved ",
+          t("Saved"),
+          " ",
           new Date(p.createdAt).toLocaleDateString()
         ] }),
         /* @__PURE__ */ jsxs("button", { className: "ps-tryon-detail-delete", onClick: () => {
@@ -1663,7 +1680,8 @@ function PrimeStyleTryonInner({
           setProfileDetail(null);
         }, children: [
           /* @__PURE__ */ jsx(TrashIcon, {}),
-          " Delete Profile"
+          " ",
+          t("Delete Profile")
         ] })
       ] })
     ] }) });
@@ -1693,16 +1711,16 @@ function PrimeStyleTryonInner({
   return /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-root", cn.root || className), style: { ...cssVars, ...style }, "data-ps-tryon": true, children: [
     /* @__PURE__ */ jsxs("button", { onClick: handleOpen, className: cx("ps-tryon-btn", cn.button), children: [
       showIcon !== false && (buttonIcon || /* @__PURE__ */ jsx(CameraIcon, {})),
-      /* @__PURE__ */ jsx("span", { children: buttonText })
+      /* @__PURE__ */ jsx("span", { children: resolvedButtonText })
     ] }),
     view !== "idle" && /* @__PURE__ */ jsx("div", { className: cx("ps-tryon-overlay", cn.overlay), onClick: (e) => {
       if (e.target === e.currentTarget) handleClose();
     }, children: /* @__PURE__ */ jsxs("div", { className: cx(`ps-tryon-modal${view === "result" && resultImageUrl && sizingResult ? " ps-tryon-modal-wide" : ""}`, cn.modal), onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-header", cn.header), children: [
-        /* @__PURE__ */ jsx("span", { className: cx("ps-tryon-title", cn.title), children: "Virtual Try-On" }),
+        /* @__PURE__ */ jsx("span", { className: cx("ps-tryon-title", cn.title), children: t("Virtual Try-On") }),
         /* @__PURE__ */ jsxs("div", { className: "ps-tryon-header-actions", children: [
-          profiles.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: "Profiles", onClick: () => setDrawer(drawer === "profiles" ? null : "profiles"), children: /* @__PURE__ */ jsx(UserIcon, {}) }),
-          history.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: "History", onClick: () => setDrawer(drawer === "history" ? null : "history"), children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
+          profiles.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: t("Profiles"), onClick: () => setDrawer(drawer === "profiles" ? null : "profiles"), children: /* @__PURE__ */ jsx(UserIcon, {}) }),
+          history.length > 0 && /* @__PURE__ */ jsx("button", { className: "ps-tryon-header-icon", title: t("History"), onClick: () => setDrawer(drawer === "history" ? null : "history"), children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
           /* @__PURE__ */ jsx("button", { onClick: handleClose, className: cx("ps-tryon-close", cn.closeButton), children: /* @__PURE__ */ jsx(XIcon, {}) })
         ] })
       ] }),
@@ -1712,7 +1730,7 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsx(DrawerPanel, {})
       ] }),
       showPoweredBy && /* @__PURE__ */ jsxs("div", { className: cx("ps-tryon-powered", cn.poweredBy), children: [
-        "Powered by",
+        t("Powered by"),
         " ",
         /* @__PURE__ */ jsx("a", { href: "https://myaifitting.com", target: "_blank", rel: "noopener noreferrer", children: "PrimeStyle AI" })
       ] })