@commercelayer/react-components 2.53.2 → 3.0.0-alpha.2

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

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import components from"../../config/components";import CommerceLayerContext from"../../context/CommerceLayerContext";import SkuContext from"../../context/SkuContext";import skuReducer,{getSku,skuInitialState}from"../../reducers/SkuReducer";import{useContext,useEffect,useMemo,useReducer}from"react";export function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=useReducer(skuReducer,skuInitialState),config=useContext(CommerceLayerContext),loadSkus=async()=>await getSku({config,dispatch,skus,queryParams});useEffect(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=useMemo(()=>state,[state]);return _jsx(SkuContext.Provider,{value:contextValue,children})}SkusContainer.propTypes=components.SkusContainer.propTypes;export default SkusContainer;

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

@@ -11,7 +11,7 @@ export declare type CustomerAddress = Address & {
 };
 export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
 export declare type AddressCardsType = ChildrenProps;
-declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean) => void;
+export declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
 declare type Props = {
     customerAddresses: CustomerAddress[];
     countryLock?: string;

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

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import ShippingAddressContext from"../../context/ShippingAddressContext";export default function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=useContext(ShippingAddressContext),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==null?void 0:address.reference)||"",onClick=()=>handleSelect(k,address.id,customerAddressId,disabled);return Object.assign(Object.assign({},attributes),{className:finalClassName,onClick})}),AddressProvider:AddressChildrenContext.Provider};return _jsx(Parent,Object.assign({},value,{children}),void 0)}
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import ShippingAddressContext from"../../context/ShippingAddressContext";export default function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=useContext(ShippingAddressContext),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.Provider};return _jsx(Parent,{...value,children})}

package/lib/esm/components/utils/BaseField.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import{useContext,useEffect,useState}from"react";import Parent from"./Parent";const BaseField=_a=>{var{children,attribute}=_a,p=__rest(_a,["children","attribute"]);const{order}=useContext(OrderContext),[field,setField]=useState("");useEffect(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps=Object.assign({attribute:field},p);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("span",Object.assign({},p,{children:field}),void 0)};export default BaseField;
+import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import{useContext,useEffect,useState}from"react";import Parent from"./Parent";const BaseField=({children,attribute,...p})=>{const{order}=useContext(OrderContext),[field,setField]=useState("");useEffect(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps={attribute:field,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{...p,children:field})};export default BaseField;

package/lib/esm/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" | "type" | "key" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "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" | "disabled" | "width" | "height" | "src" | "list" | "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>>;
+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>>;
 export default _default;

package/lib/esm/components/utils/BaseInput.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";const BaseInput=(props,ref)=>{const{children}=props,p=__rest(props,["children"]),input=props.type==="textarea"?_jsx("textarea",Object.assign({ref},p),void 0):_jsx("input",Object.assign({ref},p),void 0);return children?_jsx(Parent,Object.assign({},p,{children}),void 0):input};export default React.forwardRef(BaseInput);
+import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";const BaseInput=(props,ref)=>{const{children,...p}=props,input=props.type==="textarea"?_jsx("textarea",{ref,...p}):_jsx("input",{ref,...p});return children?_jsx(Parent,{parentRef:ref,...p,children}):input};export default React.forwardRef(BaseInput);

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

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import getAmount from"../../utils/getAmount";import Parent from"./Parent";import{useState,useEffect,useContext}from"react";import{baseOrderPricePropTypes}from"../../typings/index";import{isEmpty}from"lodash";const BaseOrderPrice=props=>{const{format="formatted",base,type,children}=props,p=__rest(props,["format","base","type","children"]),{order}=useContext(OrderContext),[price,setPrice]=useState(""),[cents,setCents]=useState(0);useEffect(()=>{const p2=getAmount({base,type,format,obj:order||{}}),c=getAmount({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{isEmpty(order)&&setPrice("")}},[order]);const parentProps=Object.assign({priceCents:cents,price},p);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("span",Object.assign({},p,{children:price}),void 0)};BaseOrderPrice.propTypes=baseOrderPricePropTypes;export default BaseOrderPrice;
+import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import getAmount from"../../utils/getAmount";import Parent from"./Parent";import{useState,useEffect,useContext}from"react";import{baseOrderPricePropTypes}from"../../typings/index";import isEmpty from"lodash/isEmpty";const BaseOrderPrice=props=>{const{format="formatted",base,type,children,...p}=props,{order}=useContext(OrderContext),[price,setPrice]=useState(""),[cents,setCents]=useState(0);useEffect(()=>{const p2=getAmount({base,type,format,obj:order||{}}),c=getAmount({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{isEmpty(order)&&setPrice("")}},[order]);const parentProps={priceCents:cents,price,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{...p,children:price})};BaseOrderPrice.propTypes=baseOrderPricePropTypes;export default BaseOrderPrice;

package/lib/esm/components/utils/BaseSelect.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";import{findIndex}from"lodash";const BaseSelect=(props,ref)=>{const{options=[],children,placeholder={label:"Select an option",value:""},value=""}=props,p=__rest(props,["options","children","placeholder","value"]);findIndex(options,placeholder)===-1?options.unshift(placeholder):options[0]=placeholder;const Options=options.map((o,k)=>{const{label}=o,option=__rest(o,["label"]);return _jsx("option",Object.assign({},option,{children:label}),k)}),parentProps=Object.assign({options,ref},p);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("select",Object.assign({ref,defaultValue:value},p,{children:Options}),void 0)};export default React.forwardRef(BaseSelect);
+import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";import{findIndex}from"lodash";const BaseSelect=(props,ref)=>{const{options=[],children,placeholder={label:"Select an option",value:""},value="",...p}=props;findIndex(options,placeholder)===-1?options.unshift(placeholder):options[0]=placeholder;const Options=options.map((o,k)=>{const{label,...option}=o;return _jsx("option",{...option,children:label},k)}),parentProps={options,ref,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("select",{ref,defaultValue:value,...p,children:Options})};export default React.forwardRef(BaseSelect);

package/lib/esm/components/utils/GenericFieldComponent.d.ts

@@ -0,0 +1,42 @@
+import { InitialSkuContext } from '../../context/SkuChildrenContext';
+import { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
+import type { Customer, LineItem, Sku } from '@commercelayer/sdk';
+import { InitialLineItemContext } from '../../context/LineItemChildrenContext';
+import { Context } from 'react';
+import { InitialCustomerContext } from '../../context/CustomerContext';
+export declare type TResources = {
+    StockTransfer: LineItem & {
+        resource: 'stock_transfers';
+    };
+    Sku: Sku & {
+        resource: 'skus';
+    };
+    LineItem: LineItem & {
+        resource: 'line_items';
+    };
+    Customer: Customer & {
+        resource: 'customers';
+    };
+};
+export declare type TResourceKey = {
+    [K in keyof TResources]: K;
+};
+export declare type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
+    attributeValue: E[keyof E];
+};
+declare type ResourceContext = {
+    stock_transfers: InitialStockTransferContext;
+    skus: InitialSkuContext;
+    line_items: InitialLineItemContext;
+    customers: InitialCustomerContext;
+};
+declare type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
+declare type Props<E extends TResources[keyof TResources]> = {
+    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
+    resource: E['resource'];
+    attribute: keyof E;
+    tagElement: keyof JSX.IntrinsicElements;
+    context: GenericContext<E['resource']>;
+};
+export default function GenericFieldComponent<R extends keyof TResources>(props: Props<TResources[R]>): JSX.Element;
+export {};

package/lib/esm/components/utils/GenericFieldComponent.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./Parent";import{useContext}from"react";import{defaultImgUrl}from"../../utils/placeholderImages";export default function GenericFieldComponent(props){const{children,tagElement,attribute,context,...p}=props,resourceContext=useContext(context);let attributeValue="";const keysContext=Object.keys(resourceContext).filter(key=>key===p.resource);if(keysContext.length===1){const[keyResource]=keysContext;keyResource&&attribute&&(attributeValue=resourceContext[keyResource][attribute])}const Tag=tagElement||"span";if(Tag==="img"&&!children)return _jsx("img",{alt:"",src:attributeValue||defaultImgUrl,...p});const parentProps={attributeValue,tagElement,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(Tag,{...p,children:attributeValue})}

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

@@ -1,8 +1,6 @@
-import PropTypes, { InferProps } from 'prop-types';
-import { FunctionComponent } from 'react';
-declare const PProps: {
-    children: PropTypes.Requireable<(...args: any[]) => any>;
+import { ForwardedRef, FunctionComponent } from 'react';
+export declare type ParentProps = {
+    parentRef?: ForwardedRef<any>;
 };
-export declare type ParentProps = InferProps<typeof PProps>;
 declare const Parent: FunctionComponent<ParentProps>;
 export default Parent;

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

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import PropTypes from"prop-types";const PProps={children:PropTypes.func},Parent=props=>{const Child=props.children;return Child?_jsx(Child,Object.assign({},props),void 0):null};Parent.propTypes=PProps;export default Parent;
+import{jsx as _jsx}from"react/jsx-runtime";const Parent=({children,...p})=>{const Child=children;return Child?_jsx(Child,{...p}):null};export default Parent;

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { PaymentResource, PaymentSourceType } from '../../reducers/PaymentMethodReducer';
-import PaymentSourceContext, { iconBrand } from '../../context/PaymentSourceContext';
+import PaymentSourceContext, { IconBrand } from '../../context/PaymentSourceContext';
 import { FunctionChildren } from '../../typings/index';
 declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
     PaymentSourceProvider: typeof PaymentSourceContext.Provider;
 };
 declare type CustomerPayment = PaymentSourceType & {
     card?: {
-        brand?: iconBrand;
+        brand?: IconBrand;
         last4?: string;
     };
     handleClick?: () => void;

package/lib/esm/components/utils/PaymentCardsTemplate.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";export default function PaymentCardsTemplate({customerPayments,children,paymentResource}){const{setPaymentSource}=useContext(PaymentMethodContext),value={customerPayments:customerPayments.map(customerPayment=>{var _a,_b,_c,_d,_e,_f,_g;const attributes=customerPayment,card=((_a=customerPayment==null?void 0:customerPayment.payment_source.options)===null||_a===void 0?void 0:_a.card)||((_c=(_b=customerPayment==null?void 0:customerPayment.payment_source)===null||_b===void 0?void 0:_b.payment_request_data)===null||_c===void 0?void 0:_c.paymentMethod)||((_e=(_d=customerPayment==null?void 0:customerPayment.payment_source)===null||_d===void 0?void 0:_d.payment_method)===null||_e===void 0?void 0:_e.card)||((_g=(_f=customerPayment==null?void 0:customerPayment.payment_source)===null||_f===void 0?void 0:_f.metadata)===null||_g===void 0?void 0:_g.card),handleClick=async e=>{e.stopPropagation(),await setPaymentSource({paymentResource,customerPaymentSourceId:customerPayment.id})};return Object.assign(Object.assign({},attributes),{card,handleClick})}),PaymentSourceProvider:PaymentSourceContext.Provider};return _jsx(Parent,Object.assign({},value,{children}),void 0)}
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import getCardDetails from"../../utils/getCardDetails";export default function PaymentCardsTemplate({customerPayments,children,paymentResource}){const{setPaymentSource}=useContext(PaymentMethodContext),value={customerPayments:customerPayments.map(customerPayment=>{const attributes=customerPayment,card=getCardDetails({customerPayment,paymentType:paymentResource});return{...attributes,card,handleClick:async e=>{e.stopPropagation(),await setPaymentSource({paymentResource,customerPaymentSourceId:customerPayment.id})}}}),PaymentSourceProvider:PaymentSourceContext.Provider};return _jsx(Parent,{...value,children})}

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

@@ -1,8 +1,8 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { PriceProps } from '../Price';
 export declare type PTemplateProps = {
     formattedAmount?: string;
     formattedCompare?: string;
 } & Omit<PriceProps, 'children'>;
-declare const PriceTemplate: FunctionComponent<PTemplateProps>;
+declare const PriceTemplate: React.FunctionComponent<PTemplateProps>;
 export default PriceTemplate;

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

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import PropTypes from"prop-types";const propTypes={formattedAmount:PropTypes.string,formattedCompare:PropTypes.string},defaultProps={formattedAmount:"",formattedCompare:""},PriceTemplate=props=>{const{showCompare,formattedCompare,compareClassName,className,formattedAmount,skuCode}=props,p=__rest(props,["showCompare","formattedCompare","compareClassName","className","formattedAmount","skuCode"]);return _jsxs(Fragment,{children:[_jsx("span",Object.assign({className},p,{children:formattedAmount}),void 0),showCompare&&_jsx("span",Object.assign({className:compareClassName||""},p,{children:formattedCompare}),void 0)]},void 0)};PriceTemplate.propTypes=propTypes,PriceTemplate.defaultProps=defaultProps;export default PriceTemplate;
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import PropTypes from"prop-types";const propTypes={formattedAmount:PropTypes.string,formattedCompare:PropTypes.string},defaultProps={formattedAmount:"",formattedCompare:""},PriceTemplate=props=>{const{showCompare,formattedCompare,compareClassName,className,formattedAmount,...p}=props;return delete p.skuCode,_jsxs(_Fragment,{children:[_jsx("span",{className,...p,children:formattedAmount}),showCompare&&_jsx("span",{className:compareClassName||"",...p,children:formattedCompare})]})};PriceTemplate.propTypes=propTypes,PriceTemplate.defaultProps=defaultProps;export default PriceTemplate;

package/lib/esm/components/utils/VariantTemplate.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{keys}from"lodash";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.string};const VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback}=props,prs=__rest(props,["id","variants","type","placeholder","options","skuCode","handleChange","handleCallback"]),vars=keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k].label:variants[v].name;return type==="select"?_jsx("option",Object.assign({"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code},{children:label}),variants[v].id):_jsxs(Fragment,{children:[_jsx("input",Object.assign({id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})}},prs),void 0),label]},variants[v].id)});return type==="select"?_jsxs("select",Object.assign({id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i].dataset.skuId,label=e.target[i].dataset.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||""},prs,{children:[_jsx("option",Object.assign({disabled:!!skuCode},{children:placeholder}),void 0),vars]}),void 0):_jsx(Fragment,{children:vars},void 0)};VariantTemplate.propTypes=propTypes;export default VariantTemplate;
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Fragment}from"react";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.string};const VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback,...prs}=props,vars=Object.keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k]?.label:variants[v].name;return type==="select"?_jsx("option",{"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code,children:label},variants[v].id):_jsxs(Fragment,{children:[_jsx("input",{id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})},...prs}),label]},variants[v].id)});return type==="select"?_jsxs("select",{id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i]?.dataset?.skuId,label=e.target[i]?.dataset?.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||"",...prs,children:[_jsx("option",{disabled:!!skuCode,children:placeholder}),vars]}):_jsx(_Fragment,{children:vars})};VariantTemplate.propTypes=propTypes;export default VariantTemplate;

package/lib/esm/components/utils/getAllErrors.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import customMessages from"../../utils/customMessages";const getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{const objMsg=customMessages(messages,v),text=(objMsg==null?void 0:objMsg.message)||v.message||`${v.title} - ${v.detail}`;if(field){if(v.resource==="line_items"&&lineItem&&v.id===lineItem.id)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text;if(field===v.field&&resource===v.resource)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text}if(resource===v.resource&&!field)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text})};export default getAllErrors;
+import{jsx as _jsx}from"react/jsx-runtime";import customMessages from"../../utils/customMessages";const getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{const objMsg=customMessages(messages,v);let text=v?.title&&!v.detail?.includes(v.title)?`${v.title} - ${v.detail}`:`${v?.detail||v.message}`;if(objMsg?.message&&(text=objMsg?.message),field){if(v.resource==="line_items"&&lineItem&&v.id===lineItem.id)return returnHtml?_jsx("span",{...props,children:text},k):text;if(field===v.field&&resource===v.resource)return returnHtml?_jsx("span",{...props,children:text},k):text}if(resource===v.resource&&!field)return returnHtml?_jsx("span",{...props,children:text},k):text}).filter(v=>v!==void 0)};export default getAllErrors;

package/lib/esm/config/components.d.ts

@@ -2,16 +2,15 @@
 import PropTypes from 'prop-types';
 import { TimeFormat, BaseInputType, GiftCardInputName, LineItemType, BasePriceType, BaseFormatPrice, BaseSelectorType, AddressInputName, AddressCountrySelectName, AddressStateSelectName } from '../typings/index';
 import { DeliveryLeadTimeField } from '../components/DeliveryLeadTime';
-import { StockTransferFieldType } from '../components/StockTransferField';
 import { PaymentSourceDetailType } from '../components/PaymentSourceDetail';
 import { CodeType } from '../reducers/OrderReducer';
-import { ShipmentAttribute } from '../components/ShipmentField';
+import { ShipmentAttribute } from '../components/shipments/ShipmentField';
 declare const components: {
     Address: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     AddressCountrySelector: {
@@ -87,6 +86,8 @@ declare const components: {
             label: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
             skuCode: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            buyNowMode: PropTypes.Requireable<boolean>;
+            checkoutUrl: PropTypes.Requireable<string>;
             lineItem: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
                 imageUrl: PropTypes.Requireable<string>;
@@ -100,7 +101,7 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             shipToDifferentAddress: PropTypes.Requireable<boolean>;
         };
     };
@@ -108,7 +109,7 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             skuCode: PropTypes.Requireable<string>;
         };
     };
@@ -127,13 +128,19 @@ declare const components: {
     BillingAddressContainer: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     BillingAddressForm: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
+        };
+    };
+    CustomerAddressForm: {
+        permittedChildren: string[];
+        propTypes: {
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     CheckoutLink: {
@@ -149,7 +156,7 @@ declare const components: {
     CommerceLayer: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             accessToken: PropTypes.Validator<string>;
             endpoint: PropTypes.Validator<string>;
         };
@@ -158,10 +165,17 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             isGuest: PropTypes.Requireable<boolean>;
         };
     };
+    CustomerField: {
+        displayName: string;
+        propTypes: {
+            children: PropTypes.Requireable<(...args: any[]) => any>;
+            name: PropTypes.Validator<"email">;
+        };
+    };
     CustomerInput: {
         displayName: string;
         propTypes: {
@@ -214,7 +228,7 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             url: PropTypes.Validator<string>;
         };
     };
@@ -222,7 +236,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
         };
         defaultProps: {
@@ -244,7 +258,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     GiftCardCurrencySelector: {
@@ -274,7 +288,7 @@ declare const components: {
     GiftCardOrCouponForm: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     GiftCardOrCouponInput: {
@@ -312,7 +326,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             skuCode: PropTypes.Requireable<string>;
             lineItem: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
@@ -324,7 +338,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             type: PropTypes.Requireable<LineItemType>;
         };
         defaultProps: {
@@ -381,7 +395,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             title: PropTypes.Requireable<string>;
             showName: PropTypes.Requireable<boolean>;
             skuOptionId: PropTypes.Requireable<string>;
@@ -413,7 +427,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             filters: PropTypes.Requireable<object>;
             loader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         };
@@ -457,7 +471,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             orderId: PropTypes.Requireable<string>;
             metadata: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
@@ -468,6 +482,13 @@ declare const components: {
             metadata: {};
         };
     };
+    OrderList: {
+        permittedChildren: string[];
+        displayName: string;
+        propTypes: {
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
+        };
+    };
     OrderNumber: {
         displayName: string;
         propTypes: {
@@ -481,7 +502,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             clearWhenPlaced: PropTypes.Requireable<boolean>;
             persistKey: PropTypes.Validator<string>;
         };
@@ -490,7 +511,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     PaymentMethodAmount: {
@@ -535,14 +556,14 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     PaymentSource: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Requireable<import("react").ReactNode>;
+            children: PropTypes.Requireable<import("react").ReactNode | (() => import("react").ReactNode)>;
             readonly: PropTypes.Requireable<boolean>;
         };
     };
@@ -590,7 +611,7 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     Price: {
@@ -609,7 +630,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             skuCode: PropTypes.Requireable<string>;
             loader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
             perPage: PropTypes.Requireable<number>;
@@ -658,7 +679,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     ShipmentField: {
@@ -672,13 +693,13 @@ declare const components: {
         displayName: string;
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     ShippingAddressContainer: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     SaveCustomerButton: {
@@ -695,7 +716,7 @@ declare const components: {
     ShippingAddressForm: {
         permittedChildren: string[];
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     ShippingAmount: {
@@ -713,7 +734,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             readonly: PropTypes.Requireable<boolean>;
         };
     };
@@ -745,11 +766,33 @@ declare const components: {
             type: string;
         };
     };
+    SkusContainer: {
+        displayName: string;
+        permittedChildren: string[];
+        propTypes: {
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
+        };
+    };
+    Skus: {
+        displayName: string;
+        permittedChildren: string[];
+        propTypes: {
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
+        };
+    };
+    SkuField: {
+        displayName: string;
+        propTypes: {
+            children: PropTypes.Requireable<(...args: any[]) => any>;
+            attribute: PropTypes.Requireable<string>;
+            tagElement: PropTypes.Requireable<string>;
+        };
+    };
     SkuList: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             id: PropTypes.Validator<string>;
         };
     };
@@ -757,14 +800,14 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     SkuOption: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             id: PropTypes.Validator<string>;
         };
     };
@@ -782,7 +825,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             skuCode: PropTypes.Requireable<string>;
         };
     };
@@ -790,14 +833,13 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
         };
     };
     StockTransferField: {
         displayName: string;
         propTypes: {
             children: PropTypes.Requireable<(...args: any[]) => any>;
-            type: PropTypes.Validator<StockTransferFieldType>;
         };
     };
     SubmitButton: {
@@ -856,7 +898,7 @@ declare const components: {
         permittedChildren: string[];
         displayName: string;
         propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
+            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => import("react").ReactNode)>;
             skuCode: PropTypes.Requireable<string>;
             filters: PropTypes.Requireable<object>;
         };