@commercelayer/react-components 2.46.7 → 2.47.0

package/{dist → lib/cjs}/components/LineItemQuantity.d.ts

@@ -1,14 +1,14 @@
-import React, { FunctionComponent } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type LineItemQuantityChildrenProps = FunctionChildren<Omit<LineItemQuantityProps, 'children'> & {
-    quantity: number;
-    handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
-}>;
-declare type LineItemQuantityProps = {
-    children?: LineItemQuantityChildrenProps;
-    max?: number;
-    disabled?: boolean;
-    readonly?: boolean;
-} & (JSX.IntrinsicElements['select'] & JSX.IntrinsicElements['span']);
-declare const LineItemQuantity: FunctionComponent<LineItemQuantityProps>;
-export default LineItemQuantity;
+import React, { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemQuantityChildrenProps = FunctionChildren<Omit<LineItemQuantityProps, 'children'> & {
+    quantity: number;
+    handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
+}>;
+declare type LineItemQuantityProps = {
+    children?: LineItemQuantityChildrenProps;
+    max?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+} & (JSX.IntrinsicElements['select'] & JSX.IntrinsicElements['span']);
+declare const LineItemQuantity: FunctionComponent<LineItemQuantityProps>;
+export default LineItemQuantity;

package/lib/cjs/components/LineItemQuantity.js

@@ -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 LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext"));const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemQuantity.propTypes;const defaultProps=components_1.default.LineItemQuantity.defaultProps;const displayName=components_1.default.LineItemQuantity.displayName;const LineItemQuantity=e=>{const{max:t=50,readonly:n=false}=e,i=(0,tslib_1.__rest)(e,["max","readonly"]);const{lineItem:s}=(0,react_1.useContext)(LineItemChildrenContext_1.default);const{updateLineItem:o}=(0,react_1.useContext)(LineItemContext_1.default);const r=[];for(let e=1;e<=t;e++){r.push((0,jsx_runtime_1.jsx)("option",Object.assign({value:`${e}`},{children:e}),e))}const a=e=>{const t=Number(e.target.value);o&&s&&o(s["id"],t)};const u=s===null||s===void 0?void 0:s["quantity"];const l=Object.assign({handleChange:a,quantity:u},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},l,{children:e.children}),void 0):n?(0,jsx_runtime_1.jsx)("span",Object.assign({},i,{children:u}),void 0):(0,jsx_runtime_1.jsx)("select",Object.assign({title:s===null||s===void 0?void 0:s.name,value:u,onChange:a},i,{children:r}),void 0)};LineItemQuantity.propTypes=propTypes;LineItemQuantity.defaultProps=defaultProps;LineItemQuantity.displayName=displayName;exports.default=LineItemQuantity;

package/{dist → lib/cjs}/components/LineItemRemoveLink.d.ts

@@ -1,12 +1,12 @@
-import React, { FunctionComponent, PropsWithoutRef } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type ChildrenLineItemRemoveLinkProps = FunctionChildren<{
-    handleRemove: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    label?: string;
-}>;
-declare type LineItemRemoveLinkProps = {
-    children?: ChildrenLineItemRemoveLinkProps;
-    label?: string;
-} & PropsWithoutRef<JSX.IntrinsicElements['a']>;
-declare const LineItemRemoveLink: FunctionComponent<LineItemRemoveLinkProps>;
-export default LineItemRemoveLink;
+import React, { FunctionComponent, PropsWithoutRef } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ChildrenLineItemRemoveLinkProps = FunctionChildren<{
+    handleRemove: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    label?: string;
+}>;
+declare type LineItemRemoveLinkProps = {
+    children?: ChildrenLineItemRemoveLinkProps;
+    label?: string;
+} & PropsWithoutRef<JSX.IntrinsicElements['a']>;
+declare const LineItemRemoveLink: FunctionComponent<LineItemRemoveLinkProps>;
+export default LineItemRemoveLink;

package/lib/cjs/components/LineItemRemoveLink.js

@@ -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 LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext"));const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemRemoveLink.propTypes;const defaultProps=components_1.default.LineItemRemoveLink.defaultProps;const displayName=components_1.default.LineItemRemoveLink.displayName;const LineItemRemoveLink=e=>{const{label:t="Remove"}=e;const{lineItem:n}=(0,react_1.useContext)(LineItemChildrenContext_1.default);const{deleteLineItem:i}=(0,react_1.useContext)(LineItemContext_1.default);const o=e=>{e.preventDefault();i&&n&&i(n["id"])};const s=Object.assign({handleRemove:o},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},s,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("a",Object.assign({},e,{href:"#",onClick:o},{children:t}),void 0)};LineItemRemoveLink.propTypes=propTypes;LineItemRemoveLink.defaultProps=defaultProps;LineItemRemoveLink.displayName=displayName;exports.default=LineItemRemoveLink;

package/{dist → lib/cjs}/components/LineItemsContainer.d.ts

@@ -1,8 +1,8 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type LineItemsContainer = {
-    children: ReactNode;
-    filters?: Record<string, any>;
-    loader?: ReactNode;
-};
-declare const LineItemsContainer: FunctionComponent<LineItemsContainer>;
-export default LineItemsContainer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type LineItemsContainer = {
+    children: ReactNode;
+    filters?: Record<string, any>;
+    loader?: ReactNode;
+};
+declare const LineItemsContainer: FunctionComponent<LineItemsContainer>;
+export default LineItemsContainer;

package/lib/cjs/components/LineItemsContainer.js

@@ -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 LineItemReducer_1=(0,tslib_1.__importStar)(require("../reducers/LineItemReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const lodash_1=require("lodash");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemsContainer.propTypes;const defaultProps=components_1.default.LineItemsContainer.defaultProps;const displayName=components_1.default.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:r,addResourceToInclude:i,include:o,orderId:s,getOrder:d}=(0,react_1.useContext)(OrderContext_1.default);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);const[c,l]=(0,react_1.useReducer)(LineItemReducer_1.default,LineItemReducer_1.lineItemInitialState);(0,react_1.useEffect)((()=>{if(!(o===null||o===void 0?void 0:o.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option"})}if(!(0,lodash_1.isEmpty)(r)&&(r===null||r===void 0?void 0:r.line_items)){l({type:"setLineItems",payload:{lineItems:r.line_items}})}return()=>{if((0,lodash_1.isEmpty)(r)){l({type:"setLineItems",payload:{lineItems:[]}})}}}),[r]);const m=Object.assign(Object.assign({},c),{loader:n,updateLineItem:(e,t=1)=>(0,LineItemReducer_1.updateLineItem)({lineItemId:e,quantity:t,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors}),deleteLineItem:e=>(0,LineItemReducer_1.deleteLineItem)({lineItemId:e,dispatch:l,config:a,getOrder:d,orderId:s,errors:c.errors})});return(0,jsx_runtime_1.jsx)(LineItemContext_1.default.Provider,Object.assign({value:m},{children:c.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;exports.default=LineItemsContainer;

package/{dist → lib/cjs}/components/LineItemsCount.d.ts

@@ -1,10 +1,10 @@
-import { FunctionComponent } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type LineItemsCountChildrenProps = FunctionChildren<Omit<LineItemsCountProps, 'children'> & {
-    quantity: number;
-}>;
-declare type LineItemsCountProps = {
-    children?: LineItemsCountChildrenProps;
-} & JSX.IntrinsicElements['span'];
-declare const LineItemsCount: FunctionComponent<LineItemsCountProps>;
-export default LineItemsCount;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemsCountChildrenProps = FunctionChildren<Omit<LineItemsCountProps, 'children'> & {
+    quantity: number;
+}>;
+declare type LineItemsCountProps = {
+    children?: LineItemsCountChildrenProps;
+} & JSX.IntrinsicElements['span'];
+declare const LineItemsCount: FunctionComponent<LineItemsCountProps>;
+export default LineItemsCount;

package/lib/cjs/components/LineItemsCount.js

@@ -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 Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const getLineItemsCount_1=(0,tslib_1.__importDefault)(require("../utils/getLineItemsCount"));const lodash_1=require("lodash");const LineItemContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.LineItemsCount.propTypes;const displayName=components_1.default.LineItemsCount.displayName;const LineItemsCount=e=>{const{children:t}=e,s=(0,tslib_1.__rest)(e,["children"]);const{lineItems:n}=(0,react_1.useContext)(LineItemContext_1.default);const[i,o]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{if(!(0,lodash_1.isEmpty)(n)){const e=(0,getLineItemsCount_1.default)(n||[]);o(e)}return()=>{o(0)}}),[n]);const r=Object.assign({quantity:i},s);return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},r,{children:t}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},s,{children:i}),void 0)};LineItemsCount.propTypes=propTypes;LineItemsCount.displayName=displayName;exports.default=LineItemsCount;

package/{dist → lib/cjs}/components/MetadataInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { BaseInputComponentProps } from "../typings/index";
-export declare type MetadataInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-declare const MetadataInput: FunctionComponent<MetadataInputProps>;
-export default MetadataInput;
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+export declare type MetadataInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const MetadataInput: FunctionComponent<MetadataInputProps>;
+export default MetadataInput;

package/lib/cjs/components/MetadataInput.js

@@ -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 BaseInput_1=(0,tslib_1.__importDefault)(require("./utils/BaseInput"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.MetadataInput.propTypes;const displayName=components_1.default.MetadataInput.displayName;const MetadataInput=t=>(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({"data-metadata":true},t),void 0);MetadataInput.propTypes=propTypes;MetadataInput.displayName=displayName;exports.default=MetadataInput;

package/{dist → lib/cjs}/components/OrderContainer.d.ts

@@ -1,10 +1,11 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BaseMetadataObject } from "../typings/index";
-declare type OrderContainerProps = {
-    children: ReactNode;
-    metadata?: BaseMetadataObject;
-    attributes?: Record<string, any>;
-    orderId?: string;
-};
-declare const OrderContainer: FunctionComponent<OrderContainerProps>;
-export default OrderContainer;
+import { FunctionComponent, ReactNode } from 'react';
+import { BaseMetadataObject } from '../typings/index';
+import { OrderCreate } from '@commercelayer/sdk';
+declare type OrderContainerProps = {
+    children: ReactNode;
+    metadata?: BaseMetadataObject;
+    attributes?: OrderCreate;
+    orderId?: string;
+};
+declare const OrderContainer: FunctionComponent<OrderContainerProps>;
+export default OrderContainer;

package/lib/cjs/components/OrderContainer.js

@@ -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 OrderReducer_1=(0,tslib_1.__importStar)(require("../reducers/OrderReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const OrderContext_1=(0,tslib_1.__importStar)(require("../context/OrderContext"));const OrderReducer_2=require("../reducers/OrderReducer");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderStorageContext_1=(0,tslib_1.__importDefault)(require("../context/OrderStorageContext"));const propTypes=components_1.default.OrderContainer.propTypes;const defaultProps=components_1.default.OrderContainer.defaultProps;const displayName=components_1.default.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:d,attributes:o}=e;const[s,a]=(0,react_1.useReducer)(OrderReducer_1.default,OrderReducer_1.orderInitialState);const c=(0,react_1.useContext)(CommerceLayerContext_1.default);const{persistKey:n,clearWhenPlaced:i,getLocalOrder:u,setLocalOrder:O,deleteLocalOrder:p}=(0,react_1.useContext)(OrderStorageContext_1.default);(0,react_1.useEffect)((()=>{if(c.accessToken){const e=n?u(n):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,persistKey:n,clearWhenPlaced:i,deleteLocalOrder:p,state:s})}}}return()=>(0,OrderReducer_2.unsetOrderState)(a)}),[c.accessToken,r]);const l=(0,react_1.useMemo)((()=>Object.assign(Object.assign({},s),{setOrder:e=>(0,OrderReducer_1.setOrder)(e,a),getOrder:e=>(0,OrderReducer_1.getApiOrder)({id:e,dispatch:a,config:c,state:s}),setOrderErrors:e=>(0,OrderReducer_1.setOrderErrors)({dispatch:a,errors:e}),createOrder:async()=>await(0,OrderReducer_1.createOrder)({persistKey:n,dispatch:a,config:c,state:s,orderMetadata:d,orderAttributes:o}),addToCart:e=>OrderContext_1.defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:n,dispatch:a,state:s,config:c,errors:s.errors,orderMetadata:d||{},orderAttributes:o,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>OrderContext_1.defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>OrderContext_1.defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:c}),removeGiftCardOrCouponCode:({codeType:e})=>OrderContext_1.defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:c}),addResourceToInclude:e=>OrderContext_1.defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await OrderContext_1.defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:c,include:s.include}))})),[s]);return(0,jsx_runtime_1.jsx)(OrderContext_1.default.Provider,Object.assign({value:l},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;exports.default=OrderContainer;

package/{dist → lib/cjs}/components/OrderNumber.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { BaseFieldProps } from './utils/BaseField';
-export declare type OrderNumberProps = Omit<BaseFieldProps, 'attribute'>;
-declare const OrderNumber: FunctionComponent<OrderNumberProps>;
-export default OrderNumber;
+import { FunctionComponent } from 'react';
+import { BaseFieldProps } from './utils/BaseField';
+export declare type OrderNumberProps = Omit<BaseFieldProps, 'attribute'>;
+declare const OrderNumber: FunctionComponent<OrderNumberProps>;
+export default OrderNumber;

package/lib/cjs/components/OrderNumber.js

@@ -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 components_1=(0,tslib_1.__importDefault)(require("../config/components"));const BaseField_1=(0,tslib_1.__importDefault)(require("./utils/BaseField"));const propTypes=components_1.default.OrderNumber.propTypes;const displayName=components_1.default.OrderNumber.displayName;const OrderNumber=e=>(0,jsx_runtime_1.jsx)(BaseField_1.default,Object.assign({attribute:"number"},e),void 0);OrderNumber.propTypes=propTypes;OrderNumber.displayName=displayName;exports.default=OrderNumber;

package/{dist → lib/cjs}/components/OrderStorage.d.ts

@@ -1,8 +1,8 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type OrderStorageProps = {
-    children: ReactNode;
-    persistKey: string;
-    clearWhenPlaced?: boolean;
-};
-declare const OrderStorage: FunctionComponent<OrderStorageProps>;
-export default OrderStorage;
+import { FunctionComponent, ReactNode } from 'react';
+declare type OrderStorageProps = {
+    children: ReactNode;
+    persistKey: string;
+    clearWhenPlaced?: boolean;
+};
+declare const OrderStorage: FunctionComponent<OrderStorageProps>;
+export default OrderStorage;

package/lib/cjs/components/OrderStorage.js

@@ -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 OrderStorageContext_1=(0,tslib_1.__importDefault)(require("../context/OrderStorageContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const localStorage_1=require("../utils/localStorage");const propTypes=components_1.default.OrderStorage.propTypes;const displayName=components_1.default.OrderStorage.displayName;const OrderStorage=e=>{const{children:r,clearWhenPlaced:t=true}=e,o=(0,tslib_1.__rest)(e,["children","clearWhenPlaced"]);return(0,jsx_runtime_1.jsx)(OrderStorageContext_1.default.Provider,Object.assign({value:Object.assign(Object.assign({},o),{setLocalOrder:localStorage_1.setLocalOrder,getLocalOrder:localStorage_1.getLocalOrder,deleteLocalOrder:localStorage_1.deleteLocalOrder,clearWhenPlaced:t})},{children:r}),void 0)};OrderStorage.propTypes=propTypes;OrderStorage.displayName=displayName;exports.default=OrderStorage;

package/{dist → lib/cjs}/components/PaymentGateway.d.ts

@@ -1,16 +1,16 @@
-import { LoaderType } from "../typings/index";
-import { FunctionComponent } from 'react';
-import { PaymentSourceProps } from './PaymentSource';
-export declare type GatewayBaseType = PaymentGatewayProps & {
-    show: boolean;
-    loading: boolean;
-    loaderComponent: JSX.Element;
-};
-export declare type PaymentGatewayProps = PaymentSourceProps & {
-    showCard: boolean;
-    handleEditClick: (e: MouseEvent) => void;
-    show: boolean;
-    loader?: LoaderType;
-};
-declare const PaymentGateway: FunctionComponent<PaymentGatewayProps>;
-export default PaymentGateway;
+import { LoaderType } from '../typings/index';
+import { FunctionComponent } from 'react';
+import { PaymentSourceProps } from './PaymentSource';
+export declare type GatewayBaseType = PaymentGatewayProps & {
+    show: boolean;
+    loading: boolean;
+    loaderComponent: JSX.Element;
+};
+export declare type PaymentGatewayProps = PaymentSourceProps & {
+    showCard: boolean;
+    handleEditClick: (e: MouseEvent) => void;
+    show: boolean;
+    loader?: LoaderType;
+};
+declare const PaymentGateway: FunctionComponent<PaymentGatewayProps>;
+export default PaymentGateway;

package/lib/cjs/components/PaymentGateway.js

@@ -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 OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const paypalPayment_1=(0,tslib_1.__importDefault)(require("../utils/paypalPayment"));const react_1=require("react");const getLoaderComponent_1=(0,tslib_1.__importDefault)(require("../utils/getLoaderComponent"));const AdyenGateway_1=(0,tslib_1.__importDefault)(require("./gateways/AdyenGateway"));const StripeGateway_1=(0,tslib_1.__importDefault)(require("./gateways/StripeGateway"));const BraintreeGateway_1=(0,tslib_1.__importDefault)(require("./gateways/BraintreeGateway"));const PaypalGateway_1=(0,tslib_1.__importDefault)(require("./gateways/PaypalGateway"));const WireTransferGateway_1=(0,tslib_1.__importDefault)(require("./gateways/WireTransferGateway"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../context/CustomerContext"));const PaymentGateway=e=>{var t;var{readonly:a,showCard:r,handleEditClick:n,children:o,templateCustomerCards:s,templateCustomerSaveToWallet:i,onClickCustomerCards:l,show:u,loader:_="Loading..."}=e,d=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","templateCustomerSaveToWallet","onClickCustomerCards","show","loader"]);const c=(0,getLoaderComponent_1.default)(_);const[m,y]=(0,react_1.useState)(true);const{payment:p}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{order:C}=(0,react_1.useContext)(OrderContext_1.default);const{getCustomerPaymentSources:f}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:x,config:h,paymentSource:w,currentPaymentMethodType:v,setPaymentSource:b}=(0,react_1.useContext)(PaymentMethodContext_1.default);const j=a?v:p===null||p===void 0?void 0:p.payment_source_type;(0,react_1.useEffect)((()=>{var e;if((p===null||p===void 0?void 0:p.id)===x&&j&&((e=C===null||C===void 0?void 0:C.payment_method)===null||e===void 0?void 0:e.payment_source_type)===j){const e=h&&j==="paypal_payments"?(0,paypalPayment_1.default)(j,h):{};if(!w||w.type!==j){b({paymentResource:j,order:C,attributes:e});f&&f()}y(false)}return()=>{y(true)}}),[(t=C===null||C===void 0?void 0:C.payment_method)===null||t===void 0?void 0:t.payment_source_type,u,w]);const P=Object.assign({readonly:a,showCard:r,handleEditClick:n,children:o,templateCustomerCards:s,show:u,loading:m,onClickCustomerCards:l,loaderComponent:c,templateCustomerSaveToWallet:i},d);switch(j){case"stripe_payments":return(0,jsx_runtime_1.jsx)(StripeGateway_1.default,Object.assign({},P,{children:o}),void 0);case"adyen_payments":return(0,jsx_runtime_1.jsx)(AdyenGateway_1.default,Object.assign({},P,{children:o}),void 0);case"braintree_payments":return(0,jsx_runtime_1.jsx)(BraintreeGateway_1.default,Object.assign({},P,{children:o}),void 0);case"wire_transfers":return(0,jsx_runtime_1.jsx)(WireTransferGateway_1.default,Object.assign({},P,{children:o}),void 0);case"paypal_payments":return(0,jsx_runtime_1.jsx)(PaypalGateway_1.default,Object.assign({},P,{children:o}),void 0);default:return null}};exports.default=PaymentGateway;

package/{dist → lib/cjs}/components/PaymentMethod.d.ts

@@ -1,16 +1,16 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { LoaderType } from "../typings/index";
-import { PaymentMethodCollection } from '@commercelayer/js-sdk';
-declare type PaymentMethodProps = {
-    children: ReactNode;
-    activeClass?: string;
-    loader?: LoaderType;
-} & Omit<JSX.IntrinsicElements['div'], 'onClick'> & ({
-    clickableContainer: true;
-    onClick?: (payment?: PaymentMethodCollection | Record<string, any>) => void;
-} | {
-    clickableContainer?: never;
-    onClick?: never;
-});
-declare const PaymentMethod: FunctionComponent<PaymentMethodProps>;
-export default PaymentMethod;
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+import { PaymentMethod as PaymentMethodType } from '@commercelayer/sdk';
+declare type PaymentMethodProps = {
+    children: ReactNode;
+    activeClass?: string;
+    loader?: LoaderType;
+} & Omit<JSX.IntrinsicElements['div'], 'onClick'> & ({
+    clickableContainer: true;
+    onClick?: (payment?: PaymentMethodType | Record<string, any>) => void;
+} | {
+    clickableContainer?: never;
+    onClick?: never;
+});
+declare const PaymentMethod: FunctionComponent<PaymentMethodProps>;
+export default PaymentMethod;

package/lib/cjs/components/PaymentMethod.js

@@ -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 PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const getLoaderComponent_1=(0,tslib_1.__importDefault)(require("../utils/getLoaderComponent"));const propTypes=components_1.default.PaymentMethod.propTypes;const displayName=components_1.default.PaymentMethod.displayName;const PaymentMethod=e=>{var{children:t,className:n,activeClass:o,loader:a="Loading...",clickableContainer:s,onClick:r}=e,i=(0,tslib_1.__rest)(e,["children","className","activeClass","loader","clickableContainer","onClick"]);const[c,d]=(0,react_1.useState)(true);const[l,m]=(0,react_1.useState)("");const{paymentMethods:u,currentPaymentMethodId:_,setPaymentMethod:p,setLoading:y}=(0,react_1.useContext)(PaymentMethodContext_1.default);(0,react_1.useEffect)((()=>{if(u)d(false);if(_)m(_);return()=>{d(true)}}),[u,_]);const h=u&&u.map(((e,a)=>{const c=_===(e===null||e===void 0?void 0:e.id);const d={payment:e,clickableContainer:s,paymentSelected:l,setPaymentSelected:m};const u=!s?undefined:async t=>{t.stopPropagation();y({loading:true});m(e.id);const n=e===null||e===void 0?void 0:e.payment_source_type;const o=e===null||e===void 0?void 0:e.id;await p({paymentResource:n,paymentMethodId:o});r&&r(e);y({loading:false})};return(0,jsx_runtime_1.jsx)("div",Object.assign({className:`${n} ${c?o:""}`,onClick:u},i,{children:(0,jsx_runtime_1.jsx)(PaymentMethodChildrenContext_1.default.Provider,Object.assign({value:d},{children:t}),void 0)}),a)}));return!c?(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:h},void 0):(0,getLoaderComponent_1.default)(a)};PaymentMethod.propTypes=propTypes;PaymentMethod.displayName=displayName;exports.default=PaymentMethod;

package/{dist → lib/cjs}/components/PaymentMethodAmount.d.ts

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

package/lib/cjs/components/PaymentMethodAmount.js

@@ -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 BaseOrderPrice_1=(0,tslib_1.__importDefault)(require("./utils/BaseOrderPrice"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PaymentMethodAmount.propTypes;const defaultProps=components_1.default.PaymentMethodAmount.defaultProps;const displayName=components_1.default.PaymentMethodAmount.displayName;const PaymentMethodAmount=e=>(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"paymentMethod"},e),void 0);PaymentMethodAmount.propTypes=propTypes;PaymentMethodAmount.defaultProps=defaultProps;PaymentMethodAmount.displayName=displayName;exports.default=PaymentMethodAmount;

package/{dist → lib/cjs}/components/PaymentMethodName.d.ts

@@ -1,9 +1,9 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type PaymentMethodNameChildrenProps = Omit<PaymentMethodNameProps, 'children'> & {
-    labelName: string;
-};
-declare type PaymentMethodNameProps = {
-    children?: (props: PaymentMethodNameChildrenProps) => ReactNode;
-} & JSX.IntrinsicElements['label'];
-declare const PaymentMethodName: FunctionComponent<PaymentMethodNameProps>;
-export default PaymentMethodName;
+import { FunctionComponent, ReactNode } from 'react';
+declare type PaymentMethodNameChildrenProps = Omit<PaymentMethodNameProps, 'children'> & {
+    labelName: string;
+};
+declare type PaymentMethodNameProps = {
+    children?: (props: PaymentMethodNameChildrenProps) => ReactNode;
+} & JSX.IntrinsicElements['label'];
+declare const PaymentMethodName: FunctionComponent<PaymentMethodNameProps>;
+export default PaymentMethodName;

package/lib/cjs/components/PaymentMethodName.js

@@ -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 PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PaymentMethodName.propTypes;const displayName=components_1.default.PaymentMethodName.displayName;const PaymentMethodName=e=>{const{payment:t}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const n=t===null||t===void 0?void 0:t["name"];const o=t===null||t===void 0?void 0:t.payment_source_type;const s=Object.assign({htmlFor:o,labelName:n},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},s,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("label",Object.assign({htmlFor:o},e,{children:n}),void 0)};PaymentMethodName.propTypes=propTypes;PaymentMethodName.displayName=displayName;exports.default=PaymentMethodName;

package/{dist → lib/cjs}/components/PaymentMethodPrice.d.ts

@@ -1,9 +1,9 @@
-import { FunctionComponent } from 'react';
-import { BaseAmountComponent } from "../typings/index";
-declare type Props = {
-    type?: 'amount';
-    labelFree?: string;
-};
-export declare type PaymentMethodPriceProps = BaseAmountComponent & Props;
-declare const PaymentMethodPrice: FunctionComponent<PaymentMethodPriceProps>;
-export default PaymentMethodPrice;
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+declare type Props = {
+    type?: 'amount';
+    labelFree?: string;
+};
+export declare type PaymentMethodPriceProps = BaseAmountComponent & Props;
+declare const PaymentMethodPrice: FunctionComponent<PaymentMethodPriceProps>;
+export default PaymentMethodPrice;

package/lib/cjs/components/PaymentMethodPrice.js

@@ -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 getAmount_1=(0,tslib_1.__importDefault)(require("../utils/getAmount"));const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PaymentMethodPrice.propTypes;const displayName=components_1.default.PaymentMethodPrice.displayName;const PaymentMethodPrice=e=>{const{format:t="formatted",type:r="amount",labelFree:n="Free"}=e,o=(0,tslib_1.__rest)(e,["format","type","labelFree"]);const{payment:s}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const[a,i]=(0,react_1.useState)("");const[c,l]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{if(s){const e=(0,getAmount_1.default)({base:"price",type:r,format:t,obj:s});i(e);const n=(0,getAmount_1.default)({base:"price",type:r,format:"cents",obj:s});l(n)}return()=>{i("");l(0)}}),[s]);const u=Object.assign({labelFree:n,price:a,priceCents:c},o);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},u,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},o,{children:c===0?n:a}),void 0)};PaymentMethodPrice.propTypes=propTypes;PaymentMethodPrice.displayName=displayName;exports.default=PaymentMethodPrice;

package/{dist → lib/cjs}/components/PaymentMethodRadioButton.d.ts

@@ -1,11 +1,11 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { PaymentMethodCollection } from '@commercelayer/js-sdk';
-declare type ShippingMethodRadioButtonChildrenProps = Omit<ShippingMethodRadioButtonProps, 'children'> & {
-    checked: boolean;
-};
-declare type ShippingMethodRadioButtonProps = {
-    children?: (props: ShippingMethodRadioButtonChildrenProps) => ReactNode;
-    onChange?: (payment?: PaymentMethodCollection | Record<string, any>) => void;
-} & JSX.IntrinsicElements['input'];
-declare const PaymentMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
-export default PaymentMethodRadioButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { PaymentMethod } from '@commercelayer/sdk';
+declare type ShippingMethodRadioButtonChildrenProps = Omit<ShippingMethodRadioButtonProps, 'children'> & {
+    checked: boolean;
+};
+declare type ShippingMethodRadioButtonProps = {
+    children?: (props: ShippingMethodRadioButtonChildrenProps) => ReactNode;
+    onChange?: (payment?: PaymentMethod | Record<string, any>) => void;
+} & JSX.IntrinsicElements['input'];
+declare const PaymentMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
+export default PaymentMethodRadioButton;

package/lib/cjs/components/PaymentMethodRadioButton.js

@@ -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 PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const propTypes=components_1.default.PaymentMethodRadioButton.propTypes;const displayName=components_1.default.PaymentMethodRadioButton.displayName;const PaymentMethodRadioButton=t=>{const{onChange:e}=t,n=(0,tslib_1.__rest)(t,["onChange"]);const{payment:o,paymentSelected:a,setPaymentSelected:i,clickableContainer:s}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{order:d}=(0,react_1.useContext)(OrderContext_1.default);const{setPaymentMethod:r,setLoading:c}=(0,react_1.useContext)(PaymentMethodContext_1.default);const l=(d===null||d===void 0?void 0:d.id)||"";const u=o===null||o===void 0?void 0:o.payment_source_type;const _=o===null||o===void 0?void 0:o.id;const p=`payment-${l}`;const m=a===(o===null||o===void 0?void 0:o.id);const y=async t=>{t.stopPropagation();i&&i(_);c({loading:true});!s&&await r({paymentResource:u,paymentMethodId:_});e&&e(o);c({loading:false})};const h=o===null||o===void 0?void 0:o.payment_source_type;const x=Object.assign({handleOnChange:y,checked:m,id:h,name:p},t);return t.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},x,{children:t.children}),void 0):(0,jsx_runtime_1.jsx)("input",Object.assign({type:"radio",id:h,onChange:y,checked:m},n),void 0)};PaymentMethodRadioButton.propTypes=propTypes;PaymentMethodRadioButton.displayName=displayName;exports.default=PaymentMethodRadioButton;

package/{dist → lib/cjs}/components/PaymentMethodsContainer.d.ts

@@ -1,8 +1,8 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { PaymentMethodConfig } from "../reducers/PaymentMethodReducer";
-declare type PaymentMethodsContainerProps = {
-    children: ReactNode;
-    config?: PaymentMethodConfig;
-};
-declare const PaymentMethodsContainer: FunctionComponent<PaymentMethodsContainerProps>;
-export default PaymentMethodsContainer;
+import { FunctionComponent, ReactNode } from 'react';
+import { PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+declare type PaymentMethodsContainerProps = {
+    children: ReactNode;
+    config?: PaymentMethodConfig;
+};
+declare const PaymentMethodsContainer: FunctionComponent<PaymentMethodsContainerProps>;
+export default PaymentMethodsContainer;

package/lib/cjs/components/PaymentMethodsContainer.js

@@ -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 PaymentMethodContext_1=(0,tslib_1.__importStar)(require("../context/PaymentMethodContext"));const react_1=require("react");const PaymentMethodReducer_1=(0,tslib_1.__importStar)(require("../reducers/PaymentMethodReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const lodash_1=require("lodash");const PaymentMethodReducer_2=require("../reducers/PaymentMethodReducer");const propTypes=components_1.default.PaymentMethodsContainer.propTypes;const displayName=components_1.default.PaymentMethodsContainer.displayName;const PaymentMethodsContainer=e=>{const{children:t,config:o}=e;const[n,a]=(0,react_1.useReducer)(PaymentMethodReducer_1.default,PaymentMethodReducer_1.paymentMethodInitialState);const{order:r,getOrder:s,setOrderErrors:d,include:c,addResourceToInclude:i,updateOrder:m}=(0,react_1.useContext)(OrderContext_1.default);const u=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)((()=>{if(!(c===null||c===void 0?void 0:c.includes("available_payment_methods"))){i({newResource:["available_payment_methods","payment_source","payment_method"]})}if(o&&(0,lodash_1.isEmpty)(n.config))(0,PaymentMethodReducer_1.setPaymentMethodConfig)(o,a);if(u&&r&&!n.paymentMethods){(0,PaymentMethodReducer_1.getPaymentMethods)({order:r,dispatch:a})}if(u&&(r===null||r===void 0?void 0:r.payment_source)){a({type:"setPaymentSource",payload:{paymentSource:r===null||r===void 0?void 0:r.payment_source}})}}),[r,u]);const y=(0,react_1.useMemo)((()=>Object.assign(Object.assign({},n),{setLoading:({loading:e})=>PaymentMethodContext_1.defaultPaymentMethodContext["setLoading"]({loading:e,dispatch:a}),setPaymentRef:({ref:e})=>(0,PaymentMethodReducer_2.setPaymentRef)({ref:e,dispatch:a}),setPaymentMethodErrors:e=>PaymentMethodContext_1.defaultPaymentMethodContext["setPaymentMethodErrors"](e,a),setPaymentMethod:async e=>await PaymentMethodContext_1.defaultPaymentMethodContext["setPaymentMethod"](Object.assign(Object.assign({},e),{config:u,updateOrder:m,order:r,dispatch:a,setOrderErrors:d})),setPaymentSource:async e=>PaymentMethodContext_1.defaultPaymentMethodContext["setPaymentSource"](Object.assign(Object.assign(Object.assign({},n),e),{config:u,dispatch:a,getOrder:s,updateOrder:m,order:r})),updatePaymentSource:async e=>PaymentMethodContext_1.defaultPaymentMethodContext["updatePaymentSource"](Object.assign(Object.assign({},e),{config:u,dispatch:a})),destroyPaymentSource:async e=>PaymentMethodContext_1.defaultPaymentMethodContext["destroyPaymentSource"](Object.assign(Object.assign({},e),{dispatch:a,config:u}))})),[n]);return(0,jsx_runtime_1.jsx)(PaymentMethodContext_1.default.Provider,Object.assign({value:y},{children:t}),void 0)};PaymentMethodsContainer.propTypes=propTypes;PaymentMethodsContainer.displayName=displayName;exports.default=PaymentMethodsContainer;

package/{dist → lib/cjs}/components/PaymentSource.d.ts

@@ -1,19 +1,19 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { LoaderType } from "../typings/index";
-import { CustomerCardsTemplateChildren } from './utils/PaymentCardsTemplate';
-export declare type CustomerCardsProps = {
-    handleClick: () => void;
-};
-export declare type CustomerSaveToWalletProps = {
-    name: 'save_payment_source_to_customer_wallet';
-};
-export declare type PaymentSourceProps = {
-    children?: ReactNode;
-    readonly?: boolean;
-    templateCustomerCards?: CustomerCardsTemplateChildren;
-    onClickCustomerCards?: () => void;
-    templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => ReactNode;
-    loader?: LoaderType;
-} & JSX.IntrinsicElements['div'];
-declare const PaymentSource: FunctionComponent<PaymentSourceProps>;
-export default PaymentSource;
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+import { CustomerCardsTemplateChildren } from './utils/PaymentCardsTemplate';
+export declare type CustomerCardsProps = {
+    handleClick: () => void;
+};
+export declare type CustomerSaveToWalletProps = {
+    name: 'save_payment_source_to_customer_wallet';
+};
+export declare type PaymentSourceProps = {
+    children?: ReactNode;
+    readonly?: boolean;
+    templateCustomerCards?: CustomerCardsTemplateChildren;
+    onClickCustomerCards?: () => void;
+    templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => ReactNode;
+    loader?: LoaderType;
+} & JSX.IntrinsicElements['div'];
+declare const PaymentSource: FunctionComponent<PaymentSourceProps>;
+export default PaymentSource;

package/lib/cjs/components/PaymentSource.js

@@ -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 PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentMethodContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../context/CustomerContext"));const PaymentGateway_1=(0,tslib_1.__importDefault)(require("./PaymentGateway"));const propTypes=components_1.default.PaymentSource.propTypes;const displayName=components_1.default.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:n}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:r}=(0,react_1.useContext)(PaymentMethodContext_1.default);const[i,u]=(0,react_1.useState)(false);const[d,l]=(0,react_1.useState)(false);(0,react_1.useEffect)((()=>{var e,n,r,i,d,c,m;if(t){u(true);l(true)}else if((o===null||o===void 0?void 0:o.id)===a){u(true);console.log(`paymentSource`,s);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((i=(r=s===null||s===void 0?void 0:s.paymentRequestData)===null||r===void 0?void 0:r.paymentMethod)===null||i===void 0?void 0:i.brand)&&((d=s===null||s===void 0?void 0:s.paymentResponse)===null||d===void 0?void 0:d.resultCode)==="Authorised"&&{brand:(m=(c=s===null||s===void 0?void 0:s.paymentRequestData)===null||c===void 0?void 0:c.paymentMethod)===null||m===void 0?void 0:m.brand};if(!(0,isEmpty_1.default)(t))l(true)}else u(false);return()=>{u(false);l(false)}}),[a,s,n,o,t]);const c=e=>{e.stopPropagation();s&&r({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});l(!d);u(true)};const m=Object.assign(Object.assign({},e),{show:i,showCard:d,handleEditClick:c,readonly:t});return(0,jsx_runtime_1.jsx)(PaymentGateway_1.default,Object.assign({},m),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;exports.default=PaymentSource;

package/{dist → lib/cjs}/components/PaymentSourceBrandIcon.d.ts

@@ -1,15 +1,15 @@
-import { iconBrand } from "../context/PaymentSourceContext";
-import { FunctionComponent } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type CustomComponent = FunctionChildren<Omit<Props & {
-    brand: iconBrand;
-    defaultSrc: string;
-    url: string;
-}, 'children'>>;
-declare type Props = {
-    children?: CustomComponent;
-    width?: number;
-    height?: number;
-} & JSX.IntrinsicElements['img'];
-declare const PaymentSourceBrandIcon: FunctionComponent<Props>;
-export default PaymentSourceBrandIcon;
+import { iconBrand } from '../context/PaymentSourceContext';
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    brand: iconBrand;
+    defaultSrc: string;
+    url: string;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    width?: number;
+    height?: number;
+} & JSX.IntrinsicElements['img'];
+declare const PaymentSourceBrandIcon: FunctionComponent<Props>;
+export default PaymentSourceBrandIcon;

package/lib/cjs/components/PaymentSourceBrandIcon.js

@@ -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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentSourceContext"));const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PaymentSourceBrandIcon.propTypes;const displayName=components_1.default.PaymentSourceBrandIcon.displayName;const PaymentSourceBrandIcon=e=>{var{src:t,width:r=32,children:n}=e,s=(0,tslib_1.__rest)(e,["src","width","children"]);const{brand:c}=(0,react_1.useContext)(PaymentSourceContext_1.default);const o=(0,react_1.useRef)(null);const a="//data.commercelayer.app/assets/images/icons/credit-cards/color/credit-card.svg";const i=t?t:`//data.commercelayer.app/assets/images/icons/credit-cards/color/${c}.svg`;const u=()=>{if(o.current)o.current.src=a};const d=Object.assign({brand:c,defaultSrc:a,url:i,width:r},s);return n?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},d,{children:n}),void 0):(0,jsx_runtime_1.jsx)("img",Object.assign({ref:o,src:i,onError:u,width:r},s),void 0)};PaymentSourceBrandIcon.propTypes=propTypes;PaymentSourceBrandIcon.displayName=displayName;exports.default=PaymentSourceBrandIcon;

package/{dist → lib/cjs}/components/PaymentSourceBrandName.d.ts

@@ -1,12 +1,12 @@
-import { iconBrand } from "../context/PaymentSourceContext";
-import { FunctionComponent } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type CustomComponent = FunctionChildren<Omit<Props & {
-    brand: iconBrand;
-}, 'children'>>;
-declare type Props = {
-    children?: CustomComponent;
-    label?: string;
-} & JSX.IntrinsicElements['span'];
-declare const PaymentSourceBrandName: FunctionComponent<Props>;
-export default PaymentSourceBrandName;
+import { iconBrand } from '../context/PaymentSourceContext';
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    brand: iconBrand;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    label?: string;
+} & JSX.IntrinsicElements['span'];
+declare const PaymentSourceBrandName: FunctionComponent<Props>;
+export default PaymentSourceBrandName;

package/lib/cjs/components/PaymentSourceBrandName.js

@@ -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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentSourceContext"));const lodash_1=require("lodash");const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PaymentSourceBrandName.propTypes;const displayName=components_1.default.PaymentSourceBrandName.displayName;const PaymentSourceBrandName=e=>{var{children:t,label:a}=e,r=(0,tslib_1.__rest)(e,["children","label"]);const{brand:n}=(0,react_1.useContext)(PaymentSourceContext_1.default);const s=n&&(0,lodash_1.capitalize)(n.replace("-"," "));const o=Object.assign({brand:s,label:a},r);return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},o,{children:t}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},r,{children:a||(0,lodash_1.capitalize)(s)}),void 0)};PaymentSourceBrandName.propTypes=propTypes;PaymentSourceBrandName.displayName=displayName;exports.default=PaymentSourceBrandName;

package/{dist → lib/cjs}/components/PaymentSourceDetail.d.ts

@@ -1,12 +1,12 @@
-import { FunctionComponent } from 'react';
-import { FunctionChildren } from "../typings/index";
-export declare type PaymentSourceDetailType = 'last4' | 'expYear' | 'expMonth';
-declare type CustomComponent = FunctionChildren<Omit<Props & {
-    text: string;
-}, 'children'>>;
-declare type Props = {
-    children?: CustomComponent;
-    type: PaymentSourceDetailType;
-} & JSX.IntrinsicElements['span'];
-declare const PaymentSourceDetail: FunctionComponent<Props>;
-export default PaymentSourceDetail;
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+export declare type PaymentSourceDetailType = 'last4' | 'expYear' | 'expMonth';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    text: string;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    type: PaymentSourceDetailType;
+} & JSX.IntrinsicElements['span'];
+declare const PaymentSourceDetail: FunctionComponent<Props>;
+export default PaymentSourceDetail;

package/lib/cjs/components/PaymentSourceDetail.js

@@ -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 components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentSourceContext"));const lodash_1=require("lodash");const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const propTypes=components_1.default.PaymentSourceDetail.propTypes;const displayName=components_1.default.PaymentSourceDetail.displayName;const PaymentSourceDetail=e=>{var{type:t,children:s}=e,r=(0,tslib_1.__rest)(e,["type","children"]);const n=(0,react_1.useContext)(PaymentSourceContext_1.default);const o=(0,lodash_1.has)(n,t)?n[t]:t==="last4"?"****":"**";const a=Object.assign({type:t,text:o},r);return s?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},a,{children:s}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},r,{children:o}),void 0)};PaymentSourceDetail.propTypes=propTypes;PaymentSourceDetail.displayName=displayName;exports.default=PaymentSourceDetail;

package/{dist → lib/cjs}/components/PaymentSourceEditButton.d.ts

@@ -1,9 +1,9 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { FunctionChildren } from "../typings/index";
-declare type CustomComponent = FunctionChildren<Omit<Props, 'children'>>;
-declare type Props = {
-    children?: CustomComponent;
-    label?: string | ReactNode;
-} & Omit<JSX.IntrinsicElements['button'], 'onClick'>;
-declare const PaymentSourceEditButton: FunctionComponent<Props>;
-export default PaymentSourceEditButton;
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    label?: string | ReactNode;
+} & Omit<JSX.IntrinsicElements['button'], 'onClick'>;
+declare const PaymentSourceEditButton: FunctionComponent<Props>;
+export default PaymentSourceEditButton;

package/lib/cjs/components/PaymentSourceEditButton.js

@@ -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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../context/PaymentSourceContext"));const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const displayName=components_1.default.PaymentSourceEditButton.displayName;const propTypes=components_1.default.PaymentSourceEditButton.propTypes;const PaymentSourceEditButton=t=>{var{children:e,label:n="Edit"}=t,o=(0,tslib_1.__rest)(t,["children","label"]);const{showCard:r,handleEditClick:s,readonly:i}=(0,react_1.useContext)(PaymentSourceContext_1.default);const a=Object.assign({showCard:r,label:n,handleEditClick:s},o);return e?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},a,{children:e}),void 0):!i?(0,jsx_runtime_1.jsx)("button",Object.assign({},o,{onClick:s},{children:n}),void 0):null};PaymentSourceEditButton.propTypes=propTypes;PaymentSourceEditButton.displayName=displayName;exports.default=PaymentSourceEditButton;