@bonlineza/luxity-lib 2.39.8 → 2.40.0

package/AddInterest.js

@@ -1161,11 +1161,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,
@@ -1249,6 +1251,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;
@@ -1258,6 +1261,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() {
@@ -1311,6 +1315,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -1424,6 +1429,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,
@@ -3188,6 +3235,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -3217,7 +3265,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -3266,6 +3315,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) {
@@ -3295,6 +3352,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,
@@ -3320,8 +3378,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({
@@ -3378,6 +3439,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;
@@ -3409,6 +3471,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,