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

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

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import OrderContext from"../../context/OrderContext";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{publish}from"../../utils/events";import{getOrganizationConfig}from"../../utils/organization";export function CartLink(props){const{label,children,type,customDomain,...p}=props,{order,createOrder}=useContext(OrderContext),{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");if(endpoint==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),href=slug&&order?.id?getApplicationLink({slug,orderId:order?.id,accessToken,domain,applicationType:"cart",customDomain}):void 0,handleClick=async event=>{if(event.preventDefault(),type!=="mini")if(order?.id){const config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken}});location.href=config?.links?.cart??href??""}else{const orderId=await createOrder({}),config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken}});slug&&(location.href=config?.links?.cart??getApplicationLink({slug,orderId,accessToken,domain,applicationType:"cart",customDomain}))}else publish("open-cart")},parentProps={handleClick,label,href,orderId:order?.id,accessToken,...p};return accessToken?children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,onClick:e=>{handleClick(e)},...p,children:label}):null}export default CartLink;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import OrderContext from"../../context/OrderContext";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{publish}from"../../utils/events";import{getOrganizationConfig}from"../../utils/organization";export function CartLink(props){const{label,children,type,customDomain,...p}=props,{order,createOrder}=useContext(OrderContext),{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");if(endpoint==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),href=slug&&order?.id?getApplicationLink({slug,orderId:order?.id,accessToken,domain,applicationType:"cart",customDomain}):void 0,handleClick=async event=>{if(event.preventDefault(),type!=="mini")if(order?.id){const config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});location.href=config?.links?.cart??href??""}else{const orderId=await createOrder({}),config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});slug&&(location.href=config?.links?.cart??getApplicationLink({slug,orderId,accessToken,domain,applicationType:"cart",customDomain}))}else publish("open-cart")},parentProps={handleClick,label,href,orderId:order?.id,accessToken,...p};return accessToken?children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,onClick:e=>{handleClick(e)},...p,children:label}):null}export default CartLink;

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

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

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

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import OrderContext from"../../context/OrderContext";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{getOrganizationConfig}from"../../utils/organization";export function CheckoutLink(props){const{label,hostedCheckout=!0,children,onClick,...p}=props,{order}=useContext(OrderContext),{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null||endpoint==null)throw new Error("Cannot use `CheckoutLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),href=hostedCheckout&&order?.id?getApplicationLink({slug,orderId:order?.id,accessToken,applicationType:"checkout",domain}):order?.checkout_url??"",parentProps={checkoutUrl:order?.checkout_url,hostedCheckout,label,href,...p};function handleClick(e){e.preventDefault(),e.stopPropagation();const currentHref=e.currentTarget.href;accessToken&&endpoint&&order?.id?getOrganizationConfig({accessToken,endpoint,params:{accessToken,orderId:order?.id}}).then(config=>{config?.links?.checkout?window.open(config.links.checkout,"_top"):window.open(currentHref,"_top")}):window.open(currentHref,"_top")}return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,onClick:handleClick,...p,children:label})}export default CheckoutLink;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import OrderContext from"../../context/OrderContext";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{getOrganizationConfig}from"../../utils/organization";export function CheckoutLink(props){const{label,hostedCheckout=!0,children,onClick,...p}=props,{order}=useContext(OrderContext),{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null||endpoint==null)throw new Error("Cannot use `CheckoutLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),href=hostedCheckout&&order?.id?getApplicationLink({slug,orderId:order?.id,accessToken,applicationType:"checkout",domain}):order?.checkout_url??"",parentProps={checkoutUrl:order?.checkout_url,hostedCheckout,label,href,...p};function handleClick(e){e.preventDefault(),e.stopPropagation();const currentHref=e.currentTarget.href;accessToken&&endpoint&&order?.id?getOrganizationConfig({accessToken,endpoint,params:{accessToken,slug,orderId:order?.id}}).then(config=>{config?.links?.checkout?window.open(config.links.checkout,"_top"):window.open(currentHref,"_top")}):window.open(currentHref,"_top")}return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,onClick:handleClick,...p,children:label})}export default CheckoutLink;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type JSX } from 'react';
 interface Styles {
     cart?: CSSProperties;
     container?: CSSProperties;

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

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import CommerceLayerContext from"../../context/CommerceLayerContext";import OrderContext from"../../context/OrderContext";import OrderStorageContext from"../../context/OrderStorageContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import useCustomContext from"../../utils/hooks/useCustomContext";import{useContext,useEffect,useState,useRef}from"react";import{iframeResizer}from"iframe-resizer";import{subscribe,unsubscribe}from"../../utils/events";import{getOrganizationConfig}from"../../utils/organization";const defaultIframeStyle={width:"1px",minWidth:"100%",minHeight:"100%",border:"none",paddingLeft:"20px",paddingRight:"20px"},defaultContainerStyle={position:"fixed",top:"0",right:"-25rem",height:"100%",width:"23rem",transition:"right 0.5s ease-in-out",pointerEvents:"none",overflow:"auto"},defaultBackgroundStyle={opacity:"0",position:"fixed",top:"0",left:"0",height:"100%",width:"100vw",transition:"opacity 0.5s ease-in-out",pointerEvents:"none",backgroundColor:"black"},defaultIconStyle={width:"1.25rem",height:"1.25rem"},defaultIconContainer={textAlign:"left",paddingLeft:"20px",paddingTop:"20px",background:"#ffffff",color:"#686E6E"},defaultStyle={cart:defaultIframeStyle,container:defaultContainerStyle,background:defaultBackgroundStyle,icon:defaultIconStyle,iconContainer:defaultIconContainer};export function HostedCart({type,openAdd=!1,style,open=!1,handleOpen,customDomain,...props}){const[isOpen,setOpen]=useState(!1),ref=useRef(null),{accessToken,endpoint}=useCustomContext({context:CommerceLayerContext,contextComponentName:"CommerceLayer",currentComponentName:"HostedCart",key:"accessToken"}),[src,setSrc]=useState();if(accessToken==null||endpoint==null)return null;const{order,createOrder,getOrder}=useContext(OrderContext),{persistKey}=useContext(OrderStorageContext),{domain,slug}=getDomain(endpoint);async function setOrder(openCart){const orderId=localStorage.getItem(persistKey)??await createOrder({});if(orderId!=null&&accessToken&&endpoint){const config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken}});setSrc(config?.links?.cart??getApplicationLink({slug,orderId,accessToken,domain,applicationType:"cart",customDomain})),openCart&&setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300)}}function onMessage(data){switch(data.message.type){case"update":data.message.payload!=null&&getOrder(data.message.payload.id);break;case"close":type==="mini"&&(handleOpen!=null?handleOpen():setOpen(!1));break;case"blur":type==="mini"&&isOpen&&ref.current?.focus();break}}useEffect(()=>{const orderId=localStorage.getItem(persistKey);let ignore=!1;return open!=null&&open!==isOpen&&setOpen(open),openAdd&&type==="mini"&&subscribe("open-cart",()=>{window.document.body.style.overflow="hidden",src==null&&order?.id==null&&orderId==null?setOrder(!0):(src!=null&&ref.current!=null&&(ref.current.src=src),setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300))}),src==null&&order?.id==null&&orderId==null&&accessToken!=null&&!ignore&&isOpen?setOrder():src==null&&(order?.id!=null||orderId!=null)&&accessToken&&getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken}}).then(config=>{setSrc(config?.links?.cart??getApplicationLink({slug,orderId:order?.id??orderId??"",accessToken,domain,applicationType:"cart"}))}),src!=null&&ref.current!=null&&(ref.current.src=src),()=>{ignore=!0,openAdd&&type==="mini"&&unsubscribe("open-cart",()=>{})}},[src,open,order?.id,accessToken]),useEffect(()=>{ref.current!=null&&iframeResizer({checkOrigin:!1,onMessage},ref.current)},[ref.current!=null]);function onCloseCart(){window.document.body.style.removeProperty("overflow"),handleOpen!=null?handleOpen():setOpen(!1)}return src==null?null:type==="mini"?_jsxs(_Fragment,{children:[_jsx("div",{"aria-hidden":"true",style:{...defaultStyle.background,...style?.background,opacity:isOpen?"0.5":defaultStyle.background?.opacity,pointerEvents:isOpen?"initial":defaultStyle.background?.pointerEvents},onClick:onCloseCart}),_jsxs("div",{style:{...defaultStyle.container,...style?.container,right:isOpen?"0":defaultStyle.container?.right,pointerEvents:isOpen?"initial":defaultStyle.container?.pointerEvents},...props,children:[_jsx("div",{style:{...defaultStyle.iconContainer,...style?.iconContainer},children:_jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",style:{...defaultStyle.icon,...style?.icon},onClick:onCloseCart,children:_jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),_jsx("iframe",{title:"Cart",ref,style:{...defaultStyle.cart,...style?.cart},src,width:"100%",height:"100%"})]})]}):_jsx("iframe",{title:"Cart",ref,style:{...defaultStyle.cart,...style?.cart},src,width:"100%",height:"100%"})}
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import CommerceLayerContext from"../../context/CommerceLayerContext";import OrderContext from"../../context/OrderContext";import OrderStorageContext from"../../context/OrderStorageContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import useCustomContext from"../../utils/hooks/useCustomContext";import{useContext,useEffect,useState,useRef}from"react";import{iframeResizer}from"iframe-resizer";import{subscribe,unsubscribe}from"../../utils/events";import{getOrganizationConfig}from"../../utils/organization";const defaultIframeStyle={width:"1px",minWidth:"100%",minHeight:"100%",border:"none",paddingLeft:"20px",paddingRight:"20px"},defaultContainerStyle={position:"fixed",top:"0",right:"-25rem",height:"100%",width:"23rem",transition:"right 0.5s ease-in-out",pointerEvents:"none",overflow:"auto"},defaultBackgroundStyle={opacity:"0",position:"fixed",top:"0",left:"0",height:"100%",width:"100vw",transition:"opacity 0.5s ease-in-out",pointerEvents:"none",backgroundColor:"black"},defaultIconStyle={width:"1.25rem",height:"1.25rem"},defaultIconContainer={textAlign:"left",paddingLeft:"20px",paddingTop:"20px",background:"#ffffff",color:"#686E6E"},defaultStyle={cart:defaultIframeStyle,container:defaultContainerStyle,background:defaultBackgroundStyle,icon:defaultIconStyle,iconContainer:defaultIconContainer};export function HostedCart({type,openAdd=!1,style,open=!1,handleOpen,customDomain,...props}){const[isOpen,setOpen]=useState(!1),ref=useRef(null),{accessToken,endpoint}=useCustomContext({context:CommerceLayerContext,contextComponentName:"CommerceLayer",currentComponentName:"HostedCart",key:"accessToken"}),[src,setSrc]=useState();if(accessToken==null||endpoint==null)return null;const{order,createOrder,getOrder}=useContext(OrderContext),{persistKey}=useContext(OrderStorageContext),{domain,slug}=getDomain(endpoint);async function setOrder(openCart){const orderId=localStorage.getItem(persistKey)??await createOrder({});if(orderId!=null&&accessToken&&endpoint){const config=await getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});setSrc(config?.links?.cart??getApplicationLink({slug,orderId,accessToken,domain,applicationType:"cart",customDomain})),openCart&&setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300)}}function onMessage(data){switch(data.message.type){case"update":data.message.payload!=null&&getOrder(data.message.payload.id);break;case"close":type==="mini"&&(handleOpen!=null?handleOpen():setOpen(!1));break;case"blur":type==="mini"&&isOpen&&ref.current?.focus();break}}useEffect(()=>{const orderId=localStorage.getItem(persistKey);let ignore=!1;return open!=null&&open!==isOpen&&setOpen(open),openAdd&&type==="mini"&&subscribe("open-cart",()=>{window.document.body.style.overflow="hidden",src==null&&order?.id==null&&orderId==null?setOrder(!0):(src!=null&&ref.current!=null&&(ref.current.src=src),setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300))}),src==null&&order?.id==null&&orderId==null&&accessToken!=null&&!ignore&&isOpen?setOrder():src==null&&(order?.id!=null||orderId!=null)&&accessToken&&getOrganizationConfig({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}}).then(config=>{setSrc(config?.links?.cart??getApplicationLink({slug,orderId:order?.id??orderId??"",accessToken,domain,applicationType:"cart"}))}),src!=null&&ref.current!=null&&(ref.current.src=src),()=>{ignore=!0,openAdd&&type==="mini"&&unsubscribe("open-cart",()=>{})}},[src,open,order?.id,accessToken]),useEffect(()=>{ref.current!=null&&iframeResizer({checkOrigin:!1,onMessage},ref.current)},[ref.current!=null]);function onCloseCart(){window.document.body.style.removeProperty("overflow"),handleOpen!=null?handleOpen():setOpen(!1)}return src==null?null:type==="mini"?_jsxs(_Fragment,{children:[_jsx("div",{"aria-hidden":"true",style:{...defaultStyle.background,...style?.background,opacity:isOpen?"0.5":defaultStyle.background?.opacity,pointerEvents:isOpen?"initial":defaultStyle.background?.pointerEvents},onClick:onCloseCart}),_jsxs("div",{style:{...defaultStyle.container,...style?.container,right:isOpen?"0":defaultStyle.container?.right,pointerEvents:isOpen?"initial":defaultStyle.container?.pointerEvents},...props,children:[_jsx("div",{style:{...defaultStyle.iconContainer,...style?.iconContainer},children:_jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",style:{...defaultStyle.icon,...style?.icon},onClick:onCloseCart,children:_jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),_jsx("iframe",{title:"Cart",ref,style:{...defaultStyle.cart,...style?.cart},src,width:"100%",height:"100%"})]})]}):_jsx("iframe",{title:"Cart",ref,style:{...defaultStyle.cart,...style?.cart},src,width:"100%",height:"100%"})}

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseMetadataObject } from '../../typings/index';
 import type { OrderCreate, Order } from '@commercelayer/sdk';
 import type { DefaultChildrenType } from '../../typings/globals';

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type TOrderList, type InitialOrderListContext, type OrderListContent } from '../../context/OrderListChildrenContext';
 import { type ColumnDef, type SortingState } from '@tanstack/react-table';
 import type { DefaultChildrenType, TRange } from '../../typings/globals';

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

@@ -1,4 +1,5 @@
 import { type ChildrenFunction } from '../../typings/index';
+import { type JSX } from 'react';
 interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     /**
      * Function allow you to customize the component

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

@@ -1,5 +1,6 @@
 import { type OrderListPaginationContext as TOrderListPaginationContext } from '../../context/OrderListPaginationContext';
 import { type ChildrenFunction } from '../../typings/index';
+import type { JSX } from "react";
 interface PaginationButton extends Omit<JSX.IntrinsicElements['button'], 'children' | 'disabled'> {
     /**
      * Show or hide the pagination button. Default is true.

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

@@ -1,4 +1,5 @@
 import { type ChildrenFunction } from '../../typings/index';
+import type { JSX } from "react";
 type TAsComponent = keyof Pick<JSX.IntrinsicElements, 'p' | 'span' | 'div'>;
 type ChildrenProps<A extends TAsComponent> = Omit<Props<A>, 'children'> & {
     /**

package/lib/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/payment_source/StripeExpressPayment.d.ts

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

package/lib/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/shipping_methods/ShippingMethodRadioButton.js

@@ -1,2 +1,2 @@
 "use client";
-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),[disabled,setDisabled]=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,shippingMethodId]);const handleOnChange=async()=>{if(setDisabled(!0),shipmentId&&shippingMethodId&&setShippingMethod!=null){const{order}=await setShippingMethod(shipmentId,shippingMethodId);shippingMethod&&onChange!=null&&onChange({shippingMethod,shipmentId,order})}setDisabled(!1)},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,disabled,...props};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("input",{disabled,type:"radio",name,id,onChange:e=>{e.preventDefault(),e.stopPropagation(),handleOnChange()},checked,...p})}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,children,...p}=props,[checked,setChecked]=useState(!1),[disabled,setDisabled]=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,shippingMethodId]);const handleOnChange=async()=>{if(setDisabled(!0),shipmentId&&shippingMethodId&&setShippingMethod!=null){const{order}=await setShippingMethod(shipmentId,shippingMethodId);shippingMethod&&onChange!=null&&onChange({shippingMethod,shipmentId,order})}setDisabled(!1)},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,disabled,...props};return children?_jsx(Parent,{...parentProps,children}):_jsx("input",{disabled,type:"radio",name,id,onChange:e=>{e.preventDefault(),e.stopPropagation(),handleOnChange()},checked,...p})}export default ShippingMethodRadioButton;

package/lib/esm/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/esm/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/esm/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/esm/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 = {