umwd-components 0.1.428 → 0.1.430
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/e-commerce/checkout/CheckoutForm.js +1 -1
- package/dist/src/components/e-commerce/checkout/Step3.js +1 -1
- package/dist/src/context/e-commerce/checkout/CheckoutContext.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/e-commerce/checkout/Step3.d.ts +3 -1
- package/dist/types/context/e-commerce/checkout/CheckoutContext.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/e-commerce/checkout/CheckoutForm.tsx +8 -1
- package/src/components/e-commerce/checkout/Step3.tsx +65 -35
- package/src/context/e-commerce/checkout/CheckoutContext.tsx +24 -1
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
* @copyright Jelle Paulus
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
7
|
-
import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__read as t}from"../../../../node_modules/tslib/tslib.es6.js";import r from"@mui/material/Typography";import n from"@mui/material/Container";import
|
|
7
|
+
import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__read as t}from"../../../../node_modules/tslib/tslib.es6.js";import r from"@mui/material/Typography";import n from"@mui/material/Container";import l from"@mui/material/Stack";import a from"@mui/material/Grid";import o from"@mui/material/Paper";import i from"@mui/material/Box";import m from"@mui/material/Button";import c from"@mui/material/Stepper";import s from"@mui/material/Step";import p from"@mui/material/StepLabel";import u from"@mui/material/MobileStepper";import d from"@mui/material/useMediaQuery";import{useTheme as f}from"@mui/material/styles";import x,{useState as E,useEffect as g}from"react";import b from"next/link";import{useSearchParams as v}from"next/navigation";import{useSession as h}from"../../../context/auth/SessionContext.js";import k from"@mui/icons-material/KeyboardArrowLeft";import y from"@mui/icons-material/KeyboardArrowRight";import B from"./Step1.js";import C from"./Step2.js";import S from"./Step3.js";import A from"./Step4.js";import N from"./Step5.js";import{useCheckout as _}from"../../../context/e-commerce/checkout/CheckoutContext.js";import{useCart as j}from"../../../context/e-commerce/cart/CartContext.js";function D(D){var P=D.shopUrl,w=void 0===P?"/shop":P,z=f(),I=d(z.breakpoints.down("sm")),O=_(),T=O.state,H=O.runAllChecks,L=O.togglePrefersBillingAddress,M=O.togglePrefersDeliveryAddress,V=j().dispatch,F=t(E(0),2),K=F[0],G=F[1],Q=function(){G((function(e){return e+1}))},R=function(){G((function(e){return e-1}))},U=h(),q=U.loading;U.error;var J=U.user;U.login;var W=U.logout,X=v();g((function(){null!==X&&(X.get("order")&&(G(4),localStorage.removeItem("cart"),V({type:"SET_ITEMS",payload:[]})))}),[X]),g((function(){H()}),[J]);var Y=!T.confirmations.itemsInCart,Z=!T.confirmations.customerProfileComplete,$=[{label:"Login or register",children:x.createElement(B,{user:J,logout:W}),backButton:x.createElement(m,{variant:I?"text":"outlined",disabled:0===K,onClick:R,sx:{mr:1}},"Back",I&&x.createElement(k,null)),nextButton:x.createElement(m,{variant:I?"text":"contained",onClick:Q,sx:{ml:1},disabled:(!J||Y)&&"production"===process.env.NODE_ENV,size:I?"small":"large"},"Next",I&&x.createElement(y,null))},{label:"Provide us with your address",children:x.createElement(C,null),backButton:x.createElement(m,{size:I?"small":"large",onClick:R,disabled:0===K,variant:I?"text":"outlined"},"Back",I&&x.createElement(k,null)),nextButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){Q()},disabled:(!J||Y||Z)&&"production"===process.env.NODE_ENV},"Next",I&&x.createElement(y,null))},{label:"Set up mailing options",children:x.createElement(S,{user:J,prefersBillingAddress:T.prefersBillingAddress,prefersDeliveryAddress:T.prefersDeliveryAddress,delivery_options:T.delivery_options,payment_options:T.payment_options,togglePrefersBillingAddress:L,togglePrefersDeliveryAddress:M}),backButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"outlined",onClick:R,disabled:0===K},"Back",I&&x.createElement(k,null)),nextButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){Q()},disabled:(!J||Y||Z)&&"production"===process.env.NODE_ENV},"Next",I&&x.createElement(y,null))},{label:"Confirm and make a payment",children:x.createElement(A,null),nextButton:x.createElement(x.Fragment,null,x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){Q()},disabled:!0},"Next",I&&x.createElement(y,null))),backButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"outlined",onClick:R,disabled:0===K},"Back",I&&x.createElement(k,null))},{label:"Done!",children:x.createElement(N,null)}];return x.createElement(n,{sx:{py:2,minHeight:"100vh"}},x.createElement(a,{container:!0,spacing:2,sx:{py:3,minHeight:"60vh"}},x.createElement(a,{item:!0,xs:12},x.createElement(r,{variant:"h4",align:"center"},"Check Out")),Y&&4!=K&&x.createElement(a,{item:!0,xs:12},x.createElement(i,{sx:{color:"red",border:"2px solid red",p:2}},x.createElement(r,{variant:"h5"},"No products in cart"),x.createElement(r,{variant:"body1"},"There are no products selected to order, please visit the shop befor continuing"))),x.createElement(a,{item:!0,xs:12},x.createElement(i,{width:"100%"},x.createElement(o,{sx:{p:2,mb:2,display:{xs:"block",sm:"none"}}},x.createElement(l,{direction:"row",spacing:2,alignItems:"center"},x.createElement(r,{variant:"body2"},"".concat(K+1," / ").concat($.length)),x.createElement(r,null,"".concat($[K].label)))),x.createElement(o,{sx:{px:2,pt:2,mb:2,display:{xs:"none",sm:"block"}}},x.createElement(c,{activeStep:K},$.map((function(t,r){var n={};return x.createElement(s,e({key:r},{},{sx:{pb:"20px"}}),x.createElement(p,n,t.label))})))),!q&&x.createElement(x.Fragment,null,$[K].children,x.createElement(o,{sx:{p:2,mt:2,display:{xs:"none",sm:"block"}}},x.createElement(l,{direction:"row",spacing:2},$[K].backButton,x.createElement(m,{variant:"outlined",sx:{ml:1}},x.createElement(b,{href:w},"continue shopping")),x.createElement(i,{sx:{flex:"1 1 auto"}}),$[K].nextButton))))),x.createElement(a,{item:!0,xs:12},x.createElement(u,{sx:{display:{xs:"flex",sm:"none"}},variant:"text",steps:$.length,position:"static",activeStep:K,nextButton:$[K].nextButton,backButton:$[K].backButton}))))}export{D as default};
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* @copyright Jelle Paulus
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
|
-
import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"@mui/material/Paper";import
|
|
6
|
+
import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"@mui/material/Paper";import i from"@mui/material/Stack";import a from"@mui/material/Typography";import l from"@mui/material/Autocomplete";import n from"@mui/material/Grid";import o from"@mui/material/Checkbox";import m from"@mui/material/TextField";import s from"../../common/Address.js";function d(d){var c,p,u=d.user,f=d.prefersBillingAddress,E=void 0===f||f,v=d.prefersDeliveryAddress,y=void 0===v||v,g=d.delivery_options,_=d.payment_options,b=d.togglePrefersBillingAddress,h=d.togglePrefersDeliveryAddress;return r.createElement(t,{sx:{p:2}},r.createElement(i,{spacing:2},r.createElement("form",null,r.createElement(n,{container:!0},r.createElement(n,{item:!0,xs:12,md:6,sx:{pr:2}},r.createElement(i,{spacing:2,justifyContent:"space-between"},r.createElement(a,{variant:"h5"},"Delivery Options"),r.createElement(a,{variant:"body1"},"Your order will be delivered at this address"),y&&u.customer_profile.delivery_address?r.createElement(s,{data:u.customer_profile.delivery_address}):r.createElement(s,{data:u.customer_profile.company_address}),null!=(null===(c=null==u?void 0:u.customer_profile)||void 0===c?void 0:c.delivery_address)&&r.createElement(i,{direction:"row",spacing:2},r.createElement(o,{checked:y,onChange:h}),r.createElement(a,null,"Use company address instead")),g&&g.length>0&&r.createElement(l,{options:g,renderInput:function(t){return r.createElement(m,e({},t,{label:"Delivery Options"}))}}))),r.createElement(n,{item:!0,xs:12,md:6,sx:{pr:2}},r.createElement(i,{spacing:2,justifyContent:"space-between"},r.createElement(a,{variant:"h5"},"Payment Options"),r.createElement(a,{variant:"body1"},"Your invoice will be shipped to this address"),E&&u.customer_profile.billing_address?r.createElement(s,{data:u.customer_profile.billing_address}):r.createElement(s,{data:u.customer_profile.company_address}),null!=(null===(p=null==u?void 0:u.customer_profile)||void 0===p?void 0:p.billing_address)&&r.createElement(i,{direction:"row",spacing:2},r.createElement(o,{checked:E,onChange:b}),r.createElement(a,null,"Use company address instead")),_&&_.length>0&&r.createElement(l,{options:_,renderInput:function(t){return r.createElement(m,e({},t,{label:"Payment Options"}))}})))))))}export{d as default};
|
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
* @copyright Jelle Paulus
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
7
|
-
import{__read as e,__assign as s}from"../../../../node_modules/tslib/tslib.es6.js";import
|
|
7
|
+
import{__read as e,__assign as s}from"../../../../node_modules/tslib/tslib.es6.js";import r,{useReducer as l,useContext as i,createContext as o}from"react";import{isCustomerProfileComplete as d}from"../../../lib/isCustomerProfileComplete.js";import{isAddressComplete as t}from"../../../lib/isAddressComplete.js";import{areBusinessCredentailsComplete as a}from"../../../lib/areBusinessCredentialsComplete.js";import{useClientSideCart as n}from"../../../components/e-commerce/cart/hooks.js";import{useSession as p}from"../../auth/SessionContext.js";import m from"../../../lib/isVATValid.js";import u from"../../../lib/isEORIValid.js";var f={confirmations:{itemsInCart:!1,customerProfileComplete:!1,companyAddressComplete:!1,deliveryAddressComplete:!1,billingAddressComplete:!1,businessCredentailsComplete:!1,hasValidatedVAT:!1,hasValidatedEORI:!1},delivery_options:[{id:1,label:"ptt"}],payment_options:[{id:1,label:"ideal"}],prefersBillingAddress:!0,prefersDeliveryAddress:!0},c=o({state:f,runAllChecks:function(){},togglePrefersBillingAddress:function(){},togglePrefersDeliveryAddress:function(){}}),A=function(e,r){switch(r.type){case"UPDATE_CONFIRMATIONS":var l=r.payload.itemsInCart,i=r.payload.customerProfileComplete,o=r.payload.companyAddressComplete,d=r.payload.deliveryAddressComplete,t=r.payload.billingAddressComplete,a=r.payload.businessCredentailsComplete,n=r.payload.hasValidatedVAT,p=r.payload.hasValidatedEORI;return s(s({},e),{confirmations:{itemsInCart:l,customerProfileComplete:i,companyAddressComplete:o,deliveryAddressComplete:d,billingAddressComplete:t,businessCredentailsComplete:a,hasValidatedVAT:n,hasValidatedEORI:p}});case"SET_PREFERS_BILLING_ADDRESS":return s(s({},e),{prefersBillingAddress:r.payload.prefersBillingAddress});case"SET_PREFERS_DELIVERY_ADDRESS":return s(s({},e),{prefersDeliveryAddress:r.payload.prefersDeliveryAddress});default:return e}},v=function(s){var i=s.children,o=e(l(A,f),2),v=o[0],C=o[1],y=p(),_=y.user;y.loading,y.error;var E=n(),g={state:v,runAllChecks:function(){var e,s,r,l,i,o,n=E.state.items.length>0,p=d(null==_?void 0:_.customer_profile),f=t(null===(e=null==_?void 0:_.customer_profile)||void 0===e?void 0:e.company_address),c=t(null===(s=null==_?void 0:_.customer_profile)||void 0===s?void 0:s.delivery_address),A=t(null===(r=null==_?void 0:_.customer_profile)||void 0===r?void 0:r.billing_address),v=a(null===(l=null==_?void 0:_.customer_profile)||void 0===l?void 0:l.business_credentials),y=m(null===(i=null==_?void 0:_.customer_profile)||void 0===i?void 0:i.business_credentials),g=u(null===(o=null==_?void 0:_.customer_profile)||void 0===o?void 0:o.business_credentials);C({type:"UPDATE_CONFIRMATIONS",payload:{itemsInCart:n,customerProfileComplete:p,companyAddressComplete:f,deliveryAddressComplete:c,billingAddressComplete:A,businessCredentailsComplete:v,hasValidatedVAT:y,hasValidatedEORI:g}})},togglePrefersBillingAddress:function(){C({type:"SET_PREFERS_BILLING_ADDRESS",payload:{prefersBillingAddress:!v.prefersBillingAddress}})},togglePrefersDeliveryAddress:function(){C({type:"SET_PREFERS_DELIVERY_ADDRESS",payload:{prefersDeliveryAddress:!v.prefersDeliveryAddress}})}};return r.createElement(c.Provider,{value:g},i)},C=function(){return i(c)};export{v as CheckoutProvider,C as useCheckout};
|