@commercelayer/react-components 4.0.0-alpha.2 → 4.0.0-alpha.3

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&&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,exports.default=ShippingMethod;

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

@@ -1,17 +1,11 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { ShippingMethod } from '@commercelayer/sdk';
 declare type ChildrenProps = Omit<Props, 'children'> & {
     label: string;
     shippingMethod: ShippingMethod;
 };
 declare type Props = {
-    children?: (props: ChildrenProps) => ReactNode;
+    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/shipping_methods/ShippingMethodPrice.d.ts

@@ -10,16 +10,4 @@ declare type Props = BaseAmountComponent & {
     base?: 'price';
 });
 export declare function ShippingMethodPrice(props: Props): JSX.Element;
-export declare namespace ShippingMethodPrice {
-    var propTypes: {
-        type: import("prop-types").Requireable<"amount">;
-        id: import("prop-types").Requireable<string>;
-        className: import("prop-types").Requireable<string>;
-        style: import("prop-types").Requireable<object>;
-        name: import("prop-types").Requireable<string>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        format: import("prop-types").Requireable<import("../../typings/index").BaseFormatPrice>;
-    };
-    var displayName: string;
-}
 export default ShippingMethodPrice;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodPrice=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),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.ShippingMethodPrice.propTypes,displayName=components_1.default.ShippingMethodPrice.displayName;function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",...p}=props,{shippingMethod}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[priceCents,setPriceCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{if(shippingMethod){const p2=(0,getAmount_1.default)({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=(0,getAmount_1.default)({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps={price,...p},finalPrice=priceCents===0?labelFreeOver:price;return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...p,children:finalPrice})}exports.ShippingMethodPrice=ShippingMethodPrice,ShippingMethodPrice.propTypes=propTypes,ShippingMethodPrice.displayName=displayName,exports.default=ShippingMethodPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodPrice=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",...p}=props,{shippingMethod}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[priceCents,setPriceCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{if(shippingMethod){const p2=(0,getAmount_1.default)({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=(0,getAmount_1.default)({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps={price,...p},finalPrice=priceCents===0?labelFreeOver:price;return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...p,children:finalPrice})}exports.ShippingMethodPrice=ShippingMethodPrice,exports.default=ShippingMethodPrice;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import type { ShippingMethod } from '@commercelayer/sdk';
 export declare type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
     shippingMethod: ShippingMethod;
@@ -6,14 +6,8 @@ export declare type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
 };
 export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
 declare type Props = {
-    children?: (props: ShippingMethodRadioButtonType) => ReactNode;
+    children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
     onChange?: ShippingMethodRadioButtonOnChangeType;
 } & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare function ShippingMethodRadioButton(props: Props): JSX.Element;
-export declare namespace ShippingMethodRadioButton {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
 export default ShippingMethodRadioButton;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=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")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),propTypes=components_1.default.ShippingMethodRadioButton.propTypes,displayName=components_1.default.ShippingMethodRadioButton.displayName;function ShippingMethodRadioButton(props){const{onChange,...p}=props,[checked,setChecked]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId}`,id=`${name}-${shippingMethodId}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId]);const handleOnChange=async()=>{shipmentId&&shippingMethodId&&(setChecked(!0),await setShippingMethod(shipmentId,shippingMethodId),shippingMethod&&onChange&&onChange(shippingMethod,shipmentId))},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("input",{type:"radio",name,id,onChange:handleOnChange,checked,...p})}exports.ShippingMethodRadioButton=ShippingMethodRadioButton,ShippingMethodRadioButton.propTypes=propTypes,ShippingMethodRadioButton.displayName=displayName,exports.default=ShippingMethodRadioButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=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")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext"));function ShippingMethodRadioButton(props){const{onChange,...p}=props,[checked,setChecked]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId}`,id=`${name}-${shippingMethodId}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId]);const handleOnChange=async()=>{shipmentId&&shippingMethodId&&(setChecked(!0),await setShippingMethod(shipmentId,shippingMethodId),shippingMethod&&onChange&&onChange(shippingMethod,shipmentId))},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("input",{type:"radio",name,id,onChange:handleOnChange,checked,...p})}exports.ShippingMethodRadioButton=ShippingMethodRadioButton,exports.default=ShippingMethodRadioButton;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    children: JSX.Element[] | JSX.Element;
+    skuCode?: string;
+};
+export declare function AvailabilityContainer(props: Props): JSX.Element;
+export default AvailabilityContainer;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityReducer_1=tslib_1.__importStar(require("../../reducers/AvailabilityReducer")),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),isEqual_1=tslib_1.__importDefault(require("lodash/isEqual"));function 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),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),{skus}=(0,react_1.useContext)(SkuContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default),[state,dispatch]=(0,react_1.useReducer)(AvailabilityReducer_1.default,AvailabilityReducer_1.availabilityInitialState),sCode=skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode||lineItem?.sku_code||sku?.code;return(0,react_1.useEffect)(()=>{if(sCode&&!skus){const available=item[sCode]?.inventory?.available,quantity=item[sCode]?.inventory?.quantity,[level]=item[sCode]?.inventory?.levels||[{quantity:null,delivery_lead_times:[]}];if(level!==void 0&&level?.delivery_lead_times?.length>0){const[delivery]=level.delivery_lead_times;dispatch({type:"setAvailability",payload:{...delivery,quantity:level?.quantity}})}else config.accessToken&&!item?.[sCode]?(0,AvailabilityReducer_1.getAvailability)({skuCode:sCode,config,dispatch,setItem,item}):available||dispatch({type:"setAvailability",payload:{quantity}})}else if(skus&&config.accessToken){const itemKeys=Object.keys(item).sort(),skuCodes=skus.map(s=>s?.code).sort();if(!(0,isEqual_1.default)(skuCodes,itemKeys)){const skusIds=skus.map(s=>s.id);(0,AvailabilityReducer_1.getAvailabilityByIds)({skusIds,config,dispatch,setItem})}}return()=>{dispatch({type:"setAvailability",payload:{}})}},[config.accessToken,item,sCode,skus]),(0,jsx_runtime_1.jsx)(AvailabilityContext_1.default.Provider,{value:{...state},children})}exports.AvailabilityContainer=AvailabilityContainer,exports.default=AvailabilityContainer;

package/lib/cjs/components/{AvailabilityTemplate.d.ts → skus/AvailabilityTemplate.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TimeFormat, FunctionChildren } from '../typings/index';
-import { DeliveryLeadTime } from '../reducers/AvailabilityReducer';
+import { TimeFormat, FunctionChildren } from '../../typings/index';
+import { DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
 declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<Props, 'children'> & DeliveryLeadTime & {
     text: string;
     quantity: number;
@@ -12,13 +12,4 @@ declare type Props = {
     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/{AvailabilityTemplate.js → 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,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,exports.default=AvailabilityTemplate;

package/lib/cjs/components/{DeliveryLeadTime.d.ts → skus/DeliveryLeadTime.d.ts}

@@ -1,17 +1,10 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 export declare type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
 export declare type DeliveryLeadTimeComponentChildren = Omit<Props, 'children'>;
 declare type Props = Partial<JSX.IntrinsicElements['span']> & {
-    children?: (props: DeliveryLeadTimeComponentChildren) => ReactNode;
+    children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
     type: DeliveryLeadTimeField;
     text?: string;
 };
 export declare function DeliveryLeadTime(props: Props): JSX.Element;
-export declare namespace DeliveryLeadTime {
-    var propTypes: {
-        type: import("prop-types").Validator<DeliveryLeadTimeField>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
 export default DeliveryLeadTime;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeliveryLeadTime=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 DeliveryLeadTime(props){const{type,...p}=props,[text,setText]=(0,react_1.useState)(),{deliveryLeadTimeForShipment}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);(0,react_1.useEffect)(()=>(deliveryLeadTimeForShipment&&deliveryLeadTimeForShipment[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps={text,...p};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...p,children:text})}exports.DeliveryLeadTime=DeliveryLeadTime,exports.default=DeliveryLeadTime;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { FunctionChildren } from '../../typings/index';
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+    handleChange: (event: React.MouseEvent<HTMLInputElement>) => void;
+    handleBlur: (event: React.MouseEvent<HTMLInputElement>) => void;
+}>;
+declare type Props = {
+    children?: ChildrenProps;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    value?: string;
+    skuCode?: string;
+    skuListId?: string;
+} & JSX.IntrinsicElements['input'];
+export declare function QuantitySelector(props: Props): JSX.Element;
+export default QuantitySelector;

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

@@ -0,0 +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")),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/SkuField.d.ts

@@ -6,9 +6,5 @@ declare type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resourc
 declare type Props = {
     children?: (props: SkuFieldChildrenProps) => JSX.Element;
 } & TCondition;
-/**
- * @param props {@link Props}
- * @returns
- */
-export declare function SkuField<P extends Props>(props: P): JSX.Element;
-export default SkuField;
+export default function SkuField<P extends Props>(props: P): JSX.Element;
+export {};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function SkuField(props){const{attribute,tagElement,children,...p}=props;return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,{resource:"skus",attribute,tagElement,context:SkuChildrenContext_1.default,...p,children})}exports.SkuField=SkuField,exports.default=SkuField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function SkuField(props){const{attribute,tagElement,children,...p}=props;return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,{resource:"skus",attribute,tagElement,context:SkuChildrenContext_1.default,...p,children})}exports.default=SkuField;

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

@@ -1,14 +1,7 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element;
     id: string;
 };
 export declare function SkuList(props: Props): JSX.Element;
-export declare namespace SkuList {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-        id: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
 export default SkuList;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuList=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuList.propTypes,displayName=components_1.default.SkuList.displayName;function SkuList(props){const{id,children}=props,{listIds}=(0,react_1.useContext)(SkuListsContext_1.default);return(0,react_1.useEffect)(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),(0,jsx_runtime_1.jsx)(react_1.Fragment,{children})}exports.SkuList=SkuList,SkuList.propTypes=propTypes,SkuList.displayName=displayName,exports.default=SkuList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuList=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext"));function SkuList(props){const{id,children}=props,{listIds}=(0,react_1.useContext)(SkuListsContext_1.default);return(0,react_1.useEffect)(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children})}exports.SkuList=SkuList,exports.default=SkuList;

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

@@ -1,12 +1,6 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element[] | JSX.Element;
 };
 export declare function SkuListsContainer(props: Props): JSX.Element;
-export declare namespace SkuListsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-    };
-    var displayName: string;
-}
 export default SkuListsContainer;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuListsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuListsReducer_1=tslib_1.__importStar(require("../../reducers/SkuListsReducer")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuListsContainer.propTypes,displayName=components_1.default.SkuListsContainer.displayName;function SkuListsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuListsReducer_1.default,SkuListsReducer_1.skuListsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default);return(0,react_1.useEffect)(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&(0,SkuListsReducer_1.getSkuList)({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),(0,jsx_runtime_1.jsx)(SkuListsContext_1.default.Provider,{value:state,children})}exports.SkuListsContainer=SkuListsContainer,SkuListsContainer.propTypes=propTypes,SkuListsContainer.displayName=displayName,exports.default=SkuListsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuListsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuListsReducer_1=tslib_1.__importStar(require("../../reducers/SkuListsReducer"));function SkuListsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuListsReducer_1.default,SkuListsReducer_1.skuListsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default);return(0,react_1.useEffect)(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&(0,SkuListsReducer_1.getSkuList)({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),(0,jsx_runtime_1.jsx)(SkuListsContext_1.default.Provider,{value:state,children})}exports.SkuListsContainer=SkuListsContainer,exports.default=SkuListsContainer;

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

@@ -1,14 +1,7 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element;
     id: string;
 };
 export declare function SkuOption(props: Props): JSX.Element;
-export declare namespace SkuOption {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-        id: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
 export default SkuOption;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOption=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOption.propTypes,displayName=components_1.default.SkuOption.displayName;function SkuOption(props){const{id}=props,{skuOptions,skuCode}=(0,react_1.useContext)(SkuOptionsContext_1.default),items=skuOptions&&skuOptions.filter(l=>l.id===id).map((skuOption,k)=>(0,jsx_runtime_1.jsx)(SkuOptionChildrenContext_1.default.Provider,{value:{skuOption,skuCode},children:props.children},k));return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:items})}exports.SkuOption=SkuOption,SkuOption.propTypes=propTypes,SkuOption.displayName=displayName,exports.default=SkuOption;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOption=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext"));function SkuOption(props){const{id}=props,{skuOptions,skuCode}=(0,react_1.useContext)(SkuOptionsContext_1.default),items=skuOptions&&skuOptions.filter(l=>l.id===id).map((skuOption,k)=>(0,jsx_runtime_1.jsx)(SkuOptionChildrenContext_1.default.Provider,{value:{skuOption,skuCode},children:props.children},k));return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:items})}exports.SkuOption=SkuOption,exports.default=SkuOption;

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

@@ -2,14 +2,4 @@
 import { BaseInputComponentProps } from '../../typings/index';
 declare type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function SkuOptionInput(props: Props): JSX.Element;
-export declare namespace SkuOptionInput {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<string>;
-        type: import("prop-types").Validator<import("../../typings/index").BaseInputType>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
 export default SkuOptionInput;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionInput=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),has_1=tslib_1.__importDefault(require("lodash/has")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOptionInput.propTypes,displayName=components_1.default.SkuOptionInput.displayName;function SkuOptionInput(props){const{name}=props,{option,setOption}=(0,react_1.useContext)(ItemContext_1.default),{skuOption,skuCode}=(0,react_1.useContext)(SkuOptionChildrenContext_1.default),handleChange=event=>{const val=event.target.value,options=(0,has_1.default)(option,`${skuCode}.${skuOption?.id}`)?option[skuCode]?.[`${skuOption?.id}`]?.options:{},o={[skuCode]:{...option[skuCode],[`${skuOption?.id}`]:{skuOptionId:skuOption?.id,options:{...options,[name]:val}}}};setOption&&setOption(o)};return(0,jsx_runtime_1.jsx)(BaseInput_1.default,{onChange:handleChange,...props})}exports.SkuOptionInput=SkuOptionInput,SkuOptionInput.propTypes=propTypes,SkuOptionInput.displayName=displayName,exports.default=SkuOptionInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionInput=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),has_1=tslib_1.__importDefault(require("lodash/has"));function SkuOptionInput(props){const{name}=props,{option,setOption}=(0,react_1.useContext)(ItemContext_1.default),{skuOption,skuCode}=(0,react_1.useContext)(SkuOptionChildrenContext_1.default),handleChange=event=>{const val=event.target.value,options=(0,has_1.default)(option,`${skuCode}.${skuOption?.id}`)?option[skuCode]?.[`${skuOption?.id}`]?.options:{},o={[skuCode]:{...option[skuCode],[`${skuOption?.id}`]:{skuOptionId:skuOption?.id,options:{...options,[name]:val}}}};setOption&&setOption(o)};return(0,jsx_runtime_1.jsx)(BaseInput_1.default,{onChange:handleChange,...props})}exports.SkuOptionInput=SkuOptionInput,exports.default=SkuOptionInput;

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

@@ -1,14 +1,7 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element;
     skuCode?: string;
 };
 export declare function SkuOptionsContainer(props: Props): JSX.Element;
-export declare namespace SkuOptionsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-        skuCode: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
 export default SkuOptionsContainer;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext")),SkuOptionsReducer_1=tslib_1.__importStar(require("../../reducers/SkuOptionsReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),lodash_1=require("lodash"),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionsReducer_2=require("../../reducers/SkuOptionsReducer"),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOptionsContainer.propTypes,displayName=components_1.default.SkuOptionsContainer.displayName;function SkuOptionsContainer(props){const{skuCode,children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuOptionsReducer_1.default,SkuOptionsReducer_1.skuOptionsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{item,items}=(0,react_1.useContext)(ItemContext_1.default),sCode=!(0,lodash_1.isEmpty)(items)&&skuCode?items[skuCode]?.code:skuCode||(0,getCurrentItemKey_1.default)(item),skuOptionsValue={...state,skuCode:sCode};return(0,react_1.useEffect)(()=>(sCode&&item[sCode]?.sku_options&&(0,SkuOptionsReducer_2.getSkuOptions)({skuOptions:item[sCode]?.sku_options,dispatch}),()=>{(0,lodash_1.isEmpty)(sCode)&&dispatch({type:"setSkuOptions",payload:{skuOptions:[]}})}),[config,sCode]),(0,jsx_runtime_1.jsx)(SkuOptionsContext_1.default.Provider,{value:skuOptionsValue,children})}exports.SkuOptionsContainer=SkuOptionsContainer,SkuOptionsContainer.propTypes=propTypes,SkuOptionsContainer.displayName=displayName,exports.default=SkuOptionsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext")),SkuOptionsReducer_1=tslib_1.__importStar(require("../../reducers/SkuOptionsReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),lodash_1=require("lodash"),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionsReducer_2=require("../../reducers/SkuOptionsReducer");function SkuOptionsContainer(props){const{skuCode,children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuOptionsReducer_1.default,SkuOptionsReducer_1.skuOptionsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{item,items}=(0,react_1.useContext)(ItemContext_1.default),sCode=!(0,lodash_1.isEmpty)(items)&&skuCode?items[skuCode]?.code:skuCode||(0,getCurrentItemKey_1.default)(item),skuOptionsValue={...state,skuCode:sCode};return(0,react_1.useEffect)(()=>(sCode&&item[sCode]?.sku_options&&(0,SkuOptionsReducer_2.getSkuOptions)({skuOptions:item[sCode]?.sku_options,dispatch}),()=>{(0,lodash_1.isEmpty)(sCode)&&dispatch({type:"setSkuOptions",payload:{skuOptions:[]}})}),[config,sCode]),(0,jsx_runtime_1.jsx)(SkuOptionsContext_1.default.Provider,{value:skuOptionsValue,children})}exports.SkuOptionsContainer=SkuOptionsContainer,exports.default=SkuOptionsContainer;

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

@@ -1,11 +1,6 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element[] | JSX.Element;
 };
 export declare function Skus<P extends Props>({ children }: P): JSX.Element;
-export declare namespace Skus {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-    };
-}
 export default Skus;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skus=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../../config/components")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),react_1=require("react");function Skus({children}){const{skus}=(0,react_1.useContext)(SkuContext_1.default),components=skus&&skus.map((sku,key)=>{const value={sku};return(0,jsx_runtime_1.jsx)(SkuChildrenContext_1.default.Provider,{value,children},key)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Skus=Skus,Skus.propTypes=components_1.default.Skus.propTypes,exports.default=Skus;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skus=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),react_1=require("react");function Skus({children}){const{skus}=(0,react_1.useContext)(SkuContext_1.default),components=skus&&skus.map((sku,key)=>{const value={sku};return(0,jsx_runtime_1.jsx)(SkuChildrenContext_1.default.Provider,{value,children},key)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Skus=Skus,exports.default=Skus;

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

@@ -1,23 +1,9 @@
+/// <reference types="react" />
 import type { QueryParamsList } from '@commercelayer/sdk';
-import { ReactNode } from 'react';
 declare type Props = {
-    /**
-     * An array of skus to display.
-     */
     skus: string[];
-    /**
-     * Accept a React node, [Skus](./Skus.d.ts), and [ItemContainer](../ItemContainer.d.ts)  as children to display above the skus.
-     */
-    children: ReactNode;
-    /**
-     * An object params to query the skus resource
-     */
+    children: JSX.Element[] | JSX.Element;
     queryParams?: QueryParamsList;
 };
 export declare function SkusContainer<P extends Props>(props: P): JSX.Element;
-export declare namespace SkusContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-    };
-}
 export default SkusContainer;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkusContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../../config/components")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),SkuReducer_1=tslib_1.__importStar(require("../../reducers/SkuReducer")),react_1=require("react");function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=(0,react_1.useReducer)(SkuReducer_1.default,SkuReducer_1.skuInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),loadSkus=async()=>await(0,SkuReducer_1.getSku)({config,dispatch,skus,queryParams});(0,react_1.useEffect)(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=(0,react_1.useMemo)(()=>state,[state]);return(0,jsx_runtime_1.jsx)(SkuContext_1.default.Provider,{value:contextValue,children})}exports.SkusContainer=SkusContainer,SkusContainer.propTypes=components_1.default.SkusContainer.propTypes,exports.default=SkusContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkusContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),SkuReducer_1=tslib_1.__importStar(require("../../reducers/SkuReducer")),react_1=require("react");function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=(0,react_1.useReducer)(SkuReducer_1.default,SkuReducer_1.skuInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),loadSkus=async()=>await(0,SkuReducer_1.getSku)({config,dispatch,skus,queryParams});(0,react_1.useEffect)(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=(0,react_1.useMemo)(()=>state,[state]);return(0,jsx_runtime_1.jsx)(SkuContext_1.default.Provider,{value:contextValue,children})}exports.SkusContainer=SkusContainer,exports.default=SkusContainer;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { VariantHandleCallback } from '../utils/VariantTemplate';
+import { BaseSelectorType } from '../../typings/index';
+import { FunctionChildren } from '../../typings/index';
+import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
+export interface VariantOption {
+    label: string;
+    code: string;
+    lineItem?: {
+        name: string;
+        imageUrl?: string | null;
+    } | null;
+}
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+    variants: VariantsObject;
+    handleSelect: SetSkuCode;
+    loading: boolean;
+}>;
+declare type Props = {
+    children?: ChildrenProps;
+    options: VariantOption[];
+    type?: BaseSelectorType;
+    loader?: JSX.Element;
+    placeholder?: string;
+    skuCode?: string;
+    handleCallback?: VariantHandleCallback;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+export declare function VariantSelector(props: Props): JSX.Element;
+export default VariantSelector;

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

@@ -0,0 +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"));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)(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,exports.default=VariantSelector;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    children: JSX.Element[] | JSX.Element;
+    filters?: Record<string, any>;
+    skuCode?: string;
+};
+export declare function VariantsContainer(props: Props): JSX.Element;
+export default VariantsContainer;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VariantsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantReducer_1=tslib_1.__importStar(require("../../reducers/VariantReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),VariantsContext_1=tslib_1.__importDefault(require("../../context/VariantsContext")),VariantReducer_2=require("../../reducers/VariantReducer"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isEqual_1=tslib_1.__importDefault(require("lodash/isEqual")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext"));function VariantsContainer(props){const{children,skuCode="",filters={}}=props,config=(0,react_1.useContext)(CommerceLayerContext_1.default),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode,setSkuCode:setItemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),[state,dispatch]=(0,react_1.useReducer)(VariantReducer_1.default,VariantReducer_1.variantInitialState),sCode=(0,getCurrentItemKey_1.default)(currentItem)||skuCode||state.skuCode||itemSkuCode||"";(0,react_1.useEffect)(()=>{if(!(0,isEmpty_1.default)(items)&&!(0,isEmpty_1.default)(state.variants)&&!(0,isEqual_1.default)(items,state.variants)){const mergeItems={...items,...state.variants};setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),(0,VariantReducer_1.getVariants)({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>(0,VariantReducer_1.unsetVariantState)(dispatch)},[config.accessToken]);const variantValue={...state,skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{(0,isEmpty_1.default)(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),(0,VariantReducer_1.setSkuCode)({code,id,config,setItem,dispatch,setItemSkuCode})},setSkuCodes:skuCodes=>(0,VariantReducer_2.setVariantSkuCodes)({skuCodes,dispatch,setCustomLineItems})};return(0,jsx_runtime_1.jsx)(VariantsContext_1.default.Provider,{value:variantValue,children})}exports.VariantsContainer=VariantsContainer,exports.default=VariantsContainer;

package/lib/cjs/components/stock_transfers/StockTransfer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type Props = {
+    children: JSX.Element;
+} & JSX.IntrinsicElements['p'];
+export declare function StockTransfer(props: Props): JSX.Element;
+export default StockTransfer;

package/lib/cjs/components/stock_transfers/StockTransfer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransfer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext"));function StockTransfer(props){const{children}=props,{stockTransfers,lineItems}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),components=stockTransfers?.filter(st=>!!lineItems?.find(l=>l.sku_code!==st.sku_code)).map((stockTransfer,k)=>{const stockTransferProps={stockTransfer:stockTransfer.type==="line_items"?stockTransfer:stockTransfer?.line_item};return(0,jsx_runtime_1.jsx)(StockTransferChildrenContext_1.default.Provider,{value:stockTransferProps,children},k)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.StockTransfer=StockTransfer,exports.default=StockTransfer;

package/lib/{esm/components → cjs/components/stock_transfers}/StockTransferField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ConditionalElement } from '../typings/index';
-import { TGenericChildrenProps, TResources } from './utils/GenericFieldComponent';
+import { ConditionalElement } from '../../typings/index';
+import { TGenericChildrenProps, TResources } from '../utils/GenericFieldComponent';
 declare type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
 declare type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
 declare type Props = {

package/lib/cjs/components/stock_transfers/StockTransferField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransferField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function StockTransferField(props){const{attribute,tagElement,children,...p}=props;return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,{resource:"stock_transfers",attribute,tagElement,context:StockTransferChildrenContext_1.default,...p,children})}exports.StockTransferField=StockTransferField,exports.default=StockTransferField;

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

@@ -1,8 +1,8 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent } from 'react';
 declare type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
 export declare type BaseFieldProps = {
     attribute: 'number' | 'id';
-    children?: (props: BaseFieldChildren) => ReactNode;
+    children?: (props: BaseFieldChildren) => JSX.Element;
 } & JSX.IntrinsicElements['span'];
 declare const BaseField: FunctionComponent<BaseFieldProps>;
 export default BaseField;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),_typings_1=require("../../typings/index"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),BaseOrderPrice=props=>{const{format="formatted",base,type,children,...p}=props,{order}=(0,react_1.useContext)(OrderContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[cents,setCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{const p2=(0,getAmount_1.default)({base,type,format,obj:order||{}}),c=(0,getAmount_1.default)({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{(0,isEmpty_1.default)(order)&&setPrice("")}},[order]);const parentProps={priceCents:cents,price,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("span",{...p,children:price})};BaseOrderPrice.propTypes=_typings_1.baseOrderPricePropTypes,exports.default=BaseOrderPrice;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),BaseOrderPrice=props=>{const{format="formatted",base,type,children,...p}=props,{order}=(0,react_1.useContext)(OrderContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[cents,setCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{const p2=(0,getAmount_1.default)({base,type,format,obj:order||{}}),c=(0,getAmount_1.default)({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{(0,isEmpty_1.default)(order)&&setPrice("")}},[order]);const parentProps={priceCents:cents,price,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("span",{...p,children:price})};exports.default=BaseOrderPrice;

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

@@ -1,6 +1,6 @@
-import { ForwardedRef, FunctionComponent } from 'react';
-export declare type ParentProps = {
+import { Component, ForwardedRef } from 'react';
+export interface ParentProps {
     parentRef?: ForwardedRef<any>;
-};
-declare const Parent: FunctionComponent<ParentProps>;
-export default Parent;
+    children?: typeof Component | ((P: any) => JSX.Element);
+}
+export default function Parent({ children, ...p }: ParentProps): JSX.Element | null;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),Parent=({children,...p})=>{const Child=children;return Child?(0,jsx_runtime_1.jsx)(Child,{...p}):null};exports.default=Parent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime");function Parent({children,...p}){const Child=children;return Child!==void 0?(0,jsx_runtime_1.jsx)(Child,{...p}):null}exports.default=Parent;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PriceProps } from '../Price';
+import { PriceProps } from '../prices/Price';
 export declare type PTemplateProps = {
     formattedAmount?: string;
     formattedCompare?: string;

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});const jsx_runtime_1=require("react/jsx-runtime"),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})]})};exports.default=PriceTemplate;