@weareconceptstudio/account 1.0.5 → 2.0.1

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTitle.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AccountButton } from '../../../../../components';
+const MobileItemTitle = ({ product, hasVariants, handleProductClick, isCartPage, isCheckoutPage }) => {
+    if (hasVariants) {
+        return (React.createElement(AccountButton, { text: product?.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, url: product?.url, target: isCartPage || isCheckoutPage ? '_blank' : '_self' }));
+    }
+    return (React.createElement(AccountButton, { text: product?.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, onClick: () => handleProductClick(product) }));
+};
+export default MobileItemTitle;
+//# sourceMappingURL=MobileItemTitle.js.map

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemTitle.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemTitle.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IACpG,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,CACN,oBAAC,aAAa,IACb,IAAI,EAAE,OAAO,EAAE,IAAI,EACnB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,mCAAmC,EAC9C,GAAG,EAAE,OAAO,EAAE,GAAG,EACjB,MAAM,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GACxD,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,oBAAC,aAAa,IACb,IAAI,EAAE,OAAO,EAAE,IAAI,EACnB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,mCAAmC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,GACzC,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.d.ts

@@ -0,0 +1,7 @@
+export default MobileItemTotal;
+declare function MobileItemTotal({ data, hasVariants }: {
+    data: any;
+    hasVariants: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=MobileItemTotal.d.ts.map

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemTotal.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.js"],"names":[],"mappings":";AAIA;;;sBAgGC;kBApGiB,OAAO"}

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Text, useTranslation } from '@weareconceptstudio/core';
+import UpcomingGift from '../UpcomingGift';
+const MobileItemTotal = ({ data, hasVariants }) => {
+    const { translate } = useTranslation();
+    // For variants
+    if (hasVariants) {
+        return (React.createElement("div", { className: `mobile-total-price-wrap` },
+            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize mb-mt`, text: `account.order_balance.total` }),
+            data?.selectedOption?.sale_price ? (React.createElement("div", null,
+                React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2`, text: data?.selectedOption?.formatted_sale_total }),
+                React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through`, text: data?.selectedOption?.formatted_total }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: data?.selectedOption?.formatted_total }))));
+    }
+    // For non-variants (gifts)
+    if (data?.is_gift) {
+        return (React.createElement("div", { className: `mobile-total-price-wrap flex-box` },
+            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` },
+                data?.formatted_total || 0,
+                React.createElement("span", { className: 'gift-name-text' }, data?.appliedPromotion?.name))));
+    }
+    // For non-variants with discount/sale
+    if ((data?.sale_total || data?.product.discount) && !data?.is_gift) {
+        return (React.createElement("div", { className: `mobile-total-price-wrap flex-box` },
+            React.createElement("div", { className: 'mobile-total-price-flex-block' },
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-secondary-color2 mobile-total-discounted-price` }, data?.formatted_sale_total),
+                React.createElement("div", { className: 'wrapper-discount' },
+                    data?.product.discount && (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text` },
+                        data?.product?.discount?.formatted_value,
+                        "\u00A0",
+                        React.createElement("span", { className: 'lowercase' }, translate('account.order_balance.discount')))),
+                    React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data?.product.required_qty_for_gift, giftMessage: data?.product.gift_message }),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through price-discount` }, data?.formatted_total)))));
+    }
+    // For non-variants (regular products)
+    return (React.createElement("div", { className: `mobile-total-price-wrap flex-box` },
+        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` },
+            data?.formatted_total,
+            React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data?.product.required_qty_for_gift, giftMessage: data?.product.gift_message }))));
+};
+export default MobileItemTotal;
+//# sourceMappingURL=MobileItemTotal.js.map

package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemTotal.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemTotal.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,eAAe;IACf,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,CACN,6BAAK,SAAS,EAAE,yBAAyB;YACxC,oBAAC,IAAI,IACJ,SAAS,EAAE,kFAAkF,EAC7F,IAAI,EAAE,6BAA6B,GAClC;YAED,IAAI,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,CACnC;gBACC,oBAAC,IAAI,IACJ,SAAS,EAAE,iEAAiE,EAC5E,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,oBAAoB,GAC/C;gBAEF,oBAAC,IAAI,IACJ,SAAS,EAAE,+EAA+E,EAC1F,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,eAAe,GAC1C,CACG,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,IAAI,IACJ,SAAS,EAAE,+DAA+D,EAC1E,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,eAAe,GAC1C,CACF,CACI,CACN,CAAC;IACH,CAAC;IAED,2BAA2B;IAC3B,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QACnB,OAAO,CACN,6BAAK,SAAS,EAAE,kCAAkC;YACjD,oBAAC,IAAI,IAAC,SAAS,EAAE,iEAAiE;gBAChF,IAAI,EAAE,eAAe,IAAI,CAAC;gBAC3B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAQ,CAChE,CACF,CACN,CAAC;IACH,CAAC;IAED,sCAAsC;IACtC,IAAI,CAAC,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;QACpE,OAAO,CACN,6BAAK,SAAS,EAAE,kCAAkC;YACjD,6BAAK,SAAS,EAAC,+BAA+B;gBAC7C,oBAAC,IAAI,IACJ,SAAS,EAAE,iGAAiG,IAC3G,IAAI,EAAE,oBAAoB,CACrB;gBAEP,6BAAK,SAAS,EAAE,kBAAkB;oBAChC,IAAI,EAAE,OAAO,CAAC,QAAQ,IAAI,CAC1B,oBAAC,IAAI,IACJ,SAAS,EAAE,+EAA+E;wBACzF,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe;;wBAEzC,8BAAM,SAAS,EAAC,WAAW,IAAE,SAAS,CAAC,gCAAgC,CAAC,CAAQ,CAC1E,CACP;oBAED,oBAAC,YAAY,IACZ,SAAS,EAAE,+EAA+E,EAC1F,kBAAkB,EAAE,IAAI,EAAE,OAAO,CAAC,qBAAqB,EACvD,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,GACtC;oBAEF,oBAAC,IAAI,IACJ,SAAS,EAAE,8FAA8F,IACxG,IAAI,EAAE,eAAe,CAChB,CACF,CACD,CACD,CACN,CAAC;IACH,CAAC;IAED,sCAAsC;IACtC,OAAO,CACN,6BAAK,SAAS,EAAE,kCAAkC;QACjD,oBAAC,IAAI,IAAC,SAAS,EAAE,iEAAiE;YAChF,IAAI,EAAE,eAAe;YAEtB,oBAAC,YAAY,IACZ,SAAS,EAAE,+EAA+E,EAC1F,kBAAkB,EAAE,IAAI,EAAE,OAAO,CAAC,qBAAqB,EACvD,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,GACtC,CACI,CACF,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.d.ts

@@ -0,0 +1,6 @@
+export default MobileOutOfStockBadge;
+declare function MobileOutOfStockBadge({ isOutOfStock }: {
+    isOutOfStock: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=MobileOutOfStockBadge.d.ts.map

package/dist/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileOutOfStockBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.js"],"names":[],"mappings":";AAGA;;sBAWC;kBAdiB,OAAO"}

package/dist/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Text } from '@weareconceptstudio/core';
+const MobileOutOfStockBadge = ({ isOutOfStock }) => {
+    if (!isOutOfStock) {
+        return null;
+    }
+    return (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-error-color out-of-stock-mt`, text: 'account.general_actions.outOfStock' }));
+};
+export default MobileOutOfStockBadge;
+//# sourceMappingURL=MobileOutOfStockBadge.js.map

package/dist/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileOutOfStockBadge.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileOutOfStockBadge.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,qBAAqB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAClD,IAAI,CAAC,YAAY,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,4EAA4E,EACvF,IAAI,EAAE,oCAAoC,GACzC,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/modules/cart/components/CartItems/ItemMobile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/index.js"],"names":[],"mappings":";AAQA,6DAmQG;kBA3QkC,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/index.js"],"names":[],"mappings":";AAaA,6DAsHG;kBAnIkC,OAAO"}

package/dist/modules/cart/components/CartItems/ItemMobile/index.js

@@ -1,80 +1,46 @@
 import React, { memo, useMemo } from 'react';
-import { handlePriceCheckFunc, Image, Text, useTranslation } from '@weareconceptstudio/core';
-import { AccountButton, AccountCounter } from '../../../../../components';
+import { useUi } from '@weareconceptstudio/core';
 import { useAccountContext } from '../../../../../AccountProvider';
-import { useCart } from '../../../CartProvider';
-import { defaultIconGift } from '../util';
-import UpcomingGift from '../UpcomingGift';
-const ItemMobile = memo(({ data, select }) => {
-    const { handleProductClick, currency } = useAccountContext();
-    const { translate } = useTranslation();
-    const { checkoutData, setGifts, isCheckoutPage } = useCart();
+import { useCart } from '@weareconceptstudio/cart';
+import MobileOutOfStockBadge from './MobileOutOfStockBadge';
+import MobileItemImage from './MobileItemImage';
+import MobileItemTitle from './MobileItemTitle';
+import MobileItemAttributes from './MobileItemAttributes';
+import MobileItemQuantity from './MobileItemQuantity';
+import MobileItemPrice from './MobileItemPrice';
+import MobileItemTotal from './MobileItemTotal';
+import MobileItemActions from './MobileItemActions';
+const ItemMobile = memo(({ data, remove, select, actions, isStock, edit, favorite }) => {
+    const { openPopup } = useUi();
+    const { checkoutData, setGifts, isCheckoutPage, isCartPage } = useCart();
+    const { currency, handleProductClick, globalSettings: { hasVariants, hasOutOfStock }, CartItemEditFavoriteButton, } = useAccountContext();
+    const selectionList = useMemo(() => {
+        if (select) {
+            const selectList = [];
+            for (let index = 1; index <= data?.selectedOption?.qty; index++) {
+                selectList.push({ id: index, name: index });
+            }
+            return selectList;
+        }
+    }, [data?.selectedOption?.qty, select]);
     const itemGiftQty = useMemo(() => {
-        return checkoutData.gifts.find((item) => item.promotionId === data.appliedPromotion?.id && item.productId === data.product.id)?.qty;
-    }, [checkoutData.gifts, data.appliedPromotion?.id, data.product.id]);
+        return checkoutData.gifts.find((item) => item.promotionId === data?.appliedPromotion?.id && item.productId === data?.product.id)?.qty;
+    }, [checkoutData.gifts, data?.appliedPromotion?.id, data?.product.id]);
+    const isOutOfStock = hasOutOfStock ? data?.product?.out_of_stock || !isStock() : false;
     return !isCheckoutPage || itemGiftQty !== 0 ? (React.createElement(React.Fragment, null,
         React.createElement("div", { className: `mobile-cart-item-wrap user-select-none` },
+            hasOutOfStock ? React.createElement(MobileOutOfStockBadge, { isOutOfStock: isOutOfStock }) : null,
             React.createElement("div", { className: `mobile-cart-item-inner-wrap` },
-                React.createElement("div", { className: `mobile-image-wrap` },
-                    data.is_gift ? React.createElement("div", { className: 'wrapper-gift-icon' }, defaultIconGift) : null,
-                    React.createElement(Image, { src: data.product.image.src, alt: data.product.image.alt })),
+                React.createElement(MobileItemImage, { isGift: data?.is_gift, hasVariants: hasVariants, selectedVariant: data?.selectedVariant, product: data?.product }),
                 React.createElement("div", { className: `mobile-info-wrap` },
-                    React.createElement(AccountButton, { text: data.product.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, onClick: () => handleProductClick(data.product) }),
-                    data.color ? (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: `account.general_actions.color` }),
-                        "\u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 capitalize`, text: data.color }))) : data.product.short_info_1 ? (React.createElement("div", { className: 'mobile-info-item' },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-short-info1`, text: data.product.short_info_1 }))) : null,
-                    data.size ? (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: `account.general_actions.size` }),
-                        "\u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: data.size }))) : data.product.short_info_2 ? (React.createElement("div", { className: 'mobile-info-item' },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-short-info2`, text: data.product.short_info_2 }))) : null,
-                    React.createElement("div", { className: `mobile-price-wrap flex-box` }, !data.is_gift ? (data.product.sale_price || data.product.discount ? (React.createElement("div", { className: 'mobile-price-flex-block' },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-secondary-color2 mobile-discounted-price` }, handlePriceCheckFunc(data.product.sale_price, currency)),
-                        React.createElement("div", { className: 'wrapper-discount' },
-                            data.product.discount ? (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text` },
-                                data.product.discount.type === 'percentage'
-                                    ? data.product.discount.value
-                                    : handlePriceCheckFunc(data.product.discount.value),
-                                data.product.discount.type === 'percentage' ? '%' : ` ${currency}`,
-                                "\u00A0",
-                                React.createElement("span", { className: 'lowercase' }, translate('account.order_balance.discount')))) : null,
-                            React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data.product.required_qty_for_gift, giftMessage: data.product.gift_message }),
-                            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through` }, handlePriceCheckFunc(data.product.price, currency))))) : (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` }, handlePriceCheckFunc(data.product.price, currency)))) : (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` }, data.is_gift ? (React.createElement(React.Fragment, null,
-                        handlePriceCheckFunc(0, currency),
-                        React.createElement("span", { className: 'gift-name-text' }, data.appliedPromotion?.name))) : (React.createElement(React.Fragment, null,
-                        handlePriceCheckFunc(data.product.price, currency),
-                        React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data.product.required_qty_for_gift, giftMessage: data.product.gift_message })))))),
-                    React.createElement("div", { className: `mobile-total-price-wrap flex-box` },
-                        (data.sale_total || data.product.discount) && !data.is_gift ? (React.createElement("div", { className: 'mobile-total-price-flex-block' },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-secondary-color2 mobile-total-discounted-price` }, handlePriceCheckFunc(data.sale_total, currency)),
-                            React.createElement("div", { className: 'wrapper-discount' },
-                                data.product.discount ? (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text` },
-                                    data.product.discount.type === 'percentage'
-                                        ? data.product.discount.value
-                                        : handlePriceCheckFunc(data.product.discount.value * data?.qty),
-                                    data.product.discount.type === 'percentage' ? '%' : ` ${currency}`,
-                                    "\u00A0",
-                                    React.createElement("span", { className: 'lowercase' }, translate('account.order_balance.discount')))) : null,
-                                React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data.product.required_qty_for_gift, giftMessage: data.product.gift_message }),
-                                React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through price-discount` }, handlePriceCheckFunc(data.total, currency))))) : (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` }, data.is_gift ? (React.createElement(React.Fragment, null,
-                            handlePriceCheckFunc(0, currency),
-                            React.createElement("span", { className: 'gift-name-text' }, data.appliedPromotion?.name))) : (React.createElement(React.Fragment, null,
-                            handlePriceCheckFunc(data.total, currency),
-                            React.createElement(UpcomingGift, { className: `account-p account-p3 account-font-medium account-primary-color2 discount-text`, requiredQtyForGift: data.product.required_qty_for_gift, giftMessage: data.product.gift_message }))))),
-                        select && !data.is_gift ? (React.createElement("div", { className: `inner-container` }, !data.product.out_of_stock ? (React.createElement(AccountCounter, { productId: data.product.id })) : (React.createElement("div", { className: `in-block` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: 'account.general_actions.outOfStock' }))))) : data.is_gift && !isCheckoutPage ? (React.createElement("div", { className: 'wrapper-gift-button' }, itemGiftQty !== 0 ? (React.createElement(AccountCounter, { maxQty: data?.qty, productId: data.product.id, promotionId: data.appliedPromotion?.id, isGift: data.is_gift, qty: checkoutData.gifts.find((item) => item.promotionId === data.appliedPromotion?.id &&
-                                item.productId === data.product.id)?.qty })) : (React.createElement(AccountButton, { className: `capitalize button-gift`, text: 'account.general_actions.restore', onClick: () => setGifts({
-                                promotionId: data.appliedPromotion?.id,
-                                productId: data.product.id,
-                                qty: data?.qty,
-                            }) })))) : (React.createElement("div", { className: `in-block` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity-with-symbol2` },
-                                translate('account.order_balance.quantity'),
-                                ":"),
-                            "\u00A0",
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity2`, text: data.is_gift ? itemGiftQty : data?.qty }))))))),
+                    React.createElement(MobileItemTitle, { product: data?.product, hasVariants: hasVariants, handleProductClick: handleProductClick, isCartPage: isCartPage, isCheckoutPage: isCheckoutPage }),
+                    React.createElement(MobileItemAttributes, { selectedVariant: data?.selectedVariant, selectedOption: data?.selectedOption, product: data?.product }),
+                    hasVariants && (React.createElement(MobileItemQuantity, { hasVariants: hasVariants, select: select, data: data, selectionList: selectionList, actions: actions, checkoutData: checkoutData, setGifts: setGifts, isCheckoutPage: isCheckoutPage, itemGiftQty: itemGiftQty })),
+                    React.createElement(MobileItemPrice, { data: data, hasVariants: hasVariants, currency: currency }),
+                    React.createElement("div", { className: `mobile-total-price-wrap ${hasVariants ? '' : 'flex-box'}` },
+                        React.createElement(MobileItemTotal, { data: data, hasVariants: hasVariants, currency: currency }),
+                        !hasVariants && (React.createElement(MobileItemQuantity, { hasVariants: hasVariants, select: select, data: data, selectionList: selectionList, actions: actions, checkoutData: checkoutData, setGifts: setGifts, isCheckoutPage: isCheckoutPage, itemGiftQty: itemGiftQty })))))),
+        React.createElement(MobileItemActions, { edit: edit, favorite: favorite, remove: remove, data: data, hasVariants: hasVariants, isCartPage: isCartPage, openPopup: openPopup, CartItemEditFavoriteButton: CartItemEditFavoriteButton, actions: actions }),
         React.createElement("div", { className: 'line' }))) : null;
 });
 export default ItemMobile;

package/dist/modules/cart/components/CartItems/ItemMobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/index.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/index.js"],"names":[],"mappings":"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"}

package/dist/modules/cart/components/CartItems/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/index.js"],"names":[],"mappings":";AAYA,4DAoGG;kBAhHkC,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/index.js"],"names":[],"mappings":";AAYA,4DAiHG;kBA7HkC,OAAO"}

package/dist/modules/cart/components/CartItems/index.js

@@ -1,15 +1,19 @@
 import React, { memo, useMemo } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
-import { useCart } from '../../CartProvider';
+import { useCart } from '@weareconceptstudio/cart';
 //* Components
 import Item from './Item';
 import ItemMobile from './ItemMobile';
 import { AccountButton } from '../../../../components';
 //* Style
 import CartItemsStyle from './style';
-const CartItems = memo(({ className, title, smallFontSize, additionalParameters, actions }) => {
+const CartItems = memo(({ className, title, additionalParameters, actions }) => {
     const { winWidth } = useUi();
     const { items } = useCart();
+    //! Check is item stock
+    const checkIsStock = (currentItem) => {
+        return currentItem?.qty <= currentItem?.selectedOption?.qty;
+    };
     //! Store
     const itemsStore = useMemo(() => {
         return winWidth >= 768 ? (React.createElement("div", { className: `cart-items-table-wrap` },
@@ -24,18 +28,18 @@ const CartItems = memo(({ className, title, smallFontSize, additionalParameters,
                     React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_balance.total` }))),
             React.createElement("div", { className: `items-wrap` }, items?.length > 0
                 ? items.map((item, index) => {
-                    return (React.createElement(Item, { key: index, data: item, actions: actions, isLast: items.length - 1 === index, select: additionalParameters.select, remove: additionalParameters.remove }));
+                    return (React.createElement(Item, { key: index, data: item, actions: actions, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item, favorite: additionalParameters.favorite, isStock: () => checkIsStock(item), isLast: items.length - 1 === index }));
                 })
                 : null))) : (React.createElement("div", { className: `mobile-cart-items-table-wrap` }, items?.length > 0
             ? items.map((item, index) => {
-                return (React.createElement(ItemMobile, { key: index, data: item, select: additionalParameters.select }));
+                return (React.createElement(ItemMobile, { key: index, data: item, actions: actions, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item, favorite: additionalParameters.favorite, isStock: () => checkIsStock(item) }));
             })
             : null));
     }, [winWidth, items, additionalParameters, actions]);
     return (React.createElement(CartItemsStyle, { className: className || '' },
         additionalParameters.edit.list ? (React.createElement("div", { className: `title-edit-wrapper` },
-            React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title2-version`, text: title }),
-            React.createElement(AccountButton, { url: '/cart/', btnType: `green-small-text`, text: `account.cart_checkout.editCart`, className: 'cart-items-edit-btn align-right' }))) : (React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title1-version`, text: title })),
+            React.createElement(Text, { className: `account-p ${additionalParameters.cartItemsTitleSmallSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title2-version`, text: title }),
+            React.createElement(AccountButton, { url: '/cart/', btnType: `green-small-text`, text: `account.cart_checkout.editCart`, className: 'cart-items-edit-btn align-right' }))) : (React.createElement(Text, { className: `account-p ${additionalParameters.cartItemsTitleSmallSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title1-version`, text: title })),
         additionalParameters.horizontalLine ? React.createElement("div", { className: `cart-items-line` }) : null,
         itemsStore));
 });

package/dist/modules/cart/components/CartItems/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/index.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/index.js"],"names":[],"mappings":"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"}

package/dist/modules/cart/components/CartItems/style.d.ts

@@ -1,3 +1,3 @@
 export default CartItemsStyle;
-declare const CartItemsStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const CartItemsStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
 //# sourceMappingURL=style.d.ts.map

package/dist/modules/cart/components/CartItems/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":";AAEA,oPA4wBE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":";AAEA,uOAw0BE"}

package/dist/modules/cart/components/CartItems/style.js

@@ -35,7 +35,7 @@ const CartItemsStyle = styled.section `
 
 	--account_outOfStockMBot: var(--sp4x);
 
-	--account_cartItemSelectFixedWidth: calc(var(--sp9x) + var(--sp0-5x));
+	--account_cartItemSelectFixedWidth: var(--sp12x);
 
 	--account_giftIconDistanceIconPTB: var(--sp0-5x);
 	--account_giftIconDistanceIconPLR: var(--sp0-5x);
@@ -46,6 +46,12 @@ const CartItemsStyle = styled.section `
 	--account_giftButtonTB: calc(var(--sp2x) - var(--sp0-5x) / 2);
 	--account_giftButtonLR: var(--sp2x);
 
+	.out-of-stock-styles {
+		margin-top: var(--account_outOfStockMBot);
+		padding-left: calc(var(--account_colDistance) / 2);
+		padding-right: calc(var(--account_colDistance) / 2);
+	}
+
 	.wrapper-discount {
 		display: flex;
 		flex-direction: column;
@@ -108,7 +114,9 @@ const CartItemsStyle = styled.section `
 						isolation: isolate;
 
 						.image-cont {
-							padding-top: var(--account_imageHeight) !important;
+							--imagePaddingTop: var(--account_imageHeight) important;
+							--proportion: var(--account_imageHeight) !important;
+							--core_proportion: var(--account_imageHeight) !important;
 						}
 					}
 				}
@@ -209,11 +217,19 @@ const CartItemsStyle = styled.section `
 						margin-right: var(--account_favoriteAndRemoveDistance);
 
 						.wishlist-btn {
+							white-space: nowrap;
+
 							&.active {
 								display: none;
 							}
 						}
 					}
+
+					.remove-btn-wrap {
+						.cart-remove-btn {
+							white-space: nowrap;
+						}
+					}
 				}
 
 				.flex-end-wrap {
@@ -264,7 +280,7 @@ const CartItemsStyle = styled.section `
 							@media (pointer: fine) {
 								@media (hover: hover) {
 									&:hover {
-										background-color: var(--mainColor) !important;
+										background-color: var(--account_backgroundColor) !important;
 									}
 								}
 							}
@@ -295,7 +311,7 @@ const CartItemsStyle = styled.section `
 
 	.gift-name-text {
 		display: block;
-		color: var(--pink1000);
+		color: var(--account_primaryColor3);
 		white-space: pre-wrap;
 	}
 
@@ -399,6 +415,8 @@ const CartItemsStyle = styled.section `
 		--account_giftButtonTB: var(--sp1x);
 		--account_giftButtonLR: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		&.cart-st-wrap {
 			--account_spaceLineMTop: var(--sp2x);
 			--account_spaceLineMBot: var(--sp5x);
@@ -442,6 +460,8 @@ const CartItemsStyle = styled.section `
 		--account_giftButtonTB: var(--sp1x);
 		--account_giftButtonLR: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		&.cart-st-wrap {
 			--account_spaceLineMTop: var(--sp2x);
 			--account_spaceLineMBot: var(--sp4x);
@@ -485,6 +505,8 @@ const CartItemsStyle = styled.section `
 		--account_giftButtonTB: var(--sp1x);
 		--account_giftButtonLR: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		&.cart-st-wrap {
 			--account_spaceLineMTop: var(--sp2x);
 			--account_spaceLineMBot: var(--sp4x);
@@ -495,6 +517,8 @@ const CartItemsStyle = styled.section `
 		--account_spaceLineMTop: var(--sp2x);
 		--account_spaceLineMBot: var(--sp3x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		//! Col's width
 		--account_col1Width: 45%;
 		--account_col3Width: 20%;
@@ -579,6 +603,8 @@ const CartItemsStyle = styled.section `
 		--account_giftButtonTB: var(--sp1x);
 		--account_giftButtonLR: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp9x);
+
 		&.cart-st-wrap {
 			--account_spaceLineMTop: var(--sp2x);
 			--account_spaceLineMBot: var(--sp3x);
@@ -589,6 +615,8 @@ const CartItemsStyle = styled.section `
 		--account_spaceLineMTop: var(--sp2x);
 		--account_spaceLineMBot: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		//! Col's width
 		--account_col1Width: 45%;
 		--account_col3Width: 21%;
@@ -653,10 +681,16 @@ const CartItemsStyle = styled.section `
 		--account_giftButtonTB: var(--sp1x);
 		--account_giftButtonLR: var(--sp2x);
 
+		--account_cartItemSelectFixedWidth: var(--sp11x);
+
 		.mobile-cart-items-table-wrap {
 			.mobile-cart-item-wrap {
 				padding: var(--sp3x) 0;
 
+				.out-of-stock-mt {
+					margin-bottom: var(--sp3x);
+				}
+
 				.mobile-cart-item-inner-wrap {
 					display: flex;
 
@@ -670,8 +704,13 @@ const CartItemsStyle = styled.section `
 						height: fit-content;
 
 						.image-cont {
-							/* padding-top: 125% !important; */
-							padding-top: 100% !important;
+							--imagePaddingTop: 100%;
+							--proportion: 100%;
+							--core_proportion: 100%;
+
+							&.is-variant-version-enabled {
+								padding-top: 125% !important;
+							}
 						}
 					}
 
@@ -749,7 +788,7 @@ const CartItemsStyle = styled.section `
 										@media (pointer: fine) {
 											@media (hover: hover) {
 												&:hover {
-													background-color: var(--mainColor) !important;
+													background-color: var(--account_backgroundColor) !important;
 												}
 											}
 										}
@@ -762,6 +801,27 @@ const CartItemsStyle = styled.section `
 			}
 		}
 
+		.edit-remove-favorite-mobile-wrap {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: var(--sp3x);
+
+			.favorite-remove-mobile-wrap {
+				.wishlist-btn {
+					margin-right: var(--sp2x);
+
+					&.active {
+						display: none;
+					}
+				}
+			}
+		}
+
+		.mb-mt {
+			margin-bottom: var(--sp1x);
+		}
+
 		&.cart-st-wrap {
 			--account_spaceLineMTop: var(--sp2x);
 			--account_spaceLineMBot: 0;

package/dist/modules/cart/components/CartItems/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2WC,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+CjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+Cd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAmDf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIrG,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2XC,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAiDjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAiDd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAqDf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKrG,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/modules/cart/index.d.ts

@@ -1,4 +1,3 @@
-export * from './CartProvider';
 export { default as EmptyCart } from './EmptyCart';
 export { default as CartItems } from './components/CartItems';
 export { default as CartTemplate } from './CartTemplate';

package/dist/modules/cart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/cart/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/cart/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/modules/cart/index.js

@@ -1,5 +1,7 @@
-export * from './CartProvider';
+// Cart UI components only - all logic is in @weareconceptstudio/cart
 export { default as EmptyCart } from './EmptyCart';
 export { default as CartItems } from './components/CartItems';
 export { default as CartTemplate } from './CartTemplate';
+// NOTE: For cart hooks, import directly from @weareconceptstudio/cart:
+// import { useCart, useSimpleCart, useVariantCart, useCheckout } from '@weareconceptstudio/cart';
 //# sourceMappingURL=index.js.map

package/dist/modules/cart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/cart/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/cart/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,uEAAuE;AACvE,kGAAkG"}

package/dist/modules/checkout/CheckoutTemplate/StepReview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepReview/index.js"],"names":[],"mappings":";AASA,iDA6BC;kBAtCkC,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepReview/index.js"],"names":[],"mappings":";AAUA,iDA0BC;kBApCkC,OAAO"}