@commercelayer/react-components 2.46.5 → 2.48.0

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

@@ -1,7 +1,7 @@
-import { FunctionComponent, ReactNode } from 'react';
-export declare type SkuOptionProps = {
-    children: ReactNode;
-    id: string;
-};
-declare const SkuOption: FunctionComponent<SkuOptionProps>;
-export default SkuOption;
+import { FunctionComponent, ReactNode } from 'react';
+export declare type SkuOptionProps = {
+    children: ReactNode;
+    id: string;
+};
+declare const SkuOption: FunctionComponent<SkuOptionProps>;
+export default SkuOption;

package/lib/cjs/components/SkuOption.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 SkuOptionChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/SkuOptionChildrenContext"));const SkuOptionsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuOptionsContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.SkuOption.propTypes;const displayName=components_1.default.SkuOption.displayName;const SkuOption=t=>{const{id:e}=t;const{skuOptions:o,skuCode:n}=(0,react_1.useContext)(SkuOptionsContext_1.default);const i=o&&o.filter((t=>t.id===e)).map(((e,o)=>(0,jsx_runtime_1.jsx)(SkuOptionChildrenContext_1.default.Provider,Object.assign({value:{skuOption:e,skuCode:n}},{children:t.children}),o)));return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:i},void 0)};SkuOption.propTypes=propTypes;SkuOption.displayName=displayName;exports.default=SkuOption;

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

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

package/lib/cjs/components/SkuOptionInput.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 BaseInput_1=(0,tslib_1.__importDefault)(require("./utils/BaseInput"));const ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext"));const SkuOptionChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/SkuOptionChildrenContext"));const lodash_1=require("lodash");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.SkuOptionInput.propTypes;const displayName=components_1.default.SkuOptionInput.displayName;const SkuOptionInput=t=>{const{name:e}=t;const{option:n,setOption:o}=(0,react_1.useContext)(ItemContext_1.default);const{skuOption:s,skuCode:i}=(0,react_1.useContext)(SkuOptionChildrenContext_1.default);const u=t=>{const u=t.target.value;const p=(0,lodash_1.has)(n,`${i}.${s===null||s===void 0?void 0:s.id}`)?n[i][`${s===null||s===void 0?void 0:s.id}`]["options"]:{};const r={[i]:Object.assign(Object.assign({},n[i]),{[`${s===null||s===void 0?void 0:s.id}`]:{skuOptionId:s===null||s===void 0?void 0:s.id,options:Object.assign(Object.assign({},p),{[e]:u})}})};o&&o(r)};return(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({onChange:u},t),void 0)};SkuOptionInput.propTypes=propTypes;SkuOptionInput.displayName=displayName;exports.default=SkuOptionInput;

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

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

package/lib/cjs/components/SkuOptionsContainer.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 SkuOptionsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuOptionsContext"));const SkuOptionsReducer_1=(0,tslib_1.__importStar)(require("../reducers/SkuOptionsReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const lodash_1=require("lodash");const getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey"));const ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext"));const SkuOptionsReducer_2=require("../reducers/SkuOptionsReducer");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.SkuOptionsContainer.propTypes;const displayName=components_1.default.SkuOptionsContainer.displayName;const SkuOptionsContainer=t=>{var e;const{skuCode:o,children:s}=t;const[n,r]=(0,react_1.useReducer)(SkuOptionsReducer_1.default,SkuOptionsReducer_1.skuOptionsInitialState);const i=(0,react_1.useContext)(CommerceLayerContext_1.default);const{item:u,items:c}=(0,react_1.useContext)(ItemContext_1.default);const p=!(0,lodash_1.isEmpty)(c)&&o?(e=c[o])===null||e===void 0?void 0:e.code:o||(0,getCurrentItemKey_1.default)(u);const a=Object.assign(Object.assign({},n),{skuCode:p});(0,react_1.useEffect)((()=>{if(p&&u[p].sku_options){(0,SkuOptionsReducer_2.getSkuOptions)({skuOptions:u[p].sku_options,dispatch:r})}return()=>{if((0,lodash_1.isEmpty)(p)){r({type:"setSkuOptions",payload:{skuOptions:[]}})}}}),[i,p]);return(0,jsx_runtime_1.jsx)(SkuOptionsContext_1.default.Provider,Object.assign({value:a},{children:s}),void 0)};SkuOptionsContainer.propTypes=propTypes;SkuOptionsContainer.displayName=displayName;exports.default=SkuOptionsContainer;

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

@@ -1,6 +1,6 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type StockTransferProps = {
-    children: ReactNode;
-} & JSX.IntrinsicElements['p'];
-declare const StockTransfer: FunctionComponent<StockTransferProps>;
-export default StockTransfer;
+import { FunctionComponent, ReactNode } from 'react';
+declare type StockTransferProps = {
+    children: ReactNode;
+} & JSX.IntrinsicElements['p'];
+declare const StockTransfer: FunctionComponent<StockTransferProps>;
+export default StockTransfer;

package/lib/cjs/components/StockTransfer.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 components_1=(0,tslib_1.__importDefault)(require("../config/components"));const ShipmentChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentChildrenContext"));const StockTransferChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/StockTransferChildrenContext"));const propTypes=components_1.default.StockTransfer.propTypes;const displayName=components_1.default.StockTransfer.displayName;const StockTransfer=e=>{const{children:t}=e;const{lineItem:r}=(0,react_1.useContext)(LineItemChildrenContext_1.default);const{stockTransfers:n}=(0,react_1.useContext)(ShipmentChildrenContext_1.default);const o=n===null||n===void 0?void 0:n.filter((e=>e.sku_code===(r===null||r===void 0?void 0:r.sku_code))).map(((e,r)=>{const n={stockTransfer:e};return(0,jsx_runtime_1.jsx)(StockTransferChildrenContext_1.default.Provider,Object.assign({value:n},{children:t}),r)}));return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:o},void 0)};StockTransfer.propTypes=propTypes;StockTransfer.displayName=displayName;exports.default=StockTransfer;

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

@@ -1,9 +1,9 @@
-import { FunctionComponent, ReactNode } from 'react';
-declare type StockTransferFieldChildrenProps = Omit<StockTransferFieldProps, 'children'>;
-export declare type StockTransferFieldType = 'quantity' | 'skuCode';
-declare type StockTransferFieldProps = {
-    children?: (props: StockTransferFieldChildrenProps) => ReactNode;
-    type: StockTransferFieldType;
-} & JSX.IntrinsicElements['p'];
-declare const StockTransferField: FunctionComponent<StockTransferFieldProps>;
-export default StockTransferField;
+import { FunctionComponent, ReactNode } from 'react';
+declare type StockTransferFieldChildrenProps = Omit<StockTransferFieldProps, 'children'>;
+export declare type StockTransferFieldType = 'quantity' | 'sku_code';
+declare type StockTransferFieldProps = {
+    children?: (props: StockTransferFieldChildrenProps) => ReactNode;
+    type: StockTransferFieldType;
+} & JSX.IntrinsicElements['p'];
+declare const StockTransferField: FunctionComponent<StockTransferFieldProps>;
+export default StockTransferField;

package/lib/cjs/components/StockTransferField.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 StockTransferChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/StockTransferChildrenContext"));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.StockTransferField.propTypes;const displayName=components_1.default.StockTransferField.displayName;const StockTransferField=e=>{const{type:t}=e;const{stockTransfer:r}=(0,react_1.useContext)(StockTransferChildrenContext_1.default);const s=r?r[t]:"";const n=Object.assign({},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},n,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("p",Object.assign({},e,{children:s}),void 0)};StockTransferField.propTypes=propTypes;StockTransferField.displayName=displayName;exports.default=StockTransferField;

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

@@ -1,18 +1,18 @@
-import { FunctionComponent } from 'react';
-import { StripeCardElementOptions, StripeElementLocale } from '@stripe/stripe-js';
-import { PaymentMethodConfig } from "../reducers/PaymentMethodReducer";
-import { PaymentSourceProps } from './PaymentSource';
-export declare type StripeConfig = {
-    containerClassName?: string;
-    hintLabel?: string;
-    name?: string;
-    options?: StripeCardElementOptions;
-    [key: string]: any;
-};
-declare type StripePaymentProps = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
-    show?: boolean;
-    publishableKey: string;
-    locale?: StripeElementLocale;
-};
-declare const StripePayment: FunctionComponent<StripePaymentProps>;
-export default StripePayment;
+import { FunctionComponent } from 'react';
+import { StripeCardElementOptions, StripeElementLocale } from '@stripe/stripe-js';
+import { PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
+import { PaymentSourceProps } from './PaymentSource';
+export declare type StripeConfig = {
+    containerClassName?: string;
+    hintLabel?: string;
+    name?: string;
+    options?: StripeCardElementOptions;
+    [key: string]: any;
+};
+declare type StripePaymentProps = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+    show?: boolean;
+    publishableKey: string;
+    locale?: StripeElementLocale;
+};
+declare const StripePayment: FunctionComponent<StripePaymentProps>;
+export default StripePayment;

package/lib/cjs/components/StripePayment.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 react_stripe_js_1=require("@stripe/react-stripe-js");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const localStorage_1=require("../utils/localStorage");const defaultOptions={style:{base:{fontSize:"16px",color:"#424770","::placeholder":{color:"#aab7c4"}},invalid:{color:"#9e2146"}},hidePostalCode:true};const StripePaymentForm=({options:e=defaultOptions,templateCustomerSaveToWallet:t})=>{const s=(0,react_1.useRef)(null);const{setPaymentSource:o,paymentSource:r,currentPaymentMethodType:n,setPaymentMethodErrors:a,setPaymentRef:i}=(0,react_1.useContext)(PaymentMethodContext_1.default);const{order:l}=(0,react_1.useContext)(OrderContext_1.default);const c=(0,react_stripe_js_1.useStripe)();const u=(0,react_stripe_js_1.useElements)();(0,react_1.useEffect)((()=>{if(s.current&&c&&u){s.current.onsubmit=()=>_(s.current,c,u);i({ref:s})}return()=>{i({ref:{current:null}})}}),[s,c,u]);const _=async(e,t,s)=>{var i,c;if(!t)return false;const u=(c=(i=e===null||e===void 0?void 0:e.elements)===null||i===void 0?void 0:i["save_payment_source_to_customer_wallet"])===null||c===void 0?void 0:c.checked;if(u)(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",u);const _=s&&s.getElement(react_stripe_js_1.CardElement);if(_){const e=l===null||l===void 0?void 0:l.billing_address;const s=l===null||l===void 0?void 0:l.customer_email;const i={name:e===null||e===void 0?void 0:e.full_name,email:s,phone:e===null||e===void 0?void 0:e.phone,address:{city:e===null||e===void 0?void 0:e.city,country:e===null||e===void 0?void 0:e.country_code,line1:e===null||e===void 0?void 0:e.line_1,postal_code:e===null||e===void 0?void 0:e.zip_code,state:e===null||e===void 0?void 0:e.state_code}};const{paymentMethod:c}=await t.createPaymentMethod({type:"card",card:_,billing_details:i});if(r===null||r===void 0?void 0:r.client_secret){const{error:e,paymentIntent:s}=await t.confirmCardPayment(r.client_secret,{payment_method:{card:_,billing_details:i}});if(e){console.error(e);a([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:n,message:e.message}])}else{if(s&&c&&r&&n){try{await o({paymentSourceId:r.id,paymentResource:n,attributes:{options:Object.assign(Object.assign({},c),{setup_future_usage:"off_session"})}});return true}catch(e){return false}}}}}return false};return(0,jsx_runtime_1.jsxs)("form",Object.assign({ref:s,onSubmit:e=>_(e,c,u)},{children:[(0,jsx_runtime_1.jsx)(react_stripe_js_1.CardElement,{options:Object.assign(Object.assign({},defaultOptions),e)},void 0),t&&(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:t}),void 0)]}),void 0)};const StripePayment=e=>{var{publishableKey:t,show:s,options:o,locale:r="auto"}=e,n=(0,tslib_1.__rest)(e,["publishableKey","show","options","locale"]);const[a,i]=(0,react_1.useState)(false);const[l,c]=(0,react_1.useState)(null);const{containerClassName:u,templateCustomerSaveToWallet:_,fonts:d=[]}=n,m=(0,tslib_1.__rest)(n,["containerClassName","templateCustomerSaveToWallet","fonts"]);(0,react_1.useEffect)((()=>{if(s&&t){const{loadStripe:e}=require("@stripe/stripe-js");const s=async()=>{const s=await e(t,{locale:r});c(s);i(true)};s()}return()=>{i(false)}}),[s,t]);return a&&l?(0,jsx_runtime_1.jsx)("div",Object.assign({className:u},m,{children:(0,jsx_runtime_1.jsx)(react_stripe_js_1.Elements,Object.assign({stripe:l,options:{fonts:d}},{children:(0,jsx_runtime_1.jsx)(StripePaymentForm,{options:o,templateCustomerSaveToWallet:_},void 0)}),void 0)}),void 0):null};exports.default=StripePayment;

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

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

package/lib/cjs/components/SubTotalAmount.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.SubTotalAmount.propTypes;const defaultProps=components_1.default.SubTotalAmount.defaultProps;const displayName=components_1.default.SubTotalAmount.displayName;const SubTotalAmount=t=>(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"subtotal"},t),void 0);SubTotalAmount.propTypes=propTypes;SubTotalAmount.defaultProps=defaultProps;SubTotalAmount.displayName=displayName;exports.default=SubTotalAmount;

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

@@ -1,9 +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;
+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/cjs/components/SubmitButton.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 Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const isFunction_1=(0,tslib_1.__importDefault)(require("lodash/isFunction"));const propTypes=components_1.default.SubmitButton.propTypes;const defaultProps=components_1.default.SubmitButton.defaultProps;const displayName=components_1.default.SubmitButton.displayName;const SubmitButton=t=>{const{children:e,label:s="Submit"}=t,n=(0,tslib_1.__rest)(t,["children","label"]);const i=Object.assign(Object.assign({},n),{label:s});return e?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},i,{children:e}),void 0):(0,jsx_runtime_1.jsx)("button",Object.assign({type:"submit"},n,{children:(0,isFunction_1.default)(s)?s():s}),void 0)};SubmitButton.propTypes=propTypes;SubmitButton.defaultProps=defaultProps;SubmitButton.displayName=displayName;exports.default=SubmitButton;

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

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

package/lib/cjs/components/TaxesAmount.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.TaxesAmount.propTypes;const defaultProps=components_1.default.TaxesAmount.defaultProps;const displayName=components_1.default.TaxesAmount.displayName;const TaxesAmount=e=>(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"total_tax"},e),void 0);TaxesAmount.propTypes=propTypes;TaxesAmount.defaultProps=defaultProps;TaxesAmount.displayName=displayName;exports.default=TaxesAmount;

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

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

package/lib/cjs/components/TotalAmount.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.TotalAmount.propTypes;const defaultProps=components_1.default.TotalAmount.defaultProps;const displayName=components_1.default.TotalAmount.displayName;const TotalAmount=t=>(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"total_amount",type:"with_taxes"},t),void 0);TotalAmount.propTypes=propTypes;TotalAmount.defaultProps=defaultProps;TotalAmount.displayName=displayName;exports.default=TotalAmount;

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

@@ -1,27 +1,29 @@
-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;
+import { FunctionComponent, ReactNode } from 'react';
+import { VariantHandleCallback } from './utils/VariantTemplate';
+import { BaseSelectorType } from '../typings/index';
+import { FunctionChildren } from '../typings/index';
+import { VariantsObject, SetSkuCode } from '../reducers/VariantReducer';
+export interface VariantOption {
+    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: VariantOption[];
+    type?: BaseSelectorType;
+    loader?: ReactNode;
+    placeholder?: string;
+    skuCode?: string;
+    handleCallback?: VariantHandleCallback;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+declare const VariantSelector: FunctionComponent<VariantSelectorProps>;
+export default VariantSelector;

package/lib/cjs/components/VariantSelector.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 VariantTemplate_1=(0,tslib_1.__importDefault)(require("./utils/VariantTemplate"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const VariantsContext_1=(0,tslib_1.__importDefault)(require("../context/VariantsContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.VariantSelector.propTypes;const defaultProps=components_1.default.VariantSelector.defaultProps;const displayName=components_1.default.VariantSelector.displayName;const VariantSelector=e=>{const{children:t,type:r,placeholder:a,skuCode:s,name:n,options:o}=e,i=(0,tslib_1.__rest)(e,["children","type","placeholder","skuCode","name","options"]);const{setSkuCode:l,skuCode:c,loading:u,variants:_,setSkuCodes:p}=(0,react_1.useContext)(VariantsContext_1.default);(0,react_1.useEffect)((()=>{p&&p(o);return()=>{p&&p([])}}),[o]);const d=c||s||"";const m=()=>u?(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:e.loader||"Loading..."},void 0):(0,jsx_runtime_1.jsx)(VariantTemplate_1.default,Object.assign({variants:_,type:r,placeholder:a,skuCode:d,options:o,handleChange:l,name:n},i),void 0);const f=Object.assign({variants:_,loading:!!u,handleSelect:l,skuCode:d},e);return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},f,{children:t}),void 0):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(0,jsx_runtime_1.jsx)(m,{},void 0)},void 0)};VariantSelector.propTypes=propTypes;VariantSelector.defaultProps=defaultProps;VariantSelector.displayName=displayName;exports.default=VariantSelector;

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

@@ -1,8 +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;
+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/cjs/components/VariantsContainer.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 VariantReducer_1=(0,tslib_1.__importStar)(require("../reducers/VariantReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const VariantsContext_1=(0,tslib_1.__importDefault)(require("../context/VariantsContext"));const VariantReducer_2=require("../reducers/VariantReducer");const lodash_1=require("lodash");const getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey"));const ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.VariantsContainer.propTypes;const defaultProps=components_1.default.VariantsContainer.defaultProps;const displayName=components_1.default.VariantsContainer.displayName;const VariantsContainer=e=>{const{children:t,skuCode:s="",filters:a={}}=e;const r=(0,react_1.useContext)(CommerceLayerContext_1.default);const{setItem:n,setItems:i,items:o,item:u,setCustomLineItems:c,skuCode:d}=(0,react_1.useContext)(ItemContext_1.default);const[_,l]=(0,react_1.useReducer)(VariantReducer_1.default,VariantReducer_1.variantInitialState);const m=(0,getCurrentItemKey_1.default)(u)||s||_.skuCode||d||"";(0,react_1.useEffect)((()=>{if(!(0,lodash_1.isEmpty)(o)&&!(0,lodash_1.isEmpty)(_.variants)){if(!(0,lodash_1.isEqual)(o,_.variants)){const e=Object.assign(Object.assign({},o),_.variants);i&&i(e)}}if(_.skuCodes.length>=1&&r.accessToken){l({type:"setLoading",payload:{loading:true}});(0,VariantReducer_1.getVariants)({config:r,state:_,dispatch:l,setItem:n,skuCode:m,filters:a})}return()=>(0,VariantReducer_1.unsetVariantState)(l)}),[r]);const p=Object.assign(Object.assign({},_),{skuCode:m,setSkuCode:(e,t,s={})=>{if(!(0,lodash_1.isEmpty)(s)){c&&c({[e]:s})}(0,VariantReducer_1.setSkuCode)({code:e,id:t,config:r,setItem:n,dispatch:l})},setSkuCodes:e=>(0,VariantReducer_2.setVariantSkuCodes)({skuCodes:e,dispatch:l,setCustomLineItems:c})});return(0,jsx_runtime_1.jsx)(VariantsContext_1.default.Provider,Object.assign({value:p},{children:t}),void 0)};VariantsContainer.propTypes=propTypes;VariantsContainer.defaultProps=defaultProps;VariantsContainer.displayName=displayName;exports.default=VariantsContainer;

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

@@ -1,10 +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;
+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/cjs/components/WireTransferPayment.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.__importDefault)(require("../context/PaymentMethodContext"));const isFunction_1=(0,tslib_1.__importDefault)(require("lodash/isFunction"));const react_1=require("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,r=(0,tslib_1.__rest)(e,["infoMessage"]);const n=(0,react_1.useRef)(null);const{setPaymentSource:s,paymentSource:a,currentPaymentMethodType:i,setPaymentRef:o}=(0,react_1.useContext)(PaymentMethodContext_1.default);(0,react_1.useEffect)((()=>{if(n.current&&a&&i){n.current.onsubmit=()=>u();o({ref:n})}return()=>{o({ref:{current:null}})}}),[n,a,i]);const u=async()=>{if(a&&i){try{await s({paymentSourceId:a.id,paymentResource:i,attributes:{metadata:{card:{id:a.id,brand:"wire-transfer",last4:""}}}});return true}catch(e){return false}}return false};return(0,jsx_runtime_1.jsx)("form",Object.assign({ref:n},{children:(0,jsx_runtime_1.jsx)("div",Object.assign({},r,{children:(0,jsx_runtime_1.jsx)("span",Object.assign({className:t===null||t===void 0?void 0:t.className},{children:(0,isFunction_1.default)(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)};exports.default=WireTransferPayment;

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

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

package/lib/cjs/components/gateways/AdyenGateway.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 CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../../context/CommerceLayerContext"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../../context/CustomerContext"));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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));const PaymentMethodReducer_1=require("../../reducers/PaymentMethodReducer");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const react_1=require("react");const AdyenPayment_1=(0,tslib_1.__importDefault)(require("../AdyenPayment"));const PaymentCardsTemplate_1=(0,tslib_1.__importDefault)(require("../utils/PaymentCardsTemplate"));const jwt_1=(0,tslib_1.__importDefault)(require("../../utils/jwt"));function AdyenGateway(e){var t;const{readonly:n,showCard:o,handleEditClick:r,children:a,templateCustomerCards:s,show:i,loading:l,onClickCustomerCards:d,loaderComponent:u,templateCustomerSaveToWallet:_}=e,c=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:m}=(0,react_1.useContext)(OrderContext_1.default);const{accessToken:y}=(0,react_1.useContext)(CommerceLayerContext_1.default);const{payment:C}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:x,isGuest:p}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:f,config:v,paymentSource:h}=(0,react_1.useContext)(PaymentMethodContext_1.default);const P="adyen_payments";const j=m===null||m===void 0?void 0:m.language_code;if(!n&&(C===null||C===void 0?void 0:C.id)!==f)return null;const b=h===null||h===void 0?void 0:h.public_key;const g=(0,jwt_1.default)(y).test?"test":"live";const q=v?(0,PaymentMethodReducer_1.getPaymentConfig)(P,v):{};console.log(`payments`,x);const M=!(0,isEmpty_1.default)(x)&&x?x.filter((e=>{var t;return((t=e.payment_source)===null||t===void 0?void 0:t.type)==="adyen_payments"})):[];if(n||o){const e=(t=h===null||h===void 0?void 0:h.payment_request_data)===null||t===void 0?void 0:t.payment_method;const s=Object.assign(Object.assign({},e),{showCard:o,handleEditClick:r,readonly:n});return(0,isEmpty_1.default)(e)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,Object.assign({value:s},{children:a}),void 0)}if(!p&&s){return b&&!l&&(h===null||h===void 0?void 0:h.payment_methods)?(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,isEmpty_1.default)(M)?null:(0,jsx_runtime_1.jsx)("div",Object.assign({className:c.className},{children:(0,jsx_runtime_1.jsx)(PaymentCardsTemplate_1.default,Object.assign({},{paymentResource:P,customerPayments:M},{children:s}),void 0)}),void 0),(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{templateCustomerSaveToWallet:_,clientKey:b,locale:j,environment:g,config:q},void 0)]},void 0):u}return b&&!l&&(h===null||h===void 0?void 0:h.payment_methods)?(0,jsx_runtime_1.jsx)(AdyenPayment_1.default,{clientKey:b,locale:j,config:q},void 0):u}exports.default=AdyenGateway;

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

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

package/lib/cjs/components/gateways/BraintreeGateway.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 BraintreePayment_1=(0,tslib_1.__importDefault)(require("../BraintreePayment"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../../context/CustomerContext"));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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));const PaymentMethodReducer_1=require("../../reducers/PaymentMethodReducer");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const react_1=require("react");const PaymentCardsTemplate_1=(0,tslib_1.__importDefault)(require("../utils/PaymentCardsTemplate"));function BraintreeGateway(e){var t;const{readonly:n,showCard:r,handleEditClick:o,children:a,templateCustomerCards:i,show:s,loading:l,onClickCustomerCards:u,loaderComponent:d,templateCustomerSaveToWallet:c}=e,_=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:m}=(0,react_1.useContext)(OrderContext_1.default);const{payment:C}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:y,isGuest:x}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:p,config:f,paymentSource:h}=(0,react_1.useContext)(PaymentMethodContext_1.default);const v="braintree_payments";const P=m===null||m===void 0?void 0:m.language_code;if(!n&&(C===null||C===void 0?void 0:C.id)!==p)return null;const j=h===null||h===void 0?void 0:h.client_token;const b=f?(0,PaymentMethodReducer_1.getPaymentConfig)(v,f):{};const g=!(0,isEmpty_1.default)(y)&&y?y.filter((e=>{var t;return((t=e.payment_source)===null||t===void 0?void 0:t.type)==="braintree_payments"})):[];if(n||r){const e=(t=h===null||h===void 0?void 0:h.options)===null||t===void 0?void 0:t.card;const i=Object.assign(Object.assign({},e),{showCard:r,handleEditClick:o,readonly:n});return(0,isEmpty_1.default)(e)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,Object.assign({value:i},{children:a}),void 0)}if(!x&&i){return j&&!l?(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,isEmpty_1.default)(g)?null:(0,jsx_runtime_1.jsx)("div",Object.assign({className:_.className},{children:(0,jsx_runtime_1.jsx)(PaymentCardsTemplate_1.default,Object.assign({},{paymentResource:v,customerPayments:g},{children:i}),void 0)}),void 0),(0,jsx_runtime_1.jsx)(BraintreePayment_1.default,{templateCustomerSaveToWallet:c,authorization:j,locale:P,config:b},void 0)]},void 0):d}return j&&!l?(0,jsx_runtime_1.jsx)(BraintreePayment_1.default,{locale:P,authorization:j,config:b},void 0):d}exports.default=BraintreeGateway;

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

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

package/lib/cjs/components/gateways/PaypalGateway.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 PaypalPayment_1=(0,tslib_1.__importDefault)(require("../PaypalPayment"));const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentMethodChildrenContext"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentMethodContext"));const PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));const PaymentMethodReducer_1=require("../../reducers/PaymentMethodReducer");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const react_1=require("react");function PaypalGateway(e){var t,o;const{readonly:n,showCard:a,handleEditClick:r,children:i,templateCustomerCards:l,show:s,loading:d,onClickCustomerCards:u,loaderComponent:c,templateCustomerSaveToWallet:m}=e,_=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{payment:y}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{currentPaymentMethodId:C,config:p,paymentSource:h}=(0,react_1.useContext)(PaymentMethodContext_1.default);const P="paypal_payments";if(!n&&(y===null||y===void 0?void 0:y.id)!==C)return null;if(n||a){const e=((t=h===null||h===void 0?void 0:h.options)===null||t===void 0?void 0:t.card)||((o=h===null||h===void 0?void 0:h.metadata)===null||o===void 0?void 0:o.card);const l=Object.assign(Object.assign({},e),{showCard:a,handleEditClick:r,readonly:n});return(0,isEmpty_1.default)(e)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,Object.assign({value:l},{children:i}),void 0)}const x=p&&(0,PaymentMethodReducer_1.getPaymentConfig)(P,p);return(0,jsx_runtime_1.jsx)(PaypalPayment_1.default,Object.assign({},_,{infoMessage:x===null||x===void 0?void 0:x.infoMessage}),void 0)}exports.default=PaypalGateway;

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

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

package/lib/cjs/components/gateways/StripeGateway.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 StripePayment_1=(0,tslib_1.__importDefault)(require("../StripePayment"));const CustomerContext_1=(0,tslib_1.__importDefault)(require("../../context/CustomerContext"));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 PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));const PaymentMethodReducer_1=require("../../reducers/PaymentMethodReducer");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const react_1=require("react");const PaymentCardsTemplate_1=(0,tslib_1.__importDefault)(require("../utils/PaymentCardsTemplate"));function StripeGateway(e){var t;const{readonly:o,showCard:n,handleEditClick:r,children:s,templateCustomerCards:a,show:i,loading:l,onClickCustomerCards:u,loaderComponent:d,templateCustomerSaveToWallet:c}=e,_=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{order:m}=(0,react_1.useContext)(OrderContext_1.default);const{payment:C}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{payments:p,isGuest:y}=(0,react_1.useContext)(CustomerContext_1.default);const{currentPaymentMethodId:x,config:h,paymentSource:f}=(0,react_1.useContext)(PaymentMethodContext_1.default);const v="stripe_payments";const b=m===null||m===void 0?void 0:m.language_code;if(!o&&(C===null||C===void 0?void 0:C.id)!==x)return null;const P=f===null||f===void 0?void 0:f.publishable_key;const j=h?(0,PaymentMethodReducer_1.getPaymentConfig)(v,h):{};const g=!(0,isEmpty_1.default)(p)&&p?p.filter((e=>{var t;return((t=e.payment_source)===null||t===void 0?void 0:t.type)==="stripe_payments"})):[];if(o||n){const e=(t=f===null||f===void 0?void 0:f.options)===null||t===void 0?void 0:t.card;const a=Object.assign(Object.assign({},e),{showCard:n,handleEditClick:r,readonly:o});return(0,isEmpty_1.default)(e)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,Object.assign({value:a},{children:s}),void 0)}if(!y&&a){return(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,isEmpty_1.default)(g)?null:(0,jsx_runtime_1.jsx)("div",Object.assign({className:_.className},{children:(0,jsx_runtime_1.jsx)(PaymentCardsTemplate_1.default,Object.assign({},{paymentResource:v,customerPayments:g},{children:a}),void 0)}),void 0),(0,jsx_runtime_1.jsx)(StripePayment_1.default,Object.assign({show:i,templateCustomerSaveToWallet:c,publishableKey:P,locale:b},j),void 0)]},void 0)}return P&&!l?(0,jsx_runtime_1.jsx)(StripePayment_1.default,Object.assign({show:i,publishableKey:P,locale:b},j),void 0):d}exports.default=StripeGateway;

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

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

package/lib/cjs/components/gateways/WireTransferGateway.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 WireTransferPayment_1=(0,tslib_1.__importDefault)(require("../WireTransferPayment"));const PaymentMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentMethodChildrenContext"));const PaymentMethodContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentMethodContext"));const PaymentSourceContext_1=(0,tslib_1.__importDefault)(require("../../context/PaymentSourceContext"));const PaymentMethodReducer_1=require("../../reducers/PaymentMethodReducer");const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const react_1=require("react");function WireTransferGateway(e){var t,r;const{readonly:n,showCard:o,handleEditClick:a,children:i,templateCustomerCards:s,show:d,loading:l,onClickCustomerCards:u,loaderComponent:c,templateCustomerSaveToWallet:m}=e,_=(0,tslib_1.__rest)(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","show","loading","onClickCustomerCards","loaderComponent","templateCustomerSaveToWallet"]);const{payment:C}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default);const{currentPaymentMethodId:y,config:h,paymentSource:f}=(0,react_1.useContext)(PaymentMethodContext_1.default);const x="wire_transfers";if(!n&&(C===null||C===void 0?void 0:C.id)!==y)return null;if(n||o){const e=((t=f===null||f===void 0?void 0:f.options)===null||t===void 0?void 0:t.card)||((r=f===null||f===void 0?void 0:f.metadata)===null||r===void 0?void 0:r.card);const s=Object.assign(Object.assign({},e),{showCard:o,handleEditClick:a,readonly:n});return(0,isEmpty_1.default)(e)?null:(0,jsx_runtime_1.jsx)(PaymentSourceContext_1.default.Provider,Object.assign({value:s},{children:i}),void 0)}const p=h&&x?(0,PaymentMethodReducer_1.getPaymentConfig)(x,h):{};return(0,jsx_runtime_1.jsx)(WireTransferPayment_1.default,Object.assign({},_,p),void 0)}exports.default=WireTransferGateway;

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

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-import { AddressCollection } from '@commercelayer/js-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 = AddressCollection & {
-    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 {};
+/// <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/cjs/components/utils/AddressCardsTemplate.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 Parent_1=(0,tslib_1.__importDefault)(require("../utils/Parent"));const react_1=require("react");const AddressChildrenContext_1=(0,tslib_1.__importDefault)(require("../../context/AddressChildrenContext"));const ShippingAddressContext_1=(0,tslib_1.__importDefault)(require("../../context/ShippingAddressContext"));function AddressCardsTemplate({customerAddresses:e,children:t,deselect:s,countryLock:r,selected:n,selectedClassName:d,className:i,disabledClassName:o,handleSelect:c}){const{setShippingAddress:l}=(0,react_1.useContext)(ShippingAddressContext_1.default);const a=e.map(((e,t)=>{const a=e;const u=l&&r&&r!==e.country_code||false;const _=s?"":d;const p=n===t?`${i} ${_}`:i;const m=u?`${i} ${o}`:p;const x=(e===null||e===void 0?void 0:e.reference)||"";const C=()=>c(t,e.id,x,u);return Object.assign(Object.assign({},a),{className:m,onClick:C})}));const u={customerAddresses:a,AddressProvider:AddressChildrenContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},u,{children:t}),void 0)}exports.default=AddressCardsTemplate;

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

@@ -1,8 +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;
+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/cjs/components/utils/BaseField.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 react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./Parent"));const BaseField=e=>{var{children:t,attribute:r}=e,s=(0,tslib_1.__rest)(e,["children","attribute"]);const{order:i}=(0,react_1.useContext)(OrderContext_1.default);const[n,a]=(0,react_1.useState)("");(0,react_1.useEffect)((()=>{if(i&&r in i)a(i[r]);return()=>{a("")}}),[i]);const c=Object.assign({attribute:n},s);return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},c,{children:t}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},s,{children:n}),void 0)};exports.default=BaseField;

package/lib/cjs/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/cjs/components/utils/BaseInput.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=(0,tslib_1.__importDefault)(require("react"));const Parent_1=(0,tslib_1.__importDefault)(require("./Parent"));const BaseInput=(e,t)=>{const{children:r}=e,s=(0,tslib_1.__rest)(e,["children"]);const i=e.type==="textarea"?(0,jsx_runtime_1.jsx)("textarea",Object.assign({ref:t},s),void 0):(0,jsx_runtime_1.jsx)("input",Object.assign({ref:t},s),void 0);return r?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},s,{children:r}),void 0):i};exports.default=react_1.default.forwardRef(BaseInput);

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

@@ -1,6 +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;
+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/cjs/components/utils/BaseOrderPrice.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 getAmount_1=(0,tslib_1.__importDefault)(require("../../utils/getAmount"));const Parent_1=(0,tslib_1.__importDefault)(require("./Parent"));const react_1=require("react");const _typings_1=require("../../typings/index");const lodash_1=require("lodash");const BaseOrderPrice=e=>{const{format:t="formatted",base:r,type:s,children:n}=e,o=(0,tslib_1.__rest)(e,["format","base","type","children"]);const{order:i}=(0,react_1.useContext)(OrderContext_1.default);const[a,c]=(0,react_1.useState)("");const[_,u]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{const e=(0,getAmount_1.default)({base:r,type:s,format:t,obj:i||{}});const n=(0,getAmount_1.default)({base:r,type:s,format:"cents",obj:i||{}});c(e);u(n);return()=>{if((0,lodash_1.isEmpty)(i)){c("")}}}),[i]);const d=Object.assign({priceCents:_,price:a},o);return n?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},d,{children:n}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},o,{children:a}),void 0)};BaseOrderPrice.propTypes=_typings_1.baseOrderPricePropTypes;exports.default=BaseOrderPrice;