@commercelayer/react-components 3.13.0-beta.1 → 3.13.0-beta.4

package/lib/components/AddToCartButton.d.ts

@@ -1 +1,27 @@
-import React,{PropsWithoutRef,ReactNode}from'react';import{FunctionChildren}from'../typings/index';import{AddToCartReturn}from'../reducers/OrderReducer';import{VariantOption}from'./VariantSelector';declare type ChildrenProps={handleClick:()=>AddToCartReturn;}&Omit<AddToCartButtonProps,'children'>;declare type AddToCartButtonChildrenProps=FunctionChildren<ChildrenProps>;export declare type AddToCartButtonType=ChildrenProps;declare type BuyNowMode={buyNowMode:true;checkoutUrl?:string;}|{buyNowMode?:false;checkoutUrl?:never;};declare type AddToCartButtonProps={children?:AddToCartButtonChildrenProps;label?:string|ReactNode;skuCode?:string;bundleCode?:string;disabled?:boolean;skuListId?:string;lineItem?:VariantOption['lineItem'];}&BuyNowMode&PropsWithoutRef<JSX.IntrinsicElements['button']>;declare const AddToCartButton:React.FunctionComponent<AddToCartButtonProps>;export default AddToCartButton;
+import React, { PropsWithoutRef, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { AddToCartReturn } from '../reducers/OrderReducer';
+import { VariantOption } from './VariantSelector';
+declare type ChildrenProps = {
+    handleClick: () => AddToCartReturn;
+} & Omit<AddToCartButtonProps, 'children'>;
+declare type AddToCartButtonChildrenProps = FunctionChildren<ChildrenProps>;
+export declare type AddToCartButtonType = ChildrenProps;
+declare type BuyNowMode = {
+    buyNowMode: true;
+    checkoutUrl?: string;
+} | {
+    buyNowMode?: false;
+    checkoutUrl?: never;
+};
+declare type AddToCartButtonProps = {
+    children?: AddToCartButtonChildrenProps;
+    label?: string | ReactNode;
+    skuCode?: string;
+    bundleCode?: string;
+    disabled?: boolean;
+    skuListId?: string;
+    lineItem?: VariantOption['lineItem'];
+} & BuyNowMode & PropsWithoutRef<JSX.IntrinsicElements['button']>;
+declare const AddToCartButton: React.FunctionComponent<AddToCartButtonProps>;
+export default AddToCartButton;

package/lib/components/Address.d.ts

@@ -1 +1,13 @@
-import{FunctionComponent,ReactNode}from'react';import{Address as AddressType}from'@commercelayer/sdk';import{AddressCardsTemplateChildren}from'./utils/AddressCardsTemplate';declare type Props={children:ReactNode|AddressCardsTemplateChildren;selectedClassName?:string;disabledClassName?:string;onSelect?:(address:AddressType)=>void;addresses?:AddressType[];deselect?:boolean;}&JSX.IntrinsicElements['div'];declare const Address:FunctionComponent<Props>;export default Address;
+import { FunctionComponent, ReactNode } from 'react';
+import { Address as AddressType } from '@commercelayer/sdk';
+import { AddressCardsTemplateChildren } from './utils/AddressCardsTemplate';
+declare type Props = {
+    children: ReactNode | AddressCardsTemplateChildren;
+    selectedClassName?: string;
+    disabledClassName?: string;
+    onSelect?: (address: AddressType) => void;
+    addresses?: AddressType[];
+    deselect?: boolean;
+} & JSX.IntrinsicElements['div'];
+declare const Address: FunctionComponent<Props>;
+export default Address;

package/lib/components/AddressCountrySelector.d.ts

@@ -1 +1,9 @@
-import{FunctionComponent}from'react';import{AddressCountrySelectName,BaseSelectComponentProps}from'../typings/index';declare type AddressCountrySelectorProps=Omit<BaseSelectComponentProps,'options'|'name'>&{name:AddressCountrySelectName;required?:boolean;disabled?:boolean;}&Pick<JSX.IntrinsicElements['select'],'className'|'id'|'style'>;declare const AddressCountrySelector:FunctionComponent<AddressCountrySelectorProps>;export default AddressCountrySelector;
+import { FunctionComponent } from 'react';
+import { AddressCountrySelectName, BaseSelectComponentProps } from '../typings/index';
+declare type AddressCountrySelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    name: AddressCountrySelectName;
+    required?: boolean;
+    disabled?: boolean;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const AddressCountrySelector: FunctionComponent<AddressCountrySelectorProps>;
+export default AddressCountrySelector;

package/lib/components/AddressField.d.ts

@@ -1 +1,15 @@
-import{FunctionComponent,ReactNode}from'react';import{AddressFieldView}from'../reducers/AddressReducer';import{Address}from'@commercelayer/sdk';declare type AddressFieldChildrenProps=Omit<AddressFieldProps,'children'|'name'>&{address:Address;};declare type AddressFieldProps=({children?:(props:AddressFieldChildrenProps)=>ReactNode;name:AddressFieldView;}|{children:(props:AddressFieldChildrenProps)=>ReactNode;name?:AddressFieldView;})&JSX.IntrinsicElements['p'];declare const AddressField:FunctionComponent<AddressFieldProps>;export default AddressField;
+import { FunctionComponent, ReactNode } from 'react';
+import { AddressFieldView } from '../reducers/AddressReducer';
+import { Address } from '@commercelayer/sdk';
+declare type AddressFieldChildrenProps = Omit<AddressFieldProps, 'children' | 'name'> & {
+    address: Address;
+};
+declare type AddressFieldProps = ({
+    children?: (props: AddressFieldChildrenProps) => ReactNode;
+    name: AddressFieldView;
+} | {
+    children: (props: AddressFieldChildrenProps) => ReactNode;
+    name?: AddressFieldView;
+}) & JSX.IntrinsicElements['p'];
+declare const AddressField: FunctionComponent<AddressFieldProps>;
+export default AddressField;

package/lib/components/AddressInput.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent}from'react';import{BaseInputComponentProps,AddressInputName}from'../typings/index';export declare type AddressInputProps={name:AddressInputName;}&Omit<BaseInputComponentProps,'name'>&JSX.IntrinsicElements['input']&JSX.IntrinsicElements['textarea'];declare const AddressInput:FunctionComponent<AddressInputProps>;export default AddressInput;
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps, AddressInputName } from '../typings/index';
+export declare type AddressInputProps = {
+    name: AddressInputName;
+} & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const AddressInput: FunctionComponent<AddressInputProps>;
+export default AddressInput;

package/lib/components/AddressStateSelector.d.ts

@@ -1 +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;
+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/lib/components/AddressesContainer.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';export declare type AddressesContainerProps={children:ReactNode;shipToDifferentAddress?:boolean;isBusiness?:boolean;};declare const AddressesContainer:FunctionComponent<AddressesContainerProps>;export default AddressesContainer;
+import { FunctionComponent, ReactNode } from 'react';
+export declare type AddressesContainerProps = {
+    children: ReactNode;
+    shipToDifferentAddress?: boolean;
+    isBusiness?: boolean;
+};
+declare const AddressesContainer: FunctionComponent<AddressesContainerProps>;
+export default AddressesContainer;

package/lib/components/AdjustmentAmount.d.ts

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

package/lib/components/AdyenPayment.d.ts

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

package/lib/components/AvailabilityContainer.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent,ReactNode}from'react';declare type AvailabilityContainerProps={children:ReactNode;skuCode?:string;};declare const AvailabilityContainer:FunctionComponent<AvailabilityContainerProps>;export default AvailabilityContainer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type AvailabilityContainerProps = {
+    children: ReactNode;
+    skuCode?: string;
+};
+declare const AvailabilityContainer: FunctionComponent<AvailabilityContainerProps>;
+export default AvailabilityContainer;

package/lib/components/AvailabilityTemplate.d.ts

@@ -1 +1,15 @@
-import{FunctionComponent}from'react';import{TimeFormat,FunctionChildren}from'../typings/index';import{DeliveryLeadTime}from'../reducers/AvailabilityReducer';declare type AvailabilityTemplateChildrenProps=FunctionChildren<Omit<AvailabilityTemplateProps,'children'>&DeliveryLeadTime&{text:string;quantity:number;}>;declare type AvailabilityTemplateProps={children?:AvailabilityTemplateChildrenProps;timeFormat?:TimeFormat;showShippingMethodName?:boolean;showShippingMethodPrice?:boolean;}&JSX.IntrinsicElements['p'];declare const AvailabilityTemplate:FunctionComponent<AvailabilityTemplateProps>;export default AvailabilityTemplate;
+import { FunctionComponent } from 'react';
+import { TimeFormat, FunctionChildren } from '../typings/index';
+import { DeliveryLeadTime } from '../reducers/AvailabilityReducer';
+declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<AvailabilityTemplateProps, 'children'> & DeliveryLeadTime & {
+    text: string;
+    quantity: number;
+}>;
+declare type AvailabilityTemplateProps = {
+    children?: AvailabilityTemplateChildrenProps;
+    timeFormat?: TimeFormat;
+    showShippingMethodName?: boolean;
+    showShippingMethodPrice?: boolean;
+} & JSX.IntrinsicElements['p'];
+declare const AvailabilityTemplate: FunctionComponent<AvailabilityTemplateProps>;
+export default AvailabilityTemplate;

package/lib/components/BillingAddressContainer.d.ts

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

package/lib/components/BillingAddressForm.d.ts

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

package/lib/components/BraintreePayment.d.ts

@@ -1 +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>;};};declare type BraintreePaymentProps={authorization:string;config?:BraintreeConfig;templateCustomerSaveToWallet?:PaymentSourceProps['templateCustomerSaveToWallet'];locale?:string;};declare const BraintreePayment:FunctionComponent<BraintreePaymentProps>;export default BraintreePayment;
+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>;
+    };
+};
+declare type BraintreePaymentProps = {
+    authorization: string;
+    config?: BraintreeConfig;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+    locale?: string;
+};
+declare const BraintreePayment: FunctionComponent<BraintreePaymentProps>;
+export default BraintreePayment;

package/lib/components/CheckoutComPayment.d.ts

@@ -1 +1,23 @@
-import{FunctionComponent}from'react';import{PaymentMethodConfig}from'../reducers/PaymentMethodReducer';import{PaymentSourceProps}from'./PaymentSource';import{FramesStyle}from'frames-react';export declare type CheckoutComConfig={containerClassName?:string;hintLabel?:string;name?:string;success_url?:string;failure_url?:string;options?:{style:FramesStyle;};[key:string]:unknown;};declare type CheckoutComPaymentProps=PaymentMethodConfig['checkoutComPayment']&JSX.IntrinsicElements['div']&{show?:boolean;publicKey:string;locale?:string;templateCustomerSaveToWallet?:PaymentSourceProps['templateCustomerSaveToWallet'];};declare const CheckoutComPayment:FunctionComponent<CheckoutComPaymentProps>;export default CheckoutComPayment;
+import { FunctionComponent } from 'react';
+import { PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+import { PaymentSourceProps } from './PaymentSource';
+import { FramesStyle } from 'frames-react';
+export declare type CheckoutComConfig = {
+    containerClassName?: string;
+    hintLabel?: string;
+    name?: string;
+    success_url?: string;
+    failure_url?: string;
+    options?: {
+        style: FramesStyle;
+    };
+    [key: string]: unknown;
+};
+declare type CheckoutComPaymentProps = PaymentMethodConfig['checkoutComPayment'] & JSX.IntrinsicElements['div'] & {
+    show?: boolean;
+    publicKey: string;
+    locale?: string;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+};
+declare const CheckoutComPayment: FunctionComponent<CheckoutComPaymentProps>;
+export default CheckoutComPayment;

package/lib/components/CheckoutLink.d.ts

@@ -1 +1,13 @@
-import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';declare type CheckoutLinkChildrenProps=FunctionChildren<Omit<CheckoutLinkProps,'children'>&{checkoutUrl:string;href:string;}>;declare type CheckoutLinkProps={children?:CheckoutLinkChildrenProps;label?:string;hostedCheckout?:boolean;}&JSX.IntrinsicElements['a'];declare const CheckoutLink:FunctionComponent<CheckoutLinkProps>;export default CheckoutLink;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CheckoutLinkChildrenProps = FunctionChildren<Omit<CheckoutLinkProps, 'children'> & {
+    checkoutUrl: string;
+    href: string;
+}>;
+declare type CheckoutLinkProps = {
+    children?: CheckoutLinkChildrenProps;
+    label?: string;
+    hostedCheckout?: boolean;
+} & JSX.IntrinsicElements['a'];
+declare const CheckoutLink: FunctionComponent<CheckoutLinkProps>;
+export default CheckoutLink;

package/lib/components/CommerceLayer.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';declare type CommerceLayerProps={children:ReactNode;accessToken:string;endpoint:string;};declare const CommerceLayer:FunctionComponent<CommerceLayerProps>;export default CommerceLayer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type CommerceLayerProps = {
+    children: ReactNode;
+    accessToken: string;
+    endpoint: string;
+};
+declare const CommerceLayer: FunctionComponent<CommerceLayerProps>;
+export default CommerceLayer;

package/lib/components/CustomerContainer.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent,ReactNode}from'react';export declare type CustomerContainer={children:ReactNode;isGuest?:boolean;};declare const CustomerContainer:FunctionComponent<CustomerContainer>;export default CustomerContainer;
+import { FunctionComponent, ReactNode } from 'react';
+export declare type CustomerContainer = {
+    children: ReactNode;
+    isGuest?: boolean;
+};
+declare const CustomerContainer: FunctionComponent<CustomerContainer>;
+export default CustomerContainer;

package/lib/components/CustomerInput.d.ts

@@ -1 +1,11 @@
-import{FunctionComponent}from'react';import{BaseInputComponentProps}from'../typings/index';declare type CustomerInputProps={name?:'customer_email'|string;type?:'email'|string;saveOnBlur?:boolean;onBlur?:(email:string)=>void;errorClassName?:string;}&Omit<BaseInputComponentProps,'name'|'type'|'onBlur'>&JSX.IntrinsicElements['input']&JSX.IntrinsicElements['textarea'];declare const CustomerInput:FunctionComponent<CustomerInputProps>;export default CustomerInput;
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+declare type CustomerInputProps = {
+    name?: 'customer_email' | string;
+    type?: 'email' | string;
+    saveOnBlur?: boolean;
+    onBlur?: (email: string) => void;
+    errorClassName?: string;
+} & Omit<BaseInputComponentProps, 'name' | 'type' | 'onBlur'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const CustomerInput: FunctionComponent<CustomerInputProps>;
+export default CustomerInput;

package/lib/components/DeliveryLeadTime.d.ts

@@ -1 +1,10 @@
-import{FunctionComponent,ReactNode}from'react';export declare type DeliveryLeadTimeField='min_hours'|'max_hours'|'min_days'|'max_days';export declare type DeliveryLeadTimeComponentChildren=Omit<ShippingMethodPriceProps,'children'>;export interface ShippingMethodPriceProps extends Partial<JSX.IntrinsicElements['span']>{children?:(props:DeliveryLeadTimeComponentChildren)=>ReactNode;type:DeliveryLeadTimeField;text?:string;}declare const DeliveryLeadTime:FunctionComponent<ShippingMethodPriceProps>;export default DeliveryLeadTime;
+import { FunctionComponent, ReactNode } from 'react';
+export declare type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
+export declare type DeliveryLeadTimeComponentChildren = Omit<ShippingMethodPriceProps, 'children'>;
+export interface ShippingMethodPriceProps extends Partial<JSX.IntrinsicElements['span']> {
+    children?: (props: DeliveryLeadTimeComponentChildren) => ReactNode;
+    type: DeliveryLeadTimeField;
+    text?: string;
+}
+declare const DeliveryLeadTime: FunctionComponent<ShippingMethodPriceProps>;
+export default DeliveryLeadTime;

package/lib/components/DiscountAmount.d.ts

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

package/lib/components/Errors.d.ts

@@ -1 +1,5 @@
-import React from'react';import{ErrorComponentProps}from'../typings/errors';export declare type ErrorsProps=ErrorComponentProps&JSX.IntrinsicElements['span'];declare const Errors:React.FunctionComponent<ErrorsProps>;export default Errors;
+import React from 'react';
+import { ErrorComponentProps } from '../typings/errors';
+export declare type ErrorsProps = ErrorComponentProps & JSX.IntrinsicElements['span'];
+declare const Errors: React.FunctionComponent<ErrorsProps>;
+export default Errors;

package/lib/components/ExternalFunction.d.ts

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

package/lib/components/GiftCard.d.ts

@@ -1 +1,8 @@
-import{FunctionComponent,ReactNode}from'react';import{BaseState}from'../typings/index';declare type GiftCardProps={children:ReactNode;onSubmit?:(values:BaseState)=>void;}&JSX.IntrinsicElements['form'];declare const GiftCard:FunctionComponent<GiftCardProps>;export default GiftCard;
+import { FunctionComponent, ReactNode } from 'react';
+import { BaseState } from '../typings/index';
+declare type GiftCardProps = {
+    children: ReactNode;
+    onSubmit?: (values: BaseState) => void;
+} & JSX.IntrinsicElements['form'];
+declare const GiftCard: FunctionComponent<GiftCardProps>;
+export default GiftCard;

package/lib/components/GiftCardAmount.d.ts

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

package/lib/components/GiftCardContainer.d.ts

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

package/lib/components/GiftCardCurrencySelector.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent}from'react';import{BaseSelectComponentProps}from'../typings/index';declare type GiftCardCurrencySelectorProps=Omit<BaseSelectComponentProps,'options'|'name'>&{required?:boolean;}&Pick<JSX.IntrinsicElements['select'],'className'|'id'|'style'>;declare const GiftCardCurrencySelector:FunctionComponent<GiftCardCurrencySelectorProps>;export default GiftCardCurrencySelector;
+import { FunctionComponent } from 'react';
+import { BaseSelectComponentProps } from '../typings/index';
+declare type GiftCardCurrencySelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    required?: boolean;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const GiftCardCurrencySelector: FunctionComponent<GiftCardCurrencySelectorProps>;
+export default GiftCardCurrencySelector;

package/lib/components/GiftCardInput.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent}from'react';import{BaseInputComponentProps,GiftCardInputName}from'../typings/index';export declare type GiftCardInputProps={name:GiftCardInputName;}&Omit<BaseInputComponentProps,'name'>&JSX.IntrinsicElements['input']&JSX.IntrinsicElements['textarea'];declare const GiftCardInput:FunctionComponent<GiftCardInputProps>;export default GiftCardInput;
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps, GiftCardInputName } from '../typings/index';
+export declare type GiftCardInputProps = {
+    name: GiftCardInputName;
+} & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const GiftCardInput: FunctionComponent<GiftCardInputProps>;
+export default GiftCardInput;

package/lib/components/GiftCardOrCouponCode.d.ts

@@ -1 +1,17 @@
-import{FunctionComponent}from'react';import{FunctionChildren}from'../typings/index';import{CodeType}from'../reducers/OrderReducer';declare type GiftCardOrCouponCodeChildrenProps=FunctionChildren<Omit<GiftCardOrCouponCodeProps,'children'>&{code?:string;hide?:boolean;}>;declare type GiftCardOrCouponCodeProps={type?:CodeType;children?:GiftCardOrCouponCodeChildrenProps;}&JSX.IntrinsicElements['span'];declare const GiftCardOrCouponCode:FunctionComponent<GiftCardOrCouponCodeProps>;export default GiftCardOrCouponCode;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { CodeType } from '../reducers/OrderReducer';
+declare type ChildrenProps = Omit<GiftCardOrCouponCodeProps, 'children'> & {
+    code?: string;
+    hide?: boolean;
+    discountAmountCents?: string;
+    discountAmountFloat?: string;
+    formattedDiscountAmount?: string;
+};
+declare type GiftCardOrCouponCodeChildrenProps = FunctionChildren<ChildrenProps>;
+declare type GiftCardOrCouponCodeProps = {
+    type?: CodeType;
+    children?: GiftCardOrCouponCodeChildrenProps;
+} & JSX.IntrinsicElements['span'];
+declare const GiftCardOrCouponCode: FunctionComponent<GiftCardOrCouponCodeProps>;
+export default GiftCardOrCouponCode;

package/lib/components/GiftCardOrCouponCode.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponCode.propTypes,displayName=components.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=__rest(_a,["children","type"]);const{order}=useContext(OrderContext);let codeType=type&&`${type}_code`;!type&&order&&has(order,"coupon_code")&&!isEmpty(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),parentProps=Object.assign(Object.assign({},props),{code,hide});return children?_jsx(Parent,Object.assign({},parentProps,{children})):hide?null:_jsx("span",Object.assign({},props,{children:code}))};GiftCardOrCouponCode.propTypes=propTypes,GiftCardOrCouponCode.displayName=displayName;export default GiftCardOrCouponCode;
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import has from"lodash/has";import isEmpty from"lodash/isEmpty";const propTypes=components.GiftCardOrCouponCode.propTypes,displayName=components.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=__rest(_a,["children","type"]);const{order}=useContext(OrderContext);let codeType=type&&`${type}_code`;!type&&order&&has(order,"coupon_code")&&!isEmpty(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),parentProps=Object.assign(Object.assign({},props),{code,hide,discountAmountCents:order==null?void 0:order.discount_amount_cents,discountAmountFloat:order==null?void 0:order.discount_amount_float,formattedDiscountAmount:order==null?void 0:order.formatted_discount_amount});return children?_jsx(Parent,Object.assign({},parentProps,{children})):hide?null:_jsx("span",Object.assign({},props,{children:code}))};GiftCardOrCouponCode.propTypes=propTypes,GiftCardOrCouponCode.displayName=displayName;export default GiftCardOrCouponCode;

package/lib/components/GiftCardOrCouponForm.d.ts

@@ -1 +1,10 @@
-import{FunctionComponent,ReactNode}from'react';declare type GiftCardOrCouponFormProps={children:ReactNode;onSubmit?:(response:{success:boolean;value:string;})=>void;}&Omit<JSX.IntrinsicElements['form'],'onSubmit'>;declare const GiftCardOrCouponForm:FunctionComponent<GiftCardOrCouponFormProps>;export default GiftCardOrCouponForm;
+import { FunctionComponent, ReactNode } from 'react';
+declare type GiftCardOrCouponFormProps = {
+    children: ReactNode;
+    onSubmit?: (response: {
+        success: boolean;
+        value: string;
+    }) => void;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+declare const GiftCardOrCouponForm: FunctionComponent<GiftCardOrCouponFormProps>;
+export default GiftCardOrCouponForm;

package/lib/components/GiftCardOrCouponInput.d.ts

@@ -1 +1,10 @@
-import React from'react';import{BaseInputComponentProps}from'../typings/index';import{OrderCodeType}from'../reducers/OrderReducer';export declare type GiftCardOrCouponInputProps={name?:'gift_card_or_coupon_code';type?:'text';placeholderTranslation?:(codeType:OrderCodeType)=>string;}&Omit<BaseInputComponentProps,'name'|'type'>&JSX.IntrinsicElements['input']&JSX.IntrinsicElements['textarea'];declare const GiftCardOrCouponInput:React.FunctionComponent<GiftCardOrCouponInputProps>;export default GiftCardOrCouponInput;
+import React from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+import { OrderCodeType } from '../reducers/OrderReducer';
+export declare type GiftCardOrCouponInputProps = {
+    name?: 'gift_card_or_coupon_code';
+    type?: 'text';
+    placeholderTranslation?: (codeType: OrderCodeType) => string;
+} & Omit<BaseInputComponentProps, 'name' | 'type'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const GiftCardOrCouponInput: React.FunctionComponent<GiftCardOrCouponInputProps>;
+export default GiftCardOrCouponInput;

package/lib/components/GiftCardOrCouponRemoveButton.d.ts

@@ -1 +1,18 @@
-import{FunctionComponent,ReactNode}from'react';import{FunctionChildren}from'../typings/index';import{CodeType,OrderCodeType}from'../reducers/OrderReducer';declare type GiftCardOrCouponRemoveButtonChildrenProps=FunctionChildren<Omit<GiftCardOrCouponRemoveButtonProps,'children'>&{codeType?:OrderCodeType;hide?:boolean;handleClick?:()=>void;}>;declare type GiftCardOrCouponRemoveButtonProps={type?:CodeType;children?:GiftCardOrCouponRemoveButtonChildrenProps;label?:string|ReactNode;onClick?:(response:{success:boolean;})=>void;}&Omit<JSX.IntrinsicElements['button'],'type'>;declare const GiftCardOrCouponRemoveButton:FunctionComponent<GiftCardOrCouponRemoveButtonProps>;export default GiftCardOrCouponRemoveButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { CodeType, OrderCodeType } from '../reducers/OrderReducer';
+declare type GiftCardOrCouponRemoveButtonChildrenProps = FunctionChildren<Omit<GiftCardOrCouponRemoveButtonProps, 'children'> & {
+    codeType?: OrderCodeType;
+    hide?: boolean;
+    handleClick?: () => void;
+}>;
+declare type GiftCardOrCouponRemoveButtonProps = {
+    type?: CodeType;
+    children?: GiftCardOrCouponRemoveButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: (response: {
+        success: boolean;
+    }) => void;
+} & Omit<JSX.IntrinsicElements['button'], 'type'>;
+declare const GiftCardOrCouponRemoveButton: FunctionComponent<GiftCardOrCouponRemoveButtonProps>;
+export default GiftCardOrCouponRemoveButton;

package/lib/components/GiftCardOrCouponSubmit.d.ts

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

package/lib/components/ItemContainer.d.ts

@@ -1 +1,11 @@
-import React,{ReactNode}from'react';declare type ItemContainerProps={children:ReactNode;skuCode?:string|null;lineItem?:{name:string;imageUrl?:string|null;}|null;};declare const ItemContainer:React.FunctionComponent<ItemContainerProps>;export default ItemContainer;
+import React, { ReactNode } from 'react';
+declare type ItemContainerProps = {
+    children: ReactNode;
+    skuCode?: string | null;
+    lineItem?: {
+        name: string;
+        imageUrl?: string | null;
+    } | null;
+};
+declare const ItemContainer: React.FunctionComponent<ItemContainerProps>;
+export default ItemContainer;

package/lib/components/KlarnaPayment.d.ts

@@ -1,2 +1,10 @@
 /// <reference types="react" />
-import{PaymentMethodConfig}from'../reducers/PaymentMethodReducer';import{PaymentSourceProps}from'./PaymentSource';declare type KlarnaPaymentProps=PaymentMethodConfig['klarnaPayment']&JSX.IntrinsicElements['div']&Partial<PaymentSourceProps['templateCustomerSaveToWallet']>&{show?:boolean;clientToken:string;locale?:string;};export default function KlarnaPayment({clientToken,placeOrderCallback,locale,...p}:KlarnaPaymentProps):JSX.Element;export{};
+import { PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+import { PaymentSourceProps } from './PaymentSource';
+declare type KlarnaPaymentProps = PaymentMethodConfig['klarnaPayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+    show?: boolean;
+    clientToken: string;
+    locale?: string;
+};
+export default function KlarnaPayment({ clientToken, placeOrderCallback, locale, ...p }: KlarnaPaymentProps): JSX.Element;
+export {};

package/lib/components/LineItem.d.ts

@@ -1 +1,8 @@
-import{ReactNode,FunctionComponent}from'react';import{LineItemType}from'../typings/index';declare type LineItemProps={children:ReactNode;type?:LineItemType;};declare const LineItem:FunctionComponent<LineItemProps>;export default LineItem;
+import { ReactNode, FunctionComponent } from 'react';
+import { LineItemType } from '../typings/index';
+declare type LineItemProps = {
+    children: ReactNode;
+    type?: LineItemType;
+};
+declare const LineItem: FunctionComponent<LineItemProps>;
+export default LineItem;

package/lib/components/LineItem.js

@@ -1 +1 @@
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useContext}from"react";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";const propTypes=components.LineItem.propTypes,displayName=components.LineItem.displayName,LineItem=props=>{const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),items=shipmentLineItems&&(shipmentLineItems==null?void 0:shipmentLineItems.length)>0?shipmentLineItems:lineItems,components2=items&&items.filter(l=>l.item_type===type&&(l==null?void 0:l.total_amount_cents)&&l.total_amount_cents>=0).map((lineItem,k,check)=>{if(lineItem.item_type==="bundles"&&k>0&&check[k-1].bundle_code===lineItem.bundle_code)return null;const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,Object.assign({value:lineProps},{children}),k)});return _jsx(_Fragment,{children:components2})};LineItem.propTypes=propTypes,LineItem.displayName=displayName;export default LineItem;
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useContext}from"react";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";const propTypes=components.LineItem.propTypes,displayName=components.LineItem.displayName,LineItem=props=>{const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),items=shipmentLineItems&&(shipmentLineItems==null?void 0:shipmentLineItems.length)>0?shipmentLineItems:lineItems,components2=items&&items.filter(l=>l.item_type===type).map((lineItem,k,check)=>{if(lineItem.item_type==="bundles"&&k>0&&check[k-1].bundle_code===lineItem.bundle_code||lineItem.item_type==="gift_cards"&&(lineItem==null?void 0:lineItem.total_amount_cents)&&(lineItem==null?void 0:lineItem.total_amount_cents)<=0)return null;const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,Object.assign({value:lineProps},{children}),k)});return _jsx(_Fragment,{children:components2})};LineItem.propTypes=propTypes,LineItem.displayName=displayName;export default LineItem;

package/lib/components/LineItemAmount.d.ts

@@ -1 +1,7 @@
-import{FunctionComponent}from'react';import{BaseAmountComponent,BasePriceType}from'../typings/index';export declare type LineItemAmountProps=BaseAmountComponent&{type?:BasePriceType;};declare const LineItemAmount:FunctionComponent<LineItemAmountProps>;export default LineItemAmount;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent, BasePriceType } from '../typings/index';
+export declare type LineItemAmountProps = BaseAmountComponent & {
+    type?: BasePriceType;
+};
+declare const LineItemAmount: FunctionComponent<LineItemAmountProps>;
+export default LineItemAmount;

package/lib/components/LineItemCode.d.ts

@@ -1 +1,12 @@
-import{FunctionComponent,ReactNode}from'react';import{LineItem}from'@commercelayer/sdk';export declare type LineItemCodeType=Omit<LineItemNameProps,'children'>&{lineItem:LineItem;skuCode:string;};declare type LineItemNameProps={children?:(props:LineItemCodeType)=>ReactNode;type?:'sku_code'|'bundle_code';}&JSX.IntrinsicElements['p'];declare const LineItemCode:FunctionComponent<LineItemNameProps>;export default LineItemCode;
+import { FunctionComponent, ReactNode } from 'react';
+import { LineItem } from '@commercelayer/sdk';
+export declare type LineItemCodeType = Omit<LineItemNameProps, 'children'> & {
+    lineItem: LineItem;
+    skuCode: string;
+};
+declare type LineItemNameProps = {
+    children?: (props: LineItemCodeType) => ReactNode;
+    type?: 'sku_code' | 'bundle_code';
+} & JSX.IntrinsicElements['p'];
+declare const LineItemCode: FunctionComponent<LineItemNameProps>;
+export default LineItemCode;

package/lib/components/LineItemImage.d.ts

@@ -1 +1,16 @@
-import{FunctionComponent,ReactNode}from'react';import{LineItem}from'@commercelayer/sdk';import{LineItemType}from'../typings/index';export declare type LineItemImageType=Omit<LineItemImageProps,'children'>&{src:string;lineItem:LineItem;};declare type LineItemImageProps={children?:(props:LineItemImageType)=>ReactNode;width?:number;placeholder?:{[K in LineItemType]?:string;};}&Omit<JSX.IntrinsicElements['img'],'src'|'srcSet'|'placeholder'>;declare const LineItemImage:FunctionComponent<LineItemImageProps>;export default LineItemImage;
+import { FunctionComponent, ReactNode } from 'react';
+import { LineItem } from '@commercelayer/sdk';
+import { LineItemType } from '../typings/index';
+export declare type LineItemImageType = Omit<LineItemImageProps, 'children'> & {
+    src: string;
+    lineItem: LineItem;
+};
+declare type LineItemImageProps = {
+    children?: (props: LineItemImageType) => ReactNode;
+    width?: number;
+    placeholder?: {
+        [K in LineItemType]?: string;
+    };
+} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet' | 'placeholder'>;
+declare const LineItemImage: FunctionComponent<LineItemImageProps>;
+export default LineItemImage;

package/lib/components/LineItemImage.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";const defaultImgUrl="https://data.commercelayer.app/assets/images/placeholders/img_placeholder.svg",defaultGiftCardImgUrl="https://data.commercelayer.app/assets/images/placeholders/gift_placeholder.svg",propTypes=components.LineItemImage.propTypes,displayName=components.LineItemImage.displayName,LineItemImage=props=>{const{placeholder,children}=props,p=__rest(props,["placeholder","children"]),{lineItem}=useContext(LineItemChildrenContext),itemType=lineItem==null?void 0:lineItem.item_type;let src=lineItem==null?void 0:lineItem.image_url;src||((placeholder==null?void 0:placeholder[itemType])?src=placeholder==null?void 0:placeholder[itemType]:src=itemType==="gift_cards"?defaultGiftCardImgUrl:defaultImgUrl);const parenProps=Object.assign({lineItem,src,placeholder},p);return children?_jsx(Parent,Object.assign({},parenProps,{children})):src?_jsx("img",Object.assign({alt:"",src},p)):null};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName;export default LineItemImage;
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import{defaultGiftCardImgUrl,defaultImgUrl}from"../utils/placeholderImages";const propTypes=components.LineItemImage.propTypes,displayName=components.LineItemImage.displayName,LineItemImage=props=>{const{placeholder,children}=props,p=__rest(props,["placeholder","children"]),{lineItem}=useContext(LineItemChildrenContext),itemType=lineItem==null?void 0:lineItem.item_type;let src=lineItem==null?void 0:lineItem.image_url;src||((placeholder==null?void 0:placeholder[itemType])?src=placeholder==null?void 0:placeholder[itemType]:src=itemType==="gift_cards"?defaultGiftCardImgUrl:defaultImgUrl);const parenProps=Object.assign({lineItem,src,placeholder},p);return children?_jsx(Parent,Object.assign({},parenProps,{children})):src?_jsx("img",Object.assign({alt:"",src},p)):null};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName;export default LineItemImage;