@primestyleai/tryon 5.10.131 → 5.10.133

package/dist/storefront/primestyle-tryon.js

@@ -7218,7 +7218,10 @@ const es = {
   "A fuller, more rounded midsection": "Una cintura más llena y redondeada",
   "A flatter backside with less projection": "Un trasero más plano con menos proyección",
   "A moderate, natural backside shape": "Un trasero moderado y natural",
-  "A fuller, more rounded backside": "Un trasero más lleno y redondeado"
+  "A fuller, more rounded backside": "Un trasero más lleno y redondeado",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "Cargada del perfil",
+  "Clear": "Borrar"
 };
 const fr = {
   "Virtual Try-On": "Essayage Virtuel",
@@ -7468,7 +7471,10 @@ const fr = {
   "A fuller, more rounded midsection": "Une taille plus pleine et arrondie",
   "A flatter backside with less projection": "Un arrière plus plat avec moins de projection",
   "A moderate, natural backside shape": "Un arrière modéré et naturel",
-  "A fuller, more rounded backside": "Un arrière plus plein et arrondi"
+  "A fuller, more rounded backside": "Un arrière plus plein et arrondi",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "Chargée depuis le profil",
+  "Clear": "Effacer"
 };
 const de = {
   "Virtual Try-On": "Virtuelle Anprobe",
@@ -7718,7 +7724,10 @@ const de = {
   "A fuller, more rounded midsection": "Eine vollere, rundere Körpermitte",
   "A flatter backside with less projection": "Ein flacheres Gesäß mit weniger Wölbung",
   "A moderate, natural backside shape": "Ein moderates, natürliches Gesäß",
-  "A fuller, more rounded backside": "Ein volleres, runderes Gesäß"
+  "A fuller, more rounded backside": "Ein volleres, runderes Gesäß",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "Aus Profil geladen",
+  "Clear": "Löschen"
 };
 const it = {
   "Virtual Try-On": "Prova Virtuale",
@@ -7968,7 +7977,10 @@ const it = {
   "A fuller, more rounded midsection": "Una vita più piena e arrotondata",
   "A flatter backside with less projection": "Un lato B più piatto e meno proiettato",
   "A moderate, natural backside shape": "Un lato B moderato e naturale",
-  "A fuller, more rounded backside": "Un lato B più pieno e arrotondato"
+  "A fuller, more rounded backside": "Un lato B più pieno e arrotondato",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "Caricata dal profilo",
+  "Clear": "Cancella"
 };
 const pt$1 = {
   "Virtual Try-On": "Provador Virtual",
@@ -8218,7 +8230,10 @@ const pt$1 = {
   "A fuller, more rounded midsection": "Uma cintura mais cheia e arredondada",
   "A flatter backside with less projection": "Um traseiro mais plano com menos projeção",
   "A moderate, natural backside shape": "Um traseiro moderado e natural",
-  "A fuller, more rounded backside": "Um traseiro mais cheio e arredondado"
+  "A fuller, more rounded backside": "Um traseiro mais cheio e arredondado",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "Carregada do perfil",
+  "Clear": "Limpar"
 };
 const ja = {
   "Virtual Try-On": "バーチャル試着",
@@ -8468,7 +8483,10 @@ const ja = {
   "A fuller, more rounded midsection": "丸みのあるふくよかなウエスト",
   "A flatter backside with less projection": "突出の少ない平らなおしり",
   "A moderate, natural backside shape": "標準的で自然なおしり",
-  "A fuller, more rounded backside": "丸みのあるふくよかなおしり"
+  "A fuller, more rounded backside": "丸みのあるふくよかなおしり",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "プロフィールから読み込み",
+  "Clear": "クリア"
 };
 const zh = {
   "Virtual Try-On": "虚拟试穿",
@@ -8718,7 +8736,10 @@ const zh = {
   "A fuller, more rounded midsection": "较丰满圆润的腰部",
   "A flatter backside with less projection": "较平坦的臀部",
   "A moderate, natural backside shape": "适中自然的臀部",
-  "A fuller, more rounded backside": "较丰满圆润的臀部"
+  "A fuller, more rounded backside": "较丰满圆润的臀部",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "已从个人资料加载",
+  "Clear": "清除"
 };
 const ko = {
   "Virtual Try-On": "가상 피팅",
@@ -8968,7 +8989,10 @@ const ko = {
   "A fuller, more rounded midsection": "더 풍만하고 둥근 허리",
   "A flatter backside with less projection": "돌출이 적은 평평한 엉덩이",
   "A moderate, natural backside shape": "보통의 자연스러운 엉덩이",
-  "A fuller, more rounded backside": "더 풍만하고 둥근 엉덩이"
+  "A fuller, more rounded backside": "더 풍만하고 둥근 엉덩이",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "프로필에서 불러옴",
+  "Clear": "지우기"
 };
 const ar = {
   "Virtual Try-On": "تجربة افتراضية",
@@ -9218,7 +9242,10 @@ const ar = {
   "A fuller, more rounded midsection": "منطقة وسط أكثر امتلاءً واستدارة",
   "A flatter backside with less projection": "مؤخرة أكثر استواءً مع بروز أقل",
   "A moderate, natural backside shape": "مؤخرة معتدلة وطبيعية",
-  "A fuller, more rounded backside": "مؤخرة أكثر امتلاءً واستدارة"
+  "A fuller, more rounded backside": "مؤخرة أكثر امتلاءً واستدارة",
+  // ── Photo step — profile photo preload pill ──
+  "Loaded from profile": "تم التحميل من الملف الشخصي",
+  "Clear": "مسح"
 };
 const locales = {
   es,
@@ -14601,6 +14628,28 @@ const STYLES$1 = `
     color: var(--ps-text-primary); border-bottom-color: var(--ps-accent);
   }
 
+  /* "Loaded from profile" pill — shows above the HEIGHT input when the
+     active profile pre-populated the photo zone. Clear button next to it
+     wipes the photo so the user can upload a new one. */
+  .ps-bp-loaded-pill {
+    display: inline-flex; align-items: center; gap: 0.5vw;
+    align-self: center; margin: 0 auto 0.7vw;
+    padding: 0.3vw 0.7vw; border-radius: 999px;
+    background: rgba(33, 84, 239, 0.08); border: 1px solid rgba(33, 84, 239, 0.18);
+    font-size: 0.7vw; color: var(--ps-text-secondary);
+  }
+  .ps-bp-loaded-pill-dot {
+    color: var(--ps-accent); font-weight: 700; font-size: 0.75vw;
+  }
+  .ps-bp-loaded-pill-text { font-weight: 500; }
+  .ps-bp-loaded-pill-clear {
+    background: none; border: none; padding: 0 0 0 0.3vw;
+    color: var(--ps-text-muted); font-size: 0.7vw; font-weight: 500;
+    cursor: pointer; font-family: inherit; text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+  .ps-bp-loaded-pill-clear:hover { color: var(--ps-accent); }
+
   /* Inline field rows (WAIR style) */
   .ps-bp-inline-fields {
     display: flex; flex-direction: column; gap: 0; flex: 1;
@@ -25343,6 +25392,7 @@ function BodyProfileView({
   const [photoProcessing, setPhotoProcessing] = reactExports.useState(false);
   const [photoStatus, setPhotoStatus] = reactExports.useState("");
   const [photoRejection, setPhotoRejection] = reactExports.useState(null);
+  const [photoFromProfile, setPhotoFromProfile] = reactExports.useState(false);
   const fileInputRef = reactExports.useRef(null);
   const [ageConfirmed, setAgeConfirmed] = reactExports.useState(null);
   const [photoHelpOpen, setPhotoHelpOpen] = reactExports.useState(false);
@@ -25422,13 +25472,26 @@ function BodyProfileView({
       setPhotoStatus("");
     }
   }, [t2, ageConfirmed]);
+  const seededProfileIdRef = reactExports.useRef(null);
   const handleRemovePhoto = reactExports.useCallback(() => {
-    if (photoPreview) URL.revokeObjectURL(photoPreview);
+    if (photoPreview && !photoFromProfile) URL.revokeObjectURL(photoPreview);
     setPhotoFile(null);
     setPhotoPreview(null);
     setPhotoBase64(null);
+    setPhotoFromProfile(false);
     if (fileInputRef.current) fileInputRef.current.value = "";
-  }, [photoPreview]);
+  }, [photoPreview, photoFromProfile]);
+  reactExports.useEffect(() => {
+    const profilePhoto = activeProfile?.photoBase64;
+    const profileId = activeProfile?.id ?? null;
+    if (!profilePhoto || !profileId) return;
+    if (seededProfileIdRef.current === profileId) return;
+    seededProfileIdRef.current = profileId;
+    setPhotoBase64(profilePhoto);
+    setPhotoPreview(profilePhoto);
+    setPhotoFromProfile(true);
+    setAgeConfirmed(true);
+  }, [activeProfile]);
   const validateBasics = reactExports.useCallback(() => {
     if (hUnit === "in") {
       const ft = parseFloat(heightFeet);
@@ -26228,82 +26291,89 @@ function BodyProfileView({
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${!isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToMetric, type: "button", children: t2("Metric") }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: `ps-bp-system-btn${isImperialMode ? " ps-bp-system-active" : ""}`, onClick: photoSwitchToImperial, type: "button", children: t2("Imperial") })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: "auto", marginBottom: "auto" }, children: /* @__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") }),
-              hUnit === "in" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "5", value: heightFeet, onChange: (e) => setHeightFeet(e.target.value), min: 3, max: 8 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "ft" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "10", value: heightInches, onChange: (e) => setHeightInches(e.target.value), min: 0, max: 11 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "in" })
-              ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "173", value: height, onChange: (e) => setHeight(e.target.value), min: 100, max: 250 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "cm" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-row", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("WEIGHT") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: wUnit === "kg" ? "75" : "165", value: weight, onChange: (e) => setWeight(e.target.value), min: wUnit === "kg" ? 30 : 66, max: wUnit === "kg" ? 300 : 660 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: wUnit })
-              ] })
-            ] }),
-            isWomen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: inlineBraWrapRef, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: "auto", marginBottom: "auto" }, children: [
+            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.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("BRA REGION") }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-bp-inline-input-group", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  MiniSelect,
-                  {
-                    value: braSizeRegion,
-                    options: Object.keys(BAND_SIZES),
-                    isOpen: inlineBraOpen === "region",
-                    onToggle: () => setInlineBraOpen(inlineBraOpen === "region" ? null : "region"),
-                    onSelect: (v2) => {
-                      setBraSizeRegion(v2);
-                      setBandSize(null);
-                      setCupSize(null);
-                      setInlineBraOpen(null);
-                    }
-                  }
-                ) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("HEIGHT") }),
+                hUnit === "in" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "5", value: heightFeet, onChange: (e) => setHeightFeet(e.target.value), min: 3, max: 8 }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "ft" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "10", value: heightInches, onChange: (e) => setHeightInches(e.target.value), min: 0, max: 11 }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "in" })
+                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: "173", value: height, onChange: (e) => setHeight(e.target.value), min: 100, max: 250 }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: "cm" })
+                ] })
               ] }),
               /* @__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,
-                  {
-                    value: bandSize,
-                    options: BAND_SIZES[braSizeRegion] || BAND_SIZES.US,
-                    placeholder: "—",
-                    isOpen: inlineBraOpen === "band",
-                    onToggle: () => setInlineBraOpen(inlineBraOpen === "band" ? null : "band"),
-                    onSelect: (v2) => {
-                      setBandSize(v2);
-                      setInlineBraOpen(null);
-                    }
-                  }
-                ) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-label", children: t2("WEIGHT") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-inline-input-group", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "number", className: "ps-bp-inline-input", placeholder: wUnit === "kg" ? "75" : "165", value: weight, onChange: (e) => setWeight(e.target.value), min: wUnit === "kg" ? 30 : 66, max: wUnit === "kg" ? 300 : 660 }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-inline-unit", children: wUnit })
+                ] })
               ] }),
-              /* @__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,
-                  {
-                    value: cupSize,
-                    options: CUP_SIZES[braSizeRegion] || CUP_SIZES.US,
-                    placeholder: "—",
-                    direction: "up",
-                    isOpen: inlineBraOpen === "cup",
-                    onToggle: () => setInlineBraOpen(inlineBraOpen === "cup" ? null : "cup"),
-                    onSelect: (v2) => {
-                      setCupSize(v2);
-                      setInlineBraOpen(null);
+              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,
+                    {
+                      value: braSizeRegion,
+                      options: Object.keys(BAND_SIZES),
+                      isOpen: inlineBraOpen === "region",
+                      onToggle: () => setInlineBraOpen(inlineBraOpen === "region" ? null : "region"),
+                      onSelect: (v2) => {
+                        setBraSizeRegion(v2);
+                        setBandSize(null);
+                        setCupSize(null);
+                        setInlineBraOpen(null);
+                      }
                     }
-                  }
-                ) })
+                  ) })
+                ] }),
+                /* @__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,
+                    {
+                      value: bandSize,
+                      options: BAND_SIZES[braSizeRegion] || BAND_SIZES.US,
+                      placeholder: "—",
+                      isOpen: inlineBraOpen === "band",
+                      onToggle: () => setInlineBraOpen(inlineBraOpen === "band" ? null : "band"),
+                      onSelect: (v2) => {
+                        setBandSize(v2);
+                        setInlineBraOpen(null);
+                      }
+                    }
+                  ) })
+                ] }),
+                /* @__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,
+                    {
+                      value: cupSize,
+                      options: CUP_SIZES[braSizeRegion] || CUP_SIZES.US,
+                      placeholder: "—",
+                      direction: "up",
+                      isOpen: inlineBraOpen === "cup",
+                      onToggle: () => setInlineBraOpen(inlineBraOpen === "cup" ? null : "cup"),
+                      onSelect: (v2) => {
+                        setCupSize(v2);
+                        setInlineBraOpen(null);
+                      }
+                    }
+                  ) })
+                ] })
               ] })
             ] })
-          ] }) }),
+          ] }),
           photoHelpOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",

package/package.json

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