@commercelayer/react-components 4.4.0-beta.2 → 4.4.0-beta.5

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { type LineItem } from '@commercelayer/sdk';
-export type InitialLineItemContext = Partial<{
-    lineItem: LineItem;
+export type InitialLineItemChildrenContext = Partial<{
+    lineItem: LineItem | null | undefined;
 }>;
 declare const LineItemChildrenContext: import("react").Context<Partial<{
-    lineItem: LineItem;
+    lineItem: LineItem | null | undefined;
 }>>;
 export default LineItemChildrenContext;

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

@@ -2,7 +2,7 @@
 import { type LineItemState } from '../reducers/LineItemReducer';
 import { type LineItem } from '@commercelayer/sdk';
 export interface LineItemContextValue extends LineItemState {
-    lineItems?: LineItem[] | undefined;
+    lineItems?: LineItem[] | null;
 }
 declare const LineItemContext: import("react").Context<LineItemContextValue>;
 export default LineItemContext;

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { LineItemOption } from '@commercelayer/sdk';
 export interface TLineItemOptions extends LineItemOption {
-    options?: Record<string, string>;
 }
 export interface InitialLineItemContext {
     lineItemOption: Partial<TLineItemOptions>;

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

@@ -5,6 +5,7 @@ export interface InitialPaymentMethodChildrenContext {
     clickableContainer?: boolean;
     paymentSelected?: string;
     setPaymentSelected?: (paymentId: string) => void;
+    expressPayments?: boolean;
 }
 declare const PaymentMethodChildrenContext: import("react").Context<InitialPaymentMethodChildrenContext>;
 export default PaymentMethodChildrenContext;

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

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

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

@@ -2,13 +2,13 @@
 import type { DeliveryLeadTime, LineItem, Parcel, Shipment, ShippingMethod, StockTransfer } from '@commercelayer/sdk';
 export interface InitialShipmentContext {
     currentShippingMethodId?: string;
-    deliveryLeadTimes?: DeliveryLeadTime[];
+    deliveryLeadTimes?: DeliveryLeadTime[] | null | undefined;
     keyNumber: number;
-    lineItems?: LineItem[];
-    parcels?: Parcel[];
+    lineItems?: Array<LineItem | null | undefined>;
+    parcels?: Parcel[] | null | undefined;
     shipment?: Shipment;
-    shippingMethods?: ShippingMethod[];
-    stockTransfers?: StockTransfer[];
+    shippingMethods?: ShippingMethod[] | null | undefined;
+    stockTransfers?: StockTransfer[] | null | undefined;
 }
 declare const ShipmentChildrenContext: import("react").Context<InitialShipmentContext>;
 export default ShipmentChildrenContext;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { type StockTransfer } from '@commercelayer/sdk';
+import { type LineItem, type StockTransfer } from '@commercelayer/sdk';
 export interface InitialStockTransferContext {
-    stockTransfer?: StockTransfer;
+    stockTransfer?: StockTransfer | null | LineItem;
 }
 declare const StockTransferChildrenContext: import("react").Context<InitialStockTransferContext>;
 export default StockTransferChildrenContext;

package/lib/esm/index.d.ts

@@ -29,6 +29,8 @@ export * from './components/gift_cards/GiftCardOrCouponForm';
 export * from './components/gift_cards/GiftCardOrCouponInput';
 export * from './components/gift_cards/GiftCardOrCouponRemoveButton';
 export * from './components/gift_cards/GiftCardOrCouponSubmit';
+export * from './components/in_stock_subscriptions/InStockSubscriptionsContainer';
+export * from './components/in_stock_subscriptions/InStockSubscriptionButton';
 export * from './components/line_items/LineItemsContainer';
 export * from './components/line_items/LineItem';
 export * from './components/line_items/LineItemAmount';

package/lib/esm/index.js

@@ -1 +1 @@
-export*from"./components/errors/Errors";export*from"./components/ExternalFunction";export*from"./components/MetadataInput";export*from"./components/SubmitButton";export*from"./components/addresses/Address";export*from"./components/addresses/AddressCountrySelector";export*from"./components/addresses/AddressField";export*from"./components/addresses/AddressInput";export*from"./components/addresses/AddressStateSelector";export*from"./components/addresses/AddressesContainer";export*from"./components/addresses/AddressesEmpty";export*from"./components/addresses/BillingAddressContainer";export*from"./components/addresses/BillingAddressForm";export*from"./components/addresses/SaveAddressesButton";export*from"./components/addresses/ShippingAddressContainer";export*from"./components/addresses/ShippingAddressForm";export*from"./components/auth/CommerceLayer";export*from"./components/customers/CustomerAddressForm";export*from"./components/customers/CustomerContainer";export*from"./components/customers/CustomerField";export*from"./components/customers/CustomerInput";export*from"./components/customers/SaveCustomerButton";export*from"./components/gift_cards/GiftCard";export*from"./components/gift_cards/GiftCardContainer";export*from"./components/gift_cards/GiftCardCurrencySelector";export*from"./components/gift_cards/GiftCardInput";export*from"./components/gift_cards/GiftCardOrCouponCode";export*from"./components/gift_cards/GiftCardOrCouponForm";export*from"./components/gift_cards/GiftCardOrCouponInput";export*from"./components/gift_cards/GiftCardOrCouponRemoveButton";export*from"./components/gift_cards/GiftCardOrCouponSubmit";export*from"./components/line_items/LineItemsContainer";export*from"./components/line_items/LineItem";export*from"./components/line_items/LineItemAmount";export*from"./components/line_items/LineItemCode";export*from"./components/line_items/LineItemField";export*from"./components/line_items/LineItemImage";export*from"./components/line_items/LineItemName";export*from"./components/line_items/LineItemOption";export*from"./components/line_items/LineItemOptions";export*from"./components/line_items/LineItemQuantity";export*from"./components/line_items/LineItemRemoveLink";export*from"./components/line_items/LineItemsCount";export*from"./components/line_items/LineItemsEmpty";export*from"./components/orders/AddToCartButton";export*from"./components/orders/AdjustmentAmount";export*from"./components/orders/CartLink";export*from"./components/orders/CheckoutLink";export*from"./components/orders/DiscountAmount";export*from"./components/orders/GiftCardAmount";export*from"./components/orders/OrderContainer";export*from"./components/orders/OrderList";export*from"./components/orders/OrderListEmpty";export*from"./components/orders/OrderListRow";export*from"./components/orders/OrderNumber";export*from"./components/orders/OrderStorage";export*from"./components/orders/PaymentMethodAmount";export*from"./components/orders/PlaceOrderButton";export*from"./components/orders/PlaceOrderContainer";export*from"./components/orders/PrivacyAndTermsCheckbox";export*from"./components/orders/ShippingAmount";export*from"./components/orders/SubTotalAmount";export*from"./components/orders/TaxesAmount";export*from"./components/orders/TotalAmount";export*from"./components/parcels/ParcelField";export*from"./components/parcels/ParcelLineItem";export*from"./components/parcels/ParcelLineItemField";export*from"./components/parcels/ParcelLineItemsCount";export*from"./components/parcels/Parcels";export*from"./components/parcels/ParcelsCount";export*from"./components/payment_methods/PaymentMethod";export*from"./components/payment_methods/PaymentMethodName";export*from"./components/payment_methods/PaymentMethodPrice";export*from"./components/payment_methods/PaymentMethodRadioButton";export*from"./components/payment_methods/PaymentMethodsContainer";export*from"./components/payment_source/PaymentSource";export*from"./components/payment_source/PaymentSourceBrandIcon";export*from"./components/payment_source/PaymentSourceBrandName";export*from"./components/payment_source/PaymentSourceDetail";export*from"./components/payment_source/PaymentSourceEditButton";export*from"./components/prices/Price";export*from"./components/prices/PricesContainer";export*from"./components/shipments/Shipment";export*from"./components/shipments/ShipmentField";export*from"./components/shipments/ShipmentsContainer";export*from"./components/shipments/ShipmentsCount";export*from"./components/shipping_methods/ShippingMethod";export*from"./components/shipping_methods/ShippingMethodName";export*from"./components/shipping_methods/ShippingMethodPrice";export*from"./components/shipping_methods/ShippingMethodRadioButton";export*from"./components/skus/AvailabilityContainer";export*from"./components/skus/AvailabilityTemplate";export*from"./components/skus/DeliveryLeadTime";export*from"./components/skus/SkuField";export*from"./components/skus/SkuList";export*from"./components/skus/SkuListsContainer";export*from"./components/skus/Skus";export*from"./components/skus/SkusContainer";export*from"./components/stock_transfers/StockTransfer";export*from"./components/stock_transfers/StockTransferField";export*from"./typings/errors";
+export*from"./components/errors/Errors";export*from"./components/ExternalFunction";export*from"./components/MetadataInput";export*from"./components/SubmitButton";export*from"./components/addresses/Address";export*from"./components/addresses/AddressCountrySelector";export*from"./components/addresses/AddressField";export*from"./components/addresses/AddressInput";export*from"./components/addresses/AddressStateSelector";export*from"./components/addresses/AddressesContainer";export*from"./components/addresses/AddressesEmpty";export*from"./components/addresses/BillingAddressContainer";export*from"./components/addresses/BillingAddressForm";export*from"./components/addresses/SaveAddressesButton";export*from"./components/addresses/ShippingAddressContainer";export*from"./components/addresses/ShippingAddressForm";export*from"./components/auth/CommerceLayer";export*from"./components/customers/CustomerAddressForm";export*from"./components/customers/CustomerContainer";export*from"./components/customers/CustomerField";export*from"./components/customers/CustomerInput";export*from"./components/customers/SaveCustomerButton";export*from"./components/gift_cards/GiftCard";export*from"./components/gift_cards/GiftCardContainer";export*from"./components/gift_cards/GiftCardCurrencySelector";export*from"./components/gift_cards/GiftCardInput";export*from"./components/gift_cards/GiftCardOrCouponCode";export*from"./components/gift_cards/GiftCardOrCouponForm";export*from"./components/gift_cards/GiftCardOrCouponInput";export*from"./components/gift_cards/GiftCardOrCouponRemoveButton";export*from"./components/gift_cards/GiftCardOrCouponSubmit";export*from"./components/in_stock_subscriptions/InStockSubscriptionsContainer";export*from"./components/in_stock_subscriptions/InStockSubscriptionButton";export*from"./components/line_items/LineItemsContainer";export*from"./components/line_items/LineItem";export*from"./components/line_items/LineItemAmount";export*from"./components/line_items/LineItemCode";export*from"./components/line_items/LineItemField";export*from"./components/line_items/LineItemImage";export*from"./components/line_items/LineItemName";export*from"./components/line_items/LineItemOption";export*from"./components/line_items/LineItemOptions";export*from"./components/line_items/LineItemQuantity";export*from"./components/line_items/LineItemRemoveLink";export*from"./components/line_items/LineItemsCount";export*from"./components/line_items/LineItemsEmpty";export*from"./components/orders/AddToCartButton";export*from"./components/orders/AdjustmentAmount";export*from"./components/orders/CartLink";export*from"./components/orders/CheckoutLink";export*from"./components/orders/DiscountAmount";export*from"./components/orders/GiftCardAmount";export*from"./components/orders/OrderContainer";export*from"./components/orders/OrderList";export*from"./components/orders/OrderListEmpty";export*from"./components/orders/OrderListRow";export*from"./components/orders/OrderNumber";export*from"./components/orders/OrderStorage";export*from"./components/orders/PaymentMethodAmount";export*from"./components/orders/PlaceOrderButton";export*from"./components/orders/PlaceOrderContainer";export*from"./components/orders/PrivacyAndTermsCheckbox";export*from"./components/orders/ShippingAmount";export*from"./components/orders/SubTotalAmount";export*from"./components/orders/TaxesAmount";export*from"./components/orders/TotalAmount";export*from"./components/parcels/ParcelField";export*from"./components/parcels/ParcelLineItem";export*from"./components/parcels/ParcelLineItemField";export*from"./components/parcels/ParcelLineItemsCount";export*from"./components/parcels/Parcels";export*from"./components/parcels/ParcelsCount";export*from"./components/payment_methods/PaymentMethod";export*from"./components/payment_methods/PaymentMethodName";export*from"./components/payment_methods/PaymentMethodPrice";export*from"./components/payment_methods/PaymentMethodRadioButton";export*from"./components/payment_methods/PaymentMethodsContainer";export*from"./components/payment_source/PaymentSource";export*from"./components/payment_source/PaymentSourceBrandIcon";export*from"./components/payment_source/PaymentSourceBrandName";export*from"./components/payment_source/PaymentSourceDetail";export*from"./components/payment_source/PaymentSourceEditButton";export*from"./components/prices/Price";export*from"./components/prices/PricesContainer";export*from"./components/shipments/Shipment";export*from"./components/shipments/ShipmentField";export*from"./components/shipments/ShipmentsContainer";export*from"./components/shipments/ShipmentsCount";export*from"./components/shipping_methods/ShippingMethod";export*from"./components/shipping_methods/ShippingMethodName";export*from"./components/shipping_methods/ShippingMethodPrice";export*from"./components/shipping_methods/ShippingMethodRadioButton";export*from"./components/skus/AvailabilityContainer";export*from"./components/skus/AvailabilityTemplate";export*from"./components/skus/DeliveryLeadTime";export*from"./components/skus/SkuField";export*from"./components/skus/SkuList";export*from"./components/skus/SkuListsContainer";export*from"./components/skus/Skus";export*from"./components/skus/SkusContainer";export*from"./components/stock_transfers/StockTransfer";export*from"./components/stock_transfers/StockTransferField";export*from"./typings/errors";

package/lib/esm/reducers/InStockSubscriptionReducer.d.ts

@@ -0,0 +1,33 @@
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type BaseAction } from '../typings/index';
+import { type Dispatch } from 'react';
+import type { BaseError } from '../typings/errors';
+type InStockSubscriptionActionType = 'setErrors';
+type InStockSubscriptionAction = BaseAction<InStockSubscriptionActionType, InStockSubscriptionState>;
+export interface InStockSubscriptionState {
+    errors?: BaseError[];
+}
+export declare const inStockSubscriptionInitialState: InStockSubscriptionState;
+interface TSetInStockSubscriptionParams {
+    /**
+     * Commerce Layer config
+     */
+    config?: CommerceLayerConfig;
+    /**
+     * Customer email
+     */
+    customerEmail?: string;
+    /**
+     * Sku code
+     */
+    skuCode: string;
+    /**
+     * Dispatch function
+     */
+    dispatch?: Dispatch<InStockSubscriptionAction>;
+}
+export declare function setInStockSubscription<T extends TSetInStockSubscriptionParams>({ config, customerEmail, skuCode, dispatch }: T): Promise<{
+    success: boolean;
+}>;
+export default function inStockSubscriptionReducer(state: InStockSubscriptionState, reducer: InStockSubscriptionAction): InStockSubscriptionState;
+export {};

package/lib/esm/reducers/InStockSubscriptionReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";const actionType=["setErrors"];export const inStockSubscriptionInitialState={errors:[]};export async function setInStockSubscription({config,customerEmail,skuCode,dispatch}){try{if(config==null)throw new Error("Access token and endpoint is required");const sdk=getSdk(config),attributes={sku_code:skuCode};return customerEmail!=null&&(attributes.customer_email=customerEmail),await sdk.in_stock_subscriptions.create(attributes),{success:!0}}catch(error){const errors=getErrors({error,resource:"in_stock_subscriptions"});return dispatch?.({type:"setErrors",payload:{errors}}),{success:!1}}}export default function inStockSubscriptionReducer(state,reducer){return baseReducer(state,reducer,actionType)}

package/lib/esm/reducers/LineItemReducer.d.ts

@@ -26,7 +26,7 @@ export type GetLineItems = (params: GetLineItemsParams) => void;
 export interface LineItemPayload {
     loading?: boolean;
     loader?: LoaderType;
-    lineItems?: LineItem[];
+    lineItems?: LineItem[] | null;
     errors?: BaseError[];
 }
 export interface LineItemState extends LineItemPayload {

package/lib/esm/reducers/PaymentMethodReducer.d.ts

@@ -11,7 +11,7 @@ import { type Dispatch, type MutableRefObject } from 'react';
 import { type CheckoutComConfig } from '../components/payment_source/CheckoutComPayment';
 import { type ExternalPaymentConfig } from '../components/payment_source/ExternalPayment';
 import { type ResourceKeys } from '../utils/getPaymentAttributes';
-export type PaymentSourceType = AdyenPayment | BraintreePayment | CheckoutComPayment | ExternalPayment | PaypalPayment | StripePayment | WireTransfer;
+export type PaymentSourceType = Order['payment_source'];
 interface Card {
     type: string;
     brand: string;
@@ -62,12 +62,12 @@ export type PaymentMethodActionType = 'setErrors' | 'setPaymentMethods' | 'setPa
 export type PaymentRef = MutableRefObject<null | HTMLFormElement>;
 export interface PaymentMethodActionPayload {
     errors: BaseError[];
-    paymentMethods: PaymentMethod[];
+    paymentMethods: PaymentMethod[] | null;
     currentPaymentMethodType: PaymentResource;
     currentPaymentMethodId: string;
     currentPaymentMethodRef: PaymentRef;
     config: PaymentMethodConfig;
-    paymentSource: PaymentSourceTypes;
+    paymentSource: Order['payment_source'] | null;
     loading: boolean;
 }
 export declare function setLoading({ loading, dispatch }: {
@@ -115,7 +115,7 @@ export type SetPaymentSourceResponse = {
     order: Order;
     paymentSource: PaymentSourceTypes;
 } | null;
-export type SetPaymentSource = (args: {
+export interface SetPaymentSourceParams extends Omit<PaymentMethodState, 'config'> {
     config?: CommerceLayerConfig;
     dispatch?: Dispatch<PaymentMethodAction>;
     getOrder?: getOrderContext;
@@ -125,8 +125,8 @@ export type SetPaymentSource = (args: {
     paymentSourceId?: string;
     customerPaymentSourceId?: string;
     updateOrder?: typeof updateOrder;
-} & PaymentMethodState) => Promise<PaymentSourceType | undefined>;
-export declare const setPaymentSource: SetPaymentSource;
+}
+export declare function setPaymentSource({ config, dispatch, getOrder, attributes, order, paymentResource, customerPaymentSourceId, paymentSourceId, updateOrder, errors: currentErrors }: SetPaymentSourceParams): Promise<PaymentSourceType | undefined | null>;
 export type UpdatePaymentSource = (args: {
     id: string;
     attributes: Record<string, any>;

package/lib/esm/reducers/PaymentMethodReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import getErrors,{setErrors}from"../utils/getErrors";import getSdk from"../utils/getSdk";import{snakeToCamelCase}from"../utils/snakeToCamelCase";import{replace}from"../utils/replace";import{pick}from"../utils/pick";export function setLoading({loading,dispatch}){dispatch&&dispatch({type:"setLoading",payload:{loading}})}export const setPaymentRef=({ref,dispatch})=>{ref&&dispatch&&dispatch({type:"setPaymentRef",payload:{currentPaymentMethodRef:ref}})},paymentMethodInitialState={errors:[],paymentMethods:void 0},setPaymentMethodErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},getPaymentMethods=async({order,dispatch})=>{const paymentMethods=order.available_payment_methods,paymentMethod=order.payment_method,paymentSource=order.payment_source;dispatch({type:"setPaymentMethods",payload:{paymentMethods,currentPaymentMethodId:paymentMethod?.id,currentPaymentMethodType:paymentMethod?.payment_source_type,paymentSource}})};export async function setPaymentMethod({config,dispatch,order,paymentMethodId,updateOrder,setOrderErrors,paymentResource}){let response={success:!1};try{if(config&&order&&dispatch&&paymentResource){localStorage.removeItem("_save_payment_source_to_customer_wallet");const attributes={payment_method:getSdk(config).payment_methods.relationship(paymentMethodId)};updateOrder!=null&&(response=await updateOrder({id:order.id,attributes})),dispatch({type:"setPaymentMethods",payload:{currentPaymentMethodId:paymentMethodId,currentPaymentMethodType:paymentResource,errors:[]}}),setOrderErrors&&setOrderErrors([])}return response}catch(error){const errors=getErrors({error,resource:"orders",field:paymentResource});return console.error("Set payment method",errors),response}}export const setPaymentSource=async({config,dispatch,getOrder,attributes,order,paymentResource,customerPaymentSourceId,paymentSourceId,updateOrder,errors:currentErrors})=>{try{if(config&&order){let paymentSource;const sdk=getSdk(config);if(customerPaymentSourceId)updateOrder&&await updateOrder({id:order.id,attributes:{_customer_payment_source_id:customerPaymentSourceId}});else{if(paymentSourceId){const attrs={id:paymentSourceId,...attributes};paymentSource=attributes!=null?await sdk[paymentResource].update(attrs):await sdk[paymentResource].retrieve(paymentSourceId)}else{const attrs={...attributes,order:sdk.orders.relationship(order.id)};paymentSource=await sdk[paymentResource].create(attrs)}return getOrder&&await getOrder(order.id),dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource,errors:[]}}),paymentSource}}}catch(error){const errors=getErrors({error,resource:"payment_methods",field:paymentResource});console.error("Set payment source:",errors),dispatch&&setErrors({currentErrors,newErrors:errors,dispatch})}},updatePaymentSource=async({id,attributes,config,dispatch,paymentResource})=>{if(config)try{const paymentSource=await getSdk(config)[paymentResource].update({id,...attributes});dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource}})}catch(err){console.error("Update payment source:",err)}},destroyPaymentSource=async({paymentSourceId,paymentResource,dispatch})=>{paymentSourceId&&paymentResource&&dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},setPaymentMethodConfig=(config,dispatch)=>{dispatch({type:"setPaymentMethodConfig",payload:{config}})};export function getPaymentConfig(paymentResource,config){const resourceKeys=replace(replace(paymentResource,"payments","payment"),"transfers","transfer"),resource=snakeToCamelCase(resourceKeys);return pick(config,[resource])}const type=["setErrors","setPaymentMethodConfig","setPaymentMethods","setPaymentSource","setPaymentRef","setLoading"],paymentMethodReducer=(state,reducer)=>baseReducer(state,reducer,type);export default paymentMethodReducer;
+import baseReducer from"../utils/baseReducer";import getErrors,{setErrors}from"../utils/getErrors";import getSdk from"../utils/getSdk";import{snakeToCamelCase}from"../utils/snakeToCamelCase";import{replace}from"../utils/replace";import{pick}from"../utils/pick";export function setLoading({loading,dispatch}){dispatch&&dispatch({type:"setLoading",payload:{loading}})}export const setPaymentRef=({ref,dispatch})=>{ref&&dispatch&&dispatch({type:"setPaymentRef",payload:{currentPaymentMethodRef:ref}})},paymentMethodInitialState={errors:[],paymentMethods:void 0},setPaymentMethodErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},getPaymentMethods=async({order,dispatch})=>{const paymentMethods=order.available_payment_methods,paymentMethod=order.payment_method,paymentSource=order.payment_source;dispatch({type:"setPaymentMethods",payload:{paymentMethods,currentPaymentMethodId:paymentMethod?.id,currentPaymentMethodType:paymentMethod?.payment_source_type,paymentSource}})};export async function setPaymentMethod({config,dispatch,order,paymentMethodId,updateOrder,setOrderErrors,paymentResource}){let response={success:!1};try{if(config&&order&&dispatch&&paymentResource){localStorage.removeItem("_save_payment_source_to_customer_wallet");const attributes={payment_method:getSdk(config).payment_methods.relationship(paymentMethodId)};updateOrder!=null&&(response=await updateOrder({id:order.id,attributes})),dispatch({type:"setPaymentMethods",payload:{currentPaymentMethodId:paymentMethodId,currentPaymentMethodType:paymentResource,errors:[]}}),setOrderErrors&&setOrderErrors([])}return response}catch(error){const errors=getErrors({error,resource:"orders",field:paymentResource});return console.error("Set payment method",errors),response}}export async function setPaymentSource({config,dispatch,getOrder,attributes,order,paymentResource,customerPaymentSourceId,paymentSourceId,updateOrder,errors:currentErrors}){try{if(config&&order){let paymentSource;const sdk=getSdk(config);if(customerPaymentSourceId)updateOrder&&await updateOrder({id:order.id,attributes:{_customer_payment_source_id:customerPaymentSourceId}});else{if(paymentSourceId){const attrs={id:paymentSourceId,...attributes};paymentSource=attributes!=null?await sdk[paymentResource].update(attrs):await sdk[paymentResource].retrieve(paymentSourceId)}else{const attrs={...attributes,order:sdk.orders.relationship(order.id)};paymentSource=await sdk[paymentResource].create(attrs)}return getOrder&&await getOrder(order.id),dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource,errors:[]}}),paymentSource}}}catch(error){const errors=getErrors({error,resource:"payment_methods",field:paymentResource});console.error("Set payment source:",errors),dispatch&&setErrors({currentErrors,newErrors:errors,dispatch})}}export const updatePaymentSource=async({id,attributes,config,dispatch,paymentResource})=>{if(config)try{const paymentSource=await getSdk(config)[paymentResource].update({id,...attributes});dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource}})}catch(err){console.error("Update payment source:",err)}},destroyPaymentSource=async({paymentSourceId,paymentResource,dispatch})=>{paymentSourceId&&paymentResource&&dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},setPaymentMethodConfig=(config,dispatch)=>{dispatch({type:"setPaymentMethodConfig",payload:{config}})};export function getPaymentConfig(paymentResource,config){const resourceKeys=replace(replace(paymentResource,"payments","payment"),"transfers","transfer"),resource=snakeToCamelCase(resourceKeys);return pick(config,[resource])}const type=["setErrors","setPaymentMethodConfig","setPaymentMethods","setPaymentSource","setPaymentRef","setLoading"],paymentMethodReducer=(state,reducer)=>baseReducer(state,reducer,type);export default paymentMethodReducer;

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

@@ -48,9 +48,7 @@ interface TSetPlaceOrderParams {
     order?: Order;
     state?: PlaceOrderState;
     setOrderErrors?: (errors: BaseError[]) => void;
-    paymentSource?: PaymentSourceType & {
-        approval_url?: string;
-    };
+    paymentSource?: PaymentSourceType;
     include?: string[];
     setOrder?: (order: Order) => void;
 }

package/lib/esm/reducers/PlaceOrderReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import{isDoNotShip,shipmentsFilled}from"../utils/shipments";import{saveBillingAddress,saveShippingAddress,saveToWallet}from"../utils/customerOrderOptions";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export function setButtonRef(ref,dispatch){ref?.current!=null&&dispatch({type:"setButtonRef",payload:{placeOrderButtonRef:ref}})}export const placeOrderInitialState={errors:[],isPermitted:!1};export function setPlaceOrderErrors(errors,dispatch){dispatch&&dispatch({type:"setErrors",payload:{errors}})}export function placeOrderPermitted({config,order,dispatch,options}){if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=isDoNotShip(order.line_items),shipments=order.shipments,shipment=shipments&&shipmentsFilled(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&isEmpty(paymentMethod?.id)&&(isPermitted=!1),isEmpty(billingAddress)&&(isPermitted=!1),isEmpty(shippingAddress)&&!doNotShip&&(isPermitted=!1),!isEmpty(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}}export async function setPlaceOrder({state,order,config,setOrderErrors,paymentSource,setOrder,include}){const response={placed:!1};if(state&&config&&order){const sdk=getSdk(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch(saveBillingAddress()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),saveShippingAddress()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0,order:orderUpdated}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0,order:orderUpdated}}}}catch(error){const errors=getErrors({error,resource:"orders",field:paymentType});return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response}const type=["setErrors","setPlaceOrderPermitted","setButtonRef"],placeOrderReducer=(state,reducer)=>baseReducer(state,reducer,type);export default placeOrderReducer;
+import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import{isDoNotShip,shipmentsFilled}from"../utils/shipments";import{saveBillingAddress,saveShippingAddress,saveToWallet}from"../utils/customerOrderOptions";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export function setButtonRef(ref,dispatch){ref?.current!=null&&dispatch({type:"setButtonRef",payload:{placeOrderButtonRef:ref}})}export const placeOrderInitialState={errors:[],isPermitted:!1};export function setPlaceOrderErrors(errors,dispatch){dispatch&&dispatch({type:"setErrors",payload:{errors}})}export function placeOrderPermitted({config,order,dispatch,options}){if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=isDoNotShip(order.line_items),shipments=order.shipments,shipment=shipments&&shipmentsFilled(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&isEmpty(paymentMethod?.id)&&(isPermitted=!1),isEmpty(billingAddress)&&(isPermitted=!1),isEmpty(shippingAddress)&&!doNotShip&&(isPermitted=!1),!isEmpty(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}}export async function setPlaceOrder({state,order,config,setOrderErrors,paymentSource,setOrder,include}){const response={placed:!1};if(state&&config&&order){const sdk=getSdk(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource?.type==="paypal_payments"){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch(saveBillingAddress()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),saveShippingAddress()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0,order:orderUpdated}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0,order:orderUpdated}}}}catch(error){const errors=getErrors({error,resource:"orders",field:paymentType});return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response}const type=["setErrors","setPlaceOrderPermitted","setButtonRef"],placeOrderReducer=(state,reducer)=>baseReducer(state,reducer,type);export default placeOrderReducer;

package/lib/esm/reducers/ShipmentReducer.d.ts

@@ -9,7 +9,7 @@ export type ShipmentLineItem = LineItem & {
 };
 export interface ShipmentActionPayload {
     errors: BaseError[];
-    shipments: Shipment[];
+    shipments: Shipment[] | null;
     deliveryLeadTimes: DeliveryLeadTime[];
 }
 export type ShipmentState = Partial<ShipmentActionPayload>;

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

@@ -108,9 +108,9 @@ export type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JS
 export type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
 export type ConditionalElement<E> = ({
     attribute: Extract<keyof E, 'image_url'>;
-    tagElement: ExtractTag<'img'>;
+    tagElement?: ExtractTag<'img'>;
 } & JSX.IntrinsicElements['img']) | ({
     attribute: Exclude<keyof E, 'image_url'>;
-    tagElement: ExcludeTag<'img'>;
+    tagElement?: ExcludeTag<'img'>;
 } & Omit<JSX.IntrinsicElements[ExcludeTag<'img'>], 'children'>);
 export {};

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

@@ -5,7 +5,7 @@ type BillingAddressController = (params: {
     billing_address?: AddressCreate;
     billingAddressId?: string;
     errors?: BaseError[];
-    requiresBillingInfo?: boolean;
+    requiresBillingInfo?: boolean | null;
 }) => boolean;
 export declare const billingAddressController: BillingAddressController;
 type ShippingAddressController = (params: {
@@ -20,7 +20,7 @@ type CountryLockController = (params: {
     addresses?: Address[] | null;
     billing_address?: TCustomerAddress;
     billingAddressId?: string;
-    countryCodeLock?: string;
+    countryCodeLock?: string | null;
     shipToDifferentAddress?: boolean;
     shipping_address?: AddressCreate;
     shippingAddressId?: string;

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

@@ -0,0 +1,83 @@
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type Order, type PaymentMethod, type QueryParamsRetrieve, type AddressCreate } from '@commercelayer/sdk';
+import { type PaymentRequestShippingOption } from '@stripe/stripe-js';
+import { type PaymentResource } from '../reducers/PaymentMethodReducer';
+export declare function getAvailableExpressPayments(paymentMethods: PaymentMethod[]): PaymentMethod[];
+interface TFakeAddressParams {
+    /**
+     * The order id
+     */
+    orderId: string;
+    /**
+     * The Commerce Layer config
+     */
+    config: Required<CommerceLayerConfig>;
+    /**
+     * The address resource
+     */
+    address: AddressCreate;
+    /**
+     * The customer email
+     */
+    email?: string;
+}
+export declare function setExpressFakeAddress({ orderId, config, address, email }: TFakeAddressParams): Promise<Order>;
+export declare function getExpressShippingMethods(order: Order): PaymentRequestShippingOption[] | null;
+type TSetExpressShippingMethodParams = {
+    /**
+     * The Commerce Layer config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The order id
+     */
+    orderId: string;
+    /**
+     * The query params
+     */
+    params?: QueryParamsRetrieve;
+} & ({
+    /**
+     * Select the first shipping method
+     */
+    selectFirst: false;
+    /**
+     * The selected shipping method id
+     */
+    selectedShippingMethodId?: string;
+} | {
+    selectFirst?: true;
+    selectedShippingMethodId?: never;
+});
+export declare function setExpressShippingMethod({ config, orderId, selectFirst, selectedShippingMethodId, params }: TSetExpressShippingMethodParams): Promise<Order>;
+export interface TSetExpressPlaceOrderParams {
+    /**
+     * The Commerce Layer config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The order id
+     */
+    orderId: string;
+    /**
+     * The payment resource
+     */
+    paymentResource: PaymentResource;
+    /**
+     * The payment source id
+     */
+    paymentSourceId: string;
+}
+export declare function setExpressPlaceOrder({ config, orderId, paymentResource, paymentSourceId }: TSetExpressPlaceOrderParams): Promise<Order>;
+interface TExpressRedirectUrlParams {
+    /**
+     * Order resource
+     */
+    order: Order;
+    /**
+     * The Commerce Layer config
+     */
+    config: CommerceLayerConfig;
+}
+export declare function expressRedirectUrl({ order, config: { accessToken, endpoint } }: TExpressRedirectUrlParams): void;
+export {};

package/lib/esm/utils/expressPaymentHelper.js

@@ -0,0 +1 @@
+import getSdk from"./getSdk";const availablePaymentMethods=["stripe_payments"];export function getAvailableExpressPayments(paymentMethods){return paymentMethods.filter(payment=>payment.payment_source_type?availablePaymentMethods.includes(payment.payment_source_type):!1)}export async function setExpressFakeAddress({orderId,config,address,email}){const params={include:["shipments.available_shipping_methods"]},sdk=getSdk(config),fakeAddress=await sdk.addresses.create(address),resource={id:orderId,billing_address:sdk.addresses.relationship(fakeAddress.id),_shipping_address_same_as_billing:!0};return email!=null&&(resource.customer_email=email),await sdk.orders.update(resource,params),await sdk.orders.retrieve(orderId,params)}export function getExpressShippingMethods(order){const isSingleShipment=order?.shipments?.length===1,shippingMethods=order?.shipments?.map(shipment=>shipment.available_shipping_methods);if(isSingleShipment)return shippingMethods==null?null:shippingMethods.flat().map(method=>({id:method?.id??"",label:method?.name??"",amount:method?.price_amount_for_shipment_cents??0,detail:""}));{if(shippingMethods==null)return null;const shippingOptionsAmount=[];return shippingMethods.forEach(methods=>{if(methods!=null){const[firstMethod]=methods;firstMethod!=null&&shippingOptionsAmount.push(firstMethod.price_amount_for_shipment_cents??0)}}),[{id:"shipping",label:"Shipping",amount:shippingOptionsAmount.reduce((a,b)=>a+b,0),detail:""}]}}export async function setExpressShippingMethod({config,orderId,selectFirst=!0,selectedShippingMethodId,params}){const sdk=getSdk(config),order=await sdk.orders.retrieve(orderId,params),shippingMethods=getExpressShippingMethods(order);if(order?.shipments==null)throw new Error("No shipments found");const isSingleShipment=order.shipments.length===1,[shipmentId]=order.shipments.map(shipment=>shipment.id);if(shipmentId==null)throw new Error("No shipment found");if(shippingMethods==null||shippingMethods?.length===0)throw new Error("No shipping methods found");if(isSingleShipment)if(selectFirst){const[firstShippingMethodId]=shippingMethods.map(method=>method.id);firstShippingMethodId!=null&&await sdk.shipments.update({id:shipmentId,shipping_method:sdk.shipping_methods.relationship(firstShippingMethodId)})}else selectedShippingMethodId!=null&&await sdk.shipments.update({id:shipmentId,shipping_method:sdk.shipping_methods.relationship(selectedShippingMethodId)});else for(const shipment of order?.shipments??[]){const[firstShippingMethodId]=shipment?.available_shipping_methods?.map(method=>method.id)??[];firstShippingMethodId!=null&&await sdk.shipments.update({id:shipment.id,shipping_method:sdk.shipping_methods.relationship(firstShippingMethodId)})}return await sdk.orders.retrieve(order.id,params)}export async function setExpressPlaceOrder({config,orderId,paymentResource,paymentSourceId}){const sdk=getSdk(config);return await sdk.orders.retrieve(orderId,{include:["shipments.shipping_method","payment_source","payment_method"]}),await sdk[paymentResource].update({id:paymentSourceId,order:sdk.orders.relationship(orderId)}),await sdk.orders.update({id:orderId,payment_source:sdk[paymentResource].relationship(paymentSourceId)}),await sdk[paymentResource].update({id:paymentSourceId,order:sdk.orders.relationship(orderId)}),await sdk.orders.update({id:orderId,_place:!0})}export function expressRedirectUrl({order,config:{accessToken,endpoint}}){if(accessToken==null)throw new Error("No access token found");if(endpoint==null)throw new Error("No endpoint found");const[slug]=endpoint.split(".commercelayer");if(slug==null)throw new Error("No slug found");const href=order?.checkout_url!=null?order?.checkout_url:`${slug}.commercelayer.app/checkout/${order.id}?accessToken=${accessToken}`;window.location.pathname.includes("/checkout")||window.location.pathname.includes(`/${order.id}`)?window.location.reload():window.location.href=href}

package/lib/esm/utils/getLineItemsCount.js

@@ -1 +1 @@
-export default function getLineItemsCount({lineItems,quantity=0,typeAccepted=["skus","gift_cards","bundles","adjustments"]}){return lineItems.filter(l=>typeAccepted.includes(l.item_type)&&l?.total_amount_cents!==void 0&&l.total_amount_cents>=0).forEach(l=>{l.quantity&&(quantity+=l.quantity)}),quantity}
+export default function getLineItemsCount({lineItems,quantity=0,typeAccepted=["skus","gift_cards","bundles","adjustments"]}){return lineItems.filter(l=>typeAccepted.includes(l.item_type)&&l?.total_amount_cents!=null&&l?.total_amount_cents>=0).forEach(l=>{l.quantity&&(quantity+=l.quantity)}),quantity}

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

@@ -0,0 +1 @@
+export declare function isEmpty<V>(value: V): boolean;

package/lib/esm/utils/isEmpty.js

@@ -0,0 +1 @@
+export function isEmpty(value){if(value==null)return!0;if(Array.isArray(value)||typeof value=="string")return value.length===0;if(typeof value=="object")return Object.keys(value).length===0;throw new Error("Invalid value for isEmpty function")}

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

@@ -1,3 +1,3 @@
 import { type LineItem, type Shipment } from '@commercelayer/sdk';
 export declare function shipmentsFilled(shipments: Shipment[]): boolean;
-export declare function isDoNotShip(lineItems?: LineItem[]): boolean;
+export declare function isDoNotShip(lineItems?: LineItem[] | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "4.4.0-beta.2",
+  "version": "4.4.0-beta.5",
   "description": "The Official Commerce Layer React Components",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -35,6 +35,10 @@
       "require": "./lib/cjs/components/gift_cards/*.js",
       "import": "./lib/esm/components/gift_cards/*.js"
     },
+    "./in_stock_subscriptions/*": {
+      "require": "./lib/cjs/components/in_stock_subscriptions/*.js",
+      "import": "./lib/esm/components/in_stock_subscriptions/*.js"
+    },
     "./hooks/*": {
       "require": "./lib/cjs/hooks/*.js",
       "import": "./lib/esm/hooks/*.js"
@@ -97,6 +101,9 @@
       "gift_cards/*": [
         "lib/esm/components/gift_cards/*.d.ts"
       ],
+      "in_stock_subscriptions/*": [
+        "lib/esm/components/in_stock_subscriptions/*.d.ts"
+      ],
       "hooks/*": [
         "lib/esm/hooks/*.d.ts"
       ],
@@ -160,34 +167,34 @@
   "dependencies": {
     "@ac-dev/countries-service": "^1.2.0",
     "@ac-dev/states-service": "^1.1.1",
-    "@adyen/adyen-web": "^5.38.0",
-    "@commercelayer/sdk": "^4.27.0",
+    "@adyen/adyen-web": "^5.40.0",
+    "@commercelayer/sdk": "^5.0.0",
     "@stripe/react-stripe-js": "^2.1.0",
-    "@stripe/stripe-js": "^1.52.0",
-    "axios": "^1.3.4",
-    "braintree-web": "^3.92.0",
+    "@stripe/stripe-js": "^1.52.1",
+    "axios": "^1.3.6",
+    "braintree-web": "^3.92.1",
     "frames-react": "^1.1.0",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "rapid-form": "^2.1.0",
     "react-table": "^7.8.0",
-    "react-window": "^1.8.7"
+    "react-window": "^1.8.9"
   },
   "devDependencies": {
     "@commercelayer/js-auth": "^2.3.0",
-    "@playwright/test": "^1.32.1",
+    "@playwright/test": "^1.32.3",
     "@testing-library/dom": "^9.2.0",
     "@testing-library/react": "^14.0.0",
     "@types/braintree-web": "^3.75.23",
-    "@types/lodash": "^4.14.192",
-    "@types/node": "^18.15.11",
+    "@types/lodash": "^4.14.194",
+    "@types/node": "^18.16.0",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.0.31",
+    "@types/react": "^18.0.38",
     "@types/react-table": "^7.7.14",
     "@types/react-test-renderer": "^18.0.0",
     "@types/react-window": "^1.8.5",
-    "@vitejs/plugin-react": "^3.1.0",
-    "@vitest/coverage-c8": "^0.29.8",
+    "@vitejs/plugin-react": "^4.0.0",
+    "@vitest/coverage-c8": "^0.30.1",
     "jsdom": "^21.1.1",
     "minimize-js": "^1.3.1",
     "msw": "^1.2.1",
@@ -196,10 +203,10 @@
     "react-test-renderer": "^18.2.0",
     "tsc-alias": "^1.8.5",
     "tslib": "^2.5.0",
-    "typescript": "^5.0.2",
-    "vite": "^4.2.1",
-    "vite-tsconfig-paths": "^4.0.7",
-    "vitest": "^0.29.8"
+    "typescript": "^5.0.4",
+    "vite": "^4.3.1",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.30.1"
   },
   "peerDependencies": {
     "react": "^18.0.0"