@bonlineza/luxity-lib 2.27.0 → 2.29.0

package/GraphQLDropdownSelector.js

@@ -786,22 +786,6 @@
           return /*#__PURE__*/React__default.createElement("span", {
             key: "".concat(style.name, "-").concat(data.id)
           }, style.name);
-        }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
-          className: "interest-item__container_heading"
-        }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
-          className: "list-items"
-        }, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
-          return /*#__PURE__*/React__default.createElement("span", {
-            key: "".concat(model.name, "-").concat(data.id)
-          }, model.name);
-        }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
-          className: "interest-item__container_heading"
-        }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
-          className: "list-items"
-        }, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
-          return /*#__PURE__*/React__default.createElement("span", {
-            key: "".concat(material.name, "-").concat(data.id)
-          }, material.name);
         }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
           className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
         }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
@@ -9398,141 +9382,6 @@
 
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
-  /**
-   * Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
-   */
-  var LuxityGraphQLDropdownSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
-
-    var _super = _createSuper(LuxityGraphQLDropdownSelector);
-
-    function LuxityGraphQLDropdownSelector(props) {
-      var _this;
-
-      _classCallCheck(this, LuxityGraphQLDropdownSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
-        _this.setState(function (prevState) {
-          return {
-            limit: prevState.limit + _this.props.queryLimitIncrement
-          };
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
-        _this.props.onChange(selection);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
-        var _this$state = _this.state,
-            limit = _this$state.limit,
-            query_arguments = _this$state.query_arguments;
-        var _this$props = _this.props,
-            title = _this$props.title,
-            baseClass = _this$props.baseClass,
-            getGraphQuery = _this$props.getGraphQuery,
-            resultProcessor = _this$props.resultProcessor,
-            graphApi = _this$props.graphApi,
-            identifier = _this$props.identifier,
-            requestInstance = _this$props.requestInstance;
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: baseClass
-        }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
-          className: "".concat(baseClass, "__title"),
-          title: title
-        }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLDropdownSelector$1, {
-          triggerRequest: function triggerRequest() {
-            return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', query_arguments)
-            });
-          },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', query_arguments),
-          identifier: identifier,
-          ref: _this.multiSelectorRef,
-          onChange: _this.onChange,
-          resultProcessor: resultProcessor
-        })));
-      });
-
-      _this.state = {
-        limit: props.baseQueryLimit,
-        query_arguments: props.query_arguments
-      };
-      return _this;
-    }
-
-    _createClass(LuxityGraphQLDropdownSelector, [{
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe;
-
-        if (prevProps.query_arguments !== this.props.query_arguments && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
-          this.multiSelectorRef.current.emptySelected();
-        }
-      }
-    }], [{
-      key: "getDerivedStateFromProps",
-      value: function getDerivedStateFromProps(props, prevState) {
-        if (prevState.query_arguments !== props.query_arguments) {
-          return {
-            query_arguments: props.query_arguments
-          };
-        }
-
-        return null;
-      }
-    }]);
-
-    return LuxityGraphQLDropdownSelector;
-  }(React__default.Component);
-
-  LuxityGraphQLDropdownSelector.defaultProps = {
-    baseClass: '',
-    searchPlaceHolder: '',
-    queryLimitIncrement: 12,
-    baseQueryLimit: 12
-  };
-
-  var BrandSelector = function BrandSelector(_ref) {
-    var onChange = _ref.onChange,
-        category = _ref.category,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 9999,
-      title: "Brands",
-      queryId: "getBrands",
-      baseClass: "brand-selector",
-      identifier: "brand-selector",
-      searchPlaceHolder: "Search brands",
-      query_arguments: category,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  BrandSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_brands.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
   var _templateObject$E, _templateObject2$6;
   var ALL_ITEM = {
     id: 'ALL',
@@ -9865,10 +9714,7 @@
         var _this$state = _this.state,
             limit = _this$state.limit,
             category = _this$state.category,
-            nameFilter = _this$state.nameFilter,
-            brands = _this$state.brands,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
             title = _this$props.title,
             baseClass = _this$props.baseClass,
@@ -9889,10 +9735,10 @@
         }), /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(GraphQLMultiSelector$1, {
           triggerRequest: function triggerRequest() {
             return requestInstance.post(graphApi, {
-              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials)
+              query: getGraphQuery(limit, 1, 'id|desc', category, nameFilter)
             });
           },
-          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter, brands, models, materials),
+          graphQuery: getGraphQuery(limit, 1, 'id|desc', category, nameFilter),
           identifier: identifier,
           ref: _this.multiSelectorRef,
           onChange: _this.onChange,
@@ -9905,9 +9751,6 @@
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
-        brands: props.brands,
-        models: props.models,
-        materials: props.materials,
         nameFilter: ''
       };
       return _this;
@@ -9916,23 +9759,11 @@
     _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$multiSelectorRe, _this$multiSelectorRe2, _this$multiSelectorRe3, _this$multiSelectorRe4;
+        var _this$multiSelectorRe;
 
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
-
-        if (prevProps.brands !== this.props.brands && (_this$multiSelectorRe2 = this.multiSelectorRef) !== null && _this$multiSelectorRe2 !== void 0 && _this$multiSelectorRe2.current) {
-          this.multiSelectorRef.current.emptySelected();
-        }
-
-        if (prevProps.models !== this.props.models && (_this$multiSelectorRe3 = this.multiSelectorRef) !== null && _this$multiSelectorRe3 !== void 0 && _this$multiSelectorRe3.current) {
-          this.multiSelectorRef.current.emptySelected();
-        }
-
-        if (prevProps.materials !== this.props.materials && (_this$multiSelectorRe4 = this.multiSelectorRef) !== null && _this$multiSelectorRe4 !== void 0 && _this$multiSelectorRe4.current) {
-          this.multiSelectorRef.current.emptySelected();
-        }
       }
     }], [{
       key: "getDerivedStateFromProps",
@@ -9943,24 +9774,6 @@
           };
         }
 
-        if (prevState.brands !== props.brands) {
-          return {
-            brands: props.brands
-          };
-        }
-
-        if (prevState.models !== props.models) {
-          return {
-            models: props.models
-          };
-        }
-
-        if (prevState.materials !== props.materials) {
-          return {
-            materials: props.materials
-          };
-        }
-
         return null;
       }
     }]);
@@ -10002,6 +9815,38 @@
     return selected ? /*#__PURE__*/React__default.createElement(PrimaryButton$1, props, item.name) : /*#__PURE__*/React__default.createElement(UnselectedButton, props, item.name);
   };
 
+  var BrandSelector = function BrandSelector(_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, {
+      baseQueryLimit: 16,
+      title: "Brands",
+      queryId: "getBrands",
+      baseClass: "brand-selector",
+      identifier: "brand-selector",
+      searchPlaceHolder: "Search brands",
+      category: category,
+      onChange: onChange,
+      graphApi: graphApi,
+      itemRenderer: itemRenderer,
+      getGraphQuery: getGraphQuery,
+      resultProcessor: resultProcessor,
+      requestInstance: requestInstance
+    });
+  };
+
+  BrandSelector.defaultProps = {
+    itemRenderer: ItemRenderer,
+    resultProcessor: function resultProcessor(result) {
+      return result.data.data.luxity_brands;
+    }
+  };
+
   var StyleSelector = function StyleSelector(_ref) {
     var onChange = _ref.onChange,
         category = _ref.category,
@@ -10009,10 +9854,7 @@
         itemRenderer = _ref.itemRenderer,
         getGraphQuery = _ref.getGraphQuery,
         resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance,
-        brands = _ref.brands,
-        models = _ref.models,
-        materials = _ref.materials;
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -10021,9 +9863,6 @@
       identifier: "style-selector",
       searchPlaceHolder: "Search Styles",
       category: category,
-      brands: brands,
-      models: models,
-      materials: materials,
       onChange: onChange,
       graphApi: graphApi,
       itemRenderer: itemRenderer,
@@ -10373,76 +10212,6 @@
     }));
   });
 
-  var ModelSelector = function ModelSelector(_ref) {
-    var onChange = _ref.onChange,
-        brands = _ref.brands,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 1000,
-      title: "Models",
-      queryId: "getModels",
-      baseClass: "model-selector",
-      identifier: "model-selector",
-      query_arguments: brands,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  ModelSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_models.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
-  var MaterialSelector = function MaterialSelector(_ref) {
-    var onChange = _ref.onChange,
-        brands = _ref.brands,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
-    return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
-      baseQueryLimit: 1000,
-      title: "Materials",
-      queryId: "getMaterials",
-      baseClass: "material-selector",
-      identifier: "material-selector",
-      query_arguments: brands,
-      onChange: onChange,
-      graphApi: graphApi,
-      getGraphQuery: getGraphQuery,
-      resultProcessor: resultProcessor,
-      requestInstance: requestInstance
-    });
-  };
-
-  MaterialSelector.defaultProps = {
-    resultProcessor: function resultProcessor(result) {
-      return result.data.data.luxity_materials.data.map(function (_ref2) {
-        var id = _ref2.id,
-            name = _ref2.name;
-        return {
-          label: name,
-          value: id
-        };
-      });
-    }
-  };
-
   var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
   var UNISEX$1 = genders.UNISEX;
   var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  border: 1px solid ", ";\n  padding: ", ";\n"])), function (props) {
@@ -10494,9 +10263,7 @@
     styles: [],
     gender: [],
     request: _objectSpread2({}, request),
-    isCategoriesShown: false,
-    models: [],
-    materials: []
+    isCategoriesShown: false
   };
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
@@ -10550,9 +10317,8 @@
       _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
-            return brand.value;
-          }),
-          styles: []
+            return brand.id;
+          })
         });
       });
 
@@ -10572,24 +10338,6 @@
         });
       });
 
-      _defineProperty(_assertThisInitialized(_this), "onModelsChanged", function (modelsArray) {
-        _this.setState({
-          models: modelsArray.map(function (model) {
-            return model.value;
-          }),
-          styles: []
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "onMaterialsChanged", function (materialsArray) {
-        _this.setState({
-          materials: materialsArray.map(function (material) {
-            return material.value;
-          }),
-          styles: []
-        });
-      });
-
       _defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
         // price/shoe-size always have initial values as soon as category is set
         var category_type = _this.state.category_type;
@@ -10613,9 +10361,7 @@
             styles = _this$state.styles,
             category_type = _this$state.category_type,
             requestState = _this$state.request,
-            gender = _this$state.gender,
-            models = _this$state.models,
-            materials = _this$state.materials;
+            gender = _this$state.gender;
         var payloadGender = gender[0];
 
         if (gender.length > 1 || !gender.length) {
@@ -10629,9 +10375,7 @@
           max_price: max_price,
           styles: styles,
           gender: payloadGender,
-          request: requestState,
-          models: models,
-          materials: materials
+          request: requestState
         };
         var shoeSizesPayload = category_type === interestCategories.SHOES ? {
           min_shoe_size_id: min_shoe_size_id,
@@ -10688,19 +10432,14 @@
       _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$state2 = _this.state,
             category_type = _this$state2.category_type,
-            fetching = _this$state2.request.fetching,
-            brands = _this$state2.brands,
-            models = _this$state2.models,
-            materials = _this$state2.materials;
+            fetching = _this$state2.request.fetching;
         var _this$props = _this.props,
             requestInstance = _this$props.requestInstance,
             baseGraphApi = _this$props.baseGraphApi,
             getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props.getStylesGraphQuery,
             getShoesGraphQuery = _this$props.getShoesGraphQuery,
-            defaultShoeSizeType = _this$props.defaultShoeSizeType,
-            getModelsGraphQuery = _this$props.getModelsGraphQuery,
-            getMaterialsGraphQuery = _this$props.getMaterialsGraphQuery;
+            defaultShoeSizeType = _this$props.defaultShoeSizeType;
         return /*#__PURE__*/React__default.createElement(React.Fragment, null, !_this.state.isCategoriesShown && /*#__PURE__*/React__default.createElement(AddInterestButtonContainer, {
           onClick: _this.onAddInterestClick
         }, /*#__PURE__*/React__default.createElement(AddInterestButton, null, "Add Interest"), /*#__PURE__*/React__default.createElement(AddIcon, {
@@ -10716,19 +10455,7 @@
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getBrands"),
           getGraphQuery: getBrandsGraphQuery
-        }), brands.length > 0 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(ModelSelector, {
-          brands: brands,
-          getGraphQuery: getModelsGraphQuery,
-          graphApi: "".concat(baseGraphApi, "?id=getModels"),
-          requestInstance: requestInstance,
-          onChange: _this.onModelsChanged
-        }), /*#__PURE__*/React__default.createElement(MaterialSelector, {
-          brands: brands,
-          getGraphQuery: getMaterialsGraphQuery,
-          graphApi: "".concat(baseGraphApi, "?id=getMaterials"),
-          requestInstance: requestInstance,
-          onChange: _this.onMaterialsChanged
-        })), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
+        }), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
           defaultShoeSizeType: defaultShoeSizeType,
           getGraphQuery: getShoesGraphQuery,
           graphApi: "".concat(baseGraphApi, "?id=shoeSizeQuery"),
@@ -10742,10 +10469,7 @@
           onChange: _this.onStylesChanged,
           requestInstance: requestInstance,
           graphApi: "".concat(baseGraphApi, "?id=getStyles"),
-          getGraphQuery: getStylesGraphQuery,
-          brands: brands,
-          models: models,
-          materials: materials
+          getGraphQuery: getStylesGraphQuery
         })) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
           className: "fl-right"
         }, /*#__PURE__*/React__default.createElement("div", {
@@ -10802,10 +10526,6 @@
       className: "heading-title"
     }, "Style"), /*#__PURE__*/React__default.createElement("div", {
       className: "heading-title"
-    }, "Models"), /*#__PURE__*/React__default.createElement("div", {
-      className: "heading-title"
-    }, "Materials"), /*#__PURE__*/React__default.createElement("div", {
-      className: "heading-title"
     }, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
       className: "heading-title-empty"
     }));
@@ -10896,8 +10616,6 @@
             getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
             getStylesGraphQuery = _this$props2.getStylesGraphQuery,
             getShoesGraphQuery = _this$props2.getShoesGraphQuery,
-            getModelsGraphQuery = _this$props2.getModelsGraphQuery,
-            getMaterialsGraphQuery = _this$props2.getMaterialsGraphQuery,
             deleteInterestApi = _this$props2.deleteInterestApi,
             setSchedule = _this$props2.setSchedule,
             getSchedule = _this$props2.getSchedule,
@@ -10931,9 +10649,7 @@
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
-          defaultShoeSizeType: defaultShoeSizeType,
-          getModelsGraphQuery: getModelsGraphQuery,
-          getMaterialsGraphQuery: getMaterialsGraphQuery
+          defaultShoeSizeType: defaultShoeSizeType
         }), interests.length > 0 ? /*#__PURE__*/React__default.createElement(MyInterestTitleHeading$1, null) : '', /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           getRequestPromise: function getRequestPromise() {
             return _this2.triggerInterestRequest();
@@ -11387,8 +11103,8 @@
   GraphQLDropdownSelector.defaultProps = {
     baseClass: 'multiselector'
   };
-  var GraphQLDropdownSelector$1 = themed(GraphQLDropdownSelector);
+  var index$2 = themed(GraphQLDropdownSelector);
 
-  return GraphQLDropdownSelector$1;
+  return index$2;
 
 })));

package/InterestItem.js

@@ -479,22 +479,6 @@
           return /*#__PURE__*/React__default.createElement("span", {
             key: "".concat(style.name, "-").concat(data.id)
           }, style.name);
-        }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
-          className: "interest-item__container_heading"
-        }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
-          className: "list-items"
-        }, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
-          return /*#__PURE__*/React__default.createElement("span", {
-            key: "".concat(model.name, "-").concat(data.id)
-          }, model.name);
-        }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
-          className: "interest-item__container_heading"
-        }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
-          className: "list-items"
-        }, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
-          return /*#__PURE__*/React__default.createElement("span", {
-            key: "".concat(material.name, "-").concat(data.id)
-          }, material.name);
         }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
           className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
         }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {