@weareconceptstudio/account 0.0.5 → 0.0.7

package/dist/components/AddressForm/index.js

@@ -61,8 +61,8 @@ const AddressForm = Memo(({ title, data, selected, createAddress, updateAddress
             form.current.setFieldsValue({ city_id: '' });
         }
     }, []);
-    return (React.createElement(AddressFormStyle, { theme: theme(globalTheme) },
-        React.createElement(Text, { tag: `h6`, text: title, className: `account-h6 account-font-bold account-primary-color1` }),
+    return (React.createElement(AddressFormStyle, { theme: theme(globalTheme), className: 'address-form-block' },
+        React.createElement(Text, { tag: `h6`, text: title, className: `account-h6 account-font-bold account-primary-color1 address-form-block-title` }),
         React.createElement(Form, { ref: form, onSubmit: onFinish, onChange: handleFormChange, initialValues: data },
             React.createElement("div", { className: `form-wrapper` },
                 React.createElement(Form.Item, { name: 'country_id', label: 'country' },
@@ -87,16 +87,13 @@ const AddressForm = Memo(({ title, data, selected, createAddress, updateAddress
                     React.createElement(Input.Number, { placeholder: 'zipCodePlaceholder' })),
                 React.createElement(Form.Item, { name: 'phone', label: 'phone' },
                     React.createElement(PhoneNumber, null))),
-            React.createElement("div", { className: `default-info-wrap` }, !data?.is_default ? (React.createElement("div", { className: `banner-wrap cursor-pointer`, onClick: () => setIsChecked(!isChecked) }, isChecked ? (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
-                React.createElement(CheckboxCheckedIcon, null))) : (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
-                React.createElement(CheckboxIcon, null))))) : (React.createElement("div", null, "Test")
-            // <Text
-            // 	className={`account-p account-p2 account-font-medium account-primary-color1`}
-            // 	text={`${selected.type === 'shipping' ? 'thisYourDefaultShippingAddress' : 'thisYourDefaultBillingAddress'}`}
-            // />
-            )),
+            React.createElement("div", { className: `default-info-wrap` }, !data?.is_default ? (React.createElement("div", { className: `banner-wrap cursor-pointer`, onClick: () => setIsChecked(!isChecked) },
+                isChecked ? (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
+                    React.createElement(CheckboxCheckedIcon, null))) : (React.createElement("div", { className: 'checkbox-wrap', role: 'button' },
+                    React.createElement(CheckboxIcon, null))),
+                React.createElement(Text, { className: `account-p account-p2 account-font-medium account-primary-color1 address-form-is-default-checkbox`, text: `${selected.type === 'shipping' ? 'makeYourDefaultShippingAddress' : 'makeYourDefaultBillingAddress'}` }))) : (React.createElement(Text, { className: `account-p account-p2 account-font-medium account-primary-color1 address-form-is-default`, text: `${selected.type === 'shipping' ? 'thisYourDefaultShippingAddress' : 'thisYourDefaultBillingAddress'}` }))),
             React.createElement("div", { className: `cancel-and-save-wrap` },
-                React.createElement(AccountButton, { text: `cancel`, onClick: closePopup, btnType: `green-large-text` }),
-                React.createElement(AccountButton, { type: 'submit', text: `saveAndApply`, btnType: `full-width`, className: `${isDisabled ? 'disabled' : ''}` })))));
+                React.createElement(AccountButton, { text: `cancel`, onClick: closePopup, btnType: `green-large-text`, className: `address-form-cancel-btn` }),
+                React.createElement(AccountButton, { type: 'submit', text: `saveAndApply`, btnType: `full-width`, className: `address-form-cancel-submit ${isDisabled ? 'disabled' : ''}` })))));
 });
 export default AddressForm;

package/dist/components/AddressItem/index.js

@@ -28,14 +28,14 @@ const AddressItem = ({ title, data, checkout_review, select_address, type, onCli
                     React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 col-wrap`, text: `${data.address_1}, ${data.address_2 ? data.address_2 + ',' : ''}` }),
                     React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: `${data.region}, ${data.zip_code}, ${data.city}, ${data.country}` }),
                     React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 phone col-wrap`, text: `${data.phone_number}` })),
-                data.is_default ? (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 margin-style`, text: `${type === 'shipping' ? 'defaultShippingAddress' : 'defaultBillingAddress'}` })) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 margin-style opacity-zero`, text: `empty` })),
+                data.is_default ? (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 margin-style is-default`, text: `${type === 'shipping' ? 'defaultShippingAddress' : 'defaultBillingAddress'}` })) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 margin-style opacity-zero`, text: `empty` })),
                 select_address && (React.createElement("div", { className: `circle-selected-wrap cursor-pointer ${checkedId === data.id ? 'active' : ''}`, onClick: () => setCheckedId(data.id) },
                     React.createElement("svg", { version: '1.1', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', className: `checkbox-icon ${checkedId === data.id ? 'selected' : 'note-selected'}` },
                         React.createElement("path", { d: 'M13.345 30.462c-1.062 0-1.859-0.531-2.39-1.328l-9.56-16.996c-0.797-1.328-0.266-2.921 1.062-3.718 1.328-0.531 2.921 0 3.718 1.328l7.436 13.012 12.481-20.183c0.797-1.328 2.39-1.593 3.718-0.797s1.593 2.39 0.797 3.718l-14.871 23.635c-0.531 0.797-1.328 1.328-2.39 1.328z' }))))),
             !checkout_review && (React.createElement("div", { className: `edit-remove-wrapper` },
-                React.createElement(AccountButton, { text: `edit`, btnType: `green-small-text`, onClick: handleEditAddressPopup }),
+                React.createElement(AccountButton, { text: `edit`, btnType: `green-small-text`, onClick: handleEditAddressPopup, className: 'btn-one-address-version' }),
                 !select_address && !data.is_default && (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: `vertical-line` }),
-                    React.createElement(AccountButton, { text: `remove`, btnType: `green-small-text`, onClick: handleDeletePopup })))))))));
+                    React.createElement(AccountButton, { text: `remove`, onClick: handleDeletePopup, btnType: `green-small-text`, className: 'btn-more-address-version' })))))))));
 };
 export default AddressItem;

package/dist/components/EmptyOrders/index.js

@@ -5,8 +5,8 @@ import EmptyOrdersStyle from './style';
 //* Components
 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` }),
-        React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 description`, text: `emptyDesc` })));
+    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` })));
 });
 export default EmptyOrders;

package/dist/components/EmptyOrders/style.js

@@ -3,7 +3,7 @@ const EmptyOrdersStyle = styled.section `
 	--account_descMTop: var(--sp3x);
 	--account_descMBot: var(--sp7x);
 
-	.description {
+	.empty-orders-description {
 		margin-top: var(--account_descMTop);
 		margin-bottom: var(--account_descMBot);
 	}

package/dist/components/OrderDetails/index.js

@@ -13,7 +13,7 @@ const OrderDetails = memo(({ className, status, order_date, delivery_date, order
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
                 translate('orderStatus'),
                 ":"),
-            status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item value`, text: 'delivered' })) : status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item value`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item value`, text: 'inProgress' }))),
+            status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item value delivered`, text: 'delivered' })) : status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item value canceled`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item value in-progress`, text: 'inProgress' }))),
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
                 translate('orderDate'),

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

@@ -12,7 +12,7 @@ const OrderItem = Memo(({ data }) => {
             React.createElement(Text, { className: `account-p account-p4 account-font-medium account-primary-color1`, text: data.total_items })),
         React.createElement("div", { className: `col-item od-col-3 nowrap` },
             React.createElement(Text, { className: `account-p account-p4 account-font-medium account-primary-color1`, text: `ID ${data.order_number}` })),
-        React.createElement("div", { className: `col-item od-col-4 nowrap` }, data.status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item`, text: 'delivered' })) : data.status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item`, text: 'inProgress' }))),
+        React.createElement("div", { className: `col-item od-col-4 nowrap` }, data.status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item delivered`, text: 'delivered' })) : data.status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item canceled`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item in-progress`, text: 'inProgress' }))),
         React.createElement("div", { className: `col-item od-col-5 nowrap` },
             React.createElement(Text, { className: `account-p account-p4 account-font-medium account-primary-color1`, text: handlePriceCheckFunc(data.total_price, data.currency) })),
         React.createElement("div", { className: `col-item od-col-6 nowrap` },

package/dist/components/OrdersList/index.js

@@ -45,7 +45,7 @@ const OrdersList = ({ data, total, pageSize, router, pathname, searchParams }) =
                         React.createElement("div", { className: `left-item-wrap last` },
                             React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1`, text: `${translate('orderNumber')}:` }),
                             React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: `ID ${item.order_number}` }))),
-                    React.createElement("div", { className: `right-wrap` }, item.status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item`, text: 'delivered' })) : item.status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item`, text: 'inProgress' })))),
+                    React.createElement("div", { className: `right-wrap` }, item.status === 'delivered' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 account-primary-color5-bg status-item delivered`, text: 'delivered' })) : item.status === 'canceled' ? (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-error-color account-secondary-color7-bg status-item canceled`, text: 'canceled' })) : (React.createElement(Text, { className: `account-p account-p4 account-font-bold account-secondary-color1 account-secondary-color8-bg status-item in-progress`, text: 'inProgress' })))),
                 React.createElement("div", { className: `last-col-wrap` },
                     React.createElement("div", { className: `left-wrap` },
                         React.createElement("div", { className: `left-item-wrap` },

package/dist/components/TotalCheckout/index.js

@@ -16,7 +16,6 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps, i
     useEffect(() => {
         setHeaderHeight(document.getElementsByTagName('header')[0]?.clientHeight);
     }, [winWidth]);
-    console.log(shippingCost);
     return (React.createElement(TotalCheckoutStyle, { "$headerHeight": headerHeight },
         React.createElement("div", { className: `cart-main-wrap` },
             React.createElement("div", { className: `left-panel-wrap panel` }, children),

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

@@ -39,7 +39,6 @@ const Item = memo(({ data, edit, favorite, remove, select, isLast, favorites, ac
             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?.product.sale_price ? (React.createElement("div", null,

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

@@ -39,7 +39,7 @@ const ItemMobile = memo(({ data, additionalParameters, isLast, favorites }) => {
                     // 	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: (val) => console.log(val) })) : (React.createElement("div", { className: `mobile-info-item` },
+                    React.createElement(Select, { allowSearch: false, options: selectionList, value: 1, onChange: () => { } })) : (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` },

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

@@ -25,7 +25,9 @@ const AccountButtonStyle = styled.div `
 		border: 2px solid var(--account_primaryColor14);
 		color: var(--account_backgroundColor);
 		border-radius: var(--account_btnBorderRad);
-		transition: 0.1s;
+		transition:
+			background-color var(--account_trTime) ease-out,
+			border var(--account_trTime) ease-out;
 		display: inline-flex;
 		justify-content: center;
 		align-items: center;

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

@@ -9,12 +9,12 @@ import AccountButton from '../AccountButton';
 const WarningMessageForPopup = React.memo(({ isDelete = false, isThankYou = false, onRemove, title, description, globalData }) => {
     const { closePopup } = useUi();
     const globalTheme = useTheme();
-    return (React.createElement(WarningMessageForPopupStyle, { theme: theme(globalTheme) },
-        React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1`, text: title }),
+    return (React.createElement(WarningMessageForPopupStyle, { className: 'warning-message-block', theme: theme(globalTheme) },
+        React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 warning-message-title`, text: title }),
         React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 confirm-delete-address-text`, text: description }),
-        React.createElement("div", { className: `cancel-remove-wrap ${!isDelete && 'mobile-margin'}` }, isDelete ? (React.createElement(React.Fragment, null,
-            React.createElement(AccountButton, { btnType: `green-large-text`, text: `cancel`, onClick: closePopup }),
-            React.createElement(AccountButton, { text: `remove`, btnType: `full-width`, onClick: () => {
+        React.createElement("div", { className: `cancel-remove-wrap ${!isDelete ? 'mobile-margin' : ''}` }, isDelete ? (React.createElement(React.Fragment, null,
+            React.createElement(AccountButton, { text: `cancel`, onClick: closePopup, btnType: `green-large-text`, className: 'warning-message-popup-close' }),
+            React.createElement(AccountButton, { text: `remove`, btnType: `full-width`, className: 'warning-message-popup-remove', onClick: () => {
                     onRemove();
                     closePopup();
                 } }))) : isThankYou ? (
@@ -24,8 +24,9 @@ const WarningMessageForPopup = React.memo(({ isDelete = false, isThankYou = fals
         // 		btnType={`full-width`}
         // 		text={`continueToShop`}
         // 		url={globalData?.menu_bar[0]?.slug}
+        // 		className={'warning-message-popup-continue'}
         // 	/>
         // ) : null
-        React.createElement("div", null, "Global Data")) : (React.createElement(AccountButton, { text: `done`, btnType: `full-width`, onClick: closePopup })))));
+        React.createElement("div", null, "Global Data")) : (React.createElement(AccountButton, { text: `done`, onClick: closePopup, btnType: `full-width`, className: 'warning-message-popup-done' })))));
 });
 export default WarningMessageForPopup;

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/AccountTemplate/style.js

@@ -60,7 +60,7 @@ const AccountStyle = styled.section `
 
 					.sidebar-item {
 						color: var(--account_primaryColor3);
-						transition: color var(--account_trTime);
+						transition: color var(--account_trTime) ease-out;
 					}
 
 					@media (hover: hover) {

package/dist/templates/AddressesTemplate/index.js

@@ -3,7 +3,7 @@ import { AddressWrap } from '../../components';
 import AddressesTemplateStyle from './style';
 const AddressesTemplate = ({ type = 'single', addresses }) => {
     return (React.createElement(AddressesTemplateStyle, null, type == 'single' ? (React.createElement(AddressWrap, { addresses: addresses })) : (React.createElement(React.Fragment, null,
-        React.createElement(AddressWrap, { title: 'shippingAddress' }),
-        React.createElement(AddressWrap, { title: 'billingAddress' })))));
+        React.createElement(AddressWrap, { title: 'shippingAddress', addresses: addresses }),
+        React.createElement(AddressWrap, { title: 'billingAddress', addresses: addresses })))));
 };
 export default AddressesTemplate;

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, actions }: {
+declare function CartTemplate({ items, itemsCount, shippingCost, loading, children, shoppingUrl, subtotal, total, actions, btnDisabled, checkoutUrl }: {
     items: any;
     itemsCount: any;
     shippingCost: any;
@@ -9,5 +9,7 @@ declare function CartTemplate({ items, itemsCount, shippingCost, loading, childr
     subtotal: any;
     total: 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, actions }) => {
+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 },

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/templates/ForgotPasswordTemplate/style.js

@@ -55,7 +55,7 @@ const ForgotPasswordTemplateStyle = styled.section `
 			margin-top: var(--account_tryAgainWrapMTop);
 
 			.try-again-text {
-				transition: all var(--account_trTime) ease;
+				transition: color var(--account_trTime) ease-out;
 				cursor: pointer;
 
 				@media (hover: hover) {
@@ -78,7 +78,7 @@ const ForgotPasswordTemplateStyle = styled.section `
 		margin-top: var(--account_loginExternalMTop);
 
 		.login-external {
-			transition: all var(--account_trTime) ease;
+			transition: color var(--account_trTime) ease-out;
 
 			@media (hover: hover) {
 				&:hover {

package/dist/templates/ResetPasswordTemplate/style.js

@@ -55,7 +55,7 @@ const ResetPasswordTemplateStyleStyle = styled.section `
 		margin-top: var(--account_forgotPasswordMTop);
 
 		.forgotLink {
-			transition: all var(--account_trTime) ease;
+			transition: color var(--account_trTime) ease-out;
 
 			@media (hover: hover) {
 				&:hover {

package/dist/templates/SignInTemplate/style.js

@@ -40,7 +40,7 @@ const SignInTemplateStyle = styled.section `
 				margin-top: var(--account_forgotPasswordMTop);
 
 				.forgotLink {
-					transition: all var(--account_trTime) ease;
+					transition: color var(--account_trTime) ease-out;
 
 					@media (hover: hover) {
 						&:hover {
@@ -64,7 +64,7 @@ const SignInTemplateStyle = styled.section `
 					margin-left: var(--account_joinNowDistance);
 
 					.joinNowLink {
-						transition: all var(--account_trTime) ease;
+						transition: color var(--account_trTime) ease-out;
 
 						@media (hover: hover) {
 							&:hover {

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.',