@commercelayer/react-components 2.51.2 → 2.51.3

package/lib/cjs/components/AddToCartButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),SkuListsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuListsContext")),ExternalFunctionContext_1=(0,tslib_1.__importDefault)(require("../context/ExternalFunctionContext")),isFunction_1=(0,tslib_1.__importDefault)(require("lodash/isFunction")),propTypes=components_1.default.AddToCartButton.propTypes,defaultProps=components_1.default.AddToCartButton.defaultProps,displayName=components_1.default.AddToCartButton.displayName,AddToCartButton=props=>{var _a,_b,_c;const{label="Add to cart",children,skuCode,bundleCode,disabled,skuListId,lineItem}=props,p=(0,tslib_1.__rest)(props,["label","children","skuCode","bundleCode","disabled","skuListId","lineItem"]),{addToCart,orderId,getOrder,setOrderErrors}=(0,react_1.useContext)(OrderContext_1.default),{url,callExternalFunction}=(0,react_1.useContext)(ExternalFunctionContext_1.default),{item,items,quantity,option,prices,lineItems,lineItem:lineItemContext,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{skuLists}=(0,react_1.useContext)(SkuListsContext_1.default),sCode=!(0,lodash_1.isEmpty)(items)&&skuCode?(_a=items[skuCode])===null||_a===void 0?void 0:_a.code:skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode,availabilityQuantity=((_c=(_b=item[sCode])===null||_b===void 0?void 0:_b.inventory)===null||_c===void 0?void 0:_c.quantity)||0,handleClick=()=>{var _a2,_b2;const qty=quantity[sCode],opt=option[sCode],customLineItem=(0,lodash_1.isEmpty)(lineItem||lineItemContext)?lineItems[sCode]:lineItem||lineItemContext;if(!(0,lodash_1.isEmpty)(skuLists)&&skuListId&&url){const slQty=quantity[skuListId]||1;if((0,lodash_1.has)(skuLists,skuListId)){const lineItems2=skuLists&&skuLists[skuListId].map(skuCode2=>({skuCode:skuCode2,quantity:slQty,_update_quantity:1}));return callExternalFunction({url,data:{resourceType:"orders",inputs:[{id:orderId,lineItems:lineItems2}]}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}}return url?callExternalFunction({url,data:{bundleCode,skuCode:sCode,skuId:(_b2=item[sCode])===null||_b2===void 0?void 0:_b2.id,quantity:qty,option:opt,lineItem:customLineItem}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response)):addToCart&&addToCart({bundleCode,skuCode:sCode,skuId:(_a2=item[sCode])===null||_a2===void 0?void 0:_a2.id,quantity:qty,option:opt,lineItem:customLineItem})},autoDisabled=!(0,lodash_1.isEmpty)(skuLists)||skuListId?!1:disabled||!prices[sCode]||!sCode||availabilityQuantity===0,parentProps=Object.assign({handleClick,disabled:disabled||autoDisabled,label},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):(0,jsx_runtime_1.jsx)("button",Object.assign({},p,{disabled:autoDisabled,onClick:handleClick},{children:(0,isFunction_1.default)(label)?label():label}),void 0)};AddToCartButton.propTypes=propTypes,AddToCartButton.defaultProps=defaultProps,AddToCartButton.displayName=displayName,exports.default=AddToCartButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),SkuListsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuListsContext")),ExternalFunctionContext_1=(0,tslib_1.__importDefault)(require("../context/ExternalFunctionContext")),isFunction_1=(0,tslib_1.__importDefault)(require("lodash/isFunction")),propTypes=components_1.default.AddToCartButton.propTypes,defaultProps=components_1.default.AddToCartButton.defaultProps,displayName=components_1.default.AddToCartButton.displayName,AddToCartButton=props=>{var _a,_b,_c;const{label="Add to cart",children,skuCode,bundleCode,disabled,skuListId,lineItem}=props,p=(0,tslib_1.__rest)(props,["label","children","skuCode","bundleCode","disabled","skuListId","lineItem"]),{addToCart,orderId,getOrder,setOrderErrors}=(0,react_1.useContext)(OrderContext_1.default),{url,callExternalFunction}=(0,react_1.useContext)(ExternalFunctionContext_1.default),{item,items,quantity,option,prices,lineItems,lineItem:lineItemContext,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{skuLists}=(0,react_1.useContext)(SkuListsContext_1.default),sCode=!(0,lodash_1.isEmpty)(items)&&skuCode?(_a=items[skuCode])===null||_a===void 0?void 0:_a.code:skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode,availabilityQuantity=(_c=(_b=item[sCode])===null||_b===void 0?void 0:_b.inventory)===null||_c===void 0?void 0:_c.quantity,handleClick=()=>{var _a2,_b2;const qty=quantity[sCode],opt=option[sCode],customLineItem=(0,lodash_1.isEmpty)(lineItem||lineItemContext)?lineItems[sCode]:lineItem||lineItemContext;if(!(0,lodash_1.isEmpty)(skuLists)&&skuListId&&url){const slQty=quantity[skuListId]||1;if((0,lodash_1.has)(skuLists,skuListId)){const lineItems2=skuLists&&skuLists[skuListId].map(skuCode2=>({skuCode:skuCode2,quantity:slQty,_update_quantity:1}));return callExternalFunction({url,data:{resourceType:"orders",inputs:[{id:orderId,lineItems:lineItems2}]}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}}return url?callExternalFunction({url,data:{bundleCode,skuCode:sCode,skuId:(_b2=item[sCode])===null||_b2===void 0?void 0:_b2.id,quantity:qty,option:opt,lineItem:customLineItem}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response)):addToCart&&addToCart({bundleCode,skuCode:sCode,skuId:(_a2=item[sCode])===null||_a2===void 0?void 0:_a2.id,quantity:qty,option:opt,lineItem:customLineItem})};console.log("sCode",sCode,availabilityQuantity);const autoDisabled=!(0,lodash_1.isEmpty)(skuLists)||skuListId?!1:disabled||!prices[sCode]||!sCode||availabilityQuantity===0,parentProps=Object.assign({handleClick,disabled:disabled||autoDisabled,label},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):(0,jsx_runtime_1.jsx)("button",Object.assign({},p,{disabled:autoDisabled,onClick:handleClick},{children:(0,isFunction_1.default)(label)?label():label}),void 0)};AddToCartButton.propTypes=propTypes,AddToCartButton.defaultProps=defaultProps,AddToCartButton.displayName=displayName,exports.default=AddToCartButton;

package/lib/cjs/components/AvailabilityContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityReducer_1=(0,tslib_1.__importStar)(require("../reducers/AvailabilityReducer")),AvailabilityContext_1=(0,tslib_1.__importDefault)(require("../context/AvailabilityContext")),lodash_1=require("lodash"),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext")),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),propTypes=components_1.default.AvailabilityContainer.propTypes,displayName=components_1.default.AvailabilityContainer.displayName,AvailabilityContainer=props=>{const{children,skuCode}=props,{item,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default),[state,dispatch]=(0,react_1.useReducer)(AvailabilityReducer_1.default,AvailabilityReducer_1.availabilityInitialState);return(0,react_1.useEffect)(()=>{var _a,_b,_c;const sCode=skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode||(lineItem==null?void 0:lineItem.sku_code);if(sCode){const[level]=((_b=(_a=item[sCode])===null||_a===void 0?void 0:_a.inventory)===null||_b===void 0?void 0:_b.levels)||{quantity:null,delivery_lead_times:[]};if(!(0,lodash_1.isEmpty)(level)&&((_c=level==null?void 0:level.delivery_lead_times)===null||_c===void 0?void 0:_c.length)>0){const[delivery]=level==null?void 0:level.delivery_lead_times;dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:level==null?void 0:level.quantity})})}else config.accessToken&&(0,AvailabilityReducer_1.getAvailability)({skuCode:sCode,config,dispatch})}return()=>{dispatch({type:"setAvailability",payload:{}})}},[config.accessToken,item,itemSkuCode]),(0,jsx_runtime_1.jsx)(AvailabilityContext_1.default.Provider,Object.assign({value:Object.assign({},state)},{children}),void 0)};AvailabilityContainer.propTypes=propTypes,AvailabilityContainer.displayName=displayName,exports.default=AvailabilityContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityReducer_1=(0,tslib_1.__importStar)(require("../reducers/AvailabilityReducer")),AvailabilityContext_1=(0,tslib_1.__importDefault)(require("../context/AvailabilityContext")),lodash_1=require("lodash"),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext")),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),propTypes=components_1.default.AvailabilityContainer.propTypes,displayName=components_1.default.AvailabilityContainer.displayName,AvailabilityContainer=props=>{const{children,skuCode}=props,{item,skuCode:itemSkuCode,setItem}=(0,react_1.useContext)(ItemContext_1.default),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default),[state,dispatch]=(0,react_1.useReducer)(AvailabilityReducer_1.default,AvailabilityReducer_1.availabilityInitialState);return(0,react_1.useEffect)(()=>{var _a,_b,_c;const sCode=skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode||(lineItem==null?void 0:lineItem.sku_code);if(sCode){const[level]=((_b=(_a=item[sCode])===null||_a===void 0?void 0:_a.inventory)===null||_b===void 0?void 0:_b.levels)||[{quantity:null,delivery_lead_times:[]}];if(!(0,lodash_1.isEmpty)(level)&&((_c=level==null?void 0:level.delivery_lead_times)===null||_c===void 0?void 0:_c.length)>0){const[delivery]=level==null?void 0:level.delivery_lead_times;dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:level==null?void 0:level.quantity})})}else config.accessToken&&!(item==null?void 0:item[sCode])&&(0,AvailabilityReducer_1.getAvailability)({skuCode:sCode,config,dispatch,setItem})}return()=>{dispatch({type:"setAvailability",payload:{}})}},[config.accessToken,item,itemSkuCode]),(0,jsx_runtime_1.jsx)(AvailabilityContext_1.default.Provider,Object.assign({value:Object.assign({},state)},{children}),void 0)};AvailabilityContainer.propTypes=propTypes,AvailabilityContainer.displayName=displayName,exports.default=AvailabilityContainer;

package/lib/cjs/reducers/AvailabilityReducer.d.ts

@@ -2,6 +2,7 @@ import { BaseError } from '../typings/errors';
 import { Sku } from '@commercelayer/sdk';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Dispatch } from 'react';
+import { Items } from './ItemReducer';
 export declare type DeliveryLeadTime = {
     shipping_method: {
         name: string;
@@ -40,13 +41,12 @@ export interface AvailabilityAction {
     payload: AvailabilityPayload;
 }
 export declare const availabilityInitialState: AvailabilityState;
-interface GetAvailability {
-    (args: {
-        skuCode: string;
-        dispatch: Dispatch<AvailabilityAction>;
-        config: CommerceLayerConfig;
-    }): void;
-}
+declare type GetAvailability = (args: {
+    skuCode: string;
+    dispatch: Dispatch<AvailabilityAction>;
+    config: CommerceLayerConfig;
+    setItem?: (item: Items) => void;
+}) => void;
 export declare const getAvailability: GetAvailability;
 export declare type AvailabilityActionType = 'setAvailability' | 'setErrors';
 declare const availabilityReducer: (state: AvailabilityState, reducer: AvailabilityAction) => AvailabilityState;

package/lib/cjs/reducers/AvailabilityReducer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAvailability=exports.availabilityInitialState=void 0;const tslib_1=require("tslib"),baseReducer_1=(0,tslib_1.__importDefault)(require("../utils/baseReducer")),getSdk_1=(0,tslib_1.__importDefault)(require("../utils/getSdk"));exports.availabilityInitialState={quantity:null,min:{days:0,hours:0},max:{days:0,hours:0},errors:[]};const getAvailability=async({skuCode,dispatch,config})=>{var _a;const sdk=(0,getSdk_1.default)(config);try{const[sku]=await sdk.skus.list({fields:{skus:["id"]},filters:{code_in:skuCode}}),skuInventory=await sdk.skus.retrieve(sku.id,{fields:{skus:["inventory"]}}),[level]=((_a=skuInventory.inventory)===null||_a===void 0?void 0:_a.levels)||[],[delivery]=(level==null?void 0:level.delivery_lead_times)||[];dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:skuInventory.inventory.quantity})})}catch(error){console.error("Get SKU availability",error)}};exports.getAvailability=getAvailability;const typeAction=["setAvailability","setErrors"],availabilityReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,typeAction);exports.default=availabilityReducer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAvailability=exports.availabilityInitialState=void 0;const tslib_1=require("tslib"),baseReducer_1=(0,tslib_1.__importDefault)(require("../utils/baseReducer")),getSdk_1=(0,tslib_1.__importDefault)(require("../utils/getSdk"));exports.availabilityInitialState={quantity:null,min:{days:0,hours:0},max:{days:0,hours:0},errors:[]};const getAvailability=async({skuCode,dispatch,config,setItem})=>{var _a;const sdk=(0,getSdk_1.default)(config);try{const[sku]=await sdk.skus.list({fields:{skus:["id"]},filters:{code_in:skuCode}}),skuInventory=await sdk.skus.retrieve(sku.id,{fields:{skus:["inventory"]}}),[level]=((_a=skuInventory.inventory)===null||_a===void 0?void 0:_a.levels)||[],[delivery]=(level==null?void 0:level.delivery_lead_times)||[];dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:skuInventory.inventory.quantity})}),setItem&&setItem({[skuCode]:skuInventory})}catch(error){console.error("Get SKU availability",error)}};exports.getAvailability=getAvailability;const typeAction=["setAvailability","setErrors"],availabilityReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,typeAction);exports.default=availabilityReducer;

package/lib/esm/components/AddToCartButton.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{isEmpty,has}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import SkuListsContext from"../context/SkuListsContext";import ExternalFunctionContext from"../context/ExternalFunctionContext";import isFunction from"lodash/isFunction";const propTypes=components.AddToCartButton.propTypes,defaultProps=components.AddToCartButton.defaultProps,displayName=components.AddToCartButton.displayName,AddToCartButton=props=>{var _a,_b,_c;const{label="Add to cart",children,skuCode,bundleCode,disabled,skuListId,lineItem}=props,p=__rest(props,["label","children","skuCode","bundleCode","disabled","skuListId","lineItem"]),{addToCart,orderId,getOrder,setOrderErrors}=useContext(OrderContext),{url,callExternalFunction}=useContext(ExternalFunctionContext),{item,items,quantity,option,prices,lineItems,lineItem:lineItemContext,skuCode:itemSkuCode}=useContext(ItemContext),{skuLists}=useContext(SkuListsContext),sCode=!isEmpty(items)&&skuCode?(_a=items[skuCode])===null||_a===void 0?void 0:_a.code:skuCode||getCurrentItemKey(item)||itemSkuCode,availabilityQuantity=((_c=(_b=item[sCode])===null||_b===void 0?void 0:_b.inventory)===null||_c===void 0?void 0:_c.quantity)||0,handleClick=()=>{var _a2,_b2;const qty=quantity[sCode],opt=option[sCode],customLineItem=isEmpty(lineItem||lineItemContext)?lineItems[sCode]:lineItem||lineItemContext;if(!isEmpty(skuLists)&&skuListId&&url){const slQty=quantity[skuListId]||1;if(has(skuLists,skuListId)){const lineItems2=skuLists&&skuLists[skuListId].map(skuCode2=>({skuCode:skuCode2,quantity:slQty,_update_quantity:1}));return callExternalFunction({url,data:{resourceType:"orders",inputs:[{id:orderId,lineItems:lineItems2}]}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}}return url?callExternalFunction({url,data:{bundleCode,skuCode:sCode,skuId:(_b2=item[sCode])===null||_b2===void 0?void 0:_b2.id,quantity:qty,option:opt,lineItem:customLineItem}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response)):addToCart&&addToCart({bundleCode,skuCode:sCode,skuId:(_a2=item[sCode])===null||_a2===void 0?void 0:_a2.id,quantity:qty,option:opt,lineItem:customLineItem})},autoDisabled=!isEmpty(skuLists)||skuListId?!1:disabled||!prices[sCode]||!sCode||availabilityQuantity===0,parentProps=Object.assign({handleClick,disabled:disabled||autoDisabled,label},props);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("button",Object.assign({},p,{disabled:autoDisabled,onClick:handleClick},{children:isFunction(label)?label():label}),void 0)};AddToCartButton.propTypes=propTypes,AddToCartButton.defaultProps=defaultProps,AddToCartButton.displayName=displayName;export default AddToCartButton;
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{isEmpty,has}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import SkuListsContext from"../context/SkuListsContext";import ExternalFunctionContext from"../context/ExternalFunctionContext";import isFunction from"lodash/isFunction";const propTypes=components.AddToCartButton.propTypes,defaultProps=components.AddToCartButton.defaultProps,displayName=components.AddToCartButton.displayName,AddToCartButton=props=>{var _a,_b,_c;const{label="Add to cart",children,skuCode,bundleCode,disabled,skuListId,lineItem}=props,p=__rest(props,["label","children","skuCode","bundleCode","disabled","skuListId","lineItem"]),{addToCart,orderId,getOrder,setOrderErrors}=useContext(OrderContext),{url,callExternalFunction}=useContext(ExternalFunctionContext),{item,items,quantity,option,prices,lineItems,lineItem:lineItemContext,skuCode:itemSkuCode}=useContext(ItemContext),{skuLists}=useContext(SkuListsContext),sCode=!isEmpty(items)&&skuCode?(_a=items[skuCode])===null||_a===void 0?void 0:_a.code:skuCode||getCurrentItemKey(item)||itemSkuCode,availabilityQuantity=(_c=(_b=item[sCode])===null||_b===void 0?void 0:_b.inventory)===null||_c===void 0?void 0:_c.quantity,handleClick=()=>{var _a2,_b2;const qty=quantity[sCode],opt=option[sCode],customLineItem=isEmpty(lineItem||lineItemContext)?lineItems[sCode]:lineItem||lineItemContext;if(!isEmpty(skuLists)&&skuListId&&url){const slQty=quantity[skuListId]||1;if(has(skuLists,skuListId)){const lineItems2=skuLists&&skuLists[skuListId].map(skuCode2=>({skuCode:skuCode2,quantity:slQty,_update_quantity:1}));return callExternalFunction({url,data:{resourceType:"orders",inputs:[{id:orderId,lineItems:lineItems2}]}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}}return url?callExternalFunction({url,data:{bundleCode,skuCode:sCode,skuId:(_b2=item[sCode])===null||_b2===void 0?void 0:_b2.id,quantity:qty,option:opt,lineItem:customLineItem}}).then(res=>(getOrder&&orderId&&getOrder(orderId),res)).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response)):addToCart&&addToCart({bundleCode,skuCode:sCode,skuId:(_a2=item[sCode])===null||_a2===void 0?void 0:_a2.id,quantity:qty,option:opt,lineItem:customLineItem})};console.log("sCode",sCode,availabilityQuantity);const autoDisabled=!isEmpty(skuLists)||skuListId?!1:disabled||!prices[sCode]||!sCode||availabilityQuantity===0,parentProps=Object.assign({handleClick,disabled:disabled||autoDisabled,label},props);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("button",Object.assign({},p,{disabled:autoDisabled,onClick:handleClick},{children:isFunction(label)?label():label}),void 0)};AddToCartButton.propTypes=propTypes,AddToCartButton.defaultProps=defaultProps,AddToCartButton.displayName=displayName;export default AddToCartButton;

package/lib/esm/components/AvailabilityContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useReducer,useEffect}from"react";import availabilityReducer,{availabilityInitialState,getAvailability}from"../reducers/AvailabilityReducer";import AvailabilityContext from"../context/AvailabilityContext";import{isEmpty}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import CommerceLayerContext from"../context/CommerceLayerContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";const propTypes=components.AvailabilityContainer.propTypes,displayName=components.AvailabilityContainer.displayName,AvailabilityContainer=props=>{const{children,skuCode}=props,{item,skuCode:itemSkuCode}=useContext(ItemContext),{lineItem}=useContext(LineItemChildrenContext),config=useContext(CommerceLayerContext),[state,dispatch]=useReducer(availabilityReducer,availabilityInitialState);return useEffect(()=>{var _a,_b,_c;const sCode=skuCode||getCurrentItemKey(item)||itemSkuCode||(lineItem==null?void 0:lineItem.sku_code);if(sCode){const[level]=((_b=(_a=item[sCode])===null||_a===void 0?void 0:_a.inventory)===null||_b===void 0?void 0:_b.levels)||{quantity:null,delivery_lead_times:[]};if(!isEmpty(level)&&((_c=level==null?void 0:level.delivery_lead_times)===null||_c===void 0?void 0:_c.length)>0){const[delivery]=level==null?void 0:level.delivery_lead_times;dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:level==null?void 0:level.quantity})})}else config.accessToken&&getAvailability({skuCode:sCode,config,dispatch})}return()=>{dispatch({type:"setAvailability",payload:{}})}},[config.accessToken,item,itemSkuCode]),_jsx(AvailabilityContext.Provider,Object.assign({value:Object.assign({},state)},{children}),void 0)};AvailabilityContainer.propTypes=propTypes,AvailabilityContainer.displayName=displayName;export default AvailabilityContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useReducer,useEffect}from"react";import availabilityReducer,{availabilityInitialState,getAvailability}from"../reducers/AvailabilityReducer";import AvailabilityContext from"../context/AvailabilityContext";import{isEmpty}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import CommerceLayerContext from"../context/CommerceLayerContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";const propTypes=components.AvailabilityContainer.propTypes,displayName=components.AvailabilityContainer.displayName,AvailabilityContainer=props=>{const{children,skuCode}=props,{item,skuCode:itemSkuCode,setItem}=useContext(ItemContext),{lineItem}=useContext(LineItemChildrenContext),config=useContext(CommerceLayerContext),[state,dispatch]=useReducer(availabilityReducer,availabilityInitialState);return useEffect(()=>{var _a,_b,_c;const sCode=skuCode||getCurrentItemKey(item)||itemSkuCode||(lineItem==null?void 0:lineItem.sku_code);if(sCode){const[level]=((_b=(_a=item[sCode])===null||_a===void 0?void 0:_a.inventory)===null||_b===void 0?void 0:_b.levels)||[{quantity:null,delivery_lead_times:[]}];if(!isEmpty(level)&&((_c=level==null?void 0:level.delivery_lead_times)===null||_c===void 0?void 0:_c.length)>0){const[delivery]=level==null?void 0:level.delivery_lead_times;dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:level==null?void 0:level.quantity})})}else config.accessToken&&!(item==null?void 0:item[sCode])&&getAvailability({skuCode:sCode,config,dispatch,setItem})}return()=>{dispatch({type:"setAvailability",payload:{}})}},[config.accessToken,item,itemSkuCode]),_jsx(AvailabilityContext.Provider,Object.assign({value:Object.assign({},state)},{children}),void 0)};AvailabilityContainer.propTypes=propTypes,AvailabilityContainer.displayName=displayName;export default AvailabilityContainer;

package/lib/esm/reducers/AvailabilityReducer.d.ts

@@ -2,6 +2,7 @@ import { BaseError } from '../typings/errors';
 import { Sku } from '@commercelayer/sdk';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Dispatch } from 'react';
+import { Items } from './ItemReducer';
 export declare type DeliveryLeadTime = {
     shipping_method: {
         name: string;
@@ -40,13 +41,12 @@ export interface AvailabilityAction {
     payload: AvailabilityPayload;
 }
 export declare const availabilityInitialState: AvailabilityState;
-interface GetAvailability {
-    (args: {
-        skuCode: string;
-        dispatch: Dispatch<AvailabilityAction>;
-        config: CommerceLayerConfig;
-    }): void;
-}
+declare type GetAvailability = (args: {
+    skuCode: string;
+    dispatch: Dispatch<AvailabilityAction>;
+    config: CommerceLayerConfig;
+    setItem?: (item: Items) => void;
+}) => void;
 export declare const getAvailability: GetAvailability;
 export declare type AvailabilityActionType = 'setAvailability' | 'setErrors';
 declare const availabilityReducer: (state: AvailabilityState, reducer: AvailabilityAction) => AvailabilityState;

package/lib/esm/reducers/AvailabilityReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";export const availabilityInitialState={quantity:null,min:{days:0,hours:0},max:{days:0,hours:0},errors:[]},getAvailability=async({skuCode,dispatch,config})=>{var _a;const sdk=getSdk(config);try{const[sku]=await sdk.skus.list({fields:{skus:["id"]},filters:{code_in:skuCode}}),skuInventory=await sdk.skus.retrieve(sku.id,{fields:{skus:["inventory"]}}),[level]=((_a=skuInventory.inventory)===null||_a===void 0?void 0:_a.levels)||[],[delivery]=(level==null?void 0:level.delivery_lead_times)||[];dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:skuInventory.inventory.quantity})})}catch(error){console.error("Get SKU availability",error)}};const typeAction=["setAvailability","setErrors"],availabilityReducer=(state,reducer)=>baseReducer(state,reducer,typeAction);export default availabilityReducer;
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";export const availabilityInitialState={quantity:null,min:{days:0,hours:0},max:{days:0,hours:0},errors:[]},getAvailability=async({skuCode,dispatch,config,setItem})=>{var _a;const sdk=getSdk(config);try{const[sku]=await sdk.skus.list({fields:{skus:["id"]},filters:{code_in:skuCode}}),skuInventory=await sdk.skus.retrieve(sku.id,{fields:{skus:["inventory"]}}),[level]=((_a=skuInventory.inventory)===null||_a===void 0?void 0:_a.levels)||[],[delivery]=(level==null?void 0:level.delivery_lead_times)||[];dispatch({type:"setAvailability",payload:Object.assign(Object.assign({},delivery),{quantity:skuInventory.inventory.quantity})}),setItem&&setItem({[skuCode]:skuInventory})}catch(error){console.error("Get SKU availability",error)}};const typeAction=["setAvailability","setErrors"],availabilityReducer=(state,reducer)=>baseReducer(state,reducer,typeAction);export default availabilityReducer;