@weareconceptstudio/account 0.4.7 → 0.4.9

package/dist/modules/cart/CartTemplate/index.js

@@ -21,19 +21,19 @@ const CartTemplate = ({ children, actions, checkoutUrl = '/checkout/', moreMenu,
             React.createElement(CartTemplateStyle, null,
                 React.createElement(TotalCheckout, { total: total, loading: loading, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, freeShippingRange: freeShippingRange, shippingCostValue: shippingCostValue, buttonProps: {
                         url: checkoutUrl,
-                        text: 'proceedToCheckout',
+                        text: 'account.cart_checkout.proceedToCheckout',
                     } }, !loading ? (itemsCount > 0 ? (React.createElement(React.Fragment, null,
                     shopUrl ? (React.createElement(AccountButton, { url: shopUrl, btnType: `purple-text`, className: `back-to-shop` },
                         leftArrow,
-                        translate('backToShop'))) : null,
-                    React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'myCart', actions: actions, className: `cart-st-wrap`, additionalParameters: {
+                        translate('account.general_actions.backToShop'))) : null,
+                    React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'account.cart_checkout.myCart', actions: actions, className: `cart-st-wrap`, additionalParameters: {
                             remove: true,
                             select: true,
                             horizontalLine: true,
                             edit: { list: false },
                         } }),
-                    shopUrl ? (React.createElement(AccountButton, { url: shopUrl, btnType: `purple-text`, text: `continueShopping`, className: `continue-shop-text` })) : null,
-                    moreMenu ? moreMenu : null)) : (React.createElement(EmptyCart, { data: items, shoppingUrl: shopUrl, emptyCartIcon: emptyCartIcon }))) : (React.createElement(SkeletonCartTemplate, { shopUrl: shopUrl }))),
+                    shopUrl ? (React.createElement(AccountButton, { url: shopUrl, btnType: `purple-text`, text: `account.general_actions.continueShopping`, className: `continue-shop-text` })) : null,
+                    moreMenu || null)) : (React.createElement(EmptyCart, { data: items, shoppingUrl: shopUrl, emptyCartIcon: emptyCartIcon }))) : (React.createElement(SkeletonCartTemplate, { shopUrl: shopUrl }))),
                 children))));
 };
 export default CartTemplate;

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

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

package/dist/modules/cart/SimpleItems/Item/index.js

@@ -39,7 +39,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(AccountButton, { text: 'remove', btnType: `green-small-text`, className: 'cart-remove-btn', onClick: () => actions.delete({ productId: data.product?.id }) }))))))),
+                        React.createElement(AccountButton, { text: 'account.general_actions.remove', btnType: `green-small-text`, className: 'cart-remove-btn', onClick: () => actions.delete({ productId: data.product?.id }) }))))))),
         isLast ? React.createElement("div", { className: 'line' }) : null));
 });
 export default Item;

package/dist/modules/cart/SimpleItems/ItemMobile/index.js

@@ -30,12 +30,12 @@ const ItemMobile = memo(({ data, remove, select, actions, maxQty, currency }) =>
                             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through mobile-total-price`, text: handlePriceCheckFunc(data.product.price * data.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 mobile-total-price2`, text: `${data.total} ${currency}` })),
                         select ? (React.createElement("div", { className: `inner-container` }, !data.product?.out_of_stock ? (React.createElement(AccountCounter, { productId: data?.product.id })) : (React.createElement("div", { className: `in-block` },
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity-with-symbol` },
-                                translate('quantity'),
+                                translate('account.order_balance.quantity'),
                                 ":"),
                             "\u00A0",
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity`, text: data.qty }))))) : (React.createElement("div", { className: `in-block` },
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity-with-symbol2` },
-                                translate('quantity'),
+                                translate('account.order_balance.quantity'),
                                 ":"),
                             "\u00A0",
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity2`, text: data.qty }))))))),

package/dist/modules/cart/SimpleItems/index.js

@@ -15,13 +15,13 @@ const CartItems = memo(({ data, className, title, smallFontSize, additionalParam
         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: `account-p account-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: `account.order_balance.item` })),
                 React.createElement("div", { className: `title-wrap tl-col-2` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `quantity` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `account.order_balance.quantity` })),
                 React.createElement("div", { className: `title-wrap tl-col-3 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `price` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_balance.price` })),
                 React.createElement("div", { className: `title-wrap tl-col-4 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `total` }))),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_balance.total` }))),
             React.createElement("div", { className: `items-wrap` }, data?.length > 0
                 ? data.map((item, index) => {
                     return (React.createElement(Item, { key: index, data: item, maxQty: maxQty, actions: actions, currency: currency, isLast: data.length - 1 == index, select: additionalParameters.select, remove: additionalParameters.remove, edit: additionalParameters.edit.item }));
@@ -35,7 +35,7 @@ const CartItems = memo(({ data, className, title, smallFontSize, additionalParam
     return (React.createElement(CartItemsStyle, { className: className || '' },
         additionalParameters.edit.list ? (React.createElement("div", { className: `title-edit-wrapper` },
             React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title2-version`, text: title }),
-            React.createElement(AccountButton, { url: '/cart/', text: `editCart`, btnType: `green-small-text`, className: 'cart-items-edit-btn' }))) : (React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title1-version`, text: title })),
+            React.createElement(AccountButton, { url: '/cart/', btnType: `green-small-text`, className: 'cart-items-edit-btn', text: `account.cart_checkout.editCart` }))) : (React.createElement(Text, { className: `account-p ${smallFontSize ? 'account-p2' : 'account-p1'} account-font-bold account-primary-color1 cart-items-title1-version`, text: title })),
         additionalParameters.horizontalLine ? React.createElement("div", { className: `order-items-line` }) : null,
         itemsStore));
 });

package/dist/modules/checkout/CheckoutTemplate/StepReview/index.js

@@ -12,8 +12,8 @@ const StepReview = ({ items }) => {
     }, []);
     return (React.createElement("div", { className: 'step-review' },
         React.createElement(SelectAddress, null),
-        React.createElement(Payment, { title: 'payment', onClick: handleSelectPopup }),
-        React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'orderItems', className: `checkout-mt`, additionalParameters: {
+        React.createElement(Payment, { title: 'account.payment_management.payment', onClick: handleSelectPopup }),
+        React.createElement(SimpleCartItems, { data: items, smallFontSize: true, className: `checkout-mt`, title: 'account.order_management.orderItems', additionalParameters: {
                 remove: false,
                 select: false,
                 horizontalLine: false,

package/dist/modules/checkout/CheckoutTemplate/StepShipping/index.js

@@ -4,6 +4,6 @@ import { CustomCheckbox } from '../../../../components';
 const StepShipping = ({ firstStepFormRef }) => {
     const [hide, setHide] = useState();
     const { hasAddressType } = useAddressContext();
-    return (React.createElement("div", { className: `billing-shipping-form-wrap` }, hasAddressType ? (React.createElement(React.Fragment, null)) : (React.createElement(ShippingBillingForm, { firstStepFormRef: firstStepFormRef, title: 'address' }))));
+    return (React.createElement("div", { className: `billing-shipping-form-wrap` }, hasAddressType ? (React.createElement(React.Fragment, null)) : (React.createElement(ShippingBillingForm, { firstStepFormRef: firstStepFormRef, title: 'account.address_management.address' }))));
 };
 export default StepShipping;

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

@@ -52,7 +52,7 @@ const CheckoutTemplate = () => {
                         url: false,
                         handleClick: handleCheckoutBtn,
                         type: checkStep.isShipping ? 'submit' : 'button',
-                        text: checkStep.isShipping ? 'proceedToCheckout' : 'proceedToPayment',
+                        text: checkStep.isShipping ? 'account.cart_checkout.proceedToCheckout' : 'account.cart_checkout.proceedToPayment',
                         loadingButton: loadingProcessToPayment,
                     } }, !addressLoading && itemsCount ? (React.createElement(React.Fragment, null,
                     React.createElement(Sequence, { step: checkStep.isShipping ? 'shipping' : 'review' }),

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

@@ -18,10 +18,10 @@ const ThankYouTemplate = ({ orderNumber, thankIcon }) => {
             React.createElement(AccountContainer, { className: 'second-version' },
                 React.createElement(Sequence, { step: 'confirmed' }),
                 React.createElement("div", { className: `confirmation-wrapper` },
-                    thankIcon ? thankIcon : 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(AccountButton, { text: `continueShopping`, btnType: `purple-text`, url: shopUrl }))))));
+                    thankIcon || React.createElement("div", { className: 'confirmation-image' }, confirmImage),
+                    React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 title`, text: `account.order_management.confirmMessageTitle` }),
+                    React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 description`, text: `account.order_management.confirmMessageDesc` }),
+                    React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 order-number` }, translate('account.order_management.orderNumber') + ':' + ' ' + orderNumber),
+                    React.createElement(AccountButton, { text: `account.general_actions.continueShopping`, btnType: `purple-text`, url: shopUrl }))))));
 };
 export default ThankYouTemplate;

package/dist/modules/order/EmptyOrders/index.js

@@ -6,8 +6,8 @@ import EmptyOrdersStyle from './style';
 const EmptyOrders = Memo(() => {
     const { shopUrl } = useAccountContext();
     return (React.createElement(EmptyOrdersStyle, { className: 'empty-orders' },
-        React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 empty-orders-title`, text: `emptyTitle` }),
-        React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 empty-orders-description`, text: `emptyDesc` }),
-        React.createElement(AccountButton, { text: `shopNow`, btnType: 'purple-text', url: shopUrl })));
+        React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 empty-orders-title`, text: `account.order_balance.emptyTitle` }),
+        React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 empty-orders-description`, text: `account.order_balance.emptyDesc` }),
+        React.createElement(AccountButton, { text: `account.general_actions.shopNow`, btnType: 'purple-text', url: shopUrl })));
 });
 export default EmptyOrders;

package/dist/modules/order/OrderDetails/index.js

@@ -7,41 +7,41 @@ const OrderDetails = memo(({ className, status, date, orderNumber, itemsCount, t
     const { translate } = useTranslation();
     const { currency } = useAccountContext();
     return (React.createElement(OrderDetailsStyle, { className: `${className || ''}` },
-        React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'orderDetails' }),
+        React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.order_management.orderDetails' }),
         React.createElement("div", { className: `info-space-line` }),
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('orderStatus'),
+                translate('account.order_management.orderStatus'),
                 ":"),
             React.createElement(OrderStatus, { status: status, className: 'value' })),
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('orderDate'),
+                translate('account.order_management.orderDate'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: date })),
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('orderNumber'),
+                translate('account.order_management.orderNumber'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: orderNumber })),
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('totalItems'),
+                translate('account.order_management.totalItems'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: itemsCount })),
         shippingCost ? (React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('shippingCost'),
+                translate('account.order_balance.shippingCost'),
                 ":"),
-            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: `${shippingCost == 0 ? 'free' : handlePriceCheckFunc(shippingCost, currency)}` }))) : null,
+            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: `${shippingCost == 0 ? 'account.order_balance.free' : handlePriceCheckFunc(shippingCost, currency)}` }))) : null,
         usedBalance ? (React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('usedBalance'),
+                translate('account.balance_promotions.usedBalance'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value` }, handlePriceCheckFunc(usedBalance, currency)))) : null,
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
-                translate('totalPrice'),
+                translate('account.order_management.totalPrice'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value` }, handlePriceCheckFunc(total, currency)))));
 });

package/dist/modules/order/OrderIndividualTemplate/index.js

@@ -18,7 +18,7 @@ const OrderIndividualTemplate = ({ uniqueKey }) => {
     }, [uniqueKey]);
     return !loading ? (React.createElement(OrderIndividualTemplateStyle, null,
         React.createElement("div", { className: `order-info-wrap` },
-            React.createElement(AccountButton, { text: `backToList`, btnType: `green-large-text`, url: '/account/order-history/', className: `back-to-list-btn-block` }),
+            React.createElement(AccountButton, { btnType: `green-large-text`, url: '/account/order-history/', className: `back-to-list-btn-block`, text: `account.general_actions.backToList` }),
             React.createElement("div", { className: `details-shipping-billing-wrap` },
                 React.createElement(OrderDetails, { className: `col-50`, ...data }),
                 React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address: data?.billingAddress, shipping_address: data?.shippingAddress })),

package/dist/modules/order/OrderStatus/index.js

@@ -3,6 +3,6 @@ import { Text } from '@weareconceptstudio/core';
 import OrderStatusStyle from './style';
 const OrderStatus = ({ status, className = '' }) => {
     return (React.createElement(OrderStatusStyle, null,
-        React.createElement(Text, { className: `account-p account-p4 account-font-bold status-item ${status} ${className}`, text: status })));
+        React.createElement(Text, { className: `account-p account-p4 account-font-bold status-item ${status} ${className}`, text: `account.order_management.${status}` })));
 };
 export default OrderStatus;

package/dist/modules/order/OrderedItems/index.js

@@ -19,12 +19,12 @@ const OrderedItems = ({ data: items, status, dataId }) => {
                         React.createElement("div", { className: `col-1-right-wrap` },
                             React.createElement(AccountButton, { text: item.product.name, btnType: `green-large-text`, className: `ordered-item-title`, onClick: () => handleProductClick(item.product) }),
                             item.color ? (React.createElement("div", { className: `right-first-item-wrap` },
-                                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `color` }),
+                                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.color` }),
                                 "\u00A0",
                                 React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: item.color }))) : (React.createElement("div", { className: `right-first-item-wrap` },
                                 React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.product.short_info_1 }))),
                             item.size ? (React.createElement("div", { className: `right-second-item-wrap` },
-                                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `size` }),
+                                React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.size` }),
                                 "\u00A0",
                                 React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.size }))) : (React.createElement("div", { className: `right-second-item-wrap` },
                                 React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.product.short_info_2 }))))),
@@ -42,26 +42,26 @@ const OrderedItems = ({ data: items, status, dataId }) => {
                     React.createElement("div", { className: `mobile-info-wrap` },
                         React.createElement(AccountButton, { text: item.product.name, btnType: `green-large-text`, className: `ordered-item-mobile-title`, onClick: () => handleProductClick(item.product) }),
                         item.color ? (React.createElement("div", { className: `mobile-info-item` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `color` }),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.color` }),
                             "\u00A0",
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 capitalize`, text: item.color }))) : (React.createElement("div", { className: `mobile-info-item` },
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.product.short_info_1 }))),
                         item.size ? (React.createElement("div", { className: `mobile-info-item` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `size` }),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.general_actions.size` }),
                             "\u00A0",
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.size }))) : (React.createElement("div", { className: `mobile-info-item` },
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.product.short_info_2 }))),
                         React.createElement("div", { className: `mobile-info-item` },
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1` },
-                                translate('quantity'),
+                                translate('account.order_balance.quantity'),
                                 ":"),
                             "\u00A0",
                             React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: item.qty })),
                         React.createElement("div", { className: `mobile-price-wrap nowrap` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mb-mt`, text: `price` }),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mb-mt`, text: `account.order_balance.price` }),
                             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: handlePriceCheckFunc(item.price, currency) })),
                         React.createElement("div", { className: `mobile-total-price-wrap nowrap` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mb-mt`, text: `total` }),
+                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mb-mt`, text: `account.order_balance.total` }),
                             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1`, text: handlePriceCheckFunc(item.total, currency) })))))))
             : null;
     }, [items, currency, winWidth, status, handleProductClick]);
@@ -70,19 +70,19 @@ const OrderedItems = ({ data: items, status, dataId }) => {
     };
     return items?.length > 0 ? (React.createElement(OrderedItemsStyle, { className: `ordered-items-wrapper` },
         React.createElement("div", { className: 'order-flex-block' },
-            React.createElement(Text, { className: 'account-p account-p1 account-font-bold account-primary-color1 ', text: 'orderItems' }),
-            React.createElement(AccountButton, { text: 'reorder', onClick: handleReorder, className: 'reorder-btn' })),
+            React.createElement(Text, { className: 'account-p account-p1 account-font-bold account-primary-color1 ', text: 'account.order_management.orderItems' }),
+            React.createElement(AccountButton, { onClick: handleReorder, className: 'reorder-btn', text: 'account.order_balance.reorder' })),
         React.createElement("div", { className: 'line' }),
         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: `account-p account-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: `account.order_balance.item` })),
                 React.createElement("div", { className: `title-wrap tl-col-2` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `quantity` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap`, text: `account.order_balance.quantity` })),
                 React.createElement("div", { className: `title-wrap tl-col-3 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `price` })),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_balance.price` })),
                 React.createElement("div", { className: `title-wrap tl-col-4 title-item` },
-                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `total` }))),
+                    React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_balance.total` }))),
             React.createElement("div", { className: 'items-wrap' }, storeOrderedItems)))) : null;
 };
 export default OrderedItems;

package/dist/modules/order/OrdersList/OrderItem/index.js

@@ -15,6 +15,6 @@ const OrderItem = Memo(({ data, currency }) => {
         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, currency) })),
         React.createElement("div", { className: `col-item od-col-6 nowrap` },
-            React.createElement(AccountButton, { text: 'viewOrder', btnType: `green-small-text`, url: `/account/order-history/${data.id}` }))));
+            React.createElement(AccountButton, { text: 'account.order_management.viewOrder', btnType: `green-small-text`, url: `/account/order-history/${data.id}` }))));
 });
 export default OrderItem;

package/dist/modules/order/OrdersList/index.js

@@ -34,15 +34,15 @@ const OrdersList = () => {
         return winWidth >= 768 ? (React.createElement("div", { className: `order-table-wrap` },
             React.createElement("div", { className: `order-table-titles-wrap` },
                 React.createElement("div", { className: `order-table-title-wrap od-col-1` },
-                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `orderDate` })),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `account.order_management.orderDate` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-2` },
-                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `totalItems` })),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `account.order_management.totalItems` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-3` },
-                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `orderNumber` })),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `account.order_management.orderNumber` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-4` },
-                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `orderStatus` })),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap`, text: `account.order_management.orderStatus` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-5` },
-                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap align-right`, text: `totalPrice` })),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_management.totalPrice` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-6` })),
             React.createElement("div", { className: `order-table-items-wrap` }, data.map((item, index) => {
                 return (React.createElement(OrderItem, { key: index, data: item, currency: currency }));
@@ -51,27 +51,35 @@ const OrdersList = () => {
                 React.createElement("div", { className: `first-col-wrap` },
                     React.createElement("div", { className: `left-wrap` },
                         React.createElement("div", { className: `left-item-wrap` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1`, text: `${translate('orderDate')}:` }),
+                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                                translate('account.order_management.orderDate'),
+                                ":"),
                             React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: item.date })),
                         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-bold account-primary-color1` },
+                                translate('account.order_management.orderNumber'),
+                                ":"),
                             React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: `ID ${item.orderNumber}` }))),
                     React.createElement("div", { className: `right-wrap` },
                         React.createElement(OrderStatus, { status: item.status }))),
                 React.createElement("div", { className: `last-col-wrap` },
                     React.createElement("div", { className: `left-wrap` },
                         React.createElement("div", { className: `left-item-wrap` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1`, text: `${translate('totalItems')}:` }),
+                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                                translate('account.order_management.totalItems'),
+                                ":"),
                             React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: item.itemsCount })),
                         React.createElement("div", { className: `left-item-wrap last` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1`, text: `${translate('totalPrice')}:` }),
+                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                                translate('account.order_management.totalPrice'),
+                                ":"),
                             React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: handlePriceCheckFunc(item.total, currency) }))),
                     React.createElement("div", { className: `right-wrap` },
-                        React.createElement(AccountButton, { text: 'viewOrder', btnType: `green-small-text`, url: `/account/order-history/${item.id}` })))));
+                        React.createElement(AccountButton, { text: 'account.order_management.viewOrder', btnType: `green-small-text`, url: `/account/order-history/${item.id}` })))));
         })));
     }, [winWidth, data]);
     return !loading && data.length > 0 ? (React.createElement(OrdersListStyle, null,
-        React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'orderHistory' }),
+        React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.account_info.orderHistory' }),
         React.createElement("div", { className: `order-history-line` }),
         listStore,
         React.createElement("div", { className: `pagination-wrap` },

package/dist/modules/payment/AddNewCard/index.js

@@ -19,6 +19,6 @@ const AddNewCard = ({ className }) => {
             React.createElement("div", { className: 'account-card-add-icon' }, popupCardSVG),
             React.createElement(Text, { className: `account-add-card-text account-p account-p3 account-font-medium account-primary-color1` },
                 "+ ",
-                translate('addNewCard')))));
+                translate('account.payment_management.addNewCard')))));
 };
 export default AddNewCard;

package/dist/modules/payment/Card/index.js

@@ -12,7 +12,7 @@ const Card = ({ cardOption, className, selectedPayment, setSelectedPayment, dele
     const { isCheckoutPage } = useCheckoutContext();
     //! Handle Popups
     const handleDeletePopup = useCallback(() => {
-        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteCardMessage', description: 'confirmDeleteCard', onRemove: () => deleteCard(cardOption.id) }), {
+        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'account.payment_management.deleteCardMessage', description: 'account.payment_management.confirmDeleteCard', onRemove: () => deleteCard(cardOption.id) }), {
             className: 'messagePopup',
             accountIcon: true,
         });
@@ -27,7 +27,7 @@ const Card = ({ cardOption, className, selectedPayment, setSelectedPayment, dele
             React.createElement(Text, { className: `card-full-name account-p account-p3 account-font-regular`, text: cardOption.name }),
             React.createElement(Text, { className: `card-number account-p account-p1 account-font-regular`, text: cardOption.number })),
         React.createElement("div", { className: `card-wrap-bottom` },
-            React.createElement(Text, { className: `account-p account-p3 account-font-regular`, text: cardOption.is_expired ? 'cardExpired' : `Exp. Date ${cardOption.exp_date}` }),
-            !isCheckoutPage && selectedPayment != cardOption.id ? (React.createElement(AccountButton, { text: `remove`, onClick: handleDeletePopup, btnType: `green-small-text`, className: `account-card-remove-btn account-p account-p3 account-font-regular` })) : null)));
+            React.createElement(Text, { className: `account-p account-p3 account-font-regular`, text: cardOption.is_expired ? 'account.payment_management.cardExpired' : `Exp. Date ${cardOption.exp_date}` }),
+            !isCheckoutPage && selectedPayment != cardOption.id ? (React.createElement(AccountButton, { text: `account.general_actions.remove`, onClick: handleDeletePopup, btnType: `green-small-text`, className: `account-card-remove-btn account-p account-p3 account-font-regular` })) : null)));
 };
 export default Card;

package/dist/modules/payment/Payment/index.js

@@ -18,7 +18,7 @@ const Payment = ({ title, onClick, className }) => {
     return (React.createElement(PaymentStyle, { className: `item-container ${className || ''}` },
         React.createElement("div", { className: `change-payment-wrap` },
             React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: title }),
-            user.payment_method && (React.createElement(AccountButton, { text: `change`, btnType: `green-small-text`, onClick: onClick }))),
+            user.payment_method && (React.createElement(AccountButton, { onClick: onClick, btnType: `green-small-text`, text: `account.general_actions.change` }))),
         user.payment_method ? (React.createElement(SelectedPayment, null)) : (React.createElement(PaymentMethods, { selectedPayment: checkoutData.paymentType, setSelectedPayment: setSelectedPayment }))));
 };
 export default Payment;

package/dist/modules/payment/PaymentMethodItem/index.js

@@ -23,6 +23,6 @@ const PaymentMethodItem = ({ item, selectedPayment, setSelectedPayment, singlePa
                     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' })))),
         isCardType && singlePayment && (React.createElement("div", { className: 'card-details' },
             React.createElement("span", { className: 'card-number' }, item.card.short_number),
-            item.card.is_expired ? (React.createElement(Text, { tag: 'span', className: 'card-exp-date', text: 'cardExpired' })) : null))));
+            item.card.is_expired ? (React.createElement(Text, { tag: 'span', className: 'card-exp-date', text: 'account.payment_management.cardExpired' })) : null))));
 };
 export default PaymentMethodItem;

package/dist/modules/payment/PaymentMethodsTemplate/index.js

@@ -5,7 +5,7 @@ import PaymentStyle from './style';
 const PaymentMethodsTemplate = () => {
     return (React.createElement(PaymentStyle, null,
         React.createElement("div", { className: 'account-payment-block' },
-            React.createElement(Text, { tag: `h6`, className: `account-font-medium account-primary-color1 title`, text: `myCards` }),
+            React.createElement(Text, { tag: `h6`, className: `account-font-medium account-primary-color1 title`, text: `account.payment_management.myCards` }),
             React.createElement(Cards, null))));
 };
 export default PaymentMethodsTemplate;

package/dist/modules/payment/SelectPaymentMethodPopup/index.js

@@ -16,10 +16,10 @@ const SelectPaymentMethodPopup = () => {
     };
     return (React.createElement(SelectPaymentMethodPopupStyle, null,
         React.createElement("div", { className: `select-payment-wrap` },
-            React.createElement(Text, { tag: `h6`, className: 'account-p account-p2 account-font-bold account-primary-color1', text: 'selectPaymentMethod' })),
+            React.createElement(Text, { tag: `h6`, className: 'account-p account-p2 account-font-bold account-primary-color1', text: 'account.payment_management.selectPaymentMethod' })),
         React.createElement(PaymentWrap, { selectedPayment: selectedPayment, setSelectedPayment: setSelectedPayment }),
         React.createElement("div", { className: `cancel-and-save-wrap` },
-            React.createElement(AccountButton, { btnType: `green-large-text`, text: `cancel`, onClick: closePopup }),
-            React.createElement(AccountButton, { btnType: `full-width`, text: `saveAndApply`, onClick: handlePaymentMethodChangeSubmit }))));
+            React.createElement(AccountButton, { onClick: closePopup, btnType: `green-large-text`, text: `account.general_actions.cancel` }),
+            React.createElement(AccountButton, { btnType: `full-width`, onClick: handlePaymentMethodChangeSubmit, text: `account.general_actions.saveAndApply` }))));
 };
 export default SelectPaymentMethodPopup;