@commercelayer/react-components 4.3.5 → 4.4.0-beta.2

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

@@ -1,16 +1,16 @@
-import { AdyenPaymentConfig } from '../components/payment_source/AdyenPayment';
-import { BraintreeConfig } from '../components/payment_source/BraintreePayment';
-import { PaypalConfig } from '../components/payment_source/PaypalPayment';
-import { StripeConfig } from '../components/payment_source/StripePayment';
-import { WireTransferConfig } from '../components/payment_source/WireTransferPayment';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-import { getOrderContext, updateOrder } from './OrderReducer';
+import { type AdyenPaymentConfig } from '../components/payment_source/AdyenPayment';
+import { type BraintreeConfig } from '../components/payment_source/BraintreePayment';
+import { type PaypalConfig } from '../components/payment_source/PaypalPayment';
+import { type StripeConfig } from '../components/payment_source/StripePayment';
+import { type WireTransferConfig } from '../components/payment_source/WireTransferPayment';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type getOrderContext, type updateOrder } from './OrderReducer';
 import type { BaseError } from '../typings/errors';
-import { Order, PaymentMethod, StripePayment, WireTransfer, AdyenPayment, BraintreePayment, CheckoutComPayment, ExternalPayment, PaypalPayment, KlarnaPayment } from '@commercelayer/sdk';
-import { Dispatch, MutableRefObject } from 'react';
-import { CheckoutComConfig } from '../components/payment_source/CheckoutComPayment';
-import { ExternalPaymentConfig } from '../components/payment_source/ExternalPayment';
-import { ResourceKeys } from '../utils/getPaymentAttributes';
+import { type Order, type PaymentMethod, type StripePayment, type WireTransfer, type AdyenPayment, type BraintreePayment, type CheckoutComPayment, type ExternalPayment, type PaypalPayment, type KlarnaPayment } from '@commercelayer/sdk';
+import { type Dispatch, type MutableRefObject } from 'react';
+import { type CheckoutComConfig } from '../components/payment_source/CheckoutComPayment';
+import { type ExternalPaymentConfig } from '../components/payment_source/ExternalPayment';
+import { type ResourceKeys } from '../utils/getPaymentAttributes';
 export type PaymentSourceType = AdyenPayment | BraintreePayment | CheckoutComPayment | ExternalPayment | PaypalPayment | StripePayment | WireTransfer;
 interface Card {
     type: string;
@@ -41,6 +41,10 @@ export interface PaymentSourceObject {
         options?: {
             card: Card;
         };
+        payment_method?: {
+            card: Card;
+            type: string | 'klarna' | 'card';
+        };
     };
     wire_transfers: WireTransfer;
     checkout_com_payments: CheckoutComPayment & {

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

@@ -2,7 +2,7 @@ import type { Dispatch, RefObject } from 'react';
 import type { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import type { BaseError } from '../typings/errors';
 import type { Order } from '@commercelayer/sdk';
-import { PaymentResource, PaymentSourceType } from './PaymentMethodReducer';
+import { type PaymentResource, type PaymentSourceType } from './PaymentMethodReducer';
 export type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted' | 'setButtonRef';
 export interface PlaceOrderOptions {
     paypalPayerId?: string;
@@ -14,6 +14,9 @@ export interface PlaceOrderOptions {
     checkoutCom?: {
         session_id: string;
     };
+    stripe?: {
+        redirectStatus: string;
+    };
 }
 export interface PlaceOrderActionPayload {
     errors: BaseError[];

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

@@ -1,11 +1,9 @@
-import { BaseAction, LoaderType } from '../typings/index';
-import { Price } from '@commercelayer/sdk';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-import { Dispatch } from 'react';
-import { BaseError } from '../typings/errors';
-export interface Prices {
-    [key: string]: Price | Price[];
-}
+import { type BaseAction, type LoaderType } from '../typings/index';
+import { type Price } from '@commercelayer/sdk';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type Dispatch } from 'react';
+import { type BaseError } from '../typings/errors';
+export type Prices = Record<string, Price | Price[]>;
 type SkuCodesPrice = string[];
 export interface PriceState {
     loading: boolean;

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

@@ -1,8 +1,8 @@
-import { Dispatch } from 'react';
-import { BaseError } from '../typings/errors';
-import { DeliveryLeadTime, LineItem, Order, Shipment } from '@commercelayer/sdk';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-import { getOrderContext } from './OrderReducer';
+import { type Dispatch } from 'react';
+import { type BaseError } from '../typings/errors';
+import { type DeliveryLeadTime, type LineItem, type Order, type Shipment } from '@commercelayer/sdk';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type getOrderContext } from './OrderReducer';
 export type ShipmentActionType = 'setErrors' | 'setShipments' | 'setShippingMethod';
 export type ShipmentLineItem = LineItem & {
     line_item: LineItem;

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

@@ -1,8 +1,8 @@
-import { Dispatch } from 'react';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type Dispatch } from 'react';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
 import type { Order } from '@commercelayer/sdk';
-import { getOrderContext } from './OrderReducer';
-import { AddressResource } from './AddressReducer';
+import { type getOrderContext } from './OrderReducer';
+import { type AddressResource } from './AddressReducer';
 export type ShippingAddressActionType = 'setShippingAddress' | 'setShippingCustomerAddressId' | 'cleanup';
 export interface ShippingAddressActionPayload {
     _shipping_address_clone_id: string;

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

@@ -1,5 +1,5 @@
-import { Dispatch } from 'react';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type Dispatch } from 'react';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
 type SkuListsActionType = 'getSkuList' | 'setSkuList';
 export type SkuListsState = Partial<{
     listIds: string[];

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

@@ -1,7 +1,7 @@
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-import { BaseAction } from '../typings/index';
-import { QueryParamsList, Sku } from '@commercelayer/sdk';
-import { Dispatch } from 'react';
+import { type CommerceLayerConfig } from '../context/CommerceLayerContext';
+import { type BaseAction } from '../typings/index';
+import { type QueryParamsList, type Sku } from '@commercelayer/sdk';
+import { type Dispatch } from 'react';
 type SkuActionType = 'getSkus' | 'setLoading';
 type SkuAction = BaseAction<SkuActionType, SkuState>;
 export type SkuState = Partial<{

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

@@ -1,4 +1,4 @@
-import { TResourceError } from '../components/errors/Errors';
+import { type TResourceError } from '../components/errors/Errors';
 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 interface BaseError {
     code: CodeErrorType;

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

@@ -1,6 +1,6 @@
-import { Dispatch, ForwardedRef, Ref } from 'react';
-import PropTypes, { InferProps } from 'prop-types';
-import { BaseError } from './errors';
+import { type Dispatch, type ForwardedRef, type Ref } from 'react';
+import PropTypes, { type InferProps } from 'prop-types';
+import { type BaseError } from './errors';
 export declare const BC: {
     id: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -58,9 +58,7 @@ export type LoaderType = string | JSX.Element;
 export declare const BMObject: PropTypes.Requireable<{
     [x: string]: string | null | undefined;
 }>;
-export interface BaseMetadataObject {
-    [key: string]: string | undefined | null;
-}
+export type BaseMetadataObject = Record<string, string | undefined | null>;
 export type TimeFormat = 'days' | 'hours';
 export type BaseComponent = InferProps<typeof BC>;
 export interface BaseAction<A = string, P = Record<string, any>> {
@@ -75,9 +73,7 @@ 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 type BaseMetadata = Record<string, string | undefined | null>;
 export type BaseFormatPrice = 'formatted' | 'cents' | 'float';
 export declare const baseOrderPricePropTypes: {
     id: PropTypes.Requireable<string>;

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

@@ -1,4 +1,4 @@
-import PropTypes from 'prop-types';
+import type PropTypes from 'prop-types';
 type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
 type Defined<T> = T extends undefined ? never : T;
 /**
@@ -29,5 +29,5 @@ type WithDefaultProps<P, DP> = Omit<P, keyof DP> & {
  * type Props = PropsType<typeof propTypes, typeof defaultProps>;
  * ```
  */
-export 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,6 +1,6 @@
-import { BaseError } from '../typings/errors';
-import { Address, AddressCreate } from '@commercelayer/sdk';
-import { TCustomerAddress } from '../reducers/CustomerReducer';
+import { type BaseError } from '../typings/errors';
+import { type Address, type AddressCreate } from '@commercelayer/sdk';
+import { type TCustomerAddress } from '../reducers/CustomerReducer';
 type BillingAddressController = (params: {
     billing_address?: AddressCreate;
     billingAddressId?: string;

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

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

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

@@ -1,4 +1,4 @@
-import { ResourceIncluded } from '../reducers/OrderReducer';
+import { type ResourceIncluded } from '../reducers/OrderReducer';
 import type { Order } from '@commercelayer/sdk';
 interface Params {
     order: Order;

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

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

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

@@ -1,4 +1,4 @@
-import { DefaultChildrenType } from '../typings/globals';
+import { type DefaultChildrenType } from '../typings/globals';
 interface Props<T> {
     children: DefaultChildrenType;
     filterBy: T[];

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

@@ -1,6 +1,6 @@
-import { IconBrand } from '../context/PaymentSourceContext';
-import { PaymentResource } from '../reducers/PaymentMethodReducer';
-import { CustomerPaymentSource } from '@commercelayer/sdk';
+import { type IconBrand } from '../context/PaymentSourceContext';
+import { type PaymentResource } from '../reducers/PaymentMethodReducer';
+import { type CustomerPaymentSource } from '@commercelayer/sdk';
 interface CardDetails {
     brand: IconBrand | string;
     last4: string;

package/lib/cjs/utils/getCardDetails.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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){const brand=source.type==="scheme"?source.brand??"credit-card":source.type.replace("_account","");return{...source,brand}}break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}exports.default=getCardDetails;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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":{const ps=customerPayment.payment_source,source=ps?.options?.card??ps?.payment_method?.card;if(source)return{...source};break}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){const brand=source.type==="scheme"?source.brand??"credit-card":source.type.replace("_account","");return{...source,brand}}break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}exports.default=getCardDetails;

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

@@ -1,6 +1,7 @@
-import { TResourceError } from '../components/errors/Errors';
+import { type TResourceError } from '../components/errors/Errors';
 import type { BaseError, TAPIError } from '../typings/errors';
-import { Dispatch } from 'react';
+import type { ValueIteratee } from 'lodash';
+import { type Dispatch } from 'react';
 interface GetErrorsParams {
     error: TAPIError;
     resource: TResourceError;
@@ -12,7 +13,7 @@ interface SetErrorsArgs<D> {
     currentErrors?: BaseError[];
     newErrors?: BaseError[];
     dispatch?: D;
-    filterBy?: string;
+    filterBy?: ValueIteratee<BaseError>;
 }
 export declare function setErrors<D extends Dispatch<any>>({ currentErrors, newErrors, dispatch, filterBy }: SetErrorsArgs<D>): BaseError[];
 export {};

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

@@ -1,2 +1,2 @@
-import { LoaderType } from '../typings/index';
+import { type LoaderType } from '../typings/index';
 export default function getLoaderComponent(loader: LoaderType): JSX.Element;

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

@@ -1,8 +1,8 @@
 import type { PaypalConfig } from '../components/payment_source/PaypalPayment';
 import { type PaymentMethodConfig, type PaymentResource } from '../reducers/PaymentMethodReducer';
-import { ExternalPayment } from '@commercelayer/sdk';
-import { StringReplace } from './replace';
-import { SnakeToCamelCase } from './snakeToCamelCase';
+import { type ExternalPayment } from '@commercelayer/sdk';
+import { type StringReplace } from './replace';
+import { type SnakeToCamelCase } from './snakeToCamelCase';
 interface Params<R extends PaymentResource, C extends PaymentMethodConfig> {
     resource: R;
     config: C;

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

@@ -1,5 +1,5 @@
-import { Price } from '@commercelayer/sdk';
-import { PTemplateProps } from '../components/utils/PriceTemplate';
+import { type Price } from '@commercelayer/sdk';
+import { type PTemplateProps } from '../components/utils/PriceTemplate';
 export declare function getPriceByCode(skuPrices: Price[], code?: string): Price | undefined;
 export declare function getPricesComponent(skuPrices: Price[], props: PTemplateProps): JSX.Element[] | JSX.Element;
 export default function getPrices<P extends Price>(prices: P[]): Record<string, P[]>;

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

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

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

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

package/lib/cjs/utils/hooks/useCustomContext.d.ts

@@ -1,4 +1,4 @@
-import { Context } from 'react';
+import { type Context } from 'react';
 interface TParams<C> {
     /**
      * Context to check

package/lib/cjs/utils/localStorage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setCustomerOrderParam=exports.getSaveShippingAddressToAddressBook=exports.getSaveBillingAddressToAddressBook=exports.getSavePaymentSourceToCustomerWallet=exports.deleteLocalOrder=exports.setLocalOrder=exports.getLocalOrder=void 0;const getLocalOrder=key=>localStorage.getItem(key);exports.getLocalOrder=getLocalOrder;const setLocalOrder=(key,value)=>localStorage.setItem(key,value);exports.setLocalOrder=setLocalOrder;const deleteLocalOrder=key=>{localStorage.removeItem(key)};exports.deleteLocalOrder=deleteLocalOrder;const getSavePaymentSourceToCustomerWallet=()=>localStorage.getItem("_save_payment_source_to_customer_wallet")==="true";exports.getSavePaymentSourceToCustomerWallet=getSavePaymentSourceToCustomerWallet;const getSaveBillingAddressToAddressBook=()=>localStorage.getItem("_save_billing_address_to_customer_address_book")==="true";exports.getSaveBillingAddressToAddressBook=getSaveBillingAddressToAddressBook;const getSaveShippingAddressToAddressBook=()=>localStorage.getItem("_save_shipping_address_to_customer_address_book")==="true";exports.getSaveShippingAddressToAddressBook=getSaveShippingAddressToAddressBook;function setCustomerOrderParam(key,value){return(0,exports.setLocalOrder)(key,value)}exports.setCustomerOrderParam=setCustomerOrderParam;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setCustomerOrderParam=exports.getSaveShippingAddressToAddressBook=exports.getSaveBillingAddressToAddressBook=exports.getSavePaymentSourceToCustomerWallet=exports.deleteLocalOrder=exports.setLocalOrder=exports.getLocalOrder=void 0;const getLocalOrder=key=>localStorage.getItem(key);exports.getLocalOrder=getLocalOrder;const setLocalOrder=(key,value)=>{localStorage.setItem(key,value)};exports.setLocalOrder=setLocalOrder;const deleteLocalOrder=key=>{localStorage.removeItem(key)};exports.deleteLocalOrder=deleteLocalOrder;const getSavePaymentSourceToCustomerWallet=()=>localStorage.getItem("_save_payment_source_to_customer_wallet")==="true";exports.getSavePaymentSourceToCustomerWallet=getSavePaymentSourceToCustomerWallet;const getSaveBillingAddressToAddressBook=()=>localStorage.getItem("_save_billing_address_to_customer_address_book")==="true";exports.getSaveBillingAddressToAddressBook=getSaveBillingAddressToAddressBook;const getSaveShippingAddressToAddressBook=()=>localStorage.getItem("_save_shipping_address_to_customer_address_book")==="true";exports.getSaveShippingAddressToAddressBook=getSaveShippingAddressToAddressBook;function setCustomerOrderParam(key,value){(0,exports.setLocalOrder)(key,value)}exports.setCustomerOrderParam=setCustomerOrderParam;

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

@@ -1,3 +1,3 @@
-import { LineItem, Shipment } from '@commercelayer/sdk';
+import { type LineItem, type Shipment } from '@commercelayer/sdk';
 export declare function shipmentsFilled(shipments: Shipment[]): boolean;
 export declare function isDoNotShip(lineItems?: LineItem[]): boolean;

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

@@ -1,9 +1,9 @@
-import { BaseState } from '../typings/index';
-import { BaseError } from '../typings/errors';
-import { AddressField } from '../reducers/AddressReducer';
-import { AddressCreate } from '@commercelayer/sdk';
-import { AddressInputName } from '../typings/index';
-import { TResourceError } from '../components/errors/Errors';
+import { type BaseState } from '../typings/index';
+import { type BaseError } from '../typings/errors';
+import { type AddressField } from '../reducers/AddressReducer';
+import { type AddressCreate } from '@commercelayer/sdk';
+import { type AddressInputName } from '../typings/index';
+import { type TResourceError } from '../components/errors/Errors';
 export type ValidateFormFields = <R extends string[]>(fields: HTMLFormControlsCollection, required: R, resourceType: TResourceError) => {
     errors: BaseError[];
     values: BaseState;

package/lib/cjs/utils/validateFormFields.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.businessMandatoryField=exports.fieldsExist=exports.validateValue=void 0;const tslib_1=require("tslib"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isString_1=tslib_1.__importDefault(require("lodash/isString")),without_1=tslib_1.__importDefault(require("lodash/without")),keys_1=tslib_1.__importDefault(require("lodash/keys")),map_1=tslib_1.__importDefault(require("lodash/map")),get_1=tslib_1.__importDefault(require("lodash/get")),AddressReducer_1=require("../reducers/AddressReducer"),EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/,validateValue=(val,name,type,resourceType)=>val?type==="email"&&(0,isString_1.default)(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};exports.validateValue=validateValue;const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return(0,map_1.default)(fields,v=>{const val=!!(0,get_1.default)(v,"checked")||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.includes(attrName)||v.required){const error=(0,exports.validateValue)(val,v.name,v.type,resourceType);(0,isEmpty_1.default)(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}},fieldsExist=(address,schema=AddressReducer_1.addressFields)=>{if(address.business){const required=(0,without_1.default)(schema,"first_name","last_name"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=(0,without_1.default)(schema,"line_2","company"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}};exports.fieldsExist=fieldsExist;const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}exports.businessMandatoryField=businessMandatoryField,exports.default=validateFormFields;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.businessMandatoryField=exports.fieldsExist=exports.validateValue=void 0;const tslib_1=require("tslib"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isString_1=tslib_1.__importDefault(require("lodash/isString")),without_1=tslib_1.__importDefault(require("lodash/without")),keys_1=tslib_1.__importDefault(require("lodash/keys")),map_1=tslib_1.__importDefault(require("lodash/map")),AddressReducer_1=require("../reducers/AddressReducer"),EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/,validateValue=(val,name,type,resourceType)=>val?type==="email"&&(0,isString_1.default)(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};exports.validateValue=validateValue;const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return(0,map_1.default)(fields,v=>{const val="checked"in v||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.includes(attrName)||v.required){const error=(0,exports.validateValue)(val,v.name,v.type,resourceType);(0,isEmpty_1.default)(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}},fieldsExist=(address,schema=AddressReducer_1.addressFields)=>{if(address.business){const required=(0,without_1.default)(schema,"first_name","last_name"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=(0,without_1.default)(schema,"line_2","company"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}};exports.fieldsExist=fieldsExist;const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}exports.businessMandatoryField=businessMandatoryField,exports.default=validateFormFields;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Props {
     children: ReactNode;
     url: string;

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

@@ -1,4 +1,4 @@
-import { BaseInputComponentProps } from '../typings/index';
+import { type BaseInputComponentProps } from '../typings/index';
 type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function MetadataInput(props: Props): JSX.Element;
 export default MetadataInput;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ChildrenFunction } from '../typings/index';
+import { type ReactNode } from 'react';
+import { type ChildrenFunction } from '../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
 }
 interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {

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

@@ -1,5 +1,5 @@
 import type { Address as AddressType } from '@commercelayer/sdk';
-import { AddressCardsTemplateChildren } from '../utils/AddressCardsTemplate';
+import { type AddressCardsTemplateChildren } from '../utils/AddressCardsTemplate';
 import type { DefaultChildrenType } from '../../typings/globals';
 interface Props extends Omit<JSX.IntrinsicElements['div'], 'children' | 'onSelect'> {
     children: DefaultChildrenType | AddressCardsTemplateChildren;

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

@@ -1,5 +1,5 @@
-import { BaseSelectComponentProps } from '../../typings/index';
-import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
+import { type BaseSelectComponentProps } from '../../typings/index';
+import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
 type TCountryFieldName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
 interface Props extends Omit<BaseSelectComponentProps, 'options' | 'name'>, Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'> {
     name: Extract<AddressValuesKeys, TCountryFieldName>;

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { AddressFieldView } from '../../reducers/AddressReducer';
+import { type ReactNode } from 'react';
+import { type AddressFieldView } from '../../reducers/AddressReducer';
 import type { Address } from '@commercelayer/sdk';
-import { ChildrenFunction } from '../../typings/index';
+import { type ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children' | 'name'> {
     address: Address;
 }

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

@@ -1,5 +1,5 @@
-import { BaseInputComponentProps, AddressInputName } from '../../typings/index';
-import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
+import { type BaseInputComponentProps, type AddressInputName } from '../../typings/index';
+import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
 type Props = {
     name: Extract<AddressValuesKeys, AddressInputName>;
 } & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & Omit<JSX.IntrinsicElements['textarea'], 'children'>;

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

@@ -1,4 +1,4 @@
-import { AddressStateSelectName, BaseSelectComponentProps } from '../../typings/index';
+import { type AddressStateSelectName, type BaseSelectComponentProps } from '../../typings/index';
 type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     name: AddressStateSelectName;
     required?: boolean;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Props {
     children: ReactNode;
     shipToDifferentAddress?: boolean;

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

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext,{defaultAddressContext}from"../../context/AddressContext";import{useContext,useEffect,useReducer}from"react";import addressReducer,{addressInitialState,setAddressErrors,setCloneAddress,saveAddresses}from"../../reducers/AddressReducer";import OrderContext from"../../context/OrderContext";import CommerceLayerContext from"../../context/CommerceLayerContext";export function AddressesContainer(props){const{children,shipToDifferentAddress=!1,isBusiness}=props,[state,dispatch]=useReducer(addressReducer,addressInitialState),{order,orderId,updateOrder}=useContext(OrderContext),config=useContext(CommerceLayerContext);useEffect(()=>(dispatch({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress,isBusiness}}),()=>{dispatch({type:"cleanup",payload:{}})}),[shipToDifferentAddress,isBusiness]);const contextValue={...state,setAddressErrors:(errors,resource)=>setAddressErrors({errors,resource,dispatch,currentErrors:state.errors}),setAddress:params=>defaultAddressContext.setAddress({...params,dispatch}),saveAddresses:async customerEmail=>await saveAddresses({config,dispatch,updateOrder,order,orderId,state,customerEmail}),setCloneAddress:(id,resource)=>setCloneAddress(id,resource,dispatch)};return _jsx(AddressesContext.Provider,{value:contextValue,children})}export default AddressesContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext,{defaultAddressContext}from"../../context/AddressContext";import{useContext,useEffect,useReducer}from"react";import addressReducer,{addressInitialState,setAddressErrors,setCloneAddress,saveAddresses}from"../../reducers/AddressReducer";import OrderContext from"../../context/OrderContext";import CommerceLayerContext from"../../context/CommerceLayerContext";export function AddressesContainer(props){const{children,shipToDifferentAddress=!1,isBusiness}=props,[state,dispatch]=useReducer(addressReducer,addressInitialState),{order,orderId,updateOrder}=useContext(OrderContext),config=useContext(CommerceLayerContext);useEffect(()=>(dispatch({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress,isBusiness}}),()=>{dispatch({type:"cleanup",payload:{}})}),[shipToDifferentAddress,isBusiness]);const contextValue={...state,setAddressErrors:(errors,resource)=>{setAddressErrors({errors,resource,dispatch,currentErrors:state.errors})},setAddress:params=>{defaultAddressContext.setAddress({...params,dispatch})},saveAddresses:async customerEmail=>await saveAddresses({config,dispatch,updateOrder,order,orderId,state,customerEmail}),setCloneAddress:(id,resource)=>{setCloneAddress(id,resource,dispatch)}};return _jsx(AddressesContext.Provider,{value:contextValue,children})}export default AddressesContainer;

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

@@ -1,4 +1,4 @@
-import { ChildrenFunction } from '../../typings/index';
+import { type ChildrenFunction } from '../../typings/index';
 interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     /**
      * Function allow you to customize the component

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 type Props = {
     children: ReactNode;
     reset?: boolean;

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/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;
+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;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ChildrenFunction } from '../../typings/index';
+import { type ReactNode } from 'react';
+import { type ChildrenFunction } from '../../typings/index';
 import type { Order } from '@commercelayer/sdk';
 interface TOnClick {
     success: boolean;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
     children: ReactNode;
     reset?: boolean;

package/lib/esm/components/addresses/ShippingAddressForm.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 ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import OrderContext from"../../context/OrderContext";import{getSaveShippingAddressToAddressBook}from"../../utils/localStorage";import{businessMandatoryField}from"../../utils/validateFormFields";export function ShippingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,shipToDifferentAddress,isBusiness}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(include?.includes("shipping_address")?includeLoaded?.shipping_address||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),isEmpty(errors)){if(!isEmpty(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_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("shipping_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["shipping_address_state_code"].includes(fieldName)?isEmpty(values.state_code)?delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName}):formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=ref.current?.querySelector('[name="shipping_address_save_to_customer_book"]')?.checked||getSaveShippingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded,isBusiness]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})},errorClassName,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(ShippingAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}export default ShippingAddressForm;
+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 ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import OrderContext from"../../context/OrderContext";import{getSaveShippingAddressToAddressBook}from"../../utils/localStorage";import{businessMandatoryField}from"../../utils/validateFormFields";export function ShippingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,shipToDifferentAddress,isBusiness}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(include?.includes("shipping_address")?includeLoaded?.shipping_address||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),isEmpty(errors)){if(!isEmpty(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_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("shipping_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["shipping_address_state_code"].includes(fieldName)?isEmpty(values.state_code)?delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName}):formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=ref.current?.querySelector('[name="shipping_address_save_to_customer_book"]')?.checked||getSaveShippingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded,isBusiness]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})},errorClassName,errors,resetField:name=>{resetForm({currentTarget:ref.current},name)}};return _jsx(ShippingAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}export default ShippingAddressForm;

package/lib/esm/components/customers/CustomerAddressForm.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
     children: ReactNode;
     reset?: boolean;

package/lib/esm/components/customers/CustomerAddressForm.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 CustomerAddressFormContext from"../../context/CustomerAddressFormContext";import OrderContext from"../../context/OrderContext";import isEmptyStates from"../../utils/isEmptyStates";export function CustomerAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress}=useContext(AddressesContext),{order}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message||"";fieldName==="billing_address_state_code"?values.state_code?delete errors[fieldName]:formErrors.push({code,message,resource:"billing_address",field:fieldName}):formErrors.push({code,message,resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}else if(Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];if(field?.value&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),["billing_address_state_code"].includes(name)){const countryCode=values.billing_address_country_code?.value||values.country_code;!isEmptyStates(countryCode)&&!field.value&&delete values.billing_address_state_code}}setAddress({values,resource:"billing_address"})}reset&&(Object.keys(values).length>0||Object.keys(errors).length>0)&&ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"}))},[errors,values,reset]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:{...values,...field},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(CustomerAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}export default CustomerAddressForm;
+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 CustomerAddressFormContext from"../../context/CustomerAddressFormContext";import OrderContext from"../../context/OrderContext";import isEmptyStates from"../../utils/isEmptyStates";export function CustomerAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress}=useContext(AddressesContext),{order}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message||"";fieldName==="billing_address_state_code"?values.state_code?delete errors[fieldName]:formErrors.push({code,message,resource:"billing_address",field:fieldName}):formErrors.push({code,message,resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}else if(Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];if(field?.value&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),["billing_address_state_code"].includes(name)){const countryCode=values.billing_address_country_code?.value||values.country_code;!isEmptyStates(countryCode)&&!field.value&&delete values.billing_address_state_code}}setAddress({values,resource:"billing_address"})}reset&&(Object.keys(values).length>0||Object.keys(errors).length>0)&&ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"}))},[errors,values,reset]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:{...values,...field},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>{resetForm({currentTarget:ref.current},name)}};return _jsx(CustomerAddressFormContext.Provider,{value:providerValues,children:_jsx("form",{ref,autoComplete,...p,children})})}export default CustomerAddressForm;

package/lib/esm/components/customers/CustomerContainer.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useReducer,useMemo}from"react";import customerReducer,{customerInitialState,getCustomerAddresses,getCustomerOrders,getCustomerPaymentSources,setCustomerEmail,setCustomerErrors,deleteCustomerAddress,createCustomerAddress,saveCustomerUser,getCustomerPayments}from"../../reducers/CustomerReducer";import OrderContext from"../../context/OrderContext";import CommerceLayerContext from"../../context/CommerceLayerContext";import CustomerContext from"../../context/CustomerContext";export function CustomerContainer(props){const{children,isGuest=!1}=props,[state,dispatch]=useReducer(customerReducer,customerInitialState),{order,addResourceToInclude,include,updateOrder,includeLoaded,withoutIncludes}=useContext(OrderContext),config=useContext(CommerceLayerContext);useEffect(()=>{!include?.includes("available_customer_payment_sources.payment_source")&&!isGuest?addResourceToInclude({newResource:"available_customer_payment_sources.payment_source"}):!includeLoaded?.["available_customer_payment_sources.payment_source"]&&!isGuest&&addResourceToInclude({newResourceLoaded:{"available_customer_payment_sources.payment_source":!0}})},[include?.length,Object.keys(includeLoaded??{}).length]),useEffect(()=>{config.accessToken&&state.addresses==null&&!isGuest&&getCustomerAddresses({config,dispatch,isOrderAvailable:withoutIncludes!=null}),order?.available_customer_payment_sources&&!isGuest&&getCustomerPaymentSources({dispatch,order}),config.accessToken&&order==null&&include==null&&includeLoaded==null&&!isGuest&&(getCustomerOrders({config,dispatch}),getCustomerPayments({config,dispatch}))},[config.accessToken,order,isGuest]);const contextValue=useMemo(()=>({isGuest,...state,saveCustomerUser:async customerEmail=>{await saveCustomerUser({config,customerEmail,dispatch,updateOrder,order})},setCustomerErrors:errors=>setCustomerErrors(errors,dispatch),setCustomerEmail:customerEmail=>setCustomerEmail(customerEmail,dispatch),getCustomerPaymentSources:()=>getCustomerPaymentSources({dispatch,order}),deleteCustomerAddress:async({customerAddressId})=>await deleteCustomerAddress({customerAddressId,dispatch,config,addresses:state.addresses}),createCustomerAddress:async address=>await createCustomerAddress({address,config,dispatch,state})}),[state,isGuest]);return _jsx(CustomerContext.Provider,{value:contextValue,children})}export default CustomerContainer;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useReducer,useMemo}from"react";import customerReducer,{customerInitialState,getCustomerAddresses,getCustomerOrders,getCustomerPaymentSources,setCustomerEmail,setCustomerErrors,deleteCustomerAddress,createCustomerAddress,saveCustomerUser,getCustomerPayments}from"../../reducers/CustomerReducer";import OrderContext from"../../context/OrderContext";import CommerceLayerContext from"../../context/CommerceLayerContext";import CustomerContext from"../../context/CustomerContext";export function CustomerContainer(props){const{children,isGuest=!1}=props,[state,dispatch]=useReducer(customerReducer,customerInitialState),{order,addResourceToInclude,include,updateOrder,includeLoaded,withoutIncludes}=useContext(OrderContext),config=useContext(CommerceLayerContext);useEffect(()=>{!include?.includes("available_customer_payment_sources.payment_source")&&!isGuest?addResourceToInclude({newResource:"available_customer_payment_sources.payment_source"}):!includeLoaded?.["available_customer_payment_sources.payment_source"]&&!isGuest&&addResourceToInclude({newResourceLoaded:{"available_customer_payment_sources.payment_source":!0}})},[include?.length,Object.keys(includeLoaded??{}).length]),useEffect(()=>{config.accessToken&&state.addresses==null&&!isGuest&&getCustomerAddresses({config,dispatch,isOrderAvailable:withoutIncludes!=null}),order?.available_customer_payment_sources&&!isGuest&&getCustomerPaymentSources({dispatch,order}),config.accessToken&&order==null&&include==null&&includeLoaded==null&&!isGuest&&(getCustomerOrders({config,dispatch}),getCustomerPayments({config,dispatch}))},[config.accessToken,order,isGuest]);const contextValue=useMemo(()=>({isGuest,...state,saveCustomerUser:async customerEmail=>{await saveCustomerUser({config,customerEmail,dispatch,updateOrder,order})},setCustomerErrors:errors=>{setCustomerErrors(errors,dispatch)},setCustomerEmail:customerEmail=>{setCustomerEmail(customerEmail,dispatch)},getCustomerPaymentSources:()=>{getCustomerPaymentSources({dispatch,order})},deleteCustomerAddress:async({customerAddressId})=>{await deleteCustomerAddress({customerAddressId,dispatch,config,addresses:state.addresses})},createCustomerAddress:async address=>{await createCustomerAddress({address,config,dispatch,state})}}),[state,isGuest]);return _jsx(CustomerContext.Provider,{value:contextValue,children})}export default CustomerContainer;

package/lib/esm/components/customers/CustomerField.d.ts

@@ -1,5 +1,5 @@
-import { ConditionalElement } from '../../typings/index';
-import { TGenericChildrenProps, TResources } from '../utils/GenericFieldComponent';
+import { type ConditionalElement } from '../../typings/index';
+import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
 type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['Customer']>;
 type TCondition = ConditionalElement<Exclude<TResources['Customer'], 'resource'>>;
 type Props = {

package/lib/esm/components/customers/CustomerInput.d.ts

@@ -1,4 +1,4 @@
-import { BaseInputComponentProps } from '../../typings/index';
+import { type BaseInputComponentProps } from '../../typings/index';
 type Props = {
     name?: 'customer_email' | string;
     type?: 'email' | string;

package/lib/esm/components/customers/CustomerPaymentSource.d.ts

@@ -1,4 +1,4 @@
-import { DefaultChildrenType } from '../../typings/globals';
+import { type DefaultChildrenType } from '../../typings/globals';
 interface Props {
     children?: DefaultChildrenType;
     /**