@bonlineza/luxity-lib 2.39.7 → 2.39.9
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 +68 -31
- package/GraphQLDropdownSelector.js +93 -59
- package/Interests.js +94 -60
- package/LuxityDesktopHeader.js +8 -5
- package/LuxityGraphQLDropdownSelector.js +93 -59
- package/MaterialSelector.js +93 -59
- package/ModelSelector.js +93 -59
- package/PriceRangeSelector.js +9 -2
- package/ShoeSizeSelector.js +44 -0
- package/build/bundle.css +1 -1
- package/build/bundle.js +99 -62
- package/package.json +2 -1
- package/svg/Heart.js +42 -0
package/build/bundle.js
CHANGED
|
@@ -9704,9 +9704,9 @@
|
|
|
9704
9704
|
};
|
|
9705
9705
|
|
|
9706
9706
|
var _templateObject$B;
|
|
9707
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n }\n"])), function (props) {
|
|
9707
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n min-width: 0;\n }\n\n @media (max-width: ", ") {\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
9708
9708
|
return props.theme.colors.primary;
|
|
9709
|
-
});
|
|
9709
|
+
}, media.xs);
|
|
9710
9710
|
|
|
9711
9711
|
var debounceBuilder$1 = functions.debounced(50);
|
|
9712
9712
|
|
|
@@ -9948,6 +9948,11 @@
|
|
|
9948
9948
|
sizeType: 'Uk'
|
|
9949
9949
|
};
|
|
9950
9950
|
|
|
9951
|
+
var _templateObject$D;
|
|
9952
|
+
var ShoeSizeSelectWrapper = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n select {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n background-color: transparent;\n padding: 4px 0;\n font-size: inherit;\n cursor: pointer;\n }\n\n @media (max-width: ", ") {\n select {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
9953
|
+
return props.theme.colors.primary;
|
|
9954
|
+
}, media.xs);
|
|
9955
|
+
|
|
9951
9956
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9952
9957
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9953
9958
|
return shoe_sizes.length - 1;
|
|
@@ -10003,6 +10008,38 @@
|
|
|
10003
10008
|
toolTipComponent: ToolTipComponent,
|
|
10004
10009
|
renderFooterSection: getFooterButtons,
|
|
10005
10010
|
onChange: handleShoeSizeChange
|
|
10011
|
+
}, function (_ref3) {
|
|
10012
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
10013
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
10014
|
+
currMinVal = _ref3.currMinVal,
|
|
10015
|
+
currMaxVal = _ref3.currMaxVal;
|
|
10016
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
10017
|
+
"data-qe-id": "shoe-size-select-min",
|
|
10018
|
+
value: currMinVal,
|
|
10019
|
+
onChange: function onChange(event) {
|
|
10020
|
+
var index = parseInt(event.target.value, 10);
|
|
10021
|
+
manuallyChangeMinValue(index);
|
|
10022
|
+
}
|
|
10023
|
+
}, shoeSizes.map(function (item, index) {
|
|
10024
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
10025
|
+
key: item.id,
|
|
10026
|
+
value: index,
|
|
10027
|
+
disabled: index > currMaxVal
|
|
10028
|
+
}, item.size);
|
|
10029
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
10030
|
+
"data-qe-id": "shoe-size-select-max",
|
|
10031
|
+
value: currMaxVal,
|
|
10032
|
+
onChange: function onChange(event) {
|
|
10033
|
+
var index = parseInt(event.target.value, 10);
|
|
10034
|
+
manuallyChangeMaxValue(index);
|
|
10035
|
+
}
|
|
10036
|
+
}, shoeSizes.map(function (item, index) {
|
|
10037
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
10038
|
+
key: item.id,
|
|
10039
|
+
value: index,
|
|
10040
|
+
disabled: index < currMinVal
|
|
10041
|
+
}, item.size);
|
|
10042
|
+
})));
|
|
10006
10043
|
}));
|
|
10007
10044
|
};
|
|
10008
10045
|
|
|
@@ -10065,8 +10102,8 @@
|
|
|
10065
10102
|
showMessageOnError: true
|
|
10066
10103
|
};
|
|
10067
10104
|
|
|
10068
|
-
var _templateObject$
|
|
10069
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
10105
|
+
var _templateObject$E;
|
|
10106
|
+
var StyledHeader = styled__default.h5(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n\n @media (max-width: ", ") {\n justify-content: flex-start;\n }\n }\n"])), media.sm, media.sm, function (props) {
|
|
10070
10107
|
return props.theme.marginPaddings[1];
|
|
10071
10108
|
}, media.sm);
|
|
10072
10109
|
|
|
@@ -10095,25 +10132,22 @@
|
|
|
10095
10132
|
};
|
|
10096
10133
|
var IconHeader$1 = themed(IconHeader);
|
|
10097
10134
|
|
|
10098
|
-
var
|
|
10135
|
+
var Heart = (function (props) {
|
|
10099
10136
|
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
10100
|
-
id: "svg-
|
|
10101
|
-
width: "
|
|
10102
|
-
height: "
|
|
10103
|
-
viewBox: "0 0
|
|
10137
|
+
id: "svg-interest-heart",
|
|
10138
|
+
width: "26",
|
|
10139
|
+
height: "25",
|
|
10140
|
+
viewBox: "0 0 29.8 28.9",
|
|
10104
10141
|
fill: "none",
|
|
10105
10142
|
xmlns: "http://www.w3.org/2000/svg"
|
|
10106
10143
|
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
10107
|
-
d: "
|
|
10108
|
-
fill: "currentColor"
|
|
10109
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
10110
|
-
d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
|
|
10144
|
+
d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
|
|
10111
10145
|
fill: "currentColor"
|
|
10112
10146
|
}));
|
|
10113
10147
|
});
|
|
10114
10148
|
|
|
10115
|
-
var _templateObject$
|
|
10116
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
10149
|
+
var _templateObject$F;
|
|
10150
|
+
var NotifyContainer = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .notification-settings {\n display: flex;\n align-items: center;\n\n @media (max-width: ", ") {\n flex-direction: column;\n align-items: flex-end;\n padding: 10px 0;\n }\n }\n\n .notification-row-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: ", ") {\n justify-content: center;\n width: auto;\n }\n }\n\n .notification-dropdown-label {\n margin-left: 20px;\n\n @media (max-width: ", ") {\n margin-left: 0;\n }\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 110px;\n\n .notification-dropdown-select__control {\n min-height: auto;\n background-color: ", ";\n border: none;\n border-radius: 0;\n\n &--is-focused {\n border: none;\n border-radius: 0;\n box-shadow: none;\n }\n\n .notification-dropdown-select__value-container {\n & > div {\n padding: 0;\n margin: 0;\n color: ", ";\n }\n & .notification-dropdown-select__single-value,\n & .notification-dropdown-select__placeholder {\n overflow: visible;\n font-weight: lighter;\n }\n }\n }\n }\n\n .notification-dropdown-select__indicators {\n padding: 0 !important;\n .notification-dropdown-select__dropdown-indicator {\n color: ", ";\n }\n }\n\n .notification-dropdown-select__menu {\n border-radius: 0;\n\n & > .notification-dropdown-select__menu-list {\n border-radius: 0;\n\n & > .notification-dropdown-select__option {\n font-weight: bold;\n &:last-child {\n border-bottom: none;\n }\n\n &.notification-dropdown-select__option--is-focused {\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected {\n color: ", ";\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected.notification-dropdown-select__option--is-focused {\n border-style: hidden;\n }\n }\n }\n }\n"])), media.sm, media.lg, media.sm, function (props) {
|
|
10117
10151
|
return props.theme.colors.ntrlMin;
|
|
10118
10152
|
}, function (props) {
|
|
10119
10153
|
return props.theme.colors.base;
|
|
@@ -10282,14 +10316,14 @@
|
|
|
10282
10316
|
|
|
10283
10317
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
10284
10318
|
|
|
10285
|
-
var _templateObject$
|
|
10319
|
+
var _templateObject$G, _templateObject2$6;
|
|
10286
10320
|
var ALL_ITEM = {
|
|
10287
10321
|
id: 'ALL',
|
|
10288
10322
|
name: 'ALL'
|
|
10289
10323
|
};
|
|
10290
10324
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10291
10325
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10292
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10326
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10293
10327
|
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10294
10328
|
return props.theme.marginPaddings[2];
|
|
10295
10329
|
}, function (props) {
|
|
@@ -10527,7 +10561,7 @@
|
|
|
10527
10561
|
}));
|
|
10528
10562
|
});
|
|
10529
10563
|
|
|
10530
|
-
var _templateObject$
|
|
10564
|
+
var _templateObject$H;
|
|
10531
10565
|
|
|
10532
10566
|
var Title$3 = function Title(_ref) {
|
|
10533
10567
|
var baseClass = _ref.baseClass,
|
|
@@ -10548,7 +10582,7 @@
|
|
|
10548
10582
|
})));
|
|
10549
10583
|
};
|
|
10550
10584
|
|
|
10551
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10585
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10552
10586
|
return props.theme.marginPaddings[2];
|
|
10553
10587
|
}, function (props) {
|
|
10554
10588
|
return props.theme.fontSizes[2];
|
|
@@ -10688,8 +10722,8 @@
|
|
|
10688
10722
|
baseQueryLimit: 12
|
|
10689
10723
|
};
|
|
10690
10724
|
|
|
10691
|
-
var _templateObject$
|
|
10692
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10725
|
+
var _templateObject$I;
|
|
10726
|
+
var BaseButton = styled__default.button(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10693
10727
|
return props.theme.colors.base;
|
|
10694
10728
|
}, function (props) {
|
|
10695
10729
|
return props.theme.colors.borderColor;
|
|
@@ -10790,8 +10824,8 @@
|
|
|
10790
10824
|
}
|
|
10791
10825
|
};
|
|
10792
10826
|
|
|
10793
|
-
var _templateObject$
|
|
10794
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10827
|
+
var _templateObject$J, _templateObject2$7;
|
|
10828
|
+
var TitleWrapper = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10795
10829
|
return props.theme.marginPaddings[4];
|
|
10796
10830
|
});
|
|
10797
10831
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10929,8 +10963,8 @@
|
|
|
10929
10963
|
}
|
|
10930
10964
|
};
|
|
10931
10965
|
|
|
10932
|
-
var _templateObject$
|
|
10933
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10966
|
+
var _templateObject$K;
|
|
10967
|
+
var SelectionWrapper = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
10934
10968
|
return props.theme.marginPaddings[2];
|
|
10935
10969
|
}, function (props) {
|
|
10936
10970
|
return props.theme.marginPaddings[2];
|
|
@@ -10946,8 +10980,8 @@
|
|
|
10946
10980
|
|
|
10947
10981
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10948
10982
|
|
|
10949
|
-
var _templateObject$
|
|
10950
|
-
var Content = styled__default.div(_templateObject$
|
|
10983
|
+
var _templateObject$L, _templateObject2$8, _templateObject3$3;
|
|
10984
|
+
var Content = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
10951
10985
|
return props.theme.colors.primary;
|
|
10952
10986
|
}, function (props) {
|
|
10953
10987
|
return props.theme.marginPaddings[0];
|
|
@@ -11126,9 +11160,9 @@
|
|
|
11126
11160
|
itemRenderer: ItemRenderer
|
|
11127
11161
|
};
|
|
11128
11162
|
|
|
11129
|
-
var _templateObject$
|
|
11163
|
+
var _templateObject$M, _templateObject2$9, _templateObject3$4;
|
|
11130
11164
|
var UNISEX$1 = genders.UNISEX;
|
|
11131
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11165
|
+
var AddInterestContainer = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11132
11166
|
return props.theme.marginPaddings[6];
|
|
11133
11167
|
}, function (props) {
|
|
11134
11168
|
return props.theme.colors.borderColor;
|
|
@@ -11413,8 +11447,8 @@
|
|
|
11413
11447
|
|
|
11414
11448
|
var AddInterest$1 = themed(AddInterest);
|
|
11415
11449
|
|
|
11416
|
-
var _templateObject$
|
|
11417
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11450
|
+
var _templateObject$N;
|
|
11451
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11418
11452
|
return props.theme.marginPaddings[0];
|
|
11419
11453
|
}, function (props) {
|
|
11420
11454
|
return props.theme.colors.primary;
|
|
@@ -11446,8 +11480,8 @@
|
|
|
11446
11480
|
|
|
11447
11481
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11448
11482
|
|
|
11449
|
-
var _templateObject$
|
|
11450
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
11483
|
+
var _templateObject$O;
|
|
11484
|
+
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11451
11485
|
return props.theme.colors.primary;
|
|
11452
11486
|
}, function (props) {
|
|
11453
11487
|
return props.theme.marginPaddings[1];
|
|
@@ -11645,8 +11679,8 @@
|
|
|
11645
11679
|
isDisabled: false
|
|
11646
11680
|
};
|
|
11647
11681
|
|
|
11648
|
-
var _templateObject$
|
|
11649
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11682
|
+
var _templateObject$P, _templateObject2$a;
|
|
11683
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11650
11684
|
return props.theme.marginPaddings[6];
|
|
11651
11685
|
}, function (props) {
|
|
11652
11686
|
return props.theme.colors.borderColor;
|
|
@@ -11949,7 +11983,7 @@
|
|
|
11949
11983
|
|
|
11950
11984
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11951
11985
|
|
|
11952
|
-
var _templateObject$
|
|
11986
|
+
var _templateObject$Q, _templateObject2$b, _templateObject3$5;
|
|
11953
11987
|
|
|
11954
11988
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11955
11989
|
var onClick = _ref.onClick,
|
|
@@ -12040,7 +12074,7 @@
|
|
|
12040
12074
|
return _createClass(LuxityProductInterestItem);
|
|
12041
12075
|
}(React__default.Component);
|
|
12042
12076
|
|
|
12043
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
12077
|
+
var InterestItemTitle$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
12044
12078
|
var InterestItemContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
12045
12079
|
var InterestItemContent$1 = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 1rem;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 6);\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
|
|
12046
12080
|
return props.theme.colors.borderColor;
|
|
@@ -12061,8 +12095,8 @@
|
|
|
12061
12095
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
12062
12096
|
});
|
|
12063
12097
|
|
|
12064
|
-
var _templateObject$
|
|
12065
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
12098
|
+
var _templateObject$R, _templateObject2$c;
|
|
12099
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
12066
12100
|
|
|
12067
12101
|
var AddIcon = function AddIcon(_ref) {
|
|
12068
12102
|
var onClick = _ref.onClick,
|
|
@@ -12073,8 +12107,8 @@
|
|
|
12073
12107
|
}, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
|
|
12074
12108
|
};
|
|
12075
12109
|
|
|
12076
|
-
var
|
|
12077
|
-
return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
12110
|
+
var InterestIcon = themed(function () {
|
|
12111
|
+
return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
|
|
12078
12112
|
});
|
|
12079
12113
|
var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
|
|
12080
12114
|
return props.theme.colors.darkerGray;
|
|
@@ -12213,10 +12247,10 @@
|
|
|
12213
12247
|
}
|
|
12214
12248
|
}), /*#__PURE__*/React__default.createElement(IconHeader$1, {
|
|
12215
12249
|
svgComponent: function svgComponent() {
|
|
12216
|
-
return /*#__PURE__*/React__default.createElement(
|
|
12250
|
+
return /*#__PURE__*/React__default.createElement(InterestIcon, null);
|
|
12217
12251
|
},
|
|
12218
12252
|
title: interestsTitle,
|
|
12219
|
-
svgName: "
|
|
12253
|
+
svgName: "interest",
|
|
12220
12254
|
renderAppendage: function renderAppendage() {
|
|
12221
12255
|
return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
|
|
12222
12256
|
getSchedule: getSchedule,
|
|
@@ -12303,8 +12337,8 @@
|
|
|
12303
12337
|
};
|
|
12304
12338
|
var index$2 = themed(Interests);
|
|
12305
12339
|
|
|
12306
|
-
var _templateObject$
|
|
12307
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
12340
|
+
var _templateObject$S, _templateObject2$d, _templateObject3$6, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
|
|
12341
|
+
var HeaderWrapper = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
|
|
12308
12342
|
return props.theme.rareStepColors.ntrlMin;
|
|
12309
12343
|
}, function (props) {
|
|
12310
12344
|
return props.theme.rareStepColors.primary;
|
|
@@ -12642,8 +12676,8 @@
|
|
|
12642
12676
|
|
|
12643
12677
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
12644
12678
|
|
|
12645
|
-
var _templateObject$
|
|
12646
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
12679
|
+
var _templateObject$T, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
12680
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 5%;\n }\n"])), function (props) {
|
|
12647
12681
|
return props.theme.rareStepColors.ntrlMin;
|
|
12648
12682
|
}, function (props) {
|
|
12649
12683
|
return props.theme.marginPaddings[3];
|
|
@@ -12994,8 +13028,8 @@
|
|
|
12994
13028
|
};
|
|
12995
13029
|
var index$3 = themed(RareStepHeader);
|
|
12996
13030
|
|
|
12997
|
-
var _templateObject$
|
|
12998
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
13031
|
+
var _templateObject$U, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
13032
|
+
var FooterWrapper = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
12999
13033
|
return props.theme.rareStepColors.ntrlMax;
|
|
13000
13034
|
}, function (props) {
|
|
13001
13035
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -15185,8 +15219,8 @@
|
|
|
15185
15219
|
|
|
15186
15220
|
var _excluded$9 = ["ref"];
|
|
15187
15221
|
|
|
15188
|
-
var _templateObject$
|
|
15189
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
15222
|
+
var _templateObject$V, _templateObject2$g;
|
|
15223
|
+
var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
15190
15224
|
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
15191
15225
|
|
|
15192
15226
|
var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
|
|
@@ -15233,8 +15267,8 @@
|
|
|
15233
15267
|
}, error === null || error === void 0 ? void 0 : error.message));
|
|
15234
15268
|
};
|
|
15235
15269
|
|
|
15236
|
-
var _templateObject$
|
|
15237
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
15270
|
+
var _templateObject$W, _templateObject2$h;
|
|
15271
|
+
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
15238
15272
|
return props.theme.colors.primary;
|
|
15239
15273
|
});
|
|
15240
15274
|
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
@@ -15261,8 +15295,8 @@
|
|
|
15261
15295
|
|
|
15262
15296
|
var CommunicationPreferenceSection$1 = themed(CommunicationPreferenceSection);
|
|
15263
15297
|
|
|
15264
|
-
var _templateObject$
|
|
15265
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
15298
|
+
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
15299
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
15266
15300
|
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
15267
15301
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
15268
15302
|
var BaseRequest = {
|
|
@@ -15365,8 +15399,8 @@
|
|
|
15365
15399
|
|
|
15366
15400
|
var index$5 = themed(CommunicationPreferences);
|
|
15367
15401
|
|
|
15368
|
-
var _templateObject$
|
|
15369
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$
|
|
15402
|
+
var _templateObject$Y;
|
|
15403
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
15370
15404
|
return props.theme.colors.gray;
|
|
15371
15405
|
});
|
|
15372
15406
|
|
|
@@ -16800,13 +16834,16 @@
|
|
|
16800
16834
|
className: "text-sm"
|
|
16801
16835
|
}, name))), onInterestClick && /*#__PURE__*/React__default.createElement("button", {
|
|
16802
16836
|
type: "button",
|
|
16837
|
+
"aria-label": "Interests",
|
|
16803
16838
|
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
16804
16839
|
onClick: onInterestClick
|
|
16805
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
16806
|
-
|
|
16807
|
-
|
|
16808
|
-
|
|
16809
|
-
|
|
16840
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
16841
|
+
className: "navbar__interest-heart",
|
|
16842
|
+
style: {
|
|
16843
|
+
WebkitMaskImage: "url(".concat(interestIcon, ")"),
|
|
16844
|
+
maskImage: "url(".concat(interestIcon, ")")
|
|
16845
|
+
},
|
|
16846
|
+
"aria-hidden": true
|
|
16810
16847
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
16811
16848
|
type: "button",
|
|
16812
16849
|
className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
package/package.json
CHANGED
package/svg/Heart.js
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react'], factory) :
|
|
4
|
+
(global = global || self, global.svgs = factory(global.React));
|
|
5
|
+
}(this, (function (React) { 'use strict';
|
|
6
|
+
|
|
7
|
+
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
|
+
|
|
9
|
+
function _extends() {
|
|
10
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
11
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
12
|
+
var source = arguments[i];
|
|
13
|
+
|
|
14
|
+
for (var key in source) {
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
16
|
+
target[key] = source[key];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
return _extends.apply(this, arguments);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
var Heart = (function (props) {
|
|
27
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
id: "svg-interest-heart",
|
|
29
|
+
width: "26",
|
|
30
|
+
height: "25",
|
|
31
|
+
viewBox: "0 0 29.8 28.9",
|
|
32
|
+
fill: "none",
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
34
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
35
|
+
d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
|
|
36
|
+
fill: "currentColor"
|
|
37
|
+
}));
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
return Heart;
|
|
41
|
+
|
|
42
|
+
})));
|