@commercelayer/react-components 4.17.0-beta.0 → 4.17.0-beta.3

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;

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

@@ -1,11 +1,12 @@
 import { type LineItem } from '@commercelayer/sdk';
 import { type BaseError } from '../../typings/errors';
 import { type TResourceError } from '../errors/Errors';
+import type { JSX } from "react";
 export interface AllErrorsParams {
     allErrors: BaseError[];
     messages: BaseError[];
     field?: string;
-    props: JSX.IntrinsicElements['span'];
+    props: Omit<JSX.IntrinsicElements['span'], 'ref'>;
     lineItem?: LineItem | null;
     resource?: TResourceError;
     returnHtml?: boolean;

package/lib/cjs/context/OrderListChildrenContext.d.ts

@@ -1,5 +1,6 @@
 import type { Order, OrderSubscription } from '@commercelayer/sdk';
 import { type Row } from '@tanstack/react-table';
+import { type JSX } from 'react';
 export type TOrderList = 'orders' | 'subscriptions';
 export type TableAccessor<T extends TOrderList> = T extends 'orders' ? keyof Order : keyof OrderSubscription;
 export type OrderListContent<T extends TOrderList> = T extends 'orders' ? Order : OrderSubscription;

package/lib/cjs/context/PlaceOrderContext.d.ts

@@ -4,7 +4,7 @@ type DefaultContext = {
     setPlaceOrderErrors?: typeof setPlaceOrderErrors;
     setPlaceOrder?: typeof setPlaceOrder;
     placeOrderPermitted?: () => void;
-    setButtonRef?: (ref: RefObject<HTMLButtonElement>) => void;
+    setButtonRef?: (ref: RefObject<HTMLButtonElement | null>) => void;
     setPlaceOrderStatus?: typeof setPlaceOrderStatus;
 } & PlaceOrderState;
 export declare const defaultPlaceOrderContext: DefaultContext;

package/lib/cjs/reducers/OrderReducer.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.orderInitialState=exports.saveAddressToCustomerAddressBook=exports.unsetOrderState=exports.setOrder=exports.getApiOrder=void 0,exports.createOrder=createOrder,exports.updateOrder=updateOrder,exports.addResourceToInclude=addResourceToInclude,exports.addToCart=addToCart,exports.setOrderErrors=setOrderErrors,exports.setGiftCardOrCouponCode=setGiftCardOrCouponCode,exports.removeGiftCardOrCouponCode=removeGiftCardOrCouponCode;const tslib_1=require("tslib"),localStorage_1=require("../utils/localStorage"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),getErrors_1=tslib_1.__importStar(require("../utils/getErrors")),organization_1=require("../utils/organization"),events_1=require("../utils/events"),getDomain_1=require("../utils/getDomain"),getApplicationLink_1=require("../utils/getApplicationLink"),actionType=["setLoading","setOrderId","setOrder","setSingleQuantity","setCurrentSkuCodes","setCurrentSkuPrices","setErrors","setCurrentItem","setSaveAddressToCustomerAddressBook","setIncludesResource"];function createOrder(params){return tslib_1.__awaiter(this,void 0,void 0,function*(){if(params){const{persistKey,state,dispatch,config,orderMetadata:metadata,orderAttributes={},setLocalOrder}=params;if(state?.orderId)return state.orderId;const sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return"";const o=yield sdk?.orders.create(Object.assign({metadata},orderAttributes));return dispatch&&dispatch({type:"setOrderId",payload:{orderId:o?.id}}),persistKey&&setLocalOrder&&setLocalOrder(persistKey,o.id),o.id}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});console.error("Create order",errors),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors,dispatch})}}return""})}const getApiOrder=params=>tslib_1.__awaiter(void 0,void 0,void 0,function*(){const{id,dispatch,config,clearWhenPlaced,persistKey,deleteLocalOrder,state}=params,sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return;const options={};state?.include&&state.include.length>0&&(options.include=state.include);const order=yield sdk.orders.retrieve(id??"",options);return clearWhenPlaced&&order.editable===!1?(persistKey&&deleteLocalOrder&&deleteLocalOrder(persistKey),dispatch&&dispatch({type:"setOrder",payload:{order:void 0,orderId:""}})):dispatch&&dispatch({type:"setOrder",payload:{order,orderId:order.id}}),order}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});console.error("Retrieve order",errors),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors,dispatch});return}});exports.getApiOrder=getApiOrder;function updateOrder(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({id,attributes,dispatch,config,include,state}){const sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return{success:!1};const resource=Object.assign(Object.assign({},attributes),{id});yield sdk.orders.update(resource,{include});const order=yield(0,exports.getApiOrder)({id,config,dispatch,state});return dispatch&&order&&dispatch({type:"setOrder",payload:{order}}),{success:!0,order}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});return dispatch&&(setOrderErrors({errors,dispatch}),dispatch({type:"setErrors",payload:{errors}})),{success:!1,error}}})}const setOrder=(order,dispatch)=>{dispatch&&dispatch({type:"setOrder",payload:{order}})};exports.setOrder=setOrder;function addResourceToInclude({resourcesIncluded=[],dispatch,newResource,newResourceLoaded,resourceIncludedLoaded}){const payload={include:void 0,includeLoaded:void 0};if(newResource){const resources=typeof newResource=="string"?[newResource]:newResource;payload.include=[...new Set([...resourcesIncluded,...resources])],resources.forEach(resource=>{const includeLoaded=Object.assign(Object.assign({},payload.includeLoaded),{[resource]:!0});payload.includeLoaded=includeLoaded})}else delete payload.include;const payloadIncludeLoaded=Object.assign(Object.assign(Object.assign({},resourceIncludedLoaded),newResourceLoaded),payload.includeLoaded&&payload.includeLoaded);payload.includeLoaded=payloadIncludeLoaded,dispatch&&dispatch({type:"setIncludesResource",payload:Object.assign(Object.assign({},payload),{withoutIncludes:!1})})}function addToCart(params){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c,_d,_e,_f;const{skuCode,bundleCode,quantity,config,dispatch,lineItem,state,errors=[],buyNowMode,checkoutUrl,lineItemOption,openMiniCart=!0}=params;try{if(config){const sdk=(0,getSdk_1.default)(config),id=yield createOrder(params);if(id){const order=sdk.orders.relationship(id),name=lineItem?.name,imageUrl=lineItem?.imageUrl,metadata=lineItem?.metadata,frequency=lineItem?.frequency,externalPrice=lineItem?.externalPrice;if(buyNowMode)if(!((_a=state?.order)===null||_a===void 0)&&_a.line_items)yield Promise.all((_b=state?.order)===null||_b===void 0?void 0:_b.line_items.map(lineItem2=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield sdk.line_items.delete(lineItem2.id)})));else{const{line_items:lineItems}=yield sdk.orders.retrieve(id,{fields:["line_items"],include:["line_items"]});lineItems&&lineItems?.length>0&&(yield Promise.all(lineItems.map(lineItem2=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield sdk.line_items.delete(lineItem2.id)}))))}const attrs={order,sku_code:skuCode,name,image_url:imageUrl,quantity:quantity??1,_update_quantity:(_c=lineItem?._update_quantity)!==null&&_c!==void 0?_c:!0,bundle_code:bundleCode,metadata,frequency};externalPrice===!0&&(attrs._external_price=externalPrice);const newLineItem=yield sdk.line_items.create(attrs);if(lineItemOption!=null){const{skuOptionId,options,quantity:quantity2}=lineItemOption,skuOption=sdk.sku_options.relationship(skuOptionId),lineItemRel=sdk.line_items.relationship(newLineItem.id),lineItemOptionsAttributes={quantity:quantity2??1,options,sku_option:skuOption,line_item:lineItemRel};yield sdk.line_item_options.create(lineItemOptionsAttributes),yield(0,exports.getApiOrder)(Object.assign({id},params))}else yield(0,exports.getApiOrder)(Object.assign(Object.assign({id},params),{state}));if(!(0,isEmpty_1.default)(errors)&&dispatch&&dispatch({type:"setErrors",payload:{errors:[]}}),buyNowMode&&id&&config?.accessToken!=null&&config?.endpoint!=null){const params2=`${id}?accessToken=${(_d=config.accessToken)!==null&&_d!==void 0?_d:""}`,{domain,slug}=(0,getDomain_1.getDomain)(config.endpoint),href=(0,getApplicationLink_1.getApplicationLink)({slug,orderId:id,accessToken:config.accessToken,applicationType:"checkout",domain}),organizationConfig=yield(0,organization_1.getOrganizationConfig)({accessToken:config.accessToken,endpoint:config.endpoint,params:{accessToken:config.accessToken,orderId:order?.id}}),redirectUrl=checkoutUrl?`${checkoutUrl}/${params2}`:(_f=(_e=organizationConfig?.links)===null||_e===void 0?void 0:_e.checkout)!==null&&_f!==void 0?_f:href;location.href=redirectUrl}else openMiniCart&&(0,events_1.publish)("open-cart");return{success:!0,orderId:id}}}return{success:!1}}catch(error){const errors2=(0,getErrors_1.default)({error,resource:"orders"});return console.error("Add to cart",errors2),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors2,dispatch}),{success:!1}}})}const unsetOrderState=dispatch=>{dispatch({type:"setOrderId",payload:{orderId:""}}),dispatch({type:"setOrder",payload:{order:void 0}})};exports.unsetOrderState=unsetOrderState;function setOrderErrors({dispatch,errors=[]}){return dispatch&&dispatch({type:"setErrors",payload:{errors}}),{success:!1}}const saveAddressToCustomerAddressBook=({type,value,dispatch})=>{const k=`_save_${type}_to_customer_address_book`,v=`${value.toString()}`;(0,localStorage_1.setCustomerOrderParam)(k,v),dispatch&&dispatch({type:"setSaveAddressToCustomerAddressBook",payload:{[k]:v}})};exports.saveAddressToCustomerAddressBook=saveAddressToCustomerAddressBook;function setGiftCardOrCouponCode(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({code,codeType,dispatch,config,order,include,state}){try{if(config&&order&&code&&dispatch){const attributes={[codeType]:code},{success,order:currentOrder,error}=yield updateOrder({id:order.id,attributes,config,include,dispatch,state});if(!success)throw error;return dispatch({type:"setErrors",payload:{errors:[]}}),{success,order:currentOrder}}return{success:!1}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders",field:codeType});return dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}})}function removeGiftCardOrCouponCode(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({codeType,dispatch,config,order,include,state}){try{if(config&&order&&dispatch){const attributes={[codeType]:""},orderUpdated=yield updateOrder({id:order.id,attributes,config,include,dispatch,state});return dispatch({type:"setErrors",payload:{errors:[]}}),{success:!0,order:orderUpdated?.order}}return{success:!1}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders",field:codeType});return console.error("Remove gift card o coupon code",errors),dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}})}exports.orderInitialState={loading:!0,orderId:"",order:void 0,errors:[],include:void 0,withoutIncludes:!0};const orderReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,actionType);exports.default=orderReducer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.orderInitialState=exports.saveAddressToCustomerAddressBook=exports.unsetOrderState=exports.setOrder=exports.getApiOrder=void 0,exports.createOrder=createOrder,exports.updateOrder=updateOrder,exports.addResourceToInclude=addResourceToInclude,exports.addToCart=addToCart,exports.setOrderErrors=setOrderErrors,exports.setGiftCardOrCouponCode=setGiftCardOrCouponCode,exports.removeGiftCardOrCouponCode=removeGiftCardOrCouponCode;const tslib_1=require("tslib"),localStorage_1=require("../utils/localStorage"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),getErrors_1=tslib_1.__importStar(require("../utils/getErrors")),organization_1=require("../utils/organization"),events_1=require("../utils/events"),getDomain_1=require("../utils/getDomain"),getApplicationLink_1=require("../utils/getApplicationLink"),actionType=["setLoading","setOrderId","setOrder","setSingleQuantity","setCurrentSkuCodes","setCurrentSkuPrices","setErrors","setCurrentItem","setSaveAddressToCustomerAddressBook","setIncludesResource"];function createOrder(params){return tslib_1.__awaiter(this,void 0,void 0,function*(){if(params){const{persistKey,state,dispatch,config,orderMetadata:metadata,orderAttributes={},setLocalOrder}=params;if(state?.orderId)return state.orderId;const sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return"";const o=yield sdk?.orders.create(Object.assign({metadata},orderAttributes));return dispatch&&dispatch({type:"setOrderId",payload:{orderId:o?.id}}),persistKey&&setLocalOrder&&setLocalOrder(persistKey,o.id),o.id}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});console.error("Create order",errors),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors,dispatch})}}return""})}const getApiOrder=params=>tslib_1.__awaiter(void 0,void 0,void 0,function*(){const{id,dispatch,config,clearWhenPlaced,persistKey,deleteLocalOrder,state}=params,sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return;const options={};state?.include&&state.include.length>0&&(options.include=state.include);const order=yield sdk.orders.retrieve(id??"",options);return clearWhenPlaced&&order.editable===!1?(persistKey&&deleteLocalOrder&&deleteLocalOrder(persistKey),dispatch&&dispatch({type:"setOrder",payload:{order:void 0,orderId:""}})):dispatch&&dispatch({type:"setOrder",payload:{order,orderId:order.id}}),order}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});console.error("Retrieve order",errors),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors,dispatch});return}});exports.getApiOrder=getApiOrder;function updateOrder(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({id,attributes,dispatch,config,include,state}){const sdk=config!=null?(0,getSdk_1.default)(config):void 0;try{if(sdk==null)return{success:!1};const resource=Object.assign(Object.assign({},attributes),{id});yield sdk.orders.update(resource,{include});const order=yield(0,exports.getApiOrder)({id,config,dispatch,state});return dispatch&&order&&dispatch({type:"setOrder",payload:{order}}),{success:!0,order}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders"});return dispatch&&(setOrderErrors({errors,dispatch}),dispatch({type:"setErrors",payload:{errors}})),{success:!1,error}}})}const setOrder=(order,dispatch)=>{dispatch&&dispatch({type:"setOrder",payload:{order}})};exports.setOrder=setOrder;function addResourceToInclude({resourcesIncluded=[],dispatch,newResource,newResourceLoaded,resourceIncludedLoaded}){const payload={include:void 0,includeLoaded:void 0};if(newResource){const resources=typeof newResource=="string"?[newResource]:newResource;payload.include=[...new Set([...resourcesIncluded,...resources])],resources.forEach(resource=>{const includeLoaded=Object.assign(Object.assign({},payload.includeLoaded),{[resource]:!0});payload.includeLoaded=includeLoaded})}else delete payload.include;const payloadIncludeLoaded=Object.assign(Object.assign(Object.assign({},resourceIncludedLoaded),newResourceLoaded),payload.includeLoaded&&payload.includeLoaded);payload.includeLoaded=payloadIncludeLoaded,dispatch&&dispatch({type:"setIncludesResource",payload:Object.assign(Object.assign({},payload),{withoutIncludes:!1})})}function addToCart(params){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c,_d,_e,_f;const{skuCode,bundleCode,quantity,config,dispatch,lineItem,state,errors=[],buyNowMode,checkoutUrl,lineItemOption,openMiniCart=!0}=params;try{if(config){const sdk=(0,getSdk_1.default)(config),id=yield createOrder(params);if(id){const order=sdk.orders.relationship(id),name=lineItem?.name,imageUrl=lineItem?.imageUrl,metadata=lineItem?.metadata,frequency=lineItem?.frequency,externalPrice=lineItem?.externalPrice;if(buyNowMode)if(!((_a=state?.order)===null||_a===void 0)&&_a.line_items)yield Promise.all((_b=state?.order)===null||_b===void 0?void 0:_b.line_items.map(lineItem2=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield sdk.line_items.delete(lineItem2.id)})));else{const{line_items:lineItems}=yield sdk.orders.retrieve(id,{fields:["line_items"],include:["line_items"]});lineItems&&lineItems?.length>0&&(yield Promise.all(lineItems.map(lineItem2=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield sdk.line_items.delete(lineItem2.id)}))))}const attrs={order,sku_code:skuCode,name,image_url:imageUrl,quantity:quantity??1,_update_quantity:(_c=lineItem?._update_quantity)!==null&&_c!==void 0?_c:!0,bundle_code:bundleCode,metadata,frequency};externalPrice===!0&&(attrs._external_price=externalPrice);const newLineItem=yield sdk.line_items.create(attrs);if(lineItemOption!=null){const{skuOptionId,options,quantity:quantity2}=lineItemOption,skuOption=sdk.sku_options.relationship(skuOptionId),lineItemRel=sdk.line_items.relationship(newLineItem.id),lineItemOptionsAttributes={quantity:quantity2??1,options,sku_option:skuOption,line_item:lineItemRel};yield sdk.line_item_options.create(lineItemOptionsAttributes),yield(0,exports.getApiOrder)(Object.assign({id},params))}else yield(0,exports.getApiOrder)(Object.assign(Object.assign({id},params),{state}));if(!(0,isEmpty_1.default)(errors)&&dispatch&&dispatch({type:"setErrors",payload:{errors:[]}}),buyNowMode&&id&&config?.accessToken!=null&&config?.endpoint!=null){const params2=`${id}?accessToken=${(_d=config.accessToken)!==null&&_d!==void 0?_d:""}`,{domain,slug}=(0,getDomain_1.getDomain)(config.endpoint),href=(0,getApplicationLink_1.getApplicationLink)({slug,orderId:id,accessToken:config.accessToken,applicationType:"checkout",domain}),organizationConfig=yield(0,organization_1.getOrganizationConfig)({accessToken:config.accessToken,endpoint:config.endpoint,params:{accessToken:config.accessToken,orderId:order?.id,slug}}),redirectUrl=checkoutUrl?`${checkoutUrl}/${params2}`:(_f=(_e=organizationConfig?.links)===null||_e===void 0?void 0:_e.checkout)!==null&&_f!==void 0?_f:href;location.href=redirectUrl}else openMiniCart&&(0,events_1.publish)("open-cart");return{success:!0,orderId:id}}}return{success:!1}}catch(error){const errors2=(0,getErrors_1.default)({error,resource:"orders"});return console.error("Add to cart",errors2),dispatch&&(0,getErrors_1.setErrors)({currentErrors:state?.errors,newErrors:errors2,dispatch}),{success:!1}}})}const unsetOrderState=dispatch=>{dispatch({type:"setOrderId",payload:{orderId:""}}),dispatch({type:"setOrder",payload:{order:void 0}})};exports.unsetOrderState=unsetOrderState;function setOrderErrors({dispatch,errors=[]}){return dispatch&&dispatch({type:"setErrors",payload:{errors}}),{success:!1}}const saveAddressToCustomerAddressBook=({type,value,dispatch})=>{const k=`_save_${type}_to_customer_address_book`,v=`${value.toString()}`;(0,localStorage_1.setCustomerOrderParam)(k,v),dispatch&&dispatch({type:"setSaveAddressToCustomerAddressBook",payload:{[k]:v}})};exports.saveAddressToCustomerAddressBook=saveAddressToCustomerAddressBook;function setGiftCardOrCouponCode(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({code,codeType,dispatch,config,order,include,state}){try{if(config&&order&&code&&dispatch){const attributes={[codeType]:code},{success,order:currentOrder,error}=yield updateOrder({id:order.id,attributes,config,include,dispatch,state});if(!success)throw error;return dispatch({type:"setErrors",payload:{errors:[]}}),{success,order:currentOrder}}return{success:!1}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders",field:codeType});return dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}})}function removeGiftCardOrCouponCode(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({codeType,dispatch,config,order,include,state}){try{if(config&&order&&dispatch){const attributes={[codeType]:""},orderUpdated=yield updateOrder({id:order.id,attributes,config,include,dispatch,state});return dispatch({type:"setErrors",payload:{errors:[]}}),{success:!0,order:orderUpdated?.order}}return{success:!1}}catch(error){const errors=(0,getErrors_1.default)({error,resource:"orders",field:codeType});return console.error("Remove gift card o coupon code",errors),dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}})}exports.orderInitialState={loading:!0,orderId:"",order:void 0,errors:[],include:void 0,withoutIncludes:!0};const orderReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,actionType);exports.default=orderReducer;

package/lib/cjs/reducers/PlaceOrderReducer.d.ts

@@ -31,10 +31,10 @@ export interface PlaceOrderActionPayload {
     paymentId: string;
     paymentSource: PaymentSourceType;
     options?: PlaceOrderOptions;
-    placeOrderButtonRef?: RefObject<HTMLButtonElement>;
+    placeOrderButtonRef?: RefObject<HTMLButtonElement | null>;
     status: 'placing' | 'standby';
 }
-export declare function setButtonRef(ref: RefObject<HTMLButtonElement>, dispatch: Dispatch<PlaceOrderAction>): void;
+export declare function setButtonRef(ref: RefObject<HTMLButtonElement | null>, dispatch: Dispatch<PlaceOrderAction>): void;
 export type PlaceOrderState = Partial<PlaceOrderActionPayload>;
 export interface PlaceOrderAction {
     type: PlaceOrderActionType;

package/lib/cjs/reducers/ShipmentReducer.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getShipments=exports.setShipmentErrors=exports.shipmentInitialState=void 0,exports.setShippingMethod=setShippingMethod;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk"));exports.shipmentInitialState={errors:[]};const setShipmentErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setShipmentErrors=setShipmentErrors;const getShipments=_a=>tslib_1.__awaiter(void 0,[_a],void 0,function*({order,dispatch,config}){try{const sdk=(0,getSdk_1.default)(config),shipments=order.shipments;let allDeliveryLeadTimes=[],currentPage=1,totalPages=1;do{const response=yield sdk.delivery_lead_times.list({include:["shipping_method","stock_location"],pageNumber:currentPage});allDeliveryLeadTimes=allDeliveryLeadTimes.concat(response),totalPages=response.meta.pageCount,currentPage++}while(currentPage<=totalPages);dispatch({type:"setShipments",payload:{shipments,deliveryLeadTimes:allDeliveryLeadTimes}})}catch(error){console.error(error)}});exports.getShipments=getShipments;function setShippingMethod(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({config,shipmentId,shippingMethodId,getOrder,order}){try{if(shippingMethodId){const sdk=(0,getSdk_1.default)(config);if(yield sdk.shipments.update({id:shipmentId,shipping_method:sdk.shipping_methods.relationship(shippingMethodId)}),getOrder!=null&&order!=null)return{success:!0,order:yield getOrder(order.id)}}return{success:!1}}catch(error){return console.error(error),{success:!1}}})}const type=["setErrors","setShipments","setShippingMethod"],shipmentReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,type);exports.default=shipmentReducer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getShipments=exports.setShipmentErrors=exports.shipmentInitialState=void 0,exports.setShippingMethod=setShippingMethod;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),canPlaceOrder_1=require("../utils/canPlaceOrder");exports.shipmentInitialState={errors:[]};const setShipmentErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setShipmentErrors=setShipmentErrors;const getShipments=_a=>tslib_1.__awaiter(void 0,[_a],void 0,function*({order,dispatch,config}){try{const sdk=(0,getSdk_1.default)(config),shipments=order.shipments;let allDeliveryLeadTimes=[],currentPage=1,totalPages=1;do{const response=yield sdk.delivery_lead_times.list({include:["shipping_method","stock_location"],pageNumber:currentPage});allDeliveryLeadTimes=allDeliveryLeadTimes.concat(response),totalPages=response.meta.pageCount,currentPage++}while(currentPage<=totalPages);dispatch({type:"setShipments",payload:{shipments,deliveryLeadTimes:allDeliveryLeadTimes}})}catch(error){console.error(error)}});exports.getShipments=getShipments;function setShippingMethod(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({config,shipmentId,shippingMethodId,getOrder,order}){try{if(order!=null&&!(0,canPlaceOrder_1.canPlaceOrder)(order))return{success:!1,order};if(shippingMethodId){const sdk=(0,getSdk_1.default)(config);if(yield sdk.shipments.update({id:shipmentId,shipping_method:sdk.shipping_methods.relationship(shippingMethodId)}),getOrder!=null&&order!=null)return{success:!0,order:yield getOrder(order.id)}}return{success:!1}}catch(error){return console.error(error),{success:!1}}})}const type=["setErrors","setShipments","setShippingMethod"],shipmentReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,type);exports.default=shipmentReducer;

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

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 export type DefaultChildrenType = JSX.Element[] | JSX.Element | null;
 type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
 export type TRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;

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

@@ -1,4 +1,4 @@
-import { type Dispatch, type ForwardedRef, type Ref } from 'react';
+import { type Dispatch, type ForwardedRef, type Ref, type JSX } from 'react';
 import PropTypes, { type InferProps } from 'prop-types';
 import { type BaseError } from './errors';
 export declare const BC: {
@@ -96,7 +96,7 @@ export declare const baseOrderComponentPricePropTypes: {
 export type BasePriceType = 'total' | 'option' | 'unit';
 export type BaseSelectorType = 'select' | 'radio';
 export type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
-export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
     children?: ChildrenFunction<BaseAmountComponentChildren>;
     format?: BaseFormatPrice;
     price?: string;

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

@@ -1,4 +1,5 @@
 import { type DefaultChildrenType } from '../typings/globals';
+import type { JSX } from "react";
 interface Props<T> {
     children: DefaultChildrenType;
     filterBy: T[];

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

@@ -1,2 +1,3 @@
 import { type LoaderType } from '../typings/index';
+import type { JSX } from "react";
 export default function getLoaderComponent(loader: LoaderType): JSX.Element;

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

@@ -1,5 +1,6 @@
 import { type Price } from '@commercelayer/sdk';
 import { type PTemplateProps } from '../components/utils/PriceTemplate';
+import type { JSX } from "react";
 export declare function getPriceByCode(skuPrices: Price[], code?: string): Price | undefined;
 export declare function getPricesComponent(skuPrices: Price[], props: PTemplateProps): JSX.Element[] | JSX.Element;
 export default function getPrices<P extends Price>(prices: P[]): Record<string, P[]>;

package/lib/cjs/utils/organization.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOrganizationSlug=getOrganizationSlug,exports.getOrganizationConfig=getOrganizationConfig,exports.useOrganizationConfig=useOrganizationConfig;const tslib_1=require("tslib"),react_1=require("react"),getDomain_1=require("./getDomain"),getSdk_1=tslib_1.__importDefault(require("./getSdk")),organization_config_1=require("@commercelayer/organization-config"),jwt_1=require("./jwt");function getOrganizationSlug(endpoint){const org={organization:"",domain:"commercelayer.io"},{domain,slug}=(0,getDomain_1.getDomain)(endpoint);return{organization:slug,domain:domain||org.domain}}function getOrganizationConfig(config){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a;const{market}=(0,jwt_1.jwt)(config.accessToken),organization=yield(0,getSdk_1.default)(config).organization.retrieve({fields:{organization:["id","config"]}});return(0,organization_config_1.getConfig)({jsonConfig:(_a=organization.config)!==null&&_a!==void 0?_a:{},market:`market:id:${market.id.join(",")}`,params:config.params})})}function useOrganizationConfig({accessToken,endpoint,params}){const[organizationConfig,setOrganizationConfig]=(0,react_1.useState)(null);return(0,react_1.useEffect)(()=>{accessToken==null||endpoint==null||getOrganizationConfig({accessToken,endpoint,params}).then(config=>{setOrganizationConfig(config)})},[accessToken,endpoint]),organizationConfig}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOrganizationSlug=getOrganizationSlug,exports.getOrganizationConfig=getOrganizationConfig,exports.useOrganizationConfig=useOrganizationConfig;const tslib_1=require("tslib"),react_1=require("react"),getDomain_1=require("./getDomain"),getSdk_1=tslib_1.__importDefault(require("./getSdk")),organization_config_1=require("@commercelayer/organization-config"),jwt_1=require("./jwt");function getOrganizationSlug(endpoint){const org={organization:"",domain:"commercelayer.io"},{domain,slug}=(0,getDomain_1.getDomain)(endpoint);return{organization:slug,domain:domain||org.domain}}function getOrganizationConfig(config){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a;const{market}=(0,jwt_1.jwt)(config.accessToken),organization=yield(0,getSdk_1.default)(config).organization.retrieve({fields:{organizations:["id","config"]}});return(0,organization_config_1.getConfig)({jsonConfig:(_a=organization.config)!==null&&_a!==void 0?_a:{},market:`market:id:${market.id.join(",")}`,params:config.params})})}function useOrganizationConfig({accessToken,endpoint,params}){const[organizationConfig,setOrganizationConfig]=(0,react_1.useState)(null);return(0,react_1.useEffect)(()=>{accessToken==null||endpoint==null||getOrganizationConfig({accessToken,endpoint,params}).then(config=>{setOrganizationConfig(config)})},[accessToken,endpoint]),organizationConfig}

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type ChildrenFunction } from '../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
 }
-interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'ref'> {
     children?: ChildrenFunction<ChildrenProps>;
     label?: string | ReactNode;
 }

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type Address as AddressType } from '@commercelayer/sdk';
 import { type AddressCardsTemplateChildren } from '../utils/AddressCardsTemplate';
 import type { DefaultChildrenType } from '../../typings/globals';

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseSelectComponentProps } from '../../typings/index';
 import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
 import { type Country } from '../../utils/countryStateCity';

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type AddressFieldView } from '../../reducers/AddressReducer';
 import type { Address } from '@commercelayer/sdk';
 import { type ChildrenFunction } from '../../typings/index';

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseInputComponentProps, type AddressInputName } from '../../typings/index';
 import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
 type Props = {

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseSelectComponentProps } from '../../typings/index';
 import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
 type SelectFieldName = `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type AddressStateSelectName, type BaseSelectComponentProps } from '../../typings/index';
 import { type States } from '../../utils/countryStateCity';
 type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {

package/lib/esm/components/addresses/AddressesContainer.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/addresses/AddressesEmpty.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/addresses/BillingAddressContainer.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/addresses/BillingAddressForm.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type CustomFieldMessageError } from '../../reducers/AddressReducer';
 type Props = {
     children: ReactNode;

package/lib/esm/components/addresses/SaveAddressesButton.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 { Order } from '@commercelayer/sdk';
 interface TOnClick {

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

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

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 import { type CustomFieldMessageError } from '../../reducers/AddressReducer';
 interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
     children: ReactNode;

package/lib/esm/components/auth/CommerceLayer.d.ts

@@ -1,4 +1,5 @@
 import type { DefaultChildrenType } from '../../typings/globals';
+import type { JSX } from "react";
 interface Props {
     /**
      * Accept a React node as children.

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type JSX } from 'react';
 interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
     children: ReactNode;
     reset?: boolean;

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

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

package/lib/esm/components/customers/CustomerField.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['Customer']>;
 type TCondition = ConditionalElement<Exclude<TResources['Customer'], 'resource'>>;
 type Props = {

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseInputComponentProps } from '../../typings/index';
 type Props = {
     name?: 'customer_email' | string;

package/lib/esm/components/customers/CustomerPaymentSource.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/customers/CustomerPaymentSourceEmpty.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/customers/MyAccountLink.d.ts

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

package/lib/esm/components/customers/MyAccountLink.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{jwt}from"../../utils/jwt";import{getOrganizationConfig}from"../../utils/organization";export function MyAccountLink(props){const{label="Go to my account",children,customDomain,...p}=props,{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyAccountLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),disabled=!("owner"in jwt(accessToken)),href=getApplicationLink({slug,accessToken,applicationType:"my-account",domain,customDomain}),parentProps={disabled,label,href,...p};function handleClick(e){!disabled&&accessToken&&endpoint&&getOrganizationConfig({accessToken,endpoint,params:{accessToken}}).then(config=>{config?.links?.my_account&&(e.preventDefault(),location.href=config.links.my_account)})}return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{"aria-disabled":disabled,onClick:handleClick,href,...p,children:label})}export default MyAccountLink;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"../utils/Parent";import CommerceLayerContext from"../../context/CommerceLayerContext";import{getApplicationLink}from"../../utils/getApplicationLink";import{getDomain}from"../../utils/getDomain";import{jwt}from"../../utils/jwt";import{getOrganizationConfig}from"../../utils/organization";export function MyAccountLink(props){const{label="Go to my account",children,customDomain,...p}=props,{accessToken,endpoint}=useContext(CommerceLayerContext);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyAccountLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint),disabled=!("owner"in jwt(accessToken)),href=getApplicationLink({slug,accessToken,applicationType:"my-account",domain,customDomain}),parentProps={disabled,label,href,...p};function handleClick(e){!disabled&&accessToken&&endpoint&&getOrganizationConfig({accessToken,endpoint,params:{accessToken,slug}}).then(config=>{config?.links?.my_account&&(e.preventDefault(),location.href=config.links.my_account)})}return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{"aria-disabled":disabled,onClick:handleClick,href,...p,children:label})}export default MyAccountLink;

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

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

package/lib/esm/components/customers/MyIdentityLink.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";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 MyIdentityLink(props){const{label,children,type,clientId,scope,returnUrl,customDomain,resetPasswordUrl,...p}=props,{accessToken,endpoint}=useContext(CommerceLayerContext),[href,setHref]=useState(void 0);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyIdentityLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint);useEffect(()=>(accessToken&&endpoint&&getOrganizationConfig({accessToken,endpoint,params:{accessToken}}).then(config=>{if(config?.links?.identity)setHref(config.links.identity);else{const link=getApplicationLink({slug,accessToken,applicationType:"identity",domain,modeType:type,clientId,scope,returnUrl:returnUrl??window.location.href,resetPasswordUrl,customDomain});setHref(link)}}),()=>{setHref(void 0)}),[accessToken,endpoint]);const parentProps={label,href,clientId,scope,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,...p,children:label})}export default MyIdentityLink;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";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 MyIdentityLink(props){const{label,children,type,clientId,scope,returnUrl,customDomain,resetPasswordUrl,...p}=props,{accessToken,endpoint}=useContext(CommerceLayerContext),[href,setHref]=useState(void 0);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyIdentityLink` outside of `CommerceLayer`");const{domain,slug}=getDomain(endpoint);useEffect(()=>(accessToken&&endpoint&&getOrganizationConfig({accessToken,endpoint,params:{accessToken,slug}}).then(config=>{if(config?.links?.identity)setHref(config.links.identity);else{const link=getApplicationLink({slug,accessToken,applicationType:"identity",domain,modeType:type,clientId,scope,returnUrl:returnUrl??window.location.href,resetPasswordUrl,customDomain});setHref(link)}}),()=>{setHref(void 0)}),[accessToken,endpoint]);const parentProps={label,href,clientId,scope,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("a",{href,...p,children:label})}export default MyIdentityLink;

package/lib/esm/components/customers/SaveCustomerButton.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 ChildrenProps extends Omit<Props, 'children'> {
     handleClick: () => void;

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import type { CodeErrorType } from '../../typings/errors';
 import { type ChildrenFunction } from '../../typings/index';
 export type TResourceError = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant' | 'in_stock_subscriptions';

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

@@ -1,8 +1,10 @@
+import { type RefObject, type JSX } from 'react';
 import { type BaseState } from '../../typings/index';
 import type { DefaultChildrenType } from '../../typings/globals';
-interface Props extends Omit<JSX.IntrinsicElements['form'], 'children'> {
+interface Props extends Omit<JSX.IntrinsicElements['form'], 'children' | 'ref'> {
     children: DefaultChildrenType;
     onSubmit?: (values: BaseState) => void;
+    ref?: RefObject<HTMLFormElement | null>;
 }
 export declare function GiftCard(props: Props): JSX.Element;
 export default GiftCard;

package/lib/esm/components/gift_cards/GiftCard.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useRef,useContext}from"react";import validateFormFields from"../../utils/validateFormFields";import isEmpty from"lodash/isEmpty";import GiftCardContext from"../../context/GiftCardContext";export function GiftCard(props){const{children,onSubmit}=props,name="giftCardForm",ref=useRef(null),{addGiftCard,addGiftCardError}=useContext(GiftCardContext);return _jsx(_Fragment,{children:_jsx("form",{name,ref,onSubmit:e=>{e.preventDefault();const currentForm=ref.current,elements=currentForm?.elements,{errors,values}=validateFormFields(elements,["currencyCode","balanceCents"],"gift_cards");isEmpty(errors)?(addGiftCard(values),currentForm?.reset(),onSubmit&&onSubmit(values)):addGiftCardError(errors)},children},name)})}export default GiftCard;
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useRef,useContext}from"react";import validateFormFields from"../../utils/validateFormFields";import isEmpty from"lodash/isEmpty";import GiftCardContext from"../../context/GiftCardContext";export function GiftCard(props){const{children,onSubmit}=props,name="giftCardForm",ref=useRef(null),{addGiftCard,addGiftCardError}=useContext(GiftCardContext);return _jsx(_Fragment,{children:_jsx("form",{name,onSubmit:e=>{e.preventDefault();const currentForm=ref.current,elements=currentForm?.elements,{errors,values}=validateFormFields(elements,["currencyCode","balanceCents"],"gift_cards");isEmpty(errors)?(addGiftCard(values),currentForm?.reset(),onSubmit&&onSubmit(values)):addGiftCardError(errors)},children},name)})}export default GiftCard;

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

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

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

@@ -1,4 +1,5 @@
 import { type BaseSelectComponentProps } from '../../typings/index';
+import type { JSX } from "react";
 type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     required?: boolean;
 } & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;

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

@@ -1,4 +1,5 @@
 import { type BaseInputComponentProps, type GiftCardInputName } from '../../typings/index';
+import type { JSX } from "react";
 type Props = {
     name: GiftCardInputName;
 } & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 import { type BaseInputComponentProps } from '../../typings/index';
 import { type OrderCodeType } from '../../reducers/OrderReducer';
 type FieldName = 'gift_card_code' | 'coupon_code';

package/lib/esm/components/gift_cards/GiftCardOrCouponRemoveButton.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 CodeType, type OrderCodeType } from '../../reducers/OrderReducer';
 import type { Order } from '@commercelayer/sdk';

package/lib/esm/components/gift_cards/GiftCardOrCouponSubmit.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 ChildrenProps extends Omit<Props, 'children'> {
 }

package/lib/esm/components/in_stock_subscriptions/InStockSubscriptionButton.d.ts

@@ -1,4 +1,5 @@
 import { type ChildrenFunction } from '../../typings/index';
+import { type JSX } from 'react';
 interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'onClick'> {
     /**
      * The code of the sku.

package/lib/esm/components/in_stock_subscriptions/InStockSubscriptionsContainer.d.ts

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

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

@@ -1,3 +1,4 @@
+import { type JSX } from 'react';
 export type TLineItem = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
 interface Props {
     children: JSX.Element | JSX.Element[];

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

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