@primestyleai/tryon 5.10.133 → 5.10.135

package/dist/storefront/primestyle-tryon.js

@@ -22885,7 +22885,7 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
   const CUP_OPTIONS_US2 = ["AA", "A", "B", "C", "D", "DD/E", "DDD/F", "G", "H", "I", "J"];
   const isWomen = gender === "female";
   const imgs = isWomen ? BODY_IMAGES.female : BODY_IMAGES.male;
-  const manualStepOrder = isWomen ? ["identity", "stomach", "seat", "hips", "bra"] : ["identity", "chest", "stomach", "seat"];
+  const manualStepOrder = isWomen ? ["identity", "stomach", "seat", "hips"] : ["identity", "chest", "stomach", "seat"];
   const manualStepIdx = manualStepOrder.indexOf(manualStep);
   const manualStepCount = manualStepOrder.length;
   const isLastManualStep = manualStepIdx === manualStepCount - 1;
@@ -22937,6 +22937,10 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
       setError(t2("Please enter a valid age"));
       return false;
     }
+    if (isWomen && (!bandSize || !cupSize)) {
+      setError(t2("Please select your bra band and cup size"));
+      return false;
+    }
     setError("");
     return true;
   };
@@ -23327,6 +23331,63 @@ function CreateProfileWizard({ onSave, onCancel, apiUrl, apiKey, onPhotoPreview,
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: t2("years") })
             ] })
+          ] }),
+          isWomen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: inlineBraWrapRef, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("BRA REGION") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-inline-input-group", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MiniSelect$1,
+                {
+                  value: braSizeRegion,
+                  options: Object.keys(BAND_SIZES$1),
+                  isOpen: inlineBraOpen === "region",
+                  onToggle: () => setInlineBraOpen(inlineBraOpen === "region" ? null : "region"),
+                  onSelect: (v2) => {
+                    setBraSizeRegion(v2);
+                    setBandSize(null);
+                    setCupSize(null);
+                    setInlineBraOpen(null);
+                    setError("");
+                  }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("BAND") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-inline-input-group", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MiniSelect$1,
+                {
+                  value: bandSize,
+                  options: BAND_SIZES$1[braSizeRegion] || BAND_SIZES$1.US,
+                  placeholder: "—",
+                  isOpen: inlineBraOpen === "band",
+                  onToggle: () => setInlineBraOpen(inlineBraOpen === "band" ? null : "band"),
+                  onSelect: (v2) => {
+                    setBandSize(v2);
+                    setInlineBraOpen(null);
+                    setError("");
+                  }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("CUP") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-inline-input-group", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MiniSelect$1,
+                {
+                  value: cupSize,
+                  options: CUP_OPTIONS_US2,
+                  placeholder: "—",
+                  isOpen: inlineBraOpen === "cup",
+                  onToggle: () => setInlineBraOpen(inlineBraOpen === "cup" ? null : "cup"),
+                  onSelect: (v2) => {
+                    setCupSize(v2);
+                    setInlineBraOpen(null);
+                    setError("");
+                  }
+                }
+              ) })
+            ] })
           ] })
         ] }),
         error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-cpw-error", children: error })
@@ -25481,6 +25542,17 @@ function BodyProfileView({
     setPhotoFromProfile(false);
     if (fileInputRef.current) fileInputRef.current.value = "";
   }, [photoPreview, photoFromProfile]);
+  const handleClearFromProfile = reactExports.useCallback(() => {
+    handleRemovePhoto();
+    setHeight("");
+    setHeightFeet("");
+    setHeightInches("");
+    setWeight("");
+    setAge("");
+    setBandSize(null);
+    setCupSize(null);
+    onStartFresh?.();
+  }, [handleRemovePhoto, onStartFresh]);
   reactExports.useEffect(() => {
     const profilePhoto = activeProfile?.photoBase64;
     const profileId = activeProfile?.id ?? null;
@@ -25492,6 +25564,12 @@ function BodyProfileView({
     setPhotoFromProfile(true);
     setAgeConfirmed(true);
   }, [activeProfile]);
+  reactExports.useEffect(() => {
+    const profileAgeNow = activeProfile?.age;
+    if (profileAgeNow != null && profileAgeNow > 0 && !age) {
+      setAge(String(Math.round(profileAgeNow)));
+    }
+  }, [activeProfile, age]);
   const validateBasics = reactExports.useCallback(() => {
     if (hUnit === "in") {
       const ft = parseFloat(heightFeet);
@@ -26295,8 +26373,17 @@ function BodyProfileView({
             photoFromProfile && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", justifyContent: "center", marginBottom: "0.7vw" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-loaded-pill", role: "status", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-loaded-pill-dot", "aria-hidden": "true", children: "✓" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-loaded-pill-text", children: t2("Loaded from profile") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-loaded-pill-clear", onClick: handleRemovePhoto, children: t2("Clear") })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-loaded-pill-clear", onClick: handleClearFromProfile, children: t2("Clear") })
             ] }) }),
+            hasActiveProfileWithMeasurements && activeProfileName && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-bp-profile-hint", style: { textAlign: "center", margin: "0 0 0.5vw" }, children: [
+              t2("Using"),
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: activeProfileName }),
+              onStartFresh && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                " · ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-bp-profile-hint-link", onClick: handleClearFromProfile, children: t2("start fresh") })
+              ] })
+            ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-fields", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("HEIGHT") }),

package/package.json

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