@commercelayer/react-components 2.47.1 → 2.48.0

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

@@ -1,7 +1,7 @@
 import { FunctionComponent, PropsWithoutRef, ReactNode } from 'react';
 import { FunctionChildren } from '../typings/index';
 import { AddToCartReturn } from '../reducers/OrderReducer';
-import { VariantOptions } from './VariantSelector';
+import { VariantOption } from './VariantSelector';
 declare type ChildrenProps = {
     handleClick: () => AddToCartReturn;
 } & Omit<AddToCartButtonProps, 'children'>;
@@ -14,7 +14,7 @@ declare type AddToCartButtonProps = {
     bundleCode?: string;
     disabled?: boolean;
     skuListId?: string;
-    lineItem?: VariantOptions['lineItem'];
+    lineItem?: VariantOption['lineItem'];
 } & PropsWithoutRef<JSX.IntrinsicElements['button']>;
 declare const AddToCartButton: FunctionComponent<AddToCartButtonProps>;
 export default AddToCartButton;

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

@@ -1,8 +1,9 @@
 import { FunctionComponent, ReactNode } from 'react';
+import { VariantHandleCallback } from './utils/VariantTemplate';
 import { BaseSelectorType } from '../typings/index';
 import { FunctionChildren } from '../typings/index';
 import { VariantsObject, SetSkuCode } from '../reducers/VariantReducer';
-export interface VariantOptions {
+export interface VariantOption {
     label: string;
     code: string;
     lineItem?: {
@@ -17,11 +18,12 @@ declare type VariantSelectorChildrenProps = FunctionChildren<Omit<VariantSelecto
 }>;
 declare type VariantSelectorProps = {
     children?: VariantSelectorChildrenProps;
-    options: VariantOptions[];
+    options: VariantOption[];
     type?: BaseSelectorType;
     loader?: ReactNode;
     placeholder?: string;
     skuCode?: string;
+    handleCallback?: VariantHandleCallback;
 } & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
 declare const VariantSelector: FunctionComponent<VariantSelectorProps>;
 export default VariantSelector;

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

@@ -2,7 +2,7 @@ import { FunctionComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { BaseSelectorType } from '../../typings/index';
 import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-import { VariantOptions } from '../VariantSelector';
+import { VariantOption } from '../VariantSelector';
 export declare const propTypes: {
     variants: PropTypes.Validator<any>;
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -21,14 +21,16 @@ export declare const propTypes: {
     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: VariantOptions[];
+    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 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.propTypes=void 0;const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const lodash_1=require("lodash");const prop_types_1=(0,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=e=>{const{id:t,variants:s,type:r,placeholder:a,options:p,skuCode:i,handleChange:n}=e,o=(0,tslib_1.__rest)(e,["id","variants","type","placeholder","options","skuCode","handleChange"]);const d=(0,lodash_1.keys)(s).map(((e,a)=>{const d=i===e;return r==="select"?(0,jsx_runtime_1.jsx)("option",Object.assign({"data-sku-id":s[e].id,value:s[e].code},{children:p.length>0?p[a].label:s[e].name}),s[e].id):(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("input",Object.assign({id:t&&`${t}-${a}`,defaultChecked:d,type:"radio",value:s[e].code,onChange:t=>n&&n(t.target.value,s[e].id)},o),void 0),p.length>0?p[a].label:s[e].name]},s[e].id)}));if(r==="select"){return(0,jsx_runtime_1.jsxs)("select",Object.assign({id:t,onChange:e=>{const t=e.target.value;const s=e.target.selectedIndex;const r=e.target[s].dataset.skuId;n&&n(t,r)},value:i||""},o,{children:[(0,jsx_runtime_1.jsx)("option",Object.assign({disabled:!!i},{children:a}),void 0),d]}),void 0)}return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:d},void 0)};VariantTemplate.propTypes=exports.propTypes;exports.default=VariantTemplate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.propTypes=void 0;const tslib_1=require("tslib");const jsx_runtime_1=require("react/jsx-runtime");const react_1=require("react");const lodash_1=require("lodash");const prop_types_1=(0,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=e=>{const{id:t,variants:s,type:a,placeholder:r,options:p,skuCode:i,handleChange:n,handleCallback:o}=e,l=(0,tslib_1.__rest)(e,["id","variants","type","placeholder","options","skuCode","handleChange","handleCallback"]);const d=(0,lodash_1.keys)(s).map(((e,r)=>{const d=i===e;const _=p.length>0?p[r].label:s[e].name;return a==="select"?(0,jsx_runtime_1.jsx)("option",Object.assign({"data-sku-id":s[e].id,"data-label":_,value:s[e].code},{children:_}),s[e].id):(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("input",Object.assign({id:t&&`${t}-${r}`,defaultChecked:d,type:"radio",value:s[e].code,onChange:t=>{const a=t.target.value;n&&n(a,s[e].id);o&&o({code:a,label:_})}},l),void 0),_]},s[e].id)}));if(a==="select"){return(0,jsx_runtime_1.jsxs)("select",Object.assign({id:t,title:"Variant selector",onChange:e=>{const t=e.target.value;const s=e.target.selectedIndex;const a=e.target[s].dataset.skuId;const r=e.target[s].dataset.label;n&&n(t,a);o&&o({code:t,label:r})},value:i||""},l,{children:[(0,jsx_runtime_1.jsx)("option",Object.assign({disabled:!!i},{children:r}),void 0),d]}),void 0)}return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:d},void 0)};VariantTemplate.propTypes=exports.propTypes;exports.default=VariantTemplate;

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

@@ -1,5 +1,5 @@
 import { Sku } from '@commercelayer/sdk';
-import { VariantOptions } from '../components/VariantSelector';
+import { VariantOption } from '../components/VariantSelector';
 import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';
@@ -15,7 +15,7 @@ export interface SetSkuCodeVariant {
     (params: SetSkuCodeVariantParams): void;
 }
 declare type SetVariantSkuCodesParams = {
-    skuCodes: VariantOptions[];
+    skuCodes: VariantOption[];
     dispatch: Dispatch<VariantAction>;
     setCustomLineItems?: SetCustomLineItems;
 };
@@ -37,7 +37,7 @@ export interface VariantPayload {
     currentQuantity?: number;
     currentPrices?: Sku[];
     setSkuCode?: SetSkuCode;
-    setSkuCodes?: (skuCodes: VariantOptions[]) => void;
+    setSkuCodes?: (skuCodes: VariantOption[]) => void;
 }
 export interface VariantState extends VariantPayload {
     skuCodes: string[];

package/lib/cjs/reducers/VariantReducer.js

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

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

@@ -1,3 +1,3 @@
 import { Sku } from '@commercelayer/sdk';
-declare const getSkus: (skus: Sku[]) => Record<string, any>;
+declare const getSkus: (skus: Sku[], sortBy: string[]) => Record<string, any>;
 export default getSkus;

package/lib/cjs/utils/getSkus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const getSkus=e=>{const t={};e.forEach((e=>{if(e===null||e===void 0?void 0:e.code)t[e.code]=e}));return t};exports.default=getSkus;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});const getSkus=(e,t)=>{const o={};t.forEach((t=>{e.forEach((e=>{if((e===null||e===void 0?void 0:e.code)===t)o[e.code]=e}))}));return o};exports.default=getSkus;

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

@@ -1,7 +1,7 @@
 import { FunctionComponent, PropsWithoutRef, ReactNode } from 'react';
 import { FunctionChildren } from '../typings/index';
 import { AddToCartReturn } from '../reducers/OrderReducer';
-import { VariantOptions } from './VariantSelector';
+import { VariantOption } from './VariantSelector';
 declare type ChildrenProps = {
     handleClick: () => AddToCartReturn;
 } & Omit<AddToCartButtonProps, 'children'>;
@@ -14,7 +14,7 @@ declare type AddToCartButtonProps = {
     bundleCode?: string;
     disabled?: boolean;
     skuListId?: string;
-    lineItem?: VariantOptions['lineItem'];
+    lineItem?: VariantOption['lineItem'];
 } & PropsWithoutRef<JSX.IntrinsicElements['button']>;
 declare const AddToCartButton: FunctionComponent<AddToCartButtonProps>;
 export default AddToCartButton;

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

@@ -1,8 +1,9 @@
 import { FunctionComponent, ReactNode } from 'react';
+import { VariantHandleCallback } from './utils/VariantTemplate';
 import { BaseSelectorType } from '../typings/index';
 import { FunctionChildren } from '../typings/index';
 import { VariantsObject, SetSkuCode } from '../reducers/VariantReducer';
-export interface VariantOptions {
+export interface VariantOption {
     label: string;
     code: string;
     lineItem?: {
@@ -17,11 +18,12 @@ declare type VariantSelectorChildrenProps = FunctionChildren<Omit<VariantSelecto
 }>;
 declare type VariantSelectorProps = {
     children?: VariantSelectorChildrenProps;
-    options: VariantOptions[];
+    options: VariantOption[];
     type?: BaseSelectorType;
     loader?: ReactNode;
     placeholder?: string;
     skuCode?: string;
+    handleCallback?: VariantHandleCallback;
 } & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
 declare const VariantSelector: FunctionComponent<VariantSelectorProps>;
 export default VariantSelector;

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

@@ -2,7 +2,7 @@ import { FunctionComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { BaseSelectorType } from '../../typings/index';
 import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
-import { VariantOptions } from '../VariantSelector';
+import { VariantOption } from '../VariantSelector';
 export declare const propTypes: {
     variants: PropTypes.Validator<any>;
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -21,14 +21,16 @@ export declare const propTypes: {
     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: VariantOptions[];
+    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 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{keys}from"lodash";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=e=>{const{id:s,variants:r,type:t,placeholder:o,options:a,skuCode:p,handleChange:i}=e,n=__rest(e,["id","variants","type","placeholder","options","skuCode","handleChange"]);const d=keys(r).map(((e,o)=>{const d=p===e;return t==="select"?_jsx("option",Object.assign({"data-sku-id":r[e].id,value:r[e].code},{children:a.length>0?a[o].label:r[e].name}),r[e].id):_jsxs(Fragment,{children:[_jsx("input",Object.assign({id:s&&`${s}-${o}`,defaultChecked:d,type:"radio",value:r[e].code,onChange:s=>i&&i(s.target.value,r[e].id)},n),void 0),a.length>0?a[o].label:r[e].name]},r[e].id)}));if(t==="select"){return _jsxs("select",Object.assign({id:s,onChange:e=>{const s=e.target.value;const r=e.target.selectedIndex;const t=e.target[r].dataset.skuId;i&&i(s,t)},value:p||""},n,{children:[_jsx("option",Object.assign({disabled:!!p},{children:o}),void 0),d]}),void 0)}return _jsx(Fragment,{children:d},void 0)};VariantTemplate.propTypes=propTypes;export default VariantTemplate;
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{keys}from"lodash";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=e=>{const{id:s,variants:t,type:r,placeholder:a,options:o,skuCode:n,handleChange:p,handleCallback:i}=e,l=__rest(e,["id","variants","type","placeholder","options","skuCode","handleChange","handleCallback"]);const d=keys(t).map(((e,a)=>{const d=n===e;const c=o.length>0?o[a].label:t[e].name;return r==="select"?_jsx("option",Object.assign({"data-sku-id":t[e].id,"data-label":c,value:t[e].code},{children:c}),t[e].id):_jsxs(Fragment,{children:[_jsx("input",Object.assign({id:s&&`${s}-${a}`,defaultChecked:d,type:"radio",value:t[e].code,onChange:s=>{const r=s.target.value;p&&p(r,t[e].id);i&&i({code:r,label:c})}},l),void 0),c]},t[e].id)}));if(r==="select"){return _jsxs("select",Object.assign({id:s,title:"Variant selector",onChange:e=>{const s=e.target.value;const t=e.target.selectedIndex;const r=e.target[t].dataset.skuId;const a=e.target[t].dataset.label;p&&p(s,r);i&&i({code:s,label:a})},value:n||""},l,{children:[_jsx("option",Object.assign({disabled:!!n},{children:a}),void 0),d]}),void 0)}return _jsx(Fragment,{children:d},void 0)};VariantTemplate.propTypes=propTypes;export default VariantTemplate;

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

@@ -1,5 +1,5 @@
 import { Sku } from '@commercelayer/sdk';
-import { VariantOptions } from '../components/VariantSelector';
+import { VariantOption } from '../components/VariantSelector';
 import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';
@@ -15,7 +15,7 @@ export interface SetSkuCodeVariant {
     (params: SetSkuCodeVariantParams): void;
 }
 declare type SetVariantSkuCodesParams = {
-    skuCodes: VariantOptions[];
+    skuCodes: VariantOption[];
     dispatch: Dispatch<VariantAction>;
     setCustomLineItems?: SetCustomLineItems;
 };
@@ -37,7 +37,7 @@ export interface VariantPayload {
     currentQuantity?: number;
     currentPrices?: Sku[];
     setSkuCode?: SetSkuCode;
-    setSkuCodes?: (skuCodes: VariantOptions[]) => void;
+    setSkuCodes?: (skuCodes: VariantOption[]) => void;
 }
 export interface VariantState extends VariantPayload {
     skuCodes: string[];

package/lib/esm/reducers/VariantReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes:e,dispatch:t,setCustomLineItems:s})=>{const o={};const a=e.map((e=>{if(has(e,"lineItem")){o[e.code]=e.lineItem}return e.code}));if(!isEmpty(o)){s&&s(o)}t({type:"setSkuCodes",payload:{skuCodes:a}})};export const setSkuCode=e=>{const{id:t,code:s,config:o,setItem:a,dispatch:r}=e;if(t){const e=getSdk(o);e.skus.retrieve(t,{include:["sku_options"]}).then((e=>{a&&a({[`${s}`]:e})})).catch((e=>{debugger;r({type:"setErrors",payload:{errors:e}})}))}};export const getVariants=e=>{const{config:t,state:s,skuCode:o,dispatch:a,setItem:r,filters:n}=e;const i=getSdk(t);i.skus.list({filters:Object.assign({code_in:s.skuCodes.join(",")},n)}).then((e=>{const s=getSkus(e);if(o){setSkuCode({code:s[o].code,id:s[o].id,config:t,dispatch:a,setItem:r})}a({type:"setVariants",payload:{variants:s}});a({type:"setLoading",payload:{loading:false}})})).catch((e=>{a({type:"setErrors",payload:{errors:e}})}))};export const unsetVariantState=e=>{e({type:"setSkuCode",payload:{skuCode:""}});e({type:"setVariants",payload:{variants:{}}});e({type:"setLoading",payload:{loading:false}})};export const variantInitialState={loading:false,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:false,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"];const variantReducer=(e,t)=>baseReducer(e,t,actionType);export default variantReducer;
+import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes:e,dispatch:t,setCustomLineItems:s})=>{const o={};const a=e.map((e=>{if(has(e,"lineItem")){o[e.code]=e.lineItem}return e.code}));if(!isEmpty(o)){s&&s(o)}t({type:"setSkuCodes",payload:{skuCodes:a}})};export const setSkuCode=e=>{const{id:t,code:s,config:o,setItem:a,dispatch:r}=e;if(t){const e=getSdk(o);e.skus.retrieve(t,{include:["sku_options"]}).then((e=>{a&&a({[`${s}`]:e})})).catch((e=>{debugger;r({type:"setErrors",payload:{errors:e}})}))}};export const getVariants=e=>{const{config:t,state:s,skuCode:o,dispatch:a,setItem:r,filters:n}=e;const i=getSdk(t);i.skus.list({filters:Object.assign({code_in:s.skuCodes.join(",")},n)}).then((e=>{const n=getSkus(e,s.skuCodes);if(o){setSkuCode({code:n[o].code,id:n[o].id,config:t,dispatch:a,setItem:r})}a({type:"setVariants",payload:{variants:n}});a({type:"setLoading",payload:{loading:false}})})).catch((e=>{a({type:"setErrors",payload:{errors:e}})}))};export const unsetVariantState=e=>{e({type:"setSkuCode",payload:{skuCode:""}});e({type:"setVariants",payload:{variants:{}}});e({type:"setLoading",payload:{loading:false}})};export const variantInitialState={loading:false,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:false,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"];const variantReducer=(e,t)=>baseReducer(e,t,actionType);export default variantReducer;

package/lib/esm/utils/getSkus.d.ts

@@ -1,3 +1,3 @@
 import { Sku } from '@commercelayer/sdk';
-declare const getSkus: (skus: Sku[]) => Record<string, any>;
+declare const getSkus: (skus: Sku[], sortBy: string[]) => Record<string, any>;
 export default getSkus;

package/lib/esm/utils/getSkus.js

@@ -1 +1 @@
-const getSkus=o=>{const e={};o.forEach((o=>{if(o===null||o===void 0?void 0:o.code)e[o.code]=o}));return e};export default getSkus;
+const getSkus=(o,e)=>{const t={};e.forEach((e=>{o.forEach((o=>{if((o===null||o===void 0?void 0:o.code)===e)t[o.code]=o}))}));return t};export default getSkus;