From 65df37705d6742ad480f1f99739cc3d8dc6faf72 Mon Sep 17 00:00:00 2001 From: Aditya Date: Fri, 24 Dec 2021 18:10:14 +0530 Subject: [PATCH] Getting taxation, showing taxation and getting shipping rates --- .../cart/CartSidebarView/CartSidebarView.tsx | 45 +- .../TaxationWidget.module.css | 5 + .../GetTaxationWidget/TaxationWidget.tsx | 31 + .../checkout/GetTaxationWidget/index.ts | 1 + .../ShippingRatesWidget.module.css | 5 + .../ShippingRatesWidget.tsx | 31 + .../checkout/ShippingRatesWidget/index.ts | 1 + .../ShowTaxWidget/TaxationWidget.module.css | 5 + .../checkout/ShowTaxWidget/TaxationWidget.tsx | 31 + components/checkout/ShowTaxWidget/index.ts | 1 + components/common/Layout/Layout.tsx | 3 + framework/elasticpath/provider.ts | 17 +- .../shipping-rates/get-shipping-rates.tsx | 35 + framework/elasticpath/tax/get-tax.tsx | 36 + framework/elasticpath/tax/show-tax.tsx | 40 + package-lock.json | 25964 ++++++++++++++++ package.json | 2 + yarn.lock | 11712 +++---- 18 files changed, 32163 insertions(+), 5802 deletions(-) create mode 100644 components/checkout/GetTaxationWidget/TaxationWidget.module.css create mode 100644 components/checkout/GetTaxationWidget/TaxationWidget.tsx create mode 100644 components/checkout/GetTaxationWidget/index.ts create mode 100644 components/checkout/ShippingRatesWidget/ShippingRatesWidget.module.css create mode 100644 components/checkout/ShippingRatesWidget/ShippingRatesWidget.tsx create mode 100644 components/checkout/ShippingRatesWidget/index.ts create mode 100644 components/checkout/ShowTaxWidget/TaxationWidget.module.css create mode 100644 components/checkout/ShowTaxWidget/TaxationWidget.tsx create mode 100644 components/checkout/ShowTaxWidget/index.ts create mode 100644 framework/elasticpath/shipping-rates/get-shipping-rates.tsx create mode 100644 framework/elasticpath/tax/get-tax.tsx create mode 100644 framework/elasticpath/tax/show-tax.tsx create mode 100644 package-lock.json diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx index 2fa7980f2..6853a7de8 100644 --- a/components/cart/CartSidebarView/CartSidebarView.tsx +++ b/components/cart/CartSidebarView/CartSidebarView.tsx @@ -2,6 +2,7 @@ import cn from 'classnames' import Link from 'next/link' import { FC } from 'react' import s from './CartSidebarView.module.css' +import useCheckout from '@framework/checkout/use-checkout' import CartItem from '../CartItem' import { Button, Text } from '@components/ui' import { useUI } from '@components/ui/context' @@ -9,10 +10,33 @@ import { Bag, Cross, Check } from '@components/icons' import useCart from '@framework/cart/use-cart' import usePrice from '@framework/product/use-price' import SidebarLayout from '@components/common/SidebarLayout' +import GetTaxationWidget from '@components/checkout/GetTaxationWidget' +import ShowTaxationWidget from '@components/checkout/ShowTaxWidget' +import ShippingRatesWidget from '@components/checkout/ShippingRatesWidget' +import useGetTax from '@framework/tax/get-tax' +import useShowTax from '@framework/tax/show-tax' +import useShippingRates from '@framework/shipping-rates/get-shipping-rates' const CartSidebarView: FC = () => { - const { closeSidebar, setSidebarView } = useUI() + const { closeSidebar, setSidebarView, sidebarView } = useUI() const { data, isLoading, isEmpty } = useCart() + const { data: checkoutData, submit: onCheckout } = useCheckout() + + if(sidebarView == 'GET_TAXATION_VIEW'){ + const getTax = useGetTax() + console.log(getTax) + } + else if(sidebarView == 'SHOW_TAXATION_VIEW'){ + const showTax = useShowTax() + } + else if(sidebarView == 'SHIPPING_RATES_WIDGET'){ + const shippingRates = useShippingRates() + } + + async function handleSubmit(event: any) { + event.preventDefault() + setSidebarView('CHECKOUT_VIEW') + } const { price: subTotal } = usePrice( data && { @@ -91,6 +115,25 @@ const CartSidebarView: FC = () => { +
+ setSidebarView('GET_TAXATION_VIEW')} + /> +
+
+ setSidebarView('SHOW_TAXATION_VIEW')} + /> +
+
+ setSidebarView('SHIPPING_RATES_WIDGET')} + /> +
+