@commercelayer/react-components 4.17.0 → 4.19.0

package/lib/cjs/components/payment_gateways/AdyenGateway.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdyenGateway=AdyenGateway;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodChildrenContext")),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),react_1=require("react"),AdyenPayment_1=tslib_1.__importDefault(require("../payment_source/AdyenPayment")),PaymentCardsTemplate_1=tslib_1.__importDefault(require("../utils/PaymentCardsTemplate")),jwt_1=require("../../utils/jwt"),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails")),getPaymentAttributes_1=require("../../utils/getPaymentAttributes"),canPlaceOrder_1=require("../../utils/canPlaceOrder");function AdyenGateway(props){var _a,_b;const{readonly,showCard,handleEditClick,children,templateCustomerCards,loading,loaderComponent,templateCustomerSaveToWallet}=props,p=tslib_1.__rest(props,["readonly","showCard","handleEditClick","children","templateCustomerCards","loading","loaderComponent","templateCustomerSaveToWallet"]),{order}=(0,react_1.useContext)(OrderContext_1.default),{accessToken}=(0,react_1.useContext)(CommerceLayerContext_1.default),{payment}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default),{payments,isGuest}=(0,react_1.useContext)(CustomerContext_1.default),{currentPaymentMethodId,config,paymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),paymentResource="adyen_payments",locale=order?.language_code;if(!readonly&&payment?.id!==currentPaymentMethodId&&order!=null&&!(0,canPlaceOrder_1.canPlaceOrder)(order))return null;const clientKey=paymentSource?.public_key,environment=accessToken&&(0,jwt_1.jwt)(accessToken).test?"test":"live",adyenConfig=(0,getPaymentAttributes_1.getPaymentAttributes)({resource:paymentResource,config:config??{},keys:["adyen_payments"]}),paymentConfig=adyenConfig?.adyenPayment,customerPayments=!(0,isEmpty_1.default)(payments)&&payments?payments.filter(customerPayment=>{var _a2;return((_a2=customerPayment.payment_source)===null||_a2===void 0?void 0:_a2.type)==="adyen_payments"||customerPayment.payment_method!=null}):[];if(readonly||showCard){const card=(0,getCardDetails_1.default)({customerPayment:{payment_source:paymentSource},paymentType:paymentResource}),value=Object.assign(Object.assign({},card),{showCard,handleEditClick,readonly});return(0,isEmpty_1.default)(card)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,{value,children})}const hasStoredPaymentMethods=((_a=paymentSource?.payment_methods)===null||_a===void 0?void 0:_a.storedPaymentMethods)!=null&&((_b=paymentSource?.payment_methods)===null||_b===void 0?void 0:_b.storedPaymentMethods.length)>0;return!isGuest&&templateCustomerCards?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[hasStoredPaymentMethods||(0,isEmpty_1.default)(customerPayments)?null:(0,jsx_runtime_1.jsx)("div",{className:p.className,children:(0,jsx_runtime_1.jsx)(PaymentCardsTemplate_1.default,{paymentResource,customerPayments,children:templateCustomerCards})}),(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{templateCustomerSaveToWallet,clientKey,locale,environment,config:paymentConfig})]}):(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{clientKey,locale,config:paymentConfig,environment})}exports.default=AdyenGateway;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdyenGateway=AdyenGateway;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodChildrenContext")),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentSourceContext_1=tslib_1.__importDefault(require("../../context/PaymentSourceContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),react_1=require("react"),AdyenPayment_1=tslib_1.__importDefault(require("../payment_source/AdyenPayment")),PaymentCardsTemplate_1=tslib_1.__importDefault(require("../utils/PaymentCardsTemplate")),jwt_1=require("../../utils/jwt"),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails")),getPaymentAttributes_1=require("../../utils/getPaymentAttributes");function AdyenGateway(props){var _a,_b;const{readonly,showCard,handleEditClick,children,templateCustomerCards,loading,loaderComponent,templateCustomerSaveToWallet}=props,p=tslib_1.__rest(props,["readonly","showCard","handleEditClick","children","templateCustomerCards","loading","loaderComponent","templateCustomerSaveToWallet"]),{order}=(0,react_1.useContext)(OrderContext_1.default),{accessToken}=(0,react_1.useContext)(CommerceLayerContext_1.default),{payment}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default),{payments,isGuest}=(0,react_1.useContext)(CustomerContext_1.default),{currentPaymentMethodId,config,paymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),paymentResource="adyen_payments",locale=order?.language_code;if(!readonly&&payment?.id!==currentPaymentMethodId)return null;const clientKey=paymentSource?.public_key,environment=accessToken&&(0,jwt_1.jwt)(accessToken).test?"test":"live",adyenConfig=(0,getPaymentAttributes_1.getPaymentAttributes)({resource:paymentResource,config:config??{},keys:["adyen_payments"]}),paymentConfig=adyenConfig?.adyenPayment,customerPayments=!(0,isEmpty_1.default)(payments)&&payments?payments.filter(customerPayment=>{var _a2;return((_a2=customerPayment.payment_source)===null||_a2===void 0?void 0:_a2.type)==="adyen_payments"||customerPayment.payment_method!=null}):[];if(readonly||showCard){const card=(0,getCardDetails_1.default)({customerPayment:{payment_source:paymentSource},paymentType:paymentResource}),value=Object.assign(Object.assign({},card),{showCard,handleEditClick,readonly});return(0,isEmpty_1.default)(card)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,{value,children})}const hasStoredPaymentMethods=((_a=paymentSource?.payment_methods)===null||_a===void 0?void 0:_a.storedPaymentMethods)!=null&&((_b=paymentSource?.payment_methods)===null||_b===void 0?void 0:_b.storedPaymentMethods.length)>0;return!isGuest&&templateCustomerCards?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[hasStoredPaymentMethods||(0,isEmpty_1.default)(customerPayments)?null:(0,jsx_runtime_1.jsx)("div",{className:p.className,children:(0,jsx_runtime_1.jsx)(PaymentCardsTemplate_1.default,{paymentResource,customerPayments,children:templateCustomerCards})}),(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{templateCustomerSaveToWallet,clientKey,locale,environment,config:paymentConfig})]}):(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{clientKey,locale,config:paymentConfig,environment})}exports.default=AdyenGateway;

package/lib/cjs/components/payment_gateways/BraintreeGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = GatewayBaseType;
 export declare function BraintreeGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_gateways/CheckoutComGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = GatewayBaseType;
 export declare function CheckoutComGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_gateways/ExternalGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = GatewayBaseType;
 export declare function ExternalGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_gateways/KlarnaGateway.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 type Props = GatewayBaseType;
 export declare function KlarnaGateway(props: Props): JSX.Element | null;
 export default KlarnaGateway;

package/lib/cjs/components/payment_gateways/PaymentGateway.d.ts

@@ -1,6 +1,6 @@
-import { type LoaderType } from '../../typings/index';
+import type { LoaderType } from '../../typings/index';
 import { type JSX } from 'react';
-import { type PaymentSourceProps } from '../payment_source/PaymentSource';
+import type { PaymentSourceProps } from '../payment_source/PaymentSource';
 export type GatewayBaseType = Props & {
     show: boolean;
     loading: boolean;

package/lib/cjs/components/payment_gateways/PaypalGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = Partial<GatewayBaseType>;
 export declare function PaypalGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_gateways/StripeGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = GatewayBaseType;
 export declare function StripeGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_gateways/WireTransferGateway.d.ts

@@ -1,4 +1,4 @@
-import { type GatewayBaseType } from '../payment_gateways/PaymentGateway';
+import type { GatewayBaseType } from '../payment_gateways/PaymentGateway';
 import { type JSX } from 'react';
 type Props = GatewayBaseType;
 export declare function WireTransferGateway(props: Props): JSX.Element | null;

package/lib/cjs/components/payment_methods/PaymentMethod.d.ts

@@ -30,6 +30,10 @@ type Props = {
      * Enable express payment. Other payment methods will be disabled.
      */
     expressPayments?: boolean;
+    /**
+     * Sort payment methods by an array of strings
+     */
+    sortBy?: Array<PaymentMethodType['payment_source_type']>;
 } & Omit<JSX.IntrinsicElements['div'], 'onClick' | 'children'> & ({
     clickableContainer: true;
     onClick?: (params: PaymentMethodOnClickParams) => void;
@@ -37,5 +41,5 @@ type Props = {
     clickableContainer?: never;
     onClick?: never;
 });
-export declare function PaymentMethod({ children, className, activeClass, loader, clickableContainer, autoSelectSinglePaymentMethod, expressPayments, hide, onClick, ...p }: Props): JSX.Element;
+export declare function PaymentMethod({ children, className, activeClass, loader, clickableContainer, autoSelectSinglePaymentMethod, expressPayments, hide, onClick, sortBy, ...p }: Props): JSX.Element;
 export default PaymentMethod;

package/lib/cjs/components/payment_methods/PaymentMethod.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentMethod=PaymentMethod;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodChildrenContext")),getLoaderComponent_1=tslib_1.__importDefault(require("../../utils/getLoaderComponent")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),getPaymentAttributes_1=require("../../utils/getPaymentAttributes"),isEmpty_1=require("../../utils/isEmpty"),expressPaymentHelper_1=require("../../utils/expressPaymentHelper"),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext"));let loadingResource=!1;function PaymentMethod(_a){var{children,className,activeClass,loader="Loading...",clickableContainer,autoSelectSinglePaymentMethod,expressPayments,hide,onClick}=_a,p=tslib_1.__rest(_a,["children","className","activeClass","loader","clickableContainer","autoSelectSinglePaymentMethod","expressPayments","hide","onClick"]);const[loading,setLoading]=(0,react_1.useState)(!0),[paymentSelected,setPaymentSelected]=(0,react_1.useState)(""),[paymentSourceCreated,setPaymentSourceCreated]=(0,react_1.useState)(!1),{paymentMethods,currentPaymentMethodId,setPaymentMethod,setLoading:setLoadingPlaceOrder,paymentSource,setPaymentSource,config}=(0,useCustomContext_1.default)({context:PaymentMethodContext_1.default,contextComponentName:"PaymentMethodsContainer",currentComponentName:"PaymentMethod",key:"paymentMethods"}),{order}=(0,react_1.useContext)(OrderContext_1.default),{getCustomerPaymentSources}=(0,react_1.useContext)(CustomerContext_1.default),{status}=(0,react_1.useContext)(PlaceOrderContext_1.default);(0,react_1.useEffect)(()=>{if(paymentMethods!=null&&!(0,isEmpty_1.isEmpty)(paymentMethods)&&expressPayments){const[paymentMethod]=(0,expressPaymentHelper_1.getAvailableExpressPayments)(paymentMethods);!paymentSource&&paymentMethod!=null&&tslib_1.__awaiter(this,void 0,void 0,function*(){setLoadingPlaceOrder({loading:!0}),setPaymentSelected(paymentMethod.id);const paymentMethodId=paymentMethod?.id,paymentResource=paymentMethod?.payment_source_type;yield setPaymentMethod({paymentResource,paymentMethodId});const ps=yield setPaymentSource({paymentResource,order});ps&&paymentMethod&&onClick!=null&&(onClick({payment:paymentMethod,order,paymentSource:ps}),setTimeout(()=>{setLoading(!1)},200)),setLoadingPlaceOrder({loading:!1})})}},[!(0,isEmpty_1.isEmpty)(paymentMethods),expressPayments]),(0,react_1.useEffect)(()=>{paymentMethods!=null&&!paymentSourceCreated&&!loadingResource&&!(0,isEmpty_1.isEmpty)(paymentMethods)&&(loadingResource=!0,autoSelectSinglePaymentMethod!=null&&!expressPayments&&tslib_1.__awaiter(this,void 0,void 0,function*(){if(paymentMethods.length===1){const[paymentMethod]=paymentMethods??[];if(paymentMethod&&!paymentSource){setLoadingPlaceOrder({loading:!0}),setPaymentSelected(paymentMethod.id);const paymentMethodId=paymentMethod?.id,paymentResource=paymentMethod?.payment_source_type;yield setPaymentMethod({paymentResource,paymentMethodId});let attributes={};config!=null&&paymentResource==="paypal_payments"&&(attributes=(0,getPaymentAttributes_1.getPaypalAttributes)(paymentResource,config)),config!=null&&paymentResource==="external_payments"&&(attributes=(0,getPaymentAttributes_1.getExternalPaymentAttributes)(paymentResource,config));const ps=yield setPaymentSource({paymentResource,order,attributes});ps&&paymentMethod&&onClick!=null&&(setPaymentSourceCreated(!0),onClick({payment:paymentMethod,order,paymentSource:ps}),setTimeout(()=>{setLoading(!1)},200)),getCustomerPaymentSources&&getCustomerPaymentSources(),setLoadingPlaceOrder({loading:!1})}typeof autoSelectSinglePaymentMethod=="function"&&autoSelectSinglePaymentMethod()}else setTimeout(()=>{setLoading(!1)},200)}))},[order?.payment_source!=null]),(0,react_1.useEffect)(()=>(paymentMethods&&(paymentMethods.length===1&&autoSelectSinglePaymentMethod?paymentSource&&setTimeout(()=>{setLoading(!1)},200):setLoading(!1)),currentPaymentMethodId&&setPaymentSelected(currentPaymentMethodId),()=>{setLoading(!0),setPaymentSelected("")}),[paymentMethods,currentPaymentMethodId]);const components=paymentMethods?.filter(payment=>{if(Array.isArray(hide)){const source=payment?.payment_source_type;return!hide?.includes(source)}else if(typeof hide=="function")return hide(payment);return!0}).map((payment,k)=>{const isActive=currentPaymentMethodId===payment?.id,paymentMethodProps={payment,clickableContainer,paymentSelected,setPaymentSelected,expressPayments},paymentResource=payment?.payment_source_type,onClickable=clickableContainer?e=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2;e.stopPropagation();const paymentMethodId=payment?.id,currentPaymentMethodId2=(_a2=order?.payment_method)===null||_a2===void 0?void 0:_a2.id;if(paymentMethodId===currentPaymentMethodId2||status==="placing")return;setLoadingPlaceOrder({loading:!0}),setPaymentSelected(payment.id);const{order:updatedOrder}=yield setPaymentMethod({paymentResource,paymentMethodId});onClick&&onClick({payment,order:updatedOrder}),setLoadingPlaceOrder({loading:!1})}):void 0;return(0,jsx_runtime_1.jsx)("div",Object.assign({"data-testid":paymentResource,className:`${className??""} ${isActive&&activeClass!=null?activeClass:""}`,onClick:e=>{onClickable?.(e)}},p,{children:(0,jsx_runtime_1.jsx)(PaymentMethodChildrenContext_1.default.Provider,{value:paymentMethodProps,children})}),k)});return loading?(0,getLoaderComponent_1.default)(loader):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=PaymentMethod;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentMethod=PaymentMethod;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodChildrenContext")),getLoaderComponent_1=tslib_1.__importDefault(require("../../utils/getLoaderComponent")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),getPaymentAttributes_1=require("../../utils/getPaymentAttributes"),isEmpty_1=require("../../utils/isEmpty"),expressPaymentHelper_1=require("../../utils/expressPaymentHelper"),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),sortPaymentMethods_1=require("../../utils/payment-methods/sortPaymentMethods");let loadingResource=!1;function PaymentMethod(_a){var{children,className,activeClass,loader="Loading...",clickableContainer,autoSelectSinglePaymentMethod,expressPayments,hide,onClick,sortBy}=_a,p=tslib_1.__rest(_a,["children","className","activeClass","loader","clickableContainer","autoSelectSinglePaymentMethod","expressPayments","hide","onClick","sortBy"]);const[loading,setLoading]=(0,react_1.useState)(!0),[paymentSelected,setPaymentSelected]=(0,react_1.useState)(""),[paymentSourceCreated,setPaymentSourceCreated]=(0,react_1.useState)(!1),{paymentMethods,currentPaymentMethodId,setPaymentMethod,setLoading:setLoadingPlaceOrder,paymentSource,setPaymentSource,config}=(0,useCustomContext_1.default)({context:PaymentMethodContext_1.default,contextComponentName:"PaymentMethodsContainer",currentComponentName:"PaymentMethod",key:"paymentMethods"}),{order}=(0,react_1.useContext)(OrderContext_1.default),{getCustomerPaymentSources}=(0,react_1.useContext)(CustomerContext_1.default),{status}=(0,react_1.useContext)(PlaceOrderContext_1.default);(0,react_1.useEffect)(()=>{if(paymentMethods!=null&&!(0,isEmpty_1.isEmpty)(paymentMethods)&&expressPayments){const[paymentMethod]=(0,expressPaymentHelper_1.getAvailableExpressPayments)(paymentMethods);!paymentSource&&paymentMethod!=null&&tslib_1.__awaiter(this,void 0,void 0,function*(){setLoadingPlaceOrder({loading:!0}),setPaymentSelected(paymentMethod.id);const paymentMethodId=paymentMethod?.id,paymentResource=paymentMethod?.payment_source_type;yield setPaymentMethod({paymentResource,paymentMethodId});const ps=yield setPaymentSource({paymentResource,order});ps&&paymentMethod&&onClick!=null&&(onClick({payment:paymentMethod,order,paymentSource:ps}),setTimeout(()=>{setLoading(!1)},200)),setLoadingPlaceOrder({loading:!1})})}},[!(0,isEmpty_1.isEmpty)(paymentMethods),expressPayments]),(0,react_1.useEffect)(()=>{paymentMethods!=null&&!paymentSourceCreated&&!loadingResource&&!(0,isEmpty_1.isEmpty)(paymentMethods)&&(loadingResource=!0,autoSelectSinglePaymentMethod!=null&&!expressPayments&&tslib_1.__awaiter(this,void 0,void 0,function*(){if(paymentMethods.length===1){const[paymentMethod]=paymentMethods??[];if(paymentMethod&&!paymentSource){setLoadingPlaceOrder({loading:!0}),setPaymentSelected(paymentMethod.id);const paymentMethodId=paymentMethod?.id,paymentResource=paymentMethod?.payment_source_type;yield setPaymentMethod({paymentResource,paymentMethodId});let attributes={};config!=null&&paymentResource==="paypal_payments"&&(attributes=(0,getPaymentAttributes_1.getPaypalAttributes)(paymentResource,config)),config!=null&&paymentResource==="external_payments"&&(attributes=(0,getPaymentAttributes_1.getExternalPaymentAttributes)(paymentResource,config));const ps=yield setPaymentSource({paymentResource,order,attributes});ps&&paymentMethod&&onClick!=null&&(setPaymentSourceCreated(!0),onClick({payment:paymentMethod,order,paymentSource:ps}),setTimeout(()=>{setLoading(!1)},200)),getCustomerPaymentSources&&getCustomerPaymentSources(),setLoadingPlaceOrder({loading:!1})}typeof autoSelectSinglePaymentMethod=="function"&&autoSelectSinglePaymentMethod()}else setTimeout(()=>{setLoading(!1)},200)}))},[!(0,isEmpty_1.isEmpty)(paymentMethods),order?.payment_source!=null]),(0,react_1.useEffect)(()=>(paymentMethods&&(paymentMethods.length===1&&autoSelectSinglePaymentMethod?paymentSource&&setTimeout(()=>{setLoading(!1)},200):setLoading(!1)),currentPaymentMethodId&&setPaymentSelected(currentPaymentMethodId),()=>{setLoading(!0),setPaymentSelected("")}),[paymentMethods,currentPaymentMethodId]);const sortedPaymentMethods=paymentMethods!=null&&sortBy!=null?(0,sortPaymentMethods_1.sortPaymentMethods)(paymentMethods,sortBy):paymentMethods,components=sortedPaymentMethods?.filter(payment=>{if(Array.isArray(hide)){const source=payment?.payment_source_type;return!hide?.includes(source)}else if(typeof hide=="function")return hide(payment);return!0}).map((payment,k)=>{const isActive=currentPaymentMethodId===payment?.id,paymentMethodProps={payment,clickableContainer,paymentSelected,setPaymentSelected,expressPayments},paymentResource=payment?.payment_source_type,onClickable=clickableContainer?e=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2;e.stopPropagation();const paymentMethodId=payment?.id,currentPaymentMethodId2=(_a2=order?.payment_method)===null||_a2===void 0?void 0:_a2.id;if(paymentMethodId===currentPaymentMethodId2||status==="placing")return;setLoadingPlaceOrder({loading:!0}),setPaymentSelected(payment.id);const{order:updatedOrder}=yield setPaymentMethod({paymentResource,paymentMethodId});onClick&&onClick({payment,order:updatedOrder}),setLoadingPlaceOrder({loading:!1})}):void 0;return(0,jsx_runtime_1.jsx)("div",Object.assign({"data-testid":paymentResource,className:`${className??""} ${isActive&&activeClass!=null?activeClass:""}`,onClick:e=>{onClickable?.(e)}},p,{children:(0,jsx_runtime_1.jsx)(PaymentMethodChildrenContext_1.default.Provider,{value:paymentMethodProps,children})}),k)});return loading?(0,getLoaderComponent_1.default)(loader):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=PaymentMethod;

package/lib/cjs/components/payment_methods/PaymentMethodName.d.ts

@@ -1,4 +1,4 @@
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {
     labelName: string;

package/lib/cjs/components/payment_methods/PaymentMethodPrice.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type BaseAmountComponent } from '../../typings/index';
+import type { BaseAmountComponent } from '../../typings/index';
 interface Props extends BaseAmountComponent {
     type?: 'amount';
     labelFree?: string;

package/lib/cjs/components/payment_methods/PaymentMethodRadioButton.d.ts

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type JSX } from 'react';
 import type { Order, PaymentMethod } from '@commercelayer/sdk';
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
     checked: boolean;
     handleOnChange: (event: ChangeEvent<HTMLInputElement>) => Promise<void>;

package/lib/cjs/components/payment_source/AdyenPayment.d.ts

@@ -1,41 +1,9 @@
-import { type CSSProperties, type JSX } from 'react';
-import { type PaymentSourceProps } from './PaymentSource';
-import type { CoreOptions } from '@adyen/adyen-web/dist/types/core/types';
-type Styles = Partial<{
-    base: CSSProperties;
-    error: CSSProperties;
-    placeholder: CSSProperties;
-    validated: CSSProperties;
-}>;
-type PaypalStyle = Partial<{
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#color}
-     */
-    color: 'gold' | 'blue' | 'silver' | 'white' | 'black';
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#shape}
-     */
-    shape: 'rect' | 'pill';
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#height}
-     */
-    height: string | number;
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#label}
-     */
-    label: 'paypal' | 'checkout' | 'buynow' | 'pay';
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#tagline}
-     */
-    tagline: boolean;
-    /**
-     * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#layout}
-     */
-    layout: 'vertical' | 'horizontal';
-}>;
+import { type JSX } from "react";
+import type { PaymentSourceProps } from "./PaymentSource";
+import { type CardConfiguration, type CoreConfiguration, type DropinConfiguration, type PayPalConfiguration } from "@adyen/adyen-web/auto";
 interface PaymentMethodsStyle {
-    card?: Styles;
-    paypal?: PaypalStyle;
+    card?: CardConfiguration["styles"];
+    paypal?: PayPalConfiguration["style"];
 }
 /**
  * Configuration options for the Adyen payment component.
@@ -47,6 +15,7 @@ export interface AdyenPaymentConfig {
     cardContainerClassName?: string;
     /**
      * Optional CSS class name for the 3D Secure container.
+     * @deprecated
      */
     threeDSecureContainerClassName?: string;
     /**
@@ -63,7 +32,7 @@ export interface AdyenPaymentConfig {
     /**
      * Configuration options for the payment methods.
      */
-    paymentMethodsConfiguration?: CoreOptions['paymentMethodsConfiguration'];
+    paymentMethodsConfiguration?: DropinConfiguration["paymentMethodsConfiguration"];
     /**
      * Callback function to disable a stored payment method.
      * @param props - An object containing the recurring detail reference and shopper reference.
@@ -77,9 +46,9 @@ export interface AdyenPaymentConfig {
 interface Props {
     clientKey?: string;
     config?: AdyenPaymentConfig;
-    templateCustomerSaveToWallet?: PaymentSourceProps['templateCustomerSaveToWallet'];
-    locale?: string;
-    environment?: string;
+    templateCustomerSaveToWallet?: PaymentSourceProps["templateCustomerSaveToWallet"];
+    locale?: CoreConfiguration["locale"];
+    environment?: CoreConfiguration["environment"];
 }
-export declare function AdyenPayment({ clientKey, config, templateCustomerSaveToWallet, environment, locale }: Props): JSX.Element | null;
+export declare function AdyenPayment({ clientKey, config, templateCustomerSaveToWallet, environment, locale, }: Props): JSX.Element | null;
 export default AdyenPayment;

package/lib/cjs/components/payment_source/AdyenPayment.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdyenPayment=AdyenPayment;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),localStorage_1=require("../../utils/localStorage"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),browserInfo_1=tslib_1.__importStar(require("../../utils/browserInfo")),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getPublicIp_1=require("../../utils/getPublicIp"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),defaultConfig={};function AdyenPayment({clientKey,config,templateCustomerSaveToWallet,environment="test",locale="en_US"}){const{cardContainerClassName,threeDSecureContainerClassName,styles,onDisableStoredPaymentMethod}=Object.assign(Object.assign({},defaultConfig),config),[loadAdyen,setLoadAdyen]=(0,react_1.useState)(!1),[checkout,setCheckout]=(0,react_1.useState)(),{setPaymentSource,paymentSource,setPaymentMethodErrors,currentPaymentMethodType,setPaymentRef,currentCustomerPaymentSourceId}=(0,react_1.useContext)(PaymentMethodContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{placeOrderButtonRef,setPlaceOrder}=(0,react_1.useContext)(PlaceOrderContext_1.default),{customers}=(0,react_1.useContext)(CustomerContext_1.default),ref=(0,react_1.useRef)(null),handleSubmit=(e,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b;const savePaymentSourceToCustomerWallet=(_b=(_a=e?.elements)===null||_a===void 0?void 0:_a.save_payment_source_to_customer_wallet)===null||_b===void 0?void 0:_b.checked;return savePaymentSourceToCustomerWallet&&(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",savePaymentSourceToCustomerWallet),component?.submit&&component.submit(),!1}),handleChange=(state,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){state.isValid&&ref.current&&(ref.current.onsubmit=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield handleSubmit(ref.current,component)}),setPaymentRef({ref}))}),handleOnAdditionalDetails=(state,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c;const attributes={payment_request_details:state.data,_details:1};try{const pSource=paymentSource&&(yield setPaymentSource({paymentSourceId:paymentSource.id,paymentResource:"adyen_payments",attributes})),adyenAction=(_a=pSource?.payment_response)===null||_a===void 0?void 0:_a.action,resultCode=(_b=pSource?.payment_response)===null||_b===void 0?void 0:_b.resultCode;if(adyenAction&&component)return component.handleAction(adyenAction),!1;if(["Authorised","Pending","Received"].includes(resultCode))return placeOrderButtonRef?.current!=null&&(placeOrderButtonRef.current.disabled&&(placeOrderButtonRef.current.disabled=!1),placeOrderButtonRef.current.click()),!0;if(["Cancelled","Refused"].includes(resultCode)){const message=(_c=pSource?.payment_response)===null||_c===void 0?void 0:_c.refusalReason;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}]),component&&component.mount("#adyen-dropin")}return!1}catch(error){return console.error("Adyen additional details error:",error),!1}}),onSubmit=(state,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c,_d,_e,_f,_g,_h;const url=(0,browserInfo_1.cleanUrlBy)(),shopperIp=yield(0,getPublicIp_1.getPublicIP)(),control=yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments"});if(((_a=control?.payment_response)===null||_a===void 0?void 0:_a.resultCode)==="Authorised")return!0;const attributes={payment_request_data:Object.assign(Object.assign({},state.data),{payment_method:state.data.paymentMethod,return_url:url,origin:window.location.origin,redirect_from_issuer_method:"GET",shopper_ip:shopperIp,shopperInteraction:"Ecommerce",recurringProcessingModel:"CardOnFile",browser_info:Object.assign({},(0,browserInfo_1.default)())})};delete attributes.payment_request_data.paymentMethod;try{if(yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments",attributes}),order?.id==null)return console.error("Order id is missing"),!1;const res=yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments",attributes:{_authorize:1}}),action=(_b=res?.payment_response)===null||_b===void 0?void 0:_b.action;if(component&&action)return component.handleAction(action),!1;const resultCode=(_c=res?.payment_response)===null||_c===void 0?void 0:_c.resultCode,issuerType=(_d=res?.payment_instrument)===null||_d===void 0?void 0:_d.issuer_type;if(["Authorised","Pending","Received"].includes(resultCode))return["apple pay","google pay"].includes(issuerType)&&setPlaceOrder!=null?(yield setPlaceOrder({paymentSource:res,currentCustomerPaymentSourceId}),!0):(placeOrderButtonRef?.current!=null&&(placeOrderButtonRef.current.disabled&&(placeOrderButtonRef.current.disabled=!1),placeOrderButtonRef.current.click()),!0);if(["Cancelled","Refused"].includes(resultCode)){const message=(_e=res?.payment_response)===null||_e===void 0?void 0:_e.refusalReason;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}]),component&&component.mount("#adyen-dropin")}if((_f=res?.payment_response)===null||_f===void 0?void 0:_f.errorType)if(((_g=res?.payment_response)===null||_g===void 0?void 0:_g.errorCode)==="14_006")onSubmit(state,component);else{const message=(_h=res?.payment_response)===null||_h===void 0?void 0:_h.message;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}])}return!1}catch(error){return setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message:error.message}]),!1}});return(0,react_1.useEffect)(()=>{var _a,_b,_c,_d,_e,_f,_g,_h;const paymentMethodsResponse={paymentMethods:!((_a=paymentSource?.payment_methods)===null||_a===void 0)&&_a.paymentMethods?paymentSource?.payment_methods.paymentMethods:[],storedPaymentMethods:!((_b=paymentSource?.payment_methods)===null||_b===void 0)&&_b.storedPaymentMethods?paymentSource?.payment_methods.storedPaymentMethods:[]},[firstPaymentMethod]=paymentMethodsResponse.paymentMethods,isOnlyCard=((_c=paymentMethodsResponse.paymentMethods)===null||_c===void 0?void 0:_c.length)===1&&firstPaymentMethod.type==="scheme";paymentMethodsResponse.paymentMethods.length===0&&console.error("Payment methods are not available. Please, check your Adyen configuration.");const showStoredPaymentMethods=(_e=((_d=paymentSource?.payment_methods)===null||_d===void 0?void 0:_d.storedPaymentMethods)!=null)!==null&&_e!==void 0?_e:!1,options={locale:(_f=order?.language_code)!==null&&_f!==void 0?_f:locale,environment,clientKey,amount:{currency:order?.currency_code||"",value:order?.total_amount_with_taxes_cents||0},countryCode:order?.country_code||"",paymentMethodsResponse,showPayButton:!1,paymentMethodsConfiguration:Object.assign({showStoredPaymentMethods,paypal:Object.assign({showPayButton:!0,style:styles?.paypal},(_g=config?.paymentMethodsConfiguration)===null||_g===void 0?void 0:_g.paypal),card:Object.assign({enableStoreDetails:showStoredPaymentMethods,styles:styles?.card,holderNameRequired:!1},(_h=config?.paymentMethodsConfiguration)===null||_h===void 0?void 0:_h.card)},config?.paymentMethodsConfiguration),onAdditionalDetails:(state,element)=>{handleOnAdditionalDetails(state,element)},onChange:(state,element)=>{handleChange(state,element)},onSubmit:(state,element)=>{onSubmit(state,element)}};return!ref&&clientKey&&(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet","false"),clientKey&&!loadAdyen&&window&&!checkout&&Promise.resolve().then(()=>tslib_1.__importStar(require("@adyen/adyen-web"))).then(({default:AdyenCheckout})=>{const type=isOnlyCard?"card":"dropin";AdyenCheckout(options).then(adyenCheckout=>{const component=adyenCheckout.create(type,{showRemovePaymentMethodButton:showStoredPaymentMethods,instantPaymentTypes:["applepay","googlepay"],onDisableStoredPaymentMethod:state=>{var _a2;const recurringDetailReference=state,shopperReference=(_a2=customers?.shopper_reference)!==null&&_a2!==void 0?_a2:void 0;onDisableStoredPaymentMethod?.({recurringDetailReference,shopperReference}).then(response=>{response?setPaymentSource({paymentResource:"adyen_payments",order,attributes:{}}):console.error("onDisableStoredPaymentMethod error")})},onSelect:component2=>{const id=component2._id;id.search("scheme")===-1&&ref.current&&(id.search("paypal")===-1?ref.current.onsubmit=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield handleSubmit(ref.current,component2)}):ref.current.onsubmit=null,setPaymentRef({ref}))}}).mount("#adyen-dropin");component&&(setCheckout(component),setLoadAdyen(!0))})}),()=>{setPaymentRef({ref:{current:null}}),setLoadAdyen(!1)}},[clientKey,ref!=null]),!clientKey&&!loadAdyen&&!checkout?null:(0,jsx_runtime_1.jsxs)("form",{ref,onSubmit:e=>{handleSubmit(e,checkout)},children:[(0,jsx_runtime_1.jsx)("div",{className:cardContainerClassName,id:"adyen-dropin"}),templateCustomerSaveToWallet&&(0,jsx_runtime_1.jsx)(Parent_1.default,{name:"save_payment_source_to_customer_wallet",children:templateCustomerSaveToWallet}),(0,jsx_runtime_1.jsx)("div",{className:threeDSecureContainerClassName,id:"adyen-action"})]})}exports.default=AdyenPayment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdyenPayment=AdyenPayment;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),localStorage_1=require("../../utils/localStorage"),auto_1=require("@adyen/adyen-web/auto"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),browserInfo_1=tslib_1.__importStar(require("../../utils/browserInfo")),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getPublicIp_1=require("../../utils/getPublicIp"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),defaultConfig={};function AdyenPayment({clientKey,config,templateCustomerSaveToWallet,environment="test",locale="en_US"}){const{cardContainerClassName,styles,onDisableStoredPaymentMethod}=Object.assign(Object.assign({},defaultConfig),config),[loadAdyen,setLoadAdyen]=(0,react_1.useState)(!1),[checkout,setCheckout]=(0,react_1.useState)(),{setPaymentSource,paymentSource,setPaymentMethodErrors,currentPaymentMethodType,setPaymentRef,currentCustomerPaymentSourceId}=(0,react_1.useContext)(PaymentMethodContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{placeOrderButtonRef,setPlaceOrder}=(0,react_1.useContext)(PlaceOrderContext_1.default),{customers}=(0,react_1.useContext)(CustomerContext_1.default),ref=(0,react_1.useRef)(null),dropinRef=(0,react_1.useRef)(null),handleSubmit=e=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b;const savePaymentSourceToCustomerWallet=(_b=(_a=e?.elements)===null||_a===void 0?void 0:_a.save_payment_source_to_customer_wallet)===null||_b===void 0?void 0:_b.checked;return savePaymentSourceToCustomerWallet&&(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",savePaymentSourceToCustomerWallet),dropinRef.current&&dropinRef.current.submit(),!1}),handleChange=state=>tslib_1.__awaiter(this,void 0,void 0,function*(){state.isValid&&ref.current&&(ref.current.onsubmit=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield handleSubmit(ref.current)}),setPaymentRef({ref}))}),handleOnAdditionalDetails=(state,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b;const attributes={payment_request_details:state.data,_details:1};try{const pSource=paymentSource&&(yield setPaymentSource({paymentSourceId:paymentSource.id,paymentResource:"adyen_payments",attributes})),resultCode=(_a=pSource?.payment_response)===null||_a===void 0?void 0:_a.resultCode;if(["Authorised","Pending","Received"].includes(resultCode))return placeOrderButtonRef?.current!=null&&(placeOrderButtonRef.current.disabled&&(placeOrderButtonRef.current.disabled=!1),placeOrderButtonRef.current.click()),{resultCode};if(["Cancelled","Refused"].includes(resultCode)){const message=(_b=pSource?.payment_response)===null||_b===void 0?void 0:_b.refusalReason;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}]),component&&component.mount("#adyen-dropin")}return{resultCode}}catch(error){return console.error("Adyen additional details error:",error),{resultCode:"Error"}}}),onSubmit=(state,component)=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c,_d,_e,_f,_g,_h;const url=(0,browserInfo_1.cleanUrlBy)(),shopperIp=yield(0,getPublicIp_1.getPublicIP)(),control=yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments"}),controlCode=(_a=control?.payment_response)===null||_a===void 0?void 0:_a.resultCode;if(controlCode==="Authorised")return{resultCode:controlCode};const attributes={payment_request_data:Object.assign(Object.assign({},state.data),{payment_method:state.data.paymentMethod,return_url:url,origin:window.location.origin,redirect_from_issuer_method:"GET",shopper_ip:shopperIp,shopperInteraction:"Ecommerce",recurringProcessingModel:"CardOnFile",browser_info:Object.assign({},(0,browserInfo_1.default)())})};delete attributes.payment_request_data.paymentMethod;try{if(yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments",attributes}),order?.id==null)return console.error("Order id is missing"),{resultCode:"Error"};const res=yield setPaymentSource({paymentSourceId:paymentSource?.id,paymentResource:"adyen_payments",attributes:{_authorize:1}}),action=(_b=res?.payment_response)===null||_b===void 0?void 0:_b.action,resultCode=(_c=res?.payment_response)===null||_c===void 0?void 0:_c.resultCode;if(action!=null)return{resultCode,action};const issuerType=(_d=res?.payment_instrument)===null||_d===void 0?void 0:_d.issuer_type;if(["Authorised","Pending","Received"].includes(resultCode))return["apple pay","google pay"].includes(issuerType)&&setPlaceOrder!=null?(yield setPlaceOrder({paymentSource:res,currentCustomerPaymentSourceId}),{resultCode}):(placeOrderButtonRef?.current!=null&&(placeOrderButtonRef.current.disabled&&(placeOrderButtonRef.current.disabled=!1),placeOrderButtonRef.current.click()),{resultCode});if(["Cancelled","Refused"].includes(resultCode)){const message=(_e=res?.payment_response)===null||_e===void 0?void 0:_e.refusalReason;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}]),component&&component.mount("#adyen-dropin")}if((_f=res?.payment_response)===null||_f===void 0?void 0:_f.errorType)if(((_g=res?.payment_response)===null||_g===void 0?void 0:_g.errorCode)==="14_006")onSubmit(state,component);else{const message=(_h=res?.payment_response)===null||_h===void 0?void 0:_h.message;setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message}])}return{resultCode}}catch(error){return setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message:error.message}]),{resultCode:"Error"}}});return(0,react_1.useEffect)(()=>{var _a,_b,_c,_d,_e;const paymentMethodsResponse={paymentMethods:!((_a=paymentSource?.payment_methods)===null||_a===void 0)&&_a.paymentMethods?paymentSource?.payment_methods.paymentMethods:[],storedPaymentMethods:!((_b=paymentSource?.payment_methods)===null||_b===void 0)&&_b.storedPaymentMethods?paymentSource?.payment_methods.storedPaymentMethods:[]};paymentMethodsResponse.paymentMethods.length===0&&console.error("Payment methods are not available. Please, check your Adyen configuration.");const showStoredPaymentMethods=(_d=((_c=paymentSource?.payment_methods)===null||_c===void 0?void 0:_c.storedPaymentMethods)!=null)!==null&&_d!==void 0?_d:!1,options={locale:(_e=order?.language_code)!==null&&_e!==void 0?_e:locale,environment,clientKey,amount:{currency:order?.currency_code||"",value:order?.total_amount_with_taxes_cents||0},countryCode:order?.country_code||"",paymentMethodsResponse,showPayButton:!1,onAdditionalDetails:(state,element,actions)=>{(()=>tslib_1.__awaiter(this,void 0,void 0,function*(){const{resultCode}=yield handleOnAdditionalDetails(state,element);["Cancelled","Refused"].includes(resultCode)?actions.reject():actions.resolve({resultCode})}))()},onChange:state=>{handleChange(state)},onSubmit:(state,element,actions)=>{(()=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2;const{resultCode,action}=yield onSubmit(state,element);["Cancelled","Refused"].includes(resultCode)?actions.reject():action!=null?(_a2=dropinRef.current)===null||_a2===void 0||_a2.handleAction(action):actions.resolve({resultCode})}))()}};if(!ref&&clientKey&&(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet","false"),clientKey&&!loadAdyen&&window&&!checkout){const initializeAdyen=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2,_b2;const checkout2=yield(0,auto_1.AdyenCheckout)(options),dropin=new auto_1.Dropin(checkout2,{disableFinalAnimation:!0,showRemovePaymentMethodButton:showStoredPaymentMethods,instantPaymentTypes:["applepay","googlepay"],paymentMethodsConfiguration:Object.assign({showStoredPaymentMethods,paypal:Object.assign({showPayButton:!0,style:styles?.paypal},(_a2=config?.paymentMethodsConfiguration)===null||_a2===void 0?void 0:_a2.paypal),card:Object.assign({enableStoreDetails:showStoredPaymentMethods,styles:styles?.card,holderNameRequired:!1},(_b2=config?.paymentMethodsConfiguration)===null||_b2===void 0?void 0:_b2.card)},config?.paymentMethodsConfiguration),onDisableStoredPaymentMethod:state=>{var _a3;const recurringDetailReference=state,shopperReference=(_a3=customers?.shopper_reference)!==null&&_a3!==void 0?_a3:void 0;onDisableStoredPaymentMethod?.({recurringDetailReference,shopperReference}).then(response=>{response?setPaymentSource({paymentResource:"adyen_payments",order,attributes:{}}):console.error("onDisableStoredPaymentMethod error")}).catch(error=>{console.error("onDisableStoredPaymentMethod error",error)})},onSelect:component=>{const id=component._id;id.search("scheme")===-1&&ref.current&&(id.search("paypal")===-1?ref.current.onsubmit=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield handleSubmit(ref.current)}):ref.current.onsubmit=null,setPaymentRef({ref}))}}).mount("#adyen-dropin");dropin&&checkout2&&(dropinRef.current=dropin,setCheckout(dropin),setLoadAdyen(!0))});dropinRef.current||initializeAdyen()}return()=>{setPaymentRef({ref:{current:null}}),setLoadAdyen(!1)}},[clientKey,ref!=null]),!clientKey&&!loadAdyen&&!checkout?null:(0,jsx_runtime_1.jsxs)("form",{ref,onSubmit:e=>{handleSubmit(e)},children:[(0,jsx_runtime_1.jsx)("div",{className:cardContainerClassName,id:"adyen-dropin"}),templateCustomerSaveToWallet&&(0,jsx_runtime_1.jsx)(Parent_1.default,{name:"save_payment_source_to_customer_wallet",children:templateCustomerSaveToWallet})]})}exports.default=AdyenPayment;

package/lib/cjs/components/payment_source/BraintreePayment.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type PaymentSourceProps } from './PaymentSource';
-import { type HostedFieldFieldOptions } from 'braintree-web';
+import type { PaymentSourceProps } from './PaymentSource';
+import type { HostedFieldFieldOptions } from 'braintree-web';
 type BraintreeHostedFields<Type> = {
     [Property in keyof Type]: {
         label?: string;

package/lib/cjs/components/payment_source/CheckoutComPayment.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
-import { type PaymentSourceProps } from './PaymentSource';
+import type { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
+import type { PaymentSourceProps } from './PaymentSource';
 import { type FramesStyle } from 'frames-react';
 export interface CheckoutComConfig {
     containerClassName?: string;

package/lib/cjs/components/payment_source/ExternalPayment.d.ts

@@ -1,7 +1,7 @@
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 import type { StripeElementLocale } from '@stripe/stripe-js';
 import { type JSX } from 'react';
-import { type PaymentSourceProps } from './PaymentSource';
+import type { PaymentSourceProps } from './PaymentSource';
 export interface ExternalPaymentConfig {
     /**
      * Show the component. Default is false

package/lib/cjs/components/payment_source/KlarnaPayment.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
-import { type PaymentSourceProps } from './PaymentSource';
+import type { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
+import type { PaymentSourceProps } from './PaymentSource';
 type KlarnaPaymentProps = PaymentMethodConfig['klarnaPayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
     show?: boolean;
     clientToken: string;

package/lib/cjs/components/payment_source/PaymentSource.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type LoaderType } from '../../typings/index';
-import { type CustomerCardsTemplateChildren } from '../utils/PaymentCardsTemplate';
+import type { LoaderType } from '../../typings/index';
+import type { CustomerCardsTemplateChildren } from '../utils/PaymentCardsTemplate';
 export interface CustomerCardsProps {
     handleClick: () => void;
 }

package/lib/cjs/components/payment_source/PaymentSourceBrandIcon.d.ts

@@ -1,6 +1,6 @@
 import { type IconBrand } from '../../context/PaymentSourceContext';
 import { type JSX } from 'react';
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
     brand: IconBrand;
     defaultSrc: string;

package/lib/cjs/components/payment_source/PaymentSourceBrandName.d.ts

@@ -1,6 +1,6 @@
 import { type IconBrand } from '../../context/PaymentSourceContext';
 import { type JSX } from 'react';
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 interface CustomComponent extends Omit<Props, 'children'> {
     brand: IconBrand;
 }

package/lib/cjs/components/payment_source/PaymentSourceEditButton.d.ts

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

package/lib/cjs/components/payment_source/StripePayment.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from 'react';
-import { type StripeElementLocale, type StripeElementsOptions, type StripePaymentElementOptions } from '@stripe/stripe-js';
-import { type PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
-import { type PaymentSourceProps } from './PaymentSource';
+import type { StripeElementLocale, StripeElementsOptions, StripePaymentElementOptions } from '@stripe/stripe-js';
+import type { PaymentMethodConfig } from '../../reducers/PaymentMethodReducer';
+import type { PaymentSourceProps } from './PaymentSource';
 export interface StripeConfig {
     containerClassName?: string;
     hintLabel?: string;

package/lib/cjs/components/prices/Price.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type Price as PriceType } from '@commercelayer/sdk';
-import { type ChildrenFunction, type LoaderType } from '../../typings/index';
+import type { Price as PriceType } from '@commercelayer/sdk';
+import type { ChildrenFunction, LoaderType } from '../../typings/index';
 interface PriceChildrenProps extends Omit<PriceProps, 'children'> {
     loading: boolean;
     loader: LoaderType;

package/lib/cjs/components/prices/PricesContainer.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type LoaderType } from '../../typings/index';
-import { type QueryPageSize } from '@commercelayer/sdk';
+import type { LoaderType } from '../../typings/index';
+import type { QueryPageSize } from '@commercelayer/sdk';
 interface Props {
     /**
      * Any valid JSX.Element(s).

package/lib/cjs/components/shipments/ShipmentField.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type Shipment } from '@commercelayer/sdk';
+import type { Shipment } from '@commercelayer/sdk';
 type ShipmentFieldChildrenProps = Omit<Props, 'children'> & {
     shipment: Shipment;
 };

package/lib/cjs/components/shipments/ShipmentsCount.d.ts

@@ -1,4 +1,4 @@
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 import type { Shipment } from '@commercelayer/sdk';
 import type { JSX } from "react";
 interface ChildrenProps extends Omit<Props, 'children'> {

package/lib/cjs/components/shipping_methods/ShippingMethodName.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type ShippingMethod } from '@commercelayer/sdk';
+import type { ShippingMethod } from '@commercelayer/sdk';
 type ChildrenProps = Omit<Props, 'children'> & {
     label: string;
     shippingMethod: ShippingMethod;

package/lib/cjs/components/shipping_methods/ShippingMethodPrice.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { type BaseAmountComponent } from '../../typings/index';
+import type { BaseAmountComponent } from '../../typings/index';
 type Props = BaseAmountComponent & {
     /**
      * The label to show when the price is free

package/lib/cjs/components/skus/AvailabilityTemplate.d.ts

@@ -1,5 +1,5 @@
-import { type TimeFormat, type ChildrenFunction } from '../../typings/index';
-import { type DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
+import type { TimeFormat, ChildrenFunction } from '../../typings/index';
+import type { DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
 import type { JSX } from "react";
 interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, DeliveryLeadTime {
     text: string;

package/lib/cjs/components/skus/SkuField.d.ts

@@ -1,4 +1,4 @@
-import { type ConditionalElement } from '../../typings/index';
+import type { ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
 import type { JSX } from "react";
 type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;

package/lib/cjs/components/stock_transfers/StockTransferField.d.ts

@@ -1,4 +1,4 @@
-import { type ConditionalElement } from '../../typings/index';
+import type { ConditionalElement } from '../../typings/index';
 import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
 import type { JSX } from "react";
 type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;

package/lib/cjs/components/utils/AddressCardsTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from 'react';
 import type { Address } from '@commercelayer/sdk';
 import AddressChildrenContext from '../../context/AddressChildrenContext';
-import { type ChildrenFunction } from '../../typings/index';
+import type { ChildrenFunction } from '../../typings/index';
 export interface TAddressCards extends Pick<Props, 'customerAddresses' | 'className'> {
     AddressProvider: typeof AddressChildrenContext.Provider;
 }

package/lib/cjs/components/utils/BaseInput.d.ts

@@ -1,5 +1,5 @@
 import React, { type JSX } from 'react';
-import { type BaseInputComponentProps } from '../../typings/index';
+import type { BaseInputComponentProps } from '../../typings/index';
 export type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children' | 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
 declare const _default: React.ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/lib/cjs/components/utils/BaseOrderPrice.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'react';
-import { type PropsType } from '../../utils/PropsType';
-import { type baseOrderPricePropTypes } from '../../typings/index';
+import type { PropsType } from '../../utils/PropsType';
+import type { baseOrderPricePropTypes } from '../../typings/index';
 export type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes, unknown> & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'>;
 export declare function BaseOrderPrice(props: BaseOrderPriceProps): JSX.Element;
 export default BaseOrderPrice;

package/lib/cjs/components/utils/BaseSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type BaseSelectComponentProps } from '../../typings/index';
+import type { BaseSelectComponentProps } from '../../typings/index';
 export type BaseSelectProps = BaseSelectComponentProps;
 declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
 export default _default;

package/lib/cjs/components/utils/GenericFieldComponent.d.ts

@@ -1,11 +1,11 @@
-import { type InitialSkuContext } from '../../context/SkuChildrenContext';
-import { type InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
+import type { InitialSkuContext } from '../../context/SkuChildrenContext';
+import type { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
 import type { Customer, LineItem, Sku, Parcel, ParcelLineItem } from '@commercelayer/sdk';
-import { type InitialLineItemChildrenContext } from '../../context/LineItemChildrenContext';
+import type { InitialLineItemChildrenContext } from '../../context/LineItemChildrenContext';
 import { type Context, type JSX } from 'react';
-import { type InitialCustomerContext } from '../../context/CustomerContext';
-import { type InitialParcelContext } from '../../context/ParcelChildrenContext';
-import { type InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';
+import type { InitialCustomerContext } from '../../context/CustomerContext';
+import type { InitialParcelContext } from '../../context/ParcelChildrenContext';
+import type { InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';
 export interface TResources {
     StockTransfer: LineItem & {
         resource: 'stockTransfer';

package/lib/cjs/components/utils/Parent.d.ts

@@ -1,4 +1,4 @@
-import { type Component, type ForwardedRef, type JSX } from 'react';
+import type { Component, ForwardedRef, JSX } from 'react';
 export interface ParentProps {
     parentRef?: ForwardedRef<any>;
     children?: typeof Component | ((P: any) => JSX.Element | null);

package/lib/cjs/components/utils/PaymentCardsTemplate.d.ts

@@ -1,8 +1,8 @@
 import { type JSX } from 'react';
-import { type PaymentResource } from '../../reducers/PaymentMethodReducer';
+import type { PaymentResource } from '../../reducers/PaymentMethodReducer';
 import PaymentSourceContext, { type IconBrand } from '../../context/PaymentSourceContext';
-import { type ChildrenFunction } from '../../typings/index';
-import { type CustomerPaymentSource } from '@commercelayer/sdk';
+import type { ChildrenFunction } from '../../typings/index';
+import type { CustomerPaymentSource } from '@commercelayer/sdk';
 interface ChildrenProps extends Pick<Props, 'customerPayments'> {
     PaymentSourceProvider: typeof PaymentSourceContext.Provider;
 }

package/lib/cjs/components/utils/PriceTemplate.d.ts

@@ -1,4 +1,4 @@
-import { type PriceProps } from '../prices/Price';
+import type { PriceProps } from '../prices/Price';
 import type { JSX } from "react";
 export type PTemplateProps = {
     formattedAmount?: string | null;

package/lib/cjs/components/utils/getAllErrors.d.ts

@@ -1,6 +1,6 @@
-import { type LineItem } from '@commercelayer/sdk';
-import { type BaseError } from '../../typings/errors';
-import { type TResourceError } from '../errors/Errors';
+import type { LineItem } from '@commercelayer/sdk';
+import type { BaseError } from '../../typings/errors';
+import type { TResourceError } from '../errors/Errors';
 import type { JSX } from "react";
 export interface AllErrorsParams {
     allErrors: BaseError[];

package/lib/cjs/context/AddressChildrenContext.d.ts

@@ -1,4 +1,4 @@
-import { type Address } from '@commercelayer/sdk';
+import type { Address } from '@commercelayer/sdk';
 export interface InitialAddressContext {
     address: Address | undefined;
 }

package/lib/cjs/context/AddressContext.d.ts

@@ -1,5 +1,5 @@
 import { type AddressState, setAddress, type AddressResource, type saveAddresses, type ICustomerAddress } from '../reducers/AddressReducer';
-import { type BaseError } from '../typings/errors';
+import type { BaseError } from '../typings/errors';
 type DefaultContext = {
     saveAddresses?: (params: {
         customerEmail?: string;

package/lib/cjs/context/BillingAddressContext.d.ts

@@ -1,4 +1,4 @@
-import { type BillingAddressState } from '../reducers/BillingAddressReducer';
+import type { BillingAddressState } from '../reducers/BillingAddressReducer';
 type DefaultContext = {
     setBillingAddress?: (id: string, options?: {
         customerAddressId: string;

package/lib/cjs/context/CouponAndGiftCardFormContext.d.ts

@@ -1,4 +1,4 @@
-import { type OrderCodeType } from '../reducers/OrderReducer';
+import type { OrderCodeType } from '../reducers/OrderReducer';
 interface DefaultContext {
     validation?: void;
     setValue?: (name: string, value: string) => void;