@sendoutcards/quantum-design-ui 1.7.37 → 1.7.41
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/dist/index.es.js +286 -107
- package/dist/src/atoms/div/div.d.ts +2 -0
- package/dist/src/atoms/list/list.d.ts +10 -1
- package/dist/src/molecules/dialog/dialog.d.ts +1 -0
- package/dist/src/molecules/scrollable/scrollable.d.ts +1 -0
- package/dist/src/molecules/scrollable/styles.d.ts +1 -1
- package/dist/src/molecules/select/select.d.ts +9 -1
- package/dist/src/molecules/select/styles.d.ts +3 -1
- package/dist/src/organisms/accordion/accordion.d.ts +3 -1
- package/dist/src/organisms/accordion/components/accordionHeading.d.ts +1 -1
- package/dist/src/organisms/upsaleDialog/upsaleDialog.d.ts +9 -2
- package/dist/src/organisms/upsaleDialog/upsaleOptions.d.ts +1 -9
- package/dist/src/stories/molecules/Select.stories.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -11563,7 +11563,7 @@ var styles$O = {
|
|
|
11563
11563
|
};
|
|
11564
11564
|
var templateObject_1$R;
|
|
11565
11565
|
|
|
11566
|
-
var List = function (props) {
|
|
11566
|
+
var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
11567
11567
|
var _a = props.listStyle,
|
|
11568
11568
|
listStyle = _a === void 0 ? 'none' : _a,
|
|
11569
11569
|
rest = __rest(props, ["listStyle"]);
|
|
@@ -11572,9 +11572,10 @@ var List = function (props) {
|
|
|
11572
11572
|
var generatedStyles = generateStyles(rest, entities);
|
|
11573
11573
|
return jsx(motion.ul, _extends({}, rest, {
|
|
11574
11574
|
css: styles$O.listContainer(rest.orientation, rest.alignment, listStyle, generatedStyles),
|
|
11575
|
-
className: "\n " + (rest.className ? rest.className : '')
|
|
11575
|
+
className: "\n " + (rest.className ? rest.className : ''),
|
|
11576
|
+
ref: ref
|
|
11576
11577
|
}), rest.children);
|
|
11577
|
-
};
|
|
11578
|
+
});
|
|
11578
11579
|
|
|
11579
11580
|
var computeAvatarProperties = function (size, sizeMap) {
|
|
11580
11581
|
return mapSizeType(size, sizeMap);
|
|
@@ -13611,6 +13612,12 @@ var Input = function (_a) {
|
|
|
13611
13612
|
var color = (message === null || message === void 0 ? void 0 : message.type) ? message === null || message === void 0 ? void 0 : message.type : focusColor;
|
|
13612
13613
|
var inputWrapperRef = useRef(null);
|
|
13613
13614
|
var inputRef = useRef(null);
|
|
13615
|
+
|
|
13616
|
+
var handleOnBlur = function (e) {
|
|
13617
|
+
setIsFocused(false);
|
|
13618
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
13619
|
+
};
|
|
13620
|
+
|
|
13614
13621
|
var handleOnChange = useCallback(function (value, direction, step) {
|
|
13615
13622
|
var checkMax = function (value) {
|
|
13616
13623
|
return value > max;
|
|
@@ -13818,9 +13825,7 @@ var Input = function (_a) {
|
|
|
13818
13825
|
handleOnChange(e.target.value, 0, 1);
|
|
13819
13826
|
}
|
|
13820
13827
|
},
|
|
13821
|
-
onBlur:
|
|
13822
|
-
return onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
13823
|
-
}
|
|
13828
|
+
onBlur: handleOnBlur
|
|
13824
13829
|
}), type === 'number' && jsx(Div, {
|
|
13825
13830
|
css: styles$w.numberInputButtons(isDisabled),
|
|
13826
13831
|
zIndex: 1
|
|
@@ -13975,7 +13980,9 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
13975
13980
|
closeButtonId = props.closeButtonId,
|
|
13976
13981
|
insetOverride = props.insetOverride,
|
|
13977
13982
|
height = props.height,
|
|
13978
|
-
children = props.children
|
|
13983
|
+
children = props.children,
|
|
13984
|
+
_c = props.shouldScroll,
|
|
13985
|
+
shouldScroll = _c === void 0 ? false : _c;
|
|
13979
13986
|
return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
|
|
13980
13987
|
variants: overlayVariants,
|
|
13981
13988
|
animate: isOpen ? 'open' : 'closed',
|
|
@@ -14000,25 +14007,31 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
14000
14007
|
maxHeight: maxHeight,
|
|
14001
14008
|
width: isFullScreen ? '100%' : undefined,
|
|
14002
14009
|
height: isFullScreen ? 'calc(100vh - 16px )' : height
|
|
14010
|
+
}, shouldScroll ? jsx(Div, {
|
|
14011
|
+
height: 'calc(100vh - 32px)',
|
|
14012
|
+
overflowY: "auto"
|
|
14003
14013
|
}, children, onClose && jsx(CloseButton, {
|
|
14004
14014
|
id: closeButtonId,
|
|
14005
14015
|
onClose: onClose
|
|
14006
|
-
}))
|
|
14016
|
+
})) : jsx(React.Fragment, null, children, onClose && jsx(CloseButton, {
|
|
14017
|
+
id: closeButtonId,
|
|
14018
|
+
onClose: onClose
|
|
14019
|
+
})))));
|
|
14007
14020
|
});
|
|
14008
14021
|
|
|
14009
|
-
var _emotionSourceMap5$2 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14022
|
+
var _emotionSourceMap5$2 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEMiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlbGVjdENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIHNlbGVjdEJvZHk6IGZ1bmN0aW9uIChob2NzLCBmb2N1c0NvbG9yLCBzZWxlY3RIZWlnaHQsIHNlbGVjdFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0pKSwgXCJcIiArIChzZWxlY3RIZWlnaHQgfHwgJzUwcHgnKSwgXCJcIiArIChzZWxlY3RXaWR0aCB8fCAnYXV0bycpLCBob2NzLmNvbG9ycy5zd2F0Y2hlc1tmb2N1c0NvbG9yXS5iYXNlKTsgfSxcclxuICAgIHNlbGVjdERyb3Bkb3duQ29udGVudHM6IGZ1bmN0aW9uIChtYXhIZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpLCBcIlwiICsgbWF4SGVpZ2h0IHx8ICcyMjZweCcpOyB9LFxyXG4gICAgYWN0aXZlT3B0aW9uOiBmdW5jdGlvbiAoYWxpZ25tZW50KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxuICAgIG9wdGlvbjogZnVuY3Rpb24gKGFsaWdubWVudCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzU7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14010
14023
|
|
|
14011
|
-
var _emotionSourceMap4$5 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14024
|
+
var _emotionSourceMap4$5 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNZ0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlbGVjdENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIHNlbGVjdEJvZHk6IGZ1bmN0aW9uIChob2NzLCBmb2N1c0NvbG9yLCBzZWxlY3RIZWlnaHQsIHNlbGVjdFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0pKSwgXCJcIiArIChzZWxlY3RIZWlnaHQgfHwgJzUwcHgnKSwgXCJcIiArIChzZWxlY3RXaWR0aCB8fCAnYXV0bycpLCBob2NzLmNvbG9ycy5zd2F0Y2hlc1tmb2N1c0NvbG9yXS5iYXNlKTsgfSxcclxuICAgIHNlbGVjdERyb3Bkb3duQ29udGVudHM6IGZ1bmN0aW9uIChtYXhIZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpLCBcIlwiICsgbWF4SGVpZ2h0IHx8ICcyMjZweCcpOyB9LFxyXG4gICAgYWN0aXZlT3B0aW9uOiBmdW5jdGlvbiAoYWxpZ25tZW50KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxuICAgIG9wdGlvbjogZnVuY3Rpb24gKGFsaWdubWVudCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzU7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14012
14025
|
|
|
14013
|
-
var _emotionSourceMap3$a = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14026
|
+
var _emotionSourceMap3$a = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlbGVjdENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIHNlbGVjdEJvZHk6IGZ1bmN0aW9uIChob2NzLCBmb2N1c0NvbG9yLCBzZWxlY3RIZWlnaHQsIHNlbGVjdFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0pKSwgXCJcIiArIChzZWxlY3RIZWlnaHQgfHwgJzUwcHgnKSwgXCJcIiArIChzZWxlY3RXaWR0aCB8fCAnYXV0bycpLCBob2NzLmNvbG9ycy5zd2F0Y2hlc1tmb2N1c0NvbG9yXS5iYXNlKTsgfSxcclxuICAgIHNlbGVjdERyb3Bkb3duQ29udGVudHM6IGZ1bmN0aW9uIChtYXhIZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpLCBcIlwiICsgbWF4SGVpZ2h0IHx8ICcyMjZweCcpOyB9LFxyXG4gICAgYWN0aXZlT3B0aW9uOiBmdW5jdGlvbiAoYWxpZ25tZW50KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxuICAgIG9wdGlvbjogZnVuY3Rpb24gKGFsaWdubWVudCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzU7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14014
14027
|
|
|
14015
|
-
var _emotionSourceMap2$h = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14028
|
+
var _emotionSourceMap2$h = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJZ0YiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlbGVjdENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIHNlbGVjdEJvZHk6IGZ1bmN0aW9uIChob2NzLCBmb2N1c0NvbG9yLCBzZWxlY3RIZWlnaHQsIHNlbGVjdFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0pKSwgXCJcIiArIChzZWxlY3RIZWlnaHQgfHwgJzUwcHgnKSwgXCJcIiArIChzZWxlY3RXaWR0aCB8fCAnYXV0bycpLCBob2NzLmNvbG9ycy5zd2F0Y2hlc1tmb2N1c0NvbG9yXS5iYXNlKTsgfSxcclxuICAgIHNlbGVjdERyb3Bkb3duQ29udGVudHM6IGZ1bmN0aW9uIChtYXhIZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpLCBcIlwiICsgbWF4SGVpZ2h0IHx8ICcyMjZweCcpOyB9LFxyXG4gICAgYWN0aXZlT3B0aW9uOiBmdW5jdGlvbiAoYWxpZ25tZW50KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxuICAgIG9wdGlvbjogZnVuY3Rpb24gKGFsaWdubWVudCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzU7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14016
14029
|
|
|
14017
|
-
var _emotionSourceMap$v = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14030
|
+
var _emotionSourceMap$v = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHcUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlbGVjdENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcXG4gIFwiXSkpKSxcclxuICAgIHNlbGVjdEJvZHk6IGZ1bmN0aW9uIChob2NzLCBmb2N1c0NvbG9yLCBzZWxlY3RIZWlnaHQsIHNlbGVjdFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG4gICAgaGVpZ2h0OiBcIiwgXCI7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDBweCA4cHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcXG4gICAgJjpmb2N1cyB7XFxuICAgICAgYm9yZGVyOiBzb2xpZCAxLjVweCBcIiwgXCJ9O1xcbiAgICB9XFxuICBcIl0pKSwgXCJcIiArIChzZWxlY3RIZWlnaHQgfHwgJzUwcHgnKSwgXCJcIiArIChzZWxlY3RXaWR0aCB8fCAnYXV0bycpLCBob2NzLmNvbG9ycy5zd2F0Y2hlc1tmb2N1c0NvbG9yXS5iYXNlKTsgfSxcclxuICAgIHNlbGVjdERyb3Bkb3duQ29udGVudHM6IGZ1bmN0aW9uIChtYXhIZWlnaHQpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIG1heC1oZWlnaHQ6IFwiLCBcIjtcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiA1MCU7XFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpLCBcIlwiICsgbWF4SGVpZ2h0IHx8ICcyMjZweCcpOyB9LFxyXG4gICAgYWN0aXZlT3B0aW9uOiBmdW5jdGlvbiAoYWxpZ25tZW50KSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGp1c3RpZnktY29udGVudDogXCIsXHJcbiAgICAgICAgXCI7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxuICAgIG9wdGlvbjogZnVuY3Rpb24gKGFsaWdubWVudCkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIHBhZGRpbmc6IDEycHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0pKSwgYWxpZ25tZW50ID09PSAnbGVmdCdcclxuICAgICAgICA/ICdmbGV4LXN0YXJ0J1xyXG4gICAgICAgIDogYWxpZ25tZW50ID09PSAncmlnaHQnXHJcbiAgICAgICAgICAgID8gJ2ZsZXgtZW5kJ1xyXG4gICAgICAgICAgICA6ICdjZW50ZXInKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzU7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14018
14031
|
var styles$u = {
|
|
14019
14032
|
selectContainer: /*#__PURE__*/css(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n position: relative;\n ;label:selectContainer;" + _emotionSourceMap$v], ["\n display: flex;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n position: relative;\n ;label:selectContainer;" + _emotionSourceMap$v]))),
|
|
14020
|
-
selectBody: function (selectHeight, selectWidth) {
|
|
14021
|
-
return /*#__PURE__*/css(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: ", ";\n width: ", ";\n padding: 0px 8px;\n border: none;\n outline: none;\n overflow: hidden;\n " + _emotionSourceMap2$h], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: ", ";\n width: ", ";\n padding: 0px 8px;\n border: none;\n outline: none;\n overflow: hidden;\n " + _emotionSourceMap2$h])), "" + (selectHeight || '50px'), "" + (selectWidth || 'auto'));
|
|
14033
|
+
selectBody: function (hocs, focusColor, selectHeight, selectWidth) {
|
|
14034
|
+
return /*#__PURE__*/css(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: ", ";\n width: ", ";\n padding: 0px 8px;\n border: none;\n outline: none;\n overflow: hidden;\n &:focus {\n border: solid 1.5px ", "};\n }\n " + _emotionSourceMap2$h], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: ", ";\n width: ", ";\n padding: 0px 8px;\n border: none;\n outline: none;\n overflow: hidden;\n &:focus {\n border: solid 1.5px ", "};\n }\n " + _emotionSourceMap2$h])), "" + (selectHeight || '50px'), "" + (selectWidth || 'auto'), hocs.colors.swatches[focusColor].base);
|
|
14022
14035
|
},
|
|
14023
14036
|
selectDropdownContents: function (maxHeight) {
|
|
14024
14037
|
return /*#__PURE__*/css(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n " + _emotionSourceMap3$a], ["\n max-height: ", ";\n overflow-y: auto;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n " + _emotionSourceMap3$a])), "" + maxHeight || '226px');
|
|
@@ -14169,16 +14182,24 @@ var Select = function (props) {
|
|
|
14169
14182
|
selectHeight = props.selectHeight,
|
|
14170
14183
|
selectWidth = props.selectWidth,
|
|
14171
14184
|
_a = props.isDropDownAbove,
|
|
14172
|
-
isDropDownAbove = _a === void 0 ? false : _a
|
|
14173
|
-
|
|
14174
|
-
|
|
14175
|
-
|
|
14176
|
-
setIsOpen = _b[1];
|
|
14185
|
+
isDropDownAbove = _a === void 0 ? false : _a,
|
|
14186
|
+
_b = props.focusColor,
|
|
14187
|
+
focusColor = _b === void 0 ? 'primaryBrand' : _b,
|
|
14188
|
+
message = props.message;
|
|
14177
14189
|
|
|
14178
14190
|
var _c = useState(false),
|
|
14179
|
-
|
|
14180
|
-
|
|
14191
|
+
isOpen = _c[0],
|
|
14192
|
+
setIsOpen = _c[1];
|
|
14193
|
+
|
|
14194
|
+
var _d = useState(false),
|
|
14195
|
+
isHover = _d[0],
|
|
14196
|
+
setIsHover = _d[1];
|
|
14197
|
+
|
|
14198
|
+
var _e = useState(selectedOptionIndex),
|
|
14199
|
+
currentSelection = _e[0],
|
|
14200
|
+
setCurrentSelection = _e[1];
|
|
14181
14201
|
|
|
14202
|
+
var listRef = useRef(null);
|
|
14182
14203
|
var ref = useRef(null);
|
|
14183
14204
|
useOutsideClick(ref, function () {
|
|
14184
14205
|
setIsOpen(false);
|
|
@@ -14186,13 +14207,92 @@ var Select = function (props) {
|
|
|
14186
14207
|
|
|
14187
14208
|
var handleOptionSelection = function (id) {
|
|
14188
14209
|
setIsOpen(false);
|
|
14210
|
+
setCurrentSelection(id);
|
|
14189
14211
|
onChange(id);
|
|
14190
14212
|
};
|
|
14191
14213
|
|
|
14192
|
-
var
|
|
14214
|
+
var _f = useEntities(),
|
|
14215
|
+
inputs = _f.inputs,
|
|
14216
|
+
hocs = _f.hocs;
|
|
14217
|
+
|
|
14218
|
+
var applyCurrentSelection = function () {
|
|
14219
|
+
if (currentSelection !== undefined && currentSelection !== selectedOptionIndex) {
|
|
14220
|
+
onChange(currentSelection);
|
|
14221
|
+
}
|
|
14222
|
+
};
|
|
14223
|
+
|
|
14224
|
+
var focusCurrentSelection = function (newSelection) {
|
|
14225
|
+
if (listRef.current) {
|
|
14226
|
+
listRef.current.children[newSelection].scrollIntoView({
|
|
14227
|
+
behavior: 'auto',
|
|
14228
|
+
block: 'center'
|
|
14229
|
+
});
|
|
14230
|
+
}
|
|
14231
|
+
};
|
|
14232
|
+
|
|
14233
|
+
var openOrCloseAndFocus = function (shouldOpen) {
|
|
14234
|
+
setIsOpen(shouldOpen);
|
|
14235
|
+
|
|
14236
|
+
if (shouldOpen) {
|
|
14237
|
+
if (currentSelection !== undefined) {
|
|
14238
|
+
setTimeout(function () {
|
|
14239
|
+
focusCurrentSelection(currentSelection);
|
|
14240
|
+
}, 100);
|
|
14241
|
+
}
|
|
14242
|
+
}
|
|
14243
|
+
};
|
|
14244
|
+
|
|
14245
|
+
var selectAndFocus = function (newSelection) {
|
|
14246
|
+
setCurrentSelection(newSelection);
|
|
14247
|
+
focusCurrentSelection(newSelection);
|
|
14248
|
+
};
|
|
14249
|
+
|
|
14250
|
+
var handleArrows = function (direction) {
|
|
14251
|
+
if (!isOpen) {
|
|
14252
|
+
openOrCloseAndFocus(true);
|
|
14253
|
+
} else if (currentSelection !== undefined && (direction === 1 ? props.options.length > currentSelection + 1 : 0 < currentSelection)) {
|
|
14254
|
+
selectAndFocus(currentSelection + direction);
|
|
14255
|
+
} else {
|
|
14256
|
+
var newDirection = direction === 1 ? 0 : props.options.length - 1;
|
|
14257
|
+
selectAndFocus(newDirection);
|
|
14258
|
+
}
|
|
14259
|
+
};
|
|
14260
|
+
|
|
14261
|
+
var onKeyDown = function (e) {
|
|
14262
|
+
if (e.code === 'Space') {
|
|
14263
|
+
openOrCloseAndFocus(!isOpen);
|
|
14264
|
+
applyCurrentSelection();
|
|
14265
|
+
} else if (e.code === 'ArrowDown') {
|
|
14266
|
+
handleArrows(1);
|
|
14267
|
+
} else if (e.code === 'ArrowUp') {
|
|
14268
|
+
handleArrows(-1);
|
|
14269
|
+
} else if (isOpen) {
|
|
14270
|
+
if (e.code === 'Enter') {
|
|
14271
|
+
setIsOpen(false);
|
|
14272
|
+
applyCurrentSelection();
|
|
14273
|
+
} else if (e.code === 'Escape') {
|
|
14274
|
+
setIsOpen(false); // Do not apply current selection
|
|
14275
|
+
|
|
14276
|
+
setCurrentSelection(selectedOptionIndex);
|
|
14277
|
+
} else if (e.code === 'Tab') {
|
|
14278
|
+
setIsOpen(false);
|
|
14279
|
+
applyCurrentSelection();
|
|
14280
|
+
} else {
|
|
14281
|
+
var index = props.options.findIndex(function (s) {
|
|
14282
|
+
return new RegExp(e.key, 'i').test(s.label[0]);
|
|
14283
|
+
});
|
|
14284
|
+
|
|
14285
|
+
if (index > -1) {
|
|
14286
|
+
selectAndFocus(index);
|
|
14287
|
+
}
|
|
14288
|
+
}
|
|
14289
|
+
}
|
|
14290
|
+
};
|
|
14291
|
+
|
|
14193
14292
|
return jsx("div", {
|
|
14194
14293
|
css: styles$u.selectContainer,
|
|
14195
|
-
ref: ref
|
|
14294
|
+
ref: ref,
|
|
14295
|
+
onKeyDown: onKeyDown
|
|
14196
14296
|
}, jsx(Div, {
|
|
14197
14297
|
onHoverStart: function () {
|
|
14198
14298
|
return setIsHover(true);
|
|
@@ -14206,13 +14306,18 @@ var Select = function (props) {
|
|
|
14206
14306
|
whileHover: {
|
|
14207
14307
|
y: -2
|
|
14208
14308
|
},
|
|
14209
|
-
css: styles$u.selectBody(selectHeight, selectWidth),
|
|
14309
|
+
css: styles$u.selectBody(hocs, focusColor, selectHeight, selectWidth),
|
|
14210
14310
|
onClick: function () {
|
|
14211
|
-
|
|
14311
|
+
openOrCloseAndFocus(!isOpen);
|
|
14312
|
+
|
|
14313
|
+
if (isOpen && currentSelection !== selectedOptionIndex) {
|
|
14314
|
+
applyCurrentSelection();
|
|
14315
|
+
}
|
|
14212
14316
|
},
|
|
14213
14317
|
borderRadius: "default",
|
|
14214
14318
|
backgroundColor: isHover || isOpen ? 'foreground' : 'background',
|
|
14215
|
-
boxShadow: isHover || isOpen ? inputs.select.boxShadow : 'none'
|
|
14319
|
+
boxShadow: isHover || isOpen ? inputs.select.boxShadow : 'none',
|
|
14320
|
+
tabIndex: 0
|
|
14216
14321
|
}, jsx("div", {
|
|
14217
14322
|
css: styles$u.activeOption(alignment)
|
|
14218
14323
|
}, selectedOptionIndex !== undefined ? jsx("div", null, props.type === 'text' ? jsx(OptionContent, {
|
|
@@ -14243,7 +14348,31 @@ var Select = function (props) {
|
|
|
14243
14348
|
name: "chevron",
|
|
14244
14349
|
primaryColor: "default",
|
|
14245
14350
|
orientation: 'left'
|
|
14246
|
-
})))),
|
|
14351
|
+
})))), message && jsx(HStack, {
|
|
14352
|
+
gap: "x_5",
|
|
14353
|
+
justify: "flex-start"
|
|
14354
|
+
}, jsx(Text, {
|
|
14355
|
+
inset: {
|
|
14356
|
+
left: 'x1',
|
|
14357
|
+
top: 'x_5'
|
|
14358
|
+
},
|
|
14359
|
+
content: message.content,
|
|
14360
|
+
type: "footnote",
|
|
14361
|
+
color: message.type
|
|
14362
|
+
}), message.icon && jsx(Span, {
|
|
14363
|
+
inset: {
|
|
14364
|
+
top: 'x_25'
|
|
14365
|
+
},
|
|
14366
|
+
display: "flex",
|
|
14367
|
+
justifyContent: "center",
|
|
14368
|
+
alignItems: "center",
|
|
14369
|
+
onClick: message.onClick,
|
|
14370
|
+
cursor: "pointer"
|
|
14371
|
+
}, jsx(Icon, {
|
|
14372
|
+
name: message.icon,
|
|
14373
|
+
primaryColor: message.type,
|
|
14374
|
+
size: "xSmall"
|
|
14375
|
+
}))), jsx(AnimatePresence, null, isOpen && jsx(Div, {
|
|
14247
14376
|
exit: 'closed',
|
|
14248
14377
|
initial: 'closed',
|
|
14249
14378
|
animate: isOpen ? 'open' : 'closed',
|
|
@@ -14254,15 +14383,17 @@ var Select = function (props) {
|
|
|
14254
14383
|
boxShadow: inputs.select.dropDownShadow,
|
|
14255
14384
|
top: !isDropDownAbove ? '50px' : undefined,
|
|
14256
14385
|
bottom: isDropDownAbove ? '50px' : undefined,
|
|
14257
|
-
zIndex: 1
|
|
14386
|
+
zIndex: 1,
|
|
14387
|
+
tabIndex: -1
|
|
14258
14388
|
}, jsx(List, {
|
|
14259
14389
|
orientation: "vertical",
|
|
14260
14390
|
alignment: alignment || 'center',
|
|
14261
|
-
inset: "x1"
|
|
14391
|
+
inset: "x1",
|
|
14392
|
+
ref: listRef
|
|
14262
14393
|
}, props.type === 'text' && props.options.map(function (option, index) {
|
|
14263
14394
|
return jsx(React.Fragment, null, jsx(Option, {
|
|
14264
14395
|
id: index,
|
|
14265
|
-
isSelected:
|
|
14396
|
+
isSelected: currentSelection === index ? true : false,
|
|
14266
14397
|
alignment: alignment,
|
|
14267
14398
|
onClick: function (id) {
|
|
14268
14399
|
return handleOptionSelection(id);
|
|
@@ -14443,16 +14574,20 @@ var Checkbox = function (_a) {
|
|
|
14443
14574
|
}))));
|
|
14444
14575
|
};
|
|
14445
14576
|
|
|
14446
|
-
var _emotionSourceMap$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14577
|
+
var _emotionSourceMap$s = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNjcm9sbGFibGVDb250YWluZXI6IGZ1bmN0aW9uIChoYXNTY3JvbGxCYXIpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xcbiAgICAgIGRpc3BsYXk6IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgZGlzcGxheTogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgaGFzU2Nyb2xsQmFyID8gJ2F1dG8nIDogJ25vbmUnKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
14447
14578
|
var styles$r = {
|
|
14448
|
-
scrollableContainer:
|
|
14579
|
+
scrollableContainer: function (hasScrollBar) {
|
|
14580
|
+
return /*#__PURE__*/css(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ::-webkit-scrollbar {\n display: ", ";\n }\n " + _emotionSourceMap$s], ["\n ::-webkit-scrollbar {\n display: ", ";\n }\n " + _emotionSourceMap$s])), hasScrollBar ? 'auto' : 'none');
|
|
14581
|
+
}
|
|
14449
14582
|
};
|
|
14450
14583
|
var templateObject_1$s;
|
|
14451
14584
|
|
|
14452
14585
|
var Scrollable = function (_a) {
|
|
14453
14586
|
var maxHeight = _a.maxHeight,
|
|
14454
14587
|
onChange = _a.onChange,
|
|
14455
|
-
children = _a.children
|
|
14588
|
+
children = _a.children,
|
|
14589
|
+
_b = _a.hasScrollBar,
|
|
14590
|
+
hasScrollBar = _b === void 0 ? true : _b;
|
|
14456
14591
|
var ref = useRef(null);
|
|
14457
14592
|
var elementScroll = useElementScroll(ref);
|
|
14458
14593
|
var scrollYProgress = (process.env.NODE_ENV === 'test' ? {
|
|
@@ -14481,7 +14616,7 @@ var Scrollable = function (_a) {
|
|
|
14481
14616
|
bottom: 'x2'
|
|
14482
14617
|
},
|
|
14483
14618
|
overflow: "auto",
|
|
14484
|
-
css: styles$r.scrollableContainer
|
|
14619
|
+
css: styles$r.scrollableContainer(hasScrollBar)
|
|
14485
14620
|
}, children);
|
|
14486
14621
|
};
|
|
14487
14622
|
|
|
@@ -17593,7 +17728,9 @@ var templateObject_1$e, templateObject_2$5;
|
|
|
17593
17728
|
|
|
17594
17729
|
var AccordionContent = function (_a) {
|
|
17595
17730
|
var children = _a.children,
|
|
17596
|
-
onAnimationComplete = _a.onAnimationComplete
|
|
17731
|
+
onAnimationComplete = _a.onAnimationComplete,
|
|
17732
|
+
_b = _a.inset,
|
|
17733
|
+
inset = _b === void 0 ? 'x2_5' : _b;
|
|
17597
17734
|
return jsx(Div, {
|
|
17598
17735
|
key: "content",
|
|
17599
17736
|
initial: "collapsed",
|
|
@@ -17617,7 +17754,7 @@ var AccordionContent = function (_a) {
|
|
|
17617
17754
|
css: styles$e.accordionBody,
|
|
17618
17755
|
onAnimationComplete: onAnimationComplete
|
|
17619
17756
|
}, jsx(Flex, {
|
|
17620
|
-
inset:
|
|
17757
|
+
inset: inset !== null && inset !== void 0 ? inset : inset,
|
|
17621
17758
|
justifyContent: "flex-start",
|
|
17622
17759
|
alignItems: "center",
|
|
17623
17760
|
variants: {
|
|
@@ -17659,8 +17796,9 @@ var AccordionHeading = function (_a) {
|
|
|
17659
17796
|
var children = _a.children,
|
|
17660
17797
|
eventKey = _a.eventKey,
|
|
17661
17798
|
headingSize = _a.headingSize,
|
|
17662
|
-
|
|
17663
|
-
|
|
17799
|
+
onHeadingClick = _a.onHeadingClick,
|
|
17800
|
+
_b = _a.arrowLocation,
|
|
17801
|
+
arrowLocation = _b === void 0 ? 'right' : _b;
|
|
17664
17802
|
var context = useContext(AccordionContext);
|
|
17665
17803
|
var isActive = context.activeIndexes.some(function (i) {
|
|
17666
17804
|
return i === eventKey;
|
|
@@ -17703,8 +17841,9 @@ var AccordionHeading = function (_a) {
|
|
|
17703
17841
|
cursor: "pointer",
|
|
17704
17842
|
inset: "x1_5",
|
|
17705
17843
|
position: "relative",
|
|
17706
|
-
zIndex: 5
|
|
17707
|
-
|
|
17844
|
+
zIndex: 5,
|
|
17845
|
+
flexDirection: arrowLocation === 'left' ? 'row' : 'row-reverse'
|
|
17846
|
+
}, arrowLocation !== 'none' && jsx(Span, {
|
|
17708
17847
|
cursor: "pointer",
|
|
17709
17848
|
display: "flex",
|
|
17710
17849
|
justifyContent: "center",
|
|
@@ -17733,11 +17872,15 @@ var Accordion = function (_a) {
|
|
|
17733
17872
|
_d = _a.isExclusive,
|
|
17734
17873
|
isExclusive = _d === void 0 ? false : _d,
|
|
17735
17874
|
background = _a.background,
|
|
17736
|
-
_e = _a.
|
|
17737
|
-
|
|
17738
|
-
|
|
17739
|
-
|
|
17740
|
-
|
|
17875
|
+
_e = _a.isHeadingBackgroundInverse,
|
|
17876
|
+
isHeadingBackgroundInverse = _e === void 0 ? false : _e,
|
|
17877
|
+
stateOverride = _a.stateOverride,
|
|
17878
|
+
_f = _a.inset,
|
|
17879
|
+
inset = _f === void 0 ? {
|
|
17880
|
+
vertical: 'x2',
|
|
17881
|
+
horizontal: 'x1'
|
|
17882
|
+
} : _f,
|
|
17883
|
+
arrowLocation = _a.arrowLocation;
|
|
17741
17884
|
var defaultActiveIndexes = isExclusive ? defaultActiveKeys ? [defaultActiveKeys[0]] : [-1] : defaultActiveKeys ? __spreadArrays(defaultActiveKeys) : [-1];
|
|
17742
17885
|
|
|
17743
17886
|
var _g = useState(defaultActiveIndexes),
|
|
@@ -17753,10 +17896,7 @@ var Accordion = function (_a) {
|
|
|
17753
17896
|
return jsx(Div, {
|
|
17754
17897
|
backgroundColor: background,
|
|
17755
17898
|
borderRadius: "medium",
|
|
17756
|
-
inset:
|
|
17757
|
-
vertical: 'x2',
|
|
17758
|
-
horizontal: 'x1'
|
|
17759
|
-
}
|
|
17899
|
+
inset: inset
|
|
17760
17900
|
}, jsx(AccordionContext.Provider, {
|
|
17761
17901
|
value: {
|
|
17762
17902
|
activeIndexes: (_b = stateOverride === null || stateOverride === void 0 ? void 0 : stateOverride.activeIndexes) !== null && _b !== void 0 ? _b : activeIndexes,
|
|
@@ -17770,7 +17910,7 @@ var Accordion = function (_a) {
|
|
|
17770
17910
|
css: styles$e.accordionContainer
|
|
17771
17911
|
}, jsx(AccordionHeading, {
|
|
17772
17912
|
eventKey: section.key,
|
|
17773
|
-
|
|
17913
|
+
arrowLocation: arrowLocation,
|
|
17774
17914
|
isBackgroundInverse: isHeadingBackgroundInverse,
|
|
17775
17915
|
onHeadingClick: section.onHeadingClick
|
|
17776
17916
|
}, section.heading), jsx(AccordionBody, {
|
|
@@ -21521,15 +21661,8 @@ var UpsaleOptions = function (_a) {
|
|
|
21521
21661
|
removeSelectedOption = _a.removeSelectedOption,
|
|
21522
21662
|
showCheckoutView = _a.showCheckoutView,
|
|
21523
21663
|
handleShouldShowCheckoutView = _a.handleShouldShowCheckoutView,
|
|
21524
|
-
children = _a.children
|
|
21525
|
-
|
|
21526
|
-
var findOption = function (selectedOption) {
|
|
21527
|
-
return selectableOptions.filter(function (option) {
|
|
21528
|
-
return option.optionId === selectedOption;
|
|
21529
|
-
});
|
|
21530
|
-
};
|
|
21531
|
-
|
|
21532
|
-
var activeSelectedOption = findOption(selectedOption);
|
|
21664
|
+
children = _a.children,
|
|
21665
|
+
activeSelectedOption = _a.activeSelectedOption;
|
|
21533
21666
|
var shouldShowCheckoutScreen = selectedOption && showCheckoutView;
|
|
21534
21667
|
return jsx(Div, {
|
|
21535
21668
|
height: "100%",
|
|
@@ -21537,6 +21670,9 @@ var UpsaleOptions = function (_a) {
|
|
|
21537
21670
|
width: "100%"
|
|
21538
21671
|
}, jsx(Div, null, shouldShowCheckoutScreen && // Back Button
|
|
21539
21672
|
jsx(Div, {
|
|
21673
|
+
outset: {
|
|
21674
|
+
top: 'x4'
|
|
21675
|
+
},
|
|
21540
21676
|
position: "relative",
|
|
21541
21677
|
bottom: "25px",
|
|
21542
21678
|
right: "7px",
|
|
@@ -21568,33 +21704,21 @@ var UpsaleOptions = function (_a) {
|
|
|
21568
21704
|
space: "x2"
|
|
21569
21705
|
})), jsx(VStack, {
|
|
21570
21706
|
gap: "x2"
|
|
21571
|
-
}, shouldShowCheckoutScreen ? jsx(Div, null, jsx(RadioOptionCard, _extends({}, activeSelectedOption
|
|
21707
|
+
}, shouldShowCheckoutScreen && activeSelectedOption ? jsx(Div, null, jsx(RadioOptionCard, _extends({}, activeSelectedOption, {
|
|
21572
21708
|
isSelected: true
|
|
21573
21709
|
})), children) : jsx(VStack, {
|
|
21574
21710
|
gap: "x2"
|
|
21575
21711
|
}, selectableOptions.map(function (option, index) {
|
|
21712
|
+
var _a;
|
|
21713
|
+
|
|
21576
21714
|
return jsx(RadioOptionCard, _extends({}, option, {
|
|
21577
21715
|
key: index,
|
|
21578
21716
|
onSelect: function () {
|
|
21579
21717
|
return handleSelectedOption(option.optionId);
|
|
21580
21718
|
},
|
|
21581
|
-
isSelected: activeSelectedOption && selectedOption === option.optionId
|
|
21719
|
+
isSelected: (_a = (activeSelectedOption && selectedOption) === option.optionId) !== null && _a !== void 0 ? _a : false
|
|
21582
21720
|
}));
|
|
21583
|
-
})))
|
|
21584
|
-
width: '100%',
|
|
21585
|
-
justifyContent: "center",
|
|
21586
|
-
alignItems: "center",
|
|
21587
|
-
style: {
|
|
21588
|
-
margin: '1.5rem auto'
|
|
21589
|
-
}
|
|
21590
|
-
}, jsx(Button, {
|
|
21591
|
-
size: "large",
|
|
21592
|
-
title: "Continue to Checkout",
|
|
21593
|
-
disabled: !activeSelectedOption.length,
|
|
21594
|
-
onClick: function () {
|
|
21595
|
-
return handleShouldShowCheckoutView(!!activeSelectedOption.length);
|
|
21596
|
-
}
|
|
21597
|
-
}))));
|
|
21721
|
+
})))));
|
|
21598
21722
|
};
|
|
21599
21723
|
|
|
21600
21724
|
var SOC_FRONT_Z_INDEX = 103;
|
|
@@ -21604,14 +21728,10 @@ var UpsaleDialog = function (_a) {
|
|
|
21604
21728
|
checkoutTitle = _a.checkoutTitle,
|
|
21605
21729
|
checkoutDescription = _a.checkoutDescription,
|
|
21606
21730
|
selectableOptions = _a.selectableOptions,
|
|
21607
|
-
numSelectableOptionsShown = _a.numSelectableOptionsShown,
|
|
21608
21731
|
isOpen = _a.isOpen,
|
|
21609
21732
|
setIsDialogOpen = _a.setIsDialogOpen,
|
|
21610
|
-
_b = _a.optionFormLocation,
|
|
21611
|
-
optionFormLocation = _b === void 0 ? 'right' : _b,
|
|
21612
21733
|
submitAction = _a.submitAction,
|
|
21613
21734
|
upsaleContent = _a.upsaleContent,
|
|
21614
|
-
extraLink = _a.extraLink,
|
|
21615
21735
|
children = _a.children,
|
|
21616
21736
|
selectedOption = _a.selectedOption,
|
|
21617
21737
|
handleSelectedOption = _a.handleSelectedOption,
|
|
@@ -21619,10 +21739,13 @@ var UpsaleDialog = function (_a) {
|
|
|
21619
21739
|
insetOverride = _a.insetOverride,
|
|
21620
21740
|
maxWidth = _a.maxWidth,
|
|
21621
21741
|
maxHeight = _a.maxHeight,
|
|
21622
|
-
|
|
21623
|
-
zIndex =
|
|
21742
|
+
_b = _a.zIndex,
|
|
21743
|
+
zIndex = _b === void 0 ? SOC_FRONT_Z_INDEX : _b,
|
|
21624
21744
|
//Soc-frontend
|
|
21625
|
-
successComponent = _a.successComponent
|
|
21745
|
+
successComponent = _a.successComponent,
|
|
21746
|
+
upsaleContentTitle = _a.upsaleContentTitle,
|
|
21747
|
+
_c = _a.sponsorId,
|
|
21748
|
+
sponsorId = _c === void 0 ? '9070' : _c;
|
|
21626
21749
|
|
|
21627
21750
|
var _d = React.useState(false),
|
|
21628
21751
|
shouldShowCheckoutView = _d[0],
|
|
@@ -21636,6 +21759,14 @@ var UpsaleDialog = function (_a) {
|
|
|
21636
21759
|
var dialogFooterHeight = '170px';
|
|
21637
21760
|
var device = useWindowSize().width;
|
|
21638
21761
|
var isMobile = device <= 910;
|
|
21762
|
+
|
|
21763
|
+
var findOption = function (selectedOption) {
|
|
21764
|
+
return selectableOptions.filter(function (option) {
|
|
21765
|
+
return option.optionId === selectedOption;
|
|
21766
|
+
});
|
|
21767
|
+
};
|
|
21768
|
+
|
|
21769
|
+
var activeSelectedOption = findOption(selectedOption);
|
|
21639
21770
|
return jsx(Dialog, {
|
|
21640
21771
|
ref: ref,
|
|
21641
21772
|
isOpen: isOpen,
|
|
@@ -21646,7 +21777,8 @@ var UpsaleDialog = function (_a) {
|
|
|
21646
21777
|
insetOverride: insetOverride,
|
|
21647
21778
|
maxWidth: maxWidth,
|
|
21648
21779
|
maxHeight: maxHeight,
|
|
21649
|
-
height: isMobile ? 'unset' : '80%'
|
|
21780
|
+
height: isMobile ? 'unset' : '80%',
|
|
21781
|
+
shouldScroll: true
|
|
21650
21782
|
}, successComponent ? jsx(Flex, {
|
|
21651
21783
|
width: width + "px",
|
|
21652
21784
|
height: height + "px",
|
|
@@ -21688,17 +21820,17 @@ var UpsaleDialog = function (_a) {
|
|
|
21688
21820
|
overflowY: "hidden",
|
|
21689
21821
|
flexDirection: isMobile ? 'column' : 'row'
|
|
21690
21822
|
}, jsx(Flex, {
|
|
21823
|
+
flexWrap: "wrap",
|
|
21691
21824
|
inset: {
|
|
21692
21825
|
top: 'x3',
|
|
21693
21826
|
horizontal: 'x3'
|
|
21694
21827
|
},
|
|
21695
21828
|
overflowY: "auto",
|
|
21696
21829
|
width: isMobile ? '100%' : 'calc(50% - 12px)',
|
|
21697
|
-
order:
|
|
21830
|
+
order: 3
|
|
21698
21831
|
}, jsx(UpsaleOptions, {
|
|
21699
21832
|
selectableOptions: selectableOptions,
|
|
21700
21833
|
selectedOption: selectedOption,
|
|
21701
|
-
submitAction: submitAction,
|
|
21702
21834
|
handleSelectedOption: function (optionId) {
|
|
21703
21835
|
return handleSelectedOption(optionId);
|
|
21704
21836
|
},
|
|
@@ -21707,23 +21839,74 @@ var UpsaleDialog = function (_a) {
|
|
|
21707
21839
|
handleShouldShowCheckoutView: function (value) {
|
|
21708
21840
|
return setShouldShowCheckoutView(value);
|
|
21709
21841
|
},
|
|
21710
|
-
|
|
21711
|
-
|
|
21712
|
-
|
|
21842
|
+
activeSelectedOption: activeSelectedOption[0]
|
|
21843
|
+
}, children), jsx(Flex, {
|
|
21844
|
+
justifyContent: "center",
|
|
21845
|
+
position: isMobile ? 'fixed' : 'relative',
|
|
21846
|
+
bottom: isMobile ? '0' : 'unset',
|
|
21847
|
+
height: "100px",
|
|
21848
|
+
alignItems: "center",
|
|
21849
|
+
width: "100%",
|
|
21850
|
+
backgroundColor: isMobile ? 'foreground' : undefined,
|
|
21851
|
+
boxShadow: isMobile ? 'mediumDark' : undefined,
|
|
21852
|
+
zIndex: SOC_FRONT_Z_INDEX,
|
|
21853
|
+
left: "0"
|
|
21854
|
+
}, jsx(Button, {
|
|
21855
|
+
type: shouldShowCheckoutView && submitAction.type ? submitAction.type : 'primary',
|
|
21856
|
+
size: "large",
|
|
21857
|
+
title: shouldShowCheckoutView ? submitAction.title : 'Continue to Checkout',
|
|
21858
|
+
disabled: shouldShowCheckoutView ? submitAction.isDisabled : !selectedOption.length,
|
|
21859
|
+
onClick: shouldShowCheckoutView && submitAction ? function () {
|
|
21860
|
+
return submitAction.onClick();
|
|
21861
|
+
} : function () {
|
|
21862
|
+
return setShouldShowCheckoutView(true);
|
|
21863
|
+
}
|
|
21864
|
+
}))), !isMobile && jsx(Div, {
|
|
21713
21865
|
width: "x3",
|
|
21714
21866
|
order: 2
|
|
21715
21867
|
}), jsx(Flex, {
|
|
21716
21868
|
overflowY: "auto",
|
|
21717
21869
|
width: isMobile ? '100%' : 'calc(50% - 12px)',
|
|
21718
|
-
order:
|
|
21719
|
-
},
|
|
21870
|
+
order: 1
|
|
21871
|
+
}, jsx(Div, {
|
|
21872
|
+
width: "100%"
|
|
21873
|
+
}, jsx(Accordion, {
|
|
21874
|
+
defaultActiveKeys: [1],
|
|
21875
|
+
arrowLocation: "right",
|
|
21876
|
+
background: "background",
|
|
21877
|
+
inset: "x0",
|
|
21878
|
+
isExclusive: true,
|
|
21879
|
+
sections: [{
|
|
21880
|
+
body: jsx(React.Fragment, null, upsaleContent),
|
|
21881
|
+
heading: jsx(Div, {
|
|
21882
|
+
width: "100%",
|
|
21883
|
+
display: "flex",
|
|
21884
|
+
justifyContent: "space-between",
|
|
21885
|
+
alignItems: "center"
|
|
21886
|
+
}, jsx(Text, {
|
|
21887
|
+
weight: "bold",
|
|
21888
|
+
type: "caption",
|
|
21889
|
+
content: upsaleContentTitle
|
|
21890
|
+
}), jsx(Div, {
|
|
21891
|
+
width: "34px",
|
|
21892
|
+
height: "34px",
|
|
21893
|
+
borderRadius: "small",
|
|
21894
|
+
backgroundSize: "cover",
|
|
21895
|
+
backgroundPosition: "center",
|
|
21896
|
+
outset: {
|
|
21897
|
+
right: 'x2'
|
|
21898
|
+
}
|
|
21899
|
+
})),
|
|
21900
|
+
key: 1
|
|
21901
|
+
}]
|
|
21902
|
+
}))))), jsx(Div, {
|
|
21720
21903
|
backgroundColor: "foreground",
|
|
21721
21904
|
width: device <= 1367 ? '100%' : 'calc(100% - 10rem)',
|
|
21722
|
-
position:
|
|
21723
|
-
|
|
21905
|
+
position: isMobile ? 'relative' : 'absolute',
|
|
21906
|
+
bottom: isMobile ? dialogFooterHeight : 'x0',
|
|
21907
|
+
inset: isMobile ? 'x1' : {
|
|
21724
21908
|
bottom: 'x4'
|
|
21725
21909
|
},
|
|
21726
|
-
bottom: '0px',
|
|
21727
21910
|
left: "50%",
|
|
21728
21911
|
transform: "translateX(-50%)"
|
|
21729
21912
|
}, jsx(Separator, {
|
|
@@ -21744,7 +21927,7 @@ var UpsaleDialog = function (_a) {
|
|
|
21744
21927
|
size: "medium",
|
|
21745
21928
|
title: "Send a Free Postcard",
|
|
21746
21929
|
onClick: function () {
|
|
21747
|
-
return
|
|
21930
|
+
return window.open("https://www.sendoutcards.com/" + sponsorId + "/send/");
|
|
21748
21931
|
}
|
|
21749
21932
|
})))));
|
|
21750
21933
|
};
|
|
@@ -21754,7 +21937,7 @@ var ComparisonIncludesList = function (_a) {
|
|
|
21754
21937
|
isMinified = _a.isMinified;
|
|
21755
21938
|
return jsx(Card, {
|
|
21756
21939
|
backgroundColor: "background",
|
|
21757
|
-
inset: '
|
|
21940
|
+
inset: '1.5rem'
|
|
21758
21941
|
}, jsx(Div, {
|
|
21759
21942
|
width: "100%"
|
|
21760
21943
|
}, jsx(VStack, {
|
|
@@ -22899,7 +23082,7 @@ var PaperTypeModal = function (_a) {
|
|
|
22899
23082
|
|
|
22900
23083
|
var comparisonItems37 = [{
|
|
22901
23084
|
title: '30 Monthly Card Sends (includes both Heartfelt and System Sends)',
|
|
22902
|
-
description: '
|
|
23085
|
+
description: '$1.75 for each additional card over 30. Postage not included on any card sends',
|
|
22903
23086
|
isIncluded: true
|
|
22904
23087
|
}, {
|
|
22905
23088
|
title: 'Contact Manager',
|
|
@@ -22913,10 +23096,6 @@ var comparisonItems37 = [{
|
|
|
22913
23096
|
title: 'Unlimited Heartfelt Prompting cards',
|
|
22914
23097
|
description: 'Send unlimited 5x7 greeting cards, stamps included. Mailed for you. Immediately!',
|
|
22915
23098
|
isIncluded: false
|
|
22916
|
-
}, {
|
|
22917
|
-
title: '30 Automated Card sends!',
|
|
22918
|
-
description: 'Our Automated sending process does all the work for you, schedule, send to one or multiple people, even take advantage of our drip campaign feature!',
|
|
22919
|
-
isIncluded: false
|
|
22920
23099
|
}, {
|
|
22921
23100
|
title: '20% off gifts',
|
|
22922
23101
|
description: '',
|
|
@@ -22958,21 +23137,22 @@ var SubscriptionUpsaleDialog = function (_a) {
|
|
|
22958
23137
|
checkoutTitle = _a.checkoutTitle,
|
|
22959
23138
|
checkoutDescription = _a.checkoutDescription,
|
|
22960
23139
|
selectableOptions = _a.selectableOptions,
|
|
22961
|
-
|
|
23140
|
+
upsaleContentTitle = _a.upsaleContentTitle,
|
|
22962
23141
|
isOpen = _a.isOpen,
|
|
22963
23142
|
setIsDialogOpen = _a.setIsDialogOpen,
|
|
22964
23143
|
_b = _a.optionFormLocation,
|
|
22965
23144
|
optionFormLocation = _b === void 0 ? 'right' : _b,
|
|
22966
23145
|
submitAction = _a.submitAction,
|
|
22967
|
-
extraLink = _a.extraLink,
|
|
22968
23146
|
children = _a.children,
|
|
22969
23147
|
selectedOption = _a.selectedOption,
|
|
22970
23148
|
removeSelectedOption = _a.removeSelectedOption,
|
|
22971
23149
|
successComponent = _a.successComponent,
|
|
22972
23150
|
insetOverride = _a.insetOverride,
|
|
22973
|
-
handleSelectedOption = _a.handleSelectedOption
|
|
23151
|
+
handleSelectedOption = _a.handleSelectedOption,
|
|
23152
|
+
sponsorId = _a.sponsorId;
|
|
22974
23153
|
var device = useWindowSize().width;
|
|
22975
23154
|
return jsx("div", null, jsx(UpsaleDialog, {
|
|
23155
|
+
sponsorId: sponsorId,
|
|
22976
23156
|
title: title,
|
|
22977
23157
|
description: description,
|
|
22978
23158
|
checkoutTitle: checkoutTitle,
|
|
@@ -22984,8 +23164,7 @@ var SubscriptionUpsaleDialog = function (_a) {
|
|
|
22984
23164
|
},
|
|
22985
23165
|
submitAction: submitAction,
|
|
22986
23166
|
removeSelectedOption: removeSelectedOption,
|
|
22987
|
-
|
|
22988
|
-
numSelectableOptionsShown: numSelectableOptionsShown,
|
|
23167
|
+
upsaleContentTitle: upsaleContentTitle,
|
|
22989
23168
|
upsaleContent: jsx(ComparisonIncludesList, {
|
|
22990
23169
|
isMinified: device <= 1017,
|
|
22991
23170
|
items: selectedOption === '324132' //this is the item code for the 37 subscription
|
|
@@ -5,11 +5,13 @@ export declare type DivProps = {
|
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
outsideClick?: () => void;
|
|
7
7
|
clickElementBypass?: string;
|
|
8
|
+
tabIndex?: number;
|
|
8
9
|
} & HOCBaseProps & HOCMotionProps;
|
|
9
10
|
export declare const Div: React.ForwardRefExoticComponent<{
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
outsideClick?: (() => void) | undefined;
|
|
12
13
|
clickElementBypass?: string | undefined;
|
|
14
|
+
tabIndex?: number | undefined;
|
|
13
15
|
} & HOCBaseProps & {
|
|
14
16
|
className?: string | undefined;
|
|
15
17
|
motionKey?: string | number | undefined;
|
|
@@ -10,4 +10,13 @@ export declare type ListProps = {
|
|
|
10
10
|
export declare type ListOrientation = 'vertical' | 'horizontal';
|
|
11
11
|
export declare type AlignmentOptions = 'left' | 'center' | 'right';
|
|
12
12
|
export declare type ListStyleType = 'disc' | 'none' | 'circle';
|
|
13
|
-
export declare const List:
|
|
13
|
+
export declare const List: React.ForwardRefExoticComponent<{
|
|
14
|
+
orientation: ListOrientation;
|
|
15
|
+
alignment: AlignmentOptions;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
listStyle?: "disc" | "none" | "circle" | undefined;
|
|
18
|
+
} & HOCBaseProps & {
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
motionKey?: string | number | undefined;
|
|
21
|
+
id?: string | undefined;
|
|
22
|
+
} & import("framer-motion").MotionProps & React.RefAttributes<HTMLUListElement>>;
|
|
@@ -11,6 +11,7 @@ export declare type DialogProps = {
|
|
|
11
11
|
closeButtonId?: string;
|
|
12
12
|
insetOverride?: HOCSpacingKeys;
|
|
13
13
|
height?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
|
|
14
|
+
shouldScroll?: boolean;
|
|
14
15
|
};
|
|
15
16
|
export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
|
|
16
17
|
children: React.ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { AlignmentOptions } from "../../exports/atoms";
|
|
3
|
-
import { IconType } from "../../atoms/iconography/types";
|
|
3
|
+
import { IconColors, IconType } from "../../atoms/iconography/types";
|
|
4
4
|
declare type OptionWithTextLabelType = {
|
|
5
5
|
value: string;
|
|
6
6
|
label: string;
|
|
@@ -40,6 +40,7 @@ declare type OptionsGraphicType = {
|
|
|
40
40
|
type: 'graphic';
|
|
41
41
|
options: OptionWithGraphicLabelType[];
|
|
42
42
|
};
|
|
43
|
+
export declare type SelectFocusType = IconColors;
|
|
43
44
|
export declare type SelectProps = {
|
|
44
45
|
alignment?: AlignmentOptions;
|
|
45
46
|
onChange: (selectedOptionIndex: number) => void;
|
|
@@ -48,6 +49,13 @@ export declare type SelectProps = {
|
|
|
48
49
|
isDropDownAbove?: boolean;
|
|
49
50
|
selectHeight?: string;
|
|
50
51
|
selectWidth?: string;
|
|
52
|
+
focusColor?: SelectFocusType;
|
|
53
|
+
message?: {
|
|
54
|
+
type: 'success' | 'danger' | 'warning';
|
|
55
|
+
content: string;
|
|
56
|
+
icon?: IconType;
|
|
57
|
+
onClick?: () => void;
|
|
58
|
+
};
|
|
51
59
|
} & (OptionsTextType | OptionsGraphicTextType | OptionsGraphicType);
|
|
52
60
|
export declare const Select: FC<SelectProps>;
|
|
53
61
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { HOCEntity } from "../../theme/theming/entities";
|
|
2
|
+
import { SelectFocusType } from './select';
|
|
1
3
|
declare const _default: {
|
|
2
4
|
selectContainer: import("@emotion/utils").SerializedStyles;
|
|
3
|
-
selectBody: (selectHeight?: string | undefined, selectWidth?: string | undefined) => import("@emotion/utils").SerializedStyles;
|
|
5
|
+
selectBody: (hocs: HOCEntity, focusColor: SelectFocusType, selectHeight?: string | undefined, selectWidth?: string | undefined) => import("@emotion/utils").SerializedStyles;
|
|
4
6
|
selectDropdownContents: (maxHeight?: string | undefined) => import("@emotion/utils").SerializedStyles;
|
|
5
7
|
activeOption: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
|
|
6
8
|
option: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
+
import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
|
|
2
3
|
export declare type AccordionProps = {
|
|
3
4
|
defaultActiveKeys?: (number | string)[];
|
|
4
5
|
isExclusive?: boolean;
|
|
5
6
|
sections: AccordionSection[];
|
|
6
7
|
background?: 'background' | 'foreground';
|
|
7
8
|
isHeadingBackgroundInverse?: boolean;
|
|
8
|
-
|
|
9
|
+
arrowLocation?: 'right' | 'left';
|
|
9
10
|
/** Make sure duplicate keys are not created in the state if you are overriding */
|
|
10
11
|
/** TODO - Handle duplicate case in QDS and remove them */
|
|
11
12
|
stateOverride?: {
|
|
12
13
|
activeIndexes: (string | number)[];
|
|
13
14
|
setActiveIndexes: (activeIndexes: (string | number)[]) => void;
|
|
14
15
|
};
|
|
16
|
+
inset?: HOCSpacingKeys;
|
|
15
17
|
};
|
|
16
18
|
export declare type AccordionSection = {
|
|
17
19
|
key: number | string;
|
|
@@ -4,7 +4,7 @@ export declare type AccordionHeadingProps = {
|
|
|
4
4
|
eventKey: number | string;
|
|
5
5
|
headingSize?: SizeType;
|
|
6
6
|
background?: 'background' | 'foreground';
|
|
7
|
-
|
|
7
|
+
arrowLocation?: 'right' | 'left' | 'none';
|
|
8
8
|
isBackgroundInverse?: boolean;
|
|
9
9
|
onHeadingClick?: () => void;
|
|
10
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ButtonType } from "../../exports/molecules";
|
|
3
3
|
import { UpsaleOptionsType } from './upsaleOptions';
|
|
4
4
|
import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
|
|
5
5
|
export declare type UpsaleDialogProps = {
|
|
@@ -7,7 +7,12 @@ export declare type UpsaleDialogProps = {
|
|
|
7
7
|
description: string;
|
|
8
8
|
checkoutTitle: string;
|
|
9
9
|
checkoutDescription: string;
|
|
10
|
-
submitAction:
|
|
10
|
+
submitAction: {
|
|
11
|
+
title: string;
|
|
12
|
+
isDisabled: boolean;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
type?: ButtonType;
|
|
15
|
+
};
|
|
11
16
|
upsaleContent: React.ReactNode;
|
|
12
17
|
optionFormLocation?: 'right' | 'left';
|
|
13
18
|
isOpen: boolean;
|
|
@@ -19,5 +24,7 @@ export declare type UpsaleDialogProps = {
|
|
|
19
24
|
zIndex?: number;
|
|
20
25
|
insetOverride?: HOCSpacingKeys;
|
|
21
26
|
successComponent?: React.ReactNode;
|
|
27
|
+
upsaleContentTitle?: string;
|
|
28
|
+
sponsorId?: string;
|
|
22
29
|
} & UpsaleOptionsType;
|
|
23
30
|
export declare const UpsaleDialog: FC<UpsaleDialogProps>;
|
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { OptionSubmitType } from "../../exports/organisms";
|
|
3
2
|
export declare type UpsaleOptionType = {
|
|
4
3
|
title: string;
|
|
5
4
|
subtitle?: string;
|
|
6
5
|
optionId: string;
|
|
7
6
|
isFeatured?: boolean;
|
|
8
7
|
};
|
|
9
|
-
declare type ExtraLinkType = {
|
|
10
|
-
title: string;
|
|
11
|
-
onClick?: () => void;
|
|
12
|
-
href?: string;
|
|
13
|
-
};
|
|
14
8
|
export declare type UpsaleOptionsType = {
|
|
15
9
|
selectableOptions: UpsaleOptionType[];
|
|
16
10
|
selectedOption: string;
|
|
17
11
|
handleSelectedOption: (optionId: string) => void;
|
|
18
12
|
removeSelectedOption: () => void;
|
|
19
|
-
submitAction: OptionSubmitType;
|
|
20
|
-
extraLink?: ExtraLinkType;
|
|
21
|
-
numSelectableOptionsShown?: number;
|
|
22
13
|
children: React.ReactNode;
|
|
14
|
+
activeSelectedOption?: UpsaleOptionType;
|
|
23
15
|
};
|
|
24
16
|
declare type UpsaleOptionsProps = UpsaleOptionsType & {
|
|
25
17
|
showCheckoutView: boolean;
|