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

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { BaseMetadataObject } from '../../typings/index';
+import type { OrderCreate, Order } from '@commercelayer/sdk';
+declare type Props = {
+    children: ReactNode;
+    metadata?: BaseMetadataObject;
+    attributes?: OrderCreate;
+    orderId?: string;
+    fetchOrder?: (order: Order) => void;
+};
+export declare function OrderContainer(props: Props): JSX.Element;
+export declare namespace OrderContainer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        orderId: import("prop-types").Requireable<string>;
+        metadata: import("prop-types").Requireable<{
+            [x: string]: string | null | undefined;
+        }>;
+        attributes: import("prop-types").Requireable<object>;
+    };
+    var defaultProps: {
+        metadata: {};
+    };
+    var displayName: string;
+}
+export default OrderContainer;

package/lib/cjs/components/orders/OrderContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),OrderReducer_1=tslib_1.__importStar(require("../../reducers/OrderReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),OrderContext_1=tslib_1.__importStar(require("../../context/OrderContext")),components_1=tslib_1.__importDefault(require("../../config/components")),OrderStorageContext_1=tslib_1.__importDefault(require("../../context/OrderStorageContext")),compareObjAttribute_1=tslib_1.__importDefault(require("../../utils/compareObjAttribute")),propTypes=components_1.default.OrderContainer.propTypes,defaultProps=components_1.default.OrderContainer.defaultProps,displayName=components_1.default.OrderContainer.displayName;function OrderContainer(props){const{orderId,children,metadata,attributes,fetchOrder}=props,[state,dispatch]=(0,react_1.useReducer)(OrderReducer_1.default,OrderReducer_1.orderInitialState),[lock,setLock]=(0,react_1.useState)(!1),[lockOrder,setLockOrder]=(0,react_1.useState)(!0),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{persistKey,clearWhenPlaced,getLocalOrder,setLocalOrder,deleteLocalOrder}=(0,react_1.useContext)(OrderStorageContext_1.default);(0,react_1.useEffect)(()=>{state.withoutIncludes||dispatch({type:"setLoading",payload:{loading:!0}})},[state.withoutIncludes]),(0,react_1.useEffect)(()=>{if(attributes&&state?.order&&!lock){const updateAttributes=(0,compareObjAttribute_1.default)({attributes,object:state.order});Object.keys(updateAttributes).length>0&&((0,OrderReducer_1.updateOrder)({id:state.order.id,attributes:updateAttributes,dispatch,config,include:state.include,state}),setLock(!0))}return()=>{if(attributes&&state?.order){const updateAttributes=(0,compareObjAttribute_1.default)({attributes,object:state.order});state.order&&Object.keys(updateAttributes).length===0&&setLock(!1)}}},[attributes,state?.order,lock]),(0,react_1.useEffect)(()=>{const localOrder=persistKey?getLocalOrder(persistKey):orderId,startRequest=Object.keys(state?.includeLoaded||{}).filter(key=>state?.includeLoaded?.[key]===!0),getOrder=async()=>{const removeOrderPlaced=!!(persistKey&&clearWhenPlaced);localOrder&&await(0,OrderReducer_1.getApiOrder)({id:localOrder,dispatch,config,persistKey,clearWhenPlaced:removeOrderPlaced,deleteLocalOrder,state})};return config.accessToken&&!state.loading?localOrder&&!state.order&&state.include?.length===startRequest.length&&!state.withoutIncludes&&!lockOrder?getOrder():state?.order?fetchOrder&&fetchOrder(state.order):state.withoutIncludes&&!state.include?.length&&startRequest.length===0&&getOrder():[config.accessToken,!state.order,state.loading,state.withoutIncludes].every(Boolean)?dispatch({type:"setLoading",payload:{loading:!1}}):[config.accessToken,!state.order,state.loading,!state.withoutIncludes].every(Boolean)&&dispatch({type:"setLoading",payload:{loading:!1}}),()=>{!state.order&&state.loading&&!state.withoutIncludes&&(state.include?.length===0&&startRequest.length>0?dispatch({type:"setLoading",payload:{loading:!1}}):state.include&&state.include?.length>0&&(dispatch({type:"setIncludesResource",payload:{include:[]}}),setLockOrder(!1)))}},[config.accessToken,state.includeLoaded,state.include,orderId,state.order,state.loading,state.withoutIncludes,lockOrder]);const orderValue=(0,react_1.useMemo)(()=>({...state,setOrder:order=>(0,OrderReducer_1.setOrder)(order,dispatch),getOrder:id=>(0,OrderReducer_1.getApiOrder)({id,dispatch,config,state}),setOrderErrors:errors=>(0,OrderReducer_1.setOrderErrors)({dispatch,errors}),createOrder:()=>(0,OrderReducer_1.createOrder)({persistKey,dispatch,config,state,orderMetadata:metadata,orderAttributes:attributes,setLocalOrder}),addToCart:values=>OrderContext_1.defaultOrderContext.addToCart({...values,persistKey,dispatch,state,config,errors:state.errors,orderMetadata:metadata||{},orderAttributes:attributes,setLocalOrder}),saveAddressToCustomerAddressBook:args=>OrderContext_1.defaultOrderContext.saveAddressToCustomerAddressBook({...args,dispatch}),setGiftCardOrCouponCode:({code,codeType})=>OrderContext_1.defaultOrderContext.setGiftCardOrCouponCode({code,codeType,dispatch,order:state.order,config,include:state.include,state}),removeGiftCardOrCouponCode:({codeType})=>OrderContext_1.defaultOrderContext.removeGiftCardOrCouponCode({codeType,dispatch,order:state.order,config,include:state.include,state}),addResourceToInclude:args=>OrderContext_1.defaultOrderContext.addResourceToInclude({...args,dispatch,resourcesIncluded:state.include,resourceIncludedLoaded:state.includeLoaded}),updateOrder:async args=>await OrderContext_1.defaultOrderContext.updateOrder({...args,dispatch,config,include:state.include,state})}),[state,config.accessToken]);return(0,jsx_runtime_1.jsx)(OrderContext_1.default.Provider,{value:orderValue,children})}exports.OrderContainer=OrderContainer,OrderContainer.propTypes=propTypes,OrderContainer.defaultProps=defaultProps,OrderContainer.displayName=displayName,exports.default=OrderContainer;

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

@@ -0,0 +1,61 @@
+import { ReactNode, ReactElement } from 'react';
+import { InitialOrderListContext } from '../../context/OrderListChildrenContext';
+import { Column } from 'react-table';
+declare type Props = {
+    children: ReactNode;
+    /**
+     * Columns to show
+     */
+    columns: (Column & {
+        className?: string;
+    })[];
+    /**
+     * Custom loader component
+     */
+    loadingElement?: ReactElement;
+    /**
+     * Function to assign as custom row renderer
+     */
+    actionsComponent?: InitialOrderListContext['actionsComponent'];
+    /**
+     * Class name to assign to the custom row container
+     */
+    actionsContainerClassName?: string;
+    /**
+     * Show actions column
+     */
+    showActions?: boolean;
+    /**
+     * Class name to assign to the table header
+     */
+    theadClassName?: string;
+    /**
+     * Class name to assign to the table row
+     */
+    rowTrClassName?: string;
+} & JSX.IntrinsicElements['table'] & ({
+    /**
+     * Activate infinity scroll
+     */
+    infiniteScroll: true;
+    /**
+     * The window options to use for the infinite scroll
+     */
+    windowOptions?: {
+        height?: number;
+        itemSize?: number;
+        width?: number;
+        column?: number;
+    };
+} | {
+    infiniteScroll?: false;
+    windowOptions?: never;
+});
+export declare function OrderList({ children, columns, loadingElement, showActions, actionsComponent, actionsContainerClassName, infiniteScroll, windowOptions, theadClassName, rowTrClassName, ...p }: Props): JSX.Element;
+export declare namespace OrderList {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+    var displayName: string;
+}
+export default OrderList;

package/lib/cjs/components/orders/OrderList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderList=void 0;const tslib_1=require("tslib"),react_1=require("react"),jsx_runtime_1=require("react/jsx-runtime"),react_2=require("react"),components_1=tslib_1.__importDefault(require("../../config/components")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),OrderListChildrenContext_1=tslib_1.__importDefault(require("../../context/OrderListChildrenContext")),react_table_1=require("react-table"),react_window_1=require("react-window"),scrollbarWidth_1=tslib_1.__importDefault(require("../../utils/scrollbarWidth")),icons_1=require("../../utils/icons"),propTypes=components_1.default.OrderList.propTypes,displayName=components_1.default.OrderList.displayName;function OrderList({children,columns,loadingElement,showActions=!1,actionsComponent,actionsContainerClassName,infiniteScroll,windowOptions,theadClassName,rowTrClassName,...p}){const[loading,setLoading]=(0,react_2.useState)(!0),{orders}=(0,react_2.useContext)(CustomerContext_1.default),data=(0,react_2.useMemo)(()=>orders,[orders]),cols=(0,react_2.useMemo)(()=>columns,[columns]),tablePlugins=[react_table_1.useSortBy];infiniteScroll&&tablePlugins.push(react_table_1.useBlockLayout);const defaultColumn=(0,react_2.useMemo)(()=>({width:windowOptions?.column||150}),[windowOptions?.column]),table=(0,react_table_1.useTable)({data,columns:cols,...infiniteScroll&&{defaultColumn}},...tablePlugins),TableHtmlElement=infiniteScroll?"div":"table",TheadHtmlElement=infiniteScroll?"div":"thead",TbodyHtmlElement=infiniteScroll?"div":"tbody",ThHtmlElement=infiniteScroll?"div":"th",TrHtmlElement=infiniteScroll?"div":"tr";(0,react_2.useEffect)(()=>(orders&&orders.length>0&&setLoading(!1),()=>{setLoading(!0)}),[orders]);const scrollBarSize=infiniteScroll?(0,react_2.useMemo)(()=>(0,scrollbarWidth_1.default)(),[]):0,LoadingComponent=loadingElement||(0,jsx_runtime_1.jsx)("div",{children:"Loading..."}),headerComponent=table.headerGroups.map((headerGroup,i)=>{const columns2=headerGroup.headers.map((column,k)=>(0,react_1.createElement)(ThHtmlElement,{className:column?.className,...column.getHeaderProps(column?.getSortByToggleProps&&column?.getSortByToggleProps()),key:k},(0,jsx_runtime_1.jsxs)("span",{className:column?.titleClassName,children:[column.render("Header"),column.isSorted?column.isSortedDesc?icons_1.sortDescIcon:icons_1.sortAscIcon:""]})));return(0,react_1.createElement)(TrHtmlElement,{...headerGroup.getHeaderGroupProps(),key:i},columns2)}),components=infiniteScroll?(0,react_2.useCallback)(({index,style})=>{const row=table.rows[index];row&&table.prepareRow(row);const childProps={order:orders?.[index],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return(0,jsx_runtime_1.jsx)(TrHtmlElement,{...row&&row.getRowProps({style}),className:rowTrClassName,children:(0,jsx_runtime_1.jsx)(OrderListChildrenContext_1.default.Provider,{value:childProps,children})})},[table.prepareRow,table.rows]):table.rows.map((row,i)=>{table.prepareRow(row);const childProps={order:orders?.[i],row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll};return(0,react_1.createElement)(TrHtmlElement,{...row.getRowProps(),className:rowTrClassName,key:i},(0,jsx_runtime_1.jsx)(OrderListChildrenContext_1.default.Provider,{value:childProps,children}))});return loading?LoadingComponent:(0,jsx_runtime_1.jsxs)(TableHtmlElement,{...p,...table.getTableProps(),children:[(0,jsx_runtime_1.jsx)(TheadHtmlElement,{className:theadClassName,children:headerComponent}),(0,jsx_runtime_1.jsx)(TbodyHtmlElement,{...table.getTableBodyProps(),children:infiniteScroll?(0,jsx_runtime_1.jsx)(react_window_1.FixedSizeList,{height:windowOptions?.height||400,itemCount:table.rows.length,itemSize:windowOptions?.itemSize||100,width:windowOptions?.width||table.totalColumnsWidth+scrollBarSize,children:components}):components})]})}exports.OrderList=OrderList,OrderList.propTypes=propTypes,OrderList.displayName=displayName,exports.default=OrderList;

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

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { Cell, Row } from 'react-table';
+import type { Order } from '@commercelayer/sdk';
+declare type ChildrenProps = Omit<Props, 'children'> & {
+    /**
+     * The order resource
+     */
+    order: Order;
+    /**
+     * The current row
+     */
+    row: Row;
+    /**
+     * The current cell
+     */
+    cell: Cell[];
+    /**
+     * Infinite scroll enabled
+     */
+    infiniteScroll: boolean;
+};
+declare type Props = {
+    children?: (props: ChildrenProps) => ReactNode;
+    /**
+     * The order field to show
+     */
+    field: keyof Order;
+} & JSX.IntrinsicElements['td'];
+export declare function OrderListRow({ field, children, ...p }: Props): JSX.Element;
+export default OrderListRow;

package/lib/cjs/components/orders/OrderListRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderListRow=void 0;const tslib_1=require("tslib"),react_1=require("react"),jsx_runtime_1=require("react/jsx-runtime"),react_2=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderListChildrenContext_1=tslib_1.__importDefault(require("../../context/OrderListChildrenContext")),isDate_1=tslib_1.__importDefault(require("../../utils/isDate")),last_1=tslib_1.__importDefault(require("lodash/last"));function OrderListRow({field,children,...p}){const{order,row,showActions,actionsComponent,actionsContainerClassName,infiniteScroll}=(0,react_2.useContext)(OrderListChildrenContext_1.default),cell=row?.cells.filter(cell2=>cell2.column.id===field),isLastRow=(0,last_1.default)(row?.cells)?.column.id===field,As=infiniteScroll?"div":"td",ActionRow=()=>showActions&&isLastRow&&actionsComponent&&(0,jsx_runtime_1.jsx)(As,{...p,className:actionsContainerClassName,children:(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:actionsComponent})})||null,parentProps={...p,field,order,row,cell,infiniteScroll};return children?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}),(0,jsx_runtime_1.jsx)(ActionRow,{})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[cell?.map((cell2,k)=>{const cellValue=cell2.value,value=(0,isDate_1.default)(cellValue)?new Date(Date.parse(cellValue)).toLocaleString():cell2.render("Cell");return(0,react_1.createElement)(As,{...p,...cell2.getCellProps(),key:k},value)}),(0,jsx_runtime_1.jsx)(ActionRow,{})]})}exports.OrderListRow=OrderListRow,exports.default=OrderListRow;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BaseFieldProps } from '../utils/BaseField';
+declare type Props = Omit<BaseFieldProps, 'attribute'>;
+export declare function OrderNumber(props: Props): JSX.Element;
+export declare namespace OrderNumber {
+    var propTypes: {
+        className: import("prop-types").Requireable<string>;
+    };
+    var displayName: string;
+}
+export default OrderNumber;

package/lib/cjs/components/orders/OrderNumber.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderNumber=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../../config/components")),BaseField_1=tslib_1.__importDefault(require("../utils/BaseField")),propTypes=components_1.default.OrderNumber.propTypes,displayName=components_1.default.OrderNumber.displayName;function OrderNumber(props){return(0,jsx_runtime_1.jsx)(BaseField_1.default,{attribute:"number",...props})}exports.OrderNumber=OrderNumber,OrderNumber.propTypes=propTypes,OrderNumber.displayName=displayName,exports.default=OrderNumber;

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

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

package/lib/cjs/components/orders/OrderStorage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderStorage=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderStorageContext_1=tslib_1.__importDefault(require("../../context/OrderStorageContext")),components_1=tslib_1.__importDefault(require("../../config/components")),localStorage_1=require("../../utils/localStorage"),propTypes=components_1.default.OrderStorage.propTypes,displayName=components_1.default.OrderStorage.displayName;function OrderStorage(props){const{children,clearWhenPlaced=!0,...p}=props;return(0,jsx_runtime_1.jsx)(OrderStorageContext_1.default.Provider,{value:{...p,setLocalOrder:localStorage_1.setLocalOrder,getLocalOrder:localStorage_1.getLocalOrder,deleteLocalOrder:localStorage_1.deleteLocalOrder,clearWhenPlaced},children})}exports.OrderStorage=OrderStorage,OrderStorage.propTypes=propTypes,OrderStorage.displayName=displayName,exports.default=OrderStorage;

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

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

package/lib/cjs/components/orders/PlaceOrderButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PlaceOrderButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction")),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails")),propTypes=components_1.default.PlaceOrderButton.propTypes,defaultProps=components_1.default.PlaceOrderButton.defaultProps,displayName=components_1.default.PlaceOrderButton.displayName;function PlaceOrderButton(props){const{children,label="Place order",disabled,onClick,...p}=props,{isPermitted,setPlaceOrder,options,paymentType}=(0,react_1.useContext)(PlaceOrderContext_1.default),[notPermitted,setNotPermitted]=(0,react_1.useState)(!0),[forceDisable,setForceDisable]=(0,react_1.useState)(disabled),{currentPaymentMethodRef,loading,currentPaymentMethodType,paymentSource}=(0,react_1.useContext)(PaymentMethodContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),isFree=order?.total_amount_with_taxes_cents===0;(0,react_1.useEffect)(()=>{if(loading)setNotPermitted(loading);else if(paymentType===currentPaymentMethodType&&paymentType){const card=(0,getCardDetails_1.default)({customerPayment:{payment_source:paymentSource},paymentType});(isFree&&isPermitted||currentPaymentMethodRef?.current?.onsubmit||card.brand)&&isPermitted&&setNotPermitted(!1)}else setNotPermitted(!(isFree&&isPermitted));return()=>{setNotPermitted(!0)}},[isPermitted,paymentType,currentPaymentMethodRef?.current?.onsubmit,loading,currentPaymentMethodType,order,paymentSource]),(0,react_1.useEffect)(()=>{paymentType==="paypal_payments"&&options?.paypalPayerId&&order?.status&&["draft","pending"].includes(order?.status)&&handleClick()},[options?.paypalPayerId,paymentType]),(0,react_1.useEffect)(()=>{paymentType==="adyen_payments"&&options?.adyen?.MD&&options?.adyen?.PaRes&&order?.status&&["draft","pending"].includes(order?.status)&&handleClick()},[options?.adyen,paymentType]),(0,react_1.useEffect)(()=>{paymentType==="checkout_com_payments"&&options?.checkoutCom?.session_id&&order?.status&&["draft","pending"].includes(order?.status)&&handleClick()},[options?.checkoutCom,paymentType]);const handleClick=async()=>{let isValid=!0;setForceDisable(!0);const card=paymentType&&(0,getCardDetails_1.default)({paymentType,customerPayment:{payment_source:paymentSource}});currentPaymentMethodRef?.current?.onsubmit&&[!options?.paypalPayerId,!options?.adyen?.MD,!options?.checkoutCom?.session_id].every(Boolean)?isValid=await currentPaymentMethodRef.current?.onsubmit(paymentSource):card?.brand&&(isValid=!0);const placed=isValid&&setPlaceOrder&&(paymentSource||isFree)&&await setPlaceOrder({paymentSource});setForceDisable(!1),onClick&&placed&&onClick(placed)},disabledButton=disabled!==void 0?disabled:notPermitted,parentProps={...p,label,disabled:disabledButton,handleClick};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disabledButton||forceDisable,onClick:handleClick,...p,children:(0,isFunction_1.default)(label)?label():label})}exports.PlaceOrderButton=PlaceOrderButton,PlaceOrderButton.propTypes=propTypes,PlaceOrderButton.defaultProps=defaultProps,PlaceOrderButton.displayName=displayName,exports.default=PlaceOrderButton;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { PlaceOrderOptions } from '../../reducers/PlaceOrderReducer';
+declare type Props = {
+    children: ReactNode;
+    options?: PlaceOrderOptions;
+};
+export declare function PlaceOrderContainer(props: Props): JSX.Element;
+export declare namespace PlaceOrderContainer {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+    var displayName: string;
+}
+export default PlaceOrderContainer;

package/lib/cjs/components/orders/PlaceOrderContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PlaceOrderContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),react_1=require("react"),PlaceOrderReducer_1=tslib_1.__importStar(require("../../reducers/PlaceOrderReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),components_1=tslib_1.__importDefault(require("../../config/components")),PlaceOrderReducer_2=require("../../reducers/PlaceOrderReducer"),propTypes=components_1.default.PlaceOrderContainer.propTypes,displayName=components_1.default.PlaceOrderContainer.displayName;function PlaceOrderContainer(props){const{children,options}=props,[state,dispatch]=(0,react_1.useReducer)(PlaceOrderReducer_1.default,PlaceOrderReducer_1.placeOrderInitialState),{order,setOrder,setOrderErrors,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{include?.includes("shipments.available_shipping_methods")?includeLoaded?.["shipments.available_shipping_methods"]||addResourceToInclude({newResourceLoaded:{"shipments.available_shipping_methods":!0,"shipments.shipment_line_items.line_item":!0,"shipments.shipping_method":!0,"shipments.stock_transfers.line_item":!0,"shipments.stock_location":!0}}):addResourceToInclude({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers.line_item","shipments.stock_location"]}),include?.includes("billing_address")?includeLoaded?.billing_address||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),include?.includes("shipping_address")?includeLoaded?.shipping_address||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address",resourcesIncluded:include}),order&&(0,PlaceOrderReducer_1.placeOrderPermitted)({config,dispatch,order,options:{...options}})},[order,include,includeLoaded]);const contextValue={...state,setPlaceOrder:({paymentSource})=>(0,PlaceOrderReducer_2.setPlaceOrder)({config,order,state,setOrderErrors,paymentSource,include,setOrder}),placeOrderPermitted:()=>(0,PlaceOrderReducer_1.placeOrderPermitted)({config,dispatch,order,options:{...options}})};return(0,jsx_runtime_1.jsx)(PlaceOrderContext_1.default.Provider,{value:contextValue,children})}exports.PlaceOrderContainer=PlaceOrderContainer,PlaceOrderContainer.propTypes=propTypes,PlaceOrderContainer.displayName=displayName,exports.default=PlaceOrderContainer;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BaseInputProps } from '../utils/BaseInput';
+export declare function PrivacyAndTermsCheckbox(props: Partial<BaseInputProps>): JSX.Element;
+export declare namespace PrivacyAndTermsCheckbox {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    var displayName: string;
+}
+export default PrivacyAndTermsCheckbox;

package/lib/cjs/components/orders/PrivacyAndTermsCheckbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PrivacyAndTermsCheckbox=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),PlaceOrderContext_1=tslib_1.__importDefault(require("../../context/PlaceOrderContext")),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),propTypes=components_1.default.PrivacyAndTermsCheckbox.propTypes,displayName=components_1.default.PrivacyAndTermsCheckbox.displayName;function PrivacyAndTermsCheckbox(props){const{order}=(0,react_1.useContext)(OrderContext_1.default),{placeOrderPermitted}=(0,react_1.useContext)(PlaceOrderContext_1.default),[forceDisabled,setForceDisabled]=(0,react_1.useState)(!0),[checked,setChecked]=(0,react_1.useState)(!1),fieldName="privacy-terms",handleChange=e=>{const v=e.target?.checked;setChecked(v),localStorage.setItem(fieldName,`${v}`),placeOrderPermitted&&placeOrderPermitted()};return(0,react_1.useEffect)(()=>(order?.privacy_url&&order?.terms_url&&setForceDisabled(!1),checked||localStorage.setItem(fieldName,`${checked}`),()=>{setForceDisabled(!0),localStorage.removeItem(fieldName)}),[order?.privacy_url,order?.terms_url]),(0,jsx_runtime_1.jsx)(BaseInput_1.default,{type:"checkbox",name:fieldName,disabled:forceDisabled,onChange:handleChange,checked,...props})}exports.PrivacyAndTermsCheckbox=PrivacyAndTermsCheckbox,PrivacyAndTermsCheckbox.propTypes=propTypes,PrivacyAndTermsCheckbox.displayName=displayName,exports.default=PrivacyAndTermsCheckbox;

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

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

package/lib/cjs/components/orders/SubTotalAmount.js

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

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

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

package/lib/cjs/components/orders/TaxesAmount.js

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

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

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

package/lib/cjs/components/orders/TotalAmount.js

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

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { LoaderType } from '../../typings/index';
+declare type ShipmentProps = {
+    children: ReactNode;
+    loader?: LoaderType;
+    autoSelectSingleShippingMethod?: boolean | (() => void);
+};
+export declare function Shipment({ children, loader, autoSelectSingleShippingMethod, }: ShipmentProps): JSX.Element;
+export declare namespace Shipment {
+    var propTypes: {
+        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+    };
+    var displayName: string;
+}
+export default Shipment;

package/lib/cjs/components/shipments/Shipment.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Shipment=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),components_1=tslib_1.__importDefault(require("../../config/components")),getLoaderComponent_1=tslib_1.__importDefault(require("../../utils/getLoaderComponent")),propTypes=components_1.default.Shipment.propTypes,displayName=components_1.default.Shipment.displayName;function Shipment({children,loader="Loading...",autoSelectSingleShippingMethod=!1}){const[loading,setLoading]=(0,react_1.useState)(!0),{shipments,deliveryLeadTimes,setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default);(0,react_1.useEffect)(()=>{shipments&&(autoSelectSingleShippingMethod?(async()=>await shipments.forEach(async shipment=>{const isSingle=shipment?.available_shipping_methods?.length===1;if(!shipment?.shipping_method&&isSingle){const[shippingMethod]=shipment?.available_shipping_methods||[];shippingMethod&&await setShippingMethod(shipment.id,shippingMethod.id),typeof autoSelectSingleShippingMethod=="function"&&autoSelectSingleShippingMethod()}else setTimeout(()=>{setLoading(!1)},200)}))():setLoading(!1))},[shipments]);const components=shipments&&shipments.map((shipment,k)=>{const lineItems=shipment.shipment_line_items?.map(shipmentLineItem=>{const l=shipmentLineItem.line_item;return l&&(l.quantity=shipmentLineItem.quantity),l}),shippingMethods=shipment.available_shipping_methods,currentShippingMethodId=autoSelectSingleShippingMethod&&shippingMethods&&shippingMethods.length===1?shippingMethods[0]?.id:shipment.shipping_method?.id,stockTransfers=shipment.stock_transfers,times=deliveryLeadTimes?.filter(time=>time.stock_location?.id===shipment.stock_location?.id),shipmentProps={lineItems,shippingMethods,currentShippingMethodId,stockTransfers,deliveryLeadTimes:times,shipment,keyNumber:k+1};return(0,jsx_runtime_1.jsx)(ShipmentChildrenContext_1.default.Provider,{value:shipmentProps,children},k)});return loading?(0,getLoaderComponent_1.default)(loader):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Shipment=Shipment,Shipment.propTypes=propTypes,Shipment.displayName=displayName,exports.default=Shipment;

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { Shipment } from '@commercelayer/sdk';
+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 = {
+    children?: (props: ShipmentFieldChildrenProps) => ReactNode;
+    name: ShipmentAttribute;
+} & JSX.IntrinsicElements['span'];
+export declare function ShipmentField(props: Props): JSX.Element;
+export declare namespace ShipmentField {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        name: import("prop-types").Validator<ShipmentAttribute>;
+    };
+    var displayName: string;
+}
+export default ShipmentField;

package/lib/cjs/components/shipments/ShipmentField.js

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

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

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

package/lib/cjs/components/shipments/ShipmentsContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShipmentContext_1=tslib_1.__importStar(require("../../context/ShipmentContext")),react_1=require("react"),ShipmentReducer_1=tslib_1.__importStar(require("../../reducers/ShipmentReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),components_1=tslib_1.__importDefault(require("../../config/components")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),propTypes=components_1.default.ShipmentsContainer.propTypes,displayName=components_1.default.ShipmentsContainer.displayName;function ShipmentsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShipmentReducer_1.default,ShipmentReducer_1.shipmentInitialState),{order,getOrder,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{include?.includes("shipments.available_shipping_methods")?includeLoaded?.["shipments.available_shipping_methods"]||addResourceToInclude({newResourceLoaded:{"shipments.available_shipping_methods":!0,"shipments.shipment_line_items.line_item":!0,"shipments.shipping_method":!0,"shipments.stock_transfers.line_item":!0,"shipments.stock_location":!0}}):addResourceToInclude({newResource:["shipments.available_shipping_methods","shipments.shipment_line_items.line_item","shipments.shipping_method","shipments.stock_transfers.line_item","shipments.stock_location"]}),order&&!(0,isEmpty_1.default)(config)&&order.shipments&&(0,ShipmentReducer_1.getShipments)({order,dispatch,config})},[order,include,includeLoaded]),(0,react_1.useEffect)(()=>(order&&(order.shipments&&order.shipments.length>0&&order.shipments.map(shipment=>shipment.available_shipping_methods&&shipment.available_shipping_methods.length>0).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"NO_SHIPPING_METHODS",message:"No shipping methods",resource:"shipments"}],dispatch),order.line_items&&order.line_items.length>0&&order.line_items.filter(({item_type})=>item_type==="skus").map(lineItem=>!!(lineItem.item?.do_not_ship||lineItem.item?.do_not_track||lineItem.item?.inventory?.quantity>=lineItem?.quantity)).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"OUT_OF_STOCK",message:"No stock available",resource:"line_items"}],dispatch)),()=>{(0,ShipmentReducer_1.setShipmentErrors)([],dispatch)}),[order?.shipments]);const contextValue={...state,setShipmentErrors:errors=>ShipmentContext_1.defaultShipmentContext.setShipmentErrors(errors,dispatch),setShippingMethod:async(shipmentId,shippingMethodId)=>await(0,ShipmentReducer_1.setShippingMethod)({shippingMethodId,shipmentId,config,getOrder,order})};return(0,jsx_runtime_1.jsx)(ShipmentContext_1.default.Provider,{value:contextValue,children})}exports.ShipmentsContainer=ShipmentsContainer,ShipmentsContainer.propTypes=propTypes,ShipmentsContainer.displayName=displayName,exports.default=ShipmentsContainer;

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

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

package/lib/cjs/components/shipping_methods/ShippingMethod.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethod=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),components_1=tslib_1.__importDefault(require("../../config/components")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),propTypes=components_1.default.ShippingMethod.propTypes,displayName=components_1.default.ShippingMethod.displayName;function ShippingMethod(props){const{children,readonly,emptyText="There are not any shipping method available"}=props,{shippingMethods,currentShippingMethodId,deliveryLeadTimes,shipment}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),[items,setItems]=(0,react_1.useState)([]);(0,react_1.useEffect)(()=>{const methods=shippingMethods&&shippingMethods.filter(s=>readonly?s.id===currentShippingMethodId:!0).map((shippingMethod,k)=>{const[deliveryLeadTimeForShipment]=deliveryLeadTimes?.filter(delivery=>{const deliveryShippingMethodId=delivery.shipping_method?.id;return shippingMethod.id===deliveryShippingMethodId}),shippingProps={shipmentId:shipment?.id,shippingMethod,currentShippingMethodId,deliveryLeadTimeForShipment};return(0,jsx_runtime_1.jsx)(ShippingMethodChildrenContext_1.default.Provider,{value:shippingProps,children},k)});methods&&setItems(methods)},[currentShippingMethodId,deliveryLeadTimes,shippingMethods]);const components=!(0,isEmpty_1.default)(items)&&items||emptyText;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:components})}exports.ShippingMethod=ShippingMethod,ShippingMethod.propTypes=propTypes,ShippingMethod.displayName=displayName,exports.default=ShippingMethod;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { ShippingMethod } from '@commercelayer/sdk';
+declare type ChildrenProps = Omit<Props, 'children'> & {
+    label: string;
+    shippingMethod: ShippingMethod;
+};
+declare type Props = {
+    children?: (props: ChildrenProps) => ReactNode;
+} & JSX.IntrinsicElements['label'];
+export declare function ShippingMethodName(props: Props): JSX.Element;
+export declare namespace ShippingMethodName {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    var displayName: string;
+}
+export default ShippingMethodName;

package/lib/cjs/components/shipping_methods/ShippingMethodName.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodName=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.ShippingMethodName.propTypes,displayName=components_1.default.ShippingMethodName.displayName;function ShippingMethodName(props){const{shippingMethod,deliveryLeadTimeForShipment,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),htmlFor=`shipment-${shipmentId}-${shippingMethod?.id}`||"",labelName=shippingMethod?.name,parentProps={shippingMethod,deliveryLeadTimeForShipment,label:labelName,htmlFor,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("label",{htmlFor,...props,children:labelName})}exports.ShippingMethodName=ShippingMethodName,ShippingMethodName.propTypes=propTypes,ShippingMethodName.displayName=displayName,exports.default=ShippingMethodName;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { BaseAmountComponent } from '../../typings/index';
+declare type Props = BaseAmountComponent & {
+    labelFreeOver?: string;
+} & ({
+    type?: 'amount';
+    base?: 'freeOver';
+} | {
+    type?: 'amount' | 'amountForShipment';
+    base?: 'price';
+});
+export declare function ShippingMethodPrice(props: Props): JSX.Element;
+export declare namespace ShippingMethodPrice {
+    var propTypes: {
+        type: import("prop-types").Requireable<"amount">;
+        id: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<object>;
+        name: import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+        format: import("prop-types").Requireable<import("../../typings/index").BaseFormatPrice>;
+    };
+    var displayName: string;
+}
+export default ShippingMethodPrice;

package/lib/cjs/components/shipping_methods/ShippingMethodPrice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodPrice=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.ShippingMethodPrice.propTypes,displayName=components_1.default.ShippingMethodPrice.displayName;function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",...p}=props,{shippingMethod}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[priceCents,setPriceCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{if(shippingMethod){const p2=(0,getAmount_1.default)({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=(0,getAmount_1.default)({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps={price,...p},finalPrice=priceCents===0?labelFreeOver:price;return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...p,children:finalPrice})}exports.ShippingMethodPrice=ShippingMethodPrice,ShippingMethodPrice.propTypes=propTypes,ShippingMethodPrice.displayName=displayName,exports.default=ShippingMethodPrice;

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import type { ShippingMethod } from '@commercelayer/sdk';
+export declare type ShippingMethodRadioButtonType = Omit<Props, 'children'> & {
+    shippingMethod: ShippingMethod;
+    shipmentId: string;
+};
+export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
+declare type Props = {
+    children?: (props: ShippingMethodRadioButtonType) => ReactNode;
+    onChange?: ShippingMethodRadioButtonOnChangeType;
+} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
+export declare function ShippingMethodRadioButton(props: Props): JSX.Element;
+export declare namespace ShippingMethodRadioButton {
+    var propTypes: {
+        children: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    var displayName: string;
+}
+export default ShippingMethodRadioButton;

package/lib/cjs/components/shipping_methods/ShippingMethodRadioButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),propTypes=components_1.default.ShippingMethodRadioButton.propTypes,displayName=components_1.default.ShippingMethodRadioButton.displayName;function ShippingMethodRadioButton(props){const{onChange,...p}=props,[checked,setChecked]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId}`,id=`${name}-${shippingMethodId}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId]);const handleOnChange=async()=>{shipmentId&&shippingMethodId&&(setChecked(!0),await setShippingMethod(shipmentId,shippingMethodId),shippingMethod&&onChange&&onChange(shippingMethod,shipmentId))},parentProps={shippingMethod,shipmentId,handleOnChange,name,id,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("input",{type:"radio",name,id,onChange:handleOnChange,checked,...p})}exports.ShippingMethodRadioButton=ShippingMethodRadioButton,ShippingMethodRadioButton.propTypes=propTypes,ShippingMethodRadioButton.displayName=displayName,exports.default=ShippingMethodRadioButton;

package/lib/cjs/components/skus/SkuField.d.ts

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

package/lib/cjs/components/skus/SkuField.js

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

package/lib/cjs/components/skus/SkuList.d.ts

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

package/lib/cjs/components/skus/SkuList.js

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

package/lib/cjs/components/skus/SkuListsContainer.d.ts

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

package/lib/cjs/components/skus/SkuListsContainer.js

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

package/lib/cjs/components/skus/SkuOption.d.ts

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

package/lib/cjs/components/skus/SkuOption.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOption=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOption.propTypes,displayName=components_1.default.SkuOption.displayName;function SkuOption(props){const{id}=props,{skuOptions,skuCode}=(0,react_1.useContext)(SkuOptionsContext_1.default),items=skuOptions&&skuOptions.filter(l=>l.id===id).map((skuOption,k)=>(0,jsx_runtime_1.jsx)(SkuOptionChildrenContext_1.default.Provider,{value:{skuOption,skuCode},children:props.children},k));return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:items})}exports.SkuOption=SkuOption,SkuOption.propTypes=propTypes,SkuOption.displayName=displayName,exports.default=SkuOption;