@primestyleai/tryon 3.6.6 → 3.7.0

package/dist/react/index.js

@@ -966,9 +966,17 @@ function PrimeStyleTryonInner({
       sizingMethod === "exact" ? /* @__PURE__ */ jsx(Fragment, { children: (() => {
         const reqFields = dynamicFields.filter((f) => f.required);
         const optFields = dynamicFields.filter((f) => !f.required);
+        const isShoeProduct = reqFields.some((f) => f.category === "shoe");
+        const isClothingProduct = reqFields.some((f) => f.category === "body");
         const renderField = (field) => {
           if (["shoeEU", "shoeUS", "shoeUK"].includes(field.key)) {
-            return /* @__PURE__ */ jsx(InputRow, { label: `${field.label} *`, fieldKey: field.key, placeholder: field.placeholder }, field.key);
+            const regionField = shoeField;
+            const key = regionField.key;
+            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 })
+            ] }, field.key);
           }
           const phNum = parseFloat(field.placeholder?.replace(/[^0-9.]/g, "") || "");
           const phIn = !isNaN(phNum) && phNum > 0 && field.unit === "cm" ? String(Math.round(phNum / 2.54)) : "";
@@ -985,6 +993,20 @@ function PrimeStyleTryonInner({
             field.key
           );
         };
+        const profileExtras = [];
+        if (isShoeProduct && !dynamicFields.some((f) => f.category === "body")) {
+          const bodyFields = isFemale ? FALLBACK_FIELDS_FEMALE : FALLBACK_FIELDS_MALE;
+          for (const f of bodyFields) {
+            if (!dynamicFields.some((d) => d.key === f.key)) {
+              profileExtras.push({ ...f, required: false });
+            }
+          }
+        }
+        if (isClothingProduct && !dynamicFields.some((f) => f.category === "shoe")) {
+          profileExtras.push({ key: "footLengthCm", label: "Foot length", required: false, unit: "cm", placeholder: "e.g. 27", category: "shoe" });
+          profileExtras.push({ key: shoeField.key, label: shoeField.label, required: false, unit: "size", placeholder: shoeField.ph, category: "shoe" });
+        }
+        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" }),
@@ -1006,7 +1028,7 @@ function PrimeStyleTryonInner({
               fp
             )) })
           ] }),
-          optFields.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-optional-section", children: [
+          allOptFields.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-optional-section", children: [
             /* @__PURE__ */ jsxs("button", { className: "ps-tryon-optional-toggle", onClick: (e) => {
               const wrap = e.target.closest(".ps-tryon-optional-section").querySelector(".ps-tryon-optional-fields");
               const arrow = e.target.closest(".ps-tryon-optional-toggle").querySelector(".ps-tryon-chevron");
@@ -1019,18 +1041,7 @@ function PrimeStyleTryonInner({
               /* @__PURE__ */ jsx("span", { children: "Optional — improve accuracy & save to profile" }),
               /* @__PURE__ */ jsx("span", { className: "ps-tryon-chevron", children: "▾" })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "ps-tryon-optional-fields", style: { display: "none" }, children: [
-              optFields.map(renderField),
-              !dynamicFields.some((f) => f.category === "shoe") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(InputRow, { label: "Foot length", fieldKey: "footLengthCm", placeholder: isCm ? "e.g. 27" : "e.g. 10.5", type: "number", unit: sizingUnit }),
-                /* @__PURE__ */ jsx(InputRow, { label: shoeField.label, fieldKey: shoeField.key, placeholder: shoeField.ph })
-              ] })
-            ] })
-          ] }),
-          optFields.length === 0 && !dynamicFields.some((f) => f.category === "shoe") && /* @__PURE__ */ jsxs("div", { className: "ps-tryon-shoe-section", children: [
-            /* @__PURE__ */ jsx("div", { className: "ps-tryon-shoe-title", children: "Shoe sizing (optional)" }),
-            /* @__PURE__ */ jsx(InputRow, { label: "Foot length", fieldKey: "footLengthCm", placeholder: isCm ? "e.g. 27" : "e.g. 10.5", type: "number", unit: sizingUnit }),
-            /* @__PURE__ */ jsx(InputRow, { label: shoeField.label, fieldKey: shoeField.key, placeholder: shoeField.ph })
+            /* @__PURE__ */ jsx("div", { className: "ps-tryon-optional-fields", style: { display: "none" }, children: allOptFields.map(renderField) })
           ] })
         ] });
       })() }) : /* @__PURE__ */ jsxs(Fragment, { children: [

package/package.json

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