@commercelayer/react-components 4.0.0-alpha.5 → 4.0.0-alpha.7

package/lib/cjs/components/payment_source/PaymentSourceEditButton.d.ts

@@ -1,16 +1,10 @@
 import { ReactNode } from 'react';
-import { FunctionChildren } from '../../typings/index';
-declare type CustomComponent = FunctionChildren<Omit<Props, 'children'>>;
+import { ChildrenFunction } from '../../typings/index';
+interface CustomComponent extends Omit<Props, 'children'> {
+}
 declare type Props = {
-    children?: CustomComponent;
+    children?: ChildrenFunction<CustomComponent>;
     label?: string | ReactNode;
 } & Omit<JSX.IntrinsicElements['button'], 'onClick'>;
 export declare function PaymentSourceEditButton({ children, label, ...props }: Props): JSX.Element | null;
-export declare namespace PaymentSourceEditButton {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        label: import("prop-types").Requireable<NonNullable<string | import("prop-types").ReactElementLike | null | undefined>>;
-    };
-    var displayName: string;
-}
 export default PaymentSourceEditButton;

package/lib/cjs/components/payment_source/PaymentSourceEditButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceEditButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),displayName=components_1.default.PaymentSourceEditButton.displayName,propTypes=components_1.default.PaymentSourceEditButton.propTypes;function PaymentSourceEditButton({children,label="Edit",...props}){const{showCard,handleEditClick,readonly}=(0,react_1.useContext)(PaymentSourceContext_1.default),parentProps={showCard,label,handleEditClick,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):readonly?null:(0,jsx_runtime_1.jsx)("button",{...props,onClick:handleEditClick,children:label})}exports.PaymentSourceEditButton=PaymentSourceEditButton,PaymentSourceEditButton.propTypes=propTypes,PaymentSourceEditButton.displayName=displayName,exports.default=PaymentSourceEditButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceEditButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function PaymentSourceEditButton({children,label="Edit",...props}){const{showCard,handleEditClick,readonly}=(0,react_1.useContext)(PaymentSourceContext_1.default),parentProps={showCard,label,handleEditClick,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):readonly?null:(0,jsx_runtime_1.jsx)("button",{...props,onClick:handleEditClick,children:label})}exports.PaymentSourceEditButton=PaymentSourceEditButton,exports.default=PaymentSourceEditButton;

package/lib/cjs/components/prices/Price.d.ts

@@ -1,28 +1,16 @@
 /// <reference types="react" />
 import { Price as PriceType } from '@commercelayer/sdk';
-import { FunctionChildren, LoaderType } from '../../typings/index';
-declare type PriceChildrenProps = FunctionChildren<{
+import { ChildrenFunction, LoaderType } from '../../typings/index';
+interface PriceChildrenProps extends Omit<PriceProps, 'children'> {
     loading: boolean;
     loader: LoaderType;
     prices: PriceType[];
-} & Omit<PriceProps, 'children'>>;
-export declare type PriceProps = Partial<JSX.IntrinsicElements['span']> & {
-    children?: PriceChildrenProps;
+}
+export interface PriceProps extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+    children?: ChildrenFunction<PriceChildrenProps>;
     compareClassName?: string;
     showCompare?: boolean;
     skuCode?: string;
-};
-export declare function Price(props: PriceProps): JSX.Element;
-export declare namespace Price {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        compareClassName: import("prop-types").Requireable<string>;
-        skuCode: import("prop-types").Requireable<string>;
-        showCompare: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        skuCode: string;
-    };
-    var displayName: string;
 }
+export declare function Price(props: PriceProps): JSX.Element;
 export default Price;

package/lib/cjs/components/prices/Price.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Price=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),lodash_1=require("lodash"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),PricesContext_1=tslib_1.__importDefault(require("../../context/PricesContext")),getPrices_1=require("../../utils/getPrices"),components_1=tslib_1.__importDefault(require("../../config/components")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),propTypes=components_1.default.Price.propTypes,defaultProps=components_1.default.Price.defaultProps,displayName=components_1.default.Price.displayName;function Price(props){const{children,skuCode=""}=props,{prices,skuCode:pricesSkuCode,loading,skuCodes,setSkuCodes,loader}=(0,react_1.useContext)(PricesContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),[skuPrices,setSkuPrices]=(0,react_1.useState)([]),sCode=pricesSkuCode||skuCode||sku?.code;(0,react_1.useEffect)(()=>(!(0,lodash_1.isEmpty)(prices)&&(0,lodash_1.has)(prices,`${sCode}`)?setSkuPrices(prices[sCode]):sCode&&(0,lodash_1.indexOf)(skuCodes,sCode)===-1&&(skuCodes.push(sCode),setSkuCodes&&setSkuCodes(skuCodes)),()=>{setSkuPrices([])}),[prices,sCode]);const parentProps={loading,loader,prices:skuPrices,...props},pricesComponent=(0,lodash_1.isEmpty)(prices)||(0,lodash_1.isEmpty)(skuPrices)?null:(0,getPrices_1.getPricesComponent)(skuPrices,props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:loading||(0,lodash_1.isEmpty)(pricesComponent)?loader:pricesComponent})}exports.Price=Price,Price.propTypes=propTypes,Price.defaultProps=defaultProps,Price.displayName=displayName,exports.default=Price;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Price=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),PricesContext_1=tslib_1.__importDefault(require("../../context/PricesContext")),react_1=require("react"),lodash_1=require("lodash"),getPrices_1=require("../../utils/getPrices"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext"));function Price(props){const{children,skuCode=""}=props,{prices,skuCode:pricesSkuCode,loading,skuCodes,setSkuCodes,loader}=(0,react_1.useContext)(PricesContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),[skuPrices,setSkuPrices]=(0,react_1.useState)([]),sCode=pricesSkuCode||skuCode||sku?.code;(0,react_1.useEffect)(()=>(!(0,lodash_1.isEmpty)(prices)&&(0,lodash_1.has)(prices,`${sCode}`)?setSkuPrices(prices[sCode]):sCode&&(0,lodash_1.indexOf)(skuCodes,sCode)===-1&&(skuCodes.push(sCode),setSkuCodes&&setSkuCodes(skuCodes)),()=>{setSkuPrices([])}),[prices,sCode]);const parentProps={loading,loader,prices:skuPrices,...props},pricesComponent=(0,lodash_1.isEmpty)(prices)||(0,lodash_1.isEmpty)(skuPrices)?null:(0,getPrices_1.getPricesComponent)(skuPrices,props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:loading||(0,lodash_1.isEmpty)(pricesComponent)?loader:pricesComponent})}exports.Price=Price,exports.default=Price;

package/lib/cjs/components/prices/PricesContainer.d.ts

@@ -1,27 +1,11 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { LoaderType } from '../../typings/index';
-declare type Props = {
-    children: ReactNode;
+interface Props {
+    children: JSX.Element | JSX.Element[];
     filters?: object;
     loader?: LoaderType;
     perPage?: number;
     skuCode?: string;
-};
-export declare function PricesContainer(props: Props): JSX.Element;
-export declare namespace PricesContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        skuCode: import("prop-types").Requireable<string>;
-        loader: import("prop-types").Requireable<NonNullable<string | import("prop-types").ReactElementLike | null | undefined>>;
-        perPage: import("prop-types").Requireable<number>;
-        filters: import("prop-types").Requireable<object>;
-    };
-    var defaultProps: {
-        perPage: number;
-        filters: {};
-        loader: string;
-        skuCode: string;
-    };
-    var displayName: string;
 }
+export declare function PricesContainer(props: Props): JSX.Element;
 export default PricesContainer;

package/lib/cjs/components/prices/PricesContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PricesContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getPrices_1=tslib_1.__importDefault(require("../../utils/getPrices")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),has_1=tslib_1.__importDefault(require("lodash/has")),indexOf_1=tslib_1.__importDefault(require("lodash/indexOf")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),PriceReducer_1=tslib_1.__importStar(require("../../reducers/PriceReducer")),PriceReducer_2=require("../../reducers/PriceReducer"),PricesContext_1=tslib_1.__importDefault(require("../../context/PricesContext")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),components_1=tslib_1.__importDefault(require("../../config/components")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),propTypes=components_1.default.PricesContainer.propTypes,defaultProps=components_1.default.PricesContainer.defaultProps,displayName=components_1.default.PricesContainer.displayName;function PricesContainer(props){const{children,skuCode="",loader="Loading...",perPage=10,filters={}}=props,[state,dispatch]=(0,react_1.useReducer)(PriceReducer_1.default,PriceReducer_2.priceInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{skuCodes}=(0,react_1.useContext)(SkuContext_1.default),{setPrices,prices,items,item:currentItem,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default);(0,indexOf_1.default)(state.skuCodes,skuCode)===-1&&skuCode&&state.skuCodes.push(skuCode);const sCode=skuCodes&&skuCodes?.length>0?"":skuCode||(0,getCurrentItemKey_1.default)(currentItem)||itemSkuCode||"",setSkuCodes=skuCodes2=>{dispatch({type:"setSkuCodes",payload:{skuCodes:skuCodes2}})};(0,react_1.useEffect)(()=>{if(state.skuCodes.length===0&&skuCodes&&skuCodes.length>0&&setSkuCodes(skuCodes),currentItem&&(0,has_1.default)(prices,sCode)&&dispatch({type:"setPrices",payload:{prices}}),!(0,isEmpty_1.default)(items)&&(0,isEmpty_1.default)(currentItem)){const p=(0,getPrices_1.default)(items);dispatch({type:"setPrices",payload:{prices:p}})}return config.accessToken&&!(0,has_1.default)(prices,itemSkuCode||sCode)&&(state.skuCodes.length>0||itemSkuCode||sCode)&&(0,PriceReducer_2.getSkusPrice)(sCode&&[itemSkuCode||sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),config.accessToken&&(0,isEmpty_1.default)(currentItem)&&(state.skuCodes.length>0||skuCode)&&(0,PriceReducer_2.getSkusPrice)(sCode&&[sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),()=>{(0,isEmpty_1.default)(currentItem)&&(0,PriceReducer_1.unsetPriceState)(dispatch)}},[config.accessToken,currentItem,sCode,state.skuCodes.length,itemSkuCode]);const priceValue={...state,skuCode:sCode,loader,setSkuCodes};return(0,jsx_runtime_1.jsx)(PricesContext_1.default.Provider,{value:priceValue,children})}exports.PricesContainer=PricesContainer,PricesContainer.propTypes=propTypes,PricesContainer.defaultProps=defaultProps,PricesContainer.displayName=displayName,exports.default=PricesContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PricesContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getPrices_1=tslib_1.__importDefault(require("../../utils/getPrices")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),has_1=tslib_1.__importDefault(require("lodash/has")),indexOf_1=tslib_1.__importDefault(require("lodash/indexOf")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),PriceReducer_1=tslib_1.__importStar(require("../../reducers/PriceReducer")),PricesContext_1=tslib_1.__importDefault(require("../../context/PricesContext")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext"));function PricesContainer(props){const{children,skuCode="",loader="Loading...",perPage=10,filters={}}=props,[state,dispatch]=(0,react_1.useReducer)(PriceReducer_1.default,PriceReducer_1.priceInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{skuCodes}=(0,react_1.useContext)(SkuContext_1.default),{setPrices,prices,items,item:currentItem,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default);(0,indexOf_1.default)(state.skuCodes,skuCode)===-1&&skuCode&&state.skuCodes.push(skuCode);const sCode=skuCodes&&skuCodes?.length>0?"":skuCode||(0,getCurrentItemKey_1.default)(currentItem)||itemSkuCode||"",setSkuCodes=skuCodes2=>{dispatch({type:"setSkuCodes",payload:{skuCodes:skuCodes2}})};(0,react_1.useEffect)(()=>{if(state.skuCodes.length===0&&skuCodes&&skuCodes.length>0&&setSkuCodes(skuCodes),currentItem&&(0,has_1.default)(prices,sCode)&&dispatch({type:"setPrices",payload:{prices}}),!(0,isEmpty_1.default)(items)&&(0,isEmpty_1.default)(currentItem)){const p=(0,getPrices_1.default)(items);dispatch({type:"setPrices",payload:{prices:p}})}return config.accessToken&&!(0,has_1.default)(prices,itemSkuCode||sCode)&&(state.skuCodes.length>0||itemSkuCode||sCode)&&(0,PriceReducer_1.getSkusPrice)(sCode&&[itemSkuCode||sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),config.accessToken&&(0,isEmpty_1.default)(currentItem)&&(state.skuCodes.length>0||skuCode)&&(0,PriceReducer_1.getSkusPrice)(sCode&&[sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),()=>{(0,isEmpty_1.default)(currentItem)&&(0,PriceReducer_1.unsetPriceState)(dispatch)}},[config.accessToken,currentItem,sCode,state.skuCodes.length,itemSkuCode]);const priceValue={...state,skuCode:sCode,loader,setSkuCodes};return(0,jsx_runtime_1.jsx)(PricesContext_1.default.Provider,{value:priceValue,children})}exports.PricesContainer=PricesContainer,exports.default=PricesContainer;

package/lib/cjs/components/shipments/Shipment.d.ts

@@ -1,15 +1,9 @@
 import { ReactNode } from 'react';
 import { LoaderType } from '../../typings/index';
-declare type ShipmentProps = {
+interface ShipmentProps {
     children: ReactNode;
     loader?: LoaderType;
     autoSelectSingleShippingMethod?: boolean | (() => void);
-};
-export declare function Shipment({ children, loader, autoSelectSingleShippingMethod, }: ShipmentProps): JSX.Element;
-export declare namespace Shipment {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
-    var displayName: string;
 }
+export declare function Shipment({ children, loader, autoSelectSingleShippingMethod }: ShipmentProps): JSX.Element;
 export default Shipment;

package/lib/cjs/components/shipments/Shipment.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Shipment=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),components_1=tslib_1.__importDefault(require("../../config/components")),getLoaderComponent_1=tslib_1.__importDefault(require("../../utils/getLoaderComponent")),propTypes=components_1.default.Shipment.propTypes,displayName=components_1.default.Shipment.displayName;function Shipment({children,loader="Loading...",autoSelectSingleShippingMethod=!1}){const[loading,setLoading]=(0,react_1.useState)(!0),{shipments,deliveryLeadTimes,setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default);(0,react_1.useEffect)(()=>{shipments&&(autoSelectSingleShippingMethod?(async()=>await shipments.forEach(async shipment=>{const isSingle=shipment?.available_shipping_methods?.length===1;if(!shipment?.shipping_method&&isSingle){const[shippingMethod]=shipment?.available_shipping_methods||[];shippingMethod&&await setShippingMethod(shipment.id,shippingMethod.id),typeof autoSelectSingleShippingMethod=="function"&&autoSelectSingleShippingMethod()}else setTimeout(()=>{setLoading(!1)},200)}))():setLoading(!1))},[shipments]);const components=shipments&&shipments.map((shipment,k)=>{const lineItems=shipment.shipment_line_items?.map(shipmentLineItem=>{const l=shipmentLineItem.line_item;return l&&(l.quantity=shipmentLineItem.quantity),l}),shippingMethods=shipment.available_shipping_methods,currentShippingMethodId=autoSelectSingleShippingMethod&&shippingMethods&&shippingMethods.length===1?shippingMethods[0]?.id:shipment.shipping_method?.id,stockTransfers=shipment.stock_transfers,times=deliveryLeadTimes?.filter(time=>time.stock_location?.id===shipment.stock_location?.id),shipmentProps={lineItems,shippingMethods,currentShippingMethodId,stockTransfers,deliveryLeadTimes:times,shipment,keyNumber:k+1};return(0,jsx_runtime_1.jsx)(ShipmentChildrenContext_1.default.Provider,{value:shipmentProps,children},k)});return loading?(0,getLoaderComponent_1.default)(loader):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Shipment=Shipment,Shipment.propTypes=propTypes,Shipment.displayName=displayName,exports.default=Shipment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Shipment=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),getLoaderComponent_1=tslib_1.__importDefault(require("../../utils/getLoaderComponent"));function Shipment({children,loader="Loading...",autoSelectSingleShippingMethod=!1}){const[loading,setLoading]=(0,react_1.useState)(!0),{shipments,deliveryLeadTimes,setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default);(0,react_1.useEffect)(()=>{shipments&&(autoSelectSingleShippingMethod?(async()=>shipments.forEach(async shipment=>{const isSingle=shipment?.available_shipping_methods?.length===1;if(!shipment?.shipping_method&&isSingle){const[shippingMethod]=shipment?.available_shipping_methods||[];shippingMethod&&await setShippingMethod(shipment.id,shippingMethod.id),typeof autoSelectSingleShippingMethod=="function"&&autoSelectSingleShippingMethod()}else setTimeout(()=>{setLoading(!1)},200)}))():setLoading(!1))},[shipments]);const components=shipments?.map((shipment,k)=>{const lineItems=shipment.shipment_line_items?.map(shipmentLineItem=>{const l=shipmentLineItem.line_item;return l&&(l.quantity=shipmentLineItem.quantity),l}),shippingMethods=shipment.available_shipping_methods,currentShippingMethodId=autoSelectSingleShippingMethod&&shippingMethods&&shippingMethods.length===1?shippingMethods[0]?.id:shipment.shipping_method?.id,stockTransfers=shipment.stock_transfers,parcels=shipment.parcels,times=deliveryLeadTimes?.filter(time=>time.stock_location?.id===shipment.stock_location?.id),shipmentProps={parcels,lineItems,shippingMethods,currentShippingMethodId,stockTransfers,deliveryLeadTimes:times,shipment,keyNumber:k+1};return(0,jsx_runtime_1.jsx)(ShipmentChildrenContext_1.default.Provider,{value:shipmentProps,children},k)});return loading?(0,getLoaderComponent_1.default)(loader):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Shipment=Shipment,exports.default=Shipment;

package/lib/cjs/components/shipments/ShipmentField.d.ts

@@ -9,11 +9,4 @@ declare type Props = {
     name: ShipmentAttribute;
 } & JSX.IntrinsicElements['span'];
 export declare function ShipmentField(props: Props): JSX.Element;
-export declare namespace ShipmentField {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<NonNullable<ShipmentAttribute>>;
-    };
-    var displayName: string;
-}
 export default ShipmentField;

package/lib/cjs/components/shipments/ShipmentField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),get_1=tslib_1.__importDefault(require("lodash/get")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),propTypes=components_1.default.ShipmentField.propTypes,displayName=components_1.default.ShipmentField.displayName;function ShipmentField(props){const{name}=props,{shipment,keyNumber}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),key=name,text=key!=="key_number"?(0,get_1.default)(shipment,key):keyNumber,parentProps={shipment,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...props,children:text})}exports.ShipmentField=ShipmentField,ShipmentField.propTypes=propTypes,ShipmentField.displayName=displayName,exports.default=ShipmentField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),get_1=tslib_1.__importDefault(require("lodash/get")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext"));function ShipmentField(props){const{name}=props,{shipment,keyNumber}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),key=name,text=key!=="key_number"?(0,get_1.default)(shipment,key):keyNumber,parentProps={shipment,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...props,children:text})}exports.ShipmentField=ShipmentField,exports.default=ShipmentField;

package/lib/cjs/components/shipments/ShipmentsContainer.d.ts

@@ -1,12 +1,6 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
-};
-export declare function ShipmentsContainer(props: Props): JSX.Element;
-export declare namespace ShipmentsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
-    var displayName: string;
 }
+export declare function ShipmentsContainer(props: Props): JSX.Element;
 export default ShipmentsContainer;

package/lib/cjs/components/shipments/ShipmentsContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShipmentContext_1=tslib_1.__importStar(require("../../context/ShipmentContext")),react_1=require("react"),ShipmentReducer_1=tslib_1.__importStar(require("../../reducers/ShipmentReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),components_1=tslib_1.__importDefault(require("../../config/components")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),propTypes=components_1.default.ShipmentsContainer.propTypes,displayName=components_1.default.ShipmentsContainer.displayName;function ShipmentsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShipmentReducer_1.default,ShipmentReducer_1.shipmentInitialState),{order,getOrder,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{include?.includes("shipments.available_shipping_methods")?includeLoaded?.["shipments.available_shipping_methods"]||addResourceToInclude({newResourceLoaded:{"shipments.available_shipping_methods":!0,"shipments.shipment_line_items.line_item":!0,"shipments.shipping_method":!0,"shipments.stock_transfers.line_item":!0,"shipments.stock_location":!0}}):addResourceToInclude({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers.line_item","shipments.stock_location"]}),order&&!(0,isEmpty_1.default)(config)&&order.shipments&&(0,ShipmentReducer_1.getShipments)({order,dispatch,config})},[order,include,includeLoaded]),(0,react_1.useEffect)(()=>(order&&(order.shipments&&order.shipments.length>0&&order.shipments.map(shipment=>shipment.available_shipping_methods&&shipment.available_shipping_methods.length>0).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"NO_SHIPPING_METHODS",message:"No shipping methods",resource:"shipments"}],dispatch),order.line_items&&order.line_items.length>0&&order.line_items.filter(({item_type})=>item_type==="skus").map(lineItem=>!!(lineItem.item?.do_not_ship||lineItem.item?.do_not_track||lineItem.item?.inventory?.quantity>=lineItem?.quantity)).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"OUT_OF_STOCK",message:"No stock available",resource:"line_items"}],dispatch)),()=>{(0,ShipmentReducer_1.setShipmentErrors)([],dispatch)}),[order?.shipments]);const contextValue={...state,setShipmentErrors:errors=>ShipmentContext_1.defaultShipmentContext.setShipmentErrors(errors,dispatch),setShippingMethod:async(shipmentId,shippingMethodId)=>await(0,ShipmentReducer_1.setShippingMethod)({shippingMethodId,shipmentId,config,getOrder,order})};return(0,jsx_runtime_1.jsx)(ShipmentContext_1.default.Provider,{value:contextValue,children})}exports.ShipmentsContainer=ShipmentsContainer,ShipmentsContainer.propTypes=propTypes,ShipmentsContainer.displayName=displayName,exports.default=ShipmentsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShipmentContext_1=tslib_1.__importStar(require("../../context/ShipmentContext")),react_1=require("react"),ShipmentReducer_1=tslib_1.__importStar(require("../../reducers/ShipmentReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function ShipmentsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShipmentReducer_1.default,ShipmentReducer_1.shipmentInitialState),{order,getOrder,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{include?.includes("shipments.available_shipping_methods")?includeLoaded?.["shipments.available_shipping_methods"]||addResourceToInclude({newResourceLoaded:{"shipments.available_shipping_methods":!0,"shipments.shipment_line_items.line_item":!0,"shipments.shipping_method":!0,"shipments.stock_transfers.line_item":!0,"shipments.stock_location":!0,"shipments.parcels":!0}}):addResourceToInclude({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers.line_item","shipments.stock_location","shipments.parcels"]}),order&&!(0,isEmpty_1.default)(config)&&order.shipments&&(0,ShipmentReducer_1.getShipments)({order,dispatch,config})},[order,include,includeLoaded]),(0,react_1.useEffect)(()=>(order&&(order.shipments&&order.shipments.length>0&&order.shipments.map(shipment=>shipment.available_shipping_methods&&shipment.available_shipping_methods.length>0).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"NO_SHIPPING_METHODS",message:"No shipping methods",resource:"shipments"}],dispatch),order.line_items&&order.line_items.length>0&&order.line_items.filter(({item_type:itemType})=>itemType==="skus").map(lineItem=>!!(lineItem.item?.do_not_ship||lineItem.item?.do_not_track||lineItem.item?.inventory?.quantity>=lineItem?.quantity)).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"OUT_OF_STOCK",message:"No stock available",resource:"line_items"}],dispatch)),()=>{(0,ShipmentReducer_1.setShipmentErrors)([],dispatch)}),[order?.shipments]);const contextValue={...state,setShipmentErrors:errors=>ShipmentContext_1.defaultShipmentContext.setShipmentErrors(errors,dispatch),setShippingMethod:async(shipmentId,shippingMethodId)=>await(0,ShipmentReducer_1.setShippingMethod)({shippingMethodId,shipmentId,config,getOrder,order})};return(0,jsx_runtime_1.jsx)(ShipmentContext_1.default.Provider,{value:contextValue,children})}exports.ShipmentsContainer=ShipmentsContainer,exports.default=ShipmentsContainer;

package/lib/cjs/components/shipping_methods/ShippingMethod.d.ts

@@ -1,15 +1,8 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
     readonly?: boolean;
     emptyText?: string;
-};
-export declare function ShippingMethod(props: Props): JSX.Element;
-export declare namespace ShippingMethod {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        readonly: import("prop-types").Requireable<boolean>;
-    };
-    var displayName: string;
 }
+export declare function ShippingMethod(props: Props): JSX.Element;
 export default ShippingMethod;

package/lib/cjs/components/shipping_methods/ShippingMethod.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethod=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),components_1=tslib_1.__importDefault(require("../../config/components")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),propTypes=components_1.default.ShippingMethod.propTypes,displayName=components_1.default.ShippingMethod.displayName;function ShippingMethod(props){const{children,readonly,emptyText="There are not any shipping method available"}=props,{shippingMethods,currentShippingMethodId,deliveryLeadTimes,shipment}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),[items,setItems]=(0,react_1.useState)([]);(0,react_1.useEffect)(()=>{const methods=shippingMethods&&shippingMethods.filter(s=>readonly?s.id===currentShippingMethodId:!0).map((shippingMethod,k)=>{const[deliveryLeadTimeForShipment]=deliveryLeadTimes?.filter(delivery=>{const deliveryShippingMethodId=delivery.shipping_method?.id;return shippingMethod.id===deliveryShippingMethodId}),shippingProps={shipmentId:shipment?.id,shippingMethod,currentShippingMethodId,deliveryLeadTimeForShipment};return(0,jsx_runtime_1.jsx)(ShippingMethodChildrenContext_1.default.Provider,{value:shippingProps,children},k)});methods&&setItems(methods)},[currentShippingMethodId,deliveryLeadTimes,shippingMethods]);const components=!(0,isEmpty_1.default)(items)&&items||emptyText;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:components})}exports.ShippingMethod=ShippingMethod,ShippingMethod.propTypes=propTypes,ShippingMethod.displayName=displayName,exports.default=ShippingMethod;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethod=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function ShippingMethod(props){const{children,readonly,emptyText="There are not any shipping method available"}=props,{shippingMethods,currentShippingMethodId,deliveryLeadTimes,shipment}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),[items,setItems]=(0,react_1.useState)([]);(0,react_1.useEffect)(()=>{const methods=shippingMethods?.filter(s=>readonly?s.id===currentShippingMethodId:!0).map((shippingMethod,k)=>{const[deliveryLeadTimeForShipment]=deliveryLeadTimes?.filter(delivery=>{const deliveryShippingMethodId=delivery.shipping_method?.id;return shippingMethod.id===deliveryShippingMethodId}),shippingProps={shipmentId:shipment?.id,shippingMethod,currentShippingMethodId,deliveryLeadTimeForShipment};return(0,jsx_runtime_1.jsx)(ShippingMethodChildrenContext_1.default.Provider,{value:shippingProps,children},k)});methods&&setItems(methods)},[currentShippingMethodId,deliveryLeadTimes,shippingMethods]);const components=!(0,isEmpty_1.default)(items)&&items||emptyText;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.ShippingMethod=ShippingMethod,exports.default=ShippingMethod;

package/lib/cjs/components/shipping_methods/ShippingMethodName.d.ts

@@ -8,10 +8,4 @@ declare type Props = {
     children?: (props: ChildrenProps) => JSX.Element;
 } & JSX.IntrinsicElements['label'];
 export declare function ShippingMethodName(props: Props): JSX.Element;
-export declare namespace ShippingMethodName {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
 export default ShippingMethodName;

package/lib/cjs/components/shipping_methods/ShippingMethodName.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodName=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.ShippingMethodName.propTypes,displayName=components_1.default.ShippingMethodName.displayName;function ShippingMethodName(props){const{shippingMethod,deliveryLeadTimeForShipment,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),htmlFor=`shipment-${shipmentId}-${shippingMethod?.id}`||"",labelName=shippingMethod?.name,parentProps={shippingMethod,deliveryLeadTimeForShipment,label:labelName,htmlFor,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("label",{htmlFor,...props,children:labelName})}exports.ShippingMethodName=ShippingMethodName,ShippingMethodName.propTypes=propTypes,ShippingMethodName.displayName=displayName,exports.default=ShippingMethodName;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodName=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function ShippingMethodName(props){const{shippingMethod,deliveryLeadTimeForShipment,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),htmlFor=`shipment-${shipmentId??""}-${shippingMethod?.id??""}`||"",labelName=shippingMethod?.name,parentProps={shippingMethod,deliveryLeadTimeForShipment,label:labelName,htmlFor,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("label",{htmlFor,...props,children:labelName})}exports.ShippingMethodName=ShippingMethodName,exports.default=ShippingMethodName;

package/lib/cjs/components/skus/AvailabilityTemplate.d.ts

@@ -1,24 +1,15 @@
 /// <reference types="react" />
-import { TimeFormat, FunctionChildren } from '../../typings/index';
+import { TimeFormat, ChildrenFunction } from '../../typings/index';
 import { DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
-declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<Props, 'children'> & DeliveryLeadTime & {
+interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, DeliveryLeadTime {
     text: string;
     quantity: number;
-}>;
+}
 declare type Props = {
-    children?: AvailabilityTemplateChildrenProps;
+    children?: ChildrenFunction<AvailabilityTemplateChildrenProps>;
     timeFormat?: TimeFormat;
     showShippingMethodName?: boolean;
     showShippingMethodPrice?: boolean;
 } & JSX.IntrinsicElements['p'];
 export declare function AvailabilityTemplate(props: Props): JSX.Element;
-export declare namespace AvailabilityTemplate {
-    var propTypes: {
-        timeFormat: import("prop-types").Requireable<TimeFormat>;
-        showShippingMethodName: import("prop-types").Requireable<boolean>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var defaultProps: Props;
-    var displayName: string;
-}
 export default AvailabilityTemplate;

package/lib/cjs/components/skus/AvailabilityTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityTemplate=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),lodash_1=require("lodash"),components_1=tslib_1.__importDefault(require("../../config/components")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),propTypes=components_1.default.AvailabilityTemplate.propTypes,defaultProps=components_1.default.AvailabilityTemplate.defaultProps,displayName=components_1.default.AvailabilityTemplate.displayName;function AvailabilityTemplate(props){const{timeFormat,showShippingMethodName,showShippingMethodPrice,children,...p}=props;let{min,max,shipping_method,quantity}=(0,react_1.useContext)(AvailabilityContext_1.default);const{item}=(0,react_1.useContext)(ItemContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),text=[];if(item&&sku){const code=sku.code,currentItem=item[code];if(currentItem){const[level]=currentItem.inventory?.levels||[],[delivery]=level?.delivery_lead_times||[];delivery&&(min=delivery?.min,max=delivery?.max,shipping_method=delivery?.shipping_method),quantity=currentItem.inventory.quantity}}const mn=!(0,lodash_1.isEmpty)(min)&&timeFormat?min?.[timeFormat]:"",mx=!(0,lodash_1.isEmpty)(max)&&timeFormat?max?.[timeFormat]:"",shippingMethodPrice=showShippingMethodPrice&&shipping_method?.formatted_price_amount?`(${shipping_method?.formatted_price_amount})`:"",name=showShippingMethodName&&shipping_method?`with ${shipping_method.name}`:"";quantity&&quantity>0?(text.push("Available"),mn&&mx&&text.push(`in ${mn} - ${mx} ${timeFormat} ${name} ${shippingMethodPrice}`)):quantity===0&&text.push("Out of stock");const parentProps={min,max,shipping_method,quantity,text:text.join(" "),...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("p",{...p,children:text.join(" ")})}exports.AvailabilityTemplate=AvailabilityTemplate,AvailabilityTemplate.propTypes=propTypes,AvailabilityTemplate.defaultProps=defaultProps,AvailabilityTemplate.displayName=displayName,exports.default=AvailabilityTemplate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityTemplate=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),lodash_1=require("lodash"),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext"));function AvailabilityTemplate(props){const{timeFormat,showShippingMethodName,showShippingMethodPrice,children,...p}=props;let{min,max,shipping_method:shippingMethod,quantity}=(0,react_1.useContext)(AvailabilityContext_1.default);const{item}=(0,react_1.useContext)(ItemContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),text=[];if(item&&sku){const code=sku.code,currentItem=item[code];if(currentItem){const[level]=currentItem.inventory?.levels||[],[delivery]=level?.delivery_lead_times||[];delivery&&(min=delivery?.min,max=delivery?.max,shippingMethod=delivery?.shipping_method),quantity=currentItem.inventory.quantity}}const mn=!(0,lodash_1.isEmpty)(min)&&timeFormat?min?.[timeFormat]:"",mx=!(0,lodash_1.isEmpty)(max)&&timeFormat?max?.[timeFormat]:"",shippingMethodPrice=showShippingMethodPrice&&shippingMethod?.formatted_price_amount?`(${shippingMethod?.formatted_price_amount})`:"",name=showShippingMethodName&&shippingMethod?`with ${shippingMethod.name}`:"";quantity&&quantity>0?(text.push("Available"),mn&&mx&&text.push(`in ${mn} - ${mx} ${timeFormat??""} ${name} ${shippingMethodPrice}`)):quantity===0&&text.push("Out of stock");const parentProps={min,max,shipping_method:shippingMethod,quantity,text:text.join(" "),...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("p",{...p,children:text.join(" ")})}exports.AvailabilityTemplate=AvailabilityTemplate,exports.default=AvailabilityTemplate;

package/lib/cjs/components/skus/QuantitySelector.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { FunctionChildren } from '../../typings/index';
-declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+import { ChildrenFunction } from '../../typings/index';
+interface ChildrenProps extends Omit<Props, 'children'> {
     handleChange: (event: React.MouseEvent<HTMLInputElement>) => void;
     handleBlur: (event: React.MouseEvent<HTMLInputElement>) => void;
-}>;
+}
 declare type Props = {
-    children?: ChildrenProps;
+    children?: ChildrenFunction<ChildrenProps>;
     disabled?: boolean;
     min?: number;
     max?: number;
@@ -14,18 +14,4 @@ declare type Props = {
     skuListId?: string;
 } & JSX.IntrinsicElements['input'];
 export declare function QuantitySelector(props: Props): JSX.Element;
-export declare namespace QuantitySelector {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        min: import("prop-types").Requireable<number>;
-        max: import("prop-types").Requireable<number>;
-        value: import("prop-types").Requireable<string>;
-        skuCode: import("prop-types").Requireable<string>;
-        disabled: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        min: number;
-    };
-    var displayName: string;
-}
 export default QuantitySelector;

package/lib/cjs/components/skus/QuantitySelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.QuantitySelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),has_1=tslib_1.__importDefault(require("lodash/has")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),components_1=tslib_1.__importDefault(require("../../config/components")),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),propTypes=components_1.default.QuantitySelector.propTypes,defaultProps=components_1.default.QuantitySelector.defaultProps,displayName=components_1.default.QuantitySelector.displayName;function QuantitySelector(props){const{skuCode,skuListId,children,min=1,max,...p}=props,{item,setQuantity,items,quantity,prices,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),{skuLists,listIds}=(0,react_1.useContext)(SkuListsContext_1.default),defaultVal=p?.value||min,[value,setValue]=(0,react_1.useState)(defaultVal),[disabled,setDisabled]=(0,react_1.useState)(!!p.disabled),sCode=!(0,isEmpty_1.default)(items)&&skuCode?items[skuCode]?.code:sku?.code||skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode,inventory=(0,isEmpty_1.default)(item)?50:item[sCode]?.inventory?.quantity,maxInv=max||inventory;(0,react_1.useEffect)(()=>{if(setValue(defaultVal),(!prices[sCode]||!sCode)&&setDisabled(!0),skuListId&&setDisabled(!1),sCode&&!quantity[sCode]){const qty=Number(defaultVal);setQuantity&&setQuantity({...quantity,[`${sCode}`]:qty}),!(0,isEmpty_1.default)(prices)&&(0,has_1.default)(prices,sCode)&&setDisabled(!1)}return()=>{setValue(defaultVal)}},[item,listIds,prices,quantity]);const handleChange=e=>{const qty=Number(e.target.value),valid=Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv);setValue(qty),!(0,isEmpty_1.default)(skuLists)&&skuListId&&valid?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(qty)}):sCode&&valid&&setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(qty)})},handleBlur=e=>{const qty=e.target.value;if(!(Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv))){const resetVal=Number(qty)<Number(min)?min:maxInv;resetVal&&setValue(resetVal),!(0,isEmpty_1.default)(skuLists)&&skuListId?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(resetVal)}):setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(resetVal)})}},parentProps={min,max:maxInv,disabled,handleChange,handleBlur,value,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("input",{type:"number",max:maxInv,min,value:value||"",disabled,onChange:handleChange,onBlur:handleBlur,...p})}exports.QuantitySelector=QuantitySelector,QuantitySelector.propTypes=propTypes,QuantitySelector.defaultProps=defaultProps,QuantitySelector.displayName=displayName,exports.default=QuantitySelector;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.QuantitySelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),has_1=tslib_1.__importDefault(require("lodash/has")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext"));function QuantitySelector(props){const{skuCode,skuListId,children,min=1,max,...p}=props,{item,setQuantity,items,quantity,prices,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),{skuLists,listIds}=(0,react_1.useContext)(SkuListsContext_1.default),defaultVal=p?.value||min,[value,setValue]=(0,react_1.useState)(defaultVal),[disabled,setDisabled]=(0,react_1.useState)(!!p.disabled),sCode=!(0,isEmpty_1.default)(items)&&skuCode?items[skuCode]?.code:sku?.code||skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode,inventory=(0,isEmpty_1.default)(item)?50:item[sCode]?.inventory?.quantity,maxInv=max||inventory;(0,react_1.useEffect)(()=>{if(setValue(defaultVal),(!prices[sCode]||!sCode)&&setDisabled(!0),skuListId&&setDisabled(!1),sCode&&!quantity[sCode]){const qty=Number(defaultVal);setQuantity&&setQuantity({...quantity,[`${sCode}`]:qty}),!(0,isEmpty_1.default)(prices)&&(0,has_1.default)(prices,sCode)&&setDisabled(!1)}return()=>{setValue(defaultVal)}},[item,listIds,prices,quantity]);const handleChange=e=>{const qty=Number(e.target.value),valid=Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv);setValue(qty),!(0,isEmpty_1.default)(skuLists)&&skuListId&&valid?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(qty)}):sCode&&valid&&setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(qty)})},handleBlur=e=>{const qty=e.target.value;if(!(Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv))){const resetVal=Number(qty)<Number(min)?min:maxInv;resetVal&&setValue(resetVal),!(0,isEmpty_1.default)(skuLists)&&skuListId?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(resetVal)}):setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(resetVal)})}},parentProps={min,max:maxInv,disabled,handleChange,handleBlur,value,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("input",{type:"number",max:maxInv,min,value:value||"",disabled,onChange:handleChange,onBlur:handleBlur,...p})}exports.QuantitySelector=QuantitySelector,exports.default=QuantitySelector;

package/lib/cjs/components/skus/VariantSelector.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { VariantHandleCallback } from '../utils/VariantTemplate';
 import { BaseSelectorType } from '../../typings/index';
-import { FunctionChildren } from '../../typings/index';
+import { ChildrenFunction } from '../../typings/index';
 import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
 export interface VariantOption {
     label: string;
@@ -11,13 +11,13 @@ export interface VariantOption {
         imageUrl?: string | null;
     } | null;
 }
-declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+interface ChildrenProps extends Omit<Props, 'children'> {
     variants: VariantsObject;
     handleSelect: SetSkuCode;
     loading: boolean;
-}>;
+}
 declare type Props = {
-    children?: ChildrenProps;
+    children?: ChildrenFunction<ChildrenProps>;
     options: VariantOption[];
     type?: BaseSelectorType;
     loader?: ReactNode;
@@ -26,27 +26,4 @@ declare type Props = {
     handleCallback?: VariantHandleCallback;
 } & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
 export declare function VariantSelector(props: Props): JSX.Element;
-export declare namespace VariantSelector {
-    var propTypes: {
-        options: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            code: import("prop-types").Validator<string>;
-            lineItem: import("prop-types").Requireable<import("prop-types").InferProps<{
-                name: import("prop-types").Validator<string>;
-                imageUrl: import("prop-types").Requireable<string>;
-            }>>;
-        }>>[]>;
-        name: import("prop-types").Requireable<string>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        type: import("prop-types").Requireable<BaseSelectorType>;
-        loader: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
-        placeholder: import("prop-types").Requireable<string>;
-        skuCode: import("prop-types").Requireable<string>;
-    };
-    var defaultProps: {
-        placeholder: string;
-        type: BaseSelectorType;
-    };
-    var displayName: string;
-}
 export default VariantSelector;

package/lib/cjs/components/skus/VariantSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VariantSelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantTemplate_1=tslib_1.__importDefault(require("../utils/VariantTemplate")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),VariantsContext_1=tslib_1.__importDefault(require("../../context/VariantsContext")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.VariantSelector.propTypes,defaultProps=components_1.default.VariantSelector.defaultProps,displayName=components_1.default.VariantSelector.displayName;function VariantSelector(props){const{children,type,placeholder,skuCode,name,options,...prs}=props,{setSkuCode,skuCode:variantSkuCode,loading,variants,setSkuCodes}=(0,react_1.useContext)(VariantsContext_1.default);(0,react_1.useEffect)(()=>(setSkuCodes&&setSkuCodes(options),()=>{setSkuCodes&&setSkuCodes([])}),[options]);const sCode=variantSkuCode||skuCode||"",DefaultTemplate=()=>loading?(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:props.loader||"Loading..."}):(0,jsx_runtime_1.jsx)(VariantTemplate_1.default,{variants,type,placeholder,skuCode:sCode,options,handleChange:setSkuCode,name,...prs}),parentProps={variants,loading:!!loading,handleSelect:setSkuCode,skuCode:sCode,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(0,jsx_runtime_1.jsx)(DefaultTemplate,{})})}exports.VariantSelector=VariantSelector,VariantSelector.propTypes=propTypes,VariantSelector.defaultProps=defaultProps,VariantSelector.displayName=displayName,exports.default=VariantSelector;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VariantSelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantTemplate_1=tslib_1.__importDefault(require("../utils/VariantTemplate")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),VariantsContext_1=tslib_1.__importDefault(require("../../context/VariantsContext"));function VariantSelector(props){const{children,type="select",placeholder,skuCode,name,options,...prs}=props,{setSkuCode,skuCode:variantSkuCode,loading,variants,setSkuCodes}=(0,react_1.useContext)(VariantsContext_1.default);(0,react_1.useEffect)(()=>(setSkuCodes&&setSkuCodes(options),()=>{setSkuCodes&&setSkuCodes([])}),[options]);const sCode=variantSkuCode||skuCode||"",DefaultTemplate=()=>loading?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:props.loader||"Loading..."}):(0,jsx_runtime_1.jsx)(VariantTemplate_1.default,{variants,type,placeholder,skuCode:sCode,options,handleChange:setSkuCode,name,...prs}),parentProps={variants,loading:!!loading,handleSelect:setSkuCode,skuCode:sCode,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(DefaultTemplate,{})}exports.VariantSelector=VariantSelector,exports.default=VariantSelector;

package/lib/cjs/components/utils/AddressCardsTemplate.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
-import { Address } from '@commercelayer/sdk';
+import type { Address } from '@commercelayer/sdk';
 import AddressChildrenContext from '../../context/AddressChildrenContext';
-import { FunctionChildren } from '../../typings/index';
+import { ChildrenFunction } from '../../typings/index';
 declare type ChildrenProps = Pick<Props, 'customerAddresses' | 'className'> & {
     AddressProvider: typeof AddressChildrenContext.Provider;
 };
-export declare type CustomerAddress = Address & {
+export interface CustomerAddress extends Address {
     onClick: () => void;
     handleSelect?: () => void;
-};
-export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
+}
+export declare type AddressCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
 export declare type AddressCardsType = ChildrenProps;
 export declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
-declare type Props = {
+interface Props {
     customerAddresses: CustomerAddress[];
     countryLock?: string;
     children: AddressCardsTemplateChildren;
@@ -22,6 +22,6 @@ declare type Props = {
     selected?: number | null;
     className?: string;
     handleSelect: HandleSelect;
-};
-export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect, }: Props): JSX.Element;
+}
+export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect }: Props): JSX.Element;
 export {};

package/lib/cjs/components/utils/AddressCardsTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext"));function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=(0,react_1.useContext)(ShippingAddressContext_1.default),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className} ${deselect?"":selectedClassName}`:className,finalClassName=disabled?`${className} ${disabledClassName}`:addressSelectedClass,customerAddressId=address?.reference||"";return{...attributes,className:finalClassName,onClick:()=>handleSelect(k,address.id,customerAddressId,disabled,address)}}),AddressProvider:AddressChildrenContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,{...value,children})}exports.default=AddressCardsTemplate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext"));function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=(0,react_1.useContext)(ShippingAddressContext_1.default),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className??""} ${(deselect?"":selectedClassName)??""}`:className,finalClassName=disabled?`${className??""} ${disabledClassName??""}`:addressSelectedClass,customerAddressId=address?.reference||"";return{...attributes,className:finalClassName,onClick:async()=>await handleSelect(k,address.id,customerAddressId,disabled,address)}}),AddressProvider:AddressChildrenContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,{...value,children})}exports.default=AddressCardsTemplate;

package/lib/cjs/components/utils/BaseInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseInputComponentProps } from '../../typings/index';
 export declare type BaseInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "min" | "max" | "type" | "list" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "src" | "step" | "width" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "min" | "max" | "type" | "list" | "disabled" | "width" | "height" | "src" | "step" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
 export default _default;

package/lib/cjs/components/utils/ErrorBoundary.d.ts

@@ -0,0 +1,14 @@
+import { Component, ErrorInfo } from 'react';
+interface Props {
+    children: JSX.Element;
+}
+interface State {
+    hasError: boolean;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): JSX.Element;
+}
+export default ErrorBoundary;

package/lib/cjs/components/utils/ErrorBoundary.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");class ErrorBoundary extends react_1.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(error,errorInfo){if(process.env.NODE_ENV!=="test")console.error("Uncaught error:",error,errorInfo);else throw error}render(){return this.state.hasError?(0,jsx_runtime_1.jsx)("h1",{children:"Sorry.. there was an error, check the console."}):this.props.children}}exports.ErrorBoundary=ErrorBoundary,exports.default=ErrorBoundary;

package/lib/cjs/components/utils/PaymentCardsTemplate.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PaymentResource, PaymentSourceType } from '../../reducers/PaymentMethodReducer';
 import PaymentSourceContext, { IconBrand } from '../../context/PaymentSourceContext';
-import { FunctionChildren } from '../../typings/index';
+import { ChildrenFunction } from '../../typings/index';
 declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
     PaymentSourceProvider: typeof PaymentSourceContext.Provider;
 };
@@ -12,7 +12,7 @@ declare type CustomerPayment = PaymentSourceType & {
     };
     handleClick?: () => void;
 };
-export declare type CustomerCardsTemplateChildren = FunctionChildren<ChildrenProps>;
+export declare type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
 export declare type CustomerCardsType = ChildrenProps;
 declare type Props = {
     customerPayments: CustomerPayment[];

package/lib/cjs/components/utils/PriceTemplate.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { PriceProps } from '../prices/Price';
 export declare type PTemplateProps = {
     formattedAmount?: string;
     formattedCompare?: string;
 } & Omit<PriceProps, 'children'>;
-declare const PriceTemplate: React.FunctionComponent<PTemplateProps>;
+export declare function PriceTemplate(props: PTemplateProps): JSX.Element;
 export default PriceTemplate;

package/lib/cjs/components/utils/PriceTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),prop_types_1=tslib_1.__importDefault(require("prop-types")),propTypes={formattedAmount:prop_types_1.default.string,formattedCompare:prop_types_1.default.string},defaultProps={formattedAmount:"",formattedCompare:""},PriceTemplate=props=>{const{showCompare,formattedCompare,compareClassName,className,formattedAmount,...p}=props;return delete p.skuCode,(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("span",{className,...p,children:formattedAmount}),showCompare&&(0,jsx_runtime_1.jsx)("span",{className:compareClassName||"",...p,children:formattedCompare})]})};PriceTemplate.propTypes=propTypes,PriceTemplate.defaultProps=defaultProps,exports.default=PriceTemplate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PriceTemplate=void 0;const jsx_runtime_1=require("react/jsx-runtime");function PriceTemplate(props){const{showCompare,formattedCompare,compareClassName,className,formattedAmount,skuCode,...p}=props;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("span",{"data-testid":`price-${skuCode??""}`,className,...p,children:formattedAmount}),showCompare&&(0,jsx_runtime_1.jsx)("span",{"data-testid":`compare-${skuCode??""}`,className:compareClassName||"",...p,children:formattedCompare})]})}exports.PriceTemplate=PriceTemplate,exports.default=PriceTemplate;

package/lib/cjs/context/BillingAddressFormContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Address } from '@commercelayer/sdk';
 export declare type AddressValuesKeys = `${keyof Address}` | `billing_address_${keyof Address}` | `shipping_address_${keyof Address}`;
-export declare type DefaultContextAddress = {
+export interface DefaultContextAddress {
     validation?: void;
     setValue?: (name: AddressValuesKeys, value: string | number | readonly string[]) => void;
     errors?: {
@@ -20,6 +20,6 @@ export declare type DefaultContextAddress = {
         };
     };
     isBusiness?: boolean;
-};
+}
 declare const BillingAddressFormContext: import("react").Context<DefaultContextAddress>;
 export default BillingAddressFormContext;