newspack-components 4.3.0 → 4.4.0-alpha.1

package/dist/cjs/grid/style.scss

@@ -117,6 +117,11 @@
 			grid-template-columns: repeat(6, 1fr);
 		}
 
+		// Columns 12
+		&__columns-12 {
+			grid-template-columns: repeat(12, 1fr);
+		}
+
 		// Gutter 48
 		&__gutter-48 {
 			grid-gap: 48px;
@@ -217,4 +222,4 @@
 	&__tbody + &__tbody {
 		margin-top: -32px;
 	}
-}
+}

package/dist/cjs/handoff/index.js

@@ -4,7 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -12,172 +19,213 @@ var _ = require("../");
 var _assign = _interopRequireDefault(require("lodash/assign"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-/**
+var _excluded = ["className", "children", "compact", "useModal", "modalTitle", "modalBody", "onReady", "editLink", "bannerText", "bannerButtonText", "url"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * Handoff
- */
-
-/**
+ */ /**
  * WordPress dependencies.
- */
-
-/**
+ */ /**
  * Internal dependencies.
- */
-
-/**
+ */ /**
  * External dependencies.
  */
-
-class Handoff extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
+var Handoff = /*#__PURE__*/function (_Component) {
+  function Handoff() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Handoff);
+    _this = _callSuper(this, Handoff, arguments);
+    (0, _defineProperty2["default"])(_this, "componentDidMount", function () {
+      _this._isMounted = true;
+      var _this$props = _this.props,
+        plugin = _this$props.plugin,
+        url = _this$props.url;
+      if (plugin && !url) {
+        _this.retrievePluginInfo(plugin);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "componentWillUnmount", function () {
+      _this._isMounted = false;
+    });
+    (0, _defineProperty2["default"])(_this, "retrievePluginInfo", function (plugin) {
+      var onReady = _this.props.onReady;
+      (0, _apiFetch["default"])({
+        path: '/newspack/v1/plugins/' + plugin
+      }).then(function (pluginInfo) {
+        if (_this._isMounted) {
+          onReady(pluginInfo);
+          _this.setState({
+            pluginInfo: pluginInfo
+          });
+        }
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "textForPlugin", function (pluginInfo) {
+      var defaults = {
+        modalBody: null,
+        modalTitle: pluginInfo.Name && "".concat((0, _i18n.__)('Manage', 'newspack-plugin'), " ").concat(pluginInfo.Name),
+        primaryButton: pluginInfo.Name && "".concat((0, _i18n.__)('Manage', 'newspack-plugin'), " ").concat(pluginInfo.Name),
+        primaryModalButton: (0, _i18n.__)('Manage', 'newspack-plugin'),
+        dismissModalButton: (0, _i18n.__)('Dismiss', 'newspack-plugin')
+      };
+      return (0, _assign["default"])(defaults, _this.props);
+    });
+    (0, _defineProperty2["default"])(_this, "goToUrl", function () {
+      var _this$props2 = _this.props,
+        url = _this$props2.url,
+        showOnBlockEditor = _this$props2.showOnBlockEditor,
+        bannerText = _this$props2.bannerText,
+        bannerButtonText = _this$props2.bannerButtonText;
+      (0, _apiFetch["default"])({
+        path: '/newspack/v1/handoff',
+        method: 'POST',
+        data: {
+          destinationUrl: url,
+          handoffReturnUrl: window && window.location.href,
+          showOnBlockEditor: showOnBlockEditor ? true : false,
+          bannerText: bannerText,
+          bannerButtonText: bannerButtonText
+        }
+      }).then(function (response) {
+        window.location.href = response.HandoffLink;
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "goToPlugin", function (plugin) {
+      var _this$props3 = _this.props,
+        editLink = _this$props3.editLink,
+        showOnBlockEditor = _this$props3.showOnBlockEditor,
+        bannerText = _this$props3.bannerText,
+        bannerButtonText = _this$props3.bannerButtonText;
+      (0, _apiFetch["default"])({
+        path: '/newspack/v1/plugins/' + plugin + '/handoff',
+        method: 'POST',
+        data: {
+          editLink: editLink,
+          handoffReturnUrl: window && window.location.href,
+          showOnBlockEditor: showOnBlockEditor ? true : false,
+          bannerText: bannerText,
+          bannerButtonText: bannerButtonText
+        }
+      }).then(function (response) {
+        window.location.href = response.HandoffLink;
+      });
+    });
+    _this.state = {
       pluginInfo: [],
       showModal: false
     };
+    return _this;
   }
-  componentDidMount = () => {
-    this._isMounted = true;
-    const {
-      plugin
-    } = this.props;
-    this.retrievePluginInfo(plugin);
-  };
-  componentWillUnmount = () => {
-    this._isMounted = false;
-  };
-  retrievePluginInfo = plugin => {
-    const {
-      onReady
-    } = this.props;
-    (0, _apiFetch.default)({
-      path: '/newspack/v1/plugins/' + plugin
-    }).then(pluginInfo => {
-      if (this._isMounted) {
-        onReady(pluginInfo);
-        this.setState({
-          pluginInfo
-        });
-      }
-    });
-  };
-  textForPlugin = pluginInfo => {
-    const defaults = {
-      modalBody: null,
-      modalTitle: pluginInfo.Name && `${(0, _i18n.__)('Manage', 'newspack-plugin')} ${pluginInfo.Name}`,
-      primaryButton: pluginInfo.Name && `${(0, _i18n.__)('Manage', 'newspack-plugin')} ${pluginInfo.Name}`,
-      primaryModalButton: (0, _i18n.__)('Manage', 'newspack-plugin'),
-      dismissModalButton: (0, _i18n.__)('Dismiss', 'newspack-plugin')
-    };
-    return (0, _assign.default)(defaults, this.props);
-  };
-  goToPlugin = plugin => {
-    const {
-      editLink,
-      showOnBlockEditor
-    } = this.props;
-    (0, _apiFetch.default)({
-      path: '/newspack/v1/plugins/' + plugin + '/handoff',
-      method: 'POST',
-      data: {
-        editLink,
-        handoffReturnUrl: window && window.location.href,
-        showOnBlockEditor: showOnBlockEditor ? true : false
-      }
-    }).then(response => {
-      window.location.href = response.HandoffLink;
-    });
-  };
-
-  /**
-   * Render.
-   */
-  render() {
-    const {
-      className,
-      children,
-      compact,
-      useModal,
-      // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
-      modalTitle: _modalTitle,
-      // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
-      modalBody: _modalBody,
-      // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
-      onReady,
-      // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
-      editLink,
-      ...otherProps
-    } = this.props;
-    const {
-      pluginInfo,
-      showModal
-    } = this.state;
-    const {
-      modalBody,
-      modalTitle,
-      primaryButton,
-      primaryModalButton,
-      dismissModalButton
-    } = this.textForPlugin(pluginInfo);
-    const {
-      Configured,
-      Name,
-      Slug,
-      Status
-    } = pluginInfo;
-    const classes = (0, _classnames.default)(Configured && 'is-configured', className);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
-      children: [Name && 'active' === Status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-        className: classes,
-        isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink,
-        ...otherProps,
-        onClick: () => useModal ? this.setState({
-          showModal: true
-        }) : this.goToPlugin(Slug),
-        children: children ? children : primaryButton
-      }), Name && 'active' !== Status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-        className: classes,
-        variant: "secondary",
-        disabled: true,
-        ...otherProps,
-        children: Name + (0, _i18n.__)(' not installed', 'newspack-plugin')
-      }), !Name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-        className: classes,
-        isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink,
-        ...otherProps,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
-          children: [!compact && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Waiting, {
-            isLeft: true
-          }), (0, _i18n.__)('Retrieving Plugin Info', 'newspack-plugin')]
-        })
-      }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Modal, {
-        title: modalTitle,
-        onRequestClose: () => this.setState({
-          showModal: false
-        }),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: modalBody
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Card, {
-          buttonsCard: true,
-          noBorder: true,
-          className: "justify-end",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-            variant: "secondary",
-            onClick: () => this.setState({
+  (0, _inherits2["default"])(Handoff, _Component);
+  return (0, _createClass2["default"])(Handoff, [{
+    key: "render",
+    value:
+    /**
+     * Render.
+     */
+    function render() {
+      var _this2 = this;
+      var _this$props4 = this.props,
+        className = _this$props4.className,
+        children = _this$props4.children,
+        compact = _this$props4.compact,
+        useModal = _this$props4.useModal,
+        _modalTitle = _this$props4.modalTitle,
+        _modalBody = _this$props4.modalBody,
+        onReady = _this$props4.onReady,
+        editLink = _this$props4.editLink,
+        bannerText = _this$props4.bannerText,
+        bannerButtonText = _this$props4.bannerButtonText,
+        url = _this$props4.url,
+        otherProps = (0, _objectWithoutProperties2["default"])(_this$props4, _excluded);
+      var _this$state = this.state,
+        pluginInfo = _this$state.pluginInfo,
+        showModal = _this$state.showModal;
+      var _this$textForPlugin = this.textForPlugin(pluginInfo),
+        modalBody = _this$textForPlugin.modalBody,
+        modalTitle = _this$textForPlugin.modalTitle,
+        primaryButton = _this$textForPlugin.primaryButton,
+        primaryModalButton = _this$textForPlugin.primaryModalButton,
+        dismissModalButton = _this$textForPlugin.dismissModalButton;
+      var Configured = pluginInfo.Configured,
+        Name = pluginInfo.Name,
+        Slug = pluginInfo.Slug,
+        Status = pluginInfo.Status;
+      var classes = (0, _classnames["default"])(Configured && 'is-configured', className);
+      var goTo = function goTo() {
+        return url ? _this2.goToUrl() : _this2.goToPlugin(Slug);
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
+        children: [url && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, _objectSpread(_objectSpread({
+          className: classes,
+          isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink
+        }, otherProps), {}, {
+          onClick: function onClick() {
+            return useModal && children ? _this2.setState({
+              showModal: true
+            }) : goTo();
+          },
+          children: children ? children : primaryButton
+        })), !url && Name && 'active' === Status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, _objectSpread(_objectSpread({
+          className: classes,
+          isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink
+        }, otherProps), {}, {
+          onClick: function onClick() {
+            return useModal ? _this2.setState({
+              showModal: true
+            }) : goTo();
+          },
+          children: children ? children : primaryButton
+        })), !url && Name && 'active' !== Status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, _objectSpread(_objectSpread({
+          className: classes,
+          variant: "secondary",
+          disabled: true
+        }, otherProps), {}, {
+          children: Name + (0, _i18n.__)(' not installed', 'newspack-plugin')
+        })), !url && !Name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, _objectSpread(_objectSpread({
+          className: classes,
+          isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink
+        }, otherProps), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
+            children: [!compact && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Waiting, {
+              isLeft: true
+            }), (0, _i18n.__)('Retrieving Plugin Info', 'newspack-plugin')]
+          })
+        })), showModal && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Modal, {
+          title: modalTitle,
+          onRequestClose: function onRequestClose() {
+            return _this2.setState({
               showModal: false
-            }),
-            children: dismissModalButton
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
-            variant: "primary",
-            onClick: () => this.goToPlugin(Slug),
-            children: primaryModalButton
+            });
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: modalBody
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Card, {
+            buttonsCard: true,
+            noBorder: true,
+            className: "justify-end",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+              variant: "secondary",
+              onClick: function onClick() {
+                return _this2.setState({
+                  showModal: false
+                });
+              },
+              children: dismissModalButton
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+              variant: "primary",
+              onClick: goTo,
+              children: primaryModalButton
+            })]
           })]
         })]
-      })]
-    });
-  }
-}
+      });
+    }
+  }]);
+}(_element.Component);
 Handoff.defaultProps = {
-  onReady: () => {}
+  onReady: function onReady() {}
 };
-var _default = exports.default = Handoff;
+var _default = exports["default"] = Handoff;

package/dist/cjs/handoff-message/index.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = HandoffMessage;
+exports["default"] = HandoffMessage;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _element = require("@wordpress/element");
 var _consts = require("../consts");
 var _ = require("../");
@@ -19,19 +21,22 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Handoff Message Component.
  */function HandoffMessage() {
-  const [handoffMessage, setHandoffMessage] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
+  var _useState = (0, _element.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    handoffMessage = _useState2[0],
+    setHandoffMessage = _useState2[1];
+  (0, _element.useEffect)(function () {
     // Slight delay to allow for localStorage to be updated by RAS component.
-    setTimeout(() => {
-      const handoff = JSON.parse(localStorage.getItem(_consts.HANDOFF_KEY));
-      if (handoff?.message) {
+    setTimeout(function () {
+      var handoff = JSON.parse(localStorage.getItem(_consts.HANDOFF_KEY));
+      if (handoff !== null && handoff !== void 0 && handoff.message) {
         setHandoffMessage(handoff.message);
       } else {
         setHandoffMessage(false);
       }
 
       // Clean up the notification if navigating away from the relevant page.
-      if (handoff?.url && -1 === window.location.href.indexOf(handoff.url)) {
+      if (handoff !== null && handoff !== void 0 && handoff.url && -1 === window.location.href.indexOf(handoff.url)) {
         window.localStorage.removeItem(_consts.HANDOFF_KEY);
         setHandoffMessage(false);
       }

package/dist/cjs/hooks/index.js

@@ -4,22 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _element = require("@wordpress/element");
 var _usePrompt = _interopRequireDefault(require("./usePrompt"));
 var _useObjectState = _interopRequireDefault(require("./useObjectState"));
 var _useOnClickOutside = _interopRequireDefault(require("./useOnClickOutside"));
+var _useConfirmDialog = _interopRequireDefault(require("./use-confirm-dialog"));
 /**
  * WordPress dependencies
  */
 
-const useUniqueId = prefix => {
-  const id = (0, _element.useRef)(`${prefix}-${Math.round(Math.random() * 99999)}`);
+var useUniqueId = function useUniqueId(prefix) {
+  var id = (0, _element.useRef)("".concat(prefix, "-").concat(Math.round(Math.random() * 99999)));
   return id.current;
 };
-var _default = exports.default = {
-  usePrompt: _usePrompt.default,
-  useObjectState: _useObjectState.default,
-  useOnClickOutside: _useOnClickOutside.default,
-  useUniqueId
+var _default = exports["default"] = {
+  usePrompt: _usePrompt["default"],
+  useObjectState: _useObjectState["default"],
+  useOnClickOutside: _useOnClickOutside["default"],
+  useUniqueId: useUniqueId,
+  useConfirmDialog: _useConfirmDialog["default"]
 };

package/dist/cjs/hooks/use-confirm-dialog.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _element = require("@wordpress/element");
+var _confirmDialog = _interopRequireDefault(require("../confirm-dialog"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["message", "when"];
+/**
+ * WordPress dependencies.
+ */
+/**
+ * Internal dependencies.
+ */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * A hook that encapsulates the ConfirmDialog component and provides a
+ * `requestConfirm` function for imperative use.
+ *
+ * Calling `requestConfirm( callback )` will show a confirmation dialog.
+ * If the user confirms, `callback` is invoked. If the user cancels, it is not.
+ *
+ * When `when` is explicitly `false`, `requestConfirm( callback )` calls
+ * `callback` immediately without showing the dialog. This is useful for
+ * guarding actions that are only destructive when there are unsaved changes
+ * (e.g. `when={ isDirty }`). When `when` is omitted or `true`, the dialog
+ * is always shown.
+ *
+ * The `confirmDialog` element must be rendered somewhere in the component's
+ * JSX for the dialog to appear.
+ */
+function useConfirmDialog(options) {
+  var message = options.message,
+    when = options.when,
+    dialogProps = (0, _objectWithoutProperties2["default"])(options, _excluded);
+  var _useState = (0, _element.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    pendingAction = _useState2[0],
+    setPendingAction = _useState2[1];
+
+  // Keep a ref so `requestConfirm` can always read the latest `when` value
+  // without needing to be recreated on every render.
+  var whenRef = (0, _element.useRef)(when);
+  whenRef.current = when;
+  var requestConfirm = (0, _element.useCallback)(function (callback) {
+    if (whenRef.current !== false) {
+      // Store as a thunk to opt out of React's functional-update interpretation.
+      setPendingAction(function () {
+        return callback;
+      });
+    } else {
+      callback();
+    }
+  }, []);
+  var confirmDialog = /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmDialog["default"], _objectSpread(_objectSpread({}, dialogProps), {}, {
+    when: when,
+    isOpen: !!pendingAction,
+    onConfirm: function onConfirm() {
+      pendingAction === null || pendingAction === void 0 || pendingAction();
+      setPendingAction(null);
+    },
+    onCancel: function onCancel() {
+      return setPendingAction(null);
+    },
+    children: message
+  }));
+  return {
+    confirmDialog: confirmDialog,
+    requestConfirm: requestConfirm
+  };
+}
+var _default = exports["default"] = useConfirmDialog;