@weareconceptstudio/account 0.1.4 → 0.1.6

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

@@ -0,0 +1,3 @@
+export default AccountContainer;
+declare const AccountContainer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/AccountContainer/index.js

@@ -0,0 +1,19 @@
+'use client';
+import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+import classNames from 'classnames';
+//* Style
+import AccountContainerStyle from './style';
+const AccountContainer = forwardRef(({ row, isSection, full, className, children }, ref) => {
+    //! Ref
+    const contRef = useRef();
+    //! Imperative Handle
+    useImperativeHandle(ref, () => contRef.current, []);
+    //! ClassName
+    const classString = classNames('container', {
+        [className]: className,
+        ['section']: isSection,
+        ['full']: full,
+    });
+    return (React.createElement(AccountContainerStyle, { ref: contRef, className: classString }, row ? React.createElement("div", { className: 'row' }, children) : children));
+});
+export default AccountContainer;

package/dist/components/AccountContainer/style.d.ts

@@ -0,0 +1,2 @@
+export default AccountContainerStyle;
+declare const AccountContainerStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/components/AccountContainer/style.js

@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+const AccountContainerStyle = styled.section `
+	width: 100%;
+	margin: 0 auto;
+
+	&:not(.full) {
+		width: 100%;
+		padding-left: var(--account_contPaddingLR);
+		padding-right: var(--account_contPaddingLR);
+	}
+
+	&.section {
+		margin-bottom: var(--account_sectionDistance);
+	}
+
+	&.full {
+		padding-left: 0;
+		padding-right: 0;
+	}
+`;
+export default AccountContainerStyle;

package/dist/components/{ui/CustomCheckbox → CustomCheckbox}/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Text } from '@weareconceptstudio/core';
 //* Icons
-import { CheckboxCheckedIcon, CheckboxIcon } from '../../../utils/icons';
+import { CheckboxCheckedIcon, CheckboxIcon } from '../../utils/icons';
 //* Style
 import CustomCheckboxStyle from './style';
 const CustomCheckbox = ({ hide, setHide, isText = true }) => {

package/dist/components/TotalCheckout/index.js

@@ -1,7 +1,7 @@
 import React, { memo, useMemo } from 'react';
 import { Text } from '@weareconceptstudio/core';
 import { useAccountContext } from '../../AccountProvider';
-import AccountButton from '../ui/AccountButton';
+import AccountButton from '../AccountButton';
 import { Input, Radio } from '@weareconceptstudio/form';
 //* Utils
 import { handlePriceCheckFunc, numToLocalString } from '../../utils/_functions';

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
-export * from './ui';
-export * from './cart';
+export { default as AccountButton } from './AccountButton';
+export { default as CustomCheckbox } from './CustomCheckbox';
 export { default as FormInputCode } from './FormInputCode';
+export { default as Pagination } from './Pagination';
+export { default as Sequence } from './Sequence';
 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 WarningMessage } from './WarningMessage';
+export { default as WarningMessageForPopup } from './WarningMessageForPopup';

package/dist/components/index.js

@@ -1,8 +1,8 @@
-export * from './ui';
-export * from './cart';
+export { default as AccountButton } from './AccountButton';
+export { default as CustomCheckbox } from './CustomCheckbox';
 export { default as FormInputCode } from './FormInputCode';
+export { default as Pagination } from './Pagination';
+export { default as Sequence } from './Sequence';
 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 WarningMessage } from './WarningMessage';
+export { default as WarningMessageForPopup } from './WarningMessageForPopup';

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/{templates → modules/account}/AccountSettingsTemplate/AccountInfo/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
-import { AccountButton, WarningMessageForPopup } from '../../../components';
+import { AccountButton, WarningMessageForPopup } from '../../../../components';
 import AccountInfoStyle from './style';
 import { defaultDisplayFields, defaultFormFields } from './utils';
 const AccountInfo = ({ user, onAccountUpdate, displayFields = defaultDisplayFields, formFields = defaultFormFields }) => {
@@ -10,7 +10,10 @@ const AccountInfo = ({ user, onAccountUpdate, displayFields = defaultDisplayFiel
     const [edit, setEdit] = useState(false);
     //! Handle Popup
     const handleSuccessPopup = useCallback(() => {
-        openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourSettingsHaveBeenSaved' }), { className: 'messagePopup' });
+        openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourSettingsHaveBeenSaved' }), {
+            className: 'messagePopup',
+            accountIcon: true,
+        });
     }, []);
     //! On Finish
     const onFinish = useCallback((values) => {

package/dist/{templates → modules/account}/AccountSettingsTemplate/AccountPassword/index.d.ts

@@ -5,6 +5,9 @@ declare function AccountPassword({ formFields, onPasswordUpdate }: {
         labelProps: {
             label: string;
             name: string;
+            rules: {
+                type: string;
+            }[];
         };
         fieldProps: {
             placeholder: string;

package/dist/{templates → modules/account}/AccountSettingsTemplate/AccountPassword/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from 'react';
 import { useUi, Text } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
-import { AccountButton, WarningMessageForPopup } from '../../../components';
+import { AccountButton, WarningMessageForPopup } from '../../../../components';
 import AccountPasswordStyle from './style';
 import { defaultFormFields } from './utils';
 const AccountPassword = ({ formFields = defaultFormFields, onPasswordUpdate }) => {
@@ -10,7 +10,10 @@ const AccountPassword = ({ formFields = defaultFormFields, onPasswordUpdate }) =
     const [edit, setEdit] = useState(false);
     //! Handle Popup
     const handleSuccessPopup = useCallback(() => {
-        openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourPasswordHaveBeenChanged' }), { className: 'messagePopup' });
+        openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourPasswordHaveBeenChanged' }), {
+            className: 'messagePopup',
+            accountIcon: true,
+        });
     }, []);
     //! On Finish
     const onFinish = useCallback((values) => {

package/dist/{templates → modules/account}/AccountSettingsTemplate/AccountPassword/utils.d.ts

@@ -3,6 +3,9 @@ export declare const defaultFormFields: {
     labelProps: {
         label: string;
         name: string;
+        rules: {
+            type: string;
+        }[];
     };
     fieldProps: {
         placeholder: string;

package/dist/{templates → modules/account}/AccountSettingsTemplate/AccountPassword/utils.js

@@ -4,6 +4,7 @@ export const defaultFormFields = [
         labelProps: {
             label: 'enterCurrentPassword',
             name: 'current_password',
+            rules: [{ type: 'password' }],
         },
         fieldProps: {
             placeholder: 'enterCurrentPasswordPlaceholder',
@@ -14,6 +15,7 @@ export const defaultFormFields = [
         labelProps: {
             label: 'enterNewPassword',
             name: 'password',
+            rules: [{ type: 'password' }],
         },
         fieldProps: {
             placeholder: 'enterNewPasswordPlaceholder',

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

@@ -0,0 +1,2 @@
+export { default as AccountTemplate } from './AccountTemplate';
+export { default as AccountSettingsTemplate } from './AccountSettingsTemplate';

package/dist/modules/account/index.js

@@ -0,0 +1,2 @@
+export { default as AccountTemplate } from './AccountTemplate';
+export { default as AccountSettingsTemplate } from './AccountSettingsTemplate';

package/dist/modules/address/AddressForm/index.js

@@ -2,7 +2,7 @@ import React, { memo as Memo, useState, useCallback } from 'react';
 import { useUi, Text } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
 import { useAddressContext } from '../AddressProvider';
-import AccountButton from '../../../components/ui/AccountButton';
+import AccountButton from '../../../components/AccountButton';
 //* Icons
 import { CheckboxIcon, CheckboxCheckedIcon } from '../../../utils/icons';
 //* Style

package/dist/modules/address/AddressItem/index.js

@@ -3,19 +3,24 @@ import { Text, useUi } from '@weareconceptstudio/core';
 import { useAddressContext } from '../AddressProvider';
 //* Components
 import AddressForm from '../AddressForm';
-import AccountButton from '../../../components/ui/AccountButton';
-import WarningMessageForPopup from '../../../components/ui/WarningMessageForPopup';
+import AccountButton from '../../../components/AccountButton';
+import WarningMessageForPopup from '../../../components/WarningMessageForPopup';
 //* Style
 import AddressItemStyle from './style';
 const AddressItem = ({ type, title, data, checkout_review, select_address, onClick }) => {
     const { openPopup } = useUi();
-    const { deleteAddress, selectedAddresses, setSelectedAddresses } = useAddressContext();
+    const { deleteAddress, selectedAddresses, selectAddress } = useAddressContext();
     //! Handle Popups
     const handleDeletePopup = useCallback(() => {
-        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteAddressMessage', description: 'confirmDeleteAddress', onRemove: () => deleteAddress(data.id, data.type) }), { className: 'messagePopup' });
+        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteAddressMessage', description: 'confirmDeleteAddress', onRemove: () => deleteAddress(data.id, data.type) }), {
+            className: 'messagePopup',
+            accountIcon: true,
+        });
     }, [data]);
     const handleEditAddressPopup = useCallback(() => {
-        openPopup(React.createElement(AddressForm, { title: type === 'billing' ? `updateYourBillingAddress` : type == 'shipping' ? `updateYourShippingAddress` : 'updateYourAddress', data: data }));
+        openPopup(React.createElement(AddressForm, { title: type === 'billing' ? `updateYourBillingAddress` : type == 'shipping' ? `updateYourShippingAddress` : 'updateYourAddress', data: data }), {
+            accountIcon: true,
+        });
     }, [data]);
     return (data && (React.createElement(AddressItemStyle, { className: `item-container` },
         checkout_review && (React.createElement("div", { className: `change-address-wrap` },
@@ -29,7 +34,7 @@ const AddressItem = ({ type, title, data, checkout_review, select_address, onCli
                     React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: `${data.city}` }),
                     React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 phone col-wrap`, text: `${data.phone}` })),
                 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' : type == 'billing' ? 'defaultBillingAddress' : 'defaultAddress'}` })) : (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 ${selectedAddresses?.id === data.id ? 'active' : ''}`, onClick: () => setSelectedAddresses(data) },
+                select_address && (React.createElement("div", { className: `circle-selected-wrap cursor-pointer ${selectedAddresses?.id === data.id ? 'active' : ''}`, onClick: () => selectAddress(data) },
                     React.createElement("svg", { version: '1.1', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', className: `checkbox-icon ${selectedAddresses?.id === 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` },

package/dist/modules/address/AddressProvider.d.ts

@@ -1,8 +1,9 @@
 export function useAddressContext(): any;
-export function AddressProvider({ addressType, addressFormFields, useUser, children }: {
+export function AddressProvider({ addressType, addressFormFields, useUser, useCart, children }: {
     addressType: any;
     addressFormFields?: any[];
     useUser: any;
+    useCart: any;
     children: any;
 }): React.JSX.Element;
 import React from 'react';

package/dist/modules/address/AddressProvider.js

@@ -5,19 +5,21 @@ export const useAddressContext = () => {
     const context = useContext(AddressContext);
     return context;
 };
-export const AddressProvider = ({ addressType, addressFormFields = [], useUser, children }) => {
+export const AddressProvider = ({ addressType, addressFormFields = [], useUser, useCart, children }) => {
     const userContext = useUser();
+    const cartContext = useCart();
     const [addressLoading, setAddressLoading] = useState(true);
     const [addresses, setAddresses] = useState(addressType ? { billing: [], shipping: [] } : []);
     const [selectedAddresses, setSelectedAddresses] = useState(addressType ? { billing: {}, shipping: {} } : {});
+    const [checkoutAddressId, setCheckoutAddressId] = useState(null);
     const hasAddressType = useMemo(() => {
         return !!addressType;
     }, [addressType]);
     const hasCheckoutAddress = useMemo(() => {
         if (hasAddressType) {
-            return !(addresses.shipping.length > 0 && addresses.billing.length > 0);
+            return addresses.shipping.length > 0 && addresses.billing.length > 0;
         }
-        return !(addresses.length > 0);
+        return addresses.length > 0;
     }, [hasAddressType, addresses]);
     useEffect(() => {
         if (userContext.isLoggedIn) {
@@ -54,6 +56,11 @@ export const AddressProvider = ({ addressType, addressFormFields = [], useUser,
             setAddresses(res.data);
         });
     };
+    const selectAddress = (data) => {
+        setSelectedAddresses(data);
+        setCheckoutAddressId(data.id);
+        cartContext.getCart({ addressId: data.id });
+    };
     return (React.createElement(AddressContext.Provider, { value: {
             addressLoading,
             hasAddressType,
@@ -65,5 +72,7 @@ export const AddressProvider = ({ addressType, addressFormFields = [], useUser,
             selectedAddresses,
             setSelectedAddresses,
             hasCheckoutAddress,
+            selectAddress,
+            checkoutAddressId,
         } }, children));
 };

package/dist/modules/address/AddressWrap/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { useAddressContext } from '../AddressProvider';
 import { Text, useUi } from '@weareconceptstudio/core';
-import AccountButton from '../../../components/ui/AccountButton';
+import AccountButton from '../../../components/AccountButton';
 import EmptyAddress from '../EmptyAddress';
 import AddressItem from '../AddressItem';
 import AddressForm from '../AddressForm';
@@ -13,7 +13,9 @@ const AddressWrap = ({ title = 'addresses', addNewText = 'addNewAdd', type, clas
         [className]: className,
     });
     const handleAddNewAddressPopup = () => {
-        openPopup(React.createElement(AddressForm, { title: 'addNewAddress', type: type }));
+        openPopup(React.createElement(AddressForm, { title: 'addNewAddress', type: type }), {
+            accountIcon: true,
+        });
     };
     return (React.createElement("div", { className: classString },
         React.createElement("div", { className: `address-title-container` },

package/dist/modules/address/SelectAddress/index.js

@@ -3,13 +3,15 @@ import { useAddressContext } from '../AddressProvider';
 import { Text, useUi } from '@weareconceptstudio/core';
 import AddressForm from '../AddressForm';
 import AddressItem from '../AddressItem';
-import AccountButton from '../../../components/ui/AccountButton';
+import AccountButton from '../../../components/AccountButton';
 import SelectAddressStyle from './style';
 const SelectAddress = ({ type, title }) => {
     const { openPopup } = useUi();
     const { addresses, hasAddressType } = useAddressContext();
     const handleNewAddressPopup = () => {
-        openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }));
+        openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }), {
+            accountIcon: true,
+        });
     };
     return (React.createElement(SelectAddressStyle, null,
         React.createElement("div", { className: `select-address-wrap` },

package/dist/modules/address/SelectShippingBilling/index.js

@@ -9,18 +9,26 @@ const SelectShippingBilling = () => {
     const { selectedAddresses, setSelectedAddresses, addresses } = addressContext;
     //! Handle Popups
     const handleAddNewShippingAddressPopup = useCallback(() => {
-        openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }));
+        openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }), {
+            accountIcon: true,
+        });
     }, []);
     const handleAddNewBillingAddressPopup = useCallback(() => {
-        openPopup(React.createElement(AddressForm, { title: `addNewBillingAddress`, selected: { value: false, type: 'billing' } }));
+        openPopup(React.createElement(AddressForm, { title: `addNewBillingAddress`, selected: { value: false, type: 'billing' } }), {
+            accountIcon: true,
+        });
     }, []);
     const handleShippingChangePopup = useCallback(() => {
         openPopup(React.createElement(AddressProvider, { ...addressContext },
-            React.createElement(SelectShippingBillingPopup, { type: 'shipping', data: addresses, title: 'selectShippingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewShippingAddressPopup })));
+            React.createElement(SelectShippingBillingPopup, { type: 'shipping', data: addresses, title: 'selectShippingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewShippingAddressPopup })), {
+            accountIcon: true,
+        });
     }, [addresses, selectedAddresses]);
     const handleBillingChangePopup = useCallback(() => {
         openPopup(React.createElement(AddressProvider, { ...addressContext },
-            React.createElement(SelectShippingBillingPopup, { type: 'billing', data: addresses, title: 'selectBillingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewBillingAddressPopup })));
+            React.createElement(SelectShippingBillingPopup, { type: 'billing', data: addresses, title: 'selectBillingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewBillingAddressPopup })), {
+            accountIcon: true,
+        });
     }, [addresses, selectedAddresses]);
     return (React.createElement("div", { style: { marginTop: 50 }, className: 'shipping-billing-change-wrapper' },
         React.createElement(AddressItem, { checkout_review: true, type: 'shipping', select_address: false, title: 'shippingAddress', data: selectedAddresses.shipping, onClick: handleShippingChangePopup, setSelectedAddresses: setSelectedAddresses }),

package/dist/modules/address/SelectShippingBillingPopup/index.js

@@ -2,7 +2,7 @@ import React, { memo as Memo } from 'react';
 import { useUi } from '@weareconceptstudio/core';
 //* Components
 import SelectAddress from '../SelectAddress';
-import AccountButton from '../../../components/ui/AccountButton';
+import AccountButton from '../../../components/AccountButton';
 //* Style
 import SelectShippingBillingStyle from './style';
 const SelectShippingBillingPopup = Memo(({ title, type }) => {

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

@@ -3,6 +3,7 @@ export { default as AddressesTemplate } from "./AddressesTemplate";
 export { default as AddressWrap } from "./AddressWrap";
 export { default as AddressForm } from "./AddressForm";
 export { default as AddressItem } from "./AddressItem";
+export { default as SelectAddress } from "./SelectAddress";
 export { default as ShippingBillingInfo } from "./ShippingBillingInfo";
 export { default as ShippingBillingForm } from "./ShippingBillingForm";
 export { default as SelectShippingBilling } from "./SelectShippingBilling";

package/dist/modules/address/index.js

@@ -3,6 +3,7 @@ export { default as AddressesTemplate } from './AddressesTemplate';
 export { default as AddressWrap } from './AddressWrap';
 export { default as AddressForm } from './AddressForm';
 export { default as AddressItem } from './AddressItem';
+export { default as SelectAddress } from './SelectAddress';
 export { default as ShippingBillingInfo } from './ShippingBillingInfo';
 export { default as ShippingBillingForm } from './ShippingBillingForm';
 export { default as SelectShippingBilling } from './SelectShippingBilling';

package/dist/{templates → modules/auth}/ForgotPasswordTemplate/index.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { Text, Link, Page } from '@weareconceptstudio/core';
 import { Form, Input } from '@weareconceptstudio/form';
-import { AccountButton, WarningMessage } from '../../components';
+import { AccountButton, WarningMessage } from '../../../components';
 import ForgotPasswordTemplateStyle from './style';
 const ForgotPasswordTemplate = ({ onFormSubmit }) => {
     //! Ref

package/dist/{templates → modules/auth}/ResetPasswordTemplate/index.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Text, Link, Page } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
-import { AccountButton } from '../../components';
+import { AccountButton } from '../../../components';
 import ResetPasswordTemplateStyle from './style';
 import { defaultFormFields } from './utils';
 // @ts-ignore

package/dist/{templates → modules/auth}/ResetPasswordTemplate/utils.d.ts

@@ -3,6 +3,9 @@ export declare const defaultFormFields: {
     labelProps: {
         label: string;
         name: string;
+        rules: {
+            type: string;
+        }[];
         className: string;
     };
     fieldProps: {

package/dist/{templates → modules/auth}/ResetPasswordTemplate/utils.js

@@ -4,6 +4,7 @@ export const defaultFormFields = [
         labelProps: {
             label: 'newPassword',
             name: 'password',
+            rules: [{ type: 'password' }],
             className: 'new-password-input-wrap',
         },
         fieldProps: {

package/dist/{templates → modules/auth}/SignInTemplate/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Text, Link, Page } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
-import { AccountButton } from '../../components';
+import { AccountButton } from '../../../components';
 import SignInTemplateStyle from './style';
 import { defaultFormFields } from './utils';
 // @ts-ignore

package/dist/modules/auth/SignInTemplate/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const defaultFormFields: {
+    fieldType: string;
+    labelProps: {
+        label: string;
+        name: string;
+        rules: {
+            type: string;
+        }[];
+    };
+    fieldProps: {
+        placeholder: string;
+    };
+}[];

package/dist/{templates → modules/auth}/SignInTemplate/utils.js

@@ -15,6 +15,7 @@ export const defaultFormFields = [
         labelProps: {
             label: 'password',
             name: 'password',
+            rules: [{ type: 'password' }],
         },
         fieldProps: {
             placeholder: 'passwordPlaceholder',

package/dist/{templates → modules/auth}/SignUpTemplate/index.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Text, useTranslation, Link, Page } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
-import { AccountButton, CustomCheckbox } from '../../components';
+import { AccountButton, CustomCheckbox } from '../../../components';
 import SignUpTemplateStyle from './style';
 import { defaultFormFields } from './utils';
 // @ts-ignore

package/dist/{templates → modules/auth}/SignUpTemplate/utils.js

@@ -35,6 +35,7 @@ export const defaultFormFields = [
         labelProps: {
             label: 'password',
             name: 'password',
+            rules: [{ type: 'password' }],
         },
         fieldProps: {
             placeholder: 'passwordPlaceholder',

package/dist/{templates → modules/auth}/VerifyEmailAddressTemplate/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useCallback, useRef } from 'react';
 import { Page, Text, useTranslation, useUi } from '@weareconceptstudio/core';
 //* Components
-import { AccountButton, FormInputCode, WarningMessage, WarningMessageForPopup } from '../../components';
+import { AccountButton, FormInputCode, WarningMessage, WarningMessageForPopup } from '../../../components';
 //* Style
 import VerifyEmailAddressTemplateStyle from './style';
 //TODO: router.push, searchparams, user, verifyAccount, resendVerifyCode, removeAccount, prevRoute
@@ -79,7 +79,10 @@ const VerifyEmailAddressTemplate = ({}) => {
                     setIsSent(false);
                     setError(err?.data?.message);
                 });
-            } }), { className: 'messagePopup' });
+            } }), {
+            className: 'messagePopup',
+            accountIcon: true,
+        });
     }, [isSent, error]);
     return (React.createElement(Page, { className: 'verify-email-address use-account' },
         React.createElement(VerifyEmailAddressTemplateStyle, null,

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

@@ -0,0 +1,5 @@
+export { default as SignInTemplate } from './SignInTemplate';
+export { default as SignUpTemplate } from './SignUpTemplate';
+export { default as ForgotPasswordTemplate } from './ForgotPasswordTemplate';
+export { default as ResetPasswordTemplate } from './ResetPasswordTemplate';
+export { default as VerifyEmailAddressTemplate } from './VerifyEmailAddressTemplate';

package/dist/modules/auth/index.js

@@ -0,0 +1,5 @@
+export { default as SignInTemplate } from './SignInTemplate';
+export { default as SignUpTemplate } from './SignUpTemplate';
+export { default as ForgotPasswordTemplate } from './ForgotPasswordTemplate';
+export { default as ResetPasswordTemplate } from './ResetPasswordTemplate';
+export { default as VerifyEmailAddressTemplate } from './VerifyEmailAddressTemplate';

package/dist/{templates → modules/cart}/CartTemplate/index.js

@@ -1,13 +1,15 @@
 import React from 'react';
-import { Container, Page } from '@weareconceptstudio/core';
-import { EmptyCart, TotalCheckout, AccountButton, SimpleCartItems } from '../../components';
-import { useAccountContext } from '../../AccountProvider';
+import { Page } from '@weareconceptstudio/core';
+import { SimpleCartItems, EmptyCart } from '..';
+import { TotalCheckout, AccountButton } from '../../../components';
+import { useAccountContext } from '../../../AccountProvider';
+import AccountContainer from '../../../components/AccountContainer';
 //* Styles
 import CartTemplateStyle from './style';
 const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, subtotal, total, actions, btnDisabled, checkoutUrl = '/checkout/' }) => {
     const { shopUrl } = useAccountContext();
     return (React.createElement(Page, { className: 'cart use-account' },
-        React.createElement(Container, null,
+        React.createElement(AccountContainer, null,
             React.createElement(CartTemplateStyle, null,
                 React.createElement(TotalCheckout, { total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, buttonProps: {
                         url: checkoutUrl,

package/dist/{components → modules}/cart/EmptyCart/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Text } from '@weareconceptstudio/core';
-import AccountButton from '../../ui/AccountButton';
+import { AccountButton } from '../../../components';
 //* Style
 import EmptyCartStyle from './style';
 const EmptyCart = ({ shoppingUrl }) => {

package/dist/{components/cart/Items/Simple → modules/cart/SimpleItems}/Item/index.js

@@ -1,8 +1,8 @@
 import React, { memo, useMemo } from 'react';
 import { Image, Text } from '@weareconceptstudio/core';
 import { Select } from '@weareconceptstudio/form';
-import { handlePriceCheckFunc } from '../../../../../utils/_functions';
-import Button from '../../../../ui/AccountButton';
+import { handlePriceCheckFunc } from '../../../../utils/_functions';
+import { AccountButton } from '../../../../components';
 //TODO: Fake
 const pathname = '/cart/';
 const Item = memo(({ data, remove, select, isLast, actions, maxQty, currency }) => {
@@ -22,7 +22,7 @@ const Item = memo(({ data, remove, select, isLast, actions, maxQty, currency })
                 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, { text: data.product.name, btnType: `green-large-text`, url: `/menu/${data.product.slug}`, className: `capitalize title-btn`, target: pathname === '/cart/' || pathname === '/checkout' ? '_blank' : '_self' }),
+                    React.createElement(AccountButton, { text: data.product.name, btnType: `green-large-text`, url: `/menu/${data.product.slug}`, 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`, text: data.product.short_info_1 })),
                     React.createElement("div", { className: `right-second-item-wrap` },
@@ -40,7 +40,7 @@ const Item = memo(({ data, remove, select, isLast, actions, maxQty, currency })
                         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 }) }))))))),
+                        React.createElement(AccountButton, { 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;