@commercelayer/react-components 3.12.2 → 3.12.5

package/lib/components/LineItemOption.d.ts

@@ -1 +1,19 @@
-import{FunctionComponent,CSSProperties}from'react';import{LineItemOption as LineItemOptionType}from'@commercelayer/sdk';import{FunctionChildren}from'../typings/index';declare type LineItemOptionChildrenProps=FunctionChildren<Omit<LineItemOptionProps,'children'>&{lineItemOption:LineItemOptionType;}>;declare type LineItemOptionProps={id?:string;className?:string;key?:string;style?:CSSProperties;children?:LineItemOptionChildrenProps;name?:string;valueClassName?:string;tagElement?:keyof JSX.IntrinsicElements;tagContainer?:keyof JSX.IntrinsicElements;};declare const LineItemOption:FunctionComponent<LineItemOptionProps>;export default LineItemOption;
+import { FunctionComponent, CSSProperties } from 'react';
+import { LineItemOption as LineItemOptionType } from '@commercelayer/sdk';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemOptionChildrenProps = FunctionChildren<Omit<LineItemOptionProps, 'children'> & {
+    lineItemOption: LineItemOptionType;
+}>;
+declare type LineItemOptionProps = {
+    id?: string;
+    className?: string;
+    key?: string;
+    style?: CSSProperties;
+    children?: LineItemOptionChildrenProps;
+    name?: string;
+    valueClassName?: string;
+    tagElement?: keyof JSX.IntrinsicElements;
+    tagContainer?: keyof JSX.IntrinsicElements;
+};
+declare const LineItemOption: FunctionComponent<LineItemOptionProps>;
+export default LineItemOption;

package/lib/components/LineItemOptions.d.ts

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

package/lib/components/LineItemQuantity.d.ts

@@ -1 +1,14 @@
-import React,{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';declare type LineItemQuantityChildrenProps=FunctionChildren<Omit<LineItemQuantityProps,'children'>&{quantity:number;handleChange:(event:React.MouseEvent<HTMLSelectElement>)=>void;}>;declare type LineItemQuantityProps={children?:LineItemQuantityChildrenProps;max?:number;disabled?:boolean;readonly?:boolean;}&(JSX.IntrinsicElements['select']&JSX.IntrinsicElements['span']);declare const LineItemQuantity:FunctionComponent<LineItemQuantityProps>;export default LineItemQuantity;
+import React, { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemQuantityChildrenProps = FunctionChildren<Omit<LineItemQuantityProps, 'children'> & {
+    quantity: number;
+    handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
+}>;
+declare type LineItemQuantityProps = {
+    children?: LineItemQuantityChildrenProps;
+    max?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+} & (JSX.IntrinsicElements['select'] & JSX.IntrinsicElements['span']);
+declare const LineItemQuantity: FunctionComponent<LineItemQuantityProps>;
+export default LineItemQuantity;

package/lib/components/LineItemRemoveLink.d.ts

@@ -1 +1,12 @@
-import React,{FunctionComponent,PropsWithoutRef}from'react';import{FunctionChildren}from'../typings/index';declare type ChildrenLineItemRemoveLinkProps=FunctionChildren<{handleRemove:(event:React.MouseEvent<HTMLAnchorElement>)=>void;label?:string;}>;declare type LineItemRemoveLinkProps={children?:ChildrenLineItemRemoveLinkProps;label?:string;}&PropsWithoutRef<JSX.IntrinsicElements['a']>;declare const LineItemRemoveLink:FunctionComponent<LineItemRemoveLinkProps>;export default LineItemRemoveLink;
+import React, { FunctionComponent, PropsWithoutRef } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ChildrenLineItemRemoveLinkProps = FunctionChildren<{
+    handleRemove: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    label?: string;
+}>;
+declare type LineItemRemoveLinkProps = {
+    children?: ChildrenLineItemRemoveLinkProps;
+    label?: string;
+} & PropsWithoutRef<JSX.IntrinsicElements['a']>;
+declare const LineItemRemoveLink: FunctionComponent<LineItemRemoveLinkProps>;
+export default LineItemRemoveLink;

package/lib/components/LineItemsContainer.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';declare type LineItemsContainer={children:ReactNode;filters?:Record<string,any>;loader?:ReactNode;};declare const LineItemsContainer:FunctionComponent<LineItemsContainer>;export default LineItemsContainer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type LineItemsContainer = {
+    children: ReactNode;
+    filters?: Record<string, any>;
+    loader?: ReactNode;
+};
+declare const LineItemsContainer: FunctionComponent<LineItemsContainer>;
+export default LineItemsContainer;

package/lib/components/LineItemsCount.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent}from'react';import{TypeAccepted}from'../utils/getLineItemsCount';import{FunctionChildren}from'../typings/index';declare type LineItemsCountChildrenProps=FunctionChildren<Omit<LineItemsCountProps,'children'>&{quantity:number;}>;declare type LineItemsCountProps={children?:LineItemsCountChildrenProps;typeAccepted?:TypeAccepted[];}&JSX.IntrinsicElements['span'];declare const LineItemsCount:FunctionComponent<LineItemsCountProps>;export default LineItemsCount;
+import { FunctionComponent } from 'react';
+import { TypeAccepted } from '../utils/getLineItemsCount';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemsCountChildrenProps = FunctionChildren<Omit<LineItemsCountProps, 'children'> & {
+    quantity: number;
+}>;
+declare type LineItemsCountProps = {
+    children?: LineItemsCountChildrenProps;
+    typeAccepted?: TypeAccepted[];
+} & JSX.IntrinsicElements['span'];
+declare const LineItemsCount: FunctionComponent<LineItemsCountProps>;
+export default LineItemsCount;

package/lib/components/LineItemsEmpty.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';export declare type LineItemsCountType=FunctionChildren<Omit<LineItemsCountProps,'children'>&{quantity:number;text:string;}>;declare type LineItemsCountProps={children?:LineItemsCountType;text?:string;}&JSX.IntrinsicElements['span'];declare const LineItemsEmpty:FunctionComponent<LineItemsCountProps>;export default LineItemsEmpty;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+export declare type LineItemsCountType = FunctionChildren<Omit<LineItemsCountProps, 'children'> & {
+    quantity: number;
+    text: string;
+}>;
+declare type LineItemsCountProps = {
+    children?: LineItemsCountType;
+    text?: string;
+} & JSX.IntrinsicElements['span'];
+declare const LineItemsEmpty: FunctionComponent<LineItemsCountProps>;
+export default LineItemsEmpty;

package/lib/components/MetadataInput.d.ts

@@ -1 +1,5 @@
-import{FunctionComponent}from'react';import{BaseInputComponentProps}from'../typings/index';export declare type MetadataInputProps=BaseInputComponentProps&JSX.IntrinsicElements['input']&JSX.IntrinsicElements['textarea'];declare const MetadataInput:FunctionComponent<MetadataInputProps>;export default MetadataInput;
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+export declare type MetadataInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const MetadataInput: FunctionComponent<MetadataInputProps>;
+export default MetadataInput;

package/lib/components/OrderContainer.d.ts

@@ -1 +1,11 @@
-import React,{ReactNode}from'react';import{BaseMetadataObject}from'../typings/index';import{OrderCreate}from'@commercelayer/sdk';declare type OrderContainerProps={children:ReactNode;metadata?:BaseMetadataObject;attributes?:OrderCreate;orderId?:string;};declare const OrderContainer:React.FunctionComponent<OrderContainerProps>;export default OrderContainer;
+import React, { ReactNode } from 'react';
+import { BaseMetadataObject } from '../typings/index';
+import { OrderCreate } from '@commercelayer/sdk';
+declare type OrderContainerProps = {
+    children: ReactNode;
+    metadata?: BaseMetadataObject;
+    attributes?: OrderCreate;
+    orderId?: string;
+};
+declare const OrderContainer: React.FunctionComponent<OrderContainerProps>;
+export default OrderContainer;

package/lib/components/OrderContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import orderReducer,{createOrder,getApiOrder,setOrderErrors,setOrder,orderInitialState,updateOrder}from"../reducers/OrderReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import OrderContext,{defaultOrderContext}from"../context/OrderContext";import{unsetOrderState}from"../reducers/OrderReducer";import components from"../config/components";import OrderStorageContext from"../context/OrderStorageContext";import compareObjAttribute from"../utils/compareObjAttribute";const propTypes=components.OrderContainer.propTypes,defaultProps=components.OrderContainer.defaultProps,displayName=components.OrderContainer.displayName,OrderContainer=props=>{const{orderId,children,metadata,attributes}=props,[state,dispatch]=useReducer(orderReducer,orderInitialState),config=useContext(CommerceLayerContext),{persistKey,clearWhenPlaced,getLocalOrder,setLocalOrder,deleteLocalOrder}=useContext(OrderStorageContext);useEffect(()=>{var _a;const startRequest=Object.keys((state==null?void 0:state.includeLoaded)||{}).filter(key=>{var _a2;return((_a2=state==null?void 0:state.includeLoaded)===null||_a2===void 0?void 0:_a2[key])===!0});if(config.accessToken){const localOrder=persistKey?getLocalOrder(persistKey):orderId;localOrder&&(dispatch({type:"setOrderId",payload:{orderId:localOrder}}),!state.order&&startRequest.length===((_a=state.include)===null||_a===void 0?void 0:_a.length)&&getApiOrder({id:localOrder,dispatch,config,persistKey,clearWhenPlaced:!!(persistKey&&clearWhenPlaced),deleteLocalOrder,state}))}return()=>unsetOrderState(dispatch)},[config.accessToken,orderId,state.includeLoaded,state.include]),useEffect(()=>{if(state.orderId&&attributes&&state.order){const updateAttributes=compareObjAttribute({attributes,object:state.order});Object.keys(updateAttributes).length>0&&updateOrder({id:state.orderId,attributes:updateAttributes,dispatch,config,include:state.include,state})}},[attributes,state.orderId,state.order]);const orderValue=useMemo(()=>Object.assign(Object.assign({},state),{setOrder:order=>setOrder(order,dispatch),getOrder:id=>getApiOrder({id,dispatch,config,state}),setOrderErrors:errors=>setOrderErrors({dispatch,errors}),createOrder:async()=>await createOrder({persistKey,dispatch,config,state,orderMetadata:metadata,orderAttributes:attributes}),addToCart:values=>defaultOrderContext.addToCart(Object.assign(Object.assign({},values),{persistKey,dispatch,state,config,errors:state.errors,orderMetadata:metadata||{},orderAttributes:attributes,setLocalOrder})),saveAddressToCustomerAddressBook:args=>defaultOrderContext.saveAddressToCustomerAddressBook(Object.assign(Object.assign({},args),{dispatch})),setGiftCardOrCouponCode:({code,codeType})=>defaultOrderContext.setGiftCardOrCouponCode({code,codeType,dispatch,order:state.order,config,include:state.include,state}),removeGiftCardOrCouponCode:({codeType})=>defaultOrderContext.removeGiftCardOrCouponCode({codeType,dispatch,order:state.order,config,include:state.include,state}),addResourceToInclude:args=>defaultOrderContext.addResourceToInclude(Object.assign(Object.assign({},args),{dispatch,resourcesIncluded:state.include,resourceIncludedLoaded:state.includeLoaded})),updateOrder:async args=>await defaultOrderContext.updateOrder(Object.assign(Object.assign({},args),{dispatch,config,include:state.include,state}))}),[state]);return _jsx(OrderContext.Provider,Object.assign({value:orderValue},{children}))};OrderContainer.propTypes=propTypes,OrderContainer.defaultProps=defaultProps,OrderContainer.displayName=displayName;export default OrderContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import orderReducer,{createOrder,getApiOrder,setOrderErrors,setOrder,orderInitialState,updateOrder}from"../reducers/OrderReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import OrderContext,{defaultOrderContext}from"../context/OrderContext";import components from"../config/components";import OrderStorageContext from"../context/OrderStorageContext";import compareObjAttribute from"../utils/compareObjAttribute";import checkIncludeResources from"../utils/checkIncludeResource";const propTypes=components.OrderContainer.propTypes,defaultProps=components.OrderContainer.defaultProps,displayName=components.OrderContainer.displayName,OrderContainer=props=>{const{orderId,children,metadata,attributes}=props,[state,dispatch]=useReducer(orderReducer,orderInitialState),config=useContext(CommerceLayerContext),{persistKey,clearWhenPlaced,getLocalOrder,setLocalOrder,deleteLocalOrder}=useContext(OrderStorageContext);useEffect(()=>{var _a;const startRequest=Object.keys((state==null?void 0:state.includeLoaded)||{}).filter(key=>{var _a2;return((_a2=state==null?void 0:state.includeLoaded)===null||_a2===void 0?void 0:_a2[key])===!0});if(config.accessToken){const localOrder=persistKey?getLocalOrder(persistKey):orderId;localOrder&&!state.order&&startRequest.length===((_a=state.include)===null||_a===void 0?void 0:_a.length)?getApiOrder({id:localOrder,dispatch,config,persistKey,clearWhenPlaced:!!(persistKey&&clearWhenPlaced),deleteLocalOrder,state}):(state==null?void 0:state.order)&&(state==null?void 0:state.include)&&(checkIncludeResources({order:state.order,resourceInclude:state.include})||getApiOrder({id:state.orderId,dispatch,config,persistKey,deleteLocalOrder,state}))}},[config.accessToken,state.includeLoaded,state.include,orderId,state.order]),useEffect(()=>{if(state.orderId&&attributes&&state.order){const updateAttributes=compareObjAttribute({attributes,object:state.order});Object.keys(updateAttributes).length>0&&updateOrder({id:state.orderId,attributes:updateAttributes,dispatch,config,include:state.include,state})}},[attributes,state.orderId,state.order]);const orderValue=useMemo(()=>Object.assign(Object.assign({},state),{setOrder:order=>setOrder(order,dispatch),getOrder:id=>getApiOrder({id,dispatch,config,state}),setOrderErrors:errors=>setOrderErrors({dispatch,errors}),createOrder:async()=>await createOrder({persistKey,dispatch,config,state,orderMetadata:metadata,orderAttributes:attributes}),addToCart:values=>defaultOrderContext.addToCart(Object.assign(Object.assign({},values),{persistKey,dispatch,state,config,errors:state.errors,orderMetadata:metadata||{},orderAttributes:attributes,setLocalOrder})),saveAddressToCustomerAddressBook:args=>defaultOrderContext.saveAddressToCustomerAddressBook(Object.assign(Object.assign({},args),{dispatch})),setGiftCardOrCouponCode:({code,codeType})=>defaultOrderContext.setGiftCardOrCouponCode({code,codeType,dispatch,order:state.order,config,include:state.include,state}),removeGiftCardOrCouponCode:({codeType})=>defaultOrderContext.removeGiftCardOrCouponCode({codeType,dispatch,order:state.order,config,include:state.include,state}),addResourceToInclude:args=>defaultOrderContext.addResourceToInclude(Object.assign(Object.assign({},args),{dispatch,resourcesIncluded:state.include,resourceIncludedLoaded:state.includeLoaded})),updateOrder:async args=>await defaultOrderContext.updateOrder(Object.assign(Object.assign({},args),{dispatch,config,include:state.include,state}))}),[state]);return _jsx(OrderContext.Provider,Object.assign({value:orderValue},{children}))};OrderContainer.propTypes=propTypes,OrderContainer.defaultProps=defaultProps,OrderContainer.displayName=displayName;export default OrderContainer;

package/lib/components/OrderNumber.d.ts

@@ -1 +1,5 @@
-import{FunctionComponent}from'react';import{BaseFieldProps}from'./utils/BaseField';export declare type OrderNumberProps=Omit<BaseFieldProps,'attribute'>;declare const OrderNumber:FunctionComponent<OrderNumberProps>;export default OrderNumber;
+import { FunctionComponent } from 'react';
+import { BaseFieldProps } from './utils/BaseField';
+export declare type OrderNumberProps = Omit<BaseFieldProps, 'attribute'>;
+declare const OrderNumber: FunctionComponent<OrderNumberProps>;
+export default OrderNumber;

package/lib/components/OrderStorage.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';declare type OrderStorageProps={children:ReactNode;persistKey:string;clearWhenPlaced?:boolean;};declare const OrderStorage:FunctionComponent<OrderStorageProps>;export default OrderStorage;
+import { FunctionComponent, ReactNode } from 'react';
+declare type OrderStorageProps = {
+    children: ReactNode;
+    persistKey: string;
+    clearWhenPlaced?: boolean;
+};
+declare const OrderStorage: FunctionComponent<OrderStorageProps>;
+export default OrderStorage;

package/lib/components/PaymentGateway.d.ts

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

package/lib/components/PaymentMethod.d.ts

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

package/lib/components/PaymentMethodAmount.d.ts

@@ -1 +1,4 @@
-import{FunctionComponent}from'react';import{BaseAmountComponent}from'../typings/index';declare const PaymentMethodAmount:FunctionComponent<BaseAmountComponent>;export default PaymentMethodAmount;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+declare const PaymentMethodAmount: FunctionComponent<BaseAmountComponent>;
+export default PaymentMethodAmount;

package/lib/components/PaymentMethodName.d.ts

@@ -1 +1,9 @@
-import{FunctionComponent,ReactNode}from'react';declare type PaymentMethodNameChildrenProps=Omit<PaymentMethodNameProps,'children'>&{labelName:string;};declare type PaymentMethodNameProps={children?:(props:PaymentMethodNameChildrenProps)=>ReactNode;}&JSX.IntrinsicElements['label'];declare const PaymentMethodName:FunctionComponent<PaymentMethodNameProps>;export default PaymentMethodName;
+import { FunctionComponent, ReactNode } from 'react';
+declare type PaymentMethodNameChildrenProps = Omit<PaymentMethodNameProps, 'children'> & {
+    labelName: string;
+};
+declare type PaymentMethodNameProps = {
+    children?: (props: PaymentMethodNameChildrenProps) => ReactNode;
+} & JSX.IntrinsicElements['label'];
+declare const PaymentMethodName: FunctionComponent<PaymentMethodNameProps>;
+export default PaymentMethodName;

package/lib/components/PaymentMethodPrice.d.ts

@@ -1 +1,9 @@
-import{FunctionComponent}from'react';import{BaseAmountComponent}from'../typings/index';declare type Props={type?:'amount';labelFree?:string;};export declare type PaymentMethodPriceProps=BaseAmountComponent&Props;declare const PaymentMethodPrice:FunctionComponent<PaymentMethodPriceProps>;export default PaymentMethodPrice;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+declare type Props = {
+    type?: 'amount';
+    labelFree?: string;
+};
+export declare type PaymentMethodPriceProps = BaseAmountComponent & Props;
+declare const PaymentMethodPrice: FunctionComponent<PaymentMethodPriceProps>;
+export default PaymentMethodPrice;

package/lib/components/PaymentMethodRadioButton.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent,ReactNode,ChangeEvent}from'react';import{PaymentMethod}from'@commercelayer/sdk';declare type ShippingMethodRadioButtonChildrenProps=Omit<ShippingMethodRadioButtonProps,'children'>&{checked:boolean;handleOnChange:(event:ChangeEvent<HTMLInputElement>)=>Promise<void>;};declare type ShippingMethodRadioButtonProps={children?:(props:ShippingMethodRadioButtonChildrenProps)=>ReactNode;onChange?:(payment?:PaymentMethod|Record<string,any>)=>void;}&JSX.IntrinsicElements['input'];declare const PaymentMethodRadioButton:FunctionComponent<ShippingMethodRadioButtonProps>;export default PaymentMethodRadioButton;
+import { FunctionComponent, ReactNode, ChangeEvent } from 'react';
+import { PaymentMethod } from '@commercelayer/sdk';
+declare type ShippingMethodRadioButtonChildrenProps = Omit<ShippingMethodRadioButtonProps, 'children'> & {
+    checked: boolean;
+    handleOnChange: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;
+};
+declare type ShippingMethodRadioButtonProps = {
+    children?: (props: ShippingMethodRadioButtonChildrenProps) => ReactNode;
+    onChange?: (payment?: PaymentMethod | Record<string, any>) => void;
+} & JSX.IntrinsicElements['input'];
+declare const PaymentMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
+export default PaymentMethodRadioButton;

package/lib/components/PaymentMethodsContainer.d.ts

@@ -1 +1,8 @@
-import React,{ReactNode}from'react';import{PaymentMethodConfig}from'../reducers/PaymentMethodReducer';declare type PaymentMethodsContainerProps={children:ReactNode;config?:PaymentMethodConfig;};declare const PaymentMethodsContainer:React.FunctionComponent<PaymentMethodsContainerProps>;export default PaymentMethodsContainer;
+import React, { ReactNode } from 'react';
+import { PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+declare type PaymentMethodsContainerProps = {
+    children: ReactNode;
+    config?: PaymentMethodConfig;
+};
+declare const PaymentMethodsContainer: React.FunctionComponent<PaymentMethodsContainerProps>;
+export default PaymentMethodsContainer;

package/lib/components/PaymentSource.d.ts

@@ -1 +1,19 @@
-import{FunctionComponent,ReactNode}from'react';import{LoaderType}from'../typings/index';import{CustomerCardsTemplateChildren}from'./utils/PaymentCardsTemplate';export declare type CustomerCardsProps={handleClick:()=>void;};export declare type CustomerSaveToWalletProps={name:'save_payment_source_to_customer_wallet';};export declare type PaymentSourceProps={children?:ReactNode;readonly?:boolean;templateCustomerCards?:CustomerCardsTemplateChildren;onClickCustomerCards?:()=>void;templateCustomerSaveToWallet?:(props:CustomerSaveToWalletProps)=>ReactNode;loader?:LoaderType;}&JSX.IntrinsicElements['div'];declare const PaymentSource:FunctionComponent<PaymentSourceProps>;export default PaymentSource;
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+import { CustomerCardsTemplateChildren } from './utils/PaymentCardsTemplate';
+export declare type CustomerCardsProps = {
+    handleClick: () => void;
+};
+export declare type CustomerSaveToWalletProps = {
+    name: 'save_payment_source_to_customer_wallet';
+};
+export declare type PaymentSourceProps = {
+    children?: ReactNode;
+    readonly?: boolean;
+    templateCustomerCards?: CustomerCardsTemplateChildren;
+    onClickCustomerCards?: () => void;
+    templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => ReactNode;
+    loader?: LoaderType;
+} & JSX.IntrinsicElements['div'];
+declare const PaymentSource: FunctionComponent<PaymentSourceProps>;
+export default PaymentSource;

package/lib/components/PaymentSourceBrandIcon.d.ts

@@ -1 +1,15 @@
-import{IconBrand}from'../context/PaymentSourceContext';import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';declare type CustomComponent=FunctionChildren<Omit<Props&{brand:IconBrand;defaultSrc:string;url:string;},'children'>>;declare type Props={children?:CustomComponent;width?:number;height?:number;}&JSX.IntrinsicElements['img'];declare const PaymentSourceBrandIcon:FunctionComponent<Props>;export default PaymentSourceBrandIcon;
+import { IconBrand } from '../context/PaymentSourceContext';
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    brand: IconBrand;
+    defaultSrc: string;
+    url: string;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    width?: number;
+    height?: number;
+} & JSX.IntrinsicElements['img'];
+declare const PaymentSourceBrandIcon: FunctionComponent<Props>;
+export default PaymentSourceBrandIcon;

package/lib/components/PaymentSourceBrandName.d.ts

@@ -1 +1,12 @@
-import{IconBrand}from'../context/PaymentSourceContext';import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';declare type CustomComponent=FunctionChildren<Omit<Props&{brand:IconBrand;},'children'>>;declare type Props={children?:CustomComponent;label?:string;}&JSX.IntrinsicElements['span'];declare const PaymentSourceBrandName:FunctionComponent<Props>;export default PaymentSourceBrandName;
+import { IconBrand } from '../context/PaymentSourceContext';
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    brand: IconBrand;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    label?: string;
+} & JSX.IntrinsicElements['span'];
+declare const PaymentSourceBrandName: FunctionComponent<Props>;
+export default PaymentSourceBrandName;

package/lib/components/PaymentSourceDetail.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';export declare type PaymentSourceDetailType='last4'|'exp_year'|'exp_month';declare type CustomComponent=FunctionChildren<Omit<Props&{text:string;},'children'>>;declare type Props={children?:CustomComponent;type:PaymentSourceDetailType;}&JSX.IntrinsicElements['span'];declare const PaymentSourceDetail:FunctionComponent<Props>;export default PaymentSourceDetail;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+export declare type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    text: string;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    type: PaymentSourceDetailType;
+} & JSX.IntrinsicElements['span'];
+declare const PaymentSourceDetail: FunctionComponent<Props>;
+export default PaymentSourceDetail;

package/lib/components/PaymentSourceEditButton.d.ts

@@ -1 +1,9 @@
-import{FunctionComponent,ReactNode}from'react';import{FunctionChildren}from'../typings/index';declare type CustomComponent=FunctionChildren<Omit<Props,'children'>>;declare type Props={children?:CustomComponent;label?:string|ReactNode;}&Omit<JSX.IntrinsicElements['button'],'onClick'>;declare const PaymentSourceEditButton:FunctionComponent<Props>;export default PaymentSourceEditButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    label?: string | ReactNode;
+} & Omit<JSX.IntrinsicElements['button'], 'onClick'>;
+declare const PaymentSourceEditButton: FunctionComponent<Props>;
+export default PaymentSourceEditButton;

package/lib/components/PaypalPayment.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent,ReactNode}from'react';export declare type PaypalConfig={return_url:string;cancel_url:string;infoMessage?:{text?:string|ReactNode;className?:string;};};declare type Props=Omit<PaypalConfig,'return_url'|'cancel_url'>&JSX.IntrinsicElements['div'];declare const PaypalPayment:FunctionComponent<Props>;export default PaypalPayment;
+import { FunctionComponent, ReactNode } from 'react';
+export declare type PaypalConfig = {
+    return_url: string;
+    cancel_url: string;
+    infoMessage?: {
+        text?: string | ReactNode;
+        className?: string;
+    };
+};
+declare type Props = Omit<PaypalConfig, 'return_url' | 'cancel_url'> & JSX.IntrinsicElements['div'];
+declare const PaypalPayment: FunctionComponent<Props>;
+export default PaypalPayment;

package/lib/components/PlaceOrderButton.d.ts

@@ -1 +1,14 @@
-import{FunctionComponent,ReactNode}from'react';import{FunctionChildren}from'../typings/index';declare type PlaceOrderButtonChildrenProps=FunctionChildren<Omit<PlaceOrderButtonProps,'children'>&{handleClick:()=>Promise<void>;}>;declare type PlaceOrderButtonProps={children?:PlaceOrderButtonChildrenProps;label?:string|ReactNode;onClick?:(response:{placed:boolean;})=>void;}&JSX.IntrinsicElements['button'];declare const PlaceOrderButton:FunctionComponent<PlaceOrderButtonProps>;export default PlaceOrderButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type PlaceOrderButtonChildrenProps = FunctionChildren<Omit<PlaceOrderButtonProps, 'children'> & {
+    handleClick: () => Promise<void>;
+}>;
+declare type PlaceOrderButtonProps = {
+    children?: PlaceOrderButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: (response: {
+        placed: boolean;
+    }) => void;
+} & JSX.IntrinsicElements['button'];
+declare const PlaceOrderButton: FunctionComponent<PlaceOrderButtonProps>;
+export default PlaceOrderButton;

package/lib/components/PlaceOrderContainer.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';import{PlaceOrderOptions}from'../reducers/PlaceOrderReducer';declare type PlaceOrderContainerProps={children:ReactNode;options?:PlaceOrderOptions;};declare const PlaceOrderContainer:FunctionComponent<PlaceOrderContainerProps>;export default PlaceOrderContainer;
+import { FunctionComponent, ReactNode } from 'react';
+import { PlaceOrderOptions } from '../reducers/PlaceOrderReducer';
+declare type PlaceOrderContainerProps = {
+    children: ReactNode;
+    options?: PlaceOrderOptions;
+};
+declare const PlaceOrderContainer: FunctionComponent<PlaceOrderContainerProps>;
+export default PlaceOrderContainer;

package/lib/components/Price.d.ts

@@ -1 +1,16 @@
-import{FunctionComponent}from'react';import{Price as PriceType}from'@commercelayer/sdk';import{FunctionChildren,LoaderType}from'../typings/index';declare type PriceChildrenProps=FunctionChildren<{loading:boolean;loader:LoaderType;prices:PriceType[];}&Omit<PriceProps,'children'>>;export interface PriceProps extends Partial<JSX.IntrinsicElements['span']>{children?:PriceChildrenProps;compareClassName?:string;showCompare?:boolean;skuCode?:string;}declare const Price:FunctionComponent<PriceProps>;export default Price;
+import { FunctionComponent } from 'react';
+import { Price as PriceType } from '@commercelayer/sdk';
+import { FunctionChildren, LoaderType } from '../typings/index';
+declare type PriceChildrenProps = FunctionChildren<{
+    loading: boolean;
+    loader: LoaderType;
+    prices: PriceType[];
+} & Omit<PriceProps, 'children'>>;
+export interface PriceProps extends Partial<JSX.IntrinsicElements['span']> {
+    children?: PriceChildrenProps;
+    compareClassName?: string;
+    showCompare?: boolean;
+    skuCode?: string;
+}
+declare const Price: FunctionComponent<PriceProps>;
+export default Price;

package/lib/components/PricesContainer.d.ts

@@ -1 +1,11 @@
-import{FunctionComponent,ReactNode}from'react';import{LoaderType}from'../typings/index';declare type PricesContainerProps={children:ReactNode;filters?:object;loader?:LoaderType;perPage?:number;skuCode?:string;};declare const PricesContainer:FunctionComponent<PricesContainerProps>;export default PricesContainer;
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+declare type PricesContainerProps = {
+    children: ReactNode;
+    filters?: object;
+    loader?: LoaderType;
+    perPage?: number;
+    skuCode?: string;
+};
+declare const PricesContainer: FunctionComponent<PricesContainerProps>;
+export default PricesContainer;

package/lib/components/PrivacyAndTermsCheckbox.d.ts

@@ -1 +1,4 @@
-import{FunctionComponent}from'react';import{BaseInputProps}from'./utils/BaseInput';declare const PrivacyAndTermsCheckbox:FunctionComponent<Partial<BaseInputProps>>;export default PrivacyAndTermsCheckbox;
+import { FunctionComponent } from 'react';
+import { BaseInputProps } from './utils/BaseInput';
+declare const PrivacyAndTermsCheckbox: FunctionComponent<Partial<BaseInputProps>>;
+export default PrivacyAndTermsCheckbox;

package/lib/components/QuantitySelector.d.ts

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

package/lib/components/SaveAddressesButton.d.ts

@@ -1 +1,10 @@
-import{FunctionComponent,ReactNode}from'react';import{FunctionChildren}from'../typings/index';declare type SaveAddressesButtonChildrenProps=FunctionChildren<Omit<SaveAddressesButtonProps,'children'>>;declare type SaveAddressesButtonProps={children?:SaveAddressesButtonChildrenProps;label?:string|ReactNode;onClick?:()=>void;}&JSX.IntrinsicElements['button'];declare const SaveAddressesButton:FunctionComponent<SaveAddressesButtonProps>;export default SaveAddressesButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type SaveAddressesButtonChildrenProps = FunctionChildren<Omit<SaveAddressesButtonProps, 'children'>>;
+declare type SaveAddressesButtonProps = {
+    children?: SaveAddressesButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & JSX.IntrinsicElements['button'];
+declare const SaveAddressesButton: FunctionComponent<SaveAddressesButtonProps>;
+export default SaveAddressesButton;

package/lib/components/SaveCustomerButton.d.ts

@@ -1 +1,13 @@
-import{FunctionComponent,ReactNode}from'react';import{FunctionChildren}from'../typings/index';declare type ParentProps={handleClick:()=>any;};declare type SaveAddressesButtonChildrenProps=FunctionChildren<Omit<SaveCustomerButtonProps&ParentProps,'children'>>;declare type SaveCustomerButtonProps={children?:SaveAddressesButtonChildrenProps;label?:string|ReactNode;onClick?:()=>void;}&JSX.IntrinsicElements['button'];declare const SaveCustomerButton:FunctionComponent<SaveCustomerButtonProps>;export default SaveCustomerButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ParentProps = {
+    handleClick: () => any;
+};
+declare type SaveAddressesButtonChildrenProps = FunctionChildren<Omit<SaveCustomerButtonProps & ParentProps, 'children'>>;
+declare type SaveCustomerButtonProps = {
+    children?: SaveAddressesButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & JSX.IntrinsicElements['button'];
+declare const SaveCustomerButton: FunctionComponent<SaveCustomerButtonProps>;
+export default SaveCustomerButton;

package/lib/components/Shipment.d.ts

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

package/lib/components/ShipmentField.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent,ReactNode}from'react';import{Shipment}from'@commercelayer/sdk';declare type ShipmentFieldChildrenProps=Omit<ShipmentFieldProps,'children'>&{shipment:Shipment;};export declare type ShipmentAttribute='number'|'currency_code'|'status'|'cost_amount_cents'|'cost_amount_float'|'formatted_cost_amount'|'key_number';declare type ShipmentFieldProps={children?:(props:ShipmentFieldChildrenProps)=>ReactNode;name:ShipmentAttribute;}&JSX.IntrinsicElements['span'];declare const ShipmentField:FunctionComponent<ShipmentFieldProps>;export default ShipmentField;
+import { FunctionComponent, ReactNode } from 'react';
+import { Shipment } from '@commercelayer/sdk';
+declare type ShipmentFieldChildrenProps = Omit<ShipmentFieldProps, 'children'> & {
+    shipment: Shipment;
+};
+export declare type ShipmentAttribute = 'number' | 'currency_code' | 'status' | 'cost_amount_cents' | 'cost_amount_float' | 'formatted_cost_amount' | 'key_number';
+declare type ShipmentFieldProps = {
+    children?: (props: ShipmentFieldChildrenProps) => ReactNode;
+    name: ShipmentAttribute;
+} & JSX.IntrinsicElements['span'];
+declare const ShipmentField: FunctionComponent<ShipmentFieldProps>;
+export default ShipmentField;

package/lib/components/ShipmentsContainer.d.ts

@@ -1 +1,6 @@
-import React,{ReactNode}from'react';declare type ShipmentsContainerProps={children:ReactNode;};declare const ShipmentsContainer:React.FunctionComponent<ShipmentsContainerProps>;export default ShipmentsContainer;
+import React, { ReactNode } from 'react';
+declare type ShipmentsContainerProps = {
+    children: ReactNode;
+};
+declare const ShipmentsContainer: React.FunctionComponent<ShipmentsContainerProps>;
+export default ShipmentsContainer;

package/lib/components/ShippingAddressContainer.d.ts

@@ -1 +1,6 @@
-import{FunctionComponent,ReactNode}from'react';declare type Props={children:ReactNode;};declare const ShippingAddressContainer:FunctionComponent<Props>;export default ShippingAddressContainer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+};
+declare const ShippingAddressContainer: FunctionComponent<Props>;
+export default ShippingAddressContainer;

package/lib/components/ShippingAddressForm.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';declare type ShippingAddressFormProps={children:ReactNode;reset?:boolean;errorClassName?:string;}&Omit<JSX.IntrinsicElements['form'],'onSubmit'>;declare const ShippingAddressForm:FunctionComponent<ShippingAddressFormProps>;export default ShippingAddressForm;
+import { FunctionComponent, ReactNode } from 'react';
+declare type ShippingAddressFormProps = {
+    children: ReactNode;
+    reset?: boolean;
+    errorClassName?: string;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+declare const ShippingAddressForm: FunctionComponent<ShippingAddressFormProps>;
+export default ShippingAddressForm;

package/lib/components/ShippingAmount.d.ts

@@ -1 +1,4 @@
-import{FunctionComponent}from'react';import{BaseAmountComponent}from'../typings/index';declare const ShippingAmount:FunctionComponent<BaseAmountComponent>;export default ShippingAmount;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+declare const ShippingAmount: FunctionComponent<BaseAmountComponent>;
+export default ShippingAmount;

package/lib/components/ShippingMethod.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';declare type ShippingMethodProps={children:ReactNode;readonly?:boolean;emptyText?:string;};declare const ShippingMethod:FunctionComponent<ShippingMethodProps>;export default ShippingMethod;
+import { FunctionComponent, ReactNode } from 'react';
+declare type ShippingMethodProps = {
+    children: ReactNode;
+    readonly?: boolean;
+    emptyText?: string;
+};
+declare const ShippingMethod: FunctionComponent<ShippingMethodProps>;
+export default ShippingMethod;

package/lib/components/ShippingMethodName.d.ts

@@ -1 +1,11 @@
-import{FunctionComponent,ReactNode}from'react';import{ShippingMethod}from'@commercelayer/sdk';declare type LineItemNameChildrenProps=Omit<LineItemNameProps,'children'>&{label:string;shippingMethod:ShippingMethod;};declare type LineItemNameProps={children?:(props:LineItemNameChildrenProps)=>ReactNode;}&JSX.IntrinsicElements['label'];declare const ShippingMethodName:FunctionComponent<LineItemNameProps>;export default ShippingMethodName;
+import { FunctionComponent, ReactNode } from 'react';
+import { ShippingMethod } from '@commercelayer/sdk';
+declare type LineItemNameChildrenProps = Omit<LineItemNameProps, 'children'> & {
+    label: string;
+    shippingMethod: ShippingMethod;
+};
+declare type LineItemNameProps = {
+    children?: (props: LineItemNameChildrenProps) => ReactNode;
+} & JSX.IntrinsicElements['label'];
+declare const ShippingMethodName: FunctionComponent<LineItemNameProps>;
+export default ShippingMethodName;

package/lib/components/ShippingMethodPrice.d.ts

@@ -1 +1,13 @@
-import{FunctionComponent}from'react';import{BaseAmountComponent}from'../typings/index';export declare type ShippingMethodPriceProps=BaseAmountComponent&{labelFreeOver?:string;}&({type?:'amount';base?:'freeOver';}|{type?:'amount'|'amountForShipment';base?:'price';});declare const ShippingMethodPrice:FunctionComponent<ShippingMethodPriceProps>;export default ShippingMethodPrice;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+export declare type ShippingMethodPriceProps = BaseAmountComponent & {
+    labelFreeOver?: string;
+} & ({
+    type?: 'amount';
+    base?: 'freeOver';
+} | {
+    type?: 'amount' | 'amountForShipment';
+    base?: 'price';
+});
+declare const ShippingMethodPrice: FunctionComponent<ShippingMethodPriceProps>;
+export default ShippingMethodPrice;