@weareconceptstudio/account 0.0.7 → 0.0.9

package/dist/AccountProvider.d.ts

@@ -1,8 +1,11 @@
 export function useAccountContext(): any;
-export function AccountProvider({ fontFamily, children, maxQty, currency }: {
+export function AccountProvider({ fontFamily, shopUrl, children, maxQty, currency, addressType, addressFormFields }: {
     fontFamily?: string;
+    shopUrl?: string;
     children: any;
     maxQty?: number;
     currency: any;
+    addressType: any;
+    addressFormFields: any;
 }): React.JSX.Element;
 import React from 'react';

package/dist/AccountProvider.js

@@ -1,6 +1,7 @@
 import React, { createContext, useContext, useEffect } from 'react';
 import { useTranslation } from '@weareconceptstudio/core';
 import { ThemeProvider } from 'styled-components';
+import { AddressProvider } from './modules/address/AddressProvider';
 //* Translations
 import translations from './translations';
 //* Styles
@@ -13,15 +14,16 @@ export const useAccountContext = () => {
     const context = useContext(AccountContext);
     return context;
 };
-export const AccountProvider = ({ fontFamily = 'core_Font', children, maxQty = 99, currency }) => {
+export const AccountProvider = ({ fontFamily = 'core_Font', shopUrl = '/', children, maxQty = 99, currency, addressType, addressFormFields }) => {
     const { addTranslation } = useTranslation();
     useEffect(() => {
         addTranslation(translations, 'prepend');
     }, []);
-    return (React.createElement(AccountContext.Provider, { value: { currency, maxQty } },
-        React.createElement(ThemeProvider, { theme: theme },
-            React.createElement(AccountVariables, { fontFamily: fontFamily }),
-            React.createElement(AccountHelperClass, null),
-            React.createElement(AccountTypography, null),
-            children)));
+    return (React.createElement(AccountContext.Provider, { value: { currency, maxQty, shopUrl } },
+        React.createElement(AddressProvider, { addressType: addressType, addressFormFields: addressFormFields },
+            React.createElement(ThemeProvider, { theme: theme },
+                React.createElement(AccountVariables, { fontFamily: fontFamily }),
+                React.createElement(AccountHelperClass, null),
+                React.createElement(AccountTypography, null),
+                children))));
 };

package/dist/components/EmptyOrders/index.js

@@ -1,12 +1,13 @@
 import React, { memo as Memo } from 'react';
+import { useAccountContext } from '../../AccountProvider';
 import { Text } from '@weareconceptstudio/core';
-//* Style
-import EmptyOrdersStyle from './style';
-//* Components
 import AccountButton from '../ui/AccountButton';
+import EmptyOrdersStyle from './style';
 const EmptyOrders = Memo(() => {
+    const { shopUrl } = useAccountContext();
     return (React.createElement(EmptyOrdersStyle, { className: 'empty-orders' },
         React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 empty-orders-title`, text: `emptyTitle` }),
-        React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 empty-orders-description`, text: `emptyDesc` })));
+        React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 empty-orders-description`, text: `emptyDesc` }),
+        React.createElement(AccountButton, { text: `shopNow`, btnType: 'purple-text', url: shopUrl })));
 });
 export default EmptyOrders;

package/dist/components/OrderedItems/index.d.ts

@@ -1,5 +1,5 @@
 export default OrderedItems;
-declare function OrderedItems({ data, status, currency }: {
+declare function OrderedItems({ data: items, status, currency }: {
     data: any;
     status: any;
     currency: any;

package/dist/components/OrderedItems/index.js

@@ -1,46 +1,13 @@
-import React, { useMemo, useCallback, useState } from 'react';
-import { Image, Text, useTranslation, useUi } from '@weareconceptstudio/core';
-// import SwiperCore, { Navigation } from 'swiper';
-// import { Swiper, SwiperSlide } from 'swiper/react';
-// SwiperCore.use([Navigation]);
+import React, { useMemo } from 'react';
+import { Image, Text, useUi } from '@weareconceptstudio/core';
 //* Utils
 import { handlePriceCheckFunc } from '../../utils/_functions';
 //* Components
-// import OldEditor from '../OldEditor';
-// import ReviewPopup from './ReviewPopup';
-// import ImagesPopup from '../ImagesPopup';
 import AccountButton from '../ui/AccountButton';
 //* Styles
-// import 'swiper/swiper-bundle.css';
 import OrderedItemsStyle from './style';
-const OrderedItems = ({ data, status, currency }) => {
-    const { translate } = useTranslation();
-    const { winWidth, openPopup } = useUi();
-    const createReview = () => { };
-    const updateReview = () => { };
-    //! State
-    const [items, setItems] = useState(data);
-    //! Handle Review update
-    const addOrUpdateReview = useCallback((id, newValues) => {
-        setItems(items.map((item) => (item.id == id ? { ...item, review: newValues } : item)));
-    }, [items]);
-    //! Review popup
-    // const handleReviewPopup = useCallback(
-    // 	({ orderItemId, product, review }) => {
-    // 		return openPopup(
-    // 			<ReviewPopup
-    // 				review={review}
-    // 				product={product}
-    // 				orderItemId={orderItemId}
-    // 				createReview={createReview}
-    // 				updateReview={updateReview}
-    // 				addOrUpdateReview={addOrUpdateReview}
-    // 			/>,
-    // 			{ className: 'is-review-popup' }
-    // 		);
-    // 	},
-    // 	[addOrUpdateReview]
-    // );
+const OrderedItems = ({ data: items, status, currency }) => {
+    const { winWidth } = useUi();
     //! Store order items
     const storeOrderedItems = useMemo(() => {
         return items.map((item, index) => winWidth >= 768 ? (React.createElement("div", { key: index, className: `item-wrap` },

package/dist/components/TotalCheckout/index.js

@@ -1,36 +1,31 @@
-import React, { memo, useState, useEffect } from 'react';
-import { Text, useUi } from '@weareconceptstudio/core';
+import React, { memo, useState } from 'react';
+import { Text } from '@weareconceptstudio/core';
 import { useAccountContext } from '../../AccountProvider';
 import AccountButton from '../ui/AccountButton';
 //* Utils
 import { handlePriceCheckFunc, numToLocalString } from '../../utils/_functions';
 //* Style
 import TotalCheckoutStyle from './style';
-const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps, itemsCount, subtotal, total, loading, shippingCost }) => {
-    const { winWidth } = useUi();
+// TODO: Note
+const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps, itemsCount, subtotal, total, shippingCost }) => {
     const { currency } = useAccountContext();
     //! States
-    const [headerHeight, setHeaderHeight] = useState();
     const [note, setNote] = useState();
-    //! useEffect
-    useEffect(() => {
-        setHeaderHeight(document.getElementsByTagName('header')[0]?.clientHeight);
-    }, [winWidth]);
-    return (React.createElement(TotalCheckoutStyle, { "$headerHeight": headerHeight },
+    return (React.createElement(TotalCheckoutStyle, null,
         React.createElement("div", { className: `cart-main-wrap` },
             React.createElement("div", { className: `left-panel-wrap panel` }, children),
             React.createElement("div", { className: `right-panel-wrap panel ${confirmation ? 'display-none-wrap' : ''}` }, !confirmation && (React.createElement("div", { className: `max-width-wrapper sticky-wrap` },
-                React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: `orderSummary` }),
+                React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 sticky-wrap-title`, text: `orderSummary` }),
                 React.createElement("div", { className: `od-line` }),
                 React.createElement("div", { className: `od-item-wrap` },
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `subtotal` }),
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: itemsCount ? handlePriceCheckFunc(subtotal, currency) : `0 ${currency}` })),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-subtotal`, text: `subtotal` }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-currency`, text: itemsCount ? handlePriceCheckFunc(subtotal, currency) : `0 ${currency}` })),
                 React.createElement("div", { className: `od-item-wrap` },
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `shipping` }),
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `${String(shippingCost).toLowerCase() === 'free' || shippingCost === '-' ? shippingCost : `${numToLocalString(shippingCost)} ${currency}`}` })),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping`, text: `shipping` }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping-cost`, text: `${String(shippingCost).toLowerCase() === 'free' || shippingCost === '-' ? shippingCost : `${numToLocalString(shippingCost)} ${currency}`}` })),
                 React.createElement("div", { className: `od-item-wrap` },
-                    React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: `total` }),
-                    React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: itemsCount ? handlePriceCheckFunc(total, currency) : `0 ${currency}` })),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 sticky-wrap-total`, text: `total` }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 sticky-wrap-currnecy2`, text: itemsCount ? handlePriceCheckFunc(total, currency) : `0 ${currency}` })),
                 typeof isShipping === 'boolean' && !isShipping ? (
                 // <Input.TextArea
                 // 	value={note}
@@ -43,6 +38,6 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps, i
                         textAlign: 'center',
                         margin: '16px 0',
                     }, className: 'account-p account-p3 account-font-regular account-primary-color1' }, "Input Filed Textarea")) : null,
-                React.createElement(AccountButton, { url: buttonProps.url, btnType: `full-width`, text: buttonProps.text, type: buttonProps.type, onClick: () => buttonProps.handleClick && buttonProps.handleClick(note), className: `${!itemsCount || loading || buttonProps.disabled ? 'disabled' : ''}` })))))));
+                React.createElement(AccountButton, { url: buttonProps.url, btnType: `full-width`, text: buttonProps.text, type: buttonProps.type, disabled: buttonProps.disabled, onClick: () => buttonProps.handleClick && buttonProps.handleClick(note), className: `sticky-wrap-btn ${buttonProps.disabled ? 'disabled' : ''}` })))))));
 });
 export default TotalCheckout;

package/dist/components/TotalCheckout/style.js

@@ -82,13 +82,6 @@ const TotalCheckoutStyle = styled.section `
 					margin-top: var(--account_btnMTop);
 				}
 			}
-
-			//! Sticky Wrapper
-			.sticky-wrap {
-				position: sticky;
-				height: fit-content;
-				top: calc(${(props) => props.$headerHeight}px + var(--account_cartMainWrapPadTop));
-			}
 		}
 	}
 

package/dist/components/cart/EmptyCart/index.js

@@ -6,8 +6,8 @@ import EmptyCartStyle from './style';
 const EmptyCart = ({ shoppingUrl }) => {
     return (React.createElement(EmptyCartStyle, null,
         React.createElement("div", { className: `empty-cart-wrap` },
-            React.createElement(Text, { tag: `h4`, className: `account-h4 account-font-bold account-primary-color1`, text: `cartEmpty` }),
-            React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 description`, text: `cartEmptyDesc` }),
-            shoppingUrl ? (React.createElement(AccountButton, { btnType: 'purple-text', text: `shopNow`, url: shoppingUrl })) : null)));
+            React.createElement(Text, { tag: `h4`, className: `account-h4 account-font-bold account-primary-color1 empty-cart-title`, text: `cartEmpty` }),
+            React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 empty-cart-description`, text: `cartEmptyDesc` }),
+            shoppingUrl ? (React.createElement(AccountButton, { text: `shopNow`, url: shoppingUrl, btnType: 'purple-text', className: 'empty-cart-btn' })) : null)));
 };
 export default EmptyCart;

package/dist/components/cart/EmptyCart/style.js

@@ -8,7 +8,7 @@ const EmptyCartStyle = styled.section `
 		max-width: var(--account_emptyCartWrapMaxWidth);
 		width: 100%;
 
-		.description {
+		.empty-cart-description {
 			margin-top: var(--account_descriptionMTop);
 		}
 

package/dist/components/cart/Items/Simple/Item/index.js

@@ -1,19 +1,16 @@
 import React, { memo, useMemo } from 'react';
-import { Image, Text, useUi } from '@weareconceptstudio/core';
+import { Image, Text } from '@weareconceptstudio/core';
 import { Select } from '@weareconceptstudio/form';
-import { useAccountContext } from '../../../../../AccountProvider';
 import { handlePriceCheckFunc } from '../../../../../utils/_functions';
 import Button from '../../../../ui/AccountButton';
-import FavoriteButton from '../../../../FavoriteButton';
+//TODO: Fake
 const pathname = '/cart/';
-const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, actions }) => {
-    const { openPopup } = useUi();
-    const { currency, maxQty } = useAccountContext();
+const Item = memo(({ data, remove, select, isLast, actions, maxQty, currency }) => {
     const selectionList = useMemo(() => {
         if (select) {
             const selectList = [];
             for (let index = 1; index <= maxQty; index++) {
-                selectList.push({ value: index, label: index });
+                selectList.push({ id: index, name: index });
             }
             return selectList;
         }
@@ -25,30 +22,25 @@ const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, ac
                 React.createElement("div", { className: `image-wrapper` },
                     React.createElement(Image, { src: data?.product?.image?.src, alt: data?.product?.image?.alt })),
                 React.createElement("div", { className: `col-1-right-wrap` },
-                    React.createElement(Button, { url: data.product?.url, className: `capitalize`, text: data.product?.name, btnType: `green-large-text`, target: pathname === '/cart/' || pathname === '/checkout' ? '_blank' : '_self' }),
+                    React.createElement(Button, { url: data.product?.url, text: data.product?.name, btnType: `green-large-text`, className: `capitalize title-btn`, target: pathname === '/cart/' || pathname === '/checkout' ? '_blank' : '_self' }),
                     React.createElement("div", { className: `right-first-item-wrap` },
                         React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 capitalize`, text: data.product.short_info_1 })),
                     React.createElement("div", { className: `right-second-item-wrap` },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: data.product.short_info_2 })),
-                    edit && !data.product?.out_of_stock ? (React.createElement("div", { className: `edit-btn-wrap empty` },
-                        React.createElement(Button, { text: 'edit', btnType: `green-small-text`, onClick: () => openPopup(React.createElement("div", null, "Product Individual")) }))) : pathname === '/cart/' ? (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color3 underline opacityZero empty`, text: 'empty' })) : (''))),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: data.product.short_info_2 })))),
             React.createElement("div", { className: `col-item tl-col-2` }, select ? (React.createElement("div", { className: `select-and-out-of-stock-wrap` }, !data.product?.out_of_stock ? (React.createElement(Select, { allowSearch: false, options: selectionList, value: data.qty, onChange: (val) => actions.add({
                     productId: data.product.id,
                     qty: val,
                 }) })) : (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: data.qty })))) : (React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: data.qty }))),
             React.createElement("div", { className: `col-item tl-col-3 col-item-3 nowrap` }, data?.product?.sale_price ? (React.createElement("div", null,
-                React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2 alignRight`, text: handlePriceCheckFunc(data?.product?.sale_price, currency) }),
-                React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value align-right`, text: handlePriceCheckFunc(data.product?.price, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 alignRight`, text: handlePriceCheckFunc(data.product?.price, currency) }))),
+                React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2 align-right cart-sale-price`, text: handlePriceCheckFunc(data?.product?.sale_price, currency) }),
+                React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value align-right cart-price1`, text: handlePriceCheckFunc(data.product?.price, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 align-right cart-price2`, text: handlePriceCheckFunc(data.product?.price, currency) }))),
             React.createElement("div", { className: `col-item tl-col-4 col-item-4 nowrap` },
                 React.createElement("div", { className: `col-item-inner-wrap` },
                     React.createElement("div", { className: `flex-end-wrap` }, data?.product.sale_price ? (React.createElement("div", null,
-                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2 align-right`, text: `${data.sale_total} ${currency}` }),
-                        React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value align-right`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 align-right`, text: `${data.total} ${currency}` }))),
-                    React.createElement("div", { className: `favorite-and-remove-wrap` },
-                        favorite && !data.product?.out_of_stock && (React.createElement("div", { className: `favorite-btn-wrap` },
-                            React.createElement(FavoriteButton, { qty: data.qty, type: `withText`, favorites: favorites, productId: data.product?.id, optionId: data.selectedOption?.id, variantId: data.selectedVariant?.id }))),
-                        remove && (React.createElement("div", { className: `remove-btn-wrap` },
-                            React.createElement(Button, { text: 'remove', btnType: `green-small-text`, onClick: () => actions.delete({ productId: data.product?.id }) }))))))),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2 align-right cart-sale-total`, text: `${data.sale_total} ${currency}` }),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through value align-right cart-total1`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 align-right cart-total2`, text: `${data.total} ${currency}` }))),
+                    React.createElement("div", { className: `favorite-and-remove-wrap` }, remove && (React.createElement("div", { className: `remove-btn-wrap` },
+                        React.createElement(Button, { text: 'remove', btnType: `green-small-text`, className: 'cart-remove-btn', onClick: () => actions.delete({ productId: data.product?.id }) }))))))),
         isLast ? React.createElement("div", { className: 'line' }) : null));
 });
 export default Item;

package/dist/components/cart/Items/Simple/ItemMobile/index.js

@@ -1,29 +1,20 @@
 import React, { memo, useMemo } from 'react';
-import { Image, Text, useUi } from '@weareconceptstudio/core';
+import { Image, Text } from '@weareconceptstudio/core';
 import { Select } from '@weareconceptstudio/form';
 import Button from '../../../../ui/AccountButton';
-import { useAccountContext } from '../../../../../AccountProvider';
-//* Utils
 import { handlePriceCheckFunc } from '../../../../../utils/_functions';
-//* Components
-import FavoriteButton from '../../../../FavoriteButton';
-// import ProductIndividual from '@/components/common/ProductIndividual';
 //TODO: Fake
 const pathname = '/cart/';
-const addToCart = () => { };
-const removeCart = () => { };
-const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
-    const { openPopup } = useUi();
-    const { currency } = useAccountContext();
+const ItemMobile = memo(({ data, remove, select, isLast, actions, maxQty, currency }) => {
     const selectionList = useMemo(() => {
-        if (additionalParameters.select) {
+        if (select) {
             const selectList = [];
-            for (let index = 1; index <= data.qty; index++) {
-                selectList.push({ value: index, label: index });
+            for (let index = 1; index <= maxQty; index++) {
+                selectList.push({ id: index, name: index });
             }
             return selectList;
         }
-    }, [data]);
+    }, [data, select, maxQty]);
     return (React.createElement(React.Fragment, null,
         isLast ? React.createElement("div", { className: 'line' }) : null,
         React.createElement("div", { className: `mobile-order-item-wrap` },
@@ -31,18 +22,14 @@ const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
                 React.createElement("div", { className: `mobile-image-wrap` },
                     React.createElement(Image, { src: data?.images?.[0].src, alt: data?.images?.[0].alt })),
                 React.createElement("div", { className: `mobile-info-wrap` },
-                    React.createElement(Button, { className: `capitalize`, url: data.product?.url, btnType: `green-large-text`, text: data.product?.name || data.name, target: pathname === '/cart/' || pathname === '/checkout/' ? '_blank' : '_self' }),
-                    additionalParameters.select ? (React.createElement("div", { className: `select-and-out-of-stock-mobile-wrap` }, !data.product?.out_of_stock ? (
-                    // <FormSelect
-                    // 	list={selectionList}
-                    // 	selectedValue={data.qty}
-                    // 	className={`quantity-select-mobile-wrap`}
-                    // 	onChange={(val) => addToCart({ productId: data.product.id, variantId: data.selectedVariant.id, optionId: data.selectedOption.id, qty: val, update: true })}
-                    // />
-                    React.createElement(Select, { allowSearch: false, options: selectionList, value: 1, onChange: () => { } })) : (React.createElement("div", { className: `mobile-info-item` },
+                    React.createElement(Button, { url: data.product?.url, btnType: `green-large-text`, text: data.product?.name || data.name, className: `capitalize mobile-info-wrap-title`, target: pathname === '/cart/' || pathname === '/checkout/' ? '_blank' : '_self' }),
+                    select ? (React.createElement("div", { className: `select-and-out-of-stock-mobile-wrap` }, !data.product?.out_of_stock ? (React.createElement(Select, { allowSearch: false, options: selectionList, value: data.qty, onChange: (val) => actions.add({
+                            productId: data.product.id,
+                            qty: val,
+                        }) })) : (React.createElement("div", { className: `mobile-info-item` },
                         React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: `quantityWithSymbol` }),
                         "\u00A0",
-                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: data.qty }))))) : (React.createElement("div", { className: `mobile-info-item` },
+                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: data.qty || data.quantity }))))) : (React.createElement("div", { className: `mobile-info-item` },
                         React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: `quantityWithSymbol` }),
                         "\u00A0",
                         React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: data.qty || data.quantity }))),
@@ -57,17 +44,7 @@ const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
                             React.createElement(Text, { className: `account-p account-p3 account-font-bold secondaryColor2`, text: handlePriceCheckFunc(data.product?.discountedPrice * data.qty, currency) }),
                             React.createElement(Text, { className: `account-p account-p3 account-font-regular primaryColor2 lineThrough`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold primaryColor1`, text: handlePriceCheckFunc(data.product?.price * data.qty || data.total, currency || currency) }))))),
             pathname === '/cart/' && (React.createElement("div", { className: `edit-remove-favorite-mobile-wrap` },
-                additionalParameters.edit.item && !data.product?.out_of_stock ? (React.createElement(Button, { text: 'edit', btnType: `green-small-text`, onClick: () => openPopup(
-                    // <ProductIndividual
-                    // 	isPopup
-                    // 	qty={data.qty}
-                    // 	itemId={data.id}
-                    // 	selectedOption={data.selectedOption}
-                    // 	selectedVariant={data.selectedVariant}
-                    // 	{...data.product}
-                    // />
-                    React.createElement("div", null, "Product Individual")) })) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold primaryColor3 underline opacityZero empty`, text: 'empty' })),
-                React.createElement("div", { className: `favorite-remove-mobile-wrap` }, additionalParameters.remove && (React.createElement(Button, { text: 'remove', btnType: `green-small-text`, onClick: () => removeCart({ productId: data.product.id, variantId: data.selectedVariant.id, optionId: data.selectedOption.id }) })))))),
+                React.createElement("div", { className: `favorite-remove-mobile-wrap` }, remove && (React.createElement(Button, { text: 'remove', btnType: `green-small-text`, onClick: () => actions.delete({ productId: data.product?.id }) })))))),
         React.createElement("div", { className: 'line' })));
 });
 export default ItemMobile;

package/dist/components/cart/Items/Simple/index.js

@@ -3,9 +3,10 @@ import { Text, useUi } from '@weareconceptstudio/core';
 //* Components
 import Item from './Item';
 import ItemMobile from './ItemMobile';
+import Button from '../../../ui/AccountButton';
 //* Style
 import CartItemsStyle from './style';
-const CartItems = memo(({ data, className, title, smallFontSize, additionalParameters, currency, isLast, favorites, actions }) => {
+const CartItems = memo(({ data, className, title, smallFontSize, additionalParameters, actions, currency, maxQty }) => {
     const { winWidth } = useUi();
     //! Store
     const orderStore = useMemo(() => {
@@ -16,20 +17,20 @@ const CartItems = memo(({ data, className, title, smallFontSize, additionalParam
                 React.createElement("div", { className: `title-wrap tl-col-2` },
                     React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `quantity` })),
                 React.createElement("div", { className: `title-wrap tl-col-3 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap alignRight`, text: `price` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `price` })),
                 React.createElement("div", { className: `title-wrap tl-col-4 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap alignRight`, text: `total` }))),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `total` }))),
             React.createElement("div", { className: `items-wrap` }, data?.map((item, index) => {
-                return (React.createElement(Item, { key: index, data: item, currency: currency, favorites: favorites, isLast: data.length - 1 == index, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item, favorite: additionalParameters.favorite, actions: actions }));
+                return (React.createElement(Item, { key: index, data: item, maxQty: maxQty, actions: actions, currency: currency, isLast: data.length - 1 == index, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item }));
             })))) : (React.createElement("div", { className: `mobile-order-items-table-wrap` }, data?.map((item, index) => {
-            return (React.createElement(ItemMobile, { key: index, data: item, isLast: isLast, currency: currency, favorites: favorites, additionalParameters: additionalParameters }));
+            return (React.createElement(ItemMobile, { key: index, data: item, maxQty: maxQty, actions: actions, currency: currency, isLast: data.length - 1 == index, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item }));
         })));
-    }, [winWidth, data, additionalParameters, currency]);
+    }, [winWidth, data, additionalParameters, currency, actions, maxQty]);
     return (React.createElement(CartItemsStyle, { className: className || '' },
         additionalParameters.edit.list ? (React.createElement("div", { className: `title-edit-wrapper` },
-            React.createElement(Text, { className: `p ${smallFontSize ? 'p2' : 'p1'} account-font-bold account-primary-color1`, text: title }),
-            React.createElement(Button, { url: '/cart/', text: `editCart`, btnType: `green-small-text` }))) : (React.createElement(Text, { className: `p ${smallFontSize ? 'p2' : 'p1'} account-font-bold account-primary-color1`, text: title })),
-        additionalParameters.horizontalLine && React.createElement("div", { className: `order-items-line` }),
+            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(Button, { url: '/cart/', text: `editCart`, btnType: `green-small-text`, className: 'cart-items-edit-btn' }))) : (React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title1-version`, text: title })),
+        additionalParameters.horizontalLine ? React.createElement("div", { className: `order-items-line` }) : null,
         orderStore));
 });
 export default CartItems;

package/dist/components/cart/Items/Simple/style.js

@@ -132,6 +132,13 @@ const CartItemsStyle = styled.section `
 				flex: 1;
 				margin-left: var(--col1RightWrapML);
 
+				.title-btn {
+					a,
+					button {
+						text-align: left;
+					}
+				}
+
 				.btn-wrap {
 					margin-bottom: 0 !important;
 				}
@@ -251,7 +258,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeL}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp4x);
 
@@ -295,7 +302,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeLMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeM}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp4x);
 
@@ -339,7 +346,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeMMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeS}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp3x);
 
@@ -383,7 +390,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeSMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeXS}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp3x);
 
@@ -428,7 +435,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.mediaQuery.TabletSize}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp3x);
 
@@ -474,7 +481,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.TabletSizeMin}) and (min-width: ${(props) => props.theme.mediaQuery.TabletSizeS}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: var(--sp2x);
 
@@ -519,7 +526,7 @@ const CartItemsStyle = styled.section `
 		}
 	}
 
-	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.TabletSizeSMin}) {
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
 		--spaceLineMTop: var(--sp2x);
 		--spaceLineMBot: 0;
 		--orderItemsMarTop: var(--sp6x);

package/dist/components/index.d.ts

@@ -1,14 +1,8 @@
 export * from './ui';
 export * from './cart';
 export { default as FormInputCode } from './FormInputCode';
-export { default as AddressWrap } from './AddressWrap';
-export { default as AddressForm } from './AddressForm';
-export { default as AddressItem } from './AddressItem';
 export { default as TotalCheckout } from './TotalCheckout';
 export { default as EmptyOrders } from './EmptyOrders';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
 export { default as OrdersList } from './OrdersList';
-export { default as ShippingBillingInfo } from './ShippingBillingInfo';
-export { default as ShippingBillingForm } from './ShippingBillingForm';
-export { default as SelectShippingBilling } from './SelectShippingBilling';

package/dist/components/index.js

@@ -1,14 +1,8 @@
 export * from './ui';
 export * from './cart';
 export { default as FormInputCode } from './FormInputCode';
-export { default as AddressWrap } from './AddressWrap';
-export { default as AddressForm } from './AddressForm';
-export { default as AddressItem } from './AddressItem';
 export { default as TotalCheckout } from './TotalCheckout';
 export { default as EmptyOrders } from './EmptyOrders';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
 export { default as OrdersList } from './OrdersList';
-export { default as ShippingBillingInfo } from './ShippingBillingInfo';
-export { default as ShippingBillingForm } from './ShippingBillingForm';
-export { default as SelectShippingBilling } from './SelectShippingBilling';

package/dist/components/ui/AccountButton/index.js

@@ -1,4 +1,4 @@
-import React, { memo, useMemo } from 'react';
+import React, { memo, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import { Link, useTranslation } from '@weareconceptstudio/core';
 import { useTheme } from 'styled-components';
@@ -14,7 +14,10 @@ const AccountButton = memo(({ btnType, text, className, onClick, children, url,
         [btnType]: btnType,
         [className]: className,
     });
-    return (React.createElement(AccountButtonStyle, { onClick: onClick, className: classString, theme: theme(globalTheme) },
+    const handleClick = useCallback(() => {
+        return !disabled && onClick?.();
+    }, [onClick, disabled]);
+    return (React.createElement(AccountButtonStyle, { onClick: handleClick, className: classString, theme: theme(globalTheme) },
         React.createElement(Component, { ...customProps },
             svg_icon || children || translate(text),
             " ")));

package/dist/components/ui/AccountButton/style.js

@@ -164,10 +164,12 @@ const AccountButtonStyle = styled.div `
 	}
 
 	&.disabled {
+		pointer-events: none;
+		opacity: 0.5;
+
 		button,
 		a {
 			pointer-events: none;
-			opacity: 0.5;
 		}
 	}
 

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AccountProvider';
+export * from './modules';
 export * from './templates';
 export * from './components';

package/dist/index.js

@@ -1,4 +1,5 @@
 'use client';
 export * from './AccountProvider';
+export * from './modules';
 export * from './templates';
 export * from './components';