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

package/lib/cjs/components/skus/AvailabilityTemplate.d.ts

@@ -0,0 +1,52 @@
+import type { TimeFormat, ChildrenFunction } from '../../typings/index';
+import type { DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
+import type { JSX } from "react";
+interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, DeliveryLeadTime {
+    text: string;
+    quantity: number;
+}
+type FormatRules = {
+    /**
+     * Set time format for shipping method. When not set, ``delivery_lead_times`` will not be displayed.
+     * When set, `delivery_lead_times` for the first shipping method found in the inventory model, will be displayed in the format specified.
+     */
+    timeFormat?: TimeFormat;
+    /**
+     * Show shipping method name. Requires `timeFormat` to be set.
+     */
+    showShippingMethodName?: false;
+    /**
+     * Show shipping method price. Requires `timeFormat` to be set.
+     */
+    showShippingMethodPrice?: false;
+} | {
+    timeFormat: TimeFormat;
+    showShippingMethodName: true;
+    showShippingMethodPrice?: boolean;
+} | {
+    timeFormat: TimeFormat;
+    showShippingMethodName?: boolean;
+    showShippingMethodPrice: true;
+};
+type Props = {
+    children?: ChildrenFunction<AvailabilityTemplateChildrenProps>;
+    labels?: {
+        available?: string;
+        outOfStock?: string;
+        negativeStock?: string;
+    };
+} & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> & FormatRules;
+/**
+ * The AvailabilityTemplate component displays the availability of the SKU specified
+ * in the parent `<AvailabilityContainer>` component.
+ *
+ * It is possible to customize the text displayed in case of `available`, `outOfStock` or `negativeStock.
+ * It is also possible to show delivery lead time and either shipping method name and/or price.
+ * This information will be retrieve from the first shipping method found in the inventory model.
+ *
+ * <span type="Requirement" type="info">
+ * It must to be used inside the `<AvailabilityContainer>` component.
+ * </span>
+ */
+export declare function AvailabilityTemplate(props: Props): JSX.Element;
+export default AvailabilityTemplate;

package/lib/cjs/components/skus/AvailabilityTemplate.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityTemplate=AvailabilityTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function AvailabilityTemplate(props){var _a,_b,_c;const{timeFormat,showShippingMethodName,showShippingMethodPrice,children,labels}=props,p=tslib_1.__rest(props,["timeFormat","showShippingMethodName","showShippingMethodPrice","children","labels"]),{min,max,shipping_method:shippingMethod,quantity,skuCode}=(0,useCustomContext_1.default)({context:AvailabilityContext_1.default,contextComponentName:"AvailabilityContainer",currentComponentName:"AvailabilityTemplate",key:"parent"}),text=[],mn=min!=null&&timeFormat!=null?min?.[timeFormat]:"",mx=max!=null&&timeFormat!=null?max?.[timeFormat]:"",shippingMethodPrice=showShippingMethodPrice&&shippingMethod?.formatted_price_amount?`(${shippingMethod?.formatted_price_amount})`:"",name=showShippingMethodName&&shippingMethod?`with ${shippingMethod.name}`:"";quantity!=null&&(quantity>0?(text.push((_a=labels?.available)!==null&&_a!==void 0?_a:"Available"),mn&&mx&&timeFormat&&text.push(`in ${mn} - ${mx} ${timeFormat} ${name} ${shippingMethodPrice}`)):quantity===0?text.push((_b=labels?.outOfStock)!==null&&_b!==void 0?_b:"Out of stock"):quantity<0&&text.push((_c=labels?.negativeStock)!==null&&_c!==void 0?_c:"Out of stock"));const parentProps=Object.assign({min,max,shipping_method:shippingMethod,quantity,text:text.join(" ")},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({"data-testid":skuCode?`availability-${skuCode}`:""},p,{children:text.join(" ")}))}exports.default=AvailabilityTemplate;

package/lib/cjs/components/skus/DeliveryLeadTime.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from 'react';
+export type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
+export type DeliveryLeadTimeComponentChildren = Omit<Props, 'children' | 'ref'>;
+type Props = Partial<Omit<JSX.IntrinsicElements['span'], 'ref'>> & {
+    children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
+    type: DeliveryLeadTimeField;
+    text?: string;
+};
+export declare function DeliveryLeadTime(props: Props): JSX.Element;
+export default DeliveryLeadTime;

package/lib/cjs/components/skus/DeliveryLeadTime.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeliveryLeadTime=DeliveryLeadTime;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function DeliveryLeadTime(props){const{type}=props,p=tslib_1.__rest(props,["type"]),[text,setText]=(0,react_1.useState)(),{deliveryLeadTimeForShipment}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);(0,react_1.useEffect)(()=>(deliveryLeadTimeForShipment?.[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps=Object.assign({text},p);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:text}))}exports.default=DeliveryLeadTime;

package/lib/cjs/components/skus/SkuField.d.ts

@@ -0,0 +1,25 @@
+import type { ConditionalElement } from '../../typings/index';
+import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
+type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
+type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
+type Props = {
+    children?: (props: SkuFieldChildrenProps) => JSX.Element;
+} & TCondition;
+/**
+ * The SkuField component displays any attribute of the `sku` specified in the parent `<SkusContainer>` component.
+ *
+ * It also accepts a `tagElement` props to enable specific tag-related props.
+ * For examples, when `tagElement` is set to `img` it will also accept props related to `<img>` tag such as `height` and `width`.
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside the `<SkusContainer>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `skus` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/skus/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function SkuField<P extends Props>(props: P): JSX.Element;
+export default SkuField;

package/lib/cjs/components/skus/SkuField.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuField=SkuField;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function SkuField(props){const{attribute,tagElement="span",children}=props,p=tslib_1.__rest(props,["attribute","tagElement","children"]);return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,Object.assign({resource:"sku",attribute,tagElement,context:SkuChildrenContext_1.default},p,{children}))}exports.default=SkuField;

package/lib/cjs/components/skus/SkuList.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode, type JSX } from 'react';
+interface Props {
+    children: ReactNode;
+    /**
+     * ID of the SKU list.
+     */
+    id: string;
+}
+export declare function SkuList(props: Props): JSX.Element;
+export default SkuList;

package/lib/cjs/components/skus/SkuList.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuList=SkuList;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext"));function SkuList(props){const{id,children}=props,{listIds}=(0,react_1.useContext)(SkuListsContext_1.default);return(0,react_1.useEffect)(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children})}exports.default=SkuList;

package/lib/cjs/components/skus/SkuListsContainer.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode, type JSX } from 'react';
+interface Props {
+    children: ReactNode;
+}
+export declare function SkuListsContainer(props: Props): JSX.Element;
+export default SkuListsContainer;

package/lib/cjs/components/skus/SkuListsContainer.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuListsContainer=SkuListsContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuListsReducer_1=tslib_1.__importStar(require("../../reducers/SkuListsReducer"));function SkuListsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuListsReducer_1.default,SkuListsReducer_1.skuListsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default);return(0,react_1.useEffect)(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&(0,SkuListsReducer_1.getSkuList)({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),(0,jsx_runtime_1.jsx)(SkuListsContext_1.default.Provider,{value:state,children})}exports.default=SkuListsContainer;

package/lib/cjs/components/skus/Skus.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode, type JSX } from 'react';
+interface Props {
+    children: ReactNode;
+}
+/**
+ * The `Skus` components loop through the list of `skus` found in `SkusContainer` context and render the children filled with the proper sku value.
+ * This means that the children will be rendered as many times as the number of skus found in the `skus` prop array
+ * and there is no need to manually loop through them from your consumer app.
+ *
+ * <span title='Requirements' type='warning'>
+ * Must be a child of the `<SkusContainer>` component.
+ * </span>
+ * <span title='Children' type='info'>
+ * `<SkuField>`, `<AvailabilityContainer>`
+ * </span>
+ */
+export declare function Skus<P extends Props>({ children }: P): JSX.Element;
+export default Skus;

package/lib/cjs/components/skus/Skus.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skus=Skus;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),react_1=require("react");function Skus({children}){const{skus}=(0,react_1.useContext)(SkuContext_1.default),components=skus?.map((sku,key)=>{const value={sku};return(0,jsx_runtime_1.jsx)(SkuChildrenContext_1.default.Provider,{value,children},key)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=Skus;

package/lib/cjs/components/skus/SkusContainer.d.ts

@@ -0,0 +1,31 @@
+import type { QueryParamsList } from '@commercelayer/sdk';
+import { type ReactNode, type JSX } from 'react';
+interface Props {
+    /**
+     * An array of skus to display.
+     */
+    skus: string[];
+    /**
+     * Accept a React node and [Skus](./Skus.d.ts) component as children to display above the skus.
+     */
+    children: ReactNode;
+    /**
+     * An object params to query the skus resource
+     */
+    queryParams?: QueryParamsList;
+}
+/**
+ * Main container for the SKUs components.
+ * It stores - in its context - the details for each `sku` defined in the `skus` prop array.
+ *
+ * It also accept a `queryParams` prop to refine pagination, sorting, filtering and includes for the fetch request.
+ *
+ * <span title='Requirements' type='warning'>
+ * Must be a child of the `<CommerceLayer>` component.
+ * </span>
+ * <span title='Children' type='info'>
+ * `<Skus>`
+ * </span>
+ */
+export declare function SkusContainer<P extends Props>(props: P): JSX.Element;
+export default SkusContainer;

package/lib/cjs/components/skus/SkusContainer.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkusContainer=SkusContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),SkuReducer_1=tslib_1.__importStar(require("../../reducers/SkuReducer")),react_1=require("react");function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=(0,react_1.useReducer)(SkuReducer_1.default,SkuReducer_1.skuInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),loadSkus=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,SkuReducer_1.getSku)({config,dispatch,skus,queryParams})});(0,react_1.useEffect)(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=(0,react_1.useMemo)(()=>state,[state]);return(0,jsx_runtime_1.jsx)(SkuContext_1.default.Provider,{value:contextValue,children})}exports.default=SkusContainer;

package/lib/cjs/components/stock_transfers/StockTransfer.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from 'react';
+import type { DefaultChildrenType } from '../../typings/globals';
+interface Props {
+    children: DefaultChildrenType;
+}
+export declare function StockTransfer(props: Props): JSX.Element;
+export default StockTransfer;

package/lib/cjs/components/stock_transfers/StockTransfer.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransfer=StockTransfer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext"));function StockTransfer(props){const{children}=props,{stockTransfers,lineItems}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),components=stockTransfers?.filter(st=>!!lineItems?.find(l=>l?.sku_code!==st?.sku_code)).map((stockTransfer,k)=>{const stockTransferProps={stockTransfer:stockTransfer.type==="line_items"?stockTransfer:stockTransfer?.line_item};return(0,jsx_runtime_1.jsx)(StockTransferChildrenContext_1.default.Provider,{value:stockTransferProps,children},k)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=StockTransfer;

package/lib/cjs/components/stock_transfers/StockTransferField.d.ts

@@ -0,0 +1,10 @@
+import type { ConditionalElement } from '../../typings/index';
+import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
+import type { JSX } from "react";
+type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
+type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
+type Props = {
+    children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
+} & TCondition;
+export declare function StockTransferField<P extends Props>(props: P): JSX.Element;
+export default StockTransferField;

package/lib/cjs/components/stock_transfers/StockTransferField.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransferField=StockTransferField;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function StockTransferField(props){const{attribute,tagElement="span",children}=props,p=tslib_1.__rest(props,["attribute","tagElement","children"]);return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,Object.assign({resource:"stockTransfer",attribute,tagElement,context:StockTransferChildrenContext_1.default},p,{children}))}exports.default=StockTransferField;

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

@@ -0,0 +1,26 @@
+import { type JSX } from 'react';
+import type { Address } from '@commercelayer/sdk';
+import AddressChildrenContext from '../../context/AddressChildrenContext';
+import type { ChildrenFunction } from '../../typings/index';
+export interface TAddressCards extends Pick<Props, 'customerAddresses' | 'className'> {
+    AddressProvider: typeof AddressChildrenContext.Provider;
+}
+export interface CustomerAddress extends Address {
+    onClick: () => void;
+    handleSelect?: () => void;
+}
+export type AddressCardsTemplateChildren = ChildrenFunction<TAddressCards>;
+export type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
+interface Props {
+    customerAddresses: CustomerAddress[];
+    countryLock?: string | null;
+    children: AddressCardsTemplateChildren;
+    selectedClassName?: string;
+    disabledClassName?: string;
+    deselect?: boolean;
+    selected?: number | null;
+    className?: string;
+    handleSelect: HandleSelect;
+}
+export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect }: Props): JSX.Element;
+export {};

package/lib/cjs/components/utils/AddressCardsTemplate.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=AddressCardsTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext"));function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=(0,react_1.useContext)(ShippingAddressContext_1.default),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,selectedClass=deselect?"":selectedClassName,addressSelectedClass=selected===k?`${className??""} ${selectedClass??""}`:className,finalClassName=disabled?`${className??""} ${disabledClassName??""}`:addressSelectedClass,customerAddressId=address?.reference||"",onClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield handleSelect(k,address.id,customerAddressId,disabled,address)});return Object.assign(Object.assign({},attributes),{className:finalClassName,onClick})}),AddressProvider:AddressChildrenContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},value,{children}))}

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

@@ -0,0 +1,8 @@
+import { type FunctionComponent, type JSX } from 'react';
+type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
+export interface BaseFieldProps extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
+    attribute: 'number' | 'id';
+    children?: (props: BaseFieldChildren) => JSX.Element;
+}
+declare const BaseField: FunctionComponent<BaseFieldProps>;
+export default BaseField;

package/lib/cjs/components/utils/BaseField.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseField=_a=>{var{children,attribute}=_a,p=tslib_1.__rest(_a,["children","attribute"]);const{order}=(0,react_1.useContext)(OrderContext_1.default),[field,setField]=(0,react_1.useState)("");(0,react_1.useEffect)(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps=Object.assign({attribute:field},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:field}))};exports.default=BaseField;

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

@@ -0,0 +1,5 @@
+import React, { type JSX } from 'react';
+import type { BaseInputComponentProps } from '../../typings/index';
+export type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children' | 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
+declare const _default: React.ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/cjs/components/utils/BaseInput.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=tslib_1.__importDefault(require("react")),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseInput=(props,ref)=>{const{children}=props,p=tslib_1.__rest(props,["children"]),input=props.type==="textarea"?(0,jsx_runtime_1.jsx)("textarea",Object.assign({ref},p)):(0,jsx_runtime_1.jsx)("input",Object.assign({ref},p));return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({parentRef:ref},p,{children})):input};exports.default=react_1.default.forwardRef(BaseInput);

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

@@ -0,0 +1,6 @@
+import { type JSX } from 'react';
+import type { PropsType } from '../../utils/PropsType';
+import type { baseOrderPricePropTypes } from '../../typings/index';
+export type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes, unknown> & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'>;
+export declare function BaseOrderPrice(props: BaseOrderPriceProps): JSX.Element;
+export default BaseOrderPrice;

package/lib/cjs/components/utils/BaseOrderPrice.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BaseOrderPrice=BaseOrderPrice;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function BaseOrderPrice(props){const{format="formatted",base,type,children}=props,p=tslib_1.__rest(props,["format","base","type","children"]),{order}=(0,react_1.useContext)(OrderContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[cents,setCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{const p2=(0,getAmount_1.default)({base,type,format,obj:order||{}}),c=(0,getAmount_1.default)({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{(0,isEmpty_1.default)(order)&&setPrice("")}},[order]);const parentProps=Object.assign({priceCents:cents,price},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:price}))}exports.default=BaseOrderPrice;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BaseSelectComponentProps } from '../../typings/index';
+export type BaseSelectProps = BaseSelectComponentProps;
+declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
+export default _default;

package/lib/cjs/components/utils/BaseSelect.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=tslib_1.__importDefault(require("react")),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseSelect=(props,ref)=>{const{options=[],children,placeholder={label:"Select an option",value:""},value=""}=props,p=tslib_1.__rest(props,["options","children","placeholder","value"]);placeholder!=null&&(options.some(option=>option.value===placeholder.value)||options.unshift(placeholder));const Options=options.map((o,k)=>{const{label}=o,option=tslib_1.__rest(o,["label"]);return(0,jsx_runtime_1.jsx)("option",Object.assign({},option,{children:label}),k)}),parentProps=Object.assign({options,ref},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("select",Object.assign({ref,defaultValue:value},p,{children:Options}))};exports.default=react_1.default.forwardRef(BaseSelect);

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

@@ -0,0 +1,14 @@
+import { Component, type ErrorInfo, type JSX } from 'react';
+interface Props {
+    children: JSX.Element;
+}
+interface State {
+    hasError: boolean;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): JSX.Element;
+}
+export default ErrorBoundary;

package/lib/cjs/components/utils/ErrorBoundary.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");class ErrorBoundary extends react_1.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(error,errorInfo){if(process.env.NODE_ENV!=="test")console.error("Uncaught error:",error,errorInfo);else throw error}render(){return this.state.hasError?(0,jsx_runtime_1.jsx)("h1",{children:"Sorry.. there was an error, check the console."}):this.props.children}}exports.ErrorBoundary=ErrorBoundary,exports.default=ErrorBoundary;

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

@@ -0,0 +1,58 @@
+import type { InitialSkuContext } from '../../context/SkuChildrenContext';
+import type { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
+import type { Customer, LineItem, Sku, Parcel, ParcelLineItem } from '@commercelayer/sdk';
+import type { InitialLineItemChildrenContext } from '../../context/LineItemChildrenContext';
+import { type Context, type JSX } from 'react';
+import type { InitialCustomerContext } from '../../context/CustomerContext';
+import type { InitialParcelContext } from '../../context/ParcelChildrenContext';
+import type { InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';
+export interface TResources {
+    StockTransfer: LineItem & {
+        resource: 'stockTransfer';
+    };
+    Sku: Sku & {
+        resource: 'sku';
+    };
+    LineItem: LineItem & {
+        resource: 'lineItem';
+    };
+    Customer: Customer & {
+        resource: 'customers';
+    };
+    Parcel: Parcel & {
+        resource: 'parcel';
+    };
+    ParcelLineItem: Pick<ParcelLineItem, 'quantity' | 'sku_code' | 'name' | 'image_url'> & {
+        resource: 'parcelLineItem';
+    };
+}
+export type TResourceKey = {
+    [K in keyof TResources]: K;
+};
+export type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
+    attributeValue: E[keyof E];
+};
+interface ResourceContext {
+    stockTransfer: InitialStockTransferContext;
+    sku: InitialSkuContext;
+    lineItem: InitialLineItemChildrenContext;
+    customers: InitialCustomerContext;
+    parcel: InitialParcelContext;
+    parcelLineItem: InitialParcelLineItemContext;
+}
+type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
+interface Props<E extends TResources[keyof TResources]> {
+    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
+    resource: E['resource'];
+    /**
+     * Resource attribute to display.
+     */
+    attribute: keyof E;
+    /**
+     * Html tag to render. When tag is `img` the value will be used to fill the `src` attribute.
+     */
+    tagElement: keyof JSX.IntrinsicElements;
+    context: GenericContext<E['resource']>;
+}
+export default function GenericFieldComponent<R extends keyof TResources>(props: Props<TResources[R]>): JSX.Element;
+export {};

package/lib/cjs/components/utils/GenericFieldComponent.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=GenericFieldComponent;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),placeholderImages_1=require("../../utils/placeholderImages");function GenericFieldComponent(props){const{children,tagElement,attribute,context,resource}=props,p=tslib_1.__rest(props,["children","tagElement","attribute","context","resource"]),resourceContext=(0,react_1.useContext)(context);let attributeValue="";const keysContext=Object.keys(resourceContext).filter(key=>key===resource);if(keysContext.length===1){const[keyResource]=keysContext;keyResource&&attribute&&(attributeValue=resourceContext[keyResource][attribute])}const Tag=tagElement||"span";if(Tag==="img"&&!children){const src=attributeValue||placeholderImages_1.defaultImgUrl,name="";return(0,jsx_runtime_1.jsx)("img",Object.assign({alt:name,src},p))}const parentProps=Object.assign({attributeValue,tagElement},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)(Tag,Object.assign({"data-testid":attributeValue},p,{children:attributeValue}),attributeValue)}

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

@@ -0,0 +1,6 @@
+import type { Component, ForwardedRef, JSX } from 'react';
+export interface ParentProps {
+    parentRef?: ForwardedRef<any>;
+    children?: typeof Component | ((P: any) => JSX.Element | null);
+}
+export default function Parent({ children, ...p }: ParentProps): JSX.Element | null;

package/lib/cjs/components/utils/Parent.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Parent;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime");function Parent(_a){var{children}=_a,p=tslib_1.__rest(_a,["children"]);const Child=children;return Child!==void 0?(0,jsx_runtime_1.jsx)(Child,Object.assign({},p)):null}

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

@@ -0,0 +1,41 @@
+import { type JSX } from 'react';
+import type { PaymentResource } from '../../reducers/PaymentMethodReducer';
+import PaymentSourceContext, { type IconBrand } from '../../context/PaymentSourceContext';
+import type { ChildrenFunction } from '../../typings/index';
+import type { CustomerPaymentSource } from '@commercelayer/sdk';
+interface ChildrenProps extends Pick<Props, 'customerPayments'> {
+    PaymentSourceProvider: typeof PaymentSourceContext.Provider;
+}
+interface CustomerPayment extends CustomerPaymentSource {
+    /**
+     * Card details
+     */
+    card?: {
+        /**
+         * Card brand
+         */
+        brand: IconBrand;
+        /**
+         * Card last 4 digits
+         */
+        last4: string;
+    };
+    /**
+     * Handle click event
+     */
+    handleClick?: () => void;
+}
+export type CustomerCardsTemplateChildren = ChildrenFunction<ChildrenProps>;
+interface Props {
+    /**
+     * Customer payments
+     */
+    customerPayments: CustomerPayment[];
+    children: CustomerCardsTemplateChildren;
+    /**
+     * Payment resource
+     */
+    paymentResource: PaymentResource;
+}
+export default function PaymentCardsTemplate({ customerPayments, children, paymentResource }: Props): JSX.Element;
+export {};

package/lib/cjs/components/utils/PaymentCardsTemplate.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=PaymentCardsTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails"));function PaymentCardsTemplate({customerPayments,children,paymentResource}){const{setPaymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),value={customerPayments:customerPayments.map(customerPayment=>{var _a,_b,_c;const attributes=customerPayment,card=(0,getCardDetails_1.default)({customerPayment,paymentType:paymentResource});card.brand===""&&(card.brand=(_c=(_b=(_a=customerPayment.payment_source)===null||_a===void 0?void 0:_a.payment_instrument)===null||_b===void 0?void 0:_b.issuer_type)!==null&&_c!==void 0?_c:"credit-card");const handleClick=e=>tslib_1.__awaiter(this,void 0,void 0,function*(){e.stopPropagation(),yield setPaymentSource({paymentResource,customerPaymentSourceId:customerPayment.id})});return Object.assign(Object.assign({},attributes),{card,handleClick})}),PaymentSourceProvider:PaymentSourceContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},value,{children}))}

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

@@ -0,0 +1,8 @@
+import type { PriceProps } from '../prices/Price';
+import type { JSX } from "react";
+export type PTemplateProps = {
+    formattedAmount?: string | null;
+    formattedCompare?: string | null;
+} & Omit<PriceProps, 'children'>;
+export declare function PriceTemplate(props: PTemplateProps): JSX.Element;
+export default PriceTemplate;

package/lib/cjs/components/utils/PriceTemplate.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PriceTemplate=PriceTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime");function PriceTemplate(props){const{showCompare,formattedCompare,compareClassName,className,formattedAmount,skuCode}=props,p=tslib_1.__rest(props,["showCompare","formattedCompare","compareClassName","className","formattedAmount","skuCode"]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("span",Object.assign({"data-testid":`price-${skuCode??""}`,className},p,{children:formattedAmount})),showCompare&&(0,jsx_runtime_1.jsx)("span",Object.assign({"data-testid":`compare-${skuCode??""}`,className:compareClassName||""},p,{children:formattedCompare}))]})}exports.default=PriceTemplate;

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

@@ -0,0 +1,16 @@
+import type { LineItem } from '@commercelayer/sdk';
+import type { BaseError } from '../../typings/errors';
+import type { TResourceError } from '../errors/Errors';
+import type { JSX } from "react";
+export interface AllErrorsParams {
+    allErrors: BaseError[];
+    messages: BaseError[];
+    field?: string;
+    props: Omit<JSX.IntrinsicElements['span'], 'ref'>;
+    lineItem?: LineItem | null;
+    resource?: TResourceError;
+    returnHtml?: boolean;
+}
+export type GetAllErrors = <P extends AllErrorsParams>(params: P) => Array<JSX.Element | string | undefined>;
+declare const getAllErrors: GetAllErrors;
+export default getAllErrors;

package/lib/cjs/components/utils/getAllErrors.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),customMessages_1=tslib_1.__importDefault(require("../../utils/customMessages")),getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{var _a,_b;const objMsg=(0,customMessages_1.default)(messages,v);let text=v?.title&&v?.detail!=null&&!(!((_a=v.detail)===null||_a===void 0)&&_a.includes(v.title))?`${v.title} - ${v.detail}`.trim():`${v?.detail||v.message}`.trim();objMsg?.message&&(text=objMsg?.message.trim());const isEmpty=text.length===0;if(field){if(v.resource==="line_items"&&lineItem&&v.id===lineItem.id)return isEmpty?void 0:returnHtml?(0,jsx_runtime_1.jsx)("span",Object.assign({},props,{children:text}),k):text;if((field===v.field||!((_b=v.detail)===null||_b===void 0)&&_b.includes(field))&&resource===v.resource)return isEmpty?void 0:returnHtml?(0,jsx_runtime_1.jsx)("span",Object.assign({},props,{children:text}),k):text}if(resource===v.resource&&!field)return isEmpty?void 0:returnHtml?(0,jsx_runtime_1.jsx)("span",Object.assign({},props,{children:text}),k):text}).filter(v=>v!==void 0)};exports.default=getAllErrors;

package/lib/cjs/config/currency.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    value: string;
+    label: string;
+}[];
+export default _default;

package/lib/cjs/config/currency.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{value:"AED",label:"AED"},{value:"AFN",label:"AFN"},{value:"ALL",label:"ALL"},{value:"AMD",label:"AMD"},{value:"ANG",label:"ANG"},{value:"AOA",label:"AOA"},{value:"ARS",label:"ARS"},{value:"AUD",label:"AUD"},{value:"AWG",label:"AWG"},{value:"AZN",label:"AZN"},{value:"BAM",label:"BAM"},{value:"BBD",label:"BBD"},{value:"BDT",label:"BDT"},{value:"BGN",label:"BGN"},{value:"BHD",label:"BHD"},{value:"BIF",label:"BIF"},{value:"BMD",label:"BMD"},{value:"BND",label:"BND"},{value:"BOB",label:"BOB"},{value:"BRL",label:"BRL"},{value:"BSD",label:"BSD"},{value:"BTN",label:"BTN"},{value:"BWP",label:"BWP"},{value:"BYN",label:"BYN"},{value:"BYR",label:"BYR"},{value:"BZD",label:"BZD"},{value:"CAD",label:"CAD"},{value:"CDF",label:"CDF"},{value:"CHF",label:"CHF"},{value:"CLF",label:"CLF"},{value:"CLP",label:"CLP"},{value:"CNY",label:"CNY"},{value:"COP",label:"COP"},{value:"CRC",label:"CRC"},{value:"CUC",label:"CUC"},{value:"CUP",label:"CUP"},{value:"CVE",label:"CVE"},{value:"CZK",label:"CZK"},{value:"DJF",label:"DJF"},{value:"DKK",label:"DKK"},{value:"DOP",label:"DOP"},{value:"DZD",label:"DZD"},{value:"EGP",label:"EGP"},{value:"ERN",label:"ERN"},{value:"ETB",label:"ETB"},{value:"EUR",label:"EUR"},{value:"FJD",label:"FJD"},{value:"FKP",label:"FKP"},{value:"GBP",label:"GBP"},{value:"GEL",label:"GEL"},{value:"GHS",label:"GHS"},{value:"GIP",label:"GIP"},{value:"GMD",label:"GMD"},{value:"GNF",label:"GNF"},{value:"GTQ",label:"GTQ"},{value:"GYD",label:"GYD"},{value:"HKD",label:"HKD"},{value:"HNL",label:"HNL"},{value:"HRK",label:"HRK"},{value:"HTG",label:"HTG"},{value:"HUF",label:"HUF"},{value:"IDR",label:"IDR"},{value:"ILS",label:"ILS"},{value:"INR",label:"INR"},{value:"IQD",label:"IQD"},{value:"IRR",label:"IRR"},{value:"ISK",label:"ISK"},{value:"JMD",label:"JMD"},{value:"JOD",label:"JOD"},{value:"JPY",label:"JPY"},{value:"KES",label:"KES"},{value:"KGS",label:"KGS"},{value:"KHR",label:"KHR"},{value:"KMF",label:"KMF"},{value:"KPW",label:"KPW"},{value:"KRW",label:"KRW"},{value:"KWD",label:"KWD"},{value:"KYD",label:"KYD"},{value:"KZT",label:"KZT"},{value:"LAK",label:"LAK"},{value:"LBP",label:"LBP"},{value:"LKR",label:"LKR"},{value:"LRD",label:"LRD"},{value:"LSL",label:"LSL"},{value:"LTL",label:"LTL"},{value:"LVL",label:"LVL"},{value:"LYD",label:"LYD"},{value:"MAD",label:"MAD"},{value:"MDL",label:"MDL"},{value:"MGA",label:"MGA"},{value:"MKD",label:"MKD"},{value:"MMK",label:"MMK"},{value:"MNT",label:"MNT"},{value:"MOP",label:"MOP"},{value:"MRO",label:"MRO"},{value:"MUR",label:"MUR"},{value:"MVR",label:"MVR"},{value:"MWK",label:"MWK"},{value:"MXN",label:"MXN"},{value:"MYR",label:"MYR"},{value:"MZN",label:"MZN"},{value:"NAD",label:"NAD"},{value:"NGN",label:"NGN"},{value:"NIO",label:"NIO"},{value:"NOK",label:"NOK"},{value:"NPR",label:"NPR"},{value:"NZD",label:"NZD"},{value:"OMR",label:"OMR"},{value:"PAB",label:"PAB"},{value:"PEN",label:"PEN"},{value:"PGK",label:"PGK"},{value:"PHP",label:"PHP"},{value:"PKR",label:"PKR"},{value:"PLN",label:"PLN"},{value:"PYG",label:"PYG"},{value:"QAR",label:"QAR"},{value:"RON",label:"RON"},{value:"RSD",label:"RSD"},{value:"RUB",label:"RUB"},{value:"RWF",label:"RWF"},{value:"SAR",label:"SAR"},{value:"SBD",label:"SBD"},{value:"SCR",label:"SCR"},{value:"SDG",label:"SDG"},{value:"SEK",label:"SEK"},{value:"SGD",label:"SGD"},{value:"SHP",label:"SHP"},{value:"SKK",label:"SKK"},{value:"SLL",label:"SLL"},{value:"SOS",label:"SOS"},{value:"SRD",label:"SRD"},{value:"SSP",label:"SSP"},{value:"STD",label:"STD"},{value:"SVC",label:"SVC"},{value:"SYP",label:"SYP"},{value:"SZL",label:"SZL"},{value:"THB",label:"THB"},{value:"TJS",label:"TJS"},{value:"TMT",label:"TMT"},{value:"TND",label:"TND"},{value:"TOP",label:"TOP"},{value:"TRY",label:"TRY"},{value:"TTD",label:"TTD"},{value:"TWD",label:"TWD"},{value:"TZS",label:"TZS"},{value:"UAH",label:"UAH"},{value:"UGX",label:"UGX"},{value:"USD",label:"USD"},{value:"UYU",label:"UYU"},{value:"UZS",label:"UZS"},{value:"VEF",label:"VEF"},{value:"VND",label:"VND"},{value:"VUV",label:"VUV"},{value:"WST",label:"WST"},{value:"XAF",label:"XAF"},{value:"XAG",label:"XAG"},{value:"XAU",label:"XAU"},{value:"XBA",label:"XBA"},{value:"XBB",label:"XBB"},{value:"XBC",label:"XBC"},{value:"XBD",label:"XBD"},{value:"XCD",label:"XCD"},{value:"XDR",label:"XDR"},{value:"XOF",label:"XOF"},{value:"XPD",label:"XPD"},{value:"XPF",label:"XPF"},{value:"XPT",label:"XPT"},{value:"XTS",label:"XTS"},{value:"YER",label:"YER"},{value:"ZAR",label:"ZAR"},{value:"ZMK",label:"ZMK"},{value:"ZMW",label:"ZMW"},{value:"BTC",label:"BTC"},{value:"JEP",label:"JEP"},{value:"GGP",label:"GGP"},{value:"IMP",label:"IMP"},{value:"XFU",label:"XFU"},{value:"GBX",label:"GBX"},{value:"CNH",label:"CNH"},{value:"EEK",label:"EEK"},{value:"GHS",label:"GHS"},{value:"MTL",label:"MTL"},{value:"TMM",label:"TMM"},{value:"JPY",label:"JPY"},{value:"ZWD",label:"ZWD"},{value:"ZWL",label:"ZWL"},{value:"ZWN",label:"ZWN"},{value:"ZWR",label:"ZWR"}];

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

@@ -0,0 +1,6 @@
+import type { Address } from '@commercelayer/sdk';
+export interface InitialAddressContext {
+    address: Address | undefined;
+}
+declare const AddressChildrenContext: import("react").Context<InitialAddressContext>;
+export default AddressChildrenContext;

package/lib/cjs/context/AddressChildrenContext.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),initial={address:void 0},AddressChildrenContext=(0,react_1.createContext)(initial);exports.default=AddressChildrenContext;

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

@@ -0,0 +1,18 @@
+import { type AddressState, setAddress, type AddressResource, type saveAddresses, type ICustomerAddress } from '../reducers/AddressReducer';
+import type { BaseError } from '../typings/errors';
+type DefaultContext = {
+    saveAddresses?: (params: {
+        customerEmail?: string;
+        customerAddress?: ICustomerAddress;
+    }) => ReturnType<typeof saveAddresses>;
+    setCloneAddress: (id: string, resource: AddressResource) => void;
+    setAddress: typeof setAddress;
+    setAddressErrors: (errors: BaseError[], resource: AddressResource) => void;
+} & AddressState;
+export declare const defaultAddressContext: {
+    setCloneAddress: () => void;
+    setAddress: typeof setAddress;
+    setAddressErrors: () => void;
+};
+declare const AddressesContext: import("react").Context<DefaultContext>;
+export default AddressesContext;

package/lib/cjs/context/AddressContext.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultAddressContext=void 0;const react_1=require("react"),AddressReducer_1=require("../reducers/AddressReducer");exports.defaultAddressContext={setCloneAddress:()=>{},setAddress:AddressReducer_1.setAddress,setAddressErrors:()=>{}};const AddressesContext=(0,react_1.createContext)(exports.defaultAddressContext);exports.default=AddressesContext;

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

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

package/lib/cjs/context/AvailabilityContext.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),AvailabilityReducer_1=require("../reducers/AvailabilityReducer"),AvailabilityContext=(0,react_1.createContext)(AvailabilityReducer_1.availabilityInitialState);exports.default=AvailabilityContext;

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

@@ -0,0 +1,9 @@
+import type { BillingAddressState } from '../reducers/BillingAddressReducer';
+type DefaultContext = {
+    setBillingAddress?: (id: string, options?: {
+        customerAddressId: string;
+    }) => Promise<void>;
+} & BillingAddressState;
+export declare const defaultBillingAddressContext: {};
+declare const BillingAddressContext: import("react").Context<DefaultContext>;
+export default BillingAddressContext;

package/lib/cjs/context/BillingAddressContext.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultBillingAddressContext=void 0;const react_1=require("react");exports.defaultBillingAddressContext={};const BillingAddressContext=(0,react_1.createContext)(exports.defaultBillingAddressContext);exports.default=BillingAddressContext;