@bonlineza/luxity-lib 2.12.0 → 2.13.1
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 +116 -172
- package/BrandSelector.js +130 -186
- package/GraphQLDropdownSelector.js +130 -186
- package/GraphQLMultiSelector.js +16 -69
- package/Interests.js +128 -184
- package/LuxityGraphQLDropdownSelector.js +130 -186
- package/LuxityGraphQLMultiselector.js +21 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +130 -186
- package/ModelSelector.js +130 -186
- package/NotificationDropDown.js +9 -65
- package/README.md +4 -1
- package/StyleSelector.js +25 -78
- package/build/bundle.js +108 -164
- package/package.json +1 -1
package/build/bundle.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-animate-height'), require('styled-components'), require('numeral'), require('@bonlineza/b-lib/PageReady'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-animate-height', 'styled-components', 'numeral', '@bonlineza/b-lib/PageReady', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
-
(global = global || self, factory(global.blib = {}, global.React, global.AnimateHeight, global.styled, global.numeral, global.PageReady, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
-
}(this, (function (exports, React, AnimateHeight, styled, numeral, PageReady, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-animate-height'), require('styled-components'), require('numeral'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-animate-height', 'styled-components', 'numeral', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
+
(global = global || self, factory(global.blib = {}, global.React, global.AnimateHeight, global.styled, global.numeral, global.EllipsisLoader, global.PageReady, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
+
}(this, (function (exports, React, AnimateHeight, styled, numeral, EllipsisLoader, PageReady, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
9
9
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
10
10
|
numeral = numeral && Object.prototype.hasOwnProperty.call(numeral, 'default') ? numeral['default'] : numeral;
|
|
11
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
11
12
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
12
13
|
stylisRuleSheet = stylisRuleSheet && Object.prototype.hasOwnProperty.call(stylisRuleSheet, 'default') ? stylisRuleSheet['default'] : stylisRuleSheet;
|
|
13
14
|
PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;
|
|
@@ -971,57 +972,6 @@
|
|
|
971
972
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
972
973
|
};
|
|
973
974
|
|
|
974
|
-
var LuxityArrowLeft = (function (props) {
|
|
975
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
976
|
-
version: "1.0",
|
|
977
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
978
|
-
width: props.width || '100%',
|
|
979
|
-
height: props.height || '100%',
|
|
980
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
981
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
982
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
983
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
984
|
-
fill: "#000000",
|
|
985
|
-
stroke: "none"
|
|
986
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
987
|
-
d: "M808 2628 c-139 -205 -377 -557 -530 -781 l-277 -409 48 -71 c363\n-539 905 -1335 915 -1345 9 -9 90 -12 362 -10 l351 3 -350 515 c-192 283 -409\n603 -482 711 l-134 197 386 568 c212 313 450 665 529 782 l145 212 -355 0\n-355 0 -253 -372z"
|
|
988
|
-
})));
|
|
989
|
-
});
|
|
990
|
-
|
|
991
|
-
var LuxityArrowRight = (function (props) {
|
|
992
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
993
|
-
version: "1.0",
|
|
994
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
995
|
-
width: props.width || '100%',
|
|
996
|
-
height: props.height || '100%',
|
|
997
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
998
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
999
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
1000
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
1001
|
-
fill: "#000000",
|
|
1002
|
-
stroke: "none"
|
|
1003
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
1004
|
-
d: "M106 2973 c9 -16 226 -336 481 -711 255 -376 465 -687 466 -691 1 -4\n-233 -355 -520 -779 -288 -424 -523 -773 -523 -776 0 -3 159 -6 353 -5 l352 0\n525 776 c289 427 524 780 522 785 -1 5 -219 328 -484 719 l-481 709 -355 0\n-354 0 18 -27z"
|
|
1005
|
-
})));
|
|
1006
|
-
});
|
|
1007
|
-
|
|
1008
|
-
var _templateObject$a, _templateObject2$1, _templateObject3$1;
|
|
1009
|
-
var LoaderContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
1010
|
-
var LeftImageContainer = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-left infinite 3s;\n background-color: white;\n\n @keyframes slide-left {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(50%);\n }\n 100% {\n transform: translateX(150%);\n }\n }\n"])));
|
|
1011
|
-
var RightImageContainer = styled__default.div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-right infinite 3s;\n\n @keyframes slide-right {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(-50%);\n opacity: 1;\n }\n 100% {\n transform: translateX(-150%);\n opacity: 0;\n }\n }\n"])));
|
|
1012
|
-
|
|
1013
|
-
function LuxityLoader(_ref) {
|
|
1014
|
-
var width = _ref.width,
|
|
1015
|
-
height = _ref.height;
|
|
1016
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
1017
|
-
width: width,
|
|
1018
|
-
height: height
|
|
1019
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
1020
|
-
width: width,
|
|
1021
|
-
height: height
|
|
1022
|
-
})));
|
|
1023
|
-
}
|
|
1024
|
-
|
|
1025
975
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
1026
976
|
data: null
|
|
1027
977
|
});
|
|
@@ -1097,10 +1047,7 @@
|
|
|
1097
1047
|
customErrorMessage: customErrorMessage,
|
|
1098
1048
|
customErrorHandler: customErrorHandler,
|
|
1099
1049
|
renderCustomLoader: function renderCustomLoader() {
|
|
1100
|
-
return /*#__PURE__*/React__default.createElement(
|
|
1101
|
-
height: "40px",
|
|
1102
|
-
width: "95%"
|
|
1103
|
-
});
|
|
1050
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
1104
1051
|
},
|
|
1105
1052
|
errorMessageInterpreter: interpretErrorMessage
|
|
1106
1053
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -1127,42 +1074,42 @@
|
|
|
1127
1074
|
}
|
|
1128
1075
|
};
|
|
1129
1076
|
|
|
1130
|
-
var _templateObject$
|
|
1131
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$
|
|
1077
|
+
var _templateObject$a;
|
|
1078
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1132
1079
|
|
|
1133
|
-
var _templateObject$
|
|
1134
|
-
var ButtonListWrapper = styled__default.div(_templateObject$
|
|
1080
|
+
var _templateObject$b;
|
|
1081
|
+
var ButtonListWrapper = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
1135
1082
|
var noWrap = _ref.noWrap;
|
|
1136
1083
|
return noWrap ? 'nowrap' : 'wrap';
|
|
1137
1084
|
});
|
|
1138
1085
|
|
|
1139
|
-
var _templateObject$
|
|
1140
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
1086
|
+
var _templateObject$c;
|
|
1087
|
+
var Title$1 = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
1141
1088
|
return props.theme.colors.base;
|
|
1142
1089
|
});
|
|
1143
1090
|
|
|
1144
|
-
var _templateObject$
|
|
1145
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
1091
|
+
var _templateObject$d;
|
|
1092
|
+
var RadioButtonLabel = styled__default.label(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
1146
1093
|
return props.theme.marginPaddings[0];
|
|
1147
1094
|
}, function (props) {
|
|
1148
1095
|
return props.theme.marginPaddings[0];
|
|
1149
1096
|
});
|
|
1150
1097
|
|
|
1151
|
-
var _templateObject$
|
|
1152
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
1098
|
+
var _templateObject$e;
|
|
1099
|
+
var RadioButtonCircle = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n height: 20px;\n width: 20px;\n border-radius: 50%;\n margin-right: 5px;\n border: 1px solid ", ";\n display: flex;\n"])), function (props) {
|
|
1153
1100
|
return props.theme.colors.base;
|
|
1154
1101
|
});
|
|
1155
1102
|
|
|
1156
|
-
var _templateObject$
|
|
1157
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$
|
|
1103
|
+
var _templateObject$f;
|
|
1104
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
1158
1105
|
|
|
1159
|
-
var _templateObject$
|
|
1160
|
-
var RadioButtonInput = styled__default.input(_templateObject$
|
|
1106
|
+
var _templateObject$g;
|
|
1107
|
+
var RadioButtonInput = styled__default.input(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
1161
1108
|
return props.theme.colors.base;
|
|
1162
1109
|
});
|
|
1163
1110
|
|
|
1164
|
-
var _templateObject$
|
|
1165
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
1111
|
+
var _templateObject$h;
|
|
1112
|
+
var RadioButtonText = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1166
1113
|
|
|
1167
1114
|
var RadioButtonsFormWrapper = function RadioButtonsFormWrapper(_ref) {
|
|
1168
1115
|
var name = _ref.name,
|
|
@@ -1246,13 +1193,13 @@
|
|
|
1246
1193
|
};
|
|
1247
1194
|
var RadioButtons$1 = themed(RadioButtons);
|
|
1248
1195
|
|
|
1249
|
-
var _templateObject$
|
|
1196
|
+
var _templateObject$i, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
1250
1197
|
/* position relative is required for the Body element to be positioned correctly */
|
|
1251
1198
|
|
|
1252
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
1253
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
1199
|
+
var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
1200
|
+
var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
1254
1201
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
1255
|
-
return styled.css(_templateObject3$
|
|
1202
|
+
return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
|
|
1256
1203
|
};
|
|
1257
1204
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
1258
1205
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -1261,7 +1208,7 @@
|
|
|
1261
1208
|
return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
|
|
1262
1209
|
};
|
|
1263
1210
|
|
|
1264
|
-
var _templateObject$
|
|
1211
|
+
var _templateObject$j;
|
|
1265
1212
|
|
|
1266
1213
|
var getBodyStyle = function getBodyStyle() {
|
|
1267
1214
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1296,7 +1243,7 @@
|
|
|
1296
1243
|
}
|
|
1297
1244
|
};
|
|
1298
1245
|
|
|
1299
|
-
var Body$1 = styled__default.span(_templateObject$
|
|
1246
|
+
var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
|
|
1300
1247
|
return props.bodyWidth;
|
|
1301
1248
|
}, function (props) {
|
|
1302
1249
|
return props.theme.colors.base || 'black';
|
|
@@ -1306,8 +1253,8 @@
|
|
|
1306
1253
|
return getAfterStyling(props);
|
|
1307
1254
|
});
|
|
1308
1255
|
|
|
1309
|
-
var _templateObject$
|
|
1310
|
-
var Container = styled__default.div(_templateObject$
|
|
1256
|
+
var _templateObject$k;
|
|
1257
|
+
var Container = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$1);
|
|
1311
1258
|
|
|
1312
1259
|
var Tooltip = function Tooltip(_ref) {
|
|
1313
1260
|
var children = _ref.children,
|
|
@@ -1338,14 +1285,14 @@
|
|
|
1338
1285
|
};
|
|
1339
1286
|
var index$1 = themed(Tooltip);
|
|
1340
1287
|
|
|
1341
|
-
var _templateObject$
|
|
1342
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
1343
|
-
var baseButtonStyle = styled.css(_templateObject2$
|
|
1288
|
+
var _templateObject$l, _templateObject2$2;
|
|
1289
|
+
var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
1290
|
+
var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
|
|
1344
1291
|
|
|
1345
1292
|
var _excluded = ["children"];
|
|
1346
1293
|
|
|
1347
|
-
var _templateObject$
|
|
1348
|
-
var Button = styled__default.button(_templateObject$
|
|
1294
|
+
var _templateObject$m;
|
|
1295
|
+
var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
1349
1296
|
return props.theme.colors.primary;
|
|
1350
1297
|
}, function (props) {
|
|
1351
1298
|
return props.theme.colors.ntrlMin;
|
|
@@ -1366,8 +1313,8 @@
|
|
|
1366
1313
|
|
|
1367
1314
|
var _excluded$1 = ["children"];
|
|
1368
1315
|
|
|
1369
|
-
var _templateObject$
|
|
1370
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
1316
|
+
var _templateObject$n;
|
|
1317
|
+
var Button$1 = styled__default.button(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n border: 1px solid ", ";\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", "\n &:hover {\n background-color: ", ";\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
1371
1318
|
return props.theme.colors.ntrlMin;
|
|
1372
1319
|
}, function (props) {
|
|
1373
1320
|
return props.theme.colors.primary;
|
|
@@ -1392,8 +1339,8 @@
|
|
|
1392
1339
|
|
|
1393
1340
|
var _excluded$2 = ["children"];
|
|
1394
1341
|
|
|
1395
|
-
var _templateObject$
|
|
1396
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
1342
|
+
var _templateObject$o;
|
|
1343
|
+
var Button$2 = styled__default.button(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1397
1344
|
return props.theme.colors.base;
|
|
1398
1345
|
}, function (props) {
|
|
1399
1346
|
return props.theme.colors.primary;
|
|
@@ -1415,8 +1362,8 @@
|
|
|
1415
1362
|
|
|
1416
1363
|
var _excluded$3 = ["children"];
|
|
1417
1364
|
|
|
1418
|
-
var _templateObject$
|
|
1419
|
-
var Button$3 = styled__default(TextButton$1)(_templateObject$
|
|
1365
|
+
var _templateObject$p;
|
|
1366
|
+
var Button$3 = styled__default(TextButton$1)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
|
|
1420
1367
|
return props.theme.colors.ntrlMin;
|
|
1421
1368
|
}, function (props) {
|
|
1422
1369
|
return props.theme.colors.primary;
|
|
@@ -1441,8 +1388,8 @@
|
|
|
1441
1388
|
|
|
1442
1389
|
var _excluded$4 = ["children"];
|
|
1443
1390
|
|
|
1444
|
-
var _templateObject$
|
|
1445
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
1391
|
+
var _templateObject$q;
|
|
1392
|
+
var Button$4 = styled__default.button(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
1446
1393
|
|
|
1447
1394
|
var WrapperButton = function WrapperButton(_ref) {
|
|
1448
1395
|
var children = _ref.children,
|
|
@@ -8690,8 +8637,8 @@
|
|
|
8690
8637
|
}
|
|
8691
8638
|
};
|
|
8692
8639
|
|
|
8693
|
-
var _templateObject$
|
|
8694
|
-
var SvgWrapper$1 = styled__default.div(_templateObject$
|
|
8640
|
+
var _templateObject$r;
|
|
8641
|
+
var SvgWrapper$1 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n padding: ", ";\n border: 1px solid\n ", ";\n text-align: center;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n background-color: ", ";\n color: ", ";\n\n h1 {\n color: ", ";\n }\n\n svg {\n margin-left: auto;\n margin-right: auto;\n max-height: 80px;\n width: auto;\n /*condition*/\n\n .fillColor {\n fill: ", ";\n }\n\n .outlineColor {\n fill: ", ";\n }\n }\n @media (max-width: ", ") {\n margin-bottom: ", ";\n }\n"])), function (props) {
|
|
8695
8642
|
return props.theme.marginPaddings[4];
|
|
8696
8643
|
}, function (props) {
|
|
8697
8644
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -8722,8 +8669,8 @@
|
|
|
8722
8669
|
isChecked: false
|
|
8723
8670
|
};
|
|
8724
8671
|
|
|
8725
|
-
var _templateObject$
|
|
8726
|
-
var Body$2 = styled__default.div(_templateObject$
|
|
8672
|
+
var _templateObject$s;
|
|
8673
|
+
var Body$2 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n .outlineColor {\n fill: #ffffff;\n }\n display: flex;\n flex-flow: row wrap;\n\n button {\n margin-top: 20px;\n width: 150px;\n cursor: pointer;\n padding: 0;\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n .outlineColor {\n fill: white;\n }\n\n @media (max-width: ", ") {\n display: block;\n button {\n width: 100%;\n &:not(:last-child) {\n margin-right: 0;\n }\n }\n }\n"])), function (props) {
|
|
8727
8674
|
return props.theme.marginPaddings[2];
|
|
8728
8675
|
}, media.sm);
|
|
8729
8676
|
|
|
@@ -8855,14 +8802,14 @@
|
|
|
8855
8802
|
}));
|
|
8856
8803
|
});
|
|
8857
8804
|
|
|
8858
|
-
var _templateObject$
|
|
8859
|
-
var ErrorMessage$1 = styled__default.div(_templateObject$
|
|
8805
|
+
var _templateObject$t;
|
|
8806
|
+
var ErrorMessage$1 = styled__default.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
|
|
8860
8807
|
return props.theme.colors.primary;
|
|
8861
8808
|
}, function (props) {
|
|
8862
8809
|
return props.theme.marginPaddings[0];
|
|
8863
8810
|
});
|
|
8864
8811
|
|
|
8865
|
-
var _templateObject$
|
|
8812
|
+
var _templateObject$u, _templateObject2$3;
|
|
8866
8813
|
var categories = catArray;
|
|
8867
8814
|
|
|
8868
8815
|
var getSvg = function getSvg() {
|
|
@@ -8889,10 +8836,10 @@
|
|
|
8889
8836
|
}
|
|
8890
8837
|
};
|
|
8891
8838
|
|
|
8892
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
8839
|
+
var Container$1 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
8893
8840
|
return props.theme.marginPaddings[5];
|
|
8894
8841
|
});
|
|
8895
|
-
var CategoryTitle = styled__default.h1(_templateObject2$
|
|
8842
|
+
var CategoryTitle = styled__default.h1(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
8896
8843
|
/**
|
|
8897
8844
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
8898
8845
|
*/
|
|
@@ -9685,12 +9632,12 @@
|
|
|
9685
9632
|
/* ::<number | string, string, string> */
|
|
9686
9633
|
(transparentize);
|
|
9687
9634
|
|
|
9688
|
-
var _templateObject$
|
|
9689
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9635
|
+
var _templateObject$v;
|
|
9636
|
+
var baseSliderStyles = styled.css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n .rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 100%;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n }\n .rc-slider * {\n box-sizing: border-box;\n }\n .rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n }\n .rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n }\n .rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n margin-top: -5px;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n -ms-touch-action: pan-x;\n touch-action: pan-x;\n }\n .rc-slider-handle:focus {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n outline: none;\n }\n .rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n }\n .rc-slider-handle:hover {\n border-color: #57c5f7;\n }\n .rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: grabbing;\n }\n .rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n }\n .rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n }\n .rc-slider-mark-text-active {\n color: #666;\n }\n .rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n }\n .rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n }\n .rc-slider-dot-active {\n border-color: #96dbfa;\n }\n .rc-slider-dot-reverse {\n margin-left: 0;\n margin-right: -4px;\n }\n .rc-slider-disabled {\n background-color: #e9e9e9;\n }\n .rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n }\n .rc-slider-disabled .rc-slider-handle,\n .rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n }\n .rc-slider-disabled .rc-slider-mark-text,\n .rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n }\n .rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n }\n .rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n }\n .rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n }\n .rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n }\n @keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n }\n @keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n }\n .rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip-hidden {\n display: none;\n }\n .rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n }\n .rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n }\n .rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n }\n"])));
|
|
9690
9637
|
|
|
9691
|
-
var _templateObject$
|
|
9638
|
+
var _templateObject$w, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9692
9639
|
var handleDimension = '14px';
|
|
9693
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9640
|
+
var SliderContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n ", ";\n position: relative;\n .rc-slider-handle {\n background-color: ", ";\n border-color: ", ";\n }\n\n .rc-slider {\n margin-bottom: ", ";\n max-width: calc(100% - ", ");\n margin-left: auto;\n margin-right: auto;\n }\n .rc-slider-track {\n background-color: ", ";\n }\n\n .rc-slider-handle {\n height: ", ";\n width: ", ";\n transition: border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;\n &:hover,\n &:focus {\n border: ", ";\n box-shadow: 0 0 0 5px\n ", ";\n }\n }\n ", "\n"])), baseSliderStyles, function (props) {
|
|
9694
9641
|
return props.theme.colors.primary;
|
|
9695
9642
|
}, function (props) {
|
|
9696
9643
|
return props.theme.colors.primary;
|
|
@@ -9709,22 +9656,22 @@
|
|
|
9709
9656
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9710
9657
|
var showMarks = _ref.showMarks,
|
|
9711
9658
|
primary = _ref.theme.colors.primary;
|
|
9712
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9659
|
+
var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
|
|
9713
9660
|
return styled.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text {\n color: ", ";\n }\n\n .rc-slider-dot {\n border-color: ", ";\n background-color: white;\n }\n ", "\n "])), primary, primary, visiblityStyle);
|
|
9714
9661
|
};
|
|
9715
9662
|
|
|
9716
|
-
var _templateObject$
|
|
9717
|
-
var ToolTipWrapper = styled__default.div(_templateObject$
|
|
9663
|
+
var _templateObject$x;
|
|
9664
|
+
var ToolTipWrapper = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n position: absolute;\n right: auto;\n top: 20px;\n transform: translateX(-50%);\n width: 100px;\n text-align: center;\n"])));
|
|
9718
9665
|
|
|
9719
|
-
var _templateObject$
|
|
9720
|
-
var Footer = styled__default.div(_templateObject$
|
|
9666
|
+
var _templateObject$y;
|
|
9667
|
+
var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9721
9668
|
|
|
9722
9669
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9723
9670
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9724
9671
|
|
|
9725
|
-
var _templateObject$
|
|
9672
|
+
var _templateObject$z;
|
|
9726
9673
|
var debounceBuilder = functions.debounced(100);
|
|
9727
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9674
|
+
var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9728
9675
|
return props.theme.marginPaddings[3];
|
|
9729
9676
|
});
|
|
9730
9677
|
|
|
@@ -9883,11 +9830,11 @@
|
|
|
9883
9830
|
};
|
|
9884
9831
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9885
9832
|
|
|
9886
|
-
var _templateObject$
|
|
9887
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9833
|
+
var _templateObject$A, _templateObject2$5;
|
|
9834
|
+
var Title$2 = styled__default.h1(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
|
|
9888
9835
|
return props.theme.fontSizes[2];
|
|
9889
9836
|
});
|
|
9890
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9837
|
+
var InterestsSubheadingContainer = styled__default.div(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"])), function (props) {
|
|
9891
9838
|
return props.theme.marginPaddings[1];
|
|
9892
9839
|
}, function (props) {
|
|
9893
9840
|
return props.theme.colors.primary;
|
|
@@ -9906,8 +9853,8 @@
|
|
|
9906
9853
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9907
9854
|
};
|
|
9908
9855
|
|
|
9909
|
-
var _templateObject$
|
|
9910
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9856
|
+
var _templateObject$B;
|
|
9857
|
+
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) {
|
|
9911
9858
|
return props.theme.colors.primary;
|
|
9912
9859
|
});
|
|
9913
9860
|
|
|
@@ -10149,8 +10096,8 @@
|
|
|
10149
10096
|
showMessageOnError: true
|
|
10150
10097
|
};
|
|
10151
10098
|
|
|
10152
|
-
var _templateObject$
|
|
10153
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
10099
|
+
var _templateObject$C;
|
|
10100
|
+
var StyledHeader = styled__default.h5(_templateObject$C || (_templateObject$C = _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.sm, media.sm, function (props) {
|
|
10154
10101
|
return props.theme.marginPaddings[1];
|
|
10155
10102
|
});
|
|
10156
10103
|
|
|
@@ -10196,8 +10143,8 @@
|
|
|
10196
10143
|
}));
|
|
10197
10144
|
});
|
|
10198
10145
|
|
|
10199
|
-
var _templateObject$
|
|
10200
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
10146
|
+
var _templateObject$D;
|
|
10147
|
+
var NotifyContainer = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\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"])), function (props) {
|
|
10201
10148
|
return props.theme.colors.ntrlMin;
|
|
10202
10149
|
}, function (props) {
|
|
10203
10150
|
return props.theme.colors.base;
|
|
@@ -10306,10 +10253,7 @@
|
|
|
10306
10253
|
}
|
|
10307
10254
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
10308
10255
|
className: "notification-dropdown-label"
|
|
10309
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
10310
|
-
height: "20px",
|
|
10311
|
-
width: "95%"
|
|
10312
|
-
}) : /*#__PURE__*/React__default.createElement(index$1$1, {
|
|
10256
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1$1, {
|
|
10313
10257
|
isMulti: false,
|
|
10314
10258
|
isSearchable: false,
|
|
10315
10259
|
components: {
|
|
@@ -10338,12 +10282,12 @@
|
|
|
10338
10282
|
|
|
10339
10283
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
10340
10284
|
|
|
10341
|
-
var _templateObject$
|
|
10285
|
+
var _templateObject$E;
|
|
10342
10286
|
var ALL_ITEM = {
|
|
10343
10287
|
label: 'ALL',
|
|
10344
10288
|
value: 'ALL'
|
|
10345
10289
|
};
|
|
10346
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10290
|
+
var StyledMultiselector = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
10347
10291
|
return props.theme.colors.primary;
|
|
10348
10292
|
}, function (props) {
|
|
10349
10293
|
return props.theme.colors.ntrlMin;
|
|
@@ -10621,15 +10565,15 @@
|
|
|
10621
10565
|
}
|
|
10622
10566
|
};
|
|
10623
10567
|
|
|
10624
|
-
var _templateObject$
|
|
10568
|
+
var _templateObject$F, _templateObject2$6;
|
|
10625
10569
|
var ALL_ITEM$1 = {
|
|
10626
10570
|
id: 'ALL',
|
|
10627
10571
|
name: 'ALL'
|
|
10628
10572
|
};
|
|
10629
10573
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10630
10574
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10631
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10632
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10575
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$F || (_templateObject$F = _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);
|
|
10576
|
+
var StyledMultiselector$1 = 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) {
|
|
10633
10577
|
return props.theme.marginPaddings[2];
|
|
10634
10578
|
}, function (props) {
|
|
10635
10579
|
return props.theme.colors.ntrlMin;
|
|
@@ -10866,7 +10810,7 @@
|
|
|
10866
10810
|
}));
|
|
10867
10811
|
});
|
|
10868
10812
|
|
|
10869
|
-
var _templateObject$
|
|
10813
|
+
var _templateObject$G;
|
|
10870
10814
|
|
|
10871
10815
|
var Title$3 = function Title(_ref) {
|
|
10872
10816
|
var baseClass = _ref.baseClass,
|
|
@@ -10887,7 +10831,7 @@
|
|
|
10887
10831
|
})));
|
|
10888
10832
|
};
|
|
10889
10833
|
|
|
10890
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10834
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$G || (_templateObject$G = _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) {
|
|
10891
10835
|
return props.theme.marginPaddings[2];
|
|
10892
10836
|
}, function (props) {
|
|
10893
10837
|
return props.theme.fontSizes[2];
|
|
@@ -11027,8 +10971,8 @@
|
|
|
11027
10971
|
baseQueryLimit: 12
|
|
11028
10972
|
};
|
|
11029
10973
|
|
|
11030
|
-
var _templateObject$
|
|
11031
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10974
|
+
var _templateObject$H;
|
|
10975
|
+
var BaseButton = styled__default.button(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
11032
10976
|
return props.theme.colors.base;
|
|
11033
10977
|
}, function (props) {
|
|
11034
10978
|
return props.theme.colors.borderColor;
|
|
@@ -11097,12 +11041,12 @@
|
|
|
11097
11041
|
}
|
|
11098
11042
|
};
|
|
11099
11043
|
|
|
11100
|
-
var _templateObject$
|
|
11101
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
11044
|
+
var _templateObject$I, _templateObject2$7;
|
|
11045
|
+
var TitleWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
11102
11046
|
return props.theme.marginPaddings[4];
|
|
11103
11047
|
});
|
|
11104
11048
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
11105
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
11049
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
11106
11050
|
return props.childVisible ? 1 : 0;
|
|
11107
11051
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
11108
11052
|
return props.childVisible ? 1 : 0;
|
|
@@ -11236,8 +11180,8 @@
|
|
|
11236
11180
|
}
|
|
11237
11181
|
};
|
|
11238
11182
|
|
|
11239
|
-
var _templateObject$
|
|
11240
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11183
|
+
var _templateObject$J;
|
|
11184
|
+
var SelectionWrapper = styled__default.div(_templateObject$J || (_templateObject$J = _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) {
|
|
11241
11185
|
return props.theme.marginPaddings[2];
|
|
11242
11186
|
}, function (props) {
|
|
11243
11187
|
return props.theme.marginPaddings[2];
|
|
@@ -11253,14 +11197,14 @@
|
|
|
11253
11197
|
|
|
11254
11198
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11255
11199
|
|
|
11256
|
-
var _templateObject$
|
|
11257
|
-
var Content = styled__default.div(_templateObject$
|
|
11200
|
+
var _templateObject$K, _templateObject2$8, _templateObject3$3;
|
|
11201
|
+
var Content = styled__default.div(_templateObject$K || (_templateObject$K = _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) {
|
|
11258
11202
|
return props.theme.colors.primary;
|
|
11259
11203
|
}, function (props) {
|
|
11260
11204
|
return props.theme.marginPaddings[0];
|
|
11261
11205
|
});
|
|
11262
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11263
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11206
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11207
|
+
var StyledLabel = styled__default.label(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
11264
11208
|
return props.theme.colors.primary;
|
|
11265
11209
|
}, Content, function (props) {
|
|
11266
11210
|
return props.theme.colors.primary;
|
|
@@ -11489,23 +11433,23 @@
|
|
|
11489
11433
|
}
|
|
11490
11434
|
};
|
|
11491
11435
|
|
|
11492
|
-
var _templateObject$
|
|
11436
|
+
var _templateObject$L, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
11493
11437
|
var UNISEX$1 = genders.UNISEX;
|
|
11494
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11438
|
+
var AddInterestContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11495
11439
|
return props.theme.marginPaddings[6];
|
|
11496
11440
|
}, function (props) {
|
|
11497
11441
|
return props.theme.colors.borderColor;
|
|
11498
11442
|
}, function (props) {
|
|
11499
11443
|
return props.theme.marginPaddings[6];
|
|
11500
11444
|
});
|
|
11501
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11445
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
11502
11446
|
return props.theme.marginPaddings[6];
|
|
11503
11447
|
}, media.xs, function (props) {
|
|
11504
11448
|
return props.theme.marginPaddings[0];
|
|
11505
11449
|
}, function (props) {
|
|
11506
11450
|
return props.theme.marginPaddings[1];
|
|
11507
11451
|
});
|
|
11508
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11452
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11509
11453
|
return props.theme.colors.darkerGray;
|
|
11510
11454
|
}, function (props) {
|
|
11511
11455
|
return props.theme.marginPaddings[2];
|
|
@@ -11816,8 +11760,8 @@
|
|
|
11816
11760
|
|
|
11817
11761
|
var AddInterest$1 = themed(AddInterest);
|
|
11818
11762
|
|
|
11819
|
-
var _templateObject$
|
|
11820
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11763
|
+
var _templateObject$M;
|
|
11764
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
11821
11765
|
return props.theme.marginPaddings[0];
|
|
11822
11766
|
}, function (props) {
|
|
11823
11767
|
return props.theme.colors.primary;
|
|
@@ -11851,8 +11795,8 @@
|
|
|
11851
11795
|
|
|
11852
11796
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11853
11797
|
|
|
11854
|
-
var _templateObject$
|
|
11855
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11798
|
+
var _templateObject$N;
|
|
11799
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11856
11800
|
return props.theme.colors.primary;
|
|
11857
11801
|
});
|
|
11858
11802
|
var AccountIcon = themed(function () {
|
|
@@ -11998,18 +11942,18 @@
|
|
|
11998
11942
|
}(React__default.Component);
|
|
11999
11943
|
|
|
12000
11944
|
Interests.defaultProps = {
|
|
12001
|
-
interestsTitle: '
|
|
11945
|
+
interestsTitle: 'Interests',
|
|
12002
11946
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
12003
11947
|
};
|
|
12004
11948
|
|
|
12005
|
-
var _templateObject$
|
|
12006
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11949
|
+
var _templateObject$O, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11950
|
+
var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
12007
11951
|
return props.theme.rareStepColors.ntrlMin;
|
|
12008
11952
|
});
|
|
12009
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
11953
|
+
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
12010
11954
|
return props.theme.rareStepPageSizes.container;
|
|
12011
11955
|
});
|
|
12012
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
11956
|
+
var HeaderContainer = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
12013
11957
|
return props.theme.marginPaddings[3];
|
|
12014
11958
|
}, function (props) {
|
|
12015
11959
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -12274,8 +12218,8 @@
|
|
|
12274
12218
|
|
|
12275
12219
|
var index$3 = themed(RareStepHeader);
|
|
12276
12220
|
|
|
12277
|
-
var _templateObject$
|
|
12278
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
12221
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
12222
|
+
var FooterWrapper = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
12279
12223
|
return props.theme.rareStepColors.ntrlMax;
|
|
12280
12224
|
}, function (props) {
|
|
12281
12225
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -12284,10 +12228,10 @@
|
|
|
12284
12228
|
}, function (props) {
|
|
12285
12229
|
return props.theme.rareStepFontSize.h5;
|
|
12286
12230
|
});
|
|
12287
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
12231
|
+
var PageContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
12288
12232
|
return props.theme.rareStepPageSizes.container;
|
|
12289
12233
|
});
|
|
12290
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
12234
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
12291
12235
|
return props.theme.marginPaddings[4];
|
|
12292
12236
|
});
|
|
12293
12237
|
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|