@weareconceptstudio/account 0.1.5 → 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/modules/account/AccountSettingsTemplate/AccountInfo/index.js

@@ -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/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/modules/account/AccountSettingsTemplate/AccountPassword/index.js

@@ -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/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/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/address/AddressItem/index.js

@@ -12,10 +12,15 @@ const AddressItem = ({ type, title, data, checkout_review, select_address, onCli
     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` },

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

@@ -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

@@ -9,7 +9,9 @@ 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/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/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/modules/auth/SignInTemplate/utils.d.ts

@@ -1,4 +1,4 @@
-export declare const defaultFormFields: ({
+export declare const defaultFormFields: {
     fieldType: string;
     labelProps: {
         label: string;
@@ -10,14 +10,4 @@ export declare const defaultFormFields: ({
     fieldProps: {
         placeholder: string;
     };
-} | {
-    fieldType: string;
-    labelProps: {
-        label: string;
-        name: string;
-        rules?: undefined;
-    };
-    fieldProps: {
-        placeholder: string;
-    };
-})[];
+}[];

package/dist/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/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/modules/auth/VerifyEmailAddressTemplate/index.js

@@ -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/cart/CartTemplate/index.js

@@ -1,14 +1,15 @@
 import React from 'react';
-import { Container, Page } from '@weareconceptstudio/core';
+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/modules/checkout/CheckoutTemplate/index.js

@@ -1,9 +1,10 @@
 import React, { useCallback, useRef, useState } from 'react';
-import { api, Container, Page } from '@weareconceptstudio/core';
+import { api, Page } from '@weareconceptstudio/core';
 import { Sequence, TotalCheckout } from '../../../components';
 import { useAddressContext } from '../../address';
 import StepReview from './StepReview';
 import StepShipping from './StepShipping';
+import AccountContainer from '../../../components/AccountContainer';
 //* Styles
 import CheckoutTemplateStyle from './style';
 const CheckoutTemplate = ({ itemsCount, items, total, subtotal, shippingCost }) => {
@@ -43,7 +44,7 @@ const CheckoutTemplate = ({ itemsCount, items, total, subtotal, shippingCost })
         checkStep.isShipping ? handleCheckoutFirstStep() : handleCheckoutSecondStep();
     }, [checkStep]);
     return (React.createElement(Page, { className: 'checkout use-account' },
-        React.createElement(Container, null,
+        React.createElement(AccountContainer, null,
             React.createElement(CheckoutTemplateStyle, null,
                 React.createElement(TotalCheckout, { isCheckout: true, total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, isShipping: checkStep.isShipping, checkoutData: checkoutData, fillCheckoutData: fillCheckoutData, buttonProps: {
                         url: false,

package/dist/modules/checkout/ThankYouTemplate/index.js

@@ -1,10 +1,11 @@
 'use client';
 import React, { useEffect } from 'react';
-import { Page, Text, Container, useTranslation } from '@weareconceptstudio/core';
-import { Sequence, Button } from '../../../components';
+import { Page, Text, useTranslation } from '@weareconceptstudio/core';
+import { AccountButton, Sequence } from '../../../components';
 import ThankYouMessageStyle from './style';
 import { useAccountContext } from '../../../AccountProvider';
 import { confirmImage } from './icons';
+import AccountContainer from '../../../components/AccountContainer';
 const ThankYouTemplate = ({ orderNumber }) => {
     const { shopUrl, useCart } = useAccountContext();
     const { translate } = useTranslation();
@@ -14,13 +15,13 @@ const ThankYouTemplate = ({ orderNumber }) => {
     }, []);
     return (React.createElement(Page, { className: 'use-account' },
         React.createElement(ThankYouMessageStyle, null,
-            React.createElement(Container, null,
+            React.createElement(AccountContainer, null,
                 React.createElement(Sequence, { step: 'confirmed' }),
                 React.createElement("div", { className: `confirmation-wrapper` },
                     React.createElement("div", { className: 'confirmation-image' }, confirmImage),
                     React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 title`, text: `confirmMessageTitle` }),
                     React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 description`, text: `confirmMessageDesc` }),
                     React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 order-number` }, translate('orderNumber') + ':' + ' ' + orderNumber),
-                    React.createElement(Button, { text: `continueShopping`, btnType: `purple-text`, url: shopUrl }))))));
+                    React.createElement(AccountButton, { text: `continueShopping`, btnType: `purple-text`, url: shopUrl }))))));
 };
 export default ThankYouTemplate;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@weareconceptstudio/account",
-	"version": "0.1.5",
+	"version": "0.1.6",
 	"description": "Concept Studio Account",
 	"author": "Concept Studio",
 	"license": "ISC",