@weareconceptstudio/account 0.4.4 → 0.4.6

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

@@ -1,7 +1,8 @@
 export default PromoCodeComp;
-declare function PromoCodeComp({ isPromoCode, promo_code, getItemCount }: {
+declare function PromoCodeComp({ isPromoCode, promoCodeHandler, usePromoCode, getItemCount }: {
     isPromoCode?: boolean;
-    promo_code: any;
+    promoCodeHandler: any;
+    usePromoCode: any;
     getItemCount: any;
 }): React.JSX.Element;
 import React from 'react';

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

@@ -5,14 +5,14 @@ import AccountButton from '../../AccountButton';
 import { promoCodeFields } from './utils';
 //* Style
 import PromoCodeCompStyle from './style';
-const PromoCodeComp = ({ isPromoCode = true, promo_code, getItemCount }) => {
+const PromoCodeComp = ({ isPromoCode = true, promoCodeHandler, usePromoCode, getItemCount }) => {
     //! States
     const [couponCode, setCouponCode] = useState(false);
     const [disable, setDisable] = useState(false);
     //! On Finish
-    const onFinish = () => {
-        setCouponCode(true);
+    const onFinish = (values) => {
         setDisable(true);
+        promoCodeHandler(values.promo_code);
     };
     return isPromoCode ? (React.createElement(PromoCodeCompStyle, { className: `collapse-distance ${getItemCount ? '' : 'disable'}` },
         React.createElement(CollapseItem, { disable: disable, title: React.createElement(React.Fragment, null,
@@ -20,10 +20,10 @@ const PromoCodeComp = ({ isPromoCode = true, promo_code, getItemCount }) => {
                     React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '12', viewBox: '0 0 12 12', fill: 'none' },
                         React.createElement("path", { d: 'M0 6H12', stroke: 'black', strokeWidth: '2' }),
                         React.createElement("path", { d: 'M6 12L6 0', stroke: 'black', strokeWidth: '2' }))),
-                React.createElement(Text, { className: 'account-p account-p4 account-primary-color1 account-font-medium promo-code-text', text: 'gotPromotionCode' })), description: React.createElement(React.Fragment, null, couponCode ? (React.createElement("div", { className: `promo-code-success-block` },
-                React.createElement(Text, { className: 'account-p account-p4 account-primary-color2 account-font-medium promo-code-success-text' }, promo_code),
+                React.createElement(Text, { className: 'account-p account-p4 account-primary-color1 account-font-medium promo-code-text', text: 'gotPromotionCode' })), description: React.createElement(React.Fragment, null, usePromoCode ? (React.createElement("div", { className: `promo-code-success-block` },
+                React.createElement(Text, { className: 'account-p account-p4 account-primary-color2 account-font-medium promo-code-success-text' }, usePromoCode),
                 React.createElement(Text, { text: 'remove', className: 'account-p account-p4 account-primary-color2 account-font-medium promo-code-remove-text', onClick: () => {
-                        setCouponCode(false);
+                        promoCodeHandler(null);
                         setDisable(false);
                     } }))) : (React.createElement(FormBuilder, { onSubmit: onFinish, fields: promoCodeFields, className: `promo-code-block`, formOptions: {
                     className: 'promo-code-container',

package/dist/components/TotalCheckout/index.js

@@ -11,17 +11,18 @@ import CommentComp from './CommentComp';
 import TotalCheckoutStyle from './style';
 //* Skeleton
 import SkeletonTotalCheckout from './Skeleton';
-// TODO: Promo code
-const promo_code = '10% of first order';
 const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps }) => {
     const { currency, useCart, useUser } = useAccountContext();
     const { fillCheckoutData, fillCart, checkoutBtnDisabled, isCheckoutPage } = useCheckoutContext();
     const { addressLoading } = useAddressContext();
     const { user } = useUser();
-    const { itemsCount, shippingCost, freeShippingRange, shippingCostValue, total, subtotal, useBalance, loading } = useCart();
+    const { itemsCount, shippingCost, freeShippingRange, shippingCostValue, total, subtotal, useBalance, loading, usePromoCode, discountTotal } = useCart();
     const handleBalance = (amount) => {
         fillCart('useBalance', amount);
     };
+    const handlePromoCode = (code) => {
+        fillCart('promoCode', code);
+    };
     const innerCollapseRef = useRef(null);
     //! disable keypress on input
     useEffect(() => {
@@ -67,6 +68,9 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps })
                 user && useBalance ? (React.createElement("div", { className: `od-item-wrap` },
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `muramoney` }),
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 balance-text-block`, text: `-${handlePriceCheckFunc(useBalance, currency)}` }))) : null,
+                user && discountTotal ? (React.createElement("div", { className: `od-item-wrap` },
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `discount` }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 balance-text-block`, text: `-${handlePriceCheckFunc(discountTotal, currency)}` }))) : null,
                 React.createElement("div", { className: `od-item-wrap` },
                     React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 sticky-wrap-total`, text: `total` }),
                     React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 sticky-wrap-currency2`, text: itemsCount ? handlePriceCheckFunc(total, currency) : `0 ${currency}` })),
@@ -74,7 +78,7 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps })
                 React.createElement(CollapseContainer, { className: 'collapse-container-wrapper' },
                     React.createElement("div", { ref: innerCollapseRef },
                         React.createElement(BalanceComp, { getItemCount: itemsCount, balance: user?.balance || 0, currency: currency, balanceHandler: handleBalance, useBalance: useBalance }),
-                        React.createElement(PromoCodeComp, { getItemCount: itemsCount, promo_code: promo_code }))),
+                        React.createElement(PromoCodeComp, { getItemCount: itemsCount, promoCodeHandler: handlePromoCode, usePromoCode: usePromoCode }))),
                 isCheckoutPage && typeof isShipping === 'boolean' && !isShipping ? React.createElement(CommentComp, { fillCheckoutData: fillCheckoutData }) : null,
                 React.createElement(AccountButton, { loading: buttonProps.loadingButton, url: buttonProps.url, btnType: `full-width`, text: buttonProps.text, type: buttonProps.type, className: `sticky-wrap-btn`, disabled: checkoutBtnDisabled, onClick: () => buttonProps.handleClick && buttonProps.handleClick() }))) : (React.createElement(SkeletonTotalCheckout, null))))));
 });

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

@@ -5,10 +5,9 @@ import { AccountButton } from '../../../components';
 import EmptyCartStyle from './style';
 import { emptyCartIconDefault } from './icons';
 const EmptyCart = ({ shoppingUrl, emptyCartIcon }) => {
-    console.log(emptyCartIcon);
     return (React.createElement(EmptyCartStyle, null,
         React.createElement("div", { className: `empty-cart-wrap` },
-            emptyCartIcon ? emptyCartIcon : React.createElement("div", { className: 'wrapper-icon' }, emptyCartIconDefault),
+            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)));

package/dist/styles/typography.js

@@ -11,6 +11,12 @@ const AccountTypography = createGlobalStyle `${css `
 	main {
 		&.use-account {
 			background-color: var(--account_backgroundColor);
+
+			~ footer {
+				.footer-first-container {
+					border-top: unset !important;
+				}
+			}
 		}
 	}
 

package/package.json

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