@commercelayer/react-components 4.20.0 → 4.21.0-beta.1

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

@@ -1,52 +0,0 @@
-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/esm/components/skus/AvailabilityTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import AvailabilityContext from"../../context/AvailabilityContext";import Parent from"../utils/Parent";import useCustomContext from"../../utils/hooks/useCustomContext";export function AvailabilityTemplate(props){const{timeFormat,showShippingMethodName,showShippingMethodPrice,children,labels,...p}=props,{min,max,shipping_method:shippingMethod,quantity,skuCode}=useCustomContext({context:AvailabilityContext,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(labels?.available??"Available"),mn&&mx&&timeFormat&&text.push(`in ${mn} - ${mx} ${timeFormat} ${name} ${shippingMethodPrice}`)):quantity===0?text.push(labels?.outOfStock??"Out of stock"):quantity<0&&text.push(labels?.negativeStock??"Out of stock"));const parentProps={min,max,shipping_method:shippingMethod,quantity,text:text.join(" "),...props};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{"data-testid":skuCode?`availability-${skuCode}`:"",...p,children:text.join(" ")})}export default AvailabilityTemplate;

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

@@ -1,10 +0,0 @@
-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/esm/components/skus/DeliveryLeadTime.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import ShippingMethodChildrenContext from"../../context/ShippingMethodChildrenContext";import Parent from"../utils/Parent";export function DeliveryLeadTime(props){const{type,...p}=props,[text,setText]=useState(),{deliveryLeadTimeForShipment}=useContext(ShippingMethodChildrenContext);useEffect(()=>(deliveryLeadTimeForShipment?.[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps={text,...p};return props.children?_jsx(Parent,{...parentProps,children:props.children}):_jsx("span",{...p,children:text})}export default DeliveryLeadTime;

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

@@ -1,25 +0,0 @@
-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/esm/components/skus/SkuField.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import SkuChildrenContext from"../../context/SkuChildrenContext";import GenericFieldComponent from"../utils/GenericFieldComponent";export function SkuField(props){const{attribute,tagElement="span",children,...p}=props;return _jsx(GenericFieldComponent,{resource:"sku",attribute,tagElement,context:SkuChildrenContext,...p,children})}export default SkuField;

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

@@ -1,10 +0,0 @@
-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/esm/components/skus/SkuList.js

@@ -1,2 +0,0 @@
-"use client";
-import{Fragment as _Fragment,jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect}from"react";import SkuListsContext from"../../context/SkuListsContext";export function SkuList(props){const{id,children}=props,{listIds}=useContext(SkuListsContext);return useEffect(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),_jsx(_Fragment,{children})}export default SkuList;

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

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

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

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuListsContext from"../../context/SkuListsContext";import CommerceLayerContext from"../../context/CommerceLayerContext";import skuListsReducer,{skuListsInitialState,getSkuList}from"../../reducers/SkuListsReducer";export function SkuListsContainer(props){const{children}=props,[state,dispatch]=useReducer(skuListsReducer,skuListsInitialState),config=useContext(CommerceLayerContext);return useEffect(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&getSkuList({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),_jsx(SkuListsContext.Provider,{value:state,children})}export default SkuListsContainer;

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

@@ -1,18 +0,0 @@
-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/esm/components/skus/Skus.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import SkuChildrenContext from"../../context/SkuChildrenContext";import SkuContext from"../../context/SkuContext";import{useContext}from"react";export function Skus({children}){const{skus}=useContext(SkuContext),components=skus?.map((sku,key)=>{const value={sku};return _jsx(SkuChildrenContext.Provider,{value,children},key)});return _jsx(_Fragment,{children:components})}export default Skus;

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

@@ -1,31 +0,0 @@
-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/esm/components/skus/SkusContainer.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import CommerceLayerContext from"../../context/CommerceLayerContext";import SkuContext from"../../context/SkuContext";import skuReducer,{getSku,skuInitialState}from"../../reducers/SkuReducer";import{useContext,useEffect,useMemo,useReducer}from"react";export function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=useReducer(skuReducer,skuInitialState),config=useContext(CommerceLayerContext),loadSkus=async()=>{await getSku({config,dispatch,skus,queryParams})};useEffect(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=useMemo(()=>state,[state]);return _jsx(SkuContext.Provider,{value:contextValue,children})}export default SkusContainer;

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

@@ -1,7 +0,0 @@
-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/esm/components/stock_transfers/StockTransfer.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useContext}from"react";import ShipmentChildrenContext from"../../context/ShipmentChildrenContext";import StockTransferChildrenContext from"../../context/StockTransferChildrenContext";export function StockTransfer(props){const{children}=props,{stockTransfers,lineItems}=useContext(ShipmentChildrenContext),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 _jsx(StockTransferChildrenContext.Provider,{value:stockTransferProps,children},k)});return _jsx(_Fragment,{children:components})}export default StockTransfer;

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

@@ -1,10 +0,0 @@
-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/esm/components/stock_transfers/StockTransferField.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import StockTransferChildrenContext from"../../context/StockTransferChildrenContext";import GenericFieldComponent from"../utils/GenericFieldComponent";export function StockTransferField(props){const{attribute,tagElement="span",children,...p}=props;return _jsx(GenericFieldComponent,{resource:"stockTransfer",attribute,tagElement,context:StockTransferChildrenContext,...p,children})}export default StockTransferField;

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

@@ -1,26 +0,0 @@
-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/esm/components/utils/AddressCardsTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import ShippingAddressContext from"../../context/ShippingAddressContext";export default function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=useContext(ShippingAddressContext),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className??""} ${(deselect?"":selectedClassName)??""}`:className,finalClassName=disabled?`${className??""} ${disabledClassName??""}`:addressSelectedClass,customerAddressId=address?.reference||"";return{...attributes,className:finalClassName,onClick:async()=>{await handleSelect(k,address.id,customerAddressId,disabled,address)}}}),AddressProvider:AddressChildrenContext.Provider};return _jsx(Parent,{...value,children})}

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

@@ -1,8 +0,0 @@
-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/esm/components/utils/BaseField.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import{useContext,useEffect,useState}from"react";import Parent from"./Parent";const BaseField=({children,attribute,...p})=>{const{order}=useContext(OrderContext),[field,setField]=useState("");useEffect(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps={attribute:field,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{...p,children:field})};export default BaseField;

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

@@ -1,5 +0,0 @@
-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/esm/components/utils/BaseInput.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";const BaseInput=(props,ref)=>{const{children,...p}=props,input=props.type==="textarea"?_jsx("textarea",{ref,...p}):_jsx("input",{ref,...p});return children?_jsx(Parent,{parentRef:ref,...p,children}):input};export default React.forwardRef(BaseInput);

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

@@ -1,6 +0,0 @@
-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/esm/components/utils/BaseOrderPrice.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import getAmount from"../../utils/getAmount";import Parent from"./Parent";import{useState,useEffect,useContext}from"react";import isEmpty from"lodash/isEmpty";export function BaseOrderPrice(props){const{format="formatted",base,type,children,...p}=props,{order}=useContext(OrderContext),[price,setPrice]=useState(""),[cents,setCents]=useState(0);useEffect(()=>{const p2=getAmount({base,type,format,obj:order||{}}),c=getAmount({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{isEmpty(order)&&setPrice("")}},[order]);const parentProps={priceCents:cents,price,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("span",{...p,children:price})}export default BaseOrderPrice;

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

@@ -1,5 +0,0 @@
-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/esm/components/utils/BaseSelect.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";const BaseSelect=(props,ref)=>{const{options=[],children,placeholder={label:"Select an option",value:""},value="",...p}=props;placeholder!=null&&(options.some(option=>option.value===placeholder.value)||options.unshift(placeholder));const Options=options.map((o,k)=>{const{label,...option}=o;return _jsx("option",{...option,children:label},k)}),parentProps={options,ref,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx("select",{ref,defaultValue:value,...p,children:Options})};export default React.forwardRef(BaseSelect);

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

@@ -1,14 +0,0 @@
-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/esm/components/utils/ErrorBoundary.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";export class ErrorBoundary extends Component{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?_jsx("h1",{children:"Sorry.. there was an error, check the console."}):this.props.children}}export default ErrorBoundary;

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

@@ -1,58 +0,0 @@
-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/esm/components/utils/GenericFieldComponent.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./Parent";import{useContext}from"react";import{defaultImgUrl}from"../../utils/placeholderImages";export default function GenericFieldComponent(props){const{children,tagElement,attribute,context,resource,...p}=props,resourceContext=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)return _jsx("img",{alt:"",src:attributeValue||defaultImgUrl,...p});const parentProps={attributeValue,tagElement,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(Tag,{"data-testid":attributeValue,...p,children:attributeValue},attributeValue)}

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

@@ -1,6 +0,0 @@
-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/esm/components/utils/Parent.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";export default function Parent({children,...p}){const Child=children;return Child!==void 0?_jsx(Child,{...p}):null}

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

@@ -1,41 +0,0 @@
-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/esm/components/utils/PaymentCardsTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import getCardDetails from"../../utils/getCardDetails";export default function PaymentCardsTemplate({customerPayments,children,paymentResource}){const{setPaymentSource}=useContext(PaymentMethodContext),value={customerPayments:customerPayments.map(customerPayment=>{const attributes=customerPayment,card=getCardDetails({customerPayment,paymentType:paymentResource});return card.brand===""&&(card.brand=customerPayment.payment_source?.payment_instrument?.issuer_type??"credit-card"),{...attributes,card,handleClick:async e=>{e.stopPropagation(),await setPaymentSource({paymentResource,customerPaymentSourceId:customerPayment.id})}}}),PaymentSourceProvider:PaymentSourceContext.Provider};return _jsx(Parent,{...value,children})}

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

@@ -1,8 +0,0 @@
-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/esm/components/utils/PriceTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export function PriceTemplate(props){const{showCompare,formattedCompare,compareClassName,className,formattedAmount,skuCode,...p}=props;return _jsxs(_Fragment,{children:[_jsx("span",{"data-testid":`price-${skuCode??""}`,className,...p,children:formattedAmount}),showCompare&&_jsx("span",{"data-testid":`compare-${skuCode??""}`,className:compareClassName||"",...p,children:formattedCompare})]})}export default PriceTemplate;

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

@@ -1,16 +0,0 @@
-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/esm/components/utils/getAllErrors.js

@@ -1,2 +0,0 @@
-"use client";
-import{jsx as _jsx}from"react/jsx-runtime";import customMessages from"../../utils/customMessages";const getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{const objMsg=customMessages(messages,v);let text=v?.title&&v?.detail!=null&&!v.detail?.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?_jsx("span",{...props,children:text},k):text;if((field===v.field||v.detail?.includes(field))&&resource===v.resource)return isEmpty?void 0:returnHtml?_jsx("span",{...props,children:text},k):text}if(resource===v.resource&&!field)return isEmpty?void 0:returnHtml?_jsx("span",{...props,children:text},k):text}).filter(v=>v!==void 0)};export default getAllErrors;

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

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

package/lib/esm/config/currency.js

@@ -1,2 +0,0 @@
-"use client";
-export 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/esm/context/AddressChildrenContext.d.ts

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

package/lib/esm/context/AddressChildrenContext.js

@@ -1,2 +0,0 @@
-"use client";
-import{createContext}from"react";const initial={address:void 0},AddressChildrenContext=createContext(initial);export default AddressChildrenContext;

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

@@ -1,18 +0,0 @@
-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/esm/context/AddressContext.js

@@ -1,2 +0,0 @@
-"use client";
-import{createContext}from"react";import{setAddress}from"../reducers/AddressReducer";export const defaultAddressContext={setCloneAddress:()=>{},setAddress,setAddressErrors:()=>{}};const AddressesContext=createContext(defaultAddressContext);export default AddressesContext;

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

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

package/lib/esm/context/AvailabilityContext.js

@@ -1,2 +0,0 @@
-"use client";
-import{createContext}from"react";import{availabilityInitialState}from"../reducers/AvailabilityReducer";const AvailabilityContext=createContext(availabilityInitialState);export default AvailabilityContext;

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

@@ -1,9 +0,0 @@
-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/esm/context/BillingAddressContext.js

@@ -1,2 +0,0 @@
-"use client";
-import{createContext}from"react";export const defaultBillingAddressContext={};const BillingAddressContext=createContext(defaultBillingAddressContext);export default BillingAddressContext;

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

@@ -1,22 +0,0 @@
-import type { Address } from '@commercelayer/sdk';
-export type AddressValuesKeys = `${keyof Address}` | `billing_address_${keyof Address}` | `shipping_address_${keyof Address}` | `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;
-export interface DefaultContextAddress {
-    validation?: void;
-    setValue?: (name: AddressValuesKeys, value: string | number | readonly string[]) => void;
-    errors?: Record<string, {
-        code: string;
-        message: string;
-        error: boolean;
-    }>;
-    errorClassName?: string;
-    requiresBillingInfo?: boolean;
-    resetField?: (name: string) => void;
-    values?: {
-        [T in AddressValuesKeys]: string | {
-            value: string;
-        };
-    };
-    isBusiness?: boolean;
-}
-declare const BillingAddressFormContext: import("react").Context<DefaultContextAddress>;
-export default BillingAddressFormContext;