@bonlineza/luxity-lib 2.27.0 → 2.28.0

package/LuxityGraphQLDropdownSelector.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", {
@@ -10274,76 +10258,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) {
@@ -10395,9 +10309,7 @@
     styles: [],
     gender: [],
     request: _objectSpread2({}, request),
-    isCategoriesShown: false,
-    models: [],
-    materials: []
+    isCategoriesShown: false
   };
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
@@ -10451,9 +10363,8 @@
       _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
-            return brand.value;
-          }),
-          styles: []
+            return brand.id;
+          })
         });
       });
 
@@ -10473,24 +10384,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;
@@ -10514,9 +10407,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) {
@@ -10530,9 +10421,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,
@@ -10589,19 +10478,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, {
@@ -10617,19 +10501,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"),
@@ -10643,10 +10515,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", {
@@ -10703,10 +10572,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"
     }));
@@ -10797,8 +10662,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,
@@ -10832,9 +10695,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();

package/MaterialSelector.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", {
@@ -10274,41 +10258,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 _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) {
@@ -10360,9 +10309,7 @@
     styles: [],
     gender: [],
     request: _objectSpread2({}, request),
-    isCategoriesShown: false,
-    models: [],
-    materials: []
+    isCategoriesShown: false
   };
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
@@ -10416,9 +10363,8 @@
       _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
-            return brand.value;
-          }),
-          styles: []
+            return brand.id;
+          })
         });
       });
 
@@ -10438,24 +10384,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;
@@ -10479,9 +10407,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) {
@@ -10495,9 +10421,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,
@@ -10554,19 +10478,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, {
@@ -10582,19 +10501,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"),
@@ -10608,10 +10515,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", {
@@ -10668,10 +10572,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"
     }));
@@ -10762,8 +10662,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,
@@ -10797,9 +10695,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();