@thefittingroom/shop-ui 5.0.34 → 5.0.36

package/dist/index.js

@@ -19423,6 +19423,17 @@ void instance.use(initReactI18next).init({
     fr: {
       translation: fr
     }
+  },
+  interpolation: {
+    // React already escapes children as text at render time — leaving
+    // i18next's default HTML-entity escaping on double-encodes any
+    // interpolated value that happens to contain '<', '>', '/', '&',
+    // '"' or "'". Manifested as e.g. "Recommended Size: S&#x2F;32" for
+    // container parent-size labels like "S/32". Turning i18next's
+    // escape off is safe because every consumer (LinkT, TextT,
+    // ButtonT) drops the translated string into a React children
+    // slot, not innerHTML.
+    escapeValue: false
   }
 });
 var jsx2 = function jsx3(type, props) {
@@ -41683,6 +41694,10 @@ function buildVtoWireItems(loaded, parentCsaId, untucked) {
   }
   const childCsaIds = resolveContainerExpansion(loaded, parentCsaId);
   if (!childCsaIds) {
+    logger$c.logWarn("buildVtoWireItems: container expansion failed, skipping request", {
+      externalId: loaded.externalId,
+      parentCsaId
+    });
     return null;
   }
   return childCsaIds.map((csaId) => ({
@@ -41696,26 +41711,52 @@ function resolveContainerExpansion(loaded, parentCsaId) {
   }
   for (const sz of loaded.sizeFitRecommendation.available_sizes) {
     const csa = sz.colorway_size_assets.find((c) => c.id === parentCsaId);
-    if (!csa || !csa.colorway_name) {
+    if (!csa) {
+      continue;
+    }
+    if (!csa.colorway_name) {
+      logger$c.logWarn("resolveContainerExpansion: parent CSA has no colorway_name", {
+        externalId: loaded.externalId,
+        parentCsaId,
+        parentSizeId: sz.id
+      });
       continue;
     }
-    return resolveContainerChildCSAs(loaded.container, sz.id, csa.colorway_name);
+    return resolveContainerChildCSAs(loaded.container, sz.id, csa.colorway_name, loaded.externalId);
   }
+  logger$c.logWarn("resolveContainerExpansion: parent CSA not found in any available_size", {
+    externalId: loaded.externalId,
+    parentCsaId,
+    availableSizeIds: loaded.sizeFitRecommendation.available_sizes.map((s) => s.id),
+    csaIdsBySize: loaded.sizeFitRecommendation.available_sizes.map((s) => ({
+      sizeId: s.id,
+      csaIds: s.colorway_size_assets.map((c) => c.id)
+    }))
+  });
   return null;
 }
-function resolveContainerChildCSAs(container, parentSizeId, parentColorwayName) {
+function resolveContainerChildCSAs(container, parentSizeId, parentColorwayName, externalId) {
   const relevantMappings = container.setSizeMappings.filter((m) => m.parent_size_id === parentSizeId);
   if (relevantMappings.length === 0) {
+    logger$c.logWarn("resolveContainerChildCSAs: no set_size_mappings for parent size", {
+      externalId,
+      parentSizeId,
+      parentColorwayName,
+      mappingParentSizeIds: container.setSizeMappings.map((m) => m.parent_size_id)
+    });
     return null;
   }
   const csaIds = [];
   for (const mapping of relevantMappings) {
     let matchedCsaId = null;
-    for (const child of container.children) {
+    let ownerChildIdx = null;
+    for (let i = 0; i < container.children.length; i++) {
+      const child = container.children[i];
       const size = (child.sizes ?? []).find((s) => s.id === mapping.child_size_id);
       if (!size) {
         continue;
       }
+      ownerChildIdx = i;
       const csa = (child.colorway_size_assets ?? []).find((a) => a.size_id === size.id && a.colorway_name === parentColorwayName);
       if (csa) {
         matchedCsaId = csa.id;
@@ -41723,6 +41764,17 @@ function resolveContainerChildCSAs(container, parentSizeId, parentColorwayName)
       break;
     }
     if (matchedCsaId == null) {
+      const owner = ownerChildIdx != null ? container.children[ownerChildIdx] : null;
+      logger$c.logWarn("resolveContainerChildCSAs: no matching child CSA", {
+        externalId,
+        parentSizeId,
+        parentColorwayName,
+        childSizeId: mapping.child_size_id,
+        ownerChildIdx,
+        ownerChildFound: owner != null,
+        ownerColorwayNames: owner ? (owner.colorway_size_assets ?? []).map((a) => a.colorway_name) : [],
+        ownerChildSizeIds: owner ? (owner.sizes ?? []).map((s) => s.id) : []
+      });
       return null;
     }
     csaIds.push(matchedCsaId);
@@ -46022,18 +46074,31 @@ function QuickViewOverlay() {
     }
     return entry;
   }, [storeProductData]);
-  const containerHasTuckableChild = reactExports.useMemo(() => {
+  const [containerHasTuckableChild, setContainerHasTuckableChild] = reactExports.useState(false);
+  reactExports.useEffect(() => {
     if (!loadedProduct?.container) {
-      return false;
-    }
-    const index = peekStyleCategoryIndex();
-    if (!index) {
-      return false;
+      setContainerHasTuckableChild(false);
+      return;
     }
-    return loadedProduct.container.children.some((c) => {
-      const cat = index.byName(String(c.style_category_name));
-      return !!cat?.tuckable;
+    const container = loadedProduct.container;
+    let cancelled = false;
+    loadStyleCategoryIndex().then((index) => {
+      if (cancelled) {
+        return;
+      }
+      const hasTuckable = container.children.some((c) => {
+        const cat = index.byName(String(c.style_category_name));
+        return !!cat?.tuckable;
+      });
+      setContainerHasTuckableChild(hasTuckable);
+    }).catch((error) => {
+      logger$5.logError("failed to load style category index for container tuck check", {
+        error
+      });
     });
+    return () => {
+      cancelled = true;
+    };
   }, [loadedProduct]);
   const handleToggleContainerUntucked = reactExports.useCallback(() => {
     setContainerUntucked((prev2) => !prev2);
@@ -48021,9 +48086,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.34"}`,
-    commitHash: `${"5b52e20"}`,
-    date: `${"2026-07-13T13:49:10.971Z"}`
+    version: `${"5.0.36"}`,
+    commitHash: `${"5502059"}`,
+    date: `${"2026-07-18T08:10:10.789Z"}`
   }
 };
 const CONFIGS = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "5.0.34",
+  "version": "5.0.36",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/index.js",