@1money/component-ui 0.0.67-alpha.4 → 0.0.68

package/lib/business/Dialog/TransactionDialog/TransactionDialog.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransactionDialog = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Button = require("../../../components/Button");
+var _Dialog = require("../../../components/Dialog");
+var _Flex = require("../../../components/Flex");
+var _Typography = require("../../../components/Typography");
+var _classnames = require("../../../utils/classnames");
+var _constants = require("./constants");
+require("./style");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var renderValue = function renderValue(row) {
+  if (row.emphasis) {
+    return (0, _jsxRuntime.jsx)(_Typography.Typography.Title, {
+      size: 'md',
+      strong: true,
+      color: 'default',
+      copyable: row.copyable,
+      children: row.value
+    });
+  }
+  return (0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+    size: 'md',
+    strong: true,
+    color: row.valueTone === 'success' ? 'positive' : 'default',
+    copyable: row.copyable,
+    children: row.value
+  });
+};
+var renderAction = function renderAction(action, label, defaultColor) {
+  var _a;
+  return (0, _jsxRuntime.jsx)(_Button.Button, {
+    color: (_a = action.color) !== null && _a !== void 0 ? _a : defaultColor,
+    loading: action.loading,
+    disabled: action.disabled,
+    onClick: action.onClick,
+    children: label
+  });
+};
+// The centered "Trouble…? Let us help!" row below the actions.
+var HelpRow = function HelpRow(_ref) {
+  var promptText = _ref.promptText,
+    actionText = _ref.actionText,
+    onClick = _ref.onClick;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!_constants.TRANSACTION_DIALOG.activationKeys.includes(event.key)) return;
+    event.preventDefault();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+  };
+  return (0, _jsxRuntime.jsxs)(_Flex.Flex, {
+    align: 'center',
+    justify: 'center',
+    gap: _constants.TRANSACTION_DIALOG.gap.help,
+    className: _constants.TRANSACTION_DIALOG.cls.help,
+    children: [promptText && (0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+      size: 'md',
+      strong: true,
+      color: 'default-tertiary',
+      children: promptText
+    }), actionText && (0, _jsxRuntime.jsx)(_Typography.Typography.Link, {
+      size: 'md',
+      color: 'brand',
+      role: 'button',
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: handleKeyDown,
+      children: actionText
+    })]
+  });
+};
+var TransactionDialogBase = function TransactionDialogBase(_a) {
+  var _b, _c, _d, _e, _f, _g;
+  var preset = _a.preset,
+    rest = __rest(_a, ["preset"]);
+  // Pull `preset` out first so the rest can fall back to it: a destructuring
+  // default applies exactly when the prop is omitted, which is the
+  // "explicit wins over preset" semantics we want.
+  var open = rest.open,
+    _rest$size = rest.size,
+    size = _rest$size === void 0 ? _constants.TRANSACTION_DIALOG.defaults.size : _rest$size,
+    maskClosable = rest.maskClosable,
+    showBackIcon = rest.showBackIcon,
+    onBack = rest.onBack,
+    className = rest.className,
+    details = rest.details,
+    primaryAction = rest.primaryAction,
+    secondaryAction = rest.secondaryAction,
+    help = rest.help,
+    onClose = rest.onClose,
+    _rest$illustration = rest.illustration,
+    illustration = _rest$illustration === void 0 ? preset === null || preset === void 0 ? void 0 : preset.illustration : _rest$illustration,
+    _rest$title = rest.title,
+    title = _rest$title === void 0 ? preset === null || preset === void 0 ? void 0 : preset.title : _rest$title,
+    _rest$description = rest.description,
+    description = _rest$description === void 0 ? preset === null || preset === void 0 ? void 0 : preset.description : _rest$description,
+    _rest$showCloseIcon = rest.showCloseIcon,
+    showCloseIcon = _rest$showCloseIcon === void 0 ? (_b = preset === null || preset === void 0 ? void 0 : preset.showCloseIcon) !== null && _b !== void 0 ? _b : true : _rest$showCloseIcon;
+  var hasActions = Boolean(primaryAction || secondaryAction);
+  var resolvedHelp = help || (preset === null || preset === void 0 ? void 0 : preset.help) ? {
+    promptText: (_c = help === null || help === void 0 ? void 0 : help.promptText) !== null && _c !== void 0 ? _c : (_d = preset === null || preset === void 0 ? void 0 : preset.help) === null || _d === void 0 ? void 0 : _d.promptText,
+    actionText: (_e = help === null || help === void 0 ? void 0 : help.actionText) !== null && _e !== void 0 ? _e : (_f = preset === null || preset === void 0 ? void 0 : preset.help) === null || _f === void 0 ? void 0 : _f.actionText,
+    onClick: help === null || help === void 0 ? void 0 : help.onClick
+  } : undefined;
+  var body = (0, _jsxRuntime.jsxs)(_Flex.Flex, {
+    vertical: true,
+    gap: _constants.TRANSACTION_DIALOG.gap.body,
+    className: _constants.TRANSACTION_DIALOG.cls.body,
+    children: [description && (0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+      as: 'p',
+      size: 'lg',
+      strong: true,
+      color: 'default-secondary',
+      children: description
+    }), (0, _jsxRuntime.jsx)(_Flex.Flex, {
+      vertical: true,
+      gap: _constants.TRANSACTION_DIALOG.gap.row,
+      className: _constants.TRANSACTION_DIALOG.cls.details,
+      children: details.map(function (row, index) {
+        return (0, _jsxRuntime.jsxs)(_Flex.Flex
+        // Rows are a fixed, render-stable list with no natural id.
+        , {
+          className: _constants.TRANSACTION_DIALOG.cls.row,
+          align: 'center',
+          justify: 'space-between',
+          gap: _constants.TRANSACTION_DIALOG.gap.rowInner,
+          children: [(0, _jsxRuntime.jsx)(_Typography.Typography.Body, {
+            size: 'md',
+            color: 'default',
+            children: row.label
+          }), (0, _jsxRuntime.jsx)("span", {
+            className: _constants.TRANSACTION_DIALOG.cls.value,
+            children: renderValue(row)
+          })]
+        }, index);
+      })
+    })]
+  });
+  var footer = hasActions || resolvedHelp ? (0, _jsxRuntime.jsxs)(_Flex.Flex, {
+    vertical: true,
+    gap: _constants.TRANSACTION_DIALOG.gap.footer,
+    className: _constants.TRANSACTION_DIALOG.cls.footer,
+    children: [hasActions &&
+    // Buttons stack vertically, full-width — primary on top, secondary
+    // below — matching scp-ui's transaction modal (DetailsModal).
+    (0, _jsxRuntime.jsxs)(_Flex.Flex, {
+      vertical: true,
+      gap: _constants.TRANSACTION_DIALOG.gap.actions,
+      className: _constants.TRANSACTION_DIALOG.cls.actions,
+      children: [primaryAction && renderAction(primaryAction, (_g = primaryAction.label) !== null && _g !== void 0 ? _g : preset === null || preset === void 0 ? void 0 : preset.primaryLabel, _constants.TRANSACTION_DIALOG.defaults.primaryColor), secondaryAction && renderAction(secondaryAction, secondaryAction.label, _constants.TRANSACTION_DIALOG.defaults.secondaryColor)]
+    }), resolvedHelp && (0, _jsxRuntime.jsx)(HelpRow, Object.assign({}, resolvedHelp))]
+  }) : null;
+  return (0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+    open: open,
+    size: size,
+    maskClosable: maskClosable,
+    showCloseIcon: showCloseIcon,
+    showBackIcon: showBackIcon,
+    onBack: onBack,
+    className: (0, _classnames.joinCls)(_constants.TRANSACTION_DIALOG.cls.wrap, className),
+    title: title,
+    illustration: illustration,
+    footer: footer,
+    onCancel: onClose,
+    children: body
+  });
+};
+var TransactionDialog = exports.TransactionDialog = /*#__PURE__*/(0, _react.memo)(TransactionDialogBase);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy5qcyIsImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfQnV0dG9uIiwiX0RpYWxvZyIsIl9GbGV4IiwiX1R5cG9ncmFwaHkiLCJfY2xhc3NuYW1lcyIsIl9jb25zdGFudHMiLCJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInJlbmRlclZhbHVlIiwicm93IiwiZW1waGFzaXMiLCJfanN4IiwiVHlwb2dyYXBoeSIsIlRpdGxlIiwic2l6ZSIsInN0cm9uZyIsImNvbG9yIiwiY29weWFibGUiLCJjaGlsZHJlbiIsInZhbHVlIiwiQm9keSIsInZhbHVlVG9uZSIsInJlbmRlckFjdGlvbiIsImFjdGlvbiIsImxhYmVsIiwiZGVmYXVsdENvbG9yIiwiX2EiLCJCdXR0b24iLCJsb2FkaW5nIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwiSGVscFJvdyIsIl9yZWYiLCJwcm9tcHRUZXh0IiwiYWN0aW9uVGV4dCIsImhhbmRsZUtleURvd24iLCJldmVudCIsIlRSQU5TQUNUSU9OX0RJQUxPRyIsImFjdGl2YXRpb25LZXlzIiwiaW5jbHVkZXMiLCJrZXkiLCJwcmV2ZW50RGVmYXVsdCIsIl9qc3hzIiwiRmxleCIsImFsaWduIiwianVzdGlmeSIsImdhcCIsImhlbHAiLCJjbGFzc05hbWUiLCJjbHMiLCJMaW5rIiwicm9sZSIsInRhYkluZGV4Iiwib25LZXlEb3duIiwiVHJhbnNhY3Rpb25EaWFsb2dCYXNlIiwiX2IiLCJfYyIsIl9kIiwiX2UiLCJfZiIsIl9nIiwicHJlc2V0IiwicmVzdCIsIm9wZW4iLCJfcmVzdCRzaXplIiwiZGVmYXVsdHMiLCJtYXNrQ2xvc2FibGUiLCJzaG93QmFja0ljb24iLCJvbkJhY2siLCJkZXRhaWxzIiwicHJpbWFyeUFjdGlvbiIsInNlY29uZGFyeUFjdGlvbiIsIm9uQ2xvc2UiLCJfcmVzdCRpbGx1c3RyYXRpb24iLCJpbGx1c3RyYXRpb24iLCJfcmVzdCR0aXRsZSIsInRpdGxlIiwiX3Jlc3QkZGVzY3JpcHRpb24iLCJkZXNjcmlwdGlvbiIsIl9yZXN0JHNob3dDbG9zZUljb24iLCJzaG93Q2xvc2VJY29uIiwiaGFzQWN0aW9ucyIsIkJvb2xlYW4iLCJyZXNvbHZlZEhlbHAiLCJ1bmRlZmluZWQiLCJib2R5IiwidmVydGljYWwiLCJhcyIsIm1hcCIsImluZGV4Iiwicm93SW5uZXIiLCJmb290ZXIiLCJhY3Rpb25zIiwicHJpbWFyeUxhYmVsIiwicHJpbWFyeUNvbG9yIiwic2Vjb25kYXJ5Q29sb3IiLCJhc3NpZ24iLCJEaWFsb2ciLCJqb2luQ2xzIiwid3JhcCIsIm9uQ2FuY2VsIiwiVHJhbnNhY3Rpb25EaWFsb2ciLCJleHBvcnRzIiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBV0EsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDWEEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsT0FBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksS0FBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssV0FBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sV0FBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sVUFBQSxHQUFBUCxPQUFBO0FBU0FBLE9BQUE7QURmQSxJQUFJUSxNQUFNLEdBQUksVUFBUSxTQUFLQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJTixNQUFNLENBQUNDLFNBQVMsQ0FBQ08sb0JBQW9CLENBQUNMLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEVBQzFFUixDQUFDLENBQUNDLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsR0FBR1YsQ0FBQyxDQUFDRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDO0VBQ3pCO0VBQ0osT0FBT1IsQ0FBQztBQUNaLENBQUM7QUNPRCxJQUFNVyxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBSUMsR0FBeUIsRUFBSTtFQUNoRCxJQUFJQSxHQUFHLENBQUNDLFFBQVEsRUFBRTtJQUNoQixPQUNFLElBQUFDLGVBQUEsRUFBQ0Msc0JBQVUsQ0FBQ0MsS0FBSyxFQUFBO01BQUNDLElBQUksRUFBQyxJQUFJO01BQUNDLE1BQU0sRUFBQSxJQUFBO01BQUNDLEtBQUssRUFBQyxTQUFTO01BQUNDLFFBQVEsRUFBRVIsR0FBRyxDQUFDUSxRQUFRO01BQUFDLFFBQUEsRUFDdEVULEdBQUcsQ0FBQ1U7SUFBSyxDQUFBLENBQ087RUFFdkI7RUFFQSxPQUNFLElBQUFSLGVBQUEsRUFBQ0Msc0JBQVUsQ0FBQ1EsSUFBSSxFQUFBO0lBQ2ROLElBQUksRUFBQyxJQUFJO0lBQ1RDLE1BQU0sRUFBQSxJQUFBO0lBQ05DLEtBQUssRUFBRVAsR0FBRyxDQUFDWSxTQUFTLEtBQUssU0FBUyxHQUFHLFVBQVUsR0FBRyxTQUFTO0lBQzNESixRQUFRLEVBQUVSLEdBQUcsQ0FBQ1EsUUFBUTtJQUFBQyxRQUFBLEVBRXJCVCxHQUFHLENBQUNVO0VBQUssQ0FBQSxDQUNNO0FBRXRCLENBQUM7QUFFRCxJQUFNRyxZQUFZLEdBQUcsU0FBZkEsWUFBWUEsQ0FBSUMsTUFBK0IsRUFBRUMsS0FBZ0IsRUFBRUMsWUFBeUIsRUFBSTtFRFhsRyxJQUFJQyxFQUFFO0VDVzZGLE9BQ3JHLElBQUFmLGVBQUEsRUFBQ2dCLGNBQU0sRUFBQTtJQUNMWCxLQUFLLEVBQUUsQ0FBQVUsRUFBQSxHQUFBSCxNQUFNLENBQUNQLEtBQUssTUFBQSxJQUFBLElBQUFVLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJRCxZQUFZO0lBQ25DRyxPQUFPLEVBQUVMLE1BQU0sQ0FBQ0ssT0FBTztJQUN2QkMsUUFBUSxFQUFFTixNQUFNLENBQUNNLFFBQVE7SUFDekJDLE9BQU8sRUFBRVAsTUFBTSxDQUFDTyxPQUFPO0lBQUFaLFFBQUEsRUFFdEJNO0VBQUssQ0FBQSxDQUNDO0FEakJYLENDa0JDO0FBRUQ7QUFDQSxJQUFNTyxPQUFPLEdBQThCLFNBQXJDQSxPQUFPQSxDQUFBQyxJQUFBLEVBQXNFO0VBQUEsSUFBckNDLFVBQVUsR0FBQUQsSUFBQSxDQUFWQyxVQUFVO0lBQUVDLFVBQVUsR0FBQUYsSUFBQSxDQUFWRSxVQUFVO0lBQUVKLE9BQU8sR0FBQUUsSUFBQSxDQUFQRixPQUFPO0VBQzNFLElBQU1LLGFBQWEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBSUMsS0FBdUMsRUFBSTtJQUNoRSxJQUFJLENBQUNDLDZCQUFrQixDQUFDQyxjQUFjLENBQUNDLFFBQVEsQ0FBQ0gsS0FBSyxDQUFDSSxHQUFHLENBQUMsRUFBRTtJQUM1REosS0FBSyxDQUFDSyxjQUFjLENBQUEsQ0FBRTtJQUN0QlgsT0FBTyxLQUFBLElBQUEsSUFBUEEsT0FBTyxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFQQSxPQUFPLENBQUEsQ0FBSTtFQUNiLENBQUM7RUFFRCxPQUNFLElBQUFZLGdCQUFBLEVBQUNDLFVBQUksRUFBQTtJQUNIQyxLQUFLLEVBQUMsUUFBUTtJQUNkQyxPQUFPLEVBQUMsUUFBUTtJQUNoQkMsR0FBRyxFQUFFVCw2QkFBa0IsQ0FBQ1MsR0FBRyxDQUFDQyxJQUFJO0lBQ2hDQyxTQUFTLEVBQUVYLDZCQUFrQixDQUFDWSxHQUFHLENBQUNGLElBQUk7SUFBQTdCLFFBQUEsRUFBQSxDQUVyQ2UsVUFBVSxJQUNULElBQUF0QixlQUFBLEVBQUNDLHNCQUFVLENBQUNRLElBQUksRUFBQTtNQUFDTixJQUFJLEVBQUMsSUFBSTtNQUFDQyxNQUFNLEVBQUEsSUFBQTtNQUFDQyxLQUFLLEVBQUMsa0JBQWtCO01BQUFFLFFBQUEsRUFDdkRlO0lBQVUsQ0FBQSxDQUVkLEVBQ0FDLFVBQVUsSUFDVCxJQUFBdkIsZUFBQSxFQUFDQyxzQkFBVSxDQUFDc0MsSUFBSSxFQUFBO01BQ2RwQyxJQUFJLEVBQUMsSUFBSTtNQUNURSxLQUFLLEVBQUMsT0FBTztNQUNibUMsSUFBSSxFQUFDLFFBQVE7TUFDYkMsUUFBUSxFQUFFLENBQUM7TUFDWHRCLE9BQU8sRUFBRUEsT0FBTztNQUNoQnVCLFNBQVMsRUFBRWxCLGFBQWE7TUFBQWpCLFFBQUEsRUFFdkJnQjtJQUFVLENBQUEsQ0FFZDtFQUFBLENBQUEsQ0FDSTtBQUVYLENBQUM7QUFFRCxJQUFNb0IscUJBQXFCLEdBQStCLFNBQXBEQSxxQkFBcUJBLENBQWdDNUIsRUFBbUIsRUFBSTtFRDVDOUUsSUFBSTZCLEVBQUUsRUFBRUMsRUFBRSxFQUFFQyxFQUFFLEVBQUVDLEVBQUUsRUFBRUMsRUFBRSxFQUFFQyxFQUFFO0VDNEM2QixJQUFFQyxNQUFNLEdBQUFuQyxFQUFXLENBQWpCbUMsTUFBTTtJQUFLQyxJQUFJLEdBQUFwRSxNQUFBLENBQUFnQyxFQUFBLEVBQWpCLENBQUEsUUFBQSxDQUFtQixDQUFGO0VBQzFFO0VBQ0E7RUFDQTtFQUNBLElBQ0VxQyxJQUFJLEdBZUZELElBQUksQ0FmTkMsSUFBSTtJQUFBQyxVQUFBLEdBZUZGLElBQUksQ0FkTmhELElBQUk7SUFBSkEsSUFBSSxHQUFBa0QsVUFBQSxjQUFHM0IsNkJBQWtCLENBQUM0QixRQUFRLENBQUNuRCxJQUFJLEdBQUFrRCxVQUFBO0lBQ3ZDRSxZQUFZLEdBYVZKLElBQUksQ0FiTkksWUFBWTtJQUNaQyxZQUFZLEdBWVZMLElBQUksQ0FaTkssWUFBWTtJQUNaQyxNQUFNLEdBV0pOLElBQUksQ0FYTk0sTUFBTTtJQUNOcEIsU0FBUyxHQVVQYyxJQUFJLENBVk5kLFNBQVM7SUFDVHFCLE9BQU8sR0FTTFAsSUFBSSxDQVROTyxPQUFPO0lBQ1BDLGFBQWEsR0FRWFIsSUFBSSxDQVJOUSxhQUFhO0lBQ2JDLGVBQWUsR0FPYlQsSUFBSSxDQVBOUyxlQUFlO0lBQ2Z4QixJQUFJLEdBTUZlLElBQUksQ0FOTmYsSUFBSTtJQUNKeUIsT0FBTyxHQUtMVixJQUFJLENBTE5VLE9BQU87SUFBQUMsa0JBQUEsR0FLTFgsSUFBSSxDQUpOWSxZQUFZO0lBQVpBLFlBQVksR0FBQUQsa0JBQUEsY0FBR1osTUFBTSxLQUFBLElBQUEsSUFBTkEsTUFBTSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFOQSxNQUFNLENBQUVhLFlBQVksR0FBQUQsa0JBQUE7SUFBQUUsV0FBQSxHQUlqQ2IsSUFBSSxDQUhOYyxLQUFLO0lBQUxBLEtBQUssR0FBQUQsV0FBQSxjQUFHZCxNQUFNLEtBQUEsSUFBQSxJQUFOQSxNQUFNLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQU5BLE1BQU0sQ0FBRWUsS0FBSyxHQUFBRCxXQUFBO0lBQUFFLGlCQUFBLEdBR25CZixJQUFJLENBRk5nQixXQUFXO0lBQVhBLFdBQVcsR0FBQUQsaUJBQUEsY0FBR2hCLE1BQU0sS0FBQSxJQUFBLElBQU5BLE1BQU0sS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBTkEsTUFBTSxDQUFFaUIsV0FBVyxHQUFBRCxpQkFBQTtJQUFBRSxtQkFBQSxHQUUvQmpCLElBQUksQ0FETmtCLGFBQWE7SUFBYkEsYUFBYSxHQUFBRCxtQkFBQSxjQUFHLENBQUF4QixFQUFBLEdBQUFNLE1BQU0sS0FBQSxJQUFBLElBQU5BLE1BQU0sS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBTkEsTUFBTSxDQUFFbUIsYUFBYSxNQUFBLElBQUEsSUFBQXpCLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJLElBQUksR0FBQXdCLG1CQUFBO0VBRy9DLElBQU1FLFVBQVUsR0FBR0MsT0FBTyxDQUFDWixhQUFhLElBQUlDLGVBQWUsQ0FBQztFQUM1RCxJQUFNWSxZQUFZLEdBQ2hCcEMsSUFBSSxLQUFJYyxNQUFNLEtBQUEsSUFBQSxJQUFOQSxNQUFNLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQU5BLE1BQU0sQ0FBRWQsSUFBSSxDQUFBLEdBQ2hCO0lBQ0VkLFVBQVUsRUFBRSxDQUFBdUIsRUFBQSxHQUFBVCxJQUFJLEtBQUEsSUFBQSxJQUFKQSxJQUFJLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUpBLElBQUksQ0FBRWQsVUFBVSxNQUFBLElBQUEsSUFBQXVCLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJLENBQUFDLEVBQUEsR0FBQUksTUFBTSxLQUFBLElBQUEsSUFBTkEsTUFBTSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFOQSxNQUFNLENBQUVkLElBQUksTUFBQSxJQUFBLElBQUFVLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxDQUFFeEIsVUFBVTtJQUN4REMsVUFBVSxFQUFFLENBQUF3QixFQUFBLEdBQUFYLElBQUksS0FBQSxJQUFBLElBQUpBLElBQUksS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBSkEsSUFBSSxDQUFFYixVQUFVLE1BQUEsSUFBQSxJQUFBd0IsRUFBQSxLQUFBLEtBQUEsQ0FBQSxHQUFBQSxFQUFBLEdBQUksQ0FBQUMsRUFBQSxHQUFBRSxNQUFNLEtBQUEsSUFBQSxJQUFOQSxNQUFNLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQU5BLE1BQU0sQ0FBRWQsSUFBSSxNQUFBLElBQUEsSUFBQVksRUFBQSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFBQSxFQUFBLENBQUV6QixVQUFVO0lBQ3hESixPQUFPLEVBQUVpQixJQUFJLEtBQUEsSUFBQSxJQUFKQSxJQUFJLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUpBLElBQUksQ0FBRWpCO0VENURqQixDQzZEQyxHQUNEc0QsU0FBUztFQUVmLElBQU1DLElBQUksR0FDUixJQUFBM0MsZ0JBQUEsRUFBQ0MsVUFBSSxFQUFBO0lBQUMyQyxRQUFRLEVBQUEsSUFBQTtJQUFDeEMsR0FBRyxFQUFFVCw2QkFBa0IsQ0FBQ1MsR0FBRyxDQUFDdUMsSUFBSTtJQUFFckMsU0FBUyxFQUFFWCw2QkFBa0IsQ0FBQ1ksR0FBRyxDQUFDb0MsSUFBSTtJQUFBbkUsUUFBQSxFQUFBLENBQ3BGNEQsV0FBVyxJQUNWLElBQUFuRSxlQUFBLEVBQUNDLHNCQUFVLENBQUNRLElBQUksRUFBQTtNQUFDbUUsRUFBRSxFQUFDLEdBQUc7TUFBQ3pFLElBQUksRUFBQyxJQUFJO01BQUNDLE1BQU0sRUFBQSxJQUFBO01BQUNDLEtBQUssRUFBQyxtQkFBbUI7TUFBQUUsUUFBQSxFQUMvRDREO0lBQVcsQ0FBQSxDQUVmLEVBQ0QsSUFBQW5FLGVBQUEsRUFBQ2dDLFVBQUksRUFBQTtNQUFDMkMsUUFBUSxFQUFBLElBQUE7TUFBQ3hDLEdBQUcsRUFBRVQsNkJBQWtCLENBQUNTLEdBQUcsQ0FBQ3JDLEdBQUc7TUFBRXVDLFNBQVMsRUFBRVgsNkJBQWtCLENBQUNZLEdBQUcsQ0FBQ29CLE9BQU87TUFBQW5ELFFBQUEsRUFDdEZtRCxPQUFPLENBQUNtQixHQUFHLENBQUMsVUFBQy9FLEdBQUcsRUFBRWdGLEtBQUs7UUFBQSxPQUN0QixJQUFBL0MsZ0JBQUEsRUFBQ0M7UUFDQztRQUFBLEVEdEVNO1VDd0VOSyxTQUFTLEVBQUVYLDZCQUFrQixDQUFDWSxHQUFHLENBQUN4QyxHQUFHO1VBQ3JDbUMsS0FBSyxFQUFDLFFBQVE7VUFDZEMsT0FBTyxFQUFDLGVBQWU7VUFDdkJDLEdBQUcsRUFBRVQsNkJBQWtCLENBQUNTLEdBQUcsQ0FBQzRDLFFBQVE7VUFBQXhFLFFBQUEsRUFBQSxDQUVwQyxJQUFBUCxlQUFBLEVBQUNDLHNCQUFVLENBQUNRLElBQUksRUFBQTtZQUFDTixJQUFJLEVBQUMsSUFBSTtZQUFDRSxLQUFLLEVBQUMsU0FBUztZQUFBRSxRQUFBLEVBQ3ZDVCxHQUFHLENBQUNlO1VBQUssQ0FBQSxDQUNNLEVBQ2xCLElBQUFiLGVBQUEsRUFBQSxNQUFBLEVBQUE7WUFBTXFDLFNBQVMsRUFBRVgsNkJBQWtCLENBQUNZLEdBQUcsQ0FBQzlCLEtBQUs7WUFBQUQsUUFBQSxFQUFHVixXQUFXLENBQUNDLEdBQUc7VUFBQyxDQUFBLENBQVE7UUFBQSxDQUFBLEVBVG5FZ0YsS0FBSyxDQVVMO01BQUEsQ0FDUjtJQUFDLENBQUEsQ0FDRztFQUFBLENBQUEsQ0FFVjtFQUVELElBQU1FLE1BQU0sR0FDVlYsVUFBVSxJQUFJRSxZQUFZLEdBQ3hCLElBQUF6QyxnQkFBQSxFQUFDQyxVQUFJLEVBQUE7SUFDSDJDLFFBQVEsRUFBQSxJQUFBO0lBQ1J4QyxHQUFHLEVBQUVULDZCQUFrQixDQUFDUyxHQUFHLENBQUM2QyxNQUFNO0lBQ2xDM0MsU0FBUyxFQUFFWCw2QkFBa0IsQ0FBQ1ksR0FBRyxDQUFDMEMsTUFBTTtJQUFBekUsUUFBQSxFQUFBLENBRXZDK0QsVUFBVTtJQUNUO0lBQ0E7SUFDQSxJQUFBdkMsZ0JBQUEsRUFBQ0MsVUFBSSxFQUFBO01BQ0gyQyxRQUFRLEVBQUEsSUFBQTtNQUNSeEMsR0FBRyxFQUFFVCw2QkFBa0IsQ0FBQ1MsR0FBRyxDQUFDOEMsT0FBTztNQUNuQzVDLFNBQVMsRUFBRVgsNkJBQWtCLENBQUNZLEdBQUcsQ0FBQzJDLE9BQU87TUFBQTFFLFFBQUEsRUFBQSxDQUV4Q29ELGFBQWEsSUFDWmhELFlBQVksQ0FDVmdELGFBQWEsRUFDYixDQUFBVixFQUFBLEdBQUFVLGFBQWEsQ0FBQzlDLEtBQUssTUFBQSxJQUFBLElBQUFvQyxFQUFBLEtBQUEsS0FBQSxDQUFBLEdBQUFBLEVBQUEsR0FBSUMsTUFBTSxLQUFBLElBQUEsSUFBTkEsTUFBTSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFOQSxNQUFNLENBQUVnQyxZQUFZLEVBQzNDeEQsNkJBQWtCLENBQUM0QixRQUFRLENBQUM2QixZQUFZLENBQ3pDLEVBQ0Z2QixlQUFlLElBQ2RqRCxZQUFZLENBQ1ZpRCxlQUFlLEVBQ2ZBLGVBQWUsQ0FBQy9DLEtBQUssRUFDckJhLDZCQUFrQixDQUFDNEIsUUFBUSxDQUFDOEIsY0FBYyxDQUMzQztJQUFBLENBQUEsQ0FFTixFQUNBWixZQUFZLElBQUksSUFBQXhFLGVBQUEsRUFBQ29CLE9BQU8sRUFBQWhDLE1BQUEsQ0FBQWlHLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBS2IsWUFBWSxDQUFBLENBQUk7RUFBQSxDQUFBLENBQ3pDLEdBQ0wsSUFBSTtFQUVWLE9BQ0UsSUFBQXhFLGVBQUEsRUFBQ3NGLGNBQU0sRUFBQTtJQUNMbEMsSUFBSSxFQUFFQSxJQUFJO0lBQ1ZqRCxJQUFJLEVBQUVBLElBQUk7SUFDVm9ELFlBQVksRUFBRUEsWUFBWTtJQUMxQmMsYUFBYSxFQUFFQSxhQUFhO0lBQzVCYixZQUFZLEVBQUVBLFlBQVk7SUFDMUJDLE1BQU0sRUFBRUEsTUFBTTtJQUNkcEIsU0FBUyxFQUFFLElBQUFrRCxtQkFBTyxFQUFDN0QsNkJBQWtCLENBQUNZLEdBQUcsQ0FBQ2tELElBQUksRUFBRW5ELFNBQVMsQ0FBQztJQUMxRDRCLEtBQUssRUFBRUEsS0FBSztJQUNaRixZQUFZLEVBQUVBLFlBQVk7SUFDMUJpQixNQUFNLEVBQUVBLE1BQU07SUFDZFMsUUFBUSxFQUFFNUIsT0FBTztJQUFBdEQsUUFBQSxFQUVoQm1FO0VBQUksQ0FBQSxDQUNFO0FBRWIsQ0FBQztBQUVNLElBQU1nQixpQkFBaUIsR0FBQUMsT0FBQSxDQUFBRCxpQkFBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUNqRCxxQkFBcUIsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvQnV0dG9uJztcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvRGlhbG9nJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL0ZsZXgnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBUUkFOU0FDVElPTl9ESUFMT0cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuY29uc3QgcmVuZGVyVmFsdWUgPSAocm93KSA9PiB7XG4gICAgaWYgKHJvdy5lbXBoYXNpcykge1xuICAgICAgICByZXR1cm4gKF9qc3goVHlwb2dyYXBoeS5UaXRsZSwgeyBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdCcsIGNvcHlhYmxlOiByb3cuY29weWFibGUsIGNoaWxkcmVuOiByb3cudmFsdWUgfSkpO1xuICAgIH1cbiAgICByZXR1cm4gKF9qc3goVHlwb2dyYXBoeS5Cb2R5LCB7IHNpemU6ICdtZCcsIHN0cm9uZzogdHJ1ZSwgY29sb3I6IHJvdy52YWx1ZVRvbmUgPT09ICdzdWNjZXNzJyA/ICdwb3NpdGl2ZScgOiAnZGVmYXVsdCcsIGNvcHlhYmxlOiByb3cuY29weWFibGUsIGNoaWxkcmVuOiByb3cudmFsdWUgfSkpO1xufTtcbmNvbnN0IHJlbmRlckFjdGlvbiA9IChhY3Rpb24sIGxhYmVsLCBkZWZhdWx0Q29sb3IpID0+IHtcbiAgICB2YXIgX2E7XG4gICAgcmV0dXJuIChfanN4KEJ1dHRvbiwgeyBjb2xvcjogKF9hID0gYWN0aW9uLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBkZWZhdWx0Q29sb3IsIGxvYWRpbmc6IGFjdGlvbi5sb2FkaW5nLCBkaXNhYmxlZDogYWN0aW9uLmRpc2FibGVkLCBvbkNsaWNrOiBhY3Rpb24ub25DbGljaywgY2hpbGRyZW46IGxhYmVsIH0pKTtcbn07XG4vLyBUaGUgY2VudGVyZWQgXCJUcm91Ymxl4oCmPyBMZXQgdXMgaGVscCFcIiByb3cgYmVsb3cgdGhlIGFjdGlvbnMuXG5jb25zdCBIZWxwUm93ID0gKHsgcHJvbXB0VGV4dCwgYWN0aW9uVGV4dCwgb25DbGljayB9KSA9PiB7XG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudCkgPT4ge1xuICAgICAgICBpZiAoIVRSQU5TQUNUSU9OX0RJQUxPRy5hY3RpdmF0aW9uS2V5cy5pbmNsdWRlcyhldmVudC5rZXkpKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBvbkNsaWNrID09PSBudWxsIHx8IG9uQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2xpY2soKTtcbiAgICB9O1xuICAgIHJldHVybiAoX2pzeHMoRmxleCwgeyBhbGlnbjogJ2NlbnRlcicsIGp1c3RpZnk6ICdjZW50ZXInLCBnYXA6IFRSQU5TQUNUSU9OX0RJQUxPRy5nYXAuaGVscCwgY2xhc3NOYW1lOiBUUkFOU0FDVElPTl9ESUFMT0cuY2xzLmhlbHAsIGNoaWxkcmVuOiBbcHJvbXB0VGV4dCAmJiAoX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogJ21kJywgc3Ryb25nOiB0cnVlLCBjb2xvcjogJ2RlZmF1bHQtdGVydGlhcnknLCBjaGlsZHJlbjogcHJvbXB0VGV4dCB9KSksIGFjdGlvblRleHQgJiYgKF9qc3goVHlwb2dyYXBoeS5MaW5rLCB7IHNpemU6ICdtZCcsIGNvbG9yOiAnYnJhbmQnLCByb2xlOiAnYnV0dG9uJywgdGFiSW5kZXg6IDAsIG9uQ2xpY2s6IG9uQ2xpY2ssIG9uS2V5RG93bjogaGFuZGxlS2V5RG93biwgY2hpbGRyZW46IGFjdGlvblRleHQgfSkpXSB9KSk7XG59O1xuY29uc3QgVHJhbnNhY3Rpb25EaWFsb2dCYXNlID0gKF9hKSA9PiB7XG4gICAgdmFyIF9iLCBfYywgX2QsIF9lLCBfZiwgX2c7XG4gICAgdmFyIHsgcHJlc2V0IH0gPSBfYSwgcmVzdCA9IF9fcmVzdChfYSwgW1wicHJlc2V0XCJdKTtcbiAgICAvLyBQdWxsIGBwcmVzZXRgIG91dCBmaXJzdCBzbyB0aGUgcmVzdCBjYW4gZmFsbCBiYWNrIHRvIGl0OiBhIGRlc3RydWN0dXJpbmdcbiAgICAvLyBkZWZhdWx0IGFwcGxpZXMgZXhhY3RseSB3aGVuIHRoZSBwcm9wIGlzIG9taXR0ZWQsIHdoaWNoIGlzIHRoZVxuICAgIC8vIFwiZXhwbGljaXQgd2lucyBvdmVyIHByZXNldFwiIHNlbWFudGljcyB3ZSB3YW50LlxuICAgIGNvbnN0IHsgb3Blbiwgc2l6ZSA9IFRSQU5TQUNUSU9OX0RJQUxPRy5kZWZhdWx0cy5zaXplLCBtYXNrQ2xvc2FibGUsIHNob3dCYWNrSWNvbiwgb25CYWNrLCBjbGFzc05hbWUsIGRldGFpbHMsIHByaW1hcnlBY3Rpb24sIHNlY29uZGFyeUFjdGlvbiwgaGVscCwgb25DbG9zZSwgaWxsdXN0cmF0aW9uID0gcHJlc2V0ID09PSBudWxsIHx8IHByZXNldCA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJlc2V0LmlsbHVzdHJhdGlvbiwgdGl0bGUgPSBwcmVzZXQgPT09IG51bGwgfHwgcHJlc2V0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcmVzZXQudGl0bGUsIGRlc2NyaXB0aW9uID0gcHJlc2V0ID09PSBudWxsIHx8IHByZXNldCA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJlc2V0LmRlc2NyaXB0aW9uLCBzaG93Q2xvc2VJY29uID0gKF9iID0gcHJlc2V0ID09PSBudWxsIHx8IHByZXNldCA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJlc2V0LnNob3dDbG9zZUljb24pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IHRydWUsIH0gPSByZXN0O1xuICAgIGNvbnN0IGhhc0FjdGlvbnMgPSBCb29sZWFuKHByaW1hcnlBY3Rpb24gfHwgc2Vjb25kYXJ5QWN0aW9uKTtcbiAgICBjb25zdCByZXNvbHZlZEhlbHAgPSBoZWxwIHx8IChwcmVzZXQgPT09IG51bGwgfHwgcHJlc2V0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcmVzZXQuaGVscClcbiAgICAgICAgPyB7XG4gICAgICAgICAgICBwcm9tcHRUZXh0OiAoX2MgPSBoZWxwID09PSBudWxsIHx8IGhlbHAgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGhlbHAucHJvbXB0VGV4dCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogKF9kID0gcHJlc2V0ID09PSBudWxsIHx8IHByZXNldCA9PT0gdm9pZCAwID8gdm9pZCAwIDogcHJlc2V0LmhlbHApID09PSBudWxsIHx8IF9kID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfZC5wcm9tcHRUZXh0LFxuICAgICAgICAgICAgYWN0aW9uVGV4dDogKF9lID0gaGVscCA9PT0gbnVsbCB8fCBoZWxwID09PSB2b2lkIDAgPyB2b2lkIDAgOiBoZWxwLmFjdGlvblRleHQpICE9PSBudWxsICYmIF9lICE9PSB2b2lkIDAgPyBfZSA6IChfZiA9IHByZXNldCA9PT0gbnVsbCB8fCBwcmVzZXQgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByZXNldC5oZWxwKSA9PT0gbnVsbCB8fCBfZiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2YuYWN0aW9uVGV4dCxcbiAgICAgICAgICAgIG9uQ2xpY2s6IGhlbHAgPT09IG51bGwgfHwgaGVscCA9PT0gdm9pZCAwID8gdm9pZCAwIDogaGVscC5vbkNsaWNrLFxuICAgICAgICB9XG4gICAgICAgIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGJvZHkgPSAoX2pzeHMoRmxleCwgeyB2ZXJ0aWNhbDogdHJ1ZSwgZ2FwOiBUUkFOU0FDVElPTl9ESUFMT0cuZ2FwLmJvZHksIGNsYXNzTmFtZTogVFJBTlNBQ1RJT05fRElBTE9HLmNscy5ib2R5LCBjaGlsZHJlbjogW2Rlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBhczogJ3AnLCBzaXplOiAnbGcnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC1zZWNvbmRhcnknLCBjaGlsZHJlbjogZGVzY3JpcHRpb24gfSkpLCBfanN4KEZsZXgsIHsgdmVydGljYWw6IHRydWUsIGdhcDogVFJBTlNBQ1RJT05fRElBTE9HLmdhcC5yb3csIGNsYXNzTmFtZTogVFJBTlNBQ1RJT05fRElBTE9HLmNscy5kZXRhaWxzLCBjaGlsZHJlbjogZGV0YWlscy5tYXAoKHJvdywgaW5kZXgpID0+IChfanN4cyhGbGV4XG4gICAgICAgICAgICAgICAgLy8gUm93cyBhcmUgYSBmaXhlZCwgcmVuZGVyLXN0YWJsZSBsaXN0IHdpdGggbm8gbmF0dXJhbCBpZC5cbiAgICAgICAgICAgICAgICAsIHsgY2xhc3NOYW1lOiBUUkFOU0FDVElPTl9ESUFMT0cuY2xzLnJvdywgYWxpZ246ICdjZW50ZXInLCBqdXN0aWZ5OiAnc3BhY2UtYmV0d2VlbicsIGdhcDogVFJBTlNBQ1RJT05fRElBTE9HLmdhcC5yb3dJbm5lciwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBzaXplOiAnbWQnLCBjb2xvcjogJ2RlZmF1bHQnLCBjaGlsZHJlbjogcm93LmxhYmVsIH0pLCBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogVFJBTlNBQ1RJT05fRElBTE9HLmNscy52YWx1ZSwgY2hpbGRyZW46IHJlbmRlclZhbHVlKHJvdykgfSldIH0sIGluZGV4KSkpIH0pXSB9KSk7XG4gICAgY29uc3QgZm9vdGVyID0gaGFzQWN0aW9ucyB8fCByZXNvbHZlZEhlbHAgPyAoX2pzeHMoRmxleCwgeyB2ZXJ0aWNhbDogdHJ1ZSwgZ2FwOiBUUkFOU0FDVElPTl9ESUFMT0cuZ2FwLmZvb3RlciwgY2xhc3NOYW1lOiBUUkFOU0FDVElPTl9ESUFMT0cuY2xzLmZvb3RlciwgY2hpbGRyZW46IFtoYXNBY3Rpb25zICYmIChcbiAgICAgICAgICAgIC8vIEJ1dHRvbnMgc3RhY2sgdmVydGljYWxseSwgZnVsbC13aWR0aCDigJQgcHJpbWFyeSBvbiB0b3AsIHNlY29uZGFyeVxuICAgICAgICAgICAgLy8gYmVsb3cg4oCUIG1hdGNoaW5nIHNjcC11aSdzIHRyYW5zYWN0aW9uIG1vZGFsIChEZXRhaWxzTW9kYWwpLlxuICAgICAgICAgICAgX2pzeHMoRmxleCwgeyB2ZXJ0aWNhbDogdHJ1ZSwgZ2FwOiBUUkFOU0FDVElPTl9ESUFMT0cuZ2FwLmFjdGlvbnMsIGNsYXNzTmFtZTogVFJBTlNBQ1RJT05fRElBTE9HLmNscy5hY3Rpb25zLCBjaGlsZHJlbjogW3ByaW1hcnlBY3Rpb24gJiZcbiAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlckFjdGlvbihwcmltYXJ5QWN0aW9uLCAoX2cgPSBwcmltYXJ5QWN0aW9uLmxhYmVsKSAhPT0gbnVsbCAmJiBfZyAhPT0gdm9pZCAwID8gX2cgOiBwcmVzZXQgPT09IG51bGwgfHwgcHJlc2V0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcmVzZXQucHJpbWFyeUxhYmVsLCBUUkFOU0FDVElPTl9ESUFMT0cuZGVmYXVsdHMucHJpbWFyeUNvbG9yKSwgc2Vjb25kYXJ5QWN0aW9uICYmXG4gICAgICAgICAgICAgICAgICAgICAgICByZW5kZXJBY3Rpb24oc2Vjb25kYXJ5QWN0aW9uLCBzZWNvbmRhcnlBY3Rpb24ubGFiZWwsIFRSQU5TQUNUSU9OX0RJQUxPRy5kZWZhdWx0cy5zZWNvbmRhcnlDb2xvcildIH0pKSwgcmVzb2x2ZWRIZWxwICYmIF9qc3goSGVscFJvdywgT2JqZWN0LmFzc2lnbih7fSwgcmVzb2x2ZWRIZWxwKSldIH0pKSA6IG51bGw7XG4gICAgcmV0dXJuIChfanN4KERpYWxvZywgeyBvcGVuOiBvcGVuLCBzaXplOiBzaXplLCBtYXNrQ2xvc2FibGU6IG1hc2tDbG9zYWJsZSwgc2hvd0Nsb3NlSWNvbjogc2hvd0Nsb3NlSWNvbiwgc2hvd0JhY2tJY29uOiBzaG93QmFja0ljb24sIG9uQmFjazogb25CYWNrLCBjbGFzc05hbWU6IGpvaW5DbHMoVFJBTlNBQ1RJT05fRElBTE9HLmNscy53cmFwLCBjbGFzc05hbWUpLCB0aXRsZTogdGl0bGUsIGlsbHVzdHJhdGlvbjogaWxsdXN0cmF0aW9uLCBmb290ZXI6IGZvb3Rlciwgb25DYW5jZWw6IG9uQ2xvc2UsIGNoaWxkcmVuOiBib2R5IH0pKTtcbn07XG5leHBvcnQgY29uc3QgVHJhbnNhY3Rpb25EaWFsb2cgPSBtZW1vKFRyYW5zYWN0aW9uRGlhbG9nQmFzZSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/TransactionDialog/constants.d.ts

@@ -0,0 +1,34 @@
+import type { ButtonColor } from "../../../components/Button";
+import type { DialogSize } from "../../../components/Dialog";
+interface TransactionDialogConstants {
+    /** BEM class names, all derived from the wrapper prefix. */
+    cls: {
+        wrap: string;
+        body: string;
+        details: string;
+        row: string;
+        value: string;
+        actions: string;
+        footer: string;
+        help: string;
+    };
+    /** Spacing in px, matching the 1money transaction dialog rhythm. */
+    gap: {
+        body: number;
+        row: number;
+        rowInner: number;
+        actions: number;
+        footer: number;
+        help: number;
+    };
+    /** Fallback values when neither a prop nor a preset provides one. */
+    defaults: {
+        size: DialogSize;
+        primaryColor: ButtonColor;
+        secondaryColor: ButtonColor;
+    };
+    /** Keys that activate the help link (an <a> with no href, like a button). */
+    activationKeys: readonly string[];
+}
+export declare const TRANSACTION_DIALOG: TransactionDialogConstants;
+export {};

package/lib/business/Dialog/TransactionDialog/constants.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRANSACTION_DIALOG = void 0;
+var PREFIX = 'om-transaction-dialog';
+var TRANSACTION_DIALOG = exports.TRANSACTION_DIALOG = {
+  cls: {
+    wrap: PREFIX,
+    body: "".concat(PREFIX, "-body"),
+    details: "".concat(PREFIX, "-details"),
+    row: "".concat(PREFIX, "-row"),
+    value: "".concat(PREFIX, "-value"),
+    actions: "".concat(PREFIX, "-actions"),
+    footer: "".concat(PREFIX, "-footer"),
+    help: "".concat(PREFIX, "-help")
+  },
+  // 16px description→list, 4px between rows, 16px between a row's label and
+  // value, 12px between the two buttons, 24px action row→help, 4px prompt→link.
+  gap: {
+    body: 16,
+    row: 0,
+    rowInner: 16,
+    actions: 12,
+    footer: 24,
+    help: 4
+  },
+  // The highlighted "View…" button is light-blue (`secondary`); the dismiss
+  // button ("Done"/"Close") is `grey` — matching the 1money transaction design.
+  defaults: {
+    size: 'small',
+    primaryColor: 'secondary',
+    secondaryColor: 'grey'
+  },
+  // `Typography.Link` renders an <a> with no href, so Enter/Space activate it.
+  activationKeys: ['Enter', ' ']
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2NvbnN0YW50cy50cyIsImJ1c2luZXNzL0RpYWxvZy9UcmFuc2FjdGlvbkRpYWxvZy9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiUFJFRklYIiwiVFJBTlNBQ1RJT05fRElBTE9HIiwiZXhwb3J0cyIsImNscyIsIndyYXAiLCJib2R5IiwiY29uY2F0IiwiZGV0YWlscyIsInJvdyIsInZhbHVlIiwiYWN0aW9ucyIsImZvb3RlciIsImhlbHAiLCJnYXAiLCJyb3dJbm5lciIsImRlZmF1bHRzIiwic2l6ZSIsInByaW1hcnlDb2xvciIsInNlY29uZGFyeUNvbG9yIiwiYWN0aXZhdGlvbktleXMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXVCQSxJQUFNQSxNQUFNLEdBQUcsdUJBQXVCO0FBRS9CLElBQU1DLGtCQUFrQixHQUFBQyxPQUFBLENBQUFELGtCQUFBLEdBQStCO0VBQzVERSxHQUFHLEVBQUU7SUFDSEMsSUFBSSxFQUFFSixNQUFNO0lBQ1pLLElBQUksS0FBQUMsTUFBQSxDQUFLTixNQUFNLFVBQU87SUFDdEJPLE9BQU8sS0FBQUQsTUFBQSxDQUFLTixNQUFNLGFBQVU7SUFDNUJRLEdBQUcsS0FBQUYsTUFBQSxDQUFLTixNQUFNLFNBQU07SUFDcEJTLEtBQUssS0FBQUgsTUFBQSxDQUFLTixNQUFNLFdBQVE7SUFDeEJVLE9BQU8sS0FBQUosTUFBQSxDQUFLTixNQUFNLGFBQVU7SUFDNUJXLE1BQU0sS0FBQUwsTUFBQSxDQUFLTixNQUFNLFlBQVM7SUFDMUJZLElBQUksS0FBQU4sTUFBQSxDQUFLTixNQUFNO0VDdkJmLENEd0JEO0VBQ0Q7RUFDQTtFQUNBYSxHQUFHLEVBQUU7SUFBRVIsSUFBSSxFQUFFLEVBQUU7SUFBRUcsR0FBRyxFQUFFLENBQUM7SUFBRU0sUUFBUSxFQUFFLEVBQUU7SUFBRUosT0FBTyxFQUFFLEVBQUU7SUFBRUMsTUFBTSxFQUFFLEVBQUU7SUFBRUMsSUFBSSxFQUFFO0VBQUMsQ0FBRTtFQUN6RTtFQUNBO0VBQ0FHLFFBQVEsRUFBRTtJQUFFQyxJQUFJLEVBQUUsT0FBTztJQUFFQyxZQUFZLEVBQUUsV0FBVztJQUFFQyxjQUFjLEVBQUU7RUFBTSxDQUFFO0VBQzlFO0VBQ0FDLGNBQWMsRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHO0FDdkIvQixDRHdCQyIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJjb25zdCBQUkVGSVggPSAnb20tdHJhbnNhY3Rpb24tZGlhbG9nJztcbmV4cG9ydCBjb25zdCBUUkFOU0FDVElPTl9ESUFMT0cgPSB7XG4gICAgY2xzOiB7XG4gICAgICAgIHdyYXA6IFBSRUZJWCxcbiAgICAgICAgYm9keTogYCR7UFJFRklYfS1ib2R5YCxcbiAgICAgICAgZGV0YWlsczogYCR7UFJFRklYfS1kZXRhaWxzYCxcbiAgICAgICAgcm93OiBgJHtQUkVGSVh9LXJvd2AsXG4gICAgICAgIHZhbHVlOiBgJHtQUkVGSVh9LXZhbHVlYCxcbiAgICAgICAgYWN0aW9uczogYCR7UFJFRklYfS1hY3Rpb25zYCxcbiAgICAgICAgZm9vdGVyOiBgJHtQUkVGSVh9LWZvb3RlcmAsXG4gICAgICAgIGhlbHA6IGAke1BSRUZJWH0taGVscGAsXG4gICAgfSxcbiAgICAvLyAxNnB4IGRlc2NyaXB0aW9u4oaSbGlzdCwgNHB4IGJldHdlZW4gcm93cywgMTZweCBiZXR3ZWVuIGEgcm93J3MgbGFiZWwgYW5kXG4gICAgLy8gdmFsdWUsIDEycHggYmV0d2VlbiB0aGUgdHdvIGJ1dHRvbnMsIDI0cHggYWN0aW9uIHJvd+KGkmhlbHAsIDRweCBwcm9tcHTihpJsaW5rLlxuICAgIGdhcDogeyBib2R5OiAxNiwgcm93OiAwLCByb3dJbm5lcjogMTYsIGFjdGlvbnM6IDEyLCBmb290ZXI6IDI0LCBoZWxwOiA0IH0sXG4gICAgLy8gVGhlIGhpZ2hsaWdodGVkIFwiVmlld+KAplwiIGJ1dHRvbiBpcyBsaWdodC1ibHVlIChgc2Vjb25kYXJ5YCk7IHRoZSBkaXNtaXNzXG4gICAgLy8gYnV0dG9uIChcIkRvbmVcIi9cIkNsb3NlXCIpIGlzIGBncmV5YCDigJQgbWF0Y2hpbmcgdGhlIDFtb25leSB0cmFuc2FjdGlvbiBkZXNpZ24uXG4gICAgZGVmYXVsdHM6IHsgc2l6ZTogJ3NtYWxsJywgcHJpbWFyeUNvbG9yOiAnc2Vjb25kYXJ5Jywgc2Vjb25kYXJ5Q29sb3I6ICdncmV5JyB9LFxuICAgIC8vIGBUeXBvZ3JhcGh5LkxpbmtgIHJlbmRlcnMgYW4gPGE+IHdpdGggbm8gaHJlZiwgc28gRW50ZXIvU3BhY2UgYWN0aXZhdGUgaXQuXG4gICAgYWN0aXZhdGlvbktleXM6IFsnRW50ZXInLCAnICddLFxufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/TransactionDialog/index.d.ts

@@ -0,0 +1,3 @@
+export { TransactionDialog } from './TransactionDialog';
+export * from './presets';
+export * from './interface';

package/lib/business/Dialog/TransactionDialog/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  TransactionDialog: true
+};
+Object.defineProperty(exports, "TransactionDialog", {
+  enumerable: true,
+  get: function get() {
+    return _TransactionDialog.TransactionDialog;
+  }
+});
+var _TransactionDialog = require("./TransactionDialog");
+var _presets = require("./presets");
+Object.keys(_presets).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _presets[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _presets[key];
+    }
+  });
+});
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2luZGV4LnRzIl0sIm5hbWVzIjpbIl9UcmFuc2FjdGlvbkRpYWxvZyIsInJlcXVpcmUiLCJfcHJlc2V0cyIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9pbnRlcmZhY2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsa0JBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFFBQUEsR0FBQUQsT0FBQTtBQUFBRSxNQUFBLENBQUFDLElBQUEsQ0FBQUYsUUFBQSxFQUFBRyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFKLFFBQUEsQ0FBQUksR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVosUUFBQSxDQUFBSSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQVMsVUFBQSxHQUFBZCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBVyxVQUFBLEVBQUFWLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQVMsVUFBQSxDQUFBVCxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBQyxVQUFBLENBQUFULEdBQUE7SUFBQTtFQUFBO0FBQUEiLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Dialog/TransactionDialog/interface.d.ts

@@ -0,0 +1,116 @@
+import type { ReactNode } from 'react';
+import type { ButtonColor } from "../../../components/Button";
+import type { DialogProps } from "../../../components/Dialog";
+import type { IconName } from "../../../components/Icons";
+import type { TransactionDialogPresetCopy } from './presets';
+/** Value color tone for a detail row. */
+export type TransactionDetailTone = 'default' | 'success';
+/**
+ * One key/value row in the transaction detail list. The row layout (label left,
+ * value right, hairline separator, padding) is locked; only the content and a
+ * couple of value-styling toggles are configurable.
+ */
+export interface TransactionDetailRow {
+    /** Left-column label, e.g. `"Network"`, `"Transaction Fees"`. */
+    label: ReactNode;
+    /**
+     * Right-column value. Plain text, or a node for richer values — an icon +
+     * text (e.g. a network chip) or a multi-line wallet address.
+     */
+    value: ReactNode;
+    /**
+     * Value color tone. `'success'` renders the value in positive green — use it
+     * for values like `"Free"`.
+     * @default 'default'
+     */
+    valueTone?: TransactionDetailTone;
+    /**
+     * Emphasize the value as the summary total — larger and bold (e.g. the final
+     * "Recipient get" amount).
+     * @default false
+     */
+    emphasis?: boolean;
+    /**
+     * Show a copy-to-clipboard icon next to the value — for a wallet address,
+     * transaction id, etc. `true` copies the rendered text; pass `{ text }` to
+     * copy an exact string. Backed by the library's `Typography` copyable (with
+     * its default success toast).
+     * @default false
+     */
+    copyable?: boolean | {
+        text: string;
+    };
+}
+/**
+ * A footer action button. `primaryAction` is the highlighted button (light-blue
+ * by default); `secondaryAction` is the dismiss button (grey by default).
+ */
+export interface TransactionDialogAction {
+    /**
+     * Button label. Optional on `primaryAction` when a `preset` supplies one
+     * (its `primaryLabel`); required on `secondaryAction`.
+     */
+    label?: ReactNode;
+    /** Click handler. */
+    onClick?: () => void;
+    /** Disable the button. */
+    disabled?: boolean;
+    /** Show a spinner and block clicks while an async action is in flight. */
+    loading?: boolean;
+    /**
+     * Color tone override. Defaults to `'secondary'` (light blue) for
+     * `primaryAction` and `'grey'` for `secondaryAction`.
+     */
+    color?: ButtonColor;
+}
+/** The centered "Trouble with your transaction? Let us help!" footer prompt. */
+export interface TransactionDialogHelp {
+    /** Muted prompt text. Falls back to the preset's help prompt. */
+    promptText?: ReactNode;
+    /** Trailing brand-colored action text. Falls back to the preset's help action. */
+    actionText?: ReactNode;
+    /** Fires when the action text is clicked or activated via keyboard. */
+    onClick?: () => void;
+}
+export interface TransactionDialogProps extends Pick<DialogProps, 'open' | 'size' | 'maskClosable' | 'showCloseIcon' | 'showBackIcon' | 'onBack' | 'className'> {
+    /**
+     * Pre-canned status object (e.g. `TRANSACTION_DIALOG_PRESETS.failed`) that
+     * fills `illustration`, `title`, `description`, the close icon, the primary
+     * action label, and the help row. Any explicit prop below overrides it.
+     */
+    preset?: TransactionDialogPresetCopy;
+    /** Dialog heading, e.g. `"Transaction completed"`. Optional when a `preset` supplies one. */
+    title?: ReactNode;
+    /** Supporting copy under the title, e.g. `"Your funds have been sent..."`. */
+    description?: ReactNode;
+    /**
+     * Illustration above the title (left-aligned, 74px). Pass an `IconName` (e.g.
+     * `'illusChecked'`, `'illusPending'`, `'illusError'`) or any node.
+     */
+    illustration?: ReactNode | IconName;
+    /**
+     * The key/value detail rows, separated by hairlines.
+     *
+     * @example
+     * ```tsx
+     * const details: TransactionDetailRow[] = [
+     *   { label: 'Destination Wallet', value: "Jack's wallet" },
+     *   { label: 'Transaction Fees', value: 'Free', valueTone: 'success' },
+     *   { label: 'Recipient get', value: '454,650.00 USD1', emphasis: true },
+     * ];
+     * <TransactionDialog open title="Transaction completed" details={details} />
+     * ```
+     */
+    details: TransactionDetailRow[];
+    /** Highlighted (light-blue) action, e.g. "View in transaction history". */
+    primaryAction?: TransactionDialogAction;
+    /** Optional dismiss (grey) action beside the primary, e.g. "Done" / "Close". */
+    secondaryAction?: TransactionDialogAction;
+    /** Centered help prompt below the actions. */
+    help?: TransactionDialogHelp;
+    /**
+     * Fires from the close icon, mask click, and Escape key. Set your `open`
+     * state to `false` here.
+     */
+    onClose?: () => void;
+}

package/lib/business/Dialog/TransactionDialog/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/business/Dialog/TransactionDialog/presets.d.ts

@@ -0,0 +1,89 @@
+import type { ReactNode } from 'react';
+import type { IconName } from "../../../components/Icons";
+/** Default copy for the optional help row. */
+export interface TransactionDialogPresetHelp {
+    /** Muted prompt text. */
+    promptText?: ReactNode;
+    /** Trailing brand-colored action text. */
+    actionText?: ReactNode;
+}
+/**
+ * Pre-canned config for a transaction-status scenario. A preset fills the
+ * dialog's illustration, title, description, close icon, the primary action
+ * label, and the help row; the consumer wires the handlers and supplies the
+ * dynamic `details` rows. Any explicit prop overrides the preset.
+ */
+export interface TransactionDialogPresetCopy {
+    /** Left-aligned 74px illustration. */
+    illustration: IconName;
+    /** Dialog heading. */
+    title: ReactNode;
+    /** Supporting copy under the title. */
+    description: ReactNode;
+    /** Default label for the primary action, when one is rendered. */
+    primaryLabel?: ReactNode;
+    /**
+     * Whether the close (X) icon shows by default.
+     * @default true
+     */
+    showCloseIcon?: boolean;
+    /** Default help-row copy below the actions. */
+    help?: TransactionDialogPresetHelp;
+}
+/**
+ * Canonical transaction-status scenarios. Pass a leaf straight to
+ * `TransactionDialog`'s `preset` prop — there is no string key to remember; the
+ * IDE navigates and type-checks it.
+ *
+ * Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
+ * result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
+ * `pending`).
+ *
+ * @example
+ * ```tsx
+ * import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
+ *
+ * <TransactionDialog
+ *   open={open}
+ *   preset={TRANSACTION_DIALOG_PRESETS.failed}
+ *   details={details}
+ *   primaryAction={{ onClick: retry }}
+ *   secondaryAction={{ label: 'Close', onClick: close }}
+ *   help={{ onClick: openSupport }}
+ *   onClose={close}
+ * />;
+ * ```
+ */
+export declare const TRANSACTION_DIALOG_PRESETS: {
+    readonly completed: {
+        readonly illustration: "illusChecked";
+        readonly title: "Transaction completed";
+        readonly description: "Your funds have been sent successfully.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+    readonly initiated: {
+        readonly illustration: "illusChecked";
+        readonly title: "Your transaction initiated";
+        readonly description: "We will send you an email when the transaction is completed.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+    };
+    readonly failed: {
+        readonly illustration: "illusError";
+        readonly title: "Your transaction failed";
+        readonly description: "Please try again or contact support for assistance.";
+        readonly primaryLabel: "Try again";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+    readonly pending: {
+        readonly illustration: "illusPending";
+        readonly title: "Your Transaction is Under Review";
+        readonly description: "Please wait for the transaction to be completed.";
+        readonly primaryLabel: "View in transaction history";
+        readonly showCloseIcon: true;
+        readonly help: TransactionDialogPresetHelp;
+    };
+};

package/lib/business/Dialog/TransactionDialog/presets.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRANSACTION_DIALOG_PRESETS = void 0;
+var SUPPORT_HELP = {
+  promptText: 'Trouble with your transaction?',
+  actionText: 'Let us help!'
+};
+/**
+ * Canonical transaction-status scenarios. Pass a leaf straight to
+ * `TransactionDialog`'s `preset` prop — there is no string key to remember; the
+ * IDE navigates and type-checks it.
+ *
+ * Copy is taken from the Figma "Transaction completed" frame and the scp-ui Send
+ * result statuses (`INIT` → `initiated`, `FAILURE` → `failed`, `PENDING` →
+ * `pending`).
+ *
+ * @example
+ * ```tsx
+ * import { TRANSACTION_DIALOG_PRESETS } from '@1money/component-ui/business/Dialog/TransactionDialog';
+ *
+ * <TransactionDialog
+ *   open={open}
+ *   preset={TRANSACTION_DIALOG_PRESETS.failed}
+ *   details={details}
+ *   primaryAction={{ onClick: retry }}
+ *   secondaryAction={{ label: 'Close', onClick: close }}
+ *   help={{ onClick: openSupport }}
+ *   onClose={close}
+ * />;
+ * ```
+ */
+var TRANSACTION_DIALOG_PRESETS = exports.TRANSACTION_DIALOG_PRESETS = {
+  completed: {
+    illustration: 'illusChecked',
+    title: 'Transaction completed',
+    description: 'Your funds have been sent successfully.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  },
+  initiated: {
+    illustration: 'illusChecked',
+    title: 'Your transaction initiated',
+    description: 'We will send you an email when the transaction is completed.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true
+  },
+  failed: {
+    illustration: 'illusError',
+    title: 'Your transaction failed',
+    description: 'Please try again or contact support for assistance.',
+    primaryLabel: 'Try again',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  },
+  pending: {
+    illustration: 'illusPending',
+    title: 'Your Transaction is Under Review',
+    description: 'Please wait for the transaction to be completed.',
+    primaryLabel: 'View in transaction history',
+    showCloseIcon: true,
+    help: SUPPORT_HELP
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0RpYWxvZy9zcmMvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nL3ByZXNldHMudHMiLCJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvcHJlc2V0cy5qcyJdLCJuYW1lcyI6WyJTVVBQT1JUX0hFTFAiLCJwcm9tcHRUZXh0IiwiYWN0aW9uVGV4dCIsIlRSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTIiwiZXhwb3J0cyIsImNvbXBsZXRlZCIsImlsbHVzdHJhdGlvbiIsInRpdGxlIiwiZGVzY3JpcHRpb24iLCJwcmltYXJ5TGFiZWwiLCJzaG93Q2xvc2VJY29uIiwiaGVscCIsImluaXRpYXRlZCIsImZhaWxlZCIsInBlbmRpbmciXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1DQSxJQUFNQSxZQUFZLEdBQWdDO0VBQ2hEQyxVQUFVLEVBQUUsZ0NBQWdDO0VBQzVDQyxVQUFVLEVBQUU7QUNsQ2QsQ0RtQ0M7QUFFRDtBQ25DQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEcUNPLElBQU1DLDBCQUEwQixHQUFBQyxPQUFBLENBQUFELDBCQUFBLEdBQUc7RUFDeENFLFNBQVMsRUFBRTtJQUNUQyxZQUFZLEVBQUUsY0FBYztJQUM1QkMsS0FBSyxFQUFFLHVCQUF1QjtJQUM5QkMsV0FBVyxFQUFFLHlDQUF5QztJQUN0REMsWUFBWSxFQUFFLDZCQUE2QjtJQUMzQ0MsYUFBYSxFQUFFLElBQUk7SUFDbkJDLElBQUksRUFBRVg7RUNuQ04sQ0RvQ0Q7RUFDRFksU0FBUyxFQUFFO0lBQ1ROLFlBQVksRUFBRSxjQUFjO0lBQzVCQyxLQUFLLEVBQUUsNEJBQTRCO0lBQ25DQyxXQUFXLEVBQUUsOERBQThEO0lBQzNFQyxZQUFZLEVBQUUsNkJBQTZCO0lBQzNDQyxhQUFhLEVBQUU7RUNuQ2YsQ0RvQ0Q7RUFDREcsTUFBTSxFQUFFO0lBQ05QLFlBQVksRUFBRSxZQUFZO0lBQzFCQyxLQUFLLEVBQUUseUJBQXlCO0lBQ2hDQyxXQUFXLEVBQUUscURBQXFEO0lBQ2xFQyxZQUFZLEVBQUUsV0FBVztJQUN6QkMsYUFBYSxFQUFFLElBQUk7SUFDbkJDLElBQUksRUFBRVg7RUNuQ04sQ0RvQ0Q7RUFDRGMsT0FBTyxFQUFFO0lBQ1BSLFlBQVksRUFBRSxjQUFjO0lBQzVCQyxLQUFLLEVBQUUsa0NBQWtDO0lBQ3pDQyxXQUFXLEVBQUUsa0RBQWtEO0lBQy9EQyxZQUFZLEVBQUUsNkJBQTZCO0lBQzNDQyxhQUFhLEVBQUUsSUFBSTtJQUNuQkMsSUFBSSxFQUFFWDtFQ25DTjtBQUNKLENEb0NnRSIsImZpbGUiOiJidXNpbmVzcy9EaWFsb2cvVHJhbnNhY3Rpb25EaWFsb2cvcHJlc2V0cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiY29uc3QgU1VQUE9SVF9IRUxQID0ge1xuICAgIHByb21wdFRleHQ6ICdUcm91YmxlIHdpdGggeW91ciB0cmFuc2FjdGlvbj8nLFxuICAgIGFjdGlvblRleHQ6ICdMZXQgdXMgaGVscCEnLFxufTtcbi8qKlxuICogQ2Fub25pY2FsIHRyYW5zYWN0aW9uLXN0YXR1cyBzY2VuYXJpb3MuIFBhc3MgYSBsZWFmIHN0cmFpZ2h0IHRvXG4gKiBgVHJhbnNhY3Rpb25EaWFsb2dgJ3MgYHByZXNldGAgcHJvcCDigJQgdGhlcmUgaXMgbm8gc3RyaW5nIGtleSB0byByZW1lbWJlcjsgdGhlXG4gKiBJREUgbmF2aWdhdGVzIGFuZCB0eXBlLWNoZWNrcyBpdC5cbiAqXG4gKiBDb3B5IGlzIHRha2VuIGZyb20gdGhlIEZpZ21hIFwiVHJhbnNhY3Rpb24gY29tcGxldGVkXCIgZnJhbWUgYW5kIHRoZSBzY3AtdWkgU2VuZFxuICogcmVzdWx0IHN0YXR1c2VzIChgSU5JVGAg4oaSIGBpbml0aWF0ZWRgLCBgRkFJTFVSRWAg4oaSIGBmYWlsZWRgLCBgUEVORElOR2Ag4oaSXG4gKiBgcGVuZGluZ2ApLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIGltcG9ydCB7IFRSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTIH0gZnJvbSAnQDFtb25leS9jb21wb25lbnQtdWkvYnVzaW5lc3MvRGlhbG9nL1RyYW5zYWN0aW9uRGlhbG9nJztcbiAqXG4gKiA8VHJhbnNhY3Rpb25EaWFsb2dcbiAqICAgb3Blbj17b3Blbn1cbiAqICAgcHJlc2V0PXtUUkFOU0FDVElPTl9ESUFMT0dfUFJFU0VUUy5mYWlsZWR9XG4gKiAgIGRldGFpbHM9e2RldGFpbHN9XG4gKiAgIHByaW1hcnlBY3Rpb249e3sgb25DbGljazogcmV0cnkgfX1cbiAqICAgc2Vjb25kYXJ5QWN0aW9uPXt7IGxhYmVsOiAnQ2xvc2UnLCBvbkNsaWNrOiBjbG9zZSB9fVxuICogICBoZWxwPXt7IG9uQ2xpY2s6IG9wZW5TdXBwb3J0IH19XG4gKiAgIG9uQ2xvc2U9e2Nsb3NlfVxuICogLz47XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGNvbnN0IFRSQU5TQUNUSU9OX0RJQUxPR19QUkVTRVRTID0ge1xuICAgIGNvbXBsZXRlZDoge1xuICAgICAgICBpbGx1c3RyYXRpb246ICdpbGx1c0NoZWNrZWQnLFxuICAgICAgICB0aXRsZTogJ1RyYW5zYWN0aW9uIGNvbXBsZXRlZCcsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnWW91ciBmdW5kcyBoYXZlIGJlZW4gc2VudCBzdWNjZXNzZnVsbHkuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVmlldyBpbiB0cmFuc2FjdGlvbiBoaXN0b3J5JyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICAgICAgaGVscDogU1VQUE9SVF9IRUxQLFxuICAgIH0sXG4gICAgaW5pdGlhdGVkOiB7XG4gICAgICAgIGlsbHVzdHJhdGlvbjogJ2lsbHVzQ2hlY2tlZCcsXG4gICAgICAgIHRpdGxlOiAnWW91ciB0cmFuc2FjdGlvbiBpbml0aWF0ZWQnLFxuICAgICAgICBkZXNjcmlwdGlvbjogJ1dlIHdpbGwgc2VuZCB5b3UgYW4gZW1haWwgd2hlbiB0aGUgdHJhbnNhY3Rpb24gaXMgY29tcGxldGVkLicsXG4gICAgICAgIHByaW1hcnlMYWJlbDogJ1ZpZXcgaW4gdHJhbnNhY3Rpb24gaGlzdG9yeScsXG4gICAgICAgIHNob3dDbG9zZUljb246IHRydWUsXG4gICAgfSxcbiAgICBmYWlsZWQ6IHtcbiAgICAgICAgaWxsdXN0cmF0aW9uOiAnaWxsdXNFcnJvcicsXG4gICAgICAgIHRpdGxlOiAnWW91ciB0cmFuc2FjdGlvbiBmYWlsZWQnLFxuICAgICAgICBkZXNjcmlwdGlvbjogJ1BsZWFzZSB0cnkgYWdhaW4gb3IgY29udGFjdCBzdXBwb3J0IGZvciBhc3Npc3RhbmNlLicsXG4gICAgICAgIHByaW1hcnlMYWJlbDogJ1RyeSBhZ2FpbicsXG4gICAgICAgIHNob3dDbG9zZUljb246IHRydWUsXG4gICAgICAgIGhlbHA6IFNVUFBPUlRfSEVMUCxcbiAgICB9LFxuICAgIHBlbmRpbmc6IHtcbiAgICAgICAgaWxsdXN0cmF0aW9uOiAnaWxsdXNQZW5kaW5nJyxcbiAgICAgICAgdGl0bGU6ICdZb3VyIFRyYW5zYWN0aW9uIGlzIFVuZGVyIFJldmlldycsXG4gICAgICAgIGRlc2NyaXB0aW9uOiAnUGxlYXNlIHdhaXQgZm9yIHRoZSB0cmFuc2FjdGlvbiB0byBiZSBjb21wbGV0ZWQuJyxcbiAgICAgICAgcHJpbWFyeUxhYmVsOiAnVmlldyBpbiB0cmFuc2FjdGlvbiBoaXN0b3J5JyxcbiAgICAgICAgc2hvd0Nsb3NlSWNvbjogdHJ1ZSxcbiAgICAgICAgaGVscDogU1VQUE9SVF9IRUxQLFxuICAgIH0sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=