@commercelayer/react-components 2.46.3 → 2.47.0

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

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

package/lib/esm/components/SubmitButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./utils/Parent";import components from"../config/components";import isFunction from"lodash/isFunction";const propTypes=components.SubmitButton.propTypes;const defaultProps=components.SubmitButton.defaultProps;const displayName=components.SubmitButton.displayName;const SubmitButton=t=>{const{children:o,label:s="Submit"}=t,n=__rest(t,["children","label"]);const e=Object.assign(Object.assign({},n),{label:s});return o?_jsx(Parent,Object.assign({},e,{children:o}),void 0):_jsx("button",Object.assign({type:"submit"},n,{children:isFunction(s)?s():s}),void 0)};SubmitButton.propTypes=propTypes;SubmitButton.defaultProps=defaultProps;SubmitButton.displayName=displayName;export default SubmitButton;

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

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

package/lib/esm/components/TaxesAmount.js

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

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

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

package/lib/esm/components/TotalAmount.js

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

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

@@ -0,0 +1,27 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BaseSelectorType } from '../typings/index';
+import { FunctionChildren } from '../typings/index';
+import { VariantsObject, SetSkuCode } from '../reducers/VariantReducer';
+export interface VariantOptions {
+    label: string;
+    code: string;
+    lineItem?: {
+        name: string;
+        imageUrl?: string | null;
+    } | null;
+}
+declare type VariantSelectorChildrenProps = FunctionChildren<Omit<VariantSelectorProps, 'children'> & {
+    variants: VariantsObject;
+    handleSelect: SetSkuCode;
+    loading: boolean;
+}>;
+declare type VariantSelectorProps = {
+    children?: VariantSelectorChildrenProps;
+    options: VariantOptions[];
+    type?: BaseSelectorType;
+    loader?: ReactNode;
+    placeholder?: string;
+    skuCode?: string;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+declare const VariantSelector: FunctionComponent<VariantSelectorProps>;
+export default VariantSelector;

package/lib/esm/components/VariantSelector.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext,useEffect}from"react";import VariantTemplate from"./utils/VariantTemplate";import Parent from"./utils/Parent";import VariantsContext from"../context/VariantsContext";import components from"../config/components";const propTypes=components.VariantSelector.propTypes;const defaultProps=components.VariantSelector.defaultProps;const displayName=components.VariantSelector.displayName;const VariantSelector=e=>{const{children:t,type:o,placeholder:a,skuCode:n,name:r,options:s}=e,i=__rest(e,["children","type","placeholder","skuCode","name","options"]);const{setSkuCode:p,skuCode:c,loading:l,variants:d,setSkuCodes:m}=useContext(VariantsContext);useEffect((()=>{m&&m(s);return()=>{m&&m([])}}),[s]);const u=c||n||"";const f=()=>l?_jsx(Fragment,{children:e.loader||"Loading..."},void 0):_jsx(VariantTemplate,Object.assign({variants:d,type:o,placeholder:a,skuCode:u,options:s,handleChange:p,name:r},i),void 0);const x=Object.assign({variants:d,loading:!!l,handleSelect:p,skuCode:u},e);return t?_jsx(Parent,Object.assign({},x,{children:t}),void 0):_jsx(Fragment,{children:_jsx(f,{},void 0)},void 0)};VariantSelector.propTypes=propTypes;VariantSelector.defaultProps=defaultProps;VariantSelector.displayName=displayName;export default VariantSelector;

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

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

package/lib/esm/components/VariantsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import variantReducer,{variantInitialState,unsetVariantState,setSkuCode,getVariants}from"../reducers/VariantReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import VariantsContext from"../context/VariantsContext";import{setVariantSkuCodes}from"../reducers/VariantReducer";import{isEmpty,isEqual}from"lodash";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import components from"../config/components";const propTypes=components.VariantsContainer.propTypes;const defaultProps=components.VariantsContainer.defaultProps;const displayName=components.VariantsContainer.displayName;const VariantsContainer=t=>{const{children:e,skuCode:s="",filters:n={}}=t;const a=useContext(CommerceLayerContext);const{setItem:o,setItems:r,items:i,item:m,setCustomLineItems:c,skuCode:u}=useContext(ItemContext);const[p,d]=useReducer(variantReducer,variantInitialState);const C=getCurrentItemKey(m)||s||p.skuCode||u||"";useEffect((()=>{if(!isEmpty(i)&&!isEmpty(p.variants)){if(!isEqual(i,p.variants)){const t=Object.assign(Object.assign({},i),p.variants);r&&r(t)}}if(p.skuCodes.length>=1&&a.accessToken){d({type:"setLoading",payload:{loading:true}});getVariants({config:a,state:p,dispatch:d,setItem:o,skuCode:C,filters:n})}return()=>unsetVariantState(d)}),[a]);const f=Object.assign(Object.assign({},p),{skuCode:C,setSkuCode:(t,e,s={})=>{if(!isEmpty(s)){c&&c({[t]:s})}setSkuCode({code:t,id:e,config:a,setItem:o,dispatch:d})},setSkuCodes:t=>setVariantSkuCodes({skuCodes:t,dispatch:d,setCustomLineItems:c})});return _jsx(VariantsContext.Provider,Object.assign({value:f},{children:e}),void 0)};VariantsContainer.propTypes=propTypes;VariantsContainer.defaultProps=defaultProps;VariantsContainer.displayName=displayName;export default VariantsContainer;

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type WireTransferConfig = {
+    infoMessage?: {
+        text?: string | ReactNode;
+        className?: string;
+    };
+};
+declare type Props = WireTransferConfig & JSX.IntrinsicElements['div'];
+declare const WireTransferPayment: FunctionComponent<Props>;
+export default WireTransferPayment;

package/lib/esm/components/WireTransferPayment.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import PaymentMethodContext from"../context/PaymentMethodContext";import isFunction from"lodash/isFunction";import{useContext,useEffect,useRef}from"react";const defaultMessage="after placing the order, you will need to manually complete the payment with your bank";const WireTransferPayment=e=>{var{infoMessage:t}=e,n=__rest(e,["infoMessage"]);const r=useRef(null);const{setPaymentSource:s,paymentSource:o,currentPaymentMethodType:a,setPaymentRef:i}=useContext(PaymentMethodContext);useEffect((()=>{if(r.current&&o&&a){r.current.onsubmit=()=>u();i({ref:r})}return()=>{i({ref:{current:null}})}}),[r,o,a]);const u=async()=>{if(o&&a){try{await s({paymentSourceId:o.id,paymentResource:a,attributes:{metadata:{card:{id:o.id,brand:"wire-transfer",last4:""}}}});return true}catch(e){return false}}return false};return _jsx("form",Object.assign({ref:r},{children:_jsx("div",Object.assign({},n,{children:_jsx("span",Object.assign({className:t===null||t===void 0?void 0:t.className},{children:isFunction(t===null||t===void 0?void 0:t.text)?t===null||t===void 0?void 0:t.text():(t===null||t===void 0?void 0:t.text)||defaultMessage}),void 0)}),void 0)}),void 0)};export default WireTransferPayment;

package/lib/esm/components/gateways/AdyenGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from '../PaymentGateway';
+declare type AdyenGateway = GatewayBaseType;
+export default function AdyenGateway(props: AdyenGateway): JSX.Element | null;
+export {};

package/lib/esm/components/gateways/AdyenGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import CommerceLayerContext from"../../context/CommerceLayerContext";import CustomerContext from"../../context/CustomerContext";import OrderContext from"../../context/OrderContext";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import{getPaymentConfig}from"../../reducers/PaymentMethodReducer";import isEmpty from"lodash/isEmpty";import{Fragment,useContext}from"react";import AdyenPayment from"../AdyenPayment";import PaymentCardsTemplate from"../utils/PaymentCardsTemplate";import jwt from"../../utils/jwt";export default function AdyenGateway(e){var t;const{readonly:o,showCard:n,handleEditClick:r,children:m,templateCustomerCards:s,show:a,loading:i,onClickCustomerCards:d,loaderComponent:l,templateCustomerSaveToWallet:c}=e,C=__rest(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:y}=useContext(OrderContext);const{accessToken:u}=useContext(CommerceLayerContext);const{payment:p}=useContext(PaymentMethodChildrenContext);const{payments:x,isGuest:v}=useContext(CustomerContext);const{currentPaymentMethodId:h,config:f,paymentSource:P}=useContext(PaymentMethodContext);const _="adyen_payments";const g=y===null||y===void 0?void 0:y.language_code;if(!o&&(p===null||p===void 0?void 0:p.id)!==h)return null;const j=P===null||P===void 0?void 0:P.public_key;const w=jwt(u).test?"test":"live";const E=f?getPaymentConfig(_,f):{};console.log(`payments`,x);const M=!isEmpty(x)&&x?x.filter((e=>{var t;return((t=e.payment_source)===null||t===void 0?void 0:t.type)==="adyen_payments"})):[];if(o||n){const e=(t=P===null||P===void 0?void 0:P.payment_request_data)===null||t===void 0?void 0:t.payment_method;const s=Object.assign(Object.assign({},e),{showCard:n,handleEditClick:r,readonly:o});return isEmpty(e)?null:_jsx(PaymentSourceContext.Provider,Object.assign({value:s},{children:m}),void 0)}if(!v&&s){return j&&!i&&(P===null||P===void 0?void 0:P.payment_methods)?_jsxs(Fragment,{children:[isEmpty(M)?null:_jsx("div",Object.assign({className:C.className},{children:_jsx(PaymentCardsTemplate,Object.assign({},{paymentResource:_,customerPayments:M},{children:s}),void 0)}),void 0),_jsx(AdyenPayment,{templateCustomerSaveToWallet:c,clientKey:j,locale:g,environment:w,config:E},void 0)]},void 0):l}return j&&!i&&(P===null||P===void 0?void 0:P.payment_methods)?_jsx(AdyenPayment,{clientKey:j,locale:g,config:E},void 0):l}

package/lib/esm/components/gateways/BraintreeGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from '../PaymentGateway';
+declare type BraintreeGateway = GatewayBaseType;
+export default function BraintreeGateway(props: BraintreeGateway): JSX.Element | null;
+export {};

package/lib/esm/components/gateways/BraintreeGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import BraintreePayment from"../BraintreePayment";import CustomerContext from"../../context/CustomerContext";import OrderContext from"../../context/OrderContext";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import{getPaymentConfig}from"../../reducers/PaymentMethodReducer";import isEmpty from"lodash/isEmpty";import{Fragment,useContext}from"react";import PaymentCardsTemplate from"../utils/PaymentCardsTemplate";export default function BraintreeGateway(t){var e;const{readonly:o,showCard:n,handleEditClick:r,children:a,templateCustomerCards:s,show:i,loading:m,onClickCustomerCards:d,loaderComponent:l,templateCustomerSaveToWallet:c}=t,C=__rest(t,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:u}=useContext(OrderContext);const{payment:y}=useContext(PaymentMethodChildrenContext);const{payments:p,isGuest:x}=useContext(CustomerContext);const{currentPaymentMethodId:h,config:v,paymentSource:f}=useContext(PaymentMethodContext);const P="braintree_payments";const g=u===null||u===void 0?void 0:u.language_code;if(!o&&(y===null||y===void 0?void 0:y.id)!==h)return null;const _=f===null||f===void 0?void 0:f.client_token;const j=v?getPaymentConfig(P,v):{};const b=!isEmpty(p)&&p?p.filter((t=>{var e;return((e=t.payment_source)===null||e===void 0?void 0:e.type)==="braintree_payments"})):[];if(o||n){const t=(e=f===null||f===void 0?void 0:f.options)===null||e===void 0?void 0:e.card;const s=Object.assign(Object.assign({},t),{showCard:n,handleEditClick:r,readonly:o});return isEmpty(t)?null:_jsx(PaymentSourceContext.Provider,Object.assign({value:s},{children:a}),void 0)}if(!x&&s){return _&&!m?_jsxs(Fragment,{children:[isEmpty(b)?null:_jsx("div",Object.assign({className:C.className},{children:_jsx(PaymentCardsTemplate,Object.assign({},{paymentResource:P,customerPayments:b},{children:s}),void 0)}),void 0),_jsx(BraintreePayment,{templateCustomerSaveToWallet:c,authorization:_,locale:g,config:j},void 0)]},void 0):l}return _&&!m?_jsx(BraintreePayment,{locale:g,authorization:_,config:j},void 0):l}

package/lib/esm/components/gateways/PaypalGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from '../PaymentGateway';
+declare type PaypalGateway = GatewayBaseType;
+export default function PaypalGateway(props: PaypalGateway): JSX.Element | null;
+export {};

package/lib/esm/components/gateways/PaypalGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import PaypalPayment from"../PaypalPayment";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import{getPaymentConfig}from"../../reducers/PaymentMethodReducer";import isEmpty from"lodash/isEmpty";import{useContext}from"react";export default function PaypalGateway(t){var e,o;const{readonly:n,showCard:a,handleEditClick:r,children:i,templateCustomerCards:d,show:l,loading:m,onClickCustomerCards:s,loaderComponent:C,templateCustomerSaveToWallet:c}=t,u=__rest(t,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{payment:y}=useContext(PaymentMethodChildrenContext);const{currentPaymentMethodId:p,config:h,paymentSource:x}=useContext(PaymentMethodContext);const P="paypal_payments";if(!n&&(y===null||y===void 0?void 0:y.id)!==p)return null;if(n||a){const t=((e=x===null||x===void 0?void 0:x.options)===null||e===void 0?void 0:e.card)||((o=x===null||x===void 0?void 0:x.metadata)===null||o===void 0?void 0:o.card);const d=Object.assign(Object.assign({},t),{showCard:a,handleEditClick:r,readonly:n});return isEmpty(t)?null:_jsx(PaymentSourceContext.Provider,Object.assign({value:d},{children:i}),void 0)}const v=h&&getPaymentConfig(P,h);return _jsx(PaypalPayment,Object.assign({},u,{infoMessage:v===null||v===void 0?void 0:v.infoMessage}),void 0)}

package/lib/esm/components/gateways/StripeGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from '../PaymentGateway';
+declare type StripeGateway = GatewayBaseType;
+export default function StripeGateway(props: StripeGateway): JSX.Element | null;
+export {};

package/lib/esm/components/gateways/StripeGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import StripePayment from"../StripePayment";import CustomerContext from"../../context/CustomerContext";import OrderContext from"../../context/OrderContext";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import{getPaymentConfig}from"../../reducers/PaymentMethodReducer";import isEmpty from"lodash/isEmpty";import{Fragment,useContext}from"react";import PaymentCardsTemplate from"../utils/PaymentCardsTemplate";export default function StripeGateway(t){var e;const{readonly:o,showCard:n,handleEditClick:r,children:s,templateCustomerCards:a,show:i,loading:m,onClickCustomerCards:l,loaderComponent:d,templateCustomerSaveToWallet:c}=t,C=__rest(t,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:u}=useContext(OrderContext);const{payment:p}=useContext(PaymentMethodChildrenContext);const{payments:y,isGuest:x}=useContext(CustomerContext);const{currentPaymentMethodId:h,config:v,paymentSource:P}=useContext(PaymentMethodContext);const f="stripe_payments";const g=u===null||u===void 0?void 0:u.language_code;if(!o&&(p===null||p===void 0?void 0:p.id)!==h)return null;const j=P===null||P===void 0?void 0:P.publishable_key;const _=v?getPaymentConfig(f,v):{};const b=!isEmpty(y)&&y?y.filter((t=>{var e;return((e=t.payment_source)===null||e===void 0?void 0:e.type)==="stripe_payments"})):[];if(o||n){const t=(e=P===null||P===void 0?void 0:P.options)===null||e===void 0?void 0:e.card;const a=Object.assign(Object.assign({},t),{showCard:n,handleEditClick:r,readonly:o});return isEmpty(t)?null:_jsx(PaymentSourceContext.Provider,Object.assign({value:a},{children:s}),void 0)}if(!x&&a){return _jsxs(Fragment,{children:[isEmpty(b)?null:_jsx("div",Object.assign({className:C.className},{children:_jsx(PaymentCardsTemplate,Object.assign({},{paymentResource:f,customerPayments:b},{children:a}),void 0)}),void 0),_jsx(StripePayment,Object.assign({show:i,templateCustomerSaveToWallet:c,publishableKey:j,locale:g},_),void 0)]},void 0)}return j&&!m?_jsx(StripePayment,Object.assign({show:i,publishableKey:j,locale:g},_),void 0):d}

package/lib/esm/components/gateways/WireTransferGateway.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { GatewayBaseType } from '../PaymentGateway';
+declare type WireTransferGateway = GatewayBaseType;
+export default function WireTransferGateway(props: WireTransferGateway): JSX.Element | null;
+export {};

package/lib/esm/components/gateways/WireTransferGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import WireTransferPayment from"../WireTransferPayment";import PaymentMethodChildrenContext from"../../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";import{getPaymentConfig}from"../../reducers/PaymentMethodReducer";import isEmpty from"lodash/isEmpty";import{useContext}from"react";export default function WireTransferGateway(t){var e,o;const{readonly:n,showCard:r,handleEditClick:a,children:i,templateCustomerCards:d,show:s,loading:m,onClickCustomerCards:l,loaderComponent:C,templateCustomerSaveToWallet:c}=t,u=__rest(t,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{payment:y}=useContext(PaymentMethodChildrenContext);const{currentPaymentMethodId:h,config:p,paymentSource:f}=useContext(PaymentMethodContext);const x="wire_transfers";if(!n&&(y===null||y===void 0?void 0:y.id)!==h)return null;if(n||r){const t=((e=f===null||f===void 0?void 0:f.options)===null||e===void 0?void 0:e.card)||((o=f===null||f===void 0?void 0:f.metadata)===null||o===void 0?void 0:o.card);const d=Object.assign(Object.assign({},t),{showCard:r,handleEditClick:a,readonly:n});return isEmpty(t)?null:_jsx(PaymentSourceContext.Provider,Object.assign({value:d},{children:i}),void 0)}const v=p&&x?getPaymentConfig(x,p):{};return _jsx(WireTransferPayment,Object.assign({},u,v),void 0)}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Address } from '@commercelayer/sdk';
+import AddressChildrenContext from '../../context/AddressChildrenContext';
+import { FunctionChildren } from '../../typings/index';
+declare type ChildrenProps = Pick<Props, 'customerAddresses' | 'className'> & {
+    AddressProvider: typeof AddressChildrenContext.Provider;
+};
+export declare type CustomerAddress = Address & {
+    onClick: () => void;
+    handleSelect?: () => void;
+};
+export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
+export declare type AddressCardsTemplate = ChildrenProps;
+declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean) => void;
+declare type Props = {
+    customerAddresses: CustomerAddress[];
+    countryLock?: string;
+    children: AddressCardsTemplateChildren;
+    selectedClassName?: string;
+    disabledClassName?: string;
+    deselect?: boolean;
+    selected?: number | null;
+    className?: string;
+    handleSelect: HandleSelect;
+};
+export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect, }: Props): JSX.Element;
+export {};

package/lib/esm/components/utils/AddressCardsTemplate.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import AddressChildrenContext from"../../context/AddressChildrenContext";import ShippingAddressContext from"../../context/ShippingAddressContext";export default function AddressCardsTemplate({customerAddresses:e,children:s,deselect:t,countryLock:r,selected:n,selectedClassName:o,className:d,disabledClassName:c,handleSelect:i}){const{setShippingAddress:a}=useContext(ShippingAddressContext);const l=e.map(((e,s)=>{const l=e;const m=a&&r&&r!==e.country_code||false;const p=t?"":o;const x=n===s?`${d} ${p}`:d;const C=m?`${d} ${c}`:x;const u=(e===null||e===void 0?void 0:e.reference)||"";const A=()=>i(s,e.id,u,m);return Object.assign(Object.assign({},l),{className:C,onClick:A})}));const m={customerAddresses:l,AddressProvider:AddressChildrenContext.Provider};return _jsx(Parent,Object.assign({},m,{children:s}),void 0)}

package/lib/esm/components/utils/BaseField.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
+export declare type BaseFieldProps = {
+    attribute: 'number' | 'id';
+    children?: (props: BaseFieldChildren) => ReactNode;
+} & JSX.IntrinsicElements['span'];
+declare const BaseField: FunctionComponent<BaseFieldProps>;
+export default BaseField;

package/lib/esm/components/utils/BaseField.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import{useContext,useEffect,useState}from"react";import Parent from"./Parent";const BaseField=t=>{var{children:e,attribute:r}=t,s=__rest(t,["children","attribute"]);const{order:n}=useContext(OrderContext);const[o,i]=useState("");useEffect((()=>{if(n&&r in n)i(n[r]);return()=>{i("")}}),[n]);const a=Object.assign({attribute:o},s);return e?_jsx(Parent,Object.assign({},a,{children:e}),void 0):_jsx("span",Object.assign({},s,{children:o}),void 0)};export default BaseField;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BaseInputComponentProps } from '../../typings/index';
+export declare type BaseInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "type" | "key" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "min" | "max" | "disabled" | "width" | "height" | "src" | "list" | "step" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
+export default _default;

package/lib/esm/components/utils/BaseInput.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";const BaseInput=(t,e)=>{const{children:r}=t,s=__rest(t,["children"]);const a=t.type==="textarea"?_jsx("textarea",Object.assign({ref:e},s),void 0):_jsx("input",Object.assign({ref:e},s),void 0);return r?_jsx(Parent,Object.assign({},s,{children:r}),void 0):a};export default React.forwardRef(BaseInput);

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { PropsType } from '../../utils/PropsType';
+import { baseOrderPricePropTypes } from '../../typings/index';
+export declare type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes> & JSX.IntrinsicElements['span'];
+declare const BaseOrderPrice: FunctionComponent<BaseOrderPriceProps>;
+export default BaseOrderPrice;

package/lib/esm/components/utils/BaseOrderPrice.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../../context/OrderContext";import getAmount from"../../utils/getAmount";import Parent from"./Parent";import{useState,useEffect,useContext}from"react";import{baseOrderPricePropTypes}from"../../typings/index";import{isEmpty}from"lodash";const BaseOrderPrice=e=>{const{format:t="formatted",base:r,type:s,children:o}=e,n=__rest(e,["format","base","type","children"]);const{order:i}=useContext(OrderContext);const[a,c]=useState("");const[m,p]=useState(0);useEffect((()=>{const e=getAmount({base:r,type:s,format:t,obj:i||{}});const o=getAmount({base:r,type:s,format:"cents",obj:i||{}});c(e);p(o);return()=>{if(isEmpty(i)){c("")}}}),[i]);const d=Object.assign({priceCents:m,price:a},n);return o?_jsx(Parent,Object.assign({},d,{children:o}),void 0):_jsx("span",Object.assign({},n,{children:a}),void 0)};BaseOrderPrice.propTypes=baseOrderPricePropTypes;export default BaseOrderPrice;

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

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

package/lib/esm/components/utils/BaseSelect.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import Parent from"./Parent";import{findIndex}from"lodash";const BaseSelect=(e,t)=>{const{options:r=[],children:s,placeholder:o={label:"Select an option",value:""},value:n=""}=e,a=__rest(e,["options","children","placeholder","value"]);if(findIndex(r,o)===-1){r.unshift(o)}else{r[0]=o}const l=r.map(((e,t)=>{const{label:r}=e,s=__rest(e,["label"]);return _jsx("option",Object.assign({},s,{children:r}),t)}));const i=Object.assign({options:r,ref:t},a);return s?_jsx(Parent,Object.assign({},i,{children:s}),void 0):_jsx("select",Object.assign({ref:t,defaultValue:n},a,{children:l}),void 0)};export default React.forwardRef(BaseSelect);

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

@@ -0,0 +1,8 @@
+import PropTypes, { InferProps } from 'prop-types';
+import { FunctionComponent } from 'react';
+declare const PProps: {
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare type ParentProps = InferProps<typeof PProps>;
+declare const Parent: FunctionComponent<ParentProps>;
+export default Parent;

package/lib/esm/components/utils/Parent.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import PropTypes from"prop-types";const PProps={children:PropTypes.func};const Parent=r=>{const s=r.children;return s?_jsx(s,Object.assign({},r),void 0):null};Parent.propTypes=PProps;export default Parent;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { PaymentResource, PaymentSourceType } from '../../reducers/PaymentMethodReducer';
+import PaymentSourceContext, { iconBrand } from '../../context/PaymentSourceContext';
+import { FunctionChildren } from '../../typings/index';
+declare type ChildrenProps = Pick<Props, 'customerPayments'> & {
+    PaymentSourceProvider: typeof PaymentSourceContext.Provider;
+};
+declare type CustomerPayment = PaymentSourceType & {
+    card?: {
+        brand?: iconBrand;
+        last4?: string;
+    };
+    handleClick?: () => void;
+};
+export declare type CustomerCardsTemplateChildren = FunctionChildren<ChildrenProps>;
+export declare type CustomerCardsTemplate = ChildrenProps;
+declare type Props = {
+    customerPayments: CustomerPayment[];
+    children: CustomerCardsTemplateChildren;
+    paymentResource: PaymentResource;
+};
+export default function PaymentCardsTemplate({ customerPayments, children, paymentResource, }: Props): JSX.Element;
+export {};

package/lib/esm/components/utils/PaymentCardsTemplate.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import Parent from"../utils/Parent";import{useContext}from"react";import PaymentMethodContext from"../../context/PaymentMethodContext";import PaymentSourceContext from"../../context/PaymentSourceContext";export default function PaymentCardsTemplate({customerPayments:t,children:e,paymentResource:o}){const{setPaymentSource:n}=useContext(PaymentMethodContext);const r=t.map((t=>{var e,r,a,i,m;const s=t;const c=((e=t===null||t===void 0?void 0:t.payment_source.options)===null||e===void 0?void 0:e.card)||((a=(r=t===null||t===void 0?void 0:t.payment_source)===null||r===void 0?void 0:r.payment_request_data)===null||a===void 0?void 0:a.paymentMethod)||((m=(i=t===null||t===void 0?void 0:t.payment_source)===null||i===void 0?void 0:i.metadata)===null||m===void 0?void 0:m.card);const d=async e=>{e.stopPropagation();await n({paymentResource:o,customerPaymentSourceId:t.id})};return Object.assign(Object.assign({},s),{card:c,handleClick:d})}));const a={customerPayments:r,PaymentSourceProvider:PaymentSourceContext.Provider};return _jsx(Parent,Object.assign({},a,{children:e}),void 0)}

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

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { PriceProps } from '../Price';
+export declare type PTemplateProps = {
+    formattedAmount?: string;
+    formattedCompare?: string;
+} & Omit<PriceProps, 'children'>;
+declare const PriceTemplate: FunctionComponent<PTemplateProps>;
+export default PriceTemplate;

package/lib/esm/components/utils/PriceTemplate.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import PropTypes from"prop-types";const propTypes={formattedAmount:PropTypes.string,formattedCompare:PropTypes.string};const defaultProps={formattedAmount:"",formattedCompare:""};const PriceTemplate=e=>{const{showCompare:s,formattedCompare:r,compareClassName:t,className:o,formattedAmount:a,skuCode:m}=e,p=__rest(e,["showCompare","formattedCompare","compareClassName","className","formattedAmount","skuCode"]);return _jsxs(Fragment,{children:[_jsx("span",Object.assign({className:o},p,{children:a}),void 0),s&&_jsx("span",Object.assign({className:t||""},p,{children:r}),void 0)]},void 0)};PriceTemplate.propTypes=propTypes;PriceTemplate.defaultProps=defaultProps;export default PriceTemplate;

package/lib/esm/components/utils/VariantTemplate.d.ts

@@ -0,0 +1,34 @@
+import { FunctionComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { BaseSelectorType } from '../../typings/index';
+import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
+import { VariantOptions } from '../VariantSelector';
+export declare const propTypes: {
+    variants: PropTypes.Validator<any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    options: PropTypes.Validator<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        code: PropTypes.Validator<string>;
+        lineItem: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            imageUrl: PropTypes.Requireable<string>;
+        }>>;
+    }>[]>;
+    name: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    type: PropTypes.Requireable<BaseSelectorType>;
+    loader: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    placeholder: PropTypes.Requireable<string>;
+    skuCode: PropTypes.Requireable<string>;
+};
+export declare type VariantTemplateProps = {
+    variants: VariantsObject | Record<string, any>;
+    handleChange?: SetSkuCode;
+    options: VariantOptions[];
+    type?: BaseSelectorType;
+    loader?: ReactNode;
+    placeholder?: string;
+    skuCode?: string;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
+export default VariantTemplate;

package/lib/esm/components/utils/VariantTemplate.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{keys}from"lodash";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.string};const VariantTemplate=e=>{const{id:s,variants:r,type:t,placeholder:o,options:a,skuCode:p,handleChange:i}=e,n=__rest(e,["id","variants","type","placeholder","options","skuCode","handleChange"]);const d=keys(r).map(((e,o)=>{const d=p===e;return t==="select"?_jsx("option",Object.assign({"data-sku-id":r[e].id,value:r[e].code},{children:a.length>0?a[o].label:r[e].name}),r[e].id):_jsxs(Fragment,{children:[_jsx("input",Object.assign({id:s&&`${s}-${o}`,defaultChecked:d,type:"radio",value:r[e].code,onChange:s=>i&&i(s.target.value,r[e].id)},n),void 0),a.length>0?a[o].label:r[e].name]},r[e].id)}));if(t==="select"){return _jsxs("select",Object.assign({id:s,onChange:e=>{const s=e.target.value;const r=e.target.selectedIndex;const t=e.target[r].dataset.skuId;i&&i(s,t)},value:p||""},n,{children:[_jsx("option",Object.assign({disabled:!!p},{children:o}),void 0),d]}),void 0)}return _jsx(Fragment,{children:d},void 0)};VariantTemplate.propTypes=propTypes;export default VariantTemplate;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { LineItem } from '@commercelayer/sdk';
+import { BaseError, ResourceErrorType } from '../../typings/errors';
+export declare type AllErrorsParams = {
+    allErrors: BaseError[];
+    messages: BaseError[];
+    field?: string;
+    props: JSX.IntrinsicElements['span'];
+    lineItem?: LineItem;
+    resource?: ResourceErrorType;
+    returnHtml?: boolean;
+};
+export interface GetAllErrors {
+    <P extends AllErrorsParams>(params: P): ReactNode;
+}
+declare const getAllErrors: GetAllErrors;
+export default getAllErrors;

package/lib/esm/components/utils/getAllErrors.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import customMessages from"../../utils/customMessages";const getAllErrors=s=>{const{allErrors:e,messages:r,field:t,props:i,lineItem:n,resource:o,returnHtml:l=true}=s;return e.map(((s,e)=>{const a=customMessages(r,s);const c=(a===null||a===void 0?void 0:a.message)||s.message||`${s.title} - ${s.detail}`;if(t){if(s.resource==="line_items"){if(n&&s.id===n["id"]){return l?_jsx("span",Object.assign({},i,{children:c}),e):c}}if(t===s.field&&o===s.resource){return l?_jsx("span",Object.assign({},i,{children:c}),e):c}}if(o===s.resource&&!t){return l?_jsx("span",Object.assign({},i,{children:c}),e):c}}))};export default getAllErrors;