@popsure/dirty-swan 0.33.2 → 0.33.4

package/dist/cjs/index.js

@@ -8746,12 +8746,13 @@ var CurrencyInput = function (_a) {
         } }, props), void 0));
 };
 
-var css_248z$l = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}";
-var styles$k = {"container":"styles-module_container__3zJJC"};
+var css_248z$l = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}\n\n.styles-module_wide__VxDGe {\n  max-width: 736px;\n}";
+var styles$k = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b","wide":"styles-module_wide__VxDGe"};
 styleInject(css_248z$l);
 
 var Checkbox = function (_a) {
-    var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.labelClassName, labelClassName = _f === void 0 ? '' : _f, _g = _a.optionClassName, optionClassName = _g === void 0 ? '' : _g;
+    var _b;
+    var options = _a.options, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, _d = _a.wide, wide = _d === void 0 ? false : _d, _e = _a.inlineLayout, inlineLayout = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.labelClassName, labelClassName = _g === void 0 ? '' : _g, _h = _a.optionClassName, optionClassName = _h === void 0 ? '' : _h;
     var hasNoneValue = Object.keys(options).includes('NONE');
     var handleOnChange = function (newValue) {
         if (value === null || value === void 0 ? void 0 : value.includes(newValue)) {
@@ -8774,13 +8775,13 @@ var Checkbox = function (_a) {
         onChange(newValues);
     };
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, styles$k.container, 'd-flex gap8', {
-            ws10: wide,
-            ws6: !wide,
-            'fd-row': inlineLayout,
-            'f-wrap': inlineLayout,
-            'fd-column': !inlineLayout,
-        }) }, { children: entries.map(function (_a) {
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, styles$k.container, 'd-flex gap8', (_b = {},
+            _b[styles$k.wide] = wide,
+            _b[styles$k.narrow] = !wide,
+            _b['fd-row'] = inlineLayout,
+            _b['f-wrap'] = inlineLayout,
+            _b['fd-column'] = !inlineLayout,
+            _b)) }, { children: entries.map(function (_a) {
             var _b;
             var currentValue = _a[0], label = _a[1];
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
@@ -8845,7 +8846,7 @@ var useOnClose = function (onClose, isOpen, dismissable) {
     return { isClosing: isClosing, handleContainerClick: handleContainerClick, handleOnClose: handleOnClose, handleOnOverlayClick: handleOnOverlayClick };
 };
 
-var BottomModal = (function (_a) {
+var BottomModal = function (_a) {
     var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
     var _d = require$$0.useState(0), containerXOffset = _d[0], setContainerXOffset = _d[1];
     var _e = useOnClose(onClose, isOpen, dismissible), isClosing = _e.isClosing, handleContainerClick = _e.handleContainerClick, handleOnClose = _e.handleOnClose, handleOnOverlayClick = _e.handleOnOverlayClick;
@@ -8863,7 +8864,7 @@ var BottomModal = (function (_a) {
                     }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
                         dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
                 jsxRuntime.jsx("div", __assign({ className: styles$j.content }, { children: children }), void 0)] }), void 0) }), void 0));
-});
+};
 
 var css_248z$j = "@keyframes style-module_fade-in__nLzzO {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__IuSV7 {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 592px;\n  width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n  background-color: white;\n  border-radius: 8px;\n  margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}";
 var styles$i = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi"};
@@ -8871,7 +8872,7 @@ styleInject(css_248z$j);
 
 var imageClose = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
-var RegularModal = (function (_a) {
+var RegularModal = function (_a) {
     var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
     var _d = useOnClose(onClose, isOpen, dismissible), isClosing = _d.isClosing, handleContainerClick = _d.handleContainerClick, handleOnClose = _d.handleOnClose, handleOnOverlayClick = _d.handleOnOverlayClick;
     if (!isOpen) {
@@ -8882,13 +8883,13 @@ var RegularModal = (function (_a) {
                             'jc-end': !title
                         }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$i.title }, { children: title }), void 0),
                             dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$i.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
-});
+};
 
 var css_248z$i = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
 var styles$h = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
 styleInject(css_248z$i);
 
-var index$6 = (function (_a) {
+var BottomOrRegularModal = function (_a) {
     var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
     var mobileRef = require$$0.useRef(null);
     var _b = require$$0.useState('desktop'), visibleSize = _b[0], setVisibleSize = _b[1];
@@ -8907,7 +8908,7 @@ var index$6 = (function (_a) {
     }, []);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$h.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
             visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$h.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
-});
+};
 
 var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
@@ -36258,22 +36259,28 @@ var Markdown = function (_a) {
     return (jsxRuntime.jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
 };
 
+var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
 var images = {
-    aid: 'https://assets.cdn.feather-insurance.com/assets/images/aid.svg',
-    bed: 'https://assets.cdn.feather-insurance.com/assets/images/bed.svg',
-    bigDog: 'https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg',
-    brokenAquarium: 'https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg',
-    brokenGlass: 'https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg',
-    damagedLaptop: 'https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg',
-    moneyIncome: 'https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg',
-    washingMachine: 'https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg',
+    aid: basePath + "/aid.svg",
+    bed: basePath + "/bed.svg",
+    bigDog: basePath + "/bigDog.svg",
+    verticalIcons: {
+        dogLiability: basePath + "/dogLiabilityIcon.png",
+        dogLiability2x: basePath + "/dogLiabilityIcon2x.png",
+        dogLiability3x: basePath + "/dogLiabilityIcon3x.png",
+    },
+    brokenAquarium: basePath + "/brokenAquarium.svg",
+    brokenGlass: basePath + "/brokenGlass.svg",
+    damagedLaptop: basePath + "/damagedLaptop.svg",
+    moneyIncome: basePath + "/moneyIncome.svg",
+    washingMachine: basePath + "/washingMachine.svg",
 };
 
 exports.AutoSuggestInput = AutoSuggestInput;
 exports.AutoSuggestMultiSelect = index$1;
 exports.AutocompleteAddress = AutocompleteAddress;
 exports.BottomModal = BottomModal;
-exports.BottomOrRegularModal = index$6;
+exports.BottomOrRegularModal = BottomOrRegularModal;
 exports.Button = Button;
 exports.CardButton = CardButton;
 exports.CardWithLeftIcon = index$4;