@primestyleai/tryon 5.8.11 → 5.8.13

package/dist/storefront/primestyle-tryon.js

@@ -14090,6 +14090,14 @@ const STYLES$1 = `
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
   }
+  .ps-cpw-bra-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px;
+  }
+  .ps-cpw-bra-field {
+    display: flex; flex-direction: column; gap: 6px;
+  }
   .ps-cpw-card {
     display: flex; flex-direction: column; align-items: center;
     background: var(--ps-bg-primary);
@@ -17766,6 +17774,10 @@ function CreateProfileWizard({ onSave, onCancel, t: t2 }) {
   const [midsectionProfile, setMidsectionProfile] = reactExports.useState(null);
   const [seatProfile, setSeatProfile] = reactExports.useState(null);
   const [hipProfile, setHipProfile] = reactExports.useState(null);
+  const [bandSize, setBandSize] = reactExports.useState(null);
+  const [cupSize, setCupSize] = reactExports.useState(null);
+  const BAND_OPTIONS_US = ["28", "30", "32", "34", "36", "38", "40", "42", "44", "46", "48", "50", "52", "54", "56"];
+  const CUP_OPTIONS_US = ["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 validateStep1 = () => {
@@ -17813,6 +17825,8 @@ function CreateProfileWizard({ onSave, onCancel, t: t2 }) {
       chestProfile: chestProfile || void 0,
       midsectionProfile: midsectionProfile || void 0,
       hipProfile: isWomen ? hipProfile || void 0 : seatProfile || void 0,
+      bandSize: isWomen ? bandSize || void 0 : void 0,
+      cupSize: isWomen ? cupSize || void 0 : void 0,
       photoBase64: photoBase64 || void 0
     };
     onSave(data);
@@ -18032,7 +18046,45 @@ function CreateProfileWizard({ onSave, onCancel, t: t2 }) {
             /* @__PURE__ */ jsxRuntimeExports.jsx(ShapeCard, { img: imgs.hips.full ?? null, label: t2("FULL"), selected: hipProfile === "full", onSelect: () => setHipProfile("full") })
           ]
         }
-      )
+      ),
+      isWomen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-section", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-section-head", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-cpw-section-title", children: t2("BRA SIZE") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-cpw-section-sub", children: t2("Helps us refine bust measurements for tops and dresses") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-bra-row", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-bra-field", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "ps-cpw-field-label", children: t2("BAND") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "select",
+              {
+                className: "ps-cpw-input",
+                value: bandSize ?? "",
+                onChange: (e) => setBandSize(e.target.value || null),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: t2("Select") }),
+                  BAND_OPTIONS_US.map((b) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: b, children: b }, b))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-bra-field", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "ps-cpw-field-label", children: t2("CUP") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "select",
+              {
+                className: "ps-cpw-input",
+                value: cupSize ?? "",
+                onChange: (e) => setCupSize(e.target.value || null),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: t2("Select") }),
+                  CUP_OPTIONS_US.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: c, children: c }, c))
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-cpw-footer", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "ps-cpw-back-btn", onClick: handleBack, children: step === 1 ? t2("Cancel") : `← ${t2("Back to Identity")}` }),
@@ -18903,7 +18955,7 @@ function ImageOptionCard({
   );
 }
 const MALE_STEPS = ["basics", "chest", "midsection", "seat"];
-const FEMALE_STEPS = ["basics", "bra", "midsection", "seat", "hips"];
+const FEMALE_STEPS = ["basics", "midsection", "seat", "hips", "bra"];
 const BAND_SIZES = {
   US: ["28", "30", "32", "34", "36", "38", "40", "42", "44", "46", "48", "50", "52", "54", "56"],
   UK: ["28", "30", "32", "34", "36", "38", "40", "42", "44", "46", "48", "50", "52", "54", "56"],

package/package.json

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