@commercelayer/react-components 2.46.7 → 2.47.0

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

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

package/lib/cjs/components/PaypalPayment.js

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

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

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

package/lib/cjs/components/PlaceOrderButton.js

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

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

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

package/lib/cjs/components/PlaceOrderContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const PlaceOrderContext_1=(0,tslib_1.__importDefault)(require("../context/PlaceOrderContext"));const react_1=require("react");const PlaceOrderReducer_1=(0,tslib_1.__importStar)(require("../reducers/PlaceOrderReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const PlaceOrderReducer_2=require("../reducers/PlaceOrderReducer");const propTypes=components_1.default.PlaceOrderContainer.propTypes;const displayName=components_1.default.PlaceOrderContainer.displayName;const PlaceOrderContainer=e=>{const{children:r,options:t}=e;const[c,s]=(0,react_1.useReducer)(PlaceOrderReducer_1.default,PlaceOrderReducer_1.placeOrderInitialState);const{order:o,setOrderErrors:n,include:d,addResourceToInclude:i}=(0,react_1.useContext)(OrderContext_1.default);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)((()=>{if(!(d===null||d===void 0?void 0:d.includes("shipments.shipping_method"))){i({newResource:"shipments.shipping_method"})}if(!(d===null||d===void 0?void 0:d.includes("billing_address"))){i({newResource:"billing_address"})}if(!(d===null||d===void 0?void 0:d.includes("shipping_address"))){i({newResource:"shipping_address"})}if(o){(0,PlaceOrderReducer_1.placeOrderPermitted)({config:a,dispatch:s,order:o,options:Object.assign({},t)})}}),[o,d]);const l=Object.assign(Object.assign({},c),{setPlaceOrder:({paymentSource:e})=>(0,PlaceOrderReducer_2.setPlaceOrder)({config:a,order:o,state:c,setOrderErrors:n,paymentSource:e}),placeOrderPermitted:()=>(0,PlaceOrderReducer_1.placeOrderPermitted)({config:a,dispatch:s,order:o,options:Object.assign({},t)})});return(0,jsx_runtime_1.jsx)(PlaceOrderContext_1.default.Provider,Object.assign({value:l},{children:r}),void 0)};PlaceOrderContainer.propTypes=propTypes;PlaceOrderContainer.displayName=displayName;exports.default=PlaceOrderContainer;

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

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

package/lib/cjs/components/Price.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const lodash_1=require("lodash");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const PricesContext_1=(0,tslib_1.__importDefault)(require("../context/PricesContext"));const getPrices_1=require("../utils/getPrices");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.Price.propTypes;const defaultProps=components_1.default.Price.defaultProps;const displayName=components_1.default.Price.displayName;const Price=e=>{const{children:t,skuCode:s=""}=e;const{prices:r,skuCode:o,loading:i,skuCodes:c,setSkuCodes:n,loader:a}=(0,react_1.useContext)(PricesContext_1.default);const[l,u]=(0,react_1.useState)([]);const _=o||s;(0,react_1.useEffect)((()=>{if(!(0,lodash_1.isEmpty)(r)&&(0,lodash_1.has)(r,`${_}`)){u(r[_])}else{if(_&&(0,lodash_1.indexOf)(c,_)===-1){c.push(_);n&&n(c)}}return()=>{u([])}}),[r,_]);const d=Object.assign({loading:i,loader:a},e);const p=(0,lodash_1.isEmpty)(r)||(0,lodash_1.isEmpty)(l)?null:(0,getPrices_1.getPricesComponent)(l,e);return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},d,{children:t}),void 0):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:i||(0,lodash_1.isEmpty)(p)?a:p},void 0)};Price.propTypes=propTypes;Price.defaultProps=defaultProps;Price.displayName=displayName;exports.default=Price;

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

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

package/lib/cjs/components/PricesContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const getPrices_1=(0,tslib_1.__importDefault)(require("../utils/getPrices"));const lodash_1=require("lodash");const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const PriceReducer_1=(0,tslib_1.__importStar)(require("../reducers/PriceReducer"));const PriceReducer_2=require("../reducers/PriceReducer");const PricesContext_1=(0,tslib_1.__importDefault)(require("../context/PricesContext"));const getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey"));const ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.PricesContainer.propTypes;const defaultProps=components_1.default.PricesContainer.defaultProps;const displayName=components_1.default.PricesContainer.displayName;const PricesContainer=e=>{const{children:t,skuCode:s="",loader:r="Loading...",perPage:o=10,filters:i={}}=e;const[c,n]=(0,react_1.useReducer)(PriceReducer_1.default,PriceReducer_2.priceInitialState);const a=(0,react_1.useContext)(CommerceLayerContext_1.default);const{setPrices:u,prices:d,items:_,item:l,skuCode:p}=(0,react_1.useContext)(ItemContext_1.default);if((0,lodash_1.indexOf)(c.skuCodes,s)===-1&&s)c.skuCodes.push(s);const m=(0,getCurrentItemKey_1.default)(l)||s||p||"";const P=e=>{n({type:"setSkuCodes",payload:{skuCodes:e}})};(0,react_1.useEffect)((()=>{if(l&&(0,lodash_1.has)(d,m)){n({type:"setPrices",payload:{prices:d}})}if(!(0,lodash_1.isEmpty)(_)&&(0,lodash_1.isEmpty)(l)){const e=(0,getPrices_1.default)(_);n({type:"setPrices",payload:{prices:e}})}if(a.accessToken&&(0,lodash_1.isEmpty)(l)||a.accessToken&&!(0,lodash_1.has)(d,m)){if(c.skuCodes.length>0||s){(0,PriceReducer_2.getSkusPrice)(m&&[m]||c.skuCodes,{config:a,dispatch:n,setPrices:u,prices:d,perPage:o,filters:i})}}return()=>{if((0,lodash_1.isEmpty)(l)){(0,PriceReducer_1.unsetPriceState)(n)}}}),[a.accessToken,l,m]);const C=Object.assign(Object.assign({},c),{skuCode:m,loader:r,setSkuCodes:P});return(0,jsx_runtime_1.jsx)(PricesContext_1.default.Provider,Object.assign({value:C},{children:t}),void 0)};PricesContainer.propTypes=propTypes;PricesContainer.defaultProps=defaultProps;PricesContainer.displayName=displayName;exports.default=PricesContainer;

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

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

package/lib/cjs/components/PrivacyAndTermsCheckbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const PlaceOrderContext_1=(0,tslib_1.__importDefault)(require("../context/PlaceOrderContext"));const react_1=require("react");const BaseInput_1=(0,tslib_1.__importDefault)(require("./utils/BaseInput"));const propTypes=components_1.default.PrivacyAndTermsCheckbox.propTypes;const displayName=components_1.default.PrivacyAndTermsCheckbox.displayName;const PrivacyAndTermsCheckbox=e=>{const{order:t}=(0,react_1.useContext)(OrderContext_1.default);const{placeOrderPermitted:r}=(0,react_1.useContext)(PlaceOrderContext_1.default);const[o,s]=(0,react_1.useState)(true);const[c,n]=(0,react_1.useState)(false);const a="privacy-terms";const i=e=>{var t;const o=(t=e.target)===null||t===void 0?void 0:t.checked;n(o);localStorage.setItem(a,`${o}`);r&&r()};(0,react_1.useEffect)((()=>{if((t===null||t===void 0?void 0:t.privacy_url)&&(t===null||t===void 0?void 0:t.terms_url))s(false);if(!c)localStorage.setItem(a,`${c}`);return()=>{s(true);localStorage.removeItem(a)}}),[t===null||t===void 0?void 0:t.privacy_url,t===null||t===void 0?void 0:t.terms_url]);return(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({type:"checkbox",name:a,disabled:o,onChange:i,checked:c},e),void 0)};PrivacyAndTermsCheckbox.propTypes=propTypes;PrivacyAndTermsCheckbox.displayName=displayName;exports.default=PrivacyAndTermsCheckbox;

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

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

package/lib/cjs/components/QuantitySelector.js

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

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

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

package/lib/cjs/components/SaveAddressesButton.js

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

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

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

package/lib/cjs/components/SaveCustomerButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const lodash_1=require("lodash");const CustomerContext_1=(0,tslib_1.__importDefault)(require("../context/CustomerContext"));const propTypes=components_1.default.SaveCustomerButton.propTypes;const defaultProps=components_1.default.SaveCustomerButton.defaultProps;const displayName=components_1.default.SaveCustomerButton.displayName;const SaveCustomerButton=e=>{const{children:t,label:s="Save",resource:o,disabled:r,onClick:n}=e,a=(0,tslib_1.__rest)(e,["children","label","resource","disabled","onClick"]);const{errors:u,saveCustomerUser:i,customerEmail:l}=(0,react_1.useContext)(CustomerContext_1.default);const c=r||!(0,lodash_1.isEmpty)(u)||(0,lodash_1.isEmpty)(l);const d=async()=>{if((0,lodash_1.isEmpty)(u)&&!c){await i(l);n&&n()}};const p=Object.assign(Object.assign({},a),{label:s,resource:o,handleClick:d,disabled:c});return t?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},p,{children:t}),void 0):(0,jsx_runtime_1.jsx)("button",Object.assign({type:"button",disabled:c,onClick:d},a,{children:s}),void 0)};SaveCustomerButton.propTypes=propTypes;SaveCustomerButton.defaultProps=defaultProps;SaveCustomerButton.displayName=displayName;exports.default=SaveCustomerButton;

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

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

package/lib/cjs/components/Shipment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const ShipmentContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentContext"));const ShipmentChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const getLoaderComponent_1=(0,tslib_1.__importDefault)(require("../utils/getLoaderComponent"));const propTypes=components_1.default.Shipment.propTypes;const displayName=components_1.default.Shipment.displayName;const Shipment=({children:e,loader:t="Loading..."})=>{const[n,i]=(0,react_1.useState)(true);const{shipments:o,deliveryLeadTimes:s}=(0,react_1.useContext)(ShipmentContext_1.default);(0,react_1.useEffect)((()=>{if(o)i(false);return()=>{i(true)}}),[o]);const r=o&&o.map(((t,n)=>{var i;const o=t.shipment_line_items;const r=o===null||o===void 0?void 0:o.map((e=>{const t=e.line_item;if(t)t.quantity=e.quantity;return t}));const p=t.available_shipping_methods;const l=(i=t.shipping_method)===null||i===void 0?void 0:i.id;const a=t.stock_transfers;const c=s===null||s===void 0?void 0:s.filter((e=>{var n,i;return((n=e.stock_location)===null||n===void 0?void 0:n.id)===((i=t.stock_location)===null||i===void 0?void 0:i.id)}));const d={lineItems:r,shippingMethods:p,currentShippingMethodId:l,stockTransfers:a,deliveryLeadTimes:c,shipment:t,keyNumber:n+1};return(0,jsx_runtime_1.jsx)(ShipmentChildrenContext_1.default.Provider,Object.assign({value:d},{children:e}),n)}));return!n?(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:r},void 0):(0,getLoaderComponent_1.default)(t)};Shipment.propTypes=propTypes;Shipment.displayName=displayName;exports.default=Shipment;

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

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

package/lib/cjs/components/ShipmentField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const get_1=(0,tslib_1.__importDefault)(require("lodash/get"));const ShipmentChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentChildrenContext"));const propTypes=components_1.default.ShipmentField.propTypes;const displayName=components_1.default.ShipmentField.displayName;const ShipmentField=e=>{const{name:t}=e;const{shipment:n,keyNumber:i}=(0,react_1.useContext)(ShipmentChildrenContext_1.default);const s=t;const r=s!=="key_number"?(0,get_1.default)(n,s):i;const o=Object.assign({shipment:n},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},o,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},e,{children:r}),void 0)};ShipmentField.propTypes=propTypes;ShipmentField.displayName=displayName;exports.default=ShipmentField;

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

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

package/lib/cjs/components/ShipmentsContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const ShipmentContext_1=(0,tslib_1.__importStar)(require("../context/ShipmentContext"));const react_1=require("react");const ShipmentReducer_1=(0,tslib_1.__importStar)(require("../reducers/ShipmentReducer"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const lodash_1=require("lodash");const propTypes=components_1.default.ShipmentsContainer.propTypes;const displayName=components_1.default.ShipmentsContainer.displayName;const ShipmentsContainer=e=>{const{children:t}=e;const[n,i]=(0,react_1.useReducer)(ShipmentReducer_1.default,ShipmentReducer_1.shipmentInitialState);const{order:s,getOrder:r,include:o,addResourceToInclude:p}=(0,react_1.useContext)(OrderContext_1.default);const c=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)((()=>{if(!(o===null||o===void 0?void 0:o.includes("shipments.available_shipping_methods"))){p({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers","shipments.stock_location"]})}if(s&&!(0,lodash_1.isEmpty)(c)){(0,ShipmentReducer_1.getShipments)({order:s,dispatch:i,config:c})}}),[s]);const a=Object.assign(Object.assign({},n),{setShipmentErrors:e=>ShipmentContext_1.defaultShipmentContext["setShipmentErrors"](e,i),setShippingMethod:async(e,t)=>await(0,ShipmentReducer_1.setShippingMethod)({shippingMethodId:t,shipmentId:e,config:c,getOrder:r,order:s})});return(0,jsx_runtime_1.jsx)(ShipmentContext_1.default.Provider,Object.assign({value:a},{children:t}),void 0)};ShipmentsContainer.propTypes=propTypes;ShipmentsContainer.displayName=displayName;exports.default=ShipmentsContainer;

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

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

package/lib/cjs/components/ShippingAddressContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const ShippingAddressContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingAddressContext"));const react_1=require("react");const ShippingAddressReducer_1=(0,tslib_1.__importStar)(require("../reducers/ShippingAddressReducer"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext"));const propTypes=components_1.default.ShippingAddressContainer.propTypes;const ShippingAddressContainer=e=>{const{children:t}=e;const[s,r]=(0,react_1.useReducer)(ShippingAddressReducer_1.default,ShippingAddressReducer_1.shippingAddressInitialState);const d=(0,react_1.useContext)(CommerceLayerContext_1.default);const{order:n,updateOrder:i}=(0,react_1.useContext)(OrderContext_1.default);const{setCloneAddress:o}=(0,react_1.useContext)(AddressContext_1.default);(0,react_1.useEffect)((()=>{if(n&&d){(0,ShippingAddressReducer_1.setShippingCustomerAddressId)({dispatch:r,order:n,setCloneAddress:o})}return()=>{r({type:"cleanup",payload:{}})}}),[d,n]);const p=Object.assign(Object.assign({},s),{setShippingAddress:async(e,t)=>{await(0,ShippingAddressReducer_1.setShippingAddress)(e,{config:d,dispatch:r,order:n,customerAddressId:t===null||t===void 0?void 0:t.customerAddressId});o(e,"shipping_address")}});return(0,jsx_runtime_1.jsx)(ShippingAddressContext_1.default.Provider,Object.assign({value:p},{children:t}),void 0)};ShippingAddressContainer.propTypes=propTypes;exports.default=ShippingAddressContainer;

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

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

package/lib/cjs/components/ShippingAddressForm.js

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

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

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

package/lib/cjs/components/ShippingAmount.js

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

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

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

package/lib/cjs/components/ShippingMethod.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const ShippingMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingMethodChildrenContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const ShipmentChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentChildrenContext"));const isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty"));const propTypes=components_1.default.ShippingMethod.propTypes;const displayName=components_1.default.ShippingMethod.displayName;const ShippingMethod=e=>{const{children:t,readonly:i,emptyText:n=`There are not any shipping method available`}=e;const{shippingMethods:o,currentShippingMethodId:r,deliveryLeadTimes:p,shipment:s}=(0,react_1.useContext)(ShipmentChildrenContext_1.default);const[d,h]=(0,react_1.useState)([]);(0,react_1.useEffect)((()=>{const e=o&&o.filter((e=>{if(i)return e.id===r;return true})).map(((e,i)=>{const[n]=p===null||p===void 0?void 0:p.filter((t=>{var i;const n=(i=t.shipping_method)===null||i===void 0?void 0:i.id;return e.id===n}));const o={shipmentId:s===null||s===void 0?void 0:s.id,shippingMethod:e,currentShippingMethodId:r,deliveryLeadTimeForShipment:n};return(0,jsx_runtime_1.jsx)(ShippingMethodChildrenContext_1.default.Provider,Object.assign({value:o},{children:t}),i)}));if(e)h(e)}),[r,p,o]);const l=!(0,isEmpty_1.default)(d)&&d||n;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:l},void 0)};ShippingMethod.propTypes=propTypes;ShippingMethod.displayName=displayName;exports.default=ShippingMethod;

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

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

package/lib/cjs/components/ShippingMethodName.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const ShippingMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.ShippingMethodName.propTypes;const displayName=components_1.default.ShippingMethodName.displayName;const ShippingMethodName=e=>{const{shippingMethod:t,deliveryLeadTimeForShipment:i,shipmentId:n}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);const o=`shipment-${n}-${t===null||t===void 0?void 0:t.id}`||"";const s=t===null||t===void 0?void 0:t["name"];const p=Object.assign({shippingMethod:t,deliveryLeadTimeForShipment:i,label:s},e);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},p,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("label",Object.assign({htmlFor:o},e,{children:s}),void 0)};ShippingMethodName.propTypes=propTypes;ShippingMethodName.displayName=displayName;exports.default=ShippingMethodName;

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

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

package/lib/cjs/components/ShippingMethodPrice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const getAmount_1=(0,tslib_1.__importDefault)(require("../utils/getAmount"));const ShippingMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext"));const lodash_1=require("lodash");const propTypes=components_1.default.ShippingMethodPrice.propTypes;const displayName=components_1.default.ShippingMethodPrice.displayName;const ShippingMethodPrice=e=>{const{format:t="formatted",type:r="amount",base:o="price",labelFreeOver:n="Free"}=e,i=(0,tslib_1.__rest)(e,["format","type","base","labelFreeOver"]);const{shippingMethod:s}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);const{order:a}=(0,react_1.useContext)(OrderContext_1.default);const[c,p]=(0,react_1.useState)("");const[_,u]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{if(s){const e=(0,getAmount_1.default)({base:o,type:r,format:t,obj:s});p(e);const n=(0,getAmount_1.default)({base:"freeOver",type:r,format:"cents",obj:s});u(n)}return()=>{p("");u(0)}}),[s]);const l=Object.assign({price:c},i);return e.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},l,{children:e.children}),void 0):(0,jsx_runtime_1.jsx)("span",Object.assign({},i,{children:(a===null||a===void 0?void 0:a.total_amount_cents)&&(0,lodash_1.isNumber)(_)&&_<a.total_amount_cents?n:c}),void 0)};ShippingMethodPrice.propTypes=propTypes;ShippingMethodPrice.displayName=displayName;exports.default=ShippingMethodPrice;

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

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

package/lib/cjs/components/ShippingMethodRadioButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const ShippingMethodChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingMethodChildrenContext"));const Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const ShipmentContext_1=(0,tslib_1.__importDefault)(require("../context/ShipmentContext"));const propTypes=components_1.default.ShippingMethodRadioButton.propTypes;const displayName=components_1.default.ShippingMethodRadioButton.displayName;const ShippingMethodRadioButton=t=>{const{onChange:e}=t,n=(0,tslib_1.__rest)(t,["onChange"]);const{shippingMethod:i,currentShippingMethodId:o,shipmentId:s}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);const{setShippingMethod:p}=(0,react_1.useContext)(ShipmentContext_1.default);const r=i===null||i===void 0?void 0:i.id;const d=`shipment-${s}`;const a=`${d}-${r}`;const c=r===o;const h=async()=>{if(s&&r)await p(s,r);if(i&&e)e(i)};const u=Object.assign({handleOnChange:h,name:d,id:a},t);return t.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},u,{children:t.children}),void 0):(0,jsx_runtime_1.jsx)("input",Object.assign({type:"radio",name:d,id:a,onChange:h,defaultChecked:c},n),void 0)};ShippingMethodRadioButton.propTypes=propTypes;ShippingMethodRadioButton.displayName=displayName;exports.default=ShippingMethodRadioButton;

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

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

package/lib/cjs/components/SkuList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const SkuListsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuListsContext"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.SkuList.propTypes;const displayName=components_1.default.SkuList.displayName;const SkuList=t=>{const{id:e,children:s}=t;const{listIds:i}=(0,react_1.useContext)(SkuListsContext_1.default);(0,react_1.useEffect)((()=>{if(i&&!i.includes(e)){i.push(e)}}),[]);return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:s},void 0)};SkuList.propTypes=propTypes;SkuList.displayName=displayName;exports.default=SkuList;

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

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

package/lib/cjs/components/SkuListsContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const SkuListsContext_1=(0,tslib_1.__importDefault)(require("../context/SkuListsContext"));const CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext"));const SkuListsReducer_1=(0,tslib_1.__importStar)(require("../reducers/SkuListsReducer"));const components_1=(0,tslib_1.__importDefault)(require("../config/components"));const propTypes=components_1.default.SkuListsContainer.propTypes;const displayName=components_1.default.SkuListsContainer.displayName;const SkuListsContainer=e=>{const{children:t}=e;const[s,r]=(0,react_1.useReducer)(SkuListsReducer_1.default,SkuListsReducer_1.skuListsInitialState);const i=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)((()=>{if(s.listIds&&s.listIds.length>0&&i.accessToken){(0,SkuListsReducer_1.getSkuList)({listIds:s.listIds,dispatch:r,config:i,state:s})}}),[i.accessToken]);return(0,jsx_runtime_1.jsx)(SkuListsContext_1.default.Provider,Object.assign({value:s},{children:t}),void 0)};SkuListsContainer.propTypes=propTypes;SkuListsContainer.displayName=displayName;exports.default=SkuListsContainer;