@commercelayer/react-components 2.46.7 → 2.47.0

package/lib/esm/components/ExternalFunction.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import ExternalFunctionContext,{callExternalFunction}from"../context/ExternalFunctionContext";import components from"../config/components";const propTypes=components.ExternalFunction.propTypes;const displayName=components.ExternalFunction.displayName;const ExternalFunction=({children:n,url:t})=>_jsx(ExternalFunctionContext.Provider,Object.assign({value:{url:t,callExternalFunction:callExternalFunction}},{children:n}),void 0);ExternalFunction.propTypes=propTypes;ExternalFunction.displayName=displayName;export default ExternalFunction;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BaseState } from '../typings/index';
+declare type GiftCardProps = {
+    children: ReactNode;
+    onSubmit?: (values: BaseState) => void;
+} & JSX.IntrinsicElements['form'];
+declare const GiftCard: FunctionComponent<GiftCardProps>;
+export default GiftCard;

package/lib/esm/components/GiftCard.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useRef,useContext}from"react";import validateFormFields from"../utils/validateFormFields";import{isEmpty}from"lodash";import GiftCardContext from"../context/GiftCardContext";import components from"../config/components";const propTypes=components.GiftCard.propTypes;const defaultProps=components.GiftCard.defaultProps;const displayName=components.GiftCard.displayName;const GiftCard=t=>{const{children:e,onSubmit:o}=t;const r="giftCardForm";const s=useRef(null);const{addGiftCard:i,addGiftCardError:n}=useContext(GiftCardContext);const a=t=>{t.preventDefault();const e=s.current;const r=e===null||e===void 0?void 0:e.elements;const{errors:a,values:d}=validateFormFields(r,["currencyCode","balanceCents"],"gift_cards");if(isEmpty(a)){i(d);e===null||e===void 0?void 0:e.reset();if(o){o(d)}}else{n(a)}};return _jsx(Fragment,{children:_jsx("form",Object.assign({name:r,ref:s,onSubmit:a},{children:e}),r)},void 0)};GiftCard.propTypes=propTypes;GiftCard.defaultProps=defaultProps;GiftCard.displayName=displayName;export default GiftCard;

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

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

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

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

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

package/lib/esm/components/GiftCardContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext}from"react";import GiftCardContext from"../context/GiftCardContext";import CommerceLayerContext from"../context/CommerceLayerContext";import giftCardReducer,{giftCardInitialState,addGiftCardRecipient,addGiftCard,addGiftCardError,addGiftCardLoading}from"../reducers/GiftCardReducer";import OrderContext from"../context/OrderContext";import components from"../config/components";const propTypes=components.GiftCardContainer.propTypes;const displayName=components.GiftCardContainer.displayName;const GiftCardContainer=t=>{const{children:r}=t;const[e,d]=useReducer(giftCardReducer,giftCardInitialState);const a=useContext(CommerceLayerContext);const{getOrder:o,createOrder:i,order:n}=useContext(OrderContext);const C=Object.assign(Object.assign({},e),{addGiftCardRecipient:t=>addGiftCardRecipient(t,a,d),addGiftCard:t=>addGiftCard(Object.assign({},t),{config:a,dispatch:d,getOrder:o,createOrder:i,order:n}),addGiftCardError:t=>addGiftCardError(t,d),addGiftCardLoading:t=>addGiftCardLoading(t,d)});return _jsx(GiftCardContext.Provider,Object.assign({value:C},{children:r}),void 0)};GiftCardContainer.propTypes=propTypes;GiftCardContainer.displayName=displayName;export default GiftCardContainer;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { BaseSelectComponentProps } from '../typings/index';
+declare type GiftCardCurrencySelectorProps = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
+    required?: boolean;
+} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
+declare const GiftCardCurrencySelector: FunctionComponent<GiftCardCurrencySelectorProps>;
+export default GiftCardCurrencySelector;

package/lib/esm/components/GiftCardCurrencySelector.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import BaseSelect from"./utils/BaseSelect";import currencyOptions from"../config/currency.json";import components from"../config/components";const propTypes=components.GiftCardCurrencySelector.propTypes;const defaultProps=components.GiftCardCurrencySelector.defaultProps;const displayName=components.GiftCardCurrencySelector.displayName;const GiftCardCurrencySelector=e=>_jsx(BaseSelect,Object.assign({options:currencyOptions,name:"currencyCode"},e),void 0);GiftCardCurrencySelector.propTypes=propTypes;GiftCardCurrencySelector.defaultProps=defaultProps;GiftCardCurrencySelector.displayName=displayName;export default GiftCardCurrencySelector;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps, GiftCardInputName } from '../typings/index';
+export declare type GiftCardInputProps = {
+    name: GiftCardInputName;
+} & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const GiftCardInput: FunctionComponent<GiftCardInputProps>;
+export default GiftCardInput;

package/lib/esm/components/GiftCardInput.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import BaseInput from"./utils/BaseInput";import components from"../config/components";const propTypes=components.GiftCardInput.propTypes;const displayName=components.GiftCardInput.displayName;const GiftCardInput=p=>{const{placeholder:t=""}=p,o=__rest(p,["placeholder"]);return _jsx(BaseInput,Object.assign({placeholder:t},o),void 0)};GiftCardInput.propTypes=propTypes;GiftCardInput.displayName=displayName;export default GiftCardInput;

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { CodeType } from '../reducers/OrderReducer';
+declare type GiftCardOrCouponCodeChildrenProps = FunctionChildren<Omit<GiftCardOrCouponCodeProps, 'children'> & {
+    code?: string;
+    hide?: boolean;
+}>;
+declare type GiftCardOrCouponCodeProps = {
+    type?: CodeType;
+    children?: GiftCardOrCouponCodeChildrenProps;
+} & JSX.IntrinsicElements['span'];
+declare const GiftCardOrCouponCode: FunctionComponent<GiftCardOrCouponCodeProps>;
+export default GiftCardOrCouponCode;

package/lib/esm/components/GiftCardOrCouponCode.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponCode.propTypes;const displayName=components.GiftCardOrCouponCode.displayName;const GiftCardOrCouponCode=o=>{var{children:e,type:t}=o,r=__rest(o,["children","type"]);const{order:s}=useContext(OrderContext);let n=t&&`${t}Code`;if(!t&&s&&has(s,"couponCode")&&!isEmpty(s.coupon_code))n="coupon_code";else if(!t)n="gift_card_code";const p=s&&n?s[n]:"";const i=s&&p?false:true;const d=Object.assign(Object.assign({},r),{code:p,hide:i});return e?_jsx(Parent,Object.assign({},d,{children:e}),void 0):i?null:_jsx("span",Object.assign({},r,{children:p}),void 0)};GiftCardOrCouponCode.propTypes=propTypes;GiftCardOrCouponCode.displayName=displayName;export default GiftCardOrCouponCode;

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type GiftCardOrCouponFormProps = {
+    children: ReactNode;
+    reset?: boolean;
+    onSubmit?: (response: {
+        success: boolean;
+    }) => void;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+declare const GiftCardOrCouponForm: FunctionComponent<GiftCardOrCouponFormProps>;
+export default GiftCardOrCouponForm;

package/lib/esm/components/GiftCardOrCouponForm.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import CouponAndGiftCardFormContext from"../context/CouponAndGiftCardFormContext";import OrderContext from"../context/OrderContext";import isEmpty from"lodash/isEmpty";import components from"../config/components";import camelCase from"lodash/camelCase";import dropWhile from"lodash/dropWhile";import has from"lodash/has";import{findIndex}from"lodash";const propTypes=components.GiftCardOrCouponForm.propTypes;const GiftCardOrCouponForm=o=>{const{children:r,autoComplete:e="on",reset:t=false,onSubmit:s}=o,n=__rest(o,["children","autoComplete","reset","onSubmit"]);const{validation:i,values:d}=useRapidForm();const{setGiftCardOrCouponCode:a,order:m,errors:p,setOrderErrors:c}=useContext(OrderContext);const f=useRef(null);const u="gift_card_or_coupon_code";useEffect((()=>{var o;if(((o=d[u])===null||o===void 0?void 0:o.value)===""&&findIndex(p,{field:camelCase(u)})!==-1){const o=dropWhile(p,(o=>o.field===camelCase(u)));c({errors:o});s&&s({success:true})}}),[d]);const l=async o=>{o.preventDefault();const r=has(d,u)?d[u].value:undefined;if(r){const{success:e}=await a({code:r});s&&s({success:e});e&&o.target.reset()}};return(m===null||m===void 0?void 0:m.gift_card_or_coupon_code)||isEmpty(m)?null:_jsx(CouponAndGiftCardFormContext.Provider,Object.assign({value:{validation:i}},{children:_jsx("form",Object.assign({ref:f,autoComplete:e,onSubmit:l},n,{children:r}),void 0)}),void 0)};GiftCardOrCouponForm.propTypes=propTypes;export default GiftCardOrCouponForm;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { BaseInputComponentProps } from '../typings/index';
+export declare type GiftCardOrCouponInputProps = {
+    name?: 'gift_card_or_coupon_code';
+    type?: 'text';
+} & Omit<BaseInputComponentProps, 'name' | 'type'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
+declare const GiftCardOrCouponInput: FunctionComponent<GiftCardOrCouponInputProps>;
+export default GiftCardOrCouponInput;

package/lib/esm/components/GiftCardOrCouponInput.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import BaseInput from"./utils/BaseInput";import CouponAndGiftCardFormContext from"../context/CouponAndGiftCardFormContext";const propTypes=components.GiftCardOrCouponInput.propTypes;const displayName=components.GiftCardOrCouponInput.displayName;const GiftCardOrCouponInput=o=>{const{placeholder:t="",required:e,value:r}=o,p=__rest(o,["placeholder","required","value"]);const{validation:n}=useContext(CouponAndGiftCardFormContext);return _jsx(BaseInput,Object.assign({type:"text",name:"gift_card_or_coupon_code",ref:n,required:e!==undefined?e:true,placeholder:t,defaultValue:r},p),void 0)};GiftCardOrCouponInput.propTypes=propTypes;GiftCardOrCouponInput.displayName=displayName;export default GiftCardOrCouponInput;

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

@@ -0,0 +1,16 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+import { CodeType, OrderCodeType } from '../reducers/OrderReducer';
+declare type GiftCardOrCouponRemoveButtonChildrenProps = FunctionChildren<Omit<GiftCardOrCouponRemoveButtonProps, 'children'> & {
+    codeType?: OrderCodeType;
+    hide?: boolean;
+    handleClick?: () => void;
+}>;
+declare type GiftCardOrCouponRemoveButtonProps = {
+    type?: CodeType;
+    children?: GiftCardOrCouponRemoveButtonChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & Omit<JSX.IntrinsicElements['button'], 'type'>;
+declare const GiftCardOrCouponRemoveButton: FunctionComponent<GiftCardOrCouponRemoveButtonProps>;
+export default GiftCardOrCouponRemoveButton;

package/lib/esm/components/GiftCardOrCouponRemoveButton.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 OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponRemoveButton.propTypes;const displayName=components.GiftCardOrCouponRemoveButton.displayName;const GiftCardOrCouponRemoveButton=o=>{const{children:e,label:t="Remove",onClick:n,type:r}=o,s=__rest(o,["children","label","onClick","type"]);const{order:p,removeGiftCardOrCouponCode:i}=useContext(OrderContext);let c=`${r}Code`;if(!r&&p&&has(p,"couponCode")&&!isEmpty(p.coupon_code))c="coupon_code";else if(!r)c="gift_card_code";const a=p&&c?p[c]:"";const d=p&&a?false:true;const m=()=>{i&&i({codeType:c});n&&n()};const l=Object.assign(Object.assign({},s),{label:t,handleClick:m,codeType:c});return e?_jsx(Parent,Object.assign({},l,{children:e}),void 0):d?null:_jsx("button",Object.assign({type:"button",onClick:m},s,{children:t}),void 0)};GiftCardOrCouponRemoveButton.propTypes=propTypes;GiftCardOrCouponRemoveButton.displayName=displayName;export default GiftCardOrCouponRemoveButton;

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

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

package/lib/esm/components/GiftCardOrCouponSubmit.js

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

package/lib/esm/components/GiftCardRecipient.js

@@ -0,0 +1 @@
+"use strict";

package/lib/esm/components/GiftCardRecipientInput.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type ItemContainerProps = {
+    children: ReactNode;
+    skuCode?: string | null;
+    lineItem?: {
+        name: string;
+        imageUrl?: string | null;
+    } | null;
+};
+declare const ItemContainer: FunctionComponent<ItemContainerProps>;
+export default ItemContainer;

package/lib/esm/components/ItemContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useEffect}from"react";import ItemContext,{initialItemContext}from"../context/ItemContext";import itemReducer,{itemInitialState,setItemState}from"../reducers/ItemReducer";import components from"../config/components";const propTypes=components.ItemContainer.propTypes;const displayName=components.ItemContainer.displayName;const ItemContainer=t=>{const{children:e,skuCode:s,lineItem:n}=t;const[o,m]=useReducer(itemReducer,itemInitialState);useEffect((()=>{if(s){setItemState(s,{type:"setSkuCode",key:"skuCode"},m)}if(n){setItemState(n,{type:"setCustomLineItem",key:"lineItem"},m)}}),[]);const i=t=>setItemState(t,{type:"setItems",key:"items"},m);const a=t=>setItemState(t,{type:"setItem",key:"item"},m);const r=t=>setItemState(t,{type:"setQuantity",key:"quantity"},m);const p=t=>setItemState(t,{type:"setOption",key:"option"},m);const c=t=>setItemState(t,{type:"setPrices",key:"prices"},m);const I=t=>setItemState(t,{type:"setCustomLineItems",key:"lineItems"},m);const y=Object.assign(Object.assign(Object.assign({},initialItemContext),o),{setItems:i,setItem:a,setQuantity:r,setOption:p,setPrices:c,setCustomLineItems:I});return _jsx(ItemContext.Provider,Object.assign({value:y},{children:e}),void 0)};ItemContainer.propTypes=propTypes;ItemContainer.displayName=displayName;export default ItemContainer;

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

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

package/lib/esm/components/LineItem.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext}from"react";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import{isEmpty}from"lodash";const propTypes=components.LineItem.propTypes;const displayName=components.LineItem.displayName;const LineItem=e=>{const{type:t="skus",children:n}=e;const{lineItems:o}=useContext(LineItemContext);const{lineItems:i}=useContext(ShipmentChildrenContext);const m=isEmpty(i)?o:i;const r=m&&m.filter((e=>e.item_type===t)).map(((e,t)=>{const o={lineItem:e};return _jsx(LineItemChildrenContext.Provider,Object.assign({value:o},{children:n}),t)}));return _jsx(Fragment,{children:r},void 0)};LineItem.propTypes=propTypes;LineItem.displayName=displayName;export default LineItem;

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { BaseAmountComponent, BasePriceType } from '../typings/index';
+export declare type LineItemAmountProps = BaseAmountComponent & {
+    type?: BasePriceType;
+};
+declare const LineItemAmount: FunctionComponent<LineItemAmountProps>;
+export default LineItemAmount;

package/lib/esm/components/LineItemAmount.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 LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemAmount.propTypes;const defaultProps=components.LineItemAmount.defaultProps;const displayName=components.LineItemAmount.displayName;const LineItemAmount=t=>{const{format:e="formatted",type:o="total"}=t,n=__rest(t,["format","type"]);const{lineItem:m}=useContext(LineItemChildrenContext);const[s,r]=useState("");useEffect((()=>{if(m){const t=getAmount({base:"amount",type:o,format:e,obj:m});r(t)}return()=>{r("")}}),[m]);const i=Object.assign({price:s},n);return t.children?_jsx(Parent,Object.assign({},i,{children:t.children}),void 0):_jsx("span",Object.assign({},n,{children:s}),void 0)};LineItemAmount.propTypes=propTypes;LineItemAmount.defaultProps=defaultProps;LineItemAmount.displayName=displayName;export default LineItemAmount;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type LineItemNameChildrenProps = Omit<LineItemNameProps, 'children'>;
+declare type LineItemNameProps = {
+    children?: (props: LineItemNameChildrenProps) => ReactNode;
+    type?: 'sku_code' | 'bundle_code';
+} & JSX.IntrinsicElements['p'];
+declare const LineItemCode: FunctionComponent<LineItemNameProps>;
+export default LineItemCode;

package/lib/esm/components/LineItemCode.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemCode.propTypes;const displayName=components.LineItemCode.displayName;const LineItemCode=e=>{var{type:t="sku_code",children:o}=e,n=__rest(e,["type","children"]);const{lineItem:i}=useContext(LineItemChildrenContext);const s=i===null||i===void 0?void 0:i[t];const r=Object.assign({},n);return o?_jsx(Parent,Object.assign({},r,{children:o}),void 0):_jsx("p",Object.assign({},n,{children:s}),void 0)};LineItemCode.propTypes=propTypes;LineItemCode.displayName=displayName;export default LineItemCode;

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+declare type LineItemChildrenProps = Omit<LineItemImageProps, 'children'> & {
+    src: string;
+};
+declare type LineItemImageProps = {
+    children?: (props: LineItemChildrenProps) => ReactNode;
+    width?: number;
+} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet'>;
+declare const LineItemImage: FunctionComponent<LineItemImageProps>;
+export default LineItemImage;

package/lib/esm/components/LineItemImage.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";const propTypes=components.LineItemImage.propTypes;const displayName=components.LineItemImage.displayName;const LineItemImage=e=>{const{lineItem:t}=useContext(LineItemChildrenContext);const n=t===null||t===void 0?void 0:t.image_url;const o=Object.assign({src:n},e);return e.children?_jsx(Parent,Object.assign({},o,{children:e.children}),void 0):_jsx("img",Object.assign({alt:"",src:n},e),void 0)};LineItemImage.propTypes=propTypes;LineItemImage.displayName=displayName;export default LineItemImage;

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

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

package/lib/esm/components/LineItemName.js

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

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

@@ -0,0 +1,19 @@
+import { FunctionComponent, CSSProperties } from 'react';
+import { LineItemOption as LineItemOptionType } from '@commercelayer/sdk';
+import { FunctionChildren } from '../typings/index';
+declare type LineItemOptionChildrenProps = FunctionChildren<Omit<LineItemOptionProps, 'children'> & {
+    lineItemOption: LineItemOptionType;
+}>;
+declare type LineItemOptionProps = {
+    id?: string;
+    className?: string;
+    key?: string;
+    style?: CSSProperties;
+    children?: LineItemOptionChildrenProps;
+    name?: string;
+    valueClassName?: string;
+    tagElement?: keyof JSX.IntrinsicElements;
+    tagContainer?: keyof JSX.IntrinsicElements;
+};
+declare const LineItemOption: FunctionComponent<LineItemOptionProps>;
+export default LineItemOption;

package/lib/esm/components/LineItemOption.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import LineItemOptionChildrenContext from"../context/LineItemOptionChildrenContext";import get from"lodash/get";import has from"lodash/has";import map from"lodash/map";import Parent from"./utils/Parent";import components from"../config/components";import isJSON from"../utils/isJSON";const propTypes=components.LineItemOption.propTypes;const displayName=components.LineItemOption.displayName;const LineItemOption=t=>{const{name:e,children:n,valueClassName:s,id:i,key:o,tagElement:a="li",tagContainer:m="ul"}=t,p=__rest(t,["name","children","valueClassName","id","key","tagElement","tagContainer"]);const{lineItemOption:r,showAll:l}=useContext(LineItemOptionChildrenContext);const c=Object.assign(Object.assign({},t),{lineItemOption:r});const d=a;const O=m;const h=l&&isJSON(JSON.stringify(r===null||r===void 0?void 0:r.options))?map(r===null||r===void 0?void 0:r.options,((t,e)=>_jsxs(d,Object.assign({},p,{children:[`${e}:`,_jsx("span",Object.assign({className:s},{children:`${t}`}),void 0)]}),e))):has(r,`options.${e}`)?_jsxs(d,Object.assign({},p,{children:[`${e}:`,_jsx("span",Object.assign({className:s},p,{children:`${get(r,`options.${e}`)}`}),void 0)]}),o):null;return n?_jsx(Parent,Object.assign({},c,{children:t.children}),void 0):_jsx(O,{children:h},void 0)};LineItemOption.propTypes=propTypes;LineItemOption.displayName=displayName;export default LineItemOption;

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

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type LineItemOptionsProps = JSX.IntrinsicElements['span'] & {
+    children: ReactNode;
+    title?: string;
+    showName?: boolean;
+} & ({
+    skuOptionId: string;
+    showAll?: never;
+} | {
+    skuOptionId?: never;
+    showAll: true;
+});
+declare const LineItemOptions: FunctionComponent<LineItemOptionsProps>;
+export default LineItemOptions;

package/lib/esm/components/LineItemOptions.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,Fragment}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import LineItemOptionChildrenContext from"../context/LineItemOptionChildrenContext";import{isEmpty}from"lodash";import components from"../config/components";const displayName=components.LineItemOptions.displayName;const LineItemOptions=t=>{const{skuOptionId:e,title:n,children:i,showName:o=true,showAll:s}=t,r=__rest(t,["skuOptionId","title","children","showName","showAll"]);const{lineItem:m}=useContext(LineItemChildrenContext);const l=!isEmpty(m)?(m===null||m===void 0?void 0:m["line_item_options"])||[]:[];const p=l.filter((t=>{if(s)return true;return t.skuOption().id===e})).map(((t,e)=>{const m=o?_jsx("span",Object.assign({},r,{children:n||t.name}),void 0):null;const l={lineItemOption:t,showAll:s};return _jsxs(Fragment,{children:[m,_jsx(LineItemOptionChildrenContext.Provider,Object.assign({value:l},{children:i}),void 0)]},e)}));return _jsx(Fragment,{children:p},void 0)};LineItemOptions.displayName=displayName;export default LineItemOptions;

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

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

package/lib/esm/components/LineItemQuantity.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import LineItemContext from"../context/LineItemContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemQuantity.propTypes;const defaultProps=components.LineItemQuantity.defaultProps;const displayName=components.LineItemQuantity.displayName;const LineItemQuantity=t=>{const{max:e=50,readonly:n=false}=t,o=__rest(t,["max","readonly"]);const{lineItem:i}=useContext(LineItemChildrenContext);const{updateLineItem:s}=useContext(LineItemContext);const a=[];for(let t=1;t<=e;t++){a.push(_jsx("option",Object.assign({value:`${t}`},{children:t}),t))}const r=t=>{const e=Number(t.target.value);s&&i&&s(i["id"],e)};const m=i===null||i===void 0?void 0:i["quantity"];const p=Object.assign({handleChange:r,quantity:m},t);return t.children?_jsx(Parent,Object.assign({},p,{children:t.children}),void 0):n?_jsx("span",Object.assign({},o,{children:m}),void 0):_jsx("select",Object.assign({title:i===null||i===void 0?void 0:i.name,value:m,onChange:r},o,{children:a}),void 0)};LineItemQuantity.propTypes=propTypes;LineItemQuantity.defaultProps=defaultProps;LineItemQuantity.displayName=displayName;export default LineItemQuantity;

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

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

package/lib/esm/components/LineItemRemoveLink.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import LineItemContext from"../context/LineItemContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemRemoveLink.propTypes;const defaultProps=components.LineItemRemoveLink.defaultProps;const displayName=components.LineItemRemoveLink.displayName;const LineItemRemoveLink=e=>{const{label:t="Remove"}=e;const{lineItem:n}=useContext(LineItemChildrenContext);const{deleteLineItem:o}=useContext(LineItemContext);const i=e=>{e.preventDefault();o&&n&&o(n["id"])};const m=Object.assign({handleRemove:i},e);return e.children?_jsx(Parent,Object.assign({},m,{children:e.children}),void 0):_jsx("a",Object.assign({},e,{href:"#",onClick:i},{children:t}),void 0)};LineItemRemoveLink.propTypes=propTypes;LineItemRemoveLink.defaultProps=defaultProps;LineItemRemoveLink.displayName=displayName;export default LineItemRemoveLink;

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

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

package/lib/esm/components/LineItemsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import lineItemReducer,{lineItemInitialState,updateLineItem,deleteLineItem}from"../reducers/LineItemReducer";import OrderContext from"../context/OrderContext";import LineItemContext from"../context/LineItemContext";import CommerceLayerContext from"../context/CommerceLayerContext";import{isEmpty}from"lodash";import components from"../config/components";const propTypes=components.LineItemsContainer.propTypes;const defaultProps=components.LineItemsContainer.defaultProps;const displayName=components.LineItemsContainer.displayName;const LineItemsContainer=e=>{const{children:t,loader:n="Loading..."}=e;const{order:o,addResourceToInclude:i,include:r,orderId:s,getOrder:m}=useContext(OrderContext);const d=useContext(CommerceLayerContext);const[a,p]=useReducer(lineItemReducer,lineItemInitialState);useEffect((()=>{if(!(r===null||r===void 0?void 0:r.includes("line_items.line_item_options.sku_option"))){i({newResource:"line_items.line_item_options.sku_option"})}if(!isEmpty(o)&&(o===null||o===void 0?void 0:o.line_items)){p({type:"setLineItems",payload:{lineItems:o.line_items}})}return()=>{if(isEmpty(o)){p({type:"setLineItems",payload:{lineItems:[]}})}}}),[o]);const c=Object.assign(Object.assign({},a),{loader:n,updateLineItem:(e,t=1)=>updateLineItem({lineItemId:e,quantity:t,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors}),deleteLineItem:e=>deleteLineItem({lineItemId:e,dispatch:p,config:d,getOrder:m,orderId:s,errors:a.errors})});return _jsx(LineItemContext.Provider,Object.assign({value:c},{children:a.loading?n:t}),void 0)};LineItemsContainer.propTypes=propTypes;LineItemsContainer.defaultProps=defaultProps;LineItemsContainer.displayName=displayName;export default LineItemsContainer;

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

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

package/lib/esm/components/LineItemsCount.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 getLineItemsCount from"../utils/getLineItemsCount";import{isEmpty}from"lodash";import LineItemContext from"../context/LineItemContext";import components from"../config/components";const propTypes=components.LineItemsCount.propTypes;const displayName=components.LineItemsCount.displayName;const LineItemsCount=t=>{const{children:e}=t,n=__rest(t,["children"]);const{lineItems:s}=useContext(LineItemContext);const[o,i]=useState(0);useEffect((()=>{if(!isEmpty(s)){const t=getLineItemsCount(s||[]);i(t)}return()=>{i(0)}}),[s]);const m=Object.assign({quantity:o},n);return e?_jsx(Parent,Object.assign({},m,{children:e}),void 0):_jsx("span",Object.assign({},n,{children:o}),void 0)};LineItemsCount.propTypes=propTypes;LineItemsCount.displayName=displayName;export default LineItemsCount;

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

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

package/lib/esm/components/MetadataInput.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import BaseInput from"./utils/BaseInput";import components from"../config/components";const propTypes=components.MetadataInput.propTypes;const displayName=components.MetadataInput.displayName;const MetadataInput=t=>_jsx(BaseInput,Object.assign({"data-metadata":true},t),void 0);MetadataInput.propTypes=propTypes;MetadataInput.displayName=displayName;export default MetadataInput;

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

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

package/lib/esm/components/OrderContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import orderReducer,{createOrder,getApiOrder,setOrderErrors,setOrder,orderInitialState}from"../reducers/OrderReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import OrderContext,{defaultOrderContext}from"../context/OrderContext";import{unsetOrderState}from"../reducers/OrderReducer";import components from"../config/components";import OrderStorageContext from"../context/OrderStorageContext";const propTypes=components.OrderContainer.propTypes;const defaultProps=components.OrderContainer.defaultProps;const displayName=components.OrderContainer.displayName;const OrderContainer=e=>{const{orderId:r,children:t,metadata:o,attributes:d}=e;const[s,a]=useReducer(orderReducer,orderInitialState);const n=useContext(CommerceLayerContext);const{persistKey:c,clearWhenPlaced:i,getLocalOrder:p,setLocalOrder:O,deleteLocalOrder:u}=useContext(OrderStorageContext);useEffect((()=>{if(n.accessToken){const e=c?p(c):r;if(e){a({type:"setOrderId",payload:{orderId:e}});if(!s.order){getApiOrder({id:e,dispatch:a,config:n,persistKey:c,clearWhenPlaced:i,deleteLocalOrder:u,state:s})}}}return()=>unsetOrderState(a)}),[n.accessToken,r]);const C=useMemo((()=>Object.assign(Object.assign({},s),{setOrder:e=>setOrder(e,a),getOrder:e=>getApiOrder({id:e,dispatch:a,config:n,state:s}),setOrderErrors:e=>setOrderErrors({dispatch:a,errors:e}),createOrder:async()=>await createOrder({persistKey:c,dispatch:a,config:n,state:s,orderMetadata:o,orderAttributes:d}),addToCart:e=>defaultOrderContext["addToCart"](Object.assign(Object.assign({},e),{persistKey:c,dispatch:a,state:s,config:n,errors:s.errors,orderMetadata:o||{},orderAttributes:d,setLocalOrder:O})),saveAddressToCustomerAddressBook:e=>defaultOrderContext["saveAddressToCustomerAddressBook"](Object.assign(Object.assign({},e),{dispatch:a})),setGiftCardOrCouponCode:({code:e})=>defaultOrderContext["setGiftCardOrCouponCode"]({code:e,dispatch:a,order:s.order,config:n}),removeGiftCardOrCouponCode:({codeType:e})=>defaultOrderContext["removeGiftCardOrCouponCode"]({codeType:e,dispatch:a,order:s.order,config:n}),addResourceToInclude:e=>defaultOrderContext["addResourceToInclude"](Object.assign(Object.assign({},e),{dispatch:a,resourcesIncluded:s.include})),updateOrder:async e=>await defaultOrderContext["updateOrder"](Object.assign(Object.assign({},e),{dispatch:a,config:n,include:s.include}))})),[s]);return _jsx(OrderContext.Provider,Object.assign({value:C},{children:t}),void 0)};OrderContainer.propTypes=propTypes;OrderContainer.defaultProps=defaultProps;OrderContainer.displayName=displayName;export default OrderContainer;

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

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

package/lib/esm/components/OrderNumber.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import components from"../config/components";import BaseField from"./utils/BaseField";const propTypes=components.OrderNumber.propTypes;const displayName=components.OrderNumber.displayName;const OrderNumber=e=>_jsx(BaseField,Object.assign({attribute:"number"},e),void 0);OrderNumber.propTypes=propTypes;OrderNumber.displayName=displayName;export default OrderNumber;

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

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

package/lib/esm/components/OrderStorage.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderStorageContext from"../context/OrderStorageContext";import components from"../config/components";import{getLocalOrder,setLocalOrder,deleteLocalOrder}from"../utils/localStorage";const propTypes=components.OrderStorage.propTypes;const displayName=components.OrderStorage.displayName;const OrderStorage=e=>{const{children:r,clearWhenPlaced:o=true}=e,t=__rest(e,["children","clearWhenPlaced"]);return _jsx(OrderStorageContext.Provider,Object.assign({value:Object.assign(Object.assign({},t),{setLocalOrder:setLocalOrder,getLocalOrder:getLocalOrder,deleteLocalOrder:deleteLocalOrder,clearWhenPlaced:o})},{children:r}),void 0)};OrderStorage.propTypes=propTypes;OrderStorage.displayName=displayName;export default OrderStorage;

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

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

package/lib/esm/components/PaymentGateway.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import OrderContext from"../context/OrderContext";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import PaymentMethodContext from"../context/PaymentMethodContext";import getPaypalConfig from"../utils/paypalPayment";import{useContext,useEffect,useState}from"react";import getLoaderComponent from"../utils/getLoaderComponent";import AdyenGateway from"./gateways/AdyenGateway";import StripeGateway from"./gateways/StripeGateway";import BraintreeGateway from"./gateways/BraintreeGateway";import PaypalGateway from"./gateways/PaypalGateway";import WireTransferGateway from"./gateways/WireTransferGateway";import CustomerContext from"../context/CustomerContext";const PaymentGateway=e=>{var t;var{readonly:a,showCard:o,handleEditClick:r,children:n,templateCustomerCards:s,templateCustomerSaveToWallet:i,onClickCustomerCards:m,show:d,loader:y="Loading..."}=e,l=__rest(e,["readonly","showCard","handleEditClick","children","templateCustomerCards","templateCustomerSaveToWallet","onClickCustomerCards","show","loader"]);const p=getLoaderComponent(y);const[c,C]=useState(true);const{payment:u}=useContext(PaymentMethodChildrenContext);const{order:h}=useContext(OrderContext);const{getCustomerPaymentSources:f}=useContext(CustomerContext);const{currentPaymentMethodId:w,config:x,paymentSource:_,currentPaymentMethodType:v,setPaymentSource:g}=useContext(PaymentMethodContext);const P=a?v:u===null||u===void 0?void 0:u.payment_source_type;useEffect((()=>{var e;if((u===null||u===void 0?void 0:u.id)===w&&P&&((e=h===null||h===void 0?void 0:h.payment_method)===null||e===void 0?void 0:e.payment_source_type)===P){const e=x&&P==="paypal_payments"?getPaypalConfig(P,x):{};if(!_||_.type!==P){g({paymentResource:P,order:h,attributes:e});f&&f()}C(false)}return()=>{C(true)}}),[(t=h===null||h===void 0?void 0:h.payment_method)===null||t===void 0?void 0:t.payment_source_type,d,_]);const G=Object.assign({readonly:a,showCard:o,handleEditClick:r,children:n,templateCustomerCards:s,show:d,loading:c,onClickCustomerCards:m,loaderComponent:p,templateCustomerSaveToWallet:i},l);switch(P){case"stripe_payments":return _jsx(StripeGateway,Object.assign({},G,{children:n}),void 0);case"adyen_payments":return _jsx(AdyenGateway,Object.assign({},G,{children:n}),void 0);case"braintree_payments":return _jsx(BraintreeGateway,Object.assign({},G,{children:n}),void 0);case"wire_transfers":return _jsx(WireTransferGateway,Object.assign({},G,{children:n}),void 0);case"paypal_payments":return _jsx(PaypalGateway,Object.assign({},G,{children:n}),void 0);default:return null}};export default PaymentGateway;

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

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

package/lib/esm/components/PaymentMethod.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext,useState,useEffect}from"react";import PaymentMethodContext from"../context/PaymentMethodContext";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import components from"../config/components";import getLoaderComponent from"../utils/getLoaderComponent";const propTypes=components.PaymentMethod.propTypes;const displayName=components.PaymentMethod.displayName;const PaymentMethod=e=>{var{children:t,className:o,activeClass:n,loader:a="Loading...",clickableContainer:s,onClick:r}=e,i=__rest(e,["children","className","activeClass","loader","clickableContainer","onClick"]);const[d,m]=useState(true);const[c,l]=useState("");const{paymentMethods:p,currentPaymentMethodId:y,setPaymentMethod:h,setLoading:u}=useContext(PaymentMethodContext);useEffect((()=>{if(p)m(false);if(y)l(y);return()=>{m(true)}}),[p,y]);const C=p&&p.map(((e,a)=>{const d=y===(e===null||e===void 0?void 0:e.id);const m={payment:e,clickableContainer:s,paymentSelected:c,setPaymentSelected:l};const p=!s?undefined:async t=>{t.stopPropagation();u({loading:true});l(e.id);const o=e===null||e===void 0?void 0:e.payment_source_type;const n=e===null||e===void 0?void 0:e.id;await h({paymentResource:o,paymentMethodId:n});r&&r(e);u({loading:false})};return _jsx("div",Object.assign({className:`${o} ${d?n:""}`,onClick:p},i,{children:_jsx(PaymentMethodChildrenContext.Provider,Object.assign({value:m},{children:t}),void 0)}),a)}));return!d?_jsx(Fragment,{children:C},void 0):getLoaderComponent(a)};PaymentMethod.propTypes=propTypes;PaymentMethod.displayName=displayName;export default PaymentMethod;

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

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

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

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

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

package/lib/esm/components/PaymentMethodName.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.PaymentMethodName.propTypes;const displayName=components.PaymentMethodName.displayName;const PaymentMethodName=e=>{const{payment:t}=useContext(PaymentMethodChildrenContext);const o=t===null||t===void 0?void 0:t["name"];const n=t===null||t===void 0?void 0:t.payment_source_type;const m=Object.assign({htmlFor:n,labelName:o},e);return e.children?_jsx(Parent,Object.assign({},m,{children:e.children}),void 0):_jsx("label",Object.assign({htmlFor:n},e,{children:o}),void 0)};PaymentMethodName.propTypes=propTypes;PaymentMethodName.displayName=displayName;export default PaymentMethodName;

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

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

package/lib/esm/components/PaymentMethodPrice.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 PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.PaymentMethodPrice.propTypes;const displayName=components.PaymentMethodPrice.displayName;const PaymentMethodPrice=e=>{const{format:t="formatted",type:o="amount",labelFree:n="Free"}=e,r=__rest(e,["format","type","labelFree"]);const{payment:s}=useContext(PaymentMethodChildrenContext);const[a,m]=useState("");const[i,c]=useState(0);useEffect((()=>{if(s){const e=getAmount({base:"price",type:o,format:t,obj:s});m(e);const n=getAmount({base:"price",type:o,format:"cents",obj:s});c(n)}return()=>{m("");c(0)}}),[s]);const p=Object.assign({labelFree:n,price:a,priceCents:i},r);return e.children?_jsx(Parent,Object.assign({},p,{children:e.children}),void 0):_jsx("span",Object.assign({},r,{children:i===0?n:a}),void 0)};PaymentMethodPrice.propTypes=propTypes;PaymentMethodPrice.displayName=displayName;export default PaymentMethodPrice;

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

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

package/lib/esm/components/PaymentMethodRadioButton.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";import PaymentMethodContext from"../context/PaymentMethodContext";import OrderContext from"../context/OrderContext";const propTypes=components.PaymentMethodRadioButton.propTypes;const displayName=components.PaymentMethodRadioButton.displayName;const PaymentMethodRadioButton=t=>{const{onChange:e}=t,o=__rest(t,["onChange"]);const{payment:n,paymentSelected:a,setPaymentSelected:d,clickableContainer:i}=useContext(PaymentMethodChildrenContext);const{order:s}=useContext(OrderContext);const{setPaymentMethod:r,setLoading:m}=useContext(PaymentMethodContext);const c=(s===null||s===void 0?void 0:s.id)||"";const p=n===null||n===void 0?void 0:n.payment_source_type;const y=n===null||n===void 0?void 0:n.id;const l=`payment-${c}`;const h=a===(n===null||n===void 0?void 0:n.id);const u=async t=>{t.stopPropagation();d&&d(y);m({loading:true});!i&&await r({paymentResource:p,paymentMethodId:y});e&&e(n);m({loading:false})};const x=n===null||n===void 0?void 0:n.payment_source_type;const C=Object.assign({handleOnChange:u,checked:h,id:x,name:l},t);return t.children?_jsx(Parent,Object.assign({},C,{children:t.children}),void 0):_jsx("input",Object.assign({type:"radio",id:x,onChange:u,checked:h},o),void 0)};PaymentMethodRadioButton.propTypes=propTypes;PaymentMethodRadioButton.displayName=displayName;export default PaymentMethodRadioButton;

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

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

package/lib/esm/components/PaymentMethodsContainer.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import PaymentMethodContext,{defaultPaymentMethodContext}from"../context/PaymentMethodContext";import{useContext,useEffect,useReducer,useMemo}from"react";import paymentMethodReducer,{paymentMethodInitialState,getPaymentMethods,setPaymentMethodConfig}from"../reducers/PaymentMethodReducer";import OrderContext from"../context/OrderContext";import CommerceLayerContext from"../context/CommerceLayerContext";import components from"../config/components";import{isEmpty}from"lodash";import{setPaymentRef}from"../reducers/PaymentMethodReducer";const propTypes=components.PaymentMethodsContainer.propTypes;const displayName=components.PaymentMethodsContainer.displayName;const PaymentMethodsContainer=e=>{const{children:t,config:o}=e;const[n,a]=useReducer(paymentMethodReducer,paymentMethodInitialState);const{order:s,getOrder:r,setOrderErrors:d,include:m,addResourceToInclude:c,updateOrder:i}=useContext(OrderContext);const y=useContext(CommerceLayerContext);useEffect((()=>{if(!(m===null||m===void 0?void 0:m.includes("available_payment_methods"))){c({newResource:["available_payment_methods","payment_source","payment_method"]})}if(o&&isEmpty(n.config))setPaymentMethodConfig(o,a);if(y&&s&&!n.paymentMethods){getPaymentMethods({order:s,dispatch:a})}if(y&&(s===null||s===void 0?void 0:s.payment_source)){a({type:"setPaymentSource",payload:{paymentSource:s===null||s===void 0?void 0:s.payment_source}})}}),[s,y]);const p=useMemo((()=>Object.assign(Object.assign({},n),{setLoading:({loading:e})=>defaultPaymentMethodContext["setLoading"]({loading:e,dispatch:a}),setPaymentRef:({ref:e})=>setPaymentRef({ref:e,dispatch:a}),setPaymentMethodErrors:e=>defaultPaymentMethodContext["setPaymentMethodErrors"](e,a),setPaymentMethod:async e=>await defaultPaymentMethodContext["setPaymentMethod"](Object.assign(Object.assign({},e),{config:y,updateOrder:i,order:s,dispatch:a,setOrderErrors:d})),setPaymentSource:async e=>defaultPaymentMethodContext["setPaymentSource"](Object.assign(Object.assign(Object.assign({},n),e),{config:y,dispatch:a,getOrder:r,updateOrder:i,order:s})),updatePaymentSource:async e=>defaultPaymentMethodContext["updatePaymentSource"](Object.assign(Object.assign({},e),{config:y,dispatch:a})),destroyPaymentSource:async e=>defaultPaymentMethodContext["destroyPaymentSource"](Object.assign(Object.assign({},e),{dispatch:a,config:y}))})),[n]);return _jsx(PaymentMethodContext.Provider,Object.assign({value:p},{children:t}),void 0)};PaymentMethodsContainer.propTypes=propTypes;PaymentMethodsContainer.displayName=displayName;export default PaymentMethodsContainer;