@weareconceptstudio/account 0.4.8 → 0.4.9

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

@@ -0,0 +1,5 @@
+export default AppliedPromotion;
+declare function AppliedPromotion({ name }: {
+    name: any;
+}): React.JSX.Element;
+import React from 'react';

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from '@weareconceptstudio/core';
+const AppliedPromotion = ({ name }) => {
+    return (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' }, name),
+        React.createElement(Text, { text: 'account.general_actions.remove', className: 'account-p account-p4 account-primary-color2 account-font-medium promo-code-remove-text', onClick: () => {
+                // promotionHandler(null);
+                // setDisable(false);
+            } })));
+};
+export default AppliedPromotion;

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

@@ -1,8 +1,9 @@
 export default PromoCodeComp;
-declare function PromoCodeComp({ isPromoCode, promotionHandler, usePromotion, getItemCount }: {
+declare function PromoCodeComp({ isPromoCode, promotionHandler, usePromotion, getItemCount, appliedPromotions }: {
     isPromoCode?: boolean;
     promotionHandler: any;
     usePromotion: any;
     getItemCount: any;
+    appliedPromotions: any;
 }): React.JSX.Element;
 import React from 'react';

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

@@ -1,33 +1,36 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { Text, CollapseItem } from '@weareconceptstudio/core';
 import { FormBuilder } from '@weareconceptstudio/form';
 import AccountButton from '../../AccountButton';
+import AppliedPromotion from './AppliedPromotion';
 import { promoCodeFields } from './utils';
 //* Style
 import PromoCodeCompStyle from './style';
-const PromoCodeComp = ({ isPromoCode = true, promotionHandler, usePromotion, getItemCount }) => {
+const PromoCodeComp = ({ isPromoCode = true, promotionHandler, usePromotion, getItemCount, appliedPromotions }) => {
     //! States
-    const [couponCode, setCouponCode] = useState(false);
     const [disable, setDisable] = useState(false);
     //! On Finish
     const onFinish = (values) => {
         setDisable(true);
         promotionHandler(values.promo_code);
     };
+    const promotions = useMemo(() => {
+        return appliedPromotions.map((promotion) => React.createElement(AppliedPromotion, { ...promotion }));
+    }, [appliedPromotions]);
     return isPromoCode ? (React.createElement(PromoCodeCompStyle, { className: `collapse-distance ${getItemCount ? '' : 'disable'}` },
-        React.createElement(CollapseItem, { disable: disable, title: React.createElement(React.Fragment, null,
+        React.createElement(CollapseItem, { status: appliedPromotions.length ? 'open' : 'closed', disable: disable, title: React.createElement(React.Fragment, null,
                 React.createElement("div", { className: 'inner-wrapper-icon' },
                     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: 'account.balance_promotions.gotPromotionCode' })), description: React.createElement(React.Fragment, null, usePromotion ? (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' }, usePromotion),
-                React.createElement(Text, { text: 'account.general_actions.remove', className: 'account-p account-p4 account-primary-color2 account-font-medium promo-code-remove-text', onClick: () => {
+                React.createElement(Text, { className: 'account-p account-p4 account-primary-color1 account-font-medium promo-code-text', text: 'account.balance_promotions.gotPromotionCode' })), description: React.createElement(React.Fragment, null,
+                promotions,
+                usePromotion ? (React.createElement(AppliedPromotion, { name: usePromotion, onClick: () => {
                         promotionHandler(null);
                         setDisable(false);
-                    } }))) : (React.createElement(FormBuilder, { onSubmit: onFinish, fields: promoCodeFields, className: `promo-code-block`, formOptions: {
-                    className: 'promo-code-container',
-                } },
-                React.createElement(AccountButton, { text: `account.general_actions.add`, type: 'submit', btnType: `promo-code-version` })))) }))) : null;
+                    } })) : (React.createElement(FormBuilder, { onSubmit: onFinish, fields: promoCodeFields, className: `promo-code-block`, formOptions: {
+                        className: 'promo-code-container',
+                    } },
+                    React.createElement(AccountButton, { text: `account.general_actions.add`, type: 'submit', btnType: `promo-code-version` })))) }))) : null;
 };
 export default PromoCodeComp;

package/dist/components/TotalCheckout/index.js

@@ -16,7 +16,7 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps })
     const { fillCheckoutData, fillCart, checkoutBtnDisabled, isCheckoutPage } = useCheckoutContext();
     const { addressLoading } = useAddressContext();
     const { user } = useUser();
-    const { itemsCount, shippingCost, freeShippingRange, shippingCostValue, total, subtotal, useBalance, loading, usePromotion, discount } = useCart();
+    const { itemsCount, shippingCost, freeShippingRange, shippingCostValue, total, subtotal, useBalance, loading, usePromotion, discount, appliedPromotions } = useCart();
     const handleBalance = (amount) => {
         fillCart('useBalance', amount);
     };
@@ -62,15 +62,15 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps })
                 React.createElement("div", { className: `od-item-wrap` },
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-subtotal`, text: `account.cart_checkout.subtotal` }),
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-currency`, text: itemsCount ? handlePriceCheckFunc(subtotal, currency) : `0 ${currency}` })),
-                React.createElement("div", { className: `od-item-wrap` },
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping`, text: `account.address_management.shipping` }),
-                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping-cost`, text: `${String(shippingCost).toLowerCase() === 'free' || shippingCost === '-' ? shippingCost : `${numToLocalString(shippingCost)} ${currency}`}` })),
                 user && useBalance ? (React.createElement("div", { className: `od-item-wrap` },
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `account.balance_promotions.muramoney` }),
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 balance-text-block`, text: `-${handlePriceCheckFunc(useBalance, currency)}` }))) : null,
                 user && discount ? (React.createElement("div", { className: `od-item-wrap` },
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1`, text: `account.order_balance.discount` }),
                     React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 balance-text-block`, text: `-${handlePriceCheckFunc(discount, currency)}` }))) : null,
+                React.createElement("div", { className: `od-item-wrap` },
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping`, text: `account.address_management.shipping` }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular account-primary-color1 sticky-wrap-shipping-cost`, text: `${String(shippingCost).toLowerCase() === 'free' || shippingCost === '-' ? shippingCost : `${numToLocalString(shippingCost)} ${currency}`}` })),
                 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: `account.order_balance.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}` })),
@@ -78,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, promotionHandler: handlePromotion, usePromotion: usePromotion }))),
+                        React.createElement(PromoCodeComp, { getItemCount: itemsCount, promotionHandler: handlePromotion, usePromotion: usePromotion, appliedPromotions: appliedPromotions }))),
                 isCheckoutPage && typeof isShipping === 'boolean' && !isShipping ? React.createElement(CommentComp, { fillCheckoutData: fillCheckoutData }) : null,
                 React.createElement(AccountButton, { url: buttonProps.url, btnType: `full-width`, text: buttonProps.text, type: buttonProps.type, disabled: checkoutBtnDisabled, loading: buttonProps.loadingButton, className: `sticky-wrap-btn text-center`, onClick: () => buttonProps.handleClick && buttonProps.handleClick() }))) : (React.createElement(SkeletonTotalCheckout, null))))));
 });

package/package.json

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