@commercelayer/react-components 3.14.1 → 4.0.0-alpha.1

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SkuOption } from '@commercelayer/sdk';
+export interface SkuOptionChildrenInitalState {
+    skuOption?: SkuOption | null;
+    skuCode: string;
+}
+declare const SkuOptionChildrenContext: import("react").Context<SkuOptionChildrenInitalState>;
+export default SkuOptionChildrenContext;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SkuOptionsContext: import("react").Context<import("../reducers/SkuOptionsReducer").SkuOptionsState>;
+export default SkuOptionsContext;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const VariantsContext: import("react").Context<import("../reducers/VariantReducer").VariantState>;
+export default VariantsContext;

package/lib/esm/index.d.ts

@@ -0,0 +1,107 @@
+export * from './components/orders/AddToCartButton';
+export * from './components/addresses/AddressCountrySelector';
+export * from './components/addresses/Address';
+export * from './components/addresses/AddressField';
+export * from './components/addresses/AddressInput';
+export * from './components/addresses/AddressStateSelector';
+export * from './components/addresses/AddressesContainer';
+export * from './components/orders/AdjustmentAmount';
+export * from './components/AvailabilityContainer';
+export * from './components/AvailabilityTemplate';
+export * from './components/BillingAddressContainer';
+export * from './components/BillingAddressForm';
+export * from './components/orders/CartLink';
+export * from './components/CheckoutLink';
+export * from './components/auth/CommerceLayer';
+export * from './components/customers/CustomerContainer';
+export * from './components/customers/CustomerField';
+export * from './components/customers/CustomerAddressForm';
+export * from './components/customers/CustomerInput';
+export * from './components/DeliveryLeadTime';
+export * from './components/DiscountAmount';
+export * from './components/Errors';
+export * from './components/ExternalFunction';
+export * from './components/GiftCard';
+export * from './components/orders/GiftCardAmount';
+export * from './components/GiftCardContainer';
+export * from './components/GiftCardCurrencySelector';
+export * from './components/GiftCardInput';
+export * from './components/GiftCardOrCouponCode';
+export * from './components/GiftCardOrCouponForm';
+export * from './components/GiftCardOrCouponInput';
+export * from './components/GiftCardOrCouponRemoveButton';
+export * from './components/GiftCardOrCouponSubmit';
+export * from './components/ItemContainer';
+export * from './components/LineItem';
+export * from './components/LineItemAmount';
+export * from './components/LineItemCode';
+export * from './components/LineItemImage';
+export * from './components/LineItemName';
+export * from './components/LineItemOption';
+export * from './components/LineItemOptions';
+export * from './components/LineItemQuantity';
+export * from './components/LineItemRemoveLink';
+export * from './components/LineItemsContainer';
+export * from './components/LineItemsCount';
+export * from './components/LineItemsEmpty';
+export * from './components/MetadataInput';
+export * from './components/orders/OrderContainer';
+export * from './components/orders/OrderNumber';
+export * from './components/orders/OrderStorage';
+export * from './components/orders/OrderList';
+export * from './components/orders/OrderListRow';
+export * from './components/PaymentMethod';
+export * from './components/PaymentMethodAmount';
+export * from './components/PaymentMethodName';
+export * from './components/PaymentMethodPrice';
+export * from './components/PaymentMethodRadioButton';
+export * from './components/PaymentMethodsContainer';
+export * from './components/PaymentSource';
+export * from './components/PaymentSourceBrandIcon';
+export * from './components/PaymentSourceBrandName';
+export * from './components/PaymentSourceDetail';
+export * from './components/PaymentSourceEditButton';
+export * from './components/orders/PlaceOrderButton';
+export * from './components/orders/PlaceOrderContainer';
+export * from './components/Price';
+export * from './components/PricesContainer';
+export * from './components/orders/PrivacyAndTermsCheckbox';
+export * from './components/QuantitySelector';
+export * from './components/SaveAddressesButton';
+export * from './components/SaveCustomerButton';
+export * from './components/shipments/Shipment';
+export * from './components/shipments/ShipmentField';
+export * from './components/shipments/ShipmentsContainer';
+export * from './components/ShippingAddressContainer';
+export * from './components/ShippingAddressForm';
+export * from './components/ShippingAmount';
+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/SkuField';
+export * from './components/skus/SkuList';
+export * from './components/skus/SkuListsContainer';
+export * from './components/skus/SkuOption';
+export * from './components/skus/SkuOptionInput';
+export * from './components/skus/SkuOptionsContainer';
+export * from './components/skus/Skus';
+export * from './components/skus/SkusContainer';
+export * from './components/StockTransfer';
+export * from './components/StockTransferField';
+export * from './components/orders/SubTotalAmount';
+export * from './components/SubmitButton';
+export * from './components/orders/TaxesAmount';
+export * from './components/orders/TotalAmount';
+export * from './components/VariantSelector';
+export * from './components/VariantsContainer';
+export type { CustomerCardsType } from './components/utils/PaymentCardsTemplate';
+export type { AddressCardsType } from './components/utils/AddressCardsTemplate';
+export type { AddToCartButtonType } from './components/orders/AddToCartButton';
+export type { ShippingMethodRadioButtonType, ShippingMethodRadioButtonOnChangeType, } from './components/shipping_methods/ShippingMethodRadioButton';
+export type { LineItemCodeType } from './components/LineItemCode';
+export type { LineItemNameType } from './components/LineItemName';
+export type { LineItemImageType } from './components/LineItemImage';
+export type { LineItemType } from './typings/index';
+export type { ErrorComponentProps, ResourceErrorType } from './typings/errors';
+export type { AddressCountrySelectName, AddressInputName, AddressStateSelectName, BaseInputType, } from './typings/index';

package/lib/esm/index.js

@@ -0,0 +1 @@
+export*from"./components/orders/AddToCartButton";export*from"./components/addresses/AddressCountrySelector";export*from"./components/addresses/Address";export*from"./components/addresses/AddressField";export*from"./components/addresses/AddressInput";export*from"./components/addresses/AddressStateSelector";export*from"./components/addresses/AddressesContainer";export*from"./components/orders/AdjustmentAmount";export*from"./components/AvailabilityContainer";export*from"./components/AvailabilityTemplate";export*from"./components/BillingAddressContainer";export*from"./components/BillingAddressForm";export*from"./components/orders/CartLink";export*from"./components/CheckoutLink";export*from"./components/auth/CommerceLayer";export*from"./components/customers/CustomerContainer";export*from"./components/customers/CustomerField";export*from"./components/customers/CustomerAddressForm";export*from"./components/customers/CustomerInput";export*from"./components/DeliveryLeadTime";export*from"./components/DiscountAmount";export*from"./components/Errors";export*from"./components/ExternalFunction";export*from"./components/GiftCard";export*from"./components/orders/GiftCardAmount";export*from"./components/GiftCardContainer";export*from"./components/GiftCardCurrencySelector";export*from"./components/GiftCardInput";export*from"./components/GiftCardOrCouponCode";export*from"./components/GiftCardOrCouponForm";export*from"./components/GiftCardOrCouponInput";export*from"./components/GiftCardOrCouponRemoveButton";export*from"./components/GiftCardOrCouponSubmit";export*from"./components/ItemContainer";export*from"./components/LineItem";export*from"./components/LineItemAmount";export*from"./components/LineItemCode";export*from"./components/LineItemImage";export*from"./components/LineItemName";export*from"./components/LineItemOption";export*from"./components/LineItemOptions";export*from"./components/LineItemQuantity";export*from"./components/LineItemRemoveLink";export*from"./components/LineItemsContainer";export*from"./components/LineItemsCount";export*from"./components/LineItemsEmpty";export*from"./components/MetadataInput";export*from"./components/orders/OrderContainer";export*from"./components/orders/OrderNumber";export*from"./components/orders/OrderStorage";export*from"./components/orders/OrderList";export*from"./components/orders/OrderListRow";export*from"./components/PaymentMethod";export*from"./components/PaymentMethodAmount";export*from"./components/PaymentMethodName";export*from"./components/PaymentMethodPrice";export*from"./components/PaymentMethodRadioButton";export*from"./components/PaymentMethodsContainer";export*from"./components/PaymentSource";export*from"./components/PaymentSourceBrandIcon";export*from"./components/PaymentSourceBrandName";export*from"./components/PaymentSourceDetail";export*from"./components/PaymentSourceEditButton";export*from"./components/orders/PlaceOrderButton";export*from"./components/orders/PlaceOrderContainer";export*from"./components/Price";export*from"./components/PricesContainer";export*from"./components/orders/PrivacyAndTermsCheckbox";export*from"./components/QuantitySelector";export*from"./components/SaveAddressesButton";export*from"./components/SaveCustomerButton";export*from"./components/shipments/Shipment";export*from"./components/shipments/ShipmentField";export*from"./components/shipments/ShipmentsContainer";export*from"./components/ShippingAddressContainer";export*from"./components/ShippingAddressForm";export*from"./components/ShippingAmount";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/SkuField";export*from"./components/skus/SkuList";export*from"./components/skus/SkuListsContainer";export*from"./components/skus/SkuOption";export*from"./components/skus/SkuOptionInput";export*from"./components/skus/SkuOptionsContainer";export*from"./components/skus/Skus";export*from"./components/skus/SkusContainer";export*from"./components/StockTransfer";export*from"./components/StockTransferField";export*from"./components/orders/SubTotalAmount";export*from"./components/SubmitButton";export*from"./components/orders/TaxesAmount";export*from"./components/orders/TotalAmount";export*from"./components/VariantSelector";export*from"./components/VariantsContainer";

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

@@ -0,0 +1,60 @@
+import { Dispatch } from 'react';
+import { BaseError, ResourceErrorType } from '../typings/errors';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import type { Address, AddressCreate, Order } from '@commercelayer/sdk';
+import { updateOrder } from './OrderReducer';
+import { TCustomerAddress } from './CustomerReducer';
+export declare type AddressActionType = 'setErrors' | 'setAddress' | 'setShipToDifferentAddress' | 'setCloneAddress' | 'cleanup';
+export declare type AddressField = 'city' | 'company' | 'country_code' | 'first_name' | 'last_name' | 'line_1' | 'line_2' | 'phone' | 'state_code' | 'zip_code' | 'billing_info';
+export declare type AddressFieldView = AddressField | 'full_address' | 'full_name';
+export declare const addressFields: AddressField[];
+export declare type AddressResource = Extract<ResourceErrorType, 'billing_address' | 'shipping_address'>;
+export declare type AddressSchema = Address;
+export interface AddressActionPayload {
+    errors: BaseError[];
+    billing_address: TCustomerAddress;
+    shipping_address: AddressCreate;
+    shipToDifferentAddress: boolean;
+    billingAddressId: string;
+    shippingAddressId: string;
+    isBusiness: boolean;
+}
+export declare type AddressState = Partial<AddressActionPayload>;
+export interface AddressAction {
+    type: AddressActionType;
+    payload: Partial<AddressActionPayload>;
+}
+export declare const addressInitialState: AddressState;
+export interface SetAddressErrors {
+    <V extends BaseError[]>(args: {
+        errors: V;
+        resource: Extract<ResourceErrorType, 'billing_address' | 'shipping_address'>;
+        dispatch?: Dispatch<AddressAction>;
+        currentErrors?: V;
+    }): void;
+}
+export declare type SetAddressParams<V extends AddressSchema> = {
+    values: V;
+    resource: AddressResource;
+    dispatch?: Dispatch<AddressAction>;
+};
+export interface SetAddress {
+    <V extends AddressSchema>(params: SetAddressParams<V>): void;
+}
+export interface SaveAddresses {
+    (params: {
+        orderId?: string;
+        order?: Order | null;
+        updateOrder?: typeof updateOrder;
+        config: CommerceLayerConfig;
+        state: AddressState;
+        dispatch: Dispatch<AddressAction>;
+    }): Promise<void>;
+}
+export declare const setAddressErrors: SetAddressErrors;
+export declare const setAddress: SetAddress;
+declare type SetCloneAddress = (id: string, resource: AddressResource, dispatch: Dispatch<AddressAction>) => void;
+export declare const setCloneAddress: SetCloneAddress;
+export declare const saveAddresses: SaveAddresses;
+declare const addressReducer: (state: AddressState, reducer: AddressAction) => AddressState;
+export default addressReducer;

package/lib/esm/reducers/AddressReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import getSdk from"../utils/getSdk";import camelCase from"lodash/camelCase";export const addressFields=["city","company","country_code","first_name","last_name","line_1","line_2","phone","state_code","zip_code"],addressInitialState={errors:[]},setAddressErrors=({errors,dispatch,currentErrors=[],resource})=>{const billingErrors=resource==="billing_address"?errors.filter(e=>e.resource===resource):currentErrors.filter(e=>e.resource==="billing_address"),shippingErrors=resource==="shipping_address"?errors.filter(e=>e.resource===resource):currentErrors.filter(e=>e.resource==="shipping_address"),finalErrors=[...billingErrors,...shippingErrors];dispatch&&dispatch({type:"setErrors",payload:{errors:finalErrors}})},setAddress=({values,resource,dispatch})=>{dispatch&&dispatch({type:"setAddress",payload:{[`${resource}`]:values}})},setCloneAddress=(id,resource,dispatch)=>{dispatch({type:"setCloneAddress",payload:{[`${camelCase(resource)}Id`]:id}})},saveAddresses=async({config,updateOrder,order,state})=>{const{shipToDifferentAddress,billing_address,shipping_address,billingAddressId,shippingAddressId}=state;try{const sdk=getSdk(config);if(order){const currentBillingAddressRef=order?.billing_address?.reference,orderAttributes={id:order?.id,_billing_address_clone_id:billingAddressId,_shipping_address_clone_id:billingAddressId};if(currentBillingAddressRef===billingAddressId&&(orderAttributes._billing_address_clone_id=order?.billing_address?.id,orderAttributes._shipping_address_clone_id=order?.shipping_address?.id),!isEmpty(billing_address)&&billing_address){delete orderAttributes._billing_address_clone_id,delete orderAttributes._shipping_address_clone_id,orderAttributes._shipping_address_same_as_billing=!0;const address=await sdk.addresses.create(billing_address);orderAttributes.billing_address=sdk.addresses.relationship(address.id)}if(shipToDifferentAddress&&(delete orderAttributes._shipping_address_same_as_billing,shippingAddressId&&(orderAttributes._shipping_address_clone_id=shippingAddressId),!isEmpty(shipping_address)&&shipping_address)){delete orderAttributes._shipping_address_clone_id;const address=await sdk.addresses.create(shipping_address);orderAttributes.shipping_address=sdk.addresses.relationship(address.id)}!isEmpty(orderAttributes)&&updateOrder&&await updateOrder({id:order.id,attributes:orderAttributes})}}catch(error){console.error(error)}};const type=["setErrors","setAddress","setShipToDifferentAddress","setCloneAddress","cleanup"],addressReducer=(state,reducer)=>baseReducer(state,reducer,type);export default addressReducer;

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

@@ -0,0 +1,61 @@
+import { BaseError } from '../typings/errors';
+import { Sku } from '@commercelayer/sdk';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { Dispatch } from 'react';
+import { Items } from './ItemReducer';
+export declare type DeliveryLeadTime = {
+    shipping_method: {
+        name: string;
+        reference: string;
+        price_amount_cents: number;
+        free_over_amount_cents: number;
+        formatted_price_amount: string;
+        formatted_free_over_amount: string;
+    };
+    min: LeadTimes;
+    max: LeadTimes;
+};
+declare type Level = {
+    delivery_lead_times: Partial<DeliveryLeadTime>[];
+    quantity: number;
+};
+declare type Inventory = {
+    inventory: {
+        available: boolean;
+        quantity: number;
+        levels: Level[];
+    };
+};
+export declare type SkuInventory = Sku & Inventory;
+export declare type LeadTimes = {
+    hours: number;
+    days: number;
+};
+export declare type AvailabilityPayload = {
+    quantity?: number | null;
+    errors?: BaseError[];
+} & Partial<DeliveryLeadTime>;
+export declare type AvailabilityState = AvailabilityPayload;
+export interface AvailabilityAction {
+    type: AvailabilityActionType;
+    payload: AvailabilityPayload;
+}
+export declare const availabilityInitialState: AvailabilityState;
+declare type GetAvailability = (args: {
+    skuCode: string;
+    dispatch: Dispatch<AvailabilityAction>;
+    config: CommerceLayerConfig;
+    setItem?: (item: Items) => void;
+    item?: Items;
+}) => void;
+export declare const getAvailability: GetAvailability;
+declare type GetAvailabilityArgs = {
+    skusIds: string[];
+    dispatch: Dispatch<AvailabilityAction>;
+    config: CommerceLayerConfig;
+    setItem?: (item: Items) => void;
+};
+export declare function getAvailabilityByIds({ skusIds, config, setItem, }: GetAvailabilityArgs): Promise<void>;
+export declare type AvailabilityActionType = 'setAvailability' | 'setErrors';
+declare const availabilityReducer: (state: AvailabilityState, reducer: AvailabilityAction) => AvailabilityState;
+export default availabilityReducer;

package/lib/esm/reducers/AvailabilityReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";export const availabilityInitialState={quantity:null,min:{days:0,hours:0},max:{days:0,hours:0},errors:[]},getAvailability=async({skuCode,dispatch,config,setItem,item})=>{const sdk=getSdk(config);try{const[sku]=await sdk.skus.list({fields:{skus:["id"]},filters:{code_in:skuCode}});if(sku){const skuInventory=await sdk.skus.retrieve(sku.id,{fields:{skus:["inventory"]}}),[level]=skuInventory.inventory?.levels||[],[delivery]=level?.delivery_lead_times||[];dispatch({type:"setAvailability",payload:{...delivery,quantity:skuInventory.inventory.quantity}}),setItem&&setItem({...item,[skuCode]:skuInventory})}}catch(error){console.error("Get SKU availability",error)}};export async function getAvailabilityByIds({skusIds,config,setItem}){const sdk=getSdk(config);try{const inventories=await Promise.all(skusIds.map(async id=>await sdk.skus.retrieve(id,{fields:{skus:["inventory","code"]}}))),item={};inventories.forEach(v=>{v?.code&&(item[v.code]=v)}),setItem&&setItem(item)}catch(error){console.error("Get SKU availability",error)}}const typeAction=["setAvailability","setErrors"],availabilityReducer=(state,reducer)=>baseReducer(state,reducer,typeAction);export default availabilityReducer;

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

@@ -0,0 +1,31 @@
+import { Dispatch } from 'react';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { Order } from '@commercelayer/sdk';
+import { AddressResource } from './AddressReducer';
+export declare type BillingAddressActionType = 'setBillingAddress' | 'setBillingCustomerAddressId' | 'cleanup';
+export interface BillingAddressActionPayload {
+    _billing_address_clone_id: string;
+    billingCustomerAddressId: string;
+}
+export declare type BillingAddressState = Partial<BillingAddressActionPayload>;
+export interface BillingAddressAction {
+    type: BillingAddressActionType;
+    payload: Partial<BillingAddressActionPayload>;
+}
+export declare const billingAddressInitialState: BillingAddressState;
+export declare type SetBillingAddress = (id: string, options?: {
+    config: CommerceLayerConfig;
+    dispatch: Dispatch<BillingAddressAction>;
+    order?: Order;
+    shipToDifferentAddress?: boolean;
+    customerAddressId?: string;
+}) => Promise<void>;
+export declare const setBillingAddress: SetBillingAddress;
+declare type SetBillingCustomerAddressId = (args: {
+    dispatch: Dispatch<BillingAddressAction>;
+    order: Order;
+    setCloneAddress: (id: string, resource: AddressResource) => void;
+}) => void;
+export declare const setBillingCustomerAddressId: SetBillingCustomerAddressId;
+declare const billingAddressReducer: (state: BillingAddressState, reducer: BillingAddressAction) => BillingAddressState;
+export default billingAddressReducer;

package/lib/esm/reducers/BillingAddressReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";export const billingAddressInitialState={_billing_address_clone_id:""},setBillingAddress=async(id,options)=>{try{if(options?.order){if(options.customerAddressId){const sdk=getSdk(options.config),attributes={id,reference:options.customerAddressId};await sdk.addresses.update(attributes)}options.dispatch({type:"setBillingAddress",payload:{_billing_address_clone_id:id}})}}catch(error){console.error("Set billing address",error)}},setBillingCustomerAddressId=async({dispatch,order,setCloneAddress})=>{const customerAddressId=order?.billing_address?.reference;try{customerAddressId&&(dispatch({type:"setBillingCustomerAddressId",payload:{billingCustomerAddressId:customerAddressId}}),setCloneAddress(customerAddressId,"billing_address"))}catch(error){console.error("error",error)}};const type=["setBillingAddress","setBillingCustomerAddressId","cleanup"],billingAddressReducer=(state,reducer)=>baseReducer(state,reducer,type);export default billingAddressReducer;

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

@@ -0,0 +1,131 @@
+import { Dispatch } from 'react';
+import { BaseError } from '../typings/errors';
+import type { Address, AddressCreate, AddressUpdate, Customer, CustomerPaymentSource, Order } from '@commercelayer/sdk';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { updateOrder } from './OrderReducer';
+export declare type CustomerActionType = 'setErrors' | 'setCustomerEmail' | 'setAddresses' | 'setPayments' | 'setOrders';
+export declare type CustomerActionPayload = {
+    addresses: Address[];
+    payments: CustomerPaymentSource[];
+    customerEmail: string;
+    errors: BaseError[];
+    orders: Order[];
+    isGuest: boolean;
+    customers: Customer;
+};
+export declare type CustomerState = Partial<CustomerActionPayload>;
+export interface CustomerAction {
+    type: CustomerActionType;
+    payload: Partial<CustomerActionPayload>;
+}
+export declare type SetSaveOnBlur = (args: {
+    saveOnBlur: boolean;
+    dispatch: Dispatch<CustomerAction>;
+}) => void;
+export declare type SaveCustomerUser = {
+    /**
+     * The Commerce Layer Config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The customer email
+     */
+    customerEmail: string;
+    /**
+     * The Customer dispatch function
+     */
+    dispatch: Dispatch<CustomerAction>;
+    /**
+     * The Commerce Layer Order resource
+     */
+    order?: Order;
+    /**
+     * The function to update the order resource
+     */
+    updateOrder: typeof updateOrder;
+};
+export declare function saveCustomerUser({ customerEmail, order, updateOrder, }: SaveCustomerUser): Promise<void>;
+export interface SetCustomerErrors {
+    <V extends BaseError[]>(errors: V, dispatch?: Dispatch<CustomerAction>): void;
+}
+export declare function setCustomerErrors(
+/**
+ * @param errors - An array of errors
+ */
+errors: BaseError[], 
+/**
+ * @param dispatch - The dispatch function
+ */
+dispatch?: Dispatch<CustomerAction>): void;
+export declare function setCustomerEmail(
+/**
+ * @param customerEmail The email address of the customer
+ */
+customerEmail: string, 
+/**
+ * @param dispatch The dispatch function
+ */
+dispatch?: Dispatch<CustomerAction>): void;
+export declare type GetCustomerAddresses = {
+    /**
+     * The Commerce Layer config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The Customer dispatch function
+     */
+    dispatch: Dispatch<CustomerAction>;
+};
+export declare function getCustomerAddresses({ config, dispatch, }: GetCustomerAddresses): Promise<void>;
+export declare type DeleteCustomerAddress = {
+    config?: CommerceLayerConfig;
+    dispatch?: Dispatch<CustomerAction>;
+    customerAddressId: string;
+    addresses?: Address[];
+};
+export declare function deleteCustomerAddress({ config, dispatch, customerAddressId, addresses, }: DeleteCustomerAddress): Promise<void>;
+export declare type GetCustomerPaymentSources = {
+    /**
+     * The Customer dispatch function
+     */
+    dispatch?: Dispatch<CustomerAction>;
+    /**
+     * The Commerce Layer Order resource
+     */
+    order?: Order;
+};
+export declare function getCustomerPaymentSources(params?: GetCustomerPaymentSources): void;
+export declare type GetCustomerOrders = (params: {
+    /**
+     * The Commerce Layer config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The Customer dispatch function
+     */
+    dispatch: Dispatch<CustomerAction>;
+}) => Promise<void>;
+export declare const getCustomerOrders: GetCustomerOrders;
+export declare type TCustomerAddress = AddressCreate & AddressUpdate;
+declare type TCreateCustomerAddress = {
+    /**
+     * Customer address dispatch function
+     */
+    dispatch?: Dispatch<CustomerAction>;
+    /**
+     * The Commerce Layer Config
+     */
+    config?: CommerceLayerConfig;
+    /**
+     * The address to create or update if there is an id
+     */
+    address: TCustomerAddress;
+    /**
+     * Current state of the customer
+     */
+    state?: CustomerState;
+};
+export declare function createCustomerAddress({ address, config, dispatch, state, }: TCreateCustomerAddress): Promise<void>;
+export declare const customerInitialState: CustomerState;
+declare const customerReducer: (state: CustomerState, reducer: CustomerAction) => CustomerState;
+export default customerReducer;

package/lib/esm/reducers/CustomerReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";import jwtDecode from"../utils/jwt";export async function saveCustomerUser({customerEmail,order,updateOrder}){if(order){const attributes={customer_email:customerEmail,id:order.id};await updateOrder({id:order.id,attributes})}}export function setCustomerErrors(errors,dispatch){dispatch&&dispatch({type:"setErrors",payload:{errors}})}export function setCustomerEmail(customerEmail,dispatch){dispatch&&dispatch({type:"setCustomerEmail",payload:{customerEmail}})}export async function getCustomerAddresses({config,dispatch}){try{const addresses=[];(await getSdk(config).customer_addresses.list({include:["address"]})).forEach(customerAddress=>{customerAddress.address&&addresses.push(customerAddress.address)}),addresses.sort((a,b)=>a.full_name&&b.full_name?a.full_name.localeCompare(b.full_name):0),dispatch({type:"setAddresses",payload:{addresses}})}catch(error){const errors=getErrors(error,"addresses");dispatch({type:"setErrors",payload:{errors}})}}export async function deleteCustomerAddress({config,dispatch,customerAddressId,addresses}){if(config&&addresses&&dispatch&&config)try{await getSdk(config).customer_addresses.delete(customerAddressId);const newAddresses=addresses.filter(({reference})=>reference!==customerAddressId);dispatch({type:"setAddresses",payload:{addresses:newAddresses}})}catch{throw new Error("Couldn't delete address")}}export function getCustomerPaymentSources(params){if(params){const{order,dispatch}=params;order?.available_customer_payment_sources&&dispatch&&dispatch({type:"setPayments",payload:{payments:order.available_customer_payment_sources}})}}export const getCustomerOrders=async({config,dispatch})=>{if(config.accessToken){const{owner}=jwtDecode(config.accessToken);if(owner?.id){const customers=await getSdk(config).customers.retrieve(owner.id,{include:["orders"]}),orders=customers.orders?.filter(order=>order.status!=="pending"&&order.status!=="draft");dispatch({type:"setOrders",payload:{orders,customers}})}}};export async function createCustomerAddress({address,config,dispatch,state}){if(config&&address){const sdk=getSdk(config),{id}=address;try{if(id){const upAddress=await sdk.addresses.update(address),updatedAddresses=state?.addresses?.map(a=>a.id===upAddress.id?upAddress:a);dispatch&&dispatch({type:"setAddresses",payload:{addresses:updatedAddresses}})}else{const newAddress=await sdk.addresses.create(address);if(state?.customers?.id&&newAddress?.id){const newCustomerAddress=await sdk.customer_addresses.create({customer:sdk.customers.relationship(state?.customers?.id),address:sdk.addresses.relationship(newAddress.id)});await sdk.addresses.update({id:newAddress.id,reference:newCustomerAddress.id}),dispatch&&state?.addresses&&(newAddress.reference=newCustomerAddress.id,dispatch({type:"setAddresses",payload:{addresses:[...state.addresses,newAddress]}}))}}}catch{throw new Error("Couldn't create customer address")}}}export const customerInitialState={errors:[],addresses:[],payments:[],orders:[]};const type=["setErrors","setCustomerEmail","setAddresses","setPayments","setOrders"],customerReducer=(state,reducer)=>baseReducer(state,reducer,type);export default customerReducer;

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

@@ -0,0 +1,76 @@
+import { Customer, Market, GiftCardRecipient, GiftCardRecipientCreate, Order } from '@commercelayer/sdk';
+import { BaseMetadata } from '../typings/index';
+import { Dispatch } from 'react';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { BaseError } from '../typings/errors';
+import { CreateOrder } from './OrderReducer';
+export declare type GiftCardActionType = 'setAvailability' | 'setGiftCardRecipient' | 'setGiftCardErrors' | 'setGiftCardLoading';
+export interface GiftCardRecipientI {
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    referenceOrigin?: string;
+    reference?: string;
+    metadata?: BaseMetadata;
+    customer?: Customer;
+}
+export interface GiftCardI {
+    currencyCode?: string;
+    balanceCent?: number;
+    balanceMaxCents?: number;
+    singleUse?: boolean;
+    rechargeable?: boolean;
+    imageUrl?: string;
+    expiresAt?: null | Date;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    referenceOrigin?: string;
+    recipientEmail?: string;
+    reference?: string;
+    metadata?: BaseMetadata;
+    orderId?: string;
+}
+export interface GiftCardActionPayload extends GiftCardI {
+    market?: Market;
+    giftCardRecipient?: GiftCardRecipient;
+    errors?: BaseError[];
+    loading?: boolean;
+}
+export interface GiftCardState extends GiftCardActionPayload {
+    currencyCode: string;
+    balanceCent: number;
+    addGiftCardRecipient?: (values: GiftCardRecipientI & Record<string, any>) => void;
+    addGiftCard?: (values: GiftCardI & Record<string, any>) => void;
+    addGiftCardError?: (errors: BaseError[]) => void;
+    addGiftCardLoading?: (loading: boolean) => void;
+}
+export interface GiftCardAction {
+    type: GiftCardActionType;
+    payload: GiftCardActionPayload;
+}
+export declare const giftCardInitialState: GiftCardState;
+export interface AddGiftCardRecipient {
+    <V extends GiftCardRecipientCreate>(values: V, config: CommerceLayerConfig, dispatch: Dispatch<GiftCardAction>): void;
+}
+export interface AddGiftCard {
+    <V extends GiftCardI>(values: V, configParameters: {
+        getOrder?: (id: string) => void;
+        createOrder?: CreateOrder;
+        config: CommerceLayerConfig;
+        dispatch: Dispatch<GiftCardAction>;
+        order?: Order;
+    }): void;
+}
+export interface AddGiftCardError {
+    <V extends BaseError[]>(errors: V, dispatch: Dispatch<GiftCardAction>): void;
+}
+export interface AddGiftCardLoading {
+    <V extends boolean>(loading: V, dispatch: Dispatch<GiftCardAction>): void;
+}
+export declare const addGiftCardRecipient: AddGiftCardRecipient;
+export declare const addGiftCardLoading: AddGiftCardLoading;
+export declare const addGiftCard: AddGiftCard;
+export declare const addGiftCardError: AddGiftCardError;
+declare const giftCardReducer: (state: GiftCardState, reducer: GiftCardAction) => GiftCardState;
+export default giftCardReducer;

package/lib/esm/reducers/GiftCardReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import{isEmpty}from"lodash";import getErrors from"../utils/getErrors";import getSdk from"../utils/getSdk";export const giftCardInitialState={currencyCode:"",balanceCent:0,singleUse:!1,rechargeable:!0,loading:!1,expiresAt:null,errors:[]},addGiftCardRecipient=async(values,config,dispatch)=>{try{const recipient=await getSdk(config).gift_card_recipients.create(values);dispatch({type:"setGiftCardRecipient",payload:{giftCardRecipient:recipient}})}catch(error){console.error(error)}},addGiftCardLoading=(loading,dispatch)=>{dispatch({type:"setGiftCardLoading",payload:{loading}})},addGiftCard=async(values,{config,dispatch,getOrder,createOrder,order})=>{try{const sdk=getSdk(config);addGiftCardLoading(!0,dispatch);const{firstName,lastName,email,...val}=values,giftCardValue={recipient_email:email,...val},giftCard=await sdk.gift_cards.create(giftCardValue,{include:["gift_card_recipient"]}),recipientValues={id:giftCard.gift_card_recipient?.id};if(firstName&&(recipientValues.first_name=firstName),lastName&&(recipientValues.last_name=lastName),isEmpty(recipientValues)||await sdk.gift_card_recipients.update(recipientValues),createOrder&&getOrder){const id=order?order.id:await createOrder();if(id){const order2=sdk.orders.relationship(id),item=sdk.gift_cards.relationship(giftCard.id);await sdk.line_items.create({quantity:1,order:order2,item}),getOrder&&await getOrder(id)}}dispatch({type:"setGiftCardRecipient",payload:{...giftCardValue}}),addGiftCardLoading(!1,dispatch)}catch(error){const errors=getErrors(error,"gift_cards");dispatch({type:"setGiftCardErrors",payload:{errors}}),addGiftCardLoading(!1,dispatch)}},addGiftCardError=(errors,dispatch)=>{dispatch({type:"setGiftCardErrors",payload:{errors}})};const type=["setAvailability","setGiftCardRecipient","setGiftCardErrors","setGiftCardLoading"],giftCardReducer=(state,reducer)=>baseReducer(state,reducer,type);export default giftCardReducer;

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

@@ -0,0 +1,69 @@
+import { BaseUnsetState } from '../typings/index';
+import { Price } from '@commercelayer/sdk';
+import { Dispatch } from 'react';
+import { SkuInventory } from './AvailabilityReducer';
+export interface Items {
+    [skuCode: string]: SkuInventory;
+}
+export interface ItemPrices {
+    [skuCode: string]: Price;
+}
+export interface ItemQuantity {
+    [skuCode: string]: number;
+}
+export interface ItemOption {
+    [key: string]: {
+        skuOptionId: string;
+        options: {
+            [key: string]: string;
+        };
+    };
+}
+export interface ItemOptions {
+    [skuCode: string]: ItemOption;
+}
+export declare type CustomLineItem = {
+    name?: string;
+    imageUrl?: string | null;
+};
+export interface CustomLineItems {
+    [skuCode: string]: CustomLineItem;
+}
+declare type ItemParams = {
+    type: ItemActionType;
+    key: 'items' | 'item' | 'quantity' | 'option' | 'prices' | 'lineItem' | 'lineItems' | 'skuCode';
+};
+declare type DataType = Items | ItemQuantity | ItemOptions | ItemPrices | CustomLineItems | CustomLineItem | string;
+export interface SetItemState {
+    (data: DataType, params: ItemParams, dispatch: Dispatch<ItemAction>): void;
+}
+export declare const setItemState: SetItemState;
+export declare const unsetItemState: BaseUnsetState<ItemAction>;
+export declare type SetCustomLineItems = (lineItems: CustomLineItems) => void;
+export declare type SetCustomLineItem = (lineItem: CustomLineItem) => void;
+export interface ItemState {
+    skuCode?: string;
+    items?: Items;
+    item?: Items;
+    lineItems?: CustomLineItems;
+    lineItem?: CustomLineItem;
+    quantity?: ItemQuantity;
+    option?: ItemOptions;
+    prices?: ItemPrices;
+    setItems?: (items: Items) => void;
+    setItem?: (item: Items) => void;
+    setQuantity?: (quantity: ItemQuantity) => void;
+    setOption?: (option: ItemOptions) => void;
+    setPrices?: (prices: ItemPrices) => void;
+    setSkuCode?: (skuCode: string) => void;
+    setCustomLineItems: SetCustomLineItems;
+    setCustomLineItem?: SetCustomLineItem;
+}
+declare type ItemActionType = 'setItem' | 'setItems' | 'setQuantity' | 'setOption' | 'setPrices' | 'setCustomLineItems' | 'setCustomLineItem' | 'setSkuCode';
+export interface ItemAction {
+    type: ItemActionType;
+    payload: Partial<ItemState>;
+}
+export declare const itemInitialState: Partial<ItemState>;
+declare const itemReducer: (state: Partial<ItemState>, reducer: ItemAction) => Partial<ItemState>;
+export default itemReducer;