@bonlineza/luxity-lib 2.27.0 → 2.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AddInterest.js +10 -149
- package/BrandSelector.js +10 -149
- package/GraphQLDropdownSelector.js +10 -149
- package/InterestItem.js +0 -16
- package/Interests.js +10 -149
- package/LuxityGraphQLDropdownSelector.js +10 -149
- package/MaterialSelector.js +10 -114
- package/ModelSelector.js +10 -114
- package/build/bundle.js +10 -149
- package/package.json +1 -1
|
@@ -786,22 +786,6 @@
|
|
|
786
786
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
787
787
|
key: "".concat(style.name, "-").concat(data.id)
|
|
788
788
|
}, style.name);
|
|
789
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
790
|
-
className: "interest-item__container_heading"
|
|
791
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
|
|
792
|
-
className: "list-items"
|
|
793
|
-
}, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
|
|
794
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
795
|
-
key: "".concat(model.name, "-").concat(data.id)
|
|
796
|
-
}, model.name);
|
|
797
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
798
|
-
className: "interest-item__container_heading"
|
|
799
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
|
|
800
|
-
className: "list-items"
|
|
801
|
-
}, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
|
|
802
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
803
|
-
key: "".concat(material.name, "-").concat(data.id)
|
|
804
|
-
}, material.name);
|
|
805
789
|
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
806
790
|
className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
|
|
807
791
|
}, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -10373,76 +10357,6 @@
|
|
|
10373
10357
|
}));
|
|
10374
10358
|
});
|
|
10375
10359
|
|
|
10376
|
-
var ModelSelector = function ModelSelector(_ref) {
|
|
10377
|
-
var onChange = _ref.onChange,
|
|
10378
|
-
brands = _ref.brands,
|
|
10379
|
-
graphApi = _ref.graphApi,
|
|
10380
|
-
getGraphQuery = _ref.getGraphQuery,
|
|
10381
|
-
resultProcessor = _ref.resultProcessor,
|
|
10382
|
-
requestInstance = _ref.requestInstance;
|
|
10383
|
-
return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
|
|
10384
|
-
baseQueryLimit: 1000,
|
|
10385
|
-
title: "Models",
|
|
10386
|
-
queryId: "getModels",
|
|
10387
|
-
baseClass: "model-selector",
|
|
10388
|
-
identifier: "model-selector",
|
|
10389
|
-
query_arguments: brands,
|
|
10390
|
-
onChange: onChange,
|
|
10391
|
-
graphApi: graphApi,
|
|
10392
|
-
getGraphQuery: getGraphQuery,
|
|
10393
|
-
resultProcessor: resultProcessor,
|
|
10394
|
-
requestInstance: requestInstance
|
|
10395
|
-
});
|
|
10396
|
-
};
|
|
10397
|
-
|
|
10398
|
-
ModelSelector.defaultProps = {
|
|
10399
|
-
resultProcessor: function resultProcessor(result) {
|
|
10400
|
-
return result.data.data.luxity_models.data.map(function (_ref2) {
|
|
10401
|
-
var id = _ref2.id,
|
|
10402
|
-
name = _ref2.name;
|
|
10403
|
-
return {
|
|
10404
|
-
label: name,
|
|
10405
|
-
value: id
|
|
10406
|
-
};
|
|
10407
|
-
});
|
|
10408
|
-
}
|
|
10409
|
-
};
|
|
10410
|
-
|
|
10411
|
-
var MaterialSelector = function MaterialSelector(_ref) {
|
|
10412
|
-
var onChange = _ref.onChange,
|
|
10413
|
-
brands = _ref.brands,
|
|
10414
|
-
graphApi = _ref.graphApi,
|
|
10415
|
-
getGraphQuery = _ref.getGraphQuery,
|
|
10416
|
-
resultProcessor = _ref.resultProcessor,
|
|
10417
|
-
requestInstance = _ref.requestInstance;
|
|
10418
|
-
return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
|
|
10419
|
-
baseQueryLimit: 1000,
|
|
10420
|
-
title: "Materials",
|
|
10421
|
-
queryId: "getMaterials",
|
|
10422
|
-
baseClass: "material-selector",
|
|
10423
|
-
identifier: "material-selector",
|
|
10424
|
-
query_arguments: brands,
|
|
10425
|
-
onChange: onChange,
|
|
10426
|
-
graphApi: graphApi,
|
|
10427
|
-
getGraphQuery: getGraphQuery,
|
|
10428
|
-
resultProcessor: resultProcessor,
|
|
10429
|
-
requestInstance: requestInstance
|
|
10430
|
-
});
|
|
10431
|
-
};
|
|
10432
|
-
|
|
10433
|
-
MaterialSelector.defaultProps = {
|
|
10434
|
-
resultProcessor: function resultProcessor(result) {
|
|
10435
|
-
return result.data.data.luxity_materials.data.map(function (_ref2) {
|
|
10436
|
-
var id = _ref2.id,
|
|
10437
|
-
name = _ref2.name;
|
|
10438
|
-
return {
|
|
10439
|
-
label: name,
|
|
10440
|
-
value: id
|
|
10441
|
-
};
|
|
10442
|
-
});
|
|
10443
|
-
}
|
|
10444
|
-
};
|
|
10445
|
-
|
|
10446
10360
|
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10447
10361
|
var UNISEX$1 = genders.UNISEX;
|
|
10448
10362
|
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
@@ -10494,9 +10408,7 @@
|
|
|
10494
10408
|
styles: [],
|
|
10495
10409
|
gender: [],
|
|
10496
10410
|
request: _objectSpread2({}, request),
|
|
10497
|
-
isCategoriesShown: false
|
|
10498
|
-
models: [],
|
|
10499
|
-
materials: []
|
|
10411
|
+
isCategoriesShown: false
|
|
10500
10412
|
};
|
|
10501
10413
|
/**
|
|
10502
10414
|
* Generates Interest UI and submits graph payloads as a highly specialised component
|
|
@@ -10550,9 +10462,8 @@
|
|
|
10550
10462
|
_defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
|
|
10551
10463
|
_this.setState({
|
|
10552
10464
|
brands: brandsArray.map(function (brand) {
|
|
10553
|
-
return brand.
|
|
10554
|
-
})
|
|
10555
|
-
styles: []
|
|
10465
|
+
return brand.id;
|
|
10466
|
+
})
|
|
10556
10467
|
});
|
|
10557
10468
|
});
|
|
10558
10469
|
|
|
@@ -10572,24 +10483,6 @@
|
|
|
10572
10483
|
});
|
|
10573
10484
|
});
|
|
10574
10485
|
|
|
10575
|
-
_defineProperty(_assertThisInitialized(_this), "onModelsChanged", function (modelsArray) {
|
|
10576
|
-
_this.setState({
|
|
10577
|
-
models: modelsArray.map(function (model) {
|
|
10578
|
-
return model.value;
|
|
10579
|
-
}),
|
|
10580
|
-
styles: []
|
|
10581
|
-
});
|
|
10582
|
-
});
|
|
10583
|
-
|
|
10584
|
-
_defineProperty(_assertThisInitialized(_this), "onMaterialsChanged", function (materialsArray) {
|
|
10585
|
-
_this.setState({
|
|
10586
|
-
materials: materialsArray.map(function (material) {
|
|
10587
|
-
return material.value;
|
|
10588
|
-
}),
|
|
10589
|
-
styles: []
|
|
10590
|
-
});
|
|
10591
|
-
});
|
|
10592
|
-
|
|
10593
10486
|
_defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
|
|
10594
10487
|
// price/shoe-size always have initial values as soon as category is set
|
|
10595
10488
|
var category_type = _this.state.category_type;
|
|
@@ -10613,9 +10506,7 @@
|
|
|
10613
10506
|
styles = _this$state.styles,
|
|
10614
10507
|
category_type = _this$state.category_type,
|
|
10615
10508
|
requestState = _this$state.request,
|
|
10616
|
-
gender = _this$state.gender
|
|
10617
|
-
models = _this$state.models,
|
|
10618
|
-
materials = _this$state.materials;
|
|
10509
|
+
gender = _this$state.gender;
|
|
10619
10510
|
var payloadGender = gender[0];
|
|
10620
10511
|
|
|
10621
10512
|
if (gender.length > 1 || !gender.length) {
|
|
@@ -10629,9 +10520,7 @@
|
|
|
10629
10520
|
max_price: max_price,
|
|
10630
10521
|
styles: styles,
|
|
10631
10522
|
gender: payloadGender,
|
|
10632
|
-
request: requestState
|
|
10633
|
-
models: models,
|
|
10634
|
-
materials: materials
|
|
10523
|
+
request: requestState
|
|
10635
10524
|
};
|
|
10636
10525
|
var shoeSizesPayload = category_type === interestCategories.SHOES ? {
|
|
10637
10526
|
min_shoe_size_id: min_shoe_size_id,
|
|
@@ -10688,19 +10577,14 @@
|
|
|
10688
10577
|
_defineProperty(_assertThisInitialized(_this), "render", function () {
|
|
10689
10578
|
var _this$state2 = _this.state,
|
|
10690
10579
|
category_type = _this$state2.category_type,
|
|
10691
|
-
fetching = _this$state2.request.fetching
|
|
10692
|
-
brands = _this$state2.brands,
|
|
10693
|
-
models = _this$state2.models,
|
|
10694
|
-
materials = _this$state2.materials;
|
|
10580
|
+
fetching = _this$state2.request.fetching;
|
|
10695
10581
|
var _this$props = _this.props,
|
|
10696
10582
|
requestInstance = _this$props.requestInstance,
|
|
10697
10583
|
baseGraphApi = _this$props.baseGraphApi,
|
|
10698
10584
|
getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
|
|
10699
10585
|
getStylesGraphQuery = _this$props.getStylesGraphQuery,
|
|
10700
10586
|
getShoesGraphQuery = _this$props.getShoesGraphQuery,
|
|
10701
|
-
defaultShoeSizeType = _this$props.defaultShoeSizeType
|
|
10702
|
-
getModelsGraphQuery = _this$props.getModelsGraphQuery,
|
|
10703
|
-
getMaterialsGraphQuery = _this$props.getMaterialsGraphQuery;
|
|
10587
|
+
defaultShoeSizeType = _this$props.defaultShoeSizeType;
|
|
10704
10588
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, !_this.state.isCategoriesShown && /*#__PURE__*/React__default.createElement(AddInterestButtonContainer, {
|
|
10705
10589
|
onClick: _this.onAddInterestClick
|
|
10706
10590
|
}, /*#__PURE__*/React__default.createElement(AddInterestButton, null, "Add Interest"), /*#__PURE__*/React__default.createElement(AddIcon, {
|
|
@@ -10716,19 +10600,7 @@
|
|
|
10716
10600
|
requestInstance: requestInstance,
|
|
10717
10601
|
graphApi: "".concat(baseGraphApi, "?id=getBrands"),
|
|
10718
10602
|
getGraphQuery: getBrandsGraphQuery
|
|
10719
|
-
}),
|
|
10720
|
-
brands: brands,
|
|
10721
|
-
getGraphQuery: getModelsGraphQuery,
|
|
10722
|
-
graphApi: "".concat(baseGraphApi, "?id=getModels"),
|
|
10723
|
-
requestInstance: requestInstance,
|
|
10724
|
-
onChange: _this.onModelsChanged
|
|
10725
|
-
}), /*#__PURE__*/React__default.createElement(MaterialSelector, {
|
|
10726
|
-
brands: brands,
|
|
10727
|
-
getGraphQuery: getMaterialsGraphQuery,
|
|
10728
|
-
graphApi: "".concat(baseGraphApi, "?id=getMaterials"),
|
|
10729
|
-
requestInstance: requestInstance,
|
|
10730
|
-
onChange: _this.onMaterialsChanged
|
|
10731
|
-
})), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
|
|
10603
|
+
}), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
|
|
10732
10604
|
defaultShoeSizeType: defaultShoeSizeType,
|
|
10733
10605
|
getGraphQuery: getShoesGraphQuery,
|
|
10734
10606
|
graphApi: "".concat(baseGraphApi, "?id=shoeSizeQuery"),
|
|
@@ -10742,10 +10614,7 @@
|
|
|
10742
10614
|
onChange: _this.onStylesChanged,
|
|
10743
10615
|
requestInstance: requestInstance,
|
|
10744
10616
|
graphApi: "".concat(baseGraphApi, "?id=getStyles"),
|
|
10745
|
-
getGraphQuery: getStylesGraphQuery
|
|
10746
|
-
brands: brands,
|
|
10747
|
-
models: models,
|
|
10748
|
-
materials: materials
|
|
10617
|
+
getGraphQuery: getStylesGraphQuery
|
|
10749
10618
|
})) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
|
|
10750
10619
|
className: "fl-right"
|
|
10751
10620
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -10802,10 +10671,6 @@
|
|
|
10802
10671
|
className: "heading-title"
|
|
10803
10672
|
}, "Style"), /*#__PURE__*/React__default.createElement("div", {
|
|
10804
10673
|
className: "heading-title"
|
|
10805
|
-
}, "Models"), /*#__PURE__*/React__default.createElement("div", {
|
|
10806
|
-
className: "heading-title"
|
|
10807
|
-
}, "Materials"), /*#__PURE__*/React__default.createElement("div", {
|
|
10808
|
-
className: "heading-title"
|
|
10809
10674
|
}, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
|
|
10810
10675
|
className: "heading-title-empty"
|
|
10811
10676
|
}));
|
|
@@ -10896,8 +10761,6 @@
|
|
|
10896
10761
|
getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
|
|
10897
10762
|
getStylesGraphQuery = _this$props2.getStylesGraphQuery,
|
|
10898
10763
|
getShoesGraphQuery = _this$props2.getShoesGraphQuery,
|
|
10899
|
-
getModelsGraphQuery = _this$props2.getModelsGraphQuery,
|
|
10900
|
-
getMaterialsGraphQuery = _this$props2.getMaterialsGraphQuery,
|
|
10901
10764
|
deleteInterestApi = _this$props2.deleteInterestApi,
|
|
10902
10765
|
setSchedule = _this$props2.setSchedule,
|
|
10903
10766
|
getSchedule = _this$props2.getSchedule,
|
|
@@ -10931,9 +10794,7 @@
|
|
|
10931
10794
|
getBrandsGraphQuery: getBrandsGraphQuery,
|
|
10932
10795
|
getStylesGraphQuery: getStylesGraphQuery,
|
|
10933
10796
|
getShoesGraphQuery: getShoesGraphQuery,
|
|
10934
|
-
defaultShoeSizeType: defaultShoeSizeType
|
|
10935
|
-
getModelsGraphQuery: getModelsGraphQuery,
|
|
10936
|
-
getMaterialsGraphQuery: getMaterialsGraphQuery
|
|
10797
|
+
defaultShoeSizeType: defaultShoeSizeType
|
|
10937
10798
|
}), interests.length > 0 ? /*#__PURE__*/React__default.createElement(MyInterestTitleHeading$1, null) : '', /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
10938
10799
|
getRequestPromise: function getRequestPromise() {
|
|
10939
10800
|
return _this2.triggerInterestRequest();
|
package/InterestItem.js
CHANGED
|
@@ -479,22 +479,6 @@
|
|
|
479
479
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
480
480
|
key: "".concat(style.name, "-").concat(data.id)
|
|
481
481
|
}, style.name);
|
|
482
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
483
|
-
className: "interest-item__container_heading"
|
|
484
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
|
|
485
|
-
className: "list-items"
|
|
486
|
-
}, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
|
|
487
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
488
|
-
key: "".concat(model.name, "-").concat(data.id)
|
|
489
|
-
}, model.name);
|
|
490
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
491
|
-
className: "interest-item__container_heading"
|
|
492
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
|
|
493
|
-
className: "list-items"
|
|
494
|
-
}, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
|
|
495
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
496
|
-
key: "".concat(material.name, "-").concat(data.id)
|
|
497
|
-
}, material.name);
|
|
498
482
|
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
499
483
|
className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
|
|
500
484
|
}, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
|
package/Interests.js
CHANGED
|
@@ -7835,22 +7835,6 @@
|
|
|
7835
7835
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
7836
7836
|
key: "".concat(style.name, "-").concat(data.id)
|
|
7837
7837
|
}, style.name);
|
|
7838
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
7839
|
-
className: "interest-item__container_heading"
|
|
7840
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
|
|
7841
|
-
className: "list-items"
|
|
7842
|
-
}, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
|
|
7843
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
7844
|
-
key: "".concat(model.name, "-").concat(data.id)
|
|
7845
|
-
}, model.name);
|
|
7846
|
-
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
7847
|
-
className: "interest-item__container_heading"
|
|
7848
|
-
}, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
|
|
7849
|
-
className: "list-items"
|
|
7850
|
-
}, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
|
|
7851
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
7852
|
-
key: "".concat(material.name, "-").concat(data.id)
|
|
7853
|
-
}, material.name);
|
|
7854
7838
|
}) : 'All')), /*#__PURE__*/React__default.createElement("div", {
|
|
7855
7839
|
className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
|
|
7856
7840
|
}, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -10798,76 +10782,6 @@
|
|
|
10798
10782
|
}));
|
|
10799
10783
|
});
|
|
10800
10784
|
|
|
10801
|
-
var ModelSelector = function ModelSelector(_ref) {
|
|
10802
|
-
var onChange = _ref.onChange,
|
|
10803
|
-
brands = _ref.brands,
|
|
10804
|
-
graphApi = _ref.graphApi,
|
|
10805
|
-
getGraphQuery = _ref.getGraphQuery,
|
|
10806
|
-
resultProcessor = _ref.resultProcessor,
|
|
10807
|
-
requestInstance = _ref.requestInstance;
|
|
10808
|
-
return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
|
|
10809
|
-
baseQueryLimit: 1000,
|
|
10810
|
-
title: "Models",
|
|
10811
|
-
queryId: "getModels",
|
|
10812
|
-
baseClass: "model-selector",
|
|
10813
|
-
identifier: "model-selector",
|
|
10814
|
-
query_arguments: brands,
|
|
10815
|
-
onChange: onChange,
|
|
10816
|
-
graphApi: graphApi,
|
|
10817
|
-
getGraphQuery: getGraphQuery,
|
|
10818
|
-
resultProcessor: resultProcessor,
|
|
10819
|
-
requestInstance: requestInstance
|
|
10820
|
-
});
|
|
10821
|
-
};
|
|
10822
|
-
|
|
10823
|
-
ModelSelector.defaultProps = {
|
|
10824
|
-
resultProcessor: function resultProcessor(result) {
|
|
10825
|
-
return result.data.data.luxity_models.data.map(function (_ref2) {
|
|
10826
|
-
var id = _ref2.id,
|
|
10827
|
-
name = _ref2.name;
|
|
10828
|
-
return {
|
|
10829
|
-
label: name,
|
|
10830
|
-
value: id
|
|
10831
|
-
};
|
|
10832
|
-
});
|
|
10833
|
-
}
|
|
10834
|
-
};
|
|
10835
|
-
|
|
10836
|
-
var MaterialSelector = function MaterialSelector(_ref) {
|
|
10837
|
-
var onChange = _ref.onChange,
|
|
10838
|
-
brands = _ref.brands,
|
|
10839
|
-
graphApi = _ref.graphApi,
|
|
10840
|
-
getGraphQuery = _ref.getGraphQuery,
|
|
10841
|
-
resultProcessor = _ref.resultProcessor,
|
|
10842
|
-
requestInstance = _ref.requestInstance;
|
|
10843
|
-
return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
|
|
10844
|
-
baseQueryLimit: 1000,
|
|
10845
|
-
title: "Materials",
|
|
10846
|
-
queryId: "getMaterials",
|
|
10847
|
-
baseClass: "material-selector",
|
|
10848
|
-
identifier: "material-selector",
|
|
10849
|
-
query_arguments: brands,
|
|
10850
|
-
onChange: onChange,
|
|
10851
|
-
graphApi: graphApi,
|
|
10852
|
-
getGraphQuery: getGraphQuery,
|
|
10853
|
-
resultProcessor: resultProcessor,
|
|
10854
|
-
requestInstance: requestInstance
|
|
10855
|
-
});
|
|
10856
|
-
};
|
|
10857
|
-
|
|
10858
|
-
MaterialSelector.defaultProps = {
|
|
10859
|
-
resultProcessor: function resultProcessor(result) {
|
|
10860
|
-
return result.data.data.luxity_materials.data.map(function (_ref2) {
|
|
10861
|
-
var id = _ref2.id,
|
|
10862
|
-
name = _ref2.name;
|
|
10863
|
-
return {
|
|
10864
|
-
label: name,
|
|
10865
|
-
value: id
|
|
10866
|
-
};
|
|
10867
|
-
});
|
|
10868
|
-
}
|
|
10869
|
-
};
|
|
10870
|
-
|
|
10871
10785
|
var _templateObject$O, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
10872
10786
|
var UNISEX$1 = genders.UNISEX;
|
|
10873
10787
|
var AddInterestContainer = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
@@ -10919,9 +10833,7 @@
|
|
|
10919
10833
|
styles: [],
|
|
10920
10834
|
gender: [],
|
|
10921
10835
|
request: _objectSpread2({}, request),
|
|
10922
|
-
isCategoriesShown: false
|
|
10923
|
-
models: [],
|
|
10924
|
-
materials: []
|
|
10836
|
+
isCategoriesShown: false
|
|
10925
10837
|
};
|
|
10926
10838
|
/**
|
|
10927
10839
|
* Generates Interest UI and submits graph payloads as a highly specialised component
|
|
@@ -10975,9 +10887,8 @@
|
|
|
10975
10887
|
_defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
|
|
10976
10888
|
_this.setState({
|
|
10977
10889
|
brands: brandsArray.map(function (brand) {
|
|
10978
|
-
return brand.
|
|
10979
|
-
})
|
|
10980
|
-
styles: []
|
|
10890
|
+
return brand.id;
|
|
10891
|
+
})
|
|
10981
10892
|
});
|
|
10982
10893
|
});
|
|
10983
10894
|
|
|
@@ -10997,24 +10908,6 @@
|
|
|
10997
10908
|
});
|
|
10998
10909
|
});
|
|
10999
10910
|
|
|
11000
|
-
_defineProperty(_assertThisInitialized(_this), "onModelsChanged", function (modelsArray) {
|
|
11001
|
-
_this.setState({
|
|
11002
|
-
models: modelsArray.map(function (model) {
|
|
11003
|
-
return model.value;
|
|
11004
|
-
}),
|
|
11005
|
-
styles: []
|
|
11006
|
-
});
|
|
11007
|
-
});
|
|
11008
|
-
|
|
11009
|
-
_defineProperty(_assertThisInitialized(_this), "onMaterialsChanged", function (materialsArray) {
|
|
11010
|
-
_this.setState({
|
|
11011
|
-
materials: materialsArray.map(function (material) {
|
|
11012
|
-
return material.value;
|
|
11013
|
-
}),
|
|
11014
|
-
styles: []
|
|
11015
|
-
});
|
|
11016
|
-
});
|
|
11017
|
-
|
|
11018
10911
|
_defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
|
|
11019
10912
|
// price/shoe-size always have initial values as soon as category is set
|
|
11020
10913
|
var category_type = _this.state.category_type;
|
|
@@ -11038,9 +10931,7 @@
|
|
|
11038
10931
|
styles = _this$state.styles,
|
|
11039
10932
|
category_type = _this$state.category_type,
|
|
11040
10933
|
requestState = _this$state.request,
|
|
11041
|
-
gender = _this$state.gender
|
|
11042
|
-
models = _this$state.models,
|
|
11043
|
-
materials = _this$state.materials;
|
|
10934
|
+
gender = _this$state.gender;
|
|
11044
10935
|
var payloadGender = gender[0];
|
|
11045
10936
|
|
|
11046
10937
|
if (gender.length > 1 || !gender.length) {
|
|
@@ -11054,9 +10945,7 @@
|
|
|
11054
10945
|
max_price: max_price,
|
|
11055
10946
|
styles: styles,
|
|
11056
10947
|
gender: payloadGender,
|
|
11057
|
-
request: requestState
|
|
11058
|
-
models: models,
|
|
11059
|
-
materials: materials
|
|
10948
|
+
request: requestState
|
|
11060
10949
|
};
|
|
11061
10950
|
var shoeSizesPayload = category_type === interestCategories.SHOES ? {
|
|
11062
10951
|
min_shoe_size_id: min_shoe_size_id,
|
|
@@ -11113,19 +11002,14 @@
|
|
|
11113
11002
|
_defineProperty(_assertThisInitialized(_this), "render", function () {
|
|
11114
11003
|
var _this$state2 = _this.state,
|
|
11115
11004
|
category_type = _this$state2.category_type,
|
|
11116
|
-
fetching = _this$state2.request.fetching
|
|
11117
|
-
brands = _this$state2.brands,
|
|
11118
|
-
models = _this$state2.models,
|
|
11119
|
-
materials = _this$state2.materials;
|
|
11005
|
+
fetching = _this$state2.request.fetching;
|
|
11120
11006
|
var _this$props = _this.props,
|
|
11121
11007
|
requestInstance = _this$props.requestInstance,
|
|
11122
11008
|
baseGraphApi = _this$props.baseGraphApi,
|
|
11123
11009
|
getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
|
|
11124
11010
|
getStylesGraphQuery = _this$props.getStylesGraphQuery,
|
|
11125
11011
|
getShoesGraphQuery = _this$props.getShoesGraphQuery,
|
|
11126
|
-
defaultShoeSizeType = _this$props.defaultShoeSizeType
|
|
11127
|
-
getModelsGraphQuery = _this$props.getModelsGraphQuery,
|
|
11128
|
-
getMaterialsGraphQuery = _this$props.getMaterialsGraphQuery;
|
|
11012
|
+
defaultShoeSizeType = _this$props.defaultShoeSizeType;
|
|
11129
11013
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, !_this.state.isCategoriesShown && /*#__PURE__*/React__default.createElement(AddInterestButtonContainer, {
|
|
11130
11014
|
onClick: _this.onAddInterestClick
|
|
11131
11015
|
}, /*#__PURE__*/React__default.createElement(AddInterestButton, null, "Add Interest"), /*#__PURE__*/React__default.createElement(AddIcon, {
|
|
@@ -11141,19 +11025,7 @@
|
|
|
11141
11025
|
requestInstance: requestInstance,
|
|
11142
11026
|
graphApi: "".concat(baseGraphApi, "?id=getBrands"),
|
|
11143
11027
|
getGraphQuery: getBrandsGraphQuery
|
|
11144
|
-
}),
|
|
11145
|
-
brands: brands,
|
|
11146
|
-
getGraphQuery: getModelsGraphQuery,
|
|
11147
|
-
graphApi: "".concat(baseGraphApi, "?id=getModels"),
|
|
11148
|
-
requestInstance: requestInstance,
|
|
11149
|
-
onChange: _this.onModelsChanged
|
|
11150
|
-
}), /*#__PURE__*/React__default.createElement(MaterialSelector, {
|
|
11151
|
-
brands: brands,
|
|
11152
|
-
getGraphQuery: getMaterialsGraphQuery,
|
|
11153
|
-
graphApi: "".concat(baseGraphApi, "?id=getMaterials"),
|
|
11154
|
-
requestInstance: requestInstance,
|
|
11155
|
-
onChange: _this.onMaterialsChanged
|
|
11156
|
-
})), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
|
|
11028
|
+
}), category_type === interestCategories.SHOES && /*#__PURE__*/React__default.createElement(WrappedShoeSizeSelector, {
|
|
11157
11029
|
defaultShoeSizeType: defaultShoeSizeType,
|
|
11158
11030
|
getGraphQuery: getShoesGraphQuery,
|
|
11159
11031
|
graphApi: "".concat(baseGraphApi, "?id=shoeSizeQuery"),
|
|
@@ -11167,10 +11039,7 @@
|
|
|
11167
11039
|
onChange: _this.onStylesChanged,
|
|
11168
11040
|
requestInstance: requestInstance,
|
|
11169
11041
|
graphApi: "".concat(baseGraphApi, "?id=getStyles"),
|
|
11170
|
-
getGraphQuery: getStylesGraphQuery
|
|
11171
|
-
brands: brands,
|
|
11172
|
-
models: models,
|
|
11173
|
-
materials: materials
|
|
11042
|
+
getGraphQuery: getStylesGraphQuery
|
|
11174
11043
|
})) : null, /*#__PURE__*/React__default.createElement(SaveAndCancelButtonContainer, null, /*#__PURE__*/React__default.createElement("div", {
|
|
11175
11044
|
className: "fl-right"
|
|
11176
11045
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -11227,10 +11096,6 @@
|
|
|
11227
11096
|
className: "heading-title"
|
|
11228
11097
|
}, "Style"), /*#__PURE__*/React__default.createElement("div", {
|
|
11229
11098
|
className: "heading-title"
|
|
11230
|
-
}, "Models"), /*#__PURE__*/React__default.createElement("div", {
|
|
11231
|
-
className: "heading-title"
|
|
11232
|
-
}, "Materials"), /*#__PURE__*/React__default.createElement("div", {
|
|
11233
|
-
className: "heading-title"
|
|
11234
11099
|
}, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
|
|
11235
11100
|
className: "heading-title-empty"
|
|
11236
11101
|
}));
|
|
@@ -11321,8 +11186,6 @@
|
|
|
11321
11186
|
getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
|
|
11322
11187
|
getStylesGraphQuery = _this$props2.getStylesGraphQuery,
|
|
11323
11188
|
getShoesGraphQuery = _this$props2.getShoesGraphQuery,
|
|
11324
|
-
getModelsGraphQuery = _this$props2.getModelsGraphQuery,
|
|
11325
|
-
getMaterialsGraphQuery = _this$props2.getMaterialsGraphQuery,
|
|
11326
11189
|
deleteInterestApi = _this$props2.deleteInterestApi,
|
|
11327
11190
|
setSchedule = _this$props2.setSchedule,
|
|
11328
11191
|
getSchedule = _this$props2.getSchedule,
|
|
@@ -11356,9 +11219,7 @@
|
|
|
11356
11219
|
getBrandsGraphQuery: getBrandsGraphQuery,
|
|
11357
11220
|
getStylesGraphQuery: getStylesGraphQuery,
|
|
11358
11221
|
getShoesGraphQuery: getShoesGraphQuery,
|
|
11359
|
-
defaultShoeSizeType: defaultShoeSizeType
|
|
11360
|
-
getModelsGraphQuery: getModelsGraphQuery,
|
|
11361
|
-
getMaterialsGraphQuery: getMaterialsGraphQuery
|
|
11222
|
+
defaultShoeSizeType: defaultShoeSizeType
|
|
11362
11223
|
}), interests.length > 0 ? /*#__PURE__*/React__default.createElement(MyInterestTitleHeading$1, null) : '', /*#__PURE__*/React__default.createElement(LuxityPageReady, {
|
|
11363
11224
|
getRequestPromise: function getRequestPromise() {
|
|
11364
11225
|
return _this2.triggerInterestRequest();
|