@weareconceptstudio/account 0.0.4 → 0.0.6

package/dist/AccountProvider.d.ts

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

package/dist/AccountProvider.js

@@ -13,12 +13,12 @@ export const useAccountContext = () => {
     const context = useContext(AccountContext);
     return context;
 };
-export const AccountProvider = ({ fontFamily = 'core_Font', children, currency }) => {
+export const AccountProvider = ({ fontFamily = 'core_Font', children, maxQty = 99, currency }) => {
     const { addTranslation } = useTranslation();
     useEffect(() => {
         addTranslation(translations, 'prepend');
     }, []);
-    return (React.createElement(AccountContext.Provider, { value: { currency } },
+    return (React.createElement(AccountContext.Provider, { value: { currency, maxQty } },
         React.createElement(ThemeProvider, { theme: theme },
             React.createElement(AccountVariables, { fontFamily: fontFamily }),
             React.createElement(AccountHelperClass, null),

package/dist/components/AddressForm/index.js

@@ -1,14 +1,13 @@
 import React, { memo as Memo, useState, useCallback, useRef } from 'react';
 import { useUi, Text } from '@weareconceptstudio/core';
 import { Form, Input, PhoneNumber, Select } from '@weareconceptstudio/form';
+import AccountButton from '../ui/AccountButton';
 import { useTheme } from 'styled-components';
 import theme from '../../styles/theme';
 //* Icons
 import { CheckboxIcon, CheckboxCheckedIcon } from '../../utils/icons';
 //* Style
 import AddressFormStyle from './style';
-//* Components
-import AccountButton from '../AccountButton';
 //TODO: Form -> ref, onChange, Select, Form Item -> options,Global Data
 const globalData = {
     countries: [],

package/dist/components/AddressItem/index.js

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
 //* Components
 import AddressForm from '../AddressForm';
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 import WarningMessageForPopup from '../ui/WarningMessageForPopup';
 //* Style
 import AddressItemStyle from './style';

package/dist/components/AddressWrap/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Text, useUi } from '@weareconceptstudio/core';
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 import EmptyAddress from '../EmptyAddress';
 import AddressItem from '../AddressItem';
 import AddressForm from '../AddressForm';

package/dist/components/EmptyOrders/index.js

@@ -3,7 +3,7 @@ import { Text } from '@weareconceptstudio/core';
 //* Style
 import EmptyOrdersStyle from './style';
 //* Components
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 const EmptyOrders = Memo(() => {
     return (React.createElement(EmptyOrdersStyle, null,
         React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1`, text: `emptyTitle` }),

package/dist/components/OrderedItems/index.js

@@ -9,7 +9,7 @@ import { handlePriceCheckFunc } from '../../utils/_functions';
 // import OldEditor from '../OldEditor';
 // import ReviewPopup from './ReviewPopup';
 // import ImagesPopup from '../ImagesPopup';
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 //* Styles
 // import 'swiper/swiper-bundle.css';
 import OrderedItemsStyle from './style';

package/dist/components/OrdersList/OrderItem/index.js

@@ -3,7 +3,7 @@ import { Text } from '@weareconceptstudio/core';
 //* Utils
 import { handlePriceCheckFunc } from '../../../utils/_functions';
 //* Components
-import AccountButton from '../../AccountButton';
+import AccountButton from '../../ui/AccountButton';
 const OrderItem = Memo(({ data }) => {
     return (React.createElement("div", { className: `order-table-item-wrap` },
         React.createElement("div", { className: `col-item od-col-1 nowrap` },

package/dist/components/OrdersList/index.js

@@ -4,8 +4,8 @@ import { createQueryString, Text, useTranslation, useUi } from '@weareconceptstu
 import { handlePriceCheckFunc } from '../../utils/_functions';
 //* Components
 import OrderItem from './OrderItem';
-import Pagination from '../Pagination';
-import AccountButton from '../AccountButton';
+import Pagination from '../ui/Pagination';
+import AccountButton from '../ui/AccountButton';
 //* Style
 import OrdersListStyle from './style';
 const OrdersList = ({ data, total, pageSize, router, pathname, searchParams }) => {

package/dist/components/SelectShippingBilling/index.js

@@ -2,7 +2,7 @@ import React, { memo as Memo, useState, useCallback } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
 //* Components
 import AddressItem from '../AddressItem';
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 //* Style
 import SelectShippingBillingStyle from './style';
 //TODO: getCart

package/dist/components/TotalCheckout/index.js

@@ -1,7 +1,7 @@
 import React, { memo, useState, useEffect } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
 import { useAccountContext } from '../../AccountProvider';
-import AccountButton from '../AccountButton';
+import AccountButton from '../ui/AccountButton';
 //* Utils
 import { handlePriceCheckFunc, numToLocalString } from '../../utils/_functions';
 //* Style

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

@@ -5,23 +5,19 @@ import { useAccountContext } from '../../../../../AccountProvider';
 import { handlePriceCheckFunc } from '../../../../../utils/_functions';
 import Button from '../../../../ui/AccountButton';
 import FavoriteButton from '../../../../FavoriteButton';
-// import ProductIndividual from '@/components/common/ProductIndividual';
-//TODO: Fake
 const pathname = '/cart/';
-const addToCart = () => { };
-const removeCart = () => { };
-const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, deleteCartItem }) => {
+const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, actions }) => {
     const { openPopup } = useUi();
-    const { currency } = useAccountContext();
+    const { currency, maxQty } = useAccountContext();
     const selectionList = useMemo(() => {
         if (select) {
             const selectList = [];
-            for (let index = 1; index <= data?.qty; index++) {
+            for (let index = 1; index <= maxQty; index++) {
                 selectList.push({ value: index, label: index });
             }
             return selectList;
         }
-    }, [data, select]);
+    }, [data, select, maxQty]);
     return (React.createElement("div", { className: `item-wrap` },
         React.createElement("div", { className: 'line' }),
         React.createElement("div", { className: `item-inner-wrapper` },
@@ -30,38 +26,30 @@ const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, de
                     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("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(
-                            // <ProductIndividual
-                            // 	isPopup
-                            // 	qty={data.qty}
-                            // 	itemId={data.id}
-                            // 	selectedOption={data.selectedOption}
-                            // 	selectedVariant={data.selectedVariant}
-                            // 	{...data.product}
-                            // />
-                            React.createElement("div", null, "Product Individual")) }))) : pathname === '/cart/' ? (React.createElement(Text, { className: `p p3 apercuPro_Bold account-primary-color3 underline opacityZero empty`, text: 'empty' })) : (''))),
-            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 ? (
-            // <FormSelect
-            // 	list={selectionList}
-            // 	getPopupContainer={false}
-            // 	selectedValue={data.qty}
-            // 	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: (val) => console.log(`Select ${val}`) })) : (React.createElement(Text, { className: `p p3 account-font-medium account-primary-color1`, text: data.qty })))) : (React.createElement(Text, { className: `p p3 account-font-medium account-primary-color1`, text: data.qty }))),
-            React.createElement("div", { className: `col-item tl-col-3 col-item-3 nowrap` }, data?.discountedPrice ? (React.createElement("div", null,
-                React.createElement(Text, { className: `p p3 apercuPro_Bold account-secondary-color2 alignRight`, text: handlePriceCheckFunc(data?.discountedPrice, currency) }),
-                React.createElement(Text, { className: `p p3 account-font-regular account-primary-color2 lineThrough value alignRight`, text: handlePriceCheckFunc(data.product?.price, currency) }))) : (React.createElement(Text, { className: `p p3 account-font-bold account-primary-color1 alignRight`, text: handlePriceCheckFunc(data.product?.price, currency) }))),
+                        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("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) }))),
+            console.log(data.total),
             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?.discountedPrice ? (React.createElement("div", null,
-                        React.createElement(Text, { className: `p p3 account-font-bold account-secondary-color2 alignRight`, text: handlePriceCheckFunc(data?.discountedPrice * data.qty, currency) }),
-                        React.createElement(Text, { className: `p p3 account-font-regular account-primary-color2 lineThrough value alignRight`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))) : (React.createElement(Text, { className: `p p3 account-font-bold account-primary-color1 alignRight`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))),
+                    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: () => deleteCartItem({ productId: data.product?.id }) }))))))),
+                            React.createElement(Button, { text: 'remove', btnType: `green-small-text`, 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

@@ -40,22 +40,22 @@ const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
                     // 	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: (val) => console.log(val) })) : (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1`, text: `quantityWithSymbol` }),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: `quantityWithSymbol` }),
                         "\u00A0",
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1`, text: data.qty }))))) : (React.createElement("div", { className: `mobile-info-item` },
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1`, text: `quantityWithSymbol` }),
+                        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: `quantityWithSymbol` }),
                         "\u00A0",
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1`, text: data.qty || data.quantity }))),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1`, text: data.qty || data.quantity }))),
                     React.createElement("div", { className: `mobile-price-wrap nowrap` },
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1 mb-mt`, text: `price` }),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1 mb-mt`, text: `price` }),
                         data?.discountedPrice ? (React.createElement("div", null,
-                            React.createElement(Text, { className: `p p3 apercuPro_Bold secondaryColor2`, text: handlePriceCheckFunc(data?.product.discountedPrice, currency) }),
-                            React.createElement(Text, { className: `p p3 apercuPro_Regular primaryColor2 lineThrough value`, text: handlePriceCheckFunc(data.product?.price, currency) }))) : (React.createElement(Text, { className: `p p3 apercuPro_Bold primaryColor1`, text: handlePriceCheckFunc(data.product?.price, currency) }))),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-bold secondaryColor2`, text: handlePriceCheckFunc(data?.product.discountedPrice, currency) }),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-regular primaryColor2 lineThrough value`, text: handlePriceCheckFunc(data.product?.price, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold primaryColor1`, text: handlePriceCheckFunc(data.product?.price, currency) }))),
                     React.createElement("div", { className: `mobile-total-price-wrap nowrap` },
-                        React.createElement(Text, { className: `p p3 apercuPro_Medium primaryColor1 mb-mt`, text: `total` }),
+                        React.createElement(Text, { className: `account-p account-p3 account-font-medium primaryColor1 mb-mt`, text: `total` }),
                         data.selectedOption?.discountedPrice ? (React.createElement("div", null,
-                            React.createElement(Text, { className: `p p3 apercuPro_Bold secondaryColor2`, text: handlePriceCheckFunc(data.product?.discountedPrice * data.qty, currency) }),
-                            React.createElement(Text, { className: `p p3 apercuPro_Regular primaryColor2 lineThrough`, text: handlePriceCheckFunc(data.product?.price * data.qty, currency) }))) : (React.createElement(Text, { className: `p p3 apercuPro_Bold primaryColor1`, text: handlePriceCheckFunc(data.product?.price * data.qty || data.total, currency || currency) }))))),
+                            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
@@ -66,7 +66,7 @@ const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
                     // 	selectedVariant={data.selectedVariant}
                     // 	{...data.product}
                     // />
-                    React.createElement("div", null, "Product Individual")) })) : (React.createElement(Text, { className: `p p3 apercuPro_Bold primaryColor3 underline opacityZero empty`, text: 'empty' })),
+                    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: 'line' })));
 });

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

@@ -5,22 +5,22 @@ import Item from './Item';
 import ItemMobile from './ItemMobile';
 //* Style
 import CartItemsStyle from './style';
-const CartItems = memo(({ data, className, title, smallFontSize, additionalParameters, currency, isLast, favorites, deleteCartItem }) => {
+const CartItems = memo(({ data, className, title, smallFontSize, additionalParameters, currency, isLast, favorites, actions }) => {
     const { winWidth } = useUi();
     //! Store
     const orderStore = useMemo(() => {
         return winWidth >= 768 ? (React.createElement("div", { className: `order-items-table-wrap` },
             React.createElement("div", { className: `titles-wrap` },
                 React.createElement("div", { className: `title-wrap tl-col-1` },
-                    React.createElement(Text, { className: `p p3 account-font-bold account-primary-color1 nowrap`, text: `item` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `item` })),
                 React.createElement("div", { className: `title-wrap tl-col-2` },
-                    React.createElement(Text, { className: `p p3 account-font-bold account-primary-color1 nowrap`, text: `quantity` })),
+                    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: `p 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 alignRight`, text: `price` })),
                 React.createElement("div", { className: `title-wrap tl-col-4 title-item` },
-                    React.createElement(Text, { className: `p 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 alignRight`, 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, deleteCartItem: deleteCartItem }));
+                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 }));
             })))) : (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 }));
         })));

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

@@ -109,8 +109,8 @@ const CartItemsStyle = styled.section `
 
 		.tl-col-2 {
 			width: var(--col2Width);
-			padding-left: calc(var(--col2Distance) / 2);
-			padding-right: calc(var(--col2Distance) / 2);
+			/* padding-left: calc(var(--col2Distance) / 2); */
+			/* padding-right: calc(var(--col2Distance) / 2); */
 		}
 
 		.tl-col-3 {

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

@@ -5,7 +5,7 @@ import theme from '../../../styles/theme';
 //* Style
 import WarningMessageForPopupStyle from './style';
 //* Components
-import AccountButton from '../../AccountButton';
+import AccountButton from '../AccountButton';
 const WarningMessageForPopup = React.memo(({ isDelete = false, isThankYou = false, onRemove, title, description, globalData }) => {
     const { closePopup } = useUi();
     const globalTheme = useTheme();

package/dist/templates/AccountSettingsTemplate/AccountInfo/index.js

@@ -23,7 +23,7 @@ const AccountInfo = ({ user, onAccountUpdate, displayFields = defaultDisplayFiel
         React.createElement(Text, { text: `accountInformation`, className: `account-p account-p1 account-font-bold account-primary-color1` }),
         !edit ? (React.createElement(React.Fragment, null,
             React.createElement("div", { className: `info-wrap` }, displayFields.map((displayField, index) => (React.createElement("div", { key: index, className: `info-item-wrap` },
-                React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: `${displayField.label}:` }),
+                React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: `${displayField.label}` }),
                 "\u00A0",
                 React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: user[displayField.value] || '-' }))))),
             React.createElement(AccountButton, { text: `edit`, btnType: `green-large-text`, onClick: () => setEdit(true) }))) : (React.createElement(React.Fragment, null,

package/dist/templates/AccountSettingsTemplate/AccountInfo/utils.js

@@ -1,8 +1,8 @@
 export const defaultDisplayFields = [
-    { label: 'First Name', value: 'first_name' },
-    { label: 'Last Name', value: 'last_name' },
-    { label: 'Phone', value: 'phone' },
-    { label: 'Email', value: 'email' },
+    { label: 'first_name', value: 'first_name' },
+    { label: 'last_name', value: 'last_name' },
+    { label: 'phone_', value: 'phone' },
+    { label: 'email_', value: 'email' },
 ];
 export const defaultFormFields = [
     {
@@ -28,14 +28,14 @@ export const defaultFormFields = [
     {
         fieldType: 'phone',
         labelProps: {
-            label: 'Phone',
+            label: 'phone_input',
             name: 'phone',
         },
     },
     {
         fieldType: 'input',
         labelProps: {
-            label: 'Email',
+            label: 'email',
             name: 'email',
         },
         fieldProps: {

package/dist/templates/CartTemplate/index.d.ts

@@ -1,5 +1,5 @@
 export default CartTemplate;
-declare function CartTemplate({ items, itemsCount, shippingCost, loading, children, shoppingUrl, subtotal, total, deleteCartItem }: {
+declare function CartTemplate({ items, itemsCount, shippingCost, loading, children, shoppingUrl, subtotal, total, actions, btnDisabled, checkoutUrl }: {
     items: any;
     itemsCount: any;
     shippingCost: any;
@@ -8,6 +8,8 @@ declare function CartTemplate({ items, itemsCount, shippingCost, loading, childr
     shoppingUrl: any;
     subtotal: any;
     total: any;
-    deleteCartItem: any;
+    actions: any;
+    btnDisabled: any;
+    checkoutUrl?: string;
 }): React.JSX.Element;
 import React from 'react';

package/dist/templates/CartTemplate/index.js

@@ -2,14 +2,14 @@ import React from 'react';
 import { Container, Page } from '@weareconceptstudio/core';
 import { EmptyCart, TotalCheckout, AccountButton, SimpleCartItems } from '../../components';
 import CartTemplateStyle from './style';
-const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, shoppingUrl, subtotal, total, deleteCartItem }) => {
+const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, shoppingUrl, subtotal, total, actions, btnDisabled, checkoutUrl = '/checkout/' }) => {
     return (React.createElement(Page, { className: 'cart use-account' },
         React.createElement(Container, null,
             React.createElement(CartTemplateStyle, null,
                 React.createElement(TotalCheckout, { total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, buttonProps: {
-                        url: '/checkout/',
+                        url: checkoutUrl,
                         text: 'proceedToCheckout',
-                        disabled: true,
+                        disabled: btnDisabled,
                     } }, itemsCount > 0 ? (React.createElement(React.Fragment, null,
                     React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'myCart', favorites: [], className: `cart-st-wrap`, additionalParameters: {
                             edit: { item: true, list: false },
@@ -17,7 +17,7 @@ const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, shop
                             remove: true,
                             horizontalLine: true,
                             select: true,
-                        }, deleteCartItem: deleteCartItem }),
+                        }, actions: actions }),
                     shoppingUrl ? (React.createElement(AccountButton, { btnType: `purple-text`, text: `continueShopping`, className: `continue-shop-text`, url: shoppingUrl })) : null)) : (!loading && (React.createElement(EmptyCart, { data: items, shoppingUrl: shoppingUrl })))),
                 children))));
 };

package/dist/templates/ForgotPasswordTemplate/index.js

@@ -60,7 +60,7 @@ const ForgotPasswordTemplate = ({ onFormSubmit }) => {
                 React.createElement(Text, { tag: 'h1', className: 'account-h2 account-font-bold account-primary-color1 title', text: 'forgotPassword' }),
                 React.createElement(Text, { className: 'account-p account-p2 account-font-regular account-primary-color1 description', text: 'forgotPasswordDescription' }),
                 React.createElement(Form, { onSubmit: handleFormFinish },
-                    React.createElement(Form.Item, { name: 'email', label: 'email' },
+                    React.createElement(Form.Item, { name: 'email', label: 'email', rules: [{ type: 'email' }] },
                         React.createElement(Input, { placeholder: 'emailPlaceholder' })),
                     React.createElement("div", { className: 'loginExternalBlock' },
                         React.createElement(Link, { href: '/sign-in' },

package/dist/translations/en.d.ts

@@ -1,31 +1,18 @@
 declare const _default: {
-    login: string;
     saveAndApply: string;
     addNewAdd: string;
     editCart: string;
     shopNow: string;
     firstName: string;
-    first_nameIsRequired: string;
     lastName: string;
-    last_nameIsRequired: string;
     email: string;
-    emailIsRequired: string;
-    invalidEmailAddress: string;
     phone: string;
-    phoneIsRequired: string;
-    invalidPhoneNumber: string;
     password: string;
-    passwordIsRequired: string;
-    invalidPassword: string;
-    invalidConfirmPassword: string;
-    password_confirmationIsRequired: string;
-    region: string;
-    regionPlaceholder: string;
-    regionIsRequired: string;
     noData: string;
     contactUs: string;
     privacyPolicy: string;
     welcomeBack: string;
+    login: string;
     forgotPasswordLink: string;
     accountText: string;
     joinNow: string;
@@ -71,11 +58,8 @@ declare const _default: {
     password_title: string;
     cancel: string;
     phone_input: string;
-    current_passwordIsRequired: string;
-    new_passwordIsRequired: string;
     enterCurrentPassword: string;
     enterNewPassword: string;
-    products: string;
     firstNamePlaceholder: string;
     lastNamePlaceholder: string;
     emailPlaceholder: string;
@@ -190,8 +174,6 @@ declare const _default: {
     partnership: string;
     quantityWithSymbol: string;
     saveChanges: string;
-    phone_numberIsRequired: string;
-    region_idIsRequired: string;
     yourSettingsHaveBeenSaved: string;
     yourPasswordHaveBeenChanged: string;
     oopsNoResults: string;
@@ -233,20 +215,10 @@ declare const _default: {
     yourReview: string;
     upload: string;
     submitReview: string;
-    ratingIsRequired: string;
-    titleIsRequired: string;
-    contentIsRequired: string;
     is_recommendedIsRequired: string;
-    username: string;
-    usernamePlaceholder: string;
-    usernameIsRequired: string;
-    userName: string;
-    emptyFilterTitle: string;
-    emptyFilterDesc: string;
     productReviewGuidelines: string;
     archiveRegistry: string;
     noteMessage: string;
-    addItemsToRegistry: string;
     iRecommendThisProduct: string;
     removeRegistryPopupTitle: string;
     removeRegistryPopupDesc: string;

package/dist/translations/en.js

@@ -1,31 +1,18 @@
 export default {
-    login: 'Login',
     saveAndApply: 'Save and Apply',
     addNewAdd: '+ Add a new address',
     editCart: 'Edit cart',
     shopNow: 'Shop now',
     firstName: 'First name',
-    first_nameIsRequired: 'Please enter your first name.',
     lastName: 'Last name',
-    last_nameIsRequired: 'Please enter your last name.',
     email: 'Email',
-    emailIsRequired: 'Please enter your email.',
-    invalidEmailAddress: 'Please enter a valid email address.',
     phone: 'Phone',
-    phoneIsRequired: 'Please enter your phone.',
-    invalidPhoneNumber: 'Please enter a valid phone number.',
     password: 'Password',
-    passwordIsRequired: 'Please enter your password.',
-    invalidPassword: 'Password must contain lowercase, uppercase, number and has been min 8 characters.',
-    invalidConfirmPassword: 'Password confirmation is not correct.',
-    password_confirmationIsRequired: 'Please enter your confirmed password.',
-    region: 'Region',
-    regionPlaceholder: 'Select region',
-    regionIsRequired: 'Please enter your region.',
     noData: 'No data',
     contactUs: 'Contact us',
     privacyPolicy: 'Privacy policy',
     welcomeBack: 'Welcome back!',
+    login: 'Login',
     forgotPasswordLink: 'Forgot Password?',
     accountText: 'Don’t have an account?',
     joinNow: 'Join now',
@@ -71,11 +58,8 @@ export default {
     password_title: 'Password',
     cancel: 'Cancel',
     phone_input: 'Phone',
-    current_passwordIsRequired: 'Please enter your current password.',
-    new_passwordIsRequired: 'Please enter your new password.',
     enterCurrentPassword: 'Enter current password',
     enterNewPassword: 'Enter new password',
-    products: 'products',
     firstNamePlaceholder: 'First name',
     lastNamePlaceholder: 'Last name',
     emailPlaceholder: 'Email',
@@ -190,8 +174,6 @@ export default {
     partnership: 'Partnership',
     quantityWithSymbol: 'Quantity:',
     saveChanges: 'Save changes',
-    phone_numberIsRequired: 'Please enter your phone.',
-    region_idIsRequired: 'Please enter your region.',
     yourSettingsHaveBeenSaved: 'Your settings have been saved.',
     yourPasswordHaveBeenChanged: 'Your password has been changed.',
     oopsNoResults: 'Oops, no results.',
@@ -233,20 +215,10 @@ export default {
     yourReview: 'Your review',
     upload: 'Upload',
     submitReview: 'Submit review',
-    ratingIsRequired: 'Please rate the item.',
-    titleIsRequired: 'Please add a title to your review.',
-    contentIsRequired: 'Your review must be at least 25 characters in length. Please try again.',
     is_recommendedIsRequired: 'Please select.',
-    username: 'Username',
-    usernamePlaceholder: 'Username',
-    usernameIsRequired: 'Please enter your username.',
-    userName: 'Username:',
-    emptyFilterTitle: 'No results matching your filters',
-    emptyFilterDesc: 'Please adjust your criteria or explore other categories to discover the perfect shop.',
     productReviewGuidelines: 'Product review guidelines',
     archiveRegistry: 'Archive registry',
     noteMessage: 'Note message',
-    addItemsToRegistry: 'Add items to registry',
     iRecommendThisProduct: 'I recommend this product',
     removeRegistryPopupTitle: "Are you sure you'd like to remove your registry?",
     removeRegistryPopupDesc: 'It will no longer be accessible in stores or online.',