@weareconceptstudio/account 0.2.7 → 0.2.8

package/dist/modules/account/AccountBalanceTemplate/index.js

@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from 'react';
+import { api, useTranslation } from '@weareconceptstudio/core';
+//* Style
+import AccountBalanceTemplateStyle from './style';
+//* Component
+import HeroBalance from './HeroBalance';
+import HistoryBalance from './HistoryBalance';
+import StatusBalance from './StatusBalance';
+const AccountBalanceTemplate = ({ iconValue, dataItem, className }) => {
+    const { selectedLang } = useTranslation();
+    //! State
+    const [dataBalance, setDataBalance] = useState(false);
+    useEffect(() => {
+        api.get({ url: `balance`, lang: selectedLang }).then((data) => {
+            setDataBalance(data);
+        });
+    }, []);
+    return dataBalance ? (React.createElement(AccountBalanceTemplateStyle, { className: className || '' },
+        React.createElement(HeroBalance, { cashback: dataBalance.cashback, balance: dataBalance.balance, title: dataBalance.info.status, totalSpent: dataBalance.info.spent.current, nextStatusValue: dataBalance.info.spent.next, progress: dataBalance.info.timeline, nextStatusTitle: 'Resident', iconValue: iconValue, description: (() => {
+                if (dataItem) {
+                    const { description1, description2 } = dataItem.find((item) => item.name?.toLowerCase() === dataBalance.info.status?.toLowerCase()) || {};
+                    return { description1, description2 };
+                }
+                else {
+                    return false;
+                }
+            })() }),
+        React.createElement(StatusBalance, { activeStatus: dataBalance.info.status, allItem: dataItem }),
+        React.createElement(HistoryBalance, null))) : null;
+};
+export default AccountBalanceTemplate;

package/dist/modules/account/AccountBalanceTemplate/style.d.ts

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

package/dist/modules/account/AccountBalanceTemplate/style.js

@@ -0,0 +1,31 @@
+import styled from 'styled-components';
+const AccountBalanceTemplateStyle = styled.section `
+	/* //! 1920 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+	}
+
+	/* //! 1510 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+	}
+
+	/* //! 1440 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+	}
+
+	/* //! 1280 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+	}
+
+	/* //! 1024 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+	}
+
+	/* //! 768 */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+	}
+
+	/* //! mobile */
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+	}
+`;
+export default AccountBalanceTemplateStyle;

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

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

package/dist/modules/account/index.js

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

package/dist/styles/theme.js

@@ -35,6 +35,9 @@ export default (props) => ({
             account_secondaryColor7: '#FFDAD8',
             account_secondaryColor8: '#D7DBF5',
             account_secondaryColor9: '#B067CC',
+            account_secondaryColor10: '#E9ECEE',
+            account_secondaryColor11: '#F4F5F7',
+            account_secondaryColor12: '#0EC600',
             account_surfaceColor: '#F7F7F7',
             //! Error Color
             account_errorColor: '#DE554E',

package/dist/styles/variables.js

@@ -43,6 +43,9 @@ const AccountVariables = createGlobalStyle `${css `
 		--account_secondaryColor7: ${(props) => props.theme.account.colors.account_secondaryColor7};
 		--account_secondaryColor8: ${(props) => props.theme.account.colors.account_secondaryColor8};
 		--account_secondaryColor9: ${(props) => props.theme.account.colors.account_secondaryColor9};
+		--account_secondaryColor10: ${(props) => props.theme.account.colors.account_secondaryColor10};
+		--account_secondaryColor11: ${(props) => props.theme.account.colors.account_secondaryColor11};
+		--account_secondaryColor12: ${(props) => props.theme.account.colors.account_secondaryColor12};
 
 		//! Background Color
 		--account_backgroundColor: ${(props) => props.theme.account.colors.account_backgroundColor};

package/dist/translations/en.d.ts

@@ -171,6 +171,21 @@ declare const _default: {
     backToShop: string;
     forgotErrorDescription: string;
     gotPromotionCode: string;
+    balanceStatus: string;
+    priceValue: string;
+    balanceCashback: string;
+    balanceTotalSpent: string;
+    balance: string;
+    specialNameBalance: string;
+    progressBalanceTitle: string;
+    balanceNextStatusDescription1: string;
+    balanceNextStatusDescription2: string;
+    balanceFirstOrderStatus: string;
+    balanceStarting: string;
+    balanceRecentActivity: string;
+    balanceCategoryDate: string;
+    balanceCategoryActivity: string;
+    balanceCategoryAmount: string;
     promoCodePlaceholder: string;
 };
 export default _default;

package/dist/translations/en.js

@@ -183,5 +183,22 @@ export default {
     backToShop: 'Back to shop',
     forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
     gotPromotionCode: '+ Got a promotion code?',
+    //! Account balance
+    balanceStatus: 'status',
+    priceValue: 'AMD',
+    balanceCashback: 'cashback',
+    balanceTotalSpent: 'total Spent',
+    balance: 'Balance',
+    specialNameBalance: 'balance',
+    progressBalanceTitle: 'balance',
+    balanceNextStatusDescription1: 'Keep it up! Your are',
+    balanceNextStatusDescription2: 'short to become',
+    balanceFirstOrderStatus: 'Starting from first order',
+    balanceStarting: 'starting',
+    balanceRecentActivity: 'Recent activity',
+    balanceCategoryDate: 'date',
+    balanceCategoryActivity: 'activity',
+    balanceCategoryAmount: 'amount',
+    //! Promocode
     promoCodePlaceholder: 'Type your code',
 };

package/dist/translations/hy.d.ts

@@ -171,6 +171,21 @@ declare const _default: {
     backToShop: string;
     forgotErrorDescription: string;
     gotPromotionCode: string;
+    balanceStatus: string;
+    priceValue: string;
+    balanceCashback: string;
+    balanceTotalSpent: string;
+    balance: string;
+    specialNameBalance: string;
+    progressBalanceTitle: string;
+    balanceNextStatusDescription1: string;
+    balanceNextStatusDescription2: string;
+    balanceFirstOrderStatus: string;
+    balanceStarting: string;
+    balanceRecentActivity: string;
+    balanceCategoryDate: string;
+    balanceCategoryActivity: string;
+    balanceCategoryAmount: string;
     promoCodePlaceholder: string;
 };
 export default _default;

package/dist/translations/hy.js

@@ -183,5 +183,22 @@ export default {
     backToShop: 'Back to shop',
     forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
     gotPromotionCode: '+ Got a promotion code?',
+    //! Account balance
+    balanceStatus: 'status',
+    priceValue: 'AMD',
+    balanceCashback: 'cashback',
+    balanceTotalSpent: 'total Spent',
+    balance: 'Balance',
+    specialNameBalance: 'balance',
+    progressBalanceTitle: 'balance',
+    balanceNextStatusDescription1: 'Keep it up! Your are',
+    balanceNextStatusDescription2: 'short to become',
+    balanceFirstOrderStatus: 'Starting from first order',
+    balanceStarting: 'starting',
+    balanceRecentActivity: 'Recent activity',
+    balanceCategoryDate: 'date',
+    balanceCategoryActivity: 'activity',
+    balanceCategoryAmount: 'amount',
+    //! Promocode
     promoCodePlaceholder: 'Type your code',
 };

package/dist/translations/index.d.ts

@@ -172,6 +172,21 @@ declare const _default: {
         backToShop: string;
         forgotErrorDescription: string;
         gotPromotionCode: string;
+        balanceStatus: string;
+        priceValue: string;
+        balanceCashback: string;
+        balanceTotalSpent: string;
+        balance: string;
+        specialNameBalance: string;
+        progressBalanceTitle: string;
+        balanceNextStatusDescription1: string;
+        balanceNextStatusDescription2: string;
+        balanceFirstOrderStatus: string;
+        balanceStarting: string;
+        balanceRecentActivity: string;
+        balanceCategoryDate: string;
+        balanceCategoryActivity: string;
+        balanceCategoryAmount: string;
         promoCodePlaceholder: string;
     };
     hy: {
@@ -347,6 +362,21 @@ declare const _default: {
         backToShop: string;
         forgotErrorDescription: string;
         gotPromotionCode: string;
+        balanceStatus: string;
+        priceValue: string;
+        balanceCashback: string;
+        balanceTotalSpent: string;
+        balance: string;
+        specialNameBalance: string;
+        progressBalanceTitle: string;
+        balanceNextStatusDescription1: string;
+        balanceNextStatusDescription2: string;
+        balanceFirstOrderStatus: string;
+        balanceStarting: string;
+        balanceRecentActivity: string;
+        balanceCategoryDate: string;
+        balanceCategoryActivity: string;
+        balanceCategoryAmount: string;
         promoCodePlaceholder: string;
     };
     ru: {
@@ -522,6 +552,21 @@ declare const _default: {
         backToShop: string;
         forgotErrorDescription: string;
         gotPromotionCode: string;
+        balanceStatus: string;
+        priceValue: string;
+        balanceCashback: string;
+        balanceTotalSpent: string;
+        balance: string;
+        specialNameBalance: string;
+        progressBalanceTitle: string;
+        balanceNextStatusDescription1: string;
+        balanceNextStatusDescription2: string;
+        balanceFirstOrderStatus: string;
+        balanceStarting: string;
+        balanceRecentActivity: string;
+        balanceCategoryDate: string;
+        balanceCategoryActivity: string;
+        balanceCategoryAmount: string;
         promoCodePlaceholder: string;
     };
 };

package/dist/translations/ru.d.ts

@@ -171,6 +171,21 @@ declare const _default: {
     backToShop: string;
     forgotErrorDescription: string;
     gotPromotionCode: string;
+    balanceStatus: string;
+    priceValue: string;
+    balanceCashback: string;
+    balanceTotalSpent: string;
+    balance: string;
+    specialNameBalance: string;
+    progressBalanceTitle: string;
+    balanceNextStatusDescription1: string;
+    balanceNextStatusDescription2: string;
+    balanceFirstOrderStatus: string;
+    balanceStarting: string;
+    balanceRecentActivity: string;
+    balanceCategoryDate: string;
+    balanceCategoryActivity: string;
+    balanceCategoryAmount: string;
     promoCodePlaceholder: string;
 };
 export default _default;

package/dist/translations/ru.js

@@ -183,5 +183,22 @@ export default {
     backToShop: 'Back to shop',
     forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
     gotPromotionCode: '+ Got a promotion code?',
+    //! Account balance
+    balanceStatus: 'status',
+    priceValue: 'AMD',
+    balanceCashback: 'cashback',
+    balanceTotalSpent: 'total Spent',
+    balance: 'Balance',
+    specialNameBalance: 'balance',
+    progressBalanceTitle: 'balance',
+    balanceNextStatusDescription1: 'Keep it up! Your are',
+    balanceNextStatusDescription2: 'short to become',
+    balanceFirstOrderStatus: 'Starting from first order',
+    balanceStarting: 'starting',
+    balanceRecentActivity: 'Recent activity',
+    balanceCategoryDate: 'date',
+    balanceCategoryActivity: 'activity',
+    balanceCategoryAmount: 'amount',
+    //! Promocode
     promoCodePlaceholder: 'Type your code',
 };

package/package.json

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