@thefittingroom/shop-ui 5.0.35 → 5.0.37

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) {
@@ -46063,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);
@@ -46318,7 +46342,10 @@ function MobileLayout({
   onChangeColor,
   onChangeSize,
   onAddToCart,
-  onSignOut
+  onSignOut,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const {
     snap: contentView,
@@ -46451,7 +46478,7 @@ function MobileLayout({
         /* @__PURE__ */ jsx$1("div", { css: css2.recommendedSizeContainer, children: /* @__PURE__ */ jsx$1(RecommendedSizeText, { loadedProductData, textCss: css2.recommendedSizeText }) })
       ] }),
       aboveContentNode,
-      /* @__PURE__ */ jsx$1("div", { css: css2.contentContainer, children: /* @__PURE__ */ jsx$1(Content, { loadedProductData, selectedColorSizeRecord, availableColorLabels, selectedColorLabel, selectedSizeLabel, onChangeContentView: setContentView, onChangeColor, onChangeSize, onAddToCart, onSignOut }) })
+      /* @__PURE__ */ jsx$1("div", { css: css2.contentContainer, children: /* @__PURE__ */ jsx$1(Content, { loadedProductData, selectedColorSizeRecord, availableColorLabels, selectedColorLabel, selectedSizeLabel, onChangeContentView: setContentView, onChangeColor, onChangeSize, onAddToCart, onSignOut, containerTuckable, containerUntucked, onToggleUntuck }) })
     ] }) })
   ] });
 }
@@ -46489,7 +46516,10 @@ function MobileContentExpanded({
   onChangeContentView,
   onChangeColor,
   onChangeSize,
-  onAddToCart
+  onAddToCart,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const css2 = useCss((_theme) => ({
     selectSizeLabelContainer: {
@@ -46536,7 +46566,8 @@ function MobileContentExpanded({
     /* @__PURE__ */ jsx$1("div", { css: css2.itemFitDetailsContainer, children: /* @__PURE__ */ jsx$1(ItemFitDetails, { loadedProductData, selectedSizeLabel }) }),
     /* @__PURE__ */ jsxs("div", { css: css2.buttonContainer, children: [
       /* @__PURE__ */ jsx$1(AddToCartButton, { onClick: onAddToCart }),
-      /* @__PURE__ */ jsx$1(FittingRoomToggleButton, {})
+      /* @__PURE__ */ jsx$1(FittingRoomToggleButton, {}),
+      containerTuckable ? /* @__PURE__ */ jsx$1(ContainerTuckToggleButton, { untucked: containerUntucked, onToggle: onToggleUntuck }) : null
     ] }),
     /* @__PURE__ */ jsx$1("div", { css: css2.productDetailsContainer, children: /* @__PURE__ */ jsx$1(LinkT, { variant: "base", css: css2.productDetailsText, t: "quick-view.view_product_details", onClick: handleProductDetailsClick }) })
   ] });
@@ -46551,7 +46582,10 @@ function MobileContentFull({
   onChangeColor,
   onChangeSize,
   onAddToCart,
-  onSignOut
+  onSignOut,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const [fitChartOpen, setFitChartOpen] = reactExports.useState(false);
   const css2 = useCss((_theme) => ({
@@ -46635,7 +46669,8 @@ function MobileContentFull({
     /* @__PURE__ */ jsx$1("div", { css: css2.colorSelectorContainer, children: /* @__PURE__ */ jsx$1(ColorSelector, { availableColorLabels, selectedColorLabel, onChangeColor }) }),
     /* @__PURE__ */ jsxs("div", { css: css2.buttonContainer, children: [
       /* @__PURE__ */ jsx$1(AddToCartButton, { onClick: onAddToCart }),
-      /* @__PURE__ */ jsx$1(FittingRoomToggleButton, {})
+      /* @__PURE__ */ jsx$1(FittingRoomToggleButton, {}),
+      containerTuckable ? /* @__PURE__ */ jsx$1(ContainerTuckToggleButton, { untucked: containerUntucked, onToggle: onToggleUntuck }) : null
     ] }),
     /* @__PURE__ */ jsx$1("div", { css: css2.productDetailsContainer, children: /* @__PURE__ */ jsx$1(LinkT, { variant: "base", css: css2.productDetailsText, t: "quick-view.hide_product_details", onClick: handleProductDetailsClick }) }),
     /* @__PURE__ */ jsx$1("div", { css: css2.priceContainer, children: /* @__PURE__ */ jsx$1(Text, { variant: "base", css: css2.priceText, children: selectedColorSizeRecord.priceFormatted }) }),
@@ -48062,9 +48097,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.35"}`,
-    commitHash: `${"1640850"}`,
-    date: `${"2026-07-18T07:33:00.590Z"}`
+    version: `${"5.0.37"}`,
+    commitHash: `${"ddb6050"}`,
+    date: `${"2026-07-18T08:43:24.829Z"}`
   }
 };
 const CONFIGS = {

package/package.json

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