@n1xyz/wallet-widget 0.0.32 → 0.0.33-alpha.1

package/dist/wallet/ui/modal/flow/components/TransactionTable.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { shortenAddress } from '@wallet/state/flow/utils/nordUtils';
-import { getExplorerUrl } from '@wallet/state/utils/transactionManager';
-export function TransactionTable(_a) {
-    var tableValues = _a.tableValues, onClose = _a.onClose;
-    // Friendly labels for the keys
-    var getLabel = function (key) {
-        var labels = {
-            amount: 'Amount',
-            tx: 'Transaction ID',
-            from: 'From',
-            to: 'To',
-            network: 'Network',
-            status: 'Status',
-        };
-        return labels[key] || key;
-    };
-    // Get appropriate color for values based on key
-    var getValueStyles = function (key, value) {
-        if (key === 'status') {
-            if (value.toLowerCase().includes('success') ||
-                value.toLowerCase().includes('confirmed')) {
-                return 'text-emerald-500 font-medium';
-            }
-            if (value.toLowerCase().includes('pending')) {
-                return 'text-amber-400 font-medium';
-            }
-            if (value.toLowerCase().includes('fail') ||
-                value.toLowerCase().includes('error')) {
-                return 'text-red-400 font-medium';
-            }
-        }
-        if (key === 'tx') {
-            return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';
-        }
-        if (key === 'network') {
-            return 'text-purple-400 font-medium';
-        }
-        if (key === 'from' || key === 'to') {
-            return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';
-        }
-        if (key === 'amount') {
-            return 'text-emerald-500 font-semibold';
-        }
-        return 'text-n1-ww-gray-50 font-medium';
-    };
-    // Format display value with ellipsis for long text
-    var getDisplayValue = function (key, value) {
-        if (key === 'tx') {
-            return shortenAddress(value, 5, 4);
-        }
-        if (key === 'from' || key === 'to') {
-            return shortenAddress(value, 5, 4);
-        }
-        return value;
-    };
-    // Get explorer URL for transaction ID or address
-    var getExplorerLink = function (key, value) {
-        if (key === 'tx') {
-            return getExplorerUrl(value);
-        }
-        if (key === 'from') {
-            return "https://explorer.solana.com/address/".concat(value, "?cluster=devnet");
-        }
-        return '';
-    };
-    // Order of fields to display
-    var fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];
-    // Sort entries based on fieldOrder
-    var sortedEntries = Object.entries(tableValues).sort(function (_a, _b) {
-        var keyA = _a[0];
-        var keyB = _b[0];
-        var indexA = fieldOrder.indexOf(keyA);
-        var indexB = fieldOrder.indexOf(keyB);
-        return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);
-    });
-    return (_jsxs("div", { className: "relative w-full h-full bg-n1-ww-gray-950 border border-n1-ww-border p-5 rounded-sm flex flex-col justify-center", children: [onClose && (_jsx("button", { onClick: onClose, className: "absolute top-3 right-2 text-n1-ww-gray-600 hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none", "aria-label": "Close details", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: "space-y-3 text-sm pt-5", children: sortedEntries.map(function (_a) {
-                    var key = _a[0], value = _a[1];
-                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-n1-ww-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [(key === 'tx' || key === 'from') &&
-                                        getExplorerLink(key, value.text) ? (_jsxs("a", { href: getExplorerLink(key, value.text), target: "_blank", rel: "noopener noreferrer", className: "".concat(getValueStyles(key, value.text), " break-all inline-block group"), title: value.text, children: [_jsx("span", { className: "underline hover:font-bold", children: getDisplayValue(key, value.text) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })] })) : (_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), title: value.text, children: value.text })), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-400 n1-ww-animate-pulse" }))] })] }, key));
-                }) })] }));
-}
-//# sourceMappingURL=TransactionTable.js.map

package/dist/wallet/ui/modal/flow/components/TransactionTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '@wallet/state/flow/types';\nimport { shortenAddress } from '@wallet/state/flow/utils/nordUtils';\nimport { getExplorerUrl } from '@wallet/state/utils/transactionManager';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-ww-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-ww-gray-950 border border-n1-ww-border p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-ww-gray-600 hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-ww-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-400 n1-ww-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/wallet/ui/modal/flow/components/WaitingMessage.d.ts

@@ -1,8 +0,0 @@
-import { WaitingMessageState } from '@wallet/state/flow/types';
-interface WaitingMessageProps {
-    message: WaitingMessageState;
-    loaderSize?: number;
-    animation?: 'loader' | 'transfer';
-}
-export declare function WaitingMessage({ message, loaderSize, animation, }: WaitingMessageProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/wallet/ui/modal/flow/components/WaitingMessage.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { N1LoaderAnimation } from '@shared/animations/N1Loader';
-import { SolanaLogo, ZeroOneLogo } from '@shared/ui/logos';
-import Logo from '@shared/ui/Logo';
-export function WaitingMessage(_a) {
-    var message = _a.message, _b = _a.loaderSize, loaderSize = _b === void 0 ? 48 : _b, _c = _a.animation, animation = _c === void 0 ? 'loader' : _c;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center", children: [animation === 'loader' ? (_jsx(N1LoaderAnimation, { size: loaderSize })) : (_jsx(TransferWaveAnimation, {})), _jsxs("div", { className: "text-center w-[300px] my-4", children: [_jsx("h3", { className: "text-sm text-white transition-all duration-300 h-[32px] flex items-center justify-center relative", children: _jsx("div", { className: "absolute", children: message.visible && message.title }) }), _jsx("div", { className: "text-xs flex items-center justify-center relative mt-2 font-light", children: _jsx("div", { className: "absolute", children: message.visible && message.subtitle }) })] })] }));
-}
-var DOT_INDICES = Array.from({ length: 7 }, function (_, index) { return index; });
-var TransferDots = function () { return (_jsx("div", { className: "flex items-center gap-[3px]", children: DOT_INDICES.map(function (index) { return (_jsx("span", { className: "n1-ww-animate-transfer-dot n1-ww-force-motion rounded-full bg-n1-ww-main/90", style: {
-            width: '2.5px',
-            height: '2.5px',
-            animationDelay: "".concat(index * 0.12, "s"),
-            animationDuration: '1.6s',
-        }, "aria-hidden": "true" }, "wave-dot-".concat(index))); }) })); };
-var TransferWaveAnimation = function () { return (_jsx("div", { className: "flex w-full items-center justify-center", "aria-label": "Solana deposit moving into N1 and 01", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "relative h-7 w-7 rounded-full bg-gradient-to-br from-black via-neutral-900 to-neutral-800 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]", children: _jsx("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-black text-white", children: _jsx(SolanaLogo, { width: 14, height: 14 }) }) }), _jsx(TransferDots, {}), _jsx("div", { className: "relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]", children: _jsx("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]", children: _jsx(Logo, { size: 12, className: "text-n1-ww-main/90" }) }) }), _jsx(TransferDots, {}), _jsx("div", { className: "relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]", children: _jsx("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]", children: _jsx(ZeroOneLogo, { width: 14, height: 11 }) }) })] }) })); };
-//# sourceMappingURL=WaitingMessage.js.map

package/dist/wallet/ui/modal/flow/components/WaitingMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAQnC,MAAM,UAAU,cAAc,CAAC,EAIT;QAHpB,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA;IAEpB,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACvD,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,KAAC,iBAAiB,IAAC,IAAI,EAAE,UAAU,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,EACD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,mGAAmG,YAC/G,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,GACH,EACL,cAAK,SAAS,EAAC,mEAAmE,YAChF,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,GACF,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;AAEnE,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,cAAK,SAAS,EAAC,6BAA6B,YACzC,WAAW,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAC1B,eAEE,SAAS,EAAC,6EAA6E,EACvF,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,cAAc,EAAE,UAAG,KAAK,GAAG,IAAI,MAAG;YAClC,iBAAiB,EAAE,MAAM;SAC1B,iBACW,MAAM,IARb,mBAAY,KAAK,CAAE,CASxB,CACH,EAZ2B,CAY3B,CAAC,GACE,CACP,EAhB0B,CAgB1B,CAAC;AAEF,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAClC,cACE,SAAS,EAAC,yCAAyC,gBACxC,sCAAsC,YAEjD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,qIAAqI,YAClJ,cAAK,SAAS,EAAC,iFAAiF,YAC9F,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,GACF,EACN,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,8FAA8F,YAC3G,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oBAAoB,GAAG,GAC7C,GACF,EACN,KAAC,YAAY,KAAG,EAChB,cAAK,SAAS,EAAC,8FAA8F,YAC3G,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClC,GACF,IACF,GACF,CACP,EAzBmC,CAyBnC,CAAC","sourcesContent":["import { WaitingMessageState } from '@wallet/state/flow/types';\nimport { N1LoaderAnimation } from '@shared/animations/N1Loader';\nimport { SolanaLogo, ZeroOneLogo } from '@shared/ui/logos';\nimport Logo from '@shared/ui/Logo';\n\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n  loaderSize?: number;\n  animation?: 'loader' | 'transfer';\n}\n\nexport function WaitingMessage({\n  message,\n  loaderSize = 48,\n  animation = 'loader',\n}: WaitingMessageProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      {animation === 'loader' ? (\n        <N1LoaderAnimation size={loaderSize} />\n      ) : (\n        <TransferWaveAnimation />\n      )}\n      <div className=\"text-center w-[300px] my-4\">\n        <h3 className=\"text-sm text-white transition-all duration-300 h-[32px] flex items-center justify-center relative\"> \n          <div className=\"absolute\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-xs flex items-center justify-center relative mt-2 font-light\">\n          <div className=\"absolute\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst DOT_INDICES = Array.from({ length: 7 }, (_, index) => index);\n\nconst TransferDots = () => (\n  <div className=\"flex items-center gap-[3px]\">\n    {DOT_INDICES.map((index) => (\n      <span\n        key={`wave-dot-${index}`}\n        className=\"n1-ww-animate-transfer-dot n1-ww-force-motion rounded-full bg-n1-ww-main/90\"\n        style={{\n          width: '2.5px',\n          height: '2.5px',\n          animationDelay: `${index * 0.12}s`,\n          animationDuration: '1.6s',\n        }}\n        aria-hidden=\"true\"\n      />\n    ))}\n  </div>\n);\n\nconst TransferWaveAnimation = () => (\n  <div\n    className=\"flex w-full items-center justify-center\"\n    aria-label=\"Solana deposit moving into N1 and 01\"\n  >\n    <div className=\"flex items-center gap-2\">\n      <div className=\"relative h-7 w-7 rounded-full bg-gradient-to-br from-black via-neutral-900 to-neutral-800 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-black text-white\">\n          <SolanaLogo width={14} height={14} />\n        </div>\n      </div>\n      <TransferDots />\n      <div className=\"relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]\">\n          <Logo size={12} className=\"text-n1-ww-main/90\" />\n        </div>\n      </div>\n      <TransferDots />\n      <div className=\"relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]\">\n          <ZeroOneLogo width={14} height={11} />\n        </div>\n      </div>\n    </div>\n  </div>\n);\n"]}

package/dist/wallet/ui/modal/flow/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from '@wallet/ui/modal/flow/components/ImageWithFallback';
-export * from '@wallet/ui/modal/flow/components/ChainButton';
-export * from '@wallet/ui/modal/flow/components/TransactionTable';
-export * from '@wallet/ui/modal/flow/components/WaitingMessage';
-export * from '@wallet/ui/modal/flow/components/Header';

package/dist/wallet/ui/modal/flow/components/index.js

@@ -1,6 +0,0 @@
-export * from '@wallet/ui/modal/flow/components/ImageWithFallback';
-export * from '@wallet/ui/modal/flow/components/ChainButton';
-export * from '@wallet/ui/modal/flow/components/TransactionTable';
-export * from '@wallet/ui/modal/flow/components/WaitingMessage';
-export * from '@wallet/ui/modal/flow/components/Header';
-//# sourceMappingURL=index.js.map

package/dist/wallet/ui/modal/flow/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,yCAAyC,CAAC","sourcesContent":["export * from '@wallet/ui/modal/flow/components/ImageWithFallback';\nexport * from '@wallet/ui/modal/flow/components/ChainButton';\nexport * from '@wallet/ui/modal/flow/components/TransactionTable';\nexport * from '@wallet/ui/modal/flow/components/WaitingMessage';\nexport * from '@wallet/ui/modal/flow/components/Header';\n"]}

package/dist/wallet/ui/modal/flow/hoc/index.d.ts

@@ -1 +0,0 @@
-export * from '@wallet/ui/modal/flow/hoc/withImageFallback';

package/dist/wallet/ui/modal/flow/hoc/index.js

@@ -1,2 +0,0 @@
-export * from '@wallet/ui/modal/flow/hoc/withImageFallback';
-//# sourceMappingURL=index.js.map

package/dist/wallet/ui/modal/flow/hoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/hoc/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC","sourcesContent":["export * from '@wallet/ui/modal/flow/hoc/withImageFallback';\n"]}

package/dist/wallet/ui/modal/flow/hoc/withImageFallback.d.ts

@@ -1,7 +0,0 @@
-import React, { ComponentType } from 'react';
-/**
- * A Higher-Order Component (HOC) that adds image fallback functionality to a component
- * @param WrappedComponent The component to wrap
- * @returns A new component with image fallback functionality
- */
-export declare function withImageFallback<P extends object>(WrappedComponent: ComponentType<P>): React.FC<P>;

package/dist/wallet/ui/modal/flow/hoc/withImageFallback.js

@@ -1,61 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { ImageWithFallback } from '@wallet/ui/modal/flow/components';
-/**
- * A Higher-Order Component (HOC) that adds image fallback functionality to a component
- * @param WrappedComponent The component to wrap
- * @returns A new component with image fallback functionality
- */
-export function withImageFallback(WrappedComponent) {
-    // Create a new component that wraps the original component
-    var WithImageFallback = function (props) {
-        // Function to recursively process React elements
-        var processNode = function (node) {
-            if (!React.isValidElement(node)) {
-                return node;
-            }
-            var element = node;
-            // If it's an img element, replace it with ImageWithFallback
-            if (element.type === 'img') {
-                var _a = element.props, src = _a.src, alt = _a.alt, width = _a.width, height = _a.height, className = _a.className, rest = __rest(_a, ["src", "alt", "width", "height", "className"]);
-                return (_jsx(ImageWithFallback, __assign({ src: src, alt: alt || 'Image', width: width, height: height, className: className }, rest)));
-            }
-            // If it has children, process them recursively
-            if (element.props && element.props.children) {
-                var children = React.Children.map(element.props.children, processNode);
-                return React.cloneElement(element, __assign({}, element.props), children);
-            }
-            return element;
-        };
-        // Render the wrapped component and process its output
-        var renderedComponent = _jsx(WrappedComponent, __assign({}, props));
-        return processNode(renderedComponent);
-    };
-    // Set display name for debugging
-    var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    WithImageFallback.displayName = "withImageFallback(".concat(wrappedComponentName, ")");
-    return WithImageFallback;
-}
-//# sourceMappingURL=withImageFallback.js.map

package/dist/wallet/ui/modal/flow/hoc/withImageFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withImageFallback.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/hoc/withImageFallback.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,gBAAkC;IAElC,2DAA2D;IAC3D,IAAM,iBAAiB,GAAgB,UAAC,KAAK;QAC3C,iDAAiD;QACjD,IAAM,WAAW,GAAG,UAAC,IAAqB;YACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChC,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAM,OAAO,GAAG,IAA0B,CAAC;YAE3C,4DAA4D;YAC5D,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAC3B,IAAM,KAAkD,OAAO,CAAC,KAAK,EAA7D,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA7C,8CAA+C,CAAgB,CAAC;gBAEtE,OAAO,CACL,KAAC,iBAAiB,aAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,OAAO,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAChB,IAAI,EACR,CACH,CAAC;YACJ,CAAC;YAED,+CAA+C;YAC/C,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,OAAO,CAAC,KAAK,CAAC,QAAQ,EACtB,WAAW,CACZ,CAAC;gBAEF,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,eAAO,OAAO,CAAC,KAAK,GAAI,QAAQ,CAAC,CAAC;YACrE,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;QAEF,sDAAsD;QACtD,IAAM,iBAAiB,GAAG,KAAC,gBAAgB,eAAK,KAAK,EAAI,CAAC;QAC1D,OAAO,WAAW,CAAC,iBAAiB,CAAuB,CAAC;IAC9D,CAAC,CAAC;IAEF,iCAAiC;IACjC,IAAM,oBAAoB,GACxB,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,iBAAiB,CAAC,WAAW,GAAG,4BAAqB,oBAAoB,MAAG,CAAC;IAE7E,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["import React, { ComponentType } from 'react';\nimport { ImageWithFallback } from '@wallet/ui/modal/flow/components';\n\n/**\n * A Higher-Order Component (HOC) that adds image fallback functionality to a component\n * @param WrappedComponent The component to wrap\n * @returns A new component with image fallback functionality\n */\nexport function withImageFallback<P extends object>(\n  WrappedComponent: ComponentType<P>\n): React.FC<P> {\n  // Create a new component that wraps the original component\n  const WithImageFallback: React.FC<P> = (props) => {\n    // Function to recursively process React elements\n    const processNode = (node: React.ReactNode): React.ReactNode => {\n      if (!React.isValidElement(node)) {\n        return node;\n      }\n\n      const element = node as React.ReactElement;\n\n      // If it's an img element, replace it with ImageWithFallback\n      if (element.type === 'img') {\n        const { src, alt, width, height, className, ...rest } = element.props;\n\n        return (\n          <ImageWithFallback\n            src={src}\n            alt={alt || 'Image'}\n            width={width}\n            height={height}\n            className={className}\n            {...rest}\n          />\n        );\n      }\n\n      // If it has children, process them recursively\n      if (element.props && element.props.children) {\n        const children = React.Children.map(\n          element.props.children,\n          processNode\n        );\n\n        return React.cloneElement(element, { ...element.props }, children);\n      }\n\n      return element;\n    };\n\n    // Render the wrapped component and process its output\n    const renderedComponent = <WrappedComponent {...props} />;\n    return processNode(renderedComponent) as React.ReactElement;\n  };\n\n  // Set display name for debugging\n  const wrappedComponentName =\n    WrappedComponent.displayName || WrappedComponent.name || 'Component';\n  WithImageFallback.displayName = `withImageFallback(${wrappedComponentName})`;\n\n  return WithImageFallback;\n}\n"]}

package/dist/wallet/ui/modal/flow/index.d.ts

@@ -1 +0,0 @@
-export { NordFlow } from '@wallet/ui/modal/flow/NordFlow';

package/dist/wallet/ui/modal/flow/index.js

@@ -1,2 +0,0 @@
-export { NordFlow } from '@wallet/ui/modal/flow/NordFlow';
-//# sourceMappingURL=index.js.map

package/dist/wallet/ui/modal/flow/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/wallet/ui/modal/flow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export { NordFlow } from '@wallet/ui/modal/flow/NordFlow';\n"]}

package/dist/wallet/ui/modal/flow/screens/01-ConnectWalletScreen.d.ts

@@ -1 +0,0 @@
-export declare function ConnectWalletScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/wallet/ui/modal/flow/screens/01-ConnectWalletScreen.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useWalletConnectContext } from '@wallet/state/flow/context/WalletConnectContext';
-import { WaitingMessage } from '@wallet/ui/modal/flow/components/WaitingMessage';
-export function ConnectWalletScreen() {
-    var _a = useWalletConnectContext(), isConnecting = _a.isConnecting, connectWallet = _a.connectWallet;
-    useEffect(function () {
-        if (!isConnecting) {
-            connectWallet();
-        }
-    }, [isConnecting, connectWallet]);
-    return (_jsx(WaitingMessage, { loaderSize: 52, message: {
-            visible: true,
-            title: 'Connecting Wallet',
-            subtitle: 'Please approve the connection request in your wallet',
-            isTyping: false,
-        } }));
-}
-//# sourceMappingURL=01-ConnectWalletScreen.js.map

package/dist/wallet/ui/modal/flow/screens/01-ConnectWalletScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-ConnectWalletScreen.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/screens/01-ConnectWalletScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AAEjF,MAAM,UAAU,mBAAmB;IAC3B,IAAA,KAAkC,uBAAuB,EAAE,EAAzD,YAAY,kBAAA,EAAE,aAAa,mBAA8B,CAAC;IAElE,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,cAAc,IACb,UAAU,EAAE,EAAE,EACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,sDAAsD;YAChE,QAAQ,EAAE,KAAK;SAChB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { useWalletConnectContext } from '@wallet/state/flow/context/WalletConnectContext';\nimport { WaitingMessage } from '@wallet/ui/modal/flow/components/WaitingMessage';\n\nexport function ConnectWalletScreen() {\n  const { isConnecting, connectWallet } = useWalletConnectContext();\n\n  useEffect(() => {\n    if (!isConnecting) {\n      connectWallet();\n    }\n  }, [isConnecting, connectWallet]);\n\n  return (\n    <WaitingMessage\n      loaderSize={52}\n      message={{\n        visible: true,\n        title: 'Connecting Wallet',\n        subtitle: 'Please approve the connection request in your wallet',\n        isTyping: false,\n      }}\n    />\n  );\n}\n"]}

package/dist/wallet/ui/modal/flow/screens/02-ChainSelectionScreen.d.ts

@@ -1 +0,0 @@
-export declare function ChainSelectionScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/wallet/ui/modal/flow/screens/02-ChainSelectionScreen.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { CHAINS_WITH_NETWORK_INFO } from '@shared/config/chains';
-import { logger } from '@shared/utils/logger';
-import { ChainButton } from '@wallet/ui/modal/flow/components/ChainButton';
-import { useWalletConnectContext } from '@wallet/state/flow/context/WalletConnectContext';
-import { useFlowStateContext } from '@wallet/state/flow/context/FlowContext';
-export function ChainSelectionScreen() {
-    var disconnectWallet = useWalletConnectContext().disconnectWallet;
-    var _a = useFlowStateContext(), actions = _a.actions, context = _a.context;
-    var initialSelectedChainId = useMemo(function () {
-        var _a;
-        if (context.selectedChainId) {
-            var chainFromId = CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
-            if (chainFromId) {
-                return chainFromId.id;
-            }
-        }
-        if (context.selectedChain) {
-            var normalizedContextValue_1 = context.selectedChain.toLowerCase();
-            var chainFromContext = CHAINS_WITH_NETWORK_INFO.find(function (chain) {
-                return chain.name.toLowerCase() === normalizedContextValue_1 ||
-                    chain.id.toLowerCase() === normalizedContextValue_1;
-            });
-            if (chainFromContext) {
-                return chainFromContext.id;
-            }
-        }
-        return ((_a = CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
-    }, [context.selectedChain, context.selectedChainId]);
-    var _b = useState(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
-    var handleChainSelect = useCallback(function (chainId) {
-        logger.debug("Chain selected in ChainSelectionScreen:", chainId);
-        var chain = CHAINS_WITH_NETWORK_INFO.find(function (c) { return c.id === chainId; });
-        if (chain && !chain.soon) {
-            setSelectedChainId(chainId);
-        }
-        else {
-            logger.debug("Chain not selectable:", chainId);
-        }
-    }, [logger]);
-    var selectedChain = useMemo(function () { return CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
-    var handleContinue = useCallback(function () {
-        var _a;
-        if (!selectedChain || selectedChain.soon) {
-            logger.debug("Continue button clicked without selectable chain");
-            return;
-        }
-        actions.selectChain({
-            id: selectedChain.id,
-            name: selectedChain.name,
-            network: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
-        });
-        logger.debug("Transitioned to amount input from chain selection");
-    }, [selectedChain, actions]);
-    var handleDisconnect = useCallback(function () {
-        logger.debug("Disconnect button clicked");
-        disconnectWallet();
-    }, [disconnectWallet]);
-    var isContinueDisabled = !selectedChain || selectedChain.soon;
-    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [CHAINS_WITH_NETWORK_INFO.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, selected: selectedChainId === chain.id && !chain.soon, soon: chain.soon, subtitle: chain.subtitle }, chain.id)); }), _jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("button", { type: "button", onClick: handleContinue, disabled: isContinueDisabled, className: "w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ".concat(isContinueDisabled
-                                ? "border-n1-ww-border opacity-50 cursor-not-allowed"
-                                : "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"), children: _jsx("span", { className: "font-medium text-sm opacity-90 ".concat(isContinueDisabled ? "text-n1-ww-gray-500" : "text-n1-ww-main"), children: "Continue" }) }), _jsx("button", { type: "button", onClick: handleDisconnect, className: "w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer", children: _jsx("span", { className: "text-white font-medium text-sm opacity-90", children: "Disconnect" }) })] })] }) }));
-}
-//# sourceMappingURL=02-ChainSelectionScreen.js.map

package/dist/wallet/ui/modal/flow/screens/02-ChainSelectionScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../../../src/wallet/ui/modal/flow/screens/02-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { CHAINS_WITH_NETWORK_INFO } from '@shared/config/chains';\nimport { logger } from '@shared/utils/logger';\nimport { ChainButton } from '@wallet/ui/modal/flow/components/ChainButton';\nimport { useWalletConnectContext } from '@wallet/state/flow/context/WalletConnectContext';\nimport { useFlowStateContext } from '@wallet/state/flow/context/FlowContext';\n\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnectContext();\n  const { actions, context } = useFlowStateContext();\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) => chain.id === context.selectedChainId\n      );\n      if (chainFromId) {\n        return chainFromId.id;\n      }\n    }\n\n    if (context.selectedChain) {\n      const normalizedContextValue = context.selectedChain.toLowerCase();\n      const chainFromContext = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) =>\n          chain.name.toLowerCase() === normalizedContextValue ||\n          chain.id.toLowerCase() === normalizedContextValue\n      );\n      if (chainFromContext) {\n        return chainFromContext.id;\n      }\n    }\n\n    return CHAINS_WITH_NETWORK_INFO.find((c) => !c.soon)?.id || null;\n  }, [context.selectedChain, context.selectedChainId]);\n\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n  \n    const chain = CHAINS_WITH_NETWORK_INFO.find((c) => c.id === chainId);\n  \n    if (chain && !chain.soon) {\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not selectable:\", chainId);\n    }\n  }, [logger]);\n\n  const selectedChain = useMemo(\n    () => CHAINS_WITH_NETWORK_INFO.find((chain) => chain.id === selectedChainId),\n    [selectedChainId]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain || selectedChain.soon) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    actions.selectChain({\n      id: selectedChain.id,\n      name: selectedChain.name,\n      network: selectedChain.network ?? null,\n    });\n    logger.debug(\"Transitioned to amount input from chain selection\");\n  }, [selectedChain, actions]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled = !selectedChain || selectedChain.soon;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {CHAINS_WITH_NETWORK_INFO.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            selected={selectedChainId === chain.id && !chain.soon}\n            soon={chain.soon}\n            subtitle={chain.subtitle}\n          />\n        ))}\n        <div className=\"flex flex-col space-y-2\">\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={isContinueDisabled}\n            className={`w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ${\n              isContinueDisabled\n                ? \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n                : \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n            }`}\n          >\n            <span\n              className={`font-medium text-sm opacity-90 ${\n                isContinueDisabled ? \"text-n1-ww-gray-500\" : \"text-n1-ww-main\"\n              }`}\n            >\n              Continue\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer\"\n          >\n            <span className=\"text-white font-medium text-sm opacity-90\">\n              Disconnect\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/wallet/ui/modal/flow/screens/03-AmountInputScreen.d.ts

@@ -1,4 +0,0 @@
-interface AmountInputScreenProps {
-}
-export declare function AmountInputScreen({}: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};