@commercelayer/react-components 3.0.0-beta.1 → 3.0.0-beta.10

package/README.md

@@ -4,7 +4,7 @@ A collection of reusable React components that makes it super fast and simple to
 
 ### What is Commerce Layer?
 
-[Commerce Layer](https://commercelayer.io/) is a headless platform that lets you easily build enterprise-grade ecommerce into any website, by using the language, CMS, and tools you already master and love.
+[Commerce Layer](https://commercelayer.io) is a multi-market commerce API and order management system that lets you add global shopping capabilities to any website, mobile app, chatbot, wearable, voice, or IoT device, with ease. Compose your stack with the best-of-breed tools you already mastered and love. Make any experience shoppable, anywhere, through a blazing-fast, enterprise-grade, and secure API.
 
 # Getting started
 

package/dist/components/AddressStateSelector.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import { AddressStateSelectName, BaseSelectComponentProps } from "../typings/index";
+declare type AddressStateSelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    name: AddressStateSelectName;
+    required?: boolean;
+    disabled?: boolean;
+    inputClassName?: string;
+    selectClassName?: string;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const AddressStateSelector: FunctionComponent<AddressStateSelectorProps>;
+export default AddressStateSelector;

package/dist/components/AdyenPayment.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { PaymentSourceProps } from './PaymentSource';
+export declare type AdyenPaymentConfig = {
+    cardContainerClassName?: string;
+    threeDSecureContainerClassName?: string;
+    placeOrderCallback?: (response: {
+        placed: boolean;
+    }) => void;
+};
+declare type AdyenPaymentProps = {
+    clientKey?: string;
+    config?: AdyenPaymentConfig;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+    locale?: string;
+    environment?: string;
+};
+declare const AdyenPayment: FunctionComponent<AdyenPaymentProps>;
+export default AdyenPayment;

package/dist/components/BraintreePayment.d.ts

@@ -1,19 +1,30 @@
 import { FunctionComponent } from 'react';
 import { HostedFieldFieldOptions } from 'braintree-web/modules/hosted-fields';
+import { PaymentSourceProps } from './PaymentSource';
 declare type BraintreeHostedFields<Type> = {
     [Property in keyof Type]: {
         label?: string;
     } & Type[Property];
 };
 export declare type BraintreeConfig = {
+    containerClassName?: string;
+    cardContainerClassName?: string;
+    expDateContainerClassName?: string;
+    fieldsContainerClassName?: string;
+    cvvContainerClassName?: string;
+    cardDetailsContainerClassName?: string;
+    fieldLabelClassName?: string;
+    inputWrapperClassName?: string;
+    fields?: BraintreeHostedFields<HostedFieldFieldOptions>;
     styles?: {
         [key: string]: Record<string, string>;
     };
-    fields?: BraintreeHostedFields<HostedFieldFieldOptions>;
 };
 declare type BraintreePaymentProps = {
     authorization: string;
     config?: BraintreeConfig;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+    locale?: string;
 };
 declare const BraintreePayment: FunctionComponent<BraintreePaymentProps>;
 export default BraintreePayment;

package/dist/components/LineItemOption.d.ts

@@ -5,12 +5,15 @@ declare type LineItemOptionChildrenProps = FunctionChildren<Omit<LineItemOptionP
     lineItemOption: LineItemOptionCollection;
 }>;
 declare type LineItemOptionProps = {
+    id?: string;
+    className?: string;
+    key?: string;
+    style?: CSSProperties;
     children?: LineItemOptionChildrenProps;
-    name: string;
+    name?: string;
     valueClassName?: string;
-    keyClassName?: string;
-    keyId?: string;
-    keyStyle?: CSSProperties;
-} & JSX.IntrinsicElements['span'];
+    tagElement?: keyof JSX.IntrinsicElements;
+    tagContainer?: keyof JSX.IntrinsicElements;
+};
 declare const LineItemOption: FunctionComponent<LineItemOptionProps>;
 export default LineItemOption;

package/dist/components/LineItemOptions.d.ts

@@ -1,9 +1,14 @@
 import { FunctionComponent, ReactNode } from 'react';
-export declare type LineItemOptionsProps = {
+export declare type LineItemOptionsProps = JSX.IntrinsicElements['span'] & {
     children: ReactNode;
-    skuOptionId: string;
     title?: string;
     showName?: boolean;
-} & JSX.IntrinsicElements['span'];
+} & ({
+    skuOptionId: string;
+    showAll?: never;
+} | {
+    skuOptionId?: never;
+    showAll: true;
+});
 declare const LineItemOptions: FunctionComponent<LineItemOptionsProps>;
 export default LineItemOptions;

package/dist/components/PaymentGateway.d.ts

@@ -1,9 +1,16 @@
+import { LoaderType } from "../typings/index";
 import { FunctionComponent } from 'react';
 import { PaymentSourceProps } from './PaymentSource';
-declare type PaymentGatewayProps = PaymentSourceProps & {
+export declare type GatewayBaseType = PaymentGatewayProps & {
+    show: boolean;
+    loading: boolean;
+    loaderComponent: JSX.Element;
+};
+export declare type PaymentGatewayProps = PaymentSourceProps & {
     showCard: boolean;
     handleEditClick: () => void;
     show: boolean;
+    loader?: LoaderType;
 };
 declare const PaymentGateway: FunctionComponent<PaymentGatewayProps>;
 export default PaymentGateway;

package/dist/components/PaymentMethod.d.ts

@@ -1,7 +1,16 @@
 import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from "../typings/index";
+import { PaymentMethodCollection } from '@commercelayer/js-sdk';
 declare type PaymentMethodProps = {
     children: ReactNode;
     activeClass?: string;
-} & JSX.IntrinsicElements['div'];
+    loader?: LoaderType;
+} & Omit<JSX.IntrinsicElements['div'], 'onClick'> & ({
+    clickableContainer: true;
+    onClick?: (payment?: PaymentMethodCollection | Record<string, any>) => void;
+} | {
+    clickableContainer?: never;
+    onClick?: never;
+});
 declare const PaymentMethod: FunctionComponent<PaymentMethodProps>;
 export default PaymentMethod;

package/dist/components/PaymentSource.d.ts

@@ -1,4 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from "../typings/index";
 export declare type CustomerCardsProps = {
     handleClick: () => void;
 };
@@ -11,6 +12,7 @@ export declare type PaymentSourceProps = {
     templateCustomerCards?: (props: CustomerCardsProps) => ReactNode;
     onClickCustomerCards?: () => void;
     templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => ReactNode;
+    loader?: LoaderType;
 } & JSX.IntrinsicElements['div'];
 declare const PaymentSource: FunctionComponent<PaymentSourceProps>;
 export default PaymentSource;

package/dist/components/PaypalPayment.d.ts

@@ -1,4 +1,3 @@
-import { SetPaymentSourceResponse } from "../reducers/PaymentMethodReducer";
 import { FunctionComponent, ReactNode } from 'react';
 export declare type PaypalConfig = {
     returnUrl: string;
@@ -7,12 +6,6 @@ export declare type PaypalConfig = {
         text?: string | ReactNode;
         className?: string;
     };
-    submitButton?: {
-        label?: string | ReactNode;
-        onClick?: (response?: SetPaymentSourceResponse) => void;
-        className?: string;
-        containerClassName?: string;
-    };
 };
 declare type Props = Omit<PaypalConfig, 'returnUrl' | 'cancelUrl'> & JSX.IntrinsicElements['div'];
 declare const PaypalPayment: FunctionComponent<Props>;

package/dist/components/Shipment.d.ts

@@ -1,6 +1,8 @@
 import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from "../typings/index";
 declare type ShipmentProps = {
     children: ReactNode;
+    loader?: LoaderType;
 };
 declare const Shipment: FunctionComponent<ShipmentProps>;
 export default Shipment;

package/dist/components/StripePayment.d.ts

@@ -1,16 +1,12 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent } from 'react';
 import { StripeCardElementOptions, StripeElementLocale } from '@stripe/stripe-js';
-import { PaymentMethodConfig, SetPaymentSourceResponse } from "../reducers/PaymentMethodReducer";
+import { PaymentMethodConfig } from "../reducers/PaymentMethodReducer";
 import { PaymentSourceProps } from './PaymentSource';
 export declare type StripeConfig = {
     containerClassName?: string;
     hintLabel?: string;
     name?: string;
     options?: StripeCardElementOptions;
-    submitClassName?: string;
-    submitContainerClassName?: string;
-    submitLabel?: string | ReactNode;
-    handleSubmit?: (response?: SetPaymentSourceResponse) => void;
     [key: string]: any;
 };
 declare type StripePaymentProps = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {

package/dist/components/WireTransferPayment.d.ts

@@ -1,16 +1,9 @@
-import { SetPaymentSourceResponse } from "../reducers/PaymentMethodReducer";
 import { FunctionComponent, ReactNode } from 'react';
 export declare type WireTransferConfig = {
     infoMessage?: {
         text?: string | ReactNode;
         className?: string;
     };
-    submitButton?: {
-        label?: string | ReactNode;
-        onClick?: (response?: SetPaymentSourceResponse) => void;
-        className?: string;
-        containerClassName?: string;
-    };
 };
 declare type Props = WireTransferConfig & JSX.IntrinsicElements['div'];
 declare const WireTransferPayment: FunctionComponent<Props>;

package/dist/components/gateways/AdyenGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from "../PaymentGateway";
+declare type AdyenGateway = GatewayBaseType;
+export default function AdyenGateway(props: AdyenGateway): JSX.Element | null;
+export {};

package/dist/components/gateways/BraintreeGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from "../PaymentGateway";
+declare type BraintreeGateway = GatewayBaseType;
+export default function BraintreeGateway(props: BraintreeGateway): JSX.Element | null;
+export {};

package/dist/components/gateways/PaypalGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from "../PaymentGateway";
+declare type PaypalGateway = GatewayBaseType;
+export default function PaypalGateway(props: PaypalGateway): JSX.Element | null;
+export {};

package/dist/components/gateways/StripeGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from "../PaymentGateway";
+declare type StripeGateway = GatewayBaseType;
+export default function StripeGateway(props: StripeGateway): JSX.Element | null;
+export {};

package/dist/components/gateways/WireTransferGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from "../PaymentGateway";
+declare type WireTransferGateway = GatewayBaseType;
+export default function WireTransferGateway(props: WireTransferGateway): JSX.Element | null;
+export {};

package/dist/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" | "list" | "name" | "onChange" | "placeholder" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "pattern" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "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" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "list" | "color" | "hidden" | "name" | "onChange" | "placeholder" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "pattern" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
 export default _default;

package/dist/config/components.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-import { TimeFormat, BaseInputType, GiftCardInputName, LineItemType, BasePriceType, BaseFormatPrice, BaseSelectorType, AddressInputName, AddressCountrySelectName } from "../typings/index";
+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";
@@ -30,6 +30,22 @@ declare const components: {
             required: boolean;
         };
     };
+    AddressStateSelector: {
+        displayName: string;
+        propTypes: {
+            children: PropTypes.Requireable<(...args: any[]) => any>;
+            placeholder: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                value: PropTypes.Validator<string | number>;
+            }>>;
+            value: PropTypes.Requireable<string>;
+            name: PropTypes.Validator<AddressStateSelectName>;
+            required: PropTypes.Requireable<boolean>;
+        };
+        defaultProps: {
+            required: boolean;
+        };
+    };
     AddressField: {
         displayName: string;
         propTypes: {
@@ -339,12 +355,12 @@ declare const components: {
     LineItemOption: {
         displayName: string;
         propTypes: {
-            name: PropTypes.Validator<string>;
+            name: PropTypes.Requireable<string>;
             children: PropTypes.Requireable<(...args: any[]) => any>;
             valueClassName: PropTypes.Requireable<string>;
-            keyClassName: PropTypes.Requireable<string>;
-            keyId: PropTypes.Requireable<string>;
-            keyStyle: PropTypes.Requireable<object>;
+            className: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
         };
     };
     LineItemOptions: {
@@ -354,10 +370,7 @@ declare const components: {
             children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
             title: PropTypes.Requireable<string>;
             showName: PropTypes.Requireable<boolean>;
-            skuOptionId: PropTypes.Validator<string>;
-        };
-        defaultProps: {
-            showName: boolean;
+            skuOptionId: PropTypes.Requireable<string>;
         };
     };
     LineItemQuantity: {
@@ -430,13 +443,6 @@ declare const components: {
             metadata: {};
         };
     };
-    OrderList: {
-        permittedChildren: string[];
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal>;
-        };
-    };
     OrderNumber: {
         displayName: string;
         propTypes: {

package/dist/context/AddressContext.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="react" />
-import { AddressState, SetAddress, SetAddressErrors } from "../reducers/AddressReducer";
+import { AddressState, SetAddress } from "../reducers/AddressReducer";
+import { BaseError } from "../typings/errors";
 declare type DefaultContext = {
     saveAddresses: () => void;
     setCloneAddress: (id: string, resource: 'billingAddress' | 'shippingAddress') => void;
     setAddress: SetAddress;
-    setAddressErrors: SetAddressErrors;
+    setAddressErrors: (errors: BaseError[], resource: 'billingAddress' | 'shippingAddress') => void;
 } & AddressState;
 export declare const defaultAddressContext: {
     saveAddresses: () => void;
     setCloneAddress: () => void;
     setAddress: SetAddress;
-    setAddressErrors: SetAddressErrors;
+    setAddressErrors: () => void;
 };
 declare const AddressesContext: import("react").Context<DefaultContext>;
 export default AddressesContext;

package/dist/context/BillingAddressFormContext.d.ts

@@ -10,6 +10,9 @@ export declare type DefaultContextAddress = {
         error: boolean;
     }>[];
     errorClassName?: string;
+    requiresBillingInfo?: boolean;
+    resetField?: (name: string) => void;
+    values?: Record<string, any>;
 };
 declare const BillingAddressFormContext: import("react").Context<DefaultContextAddress>;
 export default BillingAddressFormContext;

package/dist/context/CustomerContext.d.ts

@@ -4,9 +4,11 @@ declare type DefaultContext = {
     saveCustomerUser: (customerEmail: string) => Promise<void>;
     setCustomerErrors: SetCustomerErrors;
     setCustomerEmail: SetCustomerEmail;
+    getCustomerPaymentSources: () => Promise<void>;
 } & Partial<CustomerState>;
 export declare const defaultCustomerContext: {
     saveCustomerUser: () => Promise<void>;
+    getCustomerPaymentSources: () => Promise<void>;
     setCustomerErrors: SetCustomerErrors;
     setCustomerEmail: SetCustomerEmail;
 };

package/dist/context/LineItemOptionChildrenContext.d.ts

@@ -2,6 +2,7 @@
 import { LineItemOptionCollection } from '@commercelayer/js-sdk';
 export interface InitialLineItemContext {
     lineItemOption: Partial<LineItemOptionCollection>;
+    showAll?: boolean;
 }
 declare const LineItemOptionChildrenContext: import("react").Context<InitialLineItemContext>;
 export default LineItemOptionChildrenContext;

package/dist/context/PaymentMethodChildrenContext.d.ts

@@ -2,6 +2,9 @@
 import { PaymentMethodCollection } from '@commercelayer/js-sdk';
 export interface InitialPaymentMethodChildrenContext {
     payment?: PaymentMethodCollection;
+    clickableContainer?: boolean;
+    paymentSelected?: string;
+    setPaymentSelected?: (paymentId: string) => void;
 }
 declare const PaymentMethodChildrenContext: import("react").Context<InitialPaymentMethodChildrenContext>;
 export default PaymentMethodChildrenContext;

package/dist/context/PaymentMethodContext.d.ts

@@ -1,16 +1,23 @@
 /// <reference types="react" />
-import { PaymentMethodState, SetPaymentMethodErrors, SetPaymentSource, SetPaymentMethod, DestroyPaymentSource } from "../reducers/PaymentMethodReducer";
+import { UpdatePaymentSource } from '../reducers/PaymentMethodReducer';
+import { PaymentMethodState, SetPaymentMethodErrors, SetPaymentSource, SetPaymentMethod, DestroyPaymentSource, SetPaymentRef, setLoading } from "../reducers/PaymentMethodReducer";
 declare type DefaultContext = {
     setPaymentMethodErrors: SetPaymentMethodErrors;
     setPaymentMethod: SetPaymentMethod;
     setPaymentSource: SetPaymentSource;
+    setPaymentRef: SetPaymentRef;
     destroyPaymentSource: DestroyPaymentSource;
+    updatePaymentSource: UpdatePaymentSource;
+    setLoading: typeof setLoading;
 } & PaymentMethodState;
 export declare const defaultPaymentMethodContext: {
     setPaymentMethodErrors: SetPaymentMethodErrors;
     setPaymentMethod: SetPaymentMethod;
     setPaymentSource: SetPaymentSource;
+    setPaymentRef: SetPaymentRef;
     destroyPaymentSource: DestroyPaymentSource;
+    updatePaymentSource: UpdatePaymentSource;
+    setLoading: typeof setLoading;
 };
 declare const PaymentMethodContext: import("react").Context<DefaultContext>;
 export default PaymentMethodContext;

package/dist/context/PlaceOrderContext.d.ts

@@ -2,7 +2,9 @@
 import { PlaceOrderState, SetPlaceOrderErrors } from "../reducers/PlaceOrderReducer";
 declare type DefaultContext = {
     setPlaceOrderErrors?: SetPlaceOrderErrors;
-    setPlaceOrder?: () => Promise<{
+    setPlaceOrder?: ({ paymentSource, }: {
+        paymentSource: Record<string, string>;
+    }) => Promise<{
         placed: boolean;
     }>;
     placeOrderPermitted?: () => void;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as Address } from "./components/Address";
 export { default as AddressCountrySelector } from "./components/AddressCountrySelector";
 export { default as AddressField } from "./components/AddressField";
 export { default as AddressInput } from "./components/AddressInput";
+export { default as AddressStateSelector } from "./components/AddressStateSelector";
 export { default as AddressesContainer } from "./components/AddressesContainer";
 export { default as AvailabilityContainer } from "./components/AvailabilityContainer";
 export { default as AvailabilityTemplate } from "./components/AvailabilityTemplate";
@@ -40,8 +41,6 @@ export { default as LineItemsContainer } from "./components/LineItemsContainer";
 export { default as LineItemsCount } from "./components/LineItemsCount";
 export { default as MetadataInput } from "./components/MetadataInput";
 export { default as OrderContainer } from "./components/OrderContainer";
-export { default as OrderList } from "./components/OrderList";
-export { default as OrderListRow } from "./components/OrderListRow";
 export { default as OrderNumber } from "./components/OrderNumber";
 export { default as OrderStorage } from "./components/OrderStorage";
 export { default as PaymentMethod } from "./components/PaymentMethod";