@commercelayer/react-components 4.21.0-beta.2 → 4.22.0-beta.0

package/dist/index.d.cts

@@ -1,3271 +0,0 @@
-import * as react from 'react';
-import { ReactNode, JSX, Ref, ForwardedRef, Dispatch, Context, RefObject, CSSProperties, PropsWithoutRef, MouseEvent as MouseEvent$1, ChangeEvent } from 'react';
-import { Address as Address$1, Order, CustomerPaymentSource, ListResponse, OrderSubscription, Customer, QueryPageSize, AddressCreate, AddressUpdate, Sku, StockTransfer as StockTransfer$1, LineItem as LineItem$1, Parcel, ParcelLineItem as ParcelLineItem$1, LineItemOption as LineItemOption$2, OrderCreate, AdyenPayment, BraintreePayment, ExternalPayment, PaypalPayment, StripePayment, WireTransfer, CheckoutComPayment, KlarnaPayment, PaymentMethod as PaymentMethod$1, Price as Price$1, Shipment as Shipment$1, ShippingMethod as ShippingMethod$1, QueryParamsList, CommerceLayerClient } from '@commercelayer/sdk';
-import { Row, ColumnDef, SortingState } from '@tanstack/react-table';
-import { CardConfiguration, PayPalConfiguration, DropinConfiguration } from '@adyen/adyen-web/auto';
-import { HostedFieldFieldOptions } from 'braintree-web';
-import { StripePaymentElementOptions, StripeElementsOptions, StripeElementLocale } from '@stripe/stripe-js';
-import { FramesStyle } from 'frames-react';
-
-interface Props$1u {
-    children: ReactNode;
-    url: string;
-}
-declare function ExternalFunction({ children, url }: Props$1u): JSX.Element;
-
-type TResourceError = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant' | 'in_stock_subscriptions';
-type ErrorChildrenComponentProps = ChildrenFunction<Omit<TErrorComponent, 'children'> & {
-    errors: string[];
-}>;
-interface TErrorComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    /**
-     * Resource which get the error
-     */
-    resource: TResourceError;
-    children?: ErrorChildrenComponentProps;
-    /**
-     * Field which get the error
-     */
-    field?: string;
-    /**
-     * Error message which you can translate
-     */
-    messages?: Array<{
-        code: CodeErrorType;
-        message: string;
-        resource?: TResourceError;
-        field?: string;
-        id?: string;
-    }>;
-}
-type Props$1t = TErrorComponent;
-declare function Errors(props: Props$1t): JSX.Element;
-
-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';
-interface BaseError {
-    code: CodeErrorType;
-    message: string;
-    resource?: TResourceError | null;
-    field?: string;
-    id?: string;
-    title?: string;
-    detail?: string;
-    status?: string;
-}
-interface TAPIError {
-    errors: BaseError[];
-}
-
-type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
-interface Option {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-}
-interface BaseSelectComponentProps {
-    children?: (props: BaseSelectChildrenComponentProps) => JSX.Element;
-    options: Option[];
-    placeholder?: Option;
-    value?: string;
-    className?: string;
-    required?: boolean;
-    name: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-}
-type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
-    handleChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    parentRef: ForwardedRef<any>;
-};
-interface BaseInputComponentProps {
-    ref?: Ref<any>;
-    children?: (props: BaseInputChildrenComponentProps) => JSX.Element;
-    name: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    placeholder?: string;
-}
-type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
-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' | `billing_address_${`metadata_${string}`}` | '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' | 'shipping_address_billing_info' | `shipping_address_${`metadata_${string}`}`;
-type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code';
-type LoaderType = string | JSX.Element;
-type BaseMetadataObject = Record<string, string | undefined | null>;
-type TimeFormat = 'days' | 'hours';
-interface BaseState {
-    [key: string]: any;
-    errors?: BaseError[];
-}
-type BaseFormatPrice = 'formatted' | 'cents' | 'float';
-type BasePriceType = 'total' | 'option' | 'unit';
-type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
-interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    children?: ChildrenFunction<BaseAmountComponentChildren>;
-    format?: BaseFormatPrice;
-    price?: string;
-    scheme?: string;
-    priceCents?: number;
-    labelFree?: string;
-}
-type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element | null;
-type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
-type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
-type ConditionalElement<E> = ({
-    attribute: Extract<keyof E, 'image_url'>;
-    tagElement?: ExtractTag<'img'>;
-} & JSX.IntrinsicElements['img']) | ({
-    attribute: Exclude<keyof E, 'image_url'>;
-    tagElement?: ExcludeTag<'img'>;
-} & Omit<JSX.IntrinsicElements[ExcludeTag<'img'>], 'children'>);
-
-type Props$1s = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-declare function MetadataInput(props: Props$1s): JSX.Element;
-
-interface ChildrenProps$n extends Omit<Props$1r, "children"> {
-}
-interface Props$1r extends Omit<JSX.IntrinsicElements["button"], "children" | "ref"> {
-    children?: ChildrenFunction<ChildrenProps$n>;
-    label?: string | ReactNode;
-}
-declare function SubmitButton(props: Props$1r): JSX.Element;
-
-interface InitialAddressContext {
-    address: Address$1 | undefined;
-}
-declare const AddressChildrenContext: react.Context<InitialAddressContext>;
-
-interface TAddressCards extends Pick<Props$1q, 'customerAddresses' | 'className'> {
-    AddressProvider: typeof AddressChildrenContext.Provider;
-}
-interface CustomerAddress extends Address$1 {
-    onClick: () => void;
-    handleSelect?: () => void;
-}
-type AddressCardsTemplateChildren = ChildrenFunction<TAddressCards>;
-type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address$1) => Promise<void>;
-interface Props$1q {
-    customerAddresses: CustomerAddress[];
-    countryLock?: string | null;
-    children: AddressCardsTemplateChildren;
-    selectedClassName?: string;
-    disabledClassName?: string;
-    deselect?: boolean;
-    selected?: number | null;
-    className?: string;
-    handleSelect: HandleSelect;
-}
-
-type DefaultChildrenType = JSX.Element[] | JSX.Element | null;
-type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
-type TRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
-type LooseAutocomplete<T extends string> = T | Omit<string, T>;
-
-interface Props$1p extends Omit<JSX.IntrinsicElements["div"], "children" | "onSelect"> {
-    children: DefaultChildrenType | AddressCardsTemplateChildren;
-    selectedClassName?: string;
-    disabledClassName?: string;
-    onSelect?: (address: Address$1) => void;
-    addresses?: Address$1[];
-    deselect?: boolean;
-}
-/**
- * The Address component is aimed to read from active context the list of available addresses to generate for each of them a suitable and interactive wrapper ready to deal with addresses data.
- *
- * It accept:
- * - a `selectedClassName` prop to define the className of selected generated address wrapper.
- * - a `disabledClassName` prop to define the className of disabled generated address wrapper.
- * - an `onSelect` prop to define a custom method triggered when an address wrapper is clicked.
- * - an `addresses` prop to define a list of addresses to be used instead of the ones available from active context.
- * - a `deselect` prop to define if the current address is deselected through a custom logic.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<AddressesContainer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<AddressField>`,
- * </span>
- */
-declare function Address(props: Props$1p): JSX.Element;
-
-type AddressValuesKeys = `${keyof Address$1}` | `billing_address_${keyof Address$1}` | `shipping_address_${keyof Address$1}` | `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;
-
-declare const defaultCountries: readonly [{
-    readonly label: "Afghanistan";
-    readonly value: "AF";
-}, {
-    readonly label: "Aland Islands";
-    readonly value: "AX";
-}, {
-    readonly label: "Albania";
-    readonly value: "AL";
-}, {
-    readonly label: "Algeria";
-    readonly value: "DZ";
-}, {
-    readonly label: "American Samoa";
-    readonly value: "AS";
-}, {
-    readonly label: "Andorra";
-    readonly value: "AD";
-}, {
-    readonly label: "Angola";
-    readonly value: "AO";
-}, {
-    readonly label: "Anguilla";
-    readonly value: "AI";
-}, {
-    readonly label: "Antarctica";
-    readonly value: "AQ";
-}, {
-    readonly label: "Antigua And Barbuda";
-    readonly value: "AG";
-}, {
-    readonly label: "Argentina";
-    readonly value: "AR";
-}, {
-    readonly label: "Armenia";
-    readonly value: "AM";
-}, {
-    readonly label: "Aruba";
-    readonly value: "AW";
-}, {
-    readonly label: "Australia";
-    readonly value: "AU";
-}, {
-    readonly label: "Austria";
-    readonly value: "AT";
-}, {
-    readonly label: "Azerbaijan";
-    readonly value: "AZ";
-}, {
-    readonly label: "Bahamas The";
-    readonly value: "BS";
-}, {
-    readonly label: "Bahrain";
-    readonly value: "BH";
-}, {
-    readonly label: "Bangladesh";
-    readonly value: "BD";
-}, {
-    readonly label: "Barbados";
-    readonly value: "BB";
-}, {
-    readonly label: "Belarus";
-    readonly value: "BY";
-}, {
-    readonly label: "Belgium";
-    readonly value: "BE";
-}, {
-    readonly label: "Belize";
-    readonly value: "BZ";
-}, {
-    readonly label: "Benin";
-    readonly value: "BJ";
-}, {
-    readonly label: "Bermuda";
-    readonly value: "BM";
-}, {
-    readonly label: "Bhutan";
-    readonly value: "BT";
-}, {
-    readonly label: "Bolivia";
-    readonly value: "BO";
-}, {
-    readonly label: "Bonaire, Sint Eustatius and Saba";
-    readonly value: "BQ";
-}, {
-    readonly label: "Bosnia and Herzegovina";
-    readonly value: "BA";
-}, {
-    readonly label: "Botswana";
-    readonly value: "BW";
-}, {
-    readonly label: "Bouvet Island";
-    readonly value: "BV";
-}, {
-    readonly label: "Brazil";
-    readonly value: "BR";
-}, {
-    readonly label: "British Indian Ocean Territory";
-    readonly value: "IO";
-}, {
-    readonly label: "Brunei";
-    readonly value: "BN";
-}, {
-    readonly label: "Bulgaria";
-    readonly value: "BG";
-}, {
-    readonly label: "Burkina Faso";
-    readonly value: "BF";
-}, {
-    readonly label: "Burundi";
-    readonly value: "BI";
-}, {
-    readonly label: "Cambodia";
-    readonly value: "KH";
-}, {
-    readonly label: "Cameroon";
-    readonly value: "CM";
-}, {
-    readonly label: "Canada";
-    readonly value: "CA";
-}, {
-    readonly label: "Cape Verde";
-    readonly value: "CV";
-}, {
-    readonly label: "Cayman Islands";
-    readonly value: "KY";
-}, {
-    readonly label: "Central African Republic";
-    readonly value: "CF";
-}, {
-    readonly label: "Chad";
-    readonly value: "TD";
-}, {
-    readonly label: "Chile";
-    readonly value: "CL";
-}, {
-    readonly label: "China";
-    readonly value: "CN";
-}, {
-    readonly label: "Christmas Island";
-    readonly value: "CX";
-}, {
-    readonly label: "Cocos (Keeling) Islands";
-    readonly value: "CC";
-}, {
-    readonly label: "Colombia";
-    readonly value: "CO";
-}, {
-    readonly label: "Comoros";
-    readonly value: "KM";
-}, {
-    readonly label: "Congo";
-    readonly value: "CG";
-}, {
-    readonly label: "Cook Islands";
-    readonly value: "CK";
-}, {
-    readonly label: "Costa Rica";
-    readonly value: "CR";
-}, {
-    readonly label: "Cote D'Ivoire (Ivory Coast)";
-    readonly value: "CI";
-}, {
-    readonly label: "Croatia";
-    readonly value: "HR";
-}, {
-    readonly label: "Cuba";
-    readonly value: "CU";
-}, {
-    readonly label: "Curaçao";
-    readonly value: "CW";
-}, {
-    readonly label: "Cyprus";
-    readonly value: "CY";
-}, {
-    readonly label: "Czech Republic";
-    readonly value: "CZ";
-}, {
-    readonly label: "Democratic Republic of the Congo";
-    readonly value: "CD";
-}, {
-    readonly label: "Denmark";
-    readonly value: "DK";
-}, {
-    readonly label: "Djibouti";
-    readonly value: "DJ";
-}, {
-    readonly label: "Dominica";
-    readonly value: "DM";
-}, {
-    readonly label: "Dominican Republic";
-    readonly value: "DO";
-}, {
-    readonly label: "East Timor";
-    readonly value: "TL";
-}, {
-    readonly label: "Ecuador";
-    readonly value: "EC";
-}, {
-    readonly label: "Egypt";
-    readonly value: "EG";
-}, {
-    readonly label: "El Salvador";
-    readonly value: "SV";
-}, {
-    readonly label: "Equatorial Guinea";
-    readonly value: "GQ";
-}, {
-    readonly label: "Eritrea";
-    readonly value: "ER";
-}, {
-    readonly label: "Estonia";
-    readonly value: "EE";
-}, {
-    readonly label: "Ethiopia";
-    readonly value: "ET";
-}, {
-    readonly label: "Falkland Islands";
-    readonly value: "FK";
-}, {
-    readonly label: "Faroe Islands";
-    readonly value: "FO";
-}, {
-    readonly label: "Fiji Islands";
-    readonly value: "FJ";
-}, {
-    readonly label: "Finland";
-    readonly value: "FI";
-}, {
-    readonly label: "France";
-    readonly value: "FR";
-}, {
-    readonly label: "French Guiana";
-    readonly value: "GF";
-}, {
-    readonly label: "French Polynesia";
-    readonly value: "PF";
-}, {
-    readonly label: "French Southern Territories";
-    readonly value: "TF";
-}, {
-    readonly label: "Gabon";
-    readonly value: "GA";
-}, {
-    readonly label: "Gambia The";
-    readonly value: "GM";
-}, {
-    readonly label: "Georgia";
-    readonly value: "GE";
-}, {
-    readonly label: "Germany";
-    readonly value: "DE";
-}, {
-    readonly label: "Ghana";
-    readonly value: "GH";
-}, {
-    readonly label: "Gibraltar";
-    readonly value: "GI";
-}, {
-    readonly label: "Greece";
-    readonly value: "GR";
-}, {
-    readonly label: "Greenland";
-    readonly value: "GL";
-}, {
-    readonly label: "Grenada";
-    readonly value: "GD";
-}, {
-    readonly label: "Guadeloupe";
-    readonly value: "GP";
-}, {
-    readonly label: "Guam";
-    readonly value: "GU";
-}, {
-    readonly label: "Guatemala";
-    readonly value: "GT";
-}, {
-    readonly label: "Guernsey and Alderney";
-    readonly value: "GG";
-}, {
-    readonly label: "Guinea";
-    readonly value: "GN";
-}, {
-    readonly label: "Guinea-Bissau";
-    readonly value: "GW";
-}, {
-    readonly label: "Guyana";
-    readonly value: "GY";
-}, {
-    readonly label: "Haiti";
-    readonly value: "HT";
-}, {
-    readonly label: "Heard Island and McDonald Islands";
-    readonly value: "HM";
-}, {
-    readonly label: "Honduras";
-    readonly value: "HN";
-}, {
-    readonly label: "Hong Kong S.A.R.";
-    readonly value: "HK";
-}, {
-    readonly label: "Hungary";
-    readonly value: "HU";
-}, {
-    readonly label: "Iceland";
-    readonly value: "IS";
-}, {
-    readonly label: "India";
-    readonly value: "IN";
-}, {
-    readonly label: "Indonesia";
-    readonly value: "ID";
-}, {
-    readonly label: "Iran";
-    readonly value: "IR";
-}, {
-    readonly label: "Iraq";
-    readonly value: "IQ";
-}, {
-    readonly label: "Ireland";
-    readonly value: "IE";
-}, {
-    readonly label: "Israel";
-    readonly value: "IL";
-}, {
-    readonly label: "Italy";
-    readonly value: "IT";
-}, {
-    readonly label: "Jamaica";
-    readonly value: "JM";
-}, {
-    readonly label: "Japan";
-    readonly value: "JP";
-}, {
-    readonly label: "Jersey";
-    readonly value: "JE";
-}, {
-    readonly label: "Jordan";
-    readonly value: "JO";
-}, {
-    readonly label: "Kazakhstan";
-    readonly value: "KZ";
-}, {
-    readonly label: "Kenya";
-    readonly value: "KE";
-}, {
-    readonly label: "Kiribati";
-    readonly value: "KI";
-}, {
-    readonly label: "Kosovo";
-    readonly value: "XK";
-}, {
-    readonly label: "Kuwait";
-    readonly value: "KW";
-}, {
-    readonly label: "Kyrgyzstan";
-    readonly value: "KG";
-}, {
-    readonly label: "Laos";
-    readonly value: "LA";
-}, {
-    readonly label: "Latvia";
-    readonly value: "LV";
-}, {
-    readonly label: "Lebanon";
-    readonly value: "LB";
-}, {
-    readonly label: "Lesotho";
-    readonly value: "LS";
-}, {
-    readonly label: "Liberia";
-    readonly value: "LR";
-}, {
-    readonly label: "Libya";
-    readonly value: "LY";
-}, {
-    readonly label: "Liechtenstein";
-    readonly value: "LI";
-}, {
-    readonly label: "Lithuania";
-    readonly value: "LT";
-}, {
-    readonly label: "Luxembourg";
-    readonly value: "LU";
-}, {
-    readonly label: "Macau S.A.R.";
-    readonly value: "MO";
-}, {
-    readonly label: "Macedonia";
-    readonly value: "MK";
-}, {
-    readonly label: "Madagascar";
-    readonly value: "MG";
-}, {
-    readonly label: "Malawi";
-    readonly value: "MW";
-}, {
-    readonly label: "Malaysia";
-    readonly value: "MY";
-}, {
-    readonly label: "Maldives";
-    readonly value: "MV";
-}, {
-    readonly label: "Mali";
-    readonly value: "ML";
-}, {
-    readonly label: "Malta";
-    readonly value: "MT";
-}, {
-    readonly label: "Man (Isle of)";
-    readonly value: "IM";
-}, {
-    readonly label: "Marshall Islands";
-    readonly value: "MH";
-}, {
-    readonly label: "Martinique";
-    readonly value: "MQ";
-}, {
-    readonly label: "Mauritania";
-    readonly value: "MR";
-}, {
-    readonly label: "Mauritius";
-    readonly value: "MU";
-}, {
-    readonly label: "Mayotte";
-    readonly value: "YT";
-}, {
-    readonly label: "Mexico";
-    readonly value: "MX";
-}, {
-    readonly label: "Micronesia";
-    readonly value: "FM";
-}, {
-    readonly label: "Moldova";
-    readonly value: "MD";
-}, {
-    readonly label: "Monaco";
-    readonly value: "MC";
-}, {
-    readonly label: "Mongolia";
-    readonly value: "MN";
-}, {
-    readonly label: "Montenegro";
-    readonly value: "ME";
-}, {
-    readonly label: "Montserrat";
-    readonly value: "MS";
-}, {
-    readonly label: "Morocco";
-    readonly value: "MA";
-}, {
-    readonly label: "Mozambique";
-    readonly value: "MZ";
-}, {
-    readonly label: "Myanmar";
-    readonly value: "MM";
-}, {
-    readonly label: "Namibia";
-    readonly value: "NA";
-}, {
-    readonly label: "Nauru";
-    readonly value: "NR";
-}, {
-    readonly label: "Nepal";
-    readonly value: "NP";
-}, {
-    readonly label: "Netherlands";
-    readonly value: "NL";
-}, {
-    readonly label: "New Caledonia";
-    readonly value: "NC";
-}, {
-    readonly label: "New Zealand";
-    readonly value: "NZ";
-}, {
-    readonly label: "Nicaragua";
-    readonly value: "NI";
-}, {
-    readonly label: "Niger";
-    readonly value: "NE";
-}, {
-    readonly label: "Nigeria";
-    readonly value: "NG";
-}, {
-    readonly label: "Niue";
-    readonly value: "NU";
-}, {
-    readonly label: "Norfolk Island";
-    readonly value: "NF";
-}, {
-    readonly label: "North Korea";
-    readonly value: "KP";
-}, {
-    readonly label: "Northern Mariana Islands";
-    readonly value: "MP";
-}, {
-    readonly label: "Norway";
-    readonly value: "NO";
-}, {
-    readonly label: "Oman";
-    readonly value: "OM";
-}, {
-    readonly label: "Pakistan";
-    readonly value: "PK";
-}, {
-    readonly label: "Palau";
-    readonly value: "PW";
-}, {
-    readonly label: "Palestinian Territory Occupied";
-    readonly value: "PS";
-}, {
-    readonly label: "Panama";
-    readonly value: "PA";
-}, {
-    readonly label: "Papua new Guinea";
-    readonly value: "PG";
-}, {
-    readonly label: "Paraguay";
-    readonly value: "PY";
-}, {
-    readonly label: "Peru";
-    readonly value: "PE";
-}, {
-    readonly label: "Philippines";
-    readonly value: "PH";
-}, {
-    readonly label: "Pitcairn Island";
-    readonly value: "PN";
-}, {
-    readonly label: "Poland";
-    readonly value: "PL";
-}, {
-    readonly label: "Portugal";
-    readonly value: "PT";
-}, {
-    readonly label: "Puerto Rico";
-    readonly value: "PR";
-}, {
-    readonly label: "Qatar";
-    readonly value: "QA";
-}, {
-    readonly label: "Reunion";
-    readonly value: "RE";
-}, {
-    readonly label: "Romania";
-    readonly value: "RO";
-}, {
-    readonly label: "Russia";
-    readonly value: "RU";
-}, {
-    readonly label: "Rwanda";
-    readonly value: "RW";
-}, {
-    readonly label: "Saint Helena";
-    readonly value: "SH";
-}, {
-    readonly label: "Saint Kitts And Nevis";
-    readonly value: "KN";
-}, {
-    readonly label: "Saint Lucia";
-    readonly value: "LC";
-}, {
-    readonly label: "Saint Pierre and Miquelon";
-    readonly value: "PM";
-}, {
-    readonly label: "Saint Vincent And The Grenadines";
-    readonly value: "VC";
-}, {
-    readonly label: "Saint-Barthelemy";
-    readonly value: "BL";
-}, {
-    readonly label: "Saint-Martin (French part)";
-    readonly value: "MF";
-}, {
-    readonly label: "Samoa";
-    readonly value: "WS";
-}, {
-    readonly label: "San Marino";
-    readonly value: "SM";
-}, {
-    readonly label: "Sao Tome and Principe";
-    readonly value: "ST";
-}, {
-    readonly label: "Saudi Arabia";
-    readonly value: "SA";
-}, {
-    readonly label: "Senegal";
-    readonly value: "SN";
-}, {
-    readonly label: "Serbia";
-    readonly value: "RS";
-}, {
-    readonly label: "Seychelles";
-    readonly value: "SC";
-}, {
-    readonly label: "Sierra Leone";
-    readonly value: "SL";
-}, {
-    readonly label: "Singapore";
-    readonly value: "SG";
-}, {
-    readonly label: "Sint Maarten (Dutch part)";
-    readonly value: "SX";
-}, {
-    readonly label: "Slovakia";
-    readonly value: "SK";
-}, {
-    readonly label: "Slovenia";
-    readonly value: "SI";
-}, {
-    readonly label: "Solomon Islands";
-    readonly value: "SB";
-}, {
-    readonly label: "Somalia";
-    readonly value: "SO";
-}, {
-    readonly label: "South Africa";
-    readonly value: "ZA";
-}, {
-    readonly label: "South Georgia";
-    readonly value: "GS";
-}, {
-    readonly label: "South Korea";
-    readonly value: "KR";
-}, {
-    readonly label: "South Sudan";
-    readonly value: "SS";
-}, {
-    readonly label: "Spain";
-    readonly value: "ES";
-}, {
-    readonly label: "Sri Lanka";
-    readonly value: "LK";
-}, {
-    readonly label: "Sudan";
-    readonly value: "SD";
-}, {
-    readonly label: "Suriname";
-    readonly value: "SR";
-}, {
-    readonly label: "Svalbard And Jan Mayen Islands";
-    readonly value: "SJ";
-}, {
-    readonly label: "Swaziland";
-    readonly value: "SZ";
-}, {
-    readonly label: "Sweden";
-    readonly value: "SE";
-}, {
-    readonly label: "Switzerland";
-    readonly value: "CH";
-}, {
-    readonly label: "Syria";
-    readonly value: "SY";
-}, {
-    readonly label: "Taiwan";
-    readonly value: "TW";
-}, {
-    readonly label: "Tajikistan";
-    readonly value: "TJ";
-}, {
-    readonly label: "Tanzania";
-    readonly value: "TZ";
-}, {
-    readonly label: "Thailand";
-    readonly value: "TH";
-}, {
-    readonly label: "Togo";
-    readonly value: "TG";
-}, {
-    readonly label: "Tokelau";
-    readonly value: "TK";
-}, {
-    readonly label: "Tonga";
-    readonly value: "TO";
-}, {
-    readonly label: "Trinidad And Tobago";
-    readonly value: "TT";
-}, {
-    readonly label: "Tunisia";
-    readonly value: "TN";
-}, {
-    readonly label: "Turkey";
-    readonly value: "TR";
-}, {
-    readonly label: "Turkmenistan";
-    readonly value: "TM";
-}, {
-    readonly label: "Turks And Caicos Islands";
-    readonly value: "TC";
-}, {
-    readonly label: "Tuvalu";
-    readonly value: "TV";
-}, {
-    readonly label: "Uganda";
-    readonly value: "UG";
-}, {
-    readonly label: "Ukraine";
-    readonly value: "UA";
-}, {
-    readonly label: "United Arab Emirates";
-    readonly value: "AE";
-}, {
-    readonly label: "United Kingdom";
-    readonly value: "GB";
-}, {
-    readonly label: "United States";
-    readonly value: "US";
-}, {
-    readonly label: "United States Minor Outlying Islands";
-    readonly value: "UM";
-}, {
-    readonly label: "Uruguay";
-    readonly value: "UY";
-}, {
-    readonly label: "Uzbekistan";
-    readonly value: "UZ";
-}, {
-    readonly label: "Vanuatu";
-    readonly value: "VU";
-}, {
-    readonly label: "Vatican City State (Holy See)";
-    readonly value: "VA";
-}, {
-    readonly label: "Venezuela";
-    readonly value: "VE";
-}, {
-    readonly label: "Vietnam";
-    readonly value: "VN";
-}, {
-    readonly label: "Virgin Islands (British)";
-    readonly value: "VG";
-}, {
-    readonly label: "Virgin Islands (US)";
-    readonly value: "VI";
-}, {
-    readonly label: "Wallis And Futuna Islands";
-    readonly value: "WF";
-}, {
-    readonly label: "Western Sahara";
-    readonly value: "EH";
-}, {
-    readonly label: "Yemen";
-    readonly value: "YE";
-}, {
-    readonly label: "Zambia";
-    readonly value: "ZM";
-}, {
-    readonly label: "Zimbabwe";
-    readonly value: "ZW";
-}];
-type CountryCode = (typeof defaultCountries)[number]["value"];
-interface Country {
-    value: CountryCode;
-    label: string;
-}
-interface State {
-    label: string;
-    value: string;
-}
-type States = Partial<Record<CountryCode, State[]>>;
-
-type TCountryFieldName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
-interface Props$1o extends Omit<BaseSelectComponentProps, 'options' | 'name'>, Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'> {
-    name: Extract<AddressValuesKeys, TCountryFieldName>;
-    required?: boolean;
-    disabled?: boolean;
-    /**
-     * Optional country list to override default ones.
-     */
-    countries?: Country[];
-}
-/**
- * The AddressInput component creates a form `select` related to the `country_code` attribute of the `address` object.
- *
- * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
- *
- * <span title="Name prop" type="info">
- * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address` or `customer_address`) concatenated to the `country_code` address attribute with a `_` separator. Eg.: `billing_address_country_code`.
- * </span>
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function AddressCountrySelector(props: Props$1o): JSX.Element;
-
-interface CommerceLayerConfig {
-    accessToken?: string;
-    endpoint?: string;
-}
-
-type SetLocalOrder = (key: string, value: string) => void;
-
-type CreateOrderParams = Pick<AddToCartParams, "config" | "dispatch" | "persistKey" | "state" | "orderMetadata" | "orderAttributes" | "setLocalOrder">;
-type AddToCartReturn = Promise<{
-    success: boolean;
-    orderId: string | undefined;
-}>;
-type ResourceIncluded = "billing_address" | "shipping_address" | "line_items.line_item_options.sku_option" | "line_items.item" | "available_customer_payment_sources.payment_source" | "available_customer_payment_sources.payment_method" | "shipments.available_shipping_methods" | "shipments.stock_transfers" | "shipments.stock_transfers.line_item" | "shipments.stock_line_items.line_item" | "shipments.shipping_method" | "shipments.stock_location" | "shipments.parcels" | "shipments.parcels.parcel_line_items" | "payment_source" | "available_payment_methods" | "payment_method";
-type ResourceIncludedLoaded = Partial<Record<ResourceIncluded, boolean>>;
-interface OrderPayload {
-    loading?: boolean;
-    orderId?: string;
-    order?: Order;
-    errors?: BaseError[];
-    include?: ResourceIncluded[] | undefined;
-    includeLoaded?: ResourceIncludedLoaded;
-    withoutIncludes?: boolean;
-    manageAdyenGiftCard?: boolean;
-}
-type OrderState = Partial<OrderPayload>;
-interface OrderActions {
-    type: OrderActionType;
-    payload: OrderPayload;
-}
-type OrderActionType = "setLoading" | "setOrderId" | "setOrder" | "setSingleQuantity" | "setCurrentSkuCodes" | "setCurrentSkuPrices" | "setCurrentItem" | "setErrors" | "setSaveAddressToCustomerAddressBook" | "setGiftCardOrCouponCode" | "setIncludesResource";
-declare function createOrder(params: CreateOrderParams): Promise<string>;
-interface LineItemOption$1 {
-    /**
-     * SKU Option ID. Ex: mNJEgsJwBn
-     */
-    skuOptionId: string;
-    /**
-     * Set of key-value pairs that represent the selected options. Ex: { message: 'This is a option message' }
-     */
-    options: Record<string, string>;
-    quantity?: number;
-}
-type TFrequency = "hourly" | "daily" | "weekly" | "monthly" | "two-month" | "three-month" | "four-month" | "six-month" | "yearly";
-interface CustomLineItem {
-    name?: string;
-    imageUrl?: string | null;
-    metadata?: Record<string, string>;
-    frequency?: LooseAutocomplete<TFrequency>;
-    externalPrice?: boolean;
-    _update_quantity?: boolean;
-}
-type AddToCartParams = Partial<{
-    bundleCode: string;
-    skuCode: string;
-    persistKey: string;
-    config: CommerceLayerConfig;
-    dispatch: Dispatch<OrderActions>;
-    state: Partial<OrderState>;
-    quantity: number;
-    lineItemOption: LineItemOption$1;
-    lineItem: CustomLineItem;
-    orderMetadata: BaseMetadataObject;
-    orderAttributes: Record<string, any>;
-    errors: BaseError[];
-    setLocalOrder: SetLocalOrder;
-    buyNowMode: boolean;
-    checkoutUrl: string;
-    openMiniCart: boolean;
-}>;
-declare function addToCart(params: AddToCartParams): Promise<{
-    success: boolean;
-    orderId?: string;
-}>;
-type CodeType = "coupon" | "gift_card";
-type OrderCodeType = `${CodeType}_code`;
-
-type TriggerAttributeHelper = {
-    /**
-     * CommerceLayer config
-     */
-    config: CommerceLayerConfig;
-    /**
-     * The resource id
-     */
-    id: string;
-} & ({
-    /**
-     * The resource name
-     */
-    resource: 'orders';
-    /**
-     * The attribute to trigger
-     */
-    attribute: '_place' | '_refresh' | '_create_subscriptions';
-} | {
-    resource: 'order_subscriptions';
-    attribute: '_active' | '_deactivate' | '_cancel';
-});
-
-type CustomerActionType = 'setErrors' | 'setCustomerEmail' | 'setAddresses' | 'setPayments' | 'setOrders' | 'setSubscriptions' | 'setCustomers';
-interface CustomerActionPayload {
-    addresses: Address$1[] | null;
-    payments: CustomerPaymentSource[] | null;
-    customerEmail: string;
-    errors: BaseError[];
-    orders: ListResponse<Order>;
-    subscriptions: ListResponse<OrderSubscription> | ListResponse<Order> | null;
-    isGuest: boolean;
-    customers: Customer;
-}
-type CustomerState = Partial<CustomerActionPayload>;
-interface CustomerAction {
-    type: CustomerActionType;
-    payload: Partial<CustomerActionPayload>;
-}
-type SetCustomerErrors = <V extends BaseError[]>(errors: V, dispatch?: Dispatch<CustomerAction>) => void;
-declare function setCustomerEmail(
-/**
- * @param customerEmail The email address of the customer
- */
-customerEmail: string, 
-/**
- * @param dispatch The dispatch function
- */
-dispatch?: Dispatch<CustomerAction>): void;
-interface GetCustomerAddresses {
-    /**
-     * The Commerce Layer config
-     */
-    config: CommerceLayerConfig;
-    /**
-     * The Customer dispatch function
-     */
-    dispatch: Dispatch<CustomerAction>;
-    /**
-     * Order details
-     */
-    isOrderAvailable?: boolean;
-    /**
-     * The page size
-     * default: 10
-     */
-    pageSize?: QueryPageSize;
-}
-declare function getCustomerAddresses({ config, dispatch, isOrderAvailable, pageSize }: GetCustomerAddresses): Promise<void>;
-interface DeleteCustomerAddress {
-    config?: CommerceLayerConfig;
-    dispatch?: Dispatch<CustomerAction>;
-    customerAddressId: string;
-    addresses?: Address$1[] | null;
-}
-declare function deleteCustomerAddress({ config, dispatch, customerAddressId, addresses }: DeleteCustomerAddress): Promise<void>;
-interface GetCustomerPaymentSources {
-    /**
-     * The Customer dispatch function
-     */
-    dispatch?: Dispatch<CustomerAction>;
-    /**
-     * The Commerce Layer Order resource
-     */
-    order?: Order;
-}
-declare function getCustomerPaymentSources(params?: GetCustomerPaymentSources): void;
-interface GetCustomerOrdersProps {
-    /**
-     * The Commerce Layer config
-     */
-    config: CommerceLayerConfig;
-    /**
-     * The Customer dispatch function
-     */
-    dispatch: Dispatch<CustomerAction>;
-    /**
-     * The page size
-     */
-    pageSize?: QueryPageSize;
-    /**
-     * The page number
-     */
-    pageNumber?: number;
-    /**
-     * Retrieve a specific subscription or order by id
-     */
-    id?: string;
-}
-declare function getCustomerOrders({ config, dispatch, pageSize, pageNumber }: GetCustomerOrdersProps): Promise<void>;
-declare function getCustomerSubscriptions({ id, config, dispatch, pageSize, pageNumber }: GetCustomerOrdersProps): Promise<void>;
-type TCustomerAddress = AddressCreate & AddressUpdate & Record<string, string | null | undefined>;
-type SetResourceTriggerParams = {
-    /**
-     * The CommerceLayer config
-     */
-    config?: CommerceLayerConfig;
-    /**
-     * The dispatch function
-     */
-    dispatch?: Dispatch<CustomerAction>;
-    /**
-     * The page size
-     */
-    pageSize?: QueryPageSize;
-    /**
-     * The page number
-     */
-    pageNumber?: number;
-    /**
-     *  Reload the list of orders or subscriptions if the trigger is successful. Default: false
-     */
-    reloadList?: boolean;
-} & TriggerAttributeHelper;
-/**
- * Helper to trigger and activate an attribute on a resource
- */
-declare function setResourceTrigger({ config, dispatch, resource, attribute, id, pageSize, pageNumber, reloadList }: SetResourceTriggerParams): Promise<boolean>;
-
-type CustomFieldMessageError = (props: {
-    field: Extract<AddressValuesKeys, AddressInputName> | string;
-    code?: Extract<CodeErrorType, "EMPTY_ERROR" | "VALIDATION_ERROR"> | undefined;
-    message?: string | undefined;
-    value: string;
-    values?: Record<string, any>;
-}) => string | null | Array<{
-    field: Extract<AddressValuesKeys, AddressInputName> | string;
-    value: string;
-    isValid: boolean;
-    message?: string;
-}>;
-type AddressField$1 = "city" | "company" | "country_code" | "first_name" | "last_name" | "line_1" | "line_2" | "phone" | "state_code" | "zip_code" | "billing_info";
-type AddressFieldView = AddressField$1 | "full_address" | "full_name";
-
-interface ChildrenProps$m extends Omit<Props$1n, 'children' | 'name'> {
-    address: Address$1;
-}
-type ChildrenProp = ChildrenFunction<ChildrenProps$m>;
-type Props$1n = {
-    type?: 'field';
-    label?: never;
-    onClick?: never;
-    children?: ChildrenProp;
-    name: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'edit';
-    label: string | ReactNode;
-    onClick: (address: Address$1) => void;
-    children?: ChildrenProp;
-    name?: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'delete';
-    label: string;
-    onClick: () => void;
-    children?: ChildrenProp;
-    name?: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'edit' | 'field' | 'delete';
-    label?: never;
-    onClick?: never;
-    children: ChildrenProp;
-    name?: never;
-    className?: string;
-};
-/**
- * The AddressField component displays any attribute of the `address` object set in the state of the parent `<Address>` component.
- *
- * It accepts a `name` prop to define the attribute to be shown.
- * It also accepts:
- * - a `type` props to enable different kind of behaviors like `field` (default), `edit` or `delete`.
- * - a `label` props to show a custom label if chosen `type` is `edit` or `delete`.
- * - an `onClick` props to define a custom click behavior.
- *
- * <span title="Type `delete`" type="info">
- * Only in case `type` is set to `delete` a default `onClick` behavior will be set to manage current address removal.
- * </span>
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside the `<Address>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function AddressField(props: Props$1n): JSX.Element;
-
-type Props$1m = {
-    /**
-     * The name of the input.
-     */
-    name: Extract<AddressValuesKeys, AddressInputName>;
-    /**
-     * @deprecated
-     * Used to add a custom validation rule. Accept a regex as param.
-     */
-    pattern?: RegExp;
-} & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
-/**
- * The AddressInput component creates a form `input` related to a particular address attribute.
- *
- * It requires a `name` prop to define the field name associated with the input and accepts most of HTML `input` tag standard props.
- *
- * <span title="Name prop" type="info">
- * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address` or `customer_address`) concatenated to the address attribute name with a `_` separator. Eg.: `billing_address_first_name`.
- * </span>
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function AddressInput(props: Props$1m): JSX.Element | null;
-
-type SelectFieldName = `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;
-interface Props$1l extends Omit<BaseSelectComponentProps, 'name'>, Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'> {
-    name: Extract<AddressValuesKeys, SelectFieldName>;
-    required?: boolean;
-    disabled?: boolean;
-}
-/**
- * The AddressInputSelect component creates a form `select` related to the `metadata` attribute of the `address` object.
- *
- * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
- *
- * <span title="Name prop" type="info">
- * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address`) concatenated to the `metadata` address attribute with a `_` separator. Eg.: `billing_address_metadata_your-key`.
- * </span>
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function AddressInputSelect(props: Props$1l): JSX.Element;
-
-type Props$1k = Omit<BaseSelectComponentProps, "options" | "name"> & {
-    name: AddressStateSelectName;
-    required?: boolean;
-    disabled?: boolean;
-    inputClassName?: string;
-    selectClassName?: string;
-    /**
-     * Optional states list to extend the default one.
-     * This component will try to render a select getting as options the states found for the selected country.
-     * If the country has no states, it will render a text input field instead.
-     */
-    states?: States;
-} & Pick<JSX.IntrinsicElements["select"], "className" | "id" | "style">;
-/**
- * The AddressInput component creates a form `select` related to the `state_code` attribute of the `address` object.
- *
- * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
- *
- * <span title="Name prop" type="info">
- * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address`) concatenated to the `state_code` address attribute with a `_` separator. Eg.: `billing_address_state_code`.
- * </span>
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function AddressStateSelector(props: Props$1k): JSX.Element;
-
-interface Props$1j {
-    children: ReactNode;
-    /**
-     * If true, the shipping address will be considered. Default is false.
-     */
-    shipToDifferentAddress?: boolean;
-    /**
-     * If true, the address will be considered a business address.
-     */
-    isBusiness?: boolean;
-    /**
-     * If true, the shipping address will be considered as primary address. Default is false.
-     */
-    invertAddresses?: boolean;
-}
-/**
- * Main container for the Addresses components.
- * It provides demanded functionalities to show/manage an address or a series of addresses depending on the context in use.
- * In addition it provides order oriented functionalities to manage billing and shipping addresses.
- *
- * It accept:
- * - a `shipToDifferentAddress` prop to define if the order related shipping address will be different from the billing one.
- * - a `isBusiness` prop to define if the current address needs to be threated as a `business` address during creation/update.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<BillingAddressContainer>`,
- * `<BillingAddressForm>`,
- * `<ShippingAddressContainer>`,
- * `<ShippingAddressForm>`,
- * `<CustomerAddressForm>`,
- * `<AddressesEmpty>`,
- * `<Addresses>`
- * </span>
- */
-declare function AddressesContainer(props: Props$1j): JSX.Element;
-
-interface Props$1i extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    /**
-     * Function allow you to customize the component
-     */
-    children?: ChildrenFunction<Omit<Props$1i, 'children'>>;
-    /**
-     * Label to show. Default: 'No addresses available.'
-     */
-    emptyText?: string;
-}
-/**
- * The AddressesEmpty component is aimed to display a message in case no customer address is available, otherwise it won't show.
- *
- * It accepts an optional `emptyText` prop to customize default message.
- *
- * It is also possible to wrap inside this component any children elements to create a completely custom experience regarding the absence of customer addresses.
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside the `<AddressesContainer>` component.
- * </span>
- *
- */
-declare function AddressesEmpty(props: Props$1i): JSX.Element | null;
-
-interface Props$1h {
-    children: ReactNode;
-}
-declare function BillingAddressContainer(props: Props$1h): JSX.Element;
-
-type Props$1g = {
-    children: ReactNode;
-    /**
-     * Define if current form needs to be reset over a defined boolean condition
-     */
-    reset?: boolean;
-    /**
-     * Define children input and select classnames assigned in case of validation error.
-     */
-    errorClassName?: string;
-    fieldEvent?: 'blur' | 'change';
-    /**
-     * Callback to customize the error message for a specific field. Called for each error in the form.
-     */
-    customFieldMessageError?: CustomFieldMessageError;
-} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
-/**
- * Form container for creating or editing an order related billing address or a customer address, depending on the context in use.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<AddressesContainer>` component.
- * Can optionally be a child of the `<OrderContainer>` component, when it needs to be used in the checkout process and store the billing address in the order object.
- * </span>
- * <span title='Children' type='info'>
- * `<AddressInput>`,
- * `<AddressCountrySelector>`,
- * `<AddressStateSelector>`,
- * `<SaveAddressesButton>`
- * </span>
- */
-declare function BillingAddressForm(props: Props$1g): JSX.Element;
-
-interface TOnClick {
-    success: boolean;
-    order?: Order;
-}
-interface ChildrenProps$l extends Omit<Props$1f, "children"> {
-}
-interface Props$1f extends Omit<JSX.IntrinsicElements["button"], "children" | "onClick"> {
-    children?: ChildrenFunction<ChildrenProps$l>;
-    label?: string | ReactNode;
-    onClick?: (params: TOnClick) => void;
-    addressId?: string;
-    requiredMetadataFields?: string[];
-}
-declare function SaveAddressesButton(props: Props$1f): JSX.Element;
-
-interface Props$1e {
-    children: DefaultChildrenType;
-}
-declare function ShippingAddressContainer(props: Props$1e): JSX.Element;
-
-interface Props$1d extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
-    children: ReactNode;
-    reset?: boolean;
-    errorClassName?: string;
-    fieldEvent?: 'blur' | 'change';
-    /**
-     * Callback to customize the error message for a specific field. Called for each error in the form.
-     */
-    customFieldMessageError?: CustomFieldMessageError;
-}
-/**
- * Form container for creating or editing an order related shipping address.
- *
- * It accept:
- * - a `reset` prop to define if current form needs to be reset over a defined boolean condition.
- * - a `errorClassName` prop to define children input and select classnames assigned in case of validation error.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<AddressesContainer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<AddressInput>`,
- * `<AddressCountrySelector>`,
- * `<AddressStateSelector>`,
- * `<SaveAddressesButton>`
- * </span>
- */
-declare function ShippingAddressForm(props: Props$1d): JSX.Element;
-
-interface Props$1c {
-    /**
-     * Accept a React node as children.
-     */
-    children: DefaultChildrenType;
-    /**
-     * The access token to authenticate the API calls.
-     */
-    accessToken: string;
-    /**
-     * The endpoint to make the API calls. e.g. https://yourdomain.commercelayer.io
-     */
-    endpoint?: string;
-    /**
-     * The domain to make the API calls. e.g. commercelayer.io
-     */
-    domain?: string;
-}
-/**
- * CommerceLayer component
- */
-declare function CommerceLayer(props: Props$1c): JSX.Element;
-
-interface Props$1b extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
-    children: ReactNode;
-    reset?: boolean;
-    errorClassName?: string;
-    /**
-     * Array of countries that have states has select options. Ignore this if you are not overriding the default states list.
-     * If you are overriding the default states list, you must pass the countries that have states as select options.
-     */
-    countriesWithPredefinedStateOptions?: string[];
-}
-declare function CustomerAddressForm(props: Props$1b): JSX.Element;
-
-interface Props$1a {
-    children: DefaultChildrenType;
-    /**
-     * Customer type
-     */
-    isGuest?: boolean;
-    /**
-     * The page size
-     * default: 10
-     */
-    addressesPageSize?: QueryPageSize;
-}
-/**
- * Main container for the Customers components.
- * It stores - in its context - the details of an active customer, if present.
- *
- * It also accept a `isGuest` prop to define if no customer is currently set as active.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<CustomerField>`,
- * `<CustomerInput>`,
- * `<SaveCustomerButton>`,
- * `<AddressesContainer>`,
- * `<AddressesEmpty>`,
- * `<CustomerPaymentSource>`,
- * `<CustomerPaymentSourceEmpty>`,
- * `<PaymentMethodsContainer>`,
- * `<OrdersList>`
- * </span>
- */
-declare function CustomerContainer(props: Props$1a): JSX.Element;
-
-type InitialSkuContext = Partial<{
-    sku: Sku;
-}>;
-
-interface InitialStockTransferContext {
-    stockTransfer?: StockTransfer$1 | null | LineItem$1;
-}
-
-type InitialLineItemChildrenContext = Partial<{
-    lineItem: LineItem$1 | null | undefined;
-}>;
-
-type InitialCustomerContext = Partial<{
-    saveCustomerUser: (customerEmail: string) => Promise<void>;
-    setCustomerErrors: SetCustomerErrors;
-    setCustomerEmail: typeof setCustomerEmail;
-    getCustomerPaymentSources: typeof getCustomerPaymentSources;
-    deleteCustomerAddress: typeof deleteCustomerAddress;
-    getCustomerAddresses: typeof getCustomerAddresses;
-    createCustomerAddress: (address: TCustomerAddress) => Promise<void>;
-    setResourceTrigger: typeof setResourceTrigger;
-    getCustomerOrders: (props: Partial<Parameters<typeof getCustomerOrders>[0]>) => Promise<void>;
-    getCustomerSubscriptions: (props: Partial<Parameters<typeof getCustomerSubscriptions>[0]>) => Promise<void>;
-    reloadCustomerAddresses: () => Promise<void>;
-} & CustomerState>;
-
-interface InitialParcelContext {
-    parcel?: Parcel;
-}
-
-interface InitialParcelLineItemContext {
-    parcelLineItem?: ParcelLineItem$1;
-}
-
-interface TResources {
-    StockTransfer: LineItem$1 & {
-        resource: 'stockTransfer';
-    };
-    Sku: Sku & {
-        resource: 'sku';
-    };
-    LineItem: LineItem$1 & {
-        resource: 'lineItem';
-    };
-    Customer: Customer & {
-        resource: 'customers';
-    };
-    Parcel: Parcel & {
-        resource: 'parcel';
-    };
-    ParcelLineItem: Pick<ParcelLineItem$1, 'quantity' | 'sku_code' | 'name' | 'image_url'> & {
-        resource: 'parcelLineItem';
-    };
-}
-type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props$19<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
-    attributeValue: E[keyof E];
-};
-interface ResourceContext {
-    stockTransfer: InitialStockTransferContext;
-    sku: InitialSkuContext;
-    lineItem: InitialLineItemChildrenContext;
-    customers: InitialCustomerContext;
-    parcel: InitialParcelContext;
-    parcelLineItem: InitialParcelLineItemContext;
-}
-type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
-interface Props$19<E extends TResources[keyof TResources]> {
-    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
-    resource: E['resource'];
-    /**
-     * Resource attribute to display.
-     */
-    attribute: keyof E;
-    /**
-     * Html tag to render. When tag is `img` the value will be used to fill the `src` attribute.
-     */
-    tagElement: keyof JSX.IntrinsicElements;
-    context: GenericContext<E['resource']>;
-}
-
-type StockTransferFieldChildrenProps$1 = TGenericChildrenProps<TResources['Customer']>;
-type TCondition$5 = ConditionalElement<Exclude<TResources['Customer'], 'resource'>>;
-type Props$18 = {
-    children?: (props: StockTransferFieldChildrenProps$1) => JSX.Element;
-} & TCondition$5;
-/**
- * The CustomerField component displays any attribute of the `customer` set in the state of the parent `<CustomerContainer>` component.
- *
- * It also accepts a `tagElement` props to enable specific tag-related props.
- * For examples, when `tagElement` is set to `img` it will also accept props related to `<img>` tag such as `height` and `width`.
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside the `<CustomerContainer>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `customers` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/customers/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function CustomerField<P extends Props$18>(props: P): JSX.Element;
-
-type Props$17 = {
-    name?: 'customer_email' | string;
-    type?: 'email' | string;
-    saveOnBlur?: boolean;
-    onBlur?: (email: string) => void;
-    errorClassName?: string;
-} & Omit<BaseInputComponentProps, 'name' | 'type' | 'onBlur'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-declare function CustomerInput(props: Props$17): JSX.Element;
-
-interface ChildrenProps$k extends Omit<Props$16, "children"> {
-    handleClick: () => void;
-}
-interface Props$16 extends Omit<JSX.IntrinsicElements["button"], "children"> {
-    children?: ChildrenFunction<ChildrenProps$k>;
-    label?: string | ReactNode;
-    onClick?: () => void;
-}
-declare function SaveCustomerButton(props: Props$16): JSX.Element;
-
-interface Props$15 extends Omit<JSX.IntrinsicElements["form"], "children" | "ref"> {
-    children: DefaultChildrenType;
-    onSubmit?: (values: BaseState) => void;
-    ref?: RefObject<HTMLFormElement | null>;
-}
-declare function GiftCard(props: Props$15): JSX.Element;
-
-interface Props$14 {
-    children: ReactNode;
-}
-declare function GiftCardContainer(props: Props$14): JSX.Element;
-
-type Props$13 = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
-    required?: boolean;
-} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
-declare function GiftCardCurrencySelector(props: Props$13): JSX.Element;
-
-type Props$12 = {
-    name: GiftCardInputName;
-} & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-declare function GiftCardInput(props: Props$12): JSX.Element;
-
-interface ChildrenProps$j extends Omit<Props$11, "children" | "type"> {
-    code?: string | null;
-    hide?: boolean;
-    discountAmountCents?: number | null;
-    discountAmountFloat?: number | null;
-    formattedDiscountAmount?: string | null;
-}
-interface Props$11 extends Omit<JSX.IntrinsicElements["span"], "children"> {
-    type?: CodeType;
-    children?: ChildrenFunction<ChildrenProps$j>;
-}
-declare function GiftCardOrCouponCode({ children, type, ...props }: Props$11): JSX.Element | null;
-
-interface Props$10 extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
-    codeType?: OrderCodeType;
-    children: DefaultChildrenType;
-    onSubmit?: (response: {
-        success: boolean;
-        value: string;
-        order?: Order;
-    }) => void;
-}
-declare function GiftCardOrCouponForm(props: Props$10): JSX.Element | null;
-
-type FieldName = 'gift_card_code' | 'coupon_code';
-type Props$$ = {
-    name?: FieldName;
-    type?: 'text';
-    placeholderTranslation?: (codeType: OrderCodeType) => string;
-} & Omit<BaseInputComponentProps, 'name' | 'type'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-declare function GiftCardOrCouponInput(props: Props$$): JSX.Element | null;
-
-interface ChildrenProps$i extends Omit<Props$_, "children" | "onClick"> {
-    codeType?: OrderCodeType;
-    hide?: boolean;
-    handleClick?: () => void;
-}
-type Props$_ = {
-    type?: CodeType;
-    children?: ChildrenFunction<ChildrenProps$i>;
-    label?: string | ReactNode;
-    onClick?: (response: {
-        success: boolean;
-        order?: Order;
-    }) => void;
-} & Omit<JSX.IntrinsicElements["button"], "type" | "onClick">;
-declare function GiftCardOrCouponRemoveButton(props: Props$_): JSX.Element | null;
-
-interface ChildrenProps$h extends Omit<Props$Z, 'children'> {
-}
-interface Props$Z extends Omit<JSX.IntrinsicElements['button'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$h>;
-    label?: string | ReactNode;
-}
-declare function GiftCardOrCouponSubmit(props: Props$Z): JSX.Element;
-
-interface Props$Y extends Omit<JSX.IntrinsicElements['button'], 'children' | 'onClick'> {
-    /**
-     * The code of the sku.
-     */
-    skuCode: string;
-    /**
-     * The label to display.
-     */
-    label?: string | JSX.Element;
-    /**
-     * The label to display when the button is loading.
-     */
-    loadingLabel?: string | JSX.Element;
-    /**
-     * The email of the customer.
-     */
-    customerEmail?: string;
-    /**
-     * The children of the component.
-     */
-    children?: ChildrenFunction<Omit<Props$Y, 'children'>>;
-    /**
-     * Show the button.
-     */
-    show?: boolean;
-    /**
-     * The callback function to call when the button is clicked.
-     */
-    onClick?: (response: {
-        success: boolean;
-    }) => void;
-}
-declare function InStockSubscriptionButton({ skuCode, customerEmail, children, onClick, show, label, loadingLabel, ...props }: Props$Y): JSX.Element | null;
-
-interface Props$X {
-    /**
-     * The children of the component.
-     */
-    children: DefaultChildrenType;
-}
-declare function InStockSubscriptionsContainer({ children }: Props$X): JSX.Element | null;
-
-type TLineItem = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
-interface Props$W {
-    children: JSX.Element | JSX.Element[];
-    type?: TLineItem;
-}
-declare function LineItem(props: Props$W): JSX.Element;
-
-type Props$V = BaseAmountComponent & {
-    type?: BasePriceType;
-};
-declare function LineItemAmount(props: Props$V): JSX.Element;
-
-interface TLineItemCode extends Omit<Props$U, 'children'> {
-    lineItem: LineItem$1;
-    skuCode: string;
-}
-interface Props$U extends Omit<JSX.IntrinsicElements['p'], 'children'> {
-    children?: ChildrenFunction<TLineItemCode>;
-    type?: 'sku_code' | 'bundle_code';
-}
-declare function LineItemCode({ type, children, ...p }: Props$U): JSX.Element;
-
-type LineItemFieldChildrenProps = TGenericChildrenProps<TResources['LineItem']>;
-type TCondition$4 = ConditionalElement<Exclude<TResources['LineItem'], 'resource'>>;
-type Props$T = {
-    children?: (props: LineItemFieldChildrenProps) => JSX.Element;
-} & TCondition$4;
-/**
- * @param props {@link Props}
- * @returns
- */
-declare function LineItemField<P extends Props$T>(props: P): JSX.Element;
-
-interface TLineItemImage extends Omit<Props$S, 'children'> {
-    src: string;
-    lineItem: LineItem$1;
-}
-type Props$S = {
-    children?: ChildrenFunction<TLineItemImage>;
-    width?: number;
-    placeholder?: {
-        [K in TLineItem]?: string;
-    };
-} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet' | 'placeholder'>;
-declare function LineItemImage(props: Props$S): JSX.Element | null;
-
-interface TLineItemName extends Omit<Props$R, 'children'> {
-    label: string;
-    lineItem: LineItem$1;
-}
-interface Props$R extends Omit<JSX.IntrinsicElements['p'], 'children'> {
-    children?: ChildrenFunction<TLineItemName>;
-}
-declare function LineItemName(props: Props$R): JSX.Element;
-
-interface TLineItemOption extends Omit<Props$Q, "children"> {
-    lineItemOption: LineItemOption$2;
-}
-interface Props$Q {
-    id?: string;
-    className?: string;
-    key?: string;
-    style?: CSSProperties;
-    children?: ChildrenFunction<TLineItemOption>;
-    name?: string;
-    valueClassName?: string;
-    tagElement?: keyof JSX.IntrinsicElements;
-    tagContainer?: keyof JSX.IntrinsicElements;
-}
-declare function LineItemOption(props: Props$Q): JSX.Element;
-
-type Props$P = {
-    children: ReactNode;
-    title?: string;
-    showName?: boolean;
-    titleTagElement?: keyof JSX.IntrinsicElements;
-    titleClassName?: string;
-} & Omit<JSX.IntrinsicElements['div'], 'children'> & ({
-    skuOptionId: string;
-    showAll?: never;
-} | {
-    skuOptionId?: never;
-    showAll: true;
-});
-declare function LineItemOptions(props: Props$P): JSX.Element;
-
-interface ChildrenProps$g extends Omit<Props$O, 'children'> {
-    quantity: number;
-    handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
-    lineItem?: LineItem$1;
-}
-type Props$O = {
-    children?: ChildrenFunction<ChildrenProps$g>;
-    max?: number;
-    disabled?: boolean;
-    readonly?: boolean;
-    /**
-     * force the update of the line item price using `_external_price: true` attribute
-     * @link https://docs.commercelayer.io/core/external-resources/external-prices
-     */
-    hasExternalPrice?: boolean;
-} & (Omit<JSX.IntrinsicElements['select'], 'children'> & Omit<JSX.IntrinsicElements['span'], 'children'>);
-declare function LineItemQuantity(props: Props$O): JSX.Element;
-
-interface ChildrenProps$f extends Omit<Props$N, 'children'> {
-    handleRemove: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    label?: string;
-    lineItem?: LineItem$1;
-}
-interface Props$N extends PropsWithoutRef<Omit<JSX.IntrinsicElements['a'], 'children'>> {
-    children?: ChildrenFunction<ChildrenProps$f>;
-    label?: string;
-}
-declare function LineItemRemoveLink(props: Props$N): JSX.Element;
-
-interface Props$M {
-    children: DefaultChildrenType;
-    filters?: Record<string, any>;
-    loader?: JSX.Element;
-}
-declare function LineItemsContainer(props: Props$M): JSX.Element;
-
-type TypeAccepted = Extract<TLineItem, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
-
-interface ChildrenProps$e extends Omit<Props$L, 'children'> {
-    quantity: number;
-}
-interface Props$L extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$e>;
-    typeAccepted?: TypeAccepted[];
-}
-declare function LineItemsCount(props: Props$L): JSX.Element;
-
-interface ChildrenProps$d extends Omit<Props$K, 'children'> {
-    quantity: number;
-    text: string;
-}
-interface Props$K extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$d>;
-    text?: string;
-}
-declare function LineItemsEmpty(props: Props$K): JSX.Element | null;
-
-interface TAddToCartButton extends Omit<Props$J, "children"> {
-    handleClick: () => AddToCartReturn;
-}
-type BuyNowMode = {
-    /**
-     * Once item has been added, it redirects to the hosted checkout micro-frontend.
-     */
-    buyNowMode: true;
-    /**
-     * If you have a self-hosted checkout, you can pass the url to redirect to it.
-     */
-    checkoutUrl?: string;
-} | {
-    buyNowMode?: false;
-    checkoutUrl?: never;
-};
-type THostedCart = {
-    /**
-     * Once item has been added, it redirects to the hosted cart micro-frontend.
-     */
-    redirectToHostedCart: true;
-    /**
-     * If you have a self-hosted cart, you can pass the url to redirect to it.
-     */
-    hostedCartUrl?: string;
-    /**
-     * If you have a self-hosted cart, you can pass the protocol to redirect to it.
-     */
-    protocol?: "http" | "https";
-} | {
-    redirectToHostedCart?: false;
-    hostedCartUrl?: never;
-    protocol?: never;
-};
-type TButton = PropsWithoutRef<Omit<JSX.IntrinsicElements["button"], "children">>;
-type Props$J = {
-    /**
-     * Code of a bundle
-     */
-    bundleCode?: string;
-    children?: ChildrenFunction<TAddToCartButton>;
-    /**
-     * Disable the cart button
-     */
-    disabled?: boolean;
-    /**
-     * Label to display
-     */
-    label?: string | JSX.Element;
-    /**
-     * Line item which allow you customize the cart item
-     */
-    lineItem?: CustomLineItem;
-    /**
-     * Line item option to add to cart
-     */
-    lineItemOption?: LineItemOption$1;
-    /**
-     * Quantity of the item
-     */
-    quantity?: string;
-    /**
-     * SKU code to add to cart
-     */
-    skuCode?: string;
-    /**
-     * SKU list to add to cart
-     */
-    skuListId?: string;
-} & TButton & BuyNowMode & THostedCart;
-/**
- * This component adds `line_items` to the cart (aka draft order), see the [how to create a shopping cart](https://docs.commercelayer.io/core/v/how-tos/placing-orders/shopping-cart/create-a-shopping-cart) documentation,
- * for a general understanding of the process.
- *
- * It can be used to add `skus` or `bundle` by receiving `skuCode` or `bundleCode` from props.
- * When `skuListId` is passed as prop , it will add all the `skus` in the `sku_list` to the cart.
- *
- * It's possible to select the quantity of the item to add to cart by passing the `quantity` prop.
- *
- * When this component is used inside a `<Skus>` or `<SkuList>` component, it will automatically get the `skuCode` and quantity from the context,
- * so you don't need to pass it as prop.
- *
- * It can automatically redirect to the cart page of the application using the `redirectToHostedCart` prop and optionally a `hostedCartUrl`.
- *
- * With a similar logic, you can enable a "Buy Now" experience and automatically redirect the customer to the checkout page using the `buyNowMode` prop and optionally a `checkoutUrl`.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<OrderContainer>` component.
- * </span>
- */
-declare function AddToCartButton(props: Props$J): JSX.Element;
-
-declare function AdjustmentAmount(props: BaseAmountComponent): JSX.Element;
-
-interface ChildrenProps$c extends Omit<Props$I, 'children'> {
-    /**
-     * The url of the cart
-     */
-    href: string;
-    /**
-     * Callback to dispatch the click event
-     * @param e: MouseEvent<HTMLAnchorElement>
-     * @returns Promise<void>
-     */
-    handleClick?: (e: MouseEvent$1<HTMLAnchorElement>) => Promise<void>;
-    /**
-     * The order id
-     */
-    orderId?: string;
-    /**
-     * The access token
-     */
-    accessToken?: string;
-}
-interface Props$I extends Omit<JSX.IntrinsicElements['a'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$c>;
-    /**
-     * Label to display
-     */
-    label?: string | ReactNode;
-    /**
-     * The type of the cart. Defaults to undefined. If set to 'mini', the cart will open in a modal.
-     */
-    type?: 'mini';
-    /**
-     * The domain of your forked application
-     */
-    customDomain?: string;
-}
-/**
- * This component generates a link to the hosted mfe-cart application.
- * In this way you can connect your shop application with our hosted micro-frontend.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<OrderContainer>` component. <br />
- * </span>
- */
-declare function CartLink(props: Props$I): JSX.Element | null;
-
-interface ChildrenProps$b extends Omit<Props$H, "children"> {
-    checkoutUrl: string;
-    href: string;
-}
-interface Props$H extends Omit<JSX.IntrinsicElements["a"], "children"> {
-    children?: ChildrenFunction<ChildrenProps$b>;
-    /**
-     * Label for the checkout link
-     */
-    label?: string;
-    /**
-     * Ignores `order.checkout_url` and redirects to the hosted checkout micro-frontend.
-     * @default true
-     */
-    hostedCheckout?: boolean;
-}
-/**
- * This component generates a link to the hosted mfe-checkout application.
- * In this way you can connect your shop application with our hosted micro-frontend.
- *
- * By default it will takes the customer to our hosted checkout micro-frontend,
- * but if `hostedCheckout` is set as `false` it will use the `checkout_url` attribute
- * found in the `order` object.
- */
-declare function CheckoutLink(props: Props$H): JSX.Element;
-
-declare function DiscountAmount(props: BaseAmountComponent): JSX.Element;
-
-declare function GiftCardAmount(props: BaseAmountComponent): JSX.Element | null;
-
-interface Props$G {
-    children: DefaultChildrenType;
-    /**
-     * Metadata to add when creates a new order
-     */
-    metadata?: BaseMetadataObject;
-    /**
-     * Attribute to add when creates/updates an order
-     */
-    attributes?: OrderCreate;
-    /**
-     * ID of the order
-     */
-    orderId?: string;
-    /**
-     * Callback called when the order is updated
-     */
-    fetchOrder?: (order: Order) => void;
-    /**
-     * Indicate if Adyen gift card management is enabled
-     */
-    manageAdyenGiftCard?: boolean;
-}
-/**
- * This component is responsible for fetching the order and store it in its context.
- * It also provides the `fetchOrder` callback that is triggered every time the order is updated (it returns the updated order object as argument).
- * When the order is not placed yet, its possible to pass the `metadata` and `attributes` props to update the order.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<CommerceLayer>` component. <br />
- * Can be a child of the `<OrderStorage>` component and receive the `orderId` from it.
- * </span>
- *
- * <span title="Children" type="info">
- * `<AddToCartButton>`,
- * `<AdjustmentAmount>`,
- * `<CartLink>`,
- * `<CheckoutLink>`,
- * `<DiscountAmount>`,
- * `<GiftCardAmount>`,
- * `<HostedCart>`,
- * `<OrderNumber>`,
- * `<PaymentMethodAmount>`,
- * `<PlaceOrderButton>`,
- * `<PlaceOrderContainer>`,
- * `<PrivacyAndTermsCheckbox>`,
- * `<Shipping Amount>`,
- * `<SubTotalAmount>`,
- * `<TaxesAmount>`,
- * `<TotalAmount>`,
- * </span>
- *
- * <span title="Core API" type="info">
- * Check the `orders` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/orders/object).
- * </span>
- */
-declare function OrderContainer(props: Props$G): JSX.Element;
-
-type TOrderList = 'orders' | 'subscriptions';
-type TableAccessor<T extends TOrderList> = T extends 'orders' ? keyof Order : keyof OrderSubscription;
-type OrderListContent<T extends TOrderList> = T extends 'orders' ? Order : OrderSubscription;
-type InitialOrderListContext = Partial<{
-    type: TOrderList;
-    /**
-     * The current order
-     */
-    order: OrderListContent<TOrderList> | null;
-    /**
-     * The list of orders
-     */
-    orders: OrderListContent<TOrderList>[] | null | undefined;
-    /**
-     * The current row
-     */
-    row: Row<OrderListContent<TOrderList>>;
-    /**
-     * Show the row actions
-     */
-    showActions: boolean;
-    /**
-     * Function to assign as custom row renderer
-     */
-    actionsComponent: (props: {
-        order: OrderListContent<TOrderList>;
-    }) => JSX.Element;
-    /**
-     * Class name to assign as custom row renderer
-     */
-    actionsContainerClassName: string;
-    /**
-     * Infinite scroll enabled
-     */
-    infiniteScroll: boolean;
-}>;
-
-type OrderListColumn<T extends TOrderList = 'orders'> = ColumnDef<OrderListContent<T>> & {
-    className?: string;
-    titleClassName?: string;
-};
-type TOrderListColumn<T extends TOrderList = 'orders'> = OrderListColumn<T>;
-type PaginationProps = {
-    /**
-     * Show table pagination. Default is false.
-     */
-    showPagination: true;
-    /**
-     * Number of rows per page. Default is 10. Max is 25.
-     */
-    pageSize?: TRange<1, 26>;
-} | {
-    /**
-     * Show table pagination. Default is false.
-     */
-    showPagination?: false;
-    pageSize?: never;
-};
-type SubscriptionFields = {
-    /**
-     * Subscriptions id - Use to fetch subscriptions and shows its orders
-     */
-    id?: string;
-    type?: 'subscriptions';
-} | {
-    id?: never;
-    type?: 'orders';
-};
-type Props$F = {
-    /**
-     * Type of list to render
-     */
-    type?: TOrderList;
-    /**
-     * Children components to render
-     */
-    children: DefaultChildrenType;
-    /**
-     * Columns to show
-     */
-    columns: OrderListColumn<TOrderList>[];
-    /**
-     * Custom loader component
-     */
-    loadingElement?: string | JSX.Element;
-    /**
-     * Function to assign as custom row renderer
-     */
-    actionsComponent?: InitialOrderListContext['actionsComponent'];
-    /**
-     * Class name to assign to the custom row container
-     */
-    actionsContainerClassName?: string;
-    /**
-     * Show actions column. Default is false.
-     */
-    showActions?: boolean;
-    /**
-     * Sort by column. Default is `number` column descending.
-     */
-    sortBy?: SortingState;
-    /**
-     * 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.
-     */
-    rowTrClassName?: string;
-} & Omit<JSX.IntrinsicElements['table'], 'children'> & PaginationProps & SubscriptionFields;
-declare function OrderList({ id, type, children, columns, loadingElement, showActions, showPagination, sortBy, pageSize, paginationContainerClassName, actionsComponent, actionsContainerClassName, theadClassName, rowTrClassName, ...p }: Props$F): JSX.Element;
-
-interface Props$E extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    /**
-     * Function allow you to customize the component
-     */
-    children?: ChildrenFunction<Omit<Props$E, 'children'>>;
-    /**
-     * Label to show. Default: 'No orders available.'
-     */
-    emptyText?: string;
-}
-declare function OrderListEmpty(props: Props$E): JSX.Element | null;
-declare namespace OrderListEmpty {
-    var displayName: string;
-}
-
-interface ChildrenProps$a extends Omit<Props$D, "children"> {
-    /**
-     * The order resource
-     */
-    order: OrderListContent<TOrderList>;
-    /**
-     * The current row
-     */
-    row: Row<OrderListContent<TOrderList>>;
-    /**
-     * The current cell
-     */
-    cell: Array<ReturnType<Row<OrderListContent<TOrderList>>["getVisibleCells"]>[number]>;
-}
-interface Props$D extends Omit<JSX.IntrinsicElements["td"], "children"> {
-    children?: (props: ChildrenProps$a) => JSX.Element;
-    /**
-     * The order field to show
-     */
-    field: TableAccessor<TOrderList>;
-}
-declare function OrderListRow({ field, children, ...p }: Props$D): JSX.Element;
-declare namespace OrderListRow {
-    var displayName: string;
-}
-
-type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
-interface BaseFieldProps extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    attribute: 'number' | 'id';
-    children?: (props: BaseFieldChildren) => JSX.Element;
-}
-
-type Props$C = Omit<BaseFieldProps, 'attribute'>;
-declare function OrderNumber(props: Props$C): JSX.Element;
-
-interface Props$B {
-    children: ReactNode;
-    /**
-     * The key used to persist the order id in the browser local storage.
-     */
-    persistKey: string;
-    /**
-     * Removes the saved order id from the local storage when order is placed.
-     * @default true
-     */
-    clearWhenPlaced?: boolean;
-}
-/**
- * This component handle the persistence of the order id in the browser local storage.
- * When adding a product into the cart and the order does not exist yet, in will be created by the `OrderContainer` and
- * the order id will then be automatically saved in the local storage using `OrderStorage` context.
- * In this way on page refresh or components remounting, the `OrderContainer` will be able to load the order getting the id from this context.
- *
- * By default, the localStorage key will be deleted once the order has been placed, but you can disable this behavior via `clearWhenPlaced` prop.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<CommerceLayer>` component. <br />
- * </span>
- *
- * <span title="Children" type="info">
- * `<OrderContainer>`,
- * </span>
- */
-declare function OrderStorage(props: Props$B): JSX.Element;
-
-declare function PaymentMethodAmount(props: BaseAmountComponent): JSX.Element;
-
-interface ChildrenProps$9 extends Omit<Props$A, "children"> {
-    /**
-     * Callback function to place the order
-     */
-    handleClick: () => Promise<void>;
-}
-interface Props$A extends Omit<JSX.IntrinsicElements["button"], "children" | "onClick"> {
-    children?: ChildrenFunction<ChildrenProps$9>;
-    /**
-     * The label of the button
-     */
-    label?: string | ReactNode | (() => ReactNode);
-    /**
-     * The label of the button when it's loading
-     */
-    loadingLabel?: string | ReactNode;
-    /**
-     * If false, the button doesn't place the order automatically. Default: true
-     */
-    autoPlaceOrder?: boolean;
-    /**
-     * Callback function that is fired when the button is clicked
-     */
-    onClick?: (response: {
-        placed: boolean;
-        order?: Order;
-        errors?: BaseError[];
-    }) => void;
-}
-declare function PlaceOrderButton(props: Props$A): JSX.Element;
-
-type IconBrand = 'visa' | 'credit-card' | 'amex' | 'mastercard' | 'jcb' | 'wire-transfer' | 'maestro' | 'cirrus' | 'paypal';
-interface DefaultContext {
-    brand?: IconBrand | string;
-    exp_month?: number | string;
-    exp_year?: number | string;
-    last4?: string;
-    issuer_type?: string;
-    showCard?: boolean;
-    readonly?: boolean;
-    handleEditClick?: (e: MouseEvent) => void;
-}
-declare const PaymentSourceContext: react.Context<DefaultContext>;
-
-interface ChildrenProps$8 extends Pick<Props$z, 'customerPayments'> {
-    PaymentSourceProvider: typeof PaymentSourceContext.Provider;
-}
-interface CustomerPayment extends CustomerPaymentSource {
-    /**
-     * Card details
-     */
-    card?: {
-        /**
-         * Card brand
-         */
-        brand: IconBrand;
-        /**
-         * Card last 4 digits
-         */
-        last4: string;
-    };
-    /**
-     * Handle click event
-     */
-    handleClick?: () => void;
-}
-type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps$8>;
-interface Props$z {
-    /**
-     * Customer payments
-     */
-    customerPayments: CustomerPayment[];
-    children: CustomerCardsTemplateChildren;
-    /**
-     * Payment resource
-     */
-    paymentResource: PaymentResource;
-}
-
-interface CustomerCardsProps {
-    handleClick: () => void;
-}
-interface CustomerSaveToWalletProps {
-    name: 'save_payment_source_to_customer_wallet';
-}
-interface PaymentSourceProps extends Omit<JSX.IntrinsicElements['div'], 'children'> {
-    children?: JSX.Element | JSX.Element[];
-    readonly?: boolean;
-    templateCustomerCards?: CustomerCardsTemplateChildren;
-    onClickCustomerCards?: () => void;
-    templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => JSX.Element;
-    loader?: LoaderType;
-}
-declare function PaymentSource(props: PaymentSourceProps): JSX.Element;
-
-interface PaymentMethodsStyle {
-    card?: CardConfiguration["styles"];
-    paypal?: PayPalConfiguration["style"];
-}
-/**
- * Configuration options for the Adyen payment component.
- */
-interface AdyenPaymentConfig {
-    /**
-     * Optional CSS class name for the card container.
-     */
-    cardContainerClassName?: string;
-    /**
-     * Optional CSS class name for the 3D Secure container.
-     * @deprecated
-     */
-    threeDSecureContainerClassName?: string;
-    /**
-     * Callback function to be called when an order is placed.
-     * @param response - An object containing the placement status.
-     */
-    placeOrderCallback?: (response: {
-        placed: boolean;
-    }) => void;
-    /**
-     * Optional styles for the payment methods.
-     */
-    styles?: PaymentMethodsStyle;
-    /**
-     * Configuration options for the payment methods.
-     */
-    paymentMethodsConfiguration?: DropinConfiguration["paymentMethodsConfiguration"];
-    /**
-     * Callback function to disable a stored payment method.
-     * @param props - An object containing the recurring detail reference and shopper reference.
-     * @returns A promise that resolves to a boolean indicating whether the stored payment method was disabled.
-     */
-    onDisableStoredPaymentMethod?: (props: {
-        recurringDetailReference: string;
-        shopperReference: string | undefined;
-    }) => Promise<boolean>;
-}
-
-type BraintreeHostedFields<Type> = {
-    [Property in keyof Type]: {
-        label?: string;
-    } & Type[Property];
-};
-interface BraintreeConfig {
-    containerClassName?: string;
-    cardContainerClassName?: string;
-    expDateContainerClassName?: string;
-    fieldsContainerClassName?: string;
-    cvvContainerClassName?: string;
-    cardDetailsContainerClassName?: string;
-    fieldLabelClassName?: string;
-    inputWrapperClassName?: string;
-    fields?: BraintreeHostedFields<HostedFieldFieldOptions>;
-    styles?: Record<string, Record<string, string>>;
-    /**
-     * Force challenge request for 3D Secure authentication. Default is true.
-     */
-    challengeRequested?: boolean;
-}
-
-interface PaypalConfig {
-    return_url: string;
-    cancel_url: string;
-    infoMessage?: {
-        text?: string | ReactNode;
-        className?: string;
-    };
-}
-
-interface StripeConfig {
-    containerClassName?: string;
-    hintLabel?: string;
-    name?: string;
-    options?: StripePaymentElementOptions;
-    appearance?: StripeElementsOptions['appearance'];
-    [key: string]: any;
-}
-
-interface WireTransferConfig {
-    infoMessage?: {
-        text?: string | JSX.Element[];
-        className?: string;
-    };
-}
-
-interface CheckoutComConfig {
-    containerClassName?: string;
-    hintLabel?: string;
-    name?: string;
-    success_url?: string;
-    failure_url?: string;
-    options?: {
-        style: FramesStyle;
-    };
-    [key: string]: unknown;
-}
-
-interface ExternalPaymentConfig {
-    /**
-     * Show the component. Default is false
-     */
-    show?: boolean;
-    /**
-     * Use to display information about the external payment or whatever else.
-     */
-    customComponent?: ChildrenFunction<Omit<Props$y, 'customComponent'>>;
-    /**
-     * The payment source token, as generated by the external gateway SDK. Credit Card numbers are rejected.
-     */
-    payment_source_token: string;
-}
-interface Props$y extends Omit<ExternalPaymentConfig, 'payment_source_token'>, Pick<PaymentSourceProps, 'templateCustomerSaveToWallet'> {
-    paymentSourceToken: string;
-    locale?: StripeElementLocale;
-}
-
-interface Card {
-    type: string;
-    brand: string;
-    last4: string;
-    exp_year: number;
-    exp_month: number;
-}
-interface PaymentSourceObject {
-    adyen_payments: AdyenPayment & {
-        payment_request_data?: {
-            payment_method?: Card;
-        };
-        payment_response?: {
-            resultCode?: "Authorised";
-        };
-    };
-    braintree_payments: BraintreePayment & {
-        options?: {
-            card: Card;
-        };
-    };
-    external_payments: ExternalPayment & {
-        payment_source_token?: string;
-    };
-    paypal_payments: PaypalPayment;
-    stripe_payments: StripePayment & {
-        options?: {
-            card: Card;
-        };
-        payment_method?: {
-            card: Card;
-            type: string | "klarna" | "card";
-        };
-    };
-    wire_transfers: WireTransfer;
-    checkout_com_payments: CheckoutComPayment & {
-        payment_response: {
-            source?: Pick<Card, "last4"> & {
-                scheme: string;
-                expiry_year: number;
-                expiry_month: number;
-            };
-        };
-    };
-    klarna_payments: KlarnaPayment;
-}
-type PaymentResource = keyof PaymentSourceObject;
-interface PaymentMethodConfig {
-    adyenPayment?: AdyenPaymentConfig;
-    braintreePayment?: BraintreeConfig;
-    checkoutComPayment?: CheckoutComConfig;
-    externalPayment?: ExternalPaymentConfig;
-    klarnaPayment?: Pick<AdyenPaymentConfig, "placeOrderCallback"> & Pick<StripeConfig, "containerClassName">;
-    paypalPayment?: PaypalConfig;
-    stripePayment?: StripeConfig;
-    wireTransfer?: Partial<WireTransferConfig>;
-}
-
-interface PlaceOrderOptions {
-    paypalPayerId?: string;
-    adyen?: {
-        MD?: string;
-        PaRes?: string;
-        redirectResult?: string;
-    };
-    checkoutCom?: {
-        session_id: string;
-    };
-    stripe?: {
-        /**
-         * @deprecated
-         * Use `paymentIntentClientSecret` instead
-         */
-        redirectStatus?: string;
-        paymentIntentClientSecret: string;
-    };
-}
-
-interface Props$x {
-    children: ReactNode;
-    options?: PlaceOrderOptions;
-}
-declare function PlaceOrderContainer(props: Props$x): JSX.Element;
-
-type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children' | 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
-
-declare function PrivacyAndTermsCheckbox(props: Partial<BaseInputProps>): JSX.Element;
-
-declare function ShippingAmount(props: BaseAmountComponent): JSX.Element;
-
-declare function SubTotalAmount(props: BaseAmountComponent): JSX.Element;
-
-declare function TaxesAmount(props: BaseAmountComponent): JSX.Element;
-
-declare function TotalAmount(props: BaseAmountComponent): JSX.Element | null;
-
-type ParcelFieldChildrenProps = TGenericChildrenProps<TResources['Parcel']>;
-type TCondition$3 = ConditionalElement<Exclude<TResources['Parcel'], 'resource'>>;
-type Props$w = {
-    children?: (props: ParcelFieldChildrenProps) => JSX.Element;
-} & TCondition$3;
-/**
- * @param props {@link Props}
- * @returns
- */
-declare function ParcelField<P extends Props$w>(props: P): JSX.Element;
-
-interface Props$v {
-    children: DefaultChildrenType;
-}
-declare function ParcelLineItem({ children }: Props$v): JSX.Element;
-
-type ParcelLineItemFieldChildrenProps = TGenericChildrenProps<TResources['ParcelLineItem']>;
-type TCondition$2 = ConditionalElement<Exclude<TResources['ParcelLineItem'], 'resource'>>;
-type Props$u = {
-    children?: (props: ParcelLineItemFieldChildrenProps) => JSX.Element;
-} & TCondition$2;
-/**
- * @param props {@link Props}
- * @returns
- */
-declare function ParcelLineItemField<P extends Props$u>(props: P): JSX.Element;
-
-interface ChildrenProps$7 extends Omit<Props$t, 'children'> {
-    /**
-     * Parcel of the current shipment
-     */
-    parcel?: Parcel;
-    /**
-     * Quantity of the parcel line items
-     */
-    quantity: number;
-}
-interface Props$t extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$7>;
-}
-declare function ParcelLineItemsCount({ children, ...p }: Props$t): JSX.Element;
-
-interface Props$s {
-    children: JSX.Element | JSX.Element[];
-    filterBy?: string[];
-}
-declare function Parcels({ children, filterBy }: Props$s): JSX.Element;
-
-interface ChildrenProps$6 extends Omit<Props$r, 'children'> {
-    /**
-     * Shipments of the current order
-     */
-    parcels?: Parcel[] | null;
-    /**
-     * Quantity of the parcels
-     */
-    quantity: number;
-}
-interface Props$r extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$6>;
-}
-declare function ParcelsCount({ children, ...p }: Props$r): JSX.Element;
-
-interface PaymentMethodOnClickParams {
-    payment?: PaymentMethod$1 | Record<string, any>;
-    order?: Order;
-    paymentSource?: Order['payment_source'];
-}
-type Props$q = {
-    /**
-     * Hide payment methods by an array of strings or a function that returns a boolean
-     */
-    hide?: PaymentResource[] | ((payment: PaymentMethod$1) => boolean);
-    children: DefaultChildrenType;
-    /**
-     * Set CSS classes when the payment method is selected
-     */
-    activeClass?: string;
-    /**
-     * Customize the loader component
-     */
-    loader?: LoaderType;
-    /**
-     * Auto select the payment method when there is only one available
-     */
-    autoSelectSinglePaymentMethod?: boolean | (() => void);
-    /**
-     * Enable express payment. Other payment methods will be disabled.
-     */
-    expressPayments?: boolean;
-    /**
-     * Sort payment methods by an array of strings
-     */
-    sortBy?: Array<PaymentMethod$1['payment_source_type']>;
-} & Omit<JSX.IntrinsicElements['div'], 'onClick' | 'children'> & ({
-    clickableContainer: true;
-    onClick?: (params: PaymentMethodOnClickParams) => void;
-} | {
-    clickableContainer?: never;
-    onClick?: never;
-});
-declare function PaymentMethod({ children, className, activeClass, loader, clickableContainer, autoSelectSinglePaymentMethod, expressPayments, hide, onClick, sortBy, ...p }: Props$q): JSX.Element;
-
-interface ChildrenProps$5 extends Omit<Props$p, 'children'> {
-    labelName: string;
-}
-interface Props$p extends Omit<JSX.IntrinsicElements['label'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$5>;
-}
-declare function PaymentMethodName(props: Props$p): JSX.Element;
-
-interface Props$o extends BaseAmountComponent {
-    type?: 'amount';
-    labelFree?: string;
-}
-declare function PaymentMethodPrice(props: Props$o): JSX.Element;
-
-interface ChildrenProps$4 extends Omit<Props$n, 'children'> {
-    checked: boolean;
-    handleOnChange: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;
-}
-interface TOnChangeParams {
-    payment?: PaymentMethod$1 | Record<string, any>;
-    order?: Order;
-}
-type Props$n = {
-    children?: ChildrenFunction<ChildrenProps$4>;
-    onChange?: (params: TOnChangeParams) => void;
-} & JSX.IntrinsicElements['input'];
-declare function PaymentMethodRadioButton(props: Props$n): JSX.Element;
-
-interface Props$m {
-    children: ReactNode;
-    config?: PaymentMethodConfig;
-}
-declare function PaymentMethodsContainer(props: Props$m): JSX.Element;
-
-interface ChildrenProps$3 extends Omit<Props$l, 'children'> {
-    brand: IconBrand;
-    defaultSrc: string;
-    url: string;
-}
-interface Props$l extends Omit<JSX.IntrinsicElements['img'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$3>;
-    width?: number;
-    height?: number;
-}
-declare function PaymentSourceBrandIcon({ src, width, children, ...p }: Props$l): JSX.Element;
-
-interface CustomComponent$1 extends Omit<Props$k, "children"> {
-    brand: IconBrand;
-}
-interface Props$k extends Omit<JSX.IntrinsicElements["span"], "children"> {
-    children?: ChildrenFunction<CustomComponent$1>;
-    label?: string;
-}
-declare function PaymentSourceBrandName({ children, label, ...props }: Props$k): JSX.Element;
-
-type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
-interface ChildrenProps$2 extends Omit<Props$j, 'children'> {
-    text: string;
-}
-interface Props$j extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps$2>;
-    /**
-     * Type of detail to display
-     */
-    type: PaymentSourceDetailType;
-}
-declare function PaymentSourceDetail({ type, children, ...p }: Props$j): JSX.Element;
-
-interface CustomComponent extends Omit<Props$i, 'children'> {
-}
-type Props$i = {
-    children?: ChildrenFunction<CustomComponent>;
-    label?: string | ReactNode;
-} & Omit<JSX.IntrinsicElements['button'], 'onClick'>;
-declare function PaymentSourceEditButton({ children, label, ...props }: Props$i): JSX.Element | null;
-
-interface PriceChildrenProps extends Omit<PriceProps, 'children'> {
-    loading: boolean;
-    loader: LoaderType;
-    prices: Price$1[];
-}
-interface PriceProps extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    children?: ChildrenFunction<PriceChildrenProps>;
-    /**
-     * CSS class name to be added for the compare price
-     */
-    compareClassName?: string;
-    /**
-     * When `false` the compare_at price will not be displayed
-     * @default true
-     */
-    showCompare?: boolean;
-    /**
-     * The `sku_code` of the price to be fetched
-     */
-    skuCode?: string | null;
-}
-/**
- * To display the price of your products with localized currency, discounts, and personalization rules, as shown in the code snippets below.
- *
- * Each price has an amount (the actual selling price) and an optional compare-at amount (the full price that you want to display to the customer — typically with a strikethrough).
- * This component is the owner of the price information. It fetches the price of the specified SKU and dispatches it to the cl-price-amount children.
- * <span type='info'>
- * By default it shows the `formatted_amount` and `formatted_compare_at_amount` of the first price object, but it also allows to access to the full `Price`object via children props.
- * </span>
- */
-declare function Price(props: PriceProps): JSX.Element;
-
-interface Props$h {
-    /**
-     * Any valid JSX.Element(s).
-     * A single `<Price>` component or a list of them is expected to render the prices.
-     */
-    children: JSX.Element | JSX.Element[];
-    /**
-     * SDK query filter to fetch the prices when multiple prices are requested.
-     */
-    filters?: object;
-    /**
-     * Loader component or string to be rendered while the prices are being fetched.
-     * @default 'Loading...'
-     */
-    loader?: LoaderType;
-    /**
-     * Prices per page to be fetched
-     */
-    perPage?: QueryPageSize;
-    /**
-     * SKU code to fetch the prices for. If not provided, the `sku_code` will be retrieved from the `<Price>` component(s) nested as children.
-     */
-    skuCode?: string;
-}
-/**
- * Main container for the Prices components. It stores the prices context.
- *
- * It can be used to fetch the prices for a specific `sku_code` passed as prop
- * or for the `sku_code` retrieved from all `<Price>` components nested as children.
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<Price>`
- * </span>
- */
-declare function PricesContainer(props: Props$h): JSX.Element;
-
-interface ShipmentProps {
-    children: ReactNode;
-    loader?: LoaderType;
-    autoSelectSingleShippingMethod?: boolean | ((order?: Order) => void);
-}
-declare function Shipment({ children, loader, autoSelectSingleShippingMethod }: ShipmentProps): JSX.Element;
-
-type ShipmentFieldChildrenProps = Omit<Props$g, "children"> & {
-    shipment: Shipment$1;
-};
-type ShipmentAttribute = "number" | "currency_code" | "status" | "cost_amount_cents" | "cost_amount_float" | "formatted_cost_amount" | "key_number";
-interface Props$g extends Omit<JSX.IntrinsicElements["span"], "children" | "ref"> {
-    children?: (props: ShipmentFieldChildrenProps) => JSX.Element;
-    name: ShipmentAttribute;
-}
-declare function ShipmentField(props: Props$g): JSX.Element;
-
-interface Props$f {
-    children: ReactNode;
-}
-declare function ShipmentsContainer(props: Props$f): JSX.Element;
-
-interface ChildrenProps$1 extends Omit<Props$e, 'children'> {
-    /**
-     * Shipments of the current order
-     */
-    shipments?: Shipment$1[] | null;
-    /**
-     * Quantity of the shipments
-     */
-    quantity: number;
-}
-interface Props$e extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    children?: ChildrenFunction<ChildrenProps$1>;
-}
-declare function ShipmentsCount({ children, ...p }: Props$e): JSX.Element;
-
-interface Props$d {
-    children: ReactNode;
-    readonly?: boolean;
-    emptyText?: string;
-}
-declare function ShippingMethod(props: Props$d): JSX.Element;
-
-type ChildrenProps = Omit<Props$c, 'children'> & {
-    label: string;
-    shippingMethod: ShippingMethod$1;
-};
-interface Props$c extends Omit<JSX.IntrinsicElements['label'], 'children' | 'ref'> {
-    children?: (props: ChildrenProps) => JSX.Element;
-}
-declare function ShippingMethodName(props: Props$c): JSX.Element;
-
-type Props$b = BaseAmountComponent & {
-    /**
-     * The label to show when the price is free
-     */
-    labelFreeOver?: string;
-    /**
-     * The label to show when the price is external
-     */
-    labelExternal?: string;
-} & ({
-    type?: 'amount';
-    base?: 'freeOver';
-} | {
-    type?: 'amount' | 'amountForShipment';
-    base?: 'price';
-});
-declare function ShippingMethodPrice(props: Props$b): JSX.Element;
-
-interface ShippingMethodRadioButtonType extends Omit<Props$a, 'children'> {
-    shippingMethod: ShippingMethod$1;
-    shipmentId: string;
-}
-interface TOnChange {
-    shippingMethod: ShippingMethod$1;
-    shipmentId: string;
-    order?: Order;
-}
-type Props$a = {
-    children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
-    onChange?: (params: TOnChange) => void;
-} & Omit<JSX.IntrinsicElements['input'], 'onChange' | 'ref' | 'children'>;
-declare function ShippingMethodRadioButton(props: Props$a): JSX.Element;
-
-interface Props$9 {
-    /**
-     * The children component
-     */
-    children: ReactNode;
-    /**
-     * The sku code
-     */
-    skuCode?: string;
-    /**
-     * The sku id. If you use this prop, the skuCode will be ignored and the sku will be fetched by id improving the performance
-     */
-    skuId?: string;
-    /**
-     * Callback called when the quantity is updated
-     */
-    getQuantity?: (quantity: number) => void;
-}
-/**
- * Main container for the Availability components.
- * It stores - in its context - the sku quantity returned from the `inventory_model` and the `delivery_lead_time` for the first shipping method found in the inventory model.
- *
- * It can be used to fetch the quantities for a specific `sku_code` passed as prop.
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component. <br/>
- * Can be a child of the `<SkusContainer>` component and receive the `sku_code` from its context.
- * </span>
- * <span title='Children' type='info'>
- * `<AvailabilityTemplate>`
- * </span>
- */
-declare function AvailabilityContainer({ children, skuCode, skuId, getQuantity }: Props$9): JSX.Element;
-
-interface DeliveryLeadTime$1 {
-    shipping_method: {
-        name: string;
-        reference: string;
-        price_amount_cents: number;
-        free_over_amount_cents: number;
-        formatted_price_amount: string;
-        formatted_free_over_amount: string;
-    };
-    min: LeadTimes;
-    max: LeadTimes;
-}
-interface LeadTimes {
-    hours: number;
-    days: number;
-}
-
-interface AvailabilityTemplateChildrenProps extends Omit<Props$8, 'children'>, DeliveryLeadTime$1 {
-    text: string;
-    quantity: number;
-}
-type FormatRules = {
-    /**
-     * Set time format for shipping method. When not set, ``delivery_lead_times`` will not be displayed.
-     * When set, `delivery_lead_times` for the first shipping method found in the inventory model, will be displayed in the format specified.
-     */
-    timeFormat?: TimeFormat;
-    /**
-     * Show shipping method name. Requires `timeFormat` to be set.
-     */
-    showShippingMethodName?: false;
-    /**
-     * Show shipping method price. Requires `timeFormat` to be set.
-     */
-    showShippingMethodPrice?: false;
-} | {
-    timeFormat: TimeFormat;
-    showShippingMethodName: true;
-    showShippingMethodPrice?: boolean;
-} | {
-    timeFormat: TimeFormat;
-    showShippingMethodName?: boolean;
-    showShippingMethodPrice: true;
-};
-type Props$8 = {
-    children?: ChildrenFunction<AvailabilityTemplateChildrenProps>;
-    labels?: {
-        available?: string;
-        outOfStock?: string;
-        negativeStock?: string;
-    };
-} & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> & FormatRules;
-/**
- * The AvailabilityTemplate component displays the availability of the SKU specified
- * in the parent `<AvailabilityContainer>` component.
- *
- * It is possible to customize the text displayed in case of `available`, `outOfStock` or `negativeStock.
- * It is also possible to show delivery lead time and either shipping method name and/or price.
- * This information will be retrieve from the first shipping method found in the inventory model.
- *
- * <span type="Requirement" type="info">
- * It must to be used inside the `<AvailabilityContainer>` component.
- * </span>
- */
-declare function AvailabilityTemplate(props: Props$8): JSX.Element;
-
-type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
-type DeliveryLeadTimeComponentChildren = Omit<Props$7, 'children' | 'ref'>;
-type Props$7 = Partial<Omit<JSX.IntrinsicElements['span'], 'ref'>> & {
-    children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
-    type: DeliveryLeadTimeField;
-    text?: string;
-};
-declare function DeliveryLeadTime(props: Props$7): JSX.Element;
-
-type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
-type TCondition$1 = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
-type Props$6 = {
-    children?: (props: SkuFieldChildrenProps) => JSX.Element;
-} & TCondition$1;
-/**
- * The SkuField component displays any attribute of the `sku` specified in the parent `<SkusContainer>` component.
- *
- * It also accepts a `tagElement` props to enable specific tag-related props.
- * For examples, when `tagElement` is set to `img` it will also accept props related to `<img>` tag such as `height` and `width`.
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside the `<SkusContainer>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `skus` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/skus/object)
- * for more details about the available attributes to render.
- * </span>
- */
-declare function SkuField<P extends Props$6>(props: P): JSX.Element;
-
-interface Props$5 {
-    children: ReactNode;
-    /**
-     * ID of the SKU list.
-     */
-    id: string;
-}
-declare function SkuList(props: Props$5): JSX.Element;
-
-interface Props$4 {
-    children: ReactNode;
-}
-declare function SkuListsContainer(props: Props$4): JSX.Element;
-
-interface Props$3 {
-    children: ReactNode;
-}
-/**
- * The `Skus` components loop through the list of `skus` found in `SkusContainer` context and render the children filled with the proper sku value.
- * This means that the children will be rendered as many times as the number of skus found in the `skus` prop array
- * and there is no need to manually loop through them from your consumer app.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<SkusContainer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<SkuField>`, `<AvailabilityContainer>`
- * </span>
- */
-declare function Skus<P extends Props$3>({ children }: P): JSX.Element;
-
-interface Props$2 {
-    /**
-     * An array of skus to display.
-     */
-    skus: string[];
-    /**
-     * Accept a React node and [Skus](./Skus.d.ts) component as children to display above the skus.
-     */
-    children: ReactNode;
-    /**
-     * An object params to query the skus resource
-     */
-    queryParams?: QueryParamsList;
-}
-/**
- * Main container for the SKUs components.
- * It stores - in its context - the details for each `sku` defined in the `skus` prop array.
- *
- * It also accept a `queryParams` prop to refine pagination, sorting, filtering and includes for the fetch request.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<Skus>`
- * </span>
- */
-declare function SkusContainer<P extends Props$2>(props: P): JSX.Element;
-
-interface Props$1 {
-    children: DefaultChildrenType;
-}
-declare function StockTransfer(props: Props$1): JSX.Element;
-
-type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
-type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
-type Props = {
-    children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
-} & TCondition;
-declare function StockTransferField<P extends Props>(props: P): JSX.Element;
-
-type TAddToCartParams = Omit<Parameters<typeof addToCart>[number], 'buyNowMode' | 'state' | 'dispatch' | 'setLocalOrder' | 'errors' | 'checkoutUrl' | 'persistKey' | 'config'>;
-type TCreateCartParams = Pick<Parameters<typeof createOrder>[number], 'orderAttributes' | 'orderMetadata'>;
-interface TReturnOrder extends Omit<OrderState, 'loading' | 'include' | 'includeLoaded' | 'withoutIncludes' | 'orderId'> {
-    /** Refetch the current order and update the context */
-    reloadOrder: () => Promise<OrderState['order']>;
-    /** Allow to add a SKU or a Bundle to the order stored in the context */
-    addToCart: (params: TAddToCartParams) => ReturnType<typeof addToCart>;
-    /** Allow to create a new order and store it in the OrderContainer context */
-    createOrder: (params: TCreateCartParams) => Promise<string | undefined>;
-}
-/**
- * React Hook that provides access to the order context stored in the `<OrderContainer>` component.
- **/
-declare function useOrderContainer(): TReturnOrder;
-
-interface ReturnProps {
-    /** This is the access token used to initialize the sdk client. It need to be set as prop in the main `<CommerceLayer>` component */
-    accessToken?: string;
-    /** This method can be used to initialize an sdk client and perform list, retrieve, update or delete operations on any resource */
-    sdkClient: () => CommerceLayerClient | undefined;
-}
-/**
- * React Hook that provides access to the official Commerce Layer SDK JS Client.
- **/
-declare function useCommerceLayer(): ReturnProps;
-
-type TCustomer = Omit<CustomerState, 'errors' | 'isGuest'> & {
-    setResourceTrigger?: typeof setResourceTrigger;
-} & Pick<InitialCustomerContext, 'reloadCustomerAddresses'>;
-interface TReturnCustomer extends Omit<TCustomer, 'errors' | 'isGuest'> {
-}
-/**
- * React Hook that provides access to the order context stored in the `<CustomerContainer>` component.
- **/
-declare function useCustomerContainer(): TReturnCustomer;
-
-export { AddToCartButton, Address, AddressCountrySelector, AddressField, AddressInput, AddressInputSelect, AddressStateSelector, AddressesContainer, AddressesEmpty, AdjustmentAmount, AvailabilityContainer, AvailabilityTemplate, type BaseError, BillingAddressContainer, BillingAddressForm, CartLink, CheckoutLink, type CodeErrorType, CommerceLayer, CustomerAddressForm, type CustomerCardsProps, CustomerContainer, CustomerField, CustomerInput, type CustomerSaveToWalletProps, DeliveryLeadTime, type DeliveryLeadTimeComponentChildren, type DeliveryLeadTimeField, DiscountAmount, Errors, ExternalFunction, GiftCard, GiftCardAmount, GiftCardContainer, GiftCardCurrencySelector, GiftCardInput, GiftCardOrCouponCode, GiftCardOrCouponForm, GiftCardOrCouponInput, GiftCardOrCouponRemoveButton, GiftCardOrCouponSubmit, InStockSubscriptionButton, InStockSubscriptionsContainer, LineItem, LineItemAmount, LineItemCode, LineItemField, LineItemImage, LineItemName, LineItemOption, LineItemOptions, LineItemQuantity, LineItemRemoveLink, LineItemsContainer, LineItemsCount, LineItemsEmpty, MetadataInput, OrderContainer, OrderList, OrderListEmpty, OrderListRow, OrderNumber, OrderStorage, ParcelField, ParcelLineItem, ParcelLineItemField, ParcelLineItemsCount, Parcels, ParcelsCount, PaymentMethod, PaymentMethodAmount, PaymentMethodName, type PaymentMethodOnClickParams, PaymentMethodPrice, PaymentMethodRadioButton, PaymentMethodsContainer, PaymentSource, PaymentSourceBrandIcon, PaymentSourceBrandName, PaymentSourceDetail, type PaymentSourceDetailType, PaymentSourceEditButton, type PaymentSourceProps, PlaceOrderButton, PlaceOrderContainer, Price, type PriceProps, PricesContainer, PrivacyAndTermsCheckbox, type Props$14 as Props, SaveAddressesButton, SaveCustomerButton, Shipment, type ShipmentAttribute, ShipmentField, ShipmentsContainer, ShipmentsCount, ShippingAddressContainer, ShippingAddressForm, ShippingAmount, ShippingMethod, ShippingMethodName, ShippingMethodPrice, ShippingMethodRadioButton, SkuField, SkuList, SkuListsContainer, Skus, SkusContainer, StockTransfer, StockTransferField, SubTotalAmount, SubmitButton, type TAPIError, type TErrorComponent, type TLineItem, type TLineItemCode, type TLineItemImage, type TLineItemName, type TLineItemOption, type TOrderListColumn, type TResourceError, TaxesAmount, TotalAmount, useCommerceLayer, useCustomerContainer, useOrderContainer };