@commercelayer/react-components 4.0.0-alpha.9 → 4.0.0-beta.1

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]);const sCode=variantSkuCode||skuCode||"",DefaultTemplate=()=>loading?_jsx(_Fragment,{children:props.loader||"Loading..."}):_jsx(VariantTemplate,{variants,type,placeholder,skuCode:sCode,options,handleChange:setSkuCode,name,...prs}),parentProps={variants,loading:!!loading,handleSelect:setSkuCode,skuCode:sCode,...props};return children?_jsx(Parent,{...parentProps,children}):_jsx(DefaultTemplate,{})}export default VariantSelector;

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

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

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

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import variantReducer,{variantInitialState,unsetVariantState,setSkuCode,getVariants}from"../../reducers/VariantReducer";import CommerceLayerContext from"../../context/CommerceLayerContext";import VariantsContext from"../../context/VariantsContext";import{setVariantSkuCodes}from"../../reducers/VariantReducer";import isEmpty from"lodash/isEmpty";import isEqual from"lodash/isEqual";import getCurrentItemKey from"../../utils/getCurrentItemKey";import ItemContext from"../../context/ItemContext";import components from"../../config/components";const propTypes=components.VariantsContainer.propTypes,defaultProps=components.VariantsContainer.defaultProps,displayName=components.VariantsContainer.displayName;export function VariantsContainer(props){const{children,skuCode="",filters={}}=props,config=useContext(CommerceLayerContext),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode,setSkuCode:setItemSkuCode}=useContext(ItemContext),[state,dispatch]=useReducer(variantReducer,variantInitialState),sCode=getCurrentItemKey(currentItem)||skuCode||state.skuCode||itemSkuCode||"";useEffect(()=>{if(!isEmpty(items)&&!isEmpty(state.variants)&&!isEqual(items,state.variants)){const mergeItems={...items,...state.variants};setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),getVariants({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>unsetVariantState(dispatch)},[config.accessToken]);const variantValue={...state,skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{isEmpty(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),setSkuCode({code,id,config,setItem,dispatch,setItemSkuCode})},setSkuCodes:skuCodes=>setVariantSkuCodes({skuCodes,dispatch,setCustomLineItems})};return _jsx(VariantsContext.Provider,{value:variantValue,children})}VariantsContainer.propTypes=propTypes,VariantsContainer.defaultProps=defaultProps,VariantsContainer.displayName=displayName;export default VariantsContainer;

package/lib/esm/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/esm/components/utils/VariantTemplate.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Fragment}from"react";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.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"?_jsx("option",{"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code,children:label},variants[v].id):_jsxs(Fragment,{children:[_jsx("input",{id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})},...prs}),label]},variants[v].id)});return type==="select"?_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:[_jsx("option",{disabled:!!skuCode,children:placeholder}),vars]}):_jsx(_Fragment,{children:vars})};export default VariantTemplate;

package/lib/esm/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/esm/context/ItemContext.js

@@ -1 +0,0 @@
-import{createContext}from"react";export const initialItemContext={item:{},items:{},quantity:{},option:{},prices:{},lineItems:{}};const ItemContext=createContext(initialItemContext);export default ItemContext;

package/lib/esm/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/esm/context/SkuOptionChildrenContext.js

@@ -1 +0,0 @@
-import{createContext}from"react";const initial={skuCode:""},SkuOptionChildrenContext=createContext(initial);export default SkuOptionChildrenContext;

package/lib/esm/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/esm/context/SkuOptionsContext.js

@@ -1 +0,0 @@
-import{createContext}from"react";import{skuOptionsInitialState}from"../reducers/SkuOptionsReducer";const SkuOptionsContext=createContext(skuOptionsInitialState);export default SkuOptionsContext;

package/lib/esm/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/esm/context/VariantsContext.js

@@ -1 +0,0 @@
-import{createContext}from"react";import{variantInitialState}from"../reducers/VariantReducer";const VariantsContext=createContext(variantInitialState);export default VariantsContext;

package/lib/esm/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/esm/reducers/ItemReducer.js

@@ -1 +0,0 @@
-import baseReducer from"../utils/baseReducer";export const setItemState=(data,params,dispatch)=>{dispatch({type:params.type,payload:{[`${params.key}`]:data}})},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:{}}})};const actionType=["setItem","setItems","setQuantity","setOption","setPrices","setCustomLineItems","setCustomLineItem","setSkuCode"];export const itemInitialState={items:{},item:{},quantity:{},option:{},prices:{},lineItems:{},lineItem:{},skuCode:""};const itemReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default itemReducer;

package/lib/esm/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/esm/reducers/SkuOptionsReducer.js

@@ -1 +0,0 @@
-import baseReducer from"../utils/baseReducer";export const getSkuOptions=async params=>{const{skuOptions,dispatch}=params;dispatch({type:"setSkuOptions",payload:{skuOptions}})},unsetSkuOptionsState=dispatch=>{dispatch({type:"setSkuOptions",payload:{skuOptions:[]}}),dispatch({type:"setErrors",payload:{errors:[]}})};const actionType=["setSkuOptions","setErrors"];export const skuOptionsInitialState={skuCode:"",skuOptions:[]};const skuOptionsReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default skuOptionsReducer;

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

@@ -1,72 +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';
-declare type SetSkuCodeVariantParams = {
-    code: string;
-    id: string;
-    config: CommerceLayerConfig;
-    dispatch: Dispatch<VariantAction>;
-    setItem: ((item: Items) => void) | undefined;
-    setItemSkuCode?: ((skuCode: string) => void) | undefined;
-};
-export interface SetSkuCodeVariant {
-    (params: SetSkuCodeVariantParams): void;
-}
-declare type SetVariantSkuCodesParams = {
-    skuCodes: VariantOption[];
-    dispatch: Dispatch<VariantAction>;
-    setCustomLineItems?: SetCustomLineItems;
-};
-export interface 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 interface UnsetVariantState {
-    (dispatch: Dispatch<VariantAction>): void;
-}
-export declare const setSkuCode: SetSkuCodeVariant;
-declare type GetVariantsParams = {
-    config: CommerceLayerConfig;
-    state: VariantState;
-    skuCode: string;
-    dispatch: Dispatch<VariantAction>;
-    filters: Record<string, any>;
-    setItem: ((item: Items) => void) | undefined;
-};
-export interface 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/esm/reducers/VariantReducer.js

@@ -1 +0,0 @@
-import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes,dispatch,setCustomLineItems})=>{const lineItems={},sCodes=skuCodes.map(s=>(has(s,"lineItem")&&(lineItems[s.code]=s.lineItem),s.code));isEmpty(lineItems)||setCustomLineItems&&setCustomLineItems(lineItems),dispatch({type:"setSkuCodes",payload:{skuCodes:sCodes}})},setSkuCode=params=>{const{id,code,config,setItem,dispatch,setItemSkuCode}=params;id&&getSdk(config).skus.retrieve(id,{include:["sku_options"]}).then(sku=>{setItem&&setItem({[`${code}`]:sku}),setItemSkuCode&&setItemSkuCode(code)}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},getVariants=params=>{const{config,state,skuCode,dispatch,setItem,filters}=params;getSdk(config).skus.list({filters:{code_in:state.skuCodes.join(","),...filters}}).then(skus=>{const skusObj=getSkus(skus,state.skuCodes);skuCode&&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}})})},unsetVariantState=dispatch=>{dispatch({type:"setSkuCode",payload:{skuCode:""}}),dispatch({type:"setVariants",payload:{variants:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})},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)=>baseReducer(state,reducer,actionType);export default variantReducer;

package/lib/esm/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/esm/utils/getCurrentItemKey.js

@@ -1 +0,0 @@
-import first from"lodash/first";import keys from"lodash/keys";const getCurrentItemKey=item=>first(keys(item))||"";export default getCurrentItemKey;