@bonlineza/luxity-lib 2.39.9 → 2.40.1

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

@@ -9797,12 +9797,10 @@
 
         var _data$data$user = data.data.user,
             email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
-            whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule,
-            can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
+            whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
 
         _this.setState({
           options: options,
-          canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
           emailSelectedOption: options.find(function (item) {
             return item.value === email_interest_send_schedule;
           }),
@@ -9817,16 +9815,15 @@
             options = _this$state.options,
             emailSelectedOption = _this$state.emailSelectedOption,
             whatsappSelectedOption = _this$state.whatsappSelectedOption,
-            canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
             updating = _this$state.request.fetching;
         return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           getRequestPromise: _this.props.getSchedule,
           onData: function onData(data) {
             return _this.onData(data);
           }
-        }, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-settings"
-        }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-row-wrapper"
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-dropdown-label"
@@ -9864,14 +9861,13 @@
             return _this.postUpdate(option, 'EMAIL');
           },
           value: emailSelectedOption
-        }))))));
+        })))));
       });
 
       _this.state = {
         options: [],
         emailSelectedOption: null,
         whatsappSelectedOption: null,
-        canReceiveWhatsAppNotifications: false,
         request: _objectSpread2({}, request)
       };
       return _this;
@@ -10134,11 +10130,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 +10220,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 +10230,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 +10284,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -10379,6 +10380,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 +10798,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -10784,7 +10828,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -10833,6 +10878,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 +10915,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 +10941,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 +11002,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 +11034,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 +11858,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 +11913,7 @@
           baseGraphApi: baseGraphApi,
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
+          getApparelSizesGraphQuery: getApparelSizesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
           defaultShoeSizeType: defaultShoeSizeType,
           addInterestTitle: "Category Interest",

package/Interests.js

@@ -7618,12 +7618,10 @@
 
         var _data$data$user = data.data.user,
             email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
-            whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule,
-            can_receive_whatsapp_interest_notifications = _data$data$user.can_receive_whatsapp_interest_notifications;
+            whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule;
 
         _this.setState({
           options: options,
-          canReceiveWhatsAppNotifications: !!can_receive_whatsapp_interest_notifications,
           emailSelectedOption: options.find(function (item) {
             return item.value === email_interest_send_schedule;
           }),
@@ -7638,16 +7636,15 @@
             options = _this$state.options,
             emailSelectedOption = _this$state.emailSelectedOption,
             whatsappSelectedOption = _this$state.whatsappSelectedOption,
-            canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
             updating = _this$state.request.fetching;
         return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           getRequestPromise: _this.props.getSchedule,
           onData: function onData(data) {
             return _this.onData(data);
           }
-        }, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-settings"
-        }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-row-wrapper"
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-dropdown-label"
@@ -7685,14 +7682,13 @@
             return _this.postUpdate(option, 'EMAIL');
           },
           value: emailSelectedOption
-        }))))));
+        })))));
       });
 
       _this.state = {
         options: [],
         emailSelectedOption: null,
         whatsappSelectedOption: null,
-        canReceiveWhatsAppNotifications: false,
         request: _objectSpread2({}, request)
       };
       return _this;
@@ -8373,11 +8369,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 +8459,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 +8469,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 +8523,7 @@
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
+    searchable: true,
     queryLimitIncrement: 12,
     baseQueryLimit: 12
   };
@@ -8636,6 +8637,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 +10438,7 @@
     min_price: null,
     max_price: null,
     styles: [],
+    apparel_sizes: [],
     gender: [],
     condition: [],
     request: _objectSpread2({}, request),
@@ -10424,7 +10468,8 @@
         _this.setState({
           category_type: categoryType,
           brands: [],
-          styles: []
+          styles: [],
+          apparel_sizes: []
         });
       });
 
@@ -10473,6 +10518,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 +10555,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 +10581,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 +10642,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 +10674,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 +11721,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 +11776,7 @@
           baseGraphApi: baseGraphApi,
           getBrandsGraphQuery: getBrandsGraphQuery,
           getStylesGraphQuery: getStylesGraphQuery,
+          getApparelSizesGraphQuery: getApparelSizesGraphQuery,
           getShoesGraphQuery: getShoesGraphQuery,
           defaultShoeSizeType: defaultShoeSizeType,
           addInterestTitle: "Category Interest",