@telefonica/mistica 12.9.0 → 12.9.1

package/dist-es/dialog.js

@@ -1,6 +1,165 @@
+function _assertThisInitialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assertThisInitialized(self);
+}
+function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _setPrototypeOf(o, p);
+}
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+        var Super = _getPrototypeOf(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _getPrototypeOf(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possibleConstructorReturn(this, result);
+    };
+}
 var O = Object.defineProperty;
-var W = (e, o, t) => o in e ? O(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var p = (e, o, t) => (W(e, typeof o != "symbol" ? o + "" : o, t), t);
+var W = function(e, o, t) {
+    return o in e ? O(e, o, {
+        enumerable: !0,
+        configurable: !0,
+        writable: !0,
+        value: t
+    }) : e[o] = t;
+};
+var p = function(e, o, t) {
+    return W(e, (typeof o === "undefined" ? "undefined" : _typeof(o)) != "symbol" ? o + "" : o, t), t;
+};
 import * as c from "react";
 import E from "classnames";
 import { ButtonDanger as L, ButtonPrimary as H, ButtonSecondary as M } from "./button.js";
@@ -21,411 +180,434 @@ import { useSetModalState as ee } from "./modal-context-provider.js";
 import { pxToRem as te } from "./utils/css.js";
 import oe from "./stack.js";
 import { jsx as n, jsxs as w, Fragment as ne } from "./_virtual/jsx-runtime.js";
-const N = (e) => !J(e) && process.env.NODE_ENV !== "test" && !Q(e), A = 26, ae = R((e) => ({
-  wrapper: {
-    position: "relative",
-    zIndex: A
-  },
-  modalOpacityLayer: {
-    display: "flex",
-    flexDirection: "column",
-    position: "fixed",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    zIndex: A,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 0,
-    minWidth: 0,
-    background: e.colors.backgroundOverlay,
-    animation: "$fadeIn .2s ease-in-out",
-    transition: "opacity .2s ease-in-out",
-    "&.closed": {
-      opacity: 0
-    }
-  },
-  "@keyframes fadeIn": {
-    "0%": {
-      opacity: 0
-    },
-    "100%": {
-      opacity: 1
-    }
-  },
-  modalCloseButtonContainer: {
-    position: "absolute",
-    top: 0,
-    right: 0,
-    padding: 24
-  },
-  modalContent: {
-    background: e.colors.background,
-    borderRadius: 8,
-    animation: "$fadeScale .2s ease-in-out",
-    willChange: "transform, opacity",
-    transition: "opacity .2s ease-in-out, transform .2s ease-in-out",
-    "&.closed": {
-      opacity: 0,
-      transform: "scale(.8)"
-    }
-  },
-  [e.mq.tabletOrSmaller]: {
-    modalCloseButtonContainer: {
-      padding: 16
-    }
-  },
-  "@keyframes fadeScale": {
-    "0%": {
-      opacity: 0,
-      transform: "scale(.8)"
-    },
-    "100%": {
-      opacity: 1,
-      transform: "scale(1)"
-    }
-  }
-})), ie = R((e) => ({
-  dialogContainer: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "space-between",
-    width: 680,
-    padding: 40,
-    maxHeight: "calc(100vh - 64px)"
-  },
-  dialogContent: {
-    flex: 1,
-    minHeight: 0,
-    overflowY: "auto"
-  },
-  [e.mq.tabletOrSmaller]: {
-    dialogContainer: {
-      width: "calc(100vw - 48px)",
-      margin: "auto",
-      padding: ({
-        isDialog: o
-      }) => o ? "40px 24px 24px" : 24
-    }
-  }
-})), le = (e) => {
-  const {
-    texts: o,
-    colors: t
-  } = I(), {
-    className: a,
-    title: l,
-    message: s,
-    icon: r,
-    extra: i,
-    cancelText: d = o.dialogCancelButton,
-    acceptText: u = o.dialogAcceptButton,
-    onCancel: x,
-    onAccept: C,
-    showCancel: y = !1,
-    destructive: m = !1
-  } = e, {
-    isTabletOrSmaller: v
-  } = $(), h = ie({
-    isDialog: !!e.forceWeb
-  }), g = {
-    onPress: C || (() => {
-    }),
-    dataAttributes: {
-      testid: "dialog-accept-button"
-    },
-    children: u
-  };
-  return /* @__PURE__ */ w("div", {
-    className: E(h.dialogContainer, a),
-    children: [r && /* @__PURE__ */ n(k, {
-      paddingBottom: 24,
-      children: c.cloneElement(r, {
-        size: te(v ? 40 : 64)
-      })
-    }), l && /* @__PURE__ */ n(k, {
-      paddingBottom: 16,
-      children: e.forceWeb ? /* @__PURE__ */ n(Y, {
-        as: "h2",
-        children: l
-      }) : /* @__PURE__ */ n(P, {
-        regular: !0,
-        as: "h2",
-        children: l
-      })
-    }), e.subtitle && /* @__PURE__ */ n(k, {
-      paddingBottom: 16,
-      children: /* @__PURE__ */ n(P, {
-        regular: !0,
-        as: "h2",
-        children: e.subtitle
-      })
-    }), /* @__PURE__ */ n("div", {
-      className: h.dialogContent,
-      children: /* @__PURE__ */ w(oe, {
-        space: 16,
-        children: [/* @__PURE__ */ n(Z, {
-          color: t.textSecondary,
-          regular: !0,
-          children: s
-        }), i]
-      })
-    }), /* @__PURE__ */ n(k, {
-      paddingTop: v ? 24 : 32,
-      children: /* @__PURE__ */ w(X, {
-        link: e.forceWeb ? e.link : void 0,
-        children: [
-          m ? /* @__PURE__ */ n(L, {
-            tabIndex: 1,
-            ...g
-          }) : /* @__PURE__ */ n(H, {
-            tabIndex: 1,
-            ...g
-          }),
-          y && !!x && /* @__PURE__ */ n(M, {
-            tabIndex: 2,
-            onPress: x,
-            dataAttributes: {
-              testid: "dialog-cancel-button"
+var N = function(e) {
+    return !J(e) && process.env.NODE_ENV !== "test" && !Q(e);
+}, A = 26, ae = R(function(e) {
+    var _obj;
+    return _obj = {
+        wrapper: {
+            position: "relative",
+            zIndex: A
+        },
+        modalOpacityLayer: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            zIndex: A,
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: 0,
+            minWidth: 0,
+            background: e.colors.backgroundOverlay,
+            animation: "$fadeIn .2s ease-in-out",
+            transition: "opacity .2s ease-in-out",
+            "&.closed": {
+                opacity: 0
+            }
+        },
+        "@keyframes fadeIn": {
+            "0%": {
+                opacity: 0
             },
-            children: d
-          })
-        ]
-      })
-    })]
-  });
-}, se = ({
-  showCancel: e,
-  message: o,
-  title: t,
-  acceptText: a,
-  cancelText: l,
-  onAccept: s,
-  onCancel: r
-}) => e ? q({
-  message: o,
-  title: t,
-  cancelText: l,
-  acceptText: a
-}).then((i) => i ? s == null ? void 0 : s() : r == null ? void 0 : r()) : K({
-  message: o,
-  title: t,
-  buttonText: a
-}).then(s), re = ({
-  renderNative: e,
-  onAccept: o,
-  onCancel: t,
-  acceptText: a,
-  cancelText: l,
-  showCancel: s,
-  message: r,
-  title: i
-}) => {
-  const d = c.useRef(o).current, u = c.useRef(t).current;
-  c.useEffect(() => {
-    e && se({
-      acceptText: a,
-      cancelText: l,
-      showCancel: s,
-      message: r,
-      title: i,
-      onAccept: d,
-      onCancel: u
+            "100%": {
+                opacity: 1
+            }
+        },
+        modalCloseButtonContainer: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            padding: 24
+        },
+        modalContent: {
+            background: e.colors.background,
+            borderRadius: 8,
+            animation: "$fadeScale .2s ease-in-out",
+            willChange: "transform, opacity",
+            transition: "opacity .2s ease-in-out, transform .2s ease-in-out",
+            "&.closed": {
+                opacity: 0,
+                transform: "scale(.8)"
+            }
+        }
+    }, _defineProperty(_obj, e.mq.tabletOrSmaller, {
+        modalCloseButtonContainer: {
+            padding: 16
+        }
+    }), _defineProperty(_obj, "@keyframes fadeScale", {
+        "0%": {
+            opacity: 0,
+            transform: "scale(.8)"
+        },
+        "100%": {
+            opacity: 1,
+            transform: "scale(1)"
+        }
+    }), _obj;
+}), ie = R(function(e) {
+    return _defineProperty({
+        dialogContainer: {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: 680,
+            padding: 40,
+            maxHeight: "calc(100vh - 64px)"
+        },
+        dialogContent: {
+            flex: 1,
+            minHeight: 0,
+            overflowY: "auto"
+        }
+    }, e.mq.tabletOrSmaller, {
+        dialogContainer: {
+            width: "calc(100vw - 48px)",
+            margin: "auto",
+            padding: function(param) {
+                var o = param.isDialog;
+                return o ? "40px 24px 24px" : 24;
+            }
+        }
     });
-  }, [d, u, a, l, s, r, i, e]);
-}, ce = (e) => (re({
-  renderNative: !0,
-  acceptText: e.acceptText || e.dialogAcceptButton,
-  cancelText: e.cancelText || e.dialogCancelButton,
-  showCancel: e.showCancel,
-  message: e.message,
-  title: e.title,
-  onAccept: e.onAccept,
-  onCancel: e.onCancel
-}), null), de = (e) => {
-  var D;
-  const {
-    platformOverrides: o
-  } = I(), t = c.useContext(U), a = ae(), l = c.useRef(process.env.NODE_ENV === "test");
-  if (!t)
-    throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
-  const s = !e.forceWeb && _(), {
-    onAccept: r,
-    isClosing: i,
-    onCancel: d,
-    onCloseTransitionEnd: u,
-    ...x
-  } = e, C = c.useCallback(() => {
-    !i && l.current && r();
-  }, [i, r]), y = c.useCallback(() => {
-    !i && l.current && d();
-  }, [i, d]), m = e.showCancel ? y : C, v = c.useCallback((f) => {
-    e.showClose && (m(), f.stopPropagation());
-  }, [m, e.showClose]), h = c.useCallback((f) => {
-    f.keyCode === G && (m(), f.stopPropagation(), f.preventDefault());
-  }, [m]), g = c.useCallback(() => {
-    document.addEventListener("keydown", h);
-  }, [h]);
-  c.useEffect(() => (N(o) || g(), (s || !N(o)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), () => {
-    document.removeEventListener("keydown", h);
-  }), [g, h, e, s, o]);
-  const T = ee();
-  return c.useEffect(() => (T({
-    isModalOpen: !0
-  }), () => {
-    T({
-      isModalOpen: !1
+}), le = function(e) {
+    var ref = I(), o = ref.texts, t = ref.colors, a = e.className, l = e.title, s = e.message, r = e.icon, i = e.extra, tmp = e.cancelText, d = tmp === void 0 ? o.dialogCancelButton : tmp, tmp1 = e.acceptText, u = tmp1 === void 0 ? o.dialogAcceptButton : tmp1, x = e.onCancel, C = e.onAccept, tmp2 = e.showCancel, y = tmp2 === void 0 ? !1 : tmp2, tmp3 = e.destructive, m = tmp3 === void 0 ? !1 : tmp3, ref1 = $(), v = ref1.isTabletOrSmaller, h = ie({
+        isDialog: !!e.forceWeb
+    }), g = {
+        onPress: C || function() {},
+        dataAttributes: {
+            testid: "dialog-accept-button"
+        },
+        children: u
+    };
+    return /* @__PURE__ */ w("div", {
+        className: E(h.dialogContainer, a),
+        children: [
+            r && /* @__PURE__ */ n(k, {
+                paddingBottom: 24,
+                children: /*#__PURE__*/ c.cloneElement(r, {
+                    size: te(v ? 40 : 64)
+                })
+            }),
+            l && /* @__PURE__ */ n(k, {
+                paddingBottom: 16,
+                children: e.forceWeb ? /* @__PURE__ */ n(Y, {
+                    as: "h2",
+                    children: l
+                }) : /* @__PURE__ */ n(P, {
+                    regular: !0,
+                    as: "h2",
+                    children: l
+                })
+            }),
+            e.subtitle && /* @__PURE__ */ n(k, {
+                paddingBottom: 16,
+                children: /* @__PURE__ */ n(P, {
+                    regular: !0,
+                    as: "h2",
+                    children: e.subtitle
+                })
+            }),
+            /* @__PURE__ */ n("div", {
+                className: h.dialogContent,
+                children: /* @__PURE__ */ w(oe, {
+                    space: 16,
+                    children: [
+                        /* @__PURE__ */ n(Z, {
+                            color: t.textSecondary,
+                            regular: !0,
+                            children: s
+                        }),
+                        i
+                    ]
+                })
+            }),
+            /* @__PURE__ */ n(k, {
+                paddingTop: v ? 24 : 32,
+                children: /* @__PURE__ */ w(X, {
+                    link: e.forceWeb ? e.link : void 0,
+                    children: [
+                        m ? /* @__PURE__ */ n(L, _objectSpread({
+                            tabIndex: 1
+                        }, g)) : /* @__PURE__ */ n(H, _objectSpread({
+                            tabIndex: 1
+                        }, g)),
+                        y && !!x && /* @__PURE__ */ n(M, {
+                            tabIndex: 2,
+                            onPress: x,
+                            dataAttributes: {
+                                testid: "dialog-cancel-button"
+                            },
+                            children: d
+                        })
+                    ]
+                })
+            })
+        ]
     });
-  }), [T]), s ? /* @__PURE__ */ n(ce, {
-    ...e,
-    dialogAcceptButton: t.texts.dialogAcceptButton,
-    dialogCancelButton: t.texts.dialogCancelButton
-  }) : /* @__PURE__ */ n(j, {
-    children: /* @__PURE__ */ n("div", {
-      className: a.wrapper,
-      children: /* @__PURE__ */ n(z, {
+}, se = function(param) {
+    var e = param.showCancel, o = param.message, t = param.title, a = param.acceptText, l = param.cancelText, s = param.onAccept, r = param.onCancel;
+    return e ? q({
+        message: o,
+        title: t,
+        cancelText: l,
+        acceptText: a
+    }).then(function(i) {
+        return i ? s == null ? void 0 : s() : r == null ? void 0 : r();
+    }) : K({
+        message: o,
+        title: t,
+        buttonText: a
+    }).then(s);
+}, re = function(param) {
+    var e = param.renderNative, o = param.onAccept, t = param.onCancel, a = param.acceptText, l = param.cancelText, s = param.showCancel, r = param.message, i = param.title;
+    var d = c.useRef(o).current, u = c.useRef(t).current;
+    c.useEffect(function() {
+        e && se({
+            acceptText: a,
+            cancelText: l,
+            showCancel: s,
+            message: r,
+            title: i,
+            onAccept: d,
+            onCancel: u
+        });
+    }, [
+        d,
+        u,
+        a,
+        l,
+        s,
+        r,
+        i,
+        e
+    ]);
+}, ce = function(e) {
+    return re({
+        renderNative: !0,
+        acceptText: e.acceptText || e.dialogAcceptButton,
+        cancelText: e.cancelText || e.dialogCancelButton,
+        showCancel: e.showCancel,
+        message: e.message,
+        title: e.title,
+        onAccept: e.onAccept,
+        onCancel: e.onCancel
+    }), null;
+}, de = function(e) {
+    var D;
+    var ref = I(), o = ref.platformOverrides, t = c.useContext(U), a = ae(), l = c.useRef(process.env.NODE_ENV === "test");
+    if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
+    var s = !e.forceWeb && _(), r = e.onAccept, i = e.isClosing, d = e.onCancel, u = e.onCloseTransitionEnd, x = _objectWithoutProperties(e, [
+        "onAccept",
+        "isClosing",
+        "onCancel",
+        "onCloseTransitionEnd"
+    ]), C = c.useCallback(function() {
+        !i && l.current && r();
+    }, [
+        i,
+        r
+    ]), y = c.useCallback(function() {
+        !i && l.current && d();
+    }, [
+        i,
+        d
+    ]), m = e.showCancel ? y : C, v = c.useCallback(function(f) {
+        e.showClose && (m(), f.stopPropagation());
+    }, [
+        m,
+        e.showClose
+    ]), h = c.useCallback(function(f) {
+        f.keyCode === G && (m(), f.stopPropagation(), f.preventDefault());
+    }, [
+        m
+    ]), g = c.useCallback(function() {
+        document.addEventListener("keydown", h);
+    }, [
+        h
+    ]);
+    c.useEffect(function() {
+        return N(o) || g(), (s || !N(o)) && e.isClosing && e.onCloseTransitionEnd && e.onCloseTransitionEnd(), function() {
+            document.removeEventListener("keydown", h);
+        };
+    }, [
+        g,
+        h,
+        e,
+        s,
+        o
+    ]);
+    var T = ee();
+    return c.useEffect(function() {
+        return T({
+            isModalOpen: !0
+        }), function() {
+            T({
+                isModalOpen: !1
+            });
+        };
+    }, [
+        T
+    ]), s ? /* @__PURE__ */ n(ce, _objectSpreadProps(_objectSpread({}, e), {
+        dialogAcceptButton: t.texts.dialogAcceptButton,
+        dialogCancelButton: t.texts.dialogCancelButton
+    })) : /* @__PURE__ */ n(j, {
         children: /* @__PURE__ */ n("div", {
-          onClick: v,
-          className: E(a.modalOpacityLayer, {
-            closed: i
-          }),
-          role: "dialog",
-          children: /* @__PURE__ */ n("div", {
-            onClick: (f) => f.stopPropagation(),
-            children: /* @__PURE__ */ w("div", {
-              onTransitionEnd: i && u ? u : void 0,
-              onAnimationEnd: () => {
-                l.current = !0, g();
-              },
-              className: E(a.modalContent, {
-                closed: i
-              }),
-              children: [e.showClose && /* @__PURE__ */ n("div", {
-                className: a.modalCloseButtonContainer,
-                children: /* @__PURE__ */ n(V, {
-                  onPress: m,
-                  "aria-label": (D = t.texts.modalClose) != null ? D : t.texts.closeButtonLabel,
-                  children: /* @__PURE__ */ n(F, {
-                    color: t.colors.neutralHigh
-                  })
+            className: a.wrapper,
+            children: /* @__PURE__ */ n(z, {
+                children: /* @__PURE__ */ n("div", {
+                    onClick: v,
+                    className: E(a.modalOpacityLayer, {
+                        closed: i
+                    }),
+                    role: "dialog",
+                    children: /* @__PURE__ */ n("div", {
+                        onClick: function(f) {
+                            return f.stopPropagation();
+                        },
+                        children: /* @__PURE__ */ w("div", {
+                            onTransitionEnd: i && u ? u : void 0,
+                            onAnimationEnd: function() {
+                                l.current = !0, g();
+                            },
+                            className: E(a.modalContent, {
+                                closed: i
+                            }),
+                            children: [
+                                e.showClose && /* @__PURE__ */ n("div", {
+                                    className: a.modalCloseButtonContainer,
+                                    children: /* @__PURE__ */ n(V, {
+                                        onPress: m,
+                                        "aria-label": (D = t.texts.modalClose) != null ? D : t.texts.closeButtonLabel,
+                                        children: /* @__PURE__ */ n(F, {
+                                            color: t.colors.neutralHigh
+                                        })
+                                    })
+                                }),
+                                /* @__PURE__ */ n(le, _objectSpreadProps(_objectSpread({}, x), {
+                                    onCancel: y,
+                                    onAccept: C
+                                }))
+                            ]
+                        })
+                    })
                 })
-              }), /* @__PURE__ */ n(le, {
-                ...x,
-                onCancel: y,
-                onAccept: C
-              })]
             })
-          })
         })
-      })
-    })
-  });
-};
-let B = null, b = 0;
-class Ae extends c.Component {
-  constructor() {
-    super(...arguments);
-    p(this, "state", {
-      dialogProps: null,
-      isClosing: !1,
-      instanceNumber: b + 1
-    });
-    p(this, "callback", null);
-    p(this, "handleCloseFinished", () => {
-      this.setState({
-        dialogProps: null,
-        isClosing: !1
-      });
-    });
-    p(this, "handleBack", () => {
-      var t;
-      this.state.dialogProps && ((t = this.callback) == null || t.call(this), this.callback = null, this.setState({
-        isClosing: !0
-      }));
-    });
-  }
-  componentDidMount() {
-    b++, b === 1 && (B = this, window.addEventListener("popstate", this.handleBack));
-  }
-  componentWillUnmount() {
-    b--, b === 0 && (B = null, window.removeEventListener("popstate", this.handleBack));
-  }
-  show(t) {
-    if (this.state.dialogProps)
-      throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
-    window.history.pushState(null, document.title, window.location.href), this.setState({
-      dialogProps: t,
-      isClosing: !1
     });
-  }
-  close() {
-    window.history.back();
-  }
-  createCancelHandler(t) {
-    return () => {
-      t && (this.callback = () => t()), this.close();
+};
+var B = null, b = 0;
+var Ae = /*#__PURE__*/ function(_Component) {
+    "use strict";
+    _inherits(Ae, _Component);
+    var _super = _createSuper(Ae);
+    function Ae() {
+        _classCallCheck(this, Ae);
+        var _this;
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
+        p(_assertThisInitialized(_this), "state", {
+            dialogProps: null,
+            isClosing: !1,
+            instanceNumber: b + 1
+        });
+        p(_assertThisInitialized(_this), "callback", null);
+        p(_assertThisInitialized(_this), "handleCloseFinished", function() {
+            _this.setState({
+                dialogProps: null,
+                isClosing: !1
+            });
+        });
+        p(_assertThisInitialized(_this), "handleBack", function() {
+            var t;
+            _this.state.dialogProps && ((t = _this.callback) == null || t.call(_assertThisInitialized(_this)), _this.callback = null, _this.setState({
+                isClosing: !0
+            }));
+        });
+        return _this;
+    }
+    var _proto = Ae.prototype;
+    _proto.componentDidMount = function componentDidMount() {
+        b++, b === 1 && (B = this, window.addEventListener("popstate", this.handleBack));
     };
-  }
-  createAcceptHandler(t) {
-    return () => {
-      t && (this.callback = () => t()), this.close();
+    _proto.componentWillUnmount = function componentWillUnmount() {
+        b--, b === 0 && (B = null, window.removeEventListener("popstate", this.handleBack));
+    };
+    _proto.show = function show(t) {
+        if (this.state.dialogProps) throw Error("Tried to show a dialog on top of another dialog. This functionality is not currently supported.");
+        window.history.pushState(null, document.title, window.location.href), this.setState({
+            dialogProps: t,
+            isClosing: !1
+        });
+    };
+    _proto.close = function close() {
+        window.history.back();
+    };
+    _proto.createCancelHandler = function createCancelHandler(t) {
+        var _this = this;
+        return function() {
+            t && (_this.callback = function() {
+                return t();
+            }), _this.close();
+        };
+    };
+    _proto.createAcceptHandler = function createAcceptHandler(t) {
+        var _this = this;
+        return function() {
+            t && (_this.callback = function() {
+                return t();
+            }), _this.close();
+        };
+    };
+    _proto.render = function render() {
+        var _state = this.state, t = _state.isClosing, a = _state.dialogProps;
+        var l = null;
+        if (a && this.state.instanceNumber === 1) {
+            var s = a.onCancel, r = a.onAccept, i = _objectWithoutProperties(a, [
+                "onCancel",
+                "onAccept"
+            ]);
+            l = /* @__PURE__ */ n(de, _objectSpread({
+                onCancel: this.createCancelHandler(s),
+                onAccept: this.createAcceptHandler(r),
+                isClosing: t,
+                onCloseTransitionEnd: t ? this.handleCloseFinished : void 0
+            }, i));
+        }
+        return /* @__PURE__ */ w(ne, {
+            children: [
+                this.props.children,
+                l
+            ]
+        });
+    };
+    return Ae;
+}(c.Component);
+var S = function(param) {
+    var e = param.showCancel, o = param.showClose, t = param.forceWeb;
+    return function(a) {
+        if (!B) throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
+        B.show(_objectSpread({
+            showCancel: e,
+            showClose: o,
+            forceWeb: t
+        }, a));
     };
-  }
-  render() {
-    const {
-      isClosing: t,
-      dialogProps: a
-    } = this.state;
-    let l = null;
-    if (a && this.state.instanceNumber === 1) {
-      const {
-        onCancel: s,
-        onAccept: r,
-        ...i
-      } = a;
-      l = /* @__PURE__ */ n(de, {
-        onCancel: this.createCancelHandler(s),
-        onAccept: this.createAcceptHandler(r),
-        isClosing: t,
-        onCloseTransitionEnd: t ? this.handleCloseFinished : void 0,
-        ...i
-      });
-    }
-    return /* @__PURE__ */ w(ne, {
-      children: [this.props.children, l]
-    });
-  }
-}
-const S = ({
-  showCancel: e,
-  showClose: o,
-  forceWeb: t
-}) => (a) => {
-  if (!B)
-    throw Error("Tried to show a dialog but the DialogRoot component was not mounted (mount <ThemeContextProvider>)");
-  B.show({
-    showCancel: e,
-    showClose: o,
-    forceWeb: t,
-    ...a
-  });
 }, Re = S({
-  showCancel: !1,
-  forceWeb: !1,
-  showClose: !1
+    showCancel: !1,
+    forceWeb: !1,
+    showClose: !1
 }), Ie = S({
-  showCancel: !0,
-  forceWeb: !1,
-  showClose: !1
+    showCancel: !0,
+    forceWeb: !1,
+    showClose: !1
 }), Oe = S({
-  showCancel: !1,
-  forceWeb: !0,
-  showClose: !0
+    showCancel: !1,
+    forceWeb: !0,
+    showClose: !0
 });
-export {
-  Re as alert,
-  Ie as confirm,
-  Ae as default,
-  Oe as dialog
-};
+export { Re as alert, Ie as confirm, Ae as default, Oe as dialog };