@commercelayer/react-components 4.0.0 → 4.0.1

package/README.md

@@ -116,12 +116,8 @@ import {
   CommerceLayer,
   OrderContainer,
   OrderStorage,
-  ItemContainer,
   PricesContainer,
   Price,
-  VariantsContainer,
-  VariantSelector,
-  QuantitySelector,
   AddToCartButton,
   AvailabilityContainer,
   AvailabilityTemplate
@@ -137,36 +133,11 @@ import {
         return_url: 'https://yourdomain.com/return',
         privacy_url: 'https://yourdomain.com/privacy'
       }}>
-      <ItemContainer>
         <PricesContainer>
           <Price skuCode="BABYONBU000000E63E746MXX" />
         </PricesContainer>
-        <VariantsContainer>
-          <VariantSelector
-            placeholder="Select a size"
-            options={[
-              {
-                label: '6 months',
-                code: 'BABYONBU000000E63E746MXX',
-                lineItem: {
-                  name: 'your-item-name',
-                  imageUrl: 'https://img.yourdomain.com/your-item-image.png'
-                }
-              },
-              {
-                label: '12 months',
-                code: 'BABYONBU000000E63E7412MX',
-                lineItem: {
-                  name: 'your-item-name',
-                  imageUrl: 'https://img.yourdomain.com/your-item-image.png'
-                }
-              }
-            ]}
-          />
-        </VariantsContainer>
-        <QuantitySelector />
-        <AddToCartButton />
-        <AvailabilityContainer>
+        <AddToCartButton quantity={1} skuCode="BABYONBU000000E63E746MXX" />
+        <AvailabilityContainer skuCode="BABYONBU000000E63E746MXX">
           <AvailabilityTemplate />
         </AvailabilityContainer>
       </ItemContainer>
@@ -177,7 +148,7 @@ import {
 // your code [...]
 ```
 
-For each variant you can define the custom name (i.e. its translation based on location) and image that will be shown on the corresponding line item, by passing the `options` prop to the `VariantSelector` component and properly setting the `lineItem` key — all these content data are usually taken from your CMS, since Commerce Layer doesn't manage any kind of content. You can change the type of input by passing `type="radio"` (default is `select`).
+For each variant you can define the custom name (i.e. its translation based on location) and image that will be shown on the corresponding line item, by passing the `lineItem` prop to the `AddToCartButton` component and properly setting the `lineItem` key — all these content data are usually taken from your CMS, since Commerce Layer doesn't manage any kind of content.
 
 When you add a product to your shopping cart:
 
@@ -288,7 +259,7 @@ For each component, the table below shows its props and the list of the permitte
 
 | Name                       | Props                                                                            | Children                                                                                                                                                                                                             |
 | -------------------------- | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `AddToCartButton`          | `disabled`<br />`label`<br />`skuCode`<br />`lineItem`                           |
+| `AddToCartButton`          | `disabled`<br />`label`<br />`skuCode`<br />`lineItem`<br/>`lineItemOption`<br/>`quantity`                           |
 | `AvailabilityContainer`    | `skuCode`                                                                        | `AvailabilityTemplate`                                                                                                                                                                                               |
 | `AvailabilityTemplate`     | `showShippingMethodName`<br />`timeFormat`                                       |
 | `CheckoutLink`             | `label`                                                                          |
@@ -301,8 +272,7 @@ For each component, the table below shows its props and the list of the permitte
 | `GiftCardContainer`        |                                                                                  | `GiftCard`<br/>`Errors`                                                                                                                                                                                              |
 | `GiftCardCurrencySelector` | `placeholder`<br />`required`<br />`value`                                       |
 | `GiftCardInput`            | `name`<br />`placeholder`<br />`type`                                            |
-| `ItemContainer`            | `lineItem`<br />`skuCode`                                                        | `AddToCartButton`<br />`AvailabilityContainer`<br />`QuantitySelector`<br />`PricesContainer`<br />`SkuOptionContainer`<br />`VariantsContainer`                                                                     |
-| `LineItem`                 | `type`                                                                           | `Errors`<br />`LineItemAmount`<br />`LineItemImage`<br />`LineItemName`<br />`LineItemOptions`<br />`LineItemQuantity`<br />`LineItemRemoveLink`                                                                     |
+ `LineItem`                 | `type`                                                                           | `Errors`<br />`LineItemAmount`<br />`LineItemImage`<br />`LineItemName`<br />`LineItemOptions`<br />`LineItemQuantity`<br />`LineItemRemoveLink`                                                                     |
 | `LineItemAmount`           | `className`<br />`format`<br />`id`<br />`name`<br />`style`<br />`type`         |
 | `LineItemImage`            | `width`                                                                          |
 | `LineItemName`             |                                                                                  |
@@ -317,19 +287,13 @@ For each component, the table below shows its props and the list of the permitte
 | `OrderStorage`             | `clearWhenPlaced`<br />`persistKey`                                              | `OrderContainer`                                                                                                                                                                                                     |
 | `Price`                    | `compareClassName`<br />`showCompare`<br />`skuCode`                             |
 | `PricesContainer`          | `filters`<br />`loader`<br />`perPage`<br />`skuCode`                            | `Price`                                                                                                                                                                                                              |
-| `QuantitySelector`         | `disabled`<br />`max`<br />`min`<br />`skuCode`<br />`value`                     |
-| `ShippingAmount`           | `className`<br />`format`<br />`id`<br />`name`<br />`style`                     |
-| `SkuOption`                | `id`                                                                             | `SkuOptionInput`                                                                                                                                                                                                     |
-| `SkuOptionInput`           | `name`<br />`onChange`<br />`placeholder`<br />`type`                            |
-| `SkuOptionsContainer`      | `skuCode`                                                                        | `SkuOption`                                                                                                                                                                                                          |
+ `ShippingAmount`           | `className`<br />`format`<br />`id`<br />`name`<br />`style`                     |
 | `SubmitButton`             | `label`                                                                          |
 | `SubTotalAmount`           | `className`<br />`format`<br />`id`<br />`name`<br />`style`                     |
 | `TaxesAmount`              | `className`<br />`format`<br />`id`<br />`name`<br />`style`                     |
 | `TotalAmount`              | `className`<br />`format`<br />`id`<br />`name`<br />`style`                     |
-| `VariantsContainer`        | `filters`<br />`skuCode`                                                         | `VariantSelector`                                                                                                                                                                                                    |
-| `VariantSelector`          | `loader`<br />`name`<br />`options`<br />`placehoder`<br />`skuCode`<br />`type` |
 
-For more detailed information on each components (i.e. prop types and default values, required props, etc.), have a look at the configuration file [`src/config/components.ts`](/src/config/components.ts).
+For more detailed information on each components (i.e. prop types and default values, required props, etc.), have a look at the components folder [`src/components`](/src/components).
 
 ---
 

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { ErrorComponentProps } from '../typings/errors';
-declare type Props = ErrorComponentProps & JSX.IntrinsicElements['span'];
+declare type Props = ErrorComponentProps & Omit<JSX.IntrinsicElements['span'], 'children'>;
 export declare function Errors(props: Props): JSX.Element;
 export default Errors;

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

@@ -2,11 +2,11 @@ import { ReactNode } from 'react';
 import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {
     children?: ChildrenFunction<ChildrenProps>;
     label?: string | ReactNode;
     onClick?: () => void;
     addressId?: string;
-} & JSX.IntrinsicElements['button'];
+}
 export declare function SaveAddressesButton(props: Props): JSX.Element;
 export default SaveAddressesButton;

package/lib/cjs/components/gift_cards/GiftCard.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { BaseState } from '../../typings/index';
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['form'], 'children'> {
     children: ReactNode;
     onSubmit?: (values: BaseState) => void;
-} & JSX.IntrinsicElements['form'];
+}
 export declare function GiftCard(props: Props): JSX.Element;
 export declare namespace GiftCard {
     var propTypes: {

package/lib/cjs/components/line_items/LineItemQuantity.d.ts

@@ -9,6 +9,6 @@ declare type Props = {
     max?: number;
     disabled?: boolean;
     readonly?: boolean;
-} & (JSX.IntrinsicElements['select'] & JSX.IntrinsicElements['span']);
+} & (Omit<JSX.IntrinsicElements['select'], 'children'> & Omit<JSX.IntrinsicElements['span'], 'children'>);
 export declare function LineItemQuantity(props: Props): JSX.Element;
 export default LineItemQuantity;

package/lib/cjs/components/line_items/LineItemsCount.d.ts

@@ -4,9 +4,9 @@ import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
     quantity: number;
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: ChildrenFunction<ChildrenProps>;
     typeAccepted?: TypeAccepted[];
-} & JSX.IntrinsicElements['span'];
+}
 export declare function LineItemsCount(props: Props): JSX.Element;
 export default LineItemsCount;

package/lib/cjs/components/orders/CheckoutLink.d.ts

@@ -4,10 +4,10 @@ interface ChildrenProps extends Omit<Props, 'children'> {
     checkoutUrl: string;
     href: string;
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['a'], 'children'> {
     children?: ChildrenFunction<ChildrenProps>;
     label?: string;
     hostedCheckout?: boolean;
-} & JSX.IntrinsicElements['a'];
+}
 export declare function CheckoutLink(props: Props): JSX.Element;
 export default CheckoutLink;

package/lib/cjs/components/orders/OrderList.d.ts

@@ -38,7 +38,7 @@ declare type Props = {
      * Class name to assign to the table row
      */
     rowTrClassName?: string;
-} & JSX.IntrinsicElements['table'] & ({
+} & Omit<JSX.IntrinsicElements['table'], 'children'> & ({
     /**
      * Activate infinity scroll
      */

package/lib/cjs/components/orders/PlaceOrderButton.d.ts

@@ -3,12 +3,12 @@ import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
     handleClick: () => Promise<void>;
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'onClick'> {
     children?: ChildrenFunction<ChildrenProps>;
     label?: string | ReactNode;
     onClick?: (response: {
         placed: boolean;
     }) => void;
-} & JSX.IntrinsicElements['button'];
+}
 export declare function PlaceOrderButton(props: Props): JSX.Element;
 export default PlaceOrderButton;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { LoaderType } from '../../typings/index';
 import { CustomerCardsTemplateChildren } from '../utils/PaymentCardsTemplate';
 export interface CustomerCardsProps {
@@ -7,13 +7,13 @@ export interface CustomerCardsProps {
 export interface CustomerSaveToWalletProps {
     name: 'save_payment_source_to_customer_wallet';
 }
-export declare type PaymentSourceProps = {
-    children?: ReactNode;
+export interface PaymentSourceProps extends Omit<JSX.IntrinsicElements['div'], 'children'> {
+    children?: JSX.Element | JSX.Element[];
     readonly?: boolean;
     templateCustomerCards?: CustomerCardsTemplateChildren;
     onClickCustomerCards?: () => void;
     templateCustomerSaveToWallet?: (props: CustomerSaveToWalletProps) => JSX.Element;
     loader?: LoaderType;
-} & JSX.IntrinsicElements['div'];
+}
 export declare function PaymentSource(props: PaymentSourceProps): JSX.Element;
 export default PaymentSource;

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

@@ -6,10 +6,10 @@ interface ChildrenProps extends Omit<Props, 'children'> {
     defaultSrc: string;
     url: string;
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['img'], 'children'> {
     children?: ChildrenFunction<ChildrenProps>;
     width?: number;
     height?: number;
-} & JSX.IntrinsicElements['img'];
+}
 export declare function PaymentSourceBrandIcon({ src, width, children, ...p }: Props): JSX.Element;
 export default PaymentSourceBrandIcon;

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

@@ -4,9 +4,9 @@ import { ChildrenFunction } from '../../typings/index';
 interface CustomComponent extends Omit<Props, 'children'> {
     brand: IconBrand;
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: ChildrenFunction<CustomComponent>;
     label?: string;
-} & JSX.IntrinsicElements['span'];
+}
 export declare function PaymentSourceBrandName({ children, label, ...props }: Props): JSX.Element;
 export default PaymentSourceBrandName;

package/lib/cjs/components/shipments/ShipmentField.d.ts

@@ -4,9 +4,9 @@ declare type ShipmentFieldChildrenProps = Omit<Props, 'children'> & {
     shipment: Shipment;
 };
 export declare type ShipmentAttribute = 'number' | 'currency_code' | 'status' | 'cost_amount_cents' | 'cost_amount_float' | 'formatted_cost_amount' | 'key_number';
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     children?: (props: ShipmentFieldChildrenProps) => JSX.Element;
     name: ShipmentAttribute;
-} & JSX.IntrinsicElements['span'];
+}
 export declare function ShipmentField(props: Props): JSX.Element;
 export default ShipmentField;

package/lib/cjs/components/shipping_methods/ShippingMethodName.d.ts

@@ -4,8 +4,8 @@ declare type ChildrenProps = Omit<Props, 'children'> & {
     label: string;
     shippingMethod: ShippingMethod;
 };
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['label'], 'children'> {
     children?: (props: ChildrenProps) => JSX.Element;
-} & JSX.IntrinsicElements['label'];
+}
 export declare function ShippingMethodName(props: Props): JSX.Element;
 export default ShippingMethodName;

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

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

package/lib/cjs/components/stock_transfers/StockTransfer.js

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

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

@@ -1,8 +1,8 @@
 import { FunctionComponent } from 'react';
 declare type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
-export declare type BaseFieldProps = {
+export interface BaseFieldProps extends Omit<JSX.IntrinsicElements['span'], 'children'> {
     attribute: 'number' | 'id';
     children?: (props: BaseFieldChildren) => JSX.Element;
-} & JSX.IntrinsicElements['span'];
+}
 declare const BaseField: FunctionComponent<BaseFieldProps>;
 export default BaseField;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseInputComponentProps } from '../../typings/index';
 export declare type BaseInputProps = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "list" | "step" | "disabled" | "height" | "width" | "max" | "src" | "min" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "resource" | "id" | "value" | "placeholder" | "className" | "required" | "name" | "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "crossOrigin" | "height" | "src" | "width" | "max" | "min" | "type" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-import { TimeFormat, BaseInputType, GiftCardInputName, LineItemType, BasePriceType, BaseFormatPrice, BaseSelectorType, AddressInputName, AddressCountrySelectName, AddressStateSelectName } from '../typings/index';
+import { TimeFormat, BaseInputType, GiftCardInputName, LineItemType, BasePriceType, BaseFormatPrice, AddressInputName, AddressCountrySelectName, AddressStateSelectName } from '../typings/index';
 import { DeliveryLeadTimeField } from '../components/skus/DeliveryLeadTime';
 import { PaymentSourceDetailType } from '../components/payment_source/PaymentSourceDetail';
 import { CodeType } from '../reducers/OrderReducer';
@@ -322,18 +322,6 @@ declare const components: {
             label: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
         };
     };
-    ItemContainer: {
-        permittedChildren: string[];
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Validator<NonNullable<import("react").ReactNode | (() => JSX.Element)>>;
-            skuCode: PropTypes.Requireable<string>;
-            lineItem: PropTypes.Requireable<PropTypes.InferProps<{
-                name: PropTypes.Validator<string>;
-                imageUrl: PropTypes.Requireable<string>;
-            }>>;
-        };
-    };
     LineItem: {
         permittedChildren: string[];
         displayName: string;
@@ -803,32 +791,6 @@ declare const components: {
             children: PropTypes.Validator<NonNullable<import("react").ReactNode | (() => JSX.Element)>>;
         };
     };
-    SkuOption: {
-        permittedChildren: string[];
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Validator<NonNullable<import("react").ReactNode | (() => JSX.Element)>>;
-            id: PropTypes.Validator<string>;
-        };
-    };
-    SkuOptionInput: {
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Requireable<(...args: any[]) => any>;
-            name: PropTypes.Validator<string>;
-            type: PropTypes.Validator<NonNullable<BaseInputType>>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            placeholder: PropTypes.Requireable<string>;
-        };
-    };
-    SkuOptionsContainer: {
-        permittedChildren: string[];
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Validator<NonNullable<import("react").ReactNode | (() => JSX.Element)>>;
-            skuCode: PropTypes.Requireable<string>;
-        };
-    };
     StockTransfer: {
         permittedChildren: string[];
         displayName: string;
@@ -894,41 +856,5 @@ declare const components: {
             format: BaseFormatPrice;
         };
     };
-    VariantsContainer: {
-        permittedChildren: string[];
-        displayName: string;
-        propTypes: {
-            children: PropTypes.Validator<NonNullable<import("react").ReactNode | (() => JSX.Element)>>;
-            skuCode: PropTypes.Requireable<string>;
-            filters: PropTypes.Requireable<object>;
-        };
-        defaultProps: {
-            skuCode: string;
-            filters: {};
-        };
-    };
-    VariantSelector: {
-        displayName: string;
-        propTypes: {
-            options: PropTypes.Validator<NonNullable<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>;
-        };
-        defaultProps: {
-            placeholder: string;
-            type: BaseSelectorType;
-        };
-    };
 };
 export default components;

package/lib/cjs/config/components.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),prop_types_1=tslib_1.__importDefault(require("prop-types")),childrenTypes_1=tslib_1.__importDefault(require("../utils/childrenTypes")),_typings_1=require("../typings/index"),errors_1=require("../typings/errors"),index_1=require("../typings/index"),components={Address:{permittedChildren:["AddressField","ReactNode"],displayName:"Address",propTypes:{children:childrenTypes_1.default.isRequired}},AddressCountrySelector:{displayName:"AddressCountrySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_country_code","shipping_address_country_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressStateSelector:{displayName:"AddressStateSelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_state_code","shipping_address_state_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressField:{displayName:"AddressField",propTypes:{children:prop_types_1.default.func}},AddressInput:{displayName:"AddressInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["billing_address_city","billing_address_company","billing_address_email","billing_address_first_name","billing_address_last_name","billing_address_line_1","billing_address_line_2","billing_address_phone","billing_address_state_code","billing_address_zip_code","billing_address_billing_info","billing_address_save_to_customer_book","shipping_address_city","shipping_address_company","shipping_address_email","shipping_address_first_name","shipping_address_last_name","shipping_address_line_1","shipping_address_line_2","shipping_address_phone","shipping_address_state_code","shipping_address_zip_code","shipping_address_save_to_customer_book"]).isRequired,type:prop_types_1.default.oneOf(["checkbox","date","email","number","tel","text","textarea"]).isRequired,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool},defaultProps:{required:!0}},AdjustmentAmount:{displayName:"AdjustmentAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},AddToCartButton:{displayName:"AddToCartButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool,buyNowMode:prop_types_1.default.bool,checkoutUrl:prop_types_1.default.string,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})},defaultProps:{label:"Add to cart"}},AddressesContainer:{displayName:"AddressesContainer",permittedChildren:["BillingAddressForm","BillingAddressContainer","ShippingAddressForm","ShippingAddressContainer","SaveAddressesButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,shipToDifferentAddress:prop_types_1.default.bool}},AvailabilityContainer:{displayName:"AvailabilityContainer",permittedChildren:["AvailabilityTemplate","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},AvailabilityTemplate:{displayName:"AvailabilityTemplate",propTypes:{timeFormat:prop_types_1.default.oneOf(["days","hours"]),showShippingMethodName:prop_types_1.default.bool,children:prop_types_1.default.func},defaultProps:{timeFormat:"days",showShippingMethodName:!1}},BillingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},BillingAddressForm:{permittedChildren:["AddressInput","ReactNode","Errors"],propTypes:{children:childrenTypes_1.default.isRequired}},CustomerAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},CheckoutLink:{displayName:"CheckoutLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Checkout"}},CommerceLayer:{permittedChildren:["OrderContainer","OrderStorage","PricesContainer","GiftCardContainer","CustomerContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,accessToken:prop_types_1.default.string.isRequired,endpoint:prop_types_1.default.string.isRequired}},CustomerContainer:{displayName:"CustomerContainer",permittedChildren:["CustomerInput","SaveCustomerButton","AddressesContainer","PaymentMethodsContainer","ShipmentsContainer","ReactNode","CustomerField"],propTypes:{children:childrenTypes_1.default.isRequired,isGuest:prop_types_1.default.bool}},CustomerField:{displayName:"CustomerField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["email"]).isRequired}},CustomerInput:{displayName:"CustomerInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["customerEmail"]),type:prop_types_1.default.oneOf(["email"]),placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool,saveOnBlur:prop_types_1.default.bool},defaultProps:{required:!0}},DeliveryLeadTime:{displayName:"DeliveryLeadTime",propTypes:{type:prop_types_1.default.oneOf(["max_days","max_hours","min_days","min_hours"]).isRequired,children:prop_types_1.default.func}},DiscountAmount:{displayName:"DiscountAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},Errors:{displayName:"Errors",propTypes:errors_1.ErrorPropTypes,defaultProps:{messages:[],field:"base"}},ExternalFunction:{displayName:"ExternalFunction",permittedChildren:["AddToCartButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,url:prop_types_1.default.string.isRequired}},GiftCard:{permittedChildren:["GiftCardCurrencySelector","GiftCardInput","Errors","MetadataInput","SubmitButton","ReactNode"],displayName:"GiftCard",propTypes:{children:childrenTypes_1.default.isRequired,onSubmit:prop_types_1.default.func},defaultProps:{onSubmit:void 0}},GiftCardAmount:{displayName:"GiftCardAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},GiftCardContainer:{permittedChildren:["GiftCard","Errors","ReactNode"],displayName:"GiftCardContainer",propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardCurrencySelector:{displayName:"GiftCardCurrencySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired,label:prop_types_1.default.string.isRequired}),value:prop_types_1.default.string,required:prop_types_1.default.bool},defaultProps:{required:!0}},GiftCardInput:{displayName:"GiftCardInput",propTypes:{type:prop_types_1.default.oneOf(["text","email","number","date","checkbox"]).isRequired,name:prop_types_1.default.oneOf(["balanceCents","balanceMaxCents","singleUse","rechargeable","imageUrl","expiresAt","referenceOrigin","email","firstName","lastName","reference"]).isRequired,children:prop_types_1.default.func,placeholder:prop_types_1.default.string}},GiftCardOrCouponForm:{permittedChildren:["GiftCardOrCouponInput","GiftCardOrCouponSubmit","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardOrCouponInput:{displayName:"GiftCardOrCouponInput",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool}},GiftCardOrCouponSubmit:{displayName:"GiftCardOrCouponSubmit",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},GiftCardOrCouponCode:{displayName:"GiftCardOrCouponCode",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"])}},GiftCardOrCouponRemoveButton:{displayName:"GiftCardOrCouponRemoveButton",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"]),label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},ItemContainer:{permittedChildren:["PricesContainer","VariantsContainer","SkuOptionContainer","QuantitySelector","AddToCartButton","AvailabilityContainer","SkuListsContainer","ReactNode"],displayName:"ItemContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}},LineItem:{permittedChildren:["AvailabilityContainer","LineItemImage","LineItemName","LineItemOptions","LineItemQuantity","LineItemAmount","LineItemRemoveLink","StockTransfer","Errors","ReactNode"],displayName:"LineItem",propTypes:{children:childrenTypes_1.default.isRequired,type:prop_types_1.default.oneOf(["skus","gift_cards","shipments","payment_methods","promotions","adjustments","bundles"])},defaultProps:{type:"skus"}},LineItemAmount:{displayName:"LineItemAmount",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["total","unit","option"])},defaultProps:{format:"formatted",type:"total"}},LineItemImage:{displayName:"LineItemImage",propTypes:{width:prop_types_1.default.number,children:prop_types_1.default.func}},LineItemName:{displayName:"LineItemName",propTypes:{children:prop_types_1.default.func}},LineItemCode:{displayName:"LineItemCode",propTypes:{children:prop_types_1.default.func}},LineItemOption:{displayName:"LineItemOption",propTypes:{name:prop_types_1.default.string,children:prop_types_1.default.func,valueClassName:prop_types_1.default.string,className:prop_types_1.default.string,id:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemOptions:{permittedChildren:["LineItemOption","ReactNode"],displayName:"LineItemOptions",propTypes:{children:childrenTypes_1.default.isRequired,title:prop_types_1.default.string,showName:prop_types_1.default.bool,skuOptionId:prop_types_1.default.string}},LineItemQuantity:{displayName:"LineItemQuantity",propTypes:{children:prop_types_1.default.func,max:prop_types_1.default.number,disabled:prop_types_1.default.bool,readonly:prop_types_1.default.bool},defaultProps:{max:50}},LineItemRemoveLink:{displayName:"LineItemRemoveLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Remove"}},LineItemsContainer:{permittedChildren:["LineItemsCount","LineItemsEmpty","LineItem","ReactNode"],displayName:"LineItemsContainer",propTypes:{children:childrenTypes_1.default.isRequired,filters:prop_types_1.default.object,loader:_typings_1.PTLoader},defaultProps:{filters:{},loader:"Loading..."}},LineItemsCount:{displayName:"LineItemsCount",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemsEmpty:{displayName:"LineItemsEmpty",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object,text:prop_types_1.default.string}},MetadataInput:{displayName:"MetadataInput",propTypes:index_1.BaseInputComponentPropTypes},OrderContainer:{permittedChildren:["AddressesContainer","CustomerContainer","ItemContainer","LineItemsContainer","SubTotalAmount","DiscountAmount","AdjustmentAmount","ShippingAmount","TaxesAmount","GiftCardAmount","TotalAmount","CheckoutLink","GiftCardContainer","ShipmentsContainer","PaymentMethodsContainer","PaymentMethodAmount","GiftCardOrCouponForm","GiftCardOrCouponCode","GiftCardOrCouponRemoveButton","Errors","OrderNumber","ReactNode"],displayName:"OrderContainer",propTypes:{children:childrenTypes_1.default.isRequired,orderId:prop_types_1.default.string,metadata:_typings_1.BMObject,attributes:prop_types_1.default.object},defaultProps:{metadata:{}}},OrderList:{permittedChildren:["OrderListHeader","OrderListRow","OrderListRowActions","ReactNode"],displayName:"OrderList",propTypes:{children:childrenTypes_1.default.isRequired}},OrderNumber:{displayName:"OrderNumber",propTypes:{className:prop_types_1.default.string},defaultProps:{format:"formatted"}},OrderStorage:{permittedChildren:["OrderContainer","ReactNode"],displayName:"OrderStorage",propTypes:{children:childrenTypes_1.default.isRequired,clearWhenPlaced:prop_types_1.default.bool,persistKey:prop_types_1.default.string.isRequired}},PaymentMethod:{permittedChildren:["PaymentMethodName","PaymentMethodRadioButton","PaymentMethodPrice","PaymentSource","ReactNode","Errors"],displayName:"PaymentMethod",propTypes:{children:childrenTypes_1.default.isRequired}},PaymentMethodAmount:{displayName:"PaymentMethodAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},PaymentMethodName:{displayName:"PaymentMethodName",propTypes:{children:prop_types_1.default.func}},PaymentMethodPrice:{displayName:"PaymentMethodPrice",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["amount"])}},PaymentMethodRadioButton:{displayName:"PaymentMethodRadioButton",propTypes:{children:prop_types_1.default.func}},PaymentMethodsContainer:{displayName:"PaymentMethodsContainer",permittedChildren:["PaymentSource","ReactNode","PlaceOrderContainer"],propTypes:{children:childrenTypes_1.default.isRequired}},PaymentSource:{displayName:"PaymentSource",permittedChildren:["PaymentSourceBrandIcon","PaymentSourceBrandName","PaymentSourceEditButton","PaymentSourceDetail","ReactNode"],propTypes:{children:childrenTypes_1.default,readonly:prop_types_1.default.bool}},PaymentSourceBrandIcon:{displayName:"PaymentSourceBrandIcon",propTypes:{children:prop_types_1.default.func,width:prop_types_1.default.number,height:prop_types_1.default.number,src:prop_types_1.default.string,className:prop_types_1.default.string}},PaymentSourceBrandName:{displayName:"PaymentSourceBrandName",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string}},PaymentSourceEditButton:{displayName:"PaymentSourceEditButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])}},PaymentSourceDetail:{displayName:"PaymentSourceDetail",propTypes:{type:prop_types_1.default.oneOf(["last4","exp_year","exp_month"]).isRequired}},PlaceOrderButton:{displayName:"PlaceOrderButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Place order"}},PlaceOrderContainer:{displayName:"PlaceOrderContainer",permittedChildren:["PaymentMethod","PlaceOrderButton","PrivacyAndTermsCheckbox","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Price:{displayName:"Price",propTypes:{children:prop_types_1.default.func,compareClassName:prop_types_1.default.string,skuCode:prop_types_1.default.string,showCompare:prop_types_1.default.bool},defaultProps:{skuCode:""}},PricesContainer:{permittedChildren:["Price","AvailabilityContainer","ReactNode"],displayName:"PricesContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,loader:_typings_1.PTLoader,perPage:prop_types_1.default.number,filters:prop_types_1.default.object},defaultProps:{perPage:10,filters:{},loader:"Loading...",skuCode:""}},PrivacyAndTermsCheckbox:{displayName:"PrivacyAndTermsCheckbox",propTypes:{children:prop_types_1.default.func}},QuantitySelector:{displayName:"QuantitySelector",propTypes:{children:prop_types_1.default.func,min:prop_types_1.default.number,max:prop_types_1.default.number,value:prop_types_1.default.string,skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool},defaultProps:{min:1}},SaveAddressesButton:{displayName:"SaveAddressesButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func,disabled:prop_types_1.default.bool},defaultProps:{label:"Continue to delivery"}},Shipment:{permittedChildren:["LineItemsContainer","LineItem","ShippingMethod","ReactNode"],displayName:"Shipment",propTypes:{children:childrenTypes_1.default.isRequired}},ShipmentField:{displayName:"ShipmentField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["cost_amount_cents","cost_amount_float","currency_code","formatted_cost_amount","number","status","key_number"]).isRequired}},ShipmentsContainer:{displayName:"ShipmentsContainer",permittedChildren:["Shipment","ReactNode","Errors"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SaveCustomerButton:{displayName:"SaveCustomerButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func},defaultProps:{label:"Save"}},ShippingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAmount:{displayName:"ShippingAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},ShippingMethod:{permittedChildren:["ShippingMethodName","ShippingMethodPrice","ShippingMethodRadioButton","DeliveryLeadTime","ReactNode"],displayName:"ShippingMethod",propTypes:{children:childrenTypes_1.default.isRequired,readonly:prop_types_1.default.bool}},ShippingMethodName:{displayName:"ShippingMethodName",propTypes:{children:prop_types_1.default.func}},ShippingMethodRadioButton:{displayName:"ShippingMethodRadioButton",propTypes:{children:prop_types_1.default.func}},ShippingMethodPrice:{displayName:"ShippingMethodPrice",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["amount"])},defaultProps:{format:"formatted",type:"amount"}},SkusContainer:{displayName:"SkuContainer",permittedChildren:["Skus","ItemContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Skus:{displayName:"Skus",permittedChildren:["AvailabilityTemplate","SkuField","AddToCartButton","QuantitySelector","Price","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SkuField:{displayName:"SkuField",propTypes:{children:prop_types_1.default.func,attribute:prop_types_1.default.string,tagElement:prop_types_1.default.string}},SkuList:{permittedChildren:["AddToCartButton","QuantitySelector","ReactNode"],displayName:"SkuList",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuListsContainer:{permittedChildren:["SkuList","ReactNode"],displayName:"SkuListsContainer",propTypes:{children:childrenTypes_1.default.isRequired}},SkuOption:{permittedChildren:["SkuOptionInput","ReactNode"],displayName:"SkuOption",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuOptionInput:{displayName:"SkuOptionInput",propTypes:index_1.BaseInputComponentPropTypes},SkuOptionsContainer:{permittedChildren:["SkuOption","ReactNode"],displayName:"SkuOptionsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},StockTransfer:{permittedChildren:["StockTransferField","ReactNode"],displayName:"StockTransfer",propTypes:{children:childrenTypes_1.default.isRequired}},StockTransferField:{displayName:"StockTransferField",propTypes:{children:prop_types_1.default.func}},SubmitButton:{displayName:"SubmitButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Submit"}},SubTotalAmount:{displayName:"SubTotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TaxesAmount:{displayName:"TaxesAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TotalAmount:{displayName:"TotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},VariantsContainer:{permittedChildren:["VariantSelector","ReactNode"],displayName:"VariantsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,filters:prop_types_1.default.object},defaultProps:{skuCode:"",filters:{}}},VariantSelector:{displayName:"VariantSelector",propTypes:{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},defaultProps:{placeholder:"Select a variant",type:"select"}}};exports.default=components;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),prop_types_1=tslib_1.__importDefault(require("prop-types")),childrenTypes_1=tslib_1.__importDefault(require("../utils/childrenTypes")),_typings_1=require("../typings/index"),errors_1=require("../typings/errors"),index_1=require("../typings/index"),components={Address:{permittedChildren:["AddressField","ReactNode"],displayName:"Address",propTypes:{children:childrenTypes_1.default.isRequired}},AddressCountrySelector:{displayName:"AddressCountrySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_country_code","shipping_address_country_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressStateSelector:{displayName:"AddressStateSelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_state_code","shipping_address_state_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressField:{displayName:"AddressField",propTypes:{children:prop_types_1.default.func}},AddressInput:{displayName:"AddressInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["billing_address_city","billing_address_company","billing_address_email","billing_address_first_name","billing_address_last_name","billing_address_line_1","billing_address_line_2","billing_address_phone","billing_address_state_code","billing_address_zip_code","billing_address_billing_info","billing_address_save_to_customer_book","shipping_address_city","shipping_address_company","shipping_address_email","shipping_address_first_name","shipping_address_last_name","shipping_address_line_1","shipping_address_line_2","shipping_address_phone","shipping_address_state_code","shipping_address_zip_code","shipping_address_save_to_customer_book"]).isRequired,type:prop_types_1.default.oneOf(["checkbox","date","email","number","tel","text","textarea"]).isRequired,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool},defaultProps:{required:!0}},AdjustmentAmount:{displayName:"AdjustmentAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},AddToCartButton:{displayName:"AddToCartButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool,buyNowMode:prop_types_1.default.bool,checkoutUrl:prop_types_1.default.string,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})},defaultProps:{label:"Add to cart"}},AddressesContainer:{displayName:"AddressesContainer",permittedChildren:["BillingAddressForm","BillingAddressContainer","ShippingAddressForm","ShippingAddressContainer","SaveAddressesButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,shipToDifferentAddress:prop_types_1.default.bool}},AvailabilityContainer:{displayName:"AvailabilityContainer",permittedChildren:["AvailabilityTemplate","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},AvailabilityTemplate:{displayName:"AvailabilityTemplate",propTypes:{timeFormat:prop_types_1.default.oneOf(["days","hours"]),showShippingMethodName:prop_types_1.default.bool,children:prop_types_1.default.func},defaultProps:{timeFormat:"days",showShippingMethodName:!1}},BillingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},BillingAddressForm:{permittedChildren:["AddressInput","ReactNode","Errors"],propTypes:{children:childrenTypes_1.default.isRequired}},CustomerAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},CheckoutLink:{displayName:"CheckoutLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Checkout"}},CommerceLayer:{permittedChildren:["OrderContainer","OrderStorage","PricesContainer","GiftCardContainer","CustomerContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,accessToken:prop_types_1.default.string.isRequired,endpoint:prop_types_1.default.string.isRequired}},CustomerContainer:{displayName:"CustomerContainer",permittedChildren:["CustomerInput","SaveCustomerButton","AddressesContainer","PaymentMethodsContainer","ShipmentsContainer","ReactNode","CustomerField"],propTypes:{children:childrenTypes_1.default.isRequired,isGuest:prop_types_1.default.bool}},CustomerField:{displayName:"CustomerField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["email"]).isRequired}},CustomerInput:{displayName:"CustomerInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["customerEmail"]),type:prop_types_1.default.oneOf(["email"]),placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool,saveOnBlur:prop_types_1.default.bool},defaultProps:{required:!0}},DeliveryLeadTime:{displayName:"DeliveryLeadTime",propTypes:{type:prop_types_1.default.oneOf(["max_days","max_hours","min_days","min_hours"]).isRequired,children:prop_types_1.default.func}},DiscountAmount:{displayName:"DiscountAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},Errors:{displayName:"Errors",propTypes:errors_1.ErrorPropTypes,defaultProps:{messages:[],field:"base"}},ExternalFunction:{displayName:"ExternalFunction",permittedChildren:["AddToCartButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,url:prop_types_1.default.string.isRequired}},GiftCard:{permittedChildren:["GiftCardCurrencySelector","GiftCardInput","Errors","MetadataInput","SubmitButton","ReactNode"],displayName:"GiftCard",propTypes:{children:childrenTypes_1.default.isRequired,onSubmit:prop_types_1.default.func},defaultProps:{onSubmit:void 0}},GiftCardAmount:{displayName:"GiftCardAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},GiftCardContainer:{permittedChildren:["GiftCard","Errors","ReactNode"],displayName:"GiftCardContainer",propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardCurrencySelector:{displayName:"GiftCardCurrencySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired,label:prop_types_1.default.string.isRequired}),value:prop_types_1.default.string,required:prop_types_1.default.bool},defaultProps:{required:!0}},GiftCardInput:{displayName:"GiftCardInput",propTypes:{type:prop_types_1.default.oneOf(["text","email","number","date","checkbox"]).isRequired,name:prop_types_1.default.oneOf(["balanceCents","balanceMaxCents","singleUse","rechargeable","imageUrl","expiresAt","referenceOrigin","email","firstName","lastName","reference"]).isRequired,children:prop_types_1.default.func,placeholder:prop_types_1.default.string}},GiftCardOrCouponForm:{permittedChildren:["GiftCardOrCouponInput","GiftCardOrCouponSubmit","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardOrCouponInput:{displayName:"GiftCardOrCouponInput",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool}},GiftCardOrCouponSubmit:{displayName:"GiftCardOrCouponSubmit",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},GiftCardOrCouponCode:{displayName:"GiftCardOrCouponCode",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"])}},GiftCardOrCouponRemoveButton:{displayName:"GiftCardOrCouponRemoveButton",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"]),label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},LineItem:{permittedChildren:["AvailabilityContainer","LineItemImage","LineItemName","LineItemOptions","LineItemQuantity","LineItemAmount","LineItemRemoveLink","StockTransfer","Errors","ReactNode"],displayName:"LineItem",propTypes:{children:childrenTypes_1.default.isRequired,type:prop_types_1.default.oneOf(["skus","gift_cards","shipments","payment_methods","promotions","adjustments","bundles"])},defaultProps:{type:"skus"}},LineItemAmount:{displayName:"LineItemAmount",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["total","unit","option"])},defaultProps:{format:"formatted",type:"total"}},LineItemImage:{displayName:"LineItemImage",propTypes:{width:prop_types_1.default.number,children:prop_types_1.default.func}},LineItemName:{displayName:"LineItemName",propTypes:{children:prop_types_1.default.func}},LineItemCode:{displayName:"LineItemCode",propTypes:{children:prop_types_1.default.func}},LineItemOption:{displayName:"LineItemOption",propTypes:{name:prop_types_1.default.string,children:prop_types_1.default.func,valueClassName:prop_types_1.default.string,className:prop_types_1.default.string,id:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemOptions:{permittedChildren:["LineItemOption","ReactNode"],displayName:"LineItemOptions",propTypes:{children:childrenTypes_1.default.isRequired,title:prop_types_1.default.string,showName:prop_types_1.default.bool,skuOptionId:prop_types_1.default.string}},LineItemQuantity:{displayName:"LineItemQuantity",propTypes:{children:prop_types_1.default.func,max:prop_types_1.default.number,disabled:prop_types_1.default.bool,readonly:prop_types_1.default.bool},defaultProps:{max:50}},LineItemRemoveLink:{displayName:"LineItemRemoveLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Remove"}},LineItemsContainer:{permittedChildren:["LineItemsCount","LineItemsEmpty","LineItem","ReactNode"],displayName:"LineItemsContainer",propTypes:{children:childrenTypes_1.default.isRequired,filters:prop_types_1.default.object,loader:_typings_1.PTLoader},defaultProps:{filters:{},loader:"Loading..."}},LineItemsCount:{displayName:"LineItemsCount",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemsEmpty:{displayName:"LineItemsEmpty",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object,text:prop_types_1.default.string}},MetadataInput:{displayName:"MetadataInput",propTypes:index_1.BaseInputComponentPropTypes},OrderContainer:{permittedChildren:["AddressesContainer","CustomerContainer","ItemContainer","LineItemsContainer","SubTotalAmount","DiscountAmount","AdjustmentAmount","ShippingAmount","TaxesAmount","GiftCardAmount","TotalAmount","CheckoutLink","GiftCardContainer","ShipmentsContainer","PaymentMethodsContainer","PaymentMethodAmount","GiftCardOrCouponForm","GiftCardOrCouponCode","GiftCardOrCouponRemoveButton","Errors","OrderNumber","ReactNode"],displayName:"OrderContainer",propTypes:{children:childrenTypes_1.default.isRequired,orderId:prop_types_1.default.string,metadata:_typings_1.BMObject,attributes:prop_types_1.default.object},defaultProps:{metadata:{}}},OrderList:{permittedChildren:["OrderListHeader","OrderListRow","OrderListRowActions","ReactNode"],displayName:"OrderList",propTypes:{children:childrenTypes_1.default.isRequired}},OrderNumber:{displayName:"OrderNumber",propTypes:{className:prop_types_1.default.string},defaultProps:{format:"formatted"}},OrderStorage:{permittedChildren:["OrderContainer","ReactNode"],displayName:"OrderStorage",propTypes:{children:childrenTypes_1.default.isRequired,clearWhenPlaced:prop_types_1.default.bool,persistKey:prop_types_1.default.string.isRequired}},PaymentMethod:{permittedChildren:["PaymentMethodName","PaymentMethodRadioButton","PaymentMethodPrice","PaymentSource","ReactNode","Errors"],displayName:"PaymentMethod",propTypes:{children:childrenTypes_1.default.isRequired}},PaymentMethodAmount:{displayName:"PaymentMethodAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},PaymentMethodName:{displayName:"PaymentMethodName",propTypes:{children:prop_types_1.default.func}},PaymentMethodPrice:{displayName:"PaymentMethodPrice",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["amount"])}},PaymentMethodRadioButton:{displayName:"PaymentMethodRadioButton",propTypes:{children:prop_types_1.default.func}},PaymentMethodsContainer:{displayName:"PaymentMethodsContainer",permittedChildren:["PaymentSource","ReactNode","PlaceOrderContainer"],propTypes:{children:childrenTypes_1.default.isRequired}},PaymentSource:{displayName:"PaymentSource",permittedChildren:["PaymentSourceBrandIcon","PaymentSourceBrandName","PaymentSourceEditButton","PaymentSourceDetail","ReactNode"],propTypes:{children:childrenTypes_1.default,readonly:prop_types_1.default.bool}},PaymentSourceBrandIcon:{displayName:"PaymentSourceBrandIcon",propTypes:{children:prop_types_1.default.func,width:prop_types_1.default.number,height:prop_types_1.default.number,src:prop_types_1.default.string,className:prop_types_1.default.string}},PaymentSourceBrandName:{displayName:"PaymentSourceBrandName",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string}},PaymentSourceEditButton:{displayName:"PaymentSourceEditButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])}},PaymentSourceDetail:{displayName:"PaymentSourceDetail",propTypes:{type:prop_types_1.default.oneOf(["last4","exp_year","exp_month"]).isRequired}},PlaceOrderButton:{displayName:"PlaceOrderButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Place order"}},PlaceOrderContainer:{displayName:"PlaceOrderContainer",permittedChildren:["PaymentMethod","PlaceOrderButton","PrivacyAndTermsCheckbox","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Price:{displayName:"Price",propTypes:{children:prop_types_1.default.func,compareClassName:prop_types_1.default.string,skuCode:prop_types_1.default.string,showCompare:prop_types_1.default.bool},defaultProps:{skuCode:""}},PricesContainer:{permittedChildren:["Price","AvailabilityContainer","ReactNode"],displayName:"PricesContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,loader:_typings_1.PTLoader,perPage:prop_types_1.default.number,filters:prop_types_1.default.object},defaultProps:{perPage:10,filters:{},loader:"Loading...",skuCode:""}},PrivacyAndTermsCheckbox:{displayName:"PrivacyAndTermsCheckbox",propTypes:{children:prop_types_1.default.func}},QuantitySelector:{displayName:"QuantitySelector",propTypes:{children:prop_types_1.default.func,min:prop_types_1.default.number,max:prop_types_1.default.number,value:prop_types_1.default.string,skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool},defaultProps:{min:1}},SaveAddressesButton:{displayName:"SaveAddressesButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func,disabled:prop_types_1.default.bool},defaultProps:{label:"Continue to delivery"}},Shipment:{permittedChildren:["LineItemsContainer","LineItem","ShippingMethod","ReactNode"],displayName:"Shipment",propTypes:{children:childrenTypes_1.default.isRequired}},ShipmentField:{displayName:"ShipmentField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["cost_amount_cents","cost_amount_float","currency_code","formatted_cost_amount","number","status","key_number"]).isRequired}},ShipmentsContainer:{displayName:"ShipmentsContainer",permittedChildren:["Shipment","ReactNode","Errors"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SaveCustomerButton:{displayName:"SaveCustomerButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func},defaultProps:{label:"Save"}},ShippingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAmount:{displayName:"ShippingAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},ShippingMethod:{permittedChildren:["ShippingMethodName","ShippingMethodPrice","ShippingMethodRadioButton","DeliveryLeadTime","ReactNode"],displayName:"ShippingMethod",propTypes:{children:childrenTypes_1.default.isRequired,readonly:prop_types_1.default.bool}},ShippingMethodName:{displayName:"ShippingMethodName",propTypes:{children:prop_types_1.default.func}},ShippingMethodRadioButton:{displayName:"ShippingMethodRadioButton",propTypes:{children:prop_types_1.default.func}},ShippingMethodPrice:{displayName:"ShippingMethodPrice",propTypes:{..._typings_1.baseOrderComponentPricePropTypes,type:prop_types_1.default.oneOf(["amount"])},defaultProps:{format:"formatted",type:"amount"}},SkusContainer:{displayName:"SkuContainer",permittedChildren:["Skus","ItemContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Skus:{displayName:"Skus",permittedChildren:["AvailabilityTemplate","SkuField","AddToCartButton","QuantitySelector","Price","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SkuField:{displayName:"SkuField",propTypes:{children:prop_types_1.default.func,attribute:prop_types_1.default.string,tagElement:prop_types_1.default.string}},SkuList:{permittedChildren:["AddToCartButton","QuantitySelector","ReactNode"],displayName:"SkuList",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuListsContainer:{permittedChildren:["SkuList","ReactNode"],displayName:"SkuListsContainer",propTypes:{children:childrenTypes_1.default.isRequired}},StockTransfer:{permittedChildren:["StockTransferField","ReactNode"],displayName:"StockTransfer",propTypes:{children:childrenTypes_1.default.isRequired}},StockTransferField:{displayName:"StockTransferField",propTypes:{children:prop_types_1.default.func}},SubmitButton:{displayName:"SubmitButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Submit"}},SubTotalAmount:{displayName:"SubTotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TaxesAmount:{displayName:"TaxesAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TotalAmount:{displayName:"TotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}}};exports.default=components;

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

@@ -122,8 +122,8 @@ export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<
 export declare type ConditionalElement<E> = ({
     attribute: Extract<keyof E, 'image_url'>;
     tagElement: ExtractTag<'img'>;
-} & JSX.IntrinsicElements['img']) | ({
+} & Omit<JSX.IntrinsicElements['img'], 'children'>) | ({
     attribute: Exclude<keyof E, 'image_url'>;
     tagElement: ExcludeTag<'img'>;
-} & JSX.IntrinsicElements[ExcludeTag<'img'>]);
+} & Omit<JSX.IntrinsicElements[ExcludeTag<'img'>], 'children'>);
 export {};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { ErrorComponentProps } from '../typings/errors';
-declare type Props = ErrorComponentProps & JSX.IntrinsicElements['span'];
+declare type Props = ErrorComponentProps & Omit<JSX.IntrinsicElements['span'], 'children'>;
 export declare function Errors(props: Props): JSX.Element;
 export default Errors;

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

@@ -2,11 +2,11 @@ import { ReactNode } from 'react';
 import { ChildrenFunction } from '../../typings/index';
 interface ChildrenProps extends Omit<Props, 'children'> {
 }
-declare type Props = {
+interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {
     children?: ChildrenFunction<ChildrenProps>;
     label?: string | ReactNode;
     onClick?: () => void;
     addressId?: string;
-} & JSX.IntrinsicElements['button'];
+}
 export declare function SaveAddressesButton(props: Props): JSX.Element;
 export default SaveAddressesButton;