@bonlineza/luxity-lib 2.12.0 → 2.13.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 +115 -171
- package/BrandSelector.js +129 -185
- package/GraphQLDropdownSelector.js +129 -185
- package/GraphQLMultiSelector.js +16 -69
- package/Interests.js +127 -183
- package/LuxityGraphQLDropdownSelector.js +129 -185
- package/LuxityGraphQLMultiselector.js +21 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +129 -185
- package/ModelSelector.js +129 -185
- package/NotificationDropDown.js +9 -65
- package/README.md +4 -1
- package/StyleSelector.js +25 -78
- package/build/bundle.js +107 -163
- package/package.json +1 -1
package/AddInterest.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), 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(['react', 'styled-components', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', '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, global.AddInterest = factory(global.React, global.styled, global.PageReady, global.AnimateHeight, global.numeral, 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 (React, styled, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), 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(['react', 'styled-components', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', '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, global.AddInterest = factory(global.React, global.styled, global.EllipsisLoader, global.PageReady, global.AnimateHeight, global.numeral, 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 (React, styled, EllipsisLoader, PageReady, AnimateHeight, numeral, 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
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
9
10
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
10
11
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
11
12
|
numeral = numeral && Object.prototype.hasOwnProperty.call(numeral, 'default') ? numeral['default'] : numeral;
|
|
@@ -695,57 +696,6 @@
|
|
|
695
696
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
696
697
|
};
|
|
697
698
|
|
|
698
|
-
var LuxityArrowLeft = (function (props) {
|
|
699
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
700
|
-
version: "1.0",
|
|
701
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
702
|
-
width: props.width || '100%',
|
|
703
|
-
height: props.height || '100%',
|
|
704
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
705
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
706
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
707
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
708
|
-
fill: "#000000",
|
|
709
|
-
stroke: "none"
|
|
710
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
711
|
-
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"
|
|
712
|
-
})));
|
|
713
|
-
});
|
|
714
|
-
|
|
715
|
-
var LuxityArrowRight = (function (props) {
|
|
716
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
717
|
-
version: "1.0",
|
|
718
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
719
|
-
width: props.width || '100%',
|
|
720
|
-
height: props.height || '100%',
|
|
721
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
722
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
723
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
724
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
725
|
-
fill: "#000000",
|
|
726
|
-
stroke: "none"
|
|
727
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
728
|
-
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"
|
|
729
|
-
})));
|
|
730
|
-
});
|
|
731
|
-
|
|
732
|
-
var _templateObject$6, _templateObject2$2, _templateObject3;
|
|
733
|
-
var LoaderContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
734
|
-
var LeftImageContainer = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _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"])));
|
|
735
|
-
var RightImageContainer = styled__default.div(_templateObject3 || (_templateObject3 = _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"])));
|
|
736
|
-
|
|
737
|
-
function LuxityLoader(_ref) {
|
|
738
|
-
var width = _ref.width,
|
|
739
|
-
height = _ref.height;
|
|
740
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
741
|
-
width: width,
|
|
742
|
-
height: height
|
|
743
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
744
|
-
width: width,
|
|
745
|
-
height: height
|
|
746
|
-
})));
|
|
747
|
-
}
|
|
748
|
-
|
|
749
699
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
750
700
|
data: null
|
|
751
701
|
});
|
|
@@ -821,10 +771,7 @@
|
|
|
821
771
|
customErrorMessage: customErrorMessage,
|
|
822
772
|
customErrorHandler: customErrorHandler,
|
|
823
773
|
renderCustomLoader: function renderCustomLoader() {
|
|
824
|
-
return /*#__PURE__*/React__default.createElement(
|
|
825
|
-
height: "40px",
|
|
826
|
-
width: "95%"
|
|
827
|
-
});
|
|
774
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
828
775
|
},
|
|
829
776
|
errorMessageInterpreter: interpretErrorMessage
|
|
830
777
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -851,43 +798,43 @@
|
|
|
851
798
|
}
|
|
852
799
|
};
|
|
853
800
|
|
|
854
|
-
var _templateObject$
|
|
855
|
-
var OuterContainer = styled__default.div(_templateObject$
|
|
801
|
+
var _templateObject$6;
|
|
802
|
+
var OuterContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
|
|
856
803
|
return props.theme.colors.borderColor;
|
|
857
804
|
});
|
|
858
805
|
|
|
859
|
-
var _templateObject$
|
|
860
|
-
var ToggleButton = styled__default.div(_templateObject$
|
|
806
|
+
var _templateObject$7;
|
|
807
|
+
var ToggleButton = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n padding-left: 3rem;\n padding-right: 3rem;\n display: flex;\n align-items: center;\n min-height: 70px;\n height: 70px;\n cursor: pointer;\n outline: none;\n"])));
|
|
861
808
|
|
|
862
|
-
var _templateObject$
|
|
863
|
-
var Title = styled__default.div(_templateObject$
|
|
809
|
+
var _templateObject$8;
|
|
810
|
+
var Title = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"])), function (props) {
|
|
864
811
|
return props.theme.fontSizes[2];
|
|
865
812
|
}, function (props) {
|
|
866
813
|
return props.theme.colors.primary || '';
|
|
867
814
|
});
|
|
868
815
|
|
|
869
|
-
var _templateObject$
|
|
870
|
-
var BodyContent = styled__default.div(_templateObject$
|
|
816
|
+
var _templateObject$9;
|
|
817
|
+
var BodyContent = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
871
818
|
return props.theme.marginPaddings[5];
|
|
872
819
|
});
|
|
873
820
|
|
|
874
|
-
var _templateObject$
|
|
875
|
-
var BodyDivider = styled__default.hr(_templateObject$
|
|
821
|
+
var _templateObject$a;
|
|
822
|
+
var BodyDivider = styled__default.hr(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"])), function (props) {
|
|
876
823
|
return props.theme.marginPaddings[4];
|
|
877
824
|
}, function (props) {
|
|
878
825
|
return props.theme.colors.borderColor;
|
|
879
826
|
});
|
|
880
827
|
|
|
881
|
-
var _templateObject$
|
|
882
|
-
var Body$1 = styled__default.div(_templateObject$
|
|
828
|
+
var _templateObject$b;
|
|
829
|
+
var Body$1 = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
883
830
|
return props.theme.marginPaddings[6];
|
|
884
831
|
}, function (props) {
|
|
885
832
|
return props.theme.marginPaddings[6];
|
|
886
833
|
});
|
|
887
834
|
|
|
888
|
-
var _templateObject$
|
|
835
|
+
var _templateObject$c;
|
|
889
836
|
var inputMarginRight = '0.2em';
|
|
890
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
837
|
+
var CheckboxLabel = styled__default.label(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n\n span {\n :before {\n content: '\\2713';\n position: absolute;\n display: none;\n color: white;\n left: 0.4em;\n top: 0.1em;\n font-size: ", ";\n text-align: center;\n }\n }\n\n input {\n font-size: ", ";\n background-color: ", ";\n appearance: none;\n outline: none;\n height: 1em;\n width: 1em;\n margin-right: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n transition-duration: 0.3s;\n cursor: pointer;\n\n &:checked {\n background-color: ", ";\n }\n\n &:checked + span:before {\n display: block;\n }\n }\n"], ["\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n\n span {\n :before {\n content: '\\\\2713';\n position: absolute;\n display: none;\n color: white;\n left: 0.4em;\n top: 0.1em;\n font-size: ", ";\n text-align: center;\n }\n }\n\n input {\n font-size: ", ";\n background-color: ", ";\n appearance: none;\n outline: none;\n height: 1em;\n width: 1em;\n margin-right: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n transition-duration: 0.3s;\n cursor: pointer;\n\n &:checked {\n background-color: ", ";\n }\n\n &:checked + span:before {\n display: block;\n }\n }\n"])), function (props) {
|
|
891
838
|
var _props$theme;
|
|
892
839
|
|
|
893
840
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -967,17 +914,17 @@
|
|
|
967
914
|
})));
|
|
968
915
|
});
|
|
969
916
|
|
|
970
|
-
var _templateObject$
|
|
971
|
-
var SvgWrapper$1 = styled__default.span(_templateObject$
|
|
917
|
+
var _templateObject$d;
|
|
918
|
+
var SvgWrapper$1 = styled__default.span(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
972
919
|
|
|
973
|
-
var _templateObject$
|
|
974
|
-
var IconWrapper = styled__default.div(_templateObject$
|
|
920
|
+
var _templateObject$e;
|
|
921
|
+
var IconWrapper = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n height: auto;\n margin-bottom: 1rem;\n margin-left: 1rem;\n display: flex;\n align-items: center;\n height: auto;\n\n :hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n #svg-trash {\n width: 15px;\n height: 100%;\n }\n"])), function (props) {
|
|
975
922
|
return props.theme.colors.borderColor;
|
|
976
923
|
}, function (props) {
|
|
977
924
|
return props.theme.colors.borderColor;
|
|
978
925
|
});
|
|
979
926
|
|
|
980
|
-
var _templateObject$
|
|
927
|
+
var _templateObject$f, _templateObject2$2, _templateObject3, _templateObject4;
|
|
981
928
|
var MALE = genders.MALE,
|
|
982
929
|
FEMALE = genders.FEMALE,
|
|
983
930
|
UNISEX = genders.UNISEX;
|
|
@@ -1129,9 +1076,9 @@
|
|
|
1129
1076
|
return _createClass(InterestItem);
|
|
1130
1077
|
}(React__default.Component);
|
|
1131
1078
|
|
|
1132
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
1133
|
-
var InterestItemTitle = styled__default.div(_templateObject2$
|
|
1134
|
-
var InterestItemContainer = styled__default.div(_templateObject3
|
|
1079
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
1080
|
+
var InterestItemTitle = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
1081
|
+
var InterestItemContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
1135
1082
|
var InterestItemContent = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 8);\n margin-left: ", ";\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
|
|
1136
1083
|
return props.theme.colors.borderColor;
|
|
1137
1084
|
}, function (props) {
|
|
@@ -1153,42 +1100,42 @@
|
|
|
1153
1100
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
1154
1101
|
});
|
|
1155
1102
|
|
|
1156
|
-
var _templateObject$
|
|
1157
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$
|
|
1103
|
+
var _templateObject$g;
|
|
1104
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1158
1105
|
|
|
1159
|
-
var _templateObject$
|
|
1160
|
-
var ButtonListWrapper = styled__default.div(_templateObject$
|
|
1106
|
+
var _templateObject$h;
|
|
1107
|
+
var ButtonListWrapper = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
1161
1108
|
var noWrap = _ref.noWrap;
|
|
1162
1109
|
return noWrap ? 'nowrap' : 'wrap';
|
|
1163
1110
|
});
|
|
1164
1111
|
|
|
1165
|
-
var _templateObject$
|
|
1166
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
1112
|
+
var _templateObject$i;
|
|
1113
|
+
var Title$1 = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
1167
1114
|
return props.theme.colors.base;
|
|
1168
1115
|
});
|
|
1169
1116
|
|
|
1170
|
-
var _templateObject$
|
|
1171
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
1117
|
+
var _templateObject$j;
|
|
1118
|
+
var RadioButtonLabel = styled__default.label(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
1172
1119
|
return props.theme.marginPaddings[0];
|
|
1173
1120
|
}, function (props) {
|
|
1174
1121
|
return props.theme.marginPaddings[0];
|
|
1175
1122
|
});
|
|
1176
1123
|
|
|
1177
|
-
var _templateObject$
|
|
1178
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
1124
|
+
var _templateObject$k;
|
|
1125
|
+
var RadioButtonCircle = styled__default.div(_templateObject$k || (_templateObject$k = _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) {
|
|
1179
1126
|
return props.theme.colors.base;
|
|
1180
1127
|
});
|
|
1181
1128
|
|
|
1182
|
-
var _templateObject$
|
|
1183
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$
|
|
1129
|
+
var _templateObject$l;
|
|
1130
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
1184
1131
|
|
|
1185
|
-
var _templateObject$
|
|
1186
|
-
var RadioButtonInput = styled__default.input(_templateObject$
|
|
1132
|
+
var _templateObject$m;
|
|
1133
|
+
var RadioButtonInput = styled__default.input(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
1187
1134
|
return props.theme.colors.base;
|
|
1188
1135
|
});
|
|
1189
1136
|
|
|
1190
|
-
var _templateObject$
|
|
1191
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
1137
|
+
var _templateObject$n;
|
|
1138
|
+
var RadioButtonText = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1192
1139
|
|
|
1193
1140
|
/**
|
|
1194
1141
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -1245,13 +1192,13 @@
|
|
|
1245
1192
|
};
|
|
1246
1193
|
var RadioButtons$1 = themed(RadioButtons);
|
|
1247
1194
|
|
|
1248
|
-
var _templateObject$
|
|
1195
|
+
var _templateObject$o, _templateObject2$3, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
1249
1196
|
/* position relative is required for the Body element to be positioned correctly */
|
|
1250
1197
|
|
|
1251
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
1252
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
1198
|
+
var relativeInlineStyle = styled.css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
1199
|
+
var topMiddleBodyStyle = styled.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
1253
1200
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
1254
|
-
return styled.css(_templateObject3$
|
|
1201
|
+
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);
|
|
1255
1202
|
};
|
|
1256
1203
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
1257
1204
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -1260,7 +1207,7 @@
|
|
|
1260
1207
|
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);
|
|
1261
1208
|
};
|
|
1262
1209
|
|
|
1263
|
-
var _templateObject$
|
|
1210
|
+
var _templateObject$p;
|
|
1264
1211
|
|
|
1265
1212
|
var getBodyStyle = function getBodyStyle() {
|
|
1266
1213
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1295,7 +1242,7 @@
|
|
|
1295
1242
|
}
|
|
1296
1243
|
};
|
|
1297
1244
|
|
|
1298
|
-
var Body$2 = styled__default.span(_templateObject$
|
|
1245
|
+
var Body$2 = styled__default.span(_templateObject$p || (_templateObject$p = _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) {
|
|
1299
1246
|
return props.bodyWidth;
|
|
1300
1247
|
}, function (props) {
|
|
1301
1248
|
return props.theme.colors.base || 'black';
|
|
@@ -1305,13 +1252,13 @@
|
|
|
1305
1252
|
return getAfterStyling(props);
|
|
1306
1253
|
});
|
|
1307
1254
|
|
|
1308
|
-
var _templateObject$
|
|
1309
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
1255
|
+
var _templateObject$q;
|
|
1256
|
+
var Container$1 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$2);
|
|
1310
1257
|
|
|
1311
1258
|
var _excluded$1 = ["children"];
|
|
1312
1259
|
|
|
1313
|
-
var _templateObject$
|
|
1314
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
1260
|
+
var _templateObject$r;
|
|
1261
|
+
var Button$1 = styled__default.button(_templateObject$r || (_templateObject$r = _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) {
|
|
1315
1262
|
return props.theme.colors.primary;
|
|
1316
1263
|
}, function (props) {
|
|
1317
1264
|
return props.theme.colors.ntrlMin;
|
|
@@ -1332,8 +1279,8 @@
|
|
|
1332
1279
|
|
|
1333
1280
|
var _excluded$2 = ["children"];
|
|
1334
1281
|
|
|
1335
|
-
var _templateObject$
|
|
1336
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
1282
|
+
var _templateObject$s;
|
|
1283
|
+
var Button$2 = styled__default.button(_templateObject$s || (_templateObject$s = _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) {
|
|
1337
1284
|
return props.theme.colors.ntrlMin;
|
|
1338
1285
|
}, function (props) {
|
|
1339
1286
|
return props.theme.colors.primary;
|
|
@@ -1358,8 +1305,8 @@
|
|
|
1358
1305
|
|
|
1359
1306
|
var _excluded$3 = ["children"];
|
|
1360
1307
|
|
|
1361
|
-
var _templateObject$
|
|
1362
|
-
var Button$3 = styled__default.button(_templateObject$
|
|
1308
|
+
var _templateObject$t;
|
|
1309
|
+
var Button$3 = styled__default.button(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1363
1310
|
return props.theme.colors.base;
|
|
1364
1311
|
}, function (props) {
|
|
1365
1312
|
return props.theme.colors.primary;
|
|
@@ -1381,8 +1328,8 @@
|
|
|
1381
1328
|
|
|
1382
1329
|
var _excluded$4 = ["children"];
|
|
1383
1330
|
|
|
1384
|
-
var _templateObject$
|
|
1385
|
-
var Button$4 = styled__default(TextButton$1)(_templateObject$
|
|
1331
|
+
var _templateObject$u;
|
|
1332
|
+
var Button$4 = styled__default(TextButton$1)(_templateObject$u || (_templateObject$u = _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) {
|
|
1386
1333
|
return props.theme.colors.ntrlMin;
|
|
1387
1334
|
}, function (props) {
|
|
1388
1335
|
return props.theme.colors.primary;
|
|
@@ -9358,12 +9305,12 @@
|
|
|
9358
9305
|
/* ::<number | string, string, string> */
|
|
9359
9306
|
(transparentize);
|
|
9360
9307
|
|
|
9361
|
-
var _templateObject$
|
|
9362
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9308
|
+
var _templateObject$v;
|
|
9309
|
+
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"])));
|
|
9363
9310
|
|
|
9364
|
-
var _templateObject$
|
|
9311
|
+
var _templateObject$w, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9365
9312
|
var handleDimension = '14px';
|
|
9366
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9313
|
+
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) {
|
|
9367
9314
|
return props.theme.colors.primary;
|
|
9368
9315
|
}, function (props) {
|
|
9369
9316
|
return props.theme.colors.primary;
|
|
@@ -9382,22 +9329,22 @@
|
|
|
9382
9329
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9383
9330
|
var showMarks = _ref.showMarks,
|
|
9384
9331
|
primary = _ref.theme.colors.primary;
|
|
9385
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9332
|
+
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 "])));
|
|
9386
9333
|
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);
|
|
9387
9334
|
};
|
|
9388
9335
|
|
|
9389
|
-
var _templateObject$
|
|
9390
|
-
var ToolTipWrapper = styled__default.div(_templateObject$
|
|
9336
|
+
var _templateObject$x;
|
|
9337
|
+
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"])));
|
|
9391
9338
|
|
|
9392
|
-
var _templateObject$
|
|
9393
|
-
var Footer = styled__default.div(_templateObject$
|
|
9339
|
+
var _templateObject$y;
|
|
9340
|
+
var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9394
9341
|
|
|
9395
9342
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9396
9343
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9397
9344
|
|
|
9398
|
-
var _templateObject$
|
|
9345
|
+
var _templateObject$z;
|
|
9399
9346
|
var debounceBuilder = functions.debounced(100);
|
|
9400
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9347
|
+
var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9401
9348
|
return props.theme.marginPaddings[3];
|
|
9402
9349
|
});
|
|
9403
9350
|
|
|
@@ -9556,11 +9503,11 @@
|
|
|
9556
9503
|
};
|
|
9557
9504
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9558
9505
|
|
|
9559
|
-
var _templateObject$
|
|
9560
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9506
|
+
var _templateObject$A, _templateObject2$5;
|
|
9507
|
+
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) {
|
|
9561
9508
|
return props.theme.fontSizes[2];
|
|
9562
9509
|
});
|
|
9563
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9510
|
+
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) {
|
|
9564
9511
|
return props.theme.marginPaddings[1];
|
|
9565
9512
|
}, function (props) {
|
|
9566
9513
|
return props.theme.colors.primary;
|
|
@@ -9579,8 +9526,8 @@
|
|
|
9579
9526
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9580
9527
|
};
|
|
9581
9528
|
|
|
9582
|
-
var _templateObject$
|
|
9583
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9529
|
+
var _templateObject$B;
|
|
9530
|
+
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) {
|
|
9584
9531
|
return props.theme.colors.primary;
|
|
9585
9532
|
});
|
|
9586
9533
|
|
|
@@ -9822,8 +9769,8 @@
|
|
|
9822
9769
|
showMessageOnError: true
|
|
9823
9770
|
};
|
|
9824
9771
|
|
|
9825
|
-
var _templateObject$
|
|
9826
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9772
|
+
var _templateObject$C;
|
|
9773
|
+
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) {
|
|
9827
9774
|
return props.theme.marginPaddings[1];
|
|
9828
9775
|
});
|
|
9829
9776
|
|
|
@@ -9869,8 +9816,8 @@
|
|
|
9869
9816
|
}));
|
|
9870
9817
|
});
|
|
9871
9818
|
|
|
9872
|
-
var _templateObject$
|
|
9873
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9819
|
+
var _templateObject$D;
|
|
9820
|
+
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) {
|
|
9874
9821
|
return props.theme.colors.ntrlMin;
|
|
9875
9822
|
}, function (props) {
|
|
9876
9823
|
return props.theme.colors.base;
|
|
@@ -9979,10 +9926,7 @@
|
|
|
9979
9926
|
}
|
|
9980
9927
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
9981
9928
|
className: "notification-dropdown-label"
|
|
9982
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
9983
|
-
height: "20px",
|
|
9984
|
-
width: "95%"
|
|
9985
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9929
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9986
9930
|
isMulti: false,
|
|
9987
9931
|
isSearchable: false,
|
|
9988
9932
|
components: {
|
|
@@ -10022,8 +9966,8 @@
|
|
|
10022
9966
|
}
|
|
10023
9967
|
};
|
|
10024
9968
|
|
|
10025
|
-
var _templateObject$
|
|
10026
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
9969
|
+
var _templateObject$E;
|
|
9970
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$E || (_templateObject$E = _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) {
|
|
10027
9971
|
return props.theme.marginPaddings[0];
|
|
10028
9972
|
}, function (props) {
|
|
10029
9973
|
return props.theme.colors.primary;
|
|
@@ -10057,8 +10001,8 @@
|
|
|
10057
10001
|
|
|
10058
10002
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10059
10003
|
|
|
10060
|
-
var _templateObject$
|
|
10061
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
10004
|
+
var _templateObject$F;
|
|
10005
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
10062
10006
|
return props.theme.colors.primary;
|
|
10063
10007
|
});
|
|
10064
10008
|
var AccountIcon = themed(function () {
|
|
@@ -10208,14 +10152,14 @@
|
|
|
10208
10152
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10209
10153
|
};
|
|
10210
10154
|
|
|
10211
|
-
var _templateObject$
|
|
10212
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
10155
|
+
var _templateObject$G, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
10156
|
+
var HeaderWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
10213
10157
|
return props.theme.rareStepColors.ntrlMin;
|
|
10214
10158
|
});
|
|
10215
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
10159
|
+
var PageContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _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) {
|
|
10216
10160
|
return props.theme.rareStepPageSizes.container;
|
|
10217
10161
|
});
|
|
10218
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
10162
|
+
var HeaderContainer = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _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) {
|
|
10219
10163
|
return props.theme.marginPaddings[3];
|
|
10220
10164
|
}, function (props) {
|
|
10221
10165
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -10334,8 +10278,8 @@
|
|
|
10334
10278
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10335
10279
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10336
10280
|
|
|
10337
|
-
var _templateObject$
|
|
10338
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
10281
|
+
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
10282
|
+
var FooterWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10339
10283
|
return props.theme.rareStepColors.ntrlMax;
|
|
10340
10284
|
}, function (props) {
|
|
10341
10285
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10344,10 +10288,10 @@
|
|
|
10344
10288
|
}, function (props) {
|
|
10345
10289
|
return props.theme.rareStepFontSize.h5;
|
|
10346
10290
|
});
|
|
10347
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10291
|
+
var PageContainer$1 = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _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) {
|
|
10348
10292
|
return props.theme.rareStepPageSizes.container;
|
|
10349
10293
|
});
|
|
10350
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10294
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10351
10295
|
return props.theme.marginPaddings[4];
|
|
10352
10296
|
});
|
|
10353
10297
|
var FooterLinksContainer = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
@@ -10397,12 +10341,12 @@
|
|
|
10397
10341
|
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
10398
10342
|
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10399
10343
|
|
|
10400
|
-
var _templateObject$
|
|
10344
|
+
var _templateObject$I;
|
|
10401
10345
|
var ALL_ITEM = {
|
|
10402
10346
|
label: 'ALL',
|
|
10403
10347
|
value: 'ALL'
|
|
10404
10348
|
};
|
|
10405
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10349
|
+
var StyledMultiselector = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
10406
10350
|
return props.theme.colors.primary;
|
|
10407
10351
|
}, function (props) {
|
|
10408
10352
|
return props.theme.colors.ntrlMin;
|
|
@@ -10680,15 +10624,15 @@
|
|
|
10680
10624
|
}
|
|
10681
10625
|
};
|
|
10682
10626
|
|
|
10683
|
-
var _templateObject$
|
|
10627
|
+
var _templateObject$J, _templateObject2$8;
|
|
10684
10628
|
var ALL_ITEM$1 = {
|
|
10685
10629
|
id: 'ALL',
|
|
10686
10630
|
name: 'ALL'
|
|
10687
10631
|
};
|
|
10688
10632
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10689
10633
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10690
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10691
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10634
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$J || (_templateObject$J = _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);
|
|
10635
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _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) {
|
|
10692
10636
|
return props.theme.marginPaddings[2];
|
|
10693
10637
|
}, function (props) {
|
|
10694
10638
|
return props.theme.colors.ntrlMin;
|
|
@@ -10925,7 +10869,7 @@
|
|
|
10925
10869
|
}));
|
|
10926
10870
|
});
|
|
10927
10871
|
|
|
10928
|
-
var _templateObject$
|
|
10872
|
+
var _templateObject$K;
|
|
10929
10873
|
|
|
10930
10874
|
var Title$3 = function Title(_ref) {
|
|
10931
10875
|
var baseClass = _ref.baseClass,
|
|
@@ -10946,7 +10890,7 @@
|
|
|
10946
10890
|
})));
|
|
10947
10891
|
};
|
|
10948
10892
|
|
|
10949
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10893
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$K || (_templateObject$K = _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) {
|
|
10950
10894
|
return props.theme.marginPaddings[2];
|
|
10951
10895
|
}, function (props) {
|
|
10952
10896
|
return props.theme.fontSizes[2];
|
|
@@ -11086,8 +11030,8 @@
|
|
|
11086
11030
|
baseQueryLimit: 12
|
|
11087
11031
|
};
|
|
11088
11032
|
|
|
11089
|
-
var _templateObject$
|
|
11090
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
11033
|
+
var _templateObject$L;
|
|
11034
|
+
var BaseButton = styled__default.button(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
11091
11035
|
return props.theme.colors.base;
|
|
11092
11036
|
}, function (props) {
|
|
11093
11037
|
return props.theme.colors.borderColor;
|
|
@@ -11145,12 +11089,12 @@
|
|
|
11145
11089
|
}
|
|
11146
11090
|
};
|
|
11147
11091
|
|
|
11148
|
-
var _templateObject$
|
|
11149
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
11092
|
+
var _templateObject$M, _templateObject2$9;
|
|
11093
|
+
var TitleWrapper = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
11150
11094
|
return props.theme.marginPaddings[4];
|
|
11151
11095
|
});
|
|
11152
11096
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
11153
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
11097
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _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) {
|
|
11154
11098
|
return props.childVisible ? 1 : 0;
|
|
11155
11099
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
11156
11100
|
return props.childVisible ? 1 : 0;
|
|
@@ -11284,8 +11228,8 @@
|
|
|
11284
11228
|
}
|
|
11285
11229
|
};
|
|
11286
11230
|
|
|
11287
|
-
var _templateObject$
|
|
11288
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11231
|
+
var _templateObject$N;
|
|
11232
|
+
var SelectionWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _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) {
|
|
11289
11233
|
return props.theme.marginPaddings[2];
|
|
11290
11234
|
}, function (props) {
|
|
11291
11235
|
return props.theme.marginPaddings[2];
|
|
@@ -11301,14 +11245,14 @@
|
|
|
11301
11245
|
|
|
11302
11246
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11303
11247
|
|
|
11304
|
-
var _templateObject$
|
|
11305
|
-
var Content = styled__default.div(_templateObject$
|
|
11248
|
+
var _templateObject$O, _templateObject2$a, _templateObject3$5;
|
|
11249
|
+
var Content = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
11306
11250
|
return props.theme.colors.primary;
|
|
11307
11251
|
}, function (props) {
|
|
11308
11252
|
return props.theme.marginPaddings[0];
|
|
11309
11253
|
});
|
|
11310
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11311
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11254
|
+
var InputText = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11255
|
+
var StyledLabel = styled__default.label(_templateObject3$5 || (_templateObject3$5 = _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) {
|
|
11312
11256
|
return props.theme.colors.primary;
|
|
11313
11257
|
}, Content, function (props) {
|
|
11314
11258
|
return props.theme.colors.primary;
|
|
@@ -11537,23 +11481,23 @@
|
|
|
11537
11481
|
}
|
|
11538
11482
|
};
|
|
11539
11483
|
|
|
11540
|
-
var _templateObject$
|
|
11484
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3;
|
|
11541
11485
|
var UNISEX$1 = genders.UNISEX;
|
|
11542
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11486
|
+
var AddInterestContainer = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11543
11487
|
return props.theme.marginPaddings[6];
|
|
11544
11488
|
}, function (props) {
|
|
11545
11489
|
return props.theme.colors.borderColor;
|
|
11546
11490
|
}, function (props) {
|
|
11547
11491
|
return props.theme.marginPaddings[6];
|
|
11548
11492
|
});
|
|
11549
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11493
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$b || (_templateObject2$b = _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) {
|
|
11550
11494
|
return props.theme.marginPaddings[6];
|
|
11551
11495
|
}, media.xs, function (props) {
|
|
11552
11496
|
return props.theme.marginPaddings[0];
|
|
11553
11497
|
}, function (props) {
|
|
11554
11498
|
return props.theme.marginPaddings[1];
|
|
11555
11499
|
});
|
|
11556
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11500
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11557
11501
|
return props.theme.colors.darkerGray;
|
|
11558
11502
|
}, function (props) {
|
|
11559
11503
|
return props.theme.marginPaddings[2];
|