@bonlineza/luxity-lib 2.39.9 → 2.40.0

package/BrandSelector.js

@@ -737,11 +737,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -825,6 +827,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -834,6 +837,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -887,6 +891,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };

package/ConditionSelector.js

@@ -737,11 +737,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -825,6 +827,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -834,6 +837,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -887,6 +891,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };

package/GraphQLDropdownSelector.js

@@ -10134,11 +10134,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -10222,6 +10224,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -10231,6 +10234,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -10284,6 +10288,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -10379,6 +10384,48 @@
     }
   };
 
+  var ApparelSizeSelector = function ApparelSizeSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      title: "Sizes",
+      queryId: "getApparelSizes",
+      baseQueryLimit: 16,
+      baseClass: "apparel-size-selector",
+      identifier: "apparel-size-selector",
+      searchable: false,
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  ApparelSizeSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return {
+        data: (result.data.data.luxity_universal_apparel_size_list || []).map(function (_ref2) {
+          var id = _ref2.id,
+              size = _ref2.size;
+          return {
+            id: id,
+            name: size
+          };
+        }),
+        has_more_pages: false
+      };
+    }
+  };
+
   var shoeSizeTypes = {
     uk: {
       label: 'UK',
@@ -10755,6 +10802,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -10784,7 +10832,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -10833,6 +10882,14 @@
         });
       });
 
+      _defineProperty(_assertThisInitialized(_this), "onApparelSizesChanged", function (apparelSizesArray) {
+        _this.setState({
+          apparel_sizes: apparelSizesArray.map(function (apparelSize) {
+            return apparelSize.id;
+          })
+        });
+      });
+
       _defineProperty(_assertThisInitialized(_this), "onConditionChanged", function (conditions) {
         _this.setState({
           condition: conditions.map(function (condition) {
@@ -10862,6 +10919,7 @@
             min_price = _this$state.min_price,
             max_price = _this$state.max_price,
             styles = _this$state.styles,
+            apparel_sizes = _this$state.apparel_sizes,
             category_type = _this$state.category_type,
             requestState = _this$state.request,
             gender = _this$state.gender,
@@ -10887,8 +10945,11 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
+        var apparelSizesPayload = category_type === interestCategories.APPAREL ? {
+          apparel_sizes: apparel_sizes
+        } : {};
 
-        var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
+        var payload = _objectSpread2(_objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload), apparelSizesPayload);
 
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
@@ -10945,6 +11006,7 @@
             baseGraphApi = _this$props.baseGraphApi,
             getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props.getShoesGraphQuery,
             defaultShoeSizeType = _this$props.defaultShoeSizeType,
             getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
@@ -10976,6 +11038,12 @@
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
           getGraphQuery: getStylesGraphQuery
+        }), category_type === interestCategories.APPAREL && /*#__PURE__*/React__default.createElement(ApparelSizeSelector, {
+          category: category_type,
+          onChange: _this.onApparelSizesChanged,
+          requestInstance: requestInstance,
+          graphApi: "".concat(baseGraphApi, "?id=getApparelSizes"),
+          getGraphQuery: getApparelSizesGraphQuery
         }), /*#__PURE__*/React__default.createElement(ConditionSelector, {
           onChange: _this.onConditionChanged,
           requestInstance: requestInstance,
@@ -11794,6 +11862,7 @@
             baseGraphApi = _this$props2.baseGraphApi,
             getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props2.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props2.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props2.getShoesGraphQuery,
             deleteInterestApi = _this$props2.deleteInterestApi,
             setSchedule = _this$props2.setSchedule,
@@ -11848,6 +11917,7 @@
           baseGraphApi: baseGraphApi,
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
+          getApparelSizesGraphQuery: getApparelSizesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
           defaultShoeSizeType: defaultShoeSizeType,
           addInterestTitle: "Category Interest",

package/Interests.js

@@ -8373,11 +8373,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -8461,6 +8463,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -8470,6 +8473,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -8523,6 +8527,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -8636,6 +8641,48 @@
     }
   };
 
+  var ApparelSizeSelector = function ApparelSizeSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      title: "Sizes",
+      queryId: "getApparelSizes",
+      baseQueryLimit: 16,
+      baseClass: "apparel-size-selector",
+      identifier: "apparel-size-selector",
+      searchable: false,
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  ApparelSizeSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return {
+        data: (result.data.data.luxity_universal_apparel_size_list || []).map(function (_ref2) {
+          var id = _ref2.id,
+              size = _ref2.size;
+          return {
+            id: id,
+            name: size
+          };
+        }),
+        has_more_pages: false
+      };
+    }
+  };
+
   var genders = {
     FEMALE: 0,
     MALE: 1,
@@ -10395,6 +10442,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -10424,7 +10472,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -10473,6 +10522,14 @@
         });
       });
 
+      _defineProperty(_assertThisInitialized(_this), "onApparelSizesChanged", function (apparelSizesArray) {
+        _this.setState({
+          apparel_sizes: apparelSizesArray.map(function (apparelSize) {
+            return apparelSize.id;
+          })
+        });
+      });
+
       _defineProperty(_assertThisInitialized(_this), "onConditionChanged", function (conditions) {
         _this.setState({
           condition: conditions.map(function (condition) {
@@ -10502,6 +10559,7 @@
             min_price = _this$state.min_price,
             max_price = _this$state.max_price,
             styles = _this$state.styles,
+            apparel_sizes = _this$state.apparel_sizes,
             category_type = _this$state.category_type,
             requestState = _this$state.request,
             gender = _this$state.gender,
@@ -10527,8 +10585,11 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
+        var apparelSizesPayload = category_type === interestCategories.APPAREL ? {
+          apparel_sizes: apparel_sizes
+        } : {};
 
-        var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
+        var payload = _objectSpread2(_objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload), apparelSizesPayload);
 
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
@@ -10585,6 +10646,7 @@
             baseGraphApi = _this$props.baseGraphApi,
             getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props.getShoesGraphQuery,
             defaultShoeSizeType = _this$props.defaultShoeSizeType,
             getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
@@ -10616,6 +10678,12 @@
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
           getGraphQuery: getStylesGraphQuery
+        }), category_type === interestCategories.APPAREL && /*#__PURE__*/React__default.createElement(ApparelSizeSelector, {
+          category: category_type,
+          onChange: _this.onApparelSizesChanged,
+          requestInstance: requestInstance,
+          graphApi: "".concat(baseGraphApi, "?id=getApparelSizes"),
+          getGraphQuery: getApparelSizesGraphQuery
         }), /*#__PURE__*/React__default.createElement(ConditionSelector, {
           onChange: _this.onConditionChanged,
           requestInstance: requestInstance,
@@ -11657,6 +11725,7 @@
             baseGraphApi = _this$props2.baseGraphApi,
             getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props2.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props2.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props2.getShoesGraphQuery,
             deleteInterestApi = _this$props2.deleteInterestApi,
             setSchedule = _this$props2.setSchedule,
@@ -11711,6 +11780,7 @@
           baseGraphApi: baseGraphApi,
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
+          getApparelSizesGraphQuery: getApparelSizesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
           defaultShoeSizeType: defaultShoeSizeType,
           addInterestTitle: "Category Interest",

package/LuxityGraphQLDropdownSelector.js

@@ -10134,11 +10134,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -10222,6 +10224,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -10231,6 +10234,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -10284,6 +10288,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -10379,6 +10384,48 @@
     }
   };
 
+  var ApparelSizeSelector = function ApparelSizeSelector(_ref) {
+    var onChange = _ref.onChange,
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
+    return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
+      title: "Sizes",
+      queryId: "getApparelSizes",
+      baseQueryLimit: 16,
+      baseClass: "apparel-size-selector",
+      identifier: "apparel-size-selector",
+      searchable: false,
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  ApparelSizeSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return {
+        data: (result.data.data.luxity_universal_apparel_size_list || []).map(function (_ref2) {
+          var id = _ref2.id,
+              size = _ref2.size;
+          return {
+            id: id,
+            name: size
+          };
+        }),
+        has_more_pages: false
+      };
+    }
+  };
+
   var shoeSizeTypes = {
     uk: {
       label: 'UK',
@@ -10755,6 +10802,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -10784,7 +10832,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -10833,6 +10882,14 @@
         });
       });
 
+      _defineProperty(_assertThisInitialized(_this), "onApparelSizesChanged", function (apparelSizesArray) {
+        _this.setState({
+          apparel_sizes: apparelSizesArray.map(function (apparelSize) {
+            return apparelSize.id;
+          })
+        });
+      });
+
       _defineProperty(_assertThisInitialized(_this), "onConditionChanged", function (conditions) {
         _this.setState({
           condition: conditions.map(function (condition) {
@@ -10862,6 +10919,7 @@
             min_price = _this$state.min_price,
             max_price = _this$state.max_price,
             styles = _this$state.styles,
+            apparel_sizes = _this$state.apparel_sizes,
             category_type = _this$state.category_type,
             requestState = _this$state.request,
             gender = _this$state.gender,
@@ -10887,8 +10945,11 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
+        var apparelSizesPayload = category_type === interestCategories.APPAREL ? {
+          apparel_sizes: apparel_sizes
+        } : {};
 
-        var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
+        var payload = _objectSpread2(_objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload), apparelSizesPayload);
 
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
@@ -10945,6 +11006,7 @@
             baseGraphApi = _this$props.baseGraphApi,
             getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props.getShoesGraphQuery,
             defaultShoeSizeType = _this$props.defaultShoeSizeType,
             getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
@@ -10976,6 +11038,12 @@
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
           getGraphQuery: getStylesGraphQuery
+        }), category_type === interestCategories.APPAREL && /*#__PURE__*/React__default.createElement(ApparelSizeSelector, {
+          category: category_type,
+          onChange: _this.onApparelSizesChanged,
+          requestInstance: requestInstance,
+          graphApi: "".concat(baseGraphApi, "?id=getApparelSizes"),
+          getGraphQuery: getApparelSizesGraphQuery
         }), /*#__PURE__*/React__default.createElement(ConditionSelector, {
           onChange: _this.onConditionChanged,
           requestInstance: requestInstance,
@@ -11794,6 +11862,7 @@
             baseGraphApi = _this$props2.baseGraphApi,
             getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props2.getStylesGraphQuery,
+            getApparelSizesGraphQuery = _this$props2.getApparelSizesGraphQuery,
             getShoesGraphQuery = _this$props2.getShoesGraphQuery,
             deleteInterestApi = _this$props2.deleteInterestApi,
             setSchedule = _this$props2.setSchedule,
@@ -11848,6 +11917,7 @@
           baseGraphApi: baseGraphApi,
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
+          getApparelSizesGraphQuery: getApparelSizesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
           defaultShoeSizeType: defaultShoeSizeType,
           addInterestTitle: "Category Interest",

package/LuxityGraphQLMultiselector.js

@@ -737,11 +737,13 @@
         className = _ref.className,
         title = _ref.title,
         searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+        onSearchChanged = _ref.onSearchChanged,
+        _ref$searchable = _ref.searchable,
+        searchable = _ref$searchable === void 0 ? true : _ref$searchable;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, searchable && /*#__PURE__*/React__default.createElement("div", {
       className: "title__search"
     }, /*#__PURE__*/React__default.createElement(Search, null), /*#__PURE__*/React__default.createElement("input", {
       placeholder: searchPlaceHolder,
@@ -825,6 +827,7 @@
             resultProcessor = _this$props.resultProcessor,
             itemRenderer = _this$props.itemRenderer,
             searchPlaceHolder = _this$props.searchPlaceHolder,
+            searchable = _this$props.searchable,
             graphApi = _this$props.graphApi,
             identifier = _this$props.identifier,
             requestInstance = _this$props.requestInstance;
@@ -834,6 +837,7 @@
           title: title,
           baseClass: baseClass,
           searchPlaceHolder: searchPlaceHolder,
+          searchable: searchable,
           onSearchChanged: _this.onSearchChanged
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
@@ -887,6 +891,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };