@thefittingroom/shop-ui 5.0.36 → 5.0.38

package/dist/index.js

@@ -44818,13 +44818,10 @@ function FittingRoomOverlay({
       item
     }) => item);
   }, [resolved.items, selectedExternalIds]);
-  const canTuck = reactExports.useMemo(() => selectedItems.some((top) => {
-    const topCategory = top.styleCategory;
-    if (!topCategory?.tuckable) {
-      return false;
-    }
-    return selectedItems.some((other) => !!other.styleCategory && !other.styleCategory.tuckable && other.styleCategory.layer_order > topCategory.layer_order);
-  }), [selectedItems]);
+  const canTuck = reactExports.useMemo(() => {
+    const allCategories = selectedItems.flatMap((item) => item.effective.map((e) => e.category));
+    return allCategories.some((top) => top.tuckable && allCategories.some((other) => !other.tuckable && other.layer_order > top.layer_order));
+  }, [selectedItems]);
   const availabilityByExternalId = reactExports.useMemo(() => {
     const out = {};
     for (const item of resolved.items) {
@@ -46342,7 +46339,10 @@ function MobileLayout({
   onChangeColor,
   onChangeSize,
   onAddToCart,
-  onSignOut
+  onSignOut,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const {
     snap: contentView,
@@ -46475,7 +46475,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 }) })
     ] }) })
   ] });
 }
@@ -46513,7 +46513,10 @@ function MobileContentExpanded({
   onChangeContentView,
   onChangeColor,
   onChangeSize,
-  onAddToCart
+  onAddToCart,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const css2 = useCss((_theme) => ({
     selectSizeLabelContainer: {
@@ -46560,7 +46563,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 }) })
   ] });
@@ -46575,7 +46579,10 @@ function MobileContentFull({
   onChangeColor,
   onChangeSize,
   onAddToCart,
-  onSignOut
+  onSignOut,
+  containerTuckable,
+  containerUntucked,
+  onToggleUntuck
 }) {
   const [fitChartOpen, setFitChartOpen] = reactExports.useState(false);
   const css2 = useCss((_theme) => ({
@@ -46659,7 +46666,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 }) }),
@@ -48086,9 +48094,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.36"}`,
-    commitHash: `${"5502059"}`,
-    date: `${"2026-07-18T08:10:10.789Z"}`
+    version: `${"5.0.38"}`,
+    commitHash: `${"dedd084"}`,
+    date: `${"2026-07-18T08:50:04.778Z"}`
   }
 };
 const CONFIGS = {

package/package.json

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