@0xkey-io/react-wallet-kit 0.1.0

package/dist/components/auth/Action.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Hook = require('../../providers/modal/Hook.js');
+var Spinners = require('../design/Spinners.js');
+var clsx = require('clsx');
+
+function ActionPage(props) {
+  const {
+    title,
+    icon,
+    closeOnComplete = true,
+    action
+  } = props;
+  const {
+    popPage,
+    closeModal,
+    isMobile
+  } = Hook.useModal();
+  const hasRun = react.useRef(false);
+  const iconRef = react.useRef(null);
+  const [spinnerSize, setSpinnerSize] = react.useState(40);
+  react.useEffect(() => {
+    if (iconRef.current) {
+      const rect = iconRef.current.getBoundingClientRect();
+      const size = Math.max(rect.width, rect.height);
+      setSpinnerSize(size + 50);
+    }
+  }, []);
+  react.useEffect(() => {
+    if (hasRun.current) return;
+    hasRun.current = true;
+    const runAction = async () => {
+      if (action) {
+        try {
+          await action();
+        } catch (error) {
+          popPage();
+          throw new Error(`${error}`);
+        }
+        if (closeOnComplete) {
+          closeModal();
+        }
+      }
+    };
+    runAction();
+  }, []);
+  return jsxRuntime.jsx("div", {
+    className: clsx("flex items-center justify-center py-10", isMobile ? "w-full" : "w-96"),
+    children: jsxRuntime.jsxs("div", {
+      className: "flex flex-col items-center justify-center gap-8",
+      children: [jsxRuntime.jsxs("div", {
+        className: "relative flex items-center justify-center",
+        children: [jsxRuntime.jsx("div", {
+          ref: iconRef,
+          className: "flex items-center justify-center",
+          children: icon
+        }), jsxRuntime.jsx(Spinners.Spinner, {
+          className: "absolute",
+          style: {
+            width: spinnerSize,
+            height: spinnerSize
+          },
+          strokeWidth: 1
+        })]
+      }), jsxRuntime.jsx("span", {
+        className: "text-lg font-semibold",
+        children: title
+      })]
+    })
+  });
+}
+
+exports.ActionPage = ActionPage;
+//# sourceMappingURL=Action.js.map

package/dist/components/auth/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sources":["../../../src/components/auth/Action.tsx"],"sourcesContent":[null],"names":["ActionPage","props","title","icon","closeOnComplete","action","popPage","closeModal","isMobile","useModal","hasRun","useRef","iconRef","spinnerSize","setSpinnerSize","useState","useEffect","current","rect","getBoundingClientRect","size","Math","max","width","height","runAction","error","Error","_jsx","className","clsx","children","_jsxs","ref","Spinner","style","strokeWidth"],"mappings":";;;;;;;;AAYM,SAAUA,UAAUA,CAACC,KAAsB,EAAA;EAC/C,MAAM;IAAEC,KAAK;IAAEC,IAAI;AAAEC,IAAAA,eAAe,GAAG,IAAI;AAAEC,IAAAA;AAAM,GAAE,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,OAAO;IAAEC,UAAU;AAAEC,IAAAA;GAAU,GAAGC,aAAQ,EAAE;AACpD,EAAA,MAAMC,MAAM,GAAGC,YAAM,CAAC,KAAK,CAAC;AAC5B,EAAA,MAAMC,OAAO,GAAGD,YAAM,CAAiB,IAAI,CAAC;EAC5C,MAAM,CAACE,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAS,EAAE,CAAC;AAE1DC,EAAAA,eAAS,CAAC,MAAK;IACb,IAAIJ,OAAO,CAACK,OAAO,EAAE;MACnB,MAAMC,IAAI,GAAGN,OAAO,CAACK,OAAO,CAACE,qBAAqB,EAAE;AACpD,MAAA,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACJ,IAAI,CAACK,KAAK,EAAEL,IAAI,CAACM,MAAM,CAAC;AAC9CV,MAAAA,cAAc,CAACM,IAAI,GAAG,EAAE,CAAC;AAC3B,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AAENJ,EAAAA,eAAS,CAAC,MAAK;IACb,IAAIN,MAAM,CAACO,OAAO,EAAE;IACpBP,MAAM,CAACO,OAAO,GAAG,IAAI;AACrB,IAAA,MAAMQ,SAAS,GAAG,YAAW;AAC3B,MAAA,IAAIpB,MAAM,EAAE;QACV,IAAI;UACF,MAAMA,MAAM,EAAE;QAChB,CAAC,CAAC,OAAOqB,KAAK,EAAE;AACdpB,UAAAA,OAAO,EAAE;AACT,UAAA,MAAM,IAAIqB,KAAK,CAAC,CAAA,EAAGD,KAAK,EAAE,CAAC;AAC7B,QAAA;AACA,QAAA,IAAItB,eAAe,EAAE;AACnBG,UAAAA,UAAU,EAAE;AACd,QAAA;AACF,MAAA;IACF,CAAC;AACDkB,IAAAA,SAAS,EAAE;EACb,CAAC,EAAE,EAAE,CAAC;EAEN,OACEG;IACEC,SAAS,EAAEC,IAAI,CACb,wCAAwC,EACxCtB,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B;AAAAuB,IAAAA,QAAA,EAEDC,eAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,iDAAiD;AAAAE,MAAAA,QAAA,EAAA,CAC9DC;AAAKH,QAAAA,SAAS,EAAC,2CAA2C;AAAAE,QAAAA,QAAA,EAAA,CACxDH,cAAA,CAAA,KAAA,EAAA;AAAKK,UAAAA,GAAG,EAAErB,OAAO;AAAEiB,UAAAA,SAAS,EAAC,kCAAkC;oBAC5D1B;AAAI,SAAA,CACD,EACNyB,cAAA,CAACM,gBAAO,EAAA;AACNL,UAAAA,SAAS,EAAC,UAAU;AACpBM,UAAAA,KAAK,EAAE;AACLZ,YAAAA,KAAK,EAAEV,WAAW;AAClBW,YAAAA,MAAM,EAAEX;WACT;AACDuB,UAAAA,WAAW,EAAE;AAAC,SAAA,CACd;AAAA,OAAA,CACE,EACNR,cAAA,CAAA,MAAA,EAAA;AAAMC,QAAAA,SAAS,EAAC,uBAAuB;kBAAE3B;AAAK,OAAA,CAAQ;KAAA;AAClD,GAAA,CACF;AAEV;;;;"}

package/dist/components/auth/Action.mjs

@@ -0,0 +1,97 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { Spinner } from '../design/Spinners.mjs';
+import clsx from 'clsx';
+
+function ActionPage(props) {
+  var title = props.title,
+    icon = props.icon,
+    _props$closeOnComplet = props.closeOnComplete,
+    closeOnComplete = _props$closeOnComplet === void 0 ? true : _props$closeOnComplet,
+    action = props.action;
+  var _useModal = useModal(),
+    popPage = _useModal.popPage,
+    closeModal = _useModal.closeModal,
+    isMobile = _useModal.isMobile;
+  var hasRun = useRef(false);
+  var iconRef = useRef(null);
+  var _useState = useState(40),
+    _useState2 = _slicedToArray(_useState, 2),
+    spinnerSize = _useState2[0],
+    setSpinnerSize = _useState2[1];
+  useEffect(function () {
+    if (iconRef.current) {
+      var rect = iconRef.current.getBoundingClientRect();
+      var size = Math.max(rect.width, rect.height);
+      setSpinnerSize(size + 50);
+    }
+  }, []);
+  useEffect(function () {
+    if (hasRun.current) return;
+    hasRun.current = true;
+    var runAction = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              if (!action) {
+                _context.n = 5;
+                break;
+              }
+              _context.p = 1;
+              _context.n = 2;
+              return action();
+            case 2:
+              _context.n = 4;
+              break;
+            case 3:
+              _context.p = 3;
+              _t = _context.v;
+              popPage();
+              throw new Error("".concat(_t));
+            case 4:
+              if (closeOnComplete) {
+                closeModal();
+              }
+            case 5:
+              return _context.a(2);
+          }
+        }, _callee, null, [[1, 3]]);
+      }));
+      return function runAction() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    runAction();
+  }, []);
+  return jsx("div", {
+    className: clsx("flex items-center justify-center py-10", isMobile ? "w-full" : "w-96"),
+    children: jsxs("div", {
+      className: "flex flex-col items-center justify-center gap-8",
+      children: [jsxs("div", {
+        className: "relative flex items-center justify-center",
+        children: [jsx("div", {
+          ref: iconRef,
+          className: "flex items-center justify-center",
+          children: icon
+        }), jsx(Spinner, {
+          className: "absolute",
+          style: {
+            width: spinnerSize,
+            height: spinnerSize
+          },
+          strokeWidth: 1
+        })]
+      }), jsx("span", {
+        className: "text-lg font-semibold",
+        children: title
+      })]
+    })
+  });
+}
+
+export { ActionPage };
+//# sourceMappingURL=Action.mjs.map

package/dist/components/auth/Action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","sources":["../../../src/components/auth/Action.tsx"],"sourcesContent":[null],"names":["ActionPage","props","title","icon","_props$closeOnComplet","closeOnComplete","action","_useModal","useModal","popPage","closeModal","isMobile","hasRun","useRef","iconRef","_useState","useState","_useState2","_slicedToArray","spinnerSize","setSpinnerSize","useEffect","current","rect","getBoundingClientRect","size","Math","max","width","height","runAction","_ref","_asyncToGenerator","_regenerator","m","_callee","_t","w","_context","p","n","v","Error","concat","a","apply","arguments","_jsx","className","clsx","children","_jsxs","ref","Spinner","style","strokeWidth"],"mappings":"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"}

package/dist/components/auth/Email.d.ts

@@ -0,0 +1,6 @@
+interface EmailInputProps {
+    onContinue?: (email: string) => void;
+}
+export declare function EmailInput(props: EmailInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Email.d.ts.map

package/dist/components/auth/Email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Email.tsx"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2FhD"}

package/dist/components/auth/Email.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var react$1 = require('@headlessui/react');
+var Buttons = require('../design/Buttons.js');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var clsx = require('clsx');
+var Hook = require('../../providers/client/Hook.js');
+
+function isValidEmail(email) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+}
+function EmailInput(props) {
+  const {
+    onContinue
+  } = props;
+  const {
+    config
+  } = Hook.useZeroXKey();
+  const [loading, setLoading] = react.useState(false);
+  const [email, setEmail] = react.useState("");
+  const useContinueButton = config?.ui?.preferLargeActionButtons ?? false;
+  const emailIsValid = isValidEmail(email);
+  const handleContinue = async () => {
+    if (emailIsValid && onContinue) {
+      setLoading(true);
+      try {
+        await Promise.resolve(onContinue(email));
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const handleKeyDown = e => {
+    if (e.key === "Enter") {
+      handleContinue();
+    }
+  };
+  const buttonDisabled = !emailIsValid;
+  const inlineArrowClass = clsx("absolute right-1.5 !size-8 !rounded-full !border-none !bg-transparent transition-all duration-300 dark:!bg-transparent active:!outline-none", emailIsValid ? "text-icon-text-light dark:text-white/70" : "text-icon-text-light/40 dark:text-white/30");
+  const continueButtonClass = clsx("transition-all duration-300", (emailIsValid || useContinueButton) && "bg-primary-light dark:bg-primary-dark hover:bg-primary-light/90 dark:hover:bg-primary-dark/90 text-primary-text-light dark:text-primary-text-dark");
+  return jsxRuntime.jsxs("div", {
+    className: clsx("w-full items-center justify-center space-y-3", useContinueButton ? "flex flex-col" : "flex flex-row"),
+    children: [jsxRuntime.jsxs("div", {
+      className: clsx("w-full", !useContinueButton && "relative flex items-center"),
+      children: [jsxRuntime.jsx(react$1.Input, {
+        "data-testid": "email-input",
+        type: "email",
+        placeholder: "Enter your email",
+        value: email,
+        onChange: e => setEmail(e.target.value),
+        onKeyDown: handleKeyDown,
+        className: "box-border h-10 w-full rounded-lg border border-modal-background-dark/15 bg-button-light py-2.5 pl-4 pr-12 text-sm text-inherit placeholder:text-icon-text-light/45 focus:outline-1 focus:outline-offset-0 focus:outline-primary-light dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white dark:placeholder:text-white/35 focus:dark:outline-primary-dark"
+      }), !useContinueButton && jsxRuntime.jsx(Buttons.IconButton, {
+        icon: freeSolidSvgIcons.faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        name: "email-continue-icon",
+        className: inlineArrowClass,
+        spinnerClassName: "text-icon-text-light dark:text-icon-text-dark"
+      })]
+    }), useContinueButton && jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", continueButtonClass),
+      name: "email-continue",
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+exports.EmailInput = EmailInput;
+//# sourceMappingURL=Email.js.map

package/dist/components/auth/Email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","sources":["../../../src/components/auth/Email.tsx"],"sourcesContent":[null],"names":["isValidEmail","email","test","EmailInput","props","onContinue","config","useZeroXKey","loading","setLoading","useState","setEmail","useContinueButton","ui","preferLargeActionButtons","emailIsValid","handleContinue","Promise","resolve","handleKeyDown","e","key","buttonDisabled","inlineArrowClass","clsx","continueButtonClass","_jsxs","className","children","_jsx","Input","type","placeholder","value","onChange","target","onKeyDown","IconButton","icon","faArrowRight","onClick","disabled","name","spinnerClassName","ActionButton"],"mappings":"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"}

package/dist/components/auth/Email.mjs

@@ -0,0 +1,98 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Input } from '@headlessui/react';
+import { IconButton, ActionButton } from '../design/Buttons.mjs';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
+import clsx from 'clsx';
+import { useZeroXKey } from '../../providers/client/Hook.mjs';
+
+function isValidEmail(email) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+}
+function EmailInput(props) {
+  var _config$ui$preferLarg, _config$ui;
+  var onContinue = props.onContinue;
+  var _useZeroXKey = useZeroXKey(),
+    config = _useZeroXKey.config;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    email = _useState4[0],
+    setEmail = _useState4[1];
+  var useContinueButton = (_config$ui$preferLarg = config === null || config === void 0 ? void 0 : (_config$ui = config.ui) === null || _config$ui === void 0 ? void 0 : _config$ui.preferLargeActionButtons) !== null && _config$ui$preferLarg !== void 0 ? _config$ui$preferLarg : false;
+  var emailIsValid = isValidEmail(email);
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (!(emailIsValid && onContinue)) {
+              _context.n = 3;
+              break;
+            }
+            setLoading(true);
+            _context.p = 1;
+            _context.n = 2;
+            return Promise.resolve(onContinue(email));
+          case 2:
+            _context.p = 2;
+            setLoading(false);
+            return _context.f(2);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1,, 2, 3]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      handleContinue();
+    }
+  };
+  var buttonDisabled = !emailIsValid;
+  var inlineArrowClass = clsx("absolute right-1.5 !size-8 !rounded-full !border-none !bg-transparent transition-all duration-300 dark:!bg-transparent active:!outline-none", emailIsValid ? "text-icon-text-light dark:text-white/70" : "text-icon-text-light/40 dark:text-white/30");
+  var continueButtonClass = clsx("transition-all duration-300", (emailIsValid || useContinueButton) && "bg-primary-light dark:bg-primary-dark hover:bg-primary-light/90 dark:hover:bg-primary-dark/90 text-primary-text-light dark:text-primary-text-dark");
+  return jsxs("div", {
+    className: clsx("w-full items-center justify-center space-y-3", useContinueButton ? "flex flex-col" : "flex flex-row"),
+    children: [jsxs("div", {
+      className: clsx("w-full", !useContinueButton && "relative flex items-center"),
+      children: [jsx(Input, {
+        "data-testid": "email-input",
+        type: "email",
+        placeholder: "Enter your email",
+        value: email,
+        onChange: function onChange(e) {
+          return setEmail(e.target.value);
+        },
+        onKeyDown: handleKeyDown,
+        className: "box-border h-10 w-full rounded-lg border border-modal-background-dark/15 bg-button-light py-2.5 pl-4 pr-12 text-sm text-inherit placeholder:text-icon-text-light/45 focus:outline-1 focus:outline-offset-0 focus:outline-primary-light dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white dark:placeholder:text-white/35 focus:dark:outline-primary-dark"
+      }), !useContinueButton && jsx(IconButton, {
+        icon: faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        name: "email-continue-icon",
+        className: inlineArrowClass,
+        spinnerClassName: "text-icon-text-light dark:text-icon-text-dark"
+      })]
+    }), useContinueButton && jsx(ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", continueButtonClass),
+      name: "email-continue",
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+export { EmailInput };
+//# sourceMappingURL=Email.mjs.map

package/dist/components/auth/Email.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Email.mjs","sources":["../../../src/components/auth/Email.tsx"],"sourcesContent":[null],"names":["isValidEmail","email","test","EmailInput","props","_config$ui$preferLarg","_config$ui","onContinue","_useZeroXKey","useZeroXKey","config","_useState","useState","_useState2","_slicedToArray","loading","setLoading","_useState3","_useState4","setEmail","useContinueButton","ui","preferLargeActionButtons","emailIsValid","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee","w","_context","p","n","Promise","resolve","f","a","apply","arguments","handleKeyDown","e","key","buttonDisabled","inlineArrowClass","clsx","continueButtonClass","_jsxs","className","children","_jsx","Input","type","placeholder","value","onChange","target","onKeyDown","IconButton","icon","faArrowRight","onClick","disabled","name","spinnerClassName","ActionButton"],"mappings":"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"}

package/dist/components/auth/OAuth.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface OAuthButtonProps {
+    name: string;
+    icon: React.ReactNode;
+    onClick: () => void;
+    className?: string;
+    /** Compact square icon button (auth modal social row) */
+    iconOnly?: boolean;
+    "aria-label"?: string;
+}
+export declare function OAuthButton(props: OAuthButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OAuth.d.ts.map

package/dist/components/auth/OAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuth.d.ts","sourceRoot":"","sources":["../../../src/components/auth/OAuth.tsx"],"names":[],"mappings":";AAIA,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAqElD"}

package/dist/components/auth/OAuth.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var clsx = require('clsx');
+var Buttons = require('../design/Buttons.js');
+
+function OAuthButton(props) {
+  const {
+    name,
+    icon,
+    onClick,
+    className,
+    iconOnly = false,
+    "aria-label": ariaLabel
+  } = props;
+  const containerRef = react.useRef(null);
+  const [showText, setShowText] = react.useState(false);
+  react.useEffect(() => {
+    if (iconOnly) {
+      return;
+    }
+    const observer = new ResizeObserver(([entry]) => {
+      if (!entry) return;
+      const width = entry.contentRect.width;
+      setShowText(width > 300);
+    });
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return () => observer.disconnect();
+  }, [iconOnly]);
+  const testId = `oauth-${name.toLowerCase().replace(/\s+/g, "-")}`;
+  if (iconOnly) {
+    return jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: onClick,
+      name: testId,
+      "aria-label": ariaLabel ?? `Continue with ${name}`,
+      className: clsx("flex items-center justify-center shrink-0 max-w-none !w-12 !min-w-12 h-10 p-0 rounded-lg", "border border-modal-background-dark/15 bg-button-light text-icon-text-light", "dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white", className),
+      children: jsxRuntime.jsx("span", {
+        className: "flex size-full items-center justify-center [&>svg]:size-5",
+        children: icon
+      })
+    });
+  }
+  return jsxRuntime.jsx("div", {
+    ref: containerRef,
+    className: "w-full h-full",
+    children: jsxRuntime.jsxs(Buttons.ActionButton, {
+      onClick: onClick,
+      name: testId,
+      "aria-label": ariaLabel ?? `Continue with ${name}`,
+      className: clsx("flex items-center justify-center gap-2 w-full h-full rounded-md bg-button-light dark:bg-button-dark text-inherit", className),
+      children: [icon, showText && jsxRuntime.jsx("span", {
+        className: "truncate",
+        children: `Continue with ${name}`
+      })]
+    })
+  });
+}
+
+exports.OAuthButton = OAuthButton;
+//# sourceMappingURL=OAuth.js.map

package/dist/components/auth/OAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuth.js","sources":["../../../src/components/auth/OAuth.tsx"],"sourcesContent":[null],"names":["OAuthButton","props","name","icon","onClick","className","iconOnly","ariaLabel","containerRef","useRef","showText","setShowText","useState","useEffect","observer","ResizeObserver","entry","width","contentRect","current","observe","disconnect","testId","toLowerCase","replace","_jsx","ActionButton","clsx","children","ref","_jsxs"],"mappings":";;;;;;;AAcM,SAAUA,WAAWA,CAACC,KAAuB,EAAA;EACjD,MAAM;IACJC,IAAI;IACJC,IAAI;IACJC,OAAO;IACPC,SAAS;AACTC,IAAAA,QAAQ,GAAG,KAAK;AAChB,IAAA,YAAY,EAAEC;AAAS,GACxB,GAAGN,KAAK;AACT,EAAA,MAAMO,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;EACjD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAE/CC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIP,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;IACA,MAAMQ,QAAQ,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAI;MAC9C,IAAI,CAACA,KAAK,EAAE;AACZ,MAAA,MAAMC,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACD,KAAK;AACrCN,MAAAA,WAAW,CAACM,KAAK,GAAG,GAAG,CAAC;AAC1B,IAAA,CAAC,CAAC;IAEF,IAAIT,YAAY,CAACW,OAAO,EAAE;AACxBL,MAAAA,QAAQ,CAACM,OAAO,CAACZ,YAAY,CAACW,OAAO,CAAC;AACxC,IAAA;AAEA,IAAA,OAAO,MAAML,QAAQ,CAACO,UAAU,EAAE;AACpC,EAAA,CAAC,EAAE,CAACf,QAAQ,CAAC,CAAC;AAEd,EAAA,MAAMgB,MAAM,GAAG,CAAA,MAAA,EAASpB,IAAI,CAACqB,WAAW,EAAE,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA,CAAE;AAEjE,EAAA,IAAIlB,QAAQ,EAAE;IACZ,OACEmB,cAAA,CAACC,oBAAY;AACXtB,MAAAA,OAAO,EAAEA,OAAO;AAChBF,MAAAA,IAAI,EAAEoB,MAAM;oBACAf,SAAS,IAAI,CAAA,cAAA,EAAiBL,IAAI,CAAA,CAAE;MAChDG,SAAS,EAAEsB,IAAI,CACb,0FAA0F,EAC1F,6EAA6E,EAC7E,2EAA2E,EAC3EtB,SAAS,CACV;AAAAuB,MAAAA,QAAA,EAEDH,cAAA,CAAA,MAAA,EAAA;AAAMpB,QAAAA,SAAS,EAAC,2DAA2D;AAAAuB,QAAAA,QAAA,EACxEzB;OAAI;AACA,KAAA,CACM;AAEnB,EAAA;EAEA,OACEsB,cAAA,CAAA,KAAA,EAAA;AAAKI,IAAAA,GAAG,EAAErB,YAAY;AAAEH,IAAAA,SAAS,EAAC,eAAe;AAAAuB,IAAAA,QAAA,EAC/CE,eAAA,CAACJ,oBAAY;AACXtB,MAAAA,OAAO,EAAEA,OAAO;AAChBF,MAAAA,IAAI,EAAEoB,MAAM;AAAA,MAAA,YAAA,EACAf,SAAS,IAAI,CAAA,cAAA,EAAiBL,IAAI,CAAA,CAAE;AAChDG,MAAAA,SAAS,EAAEsB,IAAI,CACb,kHAAkH,EAClHtB,SAAS,CACV;MAAAuB,QAAA,EAAA,CAEAzB,IAAI,EACJO,QAAQ,IACPe;AAAMpB,QAAAA,SAAS,EAAC,UAAU;QAAAuB,QAAA,EAAE,iBAAiB1B,IAAI,CAAA;AAAE,OAAA,CACpD;KAAA;AACY,GAAA,CACX;AAEV;;;;"}

package/dist/components/auth/OAuth.mjs

@@ -0,0 +1,68 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import clsx from 'clsx';
+import { ActionButton } from '../design/Buttons.mjs';
+
+function OAuthButton(props) {
+  var name = props.name,
+    icon = props.icon,
+    onClick = props.onClick,
+    className = props.className,
+    _props$iconOnly = props.iconOnly,
+    iconOnly = _props$iconOnly === void 0 ? false : _props$iconOnly,
+    ariaLabel = props["aria-label"];
+  var containerRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showText = _useState2[0],
+    setShowText = _useState2[1];
+  useEffect(function () {
+    if (iconOnly) {
+      return;
+    }
+    var observer = new ResizeObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      if (!entry) return;
+      var width = entry.contentRect.width;
+      setShowText(width > 300);
+    });
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return function () {
+      return observer.disconnect();
+    };
+  }, [iconOnly]);
+  var testId = "oauth-".concat(name.toLowerCase().replace(/\s+/g, "-"));
+  if (iconOnly) {
+    return jsx(ActionButton, {
+      onClick: onClick,
+      name: testId,
+      "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "Continue with ".concat(name),
+      className: clsx("flex items-center justify-center shrink-0 max-w-none !w-12 !min-w-12 h-10 p-0 rounded-lg", "border border-modal-background-dark/15 bg-button-light text-icon-text-light", "dark:border-modal-background-light/20 dark:bg-button-dark dark:text-white", className),
+      children: jsx("span", {
+        className: "flex size-full items-center justify-center [&>svg]:size-5",
+        children: icon
+      })
+    });
+  }
+  return jsx("div", {
+    ref: containerRef,
+    className: "w-full h-full",
+    children: jsxs(ActionButton, {
+      onClick: onClick,
+      name: testId,
+      "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "Continue with ".concat(name),
+      className: clsx("flex items-center justify-center gap-2 w-full h-full rounded-md bg-button-light dark:bg-button-dark text-inherit", className),
+      children: [icon, showText && jsx("span", {
+        className: "truncate",
+        children: "Continue with ".concat(name)
+      })]
+    })
+  });
+}
+
+export { OAuthButton };
+//# sourceMappingURL=OAuth.mjs.map

package/dist/components/auth/OAuth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuth.mjs","sources":["../../../src/components/auth/OAuth.tsx"],"sourcesContent":[null],"names":["OAuthButton","props","name","icon","onClick","className","_props$iconOnly","iconOnly","ariaLabel","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","showText","setShowText","useEffect","observer","ResizeObserver","_ref","_ref2","entry","width","contentRect","current","observe","disconnect","testId","concat","toLowerCase","replace","_jsx","ActionButton","clsx","children","ref","_jsxs"],"mappings":"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"}

package/dist/components/auth/OTP.d.ts

@@ -0,0 +1,21 @@
+import { OtpType } from "@0xkey-io/core";
+interface OtpVerificationProps {
+    contact: string;
+    otpId: string;
+    otpEncryptionTargetBundle: string;
+    otpType: OtpType;
+    otpLength?: number | undefined;
+    alphanumeric?: boolean | undefined;
+    formattedContact?: string;
+    sessionKey?: string;
+    onContinue?: (optCode: string) => Promise<void>;
+}
+export declare function OtpVerification(props: OtpVerificationProps): import("react/jsx-runtime").JSX.Element;
+interface OtpInputProps {
+    otpLength: number;
+    onContinue: (otpCode: string) => void;
+    alphanumeric?: boolean;
+}
+export declare function OtpInput(props: OtpInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OTP.d.ts.map

package/dist/components/auth/OTP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTP.d.ts","sourceRoot":"","sources":["../../../src/components/auth/OTP.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAqC,MAAM,gBAAgB,CAAC;AAK5E,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB,EAAE,MAAM,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA2I1D;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAmG5C"}