@turnkey/react-wallet-kit 1.0.0-beta.0

package/dist/components/auth/OTP.mjs

@@ -0,0 +1,288 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, toConsumableArray as _toConsumableArray, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { useTurnkey } from '../../providers/client/Hook.mjs';
+import { Spinner } from '../design/Spinners.mjs';
+import { Input } from '@headlessui/react';
+import { BaseButton } from '../design/Buttons.mjs';
+import { OtpType } from '@turnkey/core';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEnvelope, faPhone } from '@fortawesome/free-solid-svg-icons';
+import clsx from 'clsx';
+
+function OtpVerification(props) {
+  var contact = props.contact,
+    otpType = props.otpType,
+    _props$otpLength = props.otpLength,
+    otpLength = _props$otpLength === void 0 ? 6 : _props$otpLength,
+    _props$alphanumeric = props.alphanumeric,
+    alphanumeric = _props$alphanumeric === void 0 ? true : _props$alphanumeric,
+    formattedContact = props.formattedContact,
+    _props$onContinue = props.onContinue,
+    onContinue = _props$onContinue === void 0 ? null : _props$onContinue;
+  var _useTurnkey = useTurnkey(),
+    initOtp = _useTurnkey.initOtp,
+    completeOtp = _useTurnkey.completeOtp;
+  var _useModal = useModal(),
+    closeModal = _useModal.closeModal,
+    isMobile = _useModal.isMobile;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    submitting = _useState2[0],
+    setSubmitting = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    resending = _useState4[0],
+    setResending = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    resent = _useState6[0],
+    setResent = _useState6[1];
+  var _useState7 = useState(props.otpId),
+    _useState8 = _slicedToArray(_useState7, 2),
+    otpId = _useState8[0],
+    setOtpId = _useState8[1];
+  var _useState9 = useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    error = _useState0[0],
+    setError = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    shaking = _useState10[0],
+    setShaking = _useState10[1];
+  var shakeInput = function shakeInput() {
+    setShaking(true);
+    setTimeout(function () {
+      return setShaking(false);
+    }, 250);
+  };
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(otpCode) {
+      var niceError;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setSubmitting(true);
+            if (!onContinue) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 5;
+            return onContinue(otpCode);
+          case 5:
+            _context.next = 10;
+            break;
+          case 7:
+            _context.next = 9;
+            return completeOtp({
+              otpId: otpId,
+              otpCode: otpCode,
+              contact: contact,
+              otpType: otpType
+            });
+          case 9:
+            closeModal();
+          case 10:
+            _context.next = 18;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](0);
+            niceError = _context.t0.message.includes("Invalid OTP") ? "Invalid OTP code" : "An error has occurred"; // eek! maybe this is bad!
+            setError(niceError);
+            shakeInput();
+            throw new Error("Error completing OTP: ".concat(_context.t0));
+          case 18:
+            _context.prev = 18;
+            setSubmitting(false);
+            return _context.finish(18);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 12, 18, 21]]);
+    }));
+    return function handleContinue(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleResend = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var id;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setResending(true);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return initOtp({
+              otpType: otpType,
+              contact: contact
+            });
+          case 4:
+            id = _context2.sent;
+            setOtpId(id);
+            setResent(true);
+            _context2.next = 12;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            throw new Error("Error resending OTP: ".concat(_context2.t0));
+          case 12:
+            _context2.prev = 12;
+            setResending(false);
+            return _context2.finish(12);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 9, 12, 15]]);
+    }));
+    return function handleResend() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return jsxs("div", {
+    className: clsx("flex items-center justify-center py-3", isMobile ? "w-full" : "min-w-96"),
+    children: [jsxs("div", {
+      className: "flex flex-col items-center justify-center gap-6 transition-all duration-300 ".concat(submitting && "opacity-30 blur"),
+      children: [jsx(FontAwesomeIcon, {
+        size: "3x",
+        icon: otpType === OtpType.Email ? faEnvelope : otpType === OtpType.Sms ? faPhone : faEnvelope
+      }), jsxs("div", {
+        className: "flex flex-col text-center",
+        children: [jsx("span", {
+          className: "text-lg font-medium",
+          children: "Enter the ".concat(otpLength, "-digit code we sent to")
+        }), jsx("span", {
+          className: "text-base font-semibold",
+          children: formattedContact !== null && formattedContact !== void 0 ? formattedContact : contact
+        })]
+      }), jsx("div", {
+        className: "transition-all flex justify-center ".concat(shaking ? "animate-shake" : ""),
+        children: jsx(OtpInput, {
+          otpLength: otpLength,
+          onContinue: handleContinue,
+          alphanumeric: alphanumeric
+        })
+      }), error && jsx("div", {
+        className: "text-red-400 text-center text-sm",
+        children: error
+      }), jsx(BaseButton, {
+        onClick: handleResend,
+        disabled: resending || resent,
+        className: "text-xs text-inherit font-semibold bg-transparent border-none ".concat(resent && "opacity-30"),
+        children: resending ? jsxs("span", {
+          className: "flex items-center gap-2.5",
+          children: [jsx(Spinner, {
+            className: "size-3"
+          }), "Resending..."]
+        }) : resent ? "Code sent!" : "Resend Code"
+      })]
+    }), submitting && jsx("div", {
+      className: "absolute flex w-full h-full justify-center items-center",
+      children: jsx(Spinner, {
+        strokeWidth: 1,
+        className: "size-1/2"
+      })
+    })]
+  });
+}
+function OtpInput(props) {
+  var otpLength = props.otpLength,
+    onContinue = props.onContinue,
+    _props$alphanumeric2 = props.alphanumeric,
+    alphanumeric = _props$alphanumeric2 === void 0 ? false : _props$alphanumeric2;
+  var _useModal2 = useModal(),
+    isMobile = _useModal2.isMobile;
+  var _useState11 = useState(Array(otpLength).fill("")),
+    _useState12 = _slicedToArray(_useState11, 2),
+    values = _useState12[0],
+    setValues = _useState12[1];
+  var inputsRef = useRef([]);
+  var handleChange = function handleChange(index, value) {
+    if (!alphanumeric) value = value.replace(/[^0-9]/g, "");else value = value.replace(/[^a-zA-Z0-9]/g, "");
+    var newValues = _toConsumableArray(values);
+    newValues[index] = value.slice(-1); // only last char
+    setValues(newValues);
+    if (value && index < otpLength - 1) {
+      var _inputsRef$current;
+      (_inputsRef$current = inputsRef.current[index + 1]) === null || _inputsRef$current === void 0 ? void 0 : _inputsRef$current.focus();
+    }
+    if (value && newValues.every(function (v) {
+      return v;
+    })) {
+      onContinue(newValues.join(""));
+    }
+  };
+  var handleKeyDown = function handleKeyDown(e, index) {
+    if (e.key === "Backspace" && !values[index] && index > 0) {
+      var _inputsRef$current2;
+      (_inputsRef$current2 = inputsRef.current[index - 1]) === null || _inputsRef$current2 === void 0 ? void 0 : _inputsRef$current2.focus();
+    }
+    if (e.key === "ArrowLeft" && index > 0) {
+      var _inputsRef$current3;
+      (_inputsRef$current3 = inputsRef.current[index - 1]) === null || _inputsRef$current3 === void 0 ? void 0 : _inputsRef$current3.focus();
+    }
+    if (e.key === "ArrowRight" && index < otpLength - 1) {
+      var _inputsRef$current4;
+      (_inputsRef$current4 = inputsRef.current[index + 1]) === null || _inputsRef$current4 === void 0 ? void 0 : _inputsRef$current4.focus();
+    }
+    if (e.key === "Enter") {
+      onContinue(values.join(""));
+    }
+  };
+  var handlePaste = function handlePaste(e) {
+    var _inputsRef$current$la;
+    e.preventDefault();
+    var paste = e.clipboardData.getData("text").trim();
+    var cleaned = alphanumeric ? paste.replace(/[^a-zA-Z0-9]/g, "") : paste.replace(/[^0-9]/g, "");
+    var sliced = cleaned.slice(0, otpLength).split("");
+    var newValues = _toConsumableArray(values);
+    for (var i = 0; i < sliced.length; i++) {
+      var _sliced$i;
+      newValues[i] = (_sliced$i = sliced[i]) !== null && _sliced$i !== void 0 ? _sliced$i : "";
+      if (inputsRef.current[i]) {
+        var _sliced$i2;
+        inputsRef.current[i].value = (_sliced$i2 = sliced[i]) !== null && _sliced$i2 !== void 0 ? _sliced$i2 : "";
+      }
+    }
+    setValues(newValues);
+    // Focus the last filled box
+    var lastIndex = Math.min(sliced.length, otpLength - 1);
+    (_inputsRef$current$la = inputsRef.current[lastIndex]) === null || _inputsRef$current$la === void 0 ? void 0 : _inputsRef$current$la.focus();
+    onContinue(newValues.join(""));
+  };
+  return jsx("div", {
+    className: clsx("flex items-center justify-center space-x-2", isMobile ? "w-[95%]" : "w-full"),
+    children: Array.from({
+      length: otpLength
+    }).map(function (_, i) {
+      var _values$i;
+      return jsx(Input, {
+        type: alphanumeric ? "text" : "text",
+        inputMode: alphanumeric ? "text" : "numeric",
+        maxLength: 1,
+        value: (_values$i = values[i]) === null || _values$i === void 0 ? void 0 : _values$i.toUpperCase(),
+        autoComplete: "off",
+        onChange: function onChange(e) {
+          return handleChange(i, e.target.value.toUpperCase());
+        },
+        onKeyDown: function onKeyDown(e) {
+          return handleKeyDown(e, i);
+        },
+        onPaste: handlePaste,
+        ref: function ref(el) {
+          return inputsRef.current[i] = el;
+        },
+        className: clsx("text-center text-lg rounded-md border border-modal-background-dark/20 dark:border-modal-background-light/20 bg-button-light dark:bg-button-dark text-inherit focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all", isMobile ? "w-full h-10" : "h-12 w-12")
+      }, i);
+    })
+  });
+}
+
+export { OtpInput, OtpVerification };
+//# sourceMappingURL=OTP.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTP.mjs","sources":["../../../src/components/auth/OTP.tsx"],"sourcesContent":[null],"names":["OtpVerification","props","contact","otpType","_props$otpLength","otpLength","_props$alphanumeric","alphanumeric","formattedContact","_props$onContinue","onContinue","_useTurnkey","useTurnkey","initOtp","completeOtp","_useModal","useModal","closeModal","isMobile","_useState","useState","_useState2","_slicedToArray","submitting","setSubmitting","_useState3","_useState4","resending","setResending","_useState5","_useState6","resent","setResent","_useState7","otpId","_useState8","setOtpId","_useState9","_useState0","error","setError","_useState1","_useState10","shaking","setShaking","shakeInput","setTimeout","handleContinue","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","otpCode","niceError","wrap","_callee$","_context","prev","next","t0","message","includes","Error","concat","finish","stop","_x","apply","arguments","handleResend","_ref2","_callee2","id","_callee2$","_context2","sent","_jsxs","className","clsx","children","_jsx","FontAwesomeIcon","size","icon","OtpType","Email","faEnvelope","Sms","faPhone","OtpInput","BaseButton","onClick","disabled","Spinner","strokeWidth","_props$alphanumeric2","_useModal2","_useState11","Array","fill","_useState12","values","setValues","inputsRef","useRef","handleChange","index","value","replace","newValues","_toConsumableArray","slice","_inputsRef$current","current","focus","every","v","join","handleKeyDown","e","key","_inputsRef$current2","_inputsRef$current3","_inputsRef$current4","handlePaste","_inputsRef$current$la","preventDefault","paste","clipboardData","getData","trim","cleaned","sliced","split","i","length","_sliced$i","_sliced$i2","lastIndex","Math","min","from","map","_","_values$i","Input","type","inputMode","maxLength","toUpperCase","autoComplete","onChange","target","onKeyDown","onPaste","ref","el"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export declare function OrSeparator(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrSeparator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/auth/OrSeparator.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAU1B"}

package/dist/components/auth/OrSeparator.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function OrSeparator() {
+  return jsxRuntime.jsxs("div", {
+    className: "flex flex-row w-full items-center justify-center my-4",
+    children: [jsxRuntime.jsx("div", {
+      className: "flex flex-grow h-[1px] bg-icon-text-light/20 dark:bg-icon-text-dark/20"
+    }), jsxRuntime.jsx("span", {
+      className: "mx-2 text-xs text-icon-text-light/60 dark:text-icon-text-dark/60",
+      children: "OR"
+    }), jsxRuntime.jsx("div", {
+      className: "flex flex-grow h-[1px] bg-icon-text-light/20 dark:bg-icon-text-dark/20"
+    })]
+  });
+}
+
+exports.OrSeparator = OrSeparator;
+//# sourceMappingURL=OrSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrSeparator.js","sources":["../../../src/components/auth/OrSeparator.tsx"],"sourcesContent":[null],"names":["OrSeparator","_jsxs","className","_jsx","children"],"mappings":";;;;SAAgBA,WAAWA,GAAA;EACzB,OACEC,eAAK,CAAA,KAAA,EAAA;AAAAC,IAAAA,SAAS,EAAC,uDAAuD;eACpEC,cAAK,CAAA,KAAA,EAAA;AAAAD,MAAAA,SAAS,EAAC;AAA2E,KAAA,CAAA,EAC1FC;AAAMD,MAAAA,SAAS,EAAC,kEAAkE;AAAAE,MAAAA,QAAA,EAAA;AAAA,KAAA,CAE3E,EACPD,cAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAC;AAAwE,KAAA,CAAG;AACtF,GAAA,CAAA;AAEV;;;;"}

package/dist/components/auth/OrSeparator.mjs

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function OrSeparator() {
+  return jsxs("div", {
+    className: "flex flex-row w-full items-center justify-center my-4",
+    children: [jsx("div", {
+      className: "flex flex-grow h-[1px] bg-icon-text-light/20 dark:bg-icon-text-dark/20"
+    }), jsx("span", {
+      className: "mx-2 text-xs text-icon-text-light/60 dark:text-icon-text-dark/60",
+      children: "OR"
+    }), jsx("div", {
+      className: "flex flex-grow h-[1px] bg-icon-text-light/20 dark:bg-icon-text-dark/20"
+    })]
+  });
+}
+
+export { OrSeparator };
+//# sourceMappingURL=OrSeparator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrSeparator.mjs","sources":["../../../src/components/auth/OrSeparator.tsx"],"sourcesContent":[null],"names":["OrSeparator","_jsxs","className","_jsx","children"],"mappings":";;SAAgBA,WAAWA,GAAA;EACzB,OACEC,IAAK,CAAA,KAAA,EAAA;AAAAC,IAAAA,SAAS,EAAC,uDAAuD;eACpEC,GAAK,CAAA,KAAA,EAAA;AAAAD,MAAAA,SAAS,EAAC;AAA2E,KAAA,CAAA,EAC1FC;AAAMD,MAAAA,SAAS,EAAC,kEAAkE;AAAAE,MAAAA,QAAA,EAAA;AAAA,KAAA,CAE3E,EACPD,GAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,SAAS,EAAC;AAAwE,KAAA,CAAG;AACtF,GAAA,CAAA;AAEV;;;;"}

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

@@ -0,0 +1,7 @@
+interface PasskeyButtonsProps {
+    onLogin: () => void;
+    onSignUp: () => void;
+}
+export declare function PasskeyButtons(props: PasskeyButtonsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Passkey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Passkey.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Passkey.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkBxD"}

package/dist/components/auth/Passkey.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Buttons = require('../design/Buttons.js');
+
+function PasskeyButtons(props) {
+  const {
+    onLogin,
+    onSignUp
+  } = props;
+  return jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-2 w-full",
+    children: [jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: onLogin,
+      className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+      children: "Log in with passkey"
+    }), jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: onSignUp,
+      className: "w-full bg-transparent text-primary-light dark:text-primary-dark border-none",
+      children: "Sign up with passkey"
+    })]
+  });
+}
+
+exports.PasskeyButtons = PasskeyButtons;
+//# sourceMappingURL=Passkey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Passkey.js","sources":["../../../src/components/auth/Passkey.tsx"],"sourcesContent":[null],"names":["PasskeyButtons","props","onLogin","onSignUp","_jsxs","className","children","_jsx","ActionButton","onClick"],"mappings":";;;;;AAOM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;EACvD,MAAM;IAAEC,OAAO;AAAEC,IAAAA;AAAU,GAAA,GAAGF,KAAK;EACnC,OACEG,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,EAAA,CACzCC,cAAC,CAAAC,oBAAY,EACX;AAAAC,MAAAA,OAAO,EAAEP,OAAO;AAChBG,MAAAA,SAAS,EAAC,yDAAyD;AAAAC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGtD,EACfC,cAAA,CAACC,oBAAY,EAAA;AACXC,MAAAA,OAAO,EAAEN,QAAQ;AACjBE,MAAAA,SAAS,EAAC,6EAA6E;AAG1EC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CACX;AAEV;;;;"}

package/dist/components/auth/Passkey.mjs

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ActionButton } from '../design/Buttons.mjs';
+
+function PasskeyButtons(props) {
+  var onLogin = props.onLogin,
+    onSignUp = props.onSignUp;
+  return jsxs("div", {
+    className: "flex flex-col gap-2 w-full",
+    children: [jsx(ActionButton, {
+      onClick: onLogin,
+      className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+      children: "Log in with passkey"
+    }), jsx(ActionButton, {
+      onClick: onSignUp,
+      className: "w-full bg-transparent text-primary-light dark:text-primary-dark border-none",
+      children: "Sign up with passkey"
+    })]
+  });
+}
+
+export { PasskeyButtons };
+//# sourceMappingURL=Passkey.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Passkey.mjs","sources":["../../../src/components/auth/Passkey.tsx"],"sourcesContent":[null],"names":["PasskeyButtons","props","onLogin","onSignUp","_jsxs","className","children","_jsx","ActionButton","onClick"],"mappings":";;;AAOM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;AACvD,EAAA,IAAQC,OAAO,GAAeD,KAAK,CAA3BC,OAAO;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EACzB,OACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,EAAA,CACzCC,GAAC,CAAAC,YAAY,EACX;AAAAC,MAAAA,OAAO,EAAEP,OAAO;AAChBG,MAAAA,SAAS,EAAC,yDAAyD;AAAAC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGtD,EACfC,GAAA,CAACC,YAAY,EAAA;AACXC,MAAAA,OAAO,EAAEN,QAAQ;AACjBE,MAAAA,SAAS,EAAC,6EAA6E;AAG1EC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CACX;AAEV;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../src/components/auth/Phone.tsx"],"names":[],"mappings":"AAOA,UAAU,qBAAqB;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA4E5D"}

package/dist/components/auth/Phone.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Buttons = require('../design/Buttons.js');
+var Inputs = require('../design/Inputs.js');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var clsx = require('clsx');
+var Hook = require('../../providers/client/Hook.js');
+
+function PhoneNumberInput(props) {
+  const {
+    config
+  } = Hook.useTurnkey();
+  const {
+    onContinue
+  } = props;
+  const [phone, setPhone] = react.useState("");
+  const [formattedPhone, setFormattedPhone] = react.useState("");
+  const [isValid, setIsValid] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const useContinueButton = config?.ui?.preferLargeActionButtons ?? false;
+  const handleContinue = async () => {
+    if (isValid && onContinue) {
+      setLoading(true);
+      try {
+        await Promise.resolve(onContinue(phone, formattedPhone));
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const buttonDisabled = !isValid;
+  const buttonClass = clsx("transition-all duration-300", (isValid || 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(Inputs.PhoneInputBox, {
+        value: phone,
+        onChange: (raw, formatted, valid) => {
+          setPhone(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), !useContinueButton && jsxRuntime.jsx(Buttons.IconButton, {
+        icon: freeSolidSvgIcons.faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        className: clsx("absolute right-2 w-6 h-6", buttonClass),
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark"
+      })]
+    }), useContinueButton && jsxRuntime.jsx(Buttons.ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", buttonClass),
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+exports.PhoneNumberInput = PhoneNumberInput;
+//# sourceMappingURL=Phone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.js","sources":["../../../src/components/auth/Phone.tsx"],"sourcesContent":[null],"names":["PhoneNumberInput","props","config","useTurnkey","onContinue","phone","setPhone","useState","formattedPhone","setFormattedPhone","isValid","setIsValid","loading","setLoading","useContinueButton","ui","preferLargeActionButtons","handleContinue","Promise","resolve","buttonDisabled","buttonClass","clsx","_jsxs","className","children","_jsx","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","IconButton","icon","faArrowRight","onClick","disabled","spinnerClassName","ActionButton"],"mappings":";;;;;;;;;;AAWM,SAAUA,gBAAgBA,CAACC,KAA4B,EAAA;EAC3D,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,eAAU,EAAE;EAC/B,MAAM;AAAEC,IAAAA;AAAY,GAAA,GAAGH,KAAK;EAC5B,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGF,cAAQ,CAAC,EAAE,CAAC;EACxD,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGJ,cAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGN,cAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMO,iBAAiB,GAAGZ,MAAM,EAAEa,EAAE,EAAEC,wBAAwB,IAAI,KAAK;AAEvE,EAAA,MAAMC,cAAc,GAAG,YAAW;IAChC,IAAIP,OAAO,IAAIN,UAAU,EAAE;MACzBS,UAAU,CAAC,IAAI,CAAC;MAChB,IAAI;QACF,MAAMK,OAAO,CAACC,OAAO,CAACf,UAAU,CAACC,KAAK,EAAEG,cAAc,CAAC,CAAC;AAC1D,OAAC,SAAS;QACRK,UAAU,CAAC,KAAK,CAAC;AACnB;AACF;GACD;EAED,MAAMO,cAAc,GAAG,CAACV,OAAO;AAE/B,EAAA,MAAMW,WAAW,GAAGC,IAAI,CACtB,6BAA6B,EAC7B,CAACZ,OAAO,IAAII,iBAAiB,KAC3B,mJAAmJ,CACtJ;EAED,OACES;IACEC,SAAS,EAAEF,IAAI,CACb,8CAA8C,EAC9CR,iBAAiB,GAAG,eAAe,GAAG,eAAe,CACtD;AAEDW,IAAAA,QAAA,EAAA,CAAAF,eAAA,CAAA,KAAA,EAAA;MACEC,SAAS,EAAEF,IAAI,CACb,QAAQ,EACR,CAACR,iBAAiB,IAAI,4BAA4B,CACnD;AAEDW,MAAAA,QAAA,EAAA,CAAAC,cAAA,CAACC,oBAAa,EAAA;AACZC,QAAAA,KAAK,EAAEvB,KAAK;AACZwB,QAAAA,QAAQ,EAAEA,CAACC,GAAG,EAAEC,SAAS,EAAEC,KAAK,KAAI;UAClC1B,QAAQ,CAACwB,GAAG,CAAC;UACbrB,iBAAiB,CAACsB,SAAS,CAAC;UAC5BpB,UAAU,CAACqB,KAAK,CAAC;SAClB;AACDC,QAAAA,OAAO,EAAEhB;OAAc,CACvB,EAED,CAACH,iBAAiB,IACjBY,eAACQ,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAEC,8BAAY;AAClBC,QAAAA,OAAO,EAAEpB,cAAc;AACvBqB,QAAAA,QAAQ,EAAElB,cAAc;AACxBR,QAAAA,OAAO,EAAEA,OAAO;AAChBY,QAAAA,SAAS,EAAEF,IAAI,CAAC,0BAA0B,EAAED,WAAW,CAAC;AACxDkB,QAAAA,gBAAgB,EAAC;QAEpB;AAAA,KAAA,CACG,EAELzB,iBAAiB,IAChBY,cAAA,CAACc,oBAAY,EAAA;AACXH,MAAAA,OAAO,EAAEpB,cAAc;AACvBqB,MAAAA,QAAQ,EAAElB,cAAc;AACxBR,MAAAA,OAAO,EAAEA,OAAO;AAChBY,MAAAA,SAAS,EAAEF,IAAI,CAAC,QAAQ,EAAED,WAAW,CAAC;AACtCkB,MAAAA,gBAAgB,EAAC,qDAAqD;;MAIzE;AAAA,GAAA,CACG;AAEV;;;;"}

package/dist/components/auth/Phone.mjs

@@ -0,0 +1,93 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { IconButton, ActionButton } from '../design/Buttons.mjs';
+import { PhoneInputBox } from '../design/Inputs.mjs';
+import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
+import clsx from 'clsx';
+import { useTurnkey } from '../../providers/client/Hook.mjs';
+
+function PhoneNumberInput(props) {
+  var _config$ui$preferLarg, _config$ui;
+  var _useTurnkey = useTurnkey(),
+    config = _useTurnkey.config;
+  var onContinue = props.onContinue;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    phone = _useState2[0],
+    setPhone = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formattedPhone = _useState4[0],
+    setFormattedPhone = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isValid = _useState6[0],
+    setIsValid = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[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 handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(isValid && onContinue)) {
+              _context.next = 8;
+              break;
+            }
+            setLoading(true);
+            _context.prev = 2;
+            _context.next = 5;
+            return Promise.resolve(onContinue(phone, formattedPhone));
+          case 5:
+            _context.prev = 5;
+            setLoading(false);
+            return _context.finish(5);
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2,, 5, 8]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var buttonDisabled = !isValid;
+  var buttonClass = clsx("transition-all duration-300", (isValid || 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(PhoneInputBox, {
+        value: phone,
+        onChange: function onChange(raw, formatted, valid) {
+          setPhone(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), !useContinueButton && jsx(IconButton, {
+        icon: faArrowRight,
+        onClick: handleContinue,
+        disabled: buttonDisabled,
+        loading: loading,
+        className: clsx("absolute right-2 w-6 h-6", buttonClass),
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark"
+      })]
+    }), useContinueButton && jsx(ActionButton, {
+      onClick: handleContinue,
+      disabled: buttonDisabled,
+      loading: loading,
+      className: clsx("w-full", buttonClass),
+      spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+      children: "Continue"
+    })]
+  });
+}
+
+export { PhoneNumberInput };
+//# sourceMappingURL=Phone.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.mjs","sources":["../../../src/components/auth/Phone.tsx"],"sourcesContent":[null],"names":["PhoneNumberInput","props","_config$ui$preferLarg","_config$ui","_useTurnkey","useTurnkey","config","onContinue","_useState","useState","_useState2","_slicedToArray","phone","setPhone","_useState3","_useState4","formattedPhone","setFormattedPhone","_useState5","_useState6","isValid","setIsValid","_useState7","_useState8","loading","setLoading","useContinueButton","ui","preferLargeActionButtons","handleContinue","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","Promise","resolve","finish","stop","apply","arguments","buttonDisabled","buttonClass","clsx","_jsxs","className","children","_jsx","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","IconButton","icon","faArrowRight","onClick","disabled","spinnerClassName","ActionButton"],"mappings":";;;;;;;;;AAWM,SAAUA,gBAAgBA,CAACC,KAA4B,EAAA;EAAA,IAAAC,qBAAA,EAAAC,UAAA;AAC3D,EAAA,IAAAC,WAAA,GAAmBC,UAAU,EAAE;IAAvBC,MAAM,GAAAF,WAAA,CAANE,MAAM;AACd,EAAA,IAAQC,UAAU,GAAKN,KAAK,CAApBM,UAAU;AAClB,EAAA,IAAAC,SAAA,GAA0BC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/BI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,UAAA,GAA4CL,QAAQ,CAAC,EAAE,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAjDE,IAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GAA8BT,QAAQ,CAAC,KAAK,CAAC;IAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAtCE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAG,UAAA,GAA8Bb,QAAQ,CAAC,KAAK,CAAC;IAAAc,UAAA,GAAAZ,cAAA,CAAAW,UAAA,EAAA,CAAA,CAAA;AAAtCE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;EAC1B,IAAMG,iBAAiB,GAAAxB,CAAAA,qBAAA,GAAGI,MAAM,aAANA,MAAM,KAAA,MAAA,GAAA,MAAA,GAAA,CAAAH,UAAA,GAANG,MAAM,CAAEqB,EAAE,MAAAxB,IAAAA,IAAAA,UAAA,KAAVA,MAAAA,GAAAA,MAAAA,GAAAA,UAAA,CAAYyB,wBAAwB,cAAA1B,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,KAAK;AAEvE,EAAA,IAAM2B,cAAc,gBAAA,YAAA;IAAA,IAAAC,IAAA,GAAAC,iBAAA,cAAAC,mBAAA,EAAAC,CAAAA,IAAA,CAAG,SAAAC,OAAA,GAAA;AAAA,MAAA,OAAAF,mBAAA,EAAA,CAAAG,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;YAAA,IACjBnB,EAAAA,OAAO,IAAIb,UAAU,CAAA,EAAA;AAAA8B,cAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;AAAA,cAAA;AAAA;YACvBd,UAAU,CAAC,IAAI,CAAC;AAACY,YAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA;AAAAD,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;YAAA,OAETC,OAAO,CAACC,OAAO,CAAClC,UAAU,CAACK,KAAK,EAAEI,cAAc,CAAC,CAAC;AAAA,UAAA,KAAA,CAAA;AAAAqB,YAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA;YAExDb,UAAU,CAAC,KAAK,CAAC;YAAC,OAAAY,QAAA,CAAAK,MAAA,CAAA,CAAA,CAAA;AAAA,UAAA,KAAA,CAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAL,QAAA,CAAAM,IAAA,EAAA;AAAA;AAAA,OAAA,EAAAT,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;KAGvB,CAAA,CAAA;AAAA,IAAA,OAAA,SATKL,cAAcA,GAAA;AAAA,MAAA,OAAAC,IAAA,CAAAc,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,KAAA;GASnB,EAAA;EAED,IAAMC,cAAc,GAAG,CAAC1B,OAAO;AAE/B,EAAA,IAAM2B,WAAW,GAAGC,IAAI,CACtB,6BAA6B,EAC7B,CAAC5B,OAAO,IAAIM,iBAAiB,KAC3B,mJAAmJ,CACtJ;EAED,OACEuB;IACEC,SAAS,EAAEF,IAAI,CACb,8CAA8C,EAC9CtB,iBAAiB,GAAG,eAAe,GAAG,eAAe,CACtD;AAEDyB,IAAAA,QAAA,EAAA,CAAAF,IAAA,CAAA,KAAA,EAAA;MACEC,SAAS,EAAEF,IAAI,CACb,QAAQ,EACR,CAACtB,iBAAiB,IAAI,4BAA4B,CACnD;AAEDyB,MAAAA,QAAA,EAAA,CAAAC,GAAA,CAACC,aAAa,EAAA;AACZC,QAAAA,KAAK,EAAE1C,KAAK;QACZ2C,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,GAAG,EAAEC,SAAS,EAAEC,KAAK,EAAI;UAClC7C,QAAQ,CAAC2C,GAAG,CAAC;UACbvC,iBAAiB,CAACwC,SAAS,CAAC;UAC5BpC,UAAU,CAACqC,KAAK,CAAC;SAClB;AACDC,QAAAA,OAAO,EAAE9B;OAAc,CACvB,EAED,CAACH,iBAAiB,IACjB0B,IAACQ,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAEC,YAAY;AAClBC,QAAAA,OAAO,EAAElC,cAAc;AACvBmC,QAAAA,QAAQ,EAAElB,cAAc;AACxBtB,QAAAA,OAAO,EAAEA,OAAO;AAChB0B,QAAAA,SAAS,EAAEF,IAAI,CAAC,0BAA0B,EAAED,WAAW,CAAC;AACxDkB,QAAAA,gBAAgB,EAAC;QAEpB;AAAA,KAAA,CACG,EAELvC,iBAAiB,IAChB0B,GAAA,CAACc,YAAY,EAAA;AACXH,MAAAA,OAAO,EAAElC,cAAc;AACvBmC,MAAAA,QAAQ,EAAElB,cAAc;AACxBtB,MAAAA,OAAO,EAAEA,OAAO;AAChB0B,MAAAA,SAAS,EAAEF,IAAI,CAAC,QAAQ,EAAED,WAAW,CAAC;AACtCkB,MAAAA,gBAAgB,EAAC,qDAAqD;;MAIzE;AAAA,GAAA,CACG;AAEV;;;;"}