@pushwoosh/dumb-components 1.1.135 → 1.1.136

package/FrequencyCapping/components/Settings/EditCappingSettings.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { NumberPicker } from '../../../NumberPicker';
@@ -15,27 +16,34 @@ export function EditCappingSettings(props) {
   const onDaysChange = useCallback(value => {
     onChange(messages, value);
   }, [messages, onChange]);
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$gap": 12,
     "$alignItems": "center",
     style: {
       gridTemplateColumns: '145px 70px 90px 70px 40px'
-    }
-  }, React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX"
-  })), React.createElement(NumberPicker, {
-    value: messages,
-    minValue: 1,
-    maxValue: 1000,
-    onChange: value => onMessagesChange(value)
-  }), React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER"
-  })), React.createElement(NumberPicker, {
-    maxValue: 30,
-    minValue: 1,
-    value: days,
-    onChange: value => onDaysChange(value)
-  }), React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS"
-  })));
+    },
+    children: [_jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX"
+      })
+    }), _jsx(NumberPicker, {
+      value: messages,
+      minValue: 1,
+      maxValue: 1000,
+      onChange: value => onMessagesChange(value)
+    }), _jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER"
+      })
+    }), _jsx(NumberPicker, {
+      maxValue: 30,
+      minValue: 1,
+      value: days,
+      onChange: value => onDaysChange(value)
+    }), _jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS"
+      })
+    })]
+  });
 }

package/FrequencyCapping/components/Settings/EditInAppCappingSettings.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { Paragraph, Text } from '@pushwoosh/kit-typography';
 import { Checkbox } from '../../../Checkbox';
@@ -87,74 +88,88 @@ export function EditInAppCappingSettings(props) {
       }
     });
   }, [capping, onChange]);
-  return React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC"
-  })), React.createElement(Columns, {
-    "$sizes": "100px 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
-    }),
-    isChecked: hasTotal,
-    onChange: onTotalToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$total = capping.total) === null || _capping$total === void 0 ? void 0 : _capping$total.count) ?? 1,
-    minValue: 1,
-    maxValue: 1000,
-    isDisabled: !hasTotal,
-    onChange: onTotalCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS"
-  }))), React.createElement(Columns, {
-    "$sizes": "100px 80px auto 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
-    }),
-    isChecked: hasPerDays,
-    onChange: onPerDaysToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$perDays = capping.perDays) === null || _capping$perDays === void 0 ? void 0 : _capping$perDays.count) ?? 1,
-    minValue: 1,
-    maxValue: 1000,
-    isDisabled: !hasPerDays,
-    onChange: onPerDaysCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN"
-  })), React.createElement(NumberPicker, {
-    value: ((_capping$perDays2 = capping.perDays) === null || _capping$perDays2 === void 0 ? void 0 : _capping$perDays2.days) ?? 1,
-    minValue: 1,
-    maxValue: 366,
-    isDisabled: !hasPerDays,
-    onChange: onPerDaysDaysChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS"
-  }))), React.createElement(Columns, {
-    "$sizes": "100px 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.ENABLE"
-    }),
-    isChecked: hasLeastDays,
-    onChange: onLeastDaysToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$leastDays = capping.leastDays) === null || _capping$leastDays === void 0 ? void 0 : _capping$leastDays.count) ?? 1,
-    minValue: 1,
-    maxValue: 366,
-    isDisabled: !hasLeastDays,
-    onChange: onLeastDaysCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL"
-  }))));
+  return _jsxs(Vertical, {
+    "$gap": 8,
+    children: [_jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC"
+      })
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+        }),
+        isChecked: hasTotal,
+        onChange: onTotalToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$total = capping.total) === null || _capping$total === void 0 ? void 0 : _capping$total.count) ?? 1,
+        minValue: 1,
+        maxValue: 1000,
+        isDisabled: !hasTotal,
+        onChange: onTotalCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS"
+        })
+      })]
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+        }),
+        isChecked: hasPerDays,
+        onChange: onPerDaysToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$perDays = capping.perDays) === null || _capping$perDays === void 0 ? void 0 : _capping$perDays.count) ?? 1,
+        minValue: 1,
+        maxValue: 1000,
+        isDisabled: !hasPerDays,
+        onChange: onPerDaysCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN"
+        })
+      }), _jsx(NumberPicker, {
+        value: ((_capping$perDays2 = capping.perDays) === null || _capping$perDays2 === void 0 ? void 0 : _capping$perDays2.days) ?? 1,
+        minValue: 1,
+        maxValue: 366,
+        isDisabled: !hasPerDays,
+        onChange: onPerDaysDaysChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS"
+        })
+      })]
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.ENABLE"
+        }),
+        isChecked: hasLeastDays,
+        onChange: onLeastDaysToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$leastDays = capping.leastDays) === null || _capping$leastDays === void 0 ? void 0 : _capping$leastDays.count) ?? 1,
+        minValue: 1,
+        maxValue: 366,
+        isDisabled: !hasLeastDays,
+        onChange: onLeastDaysCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL"
+        })
+      })]
+    })]
+  });
 }

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type FrequencyCappingLang } from '../polyglot';
 import { type CappingBase, CappingTypes } from '../types';
 export declare function getReadonlyCappingLabel<T extends CappingBase>(cappingOption: CappingTypes, isGlobalCappingDisabled: boolean, capping: T, globalCapping: {
     count: number;
     days: number;
-}, isInJourney: boolean, lang: FrequencyCappingLang): React.JSX.Element;
+}, isInJourney: boolean, lang: FrequencyCappingLang): import("react/jsx-runtime").JSX.Element;

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { getCappingChipText } from './getCappingChipText';
@@ -9,42 +9,51 @@ import { CappingTypes } from '../types';
 export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney, lang) {
   const tooltip = getReadonlyTooltip(cappingOption, isInJourney, lang);
   if (cappingOption === CappingTypes.CUSTOM) {
-    return React.createElement(React.Fragment, null, lang({
-      message: 'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL'
-    }), React.createElement(ChipFrequencyCapping, {
-      text: getCappingChipText(lang, capping.messages, capping.days),
-      tooltip: tooltip
-    }));
+    return _jsxs(_Fragment, {
+      children: [lang({
+        message: 'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL'
+      }), _jsx(ChipFrequencyCapping, {
+        text: getCappingChipText(lang, capping.messages, capping.days),
+        tooltip: tooltip
+      })]
+    });
   }
   if (cappingOption === CappingTypes.IGNORE) {
-    return React.createElement(Horizontal, {
+    return _jsxs(Horizontal, {
       "$alignItems": "center",
       "$gap": 4,
-      "$justifyContent": "start"
-    }, lang({
-      message: 'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL'
-    }), React.createElement(Tooltip, {
-      content: tooltip,
-      position: "top-middle"
-    }, React.createElement(IconWrapper, {
-      "$padding": "4px 0"
-    }, React.createElement(HelpRoundIcon, {
-      size: "small",
-      view: "lined"
-    }))));
+      "$justifyContent": "start",
+      children: [lang({
+        message: 'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL'
+      }), _jsx(Tooltip, {
+        content: tooltip,
+        position: "top-middle",
+        children: _jsx(IconWrapper, {
+          "$padding": "4px 0",
+          children: _jsx(HelpRoundIcon, {
+            size: "small",
+            view: "lined"
+          })
+        })
+      })]
+    });
   }
-  return isGlobalCappingDisabled ? React.createElement(React.Fragment, null, lang({
-    message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
-  }), React.createElement(ChipFrequencyCapping, {
-    text: getCappingChipText(lang, 0, 0)
-  }), lang({
-    message: 'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET'
-  })) : React.createElement(React.Fragment, null, lang({
-    message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
-  }), React.createElement(ChipFrequencyCapping, {
-    text: getCappingChipText(lang, globalCapping.count, globalCapping.days),
-    tooltip: tooltip
-  }));
+  return isGlobalCappingDisabled ? _jsxs(_Fragment, {
+    children: [lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
+    }), _jsx(ChipFrequencyCapping, {
+      text: getCappingChipText(lang, 0, 0)
+    }), lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET'
+    })]
+  }) : _jsxs(_Fragment, {
+    children: [lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
+    }), _jsx(ChipFrequencyCapping, {
+      text: getCappingChipText(lang, globalCapping.count, globalCapping.days),
+      tooltip: tooltip
+    })]
+  });
 }
 function getReadonlyTooltip(cappingOption, isInJourney, lang) {
   if (cappingOption === CappingTypes.IGNORE) {

package/GetStartedPage/GetStartedPage.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CheckRoundIcon, LockIcon } from '@pushwoosh/kit-icons';
@@ -14,29 +14,48 @@ export function GetStartedPage(props) {
     checkList = [],
     actions = null
   } = props;
-  return React.createElement(GradientBackground, null, React.createElement(Wrapper, null, React.createElement(ContentBox, null, React.createElement(Vertical, {
-    "$gap": 16
-  }, React.createElement(Vertical, {
-    "$gap": 4
-  }, React.createElement(H1, null, title), React.createElement(Paragraph, null, description)), !!checkList.length && React.createElement(UnorderedList, null, checkList.map(text => React.createElement(UnorderedListItem, {
-    key: `item-${text}`
-  }, React.createElement(UnorderedListIcon, null, React.createElement(CheckRoundIcon, {
-    color: Color.SUCCESS,
-    size: "small",
-    type: "fill",
-    view: "filled"
-  })), React.createElement(UnorderedListText, null, text))))), (helpText || actions) && React.createElement(Vertical, {
-    "$gap": 16
-  }, helpText && React.createElement(Banner, {
-    type: "info",
-    view: "ghost",
-    title: helpText,
-    icon: React.createElement(LockIcon, {
-      view: "filled",
-      size: "small"
+  return _jsx(GradientBackground, {
+    children: _jsxs(Wrapper, {
+      children: [_jsxs(ContentBox, {
+        children: [_jsxs(Vertical, {
+          "$gap": 16,
+          children: [_jsxs(Vertical, {
+            "$gap": 4,
+            children: [_jsx(H1, {
+              children: title
+            }), _jsx(Paragraph, {
+              children: description
+            })]
+          }), !!checkList.length && _jsx(UnorderedList, {
+            children: checkList.map(text => _jsxs(UnorderedListItem, {
+              children: [_jsx(UnorderedListIcon, {
+                children: _jsx(CheckRoundIcon, {
+                  color: Color.SUCCESS,
+                  size: "small",
+                  type: "fill",
+                  view: "filled"
+                })
+              }), _jsx(UnorderedListText, {
+                children: text
+              })]
+            }, `item-${text}`))
+          })]
+        }), (helpText || actions) && _jsxs(Vertical, {
+          "$gap": 16,
+          children: [helpText && _jsx(Banner, {
+            type: "info",
+            view: "ghost",
+            title: helpText,
+            icon: _jsx(LockIcon, {
+              view: "filled",
+              size: "small"
+            })
+          }), actions]
+        })]
+      }), _jsx(Image, {
+        alt: title,
+        src: image
+      })]
     })
-  }), actions)), React.createElement(Image, {
-    alt: title,
-    src: image
-  })));
+  });
 }

package/InputFile/InputFile.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { AttachmentIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
@@ -49,39 +50,47 @@ export function InputFile({
     };
     reader.readAsDataURL(file);
   };
-  return React.createElement(FieldBox, {
+  return _jsxs(FieldBox, {
     title: label,
-    error: errorText
-  }, React.createElement(InputFileFieldsStyled, null, React.createElement(InputFileInputHiddenStyled, {
-    ref: fieldRef,
-    id: fileId,
-    type: "file",
-    disabled: disabled,
-    accept: accept,
-    onChange: uploadFile,
-    value: ""
-  }), React.createElement(InputFileInputStyled, {
-    id: textId,
-    type: "text",
-    disabled: disabled,
-    placeholder: placeholder,
-    value: fileName,
-    readOnly: true,
-    color: errorText ? Color.DANGER : Color.FORM
-  }), React.createElement(InputFileButtonStyled, null, React.createElement(Button, {
-    id: buttonId,
-    type: "button",
-    color: "secondary",
-    size: "field",
-    view: "shape",
-    isDisabled: disabled,
-    onClick: () => {
-      var _fieldRef$current;
-      return fieldRef === null || fieldRef === void 0 || (_fieldRef$current = fieldRef.current) === null || _fieldRef$current === void 0 ? void 0 : _fieldRef$current.click();
-    },
-    icon: React.createElement(AttachmentIcon, {
-      size: "medium",
-      view: "lined"
-    })
-  }, buttonText))), !!errorText && React.createElement(InputFileErrorStyled, null, errorText));
+    error: errorText,
+    children: [_jsxs(InputFileFieldsStyled, {
+      children: [_jsx(InputFileInputHiddenStyled, {
+        ref: fieldRef,
+        id: fileId,
+        type: "file",
+        disabled: disabled,
+        accept: accept,
+        onChange: uploadFile,
+        value: ""
+      }), _jsx(InputFileInputStyled, {
+        id: textId,
+        type: "text",
+        disabled: disabled,
+        placeholder: placeholder,
+        value: fileName,
+        readOnly: true,
+        color: errorText ? Color.DANGER : Color.FORM
+      }), _jsx(InputFileButtonStyled, {
+        children: _jsx(Button, {
+          id: buttonId,
+          type: "button",
+          color: "secondary",
+          size: "field",
+          view: "shape",
+          isDisabled: disabled,
+          onClick: () => {
+            var _fieldRef$current;
+            return fieldRef === null || fieldRef === void 0 || (_fieldRef$current = fieldRef.current) === null || _fieldRef$current === void 0 ? void 0 : _fieldRef$current.click();
+          },
+          icon: _jsx(AttachmentIcon, {
+            size: "medium",
+            view: "lined"
+          }),
+          children: buttonText
+        })
+      })]
+    }), !!errorText && _jsx(InputFileErrorStyled, {
+      children: errorText
+    })]
+  });
 }

package/Link/Link.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { LinkBox } from './styles';
 export function Link(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(LinkBox, {
+  return _jsx(LinkBox, {
     ...rest,
     ref: boxRef
   });

package/Modal/components/Modal/Modal.js

@@ -1,4 +1,5 @@
-import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { modalSizes } from './maps';
 import { LockBody, ModalBox, ModalBoxTrans, ModalContainer, ModalInner } from './styles';
@@ -33,16 +34,20 @@ export function Modal(props) {
     (_document$body$lastCh = document.body.lastChild) === null || _document$body$lastCh === void 0 || _document$body$lastCh.after(element);
     return () => element.remove();
   }, [element]);
-  return createPortal(React.createElement(ModalBoxTrans, {
+  return createPortal(_jsx(ModalBoxTrans, {
     nodeRef: ref,
-    isOpen: isOpen
-  }, React.createElement(ModalBox, {
-    ref: ref,
-    "$zIndex": resolvedZIndex
-  }, React.createElement(LockBody, null), React.createElement(ModalInner, {
-    onMouseDown: handleClose
-  }, React.createElement(ModalContainer, {
-    "$width": modalSizes[size],
-    onClick: handleClose
-  }, typeof children === 'function' ? children() : children)))), element);
+    isOpen: isOpen,
+    children: _jsxs(ModalBox, {
+      ref: ref,
+      "$zIndex": resolvedZIndex,
+      children: [_jsx(LockBody, {}), _jsx(ModalInner, {
+        onMouseDown: handleClose,
+        children: _jsx(ModalContainer, {
+          "$width": modalSizes[size],
+          onClick: handleClose,
+          children: typeof children === 'function' ? children() : children
+        })
+      })]
+    })
+  }), element);
 }

package/Modal/components/Modal/styles.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CSSTransition } from 'react-transition-group';
 import styled, { createGlobalStyle } from 'styled-components';
 import { ShapeRadius } from '@pushwoosh/kit-constants';
@@ -21,14 +21,15 @@ function ModalBoxBase(props) {
     className,
     children
   } = props;
-  return React.createElement(CSSTransition, {
+  return _jsx(CSSTransition, {
     appear: true,
     in: isOpen,
     timeout: animationTimeout,
     classNames: className,
     unmountOnExit: true,
-    nodeRef: nodeRef
-  }, children);
+    nodeRef: nodeRef,
+    children: children
+  });
 }
 export const ModalBoxTrans = styled(ModalBoxBase).withConfig({
   displayName: "ModalBoxTrans",

package/Modal/components/ModalConfirm/ModalConfirm.js

@@ -1,4 +1,5 @@
-import React, { useState, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
 import { Vertical, Horizontal } from '@pushwoosh/kit-helpers';
 import { Banner } from '../../../Banner';
 import { Button } from '../../../Button';
@@ -45,24 +46,37 @@ export function ModalConfirm(props) {
       setIsLoading(false);
     }
   }, [callback, onAccept, lang]);
-  return React.createElement(Modal, {
+  return _jsxs(Modal, {
     size: size,
     isOpen: isOpen,
-    onClose: onCancel
-  }, React.createElement(ModalHeader, null, React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(ModalTitle, null, resolvedTitle), errorMessage && React.createElement(Banner, {
-    type: "error",
-    title: errorMessage
-  }))), description && React.createElement(ModalBody, null, description), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
-    "$justifyContent": "end",
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: onCancel
-  }, resolvedCancelText), React.createElement(Button, {
-    color: confirmButtonColor,
-    isLoading: isLoading,
-    onClick: handleConfirm
-  }, resolvedConfirmText))));
+    onClose: onCancel,
+    children: [_jsx(ModalHeader, {
+      children: _jsxs(Vertical, {
+        "$gap": 8,
+        children: [_jsx(ModalTitle, {
+          children: resolvedTitle
+        }), errorMessage && _jsx(Banner, {
+          type: "error",
+          title: errorMessage
+        })]
+      })
+    }), description && _jsx(ModalBody, {
+      children: description
+    }), _jsx(ModalFooter, {
+      children: _jsxs(Horizontal, {
+        "$justifyContent": "end",
+        "$gap": 8,
+        children: [_jsx(Button, {
+          color: "secondary",
+          onClick: onCancel,
+          children: resolvedCancelText
+        }), _jsx(Button, {
+          color: confirmButtonColor,
+          isLoading: isLoading,
+          onClick: handleConfirm,
+          children: resolvedConfirmText
+        })]
+      })
+    })]
+  });
 }