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

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ChildrenFunction } from '../../typings/index';
+type TAsComponent = keyof Pick<JSX.IntrinsicElements, 'p' | 'span' | 'div'>;
+type ChildrenProps<A extends TAsComponent> = Omit<Props<A>, 'children'> & {
+    /**
+     * Current number of the first page row to display
+     */
+    firstRow: number;
+    /**
+     * Current number of the last page row to display
+     */
+    lastRow: number;
+    /**
+     * Total number of rows to display
+     */
+    totRows: number;
+};
+type Props<A extends TAsComponent> = {
+    children?: ChildrenFunction<ChildrenProps<A>>;
+    /**
+     * HTML Tag to display
+     */
+    as?: TAsComponent;
+} & Omit<JSX.IntrinsicElements[A], 'children' | 'ref'>;
+export declare function OrderListPaginationInfo<A extends TAsComponent = 'span'>({ as, children, ...props }: Props<A>): JSX.Element;
+export declare namespace OrderListPaginationInfo {
+    var displayName: string;
+}
+export default OrderListPaginationInfo;

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

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import OrderListPaginationContext from"../../context/OrderListPaginationContext";import useCustomContext from"../../utils/hooks/useCustomContext";export function OrderListPaginationInfo({as="span",children,...props}){const ctx=useCustomContext({context:OrderListPaginationContext,contextComponentName:"OrderList",currentComponentName:"OrderListPaginationInfo"}),TagElement=as,totRows=ctx?.totalRows??0,pageIndex=ctx?.pageIndex??0,pageSize=ctx?.pageSize??10;let firstRow=pageIndex===0?pageIndex+1:pageIndex,lastRow=firstRow*pageSize;ctx?.canPreviousPage===!0&&(firstRow=Math.floor(firstRow*10)+1,lastRow=Math.floor(firstRow+pageSize-1)),ctx?.canNextPage===!1&&(lastRow=totRows);const parentProps={...props,as,firstRow,lastRow,totRows};return children==null?_jsx(TagElement,{...props,children:`${firstRow} - ${lastRow} of ${totRows}`}):_jsx(Parent,{...parentProps,children})}OrderListPaginationInfo.displayName="OrderListPaginationInfo";export default OrderListPaginationInfo;

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

@@ -31,4 +31,7 @@ interface Props extends Omit<JSX.IntrinsicElements['td'], 'children'> {
     field: keyof Order;
 }
 export declare function OrderListRow({ field, children, ...p }: Props): JSX.Element;
+export declare namespace OrderListRow {
+    var displayName: string;
+}
 export default OrderListRow;

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

@@ -1 +1 @@
-import{createElement as _createElement}from"react";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import Parent from"../utils/Parent";import OrderListChildrenContext from"../../context/OrderListChildrenContext";import isDate from"../../utils/isDate";import last from"lodash/last";export function OrderListRow({field,children,...p}){const{order,row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll}=useContext(OrderListChildrenContext),cell=row?.cells.filter(cell2=>cell2.column.id===field),isLastRow=last(row?.cells)?.column.id===field,As=infiniteScroll?"div":"td",ActionRow=()=>showActions&&isLastRow&&actionsComponent&&_jsx(As,{"data-testid":"action-cell",...p,className:actionsContainerClassName,children:_jsx(Parent,{...parentProps,children:actionsComponent})})||null,parentProps={...p,field,order,row,cell,infiniteScroll};return children?_jsxs(_Fragment,{children:[_jsx(Parent,{...parentProps,children}),_jsx(ActionRow,{})]}):_jsxs(_Fragment,{children:[cell?.map((cell2,k)=>{const cellValue=cell2.value,value=isDate(cellValue)?new Date(Date.parse(cellValue)).toLocaleString():cell2.render("Cell");return _createElement(As,{"data-testid":`cell-${k}`,...p,...cell2.getCellProps(),key:k},value)}),_jsx(ActionRow,{})]})}export default OrderListRow;
+import{createElement as _createElement}from"react";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import Parent from"../utils/Parent";import OrderListChildrenContext from"../../context/OrderListChildrenContext";import isDate from"../../utils/isDate";import last from"lodash/last";export function OrderListRow({field,children,...p}){const{order,row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll}=useContext(OrderListChildrenContext),cell=row?.cells.filter(cell2=>cell2.column.id===field),isLastRow=last(row?.cells)?.column.id===field,As=infiniteScroll?"div":"td",ActionRow=()=>showActions&&isLastRow&&actionsComponent&&_jsx(As,{"data-testid":"action-cell",...p,className:actionsContainerClassName,children:_jsx(Parent,{...parentProps,children:actionsComponent})})||null,parentProps={...p,field,order,row,cell,infiniteScroll};return children?_jsxs(_Fragment,{children:[_jsx(Parent,{...parentProps,children}),_jsx(ActionRow,{})]}):_jsxs(_Fragment,{children:[cell?.map((cell2,k)=>{const cellValue=cell2.value,value=isDate(cellValue)?new Date(Date.parse(cellValue)).toLocaleString():cell2.render("Cell");return _createElement(As,{"data-testid":`cell-${k}`,...p,...cell2.getCellProps(),key:k},value)}),_jsx(ActionRow,{})]})}OrderListRow.displayName="OrderListRow";export default OrderListRow;

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

@@ -1,11 +1,5 @@
 /// <reference types="react" />
 import { BaseFieldProps } from '../utils/BaseField';
-declare type Props = Omit<BaseFieldProps, 'attribute'>;
+type Props = Omit<BaseFieldProps, 'attribute'>;
 export declare function OrderNumber(props: Props): JSX.Element;
-export declare namespace OrderNumber {
-    var propTypes: {
-        className: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
 export default OrderNumber;

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

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import components from"../../config/components";import BaseField from"../utils/BaseField";const propTypes=components.OrderNumber.propTypes,displayName=components.OrderNumber.displayName;export function OrderNumber(props){return _jsx(BaseField,{attribute:"number",...props})}OrderNumber.propTypes=propTypes,OrderNumber.displayName=displayName;export default OrderNumber;
+import{jsx as _jsx}from"react/jsx-runtime";import BaseField from"../utils/BaseField";export function OrderNumber(props){return _jsx(BaseField,{attribute:"number",...props})}export default OrderNumber;

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

@@ -1,16 +1,8 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
     persistKey: string;
     clearWhenPlaced?: boolean;
-};
-export declare function OrderStorage(props: Props): JSX.Element;
-export declare namespace OrderStorage {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        clearWhenPlaced: import("prop-types").Requireable<boolean>;
-        persistKey: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
 }
+export declare function OrderStorage(props: Props): JSX.Element;
 export default OrderStorage;

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

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import OrderStorageContext from"../../context/OrderStorageContext";import components from"../../config/components";import{getLocalOrder,setLocalOrder,deleteLocalOrder}from"../../utils/localStorage";const propTypes=components.OrderStorage.propTypes,displayName=components.OrderStorage.displayName;export function OrderStorage(props){const{children,clearWhenPlaced=!0,...p}=props;return _jsx(OrderStorageContext.Provider,{value:{...p,setLocalOrder,getLocalOrder,deleteLocalOrder,clearWhenPlaced},children})}OrderStorage.propTypes=propTypes,OrderStorage.displayName=displayName;export default OrderStorage;
+import{jsx as _jsx}from"react/jsx-runtime";import OrderStorageContext from"../../context/OrderStorageContext";import{getLocalOrder,setLocalOrder,deleteLocalOrder}from"../../utils/localStorage";export function OrderStorage(props){const{children,clearWhenPlaced=!0,...p}=props;return _jsx(OrderStorageContext.Provider,{value:{...p,setLocalOrder,getLocalOrder,deleteLocalOrder,clearWhenPlaced},children})}export default OrderStorage;

package/lib/esm/components/parcels/ParcelField.d.ts

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

package/lib/esm/components/parcels/ParcelLineItemField.d.ts

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

package/lib/esm/components/payment_gateways/AdyenGateway.d.ts

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

package/lib/esm/components/payment_gateways/BraintreeGateway.d.ts

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

package/lib/esm/components/payment_gateways/CheckoutComGateway.d.ts

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

package/lib/esm/components/payment_gateways/KlarnaGateway.d.ts

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

package/lib/esm/components/payment_gateways/PaymentGateway.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { LoaderType } from '../../typings/index';
 import { PaymentSourceProps } from '../payment_source/PaymentSource';
-export declare type GatewayBaseType = Props & {
+export type GatewayBaseType = Props & {
     show: boolean;
     loading: boolean;
     loaderComponent: JSX.Element;
 };
-declare type Props = PaymentSourceProps & {
+type Props = PaymentSourceProps & {
     showCard: boolean;
     handleEditClick: (e: MouseEvent) => void;
     show: boolean;

package/lib/esm/components/payment_gateways/PaypalGateway.d.ts

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

package/lib/esm/components/payment_gateways/StripeGateway.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseAmountComponent } from '../../typings/index';
-declare type Props = BaseAmountComponent & {
+type Props = BaseAmountComponent & {
     labelFreeOver?: string;
 } & ({
     type?: 'amount';
@@ -10,16 +10,4 @@ declare type Props = BaseAmountComponent & {
     base?: 'price';
 });
 export declare function ShippingMethodPrice(props: Props): JSX.Element;
-export declare namespace ShippingMethodPrice {
-    var propTypes: {
-        type: import("prop-types").Requireable<"amount">;
-        id: import("prop-types").Requireable<string>;
-        className: import("prop-types").Requireable<string>;
-        style: import("prop-types").Requireable<object>;
-        name: import("prop-types").Requireable<string>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        format: import("prop-types").Requireable<import("../../typings/index").BaseFormatPrice>;
-    };
-    var displayName: string;
-}
 export default ShippingMethodPrice;

package/lib/esm/components/shipping_methods/ShippingMethodPrice.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect,useContext}from"react";import getAmount from"../../utils/getAmount";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";import components from"../../config/components";const propTypes=components.ShippingMethodPrice.propTypes,displayName=components.ShippingMethodPrice.displayName;export function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",...p}=props,{shippingMethod}=useContext(ShippingMethodChildrenContext),[price,setPrice]=useState(""),[priceCents,setPriceCents]=useState(0);useEffect(()=>{if(shippingMethod){const p2=getAmount({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=getAmount({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps={price,...p},finalPrice=priceCents===0?labelFreeOver:price;return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("span",{...p,children:finalPrice})}ShippingMethodPrice.propTypes=propTypes,ShippingMethodPrice.displayName=displayName;export default ShippingMethodPrice;
+import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect,useContext}from"react";import getAmount from"../../utils/getAmount";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";export function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",...p}=props,{shippingMethod}=useContext(ShippingMethodChildrenContext),[price,setPrice]=useState(""),[priceCents,setPriceCents]=useState(0);useEffect(()=>{if(shippingMethod){const p2=getAmount({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=getAmount({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps={price,...p},finalPrice=priceCents===0?labelFreeOver:price;return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("span",{...p,children:finalPrice})}export default ShippingMethodPrice;

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

@@ -1,19 +1,13 @@
 /// <reference types="react" />
 import type { ShippingMethod } from '@commercelayer/sdk';
-export declare type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
+export type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
     shippingMethod: ShippingMethod;
     shipmentId: string;
 };
-export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
-declare type Props = {
+export type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
+type Props = {
     children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
     onChange?: ShippingMethodRadioButtonOnChangeType;
 } & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare function ShippingMethodRadioButton(props: Props): JSX.Element;
-export declare namespace ShippingMethodRadioButton {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
 export default ShippingMethodRadioButton;

package/lib/esm/components/shipping_methods/ShippingMethodRadioButton.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";import components from"../../config/components";import ShipmentContext from"../../context/ShipmentContext";const propTypes=components.ShippingMethodRadioButton.propTypes,displayName=components.ShippingMethodRadioButton.displayName;export function ShippingMethodRadioButton(props){const{onChange,...p}=props,[checked,setChecked]=useState(!1),{shippingMethod,currentShippingMethodId,shipmentId}=useContext(ShippingMethodChildrenContext),{setShippingMethod}=useContext(ShipmentContext),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId}`,id=`${name}-${shippingMethodId}`;useEffect(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId]);const handleOnChange=async()=>{shipmentId&&shippingMethodId&&(setChecked(!0),await setShippingMethod(shipmentId,shippingMethodId),shippingMethod&&onChange&&onChange(shippingMethod,shipmentId))},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,...props};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("input",{type:"radio",name,id,onChange:handleOnChange,checked,...p})}ShippingMethodRadioButton.propTypes=propTypes,ShippingMethodRadioButton.displayName=displayName;export default ShippingMethodRadioButton;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";import ShipmentContext from"../../context/ShipmentContext";export function ShippingMethodRadioButton(props){const{onChange,...p}=props,[checked,setChecked]=useState(!1),{shippingMethod,currentShippingMethodId,shipmentId}=useContext(ShippingMethodChildrenContext),{setShippingMethod}=useContext(ShipmentContext),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId??""}`,id=`${name}-${shippingMethodId??""}`;useEffect(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId]);const handleOnChange=async()=>{shipmentId&&shippingMethodId&&(setChecked(!0),await setShippingMethod(shipmentId,shippingMethodId),shippingMethod&&onChange&&onChange(shippingMethod,shipmentId))},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,...props};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("input",{type:"radio",name,id,onChange:()=>{handleOnChange()},checked,...p})}export default ShippingMethodRadioButton;

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

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

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

@@ -1,17 +1,10 @@
 /// <reference types="react" />
-export declare type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
-export declare type DeliveryLeadTimeComponentChildren = Omit<Props, 'children'>;
-declare type Props = Partial<JSX.IntrinsicElements['span']> & {
+export type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
+export type DeliveryLeadTimeComponentChildren = Omit<Props, 'children'>;
+type Props = Partial<JSX.IntrinsicElements['span']> & {
     children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
     type: DeliveryLeadTimeField;
     text?: string;
 };
 export declare function DeliveryLeadTime(props: Props): JSX.Element;
-export declare namespace DeliveryLeadTime {
-    var propTypes: {
-        type: import("prop-types").Validator<NonNullable<DeliveryLeadTimeField>>;
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    var displayName: string;
-}
 export default DeliveryLeadTime;

package/lib/esm/components/skus/DeliveryLeadTime.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";import components from"../../config/components";const propTypes=components.DeliveryLeadTime.propTypes,displayName=components.DeliveryLeadTime.displayName;export function DeliveryLeadTime(props){const{type,...p}=props,[text,setText]=useState(),{deliveryLeadTimeForShipment}=useContext(ShippingMethodChildrenContext);useEffect(()=>(deliveryLeadTimeForShipment&&deliveryLeadTimeForShipment[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps={text,...p};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("span",{...p,children:text})}DeliveryLeadTime.propTypes=propTypes,DeliveryLeadTime.displayName=displayName;export default DeliveryLeadTime;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";export function DeliveryLeadTime(props){const{type,...p}=props,[text,setText]=useState(),{deliveryLeadTimeForShipment}=useContext(ShippingMethodChildrenContext);useEffect(()=>(deliveryLeadTimeForShipment?.[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps={text,...p};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("span",{...p,children:text})}export default DeliveryLeadTime;

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

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

package/lib/esm/components/skus/SkuList.d.ts

@@ -1,14 +1,10 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
+    /**
+     * ID of the SKU list.
+     */
     id: string;
-};
-export declare function SkuList(props: Props): JSX.Element;
-export declare namespace SkuList {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        id: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
 }
+export declare function SkuList(props: Props): JSX.Element;
 export default SkuList;

package/lib/esm/components/skus/SkuList.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,Fragment}from"react";import SkuListsContext from"../../context/SkuListsContext";import components from"../../config/components";const propTypes=components.SkuList.propTypes,displayName=components.SkuList.displayName;export function SkuList(props){const{id,children}=props,{listIds}=useContext(SkuListsContext);return useEffect(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),_jsx(Fragment,{children})}SkuList.propTypes=propTypes,SkuList.displayName=displayName;export default SkuList;
+import{Fragment as _Fragment,jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect}from"react";import SkuListsContext from"../../context/SkuListsContext";export function SkuList(props){const{id,children}=props,{listIds}=useContext(SkuListsContext);return useEffect(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),_jsx(_Fragment,{children})}export default SkuList;

package/lib/esm/components/skus/SkuListsContainer.d.ts

@@ -1,12 +1,6 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
-};
-export declare function SkuListsContainer(props: Props): JSX.Element;
-export declare namespace SkuListsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
-    var displayName: string;
 }
+export declare function SkuListsContainer(props: Props): JSX.Element;
 export default SkuListsContainer;

package/lib/esm/components/skus/SkuListsContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuListsContext from"../../context/SkuListsContext";import CommerceLayerContext from"../../context/CommerceLayerContext";import skuListsReducer,{skuListsInitialState,getSkuList}from"../../reducers/SkuListsReducer";import components from"../../config/components";const propTypes=components.SkuListsContainer.propTypes,displayName=components.SkuListsContainer.displayName;export function SkuListsContainer(props){const{children}=props,[state,dispatch]=useReducer(skuListsReducer,skuListsInitialState),config=useContext(CommerceLayerContext);return useEffect(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&getSkuList({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),_jsx(SkuListsContext.Provider,{value:state,children})}SkuListsContainer.propTypes=propTypes,SkuListsContainer.displayName=displayName;export default SkuListsContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuListsContext from"../../context/SkuListsContext";import CommerceLayerContext from"../../context/CommerceLayerContext";import skuListsReducer,{skuListsInitialState,getSkuList}from"../../reducers/SkuListsReducer";export function SkuListsContainer(props){const{children}=props,[state,dispatch]=useReducer(skuListsReducer,skuListsInitialState),config=useContext(CommerceLayerContext);return useEffect(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&getSkuList({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),_jsx(SkuListsContext.Provider,{value:state,children})}export default SkuListsContainer;

package/lib/esm/components/skus/Skus.d.ts

@@ -1,11 +1,6 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
-};
-export declare function Skus<P extends Props>({ children }: P): JSX.Element;
-export declare namespace Skus {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
 }
+export declare function Skus<P extends Props>({ children }: P): JSX.Element;
 export default Skus;

package/lib/esm/components/skus/Skus.js

@@ -1 +1 @@
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import components from"../../config/components";import SkuChildrenContext from"../../context/SkuChildrenContext";import SkuContext from"../../context/SkuContext";import{useContext}from"react";export function Skus({children}){const{skus}=useContext(SkuContext),components2=skus&&skus.map((sku,key)=>{const value={sku};return _jsx(SkuChildrenContext.Provider,{value,children},key)});return _jsx(_Fragment,{children:components2})}Skus.propTypes=components.Skus.propTypes;export default Skus;
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import SkuChildrenContext from"../../context/SkuChildrenContext";import SkuContext from"../../context/SkuContext";import{useContext}from"react";export function Skus({children}){const{skus}=useContext(SkuContext),components=skus?.map((sku,key)=>{const value={sku};return _jsx(SkuChildrenContext.Provider,{value,children},key)});return _jsx(_Fragment,{children:components})}export default Skus;

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

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

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

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