@commercelayer/react-components 2.46.7 → 2.48.1

package/{dist → lib/cjs}/utils/isJSON.d.ts

@@ -1 +1 @@
-export default function isJSON(str: string): boolean;
+export default function isJSON(str: string): boolean;

package/lib/cjs/utils/isJSON.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function isJSON(e){try{JSON.parse(e);return true}catch(e){return false}}exports.default=isJSON;

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

@@ -0,0 +1,27 @@
+declare type JWT = {
+    application: {
+        id: string;
+        kind: 'sales_channel' | 'integration';
+        public: boolean;
+    };
+    exp: number;
+    market: {
+        id: string[];
+        price_list_id: string;
+        stock_location_ids: string[];
+        geocoder_id: null | string;
+        allows_external_prices: boolean;
+    };
+    organization: {
+        id: string;
+        slug: string;
+    };
+    owner: {
+        id: 'gOqzZhZrmQ';
+        type: 'Customer';
+    };
+    rand: number;
+    test: boolean;
+};
+export default function jwt(accessToken: string): JWT;
+export {};

package/lib/cjs/utils/jwt.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jwt_decode_1=(0,tslib_1.__importDefault)(require("jwt-decode"));function jwt(e){return(0,jwt_decode_1.default)(e)}exports.default=jwt;

package/{dist → lib/cjs}/utils/localStorage.d.ts

@@ -1,18 +1,18 @@
-export interface GetLocalOrder {
-    (key: string): string | null;
-}
-export declare const getLocalOrder: GetLocalOrder;
-export interface SetLocalOrder {
-    (key: string, value: string): void;
-}
-export declare const setLocalOrder: SetLocalOrder;
-export interface DeleteLocalOrder {
-    (key: string): void;
-}
-export declare const deleteLocalOrder: DeleteLocalOrder;
-export declare const getSavePaymentSourceToCustomerWallet: () => boolean;
-export declare const getSaveBillingAddressToAddressBook: () => boolean;
-export declare const getSaveShippingAddressToAddressBook: () => boolean;
-declare type CustomerOrderParams = 'savePaymentSourceToCustomerWallet' | 'saveBillingAddressToCustomerAddressBook' | 'saveShippingAddressToCustomerAddressBook';
-export declare function setCustomerOrderParam<T extends CustomerOrderParams>(key: T, value: string): void;
-export {};
+export interface GetLocalOrder {
+    (key: string): string | null;
+}
+export declare const getLocalOrder: GetLocalOrder;
+export interface SetLocalOrder {
+    (key: string, value: string): void;
+}
+export declare const setLocalOrder: SetLocalOrder;
+export interface DeleteLocalOrder {
+    (key: string): void;
+}
+export declare const deleteLocalOrder: DeleteLocalOrder;
+export declare const getSavePaymentSourceToCustomerWallet: () => boolean;
+export declare const getSaveBillingAddressToAddressBook: () => boolean;
+export declare const getSaveShippingAddressToAddressBook: () => boolean;
+declare type CustomerOrderParams = '_save_payment_source_to_customer_wallet' | '_save_billing_address_to_customer_address_book' | '_save_shipping_address_to_customer_address_book';
+export declare function setCustomerOrderParam<T extends CustomerOrderParams>(key: T, value: string): void;
+export {};

package/lib/cjs/utils/localStorage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.setCustomerOrderParam=exports.getSaveShippingAddressToAddressBook=exports.getSaveBillingAddressToAddressBook=exports.getSavePaymentSourceToCustomerWallet=exports.deleteLocalOrder=exports.setLocalOrder=exports.getLocalOrder=void 0;const getLocalOrder=e=>localStorage.getItem(e);exports.getLocalOrder=getLocalOrder;const setLocalOrder=(e,r)=>localStorage.setItem(e,r);exports.setLocalOrder=setLocalOrder;const deleteLocalOrder=e=>{localStorage.removeItem(e)};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(e,r){return(0,exports.setLocalOrder)(e,r)}exports.setCustomerOrderParam=setCustomerOrderParam;

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

@@ -0,0 +1,6 @@
+declare type ReturnObj = {
+    organization: string;
+    domain: string;
+};
+export default function getOrganizationSlug<E extends string>(endpoint: E): ReturnObj;
+export {};

package/lib/cjs/utils/organization.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function getOrganizationSlug(e){const o={organization:"",domain:"commercelayer.io"};if(e.search("commercelayer.io")===-1)o.domain="commercelayer.co";o.organization=e.replace("https://","").replace(`.${o.domain}`,"");return o}exports.default=getOrganizationSlug;

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

@@ -0,0 +1,3 @@
+import { PaypalConfig } from '../components/PaypalPayment';
+import { PaymentResource, PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+export default function getPaypalConfig(paymentResource: PaymentResource, config: PaymentMethodConfig): Pick<PaypalConfig, 'return_url' | 'cancel_url'> | undefined;

package/lib/cjs/utils/paypalPayment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const PaymentMethodReducer_1=require("../reducers/PaymentMethodReducer");const pick_1=(0,tslib_1.__importDefault)(require("lodash/pick"));function getPaypalConfig(e,t){const r=(0,PaymentMethodReducer_1.getPaymentConfig)(e,t);return r&&(0,pick_1.default)(r,["return_url","cancel_url"])}exports.default=getPaypalConfig;

package/{dist → lib/cjs}/utils/promisify.d.ts

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

package/lib/cjs/utils/promisify.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const isFunction_1=(0,tslib_1.__importDefault)(require("lodash/isFunction"));function promisify(i,e){return new Promise(((t,o)=>{if(e)i(e,((i,e)=>{if(i)o(i);t(e)}));else if((0,isFunction_1.default)(i===null||i===void 0?void 0:i.tokenize)){i===null||i===void 0?void 0:i.tokenize(((i,e)=>{if(i)o(i);t(e)}))}else i(((i,e)=>{if(i)o(i);t(e)}))}))}exports.default=promisify;

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

@@ -0,0 +1,2 @@
+import { Shipment } from '@commercelayer/sdk';
+export declare function shipmentsFilled(shipments: Shipment[]): boolean;

package/lib/cjs/utils/shipments.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.shipmentsFilled=void 0;const tslib_1=require("tslib");const compact_1=(0,tslib_1.__importDefault)(require("lodash/compact"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));function shipmentsFilled(t){const e=(0,compact_1.default)(t.filter((t=>!(0,isEmpty_1.default)(t.shipping_method))));return!(0,isEmpty_1.default)(e)}exports.shipmentsFilled=shipmentsFilled;

package/{dist → lib/cjs}/utils/validateFormFields.d.ts

@@ -1,19 +1,20 @@
-import { BaseState } from "../typings/index";
-import { ResourceErrorType, BaseError } from "../typings/errors";
-import { AddressField, AddressSchema } from "../reducers/AddressReducer";
-export interface ValidateFormFields {
-    <R extends string[]>(fields: HTMLFormControlsCollection, required: R, resourceType: ResourceErrorType): {
-        errors: BaseError[];
-        values: BaseState;
-    };
-}
-export interface ValidateValue {
-    <V extends string | boolean, N extends string, T extends string, B extends ResourceErrorType>(val: V, name: N, type: T, resourceType: B): BaseError | Record<string, any>;
-}
-export declare const validateValue: ValidateValue;
-declare const validateFormFields: ValidateFormFields;
-export interface FieldsExist {
-    (address: AddressSchema, schema?: AddressField[]): boolean;
-}
-export declare const fieldsExist: FieldsExist;
-export default validateFormFields;
+import { BaseState } from '../typings/index';
+import { ResourceErrorType, BaseError } from '../typings/errors';
+import { AddressField } from '../reducers/AddressReducer';
+import { AddressCreate } from '@commercelayer/sdk';
+export interface ValidateFormFields {
+    <R extends string[]>(fields: HTMLFormControlsCollection, required: R, resourceType: ResourceErrorType): {
+        errors: BaseError[];
+        values: BaseState;
+    };
+}
+export interface ValidateValue {
+    <V extends string | boolean, N extends string, T extends string, B extends ResourceErrorType>(val: V, name: N, type: T, resourceType: B): BaseError | Record<string, any>;
+}
+export declare const validateValue: ValidateValue;
+declare const validateFormFields: ValidateFormFields;
+export interface FieldsExist {
+    (address: AddressCreate, schema?: AddressField[]): boolean;
+}
+export declare const fieldsExist: FieldsExist;
+export default validateFormFields;

package/lib/cjs/utils/validateFormFields.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.fieldsExist=exports.validateValue=void 0;const tslib_1=require("tslib");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const isString_1=(0,tslib_1.__importDefault)(require("lodash/isString"));const without_1=(0,tslib_1.__importDefault)(require("lodash/without"));const keys_1=(0,tslib_1.__importDefault)(require("lodash/keys"));const map_1=(0,tslib_1.__importDefault)(require("lodash/map"));const get_1=(0,tslib_1.__importDefault)(require("lodash/get"));const AddressReducer_1=require("../reducers/AddressReducer");const EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/;const validateValue=(e,t,s,a)=>{if(!e){return{field:t,code:"VALIDATION_ERROR",message:`${t} - is required`,resourceType:a}}if(s==="email"&&(0,isString_1.default)(e)&&!e.match(EMAIL_PATTERN)){return{field:t,code:"VALIDATION_ERROR",message:`${t} - is not valid`,resourceType:a}}return{}};exports.validateValue=validateValue;const validateFormFields=(e,t,s)=>{const a=[];let i={metadata:{}};(0,map_1.default)(e,(e=>{const r=!!(0,get_1.default)(e,"checked");const l=r?r:e.value==="on"?false:e.value;const d=e.getAttribute("name");if(d&&t.indexOf(d)!==-1||e.required){const t=(0,exports.validateValue)(l,e.name,e.type,s);if(!(0,isEmpty_1.default)(t)){a.push(t)}i=Object.assign(Object.assign({},i),{[`${e.name}`]:l})}if(e.getAttribute("name")){const t=!!e.getAttribute("data-metadata");i=t?Object.assign(Object.assign({},i),{metadata:Object.assign(Object.assign({},i.metadata),{[`${e.name}`]:l})}):Object.assign(Object.assign({},i),{[`${e.name}`]:l})}}));return{errors:a,values:i}};const fieldsExist=(e,t=AddressReducer_1.addressFields)=>{if(!e["business"]){const s=(0,without_1.default)(t,"line_2","company");const a=(0,keys_1.default)(e).filter((e=>s.includes(e)));return s.length>a.length}else{const s=(0,without_1.default)(t,"first_name","last_name");const a=(0,keys_1.default)(e).filter((e=>s.includes(e)));return s.length>a.length}};exports.fieldsExist=fieldsExist;exports.default=validateFormFields;

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

@@ -0,0 +1,20 @@
+import { FunctionComponent, PropsWithoutRef, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { AddToCartReturn } from '../reducers/OrderReducer';
+import { VariantOption } from './VariantSelector';
+declare type ChildrenProps = {
+    handleClick: () => AddToCartReturn;
+} & Omit<AddToCartButtonProps, 'children'>;
+declare type AddToCartButtonChildrenProps = FunctionChildren<ChildrenProps>;
+export declare type AddToCartButtonTemplate = ChildrenProps;
+declare type AddToCartButtonProps = {
+    children?: AddToCartButtonChildrenProps;
+    label?: string | ReactNode;
+    skuCode?: string;
+    bundleCode?: string;
+    disabled?: boolean;
+    skuListId?: string;
+    lineItem?: VariantOption['lineItem'];
+} & PropsWithoutRef<JSX.IntrinsicElements['button']>;
+declare const AddToCartButton: FunctionComponent<AddToCartButtonProps>;
+export default AddToCartButton;

package/lib/esm/components/AddToCartButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{isEmpty,has}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import SkuListsContext from"../context/SkuListsContext";import ExternalFunctionContext from"../context/ExternalFunctionContext";import isFunction from"lodash/isFunction";const propTypes=components.AddToCartButton.propTypes;const defaultProps=components.AddToCartButton.defaultProps;const displayName=components.AddToCartButton.displayName;const AddToCartButton=t=>{var e;const{label:o="Add to cart",children:n,skuCode:s,bundleCode:r,disabled:d,skuListId:i,lineItem:u}=t,a=__rest(t,["label","children","skuCode","bundleCode","disabled","skuListId","lineItem"]);const{addToCart:l,orderId:c,getOrder:m,setOrderErrors:p}=useContext(OrderContext);const{url:C,callExternalFunction:x}=useContext(ExternalFunctionContext);const{item:y,items:f,quantity:I,option:b,prices:k,lineItems:T,lineItem:h,skuCode:v}=useContext(ItemContext);const{skuLists:E}=useContext(SkuListsContext);const A=!isEmpty(f)&&s?(e=f[s])===null||e===void 0?void 0:e.code:s||getCurrentItemKey(y)||v;const _=()=>{var t,e;const o=I[A];const n=b[A];const s=!isEmpty(u||h)?u||h:T[A];if(!isEmpty(E)&&i&&C){const t=I[i]||1;if(has(E,i)){const e=E&&E[i].map((e=>({skuCode:e,quantity:t,_update_quantity:1})));return x({url:C,data:{resourceType:"orders",inputs:[{id:c,lineItems:e}]}}).then((t=>{m&&c&&m(c);return t})).catch((({response:t})=>{p&&p(t["data"]);return t}))}}return!C?l&&l({bundleCode:r,skuCode:A,skuId:(t=y[A])===null||t===void 0?void 0:t.id,quantity:o,option:n,lineItem:s}):x({url:C,data:{bundleCode:r,skuCode:A,skuId:(e=y[A])===null||e===void 0?void 0:e.id,quantity:o,option:n,lineItem:s}}).then((t=>{m&&c&&m(c);return t})).catch((({response:t})=>{p&&p(t["data"]);return t}))};const g=!isEmpty(E)||i?false:d||!k[A]||!A;const j=Object.assign({handleClick:_,disabled:d||g,label:o},t);return n?_jsx(Parent,Object.assign({},j,{children:n}),void 0):_jsx("button",Object.assign({},a,{disabled:g,onClick:_},{children:isFunction(o)?o():o}),void 0)};AddToCartButton.propTypes=propTypes;AddToCartButton.defaultProps=defaultProps;AddToCartButton.displayName=displayName;export default AddToCartButton;

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

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { Address as AddressType } from '@commercelayer/sdk';
+import { AddressCardsTemplateChildren } from './utils/AddressCardsTemplate';
+declare type Props = {
+    children: ReactNode | AddressCardsTemplateChildren;
+    selectedClassName?: string;
+    disabledClassName?: string;
+    onSelect?: () => void;
+    addresses?: AddressType[];
+    deselect?: boolean;
+} & JSX.IntrinsicElements['div'];
+declare const Address: FunctionComponent<Props>;
+export default Address;

package/lib/esm/components/Address.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext,useState,useEffect}from"react";import AddressChildrenContext from"../context/AddressChildrenContext";import components from"../config/components";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";const propTypes=components.Address.propTypes;const Address=e=>{const{children:s,className:t,selectedClassName:o="",disabledClassName:d="",onSelect:r,addresses:n=[],deselect:i=false}=e,c=__rest(e,["children","className","selectedClassName","disabledClassName","onSelect","addresses","deselect"]);const{addresses:l}=useContext(CustomerContext);const{setBillingAddress:a,billingCustomerAddressId:m}=useContext(BillingAddressContext);const{setShippingAddress:p,shippingCustomerAddressId:C}=useContext(ShippingAddressContext);const{shipToDifferentAddress:f,billingAddressId:x,shippingAddressId:u}=useContext(AddressContext);const{order:A}=useContext(OrderContext);const[g,h]=useState(null);const y=!isEmpty(n)?n:l&&l||[];useEffect((()=>{if(y&&!i){y.map(((e,s)=>{if(m){const t=e.reference===m;if(t&&g===null){h(s)}}if(!x&&s===g){a&&a(e.id,{customerAddressId:e.reference})}if(C){const t=e.reference===C;t&&g===null&&h(s)}if(!u&&s===g){p&&p(e.id,{customerAddressId:e.reference})}}))}if(i){const e=async()=>{a&&await a("");p&&await p("")};e()}}),[i,m,C,l,f]);const _=async(e,s,t,o)=>{!o&&h(e);a&&await a(s,{customerAddressId:t});!o&&p&&await p(s,{customerAddressId:t});r&&r()};const j=A===null||A===void 0?void 0:A.shipping_country_code_lock;const b=typeof s==="function"?[]:y.map(((e,r)=>{const n={address:e};const l=p&&j&&j!==e.country_code||false;const a=i?"":o;const m=g===r?`${t} ${a}`:t;const C=(e===null||e===void 0?void 0:e.reference)||"";const f=l?`${t} ${d}`:m;return _jsx(AddressChildrenContext.Provider,Object.assign({value:n},{children:_jsx("div",Object.assign({className:f,onClick:()=>_(r,e.id,C,l),"data-disabled":l},c,{children:s}),void 0)}),r)}));const v=Object.assign({customerAddresses:y,selected:g,handleSelect:_,countryLock:j},e);return typeof s==="function"?_jsx(AddressCardsTemplate,Object.assign({},v,{children:s}),void 0):_jsx(Fragment,{children:b},void 0)};Address.propTypes=propTypes;export default Address;

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

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { AddressCountrySelectName, BaseSelectComponentProps } from '../typings/index';
+declare type AddressCountrySelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    name: AddressCountrySelectName;
+    required?: boolean;
+    disabled?: boolean;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const AddressCountrySelector: FunctionComponent<AddressCountrySelectorProps>;
+export default AddressCountrySelector;

package/lib/esm/components/AddressCountrySelector.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"./utils/BaseSelect";import components from"../config/components";import BillingAddressFormContext from"../context/BillingAddressFormContext";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import{getCountries}from"../utils/countryStateCity";const propTypes=components.AddressCountrySelector.propTypes;const defaultProps=components.AddressCountrySelector.defaultProps;const displayName=components.AddressCountrySelector.displayName;const AddressCountrySelector=e=>{const{required:o=true,value:r,name:s,className:t}=e,i=__rest(e,["required","value","name","className"]);const l=useContext(BillingAddressFormContext);const d=useContext(ShippingAddressFormContext);const[n,u]=useState(false);useEffect((()=>{var e,o,t,i,a,m;if(r&&(l===null||l===void 0?void 0:l.setValue)){l.setValue(s,r)}if(r&&(d===null||d===void 0?void 0:d.setValue)){d.setValue(s,r)}if(!isEmpty(l.errors)&&((o=(e=l===null||l===void 0?void 0:l.errors)===null||e===void 0?void 0:e[s])===null||o===void 0?void 0:o.error)){u(true)}if(isEmpty((t=l===null||l===void 0?void 0:l.errors)===null||t===void 0?void 0:t[s])&&n)u(false);if(!isEmpty(d.errors)&&((a=(i=d===null||d===void 0?void 0:d.errors)===null||i===void 0?void 0:i[s])===null||a===void 0?void 0:a.error)){u(true)}if(isEmpty((m=d===null||d===void 0?void 0:d.errors)===null||m===void 0?void 0:m[s])&&n)u(false);return()=>{u(false)}}),[r,l===null||l===void 0?void 0:l.errors,d===null||d===void 0?void 0:d.errors]);const a=(l===null||l===void 0?void 0:l.errorClassName)||(d===null||d===void 0?void 0:d.errorClassName);const m=`${t} ${n?a:""}`;return _jsx(BaseSelect,Object.assign({className:m,ref:(l===null||l===void 0?void 0:l.validation)||(d===null||d===void 0?void 0:d.validation),required:o,options:getCountries(),name:s,value:r},i),void 0)};AddressCountrySelector.propTypes=propTypes;AddressCountrySelector.defaultProps=defaultProps;AddressCountrySelector.displayName=displayName;export default AddressCountrySelector;

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

@@ -0,0 +1,15 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { AddressFieldView } from '../reducers/AddressReducer';
+import { Address } from '@commercelayer/sdk';
+declare type AddressFieldChildrenProps = Omit<AddressFieldProps, 'children' | 'name'> & {
+    address: Address;
+};
+declare type AddressFieldProps = ({
+    children?: (props: AddressFieldChildrenProps) => ReactNode;
+    name: AddressFieldView;
+} | {
+    children: (props: AddressFieldChildrenProps) => ReactNode;
+    name?: AddressFieldView;
+}) & JSX.IntrinsicElements['p'];
+declare const AddressField: FunctionComponent<AddressFieldProps>;
+export default AddressField;

package/lib/esm/components/AddressField.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import AddressChildrenContext from"../context/AddressChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";import get from"lodash/get";const propTypes=components.AddressField.propTypes;const displayName=components.AddressField.displayName;const AddressField=e=>{const{name:s}=e;const{address:t}=useContext(AddressChildrenContext);const d=get(t,s);const r=Object.assign({address:t},e);return e.children?_jsx(Parent,Object.assign({},r,{children:e.children}),void 0):_jsx("p",Object.assign({},e,{children:d}),void 0)};AddressField.propTypes=propTypes;AddressField.displayName=displayName;export default AddressField;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps, AddressInputName } from '../typings/index';
+export declare type AddressInputProps = {
+    name: AddressInputName;
+} & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const AddressInput: FunctionComponent<AddressInputProps>;
+export default AddressInput;

package/lib/esm/components/AddressInput.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseInput from"./utils/BaseInput";import components from"../config/components";import BillingAddressFormContext from"../context/BillingAddressFormContext";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";const propTypes=components.AddressInput.propTypes;const displayName=components.AddressInput.displayName;const AddressInput=e=>{const{placeholder:o="",required:s,value:r,className:i}=e,t=__rest(e,["placeholder","required","value","className"]);const n=useContext(BillingAddressFormContext);const l=useContext(ShippingAddressFormContext);const[d,a]=useState(false);useEffect((()=>{var e,o,s,i,u,p;if(r&&(n===null||n===void 0?void 0:n.setValue)){n.setValue(t.name,r)}if(r&&(l===null||l===void 0?void 0:l.setValue)){l.setValue(t.name,r)}if(!isEmpty(n.errors)&&((o=(e=n===null||n===void 0?void 0:n.errors)===null||e===void 0?void 0:e[t.name])===null||o===void 0?void 0:o.error)){a(true)}if(!isEmpty(n)&&isEmpty((s=n===null||n===void 0?void 0:n.errors)===null||s===void 0?void 0:s[t.name])&&d)a(false);if(!isEmpty(l.errors)&&((u=(i=l===null||l===void 0?void 0:l.errors)===null||i===void 0?void 0:i[t.name])===null||u===void 0?void 0:u.error)){a(true)}if(!isEmpty(l)&&isEmpty((p=l===null||l===void 0?void 0:l.errors)===null||p===void 0?void 0:p[t.name])&&d)a(false);return()=>{a(false)}}),[r,n===null||n===void 0?void 0:n.errors,l===null||l===void 0?void 0:l.errors]);const u=(n===null||n===void 0?void 0:n.errorClassName)||(l===null||l===void 0?void 0:l.errorClassName);const p=`${i} ${d?u:""}`;if(t.name==="billing_address_billing_info"&&!n.requiresBillingInfo)return null;return _jsx(BaseInput,Object.assign({ref:(n===null||n===void 0?void 0:n.validation)||(l===null||l===void 0?void 0:l.validation),className:p,required:s!==undefined?s:true,placeholder:o,defaultValue:r},t),void 0)};AddressInput.propTypes=propTypes;AddressInput.displayName=displayName;export default AddressInput;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import { AddressStateSelectName, BaseSelectComponentProps } from '../typings/index';
+declare type AddressStateSelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    name: AddressStateSelectName;
+    required?: boolean;
+    disabled?: boolean;
+    inputClassName?: string;
+    selectClassName?: string;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const AddressStateSelector: FunctionComponent<AddressStateSelectorProps>;
+export default AddressStateSelector;

package/lib/esm/components/AddressStateSelector.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseSelect from"./utils/BaseSelect";import components from"../config/components";import BillingAddressFormContext from"../context/BillingAddressFormContext";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import isEmpty from"lodash/isEmpty";import{getStateOfCountry,isValidState}from"../utils/countryStateCity";import isEmptyStates from"../utils/isEmptyStates";import AddressesContext from"../context/AddressContext";import BaseInput from"./utils/BaseInput";const propTypes=components.AddressStateSelector.propTypes;const defaultProps=components.AddressStateSelector.defaultProps;const displayName=components.AddressStateSelector.displayName;const AddressStateSelector=e=>{var t;const{required:s=true,value:o,name:i,className:r,inputClassName:l,selectClassName:d}=e,a=__rest(e,["required","value","name","className","inputClassName","selectClassName"]);const n=useContext(BillingAddressFormContext);const u=useContext(ShippingAddressFormContext);const{errors:p}=useContext(AddressesContext);const[m,c]=useState(false);const[v,f]=useState("");const[S,y]=useState(o||"");useEffect((()=>{var e,t,s,o,r,l,d,a,p;const m=((t=(e=n===null||n===void 0?void 0:n.values)===null||e===void 0?void 0:e["billing_address_country_code"])===null||t===void 0?void 0:t.value)||((s=n===null||n===void 0?void 0:n.values)===null||s===void 0?void 0:s["country_code"]);if(!isEmpty(m)&&m!==v)f(m);const x=(r=(o=u===null||u===void 0?void 0:u.values)===null||o===void 0?void 0:o["shipping_address_country_code"])===null||r===void 0?void 0:r.value;if(!isEmpty(x)&&x!==v)f(x);const C=[!isEmpty(n),m,v!==m].every(Boolean);if(C&&!isValidState(S,m)){n.resetField&&n.resetField(i);y("")}const A=[!isEmpty(u),x,v!==x].every(Boolean);if(A&&!isValidState(S,x)){u.resetField&&u.resetField(i);y("")}if(!isEmpty(n)){const e=(d=(l=n===null||n===void 0?void 0:n.errors)===null||l===void 0?void 0:l[i])===null||d===void 0?void 0:d.error;if(!e)c(false);else c(true)}if(!isEmpty(u)){const e=(p=(a=u===null||u===void 0?void 0:u.errors)===null||a===void 0?void 0:a[i])===null||p===void 0?void 0:p.error;if(!e)c(false);else c(true)}return()=>{c(false)}}),[o,n,u,p]);const x=(n===null||n===void 0?void 0:n.errorClassName)||(u===null||u===void 0?void 0:u.errorClassName);const C=!isEmptyStates(v)?`${r} ${d} ${m?x:""}`:`${r} ${l} ${m?x:""}`;return!isEmptyStates(v)?_jsx(BaseSelect,Object.assign({},a,{className:C,ref:(n===null||n===void 0?void 0:n.validation)||(u===null||u===void 0?void 0:u.validation),required:s,options:getStateOfCountry(v),name:i,value:S}),void 0):_jsx(BaseInput,Object.assign({},a,{name:i,ref:(n===null||n===void 0?void 0:n.validation)||(u===null||u===void 0?void 0:u.validation),className:C,required:s,placeholder:((t=a.placeholder)===null||t===void 0?void 0:t.label)||"",defaultValue:S,type:"text"}),void 0)};AddressStateSelector.propTypes=propTypes;AddressStateSelector.defaultProps=defaultProps;AddressStateSelector.displayName=displayName;export default AddressStateSelector;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type AddressesContainerProps = {
+    children: ReactNode;
+    shipToDifferentAddress?: boolean;
+};
+declare const AddressesContainer: FunctionComponent<AddressesContainerProps>;
+export default AddressesContainer;

package/lib/esm/components/AddressesContainer.js

@@ -0,0 +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}from"../reducers/AddressReducer";import OrderContext from"../context/OrderContext";import CommerceLayerContext from"../context/CommerceLayerContext";import{saveAddresses}from"../reducers/AddressReducer";import components from"../config/components";const propTypes=components.AddressesContainer.propTypes;const displayName=components.AddressesContainer.displayName;const AddressesContainer=e=>{const{children:s,shipToDifferentAddress:r=false}=e;const[t,d]=useReducer(addressReducer,addressInitialState);const{order:o,orderId:n,updateOrder:a}=useContext(OrderContext);const c=useContext(CommerceLayerContext);useEffect((()=>{d({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress:r}});return()=>{d({type:"cleanup",payload:{}})}}),[r]);const i=Object.assign(Object.assign({},t),{setAddressErrors:(e,s)=>setAddressErrors({errors:e,resource:s,dispatch:d,currentErrors:t.errors}),setAddress:e=>defaultAddressContext["setAddress"](Object.assign(Object.assign({},e),{dispatch:d})),saveAddresses:async()=>await saveAddresses({config:c,dispatch:d,updateOrder:a,order:o,orderId:n,state:t}),setCloneAddress:(e,s)=>setCloneAddress(e,s,d)});return _jsx(AddressesContext.Provider,Object.assign({value:i},{children:s}),void 0)};AddressesContainer.propTypes=propTypes;AddressesContainer.displayName=displayName;export default AddressesContainer;

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

@@ -0,0 +1,25 @@
+import { CSSProperties, FunctionComponent } from 'react';
+import { PaymentSourceProps } from './PaymentSource';
+declare type Styles = Partial<{
+    base: CSSProperties;
+    error: CSSProperties;
+    placeholder: CSSProperties;
+    validated: CSSProperties;
+}>;
+export declare type AdyenPaymentConfig = {
+    cardContainerClassName?: string;
+    threeDSecureContainerClassName?: string;
+    placeOrderCallback?: (response: {
+        placed: boolean;
+    }) => void;
+    styles?: Styles;
+};
+declare type AdyenPaymentProps = {
+    clientKey?: string;
+    config?: AdyenPaymentConfig;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+    locale?: string;
+    environment?: string;
+};
+declare const AdyenPayment: FunctionComponent<AdyenPaymentProps>;
+export default AdyenPayment;

package/lib/esm/components/AdyenPayment.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useRef,useState}from"react";import PaymentMethodContext from"../context/PaymentMethodContext";import isEmpty from"lodash/isEmpty";import{setCustomerOrderParam}from"../utils/localStorage";import Parent from"./utils/Parent";import getBrowserInfo from"../utils/browserInfo";import PlaceOrderContext from"../context/PlaceOrderContext";const threeDSConfiguration={challengeWindowSize:"05"};const defaultConfig={};const AdyenPayment=({clientKey:e,config:t,templateCustomerSaveToWallet:n,environment:o="test",locale:a="en_US"})=>{const{cardContainerClassName:r,threeDSecureContainerClassName:s,placeOrderCallback:i,styles:d}=Object.assign(Object.assign({},defaultConfig),t);const[c,l]=useState(false);const[m,u]=useState({});const{setPaymentSource:y,paymentSource:p,setPaymentMethodErrors:_,currentPaymentMethodType:f,setPaymentRef:v}=useContext(PaymentMethodContext);const{setPlaceOrder:h}=useContext(PlaceOrderContext);const g=useRef(null);const C=async(e,t)=>{var n,o,a,r,s,i,d;const c=(o=(n=e===null||e===void 0?void 0:e.elements)===null||n===void 0?void 0:n["save_payment_source_to_customer_wallet"])===null||o===void 0?void 0:o.checked;if(c)setCustomerOrderParam("_save_payment_source_to_customer_wallet",c);const l={_authorize:1};try{const e=p&&await y({paymentSourceId:p.id,paymentResource:"adyen_payments",attributes:l});debugger;const n=(a=e===null||e===void 0?void 0:e.payment_response)===null||a===void 0?void 0:a.action;const o=(r=e===null||e===void 0?void 0:e.payment_response)===null||r===void 0?void 0:r.resultCode;if(n&&o==="IdentifyShopper"){t.createFromAction(n,threeDSConfiguration).mount("#adyen-action")}else if(["Authorised","Pending","Received"].includes(o)){const t=(i=(s=e===null||e===void 0?void 0:e.payment_request_data)===null||s===void 0?void 0:s.payment_method)===null||i===void 0?void 0:i.brand;if(t){const n={metadata:{card:{brand:t}}};await y({paymentSourceId:e===null||e===void 0?void 0:e.id,paymentResource:"adyen_payments",attributes:n})}return true}const c=(d=e===null||e===void 0?void 0:e.payment_response)===null||d===void 0?void 0:d.refusalReason;_([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:f,message:c}]);return false}catch(e){_([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:f,message:e.message}]);return false}};const w=async(e,t,n,o)=>{if(e.isValid){if(g.current){const e=require("@adyen/adyen-web");const t=await e(n);g.current.onsubmit=()=>C(g.current,t);v({ref:g})}let t=getBrowserInfo();const a={payment_request_data:{payment_method:e.data.paymentMethod,shopperInteraction:"Ecommerce",recurringProcessingModel:"CardOnFile",origin:window.location.origin,return_url:window.location.href,browser_info:Object.assign({acceptHeader:"text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8"},t)}};o&&await y({paymentSourceId:o.id,paymentResource:"adyen_payments",attributes:a})}};const P=async(e,t,n)=>{var o,a;const r={payment_request_details:e.data,_details:1};try{const e=p&&await y({paymentSourceId:p.id,paymentResource:"adyen_payments",attributes:r});const t=(o=e===null||e===void 0?void 0:e.payment_response)===null||o===void 0?void 0:o.action;const s=(a=e===null||e===void 0?void 0:e.payment_response)===null||a===void 0?void 0:a.resultCode;const d=require("@adyen/adyen-web");if(t){const e=await d(n);e.createFromAction(t,threeDSConfiguration).mount("#adyen-action")}if(["Authorised","Pending","Received"].includes(s)){const{placed:t}=h&&await h({paymentSource:e})||{placed:false};t&&i&&i({placed:t})}}catch(e){console.error("Adyen additional details error:",e)}};useEffect((()=>{const t=!isEmpty(p===null||p===void 0?void 0:p.payment_methods)?p===null||p===void 0?void 0:p.payment_methods:{};if(isEmpty(t))console.error("Payment methods are not available. Please, check your Adyen configuration.");const n={locale:a,environment:o,clientKey:e,paymentMethodsResponse:t};n.onChange=(e,t)=>w(e,t,n,p);n.onAdditionalDetails=(e,t)=>P(e,t,n);if(!g&&e)setCustomerOrderParam("_save_payment_source_to_customer_wallet","false");if(e&&!c&&!isEmpty(window)){const e=require("@adyen/adyen-web");e(n).then((e=>{const t=e.create("card",{styles:d}).mount("#adyen-card");if(t){u(e);l(true)}}))}return()=>{v({ref:{current:null}});l(false)}}),[e,g]);return!e&&!c&&!m?null:_jsxs("form",Object.assign({ref:g,onSubmit:e=>C(e,m)},{children:[_jsx("div",{className:r,id:"adyen-card"},void 0),n&&_jsx(Parent,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:n}),void 0),_jsx("div",{className:s,id:"adyen-action"},void 0)]}),void 0)};export default AdyenPayment;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type AvailabilityContainerProps = {
+    children: ReactNode;
+    skuCode?: string;
+};
+declare const AvailabilityContainer: FunctionComponent<AvailabilityContainerProps>;
+export default AvailabilityContainer;

package/lib/esm/components/AvailabilityContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useReducer,useEffect}from"react";import availabilityReducer,{availabilityInitialState,getAvailability}from"../reducers/AvailabilityReducer";import AvailabilityContext from"../context/AvailabilityContext";import{isEmpty}from"lodash";import ItemContext from"../context/ItemContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import components from"../config/components";import CommerceLayerContext from"../context/CommerceLayerContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";const propTypes=components.AvailabilityContainer.propTypes;const displayName=components.AvailabilityContainer.displayName;const AvailabilityContainer=t=>{const{children:e,skuCode:i}=t;const{item:o,skuCode:n}=useContext(ItemContext);const{lineItem:a}=useContext(LineItemChildrenContext);const l=useContext(CommerceLayerContext);const[r,s]=useReducer(availabilityReducer,availabilityInitialState);useEffect((()=>{var t,e,r;const m=i||getCurrentItemKey(o)||n||(a===null||a===void 0?void 0:a.sku_code);if(m){const[i]=((e=(t=o[m])===null||t===void 0?void 0:t.inventory)===null||e===void 0?void 0:e.levels)||{quantity:null,delivery_lead_times:[]};if(!isEmpty(i)&&((r=i===null||i===void 0?void 0:i.delivery_lead_times)===null||r===void 0?void 0:r.length)>0){const[t]=i===null||i===void 0?void 0:i.delivery_lead_times;s({type:"setAvailability",payload:Object.assign(Object.assign({},t),{quantity:i===null||i===void 0?void 0:i.quantity})})}else if(l.accessToken){getAvailability({skuCode:m,config:l,dispatch:s})}}return()=>{s({type:"setAvailability",payload:{}})}}),[l.accessToken,o,n]);return _jsx(AvailabilityContext.Provider,Object.assign({value:Object.assign({},r)},{children:e}),void 0)};AvailabilityContainer.propTypes=propTypes;AvailabilityContainer.displayName=displayName;export default AvailabilityContainer;

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { TimeFormat, FunctionChildren } from '../typings/index';
+import { DeliveryLeadTime } from '../reducers/AvailabilityReducer';
+declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<AvailabilityTemplateProps, 'children'> & DeliveryLeadTime & {
+    text: string;
+}>;
+declare type AvailabilityTemplateProps = {
+    children?: AvailabilityTemplateChildrenProps;
+    timeFormat?: TimeFormat;
+    showShippingMethodName?: boolean;
+} & JSX.IntrinsicElements['p'];
+declare const AvailabilityTemplate: FunctionComponent<AvailabilityTemplateProps>;
+export default AvailabilityTemplate;

package/lib/esm/components/AvailabilityTemplate.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import AvailabilityContext from"../context/AvailabilityContext";import Parent from"./utils/Parent";import{isEmpty}from"lodash";import components from"../config/components";const propTypes=components.AvailabilityTemplate.propTypes;const defaultProps=components.AvailabilityTemplate.defaultProps;const displayName=components.AvailabilityTemplate.displayName;const AvailabilityTemplate=t=>{const{timeFormat:i,showShippingMethodName:e,children:o}=t,a=__rest(t,["timeFormat","showShippingMethodName","children"]);const{min:s,max:p,shipping_method:n,quantity:l}=useContext(AvailabilityContext);const m=!isEmpty(s)&&i?s===null||s===void 0?void 0:s[i]:"";const r=!isEmpty(p)&&i?p===null||p===void 0?void 0:p[i]:"";const c=[];const d=e&&n?`with ${n.name}`:"";if(l&&l>0){c.push("Available");if(m&&r){c.push(`in ${m} - ${r} ${i} ${d}`)}}else if(l===0){c.push("Out of stock")}const y=Object.assign({min:s,max:p,shipping_method:n,quantity:l,text:c.join(" ")},t);return o?_jsx(Parent,Object.assign({},y,{children:o}),void 0):_jsx("p",Object.assign({},a,{children:c.join(" ")}),void 0)};AvailabilityTemplate.propTypes=propTypes;AvailabilityTemplate.defaultProps=defaultProps;AvailabilityTemplate.displayName=displayName;export default AvailabilityTemplate;

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

@@ -0,0 +1,6 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+};
+declare const BillingAddressContainer: FunctionComponent<Props>;
+export default BillingAddressContainer;

package/lib/esm/components/BillingAddressContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import BillingAddressContext from"../context/BillingAddressContext";import{useContext,useEffect,useReducer}from"react";import billingAddressReducer,{billingAddressInitialState,setBillingAddress,setBillingCustomerAddressId}from"../reducers/BillingAddressReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import OrderContext from"../context/OrderContext";import AddressContext from"../context/AddressContext";const propTypes=components.BillingAddressContainer.propTypes;const BillingAddressContainer=e=>{const{children:s}=e;const[r,t]=useReducer(billingAddressReducer,billingAddressInitialState);const d=useContext(CommerceLayerContext);const{order:n,include:o,addResourceToInclude:i}=useContext(OrderContext);const{shipToDifferentAddress:l,setCloneAddress:c}=useContext(AddressContext);useEffect((()=>{if(!(o===null||o===void 0?void 0:o.includes("billing_address"))){i({newResource:"billing_address"})}if(n&&d){setBillingCustomerAddressId({dispatch:t,order:n,setCloneAddress:c})}return()=>{t({type:"cleanup",payload:{}})}}),[n]);const a=Object.assign(Object.assign({},r),{setBillingAddress:async(e,s)=>{await setBillingAddress(e,{config:d,dispatch:t,order:n,shipToDifferentAddress:l,customerAddressId:s===null||s===void 0?void 0:s.customerAddressId});c(e,"billing_address")}});return _jsx(BillingAddressContext.Provider,Object.assign({value:a},{children:s}),void 0)};BillingAddressContainer.propTypes=propTypes;export default BillingAddressContainer;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type BillingAddressFormProps = {
+    children: ReactNode;
+    reset?: boolean;
+    errorClassName?: string;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+declare const BillingAddressForm: FunctionComponent<BillingAddressFormProps>;
+export default BillingAddressForm;

package/lib/esm/components/BillingAddressForm.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import BillingAddressFormContext from"../context/BillingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";const propTypes=components.BillingAddressForm.propTypes;const BillingAddressForm=e=>{const{children:s,errorClassName:r,autoComplete:o="on",reset:i=false}=e,t=__rest(e,["children","errorClassName","autoComplete","reset"]);const{validation:d,values:l,errors:n,reset:a}=useRapidForm();const{setAddressErrors:c,setAddress:u}=useContext(AddressesContext);const{saveAddressToCustomerAddressBook:m,order:p,include:f,addResourceToInclude:g}=useContext(OrderContext);const _=useRef(null);useEffect((()=>{var e;if(!(f===null||f===void 0?void 0:f.includes("billing_address"))){g({newResource:"billing_address"})}if(!isEmpty(n)){const e=[];for(const s in n){const{code:r,message:o}=n[s];if(["billing_address_state_code"].includes(s)){if(isEmpty(l["state_code"])){delete n[s]}else{e.push({code:r,message:o,resource:"billing_address",field:s})}}else{e.push({code:r,message:o,resource:"billing_address",field:s})}}c(e,"billing_address")}else if(!isEmpty(l)){c([],"billing_address");for(const e in l){const s=l[e];if(s===null||s===void 0?void 0:s.value){l[e.replace("billing_address_","")]=s.value;delete l[e]}if((s===null||s===void 0?void 0:s.type)==="checkbox"){delete l[e];m({type:"billing_address",value:s.checked})}}u({values:l,resource:"billing_address"})}if(i&&(!isEmpty(l)||!isEmpty(n))){m&&m({type:"billing_address",value:false});if(_){(e=_.current)===null||e===void 0?void 0:e.reset();a({target:_.current});c([],"billing_address");u({values:{},resource:"billing_address"})}}}),[n,l,i,f]);const v=(e,s)=>{const r={[e.replace("billing_address_","")]:s};u({values:Object.assign(Object.assign({},l),r),resource:"billing_address"})};const b={values:l,validation:d,setValue:v,errorClassName:r,requiresBillingInfo:(p===null||p===void 0?void 0:p.requires_billing_info)||false,errors:n,resetField:e=>a({currentTarget:_.current},e)};return _jsx(BillingAddressFormContext.Provider,Object.assign({value:b},{children:_jsx("form",Object.assign({ref:_,autoComplete:o},t,{children:s}),void 0)}),void 0)};BillingAddressForm.propTypes=propTypes;export default BillingAddressForm;

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

@@ -0,0 +1,30 @@
+import { FunctionComponent } from 'react';
+import { HostedFieldFieldOptions } from 'braintree-web/modules/hosted-fields';
+import { PaymentSourceProps } from './PaymentSource';
+declare type BraintreeHostedFields<Type> = {
+    [Property in keyof Type]: {
+        label?: string;
+    } & Type[Property];
+};
+export declare type BraintreeConfig = {
+    containerClassName?: string;
+    cardContainerClassName?: string;
+    expDateContainerClassName?: string;
+    fieldsContainerClassName?: string;
+    cvvContainerClassName?: string;
+    cardDetailsContainerClassName?: string;
+    fieldLabelClassName?: string;
+    inputWrapperClassName?: string;
+    fields?: BraintreeHostedFields<HostedFieldFieldOptions>;
+    styles?: {
+        [key: string]: Record<string, string>;
+    };
+};
+declare type BraintreePaymentProps = {
+    authorization: string;
+    config?: BraintreeConfig;
+    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
+    locale?: string;
+};
+declare const BraintreePayment: FunctionComponent<BraintreePaymentProps>;
+export default BraintreePayment;

package/lib/esm/components/BraintreePayment.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useRef,useState}from"react";import PaymentMethodContext from"../context/PaymentMethodContext";import isEmpty from"lodash/isEmpty";import OrderContext from"../context/OrderContext";import Parent from"./utils/Parent";import{setCustomerOrderParam}from"../utils/localStorage";import promisify from"../utils/promisify";const defaultConfig={styles:{input:{"font-size":"16px",color:"#3A3A3A"},".number":{"font-family":"monospace"},":focus":{color:"blue"},".valid":{color:"green"},".invalid":{color:"red"},"@media screen and (max-width: 700px)":{input:{"font-size":"14px"}}},fields:{number:{label:"Card Number",selector:"#card-number",placeholder:"4111 1111 1111 1111"},cvv:{label:"CVV",selector:"#cvv",placeholder:"123"},expirationDate:{label:"Expiration Date",selector:"#expiration-date",placeholder:"10/2022"}},submitLabel:"Set payment method"};const BraintreePayment=({authorization:e,config:t,templateCustomerSaveToWallet:o})=>{var a,s,r;const{fields:i,styles:n,containerClassName:l,cardContainerClassName:d,fieldsContainerClassName:c,expDateContainerClassName:m,fieldLabelClassName:u,cvvContainerClassName:v,inputWrapperClassName:f,cardDetailsContainerClassName:p}=Object.assign(Object.assign({},defaultConfig),t);const[_,b]=useState(false);const{setPaymentSource:x,paymentSource:h,setPaymentMethodErrors:y,currentPaymentMethodType:C,setPaymentRef:N}=useContext(PaymentMethodContext);const{order:j}=useContext(OrderContext);const g=useRef(null);const O=async(e,t,o)=>{var a,s;const r=(s=(a=e===null||e===void 0?void 0:e.elements)===null||a===void 0?void 0:a["save_payment_source_to_customer_wallet"])===null||s===void 0?void 0:s.checked;if(r)setCustomerOrderParam("_save_payment_source_to_customer_wallet",r);if(t){try{const e=await promisify(t).then((e=>e));const a=j===null||j===void 0?void 0:j.billing_address;const s={nonce:e.nonce,bin:e.details.bin,amount:j===null||j===void 0?void 0:j.total_amount_with_taxes_float,email:j===null||j===void 0?void 0:j.customer_email,billingAddress:{givenName:a===null||a===void 0?void 0:a.first_name,surname:a===null||a===void 0?void 0:a.last_name,phoneNumber:a===null||a===void 0?void 0:a.phone,streetAddress:a===null||a===void 0?void 0:a.line_1,countryCodeAlpha2:a===null||a===void 0?void 0:a.country_code,postalCode:a===null||a===void 0?void 0:a.zip_code,region:a===null||a===void 0?void 0:a.state_code,locality:a===null||a===void 0?void 0:a.city},onLookupComplete:(e,t)=>{t()}};const r=await o.verifyCard(s);if(r.rawCardinalSDKVerificationData.Validated&&h){h&&await x({paymentSourceId:h.id,paymentResource:"braintree_payments",attributes:{paymentMethodNonce:r.nonce,options:{id:r.nonce,card:{last4:r.details.lastFour,expYear:r.details.expirationYear,expMonth:r.details.expirationMonth,brand:r.details.cardType.toLowerCase()}}}});return true}return false}catch(e){console.error(e);y([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:C,message:e.message}]);return false}}return false};useEffect((()=>{if(!g&&e)setCustomerOrderParam("_save_payment_source_to_customer_wallet","false");if(e&&!_&&!isEmpty(window)){const t=require("braintree-web/client");const o=require("braintree-web/hosted-fields");const a=require("braintree-web/three-d-secure");t.create({authorization:e},((t,s)=>{if(t){console.error(t);return}o.create({client:s,fields:i,styles:n},((t,o)=>{if(t){console.error(t);return}b(true);a.create({authorization:e,version:2},((e,t)=>{if(e){console.error("3DSecure error",e);y([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:C,message:e.message}])}if(g.current){g.current.onsubmit=()=>O(g.current,o,t);N({ref:g})}}))}))}))}return()=>{N({ref:{current:null}});b(false)}}),[e,g]);return!e&&!_?null:_jsx("div",Object.assign({className:l},{children:_jsxs("form",Object.assign({ref:g,id:"braintree-form",onSubmit:O,className:l},{children:[_jsxs("div",Object.assign({className:c},{children:[_jsxs("div",Object.assign({className:d},{children:[_jsx("label",Object.assign({className:u,htmlFor:"card-number"},{children:(a=i===null||i===void 0?void 0:i.number)===null||a===void 0?void 0:a.label}),void 0),_jsx("div",{className:f,id:"card-number"},void 0)]}),void 0),_jsxs("div",Object.assign({className:p},{children:[_jsxs("div",Object.assign({className:m},{children:[_jsx("label",Object.assign({className:u,htmlFor:"expiration-date"},{children:(s=i===null||i===void 0?void 0:i.expirationDate)===null||s===void 0?void 0:s.label}),void 0),_jsx("div",{className:f,id:"expiration-date"},void 0)]}),void 0),_jsxs("div",Object.assign({className:v},{children:[_jsx("label",Object.assign({className:u,htmlFor:"cvv"},{children:(r=i===null||i===void 0?void 0:i.cvv)===null||r===void 0?void 0:r.label}),void 0),_jsx("div",{className:f,id:"cvv"},void 0)]}),void 0)]}),void 0)]}),void 0),_jsx("div",Object.assign({className:c},{children:o&&_jsx(Parent,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:o}),void 0)}),void 0)]}),void 0)}),void 0)};export default BraintreePayment;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CheckoutLinkChildrenProps = FunctionChildren<Omit<CheckoutLinkProps, 'children'> & {
+    checkoutUrl: string;
+}>;
+declare type CheckoutLinkProps = {
+    children?: CheckoutLinkChildrenProps;
+    label?: string;
+} & JSX.IntrinsicElements['a'];
+declare const CheckoutLink: FunctionComponent<CheckoutLinkProps>;
+export default CheckoutLink;

package/lib/esm/components/CheckoutLink.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import OrderContext from"../context/OrderContext";import components from"../config/components";import Parent from"./utils/Parent";const propTypes=components.CheckoutLink.propTypes;const defaultProps=components.CheckoutLink.defaultProps;const displayName=components.CheckoutLink.displayName;const CheckoutLink=o=>{const{label:e,children:t}=o,r=__rest(o,["label","children"]);const{order:n}=useContext(OrderContext);const s=Object.assign({checkoutUrl:n===null||n===void 0?void 0:n.checkout_url,label:e},r);return t?_jsx(Parent,Object.assign({},s,{children:t}),void 0):_jsx("a",Object.assign({href:n===null||n===void 0?void 0:n.checkout_url},r,{children:e}),void 0)};CheckoutLink.propTypes=propTypes;CheckoutLink.defaultProps=defaultProps;CheckoutLink.displayName=displayName;export default CheckoutLink;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type CommerceLayerProps = {
+    children: ReactNode;
+    accessToken: string;
+    endpoint: string;
+};
+declare const CommerceLayer: FunctionComponent<CommerceLayerProps>;
+export default CommerceLayer;

package/lib/esm/components/CommerceLayer.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";const propTypes=components.CommerceLayer.propTypes;const CommerceLayer=e=>{const{children:r}=e,o=__rest(e,["children"]);return _jsx(CommerceLayerContext.Provider,Object.assign({value:Object.assign({},o)},{children:r}),void 0)};CommerceLayer.propTypes=propTypes;export default CommerceLayer;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type CustomerContainer = {
+    children: ReactNode;
+    isGuest?: boolean;
+};
+declare const CustomerContainer: FunctionComponent<CustomerContainer>;
+export default CustomerContainer;

package/lib/esm/components/CustomerContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useReducer}from"react";import customerReducer,{customerInitialState,getCustomerAddresses,getCustomerPaymentSources}from"../reducers/CustomerReducer";import OrderContext from"../context/OrderContext";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import{saveCustomerUser}from"../reducers/CustomerReducer";import CustomerContext from"../context/CustomerContext";import{defaultCustomerContext}from"../context/CustomerContext";import{isEmpty}from"lodash";const propTypes=components.CustomerContainer.propTypes;const displayName=components.CustomerContainer.displayName;const CustomerContainer=e=>{const{children:t,isGuest:o=false}=e;const[r,s]=useReducer(customerReducer,customerInitialState);const{order:m,addResourceToInclude:u,include:n,updateOrder:a}=useContext(OrderContext);const c=useContext(CommerceLayerContext);useEffect((()=>{if(!(n===null||n===void 0?void 0:n.includes("available_customer_payment_sources.payment_source"))&&!o){u({newResource:"available_customer_payment_sources.payment_source"})}if(c.accessToken&&isEmpty(r.addresses)&&!o){getCustomerAddresses({config:c,dispatch:s})}if(m&&(n===null||n===void 0?void 0:n.includes("available_customer_payment_sources.payment_source"))&&!o){getCustomerPaymentSources({dispatch:s,order:m})}return()=>{s({type:"setCustomerEmail",payload:{}})}}),[c.accessToken,m,o]);const i=Object.assign(Object.assign({isGuest:o},r),{saveCustomerUser:async e=>{await saveCustomerUser({config:c,customerEmail:e,dispatch:s,updateOrder:a,order:m})},setCustomerErrors:e=>defaultCustomerContext["setCustomerErrors"](e,s),setCustomerEmail:e=>defaultCustomerContext["setCustomerEmail"](e,s),getCustomerPaymentSources:()=>getCustomerPaymentSources({dispatch:s,order:m})});return _jsx(CustomerContext.Provider,Object.assign({value:i},{children:t}),void 0)};CustomerContainer.propTypes=propTypes;CustomerContainer.displayName=displayName;export default CustomerContainer;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+declare type CustomerInputProps = {
+    name?: 'customer_email' | string;
+    type?: 'email' | string;
+    saveOnBlur?: boolean;
+    onBlur?: () => void;
+    errorClassName?: string;
+} & Omit<BaseInputComponentProps, 'name' | 'type' | 'onBlur'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const CustomerInput: FunctionComponent<CustomerInputProps>;
+export default CustomerInput;

package/lib/esm/components/CustomerInput.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import BaseInput from"./utils/BaseInput";import components from"../config/components";import useRapidForm from"rapid-form";import CustomerContext from"../context/CustomerContext";import isEmpty from"lodash/isEmpty";const propTypes=components.CustomerInput.propTypes;const displayName=components.CustomerInput.displayName;const CustomerInput=e=>{const{name:s="customer_email",placeholder:t="",required:r=true,saveOnBlur:o=false,type:a="email",value:m,onBlur:p,className:u,errorClassName:n}=e,i=__rest(e,["name","placeholder","required","saveOnBlur","type","value","onBlur","className","errorClassName"]);const{validation:l,values:c,errors:f}=useRapidForm({fieldEvent:"blur"});const{saveCustomerUser:d,setCustomerErrors:y,setCustomerEmail:C}=useContext(CustomerContext);const[E,v]=useState(false);const x=async()=>{if(o&&isEmpty(f)&&!isEmpty(c)){await d(c[s].value);p&&p()}};useEffect((()=>{if(!isEmpty(f)){const e=[];for(const s in f){const{code:t,message:r}=f[s];e.push({code:t,message:r,resource:"orders",field:s})}if(!isEmpty(e)){v(true);y(e)}}else if(!isEmpty(c)){y([]);C(c[s].value);v(false)}return()=>{v(false)}}),[f]);const I=`${u} ${E?n:""}`;return _jsx(BaseInput,Object.assign({name:s,type:a,ref:l,required:r,placeholder:t,defaultValue:m,onBlur:x,className:I},i),void 0)};CustomerInput.propTypes=propTypes;CustomerInput.displayName=displayName;export default CustomerInput;

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
+export declare type DeliveryLeadTimeComponentChildren = Omit<ShippingMethodPriceProps, 'children'>;
+export interface ShippingMethodPriceProps extends Partial<JSX.IntrinsicElements['span']> {
+    children?: (props: DeliveryLeadTimeComponentChildren) => ReactNode;
+    type: DeliveryLeadTimeField;
+    text?: string;
+}
+declare const DeliveryLeadTime: FunctionComponent<ShippingMethodPriceProps>;
+export default DeliveryLeadTime;

package/lib/esm/components/DeliveryLeadTime.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import ShippingMethodChildrenContext from"../context/ShippingMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.DeliveryLeadTime.propTypes;const displayName=components.DeliveryLeadTime.displayName;const DeliveryLeadTime=e=>{const{type:t}=e,i=__rest(e,["type"]);const[o,r]=useState();const{deliveryLeadTimeForShipment:n}=useContext(ShippingMethodChildrenContext);useEffect((()=>{if(n&&n[t])r(n[t]);return()=>{r("")}}),[n]);const s=Object.assign({text:o},i);return e.children?_jsx(Parent,Object.assign({},s,{children:e.children}),void 0):_jsx("span",Object.assign({},i,{children:o}),void 0)};DeliveryLeadTime.propTypes=propTypes;DeliveryLeadTime.displayName=displayName;export default DeliveryLeadTime;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+declare const DiscountAmount: FunctionComponent<BaseAmountComponent>;
+export default DiscountAmount;

package/lib/esm/components/DiscountAmount.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import BaseOrderPrice from"./utils/BaseOrderPrice";import components from"../config/components";const propTypes=components.DiscountAmount.propTypes;const defaultProps=components.DiscountAmount.defaultProps;const displayName=components.DiscountAmount.displayName;const DiscountAmount=o=>_jsx(BaseOrderPrice,Object.assign({base:"amount",type:"discount"},o),void 0);DiscountAmount.propTypes=propTypes;DiscountAmount.defaultProps=defaultProps;DiscountAmount.displayName=displayName;export default DiscountAmount;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { ErrorComponentProps } from '../typings/errors';
+export declare type ErrorsProps = ErrorComponentProps & JSX.IntrinsicElements['span'];
+declare const Errors: FunctionComponent<ErrorsProps>;
+export default Errors;

package/lib/esm/components/Errors.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,Fragment,useMemo}from"react";import Parent from"./utils/Parent";import GiftCardContext from"../context/GiftCardContext";import OrderContext from"../context/OrderContext";import AddressContext from"../context/AddressContext";import getAllErrors from"./utils/getAllErrors";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import CustomerContext from"../context/CustomerContext";import PaymentMethodContext from"../context/PaymentMethodContext";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";const propTypes=components.Errors.propTypes;const displayName=components.Errors.displayName;const Errors=t=>{const{children:e,messages:o=[],resource:r,field:n}=t,s=__rest(t,["children","messages","resource","field"]);const{payment:m}=useContext(PaymentMethodChildrenContext);const{errors:i}=useContext(OrderContext);const{errors:d}=useContext(GiftCardContext);const{errors:x}=useContext(LineItemContext);const{errors:C}=useContext(AddressContext);const{errors:c}=useContext(CustomerContext);const{errors:l,currentPaymentMethodType:p,currentPaymentMethodId:a}=useContext(PaymentMethodContext);const{lineItem:u}=useContext(LineItemChildrenContext);const f=useMemo((()=>[...d||[],...i||[],...x||[],...C||[],...c||[],...(l===null||l===void 0?void 0:l.filter((t=>t.field===p&&(m===null||m===void 0?void 0:m.id)===a)))||[]]),[d,i,x,C,c,l]);const h=getAllErrors({allErrors:f,field:n,messages:o,props:s,lineItem:u,resource:r,returnHtml:!e});const y=Object.assign({messages:o,resource:r,field:n,errors:h},s);return e?_jsx(Parent,Object.assign({},y,{children:e}),void 0):_jsx(Fragment,{children:h},void 0)};Errors.propTypes=propTypes;Errors.displayName=displayName;export default Errors;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+    url: string;
+};
+declare const ExternalFunction: FunctionComponent<Props>;
+export default ExternalFunction;