@commercelayer/react-components 4.0.1 → 4.1.0-beta.2

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

@@ -3,8 +3,8 @@ import { BaseError } from '../typings/errors';
 import { DeliveryLeadTime, LineItem, Order, Shipment } from '@commercelayer/sdk';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { getOrderContext } from './OrderReducer';
-export declare type ShipmentActionType = 'setErrors' | 'setShipments' | 'setShippingMethod';
-export declare type ShipmentLineItem = LineItem & {
+export type ShipmentActionType = 'setErrors' | 'setShipments' | 'setShippingMethod';
+export type ShipmentLineItem = LineItem & {
     line_item: LineItem;
 };
 export interface ShipmentActionPayload {
@@ -12,21 +12,21 @@ export interface ShipmentActionPayload {
     shipments: Shipment[];
     deliveryLeadTimes: DeliveryLeadTime[];
 }
-export declare type ShipmentState = Partial<ShipmentActionPayload>;
+export type ShipmentState = Partial<ShipmentActionPayload>;
 export interface ShipmentAction {
     type: ShipmentActionType;
     payload: Partial<ShipmentActionPayload>;
 }
 export declare const shipmentInitialState: ShipmentState;
-export declare type SetShipmentErrors = <V extends BaseError[]>(errors: V, dispatch?: Dispatch<ShipmentAction>) => void;
+export type SetShipmentErrors = <V extends BaseError[]>(errors: V, dispatch?: Dispatch<ShipmentAction>) => void;
 export declare const setShipmentErrors: SetShipmentErrors;
-declare type GetShipments = (args: {
+type GetShipments = (args: {
     order: Order;
     dispatch: Dispatch<ShipmentAction>;
     config: CommerceLayerConfig;
 }) => Promise<void>;
 export declare const getShipments: GetShipments;
-declare type SetShippingMethod = (args: {
+type SetShippingMethod = (args: {
     config: CommerceLayerConfig;
     shipmentId: string;
     shippingMethodId: string;

package/lib/cjs/reducers/ShippingAddressReducer.d.ts

@@ -3,18 +3,18 @@ import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Order } from '@commercelayer/sdk';
 import { getOrderContext } from './OrderReducer';
 import { AddressResource } from './AddressReducer';
-export declare type ShippingAddressActionType = 'setShippingAddress' | 'setShippingCustomerAddressId' | 'cleanup';
+export type ShippingAddressActionType = 'setShippingAddress' | 'setShippingCustomerAddressId' | 'cleanup';
 export interface ShippingAddressActionPayload {
     _shipping_address_clone_id: string;
     shippingCustomerAddressId: string;
 }
-export declare type ShippingAddressState = Partial<ShippingAddressActionPayload>;
+export type ShippingAddressState = Partial<ShippingAddressActionPayload>;
 export interface ShippingAddressAction {
     type: ShippingAddressActionType;
     payload: Partial<ShippingAddressActionPayload>;
 }
 export declare const shippingAddressInitialState: ShippingAddressState;
-export declare type SetShippingAddress = (id: string, options?: {
+export type SetShippingAddress = (id: string, options?: {
     config: CommerceLayerConfig;
     dispatch: Dispatch<ShippingAddressAction>;
     order?: Order | null;
@@ -22,7 +22,7 @@ export declare type SetShippingAddress = (id: string, options?: {
     customerAddressId?: string;
 }) => Promise<void>;
 export declare const setShippingAddress: SetShippingAddress;
-declare type SetShippingCustomerAddressId = (args: {
+type SetShippingCustomerAddressId = (args: {
     dispatch: Dispatch<ShippingAddressAction>;
     order: Order;
     setCloneAddress: (id: string, resource: AddressResource) => void;

package/lib/cjs/reducers/SkuListsReducer.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-declare type SkuListsActionType = 'getSkuList' | 'setSkuList';
-export declare type SkuListsState = Partial<{
+type SkuListsActionType = 'getSkuList' | 'setSkuList';
+export type SkuListsState = Partial<{
     listIds: string[];
     skuLists: Record<string, any>;
 }>;
@@ -10,7 +10,7 @@ export interface SkuListsAction {
     payload: Partial<SkuListsState>;
     type: SkuListsActionType;
 }
-export declare type GetSkuList = (params: {
+export type GetSkuList = (params: {
     config: CommerceLayerConfig;
     dispatch: Dispatch<SkuListsAction>;
     listIds: string[];

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

@@ -2,9 +2,9 @@ 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<{
+type SkuActionType = 'getSkus' | 'setLoading';
+type SkuAction = BaseAction<SkuActionType, SkuState>;
+export type SkuState = Partial<{
     skus: Sku[];
     loading: boolean;
     skuCodes: string[];

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

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { ChildrenFunction } 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 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 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;
@@ -24,17 +24,17 @@ export declare const ErrorPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
     field: PropTypes.Requireable<string>;
 };
-declare type ErrorChildrenComponentProps = ChildrenFunction<Omit<ErrorComponentProps, 'children'> & {
+type ErrorChildrenComponentProps = ChildrenFunction<Omit<ErrorComponentProps, 'children'> & {
     errors: string[];
 }>;
 export interface ErrorComponentProps {
     /**
-     * Resource which caused the error
+     * Resource which get the error
      */
     resource: ResourceErrorType;
     children?: ErrorChildrenComponentProps;
     /**
-     * Field which caused the error
+     * Field which get the error
      */
     field?: string;
     /**

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

@@ -22,8 +22,8 @@ export declare const BaseSelectComponentPropTypes: {
     value: PropTypes.Requireable<string>;
     name: PropTypes.Validator<string>;
 };
-export declare type SelectPlaceholder = Option;
-declare type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
+export type SelectPlaceholder = Option;
+type BaseSelectChildrenComponentProps = Omit<BaseSelectComponentProps, 'children'>;
 interface Option {
     label: string;
     value: string | number;
@@ -46,7 +46,7 @@ export declare const BaseInputComponentPropTypes: {
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
     placeholder: PropTypes.Requireable<string>;
 };
-declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
+type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'children'> & {
     handleChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     parentRef: ForwardedRef<any>;
 };
@@ -57,21 +57,21 @@ export interface BaseInputComponentProps {
     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 type LineItemType = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
+export type GiftCardInputName = 'balanceCents' | 'balanceMaxCents' | 'singleUse' | 'rechargeable' | 'imageUrl' | 'expiresAt' | 'referenceOrigin' | 'email' | 'firstName' | 'lastName' | 'reference';
+export 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 type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
+export type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
+export type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
+export type LoaderType = string | ReactNode;
 export declare const BMObject: PropTypes.Requireable<{
     [x: string]: string | null | undefined;
 }>;
 export interface BaseMetadataObject {
     [key: string]: string | undefined | null;
 }
-export declare type TimeFormat = 'days' | 'hours';
-export declare type BaseComponent = InferProps<typeof BC>;
+export type TimeFormat = 'days' | 'hours';
+export type BaseComponent = InferProps<typeof BC>;
 export interface BaseAction<A = string, P = Record<string, any>> {
     type: A;
     payload: P;
@@ -80,14 +80,14 @@ export interface BaseState {
     [key: string]: any;
     errors?: BaseError[];
 }
-export declare type BaseActionType<T = string> = T[];
-export declare type BFSetStateContainer<T> = <P extends T>(param: P) => void;
-export declare type BaseReducer = <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T) => S;
-export declare type BaseUnsetState<A> = (dispatch: Dispatch<A>) => void;
+export type BaseActionType<T = string> = T[];
+export type BFSetStateContainer<T> = <P extends T>(param: P) => void;
+export type BaseReducer = <S extends BaseState, A extends BaseAction, T extends BaseActionType>(state: S, action: A, type: T) => S;
+export type BaseUnsetState<A> = (dispatch: Dispatch<A>) => void;
 export interface BaseMetadata {
     [key: string]: string | undefined | null;
 }
-export declare type BaseFormatPrice = 'formatted' | 'cents' | 'float';
+export type BaseFormatPrice = 'formatted' | 'cents' | 'float';
 export declare const baseOrderPricePropTypes: {
     id: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -106,9 +106,9 @@ export declare const baseOrderComponentPricePropTypes: {
     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 type BasePriceType = 'total' | 'option' | 'unit';
+export type BaseSelectorType = 'select' | 'radio';
+export type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
 export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: ChildrenFunction<BaseAmountComponentChildren>;
     format?: BaseFormatPrice;
@@ -116,13 +116,13 @@ export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'],
     priceCents?: number;
     labelFree?: string;
 }
-export declare type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element;
-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> = ({
+export type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element | null;
+export type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
+export type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;
+export type ConditionalElement<E> = ({
     attribute: Extract<keyof E, 'image_url'>;
     tagElement: ExtractTag<'img'>;
-} & Omit<JSX.IntrinsicElements['img'], 'children'>) | ({
+} & JSX.IntrinsicElements['img']) | ({
     attribute: Exclude<keyof E, 'image_url'>;
     tagElement: ExcludeTag<'img'>;
 } & Omit<JSX.IntrinsicElements[ExcludeTag<'img'>], 'children'>);

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

@@ -1,6 +1,6 @@
 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;
+type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+type Defined<T> = T extends undefined ? never : T;
 /**
  * Get the type that represents the props with the defaultProps included.
  *
@@ -14,7 +14,7 @@ declare type Defined<T> = T extends undefined ? never : T;
  * 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> & {
+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];
 };
 /**
@@ -29,5 +29,5 @@ declare type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
  * type Props = PropsType<typeof propTypes, typeof defaultProps>;
  * ```
  */
-export declare type PropsType<PT, DP = {}> = WithDefaultProps<PropTypes.InferProps<PT>, DP>;
+export type PropsType<PT, DP = {}> = WithDefaultProps<PropTypes.InferProps<PT>, DP>;
 export {};

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

@@ -1,14 +1,14 @@
 import { BaseError } from '../typings/errors';
 import { Address, AddressCreate } from '@commercelayer/sdk';
 import { TCustomerAddress } from '../reducers/CustomerReducer';
-declare type BillingAddressController = (params: {
+type BillingAddressController = (params: {
     billing_address?: AddressCreate;
     billingAddressId?: string;
     errors?: BaseError[];
     requiresBillingInfo?: boolean;
 }) => boolean;
 export declare const billingAddressController: BillingAddressController;
-declare type ShippingAddressController = (params: {
+type ShippingAddressController = (params: {
     billingDisable?: boolean;
     errors?: BaseError[];
     shipToDifferentAddress?: boolean;
@@ -16,7 +16,7 @@ declare type ShippingAddressController = (params: {
     shippingAddressId?: string;
 }) => boolean;
 export declare const shippingAddressController: ShippingAddressController;
-declare type CountryLockController = (params: {
+type CountryLockController = (params: {
     addresses?: Address[] | null;
     billing_address?: TCustomerAddress;
     billingAddressId?: string;

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

@@ -1,6 +1,6 @@
 import { ResourceIncluded } from '../reducers/OrderReducer';
 import type { Order } from '@commercelayer/sdk';
-declare type Params = {
+type Params = {
     order: Order;
     resourceInclude: ResourceIncluded[];
 };

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

@@ -1,5 +1,5 @@
-declare type Item = Record<string, any>;
-declare type TArgs<A, B> = {
+type Item = Record<string, any>;
+type TArgs<A, B> = {
     attributes: A;
     object: B;
 };

package/lib/cjs/utils/filterChildren.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props<T> {
+    children: JSX.Element | JSX.Element[];
+    filterBy: T[];
+    componentName: string;
+}
+export default function filterChildren<T = string>({ children, filterBy, componentName }: Props<T>): JSX.Element | JSX.Element[];
+export {};

package/lib/cjs/utils/filterChildren.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function filterChildren({children,filterBy,componentName}){if(Array.isArray(children)?children.filter(child=>typeof child.type=="string").length>0:typeof children.type=="string")throw new Error(`Only library components are allowed into <${componentName}/>`);return Array.isArray(children)?children.filter(child=>filterBy.includes(child.type.displayName)):children}exports.default=filterChildren;

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

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

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

@@ -1,4 +1,4 @@
-declare type TArgs = {
+type TArgs = {
     orderId: string;
     accessToken: string;
     slug: string;

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

@@ -1,7 +1,7 @@
 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> = {
+type SetErrorsArgs<D> = {
     currentErrors?: BaseError[];
     newErrors?: BaseError[];
     dispatch?: D;

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

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

package/lib/cjs/utils/hooks/useCustomContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react");function useCustomContext({context,key,currentComponentName,contextComponentName}){const currentContext=(0,react_1.useContext)(context),isProduction=process.env.NODE_ENV==="production",msg=`Cannot use <${currentComponentName}/> outside of <${contextComponentName}/>`;if(key!=null&&key in currentContext||key==null&&currentContext!=null)return currentContext;if(isProduction)console.error(msg);else throw new Error(msg);return currentContext}exports.default=useCustomContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react");function useCustomContext({context,key,currentComponentName,contextComponentName}){const currentContext=(0,react_1.useContext)(context),isProduction=process.env.NODE_ENV==="production",msg=`Cannot use <${currentComponentName}/> outside of <${contextComponentName}/>`;if(key!=null&&key in currentContext||key==null&&currentContext!=null||currentContext!=null)return currentContext;if(isProduction)console.error(msg);else throw new Error(msg);return currentContext}exports.default=useCustomContext;

package/lib/cjs/utils/jwt.d.ts

@@ -1,4 +1,4 @@
-declare type JWT = {
+type JWT = {
     application: {
         id: string;
         kind: 'sales_channel' | 'integration';

package/lib/cjs/utils/localStorage.d.ts

@@ -13,5 +13,5 @@ export declare const deleteLocalOrder: DeleteLocalOrder;
 export declare const getSavePaymentSourceToCustomerWallet: () => boolean;
 export declare const getSaveBillingAddressToAddressBook: () => boolean;
 export declare const getSaveShippingAddressToAddressBook: () => boolean;
-export declare type CustomerOrderParams = '_save_payment_source_to_customer_wallet' | '_save_billing_address_to_customer_address_book' | '_save_shipping_address_to_customer_address_book';
+export type CustomerOrderParams = '_save_payment_source_to_customer_wallet' | '_save_billing_address_to_customer_address_book' | '_save_shipping_address_to_customer_address_book';
 export declare function setCustomerOrderParam<T extends CustomerOrderParams>(key: T, value: string): void;

package/lib/cjs/utils/omit.d.ts

@@ -0,0 +1 @@
+export default function omit<O extends Record<string, any>, K extends Array<keyof O>>(obj: O, keys: K): Pick<O, Exclude<keyof O, K[number]>>;

package/lib/cjs/utils/omit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function omit(obj,keys){return Object.fromEntries(Object.entries(obj).filter(([k,_])=>!keys.includes(k)))}exports.default=omit;

package/lib/esm/components/ExternalFunction.d.ts

@@ -1,14 +1,7 @@
 import { ReactNode } from 'react';
-declare type Props = {
+interface Props {
     children: ReactNode;
     url: string;
-};
-export declare function ExternalFunction({ children, url }: Props): JSX.Element;
-export declare namespace ExternalFunction {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        url: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
 }
+export declare function ExternalFunction({ children, url }: Props): JSX.Element;
 export default ExternalFunction;

package/lib/esm/components/ExternalFunction.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import ExternalFunctionContext,{callExternalFunction}from"../context/ExternalFunctionContext";import components from"../config/components";const propTypes=components.ExternalFunction.propTypes,displayName=components.ExternalFunction.displayName;export function ExternalFunction({children,url}){return _jsx(ExternalFunctionContext.Provider,{value:{url,callExternalFunction},children})}ExternalFunction.propTypes=propTypes,ExternalFunction.displayName=displayName;export default ExternalFunction;
+import{jsx as _jsx}from"react/jsx-runtime";import ExternalFunctionContext,{callExternalFunction}from"../context/ExternalFunctionContext";export function ExternalFunction({children,url}){return _jsx(ExternalFunctionContext.Provider,{value:{url,callExternalFunction},children})}export default ExternalFunction;

package/lib/esm/components/MetadataInput.d.ts

@@ -1,15 +1,5 @@
 /// <reference types="react" />
 import { BaseInputComponentProps } from '../typings/index';
-declare type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function MetadataInput(props: Props): JSX.Element;
-export declare namespace MetadataInput {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<string>;
-        type: import("prop-types").Validator<NonNullable<import("../typings/index").BaseInputType>>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
 export default MetadataInput;

package/lib/esm/components/MetadataInput.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import BaseInput from"./utils/BaseInput";import components from"../config/components";const propTypes=components.MetadataInput.propTypes,displayName=components.MetadataInput.displayName;export function MetadataInput(props){return _jsx(BaseInput,{"data-metadata":!0,...props})}MetadataInput.propTypes=propTypes,MetadataInput.displayName=displayName;export default MetadataInput;
+import{jsx as _jsx}from"react/jsx-runtime";import BaseInput from"./utils/BaseInput";export function MetadataInput(props){return _jsx(BaseInput,{"data-metadata":!0,...props})}export default MetadataInput;

package/lib/esm/components/addresses/AddressCountrySelector.d.ts

@@ -1,26 +1,10 @@
 /// <reference types="react" />
 import { AddressCountrySelectName, BaseSelectComponentProps } from '../../typings/index';
 import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     name: Extract<AddressValuesKeys, AddressCountrySelectName>;
     required?: boolean;
     disabled?: boolean;
 } & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
 export declare function AddressCountrySelector(props: Props): JSX.Element;
-export declare namespace AddressCountrySelector {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        }>>;
-        value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<NonNullable<AddressCountrySelectName>>;
-        required: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        required: boolean;
-    };
-    var displayName: string;
-}
 export default AddressCountrySelector;

package/lib/esm/components/addresses/AddressCountrySelector.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"../utils/BaseSelect";import components from"../../config/components";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import{getCountries}from"../../utils/countryStateCity";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";const propTypes=components.AddressCountrySelector.propTypes,defaultProps=components.AddressCountrySelector.defaultProps,displayName=components.AddressCountrySelector.displayName;export function AddressCountrySelector(props){const{required=!0,value,name,className,...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext),[hasError,setHasError]=useState(!1);useEffect(()=>(value&&billingAddress?.setValue&&billingAddress.setValue(name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(name,value),value&&customerAddress?.setValue&&customerAddress.setValue(name,value),billingAddress.errors&&billingAddress?.errors?.[name]?.error&&setHasError(!0),billingAddress?.errors?.[name]&&hasError&&setHasError(!1),customerAddress.errors&&customerAddress?.errors?.[name]?.error&&setHasError(!0),customerAddress?.errors?.[name]&&hasError&&setHasError(!1),shippingAddress.errors&&shippingAddress?.errors?.[name]?.error&&setHasError(!0),shippingAddress?.errors?.[name]&&hasError&&setHasError(!1),()=>{setHasError(!1)}),[value,billingAddress?.errors,shippingAddress?.errors,customerAddress?.errors]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName,classNameComputed=`${className||""} ${hasError&&errorClassName?errorClassName:""}`;return _jsx(BaseSelect,{className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:getCountries(),name,value,...p})}AddressCountrySelector.propTypes=propTypes,AddressCountrySelector.defaultProps=defaultProps,AddressCountrySelector.displayName=displayName;export default AddressCountrySelector;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"../utils/BaseSelect";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import{getCountries}from"../../utils/countryStateCity";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";export function AddressCountrySelector(props){const{required=!0,value,name,className,...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext),[hasError,setHasError]=useState(!1);useEffect(()=>(value&&billingAddress?.setValue&&billingAddress.setValue(name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(name,value),value&&customerAddress?.setValue&&customerAddress.setValue(name,value),billingAddress.errors&&billingAddress?.errors?.[name]?.error&&setHasError(!0),billingAddress?.errors?.[name]&&hasError&&setHasError(!1),customerAddress.errors&&customerAddress?.errors?.[name]?.error&&setHasError(!0),customerAddress?.errors?.[name]&&hasError&&setHasError(!1),shippingAddress.errors&&shippingAddress?.errors?.[name]?.error&&setHasError(!0),shippingAddress?.errors?.[name]&&hasError&&setHasError(!1),()=>{setHasError(!1)}),[value,billingAddress?.errors,shippingAddress?.errors,customerAddress?.errors]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName,classNameComputed=`${className??""} ${hasError&&errorClassName?errorClassName:""}`;return _jsx(BaseSelect,{className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:getCountries(),name,value,...p})}export default AddressCountrySelector;

package/lib/esm/components/addresses/AddressField.d.ts

@@ -5,8 +5,8 @@ import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children' | 'name'> {
     address: Address;
 }
-declare type ChildrenProp = ChildrenFunction<ChildrenProps>;
-declare type Props = {
+type ChildrenProp = ChildrenFunction<ChildrenProps>;
+type Props = {
     type?: 'field';
     label?: never;
     onClick?: never;

package/lib/esm/components/addresses/AddressInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseInputComponentProps, AddressInputName } from '../../typings/index';
 import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = {
+type Props = {
     name: Extract<AddressValuesKeys, AddressInputName>;
 } & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function AddressInput(props: Props): JSX.Element | null;

package/lib/esm/components/addresses/AddressStateSelector.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AddressStateSelectName, BaseSelectComponentProps } from '../../typings/index';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     name: AddressStateSelectName;
     required?: boolean;
     disabled?: boolean;
@@ -8,20 +8,4 @@ declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     selectClassName?: string;
 } & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
 export declare function AddressStateSelector(props: Props): JSX.Element;
-export declare namespace AddressStateSelector {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        }>>;
-        value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<NonNullable<AddressStateSelectName>>;
-        required: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        required: boolean;
-    };
-    var displayName: string;
-}
 export default AddressStateSelector;

package/lib/esm/components/addresses/AddressStateSelector.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"../utils/BaseSelect";import components from"../../config/components";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import{getStateOfCountry,isValidState}from"../../utils/countryStateCity";import isEmptyStates from"../../utils/isEmptyStates";import AddressesContext from"../../context/AddressContext";import BaseInput from"../utils/BaseInput";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";const propTypes=components.AddressStateSelector.propTypes,defaultProps=components.AddressStateSelector.defaultProps,displayName=components.AddressStateSelector.displayName;export function AddressStateSelector(props){const{required=!0,value,name,className="",inputClassName="",selectClassName="",...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext),{errors:addressErrors}=useContext(AddressesContext),[hasError,setHasError]=useState(!1),[countryCode,setCountryCode]=useState(""),[val,setVal]=useState(value||"");useEffect(()=>{const billingCountryCode=typeof billingAddress?.values?.billing_address_country_code=="string"?billingAddress?.values?.billing_address_country_code:billingAddress?.values?.billing_address_country_code?.value;billingCountryCode&&billingCountryCode!==countryCode&&setCountryCode(billingCountryCode);const shippingCountryCode=typeof shippingAddress?.values?.shipping_address_country_code=="string"?shippingAddress?.values?.shipping_address_country_code:shippingAddress?.values?.shipping_address_country_code?.value;if(shippingCountryCode&&shippingCountryCode!==countryCode&&setCountryCode(shippingCountryCode),[Object.keys(billingAddress).length>0,billingCountryCode,countryCode!==billingCountryCode].every(Boolean)&&billingCountryCode&&!isValidState(val,billingCountryCode)&&!isEmptyStates(billingCountryCode)&&(billingAddress.resetField&&billingAddress.resetField(name),setVal("")),[!isEmpty(shippingAddress),shippingCountryCode,countryCode!==shippingCountryCode].every(Boolean)&&shippingCountryCode&&!isValidState(val,shippingCountryCode)&&!isEmptyStates(shippingCountryCode)&&(shippingAddress.resetField&&shippingAddress.resetField(name),setVal("")),!isEmpty(billingAddress)){const fieldError=billingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!isEmpty(customerAddress)){const fieldError=customerAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!isEmpty(shippingAddress)){const fieldError=shippingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}return()=>{setHasError(!1)}},[value,billingAddress,shippingAddress,addressErrors,customerAddress]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName||"",classNameComputed=isEmptyStates(countryCode)?`${className} ${inputClassName} ${hasError?errorClassName:""}`:`${className} ${selectClassName} ${hasError?errorClassName:""}`;return isEmptyStates(countryCode)?_jsx(BaseInput,{...p,name,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required,placeholder:p.placeholder?.label||"",defaultValue:val,type:"text"}):_jsx(BaseSelect,{...p,className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:getStateOfCountry(countryCode),name,value:val})}AddressStateSelector.propTypes=propTypes,AddressStateSelector.defaultProps=defaultProps,AddressStateSelector.displayName=displayName;export default AddressStateSelector;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"../utils/BaseSelect";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import{getStateOfCountry,isValidState}from"../../utils/countryStateCity";import isEmptyStates from"../../utils/isEmptyStates";import AddressesContext from"../../context/AddressContext";import BaseInput from"../utils/BaseInput";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";export function AddressStateSelector(props){const{required=!0,value,name,className="",inputClassName="",selectClassName="",...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext),{errors:addressErrors}=useContext(AddressesContext),[hasError,setHasError]=useState(!1),[countryCode,setCountryCode]=useState(""),[val,setVal]=useState(value||"");useEffect(()=>{const billingCountryCode=typeof billingAddress?.values?.billing_address_country_code=="string"?billingAddress?.values?.billing_address_country_code:billingAddress?.values?.billing_address_country_code?.value;billingCountryCode&&billingCountryCode!==countryCode&&setCountryCode(billingCountryCode);const shippingCountryCode=typeof shippingAddress?.values?.shipping_address_country_code=="string"?shippingAddress?.values?.shipping_address_country_code:shippingAddress?.values?.shipping_address_country_code?.value;if(shippingCountryCode&&shippingCountryCode!==countryCode&&setCountryCode(shippingCountryCode),[Object.keys(billingAddress).length>0,billingCountryCode,countryCode!==billingCountryCode].every(Boolean)&&billingCountryCode&&!isValidState(val,billingCountryCode)&&!isEmptyStates(billingCountryCode)&&(billingAddress.resetField&&billingAddress?.resetField(name),setVal("")),[!isEmpty(shippingAddress),shippingCountryCode,countryCode!==shippingCountryCode].every(Boolean)&&shippingCountryCode&&!isValidState(val,shippingCountryCode)&&!isEmptyStates(shippingCountryCode)&&(shippingAddress.resetField&&shippingAddress?.resetField(name),setVal("")),!isEmpty(billingAddress)){const fieldError=billingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!isEmpty(customerAddress)){const fieldError=customerAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!isEmpty(shippingAddress)){const fieldError=shippingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}return()=>{setHasError(!1)}},[value,billingAddress,shippingAddress,addressErrors,customerAddress]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName||"",classNameComputed=isEmptyStates(countryCode)?`${className} ${inputClassName} ${hasError?errorClassName:""}`:`${className} ${selectClassName} ${hasError?errorClassName:""}`;return isEmptyStates(countryCode)?_jsx(BaseInput,{...p,name,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required,placeholder:p.placeholder?.label||"",defaultValue:val,type:"text"}):_jsx(BaseSelect,{...p,className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:getStateOfCountry(countryCode),name,value:val})}export default AddressStateSelector;

package/lib/esm/components/addresses/BillingAddressContainer.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
 };
 export declare function BillingAddressContainer(props: Props): JSX.Element;

package/lib/esm/components/addresses/BillingAddressForm.d.ts

@@ -1,13 +1,8 @@
 import { ReactNode } from 'react';
-declare type Props = {
+type Props = {
     children: ReactNode;
     reset?: boolean;
     errorClassName?: string;
 } & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
 export declare function BillingAddressForm(props: Props): JSX.Element;
-export declare namespace BillingAddressForm {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
-}
 export default BillingAddressForm;

package/lib/esm/components/addresses/BillingAddressForm.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../../context/AddressContext";import{useRapidForm}from"rapid-form";import{useContext,useEffect,useRef}from"react";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import{isEmpty}from"lodash";import components from"../../config/components";import OrderContext from"../../context/OrderContext";import{getSaveBillingAddressToAddressBook}from"../../utils/localStorage";import{businessMandatoryField}from"../../utils/validateFormFields";const propTypes=components.BillingAddressForm.propTypes;export function BillingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,isBusiness}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,order,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(include?.includes("billing_address")?includeLoaded?.billing_address||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),isEmpty(errors)){if(values&&Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];businessMandatoryField(name,isBusiness)||delete values[name],(field?.value||field?.required===!1&&field?.type!=="checkbox")&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["billing_address_state_code"].includes(fieldName)?values?.state_code?formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName}):delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}const checkboxChecked=ref.current?.querySelector('[name="billing_address_save_to_customer_book"]')?.checked||getSaveBillingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"})))},[errors,values,reset,include,includeLoaded,isBusiness]);const providerValues={isBusiness,values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(BillingAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}BillingAddressForm.propTypes=propTypes;export default BillingAddressForm;
+import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../../context/AddressContext";import{useRapidForm}from"rapid-form";import{useContext,useEffect,useRef}from"react";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import isEmpty from"lodash/isEmpty";import OrderContext from"../../context/OrderContext";import{getSaveBillingAddressToAddressBook}from"../../utils/localStorage";import{businessMandatoryField}from"../../utils/validateFormFields";export function BillingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,isBusiness}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,order,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(include?.includes("billing_address")?includeLoaded?.billing_address||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),isEmpty(errors)){if(values&&Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];businessMandatoryField(name,isBusiness)||delete values[name],(field?.value||field?.required===!1&&field?.type!=="checkbox")&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["billing_address_state_code"].includes(fieldName)?values?.state_code?formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName}):delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}const checkboxChecked=ref.current?.querySelector('[name="billing_address_save_to_customer_book"]')?.checked||getSaveBillingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"})))},[errors,values,reset,include,includeLoaded,isBusiness]);const providerValues={isBusiness,values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(BillingAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}export default BillingAddressForm;