@commercelayer/react-components 2.46.7 → 2.48.1

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

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

package/lib/esm/components/PaymentSource.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import components from"../config/components";import PaymentMethodContext from"../context/PaymentMethodContext";import isEmpty from"lodash/isEmpty";import CustomerContext from"../context/CustomerContext";import PaymentGateway from"./PaymentGateway";const propTypes=components.PaymentSource.propTypes;const displayName=components.PaymentSource.displayName;const PaymentSource=e=>{const{readonly:t}=e;const{payment:o}=useContext(PaymentMethodChildrenContext);const{payments:n}=useContext(CustomerContext);const{currentPaymentMethodId:a,paymentSource:s,destroyPaymentSource:d}=useContext(PaymentMethodContext);const[r,i]=useState(false);const[m,l]=useState(false);useEffect((()=>{var e,n,d,r,m,u,p;if(t){i(true);l(true)}else if((o===null||o===void 0?void 0:o.id)===a){i(true);console.log(`paymentSource`,s);const t=((e=s===null||s===void 0?void 0:s.options)===null||e===void 0?void 0:e.card)||((n=s===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.card)||((r=(d=s===null||s===void 0?void 0:s.paymentRequestData)===null||d===void 0?void 0:d.paymentMethod)===null||r===void 0?void 0:r.brand)&&((m=s===null||s===void 0?void 0:s.paymentResponse)===null||m===void 0?void 0:m.resultCode)==="Authorised"&&{brand:(p=(u=s===null||s===void 0?void 0:s.paymentRequestData)===null||u===void 0?void 0:u.paymentMethod)===null||p===void 0?void 0:p.brand};if(!isEmpty(t))l(true)}else i(false);return()=>{i(false);l(false)}}),[a,s,n,o,t]);const u=e=>{e.stopPropagation();s&&d({paymentSourceId:s===null||s===void 0?void 0:s.id,paymentResource:o===null||o===void 0?void 0:o.payment_source_type});l(!m);i(true)};const p=Object.assign(Object.assign({},e),{show:r,showCard:m,handleEditClick:u,readonly:t});return _jsx(PaymentGateway,Object.assign({},p),void 0)};PaymentSource.propTypes=propTypes;PaymentSource.displayName=displayName;export default PaymentSource;

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

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

package/lib/esm/components/PaymentSourceBrandIcon.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import PaymentSourceContext from"../context/PaymentSourceContext";import{useContext,useRef}from"react";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.PaymentSourceBrandIcon.propTypes;const displayName=components.PaymentSourceBrandIcon.displayName;const PaymentSourceBrandIcon=e=>{var{src:r,width:t=32,children:o}=e,n=__rest(e,["src","width","children"]);const{brand:c}=useContext(PaymentSourceContext);const s=useRef(null);const a="//data.commercelayer.app/assets/images/icons/credit-cards/color/credit-card.svg";const m=r?r:`//data.commercelayer.app/assets/images/icons/credit-cards/color/${c}.svg`;const i=()=>{if(s.current)s.current.src=a};const d=Object.assign({brand:c,defaultSrc:a,url:m,width:t},n);return o?_jsx(Parent,Object.assign({},d,{children:o}),void 0):_jsx("img",Object.assign({ref:s,src:m,onError:i,width:t},n),void 0)};PaymentSourceBrandIcon.propTypes=propTypes;PaymentSourceBrandIcon.displayName=displayName;export default PaymentSourceBrandIcon;

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

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

package/lib/esm/components/PaymentSourceBrandName.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import PaymentSourceContext from"../context/PaymentSourceContext";import{capitalize}from"lodash";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.PaymentSourceBrandName.propTypes;const displayName=components.PaymentSourceBrandName.displayName;const PaymentSourceBrandName=e=>{var{children:t,label:a}=e,o=__rest(e,["children","label"]);const{brand:r}=useContext(PaymentSourceContext);const n=r&&capitalize(r.replace("-"," "));const m=Object.assign({brand:n,label:a},o);return t?_jsx(Parent,Object.assign({},m,{children:t}),void 0):_jsx("span",Object.assign({},o,{children:a||capitalize(n)}),void 0)};PaymentSourceBrandName.propTypes=propTypes;PaymentSourceBrandName.displayName=displayName;export default PaymentSourceBrandName;

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

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

package/lib/esm/components/PaymentSourceDetail.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import components from"../config/components";import PaymentSourceContext from"../context/PaymentSourceContext";import{has}from"lodash";import{useContext}from"react";import Parent from"./utils/Parent";const propTypes=components.PaymentSourceDetail.propTypes;const displayName=components.PaymentSourceDetail.displayName;const PaymentSourceDetail=e=>{var{type:t,children:o}=e,n=__rest(e,["type","children"]);const r=useContext(PaymentSourceContext);const s=has(r,t)?r[t]:t==="last4"?"****":"**";const a=Object.assign({type:t,text:s},n);return o?_jsx(Parent,Object.assign({},a,{children:o}),void 0):_jsx("span",Object.assign({},n,{children:s}),void 0)};PaymentSourceDetail.propTypes=propTypes;PaymentSourceDetail.displayName=displayName;export default PaymentSourceDetail;

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

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

package/lib/esm/components/PaymentSourceEditButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import PaymentSourceContext from"../context/PaymentSourceContext";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";const displayName=components.PaymentSourceEditButton.displayName;const propTypes=components.PaymentSourceEditButton.propTypes;const PaymentSourceEditButton=t=>{var{children:e,label:o="Edit"}=t,n=__rest(t,["children","label"]);const{showCard:r,handleEditClick:s,readonly:a}=useContext(PaymentSourceContext);const i=Object.assign({showCard:r,label:o,handleEditClick:s},n);return e?_jsx(Parent,Object.assign({},i,{children:e}),void 0):!a?_jsx("button",Object.assign({},n,{onClick:s},{children:o}),void 0):null};PaymentSourceEditButton.propTypes=propTypes;PaymentSourceEditButton.displayName=displayName;export default PaymentSourceEditButton;

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

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

package/lib/esm/components/PaypalPayment.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="by placing the order, you will be redirected to the PayPal website to sign in and authorize the payment";const PaypalPayment=e=>{var{infoMessage:t}=e,n=__rest(e,["infoMessage"]);const a=useRef(null);const{setPaymentSource:r,paymentSource:o,currentPaymentMethodType:s,setPaymentRef:i}=useContext(PaymentMethodContext);useEffect((()=>{if(a.current&&o&&s&&(o===null||o===void 0?void 0:o.approvalUrl)){a.current.onsubmit=()=>u();i({ref:a})}return()=>{i({ref:{current:null}})}}),[a,o,s]);const u=async()=>{if(o&&s){try{await r({paymentSourceId:o.id,paymentResource:s,attributes:{metadata:{card:{id:o.id,brand:"paypal",last4:""}}}});return true}catch(e){return false}}return false};return _jsx("form",Object.assign({ref:a},{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 PaypalPayment;

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

@@ -0,0 +1,12 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type PlaceOrderButtonChildrenProps = FunctionChildren<Omit<PlaceOrderButtonProps, 'children'>>;
+declare type PlaceOrderButtonProps = {
+    children?: PlaceOrderButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: (response: {
+        placed: boolean;
+    }) => void;
+} & JSX.IntrinsicElements['button'];
+declare const PlaceOrderButton: FunctionComponent<PlaceOrderButtonProps>;
+export default PlaceOrderButton;

package/lib/esm/components/PlaceOrderButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import Parent from"./utils/Parent";import components from"../config/components";import PlaceOrderContext from"../context/PlaceOrderContext";import isFunction from"lodash/isFunction";import PaymentMethodContext from"../context/PaymentMethodContext";import OrderContext from"../context/OrderContext";const propTypes=components.PlaceOrderButton.propTypes;const defaultProps=components.PlaceOrderButton.defaultProps;const displayName=components.PlaceOrderButton.displayName;const PlaceOrderButton=t=>{var e;const{children:o,label:n="Place order",disabled:r,onClick:i}=t,d=__rest(t,["children","label","disabled","onClick"]);const{isPermitted:l,setPlaceOrder:s,options:a,paymentType:u}=useContext(PlaceOrderContext);const[c,p]=useState(true);const[m,v]=useState(r);const{currentPaymentMethodRef:f,paymentSource:y,loading:P,currentPaymentMethodType:x}=useContext(PaymentMethodContext);const{order:O}=useContext(OrderContext);useEffect((()=>{var t,e,o,n,r;if(P)p(P);else{if(u===x){if(((O===null||O===void 0?void 0:O.total_amount_with_taxes_cents)===0||((t=f===null||f===void 0?void 0:f.current)===null||t===void 0?void 0:t.onsubmit)||((o=(e=y===null||y===void 0?void 0:y.metadata)===null||e===void 0?void 0:e.card)===null||o===void 0?void 0:o.id)||((n=y===null||y===void 0?void 0:y.options)===null||n===void 0?void 0:n.id)||((r=y===null||y===void 0?void 0:y.payment_response)===null||r===void 0?void 0:r.resultCode)==="Authorised")&&l){p(false)}}else{p(true)}}if(u==="paypal_payments"&&(a===null||a===void 0?void 0:a.paypalPayerId)){b()}return()=>{p(true)}}),[l,a===null||a===void 0?void 0:a.paypalPayerId,u,(e=f===null||f===void 0?void 0:f.current)===null||e===void 0?void 0:e.onsubmit,y,P,x,O]);const b=async()=>{var t,e,o;let n=true;v(true);if(((t=f===null||f===void 0?void 0:f.current)===null||t===void 0?void 0:t.onsubmit)&&!(a===null||a===void 0?void 0:a.paypalPayerId)){n=await((e=f.current)===null||e===void 0?void 0:e.onsubmit())}else if((o=y===null||y===void 0?void 0:y.options)===null||o===void 0?void 0:o.id){n=true}const r=n&&s&&await s({paymentSource:y});v(false);i&&r&&i(r)};const C=r!==undefined?r:c;const h=Object.assign(Object.assign({},d),{label:n,disabled:C,handleClick:b});return o?_jsx(Parent,Object.assign({},h,{children:o}),void 0):_jsx("button",Object.assign({type:"button",disabled:C||m,onClick:b},d,{children:isFunction(n)?n():n}),void 0)};PlaceOrderButton.propTypes=propTypes;PlaceOrderButton.defaultProps=defaultProps;PlaceOrderButton.displayName=displayName;export default PlaceOrderButton;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { PlaceOrderOptions } from '../reducers/PlaceOrderReducer';
+declare type PlaceOrderContainerProps = {
+    children: ReactNode;
+    options?: PlaceOrderOptions;
+};
+declare const PlaceOrderContainer: FunctionComponent<PlaceOrderContainerProps>;
+export default PlaceOrderContainer;

package/lib/esm/components/PlaceOrderContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import PlaceOrderContext from"../context/PlaceOrderContext";import{useContext,useEffect,useReducer}from"react";import placeOrderReducer,{placeOrderInitialState,placeOrderPermitted}from"../reducers/PlaceOrderReducer";import OrderContext from"../context/OrderContext";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import{setPlaceOrder}from"../reducers/PlaceOrderReducer";const propTypes=components.PlaceOrderContainer.propTypes;const displayName=components.PlaceOrderContainer.displayName;const PlaceOrderContainer=e=>{const{children:r,options:t}=e;const[o,n]=useReducer(placeOrderReducer,placeOrderInitialState);const{order:s,setOrderErrors:d,include:c,addResourceToInclude:i}=useContext(OrderContext);const a=useContext(CommerceLayerContext);useEffect((()=>{if(!(c===null||c===void 0?void 0:c.includes("shipments.shipping_method"))){i({newResource:"shipments.shipping_method"})}if(!(c===null||c===void 0?void 0:c.includes("billing_address"))){i({newResource:"billing_address"})}if(!(c===null||c===void 0?void 0:c.includes("shipping_address"))){i({newResource:"shipping_address"})}if(s){placeOrderPermitted({config:a,dispatch:n,order:s,options:Object.assign({},t)})}}),[s,c]);const p=Object.assign(Object.assign({},o),{setPlaceOrder:({paymentSource:e})=>setPlaceOrder({config:a,order:s,state:o,setOrderErrors:d,paymentSource:e}),placeOrderPermitted:()=>placeOrderPermitted({config:a,dispatch:n,order:s,options:Object.assign({},t)})});return _jsx(PlaceOrderContext.Provider,Object.assign({value:p},{children:r}),void 0)};PlaceOrderContainer.propTypes=propTypes;PlaceOrderContainer.displayName=displayName;export default PlaceOrderContainer;

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

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+import { FunctionChildren, LoaderType } from '../typings/index';
+declare type PriceChildrenProps = FunctionChildren<{
+    loading: boolean;
+    loader: LoaderType;
+} & Omit<PriceProps, 'children'>>;
+export interface PriceProps extends Partial<JSX.IntrinsicElements['span']> {
+    children?: PriceChildrenProps;
+    compareClassName?: string;
+    showCompare?: boolean;
+    skuCode?: string;
+}
+declare const Price: FunctionComponent<PriceProps>;
+export default Price;

package/lib/esm/components/Price.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useState,useEffect,useContext}from"react";import{isEmpty,has,indexOf}from"lodash";import Parent from"./utils/Parent";import PricesContext from"../context/PricesContext";import{getPricesComponent}from"../utils/getPrices";import components from"../config/components";const propTypes=components.Price.propTypes;const defaultProps=components.Price.defaultProps;const displayName=components.Price.displayName;const Price=e=>{const{children:t,skuCode:s=""}=e;const{prices:o,skuCode:r,loading:n,skuCodes:i,setSkuCodes:p,loader:c}=useContext(PricesContext);const[m,a]=useState([]);const d=r||s;useEffect((()=>{if(!isEmpty(o)&&has(o,`${d}`)){a(o[d])}else{if(d&&indexOf(i,d)===-1){i.push(d);p&&p(i)}}return()=>{a([])}}),[o,d]);const l=Object.assign({loading:n,loader:c},e);const u=isEmpty(o)||isEmpty(m)?null:getPricesComponent(m,e);return t?_jsx(Parent,Object.assign({},l,{children:t}),void 0):_jsx(Fragment,{children:n||isEmpty(u)?c:u},void 0)};Price.propTypes=propTypes;Price.defaultProps=defaultProps;Price.displayName=displayName;export default Price;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+declare type PricesContainerProps = {
+    children: ReactNode;
+    filters?: object;
+    loader?: LoaderType;
+    perPage?: number;
+    skuCode?: string;
+};
+declare const PricesContainer: FunctionComponent<PricesContainerProps>;
+export default PricesContainer;

package/lib/esm/components/PricesContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useContext,useReducer}from"react";import getPrices from"../utils/getPrices";import{isEmpty,indexOf,has}from"lodash";import CommerceLayerContext from"../context/CommerceLayerContext";import priceReducer,{unsetPriceState}from"../reducers/PriceReducer";import{priceInitialState,getSkusPrice}from"../reducers/PriceReducer";import PricesContext from"../context/PricesContext";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import components from"../config/components";const propTypes=components.PricesContainer.propTypes;const defaultProps=components.PricesContainer.defaultProps;const displayName=components.PricesContainer.displayName;const PricesContainer=e=>{const{children:t,skuCode:s="",loader:r="Loading...",perPage:o=10,filters:i={}}=e;const[c,n]=useReducer(priceReducer,priceInitialState);const p=useContext(CommerceLayerContext);const{setPrices:a,prices:m,items:u,item:d,skuCode:C}=useContext(ItemContext);if(indexOf(c.skuCodes,s)===-1&&s)c.skuCodes.push(s);const f=getCurrentItemKey(d)||s||C||"";const P=e=>{n({type:"setSkuCodes",payload:{skuCodes:e}})};useEffect((()=>{if(d&&has(m,f)){n({type:"setPrices",payload:{prices:m}})}if(!isEmpty(u)&&isEmpty(d)){const e=getPrices(u);n({type:"setPrices",payload:{prices:e}})}if(p.accessToken&&isEmpty(d)||p.accessToken&&!has(m,f)){if(c.skuCodes.length>0||s){getSkusPrice(f&&[f]||c.skuCodes,{config:p,dispatch:n,setPrices:a,prices:m,perPage:o,filters:i})}}return()=>{if(isEmpty(d)){unsetPriceState(n)}}}),[p.accessToken,d,f]);const l=Object.assign(Object.assign({},c),{skuCode:f,loader:r,setSkuCodes:P});return _jsx(PricesContext.Provider,Object.assign({value:l},{children:t}),void 0)};PricesContainer.propTypes=propTypes;PricesContainer.defaultProps=defaultProps;PricesContainer.displayName=displayName;export default PricesContainer;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { BaseInputProps } from './utils/BaseInput';
+declare const PrivacyAndTermsCheckbox: FunctionComponent<Partial<BaseInputProps>>;
+export default PrivacyAndTermsCheckbox;

package/lib/esm/components/PrivacyAndTermsCheckbox.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import components from"../config/components";import OrderContext from"../context/OrderContext";import PlaceOrderContext from"../context/PlaceOrderContext";import{useContext,useEffect,useState}from"react";import BaseInput from"./utils/BaseInput";const propTypes=components.PrivacyAndTermsCheckbox.propTypes;const displayName=components.PrivacyAndTermsCheckbox.displayName;const PrivacyAndTermsCheckbox=e=>{const{order:t}=useContext(OrderContext);const{placeOrderPermitted:o}=useContext(PlaceOrderContext);const[r,s]=useState(true);const[n,c]=useState(false);const a="privacy-terms";const i=e=>{var t;const r=(t=e.target)===null||t===void 0?void 0:t.checked;c(r);localStorage.setItem(a,`${r}`);o&&o()};useEffect((()=>{if((t===null||t===void 0?void 0:t.privacy_url)&&(t===null||t===void 0?void 0:t.terms_url))s(false);if(!n)localStorage.setItem(a,`${n}`);return()=>{s(true);localStorage.removeItem(a)}}),[t===null||t===void 0?void 0:t.privacy_url,t===null||t===void 0?void 0:t.terms_url]);return _jsx(BaseInput,Object.assign({type:"checkbox",name:a,disabled:r,onChange:i,checked:n},e),void 0)};PrivacyAndTermsCheckbox.propTypes=propTypes;PrivacyAndTermsCheckbox.displayName=displayName;export default PrivacyAndTermsCheckbox;

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type QuantitySelectorChildrenProps = FunctionChildren<Omit<QuantitySelectorProps, 'children'> & {
+    handleChange: (event: React.MouseEvent<HTMLInputElement>) => void;
+    handleBlur: (event: React.MouseEvent<HTMLInputElement>) => void;
+}>;
+declare type QuantitySelectorProps = {
+    children?: QuantitySelectorChildrenProps;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    value?: string;
+    skuCode?: string;
+    skuListId?: string;
+} & JSX.IntrinsicElements['input'];
+declare const QuantitySelector: FunctionComponent<QuantitySelectorProps>;
+export default QuantitySelector;

package/lib/esm/components/QuantitySelector.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import Parent from"./utils/Parent";import{isEmpty,has}from"lodash";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import components from"../config/components";import SkuListsContext from"../context/SkuListsContext";const propTypes=components.QuantitySelector.propTypes;const defaultProps=components.QuantitySelector.defaultProps;const displayName=components.QuantitySelector.displayName;const QuantitySelector=t=>{var e,s,n;const{skuCode:o,skuListId:i,children:r,min:a=1,max:u}=t,m=__rest(t,["skuCode","skuListId","children","min","max"]);const{item:c,setQuantity:l,items:p,quantity:d,prices:b,skuCode:y}=useContext(ItemContext);const{skuLists:f,listIds:g}=useContext(SkuListsContext);const[x,N]=useState(a);const[j,C]=useState(!!m.disabled);const v=!isEmpty(p)&&o?(e=p[o])===null||e===void 0?void 0:e.code:o||getCurrentItemKey(c)||y;const S=isEmpty(c)?50:(n=(s=c[v])===null||s===void 0?void 0:s.inventory)===null||n===void 0?void 0:n.quantity;const O=u||S;useEffect((()=>{N(a);if(!b[v]||!v){C(true)}i&&C(false);if(v){const t=Number(a);l&&l(Object.assign(Object.assign({},d),{[`${v}`]:t}));if(!isEmpty(b)&&has(b,v))C(false)}return()=>{N(a)}}),[c,g,b]);const h=t=>{const e=Number(t.target.value);const s=Number(e)>=Number(a)&&Number(e)<=Number(O);N(e);if(!isEmpty(f)&&i&&s){l&&l(Object.assign(Object.assign({},d),{[`${i}`]:Number(e)}))}else if(v&&s){l&&l(Object.assign(Object.assign({},d),{[`${v}`]:Number(e)}))}};const k=t=>{const e=t.target.value;const s=Number(e)>=Number(a)&&Number(e)<=Number(O);if(!s){const t=Number(e)<Number(a)?a:O;N(t);if(!isEmpty(f)&&i){l&&l(Object.assign(Object.assign({},d),{[`${i}`]:Number(t)}))}else{l&&l(Object.assign(Object.assign({},d),{[`${v}`]:Number(t)}))}}};const I=Object.assign({min:a,max:O,disabled:j,handleChange:h,handleBlur:k,value:x},t);return r?_jsx(Parent,Object.assign({},I,{children:r}),void 0):_jsx("input",Object.assign({type:"number",max:O,min:a,value:x||"",disabled:j,onChange:h,onBlur:k},m),void 0)};QuantitySelector.propTypes=propTypes;QuantitySelector.defaultProps=defaultProps;QuantitySelector.displayName=displayName;export default QuantitySelector;

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type SaveAddressesButtonChildrenProps = FunctionChildren<Omit<SaveAddressesButtonProps, 'children'>>;
+declare type SaveAddressesButtonProps = {
+    children?: SaveAddressesButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & JSX.IntrinsicElements['button'];
+declare const SaveAddressesButton: FunctionComponent<SaveAddressesButtonProps>;
+export default SaveAddressesButton;

package/lib/esm/components/SaveAddressesButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState}from"react";import Parent from"./utils/Parent";import components from"../config/components";import AddressContext from"../context/AddressContext";import{isEmpty}from"lodash";import{billingAddressController,shippingAddressController,countryLockController}from"../utils/addressesManager";import OrderContext from"../context/OrderContext";import CustomerContext from"../context/CustomerContext";import isFunction from"lodash/isFunction";const propTypes=components.SaveAddressesButton.propTypes;const defaultProps=components.SaveAddressesButton.defaultProps;const displayName=components.SaveAddressesButton.displayName;const SaveAddressesButton=s=>{const{children:e,label:o="Continue to delivery",resource:t,disabled:r=false,onClick:n}=s,d=__rest(s,["children","label","resource","disabled","onClick"]);const{errors:i,billing_address:l,shipToDifferentAddress:a,shipping_address:p,saveAddresses:c,billingAddressId:u,shippingAddressId:m}=useContext(AddressContext);const{order:f}=useContext(OrderContext);const{addresses:C,isGuest:g}=useContext(CustomerContext);const[b,A]=useState(r);const x=!!(!!(g===true||typeof g==="undefined")&&!(f===null||f===void 0?void 0:f.customer_email));const h=billingAddressController({billing_address:l,errors:i,billingAddressId:u,requiresBillingInfo:f===null||f===void 0?void 0:f.requires_billing_info});const _=shippingAddressController({billingDisable:h,errors:i,shipToDifferentAddress:a,shipping_address:p,shippingAddressId:m});const v=countryLockController({countryCodeLock:f===null||f===void 0?void 0:f.shipping_country_code_lock,addresses:C,shipToDifferentAddress:a,billingAddressId:u,billing_address:l,shipping_address:p,shippingAddressId:m});const y=r||x||h||_||v;const S=async()=>{if(isEmpty(i)&&!y){A(true);await c();A(false);n&&n()}};const j=Object.assign(Object.assign({},d),{label:o,resource:t,handleClick:S,disabled:y});return e?_jsx(Parent,Object.assign({},j,{children:e}),void 0):_jsx("button",Object.assign({type:"button",disabled:y||b,onClick:S},d,{children:isFunction(o)?o():o}),void 0)};SaveAddressesButton.propTypes=propTypes;SaveAddressesButton.defaultProps=defaultProps;SaveAddressesButton.displayName=displayName;export default SaveAddressesButton;

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

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ParentProps = {
+    handleClick: () => any;
+};
+declare type SaveAddressesButtonChildrenProps = FunctionChildren<Omit<SaveCustomerButtonProps & ParentProps, 'children'>>;
+declare type SaveCustomerButtonProps = {
+    children?: SaveAddressesButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & JSX.IntrinsicElements['button'];
+declare const SaveCustomerButton: FunctionComponent<SaveCustomerButtonProps>;
+export default SaveCustomerButton;

package/lib/esm/components/SaveCustomerButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";import{isEmpty}from"lodash";import CustomerContext from"../context/CustomerContext";const propTypes=components.SaveCustomerButton.propTypes;const defaultProps=components.SaveCustomerButton.defaultProps;const displayName=components.SaveCustomerButton.displayName;const SaveCustomerButton=t=>{const{children:e,label:o="Save",resource:s,disabled:r,onClick:n}=t,a=__rest(t,["children","label","resource","disabled","onClick"]);const{errors:m,saveCustomerUser:i,customerEmail:p}=useContext(CustomerContext);const u=r||!isEmpty(m)||isEmpty(p);const c=async()=>{if(isEmpty(m)&&!u){await i(p);n&&n()}};const l=Object.assign(Object.assign({},a),{label:o,resource:s,handleClick:c,disabled:u});return e?_jsx(Parent,Object.assign({},l,{children:e}),void 0):_jsx("button",Object.assign({type:"button",disabled:u,onClick:c},a,{children:o}),void 0)};SaveCustomerButton.propTypes=propTypes;SaveCustomerButton.defaultProps=defaultProps;SaveCustomerButton.displayName=displayName;export default SaveCustomerButton;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+declare type ShipmentProps = {
+    children: ReactNode;
+    loader?: LoaderType;
+};
+declare const Shipment: FunctionComponent<ShipmentProps>;
+export default Shipment;

package/lib/esm/components/Shipment.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext,useState,useEffect}from"react";import ShipmentContext from"../context/ShipmentContext";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import components from"../config/components";import getLoaderComponent from"../utils/getLoaderComponent";const propTypes=components.Shipment.propTypes;const displayName=components.Shipment.displayName;const Shipment=({children:t,loader:e="Loading..."})=>{const[n,o]=useState(true);const{shipments:i,deliveryLeadTimes:s}=useContext(ShipmentContext);useEffect((()=>{if(i)o(false);return()=>{o(true)}}),[i]);const r=i&&i.map(((e,n)=>{var o;const i=e.shipment_line_items;const r=i===null||i===void 0?void 0:i.map((t=>{const e=t.line_item;if(e)e.quantity=t.quantity;return e}));const p=e.available_shipping_methods;const m=(o=e.shipping_method)===null||o===void 0?void 0:o.id;const d=e.stock_transfers;const a=s===null||s===void 0?void 0:s.filter((t=>{var n,o;return((n=t.stock_location)===null||n===void 0?void 0:n.id)===((o=e.stock_location)===null||o===void 0?void 0:o.id)}));const c={lineItems:r,shippingMethods:p,currentShippingMethodId:m,stockTransfers:d,deliveryLeadTimes:a,shipment:e,keyNumber:n+1};return _jsx(ShipmentChildrenContext.Provider,Object.assign({value:c},{children:t}),n)}));return!n?_jsx(Fragment,{children:r},void 0):getLoaderComponent(e)};Shipment.propTypes=propTypes;Shipment.displayName=displayName;export default Shipment;

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

@@ -0,0 +1,12 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { Shipment } from '@commercelayer/sdk';
+declare type ShipmentFieldChildrenProps = Omit<ShipmentFieldProps, 'children'> & {
+    shipment: Shipment;
+};
+export declare type ShipmentAttribute = 'number' | 'currency_code' | 'status' | 'cost_amount_cents' | 'cost_amount_float' | 'formatted_cost_amount' | 'key_number';
+declare type ShipmentFieldProps = {
+    children?: (props: ShipmentFieldChildrenProps) => ReactNode;
+    name: ShipmentAttribute;
+} & JSX.IntrinsicElements['span'];
+declare const ShipmentField: FunctionComponent<ShipmentFieldProps>;
+export default ShipmentField;

package/lib/esm/components/ShipmentField.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";import get from"lodash/get";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";const propTypes=components.ShipmentField.propTypes;const displayName=components.ShipmentField.displayName;const ShipmentField=e=>{const{name:t}=e;const{shipment:n,keyNumber:o}=useContext(ShipmentChildrenContext);const i=t;const p=i!=="key_number"?get(n,i):o;const s=Object.assign({shipment:n},e);return e.children?_jsx(Parent,Object.assign({},s,{children:e.children}),void 0):_jsx("span",Object.assign({},e,{children:p}),void 0)};ShipmentField.propTypes=propTypes;ShipmentField.displayName=displayName;export default ShipmentField;

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

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

package/lib/esm/components/ShipmentsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import ShipmentContext,{defaultShipmentContext}from"../context/ShipmentContext";import{useContext,useEffect,useReducer}from"react";import shipmentReducer,{shipmentInitialState,getShipments,setShippingMethod}from"../reducers/ShipmentReducer";import OrderContext from"../context/OrderContext";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import{isEmpty}from"lodash";const propTypes=components.ShipmentsContainer.propTypes;const displayName=components.ShipmentsContainer.displayName;const ShipmentsContainer=e=>{const{children:t}=e;const[n,i]=useReducer(shipmentReducer,shipmentInitialState);const{order:s,getOrder:o,include:r,addResourceToInclude:p}=useContext(OrderContext);const m=useContext(CommerceLayerContext);useEffect((()=>{if(!(r===null||r===void 0?void 0:r.includes("shipments.available_shipping_methods"))){p({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers","shipments.stock_location"]})}if(s&&!isEmpty(m)){getShipments({order:s,dispatch:i,config:m})}}),[s]);const c=Object.assign(Object.assign({},n),{setShipmentErrors:e=>defaultShipmentContext["setShipmentErrors"](e,i),setShippingMethod:async(e,t)=>await setShippingMethod({shippingMethodId:t,shipmentId:e,config:m,getOrder:o,order:s})});return _jsx(ShipmentContext.Provider,Object.assign({value:c},{children:t}),void 0)};ShipmentsContainer.propTypes=propTypes;ShipmentsContainer.displayName=displayName;export default ShipmentsContainer;

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

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

package/lib/esm/components/ShippingAddressContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import ShippingAddressContext from"../context/ShippingAddressContext";import{useContext,useEffect,useReducer}from"react";import shippingAddressReducer,{setShippingAddress,shippingAddressInitialState,setShippingCustomerAddressId}from"../reducers/ShippingAddressReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import OrderContext from"../context/OrderContext";import AddressContext from"../context/AddressContext";const propTypes=components.ShippingAddressContainer.propTypes;const ShippingAddressContainer=e=>{const{children:s}=e;const[t,r]=useReducer(shippingAddressReducer,shippingAddressInitialState);const d=useContext(CommerceLayerContext);const{order:o,updateOrder:n}=useContext(OrderContext);const{setCloneAddress:i}=useContext(AddressContext);useEffect((()=>{if(o&&d){setShippingCustomerAddressId({dispatch:r,order:o,setCloneAddress:i})}return()=>{r({type:"cleanup",payload:{}})}}),[d,o]);const p=Object.assign(Object.assign({},t),{setShippingAddress:async(e,s)=>{await setShippingAddress(e,{config:d,dispatch:r,order:o,customerAddressId:s===null||s===void 0?void 0:s.customerAddressId});i(e,"shipping_address")}});return _jsx(ShippingAddressContext.Provider,Object.assign({value:p},{children:s}),void 0)};ShippingAddressContainer.propTypes=propTypes;export default ShippingAddressContainer;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type ShippingAddressFormProps = {
+    children: ReactNode;
+    reset?: boolean;
+    errorClassName?: string;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+declare const ShippingAddressForm: FunctionComponent<ShippingAddressFormProps>;
+export default ShippingAddressForm;

package/lib/esm/components/ShippingAddressForm.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";const propTypes=components.ShippingAddressForm.propTypes;const ShippingAddressForm=e=>{const{children:s,errorClassName:r,autoComplete:o="on",reset:t=false}=e,i=__rest(e,["children","errorClassName","autoComplete","reset"]);const{validation:d,values:n,errors:p,reset:a}=useRapidForm();const{setAddressErrors:c,setAddress:l,shipToDifferentAddress:m}=useContext(AddressesContext);const{saveAddressToCustomerAddressBook:u,include:f,addResourceToInclude:g}=useContext(OrderContext);const h=useRef(null);useEffect((()=>{var e;if(!(f===null||f===void 0?void 0:f.includes("shipping_address"))){g({newResource:"shipping_address"})}if(!isEmpty(p)){const e=[];for(const s in p){const{code:r,message:o}=p[s];if(["shipping_address_state_code"].includes(s)){if(isEmpty(n["state_code"])){delete p[s]}else{e.push({code:r,message:o,resource:"shipping_address",field:s})}}else{e.push({code:r,message:o,resource:"shipping_address",field:s})}}m&&c(e,"shipping_address")}else if(!isEmpty(n)&&m){c([],"shipping_address");for(const e in n){const s=n[e];if(s===null||s===void 0?void 0:s.value){n[e.replace("shipping_address_","")]=s.value;delete n[e]}if((s===null||s===void 0?void 0:s.type)==="checkbox"){delete n[e];u({type:"shipping_address",value:s.checked})}}l({values:n,resource:"shipping_address"})}if(t&&(!isEmpty(n)||!isEmpty(p))){u&&u({type:"shipping_address",value:false});if(h){(e=h.current)===null||e===void 0?void 0:e.reset();a({target:h.current});c([],"shipping_address");l({values:{},resource:"shipping_address"})}}}),[n,p,m,t,f]);const _=(e,s)=>{const r={[e.replace("shipping_address_","")]:s};l({values:Object.assign(Object.assign({},n),r),resource:"shipping_address"})};const v={values:n,validation:d,setValue:_,errorClassName:r,errors:p,resetField:e=>a({currentTarget:h.current},e)};return _jsx(ShippingAddressFormContext.Provider,Object.assign({value:v},{children:_jsx("form",Object.assign({ref:h,autoComplete:o},i,{children:s}),void 0)}),void 0)};ShippingAddressForm.propTypes=propTypes;export default ShippingAddressForm;

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

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

package/lib/esm/components/ShippingAmount.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.ShippingAmount.propTypes;const displayName=components.ShippingAmount.displayName;const ShippingAmount=p=>_jsx(BaseOrderPrice,Object.assign({base:"amount",type:"shipping"},p),void 0);ShippingAmount.propTypes=propTypes;ShippingAmount.displayName=displayName;export default ShippingAmount;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type ShippingMethodProps = {
+    children: ReactNode;
+    readonly?: boolean;
+    emptyText?: string;
+};
+declare const ShippingMethod: FunctionComponent<ShippingMethodProps>;
+export default ShippingMethod;

package/lib/esm/components/ShippingMethod.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext,useEffect,useState}from"react";import ShippingMethodChildrenContext from"../context/ShippingMethodChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import isEmpty from"lodash/isEmpty";const propTypes=components.ShippingMethod.propTypes;const displayName=components.ShippingMethod.displayName;const ShippingMethod=e=>{const{children:t,readonly:i,emptyText:n=`There are not any shipping method available`}=e;const{shippingMethods:o,currentShippingMethodId:p,deliveryLeadTimes:r,shipment:d}=useContext(ShipmentChildrenContext);const[s,h]=useState([]);useEffect((()=>{const e=o&&o.filter((e=>{if(i)return e.id===p;return true})).map(((e,i)=>{const[n]=r===null||r===void 0?void 0:r.filter((t=>{var i;const n=(i=t.shipping_method)===null||i===void 0?void 0:i.id;return e.id===n}));const o={shipmentId:d===null||d===void 0?void 0:d.id,shippingMethod:e,currentShippingMethodId:p,deliveryLeadTimeForShipment:n};return _jsx(ShippingMethodChildrenContext.Provider,Object.assign({value:o},{children:t}),i)}));if(e)h(e)}),[p,r,o]);const m=!isEmpty(s)&&s||n;return _jsx(Fragment,{children:m},void 0)};ShippingMethod.propTypes=propTypes;ShippingMethod.displayName=displayName;export default ShippingMethod;

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

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { ShippingMethod } from '@commercelayer/sdk';
+declare type LineItemNameChildrenProps = Omit<LineItemNameProps, 'children'> & {
+    label: string;
+    shippingMethod: ShippingMethod;
+};
+declare type LineItemNameProps = {
+    children?: (props: LineItemNameChildrenProps) => ReactNode;
+} & JSX.IntrinsicElements['label'];
+declare const ShippingMethodName: FunctionComponent<LineItemNameProps>;
+export default ShippingMethodName;

package/lib/esm/components/ShippingMethodName.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import ShippingMethodChildrenContext from"../context/ShippingMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.ShippingMethodName.propTypes;const displayName=components.ShippingMethodName.displayName;const ShippingMethodName=e=>{const{shippingMethod:i,deliveryLeadTimeForShipment:o,shipmentId:t}=useContext(ShippingMethodChildrenContext);const n=`shipment-${t}-${i===null||i===void 0?void 0:i.id}`||"";const p=i===null||i===void 0?void 0:i["name"];const s=Object.assign({shippingMethod:i,deliveryLeadTimeForShipment:o,label:p},e);return e.children?_jsx(Parent,Object.assign({},s,{children:e.children}),void 0):_jsx("label",Object.assign({htmlFor:n},e,{children:p}),void 0)};ShippingMethodName.propTypes=propTypes;ShippingMethodName.displayName=displayName;export default ShippingMethodName;

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent } from '../typings/index';
+export declare type ShippingMethodPriceProps = BaseAmountComponent & {
+    labelFreeOver?: string;
+} & ({
+    type?: 'amount';
+    base?: 'freeOver';
+} | {
+    type?: 'amount' | 'amountForShipment';
+    base?: 'price';
+});
+declare const ShippingMethodPrice: FunctionComponent<ShippingMethodPriceProps>;
+export default ShippingMethodPrice;

package/lib/esm/components/ShippingMethodPrice.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect,useContext}from"react";import getAmount from"../utils/getAmount";import ShippingMethodChildrenContext from"../context/ShippingMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";import OrderContext from"../context/OrderContext";import{isNumber}from"lodash";const propTypes=components.ShippingMethodPrice.propTypes;const displayName=components.ShippingMethodPrice.displayName;const ShippingMethodPrice=e=>{const{format:t="formatted",type:o="amount",base:r="price",labelFreeOver:n="Free"}=e,i=__rest(e,["format","type","base","labelFreeOver"]);const{shippingMethod:s}=useContext(ShippingMethodChildrenContext);const{order:p}=useContext(OrderContext);const[m,c]=useState("");const[a,d]=useState(0);useEffect((()=>{if(s){const e=getAmount({base:r,type:o,format:t,obj:s});c(e);const n=getAmount({base:"freeOver",type:o,format:"cents",obj:s});d(n)}return()=>{c("");d(0)}}),[s]);const h=Object.assign({price:m},i);return e.children?_jsx(Parent,Object.assign({},h,{children:e.children}),void 0):_jsx("span",Object.assign({},i,{children:(p===null||p===void 0?void 0:p.total_amount_cents)&&isNumber(a)&&a<p.total_amount_cents?n:m}),void 0)};ShippingMethodPrice.propTypes=propTypes;ShippingMethodPrice.displayName=displayName;export default ShippingMethodPrice;

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

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { ShippingMethod } from '@commercelayer/sdk';
+declare type ShippingMethodRadioButtonChildrenProps = Omit<ShippingMethodRadioButtonProps, 'children'>;
+declare type ShippingMethodRadioButtonProps = {
+    children?: (props: ShippingMethodRadioButtonChildrenProps) => ReactNode;
+    onChange?: (shippingMethod: ShippingMethod) => void;
+} & JSX.IntrinsicElements['input'];
+declare const ShippingMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
+export default ShippingMethodRadioButton;

package/lib/esm/components/ShippingMethodRadioButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import ShippingMethodChildrenContext from"../context/ShippingMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";import ShipmentContext from"../context/ShipmentContext";const propTypes=components.ShippingMethodRadioButton.propTypes;const displayName=components.ShippingMethodRadioButton.displayName;const ShippingMethodRadioButton=t=>{const{onChange:n}=t,o=__rest(t,["onChange"]);const{shippingMethod:e,currentShippingMethodId:i,shipmentId:p}=useContext(ShippingMethodChildrenContext);const{setShippingMethod:s}=useContext(ShipmentContext);const d=e===null||e===void 0?void 0:e.id;const h=`shipment-${p}`;const r=`${h}-${d}`;const a=d===i;const c=async()=>{if(p&&d)await s(p,d);if(e&&n)n(e)};const m=Object.assign({handleOnChange:c,name:h,id:r},t);return t.children?_jsx(Parent,Object.assign({},m,{children:t.children}),void 0):_jsx("input",Object.assign({type:"radio",name:h,id:r,onChange:c,defaultChecked:a},o),void 0)};ShippingMethodRadioButton.propTypes=propTypes;ShippingMethodRadioButton.displayName=displayName;export default ShippingMethodRadioButton;

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

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

package/lib/esm/components/SkuList.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect,Fragment}from"react";import SkuListsContext from"../context/SkuListsContext";import components from"../config/components";const propTypes=components.SkuList.propTypes;const displayName=components.SkuList.displayName;const SkuList=t=>{const{id:s,children:e}=t;const{listIds:o}=useContext(SkuListsContext);useEffect((()=>{if(o&&!o.includes(s)){o.push(s)}}),[]);return _jsx(Fragment,{children:e},void 0)};SkuList.propTypes=propTypes;SkuList.displayName=displayName;export default SkuList;

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

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

package/lib/esm/components/SkuListsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuListsContext from"../context/SkuListsContext";import CommerceLayerContext from"../context/CommerceLayerContext";import skuListsReducer,{skuListsInitialState,getSkuList}from"../reducers/SkuListsReducer";import components from"../config/components";const propTypes=components.SkuListsContainer.propTypes;const displayName=components.SkuListsContainer.displayName;const SkuListsContainer=t=>{const{children:s}=t;const[e,o]=useReducer(skuListsReducer,skuListsInitialState);const i=useContext(CommerceLayerContext);useEffect((()=>{if(e.listIds&&e.listIds.length>0&&i.accessToken){getSkuList({listIds:e.listIds,dispatch:o,config:i,state:e})}}),[i.accessToken]);return _jsx(SkuListsContext.Provider,Object.assign({value:e},{children:s}),void 0)};SkuListsContainer.propTypes=propTypes;SkuListsContainer.displayName=displayName;export default SkuListsContainer;

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

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

package/lib/esm/components/SkuOption.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext}from"react";import SkuOptionChildrenContext from"../context/SkuOptionChildrenContext";import SkuOptionsContext from"../context/SkuOptionsContext";import components from"../config/components";const propTypes=components.SkuOption.propTypes;const displayName=components.SkuOption.displayName;const SkuOption=t=>{const{id:o}=t;const{skuOptions:n,skuCode:e}=useContext(SkuOptionsContext);const p=n&&n.filter((t=>t.id===o)).map(((o,n)=>_jsx(SkuOptionChildrenContext.Provider,Object.assign({value:{skuOption:o,skuCode:e}},{children:t.children}),n)));return _jsx(Fragment,{children:p},void 0)};SkuOption.propTypes=propTypes;SkuOption.displayName=displayName;export default SkuOption;

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

@@ -0,0 +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;

package/lib/esm/components/SkuOptionInput.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import BaseInput from"./utils/BaseInput";import ItemContext from"../context/ItemContext";import SkuOptionChildrenContext from"../context/SkuOptionChildrenContext";import{has}from"lodash";import components from"../config/components";const propTypes=components.SkuOptionInput.propTypes;const displayName=components.SkuOptionInput.displayName;const SkuOptionInput=t=>{const{name:o}=t;const{option:n,setOption:s}=useContext(ItemContext);const{skuOption:e,skuCode:p}=useContext(SkuOptionChildrenContext);const i=t=>{const i=t.target.value;const u=has(n,`${p}.${e===null||e===void 0?void 0:e.id}`)?n[p][`${e===null||e===void 0?void 0:e.id}`]["options"]:{};const r={[p]:Object.assign(Object.assign({},n[p]),{[`${e===null||e===void 0?void 0:e.id}`]:{skuOptionId:e===null||e===void 0?void 0:e.id,options:Object.assign(Object.assign({},u),{[o]:i})}})};s&&s(r)};return _jsx(BaseInput,Object.assign({onChange:i},t),void 0)};SkuOptionInput.propTypes=propTypes;SkuOptionInput.displayName=displayName;export default SkuOptionInput;

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

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

package/lib/esm/components/SkuOptionsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuOptionsContext from"../context/SkuOptionsContext";import skuOptionsReducer,{skuOptionsInitialState}from"../reducers/SkuOptionsReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import{isEmpty}from"lodash";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import{getSkuOptions}from"../reducers/SkuOptionsReducer";import components from"../config/components";const propTypes=components.SkuOptionsContainer.propTypes;const displayName=components.SkuOptionsContainer.displayName;const SkuOptionsContainer=t=>{var e;const{skuCode:o,children:n}=t;const[s,i]=useReducer(skuOptionsReducer,skuOptionsInitialState);const r=useContext(CommerceLayerContext);const{item:p,items:u}=useContext(ItemContext);const m=!isEmpty(u)&&o?(e=u[o])===null||e===void 0?void 0:e.code:o||getCurrentItemKey(p);const c=Object.assign(Object.assign({},s),{skuCode:m});useEffect((()=>{if(m&&p[m].sku_options){getSkuOptions({skuOptions:p[m].sku_options,dispatch:i})}return()=>{if(isEmpty(m)){i({type:"setSkuOptions",payload:{skuOptions:[]}})}}}),[r,m]);return _jsx(SkuOptionsContext.Provider,Object.assign({value:c},{children:n}),void 0)};SkuOptionsContainer.propTypes=propTypes;SkuOptionsContainer.displayName=displayName;export default SkuOptionsContainer;

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

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

package/lib/esm/components/StockTransfer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,Fragment}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import StockTransferChildrenContext from"../context/StockTransferChildrenContext";const propTypes=components.StockTransfer.propTypes;const displayName=components.StockTransfer.displayName;const StockTransfer=e=>{const{children:t}=e;const{lineItem:n}=useContext(LineItemChildrenContext);const{stockTransfers:o}=useContext(ShipmentChildrenContext);const r=o===null||o===void 0?void 0:o.filter((e=>e.sku_code===(n===null||n===void 0?void 0:n.sku_code))).map(((e,n)=>{const o={stockTransfer:e};return _jsx(StockTransferChildrenContext.Provider,Object.assign({value:o},{children:t}),n)}));return _jsx(Fragment,{children:r},void 0)};StockTransfer.propTypes=propTypes;StockTransfer.displayName=displayName;export default StockTransfer;

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

@@ -0,0 +1,9 @@
+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/esm/components/StockTransferField.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import StockTransferChildrenContext from"../context/StockTransferChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.StockTransferField.propTypes;const displayName=components.StockTransferField.displayName;const StockTransferField=e=>{const{type:t}=e;const{stockTransfer:r}=useContext(StockTransferChildrenContext);const o=r?r[t]:"";const n=Object.assign({},e);return e.children?_jsx(Parent,Object.assign({},n,{children:e.children}),void 0):_jsx("p",Object.assign({},e,{children:o}),void 0)};StockTransferField.propTypes=propTypes;StockTransferField.displayName=displayName;export default StockTransferField;

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

@@ -0,0 +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;

package/lib/esm/components/StripePayment.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useRef,useState}from"react";import PaymentMethodContext from"../context/PaymentMethodContext";import{CardElement,Elements,useElements,useStripe}from"@stripe/react-stripe-js";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{setCustomerOrderParam}from"../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 o=useRef(null);const{setPaymentSource:s,paymentSource:n,currentPaymentMethodType:r,setPaymentMethodErrors:a,setPaymentRef:i}=useContext(PaymentMethodContext);const{order:l}=useContext(OrderContext);const c=useStripe();const u=useElements();useEffect((()=>{if(o.current&&c&&u){o.current.onsubmit=()=>d(o.current,c,u);i({ref:o})}return()=>{i({ref:{current:null}})}}),[o,c,u]);const d=async(e,t,o)=>{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)setCustomerOrderParam("_save_payment_source_to_customer_wallet",u);const d=o&&o.getElement(CardElement);if(d){const e=l===null||l===void 0?void 0:l.billing_address;const o=l===null||l===void 0?void 0:l.customer_email;const i={name:e===null||e===void 0?void 0:e.full_name,email:o,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:d,billing_details:i});if(n===null||n===void 0?void 0:n.client_secret){const{error:e,paymentIntent:o}=await t.confirmCardPayment(n.client_secret,{payment_method:{card:d,billing_details:i}});if(e){console.error(e);a([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:r,message:e.message}])}else{if(o&&c&&n&&r){try{await s({paymentSourceId:n.id,paymentResource:r,attributes:{options:Object.assign(Object.assign({},c),{setup_future_usage:"off_session"})}});return true}catch(e){return false}}}}}return false};return _jsxs("form",Object.assign({ref:o,onSubmit:e=>d(e,c,u)},{children:[_jsx(CardElement,{options:Object.assign(Object.assign({},defaultOptions),e)},void 0),t&&_jsx(Parent,Object.assign({},{name:"save_payment_source_to_customer_wallet"},{children:t}),void 0)]}),void 0)};const StripePayment=e=>{var{publishableKey:t,show:o,options:s,locale:n="auto"}=e,r=__rest(e,["publishableKey","show","options","locale"]);const[a,i]=useState(false);const[l,c]=useState(null);const{containerClassName:u,templateCustomerSaveToWallet:d,fonts:m=[]}=r,p=__rest(r,["containerClassName","templateCustomerSaveToWallet","fonts"]);useEffect((()=>{if(o&&t){const{loadStripe:e}=require("@stripe/stripe-js");const o=async()=>{const o=await e(t,{locale:n});c(o);i(true)};o()}return()=>{i(false)}}),[o,t]);return a&&l?_jsx("div",Object.assign({className:u},p,{children:_jsx(Elements,Object.assign({stripe:l,options:{fonts:m}},{children:_jsx(StripePaymentForm,{options:s,templateCustomerSaveToWallet:d},void 0)}),void 0)}),void 0):null};export default StripePayment;

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

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

package/lib/esm/components/SubTotalAmount.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.SubTotalAmount.propTypes;const defaultProps=components.SubTotalAmount.defaultProps;const displayName=components.SubTotalAmount.displayName;const SubTotalAmount=o=>_jsx(BaseOrderPrice,Object.assign({base:"amount",type:"subtotal"},o),void 0);SubTotalAmount.propTypes=propTypes;SubTotalAmount.defaultProps=defaultProps;SubTotalAmount.displayName=displayName;export default SubTotalAmount;