@bonlineza/luxity-lib 2.9.2 → 2.10.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 +125 -72
- package/BrandSelector.js +78 -25
- package/GraphQLMultiSelector.js +69 -16
- package/Interests.js +153 -97
- package/LuxityGraphQLMultiselector.js +74 -21
- package/LuxityLoader.js +75 -0
- package/LuxityPageReady.js +72 -6
- package/NotificationDropDown.js +65 -9
- package/README.md +3 -0
- package/StyleSelector.js +78 -25
- package/build/bundle.js +153 -97
- package/package.json +1 -1
- package/svg/LuxityArrowLeft.js +28 -0
- package/svg/LuxityArrowRight.js +28 -0
package/build/bundle.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
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/
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-animate-height', 'styled-components', 'numeral', '@bonlineza/b-lib/
|
|
4
|
-
(global = global || self, factory(global.blib = {}, global.React, global.AnimateHeight, global.styled, global.numeral, global.
|
|
5
|
-
}(this, (function (exports, React, AnimateHeight, styled, numeral,
|
|
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';
|
|
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;
|
|
12
11
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
13
12
|
stylisRuleSheet = stylisRuleSheet && Object.prototype.hasOwnProperty.call(stylisRuleSheet, 'default') ? stylisRuleSheet['default'] : stylisRuleSheet;
|
|
14
13
|
PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;
|
|
@@ -922,6 +921,57 @@
|
|
|
922
921
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
923
922
|
};
|
|
924
923
|
|
|
924
|
+
var LuxityArrowLeft = (function (props) {
|
|
925
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
926
|
+
version: "1.0",
|
|
927
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
928
|
+
width: props.width || '100%',
|
|
929
|
+
height: props.height || '100%',
|
|
930
|
+
viewBox: "0 0 177.000000 300.000000",
|
|
931
|
+
preserveAspectRatio: "xMidYMid meet"
|
|
932
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
933
|
+
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
934
|
+
fill: "#000000",
|
|
935
|
+
stroke: "none"
|
|
936
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
937
|
+
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"
|
|
938
|
+
})));
|
|
939
|
+
});
|
|
940
|
+
|
|
941
|
+
var LuxityArrowRight = (function (props) {
|
|
942
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
943
|
+
version: "1.0",
|
|
944
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
945
|
+
width: props.width || '100%',
|
|
946
|
+
height: props.height || '100%',
|
|
947
|
+
viewBox: "0 0 177.000000 300.000000",
|
|
948
|
+
preserveAspectRatio: "xMidYMid meet"
|
|
949
|
+
}, /*#__PURE__*/React__default.createElement("g", {
|
|
950
|
+
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
951
|
+
fill: "#000000",
|
|
952
|
+
stroke: "none"
|
|
953
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
954
|
+
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"
|
|
955
|
+
})));
|
|
956
|
+
});
|
|
957
|
+
|
|
958
|
+
var _templateObject$a, _templateObject2$1, _templateObject3$1;
|
|
959
|
+
var LoaderContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
960
|
+
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"])));
|
|
961
|
+
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"])));
|
|
962
|
+
|
|
963
|
+
function LuxityLoader(_ref) {
|
|
964
|
+
var width = _ref.width,
|
|
965
|
+
height = _ref.height;
|
|
966
|
+
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
967
|
+
width: width,
|
|
968
|
+
height: height
|
|
969
|
+
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
970
|
+
width: width,
|
|
971
|
+
height: height
|
|
972
|
+
})));
|
|
973
|
+
}
|
|
974
|
+
|
|
925
975
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
926
976
|
data: null
|
|
927
977
|
});
|
|
@@ -997,7 +1047,10 @@
|
|
|
997
1047
|
customErrorMessage: customErrorMessage,
|
|
998
1048
|
customErrorHandler: customErrorHandler,
|
|
999
1049
|
renderCustomLoader: function renderCustomLoader() {
|
|
1000
|
-
return /*#__PURE__*/React__default.createElement(
|
|
1050
|
+
return /*#__PURE__*/React__default.createElement(LuxityLoader, {
|
|
1051
|
+
height: "40px",
|
|
1052
|
+
width: "95%"
|
|
1053
|
+
});
|
|
1001
1054
|
},
|
|
1002
1055
|
errorMessageInterpreter: interpretErrorMessage
|
|
1003
1056
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -1024,42 +1077,42 @@
|
|
|
1024
1077
|
}
|
|
1025
1078
|
};
|
|
1026
1079
|
|
|
1027
|
-
var _templateObject$a;
|
|
1028
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1029
|
-
|
|
1030
1080
|
var _templateObject$b;
|
|
1031
|
-
var
|
|
1081
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1082
|
+
|
|
1083
|
+
var _templateObject$c;
|
|
1084
|
+
var ButtonListWrapper = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
1032
1085
|
var noWrap = _ref.noWrap;
|
|
1033
1086
|
return noWrap ? 'nowrap' : 'wrap';
|
|
1034
1087
|
});
|
|
1035
1088
|
|
|
1036
|
-
var _templateObject$
|
|
1037
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
1089
|
+
var _templateObject$d;
|
|
1090
|
+
var Title$1 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
1038
1091
|
return props.theme.colors.base;
|
|
1039
1092
|
});
|
|
1040
1093
|
|
|
1041
|
-
var _templateObject$
|
|
1042
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
1094
|
+
var _templateObject$e;
|
|
1095
|
+
var RadioButtonLabel = styled__default.label(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
1043
1096
|
return props.theme.marginPaddings[0];
|
|
1044
1097
|
}, function (props) {
|
|
1045
1098
|
return props.theme.marginPaddings[0];
|
|
1046
1099
|
});
|
|
1047
1100
|
|
|
1048
|
-
var _templateObject$
|
|
1049
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
1101
|
+
var _templateObject$f;
|
|
1102
|
+
var RadioButtonCircle = styled__default.div(_templateObject$f || (_templateObject$f = _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) {
|
|
1050
1103
|
return props.theme.colors.base;
|
|
1051
1104
|
});
|
|
1052
1105
|
|
|
1053
|
-
var _templateObject$f;
|
|
1054
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
1055
|
-
|
|
1056
1106
|
var _templateObject$g;
|
|
1057
|
-
var
|
|
1107
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
1108
|
+
|
|
1109
|
+
var _templateObject$h;
|
|
1110
|
+
var RadioButtonInput = styled__default.input(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
1058
1111
|
return props.theme.colors.base;
|
|
1059
1112
|
});
|
|
1060
1113
|
|
|
1061
|
-
var _templateObject$
|
|
1062
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
1114
|
+
var _templateObject$i;
|
|
1115
|
+
var RadioButtonText = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1063
1116
|
|
|
1064
1117
|
var RadioButtonsFormWrapper = function RadioButtonsFormWrapper(_ref) {
|
|
1065
1118
|
var name = _ref.name,
|
|
@@ -1143,13 +1196,13 @@
|
|
|
1143
1196
|
};
|
|
1144
1197
|
var RadioButtons$1 = themed(RadioButtons);
|
|
1145
1198
|
|
|
1146
|
-
var _templateObject$
|
|
1199
|
+
var _templateObject$j, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
1147
1200
|
/* position relative is required for the Body element to be positioned correctly */
|
|
1148
1201
|
|
|
1149
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
1150
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
1202
|
+
var relativeInlineStyle = styled.css(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
1203
|
+
var topMiddleBodyStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
1151
1204
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
1152
|
-
return styled.css(_templateObject3$
|
|
1205
|
+
return styled.css(_templateObject3$2 || (_templateObject3$2 = _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);
|
|
1153
1206
|
};
|
|
1154
1207
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
1155
1208
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -1158,7 +1211,7 @@
|
|
|
1158
1211
|
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);
|
|
1159
1212
|
};
|
|
1160
1213
|
|
|
1161
|
-
var _templateObject$
|
|
1214
|
+
var _templateObject$k;
|
|
1162
1215
|
|
|
1163
1216
|
var getBodyStyle = function getBodyStyle() {
|
|
1164
1217
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1193,7 +1246,7 @@
|
|
|
1193
1246
|
}
|
|
1194
1247
|
};
|
|
1195
1248
|
|
|
1196
|
-
var Body$1 = styled__default.span(_templateObject$
|
|
1249
|
+
var Body$1 = styled__default.span(_templateObject$k || (_templateObject$k = _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) {
|
|
1197
1250
|
return props.bodyWidth;
|
|
1198
1251
|
}, function (props) {
|
|
1199
1252
|
return props.theme.colors.base || 'black';
|
|
@@ -1203,8 +1256,8 @@
|
|
|
1203
1256
|
return getAfterStyling(props);
|
|
1204
1257
|
});
|
|
1205
1258
|
|
|
1206
|
-
var _templateObject$
|
|
1207
|
-
var Container = styled__default.div(_templateObject$
|
|
1259
|
+
var _templateObject$l;
|
|
1260
|
+
var Container = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$1);
|
|
1208
1261
|
|
|
1209
1262
|
var Tooltip = function Tooltip(_ref) {
|
|
1210
1263
|
var children = _ref.children,
|
|
@@ -1235,14 +1288,14 @@
|
|
|
1235
1288
|
};
|
|
1236
1289
|
var index$1 = themed(Tooltip);
|
|
1237
1290
|
|
|
1238
|
-
var _templateObject$
|
|
1239
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
1240
|
-
var baseButtonStyle = styled.css(_templateObject2$
|
|
1291
|
+
var _templateObject$m, _templateObject2$3;
|
|
1292
|
+
var disabledButtonStyle = styled.css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
1293
|
+
var baseButtonStyle = styled.css(_templateObject2$3 || (_templateObject2$3 = _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"])));
|
|
1241
1294
|
|
|
1242
1295
|
var _excluded = ["children"];
|
|
1243
1296
|
|
|
1244
|
-
var _templateObject$
|
|
1245
|
-
var Button = styled__default.button(_templateObject$
|
|
1297
|
+
var _templateObject$n;
|
|
1298
|
+
var Button = styled__default.button(_templateObject$n || (_templateObject$n = _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) {
|
|
1246
1299
|
return props.theme.colors.primary;
|
|
1247
1300
|
}, function (props) {
|
|
1248
1301
|
return props.theme.colors.ntrlMin;
|
|
@@ -1263,8 +1316,8 @@
|
|
|
1263
1316
|
|
|
1264
1317
|
var _excluded$1 = ["children"];
|
|
1265
1318
|
|
|
1266
|
-
var _templateObject$
|
|
1267
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
1319
|
+
var _templateObject$o;
|
|
1320
|
+
var Button$1 = styled__default.button(_templateObject$o || (_templateObject$o = _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) {
|
|
1268
1321
|
return props.theme.colors.ntrlMin;
|
|
1269
1322
|
}, function (props) {
|
|
1270
1323
|
return props.theme.colors.primary;
|
|
@@ -1289,8 +1342,8 @@
|
|
|
1289
1342
|
|
|
1290
1343
|
var _excluded$2 = ["children"];
|
|
1291
1344
|
|
|
1292
|
-
var _templateObject$
|
|
1293
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
1345
|
+
var _templateObject$p;
|
|
1346
|
+
var Button$2 = styled__default.button(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1294
1347
|
return props.theme.colors.base;
|
|
1295
1348
|
}, function (props) {
|
|
1296
1349
|
return props.theme.colors.primary;
|
|
@@ -1312,8 +1365,8 @@
|
|
|
1312
1365
|
|
|
1313
1366
|
var _excluded$3 = ["children"];
|
|
1314
1367
|
|
|
1315
|
-
var _templateObject$
|
|
1316
|
-
var Button$3 = styled__default(TextButton$1)(_templateObject$
|
|
1368
|
+
var _templateObject$q;
|
|
1369
|
+
var Button$3 = styled__default(TextButton$1)(_templateObject$q || (_templateObject$q = _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) {
|
|
1317
1370
|
return props.theme.colors.ntrlMin;
|
|
1318
1371
|
}, function (props) {
|
|
1319
1372
|
return props.theme.colors.primary;
|
|
@@ -1338,8 +1391,8 @@
|
|
|
1338
1391
|
|
|
1339
1392
|
var _excluded$4 = ["children"];
|
|
1340
1393
|
|
|
1341
|
-
var _templateObject$
|
|
1342
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
1394
|
+
var _templateObject$r;
|
|
1395
|
+
var Button$4 = styled__default.button(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
1343
1396
|
|
|
1344
1397
|
var WrapperButton = function WrapperButton(_ref) {
|
|
1345
1398
|
var children = _ref.children,
|
|
@@ -8587,8 +8640,8 @@
|
|
|
8587
8640
|
}
|
|
8588
8641
|
};
|
|
8589
8642
|
|
|
8590
|
-
var _templateObject$
|
|
8591
|
-
var SvgWrapper$1 = styled__default.div(_templateObject$
|
|
8643
|
+
var _templateObject$s;
|
|
8644
|
+
var SvgWrapper$1 = styled__default.div(_templateObject$s || (_templateObject$s = _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) {
|
|
8592
8645
|
return props.theme.marginPaddings[4];
|
|
8593
8646
|
}, function (props) {
|
|
8594
8647
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -8619,8 +8672,8 @@
|
|
|
8619
8672
|
isChecked: false
|
|
8620
8673
|
};
|
|
8621
8674
|
|
|
8622
|
-
var _templateObject$
|
|
8623
|
-
var Body$2 = styled__default.div(_templateObject$
|
|
8675
|
+
var _templateObject$t;
|
|
8676
|
+
var Body$2 = styled__default.div(_templateObject$t || (_templateObject$t = _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) {
|
|
8624
8677
|
return props.theme.marginPaddings[2];
|
|
8625
8678
|
}, media.sm);
|
|
8626
8679
|
|
|
@@ -8752,14 +8805,14 @@
|
|
|
8752
8805
|
}));
|
|
8753
8806
|
});
|
|
8754
8807
|
|
|
8755
|
-
var _templateObject$
|
|
8756
|
-
var ErrorMessage$1 = styled__default.div(_templateObject$
|
|
8808
|
+
var _templateObject$u;
|
|
8809
|
+
var ErrorMessage$1 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
|
|
8757
8810
|
return props.theme.colors.primary;
|
|
8758
8811
|
}, function (props) {
|
|
8759
8812
|
return props.theme.marginPaddings[0];
|
|
8760
8813
|
});
|
|
8761
8814
|
|
|
8762
|
-
var _templateObject$
|
|
8815
|
+
var _templateObject$v, _templateObject2$4;
|
|
8763
8816
|
var categories = catArray;
|
|
8764
8817
|
|
|
8765
8818
|
var getSvg = function getSvg() {
|
|
@@ -8786,10 +8839,10 @@
|
|
|
8786
8839
|
}
|
|
8787
8840
|
};
|
|
8788
8841
|
|
|
8789
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
8842
|
+
var Container$1 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
8790
8843
|
return props.theme.marginPaddings[5];
|
|
8791
8844
|
});
|
|
8792
|
-
var CategoryTitle = styled__default.h1(_templateObject2$
|
|
8845
|
+
var CategoryTitle = styled__default.h1(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
8793
8846
|
/**
|
|
8794
8847
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
8795
8848
|
*/
|
|
@@ -9582,12 +9635,12 @@
|
|
|
9582
9635
|
/* ::<number | string, string, string> */
|
|
9583
9636
|
(transparentize);
|
|
9584
9637
|
|
|
9585
|
-
var _templateObject$
|
|
9586
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9638
|
+
var _templateObject$w;
|
|
9639
|
+
var baseSliderStyles = styled.css(_templateObject$w || (_templateObject$w = _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"])));
|
|
9587
9640
|
|
|
9588
|
-
var _templateObject$
|
|
9641
|
+
var _templateObject$x, _templateObject2$5, _templateObject3$3, _templateObject4$2;
|
|
9589
9642
|
var handleDimension = '14px';
|
|
9590
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9643
|
+
var SliderContainer = styled__default.div(_templateObject$x || (_templateObject$x = _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) {
|
|
9591
9644
|
return props.theme.colors.primary;
|
|
9592
9645
|
}, function (props) {
|
|
9593
9646
|
return props.theme.colors.primary;
|
|
@@ -9606,22 +9659,22 @@
|
|
|
9606
9659
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9607
9660
|
var showMarks = _ref.showMarks,
|
|
9608
9661
|
primary = _ref.theme.colors.primary;
|
|
9609
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9662
|
+
var visiblityStyle = showMarks ? styled.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
|
|
9610
9663
|
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);
|
|
9611
9664
|
};
|
|
9612
9665
|
|
|
9613
|
-
var _templateObject$x;
|
|
9614
|
-
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"])));
|
|
9615
|
-
|
|
9616
9666
|
var _templateObject$y;
|
|
9617
|
-
var
|
|
9667
|
+
var ToolTipWrapper = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n position: absolute;\n right: auto;\n top: 20px;\n transform: translateX(-50%);\n width: 100px;\n text-align: center;\n"])));
|
|
9668
|
+
|
|
9669
|
+
var _templateObject$z;
|
|
9670
|
+
var Footer = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9618
9671
|
|
|
9619
9672
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9620
9673
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9621
9674
|
|
|
9622
|
-
var _templateObject$
|
|
9675
|
+
var _templateObject$A;
|
|
9623
9676
|
var debounceBuilder = functions.debounced(100);
|
|
9624
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9677
|
+
var ChildrenWrapper = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9625
9678
|
return props.theme.marginPaddings[3];
|
|
9626
9679
|
});
|
|
9627
9680
|
|
|
@@ -9780,11 +9833,11 @@
|
|
|
9780
9833
|
};
|
|
9781
9834
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9782
9835
|
|
|
9783
|
-
var _templateObject$
|
|
9784
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9836
|
+
var _templateObject$B, _templateObject2$6;
|
|
9837
|
+
var Title$2 = styled__default.h1(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
|
|
9785
9838
|
return props.theme.fontSizes[2];
|
|
9786
9839
|
});
|
|
9787
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9840
|
+
var InterestsSubheadingContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _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) {
|
|
9788
9841
|
return props.theme.marginPaddings[1];
|
|
9789
9842
|
}, function (props) {
|
|
9790
9843
|
return props.theme.colors.primary;
|
|
@@ -9803,8 +9856,8 @@
|
|
|
9803
9856
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9804
9857
|
};
|
|
9805
9858
|
|
|
9806
|
-
var _templateObject$
|
|
9807
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9859
|
+
var _templateObject$C;
|
|
9860
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$C || (_templateObject$C = _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) {
|
|
9808
9861
|
return props.theme.colors.primary;
|
|
9809
9862
|
});
|
|
9810
9863
|
|
|
@@ -10046,8 +10099,8 @@
|
|
|
10046
10099
|
showMessageOnError: true
|
|
10047
10100
|
};
|
|
10048
10101
|
|
|
10049
|
-
var _templateObject$
|
|
10050
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
10102
|
+
var _templateObject$D;
|
|
10103
|
+
var StyledHeader = styled__default.h5(_templateObject$D || (_templateObject$D = _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) {
|
|
10051
10104
|
return props.theme.marginPaddings[1];
|
|
10052
10105
|
});
|
|
10053
10106
|
|
|
@@ -10093,8 +10146,8 @@
|
|
|
10093
10146
|
}));
|
|
10094
10147
|
});
|
|
10095
10148
|
|
|
10096
|
-
var _templateObject$
|
|
10097
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
10149
|
+
var _templateObject$E;
|
|
10150
|
+
var NotifyContainer = styled__default.div(_templateObject$E || (_templateObject$E = _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) {
|
|
10098
10151
|
return props.theme.colors.ntrlMin;
|
|
10099
10152
|
}, function (props) {
|
|
10100
10153
|
return props.theme.colors.base;
|
|
@@ -10203,7 +10256,10 @@
|
|
|
10203
10256
|
}
|
|
10204
10257
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
10205
10258
|
className: "notification-dropdown-label"
|
|
10206
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
10259
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(LuxityLoader, {
|
|
10260
|
+
height: "20px",
|
|
10261
|
+
width: "95%"
|
|
10262
|
+
}) : /*#__PURE__*/React__default.createElement(index$1$1, {
|
|
10207
10263
|
isMulti: false,
|
|
10208
10264
|
isSearchable: false,
|
|
10209
10265
|
components: {
|
|
@@ -10232,15 +10288,15 @@
|
|
|
10232
10288
|
|
|
10233
10289
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
10234
10290
|
|
|
10235
|
-
var _templateObject$
|
|
10291
|
+
var _templateObject$F, _templateObject2$7;
|
|
10236
10292
|
var ALL_ITEM = {
|
|
10237
10293
|
id: 'ALL',
|
|
10238
10294
|
name: 'ALL'
|
|
10239
10295
|
};
|
|
10240
10296
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10241
10297
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10242
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10243
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
10298
|
+
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);
|
|
10299
|
+
var StyledMultiselector = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _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) {
|
|
10244
10300
|
return props.theme.marginPaddings[2];
|
|
10245
10301
|
}, function (props) {
|
|
10246
10302
|
return props.theme.colors.ntrlMin;
|
|
@@ -10477,7 +10533,7 @@
|
|
|
10477
10533
|
}));
|
|
10478
10534
|
});
|
|
10479
10535
|
|
|
10480
|
-
var _templateObject$
|
|
10536
|
+
var _templateObject$G;
|
|
10481
10537
|
|
|
10482
10538
|
var Title$3 = function Title(_ref) {
|
|
10483
10539
|
var baseClass = _ref.baseClass,
|
|
@@ -10498,7 +10554,7 @@
|
|
|
10498
10554
|
})));
|
|
10499
10555
|
};
|
|
10500
10556
|
|
|
10501
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10557
|
+
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) {
|
|
10502
10558
|
return props.theme.marginPaddings[2];
|
|
10503
10559
|
}, function (props) {
|
|
10504
10560
|
return props.theme.fontSizes[2];
|
|
@@ -10638,8 +10694,8 @@
|
|
|
10638
10694
|
baseQueryLimit: 12
|
|
10639
10695
|
};
|
|
10640
10696
|
|
|
10641
|
-
var _templateObject$
|
|
10642
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10697
|
+
var _templateObject$H;
|
|
10698
|
+
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) {
|
|
10643
10699
|
return props.theme.colors.base;
|
|
10644
10700
|
}, function (props) {
|
|
10645
10701
|
return props.theme.colors.borderColor;
|
|
@@ -10740,12 +10796,12 @@
|
|
|
10740
10796
|
}
|
|
10741
10797
|
};
|
|
10742
10798
|
|
|
10743
|
-
var _templateObject$
|
|
10744
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10799
|
+
var _templateObject$I, _templateObject2$8;
|
|
10800
|
+
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) {
|
|
10745
10801
|
return props.theme.marginPaddings[4];
|
|
10746
10802
|
});
|
|
10747
10803
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10748
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10804
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _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) {
|
|
10749
10805
|
return props.childVisible ? 1 : 0;
|
|
10750
10806
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10751
10807
|
return props.childVisible ? 1 : 0;
|
|
@@ -10879,8 +10935,8 @@
|
|
|
10879
10935
|
}
|
|
10880
10936
|
};
|
|
10881
10937
|
|
|
10882
|
-
var _templateObject$
|
|
10883
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10938
|
+
var _templateObject$J;
|
|
10939
|
+
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) {
|
|
10884
10940
|
return props.theme.marginPaddings[2];
|
|
10885
10941
|
}, function (props) {
|
|
10886
10942
|
return props.theme.marginPaddings[2];
|
|
@@ -10896,14 +10952,14 @@
|
|
|
10896
10952
|
|
|
10897
10953
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10898
10954
|
|
|
10899
|
-
var _templateObject$
|
|
10900
|
-
var Content = styled__default.div(_templateObject$
|
|
10955
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4;
|
|
10956
|
+
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) {
|
|
10901
10957
|
return props.theme.colors.primary;
|
|
10902
10958
|
}, function (props) {
|
|
10903
10959
|
return props.theme.marginPaddings[0];
|
|
10904
10960
|
});
|
|
10905
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10906
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10961
|
+
var InputText = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10962
|
+
var StyledLabel = styled__default.label(_templateObject3$4 || (_templateObject3$4 = _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) {
|
|
10907
10963
|
return props.theme.colors.primary;
|
|
10908
10964
|
}, Content, function (props) {
|
|
10909
10965
|
return props.theme.colors.primary;
|
|
@@ -11062,23 +11118,23 @@
|
|
|
11062
11118
|
}));
|
|
11063
11119
|
});
|
|
11064
11120
|
|
|
11065
|
-
var _templateObject$
|
|
11121
|
+
var _templateObject$L, _templateObject2$a, _templateObject3$5, _templateObject4$3, _templateObject5$1;
|
|
11066
11122
|
var UNISEX$1 = genders.UNISEX;
|
|
11067
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11123
|
+
var AddInterestContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11068
11124
|
return props.theme.marginPaddings[6];
|
|
11069
11125
|
}, function (props) {
|
|
11070
11126
|
return props.theme.colors.borderColor;
|
|
11071
11127
|
}, function (props) {
|
|
11072
11128
|
return props.theme.marginPaddings[6];
|
|
11073
11129
|
});
|
|
11074
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11130
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _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) {
|
|
11075
11131
|
return props.theme.marginPaddings[6];
|
|
11076
11132
|
}, media.xs, function (props) {
|
|
11077
11133
|
return props.theme.marginPaddings[0];
|
|
11078
11134
|
}, function (props) {
|
|
11079
11135
|
return props.theme.marginPaddings[1];
|
|
11080
11136
|
});
|
|
11081
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11137
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11082
11138
|
return props.theme.colors.darkerGray;
|
|
11083
11139
|
}, function (props) {
|
|
11084
11140
|
return props.theme.marginPaddings[2];
|
|
@@ -11352,8 +11408,8 @@
|
|
|
11352
11408
|
|
|
11353
11409
|
var AddInterest$1 = themed(AddInterest);
|
|
11354
11410
|
|
|
11355
|
-
var _templateObject$
|
|
11356
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11411
|
+
var _templateObject$M;
|
|
11412
|
+
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) {
|
|
11357
11413
|
return props.theme.marginPaddings[0];
|
|
11358
11414
|
}, function (props) {
|
|
11359
11415
|
return props.theme.colors.primary;
|
|
@@ -11383,8 +11439,8 @@
|
|
|
11383
11439
|
|
|
11384
11440
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11385
11441
|
|
|
11386
|
-
var _templateObject$
|
|
11387
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11442
|
+
var _templateObject$N;
|
|
11443
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11388
11444
|
return props.theme.colors.primary;
|
|
11389
11445
|
});
|
|
11390
11446
|
var AccountIcon = themed(function () {
|