@weareconceptstudio/account 2.0.0 → 2.0.2

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

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

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

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

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Text, useTranslation } from '@weareconceptstudio/core';
+const MobileItemAttributes = ({ selectedVariant, selectedOption, product }) => {
+    const { translate } = useTranslation();
+    const renderFirstAttribute = () => {
+        if (selectedVariant?.color.name) {
+            return (React.createElement("div", { className: `mobile-info-item` },
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` },
+                    translate('account.general_actions.color'),
+                    ": \u00A0"),
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: selectedVariant.color.name })));
+        }
+        if (product.short_info_1) {
+            return (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: product.short_info_1 })));
+        }
+        return null;
+    };
+    const renderSecondAttribute = () => {
+        if (selectedOption?.size.name) {
+            return (React.createElement("div", { className: `mobile-info-item` },
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` },
+                    translate('account.general_actions.size'),
+                    ": \u00A0"),
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize` }, selectedOption.size.name)));
+        }
+        if (product.short_info_2) {
+            return (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: product.short_info_2 })));
+        }
+        return null;
+    };
+    return (React.createElement(React.Fragment, null,
+        renderFirstAttribute(),
+        renderSecondAttribute()));
+};
+export default MobileItemAttributes;
+//# sourceMappingURL=MobileItemAttributes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemAttributes.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemAttributes.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,oBAAoB,GAAG,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,oBAAoB,GAAG,GAAG,EAAE;QACjC,IAAI,eAAe,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;YACjC,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;gBACjC,oBAAC,IAAI,IAAC,SAAS,EAAE,iEAAiE;oBAChF,SAAS,CAAC,+BAA+B,CAAC;+BACrC;gBACP,oBAAC,IAAI,IACJ,SAAS,EAAE,4EAA4E,EACvF,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,GAC/B,CACG,CACN,CAAC;QACH,CAAC;QAED,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;YAC1B,OAAO,CACN,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,IAAI,IACJ,SAAS,EAAE,oFAAoF,EAC/F,IAAI,EAAE,OAAO,CAAC,YAAY,GACzB,CACG,CACN,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAClC,IAAI,cAAc,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/B,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;gBACjC,oBAAC,IAAI,IAAC,SAAS,EAAE,iEAAiE;oBAChF,SAAS,CAAC,8BAA8B,CAAC;+BACpC;gBACP,oBAAC,IAAI,IAAC,SAAS,EAAE,4EAA4E,IAC3F,cAAc,CAAC,IAAI,CAAC,IAAI,CACnB,CACF,CACN,CAAC;QACH,CAAC;QAED,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;YAC1B,OAAO,CACN,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,IAAI,IACJ,SAAS,EAAE,oFAAoF,EAC/F,IAAI,EAAE,OAAO,CAAC,YAAY,GACzB,CACG,CACN,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACN;QACE,oBAAoB,EAAE;QACtB,qBAAqB,EAAE,CACtB,CACH,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Image } from '@weareconceptstudio/core';
+import { defaultIconGift } from '../util';
+const MobileItemImage = ({ isGift, hasVariants, selectedVariant, product }) => {
+    const imageSrc = hasVariants ? selectedVariant?.images?.[0].src : product?.image?.src;
+    const imageAlt = hasVariants ? selectedVariant?.images?.[0].alt : product?.image?.alt;
+    return (React.createElement("div", { className: `mobile-image-wrap` },
+        isGift && React.createElement("div", { className: 'wrapper-gift-icon' }, defaultIconGift),
+        React.createElement(Image, { src: imageSrc, alt: imageAlt, className: `${hasVariants ? 'is-variant-version-enabled' : ''}` })));
+};
+export default MobileItemImage;
+//# sourceMappingURL=MobileItemImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemImage.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemImage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7E,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC;IACtF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC;IAEtF,OAAO,CACN,6BAAK,SAAS,EAAE,mBAAmB;QACjC,MAAM,IAAI,6BAAK,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAO;QACrE,oBAAC,KAAK,IACL,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,GAC9D,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Text, useTranslation } from '@weareconceptstudio/core';
+import UpcomingGift from '../UpcomingGift';
+const MobileItemPrice = ({ data, hasVariants, currency }) => {
+    const { translate } = useTranslation();
+    // For variants
+    if (hasVariants) {
+        return (React.createElement("div", { className: `mobile-price-wrap` },
+            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize mb-mt`, text: `account.order_balance.price` }),
+            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_price }),
+                React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value`, text: data?.selectedOption?.formatted_price }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: data?.selectedOption?.formatted_price }))));
+    }
+    // For non-variants (gifts)
+    if (data?.is_gift) {
+        return (React.createElement("div", { className: `mobile-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 (regular products)
+    if (data?.product.sale_price || data?.product.discount) {
+        return (React.createElement("div", { className: `mobile-price-wrap flex-box` },
+            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` }, data?.product?.formatted_sale_price),
+                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` }, data?.product?.formatted_price)))));
+    }
+    return (React.createElement("div", { className: `mobile-price-wrap flex-box` },
+        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` }, data?.product?.formatted_price)));
+};
+export default MobileItemPrice;
+//# sourceMappingURL=MobileItemPrice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemPrice.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemPrice.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,QAAQ,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,eAAe;IACf,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,CACN,6BAAK,SAAS,EAAE,mBAAmB;YAClC,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,qFAAqF,EAChG,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,4BAA4B;YAC3C,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,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;QACxD,OAAO,CACN,6BAAK,SAAS,EAAE,4BAA4B;YAC3C,6BAAK,SAAS,EAAC,yBAAyB;gBACvC,oBAAC,IAAI,IACJ,SAAS,EAAE,2FAA2F,IACrG,IAAI,EAAE,OAAO,EAAE,oBAAoB,CAC9B;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,+EAA+E,IACzF,IAAI,EAAE,OAAO,EAAE,eAAe,CACzB,CACF,CACD,CACD,CACN,CAAC;IACH,CAAC;IAED,OAAO,CACN,6BAAK,SAAS,EAAE,4BAA4B;QAC3C,oBAAC,IAAI,IAAC,SAAS,EAAE,iEAAiE,IAChF,IAAI,EAAE,OAAO,EAAE,eAAe,CACzB,CACF,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,14 @@
+export default MobileItemQuantity;
+declare function MobileItemQuantity({ hasVariants, select, data, selectionList, actions, checkoutData, setGifts, isCheckoutPage, itemGiftQty, }: {
+    hasVariants: any;
+    select: any;
+    data: any;
+    selectionList: any;
+    actions: any;
+    checkoutData: any;
+    setGifts: any;
+    isCheckoutPage: any;
+    itemGiftQty: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=MobileItemQuantity.d.ts.map

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

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

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Text, useTranslation } from '@weareconceptstudio/core';
+import { Select } from '@weareconceptstudio/form';
+import { AccountButton, AccountCounter } from '../../../../../components';
+const MobileItemQuantity = ({ hasVariants, select, data, selectionList, actions, checkoutData, setGifts, isCheckoutPage, itemGiftQty, }) => {
+    const { translate } = useTranslation();
+    const rawMaxQty = data?.maxQty ??
+        data?.availableQty ??
+        data?.selectedOption?.availableQty ??
+        data?.selectedOption?.qty ??
+        data?.selectedOption?.maxQty ??
+        data?.selectedOption?.max_qty ??
+        data?.product?.qty ??
+        data?.product?.quantity ??
+        data?.product?.stock;
+    const numericMaxQty = Number(rawMaxQty);
+    const normalizedMaxQty = Number.isFinite(numericMaxQty) ? numericMaxQty : 0;
+    const currentQtyNumeric = Number(data?.qty);
+    const hasCurrentQty = Number.isFinite(currentQtyNumeric) && currentQtyNumeric > 0;
+    const hasSelectableQty = Array.isArray(selectionList) && selectionList.length > 0;
+    const hasAvailableQty = normalizedMaxQty > 0 || hasCurrentQty;
+    const canUseSelection = hasVariants ? hasSelectableQty : hasAvailableQty;
+    const isItemOutOfStock = data?.product?.out_of_stock || data?.isInStock === false || !canUseSelection;
+    const counterMaxQty = normalizedMaxQty > 0 ? normalizedMaxQty : Math.max(hasCurrentQty ? currentQtyNumeric : 1, 1);
+    // For variants with quantity selector
+    if (hasVariants) {
+        if (select && !data?.is_gift) {
+            return (React.createElement("div", { className: `select-and-out-of-stock-mobile-wrap` }, !isItemOutOfStock ? (React.createElement(Select, { className: `quantity-select-mobile-wrap`, options: selectionList || [], value: data?.qty, onChange: (val) => actions.add({
+                    itemId: data?.id,
+                    productId: data?.product?.id,
+                    variantId: data?.selectedVariant?.id,
+                    optionId: data?.selectedOption?.id,
+                    qty: val,
+                }) })) : (React.createElement("div", { className: `mobile-info-item` },
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize` },
+                    translate('account.order_balance.quantity'),
+                    ": \u00A0"),
+                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: data?.qty })))));
+        }
+        return (React.createElement("div", { className: `mobile-info-item` },
+            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize` },
+                translate('account.order_balance.quantity'),
+                ": \u00A0"),
+            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: data?.qty })));
+    }
+    // For non-variants
+    if (select && !data?.is_gift) {
+        return (React.createElement("div", { className: `inner-container` }, !isItemOutOfStock ? (React.createElement(AccountCounter, { productId: data?.product.id, maxQty: counterMaxQty })) : (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' })))));
+    }
+    if (data?.is_gift && !isCheckoutPage) {
+        return (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,
+            }) }))));
+    }
+    return (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 })));
+};
+export default MobileItemQuantity;
+//# sourceMappingURL=MobileItemQuantity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItemQuantity.js","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/MobileItemQuantity.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,kBAAkB,GAAG,CAAC,EAC3B,WAAW,EACX,MAAM,EACN,IAAI,EACJ,aAAa,EACb,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,GACX,EAAE,EAAE;IACJ,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GACd,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,cAAc,EAAE,YAAY;QAClC,IAAI,EAAE,cAAc,EAAE,GAAG;QACzB,IAAI,EAAE,cAAc,EAAE,MAAM;QAC5B,IAAI,EAAE,cAAc,EAAE,OAAO;QAC7B,IAAI,EAAE,OAAO,EAAE,GAAG;QAClB,IAAI,EAAE,OAAO,EAAE,QAAQ;QACvB,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC;IAEtB,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAClF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,gBAAgB,GAAG,CAAC,IAAI,aAAa,CAAC;IAC9D,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC;IACzE,MAAM,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,SAAS,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC;IACtG,MAAM,aAAa,GAAG,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnH,sCAAsC;IACtC,IAAI,WAAW,EAAE,CAAC;QACjB,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;YAC9B,OAAO,CACN,6BAAK,SAAS,EAAE,qCAAqC,IACnD,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACpB,oBAAC,MAAM,IACN,SAAS,EAAE,6BAA6B,EACxC,OAAO,EAAE,aAAa,IAAI,EAAE,EAC5B,KAAK,EAAE,IAAI,EAAE,GAAG,EAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CACjB,OAAO,CAAC,GAAG,CAAC;oBACX,MAAM,EAAE,IAAI,EAAE,EAAE;oBAChB,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;oBAC5B,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;oBACpC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE;oBAClC,GAAG,EAAE,GAAG;iBACR,CAAC,GAEF,CACF,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAE,kBAAkB;gBACjC,oBAAC,IAAI,IACJ,SAAS,EAAE,4EAA4E;oBACtF,SAAS,CAAC,gCAAgC,CAAC;+BACtC;gBACP,oBAAC,IAAI,IACJ,SAAS,EAAE,4EAA4E,EACvF,IAAI,EAAE,IAAI,EAAE,GAAG,GACd,CACG,CACN,CACI,CACN,CAAC;QACH,CAAC;QAED,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;YACjC,oBAAC,IAAI,IAAC,SAAS,EAAE,4EAA4E;gBAC3F,SAAS,CAAC,gCAAgC,CAAC;2BACtC;YACP,oBAAC,IAAI,IACJ,SAAS,EAAE,iEAAiE,EAC5E,IAAI,EAAE,IAAI,EAAE,GAAG,GACd,CACG,CACN,CAAC;IACH,CAAC;IAED,mBAAmB;IACnB,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,CACN,6BAAK,SAAS,EAAE,iBAAiB,IAC/B,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACpB,oBAAC,cAAc,IACd,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,EAC3B,MAAM,EAAE,aAAa,GACpB,CACF,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAE,UAAU;YACzB,oBAAC,IAAI,IACJ,SAAS,EAAE,iEAAiE,EAC5E,IAAI,EAAE,oCAAoC,GACzC,CACG,CACN,CACI,CACN,CAAC;IACH,CAAC;IAED,IAAI,IAAI,EAAE,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;QACtC,OAAO,CACN,6BAAK,SAAS,EAAC,qBAAqB,IAClC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,oBAAC,cAAc,IACd,MAAM,EAAE,IAAI,EAAE,GAAG,EACjB,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,EAC3B,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EACvC,MAAM,EAAE,IAAI,EAAE,OAAO,EACrB,GAAG,EACF,YAAY,CAAC,KAAK,CAAC,IAAI,CACtB,CAAC,IAAI,EAAE,EAAE,CACR,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE,gBAAgB,EAAE,EAAE;gBAC/C,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,CACpC,EAAE,GAAG,GAEN,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,aAAa,IACb,SAAS,EAAE,wBAAwB,EACnC,IAAI,EAAE,iCAAiC,EACvC,OAAO,EAAE,GAAG,EAAE,CACb,QAAQ,CAAC;gBACR,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE;gBACvC,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE;gBAC3B,GAAG,EAAE,IAAI,EAAE,GAAG;aACd,CAAC,GAEF,CACF,CACI,CACN,CAAC;IACH,CAAC;IAED,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU;QACzB,oBAAC,IAAI,IACJ,SAAS,EAAE,8FAA8F;YACxG,SAAS,CAAC,gCAAgC,CAAC;uBACtC;QAEP,oBAAC,IAAI,IACJ,SAAS,EAAE,kFAAkF,EAC7F,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,GAC5C,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,10 @@
+export default MobileItemTitle;
+declare function MobileItemTitle({ product, hasVariants, handleProductClick, isCartPage, isCheckoutPage }: {
+    product: any;
+    hasVariants: any;
+    handleProductClick: any;
+    isCartPage: any;
+    isCheckoutPage: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=MobileItemTitle.d.ts.map

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

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

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,11 @@
+export default MobileOutOfStockBadge;
+declare function MobileOutOfStockBadge({ hasOutOfStock, productOutOfStock, isItemInStock, messageData, fallbackMessage, qtyAdjusted, }: {
+    hasOutOfStock: any;
+    productOutOfStock: any;
+    isItemInStock: any;
+    messageData: any;
+    fallbackMessage: any;
+    qtyAdjusted: 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;;;;;;;sBA2BC;kBA9BiB,OAAO"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useTranslation } from '@weareconceptstudio/core';
+const MobileOutOfStockBadge = ({ hasOutOfStock, productOutOfStock, isItemInStock, messageData, fallbackMessage, qtyAdjusted, }) => {
+    const { translate } = useTranslation();
+    const messageType = messageData?.type || (qtyAdjusted ? 'qty_adjusted' : null);
+    const message = messageData?.message || fallbackMessage || null;
+    const isQtyAdjusted = messageType === 'qty_adjusted' && message;
+    const isItemUnavailable = typeof isItemInStock === 'boolean' ? !isItemInStock : false;
+    const isRemovedOrOut = messageType === 'out_of_stock' || messageType === 'item_removed';
+    const shouldShowOutOfStock = isRemovedOrOut || (hasOutOfStock && (productOutOfStock || isItemUnavailable));
+    const shouldShow = shouldShowOutOfStock || isQtyAdjusted;
+    if (!shouldShow) {
+        return null;
+    }
+    const textContent = isQtyAdjusted ? message : translate('account.general_actions.outOfStock');
+    const textClass = isQtyAdjusted ? 'account-secondary-color2' : 'account-error-color';
+    return React.createElement("div", { className: `account-p account-p3 account-font-bold ${textClass} out-of-stock-mt` }, textContent);
+};
+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,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,qBAAqB,GAAG,CAAC,EAC9B,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,GACX,EAAE,EAAE;IACJ,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,OAAO,GAAG,WAAW,EAAE,OAAO,IAAI,eAAe,IAAI,IAAI,CAAC;IAChE,MAAM,aAAa,GAAG,WAAW,KAAK,cAAc,IAAI,OAAO,CAAC;IAEhE,MAAM,iBAAiB,GAAG,OAAO,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IACtF,MAAM,cAAc,GAAG,WAAW,KAAK,cAAc,IAAI,WAAW,KAAK,cAAc,CAAC;IACxF,MAAM,oBAAoB,GAAG,cAAc,IAAI,CAAC,aAAa,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,CAAC,CAAC;IAC3G,MAAM,UAAU,GAAG,oBAAoB,IAAI,aAAa,CAAC;IAEzD,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,oCAAoC,CAAC,CAAC;IAC9F,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAErF,OAAO,6BAAK,SAAS,EAAE,0CAA0C,SAAS,kBAAkB,IAAG,WAAW,CAAO,CAAC;AACnH,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":";AASA,6DA4dG;kBArekC,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/cart/components/CartItems/ItemMobile/index.js"],"names":[],"mappings":";AAcA,6DA6HG;kBA3IkC,OAAO"}

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

@@ -1,127 +1,47 @@
 import React, { memo, useMemo } from 'react';
-import { handlePriceCheckFunc, Image, Text, useTranslation, useUi } 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';
-import { Select } from '@weareconceptstudio/form';
-const ItemMobile = memo(({ data, remove, select, actions, isStock, edit, favorite }) => {
+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';
+import { getSelectableQuantityList } from '../util';
+const ItemMobile = memo(({ data, remove, select, actions, isStock, edit, favorite, selectionList, messageData }) => {
     const { openPopup } = useUi();
-    const { translate } = useTranslation();
     const { checkoutData, setGifts, isCheckoutPage, isCartPage } = useCart();
-    const { currency, handleProductClick, globalSettings: { hasVariants }, CartItemEditPopup, 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;
+    const { currency, handleProductClick, globalSettings: { hasVariants, hasOutOfStock }, CartItemEditFavoriteButton, } = useAccountContext();
+    const resolvedSelectionList = useMemo(() => {
+        if (!select) {
+            return [];
         }
-    }, [data?.selectedOption?.qty, select]);
+        if (Array.isArray(selectionList) && selectionList.length > 0) {
+            return selectionList;
+        }
+        return getSelectableQuantityList(data);
+    }, [select, selectionList, data]);
     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]);
+    const itemIsInStock = isStock();
     return !isCheckoutPage || itemGiftQty !== 0 ? (React.createElement(React.Fragment, null,
         React.createElement("div", { className: `mobile-cart-item-wrap user-select-none` },
-            data?.product?.out_of_stock ||
-                (!isStock() && (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-error-color out-of-stock-mt`, text: 'account.general_actions.outOfStock' }))),
+            React.createElement(MobileOutOfStockBadge, { hasOutOfStock: hasOutOfStock, productOutOfStock: data?.product?.out_of_stock, isItemInStock: itemIsInStock, messageData: messageData, fallbackMessage: data?.message, qtyAdjusted: data?.qtyAdjusted }),
             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: hasVariants ? data?.selectedVariant?.images?.[0].src : data?.product?.image?.src, alt: hasVariants ? data?.selectedVariant?.images?.[0].alt : data?.product?.image?.alt, className: `${hasVariants ? 'is-variant-version-enabled' : ''}` })),
+                React.createElement(MobileItemImage, { isGift: data?.is_gift, hasVariants: hasVariants, selectedVariant: data?.selectedVariant, product: data?.product }),
                 React.createElement("div", { className: `mobile-info-wrap` },
-                    hasVariants ? (React.createElement(AccountButton, { text: data?.product?.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, url: data?.product?.url, target: isCartPage || isCheckoutPage ? '_blank' : '_self' })) : (React.createElement(AccountButton, { text: data?.product?.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, onClick: () => handleProductClick(data?.product) })),
-                    data?.selectedVariant?.color.name ? (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.color` }),
-                        ": \u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: data?.selectedVariant.color.name }))) : 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?.selectedOption?.size.name ? (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.size` }),
-                        ": \u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: data?.selectedOption.size.name }))) : 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,
-                    hasVariants ? (select && !data?.is_gift ? (React.createElement("div", { className: `select-and-out-of-stock-mobile-wrap` }, !data?.product?.out_of_stock ? (React.createElement(Select, { className: `quantity-select-mobile-wrap`, options: selectionList, value: data?.qty, onChange: (val) => actions.add({
-                            itemId: data?.id,
-                            productId: data?.product?.id,
-                            variantId: data?.selectedVariant?.id,
-                            optionId: data?.selectedOption?.id,
-                            qty: val,
-                        }) })) : (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: `account.general_actions.quantityWithSymbol` }),
-                        ": \u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: data?.qty }))))) : (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: `account.general_actions.quantityWithSymbol` }),
-                        ": \u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: data?.qty })))) : null,
-                    React.createElement("div", { className: `mobile-price-wrap ${hasVariants ? '' : 'flex-box'}` }, hasVariants ? (React.createElement(React.Fragment, null,
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize mb-mt`, text: `account.order_balance.price` }),
-                        data?.selectedOption?.sale_price ? (React.createElement("div", null,
-                            React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2`, text: handlePriceCheckFunc(data?.selectedOption.sale_price, currency) }),
-                            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value`, text: handlePriceCheckFunc(data?.selectedOption?.price, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: handlePriceCheckFunc(data?.selectedOption?.price, currency) })))) : !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 ${hasVariants ? '' : 'flex-box'}` }, hasVariants ? (React.createElement(React.Fragment, null,
-                        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: handlePriceCheckFunc(data?.selectedOption.sale_price * data?.qty, currency) }),
-                            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through`, text: handlePriceCheckFunc(data?.selectedOption?.price * data?.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: handlePriceCheckFunc(data?.selectedOption?.price * data?.qty, currency) })))) : (React.createElement(React.Fragment, null,
-                        (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 }))))))))),
-        hasVariants ? (React.createElement(React.Fragment, null, isCartPage && (React.createElement("div", { className: `edit-remove-favorite-mobile-wrap` },
-            edit && !data?.product?.out_of_stock ? (React.createElement(AccountButton, { text: 'account.general_actions.edit', btnType: `green-small-text`, onClick: () => openPopup(React.createElement(CartItemEditPopup, { isPopup: true, qty: data?.qty, itemId: data?.id, selectedOption: data?.selectedOption, selectedVariant: data?.selectedVariant, ...data?.product })) })) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color3 underline opacity-zero empty`, text: 'empty' })),
-            React.createElement("div", { className: `favorite-remove-mobile-wrap` },
-                favorite && !data?.product?.out_of_stock && (React.createElement(CartItemEditFavoriteButton, { type: `withText`, productId: data?.product?.id, optionId: data?.selectedOption?.id, variantId: data?.selectedVariant?.id, qty: data?.qty })),
-                remove && (React.createElement(AccountButton, { text: 'account.general_actions.remove', btnType: `green-small-text`, onClick: () => actions.delete({
-                        productId: data?.product.id,
-                        variantId: data?.selectedVariant?.id,
-                        optionId: data?.selectedOption?.id,
-                    }) }))))))) : null,
+                    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: resolvedSelectionList, 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: resolvedSelectionList, 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;