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

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

@@ -0,0 +1,18 @@
+import { type DefaultMfeConfig, getMfeConfig } from '@commercelayer/organization-config';
+interface ReturnObj {
+    organization: string;
+    domain: string;
+}
+export declare function getOrganizationSlug<E extends string>(endpoint: E): ReturnObj;
+export interface OrganizationConfig {
+    accessToken: string;
+    endpoint: string;
+    params: Parameters<typeof getMfeConfig>[0]['params'];
+}
+/**
+ * Get organization config from Commerce Layer
+ *
+ */
+export declare function getOrganizationConfig(config: OrganizationConfig): Promise<DefaultMfeConfig | null>;
+export declare function useOrganizationConfig({ accessToken, endpoint, params }: Partial<OrganizationConfig>): DefaultMfeConfig | null;
+export {};

package/lib/cjs/utils/organization.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOrganizationSlug=getOrganizationSlug,exports.getOrganizationConfig=getOrganizationConfig,exports.useOrganizationConfig=useOrganizationConfig;const tslib_1=require("tslib"),react_1=require("react"),getDomain_1=require("./getDomain"),getSdk_1=tslib_1.__importDefault(require("./getSdk")),organization_config_1=require("@commercelayer/organization-config"),jwt_1=require("./jwt");function getOrganizationSlug(endpoint){const org={organization:"",domain:"commercelayer.io"},{domain,slug}=(0,getDomain_1.getDomain)(endpoint);return{organization:slug,domain:domain||org.domain}}function getOrganizationConfig(config){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a;const{market}=(0,jwt_1.jwt)(config.accessToken),organization=yield(0,getSdk_1.default)(config).organization.retrieve({fields:{organizations:["id","config"]}});return(0,organization_config_1.getMfeConfig)({jsonConfig:(_a=organization.config)!==null&&_a!==void 0?_a:{},market:`market:id:${market.id.join(",")}`,params:config.params})})}function useOrganizationConfig({accessToken,endpoint,params}){const[organizationConfig,setOrganizationConfig]=(0,react_1.useState)(null);return(0,react_1.useEffect)(()=>{accessToken==null||endpoint==null||getOrganizationConfig({accessToken,endpoint,params}).then(config=>{setOrganizationConfig(config)})},[accessToken,endpoint]),organizationConfig}

package/lib/cjs/utils/payment-methods/sortPaymentMethods.d.ts

@@ -0,0 +1,2 @@
+import type { PaymentMethod } from '@commercelayer/sdk';
+export declare function sortPaymentMethods(methods: PaymentMethod[], labels: PaymentMethod['payment_source_type'][]): PaymentMethod[];

package/lib/cjs/utils/payment-methods/sortPaymentMethods.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sortPaymentMethods=sortPaymentMethods;function sortPaymentMethods(methods,labels){return methods.sort((a,b)=>{const indexA=labels.indexOf(a.payment_source_type),indexB=labels.indexOf(b.payment_source_type);return indexA===-1&&indexB===-1?0:indexA===-1?1:indexB===-1?-1:indexA-indexB})}

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

@@ -0,0 +1 @@
+export declare function pick<T, K extends keyof T>(object: T, keys: K[]): Pick<T, K>;

package/lib/cjs/utils/pick.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pick=pick;function pick(object,keys){const result={};for(const key of keys)result[key]=object[key];return result}

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

@@ -0,0 +1,2 @@
+export declare const defaultImgUrl = "https://data.commercelayer.app/assets/images/placeholders/img_placeholder.svg";
+export declare const defaultGiftCardImgUrl = "https://data.commercelayer.app/assets/images/placeholders/gift_placeholder.svg";

package/lib/cjs/utils/placeholderImages.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultGiftCardImgUrl=exports.defaultImgUrl=void 0,exports.defaultImgUrl="https://data.commercelayer.app/assets/images/placeholders/img_placeholder.svg",exports.defaultGiftCardImgUrl="https://data.commercelayer.app/assets/images/placeholders/gift_placeholder.svg";

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

@@ -0,0 +1 @@
+export default function promisify(cb: any, params?: any): Promise<any>;

package/lib/cjs/utils/promisify.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=promisify;const tslib_1=require("tslib"),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction"));function promisify(cb,params){return tslib_1.__awaiter(this,void 0,void 0,function*(){return yield new Promise((resolve,reject)=>{params?cb(params,(err,res)=>{err&&reject(err),resolve(res)}):(0,isFunction_1.default)(cb?.tokenize)?cb?.tokenize((err,payload)=>{err&&reject(err),resolve(payload)}):cb((err,res)=>{err&&reject(err),resolve(res)})})})}

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

@@ -0,0 +1,2 @@
+export type StringReplace<TString extends string, TToReplace extends string, TReplacement extends string> = TString extends `${infer TPrefix}${TToReplace}${infer TSuffix}` ? `${TPrefix}${TReplacement}${StringReplace<TSuffix, TToReplace, TReplacement>}` : TString;
+export declare function replace<V extends string, R extends string, P extends string>(value: V, replace: R, replacement: P): StringReplace<V, R, P>;

package/lib/cjs/utils/replace.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.replace=replace;function replace(value,replace2,replacement){return value.replace(replace2,replacement)}

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

@@ -0,0 +1 @@
+export default function scrollbarWidth(): number;

package/lib/cjs/utils/scrollbarWidth.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=scrollbarWidth;function scrollbarWidth(){if(typeof document>"u")return 0;const scrollDiv=document.createElement("div");scrollDiv.setAttribute("style","width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;"),document.body.appendChild(scrollDiv);const scrollbarWidth2=scrollDiv.offsetWidth-scrollDiv.clientWidth;return document.body.removeChild(scrollDiv),scrollbarWidth2}

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

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

package/lib/cjs/utils/shipments.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shipmentsFilled=shipmentsFilled,exports.isDoNotShip=isDoNotShip;const tslib_1=require("tslib"),compact_1=tslib_1.__importDefault(require("lodash/compact")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function shipmentsFilled(shipments){const filled=(0,compact_1.default)(shipments.filter(shipment=>!(0,isEmpty_1.default)(shipment.shipping_method)));return!(0,isEmpty_1.default)(filled)}function isDoNotShip(lineItems){const itemDoNotShip=[],items=lineItems?lineItems.filter(({item_type})=>item_type==="skus").map(lineItem=>{var _a;return!((_a=lineItem.item)===null||_a===void 0)&&_a.do_not_ship&&itemDoNotShip.push(!0),lineItem}):[];return itemDoNotShip.length>0&&itemDoNotShip.length===items.length}

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

@@ -0,0 +1,5 @@
+export type SnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${Lowercase<T>}${Capitalize<SnakeToCamelCase<U>>}` : S;
+export type SnakeToCamelCaseNested<T> = T extends object ? {
+    [K in keyof T as SnakeToCamelCase<K & string>]: SnakeToCamelCaseNested<T[K]>;
+} : T;
+export declare function snakeToCamelCase<S extends string>(value: S): SnakeToCamelCase<S>;

package/lib/cjs/utils/snakeToCamelCase.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.snakeToCamelCase=snakeToCamelCase;function snakeToCamelCase(value){var _a,_b,_c,_d,_e,_f;const words=value.toLowerCase().split("_"),first=(_a=words[0])!==null&&_a!==void 0?_a:"",firstLetter=(_d=(_c=(_b=words[1])===null||_b===void 0?void 0:_b[0])===null||_c===void 0?void 0:_c.toUpperCase())!==null&&_d!==void 0?_d:"",second=(_f=(_e=words[1])===null||_e===void 0?void 0:_e.substring(1))!==null&&_f!==void 0?_f:"";return`${first}${firstLetter}${second}`}

package/lib/cjs/utils/stripe/retrievePaymentIntent.d.ts

@@ -0,0 +1,14 @@
+interface StripePaymentIntentParams {
+    publicApiKey: string;
+    paymentIntentClientSecret: string;
+}
+type PaymentVerificationState = 'valid' | 'invalid' | 'processing';
+type PaymentProcessingFeedback = {
+    status: Exclude<PaymentVerificationState, 'invalid'>;
+    message?: string;
+} | {
+    status: 'invalid';
+    message: string;
+};
+export declare function checkPaymentIntent({ publicApiKey, paymentIntentClientSecret }: StripePaymentIntentParams): Promise<PaymentProcessingFeedback>;
+export {};

package/lib/cjs/utils/stripe/retrievePaymentIntent.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.checkPaymentIntent=checkPaymentIntent;const tslib_1=require("tslib"),stripe_js_1=require("@stripe/stripe-js");function retrievePaymentIntent(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({publicApiKey,paymentIntentClientSecret}){const stripe=yield(0,stripe_js_1.loadStripe)(publicApiKey);try{return yield stripe?.retrievePaymentIntent(paymentIntentClientSecret)}catch(error){return console.error("Error retrieving payment intent:",error),null}})}function paymentIntentValidation({paymentIntent}){switch(paymentIntent?.status){case"succeeded":case"requires_capture":return"valid";case"processing":return"processing";case"requires_payment_method":return"invalid";default:return"invalid"}}function checkPaymentIntent(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({publicApiKey,paymentIntentClientSecret}){const paymentIntentResult=yield retrievePaymentIntent({publicApiKey,paymentIntentClientSecret});if(!paymentIntentResult)return{status:"invalid",message:"Payment intent not found"};const paymentIntent=paymentIntentResult.paymentIntent,error=paymentIntent?.last_payment_error,status=paymentIntentValidation({paymentIntent});return{status,message:status==="invalid"&&error?.message!=null?error.message:""}})}

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

@@ -0,0 +1,31 @@
+import type { CommerceLayerConfig } from '../context/CommerceLayerContext';
+import type { Order, OrderSubscription } from '@commercelayer/sdk';
+export type HelperRequestResource = 'orders' | 'order_subscriptions';
+export type TriggerAttributeHelper = {
+    /**
+     * CommerceLayer config
+     */
+    config: CommerceLayerConfig;
+    /**
+     * The resource id
+     */
+    id: string;
+} & ({
+    /**
+     * The resource name
+     */
+    resource: 'orders';
+    /**
+     * The attribute to trigger
+     */
+    attribute: '_place' | '_refresh' | '_create_subscriptions';
+} | {
+    resource: 'order_subscriptions';
+    attribute: '_active' | '_deactivate' | '_cancel';
+});
+type TriggerAttributeHelperResponse = Promise<Order | OrderSubscription>;
+/**
+ * Helper to trigger an attribute on a resource
+ */
+export declare function triggerAttributeHelper({ config, id, attribute, resource }: TriggerAttributeHelper): TriggerAttributeHelperResponse;
+export {};

package/lib/cjs/utils/triggerAttributeHelper.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.triggerAttributeHelper=triggerAttributeHelper;const tslib_1=require("tslib"),getSdk_1=tslib_1.__importDefault(require("./getSdk"));function triggerAttributeHelper(_a){return tslib_1.__awaiter(this,arguments,void 0,function*({config,id,attribute,resource}){return yield(0,getSdk_1.default)(config)[resource].update({id,[attribute]:!0})})}

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

@@ -0,0 +1,8 @@
+import type { PaymentResource } from '../reducers/PaymentMethodReducer';
+import type { CommerceLayerClient, Order } from '@commercelayer/sdk';
+/**
+ * Check if a given `order` has a linked `order_subscription` to replace its `customer_payment_source` with the `order`'s `payment_source`.
+ * @param order Order
+ * @returns void
+ */
+export declare function updateOrderSubscriptionCustomerPaymentSource(order: Order, paymentType: PaymentResource | undefined, sdk: CommerceLayerClient): void;

package/lib/cjs/utils/updateOrderSubscriptionCustomerPaymentSource.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.updateOrderSubscriptionCustomerPaymentSource=updateOrderSubscriptionCustomerPaymentSource;function updateOrderSubscriptionCustomerPaymentSource(order,paymentType,sdk){order.subscription_created_at!=null&&sdk.orders.retrieve(order.id,{include:["order_subscription","payment_source"]}).then(order2=>{if(order2.payment_source_details!=null&&order2.order_subscription!=null){const paymentSourceToken=getPaymentSourceToken(order2,paymentType);paymentSourceToken!=null&&sdk.customer_payment_sources.list({filters:{payment_source_token_eq:paymentSourceToken}}).then(customerPaymentSources2=>{var _a;if(customerPaymentSources2.length>0&&order2.order_subscription!=null){const customerPaymentSource=customerPaymentSources2[0];customerPaymentSource!=null&&sdk.order_subscriptions.update({id:(_a=order2.order_subscription)===null||_a===void 0?void 0:_a.id,customer_payment_source:sdk.customer_payment_sources.relationship(customerPaymentSource?.id)})}})}})}function getPaymentSourceToken(order,paymentType){var _a,_b;switch(paymentType){case"braintree_payments":return order.payment_source!=null&&order.payment_source.type==="braintree_payments"&&order.payment_source.options!=null?order.payment_source.options.payment_method_token:void 0;default:return(_b=(_a=order?.payment_source_details)===null||_a===void 0?void 0:_a.payment_method_id)!==null&&_b!==void 0?_b:void 0}}

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

@@ -0,0 +1,16 @@
+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;
+};
+export type ValidateValue = <V extends string | boolean, N extends string, T extends string, B extends TResourceError>(val: V, name: N, type: T, resource: B) => BaseError | Record<string, any>;
+export declare const validateValue: ValidateValue;
+declare const validateFormFields: ValidateFormFields;
+export declare function fieldsExist(address: AddressCreate, schema?: Array<AddressField | string>): boolean;
+export declare function businessMandatoryField(fieldName: AddressInputName, isBusiness?: boolean): boolean;
+export default validateFormFields;

package/lib/cjs/utils/validateFormFields.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateValue=void 0,exports.fieldsExist=fieldsExist,exports.businessMandatoryField=businessMandatoryField;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=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,validateValue=(val,name,type,resource)=>val?type==="email"&&(0,isString_1.default)(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:"please enter a valid format",resource}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resource};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=Object.assign(Object.assign({},values),{[`${v.name}`]:val})}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?Object.assign(Object.assign({},values),{metadata:Object.assign(Object.assign({},values.metadata),{[`${v.name}`]:val})}):Object.assign(Object.assign({},values),{[`${v.name}`]:val}))}),{errors,values}};function fieldsExist(address,schema=AddressReducer_1.addressFields){if(address.business){const required=(0,without_1.default)(schema,"first_name","last_name","line_2","state_code"),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","state_code"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}}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.default=validateFormFields;

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

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

package/lib/esm/components/ExternalFunction.js

@@ -0,0 +1,2 @@
+"use client";
+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

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

package/lib/esm/components/MetadataInput.js

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

@@ -0,0 +1,10 @@
+import type { ReactNode, JSX } from 'react';
+import type { ChildrenFunction } from '../typings/index';
+interface ChildrenProps extends Omit<Props, 'children'> {
+}
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'ref'> {
+    children?: ChildrenFunction<ChildrenProps>;
+    label?: string | ReactNode;
+}
+export declare function SubmitButton(props: Props): JSX.Element;
+export default SubmitButton;

package/lib/esm/components/SubmitButton.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./utils/Parent";import isFunction from"lodash/isFunction";export function SubmitButton(props){const{children,label="Submit",...p}=props,parentProps={...p,label};return children?_jsx(Parent,{...parentProps,children}):_jsx("button",{type:"submit",...p,children:isFunction(label)?label():label})}export default SubmitButton;

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

@@ -0,0 +1,31 @@
+import { type JSX } from 'react';
+import type { Address as AddressType } from '@commercelayer/sdk';
+import { type AddressCardsTemplateChildren } from '../utils/AddressCardsTemplate';
+import type { DefaultChildrenType } from '../../typings/globals';
+interface Props extends Omit<JSX.IntrinsicElements['div'], 'children' | 'onSelect'> {
+    children: DefaultChildrenType | AddressCardsTemplateChildren;
+    selectedClassName?: string;
+    disabledClassName?: string;
+    onSelect?: (address: AddressType) => void;
+    addresses?: AddressType[];
+    deselect?: boolean;
+}
+/**
+ * The Address component is aimed to read from active context the list of available addresses to generate for each of them a suitable and interactive wrapper ready to deal with addresses data.
+ *
+ * It accept:
+ * - a `selectedClassName` prop to define the className of selected generated address wrapper.
+ * - a `disabledClassName` prop to define the className of disabled generated address wrapper.
+ * - an `onSelect` prop to define a custom method triggered when an address wrapper is clicked.
+ * - an `addresses` prop to define a list of addresses to be used instead of the ones available from active context.
+ * - a `deselect` prop to define if the current address is deselected through a custom logic.
+ *
+ * <span title='Requirements' type='warning'>
+ * Must be a child of the `<AddressesContainer>` component.
+ * </span>
+ * <span title='Children' type='info'>
+ * `<AddressField>`,
+ * </span>
+ */
+export declare function Address(props: Props): JSX.Element;
+export default Address;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import CustomerContext from"../../context/CustomerContext";import BillingAddressContext from"../../context/BillingAddressContext";import ShippingAddressContext from"../../context/ShippingAddressContext";import isEmpty from"lodash/isEmpty";import AddressContext from"../../context/AddressContext";import OrderContext from"../../context/OrderContext";import AddressCardsTemplate from"../utils/AddressCardsTemplate";export function Address(props){const{children,className,selectedClassName="",disabledClassName="",onSelect,addresses=[],deselect=!1,...p}=props,{addresses:addressesContext}=useContext(CustomerContext),{setBillingAddress,billingCustomerAddressId}=useContext(BillingAddressContext),{setShippingAddress,shippingCustomerAddressId}=useContext(ShippingAddressContext),{shipToDifferentAddress,billingAddressId,shippingAddressId}=useContext(AddressContext),{order}=useContext(OrderContext),[selected,setSelected]=useState(null),items=isEmpty(addresses)?addressesContext&&addressesContext||[]:addresses;useEffect(()=>{items&&!deselect&&items.forEach((address,k)=>{billingCustomerAddressId&&address.reference===billingCustomerAddressId&&selected===null&&setSelected(k),!billingAddressId&&k===selected&&setBillingAddress&&address.reference!=null&&setBillingAddress(address.id,{customerAddressId:address.reference}),shippingCustomerAddressId&&address.reference===shippingCustomerAddressId&&selected===null&&setSelected(k),!shippingAddressId&&k===selected&&setShippingAddress&&address.reference!=null&&setShippingAddress(address.id,{customerAddressId:address.reference})}),deselect&&(async()=>(setBillingAddress&&await setBillingAddress(""),setShippingAddress&&await setShippingAddress("")))()},[deselect,billingCustomerAddressId,shippingCustomerAddressId,addressesContext,shipToDifferentAddress]);const handleSelect=async(k,addressId,customerAddressId,disabled,address)=>{!disabled&&setSelected(k),setBillingAddress&&await setBillingAddress(addressId,{customerAddressId}),!disabled&&setShippingAddress&&await setShippingAddress(addressId,{customerAddressId}),onSelect&&onSelect(address)},countryLock=order?.shipping_country_code_lock,components=typeof children=="function"?[]:items.filter(address=>!(setShippingAddress&&countryLock&&countryLock!==address.country_code)).map((address,k)=>{const addressProps={address},disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className||""} ${deselect?"":selectedClassName}`:className,customerAddressId=address?.reference||"",finalClassName=disabled?`${className||""} ${disabledClassName}`:addressSelectedClass;return _jsx(AddressChildrenContext.Provider,{value:addressProps,children:_jsx("div",{className:finalClassName,onClick:()=>{handleSelect(k,address.id,customerAddressId,disabled,address)},"data-disabled":disabled,...p,children})},k)}),parentProps={customerAddresses:items,selected,handleSelect,countryLock,...props};return typeof children=="function"?_jsx(AddressCardsTemplate,{...parentProps,children}):_jsx(_Fragment,{children:components})}export default Address;

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

@@ -0,0 +1,34 @@
+import { type JSX } from 'react';
+import type { BaseSelectComponentProps } from '../../typings/index';
+import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
+import { type Country } from '../../utils/countryStateCity';
+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>;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * Optional country list to override default ones.
+     */
+    countries?: Country[];
+}
+/**
+ * The AddressInput component creates a form `select` related to the `country_code` attribute of the `address` object.
+ *
+ * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
+ *
+ * <span title="Name prop" type="info">
+ * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address` or `customer_address`) concatenated to the `country_code` address attribute with a `_` separator. Eg.: `billing_address_country_code`.
+ * </span>
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function AddressCountrySelector(props: Props): JSX.Element;
+export default AddressCountrySelector;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useMemo}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,countries,...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext);useEffect(()=>{value&&billingAddress?.setValue&&billingAddress.setValue(name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(name,value),value&&customerAddress?.setValue&&customerAddress.setValue(name,value)},[value]);const hasError=useMemo(()=>!!(billingAddress?.errors?.[name]?.error||shippingAddress?.errors?.[name]?.error||customerAddress?.errors?.[name]?.error),[value,billingAddress?.errors,shippingAddress?.errors,customerAddress?.errors]),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(countries),name,value,...p})}export default AddressCountrySelector;

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

@@ -0,0 +1,61 @@
+import { type ReactNode, type JSX } from 'react';
+import type { AddressFieldView } from '../../reducers/AddressReducer';
+import type { Address } from '@commercelayer/sdk';
+import type { ChildrenFunction } from '../../typings/index';
+interface ChildrenProps extends Omit<Props, 'children' | 'name'> {
+    address: Address;
+}
+type ChildrenProp = ChildrenFunction<ChildrenProps>;
+type Props = {
+    type?: 'field';
+    label?: never;
+    onClick?: never;
+    children?: ChildrenProp;
+    name: AddressFieldView;
+    className?: string;
+} | {
+    type?: 'edit';
+    label: string | ReactNode;
+    onClick: (address: Address) => void;
+    children?: ChildrenProp;
+    name?: AddressFieldView;
+    className?: string;
+} | {
+    type?: 'delete';
+    label: string;
+    onClick: () => void;
+    children?: ChildrenProp;
+    name?: AddressFieldView;
+    className?: string;
+} | {
+    type?: 'edit' | 'field' | 'delete';
+    label?: never;
+    onClick?: never;
+    children: ChildrenProp;
+    name?: never;
+    className?: string;
+};
+/**
+ * The AddressField component displays any attribute of the `address` object set in the state of the parent `<Address>` component.
+ *
+ * It accepts a `name` prop to define the attribute to be shown.
+ * It also accepts:
+ * - a `type` props to enable different kind of behaviors like `field` (default), `edit` or `delete`.
+ * - a `label` props to show a custom label if chosen `type` is `edit` or `delete`.
+ * - an `onClick` props to define a custom click behavior.
+ *
+ * <span title="Type `delete`" type="info">
+ * Only in case `type` is set to `delete` a default `onClick` behavior will be set to manage current address removal.
+ * </span>
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside the `<Address>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function AddressField(props: Props): JSX.Element;
+export default AddressField;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import Parent from"../utils/Parent";import CustomerContext from"../../context/CustomerContext";export function AddressField(props){const{name,type="field",label,onClick,...p}=props,{address}=useContext(AddressChildrenContext),text=name&&address?address?.[name]:"",{deleteCustomerAddress}=useContext(CustomerContext),handleClick=e=>{e.stopPropagation(),e.preventDefault(),type==="delete"&&deleteCustomerAddress&&address?.reference&&deleteCustomerAddress({customerAddressId:address?.reference}),address&&onClick&&onClick(address)},parentProps={address,...props};return props.children?_jsx(Parent,{...parentProps,children:props.children}):type==="field"?_jsx("p",{"data-testid":`address-field-${name??""}`,...p,name,children:text}):_jsx("a",{"data-testid":`address-field-${name??""}`,...p,onClick:handleClick,children:label})}export default AddressField;

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

@@ -0,0 +1,34 @@
+import { type JSX } from 'react';
+import type { BaseInputComponentProps, AddressInputName } from '../../typings/index';
+import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
+type Props = {
+    /**
+     * The name of the input.
+     */
+    name: Extract<AddressValuesKeys, AddressInputName>;
+    /**
+     * @deprecated
+     * Used to add a custom validation rule. Accept a regex as param.
+     */
+    pattern?: RegExp;
+} & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
+/**
+ * The AddressInput component creates a form `input` related to a particular address attribute.
+ *
+ * It requires a `name` prop to define the field name associated with the input and accepts most of HTML `input` tag standard props.
+ *
+ * <span title="Name prop" type="info">
+ * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address` or `customer_address`) concatenated to the address attribute name with a `_` separator. Eg.: `billing_address_first_name`.
+ * </span>
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function AddressInput(props: Props): JSX.Element | null;
+export default AddressInput;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useMemo}from"react";import BaseInput from"../utils/BaseInput";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";import{businessMandatoryField}from"../../utils/validateFormFields";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";export function AddressInput(props){const{placeholder="",required,value,className,...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext),customerAddress=useContext(CustomerAddressFormContext);useEffect(()=>{value&&billingAddress?.setValue&&billingAddress.setValue(p.name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(p.name,value),value&&customerAddress?.setValue&&customerAddress.setValue(p.name,value)},[value]);const hasError=useMemo(()=>!!(billingAddress?.errors?.[p.name]?.error||shippingAddress?.errors?.[p.name]?.error||customerAddress?.errors?.[p.name]?.error),[value,billingAddress?.errors,shippingAddress?.errors,customerAddress?.errors]),mandatoryField=billingAddress?.isBusiness?businessMandatoryField(p.name,billingAddress.isBusiness):businessMandatoryField(p.name,shippingAddress.isBusiness),reqField=required!==void 0?required:mandatoryField,errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName,classNameComputed=`${className||""} ${hasError&&errorClassName?errorClassName:""}`;return p.name==="billing_address_billing_info"&&billingAddress.requiresBillingInfo===!1&&required===void 0||p.name==="shipping_address_billing_info"&&shippingAddress.requiresBillingInfo===!1&&required===void 0?null:_jsx(BaseInput,{ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required:reqField,placeholder,defaultValue:value,...p})}export default AddressInput;

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

@@ -0,0 +1,29 @@
+import { type JSX } from 'react';
+import type { BaseSelectComponentProps } from '../../typings/index';
+import { type AddressValuesKeys } from '../../context/BillingAddressFormContext';
+type SelectFieldName = `billing_address_${`metadata_${string}`}` | `shipping_address_${`metadata_${string}`}`;
+interface Props extends Omit<BaseSelectComponentProps, 'name'>, Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'> {
+    name: Extract<AddressValuesKeys, SelectFieldName>;
+    required?: boolean;
+    disabled?: boolean;
+}
+/**
+ * The AddressInputSelect component creates a form `select` related to the `metadata` attribute of the `address` object.
+ *
+ * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
+ *
+ * <span title="Name prop" type="info">
+ * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address`) concatenated to the `metadata` address attribute with a `_` separator. Eg.: `billing_address_metadata_your-key`.
+ * </span>
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function AddressInputSelect(props: Props): JSX.Element;
+export default AddressInputSelect;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useMemo}from"react";import BaseSelect from"../utils/BaseSelect";import BillingAddressFormContext from"../../context/BillingAddressFormContext";import ShippingAddressFormContext from"../../context/ShippingAddressFormContext";export function AddressInputSelect(props){const{required=!0,value,name,className,options,...p}=props,billingAddress=useContext(BillingAddressFormContext),shippingAddress=useContext(ShippingAddressFormContext);useEffect(()=>{value&&billingAddress?.setValue&&billingAddress.setValue(name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(name,value)},[value]);const hasError=useMemo(()=>!!(billingAddress?.errors?.[name]?.error||shippingAddress?.errors?.[name]?.error),[value,billingAddress?.errors,shippingAddress?.errors]),errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName,classNameComputed=`${className??""} ${hasError&&errorClassName?errorClassName:""}`;return _jsx(BaseSelect,{className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation,required,options,name,value,...p})}export default AddressInputSelect;

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

@@ -0,0 +1,50 @@
+import { type JSX } from "react";
+import type { AddressStateSelectName, BaseSelectComponentProps, Option } from "../../typings/index";
+import { type States } from "../../utils/countryStateCity";
+type Props = Omit<BaseSelectComponentProps, "options" | "name" | "placeholder"> & {
+    name: AddressStateSelectName;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * Optional class name for the input field.
+     */
+    inputClassName?: string;
+    /**
+     * Optional placeholder for the input field.
+     */
+    inputPlaceholder?: string;
+    /**
+     * Optional class name for the select field.
+     */
+    selectClassName?: string;
+    /**
+     * Optional placeholder for the select field.
+     */
+    selectPlaceholder?: Option;
+    /**
+     * Optional states list to extend the default one.
+     * This component will try to render a select getting as options the states found for the selected country.
+     * If the country has no states, it will render a text input field instead.
+     */
+    states?: States;
+} & Pick<JSX.IntrinsicElements["select"], "className" | "id" | "style">;
+/**
+ * The AddressInput component creates a form `select` related to the `state_code` attribute of the `address` object.
+ *
+ * It requires a `name` prop to define the field name associated with the select and accepts most of HTML `select` tag standard props.
+ *
+ * <span title="Name prop" type="info">
+ * The `name` prop must respect the convention of mentioning one of the available addresses forms (`billing_address` or `shipping_address`) concatenated to the `state_code` address attribute with a `_` separator. Eg.: `billing_address_state_code`.
+ * </span>
+ *
+ * <span title="Requirement" type="warning">
+ * It must to be used inside either the `<BillingAddressForm>` or the `<ShippingAddressForm>` component.
+ * </span>
+ *
+ * <span title="Fields" type="info">
+ * Check the `addresses` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/addresses/object)
+ * for more details about the available attributes to render.
+ * </span>
+ */
+export declare function AddressStateSelector(props: Props): JSX.Element;
+export default AddressStateSelector;

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

@@ -0,0 +1,2 @@
+"use client";
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useMemo,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 AddressesContext from"../../context/AddressContext";import BaseInput from"../utils/BaseInput";import CustomerAddressFormContext from"../../context/CustomerAddressFormContext";export function AddressStateSelector(props){const{required=!1,value,name,className="",inputClassName="",inputPlaceholder,selectClassName="",selectPlaceholder,states,...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??""),stateOptions=useMemo(()=>isEmpty(countryCode)?[]:getStateOfCountry({countryCode,states}),[states,countryCode]),isEmptyStates=useMemo(()=>()=>isEmpty(stateOptions),[stateOptions]);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;shippingCountryCode&&shippingCountryCode!==countryCode&&setCountryCode(shippingCountryCode);const changeBillingCountry=[Object.keys(billingAddress).length>0,billingCountryCode,countryCode!==billingCountryCode].every(Boolean);!changeBillingCountry&&value!=null&&value!==""&&value!==val&&(billingAddress.setValue!=null&&billingAddress?.setValue(name,value),setVal(value)),changeBillingCountry&&billingCountryCode&&!isValidState({stateCode:val??"",countryCode:billingCountryCode,states})&&!isEmptyStates()&&(billingAddress.resetField&&billingAddress?.resetField(name),setVal(""));const changeShippingCountry=[!isEmpty(shippingAddress),shippingCountryCode,countryCode!==shippingCountryCode].every(Boolean);if(!changeShippingCountry&&value!=null&&value!==""&&value!==val&&(shippingAddress.setValue!=null&&shippingAddress?.setValue(name,value),setVal(value)),changeShippingCountry&&shippingCountryCode&&!isValidState({stateCode:val??"",countryCode:shippingCountryCode,states})&&!isEmptyStates()&&(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?.values?.billing_address_country_code,shippingAddress?.values?.shipping_address_country_code,addressErrors,customerAddress]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName||"",classNameComputed=isEmptyStates()?`${className} ${inputClassName} ${hasError?errorClassName:""}`:`${className} ${selectClassName} ${hasError?errorClassName:""}`;return isEmptyStates()?_jsx(BaseInput,{...p,name,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required,placeholder:inputPlaceholder??"",defaultValue:val,type:"text",onChange:e=>{setVal(e.target.value),billingAddress.setValue!=null&&billingAddress.setValue(name,e.target.value),shippingAddress.setValue!=null&&shippingAddress.setValue(name,e.target.value)}}):_jsx(BaseSelect,{...p,placeholder:selectPlaceholder,className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:stateOptions,name,value:val})}export default AddressStateSelector;

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

@@ -0,0 +1,40 @@
+import { type ReactNode, type JSX } from 'react';
+interface Props {
+    children: ReactNode;
+    /**
+     * If true, the shipping address will be considered. Default is false.
+     */
+    shipToDifferentAddress?: boolean;
+    /**
+     * If true, the address will be considered a business address.
+     */
+    isBusiness?: boolean;
+    /**
+     * If true, the shipping address will be considered as primary address. Default is false.
+     */
+    invertAddresses?: boolean;
+}
+/**
+ * Main container for the Addresses components.
+ * It provides demanded functionalities to show/manage an address or a series of addresses depending on the context in use.
+ * In addition it provides order oriented functionalities to manage billing and shipping addresses.
+ *
+ * It accept:
+ * - a `shipToDifferentAddress` prop to define if the order related shipping address will be different from the billing one.
+ * - a `isBusiness` prop to define if the current address needs to be threated as a `business` address during creation/update.
+ *
+ * <span title='Requirements' type='warning'>
+ * Must be a child of the `<CommerceLayer>` component.
+ * </span>
+ * <span title='Children' type='info'>
+ * `<BillingAddressContainer>`,
+ * `<BillingAddressForm>`,
+ * `<ShippingAddressContainer>`,
+ * `<ShippingAddressForm>`,
+ * `<CustomerAddressForm>`,
+ * `<AddressesEmpty>`,
+ * `<Addresses>`
+ * </span>
+ */
+export declare function AddressesContainer(props: Props): JSX.Element;
+export default AddressesContainer;

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

@@ -0,0 +1,2 @@
+"use client";
+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";import{setCustomerOrderParam}from"../../utils/localStorage";export function AddressesContainer(props){const{children,shipToDifferentAddress=!1,isBusiness,invertAddresses=!1}=props,[state,dispatch]=useReducer(addressReducer,addressInitialState),{order,orderId,updateOrder}=useContext(OrderContext),config=useContext(CommerceLayerContext);useEffect(()=>{setCustomerOrderParam("_save_billing_address_to_customer_address_book","false"),setCustomerOrderParam("_save_shipping_address_to_customer_address_book","false")},[]),useEffect(()=>(dispatch({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress,isBusiness,invertAddresses}}),()=>{dispatch({type:"cleanup",payload:{}})}),[shipToDifferentAddress,isBusiness,invertAddresses]);const contextValue={...state,setAddressErrors:(errors,resource)=>{setAddressErrors({errors,resource,dispatch,currentErrors:state.errors})},setAddress:params=>{defaultAddressContext.setAddress({...params,dispatch})},saveAddresses:async params=>await saveAddresses({config,dispatch,updateOrder,order,orderId,state,...params}),setCloneAddress:(id,resource)=>{setCloneAddress(id,resource,dispatch)}};return _jsx(AddressesContext.Provider,{value:contextValue,children})}export default AddressesContainer;