@weareconceptstudio/account 0.3.1 → 0.3.3

package/dist/translations/en.d.ts

@@ -37,6 +37,8 @@ declare const _default: {
     accountSettings: string;
     orderHistory: string;
     signOut: string;
+    name: string;
+    namePlaceholder: string;
     firstName: string;
     first_name: string;
     firstNamePlaceholder: string;
@@ -88,6 +90,7 @@ declare const _default: {
     inProgress: string;
     orderDetails: string;
     deliverDate: string;
+    usedBalance: string;
     sortBy: string;
     sortByWithSymbol: string;
     delivered: string;

package/dist/translations/en.js

@@ -37,6 +37,9 @@ export default {
     accountSettings: 'Account settings',
     orderHistory: 'Order history',
     signOut: 'Sign out',
+    //! Name
+    name: 'Name',
+    namePlaceholder: 'Name',
     //! First Name
     firstName: 'First name',
     first_name: 'First name:',
@@ -96,6 +99,7 @@ export default {
     inProgress: 'In progress',
     orderDetails: 'Order details',
     deliverDate: 'Deliver date',
+    usedBalance: 'Used Balance',
     sortBy: 'Sort by',
     sortByWithSymbol: 'Sort by:',
     delivered: 'Delivered',

package/dist/translations/hy.d.ts

@@ -37,6 +37,8 @@ declare const _default: {
     accountSettings: string;
     orderHistory: string;
     signOut: string;
+    name: string;
+    namePlaceholder: string;
     firstName: string;
     first_name: string;
     firstNamePlaceholder: string;
@@ -88,6 +90,7 @@ declare const _default: {
     inProgress: string;
     orderDetails: string;
     deliverDate: string;
+    usedBalance: string;
     sortBy: string;
     sortByWithSymbol: string;
     delivered: string;

package/dist/translations/hy.js

@@ -37,6 +37,9 @@ export default {
     accountSettings: 'Account settings',
     orderHistory: 'Order history',
     signOut: 'Sign out',
+    //! Name
+    name: 'Name',
+    namePlaceholder: 'Name',
     //! First Name
     firstName: 'First name',
     first_name: 'First name:',
@@ -96,6 +99,7 @@ export default {
     inProgress: 'In progress',
     orderDetails: 'Order details',
     deliverDate: 'Deliver date',
+    usedBalance: 'Used Balance',
     sortBy: 'Sort by',
     sortByWithSymbol: 'Sort by:',
     delivered: 'Delivered',

package/dist/translations/index.d.ts

@@ -38,6 +38,8 @@ declare const _default: {
         accountSettings: string;
         orderHistory: string;
         signOut: string;
+        name: string;
+        namePlaceholder: string;
         firstName: string;
         first_name: string;
         firstNamePlaceholder: string;
@@ -89,6 +91,7 @@ declare const _default: {
         inProgress: string;
         orderDetails: string;
         deliverDate: string;
+        usedBalance: string;
         sortBy: string;
         sortByWithSymbol: string;
         delivered: string;
@@ -244,6 +247,8 @@ declare const _default: {
         accountSettings: string;
         orderHistory: string;
         signOut: string;
+        name: string;
+        namePlaceholder: string;
         firstName: string;
         first_name: string;
         firstNamePlaceholder: string;
@@ -295,6 +300,7 @@ declare const _default: {
         inProgress: string;
         orderDetails: string;
         deliverDate: string;
+        usedBalance: string;
         sortBy: string;
         sortByWithSymbol: string;
         delivered: string;
@@ -450,6 +456,8 @@ declare const _default: {
         accountSettings: string;
         orderHistory: string;
         signOut: string;
+        name: string;
+        namePlaceholder: string;
         firstName: string;
         first_name: string;
         firstNamePlaceholder: string;
@@ -501,6 +509,7 @@ declare const _default: {
         inProgress: string;
         orderDetails: string;
         deliverDate: string;
+        usedBalance: string;
         sortBy: string;
         sortByWithSymbol: string;
         delivered: string;

package/dist/translations/ru.d.ts

@@ -37,6 +37,8 @@ declare const _default: {
     accountSettings: string;
     orderHistory: string;
     signOut: string;
+    name: string;
+    namePlaceholder: string;
     firstName: string;
     first_name: string;
     firstNamePlaceholder: string;
@@ -88,6 +90,7 @@ declare const _default: {
     inProgress: string;
     orderDetails: string;
     deliverDate: string;
+    usedBalance: string;
     sortBy: string;
     sortByWithSymbol: string;
     delivered: string;

package/dist/translations/ru.js

@@ -37,6 +37,9 @@ export default {
     accountSettings: 'Account settings',
     orderHistory: 'Order history',
     signOut: 'Sign out',
+    //! Name
+    name: 'Name',
+    namePlaceholder: 'Name',
     //! First Name
     firstName: 'First name',
     first_name: 'First name:',
@@ -96,6 +99,7 @@ export default {
     inProgress: 'In progress',
     orderDetails: 'Order details',
     deliverDate: 'Deliver date',
+    usedBalance: 'Used Balance',
     sortBy: 'Sort by',
     sortByWithSymbol: 'Sort by:',
     delivered: 'Delivered',

package/package.json

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

package/dist/components/TotalCheckout/AddNewCard/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Text, Image } from '@weareconceptstudio/core';
-//* Style
-import AddNewCardStyle from './style';
-const AddNewCard = ({ title, className }) => {
-    return (React.createElement(AddNewCardStyle, { className: `new-card-container ${className || ''}` },
-        React.createElement("div", { className: `new-card-wrap` },
-            React.createElement(Image, { src: '/images/card.svg', alt: 'card', className: 'ard-svg' }),
-            React.createElement(Text, { className: `account-add-card-text account-p account-p3 account-font-medium account-primary-color1`, text: title }))));
-};
-export default AddNewCard;

package/dist/components/TotalCheckout/CardComp/index.js

@@ -1,36 +0,0 @@
-import React, { useCallback } from 'react';
-import { Text, Image, useUi } from '@weareconceptstudio/core';
-import WarningMessageForPopup from '../../WarningMessageForPopup';
-import AccountButton from '../../AccountButton';
-//* Style
-import CardCompStyle from './style';
-const isExpired = (expDate) => {
-    const [month, year] = expDate.split('/').map(Number);
-    const expDateObject = new Date(`20${year}`, month, 0);
-    return expDateObject < new Date();
-};
-const CardComp = ({ cardOption, className, selectedPayment, onSelect, onDelete }) => {
-    const expired = isExpired(cardOption.expDate);
-    const { openPopup } = useUi();
-    //! Handle Popups
-    const handleDeletePopup = useCallback(() => {
-        openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteCardMessage', description: 'confirmDeleteCard', onRemove: () => onDelete(cardOption.id) }), {
-            className: 'messagePopup',
-            accountIcon: true,
-        });
-    }, [onDelete, cardOption.id]);
-    return (React.createElement(CardCompStyle, { className: `card-container ${expired ? 'expired' : ''} ${className || ''}` },
-        React.createElement("div", { className: `card-wrap-top` },
-            React.createElement("div", { className: 'card-svg' }, cardOption && cardOption.type === 'MasterCard' ? (React.createElement(Image, { src: '/images/payment/mastercard.svg', alt: 'mastercard', className: 'mastercard-svg' })) : (React.createElement(Image, { src: '/images/payment/visa.svg', alt: 'visa', className: 'visa-svg' }))),
-            !expired ? (React.createElement("div", { key: cardOption.number, className: `circle-selected-wrap cursor-pointer ${selectedPayment === cardOption.number ? 'active' : ''}`, onClick: () => onSelect(cardOption.number) },
-                React.createElement("svg", { version: '1.1', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', className: `checkbox-icon ${selectedPayment === cardOption.number ? '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' })))) : null),
-        React.createElement("div", { className: `card-wrap-center` },
-            React.createElement(Text, { className: `card-full-name account-p account-p3 account-font-regular ${expired ? 'account-primary-color3' : 'account_backgroundColor'}`, text: cardOption.fullName }),
-            React.createElement(Text, { className: `card-number
-						account-p account-p1 account-font-regular ${expired ? 'account-primary-color3' : 'account_backgroundColor'}`, text: cardOption.number })),
-        React.createElement("div", { className: `card-wrap-bottom` },
-            React.createElement(Text, { className: `account-p account-p3 account-font-regular ${expired ? 'account-primary-color3' : 'account_backgroundColor'}`, text: expired ? 'cardExpired' : `Exp. Date ${cardOption.expDate}` }),
-            React.createElement(AccountButton, { text: `remove`, onClick: handleDeletePopup, btnType: `green-small-text`, className: `account-card-remove-btn account-p account-p3 account-font-regular ${expired ? 'account-primary-color3' : 'account_backgroundColor'}` }))));
-};
-export default CardComp;

package/dist/components/TotalCheckout/PaymentComp/index.d.ts

@@ -1,9 +0,0 @@
-export default PaymentComp;
-declare function PaymentComp({ title, onClick, className, fillCheckoutData, checkoutData }: {
-    title: any;
-    onClick: any;
-    className: any;
-    fillCheckoutData: any;
-    checkoutData: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/TotalCheckout/PaymentMethodsComp/index.d.ts

@@ -1,8 +0,0 @@
-export default PaymentMethodsComp;
-declare function PaymentMethodsComp({ className, fillCheckoutData, checkoutData, showAll }: {
-    className: any;
-    fillCheckoutData: any;
-    checkoutData: any;
-    showAll: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/TotalCheckout/SelectPaymentMethodPopup/index.d.ts

@@ -1,3 +0,0 @@
-export default SelectPaymentMethodPopup;
-declare const SelectPaymentMethodPopup: React.NamedExoticComponent<object>;
-import React from 'react';

package/dist/components/TotalCheckout/SelectPaymentMethodPopup/index.js

@@ -1,65 +0,0 @@
-import React, { memo as Memo, useEffect, useState } from 'react';
-import { useUi, Text } from '@weareconceptstudio/core';
-//* Components
-import AccountButton from '../../AccountButton';
-import PaymentMethodsComp from '../PaymentMethodsComp';
-import AddNewCard from '../AddNewCard';
-import CardComp from '../CardComp';
-//* Style
-import SelectPaymentMethodPopupStyle from './style';
-const SelectPaymentMethodPopup = Memo(({ title, type, fillCheckoutData, checkoutData }) => {
-    const { openPopup, closePopup } = useUi();
-    const [selectedPaymentType, setSelectedPaymentType] = useState(checkoutData.paymentType);
-    const [selectedCard, setSelectedCard] = useState('');
-    useEffect(() => {
-        setSelectedPaymentType(checkoutData.paymentType);
-    }, [checkoutData.paymentType]);
-    const handlePaymentMethodChangeSubmit = () => {
-        fillCheckoutData('paymentType', selectedPaymentType);
-        if (selectedPaymentType === 'credit_card') {
-            fillCheckoutData('selectedCard', selectedCard);
-        }
-        closePopup();
-    };
-    const [cardOptions, setCardOptions] = useState([
-        {
-            id: 1,
-            type: 'MasterCard',
-            number: '3122 4577 8799 8877',
-            fullName: 'Sasoun Papelyan',
-            expDate: '12/24',
-        },
-        {
-            id: 2,
-            type: 'Visa',
-            number: '4577 1234 3122 1234',
-            fullName: 'Gohar Vardevanyan',
-            expDate: '12/25',
-        },
-        {
-            id: 3,
-            type: 'MasterCard',
-            number: '8799 1234 3122 1234',
-            fullName: 'Sasoun Papelyan',
-            expDate: '12/27',
-        },
-    ]);
-    const handleDelete = (cardId) => {
-        setCardOptions((prevOptions) => prevOptions.filter((card) => card.id !== cardId));
-    };
-    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: title })),
-        React.createElement("div", { className: `flex-wrapper` },
-            React.createElement(AddNewCard, { title: 'addNewCard' }),
-            cardOptions.map((card, index) => (React.createElement(CardComp, { key: index, cardOption: card, selectedPayment: selectedCard, onSelect: setSelectedCard, onDelete: handleDelete })))),
-        React.createElement("div", { className: 'line' }),
-        React.createElement(PaymentMethodsComp, { checkoutData: { ...checkoutData, paymentType: selectedPaymentType }, fillCheckoutData: (key, val) => {
-                if (key === 'paymentType')
-                    setSelectedPaymentType(val);
-            }, showAll: true }),
-        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 }))));
-});
-export default SelectPaymentMethodPopup;