@primestyleai/tryon 5.8.11 → 5.8.13

package/dist/react/index.js

@@ -4666,6 +4666,14 @@ const STYLES = `
     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);
@@ -8342,6 +8350,10 @@ function CreateProfileWizard({ onSave, onCancel, t }) {
   const [midsectionProfile, setMidsectionProfile] = useState(null);
   const [seatProfile, setSeatProfile] = useState(null);
   const [hipProfile, setHipProfile] = useState(null);
+  const [bandSize, setBandSize] = useState(null);
+  const [cupSize, setCupSize] = 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 = () => {
@@ -8389,6 +8401,8 @@ function CreateProfileWizard({ onSave, onCancel, t }) {
       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);
@@ -8608,7 +8622,45 @@ function CreateProfileWizard({ onSave, onCancel, t }) {
             /* @__PURE__ */ jsx(ShapeCard, { img: imgs.hips.full ?? null, label: t("FULL"), selected: hipProfile === "full", onSelect: () => setHipProfile("full") })
           ]
         }
-      )
+      ),
+      isWomen && /* @__PURE__ */ jsxs("div", { className: "ps-cpw-section", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ps-cpw-section-head", children: [
+          /* @__PURE__ */ jsx("div", { className: "ps-cpw-section-title", children: t("BRA SIZE") }),
+          /* @__PURE__ */ jsx("div", { className: "ps-cpw-section-sub", children: t("Helps us refine bust measurements for tops and dresses") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ps-cpw-bra-row", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ps-cpw-bra-field", children: [
+            /* @__PURE__ */ jsx("label", { className: "ps-cpw-field-label", children: t("BAND") }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "ps-cpw-input",
+                value: bandSize ?? "",
+                onChange: (e) => setBandSize(e.target.value || null),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: t("Select") }),
+                  BAND_OPTIONS_US.map((b) => /* @__PURE__ */ jsx("option", { value: b, children: b }, b))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ps-cpw-bra-field", children: [
+            /* @__PURE__ */ jsx("label", { className: "ps-cpw-field-label", children: t("CUP") }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "ps-cpw-input",
+                value: cupSize ?? "",
+                onChange: (e) => setCupSize(e.target.value || null),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: t("Select") }),
+                  CUP_OPTIONS_US.map((c) => /* @__PURE__ */ jsx("option", { value: c, children: c }, c))
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "ps-cpw-footer", children: [
       /* @__PURE__ */ jsx("button", { type: "button", className: "ps-cpw-back-btn", onClick: handleBack, children: step === 1 ? t("Cancel") : `← ${t("Back to Identity")}` }),
@@ -9479,7 +9531,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"],