@commercelayer/react-components 4.15.6 → 4.15.7-beta.1

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Address } from '@commercelayer/sdk';
 import AddressChildrenContext from '../../context/AddressChildrenContext';
 import { type ChildrenFunction } from '../../typings/index';

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

@@ -1,4 +1,3 @@
-/// <reference types="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'>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PaymentResource } from '../../reducers/PaymentMethodReducer';
 import PaymentSourceContext, { type IconBrand } from '../../context/PaymentSourceContext';
 import { type ChildrenFunction } from '../../typings/index';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PriceProps } from '../prices/Price';
 export type PTemplateProps = {
     formattedAmount?: string | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineItem } from '@commercelayer/sdk';
 import { type BaseError } from '../../typings/errors';
 import { type TResourceError } from '../errors/Errors';

package/lib/esm/context/AddressChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Address } from '@commercelayer/sdk';
 export interface InitialAddressContext {
     address: Address | undefined;

package/lib/esm/context/AddressContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AddressState, setAddress, type AddressResource, type saveAddresses } from '../reducers/AddressReducer';
 import { type BaseError } from '../typings/errors';
 type DefaultContext = {

package/lib/esm/context/AvailabilityContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const AvailabilityContext: import("react").Context<import("../reducers/AvailabilityReducer").AvailabilityPayload>;
 export default AvailabilityContext;

package/lib/esm/context/BillingAddressContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type BillingAddressState } from '../reducers/BillingAddressReducer';
 type DefaultContext = {
     setBillingAddress?: (id: string, options?: {

package/lib/esm/context/BillingAddressFormContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Address } from '@commercelayer/sdk';
 export type AddressValuesKeys = `${keyof Address}` | `billing_address_${keyof Address}` | `shipping_address_${keyof Address}` | `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;
 export interface DefaultContextAddress {

package/lib/esm/context/CommerceLayerContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CommerceLayerConfig {
     accessToken?: string;
     endpoint?: string;

package/lib/esm/context/CouponAndGiftCardFormContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type OrderCodeType } from '../reducers/OrderReducer';
 interface DefaultContext {
     validation?: void;

package/lib/esm/context/CustomerAddressFormContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AddressCountrySelectName, type AddressInputName } from '../typings/index';
 import { type AddressField } from '../reducers/AddressReducer';
 export interface DefaultContextAddress {

package/lib/esm/context/CustomerContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SetCustomerErrors, type deleteCustomerAddress, type CustomerState, type getCustomerPaymentSources, type setCustomerEmail, type TCustomerAddress, type getCustomerAddresses, type getCustomerOrders, type getCustomerSubscriptions, type setResourceTrigger } from '../reducers/CustomerReducer';
 export type InitialCustomerContext = Partial<{
     saveCustomerUser: (customerEmail: string) => Promise<void>;

package/lib/esm/context/CustomerPaymentSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type IconBrand } from './PaymentSourceContext';
 interface DefaultContext {
     brand?: IconBrand | string;

package/lib/esm/context/ExternalFunctionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Context {
     url: string | null;
     callExternalFunction: CallExternalFunction;

package/lib/esm/context/GiftCardContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type GiftCardState, type GiftCardRecipientI, type GiftCardI } from '../reducers/GiftCardReducer';
 import { type BaseError } from '../typings/errors';
 export interface GCContext extends GiftCardState {

package/lib/esm/context/InStockSubscriptionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type setInStockSubscription, type InStockSubscriptionState } from '../reducers/InStockSubscriptionReducer';
 export interface InitialInStockSubscriptionContext extends InStockSubscriptionState {
     setInStockSubscription?: typeof setInStockSubscription;

package/lib/esm/context/LineItemChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineItem } from '@commercelayer/sdk';
 export type InitialLineItemChildrenContext = Partial<{
     lineItem: LineItem | null | undefined;

package/lib/esm/context/LineItemContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineItemState } from '../reducers/LineItemReducer';
 import { type LineItem } from '@commercelayer/sdk';
 export interface LineItemContextValue extends LineItemState {

package/lib/esm/context/LineItemOptionChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LineItemOption } from '@commercelayer/sdk';
 export interface TLineItemOptions extends LineItemOption {
 }

package/lib/esm/context/OrderContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Order } from '@commercelayer/sdk';
 import { type OrderState, type SaveAddressToCustomerAddressBook, createOrder, setGiftCardOrCouponCode, removeGiftCardOrCouponCode, addResourceToInclude, updateOrder, type getOrderContext, type addToCart } from '../reducers/OrderReducer';
 import { type BaseError } from '../typings/errors';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Order, OrderSubscription } from '@commercelayer/sdk';
 import { type Row } from '@tanstack/react-table';
 export type TOrderList = 'orders' | 'subscriptions';

package/lib/esm/context/OrderListPaginationContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface OrderListPaginationContext {
     canNextPage: boolean;
     canPreviousPage: boolean;

package/lib/esm/context/OrderStorageContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { getLocalOrder, setLocalOrder, deleteLocalOrder } from '../utils/localStorage';
 export interface OrderStorageConfig {
     persistKey: string;

package/lib/esm/context/ParcelChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Parcel } from '@commercelayer/sdk';
 export interface InitialParcelContext {
     parcel?: Parcel;

package/lib/esm/context/ParcelLineItemChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ParcelLineItem } from '@commercelayer/sdk';
 export interface InitialParcelLineItemContext {
     parcelLineItem?: ParcelLineItem;

package/lib/esm/context/PaymentMethodChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PaymentMethod } from '@commercelayer/sdk';
 export interface InitialPaymentMethodChildrenContext {
     payment?: PaymentMethod;

package/lib/esm/context/PaymentMethodContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type UpdatePaymentSource, type PaymentMethodState, type SetPaymentMethodErrors, setPaymentSource, setPaymentMethod, type DestroyPaymentSource, type SetPaymentRef, setLoading } from '../reducers/PaymentMethodReducer';
 type DefaultContext = {
     setPaymentMethodErrors: SetPaymentMethodErrors;

package/lib/esm/context/PaymentSourceContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type IconBrand = 'visa' | 'credit-card' | 'amex' | 'mastercard' | 'jcb' | 'wire-transfer' | 'maestro' | 'cirrus' | 'paypal';
 interface DefaultContext {
     brand?: IconBrand | string;

package/lib/esm/context/PricesContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PriceState } from '../reducers/PriceReducer';
 export interface PricesContextValue extends PriceState {
     skuCode: PriceState['skuCode'];

package/lib/esm/context/ShipmentChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DeliveryLeadTime, LineItem, Parcel, Shipment, ShippingMethod, StockTransfer } from '@commercelayer/sdk';
 export interface InitialShipmentContext {
     currentShippingMethodId?: string;

package/lib/esm/context/ShipmentContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ShipmentState, type SetShipmentErrors, type setShippingMethod } from '../reducers/ShipmentReducer';
 type DefaultContext = {
     setShipmentErrors: SetShipmentErrors;

package/lib/esm/context/ShippingAddressContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ShippingAddressState } from '../reducers/ShippingAddressReducer';
 type DefaultContext = {
     setShippingAddress?: (id: string, options?: {

package/lib/esm/context/ShippingAddressFormContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DefaultContextAddress } from './BillingAddressFormContext';
 declare const ShippingAddressFormContext: import("react").Context<DefaultContextAddress>;
 export default ShippingAddressFormContext;

package/lib/esm/context/ShippingMethodChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DeliveryLeadTime, type ShippingMethod } from '@commercelayer/sdk';
 export interface InitialShippingMethodContext {
     shippingMethod?: ShippingMethod;

package/lib/esm/context/SkuChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Sku } from '@commercelayer/sdk';
 export type InitialSkuContext = Partial<{
     sku: Sku;

package/lib/esm/context/SkuContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type SkuState } from '../reducers/SkuReducer';
 export type SkuContextValue = SkuState;
 declare const SkuContext: import("react").Context<Partial<{

package/lib/esm/context/SkuListsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SkuListsContext: import("react").Context<Partial<{
     listIds: string[];
     skuLists: Record<string, any>;

package/lib/esm/context/StockTransferChildrenContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineItem, type StockTransfer } from '@commercelayer/sdk';
 export interface InitialStockTransferContext {
     stockTransfer?: StockTransfer | null | LineItem;

package/lib/esm/reducers/OrderReducer.js

@@ -1,2 +1,2 @@
 "use client";
-import{setCustomerOrderParam}from"../utils/localStorage";import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import getSdk from"../utils/getSdk";import getErrors,{setErrors}from"../utils/getErrors";import{getOrganizationSlug}from"../utils/organization";import{publish}from"../utils/events";const actionType=["setLoading","setOrderId","setOrder","setSingleQuantity","setCurrentSkuCodes","setCurrentSkuPrices","setErrors","setCurrentItem","setSaveAddressToCustomerAddressBook","setIncludesResource"];export async function createOrder(params){if(params){const{persistKey,state,dispatch,config,orderMetadata:metadata,orderAttributes={},setLocalOrder}=params;if(state?.orderId)return state.orderId;const sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return"";const o=await sdk?.orders.create({metadata,...orderAttributes});return dispatch&&dispatch({type:"setOrderId",payload:{orderId:o?.id}}),persistKey&&setLocalOrder&&setLocalOrder(persistKey,o.id),o.id}catch(error){const errors=getErrors({error,resource:"orders"});console.error("Create order",errors),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors,dispatch})}}return""}export const getApiOrder=async params=>{const{id,dispatch,config,clearWhenPlaced,persistKey,deleteLocalOrder,state}=params,sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return;const options={};state?.include&&state.include.length>0&&(options.include=state.include);const order=await 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=getErrors({error,resource:"orders"});console.error("Retrieve order",errors),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors,dispatch});return}};export async function updateOrder({id,attributes,dispatch,config,include,state}){const sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return{success:!1};const resource={...attributes,id};await sdk.orders.update(resource,{include});const order=await getApiOrder({id,config,dispatch,state});return dispatch&&order&&dispatch({type:"setOrder",payload:{order}}),{success:!0,order}}catch(error){const errors=getErrors({error,resource:"orders"});return dispatch&&(setOrderErrors({errors,dispatch}),dispatch({type:"setErrors",payload:{errors}})),{success:!1,error}}}export const setOrder=(order,dispatch)=>{dispatch&&dispatch({type:"setOrder",payload:{order}})};export 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={...payload.includeLoaded,[resource]:!0};payload.includeLoaded=includeLoaded})}else delete payload.include;const payloadIncludeLoaded={...resourceIncludedLoaded,...newResourceLoaded,...payload.includeLoaded&&payload.includeLoaded};payload.includeLoaded=payloadIncludeLoaded,dispatch&&dispatch({type:"setIncludesResource",payload:{...payload,withoutIncludes:!1}})}export async function addToCart(params){const{skuCode,bundleCode,quantity,config,dispatch,lineItem,state,errors=[],buyNowMode,checkoutUrl,lineItemOption,openMiniCart=!0}=params;try{if(config){const sdk=getSdk(config),id=await 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(state?.order?.line_items)await Promise.all(state?.order?.line_items.map(async lineItem2=>{await sdk.line_items.delete(lineItem2.id)}));else{const{line_items:lineItems}=await sdk.orders.retrieve(id,{fields:["line_items"],include:["line_items"]});lineItems&&lineItems?.length>0&&await Promise.all(lineItems.map(async lineItem2=>{await sdk.line_items.delete(lineItem2.id)}))}const attrs={order,sku_code:skuCode,name,image_url:imageUrl,quantity:quantity??1,_update_quantity:lineItem?._update_quantity??!0,bundle_code:bundleCode,metadata,frequency};externalPrice===!0&&(attrs._external_price=externalPrice);const newLineItem=await 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};await sdk.line_item_options.create(lineItemOptionsAttributes),await getApiOrder({id,...params})}else await getApiOrder({id,...params,state});if(!isEmpty(errors)&&dispatch&&dispatch({type:"setErrors",payload:{errors:[]}}),buyNowMode){const{organization}=getOrganizationSlug(config.endpoint??""),params2=`${id}?accessToken=${config.accessToken??""}`,redirectUrl=checkoutUrl?`${checkoutUrl}/${params2}`:`https://${organization}.commercelayer.app/checkout/${params2}`;location.href=redirectUrl}else openMiniCart&&publish("open-cart");return{success:!0,orderId:id}}}return{success:!1}}catch(error){const errors2=getErrors({error,resource:"orders"});return console.error("Add to cart",errors2),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors2,dispatch}),{success:!1}}}export const unsetOrderState=dispatch=>{dispatch({type:"setOrderId",payload:{orderId:""}}),dispatch({type:"setOrder",payload:{order:void 0}})};export function setOrderErrors({dispatch,errors=[]}){return dispatch&&dispatch({type:"setErrors",payload:{errors}}),{success:!1}}export const saveAddressToCustomerAddressBook=({type,value,dispatch})=>{const k=`_save_${type}_to_customer_address_book`,v=`${value.toString()}`;setCustomerOrderParam(k,v),dispatch&&dispatch({type:"setSaveAddressToCustomerAddressBook",payload:{[k]:v}})};export async function setGiftCardOrCouponCode({code,codeType,dispatch,config,order,include,state}){try{if(config&&order&&code&&dispatch){const attributes={[codeType]:code},{success,order:currentOrder,error}=await 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=getErrors({error,resource:"orders",field:codeType});return dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}}export async function removeGiftCardOrCouponCode({codeType,dispatch,config,order,include,state}){try{if(config&&order&&dispatch){const attributes={[codeType]:""},orderUpdated=await 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=getErrors({error,resource:"orders",field:codeType});return console.error("Remove gift card o coupon code",errors),dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}}export const orderInitialState={loading:!0,orderId:"",order:void 0,errors:[],include:void 0,withoutIncludes:!0};const orderReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default orderReducer;
+import{setCustomerOrderParam}from"../utils/localStorage";import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import getSdk from"../utils/getSdk";import getErrors,{setErrors}from"../utils/getErrors";import{getOrganizationConfig}from"../utils/organization";import{publish}from"../utils/events";import{getDomain}from"../utils/getDomain";import{getApplicationLink}from"../utils/getApplicationLink";const actionType=["setLoading","setOrderId","setOrder","setSingleQuantity","setCurrentSkuCodes","setCurrentSkuPrices","setErrors","setCurrentItem","setSaveAddressToCustomerAddressBook","setIncludesResource"];export async function createOrder(params){if(params){const{persistKey,state,dispatch,config,orderMetadata:metadata,orderAttributes={},setLocalOrder}=params;if(state?.orderId)return state.orderId;const sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return"";const o=await sdk?.orders.create({metadata,...orderAttributes});return dispatch&&dispatch({type:"setOrderId",payload:{orderId:o?.id}}),persistKey&&setLocalOrder&&setLocalOrder(persistKey,o.id),o.id}catch(error){const errors=getErrors({error,resource:"orders"});console.error("Create order",errors),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors,dispatch})}}return""}export const getApiOrder=async params=>{const{id,dispatch,config,clearWhenPlaced,persistKey,deleteLocalOrder,state}=params,sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return;const options={};state?.include&&state.include.length>0&&(options.include=state.include);const order=await 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=getErrors({error,resource:"orders"});console.error("Retrieve order",errors),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors,dispatch});return}};export async function updateOrder({id,attributes,dispatch,config,include,state}){const sdk=config!=null?getSdk(config):void 0;try{if(sdk==null)return{success:!1};const resource={...attributes,id};await sdk.orders.update(resource,{include});const order=await getApiOrder({id,config,dispatch,state});return dispatch&&order&&dispatch({type:"setOrder",payload:{order}}),{success:!0,order}}catch(error){const errors=getErrors({error,resource:"orders"});return dispatch&&(setOrderErrors({errors,dispatch}),dispatch({type:"setErrors",payload:{errors}})),{success:!1,error}}}export const setOrder=(order,dispatch)=>{dispatch&&dispatch({type:"setOrder",payload:{order}})};export 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={...payload.includeLoaded,[resource]:!0};payload.includeLoaded=includeLoaded})}else delete payload.include;const payloadIncludeLoaded={...resourceIncludedLoaded,...newResourceLoaded,...payload.includeLoaded&&payload.includeLoaded};payload.includeLoaded=payloadIncludeLoaded,dispatch&&dispatch({type:"setIncludesResource",payload:{...payload,withoutIncludes:!1}})}export async function addToCart(params){const{skuCode,bundleCode,quantity,config,dispatch,lineItem,state,errors=[],buyNowMode,checkoutUrl,lineItemOption,openMiniCart=!0}=params;try{if(config){const sdk=getSdk(config),id=await 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(state?.order?.line_items)await Promise.all(state?.order?.line_items.map(async lineItem2=>{await sdk.line_items.delete(lineItem2.id)}));else{const{line_items:lineItems}=await sdk.orders.retrieve(id,{fields:["line_items"],include:["line_items"]});lineItems&&lineItems?.length>0&&await Promise.all(lineItems.map(async lineItem2=>{await sdk.line_items.delete(lineItem2.id)}))}const attrs={order,sku_code:skuCode,name,image_url:imageUrl,quantity:quantity??1,_update_quantity:lineItem?._update_quantity??!0,bundle_code:bundleCode,metadata,frequency};externalPrice===!0&&(attrs._external_price=externalPrice);const newLineItem=await 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};await sdk.line_item_options.create(lineItemOptionsAttributes),await getApiOrder({id,...params})}else await getApiOrder({id,...params,state});if(!isEmpty(errors)&&dispatch&&dispatch({type:"setErrors",payload:{errors:[]}}),buyNowMode&&id&&config?.accessToken!=null&&config?.endpoint!=null){const params2=`${id}?accessToken=${config.accessToken??""}`,{domain,slug}=getDomain(config.endpoint),href=getApplicationLink({slug,orderId:id,accessToken:config.accessToken,applicationType:"checkout",domain}),organizationConfig=await getOrganizationConfig({accessToken:config.accessToken,endpoint:config.endpoint,params:{accessToken:config.accessToken,orderId:order?.id}}),redirectUrl=checkoutUrl?`${checkoutUrl}/${params2}`:organizationConfig?.links?.checkout??href;location.href=redirectUrl}else openMiniCart&&publish("open-cart");return{success:!0,orderId:id}}}return{success:!1}}catch(error){const errors2=getErrors({error,resource:"orders"});return console.error("Add to cart",errors2),dispatch&&setErrors({currentErrors:state?.errors,newErrors:errors2,dispatch}),{success:!1}}}export const unsetOrderState=dispatch=>{dispatch({type:"setOrderId",payload:{orderId:""}}),dispatch({type:"setOrder",payload:{order:void 0}})};export function setOrderErrors({dispatch,errors=[]}){return dispatch&&dispatch({type:"setErrors",payload:{errors}}),{success:!1}}export const saveAddressToCustomerAddressBook=({type,value,dispatch})=>{const k=`_save_${type}_to_customer_address_book`,v=`${value.toString()}`;setCustomerOrderParam(k,v),dispatch&&dispatch({type:"setSaveAddressToCustomerAddressBook",payload:{[k]:v}})};export async function setGiftCardOrCouponCode({code,codeType,dispatch,config,order,include,state}){try{if(config&&order&&code&&dispatch){const attributes={[codeType]:code},{success,order:currentOrder,error}=await 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=getErrors({error,resource:"orders",field:codeType});return dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}}export async function removeGiftCardOrCouponCode({codeType,dispatch,config,order,include,state}){try{if(config&&order&&dispatch){const attributes={[codeType]:""},orderUpdated=await 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=getErrors({error,resource:"orders",field:codeType});return console.error("Remove gift card o coupon code",errors),dispatch&&setOrderErrors({errors,dispatch}),{success:!1}}}export const orderInitialState={loading:!0,orderId:"",order:void 0,errors:[],include:void 0,withoutIncludes:!0};const orderReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default orderReducer;

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

@@ -1,4 +1,3 @@
-/// <reference types="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/esm/utils/filterChildren.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DefaultChildrenType } from '../typings/globals';
 interface Props<T> {
     children: DefaultChildrenType;

package/lib/esm/utils/getCardDetails.d.ts

@@ -10,7 +10,7 @@ interface CardDetails {
 }
 interface Args {
     paymentType: PaymentResource;
-    customerPayment: CustomerPaymentSource;
+    customerPayment: Partial<CustomerPaymentSource>;
 }
 export default function getCardDetails({ paymentType, customerPayment }: Args): CardDetails;
 export {};

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Price } from '@commercelayer/sdk';
 import { type PTemplateProps } from '../components/utils/PriceTemplate';
 export declare function getPriceByCode(skuPrices: Price[], code?: string): Price | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "4.15.6",
+  "version": "4.15.7-beta.1",
   "description": "The Official Commerce Layer React Components",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -166,48 +166,48 @@
   "homepage": "https://github.com/commercelayer/commercelayer-react-components#readme",
   "dependencies": {
     "@adyen/adyen-web": "^5.66.1",
-    "@commercelayer/organization-config": "^1.4.6",
-    "@commercelayer/sdk": "6.9.0",
-    "@stripe/react-stripe-js": "^2.7.1",
-    "@stripe/stripe-js": "^4.0.0",
+    "@commercelayer/organization-config": "^1.4.8",
+    "@commercelayer/sdk": "6.11.0",
+    "@stripe/react-stripe-js": "^2.7.3",
+    "@stripe/stripe-js": "^4.1.0",
     "@tanstack/react-table": "^8.17.3",
     "@types/iframe-resizer": "^3.5.13",
-    "axios": "^1.7.2",
-    "braintree-web": "^3.102.0",
-    "frames-react": "^1.1.1",
-    "iframe-resizer": "^4.4.2",
+    "axios": "^1.7.3",
+    "braintree-web": "^3.105.0",
+    "frames-react": "^1.1.2",
+    "iframe-resizer": "^4.4.5",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
     "rapid-form": "^2.1.0"
   },
   "devDependencies": {
-    "@commercelayer/js-auth": "^6.2.2",
+    "@commercelayer/js-auth": "^6.3.1",
     "@faker-js/faker": "^8.4.0",
-    "@playwright/test": "^1.44.1",
-    "@testing-library/dom": "^10.1.0",
+    "@playwright/test": "^1.45.3",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.0",
-    "@types/braintree-web": "^3.96.10",
-    "@types/lodash": "^4.17.5",
-    "@types/node": "^20.14.6",
+    "@types/braintree-web": "^3.96.12",
+    "@types/lodash": "^4.17.7",
+    "@types/node": "^22.1.0",
     "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
     "@types/react-test-renderer": "^18.0.7",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^1.6.0",
-    "eslint": "~9.5.0",
-    "jsdom": "^24.1.0",
+    "@vitest/coverage-v8": "^2.0.5",
+    "eslint": "~9.8.0",
+    "jsdom": "^24.1.1",
     "minimize-js": "^1.4.0",
-    "msw": "^2.3.1",
+    "msw": "^2.3.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "tsc-alias": "^1.8.8",
     "tslib": "^2.6.3",
-    "typescript": "^5.4.4",
-    "vite": "^5.3.1",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
     "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.4.0"
+    "vitest": "^2.0.5"
   },
   "peerDependencies": {
     "react": ">=18.0.0"