@commercelayer/react-components 4.17.0-beta.2 → 4.17.0

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type TOrderList, type OrderListContent, type TableAccessor } from '../../context/OrderListChildrenContext';
 import { type Row } from '@tanstack/react-table';
 interface ChildrenProps extends Omit<Props, 'children'> {

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

@@ -1,4 +1,5 @@
 import { type BaseFieldProps } from '../utils/BaseField';
+import type { JSX } from "react";
 type Props = Omit<BaseFieldProps, 'attribute'>;
 export declare function OrderNumber(props: Props): JSX.Element;
 export default OrderNumber;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
     /**

package/lib/cjs/components/orders/PaymentMethodAmount.d.ts

@@ -1,3 +1,4 @@
 import { type BaseAmountComponent } from '../../typings/index';
+import type { JSX } from "react";
 export declare function PaymentMethodAmount(props: BaseAmountComponent): JSX.Element;
 export default PaymentMethodAmount;

package/lib/cjs/components/orders/PlaceOrderButton.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type ChildrenFunction } from '../../typings/index';
 import type { BaseError } from '../../typings/errors';
 import type { Order } from '@commercelayer/sdk';

package/lib/cjs/components/orders/PlaceOrderContainer.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type PlaceOrderOptions } from '../../reducers/PlaceOrderReducer';
 interface Props {
     children: ReactNode;

package/lib/cjs/components/orders/PrivacyAndTermsCheckbox.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseInputProps } from '../utils/BaseInput';
 export declare function PrivacyAndTermsCheckbox(props: Partial<BaseInputProps>): JSX.Element;
 export default PrivacyAndTermsCheckbox;

package/lib/cjs/components/orders/ShippingAmount.d.ts

@@ -1,3 +1,4 @@
 import { type BaseAmountComponent } from '../../typings/index';
+import type { JSX } from "react";
 export declare function ShippingAmount(props: BaseAmountComponent): JSX.Element;
 export default ShippingAmount;

package/lib/cjs/components/orders/SubTotalAmount.d.ts

@@ -1,3 +1,4 @@
 import { type BaseAmountComponent } from '../../typings/index';
+import type { JSX } from "react";
 export declare function SubTotalAmount(props: BaseAmountComponent): JSX.Element;
 export default SubTotalAmount;

package/lib/cjs/components/orders/TaxesAmount.d.ts

@@ -1,3 +1,4 @@
 import { type BaseAmountComponent } from '../../typings/index';
+import type { JSX } from "react";
 export declare function TaxesAmount(props: BaseAmountComponent): JSX.Element;
 export default TaxesAmount;

package/lib/cjs/components/orders/TotalAmount.d.ts

@@ -1,3 +1,4 @@
 import { type BaseAmountComponent } from '../../typings/index';
+import type { JSX } from "react";
 export declare function TotalAmount(props: BaseAmountComponent): JSX.Element;
 export default TotalAmount;

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

@@ -1,5 +1,6 @@
 import { type ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
 type ParcelFieldChildrenProps = TGenericChildrenProps<TResources['Parcel']>;
 type TCondition = ConditionalElement<Exclude<TResources['Parcel'], 'resource'>>;
 type Props = {

package/lib/cjs/components/parcels/ParcelLineItem.d.ts

@@ -1,4 +1,5 @@
 import type { DefaultChildrenType } from '../../typings/globals';
+import { type JSX } from 'react';
 interface Props {
     children: DefaultChildrenType;
 }

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

@@ -1,5 +1,6 @@
 import { type ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
 type ParcelLineItemFieldChildrenProps = TGenericChildrenProps<TResources['ParcelLineItem']>;
 type TCondition = ConditionalElement<Exclude<TResources['ParcelLineItem'], 'resource'>>;
 type Props = {

package/lib/cjs/components/parcels/ParcelLineItemsCount.d.ts

@@ -1,5 +1,6 @@
 import { type ChildrenFunction } from '../../typings/index';
 import type { Parcel } from '@commercelayer/sdk';
+import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {
     /**
      * Parcel of the current shipment

package/lib/cjs/components/parcels/Parcels.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 interface Props {
     children: JSX.Element | JSX.Element[];
     filterBy?: string[];

package/lib/cjs/components/parcels/ParcelsCount.d.ts

@@ -1,5 +1,6 @@
 import { type ChildrenFunction } from '../../typings/index';
 import type { Parcel } from '@commercelayer/sdk';
+import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {
     /**
      * Shipments of the current order

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
 type Props = GatewayBaseType;
 export declare function KlarnaGateway(props: Props): JSX.Element | null;

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

@@ -1,4 +1,5 @@
 import { type LoaderType } from '../../typings/index';
+import { type JSX } from 'react';
 import { type PaymentSourceProps } from '../payment_source/PaymentSource';
 export type GatewayBaseType = Props & {
     show: boolean;

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { LoaderType } from '../../typings/index';
 import type { Order, PaymentMethod as PaymentMethodType } from '@commercelayer/sdk';
 import type { PaymentResource } from '../../reducers/PaymentMethodReducer';

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

@@ -1,4 +1,5 @@
 import { type ChildrenFunction } from '../../typings/index';
+import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {
     labelName: string;
 }

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseAmountComponent } from '../../typings/index';
 interface Props extends BaseAmountComponent {
     type?: 'amount';

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

@@ -1,4 +1,4 @@
-import { type ChangeEvent } from 'react';
+import { type ChangeEvent, type JSX } from 'react';
 import type { Order, PaymentMethod } from '@commercelayer/sdk';
 import { type ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 interface Props {
     children: ReactNode;

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

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type JSX } from 'react';
 import { type PaymentSourceProps } from './PaymentSource';
 import type { CoreOptions } from '@adyen/adyen-web/dist/types/core/types';
 type Styles = Partial<{

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type PaymentSourceProps } from './PaymentSource';
 import { type HostedFieldFieldOptions } from 'braintree-web';
 type BraintreeHostedFields<Type> = {

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { type PaymentSourceProps } from './PaymentSource';
 import { type FramesStyle } from 'frames-react';

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

@@ -1,5 +1,6 @@
 import { type ChildrenFunction } from '../../typings/index';
 import type { StripeElementLocale } from '@stripe/stripe-js';
+import { type JSX } from 'react';
 import { type PaymentSourceProps } from './PaymentSource';
 export interface ExternalPaymentConfig {
     /**

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { type PaymentSourceProps } from './PaymentSource';
 type KlarnaPaymentProps = PaymentMethodConfig['klarnaPayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type LoaderType } from '../../typings/index';
 import { type CustomerCardsTemplateChildren } from '../utils/PaymentCardsTemplate';
 export interface CustomerCardsProps {

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

@@ -1,4 +1,5 @@
 import { type IconBrand } from '../../context/PaymentSourceContext';
+import { type JSX } from 'react';
 import { type ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
     brand: IconBrand;

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

@@ -1,4 +1,5 @@
 import { type IconBrand } from '../../context/PaymentSourceContext';
+import { type JSX } from 'react';
 import { type ChildrenFunction } from '../../typings/index';
 interface CustomComponent extends Omit<Props, 'children'> {
     brand: IconBrand;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { ChildrenFunction } from '../../typings/index';
 export type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
 interface ChildrenProps extends Omit<Props, 'children'> {

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type ChildrenFunction } from '../../typings/index';
 interface CustomComponent extends Omit<Props, 'children'> {
 }

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 export interface PaypalConfig {
     return_url: string;
     cancel_url: string;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 interface Props {
     clientSecret: string;
 }

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type StripeElementLocale, type StripeElementsOptions, type StripePaymentElementOptions } from '@stripe/stripe-js';
 import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
 import { type PaymentSourceProps } from './PaymentSource';
@@ -9,7 +10,7 @@ export interface StripeConfig {
     appearance?: StripeElementsOptions['appearance'];
     [key: string]: any;
 }
-type Props = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+type Props = PaymentMethodConfig['stripePayment'] & Omit<JSX.IntrinsicElements['div'], 'ref'> & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
     show?: boolean;
     publishableKey: string;
     locale?: StripeElementLocale;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 export interface WireTransferConfig {
     infoMessage?: {
         text?: string | JSX.Element[];

package/lib/cjs/components/prices/Price.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type Price as PriceType } from '@commercelayer/sdk';
 import { type ChildrenFunction, type LoaderType } from '../../typings/index';
 interface PriceChildrenProps extends Omit<PriceProps, 'children'> {
@@ -5,7 +6,7 @@ interface PriceChildrenProps extends Omit<PriceProps, 'children'> {
     loader: LoaderType;
     prices: PriceType[];
 }
-export interface PriceProps extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+export interface PriceProps extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
     children?: ChildrenFunction<PriceChildrenProps>;
     /**
      * CSS class name to be added for the compare price

package/lib/cjs/components/prices/PricesContainer.d.ts

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type LoaderType } from '../../typings/index';
 import { type QueryPageSize } from '@commercelayer/sdk';
 interface Props {

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import type { LoaderType } from '../../typings/index';
 import type { Order } from '@commercelayer/sdk';
 interface ShipmentProps {

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

@@ -1,9 +1,10 @@
+import { type JSX } from 'react';
 import { type Shipment } from '@commercelayer/sdk';
 type ShipmentFieldChildrenProps = Omit<Props, 'children'> & {
     shipment: Shipment;
 };
 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'> {
+interface Props extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
     children?: (props: ShipmentFieldChildrenProps) => JSX.Element;
     name: ShipmentAttribute;
 }

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
 }

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

@@ -1,5 +1,6 @@
 import { type ChildrenFunction } from '../../typings/index';
 import type { Shipment } from '@commercelayer/sdk';
+import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {
     /**
      * Shipments of the current order
@@ -10,7 +11,7 @@ interface ChildrenProps extends Omit<Props, 'children'> {
      */
     quantity: number;
 }
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+interface Props extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
     children?: ChildrenFunction<ChildrenProps>;
 }
 export declare function ShipmentsCount({ children, ...p }: Props): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
     readonly?: boolean;

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

@@ -1,9 +1,10 @@
+import { type JSX } from 'react';
 import { type ShippingMethod } from '@commercelayer/sdk';
 type ChildrenProps = Omit<Props, 'children'> & {
     label: string;
     shippingMethod: ShippingMethod;
 };
-interface Props extends Omit<JSX.IntrinsicElements['label'], 'children'> {
+interface Props extends Omit<JSX.IntrinsicElements['label'], 'children' | 'ref'> {
     children?: (props: ChildrenProps) => JSX.Element;
 }
 export declare function ShippingMethodName(props: Props): JSX.Element;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseAmountComponent } from '../../typings/index';
 type Props = BaseAmountComponent & {
     /**

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { Order, ShippingMethod } from '@commercelayer/sdk';
 interface ShippingMethodRadioButtonType extends Omit<Props, 'children'> {
     shippingMethod: ShippingMethod;
@@ -11,6 +12,6 @@ interface TOnChange {
 type Props = {
     children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
     onChange?: (params: TOnChange) => void;
-} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
+} & Omit<JSX.IntrinsicElements['input'], 'onChange' | 'ref' | 'children'>;
 export declare function ShippingMethodRadioButton(props: Props): JSX.Element;
 export default ShippingMethodRadioButton;

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

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=ShippingMethodRadioButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext"));function ShippingMethodRadioButton(props){const{onChange}=props,p=tslib_1.__rest(props,["onChange"]),[checked,setChecked]=(0,react_1.useState)(!1),[disabled,setDisabled]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId??""}`,id=`${name}-${shippingMethodId??""}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId,shippingMethodId]);const handleOnChange=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){if(setDisabled(!0),shipmentId&&shippingMethodId&&setShippingMethod!=null){const{order}=yield setShippingMethod(shipmentId,shippingMethodId);shippingMethod&&onChange!=null&&onChange({shippingMethod,shipmentId,order})}setDisabled(!1)}),parentProps=Object.assign({shippingMethod,shipmentId,handleOnChange,name,id,disabled},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("input",Object.assign({disabled,type:"radio",name,id,onChange:e=>{e.preventDefault(),e.stopPropagation(),handleOnChange()},checked},p))}exports.default=ShippingMethodRadioButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=ShippingMethodRadioButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext"));function ShippingMethodRadioButton(props){const{onChange,children}=props,p=tslib_1.__rest(props,["onChange","children"]),[checked,setChecked]=(0,react_1.useState)(!1),[disabled,setDisabled]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId??""}`,id=`${name}-${shippingMethodId??""}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId,shippingMethodId]);const handleOnChange=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){if(setDisabled(!0),shipmentId&&shippingMethodId&&setShippingMethod!=null){const{order}=yield setShippingMethod(shipmentId,shippingMethodId);shippingMethod&&onChange!=null&&onChange({shippingMethod,shipmentId,order})}setDisabled(!1)}),parentProps=Object.assign({shippingMethod,shipmentId,handleOnChange,name,id,disabled},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("input",Object.assign({disabled,type:"radio",name,id,onChange:e=>{e.preventDefault(),e.stopPropagation(),handleOnChange()},checked},p))}exports.default=ShippingMethodRadioButton;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     /**
      * The children component

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

@@ -1,5 +1,6 @@
 import { type TimeFormat, type ChildrenFunction } from '../../typings/index';
 import { type DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
+import type { JSX } from "react";
 interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, DeliveryLeadTime {
     text: string;
     quantity: number;
@@ -34,7 +35,7 @@ type Props = {
         outOfStock?: string;
         negativeStock?: string;
     };
-} & Omit<JSX.IntrinsicElements['span'], 'children'> & FormatRules;
+} & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> & FormatRules;
 /**
  * The AvailabilityTemplate component displays the availability of the SKU specified
  * in the parent `<AvailabilityContainer>` component.

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

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

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

@@ -1,5 +1,6 @@
 import { type ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
 type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
 type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
 type Props = {

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
     /**

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
 }

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     children: ReactNode;
 }

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

@@ -1,5 +1,5 @@
 import type { QueryParamsList } from '@commercelayer/sdk';
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props {
     /**
      * An array of skus to display.

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { DefaultChildrenType } from '../../typings/globals';
 interface Props {
     children: DefaultChildrenType;

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

@@ -1,5 +1,6 @@
 import { type ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
 type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
 type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
 type Props = {

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { Address } from '@commercelayer/sdk';
 import AddressChildrenContext from '../../context/AddressChildrenContext';
 import { type ChildrenFunction } from '../../typings/index';

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { type BaseInputComponentProps } from '../../typings/index';
 export type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children' | 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
 declare const _default: React.ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & React.RefAttributes<any>>;

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

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

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

@@ -1,4 +1,4 @@
-import { Component, type ErrorInfo } from 'react';
+import { Component, type ErrorInfo, type JSX } from 'react';
 interface Props {
     children: JSX.Element;
 }

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

@@ -2,7 +2,7 @@ import { type InitialSkuContext } from '../../context/SkuChildrenContext';
 import { type InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
 import type { Customer, LineItem, Sku, Parcel, ParcelLineItem } from '@commercelayer/sdk';
 import { type InitialLineItemChildrenContext } from '../../context/LineItemChildrenContext';
-import { type Context } from 'react';
+import { type Context, type JSX } from 'react';
 import { type InitialCustomerContext } from '../../context/CustomerContext';
 import { type InitialParcelContext } from '../../context/ParcelChildrenContext';
 import { type InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';

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

@@ -1,4 +1,4 @@
-import { type Component, type ForwardedRef } from 'react';
+import { type Component, type ForwardedRef, type JSX } from 'react';
 export interface ParentProps {
     parentRef?: ForwardedRef<any>;
     children?: typeof Component | ((P: any) => JSX.Element | null);

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type PaymentResource } from '../../reducers/PaymentMethodReducer';
 import PaymentSourceContext, { type IconBrand } from '../../context/PaymentSourceContext';
 import { type ChildrenFunction } from '../../typings/index';

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

@@ -1,4 +1,5 @@
 import { type PriceProps } from '../prices/Price';
+import type { JSX } from "react";
 export type PTemplateProps = {
     formattedAmount?: string | null;
     formattedCompare?: string | null;