@primestyleai/tryon 5.10.189 → 5.10.190

package/dist/react/utils/profile-auth.d.ts

@@ -1,4 +1,4 @@
-export type SocialProvider = "google" | "apple" | "facebook" | "linkedin";
+export type SocialProvider = "google" | "apple" | "linkedin";
 export interface ProfileAuthSession {
     accessToken: string;
     isNewUser?: boolean;

package/dist/react/utils/storage.d.ts

@@ -10,6 +10,7 @@ export declare function clearProfileLocalStorage(): void;
 export declare function getProfiles(): Profile[];
 export declare function saveProfiles(profiles: Profile[]): void;
 export declare function getActiveProfileId(): string | null;
+export declare function isActiveProfileExplicitlyCleared(): boolean;
 export declare function setActiveProfileId(id: string | null): void;
 /** Returns the active profile, or the most recently used one, or null. */
 export declare function getActiveProfile(): Profile | null;

package/dist/storefront/primestyle-tryon.js

@@ -10522,6 +10522,14 @@ function saveProfiles(profiles) {
 function getActiveProfileId() {
   return lsGet(ACTIVE_PROFILE_KEY, null);
 }
+function isActiveProfileExplicitlyCleared() {
+  if (typeof window === "undefined") return false;
+  try {
+    return localStorage.getItem(LS_PREFIX + ACTIVE_PROFILE_KEY) === "null";
+  } catch {
+    return false;
+  }
+}
 function setActiveProfileId(id2) {
   lsSet(ACTIVE_PROFILE_KEY, id2);
   emitStorageChange("active-profile");
@@ -11154,6 +11162,10 @@ async function recommendForProduct(input) {
     log("no signed-in profile session — returning null");
     return null;
   }
+  if (!input.profile && isActiveProfileExplicitlyCleared()) {
+    log("active profile explicitly cleared locally — returning null");
+    return null;
+  }
   let remoteProfiles = [];
   let activeProfileId = null;
   try {
@@ -12394,6 +12406,9 @@ const STYLES = `
     gap: 0.8vw; margin-bottom: 0.55vw;
   }
   .ps-tryon-v2-result-copy { min-width: 0; flex: 1 1 auto; }
+  .ps-single-result-copy {
+    margin: 0 0 clamp(24px, 1.8vw, 34px);
+  }
   .ps-tryon-v2-profile-head {
     flex: 0 0 min(18vw, 48%);
     min-width: 15vw;
@@ -12718,11 +12733,16 @@ const STYLES = `
   }
   .ps-tryon-sr-card-v2.ps-full { flex: 1 1 100%; max-width: 100%; min-height: 5vw; padding: clamp(14px, 0.82vw, 18px); }
   .ps-tryon-sr-card-v2.ps-summary-card {
-    align-items: stretch;
+    align-items: center;
     justify-content: center;
-    text-align: left;
-    min-height: clamp(112px, 7.4vw, 132px);
-    padding: clamp(18px, 1.12vw, 24px) clamp(20px, 1.3vw, 28px);
+    text-align: center;
+    min-height: clamp(154px, 10.4vw, 184px);
+    padding: clamp(16px, 1vw, 22px) clamp(18px, 1.18vw, 26px);
+    background: #FFFFFF;
+    box-shadow: none;
+  }
+  .ps-tryon-sr-card-v2.ps-summary-card::after {
+    display: none;
   }
   .ps-tryon-sr-card-v2:hover {
     border-color: var(--ps-accent);
@@ -12735,18 +12755,16 @@ const STYLES = `
   }
   .ps-summary-card-layout {
     width: 100%;
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto;
-    grid-template-areas: "copy action";
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
     align-items: center;
-    column-gap: clamp(18px, 1.25vw, 28px);
-    row-gap: 0;
+    gap: clamp(6px, 0.36vw, 10px);
   }
   .ps-summary-card-copy {
-    grid-area: copy;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    align-items: center;
     justify-content: center;
     min-width: 0;
     gap: clamp(8px, 0.48vw, 12px);
@@ -12766,10 +12784,17 @@ const STYLES = `
     min-width: 0;
   }
   .ps-summary-card-layout .ps-tryon-sr-card-v2-open-pill {
-    grid-area: action;
     margin-top: 0;
     white-space: nowrap;
   }
+  .ps-tryon-sr-card-outside-label {
+    margin: 0 0 clamp(8px, 0.5vw, 11px);
+    font-size: clamp(10px, 0.62vw, 12px);
+    font-weight: 780;
+    color: rgba(15,23,42,0.56);
+    letter-spacing: 0.13em;
+    text-transform: uppercase;
+  }
   .ps-tryon-sr-card-v2-summary-title {
     font-size: clamp(11px, 0.66vw, 12px);
     font-weight: 760;
@@ -12780,7 +12805,7 @@ const STYLES = `
     margin-bottom: clamp(2px, 0.08vw, 4px);
   }
   .ps-summary-card-layout .ps-tryon-sr-card-v2-summary-title {
-    margin-bottom: 0;
+    margin-bottom: clamp(1px, 0.08vw, 3px);
     white-space: nowrap;
     color: rgba(15,23,42,0.58);
     font-size: clamp(11px, 0.66vw, 12px);
@@ -12819,10 +12844,9 @@ const STYLES = `
   }
   .ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value { font-size: clamp(30px, 2vw, 36px); }
   .ps-summary-card-layout .ps-tryon-sr-card-v2-value {
-    flex: 0 1 auto;
-    font-size: clamp(38px, 2.55vw, 48px);
+    font-size: clamp(34px, 2.2vw, 42px);
     min-width: 0;
-    text-align: left;
+    text-align: center;
   }
   /* Long combined labels ("MISSY 12 / Standard", "PLUS 16W / Extra Length")
      overflow the card at 2vw. Drop to ~1.3vw whenever the label is more
@@ -12852,7 +12876,7 @@ const STYLES = `
   }
   .ps-summary-card-layout .ps-tryon-sr-card-v2-rec-pill {
     align-self: center;
-    margin-top: 0;
+    margin-top: clamp(1px, 0.1vw, 3px);
     white-space: nowrap;
     background: #fff;
   }
@@ -12907,27 +12931,22 @@ const STYLES = `
   }
   @media (max-width: 768px) {
     .ps-tryon-sr-card-v2.ps-summary-card {
-      min-height: 104px;
+      min-height: 108px;
       padding: 16px;
     }
     .ps-summary-card-layout {
-      grid-template-columns: minmax(0, 1fr);
-      grid-template-areas:
-        "copy"
-        "action";
-      row-gap: 12px;
-      align-items: stretch;
+      gap: 8px;
+      align-items: center;
     }
     .ps-summary-card-layout .ps-tryon-sr-card-v2-main {
       width: 100%;
-      justify-content: space-between;
+      justify-content: center;
       gap: 12px;
     }
     .ps-summary-card-layout .ps-tryon-sr-card-v2-value {
       font-size: 34px;
     }
     .ps-summary-card-layout .ps-tryon-sr-card-v2-open-pill {
-      width: 100%;
       min-height: 38px;
     }
   }
@@ -14121,6 +14140,22 @@ const STYLES = `
     border-top-color: var(--ps-accent); border-radius: 50%;
     animation: ps-spin 0.7s linear infinite; margin: 0 auto;
   }
+  .ps-bp-profile-hydrating {
+    min-height: min(52vh, 420px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: clamp(10px, 0.7vw, 14px);
+    color: var(--ps-text-secondary);
+    font-size: clamp(13px, 0.82vw, 15px);
+    font-weight: 650;
+  }
+  .ps-bp-profile-hydrating .ps-tryon-size-loading-spinner {
+    width: clamp(18px, 1.25vw, 22px);
+    height: clamp(18px, 1.25vw, 22px);
+    flex-shrink: 0;
+    margin: 0;
+  }
   @keyframes ps-spin { to { transform: rotate(360deg); } }
   .ps-tryon-sr-loading-pulse { animation: ps-loading-pulse 2s ease-in-out infinite; }
   @keyframes ps-loading-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
@@ -17052,10 +17087,10 @@ const STYLES = `
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: clamp(8px, 0.65vw, 14px);
+    gap: clamp(10px, 0.74vw, 16px);
     width: min(100%, 500px);
-    margin: 0 auto clamp(7px, 0.55vw, 12px);
-    padding: clamp(7px, 0.55vw, 11px) clamp(10px, 0.8vw, 16px);
+    margin: 0 auto clamp(8px, 0.62vw, 13px);
+    padding: clamp(8px, 0.62vw, 12px) clamp(12px, 0.9vw, 18px);
     border: 1px solid rgba(33, 84, 239, 0.18);
     border-radius: clamp(8px, 0.7vw, 12px);
     background: linear-gradient(135deg, rgba(33, 84, 239, 0.08), rgba(255, 255, 255, 0.96));
@@ -17068,14 +17103,14 @@ const STYLES = `
     min-width: 0;
   }
   .ps-bp-profile-card-eyebrow {
-    font-size: clamp(8px, 0.55vw, 10px);
+    font-size: clamp(9px, 0.58vw, 11px);
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--ps-accent);
   }
   .ps-bp-profile-card-copy strong {
-    font-size: clamp(12px, 0.85vw, 15px);
+    font-size: clamp(13px, 0.9vw, 16px);
     line-height: 1.1;
     color: var(--ps-text-primary);
     overflow: hidden;
@@ -17083,7 +17118,7 @@ const STYLES = `
     white-space: nowrap;
   }
   .ps-bp-profile-card-copy span:last-child {
-    font-size: clamp(9px, 0.58vw, 11px);
+    font-size: clamp(10px, 0.62vw, 12px);
     line-height: 1.25;
     color: var(--ps-text-secondary);
   }
@@ -17093,9 +17128,9 @@ const STYLES = `
     background: #FFFFFF;
     color: var(--ps-accent);
     border-radius: 999px;
-    padding: clamp(6px, 0.45vw, 8px) clamp(9px, 0.7vw, 14px);
+    padding: clamp(7px, 0.5vw, 9px) clamp(10px, 0.76vw, 15px);
     font-family: inherit;
-    font-size: clamp(9px, 0.62vw, 11px);
+    font-size: clamp(10px, 0.66vw, 12px);
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
@@ -17108,8 +17143,8 @@ const STYLES = `
   }
   .ps-bp-profile-card-action:active { transform: scale(0.98); }
   .ps-bp-profile-card-compact {
-    margin: 0 auto clamp(3px, 0.32vw, 6px);
-    padding: clamp(4px, 0.34vw, 6px) clamp(8px, 0.62vw, 12px);
+    margin: 0 auto clamp(4px, 0.36vw, 7px);
+    padding: clamp(5px, 0.4vw, 8px) clamp(10px, 0.72vw, 14px);
     border-radius: clamp(7px, 0.55vw, 10px);
     box-shadow: none;
   }
@@ -17121,24 +17156,24 @@ const STYLES = `
   }
   .ps-bp-profile-card-compact .ps-bp-profile-card-eyebrow {
     grid-column: 1 / -1;
-    font-size: clamp(7px, 0.46vw, 9px);
+    font-size: clamp(8px, 0.5vw, 10px);
     letter-spacing: 0.16em;
     line-height: 1;
   }
   .ps-bp-profile-card-compact .ps-bp-profile-card-copy strong {
-    font-size: clamp(11px, 0.72vw, 13px);
+    font-size: clamp(12px, 0.78vw, 14px);
     line-height: 1.05;
   }
   .ps-bp-profile-card-compact .ps-bp-profile-card-copy span:last-child {
-    font-size: clamp(8px, 0.5vw, 10px);
+    font-size: clamp(9px, 0.54vw, 11px);
     line-height: 1.1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   .ps-bp-profile-card-compact .ps-bp-profile-card-action {
-    padding: clamp(4px, 0.3vw, 6px) clamp(7px, 0.55vw, 11px);
-    font-size: clamp(8px, 0.52vw, 10px);
+    padding: clamp(5px, 0.36vw, 7px) clamp(8px, 0.62vw, 12px);
+    font-size: clamp(9px, 0.56vw, 11px);
   }
 
   /* Typography */
@@ -21840,10 +21875,9 @@ function UserIcon({ size = 16 }) {
 }
 function ShoppingBagIcon({ size = 16 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 7h12l-1 14H7L6 7Z" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 7a3 3 0 0 1 6 0" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 12v5" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9.5 14.5h5" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.103 6.034h17.794" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z" })
   ] });
 }
 function ExternalLinkIcon({ size = 16 }) {
@@ -24215,7 +24249,7 @@ function SectionDetailView({
       if (isFootwear && fit === "good") return t2("BEST MATCH");
       if (isLen && fit === "good") return t2("EDITORIAL LENGTH");
       if (renderRaw && fit === "good") return t2("WITHIN RANGE");
-      if (fit === "good") return t2("PERFECT TENSION");
+      if (fit === "good") return t2("WITHIN RANGE");
       if (fit === "a-bit-tight") return t2("SLIGHTLY TIGHT");
       if (fit === "a-bit-loose") return t2("SLIGHT EASE");
       if (fit.includes("tight")) return t2("TIGHT");
@@ -25820,40 +25854,44 @@ function SizeResultView({
               ) : (
                 /* CARD VIEW — clickable summary card + gallery strip */
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-result-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-profile-head ps-expanded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, placement: "header", t: t2 }) }) }) : null,
-                  profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }) : null,
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-cards-v2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      className: `ps-tryon-sr-card-v2 ps-summary-card ps-full${pendingCustomSizes[sectionName] ? " ps-overridden" : ""}`,
-                      onClick: () => setActiveSection(sectionName),
-                      type: "button",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text ps-summary-card-layout", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-summary-card-copy", children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-summary-title", children: guideOnlyResult ? t2("Product Size Guide") : t2("Recommended size") }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-main", children: [
-                            (() => {
-                              const rawLabelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || singleResult.sizeLabel || (guideOnlyResult ? t2("One Size") : "—");
-                              const labelText = measurementType === "foot" ? formatShoeSizeLabel(rawLabelText, shoeUserGender) : rawLabelText;
-                              const isLong = labelText.length > 12;
-                              return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText });
-                            })(),
+                  (() => {
+                    const cardTitle = guideOnlyResult ? t2("Size Guide") : t2("Your Fit");
+                    const rawLabelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || singleResult.sizeLabel || (guideOnlyResult ? t2("One Size") : "—");
+                    const labelText = measurementType === "foot" ? formatShoeSizeLabel(rawLabelText, shoeUserGender) : rawLabelText;
+                    const isLong = labelText.length > 12;
+                    const badgeText = guideOnlyResult ? t2("SIZE GUIDE") : pendingCustomSizes[sectionName] ? t2("YOUR SELECTION") : t2("RECOMMENDED");
+                    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                      profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-result-head", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-profile-head ps-expanded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProfileCompletionCta, { onClick: profileCompletionCta.onClick, placement: "header", t: t2 }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-copy ps-single-result-copy", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "ps-tryon-v2-title", children: t2("Your Size Recommendation") }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-tryon-v2-subtitle", children: t2("Tap the card for detailed breakdown") })
+                      ] }),
+                      profileCompletionCta ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-v2-sep" }) : null,
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-sr-cards-v2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          className: `ps-tryon-sr-card-v2 ps-summary-card ps-full${pendingCustomSizes[sectionName] ? " ps-overridden" : ""}`,
+                          onClick: () => setActiveSection(sectionName),
+                          type: "button",
+                          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text ps-summary-card-layout", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-summary-title", children: cardTitle }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText }),
                             /* @__PURE__ */ jsxRuntimeExports.jsx(
                               "span",
                               {
                                 className: `ps-tryon-sr-card-v2-rec-pill${pendingCustomSizes[sectionName] ? " is-overridden" : ""}`,
-                                children: guideOnlyResult ? t2("SIZE GUIDE") : pendingCustomSizes[sectionName] ? t2("YOUR SELECTION") : t2("RECOMMENDED")
+                                children: badgeText
                               }
-                            )
+                            ),
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-view", children: [
+                              guideOnlyResult ? t2("VIEW CHART") : t2("VIEW DETAILS"),
+                              " ",
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", children: "›" })
+                            ] })
                           ] })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-tryon-sr-card-v2-open-pill", children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: guideOnlyResult ? t2("View chart") : t2("View measurements") }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", children: "›" })
-                        ] })
-                      ] })
-                    }
-                  ) }),
+                        }
+                      ) })
+                    ] });
+                  })(),
                   hasCarousel && /* @__PURE__ */ jsxRuntimeExports.jsx(ProductPhotoCarouselCard, { items: carouselItems.length > 0 ? carouselItems : void 0, photos: productImages, productTitle, t: t2 }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-v2-result-actions", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -28961,12 +28999,10 @@ function MySizingProfilesView({
 const googleIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='%23FFC107'%20d='M43.6%2020.5H42V20H24v8h11.3C33.7%2032.7%2029.3%2036%2024%2036c-6.6%200-12-5.4-12-12s5.4-12%2012-12c3.1%200%205.9%201.2%208%203.1l5.7-5.7C34.1%206.1%2029.3%204%2024%204%2012.9%204%204%2012.9%204%2024s8.9%2020%2020%2020%2020-8.9%2020-20c0-1.3-.1-2.4-.4-3.5z'/%3e%3cpath%20fill='%23FF3D00'%20d='M6.3%2014.7l6.6%204.8C14.7%2015.1%2019%2012%2024%2012c3.1%200%205.9%201.2%208%203.1l5.7-5.7C34.1%206.1%2029.3%204%2024%204%2016.2%204%209.5%208.5%206.3%2014.7z'/%3e%3cpath%20fill='%234CAF50'%20d='M24%2044c5.2%200%209.9-2%2013.4-5.2l-6.2-5.2C29.2%2035.1%2026.7%2036%2024%2036c-5.2%200-9.6-3.3-11.3-7.8l-6.5%205C9.4%2039.6%2016.1%2044%2024%2044z'/%3e%3cpath%20fill='%231976D2'%20d='M43.6%2020.5H42V20H24v8h11.3c-.8%202.3-2.3%204.2-4.1%205.6l6.2%205.2C36.9%2039.2%2044%2034%2044%2024c0-1.3-.1-2.4-.4-3.5z'/%3e%3c/svg%3e";
 const profileSyncIllustration = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20520%20420'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23EFF6FF'/%3e%3cstop%20offset='1'%20stop-color='%23FFFFFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='blue'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%2360A5FA'/%3e%3cstop%20offset='1'%20stop-color='%232563EB'/%3e%3c/linearGradient%3e%3cfilter%20id='shadow'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='18'%20stdDeviation='22'%20flood-color='%231E3A8A'%20flood-opacity='0.14'/%3e%3c/filter%3e%3c/defs%3e%3crect%20x='20'%20y='20'%20width='480'%20height='380'%20rx='44'%20fill='url(%23bg)'/%3e%3ccircle%20cx='118'%20cy='92'%20r='36'%20fill='%23DBEAFE'/%3e%3ccircle%20cx='420'%20cy='328'%20r='42'%20fill='%23E0F2FE'/%3e%3cg%20filter='url(%23shadow)'%3e%3crect%20x='170'%20y='70'%20width='180'%20height='280'%20rx='34'%20fill='%23FFFFFF'/%3e%3crect%20x='186'%20y='88'%20width='148'%20height='246'%20rx='25'%20fill='%23F8FAFC'%20stroke='%23DBEAFE'/%3e%3ccircle%20cx='260'%20cy='161'%20r='38'%20fill='url(%23blue)'/%3e%3cpath%20fill='%23DBEAFE'%20d='M235%20246c3-25%2022-43%2025-43s22%2018%2025%2043c-13%2010-37%2010-50%200z'/%3e%3cpath%20fill='%23BFDBFE'%20d='M228%20284h64c8%200%2014%206%2014%2014s-6%2014-14%2014h-64c-8%200-14-6-14-14s6-14%2014-14z'/%3e%3c/g%3e%3cg%20filter='url(%23shadow)'%3e%3crect%20x='62'%20y='172'%20width='130'%20height='94'%20rx='24'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='102'%20cy='212'%20r='20'%20fill='%23EFF6FF'%20stroke='%23BFDBFE'/%3e%3crect%20x='132'%20y='196'%20width='36'%20height='8'%20rx='4'%20fill='%23BFDBFE'/%3e%3crect%20x='132'%20y='214'%20width='48'%20height='8'%20rx='4'%20fill='%23DBEAFE'/%3e%3crect%20x='88'%20y='240'%20width='76'%20height='10'%20rx='5'%20fill='%232563EB'%20opacity='0.88'/%3e%3c/g%3e%3cg%20filter='url(%23shadow)'%3e%3crect%20x='328'%20y='172'%20width='130'%20height='94'%20rx='24'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='368'%20cy='212'%20r='20'%20fill='%23EFF6FF'%20stroke='%23BFDBFE'/%3e%3crect%20x='398'%20y='196'%20width='36'%20height='8'%20rx='4'%20fill='%23BFDBFE'/%3e%3crect%20x='398'%20y='214'%20width='48'%20height='8'%20rx='4'%20fill='%23DBEAFE'/%3e%3crect%20x='354'%20y='240'%20width='76'%20height='10'%20rx='5'%20fill='%232563EB'%20opacity='0.88'/%3e%3c/g%3e%3cpath%20d='M194%20198c20-18%2038-27%2060-29'%20fill='none'%20stroke='%2393C5FD'%20stroke-width='7'%20stroke-linecap='round'%20stroke-dasharray='1%2016'/%3e%3cpath%20d='M326%20198c-20-18-38-27-60-29'%20fill='none'%20stroke='%2393C5FD'%20stroke-width='7'%20stroke-linecap='round'%20stroke-dasharray='1%2016'/%3e%3c/svg%3e";
 const appleIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23111111'%20d='M16.37%201.43c0%201.14-.46%202.23-1.19%203.05-.8.91-2.13%201.61-3.2%201.5-.14-1.09.4-2.25%201.12-3.06.8-.9%202.2-1.58%203.27-1.49zM20.2%2017.13c-.56%201.27-.83%201.84-1.55%202.96-1.01%201.56-2.44%203.5-4.21%203.52-1.58.02-1.98-1.03-4.12-1.02-2.14.01-2.59%201.05-4.17%201.03-1.77-.02-3.12-1.77-4.13-3.33-2.82-4.36-3.12-9.47-1.38-12.19%201.23-1.94%203.18-3.08%205.01-3.08%201.86%200%203.03%201.03%204.57%201.03%201.49%200%202.39-1.03%204.54-1.03%201.62%200%203.34.88%204.56%202.41-4%202.19-3.35%207.9.88%209.7z'/%3e%3c/svg%3e";
-const facebookIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ccircle%20cx='12'%20cy='12'%20r='11'%20fill='%231877F2'/%3e%3cpath%20fill='%23fff'%20d='M14.9%2015.2l.5-3.2h-3v-2c0-.9.4-1.7%201.8-1.7h1.4V5.6s-1.2-.2-2.4-.2c-2.5%200-4.1%201.5-4.1%204.2V12H6.4v3.2h2.7V23c.5.1%201.1.1%201.7.1s1.1%200%201.7-.1v-7.8h2.4z'/%3e%3c/svg%3e";
 const linkedinIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3crect%20width='22'%20height='22'%20x='1'%20y='1'%20rx='4'%20fill='%230A66C2'/%3e%3cpath%20fill='%23fff'%20d='M7.3%209.8h-3v9h3v-9zM5.8%208.6c1%200%201.7-.7%201.7-1.6S6.8%205.4%205.8%205.4%204.1%206.1%204.1%207s.7%201.6%201.7%201.6zm4.1%201.2v9h3v-5c0-.3%200-.5.1-.7.2-.5.7-1.1%201.5-1.1%201.1%200%201.5.8%201.5%202v4.8h3v-5.2c0-2.8-1.5-4.1-3.5-4.1-1.6%200-2.3.9-2.7%201.5v-1.2h-2.9z'/%3e%3c/svg%3e";
 const PROVIDERS = [
   { id: "google", label: "Continue with Google", shortLabel: "Google", icon: googleIcon },
   { id: "apple", label: "Continue with Apple", shortLabel: "Apple", icon: appleIcon },
-  { id: "facebook", label: "Continue with Facebook", shortLabel: "Facebook", icon: facebookIcon },
   { id: "linkedin", label: "Continue with LinkedIn", shortLabel: "LinkedIn", icon: linkedinIcon }
 ];
 function SocialProfileAuthView({ loadingProvider, error, onLogin, t: t2 }) {
@@ -30069,6 +30105,47 @@ function BodyProfileView({
   const shoeSizeOptions = getShoeSizeOptions(shoeSizeSystem);
   const shoeReference = isShoeReferenceMode ? estimateShoeReference({ brandId: shoeBrandId, size: shoeSizeValue, sizeSystem: shoeSizeSystem, productTitle, gender: shoeGender }) : null;
   const selectedShoeBrand = SHOE_BRANDS.find((brand) => brand.id === shoeBrandId);
+  const seededBasicsProfileIdRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    const profileId = activeProfile?.id ?? null;
+    if (!profileId || seededBasicsProfileIdRef.current === profileId) return;
+    seededBasicsProfileIdRef.current = profileId;
+    const nextProfileHeight = activeProfile?.height ?? activeProfile?.heightCm;
+    const nextProfileWeight = activeProfile?.weight ?? activeProfile?.weightKg;
+    const nextProfileAge = activeProfile?.age;
+    const nextProfileHeightUnit = activeProfile?.heightUnit === "ft" ? "in" : activeProfile?.heightUnit || (activeProfile?.heightCm ? "cm" : void 0);
+    const nextProfileWeightUnit = activeProfile?.weightUnit || (activeProfile?.weightKg ? "kg" : void 0);
+    if (nextProfileHeight != null && Number(nextProfileHeight) > 0) {
+      if (nextProfileHeightUnit === "cm") {
+        const cm = Math.round(Number(nextProfileHeight));
+        const totalIn = Math.round(cm / 2.54);
+        setHeight(String(cm));
+        setHeightFeet(String(Math.floor(totalIn / 12)));
+        setHeightInches(String(totalIn % 12));
+        setPhotoStepHeight(String(cm));
+        setHUnit("cm");
+        setHeightUnit("cm");
+      } else {
+        const totalIn = Math.round(Number(nextProfileHeight));
+        setHeightFeet(String(Math.floor(totalIn / 12)));
+        setHeightInches(String(totalIn % 12));
+        setHeight(String(Math.round(totalIn * 2.54)));
+        setPhotoStepHeight(String(Math.round(totalIn * 2.54)));
+        setHUnit("in");
+        setHeightUnit("in");
+      }
+    }
+    if (nextProfileWeight != null && Number(nextProfileWeight) > 0) {
+      setWeight(String(Math.round(Number(nextProfileWeight))));
+      if (nextProfileWeightUnit) {
+        setWUnit(nextProfileWeightUnit);
+        setWeightUnit(nextProfileWeightUnit);
+      }
+    }
+    if (nextProfileAge != null && Number(nextProfileAge) > 0) {
+      setAge(String(Math.round(Number(nextProfileAge))));
+    }
+  }, [activeProfile, setHeightUnit, setWeightUnit]);
   const [error, setError] = reactExports.useState("");
   const handlePhotoSelect = reactExports.useCallback(async (e) => {
     const file = e.target.files?.[0];
@@ -33363,7 +33440,8 @@ function PrimeStyleTryonInner({
   const [deleteConfirmId, setDeleteConfirmId] = reactExports.useState(null);
   const setActiveProfileId$1 = reactExports.useCallback((id2) => {
     setActiveProfileIdState(id2);
-    if (!profileSessionRef.current) setActiveProfileId(id2);
+    if (!profileSessionRef.current || id2 === null) setActiveProfileId(id2);
+    else lsRemove("active_profile_id");
   }, []);
   reactExports.useEffect(() => {
     profileSessionRef.current = profileSession;
@@ -33377,6 +33455,7 @@ function PrimeStyleTryonInner({
   });
   const profileSyncTimerRef = reactExports.useRef(null);
   const profileSyncHydratingRef = reactExports.useRef(false);
+  const [profileStoreHydrating, setProfileStoreHydrating] = reactExports.useState(false);
   const profileSyncSnapshotRef = reactExports.useRef("");
   const handleRegisterProfilesBack = reactExports.useCallback((canGoBack, goBack) => {
     profilesCanGoBackRef.current = canGoBack;
@@ -33449,6 +33528,7 @@ function PrimeStyleTryonInner({
   }, []);
   const hydrateProfileStore = reactExports.useCallback(async (session, seedProfiles, seedActiveProfileId) => {
     profileSyncHydratingRef.current = true;
+    setProfileStoreHydrating(true);
     try {
       const remoteStore = await fetchRemoteProfiles(apiUrl, session.accessToken);
       if (remoteStore.profiles.length > 0) {
@@ -33463,6 +33543,7 @@ function PrimeStyleTryonInner({
       applyProfileStore([], null, false);
     } finally {
       profileSyncHydratingRef.current = false;
+      setProfileStoreHydrating(false);
     }
   }, [apiUrl, applyProfileStore]);
   const handleSocialProfileLogin = reactExports.useCallback(async (provider) => {
@@ -35702,6 +35783,14 @@ function PrimeStyleTryonInner({
         if (measurementType === "wrist") return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WristSizeView, { ...accCommon }) }, "v-wrist");
         const isWomenProduct = effectiveProductGender === "female";
         const simplePhotoOnly = measurementType === "foot" || measurementType === "body-basic";
+        const activeProfileForBody = profiles.find((x2) => x2.id === activeProfileId) || null;
+        const waitingForActiveProfile = !!profileSession && profileStoreHydrating && profiles.length === 0 && !activeProfileForBody;
+        if (waitingForActiveProfile) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-profile-hydrating", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-size-loading-spinner", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("Loading your fit profile") })
+          ] }) }, "v-bodyprofile-loading");
+        }
         return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-tryon-view-enter", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           BodyProfileView,
           {
@@ -35724,7 +35813,7 @@ function PrimeStyleTryonInner({
             apiUrl: getApiUrl(apiUrl),
             apiKey: getApiKey(),
             hasActiveProfileWithMeasurements: (() => {
-              const p2 = profiles.find((x2) => x2.id === activeProfileId);
+              const p2 = activeProfileForBody;
               if (!p2) return false;
               const ph2 = p2.height ?? p2.heightCm ?? 0;
               const pw = p2.weight ?? p2.weightKg ?? 0;
@@ -35732,10 +35821,10 @@ function PrimeStyleTryonInner({
             })(),
             onUseActiveProfile: handleUseActiveProfile,
             activeProfileName: (() => {
-              const p2 = profiles.find((x2) => x2.id === activeProfileId);
+              const p2 = activeProfileForBody;
               return p2?.name || null;
             })(),
-            activeProfile: profiles.find((x2) => x2.id === activeProfileId) || null,
+            activeProfile: activeProfileForBody,
             onStartFresh: () => {
               setActiveProfileId$1(null);
               setBodyProfileInitialStep(null);

package/package.json

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