npm - @commercelayer/react-components - Versions diffs - 2.46.4 → 2.47.1 - Mend

@commercelayer/react-components 2.46.4 → 2.47.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (775) hide show

package/{dist → lib/cjs}/components/AddToCartButton.d.ts RENAMED Viewed

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

package/lib/cjs/components/AddToCartButton.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/Address.d.ts RENAMED Viewed

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

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AddressCountrySelector.d.ts RENAMED Viewed

@@ -1,9 +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;
+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/cjs/components/AddressCountrySelector.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AddressField.d.ts RENAMED Viewed

@@ -1,15 +1,15 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { AddressFieldView } from "../reducers/AddressReducer";
-import { AddressCollection } from '@commercelayer/js-sdk';
-declare type AddressFieldChildrenProps = Omit<AddressFieldProps, 'children' | 'name'> & {
-    address: AddressCollection;
-};
-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;
+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/cjs/components/AddressField.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AddressInput.d.ts RENAMED Viewed

@@ -1,7 +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;
+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/cjs/components/AddressInput.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AddressStateSelector.d.ts RENAMED Viewed

@@ -1,11 +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;
+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/cjs/components/AddressStateSelector.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AddressesContainer.d.ts RENAMED Viewed

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

package/lib/cjs/components/AddressesContainer.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const AddressContext_1=(0,tslib_1.__importStar)(require("../context/AddressContext"));const react_1=require("react");const AddressReducer_1=(0,tslib_1.__importStar)(require("../reducers/AddressReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const AddressReducer_2=require("../reducers/AddressReducer");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.AddressesContainer.propTypes;const displayName=components_1.default.AddressesContainer.displayName;const AddressesContainer=e=>{const{children:s,shipToDifferentAddress:r=false}=e;const[t,d]=(0,react_1.useReducer)(AddressReducer_1.default,AddressReducer_1.addressInitialState);const{order:o,orderId:n,updateOrder:c}=(0,react_1.useContext)(OrderContext_1.default);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)((()=>{d({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress:r}});return()=>{d({type:"cleanup",payload:{}})}}),[r]);const i=Object.assign(Object.assign({},t),{setAddressErrors:(e,s)=>(0,AddressReducer_1.setAddressErrors)({errors:e,resource:s,dispatch:d,currentErrors:t.errors}),setAddress:e=>AddressContext_1.defaultAddressContext["setAddress"](Object.assign(Object.assign({},e),{dispatch:d})),saveAddresses:async()=>await(0,AddressReducer_2.saveAddresses)({config:a,dispatch:d,updateOrder:c,order:o,orderId:n,state:t}),setCloneAddress:(e,s)=>(0,AddressReducer_1.setCloneAddress)(e,s,d)});return(0,jsx_runtime_1.jsx)(AddressContext_1.default.Provider,Object.assign({value:i},{children:s}),void 0)};AddressesContainer.propTypes=propTypes;AddressesContainer.displayName=displayName;exports.default=AddressesContainer;

package/{dist → lib/cjs}/components/AdyenPayment.d.ts RENAMED Viewed

@@ -1,25 +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;
+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/cjs/components/AdyenPayment.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const localStorage_1=require("../utils/localStorage");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const browserInfo_1=(0,tslib_1.__importDefault)(require("../utils/browserInfo"));const PlaceOrderContext_1=(0,tslib_1.__importDefault)(require("../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:c}=Object.assign(Object.assign({},defaultConfig),t);const[d,l]=(0,react_1.useState)(false);const[u,m]=(0,react_1.useState)({});const{setPaymentSource:_,paymentSource:y,setPaymentMethodErrors:p,currentPaymentMethodType:f,setPaymentRef:v}=(0,react_1.useContext)(PaymentMethodContext_1.default);const{setPlaceOrder:h}=(0,react_1.useContext)(PlaceOrderContext_1.default);const b=(0,react_1.useRef)(null);const g=async(e,t)=>{var n,o,a,r,s,i,c;const d=(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(d)(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",d);const l={_authorize:1};try{const e=y&&await _({paymentSourceId:y.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 _({paymentSourceId:e===null||e===void 0?void 0:e.id,paymentResource:"adyen_payments",attributes:n})}return true}const d=(c=e===null||e===void 0?void 0:e.payment_response)===null||c===void 0?void 0:c.refusalReason;p([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:f,message:d}]);return false}catch(e){p([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:f,message:e.message}]);return false}};const C=async(e,t,n,o)=>{if(e.isValid){if(b.current){const e=require("@adyen/adyen-web");const t=await e(n);b.current.onsubmit=()=>g(b.current,t);v({ref:b})}let t=(0,browserInfo_1.default)();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 _({paymentSourceId:o.id,paymentResource:"adyen_payments",attributes:a})}};const w=async(e,t,n)=>{var o,a;const r={payment_request_details:e.data,_details:1};try{const e=y&&await _({paymentSourceId:y.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 c=require("@adyen/adyen-web");if(t){const e=await c(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)}};(0,react_1.useEffect)((()=>{const t=!(0,isEmpty_1.default)(y===null||y===void 0?void 0:y.payment_methods)?y===null||y===void 0?void 0:y.payment_methods:{};if((0,isEmpty_1.default)(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)=>C(e,t,n,y);n.onAdditionalDetails=(e,t)=>w(e,t,n);if(!b&&e)(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet","false");if(e&&!d&&!(0,isEmpty_1.default)(window)){const e=require("@adyen/adyen-web");e(n).then((e=>{const t=e.create("card",{styles:c}).mount("#adyen-card");if(t){m(e);l(true)}}))}return()=>{v({ref:{current:null}});l(false)}}),[e,b]);return!e&&!d&&!u?null:(0,jsx_runtime_1.jsxs)("form",Object.assign({ref:b,onSubmit:e=>g(e,u)},{children:[(0,jsx_runtime_1.jsx)("div",{className:r,id:"adyen-card"},void 0),n&&(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:n}),void 0),(0,jsx_runtime_1.jsx)("div",{className:s,id:"adyen-action"},void 0)]}),void 0)};exports.default=AdyenPayment;

package/{dist → lib/cjs}/components/AvailabilityContainer.d.ts RENAMED Viewed

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

package/lib/cjs/components/AvailabilityContainer.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/AvailabilityTemplate.d.ts RENAMED Viewed

@@ -1,16 +1,11 @@
-import { FunctionComponent } from 'react';
-import { TimeFormat, FunctionChildren } from "../typings/index";
-import { LeadTimes, ShippingMethod } from "../reducers/AvailabilityReducer";
-declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<AvailabilityTemplateProps, 'children'> & {
-    min: LeadTimes;
-    max: LeadTimes;
-    shippingMethod: ShippingMethod;
-    quanity: number;
-}>;
-declare type AvailabilityTemplateProps = {
-    children?: AvailabilityTemplateChildrenProps;
-    timeFormat?: TimeFormat;
-    showShippingMethodName?: boolean;
-} & JSX.IntrinsicElements['p'];
-declare const AvailabilityTemplate: FunctionComponent<AvailabilityTemplateProps>;
-export default AvailabilityTemplate;
+import { FunctionComponent } from 'react';
+import { TimeFormat, FunctionChildren } from '../typings/index';
+import { DeliveryLeadTime } from '../reducers/AvailabilityReducer';
+declare type AvailabilityTemplateChildrenProps = FunctionChildren<Omit<AvailabilityTemplateProps, 'children'> & DeliveryLeadTime>;
+declare type AvailabilityTemplateProps = {
+    children?: AvailabilityTemplateChildrenProps;
+    timeFormat?: TimeFormat;
+    showShippingMethodName?: boolean;
+} & JSX.IntrinsicElements['p'];
+declare const AvailabilityTemplate: FunctionComponent<AvailabilityTemplateProps>;
+export default AvailabilityTemplate;

package/lib/cjs/components/AvailabilityTemplate.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/BillingAddressContainer.d.ts RENAMED Viewed

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

package/lib/cjs/components/BillingAddressContainer.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const BillingAddressContext_1=(0,tslib_1.__importDefault)(require("../context/BillingAddressContext"));const react_1=require("react");const BillingAddressReducer_1=(0,tslib_1.__importStar)(require("../reducers/BillingAddressReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext"));const propTypes=components_1.default.BillingAddressContainer.propTypes;const BillingAddressContainer=e=>{const{children:t}=e;const[s,r]=(0,react_1.useReducer)(BillingAddressReducer_1.default,BillingAddressReducer_1.billingAddressInitialState);const d=(0,react_1.useContext)(CommerceLayerContext_1.default);const{order:i,include:n,addResourceToInclude:o}=(0,react_1.useContext)(OrderContext_1.default);const{shipToDifferentAddress:l,setCloneAddress:c}=(0,react_1.useContext)(AddressContext_1.default);(0,react_1.useEffect)((()=>{if(!(n===null||n===void 0?void 0:n.includes("billing_address"))){o({newResource:"billing_address"})}if(i&&d){(0,BillingAddressReducer_1.setBillingCustomerAddressId)({dispatch:r,order:i,setCloneAddress:c})}return()=>{r({type:"cleanup",payload:{}})}}),[i]);const u=Object.assign(Object.assign({},s),{setBillingAddress:async(e,t)=>{await(0,BillingAddressReducer_1.setBillingAddress)(e,{config:d,dispatch:r,order:i,shipToDifferentAddress:l,customerAddressId:t===null||t===void 0?void 0:t.customerAddressId});c(e,"billing_address")}});return(0,jsx_runtime_1.jsx)(BillingAddressContext_1.default.Provider,Object.assign({value:u},{children:t}),void 0)};BillingAddressContainer.propTypes=propTypes;exports.default=BillingAddressContainer;

package/{dist → lib/cjs}/components/BillingAddressForm.d.ts RENAMED Viewed

@@ -1,8 +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;
+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/cjs/components/BillingAddressForm.js ADDED Viewed

@@ -0,0 +1 @@

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

package/{dist → lib/cjs}/components/BraintreePayment.d.ts RENAMED Viewed

@@ -1,30 +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;
+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/cjs/components/BraintreePayment.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const localStorage_1=require("../utils/localStorage");const promisify_1=(0,tslib_1.__importDefault)(require("../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:r})=>{var i,s,a;const{fields:o,styles:n,containerClassName:l,cardContainerClassName:d,fieldsContainerClassName:c,expDateContainerClassName:u,fieldLabelClassName:m,cvvContainerClassName:_,inputWrapperClassName:v,cardDetailsContainerClassName:f}=Object.assign(Object.assign({},defaultConfig),t);const[p,x]=(0,react_1.useState)(false);const{setPaymentSource:b,paymentSource:j,setPaymentMethodErrors:h,currentPaymentMethodType:y,setPaymentRef:C}=(0,react_1.useContext)(PaymentMethodContext_1.default);const{order:N}=(0,react_1.useContext)(OrderContext_1.default);const g=(0,react_1.useRef)(null);const O=async(e,t,r)=>{var i,s;const a=(s=(i=e===null||e===void 0?void 0:e.elements)===null||i===void 0?void 0:i["save_payment_source_to_customer_wallet"])===null||s===void 0?void 0:s.checked;if(a)(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",a);if(t){try{const e=await(0,promisify_1.default)(t).then((e=>e));const i=N===null||N===void 0?void 0:N.billing_address;const s={nonce:e.nonce,bin:e.details.bin,amount:N===null||N===void 0?void 0:N.total_amount_with_taxes_float,email:N===null||N===void 0?void 0:N.customer_email,billingAddress:{givenName:i===null||i===void 0?void 0:i.first_name,surname:i===null||i===void 0?void 0:i.last_name,phoneNumber:i===null||i===void 0?void 0:i.phone,streetAddress:i===null||i===void 0?void 0:i.line_1,countryCodeAlpha2:i===null||i===void 0?void 0:i.country_code,postalCode:i===null||i===void 0?void 0:i.zip_code,region:i===null||i===void 0?void 0:i.state_code,locality:i===null||i===void 0?void 0:i.city},onLookupComplete:(e,t)=>{t()}};const a=await r.verifyCard(s);if(a.rawCardinalSDKVerificationData.Validated&&j){j&&await b({paymentSourceId:j.id,paymentResource:"braintree_payments",attributes:{paymentMethodNonce:a.nonce,options:{id:a.nonce,card:{last4:a.details.lastFour,expYear:a.details.expirationYear,expMonth:a.details.expirationMonth,brand:a.details.cardType.toLowerCase()}}}});return true}return false}catch(e){console.error(e);h([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:y,message:e.message}]);return false}}return false};(0,react_1.useEffect)((()=>{if(!g&&e)(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet","false");if(e&&!p&&!(0,isEmpty_1.default)(window)){const t=require("braintree-web/client");const r=require("braintree-web/hosted-fields");const i=require("braintree-web/three-d-secure");t.create({authorization:e},((t,s)=>{if(t){console.error(t);return}r.create({client:s,fields:o,styles:n},((t,r)=>{if(t){console.error(t);return}x(true);i.create({authorization:e,version:2},((e,t)=>{if(e){console.error("3DSecure error",e);h([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:y,message:e.message}])}if(g.current){g.current.onsubmit=()=>O(g.current,r,t);C({ref:g})}}))}))}))}return()=>{C({ref:{current:null}});x(false)}}),[e,g]);return!e&&!p?null:(0,jsx_runtime_1.jsx)("div",Object.assign({className:l},{children:(0,jsx_runtime_1.jsxs)("form",Object.assign({ref:g,id:"braintree-form",onSubmit:O,className:l},{children:[(0,jsx_runtime_1.jsxs)("div",Object.assign({className:c},{children:[(0,jsx_runtime_1.jsxs)("div",Object.assign({className:d},{children:[(0,jsx_runtime_1.jsx)("label",Object.assign({className:m,htmlFor:"card-number"},{children:(i=o===null||o===void 0?void 0:o.number)===null||i===void 0?void 0:i.label}),void 0),(0,jsx_runtime_1.jsx)("div",{className:v,id:"card-number"},void 0)]}),void 0),(0,jsx_runtime_1.jsxs)("div",Object.assign({className:f},{children:[(0,jsx_runtime_1.jsxs)("div",Object.assign({className:u},{children:[(0,jsx_runtime_1.jsx)("label",Object.assign({className:m,htmlFor:"expiration-date"},{children:(s=o===null||o===void 0?void 0:o.expirationDate)===null||s===void 0?void 0:s.label}),void 0),(0,jsx_runtime_1.jsx)("div",{className:v,id:"expiration-date"},void 0)]}),void 0),(0,jsx_runtime_1.jsxs)("div",Object.assign({className:_},{children:[(0,jsx_runtime_1.jsx)("label",Object.assign({className:m,htmlFor:"cvv"},{children:(a=o===null||o===void 0?void 0:o.cvv)===null||a===void 0?void 0:a.label}),void 0),(0,jsx_runtime_1.jsx)("div",{className:v,id:"cvv"},void 0)]}),void 0)]}),void 0)]}),void 0),(0,jsx_runtime_1.jsx)("div",Object.assign({className:c},{children:r&&(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:r}),void 0)}),void 0)]}),void 0)}),void 0)};exports.default=BraintreePayment;

package/{dist → lib/cjs}/components/CheckoutLink.d.ts RENAMED Viewed

@@ -1,11 +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;
+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/cjs/components/CheckoutLink.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/CommerceLayer.d.ts RENAMED Viewed

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

package/lib/cjs/components/CommerceLayer.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.CommerceLayer.propTypes;const CommerceLayer=e=>{const{children:r}=e,t=(0,tslib_1.__rest)(e,["children"]);return(0,jsx_runtime_1.jsx)(CommerceLayerContext_1.default.Provider,Object.assign({value:Object.assign({},t)},{children:r}),void 0)};CommerceLayer.propTypes=propTypes;exports.default=CommerceLayer;

package/{dist → lib/cjs}/components/CustomerContainer.d.ts RENAMED Viewed

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

package/lib/cjs/components/CustomerContainer.js ADDED Viewed

@@ -0,0 +1 @@

package/{dist → lib/cjs}/components/CustomerInput.d.ts RENAMED Viewed

@@ -1,11 +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;
+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/cjs/components/CustomerInput.js ADDED Viewed

@@ -0,0 +1 @@