@commercelayer/react-components 4.0.0-alpha.12 → 4.0.0-alpha.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "4.0.0-alpha.12",
+  "version": "4.0.0-alpha.14",
   "description": "The Official Commerce Layer React Components",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
@@ -132,7 +132,7 @@
     "build": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && pnpm postbuild",
     "build:dev": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json",
     "postbuild": "tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json &&  minimize-js lib -w -s",
-    "start": "NODE_OPTIONS='--inspect' next dev"
+    "dev": "NODE_OPTIONS='--inspect' next dev"
   },
   "repository": {
     "type": "git",

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    skuCode?: string | null;
-    lineItem?: {
-        name: string;
-        imageUrl?: string | null;
-    } | null;
-}
-export declare function ItemContainer(props: Props): JSX.Element;
-export default ItemContainer;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ItemContext_1=tslib_1.__importStar(require("../../context/ItemContext")),ItemReducer_1=tslib_1.__importStar(require("../../reducers/ItemReducer"));function ItemContainer(props){const{children,skuCode,lineItem}=props,[state,dispatch]=(0,react_1.useReducer)(ItemReducer_1.default,ItemReducer_1.itemInitialState);(0,react_1.useEffect)(()=>{const code=skuCode;code&&(0,ItemReducer_1.setItemState)(code,{type:"setSkuCode",key:"skuCode"},dispatch),lineItem&&(0,ItemReducer_1.setItemState)(lineItem,{type:"setCustomLineItem",key:"lineItem"},dispatch)},[]);const setItems=items=>(0,ItemReducer_1.setItemState)(items,{type:"setItems",key:"items"},dispatch),setItem=item=>(0,ItemReducer_1.setItemState)(item,{type:"setItem",key:"item"},dispatch),setQuantity=item=>(0,ItemReducer_1.setItemState)(item,{type:"setQuantity",key:"quantity"},dispatch),setOption=item=>(0,ItemReducer_1.setItemState)(item,{type:"setOption",key:"option"},dispatch),setPrices=item=>(0,ItemReducer_1.setItemState)(item,{type:"setPrices",key:"prices"},dispatch),setCustomLineItems=item=>(0,ItemReducer_1.setItemState)(item,{type:"setCustomLineItems",key:"lineItems"},dispatch),setSkuCode=code=>(0,ItemReducer_1.setItemState)(code,{type:"setSkuCode",key:"skuCode"},dispatch),itemValue={...ItemContext_1.initialItemContext,...state,setItems,setItem,setQuantity,setOption,setPrices,setCustomLineItems,setSkuCode};return(0,jsx_runtime_1.jsx)(ItemContext_1.default.Provider,{value:itemValue,children})}exports.ItemContainer=ItemContainer,exports.default=ItemContainer;

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

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

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

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

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

@@ -1,14 +0,0 @@
-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<NonNullable<ReactNode | (() => JSX.Element)>>;
-        id: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
-export default SkuOption;

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

@@ -1 +0,0 @@
-"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;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BaseInputComponentProps } from '../../typings/index';
-declare type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-export declare function SkuOptionInput(props: Props): JSX.Element;
-export declare namespace SkuOptionInput {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<string>;
-        type: import("prop-types").Validator<NonNullable<import("../../typings/index").BaseInputType>>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
-export default SkuOptionInput;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionInput=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuOptionChildrenContext")),has_1=tslib_1.__importDefault(require("lodash/has")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOptionInput.propTypes,displayName=components_1.default.SkuOptionInput.displayName;function SkuOptionInput(props){const{name}=props,{option,setOption}=(0,react_1.useContext)(ItemContext_1.default),{skuOption,skuCode}=(0,react_1.useContext)(SkuOptionChildrenContext_1.default),handleChange=event=>{const val=event.target.value,options=(0,has_1.default)(option,`${skuCode}.${skuOption?.id}`)?option[skuCode]?.[`${skuOption?.id}`]?.options:{},o={[skuCode]:{...option[skuCode],[`${skuOption?.id}`]:{skuOptionId:skuOption?.id,options:{...options,[name]:val}}}};setOption&&setOption(o)};return(0,jsx_runtime_1.jsx)(BaseInput_1.default,{onChange:handleChange,...props})}exports.SkuOptionInput=SkuOptionInput,SkuOptionInput.propTypes=propTypes,SkuOptionInput.displayName=displayName,exports.default=SkuOptionInput;

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

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-declare type Props = {
-    children: ReactNode;
-    skuCode?: string;
-};
-export declare function SkuOptionsContainer(props: Props): JSX.Element;
-export declare namespace SkuOptionsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        skuCode: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
-export default SkuOptionsContainer;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuOptionsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuOptionsContext_1=tslib_1.__importDefault(require("../../context/SkuOptionsContext")),SkuOptionsReducer_1=tslib_1.__importStar(require("../../reducers/SkuOptionsReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),lodash_1=require("lodash"),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext")),SkuOptionsReducer_2=require("../../reducers/SkuOptionsReducer"),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.SkuOptionsContainer.propTypes,displayName=components_1.default.SkuOptionsContainer.displayName;function SkuOptionsContainer(props){const{skuCode,children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuOptionsReducer_1.default,SkuOptionsReducer_1.skuOptionsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{item,items}=(0,react_1.useContext)(ItemContext_1.default),sCode=!(0,lodash_1.isEmpty)(items)&&skuCode?items[skuCode]?.code:skuCode||(0,getCurrentItemKey_1.default)(item),skuOptionsValue={...state,skuCode:sCode};return(0,react_1.useEffect)(()=>(sCode&&item[sCode]?.sku_options&&(0,SkuOptionsReducer_2.getSkuOptions)({skuOptions:item[sCode]?.sku_options,dispatch}),()=>{(0,lodash_1.isEmpty)(sCode)&&dispatch({type:"setSkuOptions",payload:{skuOptions:[]}})}),[config,sCode]),(0,jsx_runtime_1.jsx)(SkuOptionsContext_1.default.Provider,{value:skuOptionsValue,children})}exports.SkuOptionsContainer=SkuOptionsContainer,SkuOptionsContainer.propTypes=propTypes,SkuOptionsContainer.displayName=displayName,exports.default=SkuOptionsContainer;

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

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { VariantHandleCallback } from '../utils/VariantTemplate';
-import { BaseSelectorType } from '../../typings/index';
-import { ChildrenFunction } from '../../typings/index';
-import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-export interface VariantOption {
-    label: string;
-    code: string;
-    lineItem?: {
-        name: string;
-        imageUrl?: string | null;
-    } | null;
-}
-interface ChildrenProps extends Omit<Props, 'children'> {
-    variants: VariantsObject;
-    handleSelect: SetSkuCode;
-    loading: boolean;
-}
-declare type Props = {
-    children?: ChildrenFunction<ChildrenProps>;
-    options: VariantOption[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-    handleCallback?: VariantHandleCallback;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-export declare function VariantSelector(props: Props): JSX.Element;
-export default VariantSelector;

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

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

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    children: JSX.Element | JSX.Element[];
-    filters?: Record<string, any>;
-    skuCode?: string;
-}
-export declare function VariantsContainer(props: Props): JSX.Element;
-export default VariantsContainer;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VariantsContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantReducer_1=tslib_1.__importStar(require("../../reducers/VariantReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),VariantsContext_1=tslib_1.__importDefault(require("../../context/VariantsContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),isEqual_1=tslib_1.__importDefault(require("lodash/isEqual")),getCurrentItemKey_1=tslib_1.__importDefault(require("../../utils/getCurrentItemKey")),ItemContext_1=tslib_1.__importDefault(require("../../context/ItemContext"));function VariantsContainer(props){const{children,skuCode="",filters={}}=props,config=(0,react_1.useContext)(CommerceLayerContext_1.default);if(config.accessToken==null)throw new Error("Cannot use `VariantsContainer` outside of `CommerceLayer`");const{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode,setSkuCode:setItemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),[state,dispatch]=(0,react_1.useReducer)(VariantReducer_1.default,VariantReducer_1.variantInitialState),sCode=(0,getCurrentItemKey_1.default)(currentItem)||skuCode||state.skuCode||itemSkuCode||"";(0,react_1.useEffect)(()=>{if(!(0,isEmpty_1.default)(items)&&!(0,isEmpty_1.default)(state.variants)&&!(0,isEqual_1.default)(items,state.variants)){const mergeItems={...items,...state.variants};setItems&&setItems(mergeItems)}return console.log("state.skuCodes",state.skuCodes),state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),(0,VariantReducer_1.getVariants)({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>(0,VariantReducer_1.unsetVariantState)(dispatch)},[config?.accessToken]);const variantValue={...state,skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{!(0,isEmpty_1.default)(lineItem)&&setCustomLineItems&&setCustomLineItems({[code]:lineItem}),(0,VariantReducer_1.setSkuCode)({code,id,config,setItem,dispatch,setItemSkuCode})},setSkuCodes:skuCodes=>(0,VariantReducer_1.setVariantSkuCodes)({skuCodes,dispatch,setCustomLineItems})};return(0,jsx_runtime_1.jsx)(VariantsContext_1.default.Provider,{value:variantValue,children})}exports.VariantsContainer=VariantsContainer,exports.default=VariantsContainer;

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

@@ -1,36 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { BaseSelectorType } from '../../typings/index';
-import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-import { VariantOption } from '../skus/VariantSelector';
-export declare const propTypes: {
-    variants: PropTypes.Validator<any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    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>;
-};
-export declare type VariantHandleCallback = (variant: VariantOption) => void;
-export declare type VariantTemplateProps = {
-    variants: VariantsObject | Record<string, any>;
-    handleChange?: SetSkuCode;
-    options: VariantOption[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-    handleCallback?: VariantHandleCallback;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
-export default VariantTemplate;

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

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

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ItemState, Items, ItemQuantity, ItemOptions, ItemPrices, CustomLineItems } from '../reducers/ItemReducer';
-export interface InitItemContext extends Partial<ItemState> {
-    item: Items;
-    items: Items;
-    quantity: ItemQuantity;
-    option: ItemOptions;
-    prices: ItemPrices;
-    lineItems: CustomLineItems;
-}
-export declare const initialItemContext: InitItemContext;
-declare const ItemContext: import("react").Context<InitItemContext>;
-export default ItemContext;

package/lib/cjs/context/ItemContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.initialItemContext=void 0;const react_1=require("react");exports.initialItemContext={item:{},items:{},quantity:{},option:{},prices:{},lineItems:{}};const ItemContext=(0,react_1.createContext)(exports.initialItemContext);exports.default=ItemContext;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { SkuOption } from '@commercelayer/sdk';
-export interface SkuOptionChildrenInitalState {
-    skuOption?: SkuOption | null;
-    skuCode: string;
-}
-declare const SkuOptionChildrenContext: import("react").Context<SkuOptionChildrenInitalState>;
-export default SkuOptionChildrenContext;

package/lib/cjs/context/SkuOptionChildrenContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),initial={skuCode:""},SkuOptionChildrenContext=(0,react_1.createContext)(initial);exports.default=SkuOptionChildrenContext;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SkuOptionsContext: import("react").Context<import("../reducers/SkuOptionsReducer").SkuOptionsState>;
-export default SkuOptionsContext;

package/lib/cjs/context/SkuOptionsContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),SkuOptionsReducer_1=require("../reducers/SkuOptionsReducer"),SkuOptionsContext=(0,react_1.createContext)(SkuOptionsReducer_1.skuOptionsInitialState);exports.default=SkuOptionsContext;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const VariantsContext: import("react").Context<import("../reducers/VariantReducer").VariantState>;
-export default VariantsContext;

package/lib/cjs/context/VariantsContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),VariantReducer_1=require("../reducers/VariantReducer"),VariantsContext=(0,react_1.createContext)(VariantReducer_1.variantInitialState);exports.default=VariantsContext;

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

@@ -1,69 +0,0 @@
-import { BaseUnsetState } from '../typings/index';
-import { Price } from '@commercelayer/sdk';
-import { Dispatch } from 'react';
-import { SkuInventory } from './AvailabilityReducer';
-export interface Items {
-    [skuCode: string]: SkuInventory;
-}
-export interface ItemPrices {
-    [skuCode: string]: Price;
-}
-export interface ItemQuantity {
-    [skuCode: string]: number;
-}
-export interface ItemOption {
-    [key: string]: {
-        skuOptionId: string;
-        options: {
-            [key: string]: string;
-        };
-    };
-}
-export interface ItemOptions {
-    [skuCode: string]: ItemOption;
-}
-export declare type CustomLineItem = {
-    name?: string;
-    imageUrl?: string | null;
-};
-export interface CustomLineItems {
-    [skuCode: string]: CustomLineItem;
-}
-declare type ItemParams = {
-    type: ItemActionType;
-    key: 'items' | 'item' | 'quantity' | 'option' | 'prices' | 'lineItem' | 'lineItems' | 'skuCode';
-};
-declare type DataType = Items | ItemQuantity | ItemOptions | ItemPrices | CustomLineItems | CustomLineItem | string;
-export interface SetItemState {
-    (data: DataType, params: ItemParams, dispatch: Dispatch<ItemAction>): void;
-}
-export declare const setItemState: SetItemState;
-export declare const unsetItemState: BaseUnsetState<ItemAction>;
-export declare type SetCustomLineItems = (lineItems: CustomLineItems) => void;
-export declare type SetCustomLineItem = (lineItem: CustomLineItem) => void;
-export interface ItemState {
-    skuCode?: string;
-    items?: Items;
-    item?: Items;
-    lineItems?: CustomLineItems;
-    lineItem?: CustomLineItem;
-    quantity?: ItemQuantity;
-    option?: ItemOptions;
-    prices?: ItemPrices;
-    setItems?: (items: Items) => void;
-    setItem?: (item: Items) => void;
-    setQuantity?: (quantity: ItemQuantity) => void;
-    setOption?: (option: ItemOptions) => void;
-    setPrices?: (prices: ItemPrices) => void;
-    setSkuCode?: (skuCode: string) => void;
-    setCustomLineItems: SetCustomLineItems;
-    setCustomLineItem?: SetCustomLineItem;
-}
-declare type ItemActionType = 'setItem' | 'setItems' | 'setQuantity' | 'setOption' | 'setPrices' | 'setCustomLineItems' | 'setCustomLineItem' | 'setSkuCode';
-export interface ItemAction {
-    type: ItemActionType;
-    payload: Partial<ItemState>;
-}
-export declare const itemInitialState: Partial<ItemState>;
-declare const itemReducer: (state: Partial<ItemState>, reducer: ItemAction) => Partial<ItemState>;
-export default itemReducer;

package/lib/cjs/reducers/ItemReducer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.itemInitialState=exports.unsetItemState=exports.setItemState=void 0;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),setItemState=(data,params,dispatch)=>{dispatch({type:params.type,payload:{[`${params.key}`]:data}})};exports.setItemState=setItemState;const unsetItemState=dispatch=>{dispatch({type:"setItem",payload:{item:{}}}),dispatch({type:"setItems",payload:{items:{}}}),dispatch({type:"setQuantity",payload:{quantity:{}}}),dispatch({type:"setOption",payload:{option:{}}}),dispatch({type:"setCustomLineItems",payload:{lineItems:{}}}),dispatch({type:"setCustomLineItem",payload:{lineItem:{}}})};exports.unsetItemState=unsetItemState;const actionType=["setItem","setItems","setQuantity","setOption","setPrices","setCustomLineItems","setCustomLineItem","setSkuCode"];exports.itemInitialState={items:{},item:{},quantity:{},option:{},prices:{},lineItems:{},lineItem:{},skuCode:""};const itemReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,actionType);exports.default=itemReducer;

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

@@ -1,26 +0,0 @@
-import { Dispatch } from 'react';
-import { SkuOption } from '@commercelayer/sdk';
-import { BaseUnsetState } from '../typings/index';
-import { BaseError } from '../typings/errors';
-export interface SkuOptionsState {
-    skuCode?: string;
-    skuOptions?: SkuOption[];
-    errors?: BaseError[];
-}
-interface GetSkuOptionsParams {
-    dispatch: Dispatch<SkuOptionsAction>;
-    skuOptions?: SkuOption[];
-}
-export interface GetSkuOptions {
-    (params: GetSkuOptionsParams): void;
-}
-export declare const getSkuOptions: GetSkuOptions;
-export declare const unsetSkuOptionsState: BaseUnsetState<SkuOptionsAction>;
-export declare type SkuOptionsActionType = 'setSkuOptions' | 'setErrors';
-export interface SkuOptionsAction {
-    type: SkuOptionsActionType;
-    payload: SkuOptionsState;
-}
-export declare const skuOptionsInitialState: SkuOptionsState;
-declare const skuOptionsReducer: (state: SkuOptionsState, reducer: SkuOptionsAction) => SkuOptionsState;
-export default skuOptionsReducer;

package/lib/cjs/reducers/SkuOptionsReducer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skuOptionsInitialState=exports.unsetSkuOptionsState=exports.getSkuOptions=void 0;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),getSkuOptions=async params=>{const{skuOptions,dispatch}=params;dispatch({type:"setSkuOptions",payload:{skuOptions}})};exports.getSkuOptions=getSkuOptions;const unsetSkuOptionsState=dispatch=>{dispatch({type:"setSkuOptions",payload:{skuOptions:[]}}),dispatch({type:"setErrors",payload:{errors:[]}})};exports.unsetSkuOptionsState=unsetSkuOptionsState;const actionType=["setSkuOptions","setErrors"];exports.skuOptionsInitialState={skuCode:"",skuOptions:[]};const skuOptionsReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,actionType);exports.default=skuOptionsReducer;

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

@@ -1,64 +0,0 @@
-import { Sku } from '@commercelayer/sdk';
-import { VariantOption } from '../components/skus/VariantSelector';
-import { Dispatch } from 'react';
-import { CommerceLayerConfig } from '../context/CommerceLayerContext';
-import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';
-import { BaseError } from '../typings/errors';
-interface SetSkuCodeVariantParams {
-    code: string;
-    id: string;
-    config: CommerceLayerConfig;
-    dispatch: Dispatch<VariantAction>;
-    setItem: ((item: Items) => void) | undefined;
-    setItemSkuCode?: ((skuCode: string) => void) | undefined;
-}
-export declare type SetSkuCodeVariant = (params: SetSkuCodeVariantParams) => void;
-interface SetVariantSkuCodesParams {
-    skuCodes: VariantOption[];
-    dispatch: Dispatch<VariantAction>;
-    setCustomLineItems?: SetCustomLineItems;
-}
-export declare type SetVariantSkuCodes = (params: SetVariantSkuCodesParams) => void;
-export interface VariantsObject {
-    [key: string]: Sku;
-}
-export declare type SetSkuCode = (code: string, id: string, lineItem?: CustomLineItem) => void;
-export interface VariantPayload {
-    loading?: boolean;
-    variants?: VariantsObject | Record<string, any>;
-    skuCodes?: string[];
-    skuCode?: string;
-    errors?: BaseError[];
-    currentSkuId?: string;
-    currentSkuInventory?: any;
-    currentQuantity?: number;
-    currentPrices?: Sku[];
-    setSkuCode?: SetSkuCode;
-    setSkuCodes?: (skuCodes: VariantOption[]) => void;
-}
-export interface VariantState extends VariantPayload {
-    skuCodes: string[];
-    variants: VariantsObject | Record<string, any>;
-}
-export interface VariantAction {
-    type: VariantActionType;
-    payload: VariantPayload;
-}
-export declare const setVariantSkuCodes: SetVariantSkuCodes;
-export declare type UnsetVariantState = (dispatch: Dispatch<VariantAction>) => void;
-export declare const setSkuCode: SetSkuCodeVariant;
-interface GetVariantsParams {
-    config: CommerceLayerConfig;
-    state: VariantState;
-    skuCode: string;
-    dispatch: Dispatch<VariantAction>;
-    filters: Record<string, any>;
-    setItem: ((item: Items) => void) | undefined;
-}
-export declare type GetVariants = (params: GetVariantsParams) => void;
-export declare const getVariants: GetVariants;
-export declare const unsetVariantState: UnsetVariantState;
-export declare const variantInitialState: VariantState;
-export declare type VariantActionType = 'setLoading' | 'setVariants' | 'setSkuCodes' | 'setSkuCode' | 'setCurrentSkuId' | 'setCurrentSkuInventory' | 'setCurrentPrices' | 'setErrors';
-declare const variantReducer: (state: VariantState, reducer: VariantAction) => VariantState;
-export default variantReducer;

package/lib/cjs/reducers/VariantReducer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.variantInitialState=exports.unsetVariantState=exports.getVariants=exports.setSkuCode=exports.setVariantSkuCodes=void 0;const tslib_1=require("tslib"),baseReducer_1=tslib_1.__importDefault(require("../utils/baseReducer")),getSkus_1=tslib_1.__importDefault(require("../utils/getSkus")),lodash_1=require("lodash"),getSdk_1=tslib_1.__importDefault(require("../utils/getSdk")),setVariantSkuCodes=({skuCodes,dispatch,setCustomLineItems})=>{const lineItems={},sCodes=skuCodes.map(s=>((0,lodash_1.has)(s,"lineItem")&&(lineItems[s.code]=s.lineItem),s.code));!(0,lodash_1.isEmpty)(lineItems)&&setCustomLineItems&&setCustomLineItems(lineItems),dispatch({type:"setSkuCodes",payload:{skuCodes:sCodes}})};exports.setVariantSkuCodes=setVariantSkuCodes;const setSkuCode=params=>{const{id,code,config,setItem,dispatch,setItemSkuCode}=params;id&&(0,getSdk_1.default)(config).skus.retrieve(id,{include:["sku_options"]}).then(sku=>{setItem&&setItem({[`${code}`]:sku}),setItemSkuCode&&setItemSkuCode(code)}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})};exports.setSkuCode=setSkuCode;const getVariants=params=>{const{config,state,skuCode,dispatch,setItem,filters}=params;(0,getSdk_1.default)(config).skus.list({filters:{code_in:state.skuCodes.join(","),...filters}}).then(skus=>{const skusObj=(0,getSkus_1.default)(skus,state.skuCodes);skuCode&&(0,exports.setSkuCode)({code:skusObj[skuCode].code,id:skusObj[skuCode].id,config,dispatch,setItem}),dispatch({type:"setVariants",payload:{variants:skusObj}}),dispatch({type:"setLoading",payload:{loading:!1}})}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})};exports.getVariants=getVariants;const unsetVariantState=dispatch=>{dispatch({type:"setSkuCode",payload:{skuCode:""}}),dispatch({type:"setVariants",payload:{variants:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})};exports.unsetVariantState=unsetVariantState,exports.variantInitialState={loading:!1,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:!1,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"],variantReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,actionType);exports.default=variantReducer;

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

@@ -1,6 +0,0 @@
-import { Items } from '../reducers/ItemReducer';
-export interface GetCurrentItemKey {
-    (item: Items): string;
-}
-declare const getCurrentItemKey: GetCurrentItemKey;
-export default getCurrentItemKey;

package/lib/cjs/utils/getCurrentItemKey.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),first_1=tslib_1.__importDefault(require("lodash/first")),keys_1=tslib_1.__importDefault(require("lodash/keys")),getCurrentItemKey=item=>(0,first_1.default)((0,keys_1.default)(item))||"";exports.default=getCurrentItemKey;

package/lib/esm/components/orders/ItemContainer.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    skuCode?: string | null;
-    lineItem?: {
-        name: string;
-        imageUrl?: string | null;
-    } | null;
-}
-export declare function ItemContainer(props: Props): JSX.Element;
-export default ItemContainer;

package/lib/esm/components/orders/ItemContainer.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useEffect}from"react";import ItemContext,{initialItemContext}from"../../context/ItemContext";import itemReducer,{itemInitialState,setItemState}from"../../reducers/ItemReducer";export function ItemContainer(props){const{children,skuCode,lineItem}=props,[state,dispatch]=useReducer(itemReducer,itemInitialState);useEffect(()=>{const code=skuCode;code&&setItemState(code,{type:"setSkuCode",key:"skuCode"},dispatch),lineItem&&setItemState(lineItem,{type:"setCustomLineItem",key:"lineItem"},dispatch)},[]);const itemValue={...initialItemContext,...state,setItems:items=>setItemState(items,{type:"setItems",key:"items"},dispatch),setItem:item=>setItemState(item,{type:"setItem",key:"item"},dispatch),setQuantity:item=>setItemState(item,{type:"setQuantity",key:"quantity"},dispatch),setOption:item=>setItemState(item,{type:"setOption",key:"option"},dispatch),setPrices:item=>setItemState(item,{type:"setPrices",key:"prices"},dispatch),setCustomLineItems:item=>setItemState(item,{type:"setCustomLineItems",key:"lineItems"},dispatch),setSkuCode:code=>setItemState(code,{type:"setSkuCode",key:"skuCode"},dispatch)};return _jsx(ItemContext.Provider,{value:itemValue,children})}export default ItemContainer;

package/lib/esm/components/skus/QuantitySelector.d.ts

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

package/lib/esm/components/skus/QuantitySelector.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext,useState,useEffect}from"react";import Parent from"../utils/Parent";import has from"lodash/has";import isEmpty from"lodash/isEmpty";import getCurrentItemKey from"../../utils/getCurrentItemKey";import ItemContext from"../../context/ItemContext";import SkuListsContext from"../../context/SkuListsContext";import SkuChildrenContext from"../../context/SkuChildrenContext";export function QuantitySelector(props){const{skuCode,skuListId,children,min=1,max,...p}=props,{item,setQuantity,items,quantity,prices,skuCode:itemSkuCode}=useContext(ItemContext),{sku}=useContext(SkuChildrenContext),{skuLists,listIds}=useContext(SkuListsContext),defaultVal=p?.value||min,[value,setValue]=useState(defaultVal),[disabled,setDisabled]=useState(!!p.disabled),sCode=!isEmpty(items)&&skuCode?items[skuCode]?.code:sku?.code||skuCode||getCurrentItemKey(item)||itemSkuCode,inventory=isEmpty(item)?50:item[sCode]?.inventory?.quantity,maxInv=max||inventory;useEffect(()=>{if(setValue(defaultVal),(!prices[sCode]||!sCode)&&setDisabled(!0),skuListId&&setDisabled(!1),sCode&&!quantity[sCode]){const qty=Number(defaultVal);setQuantity&&setQuantity({...quantity,[`${sCode}`]:qty}),!isEmpty(prices)&&has(prices,sCode)&&setDisabled(!1)}return()=>{setValue(defaultVal)}},[item,listIds,prices,quantity]);const handleChange=e=>{const qty=Number(e.target.value),valid=Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv);setValue(qty),!isEmpty(skuLists)&&skuListId&&valid?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(qty)}):sCode&&valid&&setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(qty)})},handleBlur=e=>{const qty=e.target.value;if(!(Number(qty)>=Number(min)&&Number(qty)<=Number(maxInv))){const resetVal=Number(qty)<Number(min)?min:maxInv;resetVal&&setValue(resetVal),!isEmpty(skuLists)&&skuListId?setQuantity&&setQuantity({...quantity,[`${skuListId}`]:Number(resetVal)}):setQuantity&&setQuantity({...quantity,[`${sCode}`]:Number(resetVal)})}},parentProps={min,max:maxInv,disabled,handleChange,handleBlur,value,...props};return children?_jsx(Parent,{...parentProps,children}):_jsx("input",{type:"number",max:maxInv,min,value:value||"",disabled,onChange:handleChange,onBlur:handleBlur,...p})}export default QuantitySelector;

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

@@ -1,14 +0,0 @@
-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<NonNullable<ReactNode | (() => JSX.Element)>>;
-        id: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
-export default SkuOption;

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

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext}from"react";import SkuOptionChildrenContext from"../../context/SkuOptionChildrenContext";import SkuOptionsContext from"../../context/SkuOptionsContext";import components from"../../config/components";const propTypes=components.SkuOption.propTypes,displayName=components.SkuOption.displayName;export function SkuOption(props){const{id}=props,{skuOptions,skuCode}=useContext(SkuOptionsContext),items=skuOptions&&skuOptions.filter(l=>l.id===id).map((skuOption,k)=>_jsx(SkuOptionChildrenContext.Provider,{value:{skuOption,skuCode},children:props.children},k));return _jsx(Fragment,{children:items})}SkuOption.propTypes=propTypes,SkuOption.displayName=displayName;export default SkuOption;

package/lib/esm/components/skus/SkuOptionInput.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BaseInputComponentProps } from '../../typings/index';
-declare type Props = BaseInputComponentProps & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-export declare function SkuOptionInput(props: Props): JSX.Element;
-export declare namespace SkuOptionInput {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<string>;
-        type: import("prop-types").Validator<NonNullable<import("../../typings/index").BaseInputType>>;
-        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
-export default SkuOptionInput;

package/lib/esm/components/skus/SkuOptionInput.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import BaseInput from"../utils/BaseInput";import ItemContext from"../../context/ItemContext";import SkuOptionChildrenContext from"../../context/SkuOptionChildrenContext";import has from"lodash/has";import components from"../../config/components";const propTypes=components.SkuOptionInput.propTypes,displayName=components.SkuOptionInput.displayName;export function SkuOptionInput(props){const{name}=props,{option,setOption}=useContext(ItemContext),{skuOption,skuCode}=useContext(SkuOptionChildrenContext);return _jsx(BaseInput,{onChange:event=>{const val=event.target.value,options=has(option,`${skuCode}.${skuOption?.id}`)?option[skuCode]?.[`${skuOption?.id}`]?.options:{},o={[skuCode]:{...option[skuCode],[`${skuOption?.id}`]:{skuOptionId:skuOption?.id,options:{...options,[name]:val}}}};setOption&&setOption(o)},...props})}SkuOptionInput.propTypes=propTypes,SkuOptionInput.displayName=displayName;export default SkuOptionInput;

package/lib/esm/components/skus/SkuOptionsContainer.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-declare type Props = {
-    children: ReactNode;
-    skuCode?: string;
-};
-export declare function SkuOptionsContainer(props: Props): JSX.Element;
-export declare namespace SkuOptionsContainer {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        skuCode: import("prop-types").Requireable<string>;
-    };
-    var displayName: string;
-}
-export default SkuOptionsContainer;

package/lib/esm/components/skus/SkuOptionsContainer.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useReducer,useContext,useEffect}from"react";import SkuOptionsContext from"../../context/SkuOptionsContext";import skuOptionsReducer,{skuOptionsInitialState}from"../../reducers/SkuOptionsReducer";import CommerceLayerContext from"../../context/CommerceLayerContext";import{isEmpty}from"lodash";import getCurrentItemKey from"../../utils/getCurrentItemKey";import ItemContext from"../../context/ItemContext";import{getSkuOptions}from"../../reducers/SkuOptionsReducer";import components from"../../config/components";const propTypes=components.SkuOptionsContainer.propTypes,displayName=components.SkuOptionsContainer.displayName;export function SkuOptionsContainer(props){const{skuCode,children}=props,[state,dispatch]=useReducer(skuOptionsReducer,skuOptionsInitialState),config=useContext(CommerceLayerContext),{item,items}=useContext(ItemContext),sCode=!isEmpty(items)&&skuCode?items[skuCode]?.code:skuCode||getCurrentItemKey(item),skuOptionsValue={...state,skuCode:sCode};return useEffect(()=>(sCode&&item[sCode]?.sku_options&&getSkuOptions({skuOptions:item[sCode]?.sku_options,dispatch}),()=>{isEmpty(sCode)&&dispatch({type:"setSkuOptions",payload:{skuOptions:[]}})}),[config,sCode]),_jsx(SkuOptionsContext.Provider,{value:skuOptionsValue,children})}SkuOptionsContainer.propTypes=propTypes,SkuOptionsContainer.displayName=displayName;export default SkuOptionsContainer;

package/lib/esm/components/skus/VariantSelector.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { VariantHandleCallback } from '../utils/VariantTemplate';
-import { BaseSelectorType } from '../../typings/index';
-import { ChildrenFunction } from '../../typings/index';
-import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-export interface VariantOption {
-    label: string;
-    code: string;
-    lineItem?: {
-        name: string;
-        imageUrl?: string | null;
-    } | null;
-}
-interface ChildrenProps extends Omit<Props, 'children'> {
-    variants: VariantsObject;
-    handleSelect: SetSkuCode;
-    loading: boolean;
-}
-declare type Props = {
-    children?: ChildrenFunction<ChildrenProps>;
-    options: VariantOption[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-    handleCallback?: VariantHandleCallback;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-export declare function VariantSelector(props: Props): JSX.Element;
-export default VariantSelector;

package/lib/esm/components/skus/VariantSelector.js

@@ -1 +0,0 @@
-import{Fragment as _Fragment,jsx as _jsx}from"react/jsx-runtime";import{useContext,useEffect}from"react";import VariantTemplate from"../utils/VariantTemplate";import Parent from"../utils/Parent";import VariantsContext from"../../context/VariantsContext";export function VariantSelector(props){const{children,type="select",placeholder,skuCode,name,options,...prs}=props,{setSkuCode,skuCode:variantSkuCode,loading,variants,setSkuCodes}=useContext(VariantsContext);useEffect(()=>(setSkuCodes&&setSkuCodes(options),()=>{setSkuCodes&&setSkuCodes([])}),[options.length]);const sCode=variantSkuCode||skuCode||"",DefaultTemplate=()=>loading?_jsx(_Fragment,{children:props.loader||"Loading..."}):_jsx(VariantTemplate,{variants,type,placeholder,skuCode:sCode,options,handleChange:setSkuCode,name,...prs});console.log("variants",variants,options);const parentProps={variants,loading:!!loading,handleSelect:setSkuCode,skuCode:sCode,...props};return children?_jsx(Parent,{...parentProps,children}):_jsx(DefaultTemplate,{})}export default VariantSelector;