@commercelayer/react-components 4.0.0-alpha.2 → 4.0.0-alpha.3

package/lib/cjs/components/utils/VariantTemplate.d.ts

@@ -1,33 +1,14 @@
-import { FunctionComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
+import { FunctionComponent } from 'react';
 import { BaseSelectorType } from '../../typings/index';
 import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-import { VariantOption } from '../VariantSelector';
-export declare const propTypes: {
-    variants: PropTypes.Validator<any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
-        label: PropTypes.Validator<string>;
-        code: PropTypes.Validator<string>;
-        lineItem: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            imageUrl: PropTypes.Requireable<string>;
-        }>>;
-    }>[]>;
-    name: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    type: PropTypes.Requireable<BaseSelectorType>;
-    loader: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    placeholder: PropTypes.Requireable<string>;
-    skuCode: PropTypes.Requireable<string>;
-};
+import { VariantOption } from '../skus/VariantSelector';
 export declare type VariantHandleCallback = (variant: VariantOption) => void;
 export declare type VariantTemplateProps = {
     variants: VariantsObject | Record<string, any>;
     handleChange?: SetSkuCode;
     options: VariantOption[];
     type?: BaseSelectorType;
-    loader?: ReactNode;
+    loader?: string | JSX.Element;
     placeholder?: string;
     skuCode?: string;
     handleCallback?: VariantHandleCallback;

package/lib/cjs/components/utils/VariantTemplate.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),prop_types_1=tslib_1.__importDefault(require("prop-types"));exports.propTypes={variants:prop_types_1.default.any.isRequired,onChange:prop_types_1.default.func,options:prop_types_1.default.arrayOf(prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,code:prop_types_1.default.string.isRequired,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}).isRequired).isRequired,name:prop_types_1.default.string,children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["select","radio"]),loader:prop_types_1.default.element,placeholder:prop_types_1.default.string,skuCode:prop_types_1.default.string};const VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback,...prs}=props,vars=Object.keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k]?.label:variants[v].name;return type==="select"?(0,jsx_runtime_1.jsx)("option",{"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code,children:label},variants[v].id):(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("input",{id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})},...prs}),label]},variants[v].id)});return type==="select"?(0,jsx_runtime_1.jsxs)("select",{id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i]?.dataset?.skuId,label=e.target[i]?.dataset?.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||"",...prs,children:[(0,jsx_runtime_1.jsx)("option",{disabled:!!skuCode,children:placeholder}),vars]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:vars})};VariantTemplate.propTypes=exports.propTypes,exports.default=VariantTemplate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback,...prs}=props,vars=Object.keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k]?.label:variants[v].name;return type==="select"?(0,jsx_runtime_1.jsx)("option",{"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code,children:label},variants[v].id):(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("input",{id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})},...prs}),label]},variants[v].id)});return type==="select"?(0,jsx_runtime_1.jsxs)("select",{id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i]?.dataset?.skuId,label=e.target[i]?.dataset?.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||"",...prs,children:[(0,jsx_runtime_1.jsx)("option",{disabled:!!skuCode,children:placeholder}),vars]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:vars})};exports.default=VariantTemplate;

package/lib/cjs/components/utils/getAllErrors.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { LineItem } from '@commercelayer/sdk';
 import { BaseError, ResourceErrorType } from '../../typings/errors';
 export declare type AllErrorsParams = {
@@ -11,7 +11,7 @@ export declare type AllErrorsParams = {
     returnHtml?: boolean;
 };
 export interface GetAllErrors {
-    <P extends AllErrorsParams>(params: P): ReactNode;
+    <P extends AllErrorsParams>(params: P): (JSX.Element | string | undefined)[];
 }
 declare const getAllErrors: GetAllErrors;
 export default getAllErrors;

package/lib/cjs/context/OrderListChildrenContext.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { Order } from '@commercelayer/sdk';
-import { ReactNode } from 'react';
 import { Row } from 'react-table';
 export declare type InitialOrderListContext = Partial<{
     /**
@@ -19,7 +19,7 @@ export declare type InitialOrderListContext = Partial<{
      */
     actionsComponent: (props: {
         order: Order;
-    }) => ReactNode;
+    }) => JSX.Element;
     /**
      * Class name to assign as custom row renderer
      */
@@ -47,7 +47,7 @@ declare const OrderListChildrenContext: import("react").Context<Partial<{
      */
     actionsComponent: (props: {
         order: Order;
-    }) => ReactNode;
+    }) => JSX.Element;
     /**
      * Class name to assign as custom row renderer
      */

package/lib/cjs/context/PlaceOrderContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { RefObject } from 'react';
 import { PlaceOrderOptions, PlaceOrderState, SetPlaceOrderErrors } from '../reducers/PlaceOrderReducer';
 import { PaymentSourceType } from '../reducers/PaymentMethodReducer';
 declare type DefaultContext = {
@@ -10,6 +10,7 @@ declare type DefaultContext = {
         placed: boolean;
     }>;
     placeOrderPermitted?: () => void;
+    setButtonRef?: (ref: RefObject<HTMLButtonElement>) => void;
 } & PlaceOrderState;
 export declare const defaultPlaceOrderContext: {
     setPlaceOrderErrors: SetPlaceOrderErrors;

package/lib/cjs/index.d.ts

@@ -6,75 +6,75 @@ export * from './components/addresses/AddressInput';
 export * from './components/addresses/AddressStateSelector';
 export * from './components/addresses/AddressesContainer';
 export * from './components/orders/AdjustmentAmount';
-export * from './components/AvailabilityContainer';
-export * from './components/AvailabilityTemplate';
-export * from './components/BillingAddressContainer';
-export * from './components/BillingAddressForm';
+export * from './components/skus/AvailabilityContainer';
+export * from './components/skus/AvailabilityTemplate';
+export * from './components/addresses/BillingAddressContainer';
+export * from './components/addresses/BillingAddressForm';
 export * from './components/orders/CartLink';
-export * from './components/CheckoutLink';
+export * from './components/orders/CheckoutLink';
 export * from './components/auth/CommerceLayer';
 export * from './components/customers/CustomerContainer';
 export * from './components/customers/CustomerField';
 export * from './components/customers/CustomerAddressForm';
 export * from './components/customers/CustomerInput';
-export * from './components/DeliveryLeadTime';
-export * from './components/DiscountAmount';
+export * from './components/skus/DeliveryLeadTime';
+export * from './components/orders/DiscountAmount';
 export * from './components/Errors';
 export * from './components/ExternalFunction';
-export * from './components/GiftCard';
+export * from './components/gift_cards/GiftCard';
 export * from './components/orders/GiftCardAmount';
-export * from './components/GiftCardContainer';
-export * from './components/GiftCardCurrencySelector';
-export * from './components/GiftCardInput';
-export * from './components/GiftCardOrCouponCode';
-export * from './components/GiftCardOrCouponForm';
-export * from './components/GiftCardOrCouponInput';
-export * from './components/GiftCardOrCouponRemoveButton';
-export * from './components/GiftCardOrCouponSubmit';
-export * from './components/ItemContainer';
-export * from './components/LineItem';
-export * from './components/LineItemAmount';
-export * from './components/LineItemCode';
-export * from './components/LineItemImage';
-export * from './components/LineItemName';
-export * from './components/LineItemOption';
-export * from './components/LineItemOptions';
-export * from './components/LineItemQuantity';
-export * from './components/LineItemRemoveLink';
-export * from './components/LineItemsContainer';
-export * from './components/LineItemsCount';
-export * from './components/LineItemsEmpty';
+export * from './components/gift_cards/GiftCardContainer';
+export * from './components/gift_cards/GiftCardCurrencySelector';
+export * from './components/gift_cards/GiftCardInput';
+export * from './components/gift_cards/GiftCardOrCouponCode';
+export * from './components/gift_cards/GiftCardOrCouponForm';
+export * from './components/gift_cards/GiftCardOrCouponInput';
+export * from './components/gift_cards/GiftCardOrCouponRemoveButton';
+export * from './components/gift_cards/GiftCardOrCouponSubmit';
+export * from './components/orders/ItemContainer';
+export * from './components/line_items/LineItem';
+export * from './components/line_items/LineItemAmount';
+export * from './components/line_items/LineItemCode';
+export * from './components/line_items/LineItemImage';
+export * from './components/line_items/LineItemName';
+export * from './components/line_items/LineItemOption';
+export * from './components/line_items/LineItemOptions';
+export * from './components/line_items/LineItemQuantity';
+export * from './components/line_items/LineItemRemoveLink';
+export * from './components/line_items/LineItemsContainer';
+export * from './components/line_items/LineItemsCount';
+export * from './components/line_items/LineItemsEmpty';
 export * from './components/MetadataInput';
 export * from './components/orders/OrderContainer';
 export * from './components/orders/OrderNumber';
 export * from './components/orders/OrderStorage';
 export * from './components/orders/OrderList';
 export * from './components/orders/OrderListRow';
-export * from './components/PaymentMethod';
-export * from './components/PaymentMethodAmount';
-export * from './components/PaymentMethodName';
-export * from './components/PaymentMethodPrice';
-export * from './components/PaymentMethodRadioButton';
-export * from './components/PaymentMethodsContainer';
-export * from './components/PaymentSource';
-export * from './components/PaymentSourceBrandIcon';
-export * from './components/PaymentSourceBrandName';
-export * from './components/PaymentSourceDetail';
-export * from './components/PaymentSourceEditButton';
+export * from './components/payment_methods/PaymentMethod';
+export * from './components/payment_methods/PaymentMethodAmount';
+export * from './components/payment_methods/PaymentMethodName';
+export * from './components/payment_methods/PaymentMethodPrice';
+export * from './components/payment_methods/PaymentMethodRadioButton';
+export * from './components/payment_methods/PaymentMethodsContainer';
+export * from './components/payment_sources/PaymentSource';
+export * from './components/payment_sources/PaymentSourceBrandIcon';
+export * from './components/payment_sources/PaymentSourceBrandName';
+export * from './components/payment_sources/PaymentSourceDetail';
+export * from './components/payment_sources/PaymentSourceEditButton';
 export * from './components/orders/PlaceOrderButton';
 export * from './components/orders/PlaceOrderContainer';
-export * from './components/Price';
-export * from './components/PricesContainer';
+export * from './components/prices/Price';
+export * from './components/prices/PricesContainer';
 export * from './components/orders/PrivacyAndTermsCheckbox';
-export * from './components/QuantitySelector';
-export * from './components/SaveAddressesButton';
-export * from './components/SaveCustomerButton';
+export * from './components/skus/QuantitySelector';
+export * from './components/addresses/SaveAddressesButton';
+export * from './components/customers/SaveCustomerButton';
 export * from './components/shipments/Shipment';
 export * from './components/shipments/ShipmentField';
 export * from './components/shipments/ShipmentsContainer';
-export * from './components/ShippingAddressContainer';
-export * from './components/ShippingAddressForm';
-export * from './components/ShippingAmount';
+export * from './components/addresses/ShippingAddressContainer';
+export * from './components/addresses/ShippingAddressForm';
+export * from './components/orders/ShippingAmount';
 export * from './components/shipping_methods/ShippingMethod';
 export * from './components/shipping_methods/ShippingMethodName';
 export * from './components/shipping_methods/ShippingMethodPrice';
@@ -87,21 +87,21 @@ export * from './components/skus/SkuOptionInput';
 export * from './components/skus/SkuOptionsContainer';
 export * from './components/skus/Skus';
 export * from './components/skus/SkusContainer';
-export * from './components/StockTransfer';
-export * from './components/StockTransferField';
+export * from './components/stock_transfers/StockTransfer';
+export * from './components/stock_transfers/StockTransferField';
 export * from './components/orders/SubTotalAmount';
 export * from './components/SubmitButton';
 export * from './components/orders/TaxesAmount';
 export * from './components/orders/TotalAmount';
-export * from './components/VariantSelector';
-export * from './components/VariantsContainer';
+export * from './components/skus/VariantSelector';
+export * from './components/skus/VariantsContainer';
 export type { CustomerCardsType } from './components/utils/PaymentCardsTemplate';
 export type { AddressCardsType } from './components/utils/AddressCardsTemplate';
 export type { AddToCartButtonType } from './components/orders/AddToCartButton';
 export type { ShippingMethodRadioButtonType, ShippingMethodRadioButtonOnChangeType, } from './components/shipping_methods/ShippingMethodRadioButton';
-export type { LineItemCodeType } from './components/LineItemCode';
-export type { LineItemNameType } from './components/LineItemName';
-export type { LineItemImageType } from './components/LineItemImage';
+export type { LineItemCodeType } from './components/line_items/LineItemCode';
+export type { LineItemNameType } from './components/line_items/LineItemName';
+export type { LineItemImageType } from './components/line_items/LineItemImage';
 export type { LineItemType } from './typings/index';
 export type { ErrorComponentProps, ResourceErrorType } from './typings/errors';
 export type { AddressCountrySelectName, AddressInputName, AddressStateSelectName, BaseInputType, } from './typings/index';

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib");tslib_1.__exportStar(require("./components/orders/AddToCartButton"),exports),tslib_1.__exportStar(require("./components/addresses/AddressCountrySelector"),exports),tslib_1.__exportStar(require("./components/addresses/Address"),exports),tslib_1.__exportStar(require("./components/addresses/AddressField"),exports),tslib_1.__exportStar(require("./components/addresses/AddressInput"),exports),tslib_1.__exportStar(require("./components/addresses/AddressStateSelector"),exports),tslib_1.__exportStar(require("./components/addresses/AddressesContainer"),exports),tslib_1.__exportStar(require("./components/orders/AdjustmentAmount"),exports),tslib_1.__exportStar(require("./components/AvailabilityContainer"),exports),tslib_1.__exportStar(require("./components/AvailabilityTemplate"),exports),tslib_1.__exportStar(require("./components/BillingAddressContainer"),exports),tslib_1.__exportStar(require("./components/BillingAddressForm"),exports),tslib_1.__exportStar(require("./components/orders/CartLink"),exports),tslib_1.__exportStar(require("./components/CheckoutLink"),exports),tslib_1.__exportStar(require("./components/auth/CommerceLayer"),exports),tslib_1.__exportStar(require("./components/customers/CustomerContainer"),exports),tslib_1.__exportStar(require("./components/customers/CustomerField"),exports),tslib_1.__exportStar(require("./components/customers/CustomerAddressForm"),exports),tslib_1.__exportStar(require("./components/customers/CustomerInput"),exports),tslib_1.__exportStar(require("./components/DeliveryLeadTime"),exports),tslib_1.__exportStar(require("./components/DiscountAmount"),exports),tslib_1.__exportStar(require("./components/Errors"),exports),tslib_1.__exportStar(require("./components/ExternalFunction"),exports),tslib_1.__exportStar(require("./components/GiftCard"),exports),tslib_1.__exportStar(require("./components/orders/GiftCardAmount"),exports),tslib_1.__exportStar(require("./components/GiftCardContainer"),exports),tslib_1.__exportStar(require("./components/GiftCardCurrencySelector"),exports),tslib_1.__exportStar(require("./components/GiftCardInput"),exports),tslib_1.__exportStar(require("./components/GiftCardOrCouponCode"),exports),tslib_1.__exportStar(require("./components/GiftCardOrCouponForm"),exports),tslib_1.__exportStar(require("./components/GiftCardOrCouponInput"),exports),tslib_1.__exportStar(require("./components/GiftCardOrCouponRemoveButton"),exports),tslib_1.__exportStar(require("./components/GiftCardOrCouponSubmit"),exports),tslib_1.__exportStar(require("./components/ItemContainer"),exports),tslib_1.__exportStar(require("./components/LineItem"),exports),tslib_1.__exportStar(require("./components/LineItemAmount"),exports),tslib_1.__exportStar(require("./components/LineItemCode"),exports),tslib_1.__exportStar(require("./components/LineItemImage"),exports),tslib_1.__exportStar(require("./components/LineItemName"),exports),tslib_1.__exportStar(require("./components/LineItemOption"),exports),tslib_1.__exportStar(require("./components/LineItemOptions"),exports),tslib_1.__exportStar(require("./components/LineItemQuantity"),exports),tslib_1.__exportStar(require("./components/LineItemRemoveLink"),exports),tslib_1.__exportStar(require("./components/LineItemsContainer"),exports),tslib_1.__exportStar(require("./components/LineItemsCount"),exports),tslib_1.__exportStar(require("./components/LineItemsEmpty"),exports),tslib_1.__exportStar(require("./components/MetadataInput"),exports),tslib_1.__exportStar(require("./components/orders/OrderContainer"),exports),tslib_1.__exportStar(require("./components/orders/OrderNumber"),exports),tslib_1.__exportStar(require("./components/orders/OrderStorage"),exports),tslib_1.__exportStar(require("./components/orders/OrderList"),exports),tslib_1.__exportStar(require("./components/orders/OrderListRow"),exports),tslib_1.__exportStar(require("./components/PaymentMethod"),exports),tslib_1.__exportStar(require("./components/PaymentMethodAmount"),exports),tslib_1.__exportStar(require("./components/PaymentMethodName"),exports),tslib_1.__exportStar(require("./components/PaymentMethodPrice"),exports),tslib_1.__exportStar(require("./components/PaymentMethodRadioButton"),exports),tslib_1.__exportStar(require("./components/PaymentMethodsContainer"),exports),tslib_1.__exportStar(require("./components/PaymentSource"),exports),tslib_1.__exportStar(require("./components/PaymentSourceBrandIcon"),exports),tslib_1.__exportStar(require("./components/PaymentSourceBrandName"),exports),tslib_1.__exportStar(require("./components/PaymentSourceDetail"),exports),tslib_1.__exportStar(require("./components/PaymentSourceEditButton"),exports),tslib_1.__exportStar(require("./components/orders/PlaceOrderButton"),exports),tslib_1.__exportStar(require("./components/orders/PlaceOrderContainer"),exports),tslib_1.__exportStar(require("./components/Price"),exports),tslib_1.__exportStar(require("./components/PricesContainer"),exports),tslib_1.__exportStar(require("./components/orders/PrivacyAndTermsCheckbox"),exports),tslib_1.__exportStar(require("./components/QuantitySelector"),exports),tslib_1.__exportStar(require("./components/SaveAddressesButton"),exports),tslib_1.__exportStar(require("./components/SaveCustomerButton"),exports),tslib_1.__exportStar(require("./components/shipments/Shipment"),exports),tslib_1.__exportStar(require("./components/shipments/ShipmentField"),exports),tslib_1.__exportStar(require("./components/shipments/ShipmentsContainer"),exports),tslib_1.__exportStar(require("./components/ShippingAddressContainer"),exports),tslib_1.__exportStar(require("./components/ShippingAddressForm"),exports),tslib_1.__exportStar(require("./components/ShippingAmount"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethod"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodName"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodPrice"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodRadioButton"),exports),tslib_1.__exportStar(require("./components/skus/SkuField"),exports),tslib_1.__exportStar(require("./components/skus/SkuList"),exports),tslib_1.__exportStar(require("./components/skus/SkuListsContainer"),exports),tslib_1.__exportStar(require("./components/skus/SkuOption"),exports),tslib_1.__exportStar(require("./components/skus/SkuOptionInput"),exports),tslib_1.__exportStar(require("./components/skus/SkuOptionsContainer"),exports),tslib_1.__exportStar(require("./components/skus/Skus"),exports),tslib_1.__exportStar(require("./components/skus/SkusContainer"),exports),tslib_1.__exportStar(require("./components/StockTransfer"),exports),tslib_1.__exportStar(require("./components/StockTransferField"),exports),tslib_1.__exportStar(require("./components/orders/SubTotalAmount"),exports),tslib_1.__exportStar(require("./components/SubmitButton"),exports),tslib_1.__exportStar(require("./components/orders/TaxesAmount"),exports),tslib_1.__exportStar(require("./components/orders/TotalAmount"),exports),tslib_1.__exportStar(require("./components/VariantSelector"),exports),tslib_1.__exportStar(require("./components/VariantsContainer"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib");tslib_1.__exportStar(require("./components/orders/AddToCartButton"),exports),tslib_1.__exportStar(require("./components/addresses/AddressCountrySelector"),exports),tslib_1.__exportStar(require("./components/addresses/Address"),exports),tslib_1.__exportStar(require("./components/addresses/AddressField"),exports),tslib_1.__exportStar(require("./components/addresses/AddressInput"),exports),tslib_1.__exportStar(require("./components/addresses/AddressStateSelector"),exports),tslib_1.__exportStar(require("./components/addresses/AddressesContainer"),exports),tslib_1.__exportStar(require("./components/orders/AdjustmentAmount"),exports),tslib_1.__exportStar(require("./components/skus/AvailabilityContainer"),exports),tslib_1.__exportStar(require("./components/skus/AvailabilityTemplate"),exports),tslib_1.__exportStar(require("./components/addresses/BillingAddressContainer"),exports),tslib_1.__exportStar(require("./components/addresses/BillingAddressForm"),exports),tslib_1.__exportStar(require("./components/orders/CartLink"),exports),tslib_1.__exportStar(require("./components/orders/CheckoutLink"),exports),tslib_1.__exportStar(require("./components/auth/CommerceLayer"),exports),tslib_1.__exportStar(require("./components/customers/CustomerContainer"),exports),tslib_1.__exportStar(require("./components/customers/CustomerField"),exports),tslib_1.__exportStar(require("./components/customers/CustomerAddressForm"),exports),tslib_1.__exportStar(require("./components/customers/CustomerInput"),exports),tslib_1.__exportStar(require("./components/skus/DeliveryLeadTime"),exports),tslib_1.__exportStar(require("./components/orders/DiscountAmount"),exports),tslib_1.__exportStar(require("./components/Errors"),exports),tslib_1.__exportStar(require("./components/ExternalFunction"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCard"),exports),tslib_1.__exportStar(require("./components/orders/GiftCardAmount"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardContainer"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardCurrencySelector"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardInput"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardOrCouponCode"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardOrCouponForm"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardOrCouponInput"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardOrCouponRemoveButton"),exports),tslib_1.__exportStar(require("./components/gift_cards/GiftCardOrCouponSubmit"),exports),tslib_1.__exportStar(require("./components/orders/ItemContainer"),exports),tslib_1.__exportStar(require("./components/line_items/LineItem"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemAmount"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemCode"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemImage"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemName"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemOption"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemOptions"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemQuantity"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemRemoveLink"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemsContainer"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemsCount"),exports),tslib_1.__exportStar(require("./components/line_items/LineItemsEmpty"),exports),tslib_1.__exportStar(require("./components/MetadataInput"),exports),tslib_1.__exportStar(require("./components/orders/OrderContainer"),exports),tslib_1.__exportStar(require("./components/orders/OrderNumber"),exports),tslib_1.__exportStar(require("./components/orders/OrderStorage"),exports),tslib_1.__exportStar(require("./components/orders/OrderList"),exports),tslib_1.__exportStar(require("./components/orders/OrderListRow"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethod"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethodAmount"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethodName"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethodPrice"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethodRadioButton"),exports),tslib_1.__exportStar(require("./components/payment_methods/PaymentMethodsContainer"),exports),tslib_1.__exportStar(require("./components/payment_sources/PaymentSource"),exports),tslib_1.__exportStar(require("./components/payment_sources/PaymentSourceBrandIcon"),exports),tslib_1.__exportStar(require("./components/payment_sources/PaymentSourceBrandName"),exports),tslib_1.__exportStar(require("./components/payment_sources/PaymentSourceDetail"),exports),tslib_1.__exportStar(require("./components/payment_sources/PaymentSourceEditButton"),exports),tslib_1.__exportStar(require("./components/orders/PlaceOrderButton"),exports),tslib_1.__exportStar(require("./components/orders/PlaceOrderContainer"),exports),tslib_1.__exportStar(require("./components/prices/Price"),exports),tslib_1.__exportStar(require("./components/prices/PricesContainer"),exports),tslib_1.__exportStar(require("./components/orders/PrivacyAndTermsCheckbox"),exports),tslib_1.__exportStar(require("./components/skus/QuantitySelector"),exports),tslib_1.__exportStar(require("./components/addresses/SaveAddressesButton"),exports),tslib_1.__exportStar(require("./components/customers/SaveCustomerButton"),exports),tslib_1.__exportStar(require("./components/shipments/Shipment"),exports),tslib_1.__exportStar(require("./components/shipments/ShipmentField"),exports),tslib_1.__exportStar(require("./components/shipments/ShipmentsContainer"),exports),tslib_1.__exportStar(require("./components/addresses/ShippingAddressContainer"),exports),tslib_1.__exportStar(require("./components/addresses/ShippingAddressForm"),exports),tslib_1.__exportStar(require("./components/orders/ShippingAmount"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethod"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodName"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodPrice"),exports),tslib_1.__exportStar(require("./components/shipping_methods/ShippingMethodRadioButton"),exports),tslib_1.__exportStar(require("./components/skus/SkuField"),exports),tslib_1.__exportStar(require("./components/skus/SkuList"),exports),tslib_1.__exportStar(require("./components/skus/SkuListsContainer"),exports),tslib_1.__exportStar(require("./components/skus/SkuOption"),exports),tslib_1.__exportStar(require("./components/skus/SkuOptionInput"),exports),tslib_1.__exportStar(require("./components/skus/SkuOptionsContainer"),exports),tslib_1.__exportStar(require("./components/skus/Skus"),exports),tslib_1.__exportStar(require("./components/skus/SkusContainer"),exports),tslib_1.__exportStar(require("./components/stock_transfers/StockTransfer"),exports),tslib_1.__exportStar(require("./components/stock_transfers/StockTransferField"),exports),tslib_1.__exportStar(require("./components/orders/SubTotalAmount"),exports),tslib_1.__exportStar(require("./components/SubmitButton"),exports),tslib_1.__exportStar(require("./components/orders/TaxesAmount"),exports),tslib_1.__exportStar(require("./components/orders/TotalAmount"),exports),tslib_1.__exportStar(require("./components/skus/VariantSelector"),exports),tslib_1.__exportStar(require("./components/skus/VariantsContainer"),exports);

package/lib/cjs/reducers/AddressReducer.d.ts

@@ -49,6 +49,7 @@ export interface SaveAddresses {
         config: CommerceLayerConfig;
         state: AddressState;
         dispatch: Dispatch<AddressAction>;
+        getCustomerAddresses?: () => Promise<void>;
     }): Promise<void>;
 }
 export declare const setAddressErrors: SetAddressErrors;

package/lib/cjs/reducers/PaymentMethodReducer.d.ts

@@ -1,16 +1,17 @@
-import { AdyenPaymentConfig } from '../components/AdyenPayment';
-import { BraintreeConfig } from '../components/BraintreePayment';
-import { PaypalConfig } from '../components/PaypalPayment';
-import { StripeConfig } from '../components/StripePayment';
-import { WireTransferConfig } from '../components/WireTransferPayment';
+import { AdyenPaymentConfig } from '../components/payment_sources/AdyenPayment';
+import { BraintreeConfig } from '../components/payment_sources/BraintreePayment';
+import { PaypalConfig } from '../components/payment_sources/PaypalPayment';
+import { StripeConfig } from '../components/payment_sources/StripePayment';
+import { WireTransferConfig } from '../components/payment_sources/WireTransferPayment';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { getOrderContext, updateOrder } from './OrderReducer';
 import { BaseError } from '../typings/errors';
 import { Order, PaymentMethod, StripePayment, WireTransfer, AdyenPayment, BraintreePayment, CheckoutComPayment, ExternalPayment, PaypalPayment, KlarnaPayment } from '@commercelayer/sdk';
 import { Dispatch, MutableRefObject } from 'react';
-import { CheckoutComConfig } from '../components/CheckoutComPayment';
+import { CheckoutComConfig } from '../components/payment_sources/CheckoutComPayment';
 export declare type PaymentSourceType = AdyenPayment | BraintreePayment | CheckoutComPayment | ExternalPayment | PaypalPayment | StripePayment | WireTransfer;
 declare type Card = {
+    type: string;
     brand: string;
     last4: string;
     exp_year: number;

package/lib/cjs/reducers/PlaceOrderReducer.d.ts

@@ -1,15 +1,16 @@
-import { Dispatch } from 'react';
+import { Dispatch, RefObject } from 'react';
 import { BaseError } from '../typings/errors';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Order } from '@commercelayer/sdk';
 import { PaymentResource } from './PaymentMethodReducer';
 import { PaymentSourceType } from './PaymentMethodReducer';
-export declare type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted';
+export declare type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted' | 'setButtonRef';
 export declare type PlaceOrderOptions = {
     paypalPayerId?: string;
     adyen?: {
-        MD: string;
-        PaRes: string;
+        MD?: string;
+        PaRes?: string;
+        redirectResult?: string;
     };
     checkoutCom?: {
         session_id: string;
@@ -23,7 +24,9 @@ export interface PlaceOrderActionPayload {
     paymentId: string;
     paymentSource: PaymentSourceType;
     options?: PlaceOrderOptions;
+    placeOrderButtonRef?: RefObject<HTMLButtonElement>;
 }
+export declare function setButtonRef(ref: RefObject<HTMLButtonElement>, dispatch: Dispatch<PlaceOrderAction>): void;
 export declare type PlaceOrderState = Partial<PlaceOrderActionPayload>;
 export interface PlaceOrderAction {
     type: PlaceOrderActionType;

package/lib/cjs/reducers/PlaceOrderReducer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setPlaceOrder=exports.placeOrderPermitted=exports.setPlaceOrderErrors=exports.placeOrderInitialState=void 0;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),shipments_1=require("../utils/shipments"),customerOrderOptions_1=require("../utils/customerOrderOptions"),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),getErrors_1=tslib_1.__importDefault(require("../utils/getErrors"));exports.placeOrderInitialState={errors:[],isPermitted:!1};const setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setPlaceOrderErrors=setPlaceOrderErrors;const placeOrderPermitted=async({config,order,dispatch,options})=>{if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=(0,shipments_1.isDoNotShip)(order.line_items),shipments=order.shipments,shipment=shipments&&(0,shipments_1.shipmentsFilled)(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&(0,isEmpty_1.default)(paymentMethod?.id)&&(isPermitted=!1),(0,isEmpty_1.default)(billingAddress)&&(isPermitted=!1),(0,isEmpty_1.default)(shippingAddress)&&!doNotShip&&(isPermitted=!1),!(0,isEmpty_1.default)(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}};exports.placeOrderPermitted=placeOrderPermitted;const setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource,setOrder,include})=>{const response={placed:!1};if(state&&config&&order){const sdk=(0,getSdk_1.default)(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch((0,customerOrderOptions_1.saveBillingAddress)()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),(0,customerOrderOptions_1.saveShippingAddress)()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0}}}}catch(error){const errors=(0,getErrors_1.default)(error,"orders",paymentType);return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response};exports.setPlaceOrder=setPlaceOrder;const type=["setErrors","setPlaceOrderPermitted"],placeOrderReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,type);exports.default=placeOrderReducer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setPlaceOrder=exports.placeOrderPermitted=exports.setPlaceOrderErrors=exports.placeOrderInitialState=exports.setButtonRef=void 0;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),shipments_1=require("../utils/shipments"),customerOrderOptions_1=require("../utils/customerOrderOptions"),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),getErrors_1=tslib_1.__importDefault(require("../utils/getErrors"));function setButtonRef(ref,dispatch){ref!=null&&ref.current!=null&&dispatch({type:"setButtonRef",payload:{placeOrderButtonRef:ref}})}exports.setButtonRef=setButtonRef,exports.placeOrderInitialState={errors:[],isPermitted:!1};const setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setPlaceOrderErrors=setPlaceOrderErrors;const placeOrderPermitted=async({config,order,dispatch,options})=>{if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=(0,shipments_1.isDoNotShip)(order.line_items),shipments=order.shipments,shipment=shipments&&(0,shipments_1.shipmentsFilled)(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&(0,isEmpty_1.default)(paymentMethod?.id)&&(isPermitted=!1),(0,isEmpty_1.default)(billingAddress)&&(isPermitted=!1),(0,isEmpty_1.default)(shippingAddress)&&!doNotShip&&(isPermitted=!1),!(0,isEmpty_1.default)(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}};exports.placeOrderPermitted=placeOrderPermitted;const setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource,setOrder,include})=>{const response={placed:!1};if(state&&config&&order){const sdk=(0,getSdk_1.default)(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch((0,customerOrderOptions_1.saveBillingAddress)()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),(0,customerOrderOptions_1.saveShippingAddress)()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0}}}}catch(error){const errors=(0,getErrors_1.default)(error,"orders",paymentType);return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response};exports.setPlaceOrder=setPlaceOrder;const type=["setErrors","setPlaceOrderPermitted","setButtonRef"],placeOrderReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,type);exports.default=placeOrderReducer;

package/lib/cjs/reducers/VariantReducer.d.ts

@@ -1,5 +1,5 @@
 import { Sku } from '@commercelayer/sdk';
-import { VariantOption } from '../components/VariantSelector';
+import { VariantOption } from '../components/skus/VariantSelector';
 import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';

package/lib/cjs/typings/errors.d.ts

@@ -13,14 +13,14 @@ export interface BaseError {
 }
 export declare const REType: ResourceErrorType[];
 export declare const BaseErrorObject: PropTypes.Requireable<PropTypes.InferProps<{
-    code: PropTypes.Validator<CodeErrorType>;
+    code: PropTypes.Validator<NonNullable<CodeErrorType>>;
     message: PropTypes.Validator<string>;
     resource: PropTypes.Requireable<ResourceErrorType>;
     field: PropTypes.Requireable<string>;
     id: PropTypes.Requireable<string>;
 }>>;
 export declare const ErrorPropTypes: {
-    resource: PropTypes.Validator<ResourceErrorType>;
+    resource: PropTypes.Validator<NonNullable<ResourceErrorType>>;
     children: PropTypes.Requireable<(...args: any[]) => any>;
     field: PropTypes.Requireable<string>;
 };

package/lib/cjs/typings/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, ForwardedRef, ReactNode, Ref } from 'react';
+import { Dispatch, ForwardedRef, Ref } from 'react';
 import PropTypes, { InferProps } from 'prop-types';
 import { BaseError } from './errors';
 export declare const BC: {
@@ -7,17 +7,17 @@ export declare const BC: {
     style: PropTypes.Requireable<object>;
     name: PropTypes.Requireable<string>;
 };
-export declare const PTLoader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+export declare const PTLoader: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
 export declare const BaseSelectComponentPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
+    options: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
+        value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         selected: PropTypes.Requireable<boolean>;
-    }>[]>;
+    }>>[]>;
     placeholder: PropTypes.Requireable<PropTypes.InferProps<{
         label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
+        value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
     }>>;
     value: PropTypes.Requireable<string>;
     name: PropTypes.Validator<string>;
@@ -30,7 +30,7 @@ declare type Option = {
     disabled?: boolean;
 };
 export interface BaseSelectComponentProps {
-    children?: (props: BaseSelectChildrenComponentProps) => ReactNode;
+    children?: (props: BaseSelectChildrenComponentProps) => JSX.Element;
     options: Option[];
     placeholder?: Option;
     value?: string;
@@ -42,7 +42,7 @@ export interface BaseSelectComponentProps {
 export declare const BaseInputComponentPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
     name: PropTypes.Validator<string>;
-    type: PropTypes.Validator<BaseInputType>;
+    type: PropTypes.Validator<NonNullable<BaseInputType>>;
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
     placeholder: PropTypes.Requireable<string>;
 };
@@ -52,7 +52,7 @@ declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'ch
 };
 export interface BaseInputComponentProps {
     ref?: Ref<any>;
-    children?: (props: BaseInputChildrenComponentProps) => ReactNode;
+    children?: (props: BaseInputChildrenComponentProps) => JSX.Element;
     name: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     placeholder?: string;
@@ -63,7 +63,7 @@ export declare type AddressInputName = 'billing_address_city' | 'billing_address
 export declare type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
 export declare type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
 export declare type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
-export declare type LoaderType = string | ReactNode;
+export declare type LoaderType = string | JSX.Element;
 export declare const BMObject: PropTypes.Requireable<{
     [x: string]: string | null | undefined;
 }>;
@@ -116,14 +116,14 @@ export declare type BasePriceType = 'total' | 'option' | 'unit';
 export declare type BaseSelectorType = 'select' | 'radio';
 export declare type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
 export declare type BaseAmountComponent = {
-    children?: (props: BaseAmountComponentChildren) => ReactNode;
+    children?: (props: BaseAmountComponentChildren) => JSX.Element;
     format?: BaseFormatPrice;
     price?: string;
     priceCents?: number;
     labelFree?: string;
 } & JSX.IntrinsicElements['span'];
-export interface FunctionChildren<P = Record<string, any>> {
-    (props: P): ReactNode;
+export interface FunctionChildren<P> {
+    (props: P): JSX.Element;
 }
 export declare type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
 export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;

package/lib/cjs/utils/getCardDetails.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function getCardDetails({paymentType,customerPayment}){switch(paymentType){case"checkout_com_payments":{const source=customerPayment.payment_source?.payment_response?.source;if(source)return{brand:source.scheme.toLowerCase(),exp_month:source.expiry_month,exp_year:source.expiry_year,last4:source.last4};break}case"stripe_payments":case"braintree_payments":{const source=customerPayment.payment_source?.options?.card;if(source)return{...source};break}case"adyen_payments":{const ps=customerPayment.payment_source,source=ps?.payment_request_data?.payment_method,authorized=ps?.payment_response?.resultCode==="Authorised";if(source&&authorized)return{...source,brand:source?.brand?source.brand:"credit-card"};break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}exports.default=getCardDetails;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});function getCardDetails({paymentType,customerPayment}){switch(paymentType){case"checkout_com_payments":{const source=customerPayment.payment_source?.payment_response?.source;if(source)return{brand:source.scheme.toLowerCase(),exp_month:source.expiry_month,exp_year:source.expiry_year,last4:source.last4};break}case"stripe_payments":case"braintree_payments":{const source=customerPayment.payment_source?.options?.card;if(source)return{...source};break}case"adyen_payments":{const ps=customerPayment.payment_source,source=ps?.payment_request_data?.payment_method,authorized=ps?.payment_response?.resultCode==="Authorised";if(source&&authorized){const brand=source.type==="scheme"?source.brand:source.type.replace("_account","");return{...source,brand}}break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}exports.default=getCardDetails;

package/lib/cjs/utils/getLoaderComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime");function getLoaderComponent(Loader){return typeof Loader=="function"?(0,jsx_runtime_1.jsx)(Loader,{}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:Loader})}exports.default=getLoaderComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime");function getLoaderComponent(Loader){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:Loader})}exports.default=getLoaderComponent;

package/lib/cjs/utils/getPrices.d.ts

@@ -1,14 +1,14 @@
+/// <reference types="react" />
 import { Price } from '@commercelayer/sdk';
 import { Prices } from '../reducers/PriceReducer';
 import { Items } from '../reducers/ItemReducer';
-import { ReactNode } from 'react';
 import { PTemplateProps } from '../components/utils/PriceTemplate';
 export interface GetPriceByCode {
     (skuPrices: Price[], code: string): Price | undefined;
 }
 export declare const getPriceByCode: GetPriceByCode;
 export interface GetPricesComponent {
-    (skuPrices: Price[], props: PTemplateProps): ReactNode;
+    (skuPrices: Price[], props: PTemplateProps): JSX.Element | JSX.Element[];
 }
 export declare const getPricesComponent: GetPricesComponent;
 export interface GetPrices {

package/lib/cjs/utils/paypalPayment.d.ts

@@ -1,3 +1,3 @@
-import { PaypalConfig } from '../components/PaypalPayment';
+import { PaypalConfig } from '../components/payment_sources/PaypalPayment';
 import { PaymentResource, PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
 export default function getPaypalConfig(paymentResource: PaymentResource, config: PaymentMethodConfig): Pick<PaypalConfig, 'return_url' | 'cancel_url'> | undefined;

package/lib/cjs/utils/validateFormFields.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.businessMandatoryField=exports.fieldsExist=exports.validateValue=void 0;const tslib_1=require("tslib"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isString_1=tslib_1.__importDefault(require("lodash/isString")),without_1=tslib_1.__importDefault(require("lodash/without")),keys_1=tslib_1.__importDefault(require("lodash/keys")),map_1=tslib_1.__importDefault(require("lodash/map")),get_1=tslib_1.__importDefault(require("lodash/get")),AddressReducer_1=require("../reducers/AddressReducer"),EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/,validateValue=(val,name,type,resourceType)=>val?type==="email"&&(0,isString_1.default)(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};exports.validateValue=validateValue;const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return(0,map_1.default)(fields,v=>{const isTick=!!(0,get_1.default)(v,"checked"),val=isTick||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.indexOf(attrName)!==-1||v.required){const error=(0,exports.validateValue)(val,v.name,v.type,resourceType);(0,isEmpty_1.default)(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}},fieldsExist=(address,schema=AddressReducer_1.addressFields)=>{if(address.business){const required=(0,without_1.default)(schema,"first_name","last_name"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=(0,without_1.default)(schema,"line_2","company"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}};exports.fieldsExist=fieldsExist;const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}exports.businessMandatoryField=businessMandatoryField,exports.default=validateFormFields;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.businessMandatoryField=exports.fieldsExist=exports.validateValue=void 0;const tslib_1=require("tslib"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isString_1=tslib_1.__importDefault(require("lodash/isString")),without_1=tslib_1.__importDefault(require("lodash/without")),keys_1=tslib_1.__importDefault(require("lodash/keys")),map_1=tslib_1.__importDefault(require("lodash/map")),get_1=tslib_1.__importDefault(require("lodash/get")),AddressReducer_1=require("../reducers/AddressReducer"),EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/,validateValue=(val,name,type,resourceType)=>val?type==="email"&&(0,isString_1.default)(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};exports.validateValue=validateValue;const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return(0,map_1.default)(fields,v=>{const isTick=!!(0,get_1.default)(v,"checked"),val=isTick||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.indexOf(attrName)!==-1||v.required){const error=(0,exports.validateValue)(val,v.name,v.type,resourceType);(0,isEmpty_1.default)(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}},fieldsExist=(address,schema=AddressReducer_1.addressFields)=>{if(address.business){const required=(0,without_1.default)(schema,"first_name","last_name","line_2"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=(0,without_1.default)(schema,"line_2","company"),validAddress=(0,keys_1.default)(address).filter(k=>required.includes(k));return required.length>validAddress.length}};exports.fieldsExist=fieldsExist;const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}exports.businessMandatoryField=businessMandatoryField,exports.default=validateFormFields;

package/lib/esm/components/Errors.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,Fragment,useMemo}from"react";import Parent from"./utils/Parent";import GiftCardContext from"../context/GiftCardContext";import OrderContext from"../context/OrderContext";import AddressContext from"../context/AddressContext";import getAllErrors from"./utils/getAllErrors";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import CustomerContext from"../context/CustomerContext";import PaymentMethodContext from"../context/PaymentMethodContext";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import ShipmentContext from"../context/ShipmentContext";export function Errors(props){const{children,messages=[],resource,field,...p}=props,{payment}=useContext(PaymentMethodChildrenContext),{errors:orderErrors}=useContext(OrderContext),{errors:giftCardErrors}=useContext(GiftCardContext),{errors:lineItemErrors}=useContext(LineItemContext),{errors:addressErrors}=useContext(AddressContext),{errors:customerErrors}=useContext(CustomerContext),{errors:shipmentErrors}=useContext(ShipmentContext),{errors:paymentMethodErrors,currentPaymentMethodType,currentPaymentMethodId}=useContext(PaymentMethodContext),{lineItem}=useContext(LineItemChildrenContext),allErrors=useMemo(()=>[...giftCardErrors||[],...orderErrors||[],...lineItemErrors||[],...addressErrors||[],...customerErrors||[],...shipmentErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,addressErrors,customerErrors,shipmentErrors,paymentMethodErrors]).filter((v,k,a)=>v?.code!==a[k-1]?.code),msgErrors=getAllErrors({allErrors,field,messages,props:p,lineItem,resource,returnHtml:!children});console.log("Errors",msgErrors);const parentProps={messages,resource,field,errors:msgErrors,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(Fragment,{children:msgErrors})}export default Errors;
+import{jsx as _jsx}from"react/jsx-runtime";import{useContext,Fragment,useMemo}from"react";import Parent from"./utils/Parent";import GiftCardContext from"../context/GiftCardContext";import OrderContext from"../context/OrderContext";import AddressContext from"../context/AddressContext";import getAllErrors from"./utils/getAllErrors";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import CustomerContext from"../context/CustomerContext";import PaymentMethodContext from"../context/PaymentMethodContext";import PaymentMethodChildrenContext from"../context/PaymentMethodChildrenContext";import ShipmentContext from"../context/ShipmentContext";export function Errors(props){const{children,messages=[],resource,field,...p}=props,{payment}=useContext(PaymentMethodChildrenContext),{errors:orderErrors}=useContext(OrderContext),{errors:giftCardErrors}=useContext(GiftCardContext),{errors:lineItemErrors}=useContext(LineItemContext),{errors:addressErrors}=useContext(AddressContext),{errors:customerErrors}=useContext(CustomerContext),{errors:shipmentErrors}=useContext(ShipmentContext),{errors:paymentMethodErrors,currentPaymentMethodType,currentPaymentMethodId}=useContext(PaymentMethodContext),{lineItem}=useContext(LineItemChildrenContext),allErrors=useMemo(()=>[...giftCardErrors||[],...orderErrors||[],...lineItemErrors||[],...addressErrors||[],...customerErrors||[],...shipmentErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,addressErrors,customerErrors,shipmentErrors,paymentMethodErrors]).filter((v,k,a)=>v?.code!==a[k-1]?.code),msgErrors=getAllErrors({allErrors,field,messages,props:p,lineItem,resource,returnHtml:!children}),parentProps={messages,resource,field,errors:msgErrors,...p};return children?_jsx(Parent,{...parentProps,children}):_jsx(Fragment,{children:msgErrors})}export default Errors;

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

@@ -1,14 +1,7 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 declare type Props = {
-    children: ReactNode;
+    children: JSX.Element[] | JSX.Element;
     url: string;
 };
 export declare function ExternalFunction({ children, url }: Props): JSX.Element;
-export declare namespace ExternalFunction {
-    var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
-        url: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
 export default ExternalFunction;

package/lib/esm/components/ExternalFunction.js

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