@commercelayer/react-components 4.1.0-beta.1 → 4.1.0-beta.3

package/lib/cjs/components/payment_gateways/WireTransferGateway.d.ts

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

package/lib/cjs/components/payment_methods/PaymentMethod.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { LoaderType } from '../../typings/index';
 import { PaymentMethod as PaymentMethodType } from '@commercelayer/sdk';
 import { PaymentResource } from '../../reducers/PaymentMethodReducer';
-declare type Props = {
+type Props = {
     /**
      * Hide payment methods by an array of strings
      */

package/lib/cjs/components/payment_methods/PaymentMethodRadioButton.d.ts

@@ -5,7 +5,7 @@ interface ChildrenProps extends Omit<Props, 'children'> {
     checked: boolean;
     handleOnChange: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;
 }
-declare type Props = {
+type Props = {
     children?: ChildrenFunction<ChildrenProps>;
     onChange?: (payment?: PaymentMethod | Record<string, any>) => void;
 } & JSX.IntrinsicElements['input'];

package/lib/cjs/components/payment_methods/PaymentMethodsContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentMethodsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentMethodContext_1=tslib_1.__importStar(require("../../context/PaymentMethodContext")),react_1=require("react"),PaymentMethodReducer_1=tslib_1.__importStar(require("../../reducers/PaymentMethodReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),lodash_1=require("lodash"),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function PaymentMethodsContainer(props){const{children,config}=props,[state,dispatch]=(0,react_1.useReducer)(PaymentMethodReducer_1.default,PaymentMethodReducer_1.paymentMethodInitialState),{order,getOrder,setOrderErrors,include,addResourceToInclude,updateOrder,includeLoaded}=(0,useCustomContext_1.default)({context:OrderContext_1.default,contextComponentName:"OrderContainer",currentComponentName:"PaymentMethodsContainer",key:"order"}),credentials=(0,react_1.useContext)(CommerceLayerContext_1.default);async function getPayMethods(){order&&await(0,PaymentMethodReducer_1.getPaymentMethods)({order,dispatch})}(0,react_1.useEffect)(()=>{include?.includes("available_payment_methods")?includeLoaded?.available_payment_methods||addResourceToInclude({newResourceLoaded:{available_payment_methods:!0,payment_source:!0,payment_method:!0,"line_items.line_item_options.sku_option":!0,"line_items.item":!0}}):addResourceToInclude({newResource:["available_payment_methods","payment_source","payment_method","line_items.line_item_options.sku_option","line_items.item"]}),config&&(0,lodash_1.isEmpty)(state.config)&&(0,PaymentMethodReducer_1.setPaymentMethodConfig)(config,dispatch),credentials&&order&&!state.paymentMethods&&getPayMethods(),order?.payment_source&&dispatch({type:"setPaymentSource",payload:{paymentSource:order?.payment_source}}),order?.payment_source===null&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},[order,credentials,include,includeLoaded]);const contextValue=(0,react_1.useMemo)(()=>({...state,setLoading:({loading})=>PaymentMethodContext_1.defaultPaymentMethodContext.setLoading({loading,dispatch}),setPaymentRef:({ref})=>(0,PaymentMethodReducer_1.setPaymentRef)({ref,dispatch}),setPaymentMethodErrors:errors=>PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentMethodErrors(errors,dispatch),setPaymentMethod:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentMethod({...args,config:credentials,updateOrder,order,dispatch,setOrderErrors}),setPaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentSource({...state,...args,config:credentials,dispatch,getOrder,updateOrder,order}),updatePaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.updatePaymentSource({...args,config:credentials,dispatch}),destroyPaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.destroyPaymentSource({...args,dispatch,config:credentials,updateOrder,orderId:order?.id})}),[state]);return(0,jsx_runtime_1.jsx)(PaymentMethodContext_1.default.Provider,{value:contextValue,children})}exports.PaymentMethodsContainer=PaymentMethodsContainer,exports.default=PaymentMethodsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentMethodsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentMethodContext_1=tslib_1.__importStar(require("../../context/PaymentMethodContext")),react_1=require("react"),PaymentMethodReducer_1=tslib_1.__importStar(require("../../reducers/PaymentMethodReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function PaymentMethodsContainer(props){const{children,config}=props,[state,dispatch]=(0,react_1.useReducer)(PaymentMethodReducer_1.default,PaymentMethodReducer_1.paymentMethodInitialState),{order,getOrder,setOrderErrors,include,addResourceToInclude,updateOrder,includeLoaded}=(0,useCustomContext_1.default)({context:OrderContext_1.default,contextComponentName:"OrderContainer",currentComponentName:"PaymentMethodsContainer",key:"order"}),credentials=(0,react_1.useContext)(CommerceLayerContext_1.default);async function getPayMethods(){order&&await(0,PaymentMethodReducer_1.getPaymentMethods)({order,dispatch})}(0,react_1.useEffect)(()=>{include?.includes("available_payment_methods")?includeLoaded?.available_payment_methods||addResourceToInclude({newResourceLoaded:{available_payment_methods:!0,payment_source:!0,payment_method:!0,"line_items.line_item_options.sku_option":!0,"line_items.item":!0}}):addResourceToInclude({newResource:["available_payment_methods","payment_source","payment_method","line_items.line_item_options.sku_option","line_items.item"]}),config&&(0,isEmpty_1.default)(state.config)&&(0,PaymentMethodReducer_1.setPaymentMethodConfig)(config,dispatch),credentials&&order&&!state.paymentMethods&&getPayMethods(),order?.payment_source&&dispatch({type:"setPaymentSource",payload:{paymentSource:order?.payment_source}}),order?.payment_source===null&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},[order,credentials,include,includeLoaded]);const contextValue=(0,react_1.useMemo)(()=>({...state,setLoading:({loading})=>PaymentMethodContext_1.defaultPaymentMethodContext.setLoading({loading,dispatch}),setPaymentRef:({ref})=>(0,PaymentMethodReducer_1.setPaymentRef)({ref,dispatch}),setPaymentMethodErrors:errors=>PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentMethodErrors(errors,dispatch),setPaymentMethod:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentMethod({...args,config:credentials,updateOrder,order,dispatch,setOrderErrors}),setPaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.setPaymentSource({...state,...args,config:credentials,dispatch,getOrder,updateOrder,order}),updatePaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.updatePaymentSource({...args,config:credentials,dispatch}),destroyPaymentSource:async args=>await PaymentMethodContext_1.defaultPaymentMethodContext.destroyPaymentSource({...args,dispatch,config:credentials,updateOrder,orderId:order?.id})}),[state]);return(0,jsx_runtime_1.jsx)(PaymentMethodContext_1.default.Provider,{value:contextValue,children})}exports.PaymentMethodsContainer=PaymentMethodsContainer,exports.default=PaymentMethodsContainer;

package/lib/cjs/components/payment_source/AdyenPayment.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties } from 'react';
 import { PaymentSourceProps } from './PaymentSource';
-declare type Styles = Partial<{
+type Styles = Partial<{
     base: CSSProperties;
     error: CSSProperties;
     placeholder: CSSProperties;
     validated: CSSProperties;
 }>;
-declare type PaypalStyle = Partial<{
+type PaypalStyle = Partial<{
     /**
      * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#color}
      */

package/lib/cjs/components/payment_source/BraintreePayment.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { HostedFieldFieldOptions } from 'braintree-web/modules/hosted-fields';
 import { PaymentSourceProps } from './PaymentSource';
-declare type BraintreeHostedFields<Type> = {
+type BraintreeHostedFields<Type> = {
     [Property in keyof Type]: {
         label?: string;
     } & Type[Property];
 };
-export declare type BraintreeConfig = {
+export type BraintreeConfig = {
     containerClassName?: string;
     cardContainerClassName?: string;
     expDateContainerClassName?: string;
@@ -20,7 +20,7 @@ export declare type BraintreeConfig = {
         [key: string]: Record<string, string>;
     };
 };
-declare type Props = {
+type Props = {
     authorization: string;
     config?: BraintreeConfig;
     templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];

package/lib/cjs/components/payment_source/CheckoutComPayment.d.ts

@@ -2,7 +2,7 @@
 import { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { PaymentSourceProps } from './PaymentSource';
 import { FramesStyle } from 'frames-react';
-export declare type CheckoutComConfig = {
+export type CheckoutComConfig = {
     containerClassName?: string;
     hintLabel?: string;
     name?: string;
@@ -13,7 +13,7 @@ export declare type CheckoutComConfig = {
     };
     [key: string]: unknown;
 };
-declare type Props = PaymentMethodConfig['checkoutComPayment'] & JSX.IntrinsicElements['div'] & {
+type Props = PaymentMethodConfig['checkoutComPayment'] & JSX.IntrinsicElements['div'] & {
     show?: boolean;
     publicKey: string;
     locale?: string;

package/lib/cjs/components/payment_source/KlarnaPayment.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { PaymentSourceProps } from './PaymentSource';
-declare type KlarnaPaymentProps = PaymentMethodConfig['klarnaPayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+type KlarnaPaymentProps = PaymentMethodConfig['klarnaPayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
     show?: boolean;
     clientToken: string;
     locale?: string;

package/lib/cjs/components/payment_source/PaymentSourceDetail.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ChildrenFunction } from '../../typings/index';
-export declare type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
+export type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
 interface ChildrenProps extends Omit<Props, 'children'> {
     text: string;
 }

package/lib/cjs/components/payment_source/PaymentSourceEditButton.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ChildrenFunction } from '../../typings/index';
 interface CustomComponent extends Omit<Props, 'children'> {
 }
-declare type Props = {
+type Props = {
     children?: ChildrenFunction<CustomComponent>;
     label?: string | ReactNode;
 } & Omit<JSX.IntrinsicElements['button'], 'onClick'>;

package/lib/cjs/components/payment_source/PaypalPayment.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type PaypalConfig = {
+export type PaypalConfig = {
     return_url: string;
     cancel_url: string;
     infoMessage?: {
@@ -7,6 +7,6 @@ export declare type PaypalConfig = {
         className?: string;
     };
 };
-declare type Props = Omit<PaypalConfig, 'return_url' | 'cancel_url'> & JSX.IntrinsicElements['div'];
+type Props = Omit<PaypalConfig, 'return_url' | 'cancel_url'> & JSX.IntrinsicElements['div'];
 export declare function PaypalPayment({ infoMessage, ...p }: Props): JSX.Element;
 export default PaypalPayment;

package/lib/cjs/components/payment_source/StripePayment.d.ts

@@ -2,14 +2,14 @@
 import { StripeCardElementOptions, StripeElementLocale } from '@stripe/stripe-js';
 import { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { PaymentSourceProps } from './PaymentSource';
-export declare type StripeConfig = {
+export type StripeConfig = {
     containerClassName?: string;
     hintLabel?: string;
     name?: string;
     options?: StripeCardElementOptions;
     [key: string]: any;
 };
-declare type Props = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+type Props = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
     show?: boolean;
     publishableKey: string;
     locale?: StripeElementLocale;

package/lib/cjs/components/payment_source/WireTransferPayment.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-export declare type WireTransferConfig = {
+export type WireTransferConfig = {
     infoMessage?: {
         text?: string | ReactNode;
         className?: string;
     };
 };
-declare type Props = WireTransferConfig & JSX.IntrinsicElements['div'] & {
+type Props = WireTransferConfig & JSX.IntrinsicElements['div'] & {
     'data-test-id'?: string;
 };
 export declare function WireTransferPayment({ infoMessage, ...p }: Props): JSX.Element;

package/lib/cjs/components/shipments/ShipmentField.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Shipment } from '@commercelayer/sdk';
-declare type ShipmentFieldChildrenProps = Omit<Props, 'children'> & {
+type ShipmentFieldChildrenProps = Omit<Props, 'children'> & {
     shipment: Shipment;
 };
-export declare type ShipmentAttribute = 'number' | 'currency_code' | 'status' | 'cost_amount_cents' | 'cost_amount_float' | 'formatted_cost_amount' | 'key_number';
+export type ShipmentAttribute = 'number' | 'currency_code' | 'status' | 'cost_amount_cents' | 'cost_amount_float' | 'formatted_cost_amount' | 'key_number';
 interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: (props: ShipmentFieldChildrenProps) => JSX.Element;
     name: ShipmentAttribute;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ShippingMethod } from '@commercelayer/sdk';
-declare type ChildrenProps = Omit<Props, 'children'> & {
+type ChildrenProps = Omit<Props, 'children'> & {
     label: string;
     shippingMethod: ShippingMethod;
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseAmountComponent } from '../../typings/index';
-declare type Props = BaseAmountComponent & {
+type Props = BaseAmountComponent & {
     labelFreeOver?: string;
 } & ({
     type?: 'amount';

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import type { ShippingMethod } from '@commercelayer/sdk';
-export declare type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
+export type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
     shippingMethod: ShippingMethod;
     shipmentId: string;
 };
-export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
-declare type Props = {
+export type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
+type Props = {
     children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
     onChange?: ShippingMethodRadioButtonOnChangeType;
 } & Omit<JSX.IntrinsicElements['input'], 'onChange'>;

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

@@ -5,7 +5,7 @@ interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, Del
     text: string;
     quantity: number;
 }
-declare type FormatRules = {
+type FormatRules = {
     /**
      * Set time format for shipping method
      */
@@ -27,7 +27,7 @@ declare type FormatRules = {
     showShippingMethodName?: boolean;
     showShippingMethodPrice: true;
 };
-declare type Props = {
+type Props = {
     children?: ChildrenFunction<AvailabilityTemplateChildrenProps>;
 } & Omit<JSX.IntrinsicElements['span'], 'children'> & FormatRules;
 export declare function AvailabilityTemplate(props: Props): JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
-export declare type DeliveryLeadTimeComponentChildren = Omit<Props, 'children'>;
-declare type Props = Partial<JSX.IntrinsicElements['span']> & {
+export type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
+export type DeliveryLeadTimeComponentChildren = Omit<Props, 'children'>;
+type Props = Partial<JSX.IntrinsicElements['span']> & {
     children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
     type: DeliveryLeadTimeField;
     text?: string;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ConditionalElement } from '../../typings/index';
 import { TGenericChildrenProps, TResources } from '../utils/GenericFieldComponent';
-declare type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
-declare type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
-declare type Props = {
+type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
+type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
+type Props = {
     children?: (props: SkuFieldChildrenProps) => JSX.Element;
 } & TCondition;
 /**

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ConditionalElement } from '../../typings/index';
 import { TGenericChildrenProps, TResources } from '../utils/GenericFieldComponent';
-declare type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
-declare type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
-declare type Props = {
+type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
+type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
+type Props = {
     children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
 } & TCondition;
 export declare function StockTransferField<P extends Props>(props: P): JSX.Element;

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

@@ -9,8 +9,8 @@ export interface CustomerAddress extends Address {
     onClick: () => void;
     handleSelect?: () => void;
 }
-export declare type AddressCardsTemplateChildren = ChildrenFunction<TAddressCards>;
-export declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
+export type AddressCardsTemplateChildren = ChildrenFunction<TAddressCards>;
+export type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
 interface Props {
     customerAddresses: CustomerAddress[];
     countryLock?: string;

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseInputComponentProps } from '../../typings/index';
-export declare type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "max" | "min" | "type" | "width" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
+export type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
+declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "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" | "height" | "max" | "min" | "type" | "width" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PropsType } from '../../utils/PropsType';
 import { baseOrderPricePropTypes } from '../../typings/index';
-export declare type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes> & Omit<JSX.IntrinsicElements['span'], 'children'>;
+export type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes> & Omit<JSX.IntrinsicElements['span'], 'children'>;
 export declare function BaseOrderPrice(props: BaseOrderPriceProps): JSX.Element;
 export default BaseOrderPrice;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseSelectComponentProps } from '../../typings/index';
-export declare type BaseSelectProps = BaseSelectComponentProps;
+export type BaseSelectProps = BaseSelectComponentProps;
 declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -26,10 +26,10 @@ export interface TResources {
         resource: 'parcelLineItem';
     };
 }
-export declare type TResourceKey = {
+export type TResourceKey = {
     [K in keyof TResources]: K;
 };
-export declare type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
+export type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
     attributeValue: E[keyof E];
 };
 interface ResourceContext {
@@ -40,7 +40,7 @@ interface ResourceContext {
     parcel: InitialParcelContext;
     parcelLineItem: InitialParcelLineItemContext;
 }
-declare type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
+type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
 interface Props<E extends TResources[keyof TResources]> {
     children?: (props: TGenericChildrenProps<E>) => JSX.Element;
     resource: E['resource'];

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

@@ -2,18 +2,18 @@
 import { PaymentResource, PaymentSourceType } from '../../reducers/PaymentMethodReducer';
 import PaymentSourceContext, { IconBrand } from '../../context/PaymentSourceContext';
 import { ChildrenFunction } from '../../typings/index';
-declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
+type ChildrenProps = Pick<Props, 'customerPayments'> & {
     PaymentSourceProvider: typeof PaymentSourceContext.Provider;
 };
-declare type CustomerPayment = PaymentSourceType & {
+type CustomerPayment = PaymentSourceType & {
     card?: {
         brand?: IconBrand;
         last4?: string;
     };
     handleClick?: () => void;
 };
-export declare type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
-export declare type CustomerCardsType = ChildrenProps;
+export type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
+export type CustomerCardsType = ChildrenProps;
 interface Props {
     customerPayments: CustomerPayment[];
     children: CustomerCardsTemplateChildren;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PriceProps } from '../prices/Price';
-export declare type PTemplateProps = {
+export type PTemplateProps = {
     formattedAmount?: string;
     formattedCompare?: string;
 } & Omit<PriceProps, 'children'>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { LineItem } from '@commercelayer/sdk';
 import { BaseError, ResourceErrorType } from '../../typings/errors';
-export declare type AllErrorsParams = {
+export type AllErrorsParams = {
     allErrors: BaseError[];
     messages: BaseError[];
     field?: string;

package/lib/cjs/context/AddressContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AddressState, SetAddress, AddressResource } from '../reducers/AddressReducer';
 import { BaseError } from '../typings/errors';
-declare type DefaultContext = {
+type DefaultContext = {
     saveAddresses: () => void;
     setCloneAddress: (id: string, resource: AddressResource) => void;
     setAddress: SetAddress;

package/lib/cjs/context/BillingAddressContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BillingAddressState } from '../reducers/BillingAddressReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     setBillingAddress?: (id: string, options?: {
         customerAddressId: string;
     }) => Promise<void>;

package/lib/cjs/context/BillingAddressFormContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Address } from '@commercelayer/sdk';
-export declare type AddressValuesKeys = `${keyof Address}` | `billing_address_${keyof Address}` | `shipping_address_${keyof Address}`;
+export type AddressValuesKeys = `${keyof Address}` | `billing_address_${keyof Address}` | `shipping_address_${keyof Address}`;
 export interface DefaultContextAddress {
     validation?: void;
     setValue?: (name: AddressValuesKeys, value: string | number | readonly string[]) => void;

package/lib/cjs/context/CouponAndGiftCardFormContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { OrderCodeType } from '../reducers/OrderReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     validation?: void;
     setValue?: (name: string, value: string) => void;
     codeType?: OrderCodeType;

package/lib/cjs/context/CustomerAddressFormContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AddressCountrySelectName, AddressInputName } from '../typings/index';
 import { AddressField } from '../reducers/AddressReducer';
-export declare type DefaultContextAddress = {
+export type DefaultContextAddress = {
     validation?: void;
     setValue?: (name: AddressField | AddressInputName | AddressCountrySelectName, value: any) => void;
     errors?: {

package/lib/cjs/context/CustomerContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SetCustomerErrors, deleteCustomerAddress, CustomerState, GetCustomerAddresses, getCustomerPaymentSources, setCustomerEmail, TCustomerAddress } from '../reducers/CustomerReducer';
-export declare type InitialCustomerContext = Partial<{
+export type InitialCustomerContext = Partial<{
     saveCustomerUser: (customerEmail: string) => Promise<void>;
     setCustomerErrors: SetCustomerErrors;
     setCustomerEmail: typeof setCustomerEmail;

package/lib/cjs/context/ExternalFunctionContext.d.ts

@@ -3,7 +3,7 @@ interface Context {
     url: string | null;
     callExternalFunction: CallExternalFunction;
 }
-declare type CallExternalFunction = (params: {
+type CallExternalFunction = (params: {
     url: string;
     data: Record<string, any>;
 }) => Promise<Record<string, any>>;

package/lib/cjs/context/LineItemChildrenContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LineItem } from '@commercelayer/sdk';
-export declare type InitialLineItemContext = Partial<{
+export type InitialLineItemContext = Partial<{
     lineItem: LineItem;
 }>;
 declare const LineItemChildrenContext: import("react").Context<Partial<{

package/lib/cjs/context/OrderListChildrenContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Order } from '@commercelayer/sdk';
 import { Row } from 'react-table';
-export declare type InitialOrderListContext = Partial<{
+export type InitialOrderListContext = Partial<{
     /**
      * The current order
      */

package/lib/cjs/context/OrderListPaginationContext.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+export interface OrderListPaginationContext {
+    canNextPage: boolean;
+    canPreviousPage: boolean;
+    gotoPage: (page: number) => void;
+    nextPage: () => void;
+    page: Row[];
+    pageCount: number;
+    pageIndex: number;
+    pageNumber: number;
+    pageOptions: number[];
+    pageSize: number;
+    previousPage: () => void;
+    setPageSize: (pageCount: number) => void;
+    totalRows: number;
+}
+declare const ctx: import("react").Context<OrderListPaginationContext | null>;
+export default ctx;

package/lib/cjs/context/OrderListPaginationContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),ctx=(0,react_1.createContext)(null);exports.default=ctx;

package/lib/cjs/context/PaymentMethodContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UpdatePaymentSource, PaymentMethodState, SetPaymentMethodErrors, SetPaymentSource, SetPaymentMethod, DestroyPaymentSource, SetPaymentRef, setLoading } from '../reducers/PaymentMethodReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     setPaymentMethodErrors: SetPaymentMethodErrors;
     setPaymentMethod: SetPaymentMethod;
     setPaymentSource: SetPaymentSource;

package/lib/cjs/context/PaymentSourceContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare type IconBrand = 'visa' | 'credit-card' | 'amex' | 'mastercard' | 'jcb' | 'wire-transfer' | 'maestro' | 'cirrus' | 'paypal';
-declare type DefaultContext = {
+export type IconBrand = 'visa' | 'credit-card' | 'amex' | 'mastercard' | 'jcb' | 'wire-transfer' | 'maestro' | 'cirrus' | 'paypal';
+type DefaultContext = {
     brand?: IconBrand | string;
     exp_month?: number | string;
     exp_year?: number | string;

package/lib/cjs/context/PlaceOrderContext.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { PlaceOrderOptions, PlaceOrderState, SetPlaceOrderErrors } from '../reducers/PlaceOrderReducer';
 import { PaymentSourceType } from '../reducers/PaymentMethodReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     setPlaceOrderErrors?: SetPlaceOrderErrors;
     setPlaceOrder?: ({ paymentSource, }: {
         paymentSource?: PaymentSourceType;

package/lib/cjs/context/ShipmentContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ShipmentState, SetShipmentErrors } from '../reducers/ShipmentReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     setShipmentErrors: SetShipmentErrors;
     setShippingMethod: (shipmentId: string, shippingMethodId: string) => Promise<void>;
 } & ShipmentState;

package/lib/cjs/context/ShippingAddressContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ShippingAddressState } from '../reducers/ShippingAddressReducer';
-declare type DefaultContext = {
+type DefaultContext = {
     setShippingAddress?: (id: string, options?: {
         customerAddressId: string;
     }) => Promise<void>;

package/lib/cjs/context/SkuChildrenContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Sku } from '@commercelayer/sdk';
-export declare type InitialSkuContext = Partial<{
+export type InitialSkuContext = Partial<{
     sku: Sku;
 }>;
 declare const SkuChildrenContext: import("react").Context<Partial<{