@commercelayer/react-components 3.14.1 → 4.0.0-alpha.1

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

@@ -0,0 +1,26 @@
+import { 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'];
+export declare function PaymentSource(props: PaymentSourceProps): JSX.Element;
+export declare namespace PaymentSource {
+    var propTypes: {
+        children: import("prop-types").Requireable<ReactNode | (() => ReactNode)>;
+        readonly: import("prop-types").Requireable<boolean>;
+    };
+    var displayName: string;
+}
+export default PaymentSource;

package/lib/cjs/components/PaymentSource.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSource=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../context/PaymentMethodChildrenContext")),components_1=tslib_1.__importDefault(require("../config/components")),PaymentMethodContext_1=tslib_1.__importDefault(require("../context/PaymentMethodContext")),CustomerContext_1=tslib_1.__importDefault(require("../context/CustomerContext")),PaymentGateway_1=tslib_1.__importDefault(require("./PaymentGateway")),getCardDetails_1=tslib_1.__importDefault(require("../utils/getCardDetails")),OrderContext_1=tslib_1.__importDefault(require("../context/OrderContext")),propTypes=components_1.default.PaymentSource.propTypes,displayName=components_1.default.PaymentSource.displayName;function PaymentSource(props){const{readonly}=props,{payment}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{payments}=(0,react_1.useContext)(CustomerContext_1.default),{currentPaymentMethodId,paymentSource,destroyPaymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),[show,setShow]=(0,react_1.useState)(!1),[showCard,setShowCard]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>(readonly?(setShow(!0),setShowCard(!0)):payment?.id===currentPaymentMethodId?(setShow(!0),(0,getCardDetails_1.default)({paymentType:payment?.payment_source_type,customerPayment:{payment_source:paymentSource}}).brand&&setShowCard(!0)):setShow(!1),()=>{setShow(!1),setShowCard(!1)}),[currentPaymentMethodId,paymentSource,payments,payment,readonly,order]);const gatewayProps={...props,show,showCard,handleEditClick:async e=>{if(e.stopPropagation(),paymentSource){const paymentSourceId=paymentSource?.id;await destroyPaymentSource({paymentSourceId,paymentResource:payment?.payment_source_type})}setShowCard(!showCard),setShow(!0)},readonly};return(0,jsx_runtime_1.jsx)(PaymentGateway_1.default,{...gatewayProps})}exports.PaymentSource=PaymentSource,PaymentSource.propTypes=propTypes,PaymentSource.displayName=displayName,exports.default=PaymentSource;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { IconBrand } from '../context/PaymentSourceContext';
+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'];
+export declare function PaymentSourceBrandIcon({ src, width, children, ...p }: Props): JSX.Element;
+export declare namespace PaymentSourceBrandIcon {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        width: import("prop-types").Requireable<number>;
+        height: import("prop-types").Requireable<number>;
+        src: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+    };
+    var displayName: string;
+}
+export default PaymentSourceBrandIcon;

package/lib/cjs/components/PaymentSourceBrandIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceBrandIcon=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentSourceContext_1=tslib_1.__importDefault(require("../context/PaymentSourceContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),propTypes=components_1.default.PaymentSourceBrandIcon.propTypes,displayName=components_1.default.PaymentSourceBrandIcon.displayName;function PaymentSourceBrandIcon({src,width=32,children,...p}){const{brand}=(0,react_1.useContext)(PaymentSourceContext_1.default),ref=(0,react_1.useRef)(null),defaultSrc="//data.commercelayer.app/assets/images/icons/credit-cards/color/credit-card.svg",url=src||`//data.commercelayer.app/assets/images/icons/credit-cards/color/${brand}.svg`,handleError=()=>{ref.current&&(ref.current.src=defaultSrc)},parentProps={brand,defaultSrc,url,width,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("img",{ref,src:url,onError:handleError,width,...p})}exports.PaymentSourceBrandIcon=PaymentSourceBrandIcon,PaymentSourceBrandIcon.propTypes=propTypes,PaymentSourceBrandIcon.displayName=displayName,exports.default=PaymentSourceBrandIcon;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { IconBrand } from '../context/PaymentSourceContext';
+import { FunctionChildren } from '../typings/index';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    brand: IconBrand;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    label?: string;
+} & JSX.IntrinsicElements['span'];
+export declare function PaymentSourceBrandName({ children, label, ...props }: Props): JSX.Element;
+export declare namespace PaymentSourceBrandName {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        label: import("prop-types").Requireable<string>;
+    };
+    var displayName: string;
+}
+export default PaymentSourceBrandName;

package/lib/cjs/components/PaymentSourceBrandName.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceBrandName=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentSourceContext_1=tslib_1.__importDefault(require("../context/PaymentSourceContext")),lodash_1=require("lodash"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),propTypes=components_1.default.PaymentSourceBrandName.propTypes,displayName=components_1.default.PaymentSourceBrandName.displayName;function PaymentSourceBrandName({children,label,...props}){const{brand}=(0,react_1.useContext)(PaymentSourceContext_1.default),brandName=brand&&(0,lodash_1.capitalize)(brand.replace("-"," ")),parentProps={brand:brandName,label,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("span",{...props,children:label||(0,lodash_1.capitalize)(brandName)})}exports.PaymentSourceBrandName=PaymentSourceBrandName,PaymentSourceBrandName.propTypes=propTypes,PaymentSourceBrandName.displayName=displayName,exports.default=PaymentSourceBrandName;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FunctionChildren } from '../typings/index';
+export declare type PaymentSourceDetailType = 'last4' | 'exp_year' | 'exp_month';
+declare type CustomComponent = FunctionChildren<Omit<Props & {
+    text: string;
+}, 'children'>>;
+declare type Props = {
+    children?: CustomComponent;
+    type: PaymentSourceDetailType;
+} & JSX.IntrinsicElements['span'];
+export declare function PaymentSourceDetail({ type, children, ...p }: Props): JSX.Element;
+export declare namespace PaymentSourceDetail {
+    var propTypes: {
+        type: import("prop-types").Validator<PaymentSourceDetailType>;
+    };
+    var displayName: string;
+}
+export default PaymentSourceDetail;

package/lib/cjs/components/PaymentSourceDetail.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceDetail=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../config/components")),PaymentSourceContext_1=tslib_1.__importDefault(require("../context/PaymentSourceContext")),lodash_1=require("lodash"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),propTypes=components_1.default.PaymentSourceDetail.propTypes,displayName=components_1.default.PaymentSourceDetail.displayName;function PaymentSourceDetail({type,children,...p}){const card=(0,react_1.useContext)(PaymentSourceContext_1.default),text=(0,lodash_1.has)(card,type)?card[type]:type==="last4"?"****":"**",parentProps={type,text,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("span",{...p,children:text})}exports.PaymentSourceDetail=PaymentSourceDetail,PaymentSourceDetail.propTypes=propTypes,PaymentSourceDetail.displayName=displayName,exports.default=PaymentSourceDetail;

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

@@ -0,0 +1,16 @@
+import { 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'>;
+export declare function PaymentSourceEditButton({ children, label, ...props }: Props): JSX.Element | null;
+export declare namespace PaymentSourceEditButton {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        label: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+    };
+    var displayName: string;
+}
+export default PaymentSourceEditButton;

package/lib/cjs/components/PaymentSourceEditButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaymentSourceEditButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentSourceContext_1=tslib_1.__importDefault(require("../context/PaymentSourceContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),displayName=components_1.default.PaymentSourceEditButton.displayName,propTypes=components_1.default.PaymentSourceEditButton.propTypes;function PaymentSourceEditButton({children,label="Edit",...props}){const{showCard,handleEditClick,readonly}=(0,react_1.useContext)(PaymentSourceContext_1.default),parentProps={showCard,label,handleEditClick,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):readonly?null:(0,jsx_runtime_1.jsx)("button",{...props,onClick:handleEditClick,children:label})}exports.PaymentSourceEditButton=PaymentSourceEditButton,PaymentSourceEditButton.propTypes=propTypes,PaymentSourceEditButton.displayName=displayName,exports.default=PaymentSourceEditButton;

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

@@ -0,0 +1,12 @@
+import { 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'];
+export declare function PaypalPayment({ infoMessage, ...p }: Props): JSX.Element;
+export default PaypalPayment;

package/lib/cjs/components/PaypalPayment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PaypalPayment=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PaymentMethodContext_1=tslib_1.__importDefault(require("../context/PaymentMethodContext")),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction")),react_1=require("react"),defaultMessage="by placing the order, you will be redirected to the PayPal website to sign in and authorize the payment";function PaypalPayment({infoMessage,...p}){const ref=(0,react_1.useRef)(null),{setPaymentSource,paymentSource,currentPaymentMethodType,setPaymentRef}=(0,react_1.useContext)(PaymentMethodContext_1.default);(0,react_1.useEffect)(()=>(ref.current&&paymentSource&&currentPaymentMethodType&&paymentSource?.approval_url&&(ref.current.onsubmit=()=>handleClick(),setPaymentRef({ref})),()=>{setPaymentRef({ref:{current:null}})}),[ref,paymentSource,currentPaymentMethodType]);const handleClick=async()=>{if(paymentSource&&currentPaymentMethodType)try{return await setPaymentSource({paymentSourceId:paymentSource.id,paymentResource:currentPaymentMethodType,attributes:{metadata:{card:{id:paymentSource.id,brand:"paypal",last4:""}}}}),!0}catch{return!1}return!1};return(0,jsx_runtime_1.jsx)("form",{ref,children:(0,jsx_runtime_1.jsx)("div",{...p,children:(0,jsx_runtime_1.jsx)("span",{className:infoMessage?.className,children:(0,isFunction_1.default)(infoMessage?.text)?infoMessage?.text():infoMessage?.text||defaultMessage})})})}exports.PaypalPayment=PaypalPayment,exports.default=PaypalPayment;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { Price as PriceType } from '@commercelayer/sdk';
+import { FunctionChildren, LoaderType } from '../typings/index';
+declare type PriceChildrenProps = FunctionChildren<{
+    loading: boolean;
+    loader: LoaderType;
+    prices: PriceType[];
+} & Omit<PriceProps, 'children'>>;
+export declare type PriceProps = Partial<JSX.IntrinsicElements['span']> & {
+    children?: PriceChildrenProps;
+    compareClassName?: string;
+    showCompare?: boolean;
+    skuCode?: string;
+};
+export declare function Price(props: PriceProps): JSX.Element;
+export declare namespace Price {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        compareClassName: import("prop-types").Requireable<string>;
+        skuCode: import("prop-types").Requireable<string>;
+        showCompare: import("prop-types").Requireable<boolean>;
+    };
+    var defaultProps: {
+        skuCode: string;
+    };
+    var displayName: string;
+}
+export default Price;

package/lib/cjs/components/Price.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Price=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),lodash_1=require("lodash"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),PricesContext_1=tslib_1.__importDefault(require("../context/PricesContext")),getPrices_1=require("../utils/getPrices"),components_1=tslib_1.__importDefault(require("../config/components")),SkuChildrenContext_1=tslib_1.__importDefault(require("../context/SkuChildrenContext")),propTypes=components_1.default.Price.propTypes,defaultProps=components_1.default.Price.defaultProps,displayName=components_1.default.Price.displayName;function Price(props){const{children,skuCode=""}=props,{prices,skuCode:pricesSkuCode,loading,skuCodes,setSkuCodes,loader}=(0,react_1.useContext)(PricesContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),[skuPrices,setSkuPrices]=(0,react_1.useState)([]),sCode=pricesSkuCode||skuCode||sku?.code;(0,react_1.useEffect)(()=>(!(0,lodash_1.isEmpty)(prices)&&(0,lodash_1.has)(prices,`${sCode}`)?setSkuPrices(prices[sCode]):sCode&&(0,lodash_1.indexOf)(skuCodes,sCode)===-1&&(skuCodes.push(sCode),setSkuCodes&&setSkuCodes(skuCodes)),()=>{setSkuPrices([])}),[prices,sCode]);const parentProps={loading,loader,prices:skuPrices,...props},pricesComponent=(0,lodash_1.isEmpty)(prices)||(0,lodash_1.isEmpty)(skuPrices)?null:(0,getPrices_1.getPricesComponent)(skuPrices,props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:loading||(0,lodash_1.isEmpty)(pricesComponent)?loader:pricesComponent})}exports.Price=Price,Price.propTypes=propTypes,Price.defaultProps=defaultProps,Price.displayName=displayName,exports.default=Price;

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { LoaderType } from '../typings/index';
+declare type Props = {
+    children: ReactNode;
+    filters?: object;
+    loader?: LoaderType;
+    perPage?: number;
+    skuCode?: string;
+};
+export declare function PricesContainer(props: Props): JSX.Element;
+export declare namespace PricesContainer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        skuCode: import("prop-types").Requireable<string>;
+        loader: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+        perPage: import("prop-types").Requireable<number>;
+        filters: import("prop-types").Requireable<object>;
+    };
+    var defaultProps: {
+        perPage: number;
+        filters: {};
+        loader: string;
+        skuCode: string;
+    };
+    var displayName: string;
+}
+export default PricesContainer;

package/lib/cjs/components/PricesContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PricesContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getPrices_1=tslib_1.__importDefault(require("../utils/getPrices")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),has_1=tslib_1.__importDefault(require("lodash/has")),indexOf_1=tslib_1.__importDefault(require("lodash/indexOf")),CommerceLayerContext_1=tslib_1.__importDefault(require("../context/CommerceLayerContext")),PriceReducer_1=tslib_1.__importStar(require("../reducers/PriceReducer")),PriceReducer_2=require("../reducers/PriceReducer"),PricesContext_1=tslib_1.__importDefault(require("../context/PricesContext")),getCurrentItemKey_1=tslib_1.__importDefault(require("../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../context/ItemContext")),components_1=tslib_1.__importDefault(require("../config/components")),SkuContext_1=tslib_1.__importDefault(require("../context/SkuContext")),propTypes=components_1.default.PricesContainer.propTypes,defaultProps=components_1.default.PricesContainer.defaultProps,displayName=components_1.default.PricesContainer.displayName;function PricesContainer(props){const{children,skuCode="",loader="Loading...",perPage=10,filters={}}=props,[state,dispatch]=(0,react_1.useReducer)(PriceReducer_1.default,PriceReducer_2.priceInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{skuCodes}=(0,react_1.useContext)(SkuContext_1.default),{setPrices,prices,items,item:currentItem,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default);(0,indexOf_1.default)(state.skuCodes,skuCode)===-1&&skuCode&&state.skuCodes.push(skuCode);const sCode=skuCodes&&skuCodes?.length>0?"":skuCode||(0,getCurrentItemKey_1.default)(currentItem)||itemSkuCode||"",setSkuCodes=skuCodes2=>{dispatch({type:"setSkuCodes",payload:{skuCodes:skuCodes2}})};(0,react_1.useEffect)(()=>{if(state.skuCodes.length===0&&skuCodes&&skuCodes.length>0&&setSkuCodes(skuCodes),currentItem&&(0,has_1.default)(prices,sCode)&&dispatch({type:"setPrices",payload:{prices}}),!(0,isEmpty_1.default)(items)&&(0,isEmpty_1.default)(currentItem)){const p=(0,getPrices_1.default)(items);dispatch({type:"setPrices",payload:{prices:p}})}return config.accessToken&&!(0,has_1.default)(prices,itemSkuCode||sCode)&&(state.skuCodes.length>0||itemSkuCode||sCode)&&(0,PriceReducer_2.getSkusPrice)(sCode&&[itemSkuCode||sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),config.accessToken&&(0,isEmpty_1.default)(currentItem)&&(state.skuCodes.length>0||skuCode)&&(0,PriceReducer_2.getSkusPrice)(sCode&&[sCode]||state.skuCodes,{config,dispatch,setPrices,prices,perPage,filters}),()=>{(0,isEmpty_1.default)(currentItem)&&(0,PriceReducer_1.unsetPriceState)(dispatch)}},[config.accessToken,currentItem,sCode,state.skuCodes.length,itemSkuCode]);const priceValue={...state,skuCode:sCode,loader,setSkuCodes};return(0,jsx_runtime_1.jsx)(PricesContext_1.default.Provider,{value:priceValue,children})}exports.PricesContainer=PricesContainer,PricesContainer.propTypes=propTypes,PricesContainer.defaultProps=defaultProps,PricesContainer.displayName=displayName,exports.default=PricesContainer;

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { FunctionChildren } from '../typings/index';
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+    handleChange: (event: React.MouseEvent<HTMLInputElement>) => void;
+    handleBlur: (event: React.MouseEvent<HTMLInputElement>) => void;
+}>;
+declare type Props = {
+    children?: ChildrenProps;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    value?: string;
+    skuCode?: string;
+    skuListId?: string;
+} & JSX.IntrinsicElements['input'];
+export declare function QuantitySelector(props: Props): JSX.Element;
+export declare namespace QuantitySelector {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        min: import("prop-types").Requireable<number>;
+        max: import("prop-types").Requireable<number>;
+        value: import("prop-types").Requireable<string>;
+        skuCode: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
+    };
+    var defaultProps: {
+        min: number;
+    };
+    var displayName: string;
+}
+export default QuantitySelector;

package/lib/cjs/components/QuantitySelector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.QuantitySelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),has_1=tslib_1.__importDefault(require("lodash/has")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),getCurrentItemKey_1=tslib_1.__importDefault(require("../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../context/ItemContext")),components_1=tslib_1.__importDefault(require("../config/components")),SkuListsContext_1=tslib_1.__importDefault(require("../context/SkuListsContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../context/SkuChildrenContext")),propTypes=components_1.default.QuantitySelector.propTypes,defaultProps=components_1.default.QuantitySelector.defaultProps,displayName=components_1.default.QuantitySelector.displayName;function QuantitySelector(props){const{skuCode,skuListId,children,min=1,max,...p}=props,{item,setQuantity,items,quantity,prices,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),{skuLists,listIds}=(0,react_1.useContext)(SkuListsContext_1.default),defaultVal=p?.value||min,[value,setValue]=(0,react_1.useState)(defaultVal),[disabled,setDisabled]=(0,react_1.useState)(!!p.disabled),sCode=!(0,isEmpty_1.default)(items)&&skuCode?items[skuCode]?.code:sku?.code||skuCode||(0,getCurrentItemKey_1.default)(item)||itemSkuCode,inventory=(0,isEmpty_1.default)(item)?50:item[sCode]?.inventory?.quantity,maxInv=max||inventory;(0,react_1.useEffect)(()=>{if(setValue(defaultVal),(!prices[sCode]||!sCode)&&setDisabled(!0),skuListId&&setDisabled(!1),sCode&&!quantity[sCode]){const qty=Number(defaultVal);setQuantity&&setQuantity({...quantity,[`${sCode}`]:qty}),!(0,isEmpty_1.default)(prices)&&(0,has_1.default)(prices,sCode)&&setDisabled(!1)}return()=>{setValue(defaultVal)}},[item,listIds,prices,quantity]);const handleChange=e=>{const qty=Number(e.target.value),valid=Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv);setValue(qty),!(0,isEmpty_1.default)(skuLists)&&skuListId&&valid?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(qty)}):sCode&&valid&&setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(qty)})},handleBlur=e=>{const qty=e.target.value;if(!(Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv))){const resetVal=Number(qty)<Number(min)?min:maxInv;resetVal&&setValue(resetVal),!(0,isEmpty_1.default)(skuLists)&&skuListId?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(resetVal)}):setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(resetVal)})}},parentProps={min,max:maxInv,disabled,handleChange,handleBlur,value,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("input",{type:"number",max:maxInv,min,value:value||"",disabled,onChange:handleChange,onBlur:handleBlur,...p})}exports.QuantitySelector=QuantitySelector,QuantitySelector.propTypes=propTypes,QuantitySelector.defaultProps=defaultProps,QuantitySelector.displayName=displayName,exports.default=QuantitySelector;

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'>>;
+declare type Props = {
+    children?: ChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+    addressId?: string;
+} & JSX.IntrinsicElements['button'];
+export declare function SaveAddressesButton(props: Props): JSX.Element;
+export declare namespace SaveAddressesButton {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        label: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        disabled: import("prop-types").Requireable<boolean>;
+    };
+    var defaultProps: {
+        label: string;
+    };
+    var displayName: string;
+}
+export default SaveAddressesButton;

package/lib/cjs/components/SaveAddressesButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveAddressesButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),AddressContext_1=tslib_1.__importDefault(require("../context/AddressContext")),addressesManager_1=require("../utils/addressesManager"),OrderContext_1=tslib_1.__importDefault(require("../context/OrderContext")),CustomerContext_1=tslib_1.__importDefault(require("../context/CustomerContext")),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction")),propTypes=components_1.default.SaveAddressesButton.propTypes,defaultProps=components_1.default.SaveAddressesButton.defaultProps,displayName=components_1.default.SaveAddressesButton.displayName;function SaveAddressesButton(props){const{children,label="Continue to delivery",resource,disabled=!1,addressId,onClick,...p}=props,{errors,billing_address,shipToDifferentAddress,shipping_address,saveAddresses,billingAddressId,shippingAddressId}=(0,react_1.useContext)(AddressContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{addresses,isGuest,createCustomerAddress}=(0,react_1.useContext)(CustomerContext_1.default),[forceDisable,setForceDisable]=(0,react_1.useState)(disabled),customerEmail=(isGuest===!0||typeof isGuest>"u")&&!order?.customer_email,billingDisable=(0,addressesManager_1.billingAddressController)({billing_address,errors,billingAddressId,requiresBillingInfo:order?.requires_billing_info}),shippingDisable=(0,addressesManager_1.shippingAddressController)({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId}),countryLockDisable=(0,addressesManager_1.countryLockController)({countryCodeLock:order?.shipping_country_code_lock,addresses,shipToDifferentAddress,billingAddressId,billing_address,shipping_address,shippingAddressId}),disable=disabled||customerEmail||billingDisable||shippingDisable||countryLockDisable,handleClick=()=>{if(errors&&Object.keys(errors).length===0&&!disable){if(setForceDisable(!0),order)saveAddresses();else if(createCustomerAddress&&billing_address){const address={...billing_address};addressId&&(address.id=addressId),createCustomerAddress(address)}setForceDisable(!1),onClick&&onClick()}},parentProps={...p,label,resource,handleClick,disabled:disable};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disable||forceDisable,onClick:handleClick,...p,children:(0,isFunction_1.default)(label)?label():label})}exports.SaveAddressesButton=SaveAddressesButton,SaveAddressesButton.propTypes=propTypes,SaveAddressesButton.defaultProps=defaultProps,SaveAddressesButton.displayName=displayName,exports.default=SaveAddressesButton;

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ParentProps = {
+    handleClick: () => any;
+};
+declare type ChildrenProps = FunctionChildren<Omit<Props & ParentProps, 'children'>>;
+declare type Props = {
+    children?: ChildrenProps;
+    label?: string | ReactNode;
+    onClick?: () => void;
+} & JSX.IntrinsicElements['button'];
+export declare function SaveCustomerButton(props: Props): JSX.Element;
+export declare namespace SaveCustomerButton {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        label: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    var defaultProps: {
+        label: string;
+    };
+    var displayName: string;
+}
+export default SaveCustomerButton;

package/lib/cjs/components/SaveCustomerButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveCustomerButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),lodash_1=require("lodash"),CustomerContext_1=tslib_1.__importDefault(require("../context/CustomerContext")),propTypes=components_1.default.SaveCustomerButton.propTypes,defaultProps=components_1.default.SaveCustomerButton.defaultProps,displayName=components_1.default.SaveCustomerButton.displayName;function SaveCustomerButton(props){const{children,label="Save",resource,disabled,onClick,...p}=props,{errors,saveCustomerUser,customerEmail}=(0,react_1.useContext)(CustomerContext_1.default),disable=disabled||!(0,lodash_1.isEmpty)(errors)||(0,lodash_1.isEmpty)(customerEmail),handleClick=async()=>{(0,lodash_1.isEmpty)(errors)&&!disable&&(saveCustomerUser&&await saveCustomerUser(customerEmail),onClick&&onClick())},parentProps={...p,label,resource,handleClick,disabled:disable};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disable,onClick:void 0,...p,children:label})}exports.SaveCustomerButton=SaveCustomerButton,SaveCustomerButton.propTypes=propTypes,SaveCustomerButton.defaultProps=defaultProps,SaveCustomerButton.displayName=displayName,exports.default=SaveCustomerButton;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+};
+export declare function ShippingAddressContainer(props: Props): JSX.Element;
+export declare namespace ShippingAddressContainer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+}
+export default ShippingAddressContainer;

package/lib/cjs/components/ShippingAddressContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingAddressContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShippingAddressContext_1=tslib_1.__importDefault(require("../context/ShippingAddressContext")),react_1=require("react"),ShippingAddressReducer_1=tslib_1.__importStar(require("../reducers/ShippingAddressReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../context/CommerceLayerContext")),components_1=tslib_1.__importDefault(require("../config/components")),OrderContext_1=tslib_1.__importDefault(require("../context/OrderContext")),AddressContext_1=tslib_1.__importDefault(require("../context/AddressContext")),propTypes=components_1.default.ShippingAddressContainer.propTypes;function ShippingAddressContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShippingAddressReducer_1.default,ShippingAddressReducer_1.shippingAddressInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{setCloneAddress}=(0,react_1.useContext)(AddressContext_1.default);(0,react_1.useEffect)(()=>(order&&config&&(0,ShippingAddressReducer_1.setShippingCustomerAddressId)({dispatch,order,setCloneAddress}),()=>{dispatch({type:"cleanup",payload:{}})}),[config,order]);const contextValue={...state,setShippingAddress:async(id,options)=>{await(0,ShippingAddressReducer_1.setShippingAddress)(id,{config,dispatch,order,customerAddressId:options?.customerAddressId}),setCloneAddress(id,"shipping_address")}};return(0,jsx_runtime_1.jsx)(ShippingAddressContext_1.default.Provider,{value:contextValue,children})}exports.ShippingAddressContainer=ShippingAddressContainer,ShippingAddressContainer.propTypes=propTypes,exports.default=ShippingAddressContainer;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+    reset?: boolean;
+    errorClassName?: string;
+} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
+export declare function ShippingAddressForm(props: Props): JSX.Element;
+export declare namespace ShippingAddressForm {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+}
+export default ShippingAddressForm;

package/lib/cjs/components/ShippingAddressForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingAddressForm=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=tslib_1.__importDefault(require("../context/AddressContext")),rapid_form_1=require("rapid-form"),react_1=require("react"),ShippingAddressFormContext_1=tslib_1.__importDefault(require("../context/ShippingAddressFormContext")),lodash_1=require("lodash"),components_1=tslib_1.__importDefault(require("../config/components")),OrderContext_1=tslib_1.__importDefault(require("../context/OrderContext")),localStorage_1=require("../utils/localStorage"),validateFormFields_1=require("../utils/validateFormFields"),propTypes=components_1.default.ShippingAddressForm.propTypes;function ShippingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=(0,rapid_form_1.useRapidForm)(),{setAddressErrors,setAddress,shipToDifferentAddress,isBusiness}=(0,react_1.useContext)(AddressContext_1.default),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{if(include?.includes("shipping_address")?includeLoaded?.shipping_address||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),(0,lodash_1.isEmpty)(errors)){if(!(0,lodash_1.isEmpty)(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_address");for(const name in values){const field=values[name];(0,validateFormFields_1.businessMandatoryField)(name,isBusiness)||delete values[name],(field?.value||field?.required===!1&&field?.type!=="checkbox")&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["shipping_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(values.state_code)?delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName}):formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=ref.current?.querySelector('[name="shipping_address_save_to_customer_book"]')?.checked||(0,localStorage_1.getSaveShippingAddressToAddressBook)();reset&&(!(0,lodash_1.isEmpty)(values)||!(0,lodash_1.isEmpty)(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded,isBusiness]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})},errorClassName,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return(0,jsx_runtime_1.jsx)(ShippingAddressFormContext_1.default.Provider,{value:providerValues,children:(0,jsx_runtime_1.jsx)("form",{ref,autoComplete,...p,children})})}exports.ShippingAddressForm=ShippingAddressForm,ShippingAddressForm.propTypes=propTypes,exports.default=ShippingAddressForm;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BaseAmountComponent } from '../typings/index';
+export declare function ShippingAmount(props: BaseAmountComponent): JSX.Element;
+export declare namespace ShippingAmount {
+    var propTypes: {
+        id: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<object>;
+        name: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        format: import("prop-types").Requireable<import("../typings/index").BaseFormatPrice>;
+    };
+    var displayName: string;
+}
+export default ShippingAmount;

package/lib/cjs/components/ShippingAmount.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingAmount=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseOrderPrice_1=tslib_1.__importDefault(require("./utils/BaseOrderPrice")),components_1=tslib_1.__importDefault(require("../config/components")),propTypes=components_1.default.ShippingAmount.propTypes,displayName=components_1.default.ShippingAmount.displayName;function ShippingAmount(props){return(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,{base:"amount",type:"shipping",...props})}exports.ShippingAmount=ShippingAmount,ShippingAmount.propTypes=propTypes,ShippingAmount.displayName=displayName,exports.default=ShippingAmount;

package/lib/cjs/components/SkuField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../context/SkuChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("./utils/GenericFieldComponent"));function SkuField(props){const{attribute,tagElement,children,...p}=props;return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,{resource:"skus",attribute,tagElement,context:SkuChildrenContext_1.default,...p,children})}exports.default=SkuField;

package/lib/cjs/components/Skus.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../config/components")),SkuChildrenContext_1=tslib_1.__importDefault(require("../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../context/SkuContext")),react_1=require("react");function Skus({children}){const{skus}=(0,react_1.useContext)(SkuContext_1.default),components=skus&&skus.map((sku,key)=>{const value={sku};return(0,jsx_runtime_1.jsx)(SkuChildrenContext_1.default.Provider,{value,children},key)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=Skus,Skus.propTypes=components_1.default.Skus.propTypes;

package/lib/cjs/components/SkusContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../config/components")),CommerceLayerContext_1=tslib_1.__importDefault(require("../context/CommerceLayerContext")),SkuContext_1=tslib_1.__importDefault(require("../context/SkuContext")),SkuReducer_1=tslib_1.__importStar(require("../reducers/SkuReducer")),react_1=require("react");function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=(0,react_1.useReducer)(SkuReducer_1.default,SkuReducer_1.skuInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),loadSkus=async()=>await(0,SkuReducer_1.getSku)({config,dispatch,skus,queryParams});(0,react_1.useEffect)(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=(0,react_1.useMemo)(()=>state,[state]);return(0,jsx_runtime_1.jsx)(SkuContext_1.default.Provider,{value:contextValue,children})}exports.default=SkusContainer,SkusContainer.propTypes=components_1.default.SkusContainer.propTypes;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+} & JSX.IntrinsicElements['p'];
+export declare function StockTransfer(props: Props): JSX.Element;
+export declare namespace StockTransfer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+    var displayName: string;
+}
+export default StockTransfer;

package/lib/cjs/components/StockTransfer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransfer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),components_1=tslib_1.__importDefault(require("../config/components")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../context/ShipmentChildrenContext")),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../context/StockTransferChildrenContext")),propTypes=components_1.default.StockTransfer.propTypes,displayName=components_1.default.StockTransfer.displayName;function StockTransfer(props){const{children}=props,{stockTransfers,lineItems}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),components=stockTransfers?.filter(st=>!!lineItems?.find(l=>l.sku_code!==st.sku_code)).map((stockTransfer,k)=>{const stockTransferProps={stockTransfer:stockTransfer.type==="line_items"?stockTransfer:stockTransfer?.line_item};return(0,jsx_runtime_1.jsx)(StockTransferChildrenContext_1.default.Provider,{value:stockTransferProps,children},k)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.StockTransfer=StockTransfer,StockTransfer.propTypes=propTypes,StockTransfer.displayName=displayName,exports.default=StockTransfer;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ConditionalElement } from '../typings/index';
+import { TGenericChildrenProps, TResources } from './utils/GenericFieldComponent';
+declare type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
+declare type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
+declare type Props = {
+    children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
+} & TCondition;
+export declare function StockTransferField<P extends Props>(props: P): JSX.Element;
+export default StockTransferField;

package/lib/cjs/components/StockTransferField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransferField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../context/StockTransferChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("./utils/GenericFieldComponent"));function StockTransferField(props){const{attribute,tagElement,children,...p}=props;return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,{resource:"stock_transfers",attribute,tagElement,context:StockTransferChildrenContext_1.default,...p,children})}exports.StockTransferField=StockTransferField,exports.default=StockTransferField;

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

@@ -0,0 +1,18 @@
+/// <reference types="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 Props = PaymentMethodConfig['stripePayment'] & JSX.IntrinsicElements['div'] & Partial<PaymentSourceProps['templateCustomerSaveToWallet']> & {
+    show?: boolean;
+    publishableKey: string;
+    locale?: StripeElementLocale;
+};
+export declare function StripePayment({ publishableKey, show, options, locale, ...p }: Props): JSX.Element | null;
+export default StripePayment;

package/lib/cjs/components/StripePayment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StripePayment=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),PaymentMethodContext_1=tslib_1.__importDefault(require("../context/PaymentMethodContext")),react_stripe_js_1=require("@stripe/react-stripe-js"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),OrderContext_1=tslib_1.__importDefault(require("../context/OrderContext")),localStorage_1=require("../utils/localStorage"),defaultOptions={style:{base:{fontSize:"16px",color:"#424770","::placeholder":{color:"#aab7c4"}},invalid:{color:"#9e2146"}},hidePostalCode:!0};function StripePaymentForm({options=defaultOptions,templateCustomerSaveToWallet}){const ref=(0,react_1.useRef)(null),{setPaymentSource,currentPaymentMethodType,setPaymentMethodErrors,setPaymentRef,paymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),stripe=(0,react_stripe_js_1.useStripe)(),elements=(0,react_stripe_js_1.useElements)();(0,react_1.useEffect)(()=>(ref.current&&stripe&&elements&&paymentSource&&(ref.current.onsubmit=paymentSource2=>onSubmit({event:ref.current,stripe,elements,paymentSource:paymentSource2}),setPaymentRef({ref})),()=>{setPaymentRef({ref:{current:null}})}),[ref,stripe,elements,paymentSource]);const onSubmit=async({event,stripe:stripe2,elements:elements2,paymentSource:ps})=>{if(!stripe2)return!1;const savePaymentSourceToCustomerWallet=event?.elements?.save_payment_source_to_customer_wallet?.checked;savePaymentSourceToCustomerWallet&&(0,localStorage_1.setCustomerOrderParam)("_save_payment_source_to_customer_wallet",savePaymentSourceToCustomerWallet);const cardElement=elements2&&elements2.getElement(react_stripe_js_1.CardElement);if(cardElement){const billingInfo=order?.billing_address,email=order?.customer_email,billing_details={name:billingInfo?.full_name,email,phone:billingInfo?.phone,address:{city:billingInfo?.city,country:billingInfo?.country_code,line1:billingInfo?.line_1,postal_code:billingInfo?.zip_code,state:billingInfo?.state_code}},{paymentMethod}=await stripe2.createPaymentMethod({type:"card",card:cardElement,billing_details}),clientSecret=ps?.client_secret,paymentSourceId=ps?.id;if(clientSecret){const{error,paymentIntent}=await stripe2.confirmCardPayment(clientSecret,{payment_method:{card:cardElement,billing_details}});if(error)return console.error(error),setPaymentMethodErrors([{code:"PAYMENT_INTENT_AUTHENTICATION_FAILURE",resource:"payment_methods",field:currentPaymentMethodType,message:error.message}]),!1;if(paymentIntent&&paymentMethod&&paymentSourceId&&currentPaymentMethodType)try{return await setPaymentSource({paymentSourceId,paymentResource:currentPaymentMethodType,attributes:{options:{...paymentMethod,setup_future_usage:"off_session"}}}),!0}catch{return!1}}}return!1};return(0,jsx_runtime_1.jsxs)("form",{ref,children:[(0,jsx_runtime_1.jsx)(react_stripe_js_1.CardElement,{options:{...defaultOptions,...options}}),templateCustomerSaveToWallet&&(0,jsx_runtime_1.jsx)(Parent_1.default,{name:"save_payment_source_to_customer_wallet",children:templateCustomerSaveToWallet})]})}function StripePayment({publishableKey,show,options,locale="auto",...p}){const[isLoaded,setIsLoaded]=(0,react_1.useState)(!1),[stripe,setStripe]=(0,react_1.useState)(null),{containerClassName,templateCustomerSaveToWallet,fonts=[],...divProps}=p;return(0,react_1.useEffect)(()=>{if(show&&publishableKey){const{loadStripe}=require("@stripe/stripe-js");(async()=>{const res=await loadStripe(publishableKey,{locale});setStripe(res),setIsLoaded(!0)})()}return()=>{setIsLoaded(!1)}},[show,publishableKey]),isLoaded&&stripe?(0,jsx_runtime_1.jsx)("div",{className:containerClassName,...divProps,children:(0,jsx_runtime_1.jsx)(react_stripe_js_1.Elements,{stripe,options:{fonts},children:(0,jsx_runtime_1.jsx)(StripePaymentForm,{options,templateCustomerSaveToWallet})})}):null}exports.StripePayment=StripePayment,exports.default=StripePayment;

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { FunctionChildren } from '../typings/index';
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'>>;
+declare type Props = {
+    children?: ChildrenProps;
+    label?: string | ReactNode;
+} & JSX.IntrinsicElements['button'];
+export declare function SubmitButton(props: Props): JSX.Element;
+export declare namespace SubmitButton {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        label: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+    };
+    var defaultProps: {
+        label: string;
+    };
+    var displayName: string;
+}
+export default SubmitButton;

package/lib/cjs/components/SubmitButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubmitButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction")),propTypes=components_1.default.SubmitButton.propTypes,defaultProps=components_1.default.SubmitButton.defaultProps,displayName=components_1.default.SubmitButton.displayName;function SubmitButton(props){const{children,label="Submit",...p}=props,parentProps={...p,label};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"submit",...p,children:(0,isFunction_1.default)(label)?label():label})}exports.SubmitButton=SubmitButton,SubmitButton.propTypes=propTypes,SubmitButton.defaultProps=defaultProps,SubmitButton.displayName=displayName,exports.default=SubmitButton;

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

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { VariantHandleCallback } from './utils/VariantTemplate';
+import { BaseSelectorType } from '../typings/index';
+import { FunctionChildren } from '../typings/index';
+import { VariantsObject, SetSkuCode } from '../reducers/VariantReducer';
+export interface VariantOption {
+    label: string;
+    code: string;
+    lineItem?: {
+        name: string;
+        imageUrl?: string | null;
+    } | null;
+}
+declare type ChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
+    variants: VariantsObject;
+    handleSelect: SetSkuCode;
+    loading: boolean;
+}>;
+declare type Props = {
+    children?: ChildrenProps;
+    options: VariantOption[];
+    type?: BaseSelectorType;
+    loader?: ReactNode;
+    placeholder?: string;
+    skuCode?: string;
+    handleCallback?: VariantHandleCallback;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+export declare function VariantSelector(props: Props): JSX.Element;
+export declare namespace VariantSelector {
+    var propTypes: {
+        options: import("prop-types").Validator<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            code: import("prop-types").Validator<string>;
+            lineItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+                name: import("prop-types").Validator<string>;
+                imageUrl: import("prop-types").Requireable<string>;
+            }>>;
+        }>[]>;
+        name: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        type: import("prop-types").Requireable<BaseSelectorType>;
+        loader: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
+        placeholder: import("prop-types").Requireable<string>;
+        skuCode: import("prop-types").Requireable<string>;
+    };
+    var defaultProps: {
+        placeholder: string;
+        type: BaseSelectorType;
+    };
+    var displayName: string;
+}
+export default VariantSelector;

package/lib/cjs/components/VariantSelector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VariantSelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantTemplate_1=tslib_1.__importDefault(require("./utils/VariantTemplate")),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),VariantsContext_1=tslib_1.__importDefault(require("../context/VariantsContext")),components_1=tslib_1.__importDefault(require("../config/components")),propTypes=components_1.default.VariantSelector.propTypes,defaultProps=components_1.default.VariantSelector.defaultProps,displayName=components_1.default.VariantSelector.displayName;function VariantSelector(props){const{children,type,placeholder,skuCode,name,options,...prs}=props,{setSkuCode,skuCode:variantSkuCode,loading,variants,setSkuCodes}=(0,react_1.useContext)(VariantsContext_1.default);(0,react_1.useEffect)(()=>(setSkuCodes&&setSkuCodes(options),()=>{setSkuCodes&&setSkuCodes([])}),[options]);const sCode=variantSkuCode||skuCode||"",DefaultTemplate=()=>loading?(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:props.loader||"Loading..."}):(0,jsx_runtime_1.jsx)(VariantTemplate_1.default,{variants,type,placeholder,skuCode:sCode,options,handleChange:setSkuCode,name,...prs}),parentProps={variants,loading:!!loading,handleSelect:setSkuCode,skuCode:sCode,...props};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(0,jsx_runtime_1.jsx)(DefaultTemplate,{})})}exports.VariantSelector=VariantSelector,VariantSelector.propTypes=propTypes,VariantSelector.defaultProps=defaultProps,VariantSelector.displayName=displayName,exports.default=VariantSelector;

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+declare type Props = {
+    children: ReactNode;
+    filters?: Record<string, any>;
+    skuCode?: string;
+};
+export declare function VariantsContainer(props: Props): JSX.Element;
+export declare namespace VariantsContainer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        skuCode: import("prop-types").Requireable<string>;
+        filters: import("prop-types").Requireable<object>;
+    };
+    var defaultProps: {
+        skuCode: string;
+        filters: {};
+    };
+    var displayName: string;
+}
+export default VariantsContainer;