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

package/lib/cjs/typings/errors.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { ChildrenFunction } from './index';
-export declare type CodeErrorType = 'EMPTY_ERROR' | 'FILTER_NOT_ALLOWED' | 'FORBIDDEN' | 'INTERNAL_SERVER_ERROR' | 'INVALID_DATA_FORMAT' | 'INVALID_FIELD' | 'INVALID_FIELD_FORMAT' | 'INVALID_FIELD_VALUE' | 'INVALID_FILTERS_SYNTAX' | 'INVALID_FILTER_VALUE' | 'INVALID_INCLUDE' | 'INVALID_LINKS_OBJECT' | 'INVALID_PAGE_OBJECT' | 'INVALID_PAGE_VALUE' | 'INVALID_RESOURCE' | 'INVALID_RESOURCE_ID' | 'INVALID_SORT_CRITERIA' | 'INVALID_TOKEN' | 'KEY_NOT_INCLUDED_IN_URL' | 'KEY_ORDER_MISMATCH' | 'LOCKED' | 'NOT_ACCEPTABLE' | 'OUT_OF_STOCK' | 'PARAM_MISSING' | 'PARAM_NOT_ALLOWED' | 'PAYMENT_NOT_APPROVED_FOR_EXECUTION' | 'PAYMENT_INTENT_AUTHENTICATION_FAILURE' | 'RECORD_NOT_FOUND' | 'RECORD_NOT_FOUND' | 'RELATION_EXISTS' | 'NO_SHIPPING_METHODS' | 'SAVE_FAILED' | 'TYPE_MISMATCH' | 'UNAUTHORIZED' | 'UNSUPPORTED_MEDIA_TYPE' | 'VALIDATION_ERROR';
-export declare type ResourceErrorType = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant';
+export type CodeErrorType = 'EMPTY_ERROR' | 'FILTER_NOT_ALLOWED' | 'FORBIDDEN' | 'INTERNAL_SERVER_ERROR' | 'INVALID_DATA_FORMAT' | 'INVALID_FIELD' | 'INVALID_FIELD_FORMAT' | 'INVALID_FIELD_VALUE' | 'INVALID_FILTERS_SYNTAX' | 'INVALID_FILTER_VALUE' | 'INVALID_INCLUDE' | 'INVALID_LINKS_OBJECT' | 'INVALID_PAGE_OBJECT' | 'INVALID_PAGE_VALUE' | 'INVALID_RESOURCE' | 'INVALID_RESOURCE_ID' | 'INVALID_SORT_CRITERIA' | 'INVALID_TOKEN' | 'KEY_NOT_INCLUDED_IN_URL' | 'KEY_ORDER_MISMATCH' | 'LOCKED' | 'NOT_ACCEPTABLE' | 'OUT_OF_STOCK' | 'PARAM_MISSING' | 'PARAM_NOT_ALLOWED' | 'PAYMENT_NOT_APPROVED_FOR_EXECUTION' | 'PAYMENT_INTENT_AUTHENTICATION_FAILURE' | 'RECORD_NOT_FOUND' | 'RECORD_NOT_FOUND' | 'RELATION_EXISTS' | 'NO_SHIPPING_METHODS' | 'SAVE_FAILED' | 'TYPE_MISMATCH' | 'UNAUTHORIZED' | 'UNSUPPORTED_MEDIA_TYPE' | 'VALIDATION_ERROR';
+export type ResourceErrorType = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant';
 export interface BaseError {
     code: CodeErrorType;
     message: string;
@@ -24,7 +24,7 @@ export declare const ErrorPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
     field: PropTypes.Requireable<string>;
 };
-declare type ErrorChildrenComponentProps = ChildrenFunction<Omit<ErrorComponentProps, 'children'> & {
+type ErrorChildrenComponentProps = ChildrenFunction<Omit<ErrorComponentProps, 'children'> & {
     errors: string[];
 }>;
 export interface ErrorComponentProps {

package/lib/cjs/typings/index.d.ts

@@ -22,8 +22,8 @@ export declare const BaseSelectComponentPropTypes: {
     value: PropTypes.Requireable<string>;
     name: PropTypes.Validator<string>;
 };
-export declare type SelectPlaceholder = Option;
-declare type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
+export type SelectPlaceholder = Option;
+type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
 interface Option {
     label: string;
     value: string | number;
@@ -46,7 +46,7 @@ export declare const BaseInputComponentPropTypes: {
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
     placeholder: PropTypes.Requireable<string>;
 };
-declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
+type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
     handleChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     parentRef: ForwardedRef<any>;
 };
@@ -57,21 +57,21 @@ export interface BaseInputComponentProps {
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     placeholder?: string;
 }
-export declare type LineItemType = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
-export declare type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
-export declare type AddressInputName = 'billing_address_city' | 'billing_address_company' | 'billing_address_first_name' | 'billing_address_email' | 'billing_address_last_name' | 'billing_address_line_1' | 'billing_address_line_2' | 'billing_address_phone' | 'billing_address_state_code' | 'billing_address_zip_code' | 'billing_address_billing_info' | 'billing_address_save_to_customer_book' | 'customer_address_city' | 'customer_address_company' | 'customer_address_first_name' | 'customer_address_email' | 'customer_address_last_name' | 'customer_address_line_1' | 'customer_address_line_2' | 'customer_address_phone' | 'customer_address_state_code' | 'customer_address_zip_code' | 'customer_address_billing_info' | 'shipping_address_city' | 'shipping_address_company' | 'shipping_address_email' | 'shipping_address_first_name' | 'shipping_address_last_name' | 'shipping_address_line_1' | 'shipping_address_line_2' | 'shipping_address_phone' | 'shipping_address_state_code' | 'shipping_address_zip_code' | 'shipping_address_save_to_customer_book';
-export declare type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
-export declare type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
-export declare type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
-export declare type LoaderType = string | ReactNode;
+export type LineItemType = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
+export type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
+export type AddressInputName = 'billing_address_city' | 'billing_address_company' | 'billing_address_first_name' | 'billing_address_email' | 'billing_address_last_name' | 'billing_address_line_1' | 'billing_address_line_2' | 'billing_address_phone' | 'billing_address_state_code' | 'billing_address_zip_code' | 'billing_address_billing_info' | 'billing_address_save_to_customer_book' | 'customer_address_city' | 'customer_address_company' | 'customer_address_first_name' | 'customer_address_email' | 'customer_address_last_name' | 'customer_address_line_1' | 'customer_address_line_2' | 'customer_address_phone' | 'customer_address_state_code' | 'customer_address_zip_code' | 'customer_address_billing_info' | 'shipping_address_city' | 'shipping_address_company' | 'shipping_address_email' | 'shipping_address_first_name' | 'shipping_address_last_name' | 'shipping_address_line_1' | 'shipping_address_line_2' | 'shipping_address_phone' | 'shipping_address_state_code' | 'shipping_address_zip_code' | 'shipping_address_save_to_customer_book';
+export type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
+export type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
+export type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
+export type LoaderType = string | ReactNode;
 export declare const BMObject: PropTypes.Requireable<{
     [x: string]: string | null | undefined;
 }>;
 export interface BaseMetadataObject {
     [key: string]: string | undefined | null;
 }
-export declare type TimeFormat = 'days' | 'hours';
-export declare type BaseComponent = InferProps<typeof BC>;
+export type TimeFormat = 'days' | 'hours';
+export type BaseComponent = InferProps<typeof BC>;
 export interface BaseAction<A = string, P = Record<string, any>> {
     type: A;
     payload: P;
@@ -80,14 +80,14 @@ export interface BaseState {
     [key: string]: any;
     errors?: BaseError[];
 }
-export declare type BaseActionType<T = string> = T[];
-export declare type BFSetStateContainer<T> = <P extends T>(param: P) => void;
-export declare type BaseReducer = <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T) => S;
-export declare type BaseUnsetState<A> = (dispatch: Dispatch<A>) => void;
+export type BaseActionType<T = string> = T[];
+export type BFSetStateContainer<T> = <P extends T>(param: P) => void;
+export type BaseReducer = <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T) => S;
+export type BaseUnsetState<A> = (dispatch: Dispatch<A>) => void;
 export interface BaseMetadata {
     [key: string]: string | undefined | null;
 }
-export declare type BaseFormatPrice = 'formatted' | 'cents' | 'float';
+export type BaseFormatPrice = 'formatted' | 'cents' | 'float';
 export declare const baseOrderPricePropTypes: {
     id: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -106,9 +106,9 @@ export declare const baseOrderComponentPricePropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
     format: PropTypes.Requireable<BaseFormatPrice>;
 };
-export declare type BasePriceType = 'total' | 'option' | 'unit';
-export declare type BaseSelectorType = 'select' | 'radio';
-export declare type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
+export type BasePriceType = 'total' | 'option' | 'unit';
+export type BaseSelectorType = 'select' | 'radio';
+export type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
 export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: ChildrenFunction<BaseAmountComponentChildren>;
     format?: BaseFormatPrice;
@@ -116,10 +116,10 @@ export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'],
     priceCents?: number;
     labelFree?: string;
 }
-export declare type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element | null;
-export declare type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
-export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
-export declare type ConditionalElement<E> = ({
+export type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element | null;
+export type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
+export type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
+export type ConditionalElement<E> = ({
     attribute: Extract<keyof E, 'image_url'>;
     tagElement: ExtractTag<'img'>;
 } & JSX.IntrinsicElements['img']) | ({

package/lib/cjs/utils/PropsType.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-declare type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
-declare type Defined<T> = T extends undefined ? never : T;
+type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+type Defined<T> = T extends undefined ? never : T;
 /**
  * Get the type that represents the props with the defaultProps included.
  *
@@ -14,7 +14,7 @@ declare type Defined<T> = T extends undefined ? never : T;
  * So, instead we take the union type in cases when a property in defaultProps does not extend
  * the corresponding property in the Props declaration.
  */
-declare type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
+type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
     [K in Extract<keyof DP, keyof P>]: DP[K] extends Defined<P[K]> ? Defined<P[K]> : Defined<P[K]> | DP[K];
 };
 /**
@@ -29,5 +29,5 @@ declare type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
  * type Props = PropsType<typeof propTypes, typeof defaultProps>;
  * ```
  */
-export declare type PropsType<PT, DP = {}> = WithDefaultProps<PropTypes.InferProps<PT>, DP>;
+export type PropsType<PT, DP = {}> = WithDefaultProps<PropTypes.InferProps<PT>, DP>;
 export {};

package/lib/cjs/utils/addressesManager.d.ts

@@ -1,14 +1,14 @@
 import { BaseError } from '../typings/errors';
 import { Address, AddressCreate } from '@commercelayer/sdk';
 import { TCustomerAddress } from '../reducers/CustomerReducer';
-declare type BillingAddressController = (params: {
+type BillingAddressController = (params: {
     billing_address?: AddressCreate;
     billingAddressId?: string;
     errors?: BaseError[];
     requiresBillingInfo?: boolean;
 }) => boolean;
 export declare const billingAddressController: BillingAddressController;
-declare type ShippingAddressController = (params: {
+type ShippingAddressController = (params: {
     billingDisable?: boolean;
     errors?: BaseError[];
     shipToDifferentAddress?: boolean;
@@ -16,7 +16,7 @@ declare type ShippingAddressController = (params: {
     shippingAddressId?: string;
 }) => boolean;
 export declare const shippingAddressController: ShippingAddressController;
-declare type CountryLockController = (params: {
+type CountryLockController = (params: {
     addresses?: Address[] | null;
     billing_address?: TCustomerAddress;
     billingAddressId?: string;

package/lib/cjs/utils/checkIncludeResource.d.ts

@@ -1,6 +1,6 @@
 import { ResourceIncluded } from '../reducers/OrderReducer';
 import type { Order } from '@commercelayer/sdk';
-declare type Params = {
+type Params = {
     order: Order;
     resourceInclude: ResourceIncluded[];
 };

package/lib/cjs/utils/compareObjAttribute.d.ts

@@ -1,5 +1,5 @@
-declare type Item = Record<string, any>;
-declare type TArgs<A, B> = {
+type Item = Record<string, any>;
+type TArgs<A, B> = {
     attributes: A;
     object: B;
 };

package/lib/cjs/utils/filterChildren.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props<T> {
+    children: JSX.Element | JSX.Element[];
+    filterBy: T[];
+    componentName: string;
+}
+export default function filterChildren<T = string>({ children, filterBy, componentName }: Props<T>): JSX.Element | JSX.Element[];
+export {};

package/lib/cjs/utils/filterChildren.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function filterChildren({children,filterBy,componentName}){if(Array.isArray(children)?children.filter(child=>typeof child.type=="string").length>0:typeof children.type=="string")throw new Error(`Only library components are allowed into <${componentName}/>`);return Array.isArray(children)?children.filter(child=>filterBy.includes(child.type.displayName)):children}exports.default=filterChildren;

package/lib/cjs/utils/getCardDetails.d.ts

@@ -1,13 +1,13 @@
 import { IconBrand } from '../context/PaymentSourceContext';
 import { PaymentResource } from '../reducers/PaymentMethodReducer';
 import { CustomerPaymentSource } from '@commercelayer/sdk';
-declare type CardDetails = {
+type CardDetails = {
     brand: IconBrand | string;
     last4: string;
     exp_month: number | string;
     exp_year: number | string;
 };
-declare type Args = {
+type Args = {
     paymentType: PaymentResource;
     customerPayment: Partial<CustomerPaymentSource>;
 };

package/lib/cjs/utils/getCartLink.d.ts

@@ -1,4 +1,4 @@
-declare type TArgs = {
+type TArgs = {
     orderId: string;
     accessToken: string;
     slug: string;

package/lib/cjs/utils/getErrors.d.ts

@@ -1,7 +1,7 @@
 import { BaseError, ResourceErrorType } from '../typings/errors';
 import { Dispatch } from 'react';
 export default function getErrors(error: any, resource: ResourceErrorType, field?: string): BaseError[];
-declare type SetErrorsArgs<D> = {
+type SetErrorsArgs<D> = {
     currentErrors?: BaseError[];
     newErrors?: BaseError[];
     dispatch?: D;

package/lib/cjs/utils/getLineItemsCount.d.ts

@@ -1,6 +1,6 @@
 import type { LineItem } from '@commercelayer/sdk';
 import { LineItemType } from '../typings/index';
-export declare type TypeAccepted = Extract<LineItemType, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
+export type TypeAccepted = Extract<LineItemType, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
 interface Args {
     lineItems: LineItem[];
     quantity?: number;

package/lib/cjs/utils/hooks/useCustomContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react");function useCustomContext({context,key,currentComponentName,contextComponentName}){const currentContext=(0,react_1.useContext)(context),isProduction=process.env.NODE_ENV==="production",msg=`Cannot use <${currentComponentName}/> outside of <${contextComponentName}/>`;if(key!=null&&key in currentContext||key==null&&currentContext!=null)return currentContext;if(isProduction)console.error(msg);else throw new Error(msg);return currentContext}exports.default=useCustomContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react");function useCustomContext({context,key,currentComponentName,contextComponentName}){const currentContext=(0,react_1.useContext)(context),isProduction=process.env.NODE_ENV==="production",msg=`Cannot use <${currentComponentName}/> outside of <${contextComponentName}/>`;if(key!=null&&key in currentContext||key==null&&currentContext!=null||currentContext!=null)return currentContext;if(isProduction)console.error(msg);else throw new Error(msg);return currentContext}exports.default=useCustomContext;

package/lib/cjs/utils/jwt.d.ts

@@ -1,4 +1,4 @@
-declare type JWT = {
+type JWT = {
     application: {
         id: string;
         kind: 'sales_channel' | 'integration';

package/lib/cjs/utils/localStorage.d.ts

@@ -13,5 +13,5 @@ export declare const deleteLocalOrder: DeleteLocalOrder;
 export declare const getSavePaymentSourceToCustomerWallet: () => boolean;
 export declare const getSaveBillingAddressToAddressBook: () => boolean;
 export declare const getSaveShippingAddressToAddressBook: () => boolean;
-export declare type CustomerOrderParams = '_save_payment_source_to_customer_wallet' | '_save_billing_address_to_customer_address_book' | '_save_shipping_address_to_customer_address_book';
+export type CustomerOrderParams = '_save_payment_source_to_customer_wallet' | '_save_billing_address_to_customer_address_book' | '_save_shipping_address_to_customer_address_book';
 export declare function setCustomerOrderParam<T extends CustomerOrderParams>(key: T, value: string): void;

package/lib/cjs/utils/omit.d.ts

@@ -0,0 +1 @@
+export default function omit<O extends Record<string, any>, K extends Array<keyof O>>(obj: O, keys: K): Pick<O, Exclude<keyof O, K[number]>>;

package/lib/cjs/utils/omit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function omit(obj,keys){return Object.fromEntries(Object.entries(obj).filter(([k,_])=>!keys.includes(k)))}exports.default=omit;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { BaseInputComponentProps } from '../typings/index';
-declare type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function MetadataInput(props: Props): JSX.Element;
 export default MetadataInput;

package/lib/esm/components/addresses/AddressCountrySelector.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AddressCountrySelectName, BaseSelectComponentProps } from '../../typings/index';
 import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     name: Extract<AddressValuesKeys, AddressCountrySelectName>;
     required?: boolean;
     disabled?: boolean;

package/lib/esm/components/addresses/AddressField.d.ts

@@ -5,8 +5,8 @@ import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children' | 'name'> {
     address: Address;
 }
-declare type ChildrenProp = ChildrenFunction<ChildrenProps>;
-declare type Props = {
+type ChildrenProp = ChildrenFunction<ChildrenProps>;
+type Props = {
     type?: 'field';
     label?: never;
     onClick?: never;

package/lib/esm/components/addresses/AddressInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseInputComponentProps, AddressInputName } from '../../typings/index';
 import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = {
+type Props = {
     name: Extract<AddressValuesKeys, AddressInputName>;
 } & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function AddressInput(props: Props): JSX.Element | null;

package/lib/esm/components/addresses/AddressStateSelector.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AddressStateSelectName, BaseSelectComponentProps } from '../../typings/index';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     name: AddressStateSelectName;
     required?: boolean;
     disabled?: boolean;

package/lib/esm/components/addresses/BillingAddressContainer.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
 export declare function BillingAddressContainer(props: Props): JSX.Element;

package/lib/esm/components/addresses/BillingAddressForm.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
     reset?: boolean;
     errorClassName?: string;

package/lib/esm/components/customers/CustomerField.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['Customer']>;
-declare type TCondition = ConditionalElement<Exclude<TResources['Customer'], 'resource'>>;
-declare type Props = {
+type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['Customer']>;
+type TCondition = ConditionalElement<Exclude<TResources['Customer'], 'resource'>>;
+type Props = {
     children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
 } & TCondition;
 export declare function CustomerField<P extends Props>(props: P): JSX.Element;

package/lib/esm/components/customers/CustomerInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseInputComponentProps } from '../../typings/index';
-declare type Props = {
+type Props = {
     name?: 'customer_email' | string;
     type?: 'email' | string;
     saveOnBlur?: boolean;

package/lib/esm/components/errors/Errors.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ErrorComponentProps } from '../../typings/errors';
+type Props = ErrorComponentProps & Omit<JSX.IntrinsicElements['span'], 'children'>;
+export declare function Errors(props: Props): JSX.Element;
+export default Errors;

package/lib/esm/components/errors/Errors.js

@@ -0,0 +1 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useMemo}from"react";import Parent from"../utils/Parent";import GiftCardContext from"../../context/GiftCardContext";import OrderContext from"../../context/OrderContext";import AddressContext from"../../context/AddressContext";import getAllErrors from"../utils/getAllErrors";import LineItemContext from"../../context/LineItemContext";import LineItemChildrenContext from"../../context/LineItemChildrenContext";import CustomerContext from"../../context/CustomerContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import ShipmentContext from"../../context/ShipmentContext";export function Errors(props){const{children,messages=[],resource,field,...p}=props,{payment}=useContext(PaymentMethodChildrenContext),{errors:orderErrors}=useContext(OrderContext),{errors:giftCardErrors}=useContext(GiftCardContext),{errors:lineItemErrors}=useContext(LineItemContext),{errors:addressErrors}=useContext(AddressContext),{errors:customerErrors}=useContext(CustomerContext),{errors:shipmentErrors}=useContext(ShipmentContext),{errors:paymentMethodErrors,currentPaymentMethodType,currentPaymentMethodId}=useContext(PaymentMethodContext),{lineItem}=useContext(LineItemChildrenContext),allErrors=useMemo(()=>[...giftCardErrors||[],...orderErrors||[],...lineItemErrors||[],...addressErrors||[],...customerErrors||[],...shipmentErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,addressErrors,customerErrors,shipmentErrors,paymentMethodErrors]).filter((v,k,a)=>v?.code!==a[k-1]?.code),msgErrors=getAllErrors({allErrors,field,messages,props:p,lineItem,resource,returnHtml:!children}),parentProps={messages,resource,field,errors:msgErrors,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(_Fragment,{children:msgErrors})}export default Errors;

package/lib/esm/components/gift_cards/GiftCardCurrencySelector.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseSelectComponentProps } from '../../typings/index';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     required?: boolean;
 } & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
 export declare function GiftCardCurrencySelector(props: Props): JSX.Element;

package/lib/esm/components/gift_cards/GiftCardInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseInputComponentProps, GiftCardInputName } from '../../typings/index';
-declare type Props = {
+type Props = {
     name: GiftCardInputName;
 } & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
 export declare function GiftCardInput(props: Props): JSX.Element;

package/lib/esm/components/gift_cards/GiftCardOrCouponForm.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
     onSubmit?: (response: {
         success: boolean;

package/lib/esm/components/gift_cards/GiftCardOrCouponInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseInputComponentProps } from '../../typings/index';
 import { OrderCodeType } from '../../reducers/OrderReducer';
-declare type Props = {
+type Props = {
     name?: 'gift_card_or_coupon_code';
     type?: 'text';
     placeholderTranslation?: (codeType: OrderCodeType) => string;

package/lib/esm/components/gift_cards/GiftCardOrCouponRemoveButton.d.ts

@@ -6,7 +6,7 @@ interface ChildrenProps extends Omit<Props, 'children'> {
     hide?: boolean;
     handleClick?: () => void;
 }
-declare type Props = {
+type Props = {
     type?: CodeType;
     children?: ChildrenFunction<ChildrenProps>;
     label?: string | ReactNode;

package/lib/esm/components/line_items/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 ShipmentChildrenContext from"../../context/ShipmentChildrenContext";export function LineItem(props){const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),components=(shipmentLineItems&&shipmentLineItems?.length>0?shipmentLineItems:lineItems)?.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?.total_amount_cents&&lineItem?.total_amount_cents<=0)return null;const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,{value:lineProps,children},k)});return _jsx(_Fragment,{children:components})}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 ShipmentChildrenContext from"../../context/ShipmentChildrenContext";export function LineItem(props){const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),components=(shipmentLineItems&&shipmentLineItems?.length>0?shipmentLineItems:lineItems)?.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?.total_amount_cents&&lineItem?.total_amount_cents<=0)return null;const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,{value:lineProps,children},lineItem.id)});return _jsx(_Fragment,{children:components})}export default LineItem;

package/lib/esm/components/line_items/LineItemAmount.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseAmountComponent, BasePriceType } from '../../typings/index';
-declare type Props = BaseAmountComponent & {
+type Props = BaseAmountComponent & {
     type?: BasePriceType;
 };
 export declare function LineItemAmount(props: Props): JSX.Element;

package/lib/esm/components/line_items/LineItemField.d.ts

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

package/lib/esm/components/line_items/LineItemImage.d.ts

@@ -5,7 +5,7 @@ export interface TLineItemImage extends Omit<Props, 'children'> {
     src: string;
     lineItem: LineItem;
 }
-declare type Props = {
+type Props = {
     children?: ChildrenFunction<TLineItemImage>;
     width?: number;
     placeholder?: {

package/lib/esm/components/line_items/LineItemOptions.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
     title?: string;
     showName?: boolean;

package/lib/esm/components/line_items/LineItemQuantity.d.ts

@@ -4,7 +4,7 @@ interface ChildrenProps extends Omit<Props, 'children'> {
     quantity: number;
     handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
 }
-declare type Props = {
+type Props = {
     children?: ChildrenFunction<ChildrenProps>;
     max?: number;
     disabled?: boolean;

package/lib/esm/components/orders/AddToCartButton.d.ts

@@ -4,22 +4,22 @@ import { AddToCartReturn, CustomLineItem, LineItemOption } from '../../reducers/
 interface TAddToCartButton extends Omit<Props, 'children'> {
     handleClick: () => AddToCartReturn;
 }
-declare type BuyNowMode = {
+type BuyNowMode = {
     buyNowMode: true;
     checkoutUrl?: string;
 } | {
     buyNowMode?: false;
     checkoutUrl?: never;
 };
-declare type THostedCart = {
+type THostedCart = {
     redirectToHostedCart: true;
     hostedCartUrl?: string;
 } | {
     redirectToHostedCart?: false;
     hostedCartUrl?: never;
 };
-declare type TButton = PropsWithoutRef<Omit<JSX.IntrinsicElements['button'], 'children'>>;
-declare type Props = {
+type TButton = PropsWithoutRef<Omit<JSX.IntrinsicElements['button'], 'children'>>;
+type Props = {
     /**
      * Code of a bundle
      */

package/lib/esm/components/orders/OrderList.d.ts

@@ -2,13 +2,26 @@
 import { InitialOrderListContext } from '../../context/OrderListChildrenContext';
 import { Column } from 'react-table';
 import type { Order } from '@commercelayer/sdk';
-export declare type OrderListColumn = Column & {
+export type OrderListColumn = Column & {
     Header: string;
     accessor: keyof Order;
     className?: string;
     titleClassName?: string;
 };
-declare type Props = {
+type PaginationProps = {
+    /**
+     * Show table pagination. Default is false.
+     */
+    showPagination: true;
+    pageSize?: number;
+} | {
+    /**
+     * Show table pagination. Default is false.
+     */
+    showPagination?: false;
+    pageSize?: never;
+};
+type Props = {
     children: JSX.Element[] | JSX.Element;
     /**
      * Columns to show
@@ -27,15 +40,19 @@ declare type Props = {
      */
     actionsContainerClassName?: string;
     /**
-     * Show actions column
+     * Show actions column. Default is false.
      */
     showActions?: boolean;
     /**
-     * Class name to assign to the table header
+     * Class name to assign to pagination container.
+     */
+    paginationContainerClassName?: string;
+    /**
+     * Class name to assign to the table header.
      */
     theadClassName?: string;
     /**
-     * Class name to assign to the table row
+     * Class name to assign to the table row.
      */
     rowTrClassName?: string;
 } & Omit<JSX.IntrinsicElements['table'], 'children'> & ({
@@ -55,6 +72,6 @@ declare type Props = {
 } | {
     infiniteScroll?: false;
     windowOptions?: never;
-});
-export declare function OrderList({ children, columns, loadingElement, showActions, actionsComponent, actionsContainerClassName, infiniteScroll, windowOptions, theadClassName, rowTrClassName, ...p }: Props): JSX.Element;
+}) & PaginationProps;
+export declare function OrderList({ children, columns, loadingElement, showActions, showPagination, pageSize, paginationContainerClassName, actionsComponent, actionsContainerClassName, infiniteScroll, windowOptions, theadClassName, rowTrClassName, ...p }: Props): JSX.Element;
 export default OrderList;

package/lib/esm/components/orders/OrderList.js

@@ -1 +1 @@
-import{createElement as _createElement}from"react";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useMemo,useState,useEffect,useCallback}from"react";import CustomerContext from"../../context/CustomerContext";import OrderListChildrenContext from"../../context/OrderListChildrenContext";import{useTable,useSortBy,useBlockLayout}from"react-table";import{FixedSizeList}from"react-window";import scrollbarWidth from"../../utils/scrollbarWidth";import{sortDescIcon,sortAscIcon}from"../../utils/icons";export function OrderList({children,columns,loadingElement,showActions=!1,actionsComponent,actionsContainerClassName,infiniteScroll,windowOptions,theadClassName,rowTrClassName,...p}){const[loading,setLoading]=useState(!0),{orders}=useContext(CustomerContext),data=useMemo(()=>orders??[],[orders]),cols=useMemo(()=>columns,[columns]),tablePlugins=[useSortBy];infiniteScroll&&tablePlugins.push(useBlockLayout);const defaultColumn=useMemo(()=>({width:windowOptions?.column||150}),[windowOptions?.column]),table=useTable({data,columns:cols,...infiniteScroll&&{defaultColumn}},...tablePlugins),TableHtmlElement=infiniteScroll?"div":"table",TheadHtmlElement=infiniteScroll?"div":"thead",TbodyHtmlElement=infiniteScroll?"div":"tbody",ThHtmlElement=infiniteScroll?"div":"th",TrHtmlElement=infiniteScroll?"div":"tr";useEffect(()=>(orders!==void 0&&setLoading(!1),()=>{setLoading(!0)}),[orders]);const scrollBarSize=infiniteScroll?useMemo(()=>scrollbarWidth(),[]):0,LoadingComponent=loadingElement||_jsx("div",{children:"Loading..."}),headerComponent=table.headerGroups.map((headerGroup,i)=>{const columns2=headerGroup.headers.map((column,k)=>{const sortLabel=column.isSorted?column.isSortedDesc?"desc":"asc":"";return _createElement(ThHtmlElement,{"data-testid":`thead-${k}`,"data-sort":`${sortLabel}`,className:column?.className,...column.getHeaderProps(column?.getSortByToggleProps&&column?.getSortByToggleProps()),key:k},_jsxs("span",{className:column?.titleClassName,children:[column.render("Header"),column.isSorted?column.isSortedDesc?sortDescIcon:sortAscIcon:""]}))});return _createElement(TrHtmlElement,{...headerGroup.getHeaderGroupProps(),key:i},columns2)}),components=infiniteScroll?useCallback(({index,style})=>{const row=table.rows[index];row&&table.prepareRow(row);const childProps={orders,order:orders?.[index],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return _jsx(TrHtmlElement,{...row?.getRowProps({style}),className:rowTrClassName,children:_jsx(OrderListChildrenContext.Provider,{value:childProps,children})})},[table.prepareRow,table.rows]):table.rows.map((row,i)=>{table.prepareRow(row);const childProps={orders,order:orders?.[i],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return _createElement(TrHtmlElement,{...row.getRowProps(),className:rowTrClassName,key:i},_jsx(OrderListChildrenContext.Provider,{value:childProps,children}))});return loading&&orders==null?_jsx(_Fragment,{children:LoadingComponent}):orders?.length===0?_jsx(OrderListChildrenContext.Provider,{value:{orders},children}):_jsxs(TableHtmlElement,{...p,...table.getTableProps(),children:[_jsx(TheadHtmlElement,{className:theadClassName,children:headerComponent}),_jsx(TbodyHtmlElement,{...table.getTableBodyProps(),children:infiniteScroll?_jsx(FixedSizeList,{height:windowOptions?.height||400,itemCount:table.rows.length,itemSize:windowOptions?.itemSize||100,width:windowOptions?.width||table.totalColumnsWidth+scrollBarSize,children:components}):components})]})}export default OrderList;
+import{createElement as _createElement}from"react";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useMemo,useState,useEffect,useCallback}from"react";import CustomerContext from"../../context/CustomerContext";import OrderListChildrenContext from"../../context/OrderListChildrenContext";import OrderListPagination from"../../context/OrderListPaginationContext";import{useTable,useSortBy,useBlockLayout,usePagination}from"react-table";import{FixedSizeList}from"react-window";import scrollbarWidth from"../../utils/scrollbarWidth";import{sortDescIcon,sortAscIcon}from"../../utils/icons";import filterChildren from"../../utils/filterChildren";const rowComponents=["OrderListRow"],paginationComponents=["OrderListPaginationInfo","OrderListPaginationButtons"];export function OrderList({children,columns,loadingElement,showActions=!1,showPagination=!1,pageSize=10,paginationContainerClassName,actionsComponent,actionsContainerClassName,infiniteScroll,windowOptions,theadClassName,rowTrClassName,...p}){const[loading,setLoading]=useState(!0),{orders}=useContext(CustomerContext),data=useMemo(()=>orders??[],[orders]),cols=useMemo(()=>columns,[columns]),tablePlugins=[useSortBy];infiniteScroll&&tablePlugins.push(useBlockLayout),showPagination&&tablePlugins.push(usePagination);const defaultColumn=useMemo(()=>({width:windowOptions?.column||150}),[windowOptions?.column]),table=useTable({data,columns:cols,...infiniteScroll&&{defaultColumn},...showPagination&&{pageSize}},...tablePlugins),TableHtmlElement=infiniteScroll?"div":"table",TheadHtmlElement=infiniteScroll?"div":"thead",TbodyHtmlElement=infiniteScroll?"div":"tbody",ThHtmlElement=infiniteScroll?"div":"th",TrHtmlElement=infiniteScroll?"div":"tr";useEffect(()=>(orders!==void 0&&setLoading(!1),()=>{setLoading(!0)}),[orders]);const scrollBarSize=infiniteScroll?useMemo(()=>scrollbarWidth(),[]):0,LoadingComponent=loadingElement||_jsx("div",{children:"Loading..."}),headerComponent=table.headerGroups.map((headerGroup,i)=>{const columns2=headerGroup.headers.map((column,k)=>{const sortLabel=column.isSorted?column.isSortedDesc?"desc":"asc":"";return _createElement(ThHtmlElement,{"data-testid":`thead-${k}`,"data-sort":`${sortLabel}`,className:column?.className,...column.getHeaderProps(column?.getSortByToggleProps&&column?.getSortByToggleProps()),key:k},_jsxs("span",{className:column?.titleClassName,children:[column.render("Header"),column.isSorted?column.isSortedDesc?sortDescIcon:sortAscIcon:""]}))});return _createElement(TrHtmlElement,{...headerGroup.getHeaderGroupProps(),key:i},columns2)}),rows=showPagination?table.page:table.rows,rowsComponents=filterChildren({children,filterBy:rowComponents,componentName:"OrderList"}),components=infiniteScroll?useCallback(({index,style})=>{const row=rows[index];row&&table.prepareRow(row);const childProps={orders,order:orders?.[index],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return _jsx(TrHtmlElement,{...row?.getRowProps({style}),className:rowTrClassName,children:_jsx(OrderListChildrenContext.Provider,{value:childProps,children:rowsComponents})})},[table.prepareRow,table.rows]):rows.map((row,i)=>{table.prepareRow(row);const childProps={orders,order:orders?.[i],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return _createElement(TrHtmlElement,{...row.getRowProps(),className:rowTrClassName,key:i},_jsx(OrderListChildrenContext.Provider,{value:childProps,children:rowsComponents}))}),pagComponents=filterChildren({children,filterBy:paginationComponents,componentName:"OrderList"}),Pagination=()=>showPagination?_jsx(OrderListPagination.Provider,{value:{canNextPage:table.canNextPage,canPreviousPage:table.canPreviousPage,gotoPage:table.gotoPage,nextPage:table.nextPage,page:table.page,pageCount:table.pageCount,pageIndex:table.state.pageIndex,pageNumber:table.pageNumber,pageOptions:table.pageOptions,pageSize:table.state.pageSize,previousPage:table.previousPage,setPageSize:table.setPageSize,totalRows:orders?.length??0},children:pagComponents}):null;return loading&&orders==null?_jsx(_Fragment,{children:LoadingComponent}):orders?.length===0?_jsx(OrderListChildrenContext.Provider,{value:{orders},children}):_jsxs(_Fragment,{children:[_jsxs(TableHtmlElement,{...p,...table.getTableProps(),children:[_jsx(TheadHtmlElement,{className:theadClassName,children:headerComponent}),_jsx(TbodyHtmlElement,{...table.getTableBodyProps(),children:infiniteScroll?_jsx(FixedSizeList,{height:windowOptions?.height||400,itemCount:table.rows.length,itemSize:windowOptions?.itemSize||100,width:windowOptions?.width||table.totalColumnsWidth+scrollBarSize,children:components}):components})]}),_jsx("div",{className:paginationContainerClassName,children:_jsx(Pagination,{})})]})}export default OrderList;