@commercelayer/react-components 2.49.2 → 2.49.3

package/lib/cjs/components/LineItemsContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const LineItemReducer_1=(0,tslib_1.__importStar)(require("../reducers/LineItemReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const lodash_1=require("lodash");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemsContainer.propTypes;const defaultProps=components_1.default.LineItemsContainer.defaultProps;const displayName=components_1.default.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:r,addResourceToInclude:i,include:o,orderId:s,getOrder:d}=(0,react_1.useContext)(OrderContext_1.default);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);const[c,l]=(0,react_1.useReducer)(LineItemReducer_1.default,LineItemReducer_1.lineItemInitialState);(0,react_1.useEffect)((()=>{if(!(o===null||o===void 0?void 0:o.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option",resourcesIncluded:o})}else if(!(0,lodash_1.isEmpty)(r)&&(r===null||r===void 0?void 0:r.line_items)){l({type:"setLineItems",payload:{lineItems:r.line_items}})}return()=>{if((0,lodash_1.isEmpty)(r)){l({type:"setLineItems",payload:{lineItems:[]}})}}}),[r,o]);const u=Object.assign(Object.assign({},c),{loader:n,updateLineItem:(e,t=1)=>(0,LineItemReducer_1.updateLineItem)({lineItemId:e,quantity:t,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors}),deleteLineItem:e=>(0,LineItemReducer_1.deleteLineItem)({lineItemId:e,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors})});return(0,jsx_runtime_1.jsx)(LineItemContext_1.default.Provider,Object.assign({value:u},{children:c.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;exports.default=LineItemsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const LineItemReducer_1=(0,tslib_1.__importStar)(require("../reducers/LineItemReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const lodash_1=require("lodash");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemsContainer.propTypes;const defaultProps=components_1.default.LineItemsContainer.defaultProps;const displayName=components_1.default.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:r,addResourceToInclude:i,include:o,orderId:s,getOrder:d}=(0,react_1.useContext)(OrderContext_1.default);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);const[c,l]=(0,react_1.useReducer)(LineItemReducer_1.default,LineItemReducer_1.lineItemInitialState);(0,react_1.useEffect)((()=>{if(!(o===null||o===void 0?void 0:o.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option",resourcesIncluded:o})}if(!(0,lodash_1.isEmpty)(r)&&(r===null||r===void 0?void 0:r.line_items)){l({type:"setLineItems",payload:{lineItems:r.line_items}})}return()=>{if((0,lodash_1.isEmpty)(r)){l({type:"setLineItems",payload:{lineItems:[]}})}}}),[r,o]);const u=Object.assign(Object.assign({},c),{loader:n,updateLineItem:(e,t=1)=>(0,LineItemReducer_1.updateLineItem)({lineItemId:e,quantity:t,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors}),deleteLineItem:e=>(0,LineItemReducer_1.deleteLineItem)({lineItemId:e,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors})});return(0,jsx_runtime_1.jsx)(LineItemContext_1.default.Provider,Object.assign({value:u},{children:c.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;exports.default=LineItemsContainer;

package/lib/cjs/components/OrderContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const OrderReducer_1=(0,tslib_1.__importStar)(require("../reducers/OrderReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const OrderContext_1=(0,tslib_1.__importStar)(require("../context/OrderContext"));const OrderReducer_2=require("../reducers/OrderReducer");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderStorageContext_1=(0,tslib_1.__importDefault)(require("../context/OrderStorageContext"));const propTypes=components_1.default.OrderContainer.propTypes;const defaultProps=components_1.default.OrderContainer.defaultProps;const displayName=components_1.default.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:d,attributes:o}=e;const[s,a]=(0,react_1.useReducer)(OrderReducer_1.default,OrderReducer_1.orderInitialState);const c=(0,react_1.useContext)(CommerceLayerContext_1.default);const{persistKey:n,clearWhenPlaced:i,getLocalOrder:u,setLocalOrder:O,deleteLocalOrder:l}=(0,react_1.useContext)(OrderStorageContext_1.default);console.log(`children`,s.include);(0,react_1.useEffect)((()=>{if(c.accessToken){const e=n?u(n):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,persistKey:n,clearWhenPlaced:i,deleteLocalOrder:l,state:s})}}}return()=>(0,OrderReducer_2.unsetOrderState)(a)}),[c.accessToken,r]);const p=(0,react_1.useMemo)((()=>Object.assign(Object.assign({},s),{setOrder:e=>(0,OrderReducer_1.setOrder)(e,a),getOrder:e=>(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,state:s}),setOrderErrors:e=>(0,OrderReducer_1.setOrderErrors)({dispatch:a,errors:e}),createOrder:async()=>await(0,OrderReducer_1.createOrder)({persistKey:n,dispatch:a,config:c,state:s,orderMetadata:d,orderAttributes:o}),addToCart:e=>OrderContext_1.defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:n,dispatch:a,state:s,config:c,errors:s.errors,orderMetadata:d||{},orderAttributes:o,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>OrderContext_1.defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>OrderContext_1.defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:c}),removeGiftCardOrCouponCode:({codeType:e})=>OrderContext_1.defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:c}),addResourceToInclude:e=>OrderContext_1.defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await OrderContext_1.defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:c,include:s.include}))})),[s]);return(0,jsx_runtime_1.jsx)(OrderContext_1.default.Provider,Object.assign({value:p},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;exports.default=OrderContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const OrderReducer_1=(0,tslib_1.__importStar)(require("../reducers/OrderReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const OrderContext_1=(0,tslib_1.__importStar)(require("../context/OrderContext"));const OrderReducer_2=require("../reducers/OrderReducer");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderStorageContext_1=(0,tslib_1.__importDefault)(require("../context/OrderStorageContext"));const propTypes=components_1.default.OrderContainer.propTypes;const defaultProps=components_1.default.OrderContainer.defaultProps;const displayName=components_1.default.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:d,attributes:o}=e;const[s,a]=(0,react_1.useReducer)(OrderReducer_1.default,OrderReducer_1.orderInitialState);const c=(0,react_1.useContext)(CommerceLayerContext_1.default);const{persistKey:n,clearWhenPlaced:i,getLocalOrder:u,setLocalOrder:O,deleteLocalOrder:p}=(0,react_1.useContext)(OrderStorageContext_1.default);(0,react_1.useEffect)((()=>{if(c.accessToken){const e=n?u(n):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,persistKey:n,clearWhenPlaced:i,deleteLocalOrder:p,state:s})}}}return()=>(0,OrderReducer_2.unsetOrderState)(a)}),[c.accessToken,r,s.include]);const l=(0,react_1.useMemo)((()=>Object.assign(Object.assign({},s),{setOrder:e=>(0,OrderReducer_1.setOrder)(e,a),getOrder:e=>(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,state:s}),setOrderErrors:e=>(0,OrderReducer_1.setOrderErrors)({dispatch:a,errors:e}),createOrder:async()=>await(0,OrderReducer_1.createOrder)({persistKey:n,dispatch:a,config:c,state:s,orderMetadata:d,orderAttributes:o}),addToCart:e=>OrderContext_1.defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:n,dispatch:a,state:s,config:c,errors:s.errors,orderMetadata:d||{},orderAttributes:o,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>OrderContext_1.defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>OrderContext_1.defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:c}),removeGiftCardOrCouponCode:({codeType:e})=>OrderContext_1.defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:c}),addResourceToInclude:e=>OrderContext_1.defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await OrderContext_1.defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:c,include:s.include}))})),[s]);return(0,jsx_runtime_1.jsx)(OrderContext_1.default.Provider,Object.assign({value:l},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;exports.default=OrderContainer;

package/lib/cjs/components/PaymentSource.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../context/CustomerContext"));const PaymentGateway_1=(0,tslib_1.__importDefault)(require("./PaymentGateway"));const propTypes=components_1.default.PaymentSource.propTypes;const displayName=components_1.default.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:n}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:r}=(0,react_1.useContext)(PaymentMethodContext_1.default);const[i,u]=(0,react_1.useState)(false);const[d,l]=(0,react_1.useState)(false);(0,react_1.useEffect)((()=>{var e,n,r,i,d,c,m;if(t){u(true);l(true)}else if((o===null||o===void 0?void 0:o.id)===a){u(true);console.log(`paymentSource`,s);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((i=(r=s===null||s===void 0?void 0:s.paymentRequestData)===null||r===void 0?void 0:r.paymentMethod)===null||i===void 0?void 0:i.brand)&&((d=s===null||s===void 0?void 0:s.paymentResponse)===null||d===void 0?void 0:d.resultCode)==="Authorised"&&{brand:(m=(c=s===null||s===void 0?void 0:s.paymentRequestData)===null||c===void 0?void 0:c.paymentMethod)===null||m===void 0?void 0:m.brand};if(!(0,isEmpty_1.default)(t))l(true)}else u(false);return()=>{u(false);l(false)}}),[a,s,n,o,t]);const c=e=>{e.stopPropagation();s&&r({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});l(!d);u(true)};const m=Object.assign(Object.assign({},e),{show:i,showCard:d,handleEditClick:c,readonly:t});return(0,jsx_runtime_1.jsx)(PaymentGateway_1.default,Object.assign({},m),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;exports.default=PaymentSource;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../context/CustomerContext"));const PaymentGateway_1=(0,tslib_1.__importDefault)(require("./PaymentGateway"));const propTypes=components_1.default.PaymentSource.propTypes;const displayName=components_1.default.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:n}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:r}=(0,react_1.useContext)(PaymentMethodContext_1.default);const[i,u]=(0,react_1.useState)(false);const[d,l]=(0,react_1.useState)(false);(0,react_1.useEffect)((()=>{var e,n,r,i,d,c,m;if(t){u(true);l(true)}else if((o===null||o===void 0?void 0:o.id)===a){u(true);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((i=(r=s===null||s===void 0?void 0:s.paymentRequestData)===null||r===void 0?void 0:r.paymentMethod)===null||i===void 0?void 0:i.brand)&&((d=s===null||s===void 0?void 0:s.paymentResponse)===null||d===void 0?void 0:d.resultCode)==="Authorised"&&{brand:(m=(c=s===null||s===void 0?void 0:s.paymentRequestData)===null||c===void 0?void 0:c.paymentMethod)===null||m===void 0?void 0:m.brand};if(!(0,isEmpty_1.default)(t))l(true)}else u(false);return()=>{u(false);l(false)}}),[a,s,n,o,t]);const c=e=>{e.stopPropagation();s&&r({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});l(!d);u(true)};const m=Object.assign(Object.assign({},e),{show:i,showCard:d,handleEditClick:c,readonly:t});return(0,jsx_runtime_1.jsx)(PaymentGateway_1.default,Object.assign({},m),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;exports.default=PaymentSource;

package/lib/esm/components/LineItemsContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import lineItemReducer,{lineItemInitialState,updateLineItem,deleteLineItem}from"../reducers/LineItemReducer";import OrderContext from"../context/OrderContext";import LineItemContext from"../context/LineItemContext";import CommerceLayerContext from"../context/CommerceLayerContext";import{isEmpty}from"lodash";import components from"../config/components";const propTypes=components.LineItemsContainer.propTypes;const defaultProps=components.LineItemsContainer.defaultProps;const displayName=components.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:o,addResourceToInclude:i,include:r,orderId:s,getOrder:m}=useContext(OrderContext);const d=useContext(CommerceLayerContext);const[a,p]=useReducer(lineItemReducer,lineItemInitialState);useEffect((()=>{if(!(r===null||r===void 0?void 0:r.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option",resourcesIncluded:r})}else if(!isEmpty(o)&&(o===null||o===void 0?void 0:o.line_items)){p({type:"setLineItems",payload:{lineItems:o.line_items}})}return()=>{if(isEmpty(o)){p({type:"setLineItems",payload:{lineItems:[]}})}}}),[o,r]);const c=Object.assign(Object.assign({},a),{loader:n,updateLineItem:(e,t=1)=>updateLineItem({lineItemId:e,quantity:t,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors}),deleteLineItem:e=>deleteLineItem({lineItemId:e,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors})});return _jsx(LineItemContext.Provider,Object.assign({value:c},{children:a.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;export default LineItemsContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import lineItemReducer,{lineItemInitialState,updateLineItem,deleteLineItem}from"../reducers/LineItemReducer";import OrderContext from"../context/OrderContext";import LineItemContext from"../context/LineItemContext";import CommerceLayerContext from"../context/CommerceLayerContext";import{isEmpty}from"lodash";import components from"../config/components";const propTypes=components.LineItemsContainer.propTypes;const defaultProps=components.LineItemsContainer.defaultProps;const displayName=components.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:o,addResourceToInclude:i,include:r,orderId:s,getOrder:m}=useContext(OrderContext);const d=useContext(CommerceLayerContext);const[a,p]=useReducer(lineItemReducer,lineItemInitialState);useEffect((()=>{if(!(r===null||r===void 0?void 0:r.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option",resourcesIncluded:r})}if(!isEmpty(o)&&(o===null||o===void 0?void 0:o.line_items)){p({type:"setLineItems",payload:{lineItems:o.line_items}})}return()=>{if(isEmpty(o)){p({type:"setLineItems",payload:{lineItems:[]}})}}}),[o,r]);const c=Object.assign(Object.assign({},a),{loader:n,updateLineItem:(e,t=1)=>updateLineItem({lineItemId:e,quantity:t,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors}),deleteLineItem:e=>deleteLineItem({lineItemId:e,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors})});return _jsx(LineItemContext.Provider,Object.assign({value:c},{children:a.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;export default LineItemsContainer;

package/lib/esm/components/OrderContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import orderReducer,{createOrder,getApiOrder,setOrderErrors,setOrder,orderInitialState}from"../reducers/OrderReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import OrderContext,{defaultOrderContext}from"../context/OrderContext";import{unsetOrderState}from"../reducers/OrderReducer";import components from"../config/components";import OrderStorageContext from"../context/OrderStorageContext";const propTypes=components.OrderContainer.propTypes;const defaultProps=components.OrderContainer.defaultProps;const displayName=components.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:o,attributes:d}=e;const[s,a]=useReducer(orderReducer,orderInitialState);const n=useContext(CommerceLayerContext);const{persistKey:c,clearWhenPlaced:i,getLocalOrder:p,setLocalOrder:O,deleteLocalOrder:u}=useContext(OrderStorageContext);console.log(`children`,s.include);useEffect((()=>{if(n.accessToken){const e=c?p(c):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){getApiOrder({id:e,dispatch:a,config:n,persistKey:c,clearWhenPlaced:i,deleteLocalOrder:u,state:s})}}}return()=>unsetOrderState(a)}),[n.accessToken,r]);const C=useMemo((()=>Object.assign(Object.assign({},s),{setOrder:e=>setOrder(e,a),getOrder:e=>getApiOrder({id:e,dispatch:a,config:n,state:s}),setOrderErrors:e=>setOrderErrors({dispatch:a,errors:e}),createOrder:async()=>await createOrder({persistKey:c,dispatch:a,config:n,state:s,orderMetadata:o,orderAttributes:d}),addToCart:e=>defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:c,dispatch:a,state:s,config:n,errors:s.errors,orderMetadata:o||{},orderAttributes:d,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:n}),removeGiftCardOrCouponCode:({codeType:e})=>defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:n}),addResourceToInclude:e=>defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:n,include:s.include}))})),[s]);return _jsx(OrderContext.Provider,Object.assign({value:C},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;export default OrderContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import orderReducer,{createOrder,getApiOrder,setOrderErrors,setOrder,orderInitialState}from"../reducers/OrderReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import OrderContext,{defaultOrderContext}from"../context/OrderContext";import{unsetOrderState}from"../reducers/OrderReducer";import components from"../config/components";import OrderStorageContext from"../context/OrderStorageContext";const propTypes=components.OrderContainer.propTypes;const defaultProps=components.OrderContainer.defaultProps;const displayName=components.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:o,attributes:d}=e;const[s,a]=useReducer(orderReducer,orderInitialState);const n=useContext(CommerceLayerContext);const{persistKey:c,clearWhenPlaced:i,getLocalOrder:p,setLocalOrder:O,deleteLocalOrder:u}=useContext(OrderStorageContext);useEffect((()=>{if(n.accessToken){const e=c?p(c):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){getApiOrder({id:e,dispatch:a,config:n,persistKey:c,clearWhenPlaced:i,deleteLocalOrder:u,state:s})}}}return()=>unsetOrderState(a)}),[n.accessToken,r,s.include]);const C=useMemo((()=>Object.assign(Object.assign({},s),{setOrder:e=>setOrder(e,a),getOrder:e=>getApiOrder({id:e,dispatch:a,config:n,state:s}),setOrderErrors:e=>setOrderErrors({dispatch:a,errors:e}),createOrder:async()=>await createOrder({persistKey:c,dispatch:a,config:n,state:s,orderMetadata:o,orderAttributes:d}),addToCart:e=>defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:c,dispatch:a,state:s,config:n,errors:s.errors,orderMetadata:o||{},orderAttributes:d,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:n}),removeGiftCardOrCouponCode:({codeType:e})=>defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:n}),addResourceToInclude:e=>defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:n,include:s.include}))})),[s]);return _jsx(OrderContext.Provider,Object.assign({value:C},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;export default OrderContainer;

package/lib/esm/components/PaymentSource.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import components from"../config/components";import PaymentMethodContext from"../context/PaymentMethodContext";import isEmpty from"lodash/isEmpty";import CustomerContext from"../context/CustomerContext";import PaymentGateway from"./PaymentGateway";const propTypes=components.PaymentSource.propTypes;const displayName=components.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=useContext(PaymentMethodChildrenContext);const{payments:n}=useContext(CustomerContext);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:d}=useContext(PaymentMethodContext);const[r,i]=useState(false);const[m,l]=useState(false);useEffect((()=>{var e,n,d,r,m,u,p;if(t){i(true);l(true)}else if((o===null||o===void 0?void 0:o.id)===a){i(true);console.log(`paymentSource`,s);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((r=(d=s===null||s===void 0?void 0:s.paymentRequestData)===null||d===void 0?void 0:d.paymentMethod)===null||r===void 0?void 0:r.brand)&&((m=s===null||s===void 0?void 0:s.paymentResponse)===null||m===void 0?void 0:m.resultCode)==="Authorised"&&{brand:(p=(u=s===null||s===void 0?void 0:s.paymentRequestData)===null||u===void 0?void 0:u.paymentMethod)===null||p===void 0?void 0:p.brand};if(!isEmpty(t))l(true)}else i(false);return()=>{i(false);l(false)}}),[a,s,n,o,t]);const u=e=>{e.stopPropagation();s&&d({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});l(!m);i(true)};const p=Object.assign(Object.assign({},e),{show:r,showCard:m,handleEditClick:u,readonly:t});return _jsx(PaymentGateway,Object.assign({},p),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;export default PaymentSource;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import components from"../config/components";import PaymentMethodContext from"../context/PaymentMethodContext";import isEmpty from"lodash/isEmpty";import CustomerContext from"../context/CustomerContext";import PaymentGateway from"./PaymentGateway";const propTypes=components.PaymentSource.propTypes;const displayName=components.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=useContext(PaymentMethodChildrenContext);const{payments:n}=useContext(CustomerContext);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:d}=useContext(PaymentMethodContext);const[r,i]=useState(false);const[m,u]=useState(false);useEffect((()=>{var e,n,d,r,m,l,p;if(t){i(true);u(true)}else if((o===null||o===void 0?void 0:o.id)===a){i(true);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((r=(d=s===null||s===void 0?void 0:s.paymentRequestData)===null||d===void 0?void 0:d.paymentMethod)===null||r===void 0?void 0:r.brand)&&((m=s===null||s===void 0?void 0:s.paymentResponse)===null||m===void 0?void 0:m.resultCode)==="Authorised"&&{brand:(p=(l=s===null||s===void 0?void 0:s.paymentRequestData)===null||l===void 0?void 0:l.paymentMethod)===null||p===void 0?void 0:p.brand};if(!isEmpty(t))u(true)}else i(false);return()=>{i(false);u(false)}}),[a,s,n,o,t]);const l=e=>{e.stopPropagation();s&&d({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});u(!m);i(true)};const p=Object.assign(Object.assign({},e),{show:r,showCard:m,handleEditClick:l,readonly:t});return _jsx(PaymentGateway,Object.assign({},p),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;export default PaymentSource;