umwd-components 0.1.427 → 0.1.429
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 +14 -1
- package/dist/types/types/e-commerce/checkout/types.d.ts +20 -0
- package/package.json +1 -1
- package/src/components/e-commerce/checkout/CheckoutForm.tsx +10 -2
- package/src/components/e-commerce/checkout/Step3.tsx +81 -461
- package/src/components/e-commerce/customer/CustomerProfileEditForm.tsx +0 -1
- package/src/context/e-commerce/checkout/CheckoutContext.tsx +14 -0
- package/src/types/e-commerce/checkout/types.ts +21 -29
|
@@ -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 a from"@mui/material/Stack";import l 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
|
|
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 a from"@mui/material/Stack";import l 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 x}from"@mui/material/styles";import E,{useState as f,useEffect as b}from"react";import v from"next/link";import{useSearchParams as g}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 N from"./Step4.js";import _ from"./Step5.js";import{useCheckout as j}from"../../../context/e-commerce/checkout/CheckoutContext.js";import{useCart as w}from"../../../context/e-commerce/cart/CartContext.js";function z(z){var A=z.shopUrl,D=void 0===A?"/shop":A,I=x(),O=d(I.breakpoints.down("sm")),P=j(),T=P.state,H=P.runAllChecks,L=w().dispatch,M=t(f(0),2),V=M[0],F=M[1],K=function(){F((function(e){return e+1}))},G=function(){F((function(e){return e-1}))},Q=h(),R=Q.loading;Q.error;var U=Q.user;Q.login;var q=Q.logout,J=g();b((function(){null!==J&&(J.get("order")&&(F(4),localStorage.removeItem("cart"),L({type:"SET_ITEMS",payload:[]})))}),[J]),b((function(){H()}),[U]);var W=!T.confirmations.itemsInCart,X=!T.confirmations.customerProfileComplete,Y=[{label:"Login or register",children:E.createElement(B,{user:U,logout:q}),backButton:E.createElement(m,{variant:O?"text":"outlined",disabled:0===V,onClick:G,sx:{mr:1}},"Back",O&&E.createElement(k,null)),nextButton:E.createElement(m,{variant:O?"text":"contained",onClick:K,sx:{ml:1},disabled:(!U||W)&&"production"===process.env.NODE_ENV,size:O?"small":"large"},"Next",O&&E.createElement(y,null))},{label:"Provide us with your address",children:E.createElement(C,null),backButton:E.createElement(m,{size:O?"small":"large",onClick:G,disabled:0===V,variant:O?"text":"outlined"},"Back",O&&E.createElement(k,null)),nextButton:E.createElement(m,{size:O?"small":"large",variant:O?"text":"contained",onClick:function(){K()},disabled:(!U||W||X)&&"production"===process.env.NODE_ENV},"Next",O&&E.createElement(y,null))},{label:"Set up mailing options",children:E.createElement(S,{user:U,prefersBillingAddress:T.prefersBillingAddress,prefersDeliveryAddress:T.prefersDeliveryAddress,delivery_options:T.delivery_options,payment_options:T.payment_options}),backButton:E.createElement(m,{size:O?"small":"large",variant:O?"text":"outlined",onClick:G,disabled:0===V},"Back",O&&E.createElement(k,null)),nextButton:E.createElement(m,{size:O?"small":"large",variant:O?"text":"contained",onClick:function(){K()},disabled:(!U||W||X)&&"production"===process.env.NODE_ENV},"Next",O&&E.createElement(y,null))},{label:"Confirm and make a payment",children:E.createElement(N,null),nextButton:E.createElement(E.Fragment,null,E.createElement(m,{size:O?"small":"large",variant:O?"text":"contained",onClick:function(){K()},disabled:!0},"Next",O&&E.createElement(y,null))),backButton:E.createElement(m,{size:O?"small":"large",variant:O?"text":"outlined",onClick:G,disabled:0===V},"Back",O&&E.createElement(k,null))},{label:"Done!",children:E.createElement(_,null)}];return E.createElement(n,{sx:{py:2,minHeight:"100vh"}},E.createElement(l,{container:!0,spacing:2,sx:{py:3,minHeight:"60vh"}},E.createElement(l,{item:!0,xs:12},E.createElement(r,{variant:"h4",align:"center"},"Check Out")),W&&4!=V&&E.createElement(l,{item:!0,xs:12},E.createElement(i,{sx:{color:"red",border:"2px solid red",p:2}},E.createElement(r,{variant:"h5"},"No products in cart"),E.createElement(r,{variant:"body1"},"There are no products selected to order, please visit the shop befor continuing"))),E.createElement(l,{item:!0,xs:12},E.createElement(i,{width:"100%"},E.createElement(o,{sx:{p:2,mb:2,display:{xs:"block",sm:"none"}}},E.createElement(a,{direction:"row",spacing:2,alignItems:"center"},E.createElement(r,{variant:"body2"},"".concat(V+1," / ").concat(Y.length)),E.createElement(r,null,"".concat(Y[V].label)))),E.createElement(o,{sx:{px:2,pt:2,mb:2,display:{xs:"none",sm:"block"}}},E.createElement(c,{activeStep:V},Y.map((function(t,r){var n={};return E.createElement(s,e({key:r},{},{sx:{pb:"20px"}}),E.createElement(p,n,t.label))})))),!R&&E.createElement(E.Fragment,null,Y[V].children,E.createElement(o,{sx:{p:2,mt:2,display:{xs:"none",sm:"block"}}},E.createElement(a,{direction:"row",spacing:2},Y[V].backButton,E.createElement(m,{variant:"outlined",sx:{ml:1}},E.createElement(v,{href:D},"continue shopping")),E.createElement(i,{sx:{flex:"1 1 auto"}}),Y[V].nextButton))))),E.createElement(l,{item:!0,xs:12},E.createElement(u,{sx:{display:{xs:"flex",sm:"none"}},variant:"text",steps:Y.length,position:"static",activeStep:V,nextButton:Y[V].nextButton,backButton:Y[V].backButton}))))}export{z as default};
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* @copyright Jelle Paulus
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
|
-
import e from"react";import
|
|
6
|
+
import{extends as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"@mui/material/Paper";import a from"@mui/material/Stack";import i from"@mui/material/Typography";import l from"@mui/material/Autocomplete";import n from"@mui/material/Grid";import m from"@mui/material/Checkbox";import o from"@mui/material/TextField";import s from"../../common/Address.js";function d(d){var c,p,u=d.user,E=d.prefersBillingAddress,f=void 0===E||E,v=d.prefersDeliveryAddress,_=void 0===v||v,y=d.delivery_options,g=d.payment_options;return r.createElement(t,{sx:{p:2}},r.createElement(a,{spacing:2},r.createElement("form",null,r.createElement(n,{container:!0},r.createElement(n,{item:!0,xs:12,md:6},r.createElement(a,{spacing:2},r.createElement(i,{variant:"h5"},"Delivery Options"),r.createElement(i,{variant:"body1"},"Your order will be delivered at this address"),_&&u.customer_profile.delivery_address?r.createElement(s,{data:u.customer_profile.delivery_address}):r.createElement(s,{data:u.customer_profile.company_address}),void 0!==(null===(c=null==u?void 0:u.customer_profile)||void 0===c?void 0:c.delivery_address)&&r.createElement(a,{direction:"row",spacing:2},r.createElement(m,{checked:_}),r.createElement(i,null,"Use company address instead")),y&&y.length>0&&r.createElement(l,{options:y,renderInput:function(t){return r.createElement(o,e({},t,{label:"Delivery Options"}))}}))),r.createElement(n,{item:!0,xs:12,md:6},r.createElement(a,{spacing:2},r.createElement(i,{variant:"h5"},"Payment Options"),f&&u.billing_address?r.createElement(s,{data:u.customer_profile.billing_address}):r.createElement(s,{data:u.customer_profile.company_address}),void 0!==(null===(p=null==u?void 0:u.customer_profile)||void 0===p?void 0:p.billing_address)&&r.createElement(a,{direction:"row",spacing:2},r.createElement(m,{checked:f}),r.createElement(i,null,"Use company address instead")),g&&g.length>0&&r.createElement(l,{options:g,renderInput:function(t){return r.createElement(o,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
|
|
7
|
+
import{__read as e,__assign as s}from"../../../../node_modules/tslib/tslib.es6.js";import l,{useReducer as r,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 m}from"../../auth/SessionContext.js";import p from"../../../lib/isVATValid.js";import u from"../../../lib/isEORIValid.js";var c={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:c,runAllChecks:function(){}}),f=function(e,l){switch(l.type){case"UPDATE_CONFIRMATIONS":var r=l.payload.itemsInCart,i=l.payload.customerProfileComplete,o=l.payload.companyAddressComplete,d=l.payload.deliveryAddressComplete,t=l.payload.billingAddressComplete,a=l.payload.businessCredentailsComplete,n=l.payload.hasValidatedVAT,m=l.payload.hasValidatedEORI;return s(s({},e),{confirmations:{itemsInCart:r,customerProfileComplete:i,companyAddressComplete:o,deliveryAddressComplete:d,billingAddressComplete:t,businessCredentailsComplete:a,hasValidatedVAT:n,hasValidatedEORI:m}});case"SET_PREFERS_BILLING_ADDRESS":return s(s({},e),{prefersBillingAddress:l.payload.prefersBillingAddress});case"SET_PREFERS_DELIVERY_ADDRESS":return s(s({},e),{prefersDeliveryAddress:l.payload.prefersDeliveryAddress});default:return e}},v=function(s){var i=s.children,o=e(r(f,c),2),v=o[0],A=o[1],y=m(),_=y.user;y.loading,y.error;var b=n(),E={state:v,runAllChecks:function(){var e,s,l,r,i,o,n=b.state.items.length>0,m=d(null==_?void 0:_.customer_profile),c=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),f=t(null===(l=null==_?void 0:_.customer_profile)||void 0===l?void 0:l.billing_address),v=a(null===(r=null==_?void 0:_.customer_profile)||void 0===r?void 0:r.business_credentials),y=p(null===(i=null==_?void 0:_.customer_profile)||void 0===i?void 0:i.business_credentials),E=u(null===(o=null==_?void 0:_.customer_profile)||void 0===o?void 0:o.business_credentials);A({type:"UPDATE_CONFIRMATIONS",payload:{itemsInCart:n,customerProfileComplete:m,companyAddressComplete:c,deliveryAddressComplete:C,billingAddressComplete:f,businessCredentailsComplete:v,hasValidatedVAT:y,hasValidatedEORI:E}})}};return l.createElement(C.Provider,{value:E},i)},A=function(){return i(C)};export{v as CheckoutProvider,A as useCheckout};
|