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

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

@@ -0,0 +1,21 @@
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { BaseAction } from '../typings/index';
+import { QueryParamsList, Sku } from '@commercelayer/sdk';
+import { Dispatch } from 'react';
+declare type SkuActionType = 'getSkus' | 'setLoading';
+declare type SkuAction = BaseAction<SkuActionType, SkuState>;
+export declare type SkuState = Partial<{
+    skus: Sku[];
+    loading: boolean;
+    skuCodes: string[];
+}>;
+export declare const skuInitialState: SkuState;
+declare type GetSku = {
+    config: CommerceLayerConfig;
+    skus: string[];
+    dispatch: Dispatch<SkuAction>;
+    queryParams?: QueryParamsList;
+};
+export declare function getSku<T extends GetSku>({ config, skus, dispatch, queryParams, }: T): Promise<void>;
+export default function skuReducer(state: SkuState, reducer: SkuAction): SkuState;
+export {};

package/lib/esm/reducers/SkuReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";const actionType=["getSkus"];export const skuInitialState={skus:[],loading:!0,skuCodes:[]};export async function getSku({config,skus,dispatch,queryParams}){if(!config.accessToken||skus.length===0)return;const sdk=getSdk(config);let allSkus=[];const get=await sdk.skus.list({...queryParams,filters:{...queryParams?.filters,code_in:skus.join(",")}});allSkus=[...get];const meta=get.meta;if(meta.pageCount>1)for(let pageNumber=meta.currentPage+1;pageNumber<=meta.pageCount;pageNumber++){const getPage=await sdk.skus.list({...queryParams,filters:{...queryParams?.filters,code_in:skus.join(",")},pageNumber});allSkus=[...allSkus,...getPage]}dispatch({type:"getSkus",payload:{skus:allSkus,loading:!1,skuCodes:skus}})}export default function skuReducer(state,reducer){return baseReducer(state,reducer,actionType)}

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

@@ -0,0 +1,72 @@
+import { Sku } from '@commercelayer/sdk';
+import { VariantOption } from '../components/VariantSelector';
+import { Dispatch } from 'react';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';
+import { BaseError } from '../typings/errors';
+declare type SetSkuCodeVariantParams = {
+    code: string;
+    id: string;
+    config: CommerceLayerConfig;
+    dispatch: Dispatch<VariantAction>;
+    setItem: ((item: Items) => void) | undefined;
+    setItemSkuCode?: ((skuCode: string) => void) | undefined;
+};
+export interface SetSkuCodeVariant {
+    (params: SetSkuCodeVariantParams): void;
+}
+declare type SetVariantSkuCodesParams = {
+    skuCodes: VariantOption[];
+    dispatch: Dispatch<VariantAction>;
+    setCustomLineItems?: SetCustomLineItems;
+};
+export interface SetVariantSkuCodes {
+    (params: SetVariantSkuCodesParams): void;
+}
+export interface VariantsObject {
+    [key: string]: Sku;
+}
+export declare type SetSkuCode = (code: string, id: string, lineItem?: CustomLineItem) => void;
+export interface VariantPayload {
+    loading?: boolean;
+    variants?: VariantsObject | Record<string, any>;
+    skuCodes?: string[];
+    skuCode?: string;
+    errors?: BaseError[];
+    currentSkuId?: string;
+    currentSkuInventory?: any;
+    currentQuantity?: number;
+    currentPrices?: Sku[];
+    setSkuCode?: SetSkuCode;
+    setSkuCodes?: (skuCodes: VariantOption[]) => void;
+}
+export interface VariantState extends VariantPayload {
+    skuCodes: string[];
+    variants: VariantsObject | Record<string, any>;
+}
+export interface VariantAction {
+    type: VariantActionType;
+    payload: VariantPayload;
+}
+export declare const setVariantSkuCodes: SetVariantSkuCodes;
+export interface UnsetVariantState {
+    (dispatch: Dispatch<VariantAction>): void;
+}
+export declare const setSkuCode: SetSkuCodeVariant;
+declare type GetVariantsParams = {
+    config: CommerceLayerConfig;
+    state: VariantState;
+    skuCode: string;
+    dispatch: Dispatch<VariantAction>;
+    filters: Record<string, any>;
+    setItem: ((item: Items) => void) | undefined;
+};
+export interface GetVariants {
+    (params: GetVariantsParams): void;
+}
+export declare const getVariants: GetVariants;
+export declare const unsetVariantState: UnsetVariantState;
+export declare const variantInitialState: VariantState;
+export declare type VariantActionType = 'setLoading' | 'setVariants' | 'setSkuCodes' | 'setSkuCode' | 'setCurrentSkuId' | 'setCurrentSkuInventory' | 'setCurrentPrices' | 'setErrors';
+declare const variantReducer: (state: VariantState, reducer: VariantAction) => VariantState;
+export default variantReducer;

package/lib/esm/reducers/VariantReducer.js

@@ -0,0 +1 @@
+import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes,dispatch,setCustomLineItems})=>{const lineItems={},sCodes=skuCodes.map(s=>(has(s,"lineItem")&&(lineItems[s.code]=s.lineItem),s.code));isEmpty(lineItems)||setCustomLineItems&&setCustomLineItems(lineItems),dispatch({type:"setSkuCodes",payload:{skuCodes:sCodes}})},setSkuCode=params=>{const{id,code,config,setItem,dispatch,setItemSkuCode}=params;id&&getSdk(config).skus.retrieve(id,{include:["sku_options"]}).then(sku=>{setItem&&setItem({[`${code}`]:sku}),setItemSkuCode&&setItemSkuCode(code)}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},getVariants=params=>{const{config,state,skuCode,dispatch,setItem,filters}=params;getSdk(config).skus.list({filters:{code_in:state.skuCodes.join(","),...filters}}).then(skus=>{const skusObj=getSkus(skus,state.skuCodes);skuCode&&setSkuCode({code:skusObj[skuCode].code,id:skusObj[skuCode].id,config,dispatch,setItem}),dispatch({type:"setVariants",payload:{variants:skusObj}}),dispatch({type:"setLoading",payload:{loading:!1}})}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},unsetVariantState=dispatch=>{dispatch({type:"setSkuCode",payload:{skuCode:""}}),dispatch({type:"setVariants",payload:{variants:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})},variantInitialState={loading:!1,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:!1,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"],variantReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default variantReducer;

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

@@ -0,0 +1,51 @@
+import PropTypes from 'prop-types';
+import { FunctionChildren } from './index';
+export declare type CodeErrorType = 'EMPTY_ERROR' | 'FILTER_NOT_ALLOWED' | 'FORBIDDEN' | 'INTERNAL_SERVER_ERROR' | 'INVALID_DATA_FORMAT' | 'INVALID_FIELD' | 'INVALID_FIELD_FORMAT' | 'INVALID_FIELD_VALUE' | 'INVALID_FILTERS_SYNTAX' | 'INVALID_FILTER_VALUE' | 'INVALID_INCLUDE' | 'INVALID_LINKS_OBJECT' | 'INVALID_PAGE_OBJECT' | 'INVALID_PAGE_VALUE' | 'INVALID_RESOURCE' | 'INVALID_RESOURCE_ID' | 'INVALID_SORT_CRITERIA' | 'INVALID_TOKEN' | 'KEY_NOT_INCLUDED_IN_URL' | 'KEY_ORDER_MISMATCH' | 'LOCKED' | 'NOT_ACCEPTABLE' | 'OUT_OF_STOCK' | 'PARAM_MISSING' | 'PARAM_NOT_ALLOWED' | 'PAYMENT_NOT_APPROVED_FOR_EXECUTION' | 'PAYMENT_INTENT_AUTHENTICATION_FAILURE' | 'RECORD_NOT_FOUND' | 'RECORD_NOT_FOUND' | 'RELATION_EXISTS' | 'NO_SHIPPING_METHODS' | 'SAVE_FAILED' | 'TYPE_MISMATCH' | 'UNAUTHORIZED' | 'UNSUPPORTED_MEDIA_TYPE' | 'VALIDATION_ERROR';
+export declare type ResourceErrorType = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant';
+export interface BaseError {
+    code: CodeErrorType;
+    message: string;
+    resource?: ResourceErrorType | null;
+    field?: string;
+    id?: string;
+    title?: string;
+    detail?: string;
+}
+export declare const REType: ResourceErrorType[];
+export declare const BaseErrorObject: PropTypes.Requireable<PropTypes.InferProps<{
+    code: PropTypes.Validator<CodeErrorType>;
+    message: PropTypes.Validator<string>;
+    resource: PropTypes.Requireable<ResourceErrorType>;
+    field: PropTypes.Requireable<string>;
+    id: PropTypes.Requireable<string>;
+}>>;
+export declare const ErrorPropTypes: {
+    resource: PropTypes.Validator<ResourceErrorType>;
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    field: PropTypes.Requireable<string>;
+};
+declare type ErrorChildrenComponentProps = FunctionChildren<Omit<ErrorComponentProps, 'children'> & {
+    errors: string[];
+}>;
+export declare type ErrorComponentProps = {
+    /**
+     * Resource which caused the error
+     */
+    resource: ResourceErrorType;
+    children?: ErrorChildrenComponentProps;
+    /**
+     * Field which caused the error
+     */
+    field?: string;
+    /**
+     * Error message which you can translate
+     */
+    messages?: {
+        code: CodeErrorType;
+        message: string;
+        resource?: ResourceErrorType;
+        field?: string;
+        id?: string;
+    }[];
+};
+export {};

package/lib/esm/typings/errors.js

@@ -0,0 +1 @@
+import PropTypes from"prop-types";const CEType=["EMPTY_ERROR","FILTER_NOT_ALLOWED","FORBIDDEN","INTERNAL_SERVER_ERROR","INVALID_DATA_FORMAT","INVALID_FIELD","INVALID_FIELD_FORMAT","INVALID_FIELD_VALUE","INVALID_FILTERS_SYNTAX","INVALID_FILTER_VALUE","INVALID_INCLUDE","INVALID_LINKS_OBJECT","INVALID_PAGE_OBJECT","INVALID_PAGE_VALUE","INVALID_RESOURCE","INVALID_RESOURCE_ID","INVALID_SORT_CRITERIA","INVALID_TOKEN","KEY_NOT_INCLUDED_IN_URL","KEY_ORDER_MISMATCH","LOCKED","NOT_ACCEPTABLE","PARAM_MISSING","PARAM_NOT_ALLOWED","RECORD_NOT_FOUND","RECORD_NOT_FOUND","RELATION_EXISTS","SAVE_FAILED","TYPE_MISMATCH","UNAUTHORIZED","UNSUPPORTED_MEDIA_TYPE","VALIDATION_ERROR"];export const REType=["gift_cards","line_items","orders","prices","sku_options","variant"],BaseErrorObject=PropTypes.shape({code:PropTypes.oneOf(CEType).isRequired,message:PropTypes.string.isRequired,resource:PropTypes.oneOf(REType),field:PropTypes.string,id:PropTypes.string}),ErrorPropTypes={resource:PropTypes.oneOf(["billing_address","gift_cards","line_items","orders","payment_methods","prices","shipping_address","customer_address","sku_options","variant","shipments"]).isRequired,children:PropTypes.func,field:PropTypes.string};

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

@@ -0,0 +1,137 @@
+import { Dispatch, ForwardedRef, ReactNode, Ref } from 'react';
+import PropTypes, { InferProps } from 'prop-types';
+import { BaseError } from './errors';
+export declare const BC: {
+    id: PropTypes.Requireable<string>;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    name: PropTypes.Requireable<string>;
+};
+export declare const PTLoader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+export declare const BaseSelectComponentPropTypes: {
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    options: PropTypes.Validator<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        value: PropTypes.Validator<string | number>;
+        selected: PropTypes.Requireable<boolean>;
+    }>[]>;
+    placeholder: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        value: PropTypes.Validator<string | number>;
+    }>>;
+    value: PropTypes.Requireable<string>;
+    name: PropTypes.Validator<string>;
+};
+export declare type SelectPlaceholder = Option;
+declare type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
+declare type Option = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+export interface BaseSelectComponentProps {
+    children?: (props: BaseSelectChildrenComponentProps) => ReactNode;
+    options: Option[];
+    placeholder?: Option;
+    value?: string;
+    className?: string;
+    required?: boolean;
+    name: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+export declare const BaseInputComponentPropTypes: {
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    name: PropTypes.Validator<string>;
+    type: PropTypes.Validator<BaseInputType>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    placeholder: PropTypes.Requireable<string>;
+};
+declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
+    handleChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    parentRef: ForwardedRef<any>;
+};
+export interface BaseInputComponentProps {
+    ref?: Ref<any>;
+    children?: (props: BaseInputChildrenComponentProps) => ReactNode;
+    name: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    placeholder?: string;
+}
+export declare type LineItemType = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
+export declare type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
+export declare type AddressInputName = 'billing_address_city' | 'billing_address_company' | 'billing_address_first_name' | 'billing_address_email' | 'billing_address_last_name' | 'billing_address_line_1' | 'billing_address_line_2' | 'billing_address_phone' | 'billing_address_state_code' | 'billing_address_zip_code' | 'billing_address_billing_info' | 'billing_address_save_to_customer_book' | 'customer_address_city' | 'customer_address_company' | 'customer_address_first_name' | 'customer_address_email' | 'customer_address_last_name' | 'customer_address_line_1' | 'customer_address_line_2' | 'customer_address_phone' | 'customer_address_state_code' | 'customer_address_zip_code' | 'customer_address_billing_info' | 'shipping_address_city' | 'shipping_address_company' | 'shipping_address_email' | 'shipping_address_first_name' | 'shipping_address_last_name' | 'shipping_address_line_1' | 'shipping_address_line_2' | 'shipping_address_phone' | 'shipping_address_state_code' | 'shipping_address_zip_code' | 'shipping_address_save_to_customer_book';
+export declare type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
+export declare type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
+export declare type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
+export declare type LoaderType = string | ReactNode;
+export declare const BMObject: PropTypes.Requireable<{
+    [x: string]: string | null | undefined;
+}>;
+export declare type BaseMetadataObject = {
+    [key: string]: string | undefined | null;
+};
+export declare type TimeFormat = 'days' | 'hours';
+export declare type BaseComponent = InferProps<typeof BC>;
+export interface BaseAction<A = string, P = Record<string, any>> {
+    type: A;
+    payload: P;
+}
+export interface BaseState {
+    [key: string]: any;
+    errors?: BaseError[];
+}
+export declare type BaseActionType<T = string> = T[];
+export interface BFSetStateContainer<T> {
+    <P extends T>(param: P): void;
+}
+export interface BaseReducer {
+    <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T): S;
+}
+export interface BaseUnsetState<A> {
+    (dispatch: Dispatch<A>): void;
+}
+export interface BaseMetadata {
+    [key: string]: string | undefined | null;
+}
+export declare type BaseFormatPrice = 'formatted' | 'cents' | 'float';
+export declare const baseOrderPricePropTypes: {
+    id: PropTypes.Requireable<string>;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    name: PropTypes.Requireable<string>;
+    base: PropTypes.Validator<string>;
+    type: PropTypes.Validator<string>;
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    format: PropTypes.Requireable<BaseFormatPrice>;
+};
+export declare const baseOrderComponentPricePropTypes: {
+    id: PropTypes.Requireable<string>;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    name: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    format: PropTypes.Requireable<BaseFormatPrice>;
+};
+export declare type BasePriceType = 'total' | 'option' | 'unit';
+export declare type BaseSelectorType = 'select' | 'radio';
+export declare type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
+export declare type BaseAmountComponent = {
+    children?: (props: BaseAmountComponentChildren) => ReactNode;
+    format?: BaseFormatPrice;
+    price?: string;
+    priceCents?: number;
+    labelFree?: string;
+} & JSX.IntrinsicElements['span'];
+export interface FunctionChildren<P = Record<string, any>> {
+    (props: P): ReactNode;
+}
+export declare type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
+export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
+export declare type ConditionalElement<E> = ({
+    attribute: Extract<keyof E, 'image_url'>;
+    tagElement: ExtractTag<'img'>;
+} & JSX.IntrinsicElements['img']) | ({
+    attribute: Exclude<keyof E, 'image_url'>;
+    tagElement: ExcludeTag<'img'>;
+} & JSX.IntrinsicElements[ExcludeTag<'img'>]);
+export {};

package/lib/esm/typings/index.js

@@ -0,0 +1 @@
+import PropTypes from"prop-types";export const BC={id:PropTypes.string,className:PropTypes.string,style:PropTypes.object,name:PropTypes.string},PTLoader=PropTypes.oneOfType([PropTypes.element,PropTypes.string]),BaseSelectComponentPropTypes={children:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]).isRequired,selected:PropTypes.bool}).isRequired).isRequired,placeholder:PropTypes.shape({label:PropTypes.string.isRequired,value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]).isRequired}),value:PropTypes.string,name:PropTypes.string.isRequired},BaseInputComponentPropTypes={children:PropTypes.func,name:PropTypes.string.isRequired,type:PropTypes.oneOf(["text","email","number","date","checkbox","textarea"]).isRequired,onChange:PropTypes.func,placeholder:PropTypes.string},BMObject=PropTypes.objectOf(PropTypes.string),baseOrderPricePropTypes={base:PropTypes.string.isRequired,type:PropTypes.string.isRequired,children:PropTypes.func,format:PropTypes.oneOf(["formatted","cents","float"]),...BC},baseOrderComponentPricePropTypes={children:baseOrderPricePropTypes.children,format:baseOrderPricePropTypes.format,...BC};

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

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+declare type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+declare type Defined<T> = T extends undefined ? never : T;
+/**
+ * Get the type that represents the props with the defaultProps included.
+ *
+ * Alternatively, we could have done something like this:
+ * ```
+ * export type WithDefaultProps<P, DP extends Partial<P>> = Omit<P, keyof DP> &
+ *   Required<Pick<P, Extract<keyof DP, keyof P>>>;
+ * ```
+ * But there were usages of `null` in `defaultProps` that would need to be changed to `undefined`
+ * to meet the `DP extends Partial<P>` constraint.
+ * So, instead we take the union type in cases when a property in defaultProps does not extend
+ * the corresponding property in the Props declaration.
+ */
+declare type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
+    [K in Extract<keyof DP, keyof P>]: DP[K] extends Defined<P[K]> ? Defined<P[K]> : Defined<P[K]> | DP[K];
+};
+/**
+ * Get the props type from propTypes and defaultProps.
+ *
+ * Usage:
+ * ```
+ * // Without defaultProps
+ * type Props = PropsType<typeof propTypes>;
+ *
+ * // With defaultProps
+ * type Props = PropsType<typeof propTypes, typeof defaultProps>;
+ * ```
+ */
+export declare type PropsType<PT, DP = {}> = WithDefaultProps<PropTypes.InferProps<PT>, DP>;
+export {};

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

@@ -0,0 +1,28 @@
+import { BaseError } from '../typings/errors';
+import { AddressCreate } from '@commercelayer/sdk';
+declare type BillingAddressController = (params: {
+    billing_address?: AddressCreate;
+    billingAddressId?: string;
+    errors?: BaseError[];
+    requiresBillingInfo?: boolean;
+}) => boolean;
+export declare const billingAddressController: BillingAddressController;
+declare type ShippingAddressController = (params: {
+    billingDisable?: boolean;
+    errors?: BaseError[];
+    shipToDifferentAddress?: boolean;
+    shipping_address?: AddressCreate;
+    shippingAddressId?: string;
+}) => boolean;
+export declare const shippingAddressController: ShippingAddressController;
+declare type CountryLockController = (params: {
+    addresses?: Record<string, any>[];
+    billing_address?: Record<string, any>;
+    billingAddressId?: string;
+    countryCodeLock?: string;
+    shipToDifferentAddress?: boolean;
+    shipping_address?: Record<string, any>;
+    shippingAddressId?: string;
+}) => boolean;
+export declare const countryLockController: CountryLockController;
+export {};

package/lib/esm/utils/addressesManager.js

@@ -0,0 +1 @@
+import{isEmpty}from"lodash";import{fieldsExist}from"./validateFormFields";import{addressFields}from"../reducers/AddressReducer";export const billingAddressController=({billing_address,billingAddressId,errors,requiresBillingInfo=!1})=>{let billingDisable=!isEmpty(errors)||isEmpty(billing_address);if(isEmpty(errors)&&!isEmpty(billing_address)){let billingInfo=[...addressFields];requiresBillingInfo&&(billingInfo=[...billingInfo,"billing_info"]),billingDisable=!!(billing_address&&fieldsExist(billing_address,billingInfo))}return billingDisable&&!isEmpty(billingAddressId)&&isEmpty(billing_address)&&(billingDisable=!1),billingDisable},shippingAddressController=({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId})=>{let shippingDisable=!!(!billingDisable&&shipToDifferentAddress);return shippingDisable&&isEmpty(errors)&&!isEmpty(shipping_address)&&(shippingDisable=!!(shipping_address&&fieldsExist(shipping_address))),shippingDisable&&!isEmpty(shippingAddressId)&&isEmpty(shipping_address)&&(shippingDisable=!1),shippingDisable},countryLockController=({addresses,billing_address,billingAddressId,countryCodeLock,shipToDifferentAddress,shipping_address,shippingAddressId})=>{if(countryCodeLock&&!isEmpty(addresses)&&billingAddressId&&!shipToDifferentAddress){const addressLocked=addresses?.find(a=>(a?.id===billingAddressId||a?.reference===billingAddressId)&&a?.country_code!==countryCodeLock);if(!isEmpty(addressLocked))return!0}if(countryCodeLock&&!isEmpty(billing_address)&&!shipToDifferentAddress)return billing_address?.country_code!==countryCodeLock;if(countryCodeLock&&!isEmpty(shipping_address)&&shipToDifferentAddress)return shipping_address?.country_code!==countryCodeLock;if(countryCodeLock&&!isEmpty(addresses)&&shippingAddressId&&shipToDifferentAddress){const addressLocked=addresses?.find(a=>(a?.id===shippingAddressId||a?.reference===shippingAddressId)&&a?.country_code!==countryCodeLock);if(!isEmpty(addressLocked))return!0}return!1};

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

@@ -0,0 +1,3 @@
+import { BaseReducer } from '../typings/index';
+declare const baseReducer: BaseReducer;
+export default baseReducer;

package/lib/esm/utils/baseReducer.js

@@ -0,0 +1 @@
+const baseReducer=(state,action,actionTypes)=>{if(actionTypes.indexOf(action.type)!==-1){const data=action.payload;state={...state,...data}}return state};export default baseReducer;

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

@@ -0,0 +1,9 @@
+export default function getBrowserInfo(): {
+    screenWidth: string | number;
+    screenHeight: string | number;
+    colorDepth: string | number;
+    userAgent: string;
+    timeZoneOffset: number;
+    language: string;
+    javaEnabled: boolean;
+};

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

@@ -0,0 +1,8 @@
+import { ResourceIncluded } from '../reducers/OrderReducer';
+import type { Order } from '@commercelayer/sdk';
+declare type Params = {
+    order: Order;
+    resourceInclude: ResourceIncluded[];
+};
+export default function checkIncludeResources({ order, resourceInclude, }: Params): boolean;
+export {};

package/lib/esm/utils/checkIncludeResource.js

@@ -0,0 +1 @@
+export default function checkIncludeResources({order,resourceInclude}){const checkKeys=[];return resourceInclude.forEach(v=>{if(v.includes(".")){const[first]=v.split(".");order?.[first]===void 0&&checkKeys.push(!1)}else order?.[v]===void 0&&checkKeys.push(!1)}),checkKeys.length===0}

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Requireable } from 'prop-types';
+export interface CheckChildrenTypes {
+    (props: {
+        [key: string]: any;
+    }, propName: string, componentName: string, location: string, propFullName: string): Error | null;
+}
+declare const _default: Requireable<ReactNode | (() => ReactNode)>;
+export default _default;

package/lib/esm/utils/childrenTypes.js

@@ -0,0 +1 @@
+import{isValidElement,Children}from"react";import{isEmpty,isFunction,has,get}from"lodash";import components from"../config/components";const checkChildrenTypes=(props,propName,componentName)=>{let error=null;const children=props[propName],cpName=componentName.replace("CL","");return(isEmpty(children)&&typeof children!="function"||typeof children=="function"&&!children)&&props.isRequired&&(error=new Error(`The prop '${propName}' is marked as required in '${cpName}', but its value is '${children}'.`)),Children.map(children,c=>{if(error)return error;const type=c?.type,itemTypes=get(components,`${cpName}.permittedChildren`),errorMsg=`Invalid prop '${propName}' supplied to ${cpName}. Only components ${itemTypes.join(", ")} are allowed.`;if(isFunction(type)&&has(type,"displayName")){const displayName=get(type,"displayName"),childComponentName=type.name;displayName&&displayName===`${childComponentName}`&&(itemTypes.includes(childComponentName)||(error=new Error(errorMsg)))}!isValidElement(c)&&c!==null&&(error=new Error(errorMsg))}),error},childrenTypes=checkChildrenTypes;childrenTypes.isRequired=(props,propName,componentName,location,propFullName)=>checkChildrenTypes({...props,isRequired:!0},propName,componentName,location,propFullName);export default childrenTypes;

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

@@ -0,0 +1,7 @@
+declare type Item = Record<string, any>;
+declare type TArgs<A, B> = {
+    attributes: A;
+    object: B;
+};
+export default function compareObjAttribute<A extends Item, B extends Item>({ attributes, object, }: TArgs<A, B>): Item;
+export {};

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

@@ -0,0 +1,9 @@
+export declare function getCountries(): {
+    label: string;
+    value: string;
+}[];
+export declare function getStateOfCountry(country_code: string): {
+    label: string;
+    value: string;
+}[];
+export declare function isValidState(state_code: string, country_code: string): boolean;

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

@@ -0,0 +1,2 @@
+import { BaseError } from '../typings/errors';
+export default function customMessages(messages: BaseError[] | undefined, v: BaseError): BaseError | null;

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

@@ -0,0 +1,3 @@
+export declare function saveToWallet(): boolean;
+export declare function saveBillingAddress(): boolean;
+export declare function saveShippingAddress(): boolean;

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

@@ -0,0 +1,9 @@
+export interface GetAmountInterface<T = any> {
+    (base: string, type: string, format: string, obj: Record<string, any>): T extends number ? number : string;
+}
+export default function getAmount<T = string>(args: {
+    base: string;
+    type: string;
+    format: string;
+    obj: Record<string, any>;
+}): T extends number ? number : string;

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

@@ -0,0 +1,15 @@
+import { IconBrand } from '../context/PaymentSourceContext';
+import { PaymentResource } from '../reducers/PaymentMethodReducer';
+import { CustomerPaymentSource } from '@commercelayer/sdk';
+declare type CardDetails = {
+    brand: IconBrand | string;
+    last4: string;
+    exp_month: number | string;
+    exp_year: number | string;
+};
+declare type Args = {
+    paymentType: PaymentResource;
+    customerPayment: Partial<CustomerPaymentSource>;
+};
+export default function getCardDetails({ paymentType, customerPayment, }: Args): CardDetails;
+export {};

package/lib/esm/utils/getCardDetails.js

@@ -0,0 +1 @@
+export default function getCardDetails({paymentType,customerPayment}){switch(paymentType){case"checkout_com_payments":{const source=customerPayment.payment_source?.payment_response?.source;if(source)return{brand:source.scheme.toLowerCase(),exp_month:source.expiry_month,exp_year:source.expiry_year,last4:source.last4};break}case"stripe_payments":case"braintree_payments":{const source=customerPayment.payment_source?.options?.card;if(source)return{...source};break}case"adyen_payments":{const ps=customerPayment.payment_source,source=ps?.payment_request_data?.payment_method,authorized=ps?.payment_response?.resultCode==="Authorised";if(source&&authorized)return{...source,brand:source?.brand?source.brand:"credit-card"};break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}

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

@@ -0,0 +1,7 @@
+declare type TArgs = {
+    orderId: string;
+    accessToken: string;
+    slug: string;
+};
+export default function getCartLink({ orderId, accessToken, slug }: TArgs): string;
+export {};

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

@@ -0,0 +1,6 @@
+import { Items } from '../reducers/ItemReducer';
+export interface GetCurrentItemKey {
+    (item: Items): string;
+}
+declare const getCurrentItemKey: GetCurrentItemKey;
+export default getCurrentItemKey;

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

@@ -0,0 +1,11 @@
+import { BaseError, ResourceErrorType } from '../typings/errors';
+import { Dispatch } from 'react';
+export default function getErrors(error: any, resource: ResourceErrorType, field?: string): BaseError[];
+declare type SetErrorsArgs<D> = {
+    currentErrors?: BaseError[];
+    newErrors?: BaseError[];
+    dispatch?: D;
+    filterBy?: string;
+};
+export declare function setErrors<D extends Dispatch<any>>({ currentErrors, newErrors, dispatch, filterBy, }: SetErrorsArgs<D>): BaseError[] | void;
+export {};

package/lib/esm/utils/getErrors.js

@@ -0,0 +1 @@
+import differenceBy from"lodash/differenceBy";export default function getErrors(error,resource,field){return error?.errors?.map(e=>({...e,resource,...field&&{field}}))}export function setErrors({currentErrors=[],newErrors=[],dispatch,filterBy="code"}){const errorsDifference=differenceBy(currentErrors,newErrors,filterBy),mergeErrors=currentErrors?.length===0?newErrors:errorsDifference,errors=[...currentErrors||[],...mergeErrors];if(!dispatch)return errors;dispatch({type:"setErrors",payload:{errors}})}

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

@@ -0,0 +1,10 @@
+import type { LineItem } from '@commercelayer/sdk';
+import { LineItemType } from '../typings/index';
+export declare type TypeAccepted = Extract<LineItemType, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
+declare type Args = {
+    lineItems: LineItem[];
+    quantity?: number;
+    typeAccepted?: TypeAccepted[];
+};
+export default function getLineItemsCount({ lineItems, quantity, typeAccepted, }: Args): number;
+export {};

package/lib/esm/utils/getLineItemsCount.js

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

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

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

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

@@ -0,0 +1,17 @@
+import { Price } from '@commercelayer/sdk';
+import { Prices } from '../reducers/PriceReducer';
+import { Items } from '../reducers/ItemReducer';
+import { ReactNode } from 'react';
+import { PTemplateProps } from '../components/utils/PriceTemplate';
+export interface GetPriceByCode {
+    (skuPrices: Price[], code: string): Price | undefined;
+}
+export declare const getPriceByCode: GetPriceByCode;
+export interface GetPricesComponent {
+    (skuPrices: Price[], props: PTemplateProps): ReactNode;
+}
+export declare const getPricesComponent: GetPricesComponent;
+export interface GetPrices {
+    (prices: Price[] | Items): Prices;
+}
+export default function getPrices<P extends Price>(prices: P[]): Record<string, any>;

package/lib/esm/utils/getPrices.js

@@ -0,0 +1 @@
+import{createElement as _createElement}from"react";import{jsx as _jsx}from"react/jsx-runtime";import{isEmpty,first,isArray,has}from"lodash";import PriceTemplate from"../components/utils/PriceTemplate";export const getPriceByCode=(skuPrices,code="")=>code?first(skuPrices.filter(p=>p.currency_code===code)):first(skuPrices),getPricesComponent=(skuPrices,props)=>isEmpty(skuPrices)?_jsx(PriceTemplate,{...props}):skuPrices.map((p,k)=>{const showCompare=typeof props.showCompare>"u"&&p?.compare_at_amount_cents>p?.amount_cents||props.showCompare;return _createElement(PriceTemplate,{...props,key:k,showCompare,formattedAmount:p.formatted_amount,formattedCompare:p.formatted_compare_at_amount})});export default function getPrices(prices){const obj={};return isArray(prices)&&prices.forEach(p=>{const sku=p.sku_code;has(obj,sku)?obj[sku].push(p):obj[sku]=[p]}),obj}

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

@@ -0,0 +1,3 @@
+import Sdk from '@commercelayer/sdk';
+import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+export default function getSdk({ endpoint, accessToken, }: CommerceLayerConfig): ReturnType<typeof Sdk>;

package/lib/esm/utils/getSdk.js

@@ -0,0 +1 @@
+import getOrganizationSlug from"./organization";import Sdk from"@commercelayer/sdk";export default function getSdk({endpoint,accessToken}){const org=getOrganizationSlug(endpoint);return Sdk({accessToken,...org})}

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

@@ -0,0 +1,3 @@
+import { Sku } from '@commercelayer/sdk';
+declare const getSkus: (skus: Sku[], sortBy: string[]) => Record<string, any>;
+export default getSkus;

package/lib/esm/utils/getSkus.js

@@ -0,0 +1 @@
+const getSkus=(skus,sortBy)=>{const obj={};return sortBy.forEach(sku=>{skus.forEach(o=>{o?.code===sku&&(obj[o.code]=o)})}),obj};export default getSkus;

package/lib/esm/utils/hooks/useExternalScript.d.ts

@@ -0,0 +1 @@
+export default function useExternalScript(url: string): boolean;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const sortDescIcon: JSX.Element;
+export declare const sortAscIcon: JSX.Element;

package/lib/esm/utils/icons.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";export const sortDescIcon=_jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:_jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"})}),sortAscIcon=_jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:_jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"})});

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

@@ -0,0 +1 @@
+export default function isDate(value: string): boolean;