umwd-components 0.1.402 → 0.1.403

package/dist/src/components/e-commerce/checkout/CheckoutForm.js

@@ -4,4 +4,4 @@
  * @copyright Jelle Paulus
  * @license MIT
  */
-import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__read as t}from"../../../../node_modules/tslib/tslib.es6.js";import n from"@mui/material/Typography";import r from"@mui/material/Container";import a from"@mui/material/Stack";import l from"@mui/material/Grid";import i from"@mui/material/Paper";import o from"@mui/material/Box";import m from"@mui/material/Button";import c from"@mui/material/Stepper";import s from"@mui/material/Step";import u from"@mui/material/StepLabel";import p from"@mui/material/MobileStepper";import d from"@mui/material/useMediaQuery";import{useTheme as E}from"@mui/material/styles";import x,{useState as f,useEffect as b}from"react";import g from"next/link";import{useSearchParams as v}from"next/navigation";import{useSession as k}from"../../../context/auth/SessionContext.js";import h from"@mui/icons-material/KeyboardArrowLeft";import C from"@mui/icons-material/KeyboardArrowRight";import y from"./Step1.js";import B from"./Step2.js";import S from"./Step3.js";import j from"./Step4.js";import A from"./Step5.js";import{useCheckout as w}from"../../../context/e-commerce/checkout/CheckoutContext.js";function z(z){var P=z.shopUrl,N=void 0===P?"/shop":P,H=E(),I=d(H.breakpoints.down("sm")),L=w(),_=L.state,F=L.runAllChecks,K=t(f(0),2),M=K[0],T=K[1],D=function(){T((function(e){return e+1}))},G=function(){T((function(e){return e-1}))},O=k(),Q=O.loading;O.error;var R=O.user,U=v();b((function(){null!==U&&(U.get("order")&&T(4))}),[U]),b((function(){F()}),[R]);var q=!_.itemsInCart;_.customerProfileComplete;var J=[{label:"Login or register",children:x.createElement(y,null),backButton:x.createElement(m,{variant:I?"text":"outlined",disabled:0===M,onClick:G,sx:{mr:1}},"Back",I&&x.createElement(h,null)),nextButton:x.createElement(m,{variant:I?"text":"contained",onClick:D,sx:{ml:1},size:I?"small":"large"},"Next",I&&x.createElement(C,null))},{label:"Provide us with your address",children:x.createElement(B,null),backButton:x.createElement(m,{size:I?"small":"large",onClick:G,disabled:0===M,variant:I?"text":"outlined"},"Back",I&&x.createElement(h,null)),nextButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){D()}},"Next",I&&x.createElement(C,null))},{label:"Set up mailing options",children:x.createElement(S,null),backButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"outlined",onClick:G,disabled:0===M},"Back",I&&x.createElement(h,null)),nextButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){D()}},"Next",I&&x.createElement(C,null))},{label:"Confirm and make a payment",children:x.createElement(j,null),nextButton:x.createElement(x.Fragment,null,x.createElement(m,{size:I?"small":"large",variant:I?"text":"contained",onClick:function(){D()},disabled:!0},"Next",I&&x.createElement(C,null))),backButton:x.createElement(m,{size:I?"small":"large",variant:I?"text":"outlined",onClick:G,disabled:0===M},"Back",I&&x.createElement(h,null))},{label:"Done!",children:x.createElement(A,null)}];return x.createElement(r,{sx:{py:2,minHeight:"100vh"}},x.createElement(l,{container:!0,spacing:2,sx:{py:3,minHeight:"60vh"}},x.createElement(l,{item:!0,xs:12,component:i},x.createElement(n,{variant:"body1",align:"center"},"items in cart: ",_.itemsInCart.toString()),x.createElement(n,{variant:"body1",align:"center"},"customerProfileComplete: ",_.customerProfileComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"companyAddressComplete: ",_.companyAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"deliveryAddressComplete: ",_.deliveryAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"billingAddressComplete: ",_.billingAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"businessCredentailsComplete:"," ",_.businessCredentailsComplete.toString()),x.createElement(m,{onClick:function(){F()}},"run all checks")),x.createElement(l,{item:!0,xs:12},x.createElement(n,{variant:"h4",align:"center"},"Check Out")),q&&4!=M&&x.createElement(l,{item:!0,xs:12},x.createElement(o,{sx:{color:"red",border:"2px solid red",p:2}},x.createElement(n,{variant:"h5"},"No products in cart"),x.createElement(n,{variant:"body1"},"There are no products selected to order, please visit the shop befor continuing"))),x.createElement(l,{item:!0,xs:12},x.createElement(o,{width:"100%"},x.createElement(i,{sx:{p:2,mb:2,display:{xs:"block",sm:"none"}}},x.createElement(a,{direction:"row",spacing:2,alignItems:"center"},x.createElement(n,{variant:"body2"},"".concat(M+1," / ").concat(J.length)),x.createElement(n,null,"".concat(J[M].label)))),x.createElement(i,{sx:{px:2,pt:2,mb:2,display:{xs:"none",sm:"block"}}},x.createElement(c,{activeStep:M},J.map((function(t,n){var r={};return x.createElement(s,e({key:n},{},{sx:{pb:"20px"}}),x.createElement(u,r,t.label))})))),!Q&&x.createElement(x.Fragment,null,J[M].children,x.createElement(i,{sx:{p:2,mt:2,display:{xs:"none",sm:"block"}}},x.createElement(a,{direction:"row",spacing:2},J[M].backButton,x.createElement(m,{variant:"outlined",sx:{ml:1}},x.createElement(g,{href:N},"continue shopping")),x.createElement(o,{sx:{flex:"1 1 auto"}}),J[M].nextButton))))),x.createElement(l,{item:!0,xs:12},x.createElement(p,{sx:{display:{xs:"flex",sm:"none"}},variant:"text",steps:J.length,position:"static",activeStep:M,nextButton:J[M].nextButton,backButton:J[M].backButton}))))}export{z as default};
+import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__read as t}from"../../../../node_modules/tslib/tslib.es6.js";import n from"@mui/material/Typography";import r from"@mui/material/Container";import a from"@mui/material/Stack";import l from"@mui/material/Grid";import i from"@mui/material/Paper";import o from"@mui/material/Box";import m from"@mui/material/Button";import c from"@mui/material/Stepper";import s from"@mui/material/Step";import u from"@mui/material/StepLabel";import p from"@mui/material/MobileStepper";import d from"@mui/material/useMediaQuery";import{useTheme as E}from"@mui/material/styles";import x,{useState as b,useEffect as f}from"react";import g 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 C from"@mui/icons-material/KeyboardArrowRight";import y from"./Step1.js";import S from"./Step2.js";import B from"./Step3.js";import A from"./Step4.js";import j from"./Step5.js";import{useCheckout as w}from"../../../context/e-commerce/checkout/CheckoutContext.js";function z(z){var P=z.shopUrl,V=void 0===P?"/shop":P,I=E(),N=d(I.breakpoints.down("sm")),T=w(),H=T.state,L=T.runAllChecks,O=t(b(0),2),R=O[0],_=O[1],F=function(){_((function(e){return e+1}))},K=function(){_((function(e){return e-1}))},M=h(),D=M.loading;M.error;var G=M.user,Q=v();f((function(){null!==Q&&(Q.get("order")&&_(4))}),[Q]),f((function(){L()}),[G]);var U=!H.itemsInCart;H.customerProfileComplete;var q=[{label:"Login or register",children:x.createElement(y,null),backButton:x.createElement(m,{variant:N?"text":"outlined",disabled:0===R,onClick:K,sx:{mr:1}},"Back",N&&x.createElement(k,null)),nextButton:x.createElement(m,{variant:N?"text":"contained",onClick:F,sx:{ml:1},size:N?"small":"large"},"Next",N&&x.createElement(C,null))},{label:"Provide us with your address",children:x.createElement(S,null),backButton:x.createElement(m,{size:N?"small":"large",onClick:K,disabled:0===R,variant:N?"text":"outlined"},"Back",N&&x.createElement(k,null)),nextButton:x.createElement(m,{size:N?"small":"large",variant:N?"text":"contained",onClick:function(){F()}},"Next",N&&x.createElement(C,null))},{label:"Set up mailing options",children:x.createElement(B,null),backButton:x.createElement(m,{size:N?"small":"large",variant:N?"text":"outlined",onClick:K,disabled:0===R},"Back",N&&x.createElement(k,null)),nextButton:x.createElement(m,{size:N?"small":"large",variant:N?"text":"contained",onClick:function(){F()}},"Next",N&&x.createElement(C,null))},{label:"Confirm and make a payment",children:x.createElement(A,null),nextButton:x.createElement(x.Fragment,null,x.createElement(m,{size:N?"small":"large",variant:N?"text":"contained",onClick:function(){F()},disabled:!0},"Next",N&&x.createElement(C,null))),backButton:x.createElement(m,{size:N?"small":"large",variant:N?"text":"outlined",onClick:K,disabled:0===R},"Back",N&&x.createElement(k,null))},{label:"Done!",children:x.createElement(j,null)}];return x.createElement(r,{sx:{py:2,minHeight:"100vh"}},x.createElement(l,{container:!0,spacing:2,sx:{py:3,minHeight:"60vh"}},x.createElement(l,{item:!0,xs:12,component:i},x.createElement(n,{variant:"body1",align:"center"},"items in cart: ",H.itemsInCart.toString()),x.createElement(n,{variant:"body1",align:"center"},"customerProfileComplete: ",H.customerProfileComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"companyAddressComplete: ",H.companyAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"deliveryAddressComplete: ",H.deliveryAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"billingAddressComplete: ",H.billingAddressComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"businessCredentailsComplete:"," ",H.businessCredentailsComplete.toString()),x.createElement(n,{variant:"body1",align:"center"},"hasValidatedVAT: ",H.hasValidatedVAT.toString()),x.createElement(n,{variant:"body1",align:"center"},"hasValidatedEORI: ",H.hasValidatedEORI.toString()),x.createElement(m,{onClick:function(){L()}},"run all checks")),x.createElement(l,{item:!0,xs:12},x.createElement(n,{variant:"h4",align:"center"},"Check Out")),U&&4!=R&&x.createElement(l,{item:!0,xs:12},x.createElement(o,{sx:{color:"red",border:"2px solid red",p:2}},x.createElement(n,{variant:"h5"},"No products in cart"),x.createElement(n,{variant:"body1"},"There are no products selected to order, please visit the shop befor continuing"))),x.createElement(l,{item:!0,xs:12},x.createElement(o,{width:"100%"},x.createElement(i,{sx:{p:2,mb:2,display:{xs:"block",sm:"none"}}},x.createElement(a,{direction:"row",spacing:2,alignItems:"center"},x.createElement(n,{variant:"body2"},"".concat(R+1," / ").concat(q.length)),x.createElement(n,null,"".concat(q[R].label)))),x.createElement(i,{sx:{px:2,pt:2,mb:2,display:{xs:"none",sm:"block"}}},x.createElement(c,{activeStep:R},q.map((function(t,n){var r={};return x.createElement(s,e({key:n},{},{sx:{pb:"20px"}}),x.createElement(u,r,t.label))})))),!D&&x.createElement(x.Fragment,null,q[R].children,x.createElement(i,{sx:{p:2,mt:2,display:{xs:"none",sm:"block"}}},x.createElement(a,{direction:"row",spacing:2},q[R].backButton,x.createElement(m,{variant:"outlined",sx:{ml:1}},x.createElement(g,{href:V},"continue shopping")),x.createElement(o,{sx:{flex:"1 1 auto"}}),q[R].nextButton))))),x.createElement(l,{item:!0,xs:12},x.createElement(p,{sx:{display:{xs:"flex",sm:"none"}},variant:"text",steps:q.length,position:"static",activeStep:R,nextButton:q[R].nextButton,backButton:q[R].backButton}))))}export{z as default};