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

package/dist/components/user/RemovePhoneNumber.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var Buttons = require('../design/Buttons.js');
+var react = require('react');
+var Hook$1 = require('../../providers/modal/Hook.js');
+var Hook = require('../../providers/client/Hook.js');
+var clsx = require('clsx');
+var Success = require('../design/Success.js');
+
+function RemovePhoneNumber(params) {
+  const {
+    user,
+    removeUserPhoneNumber
+  } = Hook.useZeroXKey();
+  const {
+    isMobile,
+    closeModal,
+    pushPage
+  } = Hook$1.useModal();
+  const [isLoading, setIsLoading] = react.useState(false);
+  const {
+    onSuccess,
+    onError,
+    successPageDuration,
+    userId = user?.userId,
+    organizationId
+  } = params;
+  const handleContinue = async () => {
+    try {
+      setIsLoading(true);
+      const res = await removeUserPhoneNumber({
+        userId: userId,
+        stampWith: params.stampWith,
+        ...(organizationId && {
+          organizationId
+        })
+      });
+      handleSuccess(res);
+    } catch (error) {
+      onError(error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleSuccess = userId => {
+    onSuccess(userId);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsxRuntime.jsx(Success.SuccessPage, {
+        text: "Phone number removed successfully!",
+        duration: successPageDuration,
+        onComplete: () => {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  return jsxRuntime.jsxs("div", {
+    className: clsx("mt-8", isMobile ? "w-full" : "w-96"),
+    children: [jsxRuntime.jsxs("div", {
+      className: "mt-6 mb-5 flex flex-col items-center gap-3",
+      children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+        icon: freeSolidSvgIcons.faTriangleExclamation,
+        size: "3x",
+        className: "text-danger-light dark:text-danger-dark"
+      }), jsxRuntime.jsx("div", {
+        className: "text-2xl font-bold text-center",
+        children: params?.title ? params.title : "Remove Phone Number"
+      }), jsxRuntime.jsx("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: params?.subTitle ? params.subTitle : "This action is irreversible."
+      }), jsxRuntime.jsxs("div", {
+        className: "p-2 h-full mt-2 max-h-72 rounded-md border border-modal-background-dark/10 dark:border-modal-background-light/10 bg-icon-background-light dark:bg-icon-background-dark text-icon-text-light dark:text-icon-text-dark",
+        children: [jsxRuntime.jsxs("div", {
+          className: "text-sm font-mono!",
+          children: ["Phone Number: ", user.userPhoneNumber]
+        }), jsxRuntime.jsxs("div", {
+          className: "text-sm font-mono!",
+          children: ["User ID: ", user.userId]
+        })]
+      })]
+    }), jsxRuntime.jsx("div", {
+      className: "flex my-2 mt-0",
+      children: jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: handleContinue,
+        loading: isLoading,
+        className: "w-full md:max-w-md bg-danger-light dark:bg-danger-dark text-primary-text-light dark:text-primary-text-dark",
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+        children: "Remove Phone Number"
+      })
+    })]
+  });
+}
+
+exports.RemovePhoneNumber = RemovePhoneNumber;
+//# sourceMappingURL=RemovePhoneNumber.js.map

package/dist/components/user/RemovePhoneNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovePhoneNumber.js","sources":["../../../src/components/user/RemovePhoneNumber.tsx"],"sourcesContent":[null],"names":["RemovePhoneNumber","params","user","removeUserPhoneNumber","useZeroXKey","isMobile","closeModal","pushPage","useModal","isLoading","setIsLoading","useState","onSuccess","onError","successPageDuration","userId","organizationId","handleContinue","res","stampWith","handleSuccess","error","key","content","_jsx","SuccessPage","text","duration","onComplete","preventBack","showTitle","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faTriangleExclamation","size","title","subTitle","userPhoneNumber","ActionButton","onClick","loading","spinnerClassName"],"mappings":"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"}

package/dist/components/user/RemovePhoneNumber.mjs

@@ -0,0 +1,124 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { ActionButton } from '../design/Buttons.mjs';
+import { useState } from 'react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { useZeroXKey } from '../../providers/client/Hook.mjs';
+import clsx from 'clsx';
+import { SuccessPage } from '../design/Success.mjs';
+
+function RemovePhoneNumber(params) {
+  var _useZeroXKey = useZeroXKey(),
+    user = _useZeroXKey.user,
+    removeUserPhoneNumber = _useZeroXKey.removeUserPhoneNumber;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile,
+    closeModal = _useModal.closeModal,
+    pushPage = _useModal.pushPage;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var onSuccess = params.onSuccess,
+    onError = params.onError,
+    successPageDuration = params.successPageDuration,
+    _params$userId = params.userId,
+    userId = _params$userId === void 0 ? user === null || user === void 0 ? void 0 : user.userId : _params$userId,
+    organizationId = params.organizationId;
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var res, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            setIsLoading(true);
+            _context.n = 1;
+            return removeUserPhoneNumber(_objectSpread2({
+              userId: userId,
+              stampWith: params.stampWith
+            }, organizationId && {
+              organizationId: organizationId
+            }));
+          case 1:
+            res = _context.v;
+            handleSuccess(res);
+            _context.n = 3;
+            break;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            onError(_t);
+          case 3:
+            _context.p = 3;
+            setIsLoading(false);
+            return _context.f(3);
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee, null, [[0, 2, 3, 4]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleSuccess = function handleSuccess(userId) {
+    onSuccess(userId);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsx(SuccessPage, {
+        text: "Phone number removed successfully!",
+        duration: successPageDuration,
+        onComplete: function onComplete() {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  return jsxs("div", {
+    className: clsx("mt-8", isMobile ? "w-full" : "w-96"),
+    children: [jsxs("div", {
+      className: "mt-6 mb-5 flex flex-col items-center gap-3",
+      children: [jsx(FontAwesomeIcon, {
+        icon: faTriangleExclamation,
+        size: "3x",
+        className: "text-danger-light dark:text-danger-dark"
+      }), jsx("div", {
+        className: "text-2xl font-bold text-center",
+        children: params !== null && params !== void 0 && params.title ? params.title : "Remove Phone Number"
+      }), jsx("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: params !== null && params !== void 0 && params.subTitle ? params.subTitle : "This action is irreversible."
+      }), jsxs("div", {
+        className: "p-2 h-full mt-2 max-h-72 rounded-md border border-modal-background-dark/10 dark:border-modal-background-light/10 bg-icon-background-light dark:bg-icon-background-dark text-icon-text-light dark:text-icon-text-dark",
+        children: [jsxs("div", {
+          className: "text-sm font-mono!",
+          children: ["Phone Number: ", user.userPhoneNumber]
+        }), jsxs("div", {
+          className: "text-sm font-mono!",
+          children: ["User ID: ", user.userId]
+        })]
+      })]
+    }), jsx("div", {
+      className: "flex my-2 mt-0",
+      children: jsx(ActionButton, {
+        onClick: handleContinue,
+        loading: isLoading,
+        className: "w-full md:max-w-md bg-danger-light dark:bg-danger-dark text-primary-text-light dark:text-primary-text-dark",
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+        children: "Remove Phone Number"
+      })
+    })]
+  });
+}
+
+export { RemovePhoneNumber };
+//# sourceMappingURL=RemovePhoneNumber.mjs.map

package/dist/components/user/RemovePhoneNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovePhoneNumber.mjs","sources":["../../../src/components/user/RemovePhoneNumber.tsx"],"sourcesContent":[null],"names":["RemovePhoneNumber","params","_useZeroXKey","useZeroXKey","user","removeUserPhoneNumber","_useModal","useModal","isMobile","closeModal","pushPage","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","onSuccess","onError","successPageDuration","_params$userId","userId","organizationId","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee","res","_t","w","_context","p","n","_objectSpread","stampWith","v","handleSuccess","f","a","apply","arguments","key","content","_jsx","SuccessPage","text","duration","onComplete","preventBack","showTitle","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faTriangleExclamation","size","title","subTitle","userPhoneNumber","ActionButton","onClick","loading","spinnerClassName"],"mappings":"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"}

package/dist/components/user/UpdateEmail.d.ts

@@ -0,0 +1,12 @@
+import { StamperType } from "@0xkey-io/core";
+export declare function UpdateEmail(params: {
+    onSuccess: (userId: string) => void;
+    onError: (error: any) => void;
+    organizationId: string;
+    userId: string;
+    successPageDuration?: number | undefined;
+    title?: string;
+    subTitle?: string;
+    stampWith?: StamperType | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdateEmail.d.ts.map

package/dist/components/user/UpdateEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateEmail.d.ts","sourceRoot":"","sources":["../../../src/components/user/UpdateEmail.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAW,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEtD,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC,2CAsIA"}

package/dist/components/user/UpdateEmail.js

@@ -0,0 +1,154 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var react$1 = require('@headlessui/react');
+var Hook$1 = require('../../providers/modal/Hook.js');
+var Hook = require('../../providers/client/Hook.js');
+var Buttons = require('../design/Buttons.js');
+var react = require('react');
+var clsx = require('clsx');
+var OTP = require('../auth/OTP.js');
+var Success = require('../design/Success.js');
+var core = require('@0xkey-io/core');
+
+function UpdateEmail(params) {
+  const {
+    onSuccess,
+    onError,
+    successPageDuration,
+    organizationId,
+    stampWith,
+    userId
+  } = params;
+  const {
+    config,
+    user,
+    updateUserEmail,
+    initOtp,
+    verifyOtp
+  } = Hook.useZeroXKey();
+  const {
+    isMobile,
+    pushPage,
+    closeModal
+  } = Hook$1.useModal();
+  const email = user?.userEmail || "";
+  const [emailInput, setEmailInput] = react.useState(email);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const isValidEmail = e => {
+    return e.length > 0 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) && e !== email;
+  };
+  const handleContinue = async () => {
+    if (isValidEmail(emailInput)) {
+      try {
+        setIsLoading(true);
+        const {
+          otpId,
+          otpEncryptionTargetBundle
+        } = await initOtp({
+          otpType: core.OtpType.Email,
+          contact: emailInput
+        });
+        pushPage({
+          key: "Verify OTP",
+          content: jsxRuntime.jsx(OTP.OtpVerification, {
+            contact: emailInput,
+            otpId: otpId,
+            otpEncryptionTargetBundle: otpEncryptionTargetBundle,
+            otpType: core.OtpType.Email,
+            otpLength: config?.auth?.otpLength !== undefined ? Number(config.auth.otpLength) : undefined,
+            alphanumeric: config?.auth?.otpAlphanumeric,
+            onContinue: async otpCode => {
+              const {
+                verificationToken
+              } = await verifyOtp({
+                otpId,
+                otpCode,
+                otpEncryptionTargetBundle,
+                contact: emailInput,
+                otpType: core.OtpType.Email
+              });
+              const res = await updateUserEmail({
+                email: emailInput,
+                verificationToken,
+                userId,
+                organizationId,
+                ...(stampWith && {
+                  stampWith
+                })
+              });
+              handleSuccess(res);
+            }
+          }),
+          showTitle: false
+        });
+      } catch (error) {
+        onError(error);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+  };
+  const handleSuccess = userId => {
+    onSuccess(userId);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsxRuntime.jsx(Success.SuccessPage, {
+        text: "Email updated successfully!",
+        duration: successPageDuration,
+        onComplete: () => {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  const handleKeyDown = e => {
+    if (e.key === "Enter") {
+      handleContinue();
+    }
+  };
+  return jsxRuntime.jsxs("div", {
+    className: clsx("mt-8", isMobile ? "w-full" : "w-72"),
+    children: [jsxRuntime.jsxs("div", {
+      className: "my-6 flex flex-col items-center",
+      children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+        icon: freeSolidSvgIcons.faEnvelope,
+        size: "2xl"
+      }), jsxRuntime.jsx("div", {
+        className: "text-2xl font-bold py-2 text-center",
+        children: params?.title ? params.title : "Update your email"
+      }), params?.subTitle && jsxRuntime.jsx("div", {
+        className: "text-sm text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: params.subTitle
+      })]
+    }), jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-4 my-3",
+      children: [jsxRuntime.jsx(react$1.Input, {
+        type: "email",
+        placeholder: email ? email : "your@email.com",
+        className: "w-full py-3 px-4 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 box-border",
+        value: emailInput,
+        onChange: e => setEmailInput(e.target.value),
+        onKeyDown: handleKeyDown
+      }), jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValidEmail(emailInput),
+        loading: isLoading,
+        className: "w-full md:max-w-md bg-primary-light dark:bg-primary-dark text-primary-text-light dark:text-primary-text-dark",
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+        children: "Continue"
+      })]
+    })]
+  });
+}
+
+exports.UpdateEmail = UpdateEmail;
+//# sourceMappingURL=UpdateEmail.js.map

package/dist/components/user/UpdateEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateEmail.js","sources":["../../../src/components/user/UpdateEmail.tsx"],"sourcesContent":[null],"names":["UpdateEmail","params","onSuccess","onError","successPageDuration","organizationId","stampWith","userId","config","user","updateUserEmail","initOtp","verifyOtp","useZeroXKey","isMobile","pushPage","closeModal","useModal","email","userEmail","emailInput","setEmailInput","useState","isLoading","setIsLoading","isValidEmail","e","length","test","handleContinue","otpId","otpEncryptionTargetBundle","otpType","OtpType","Email","contact","key","content","_jsx","OtpVerification","otpLength","auth","undefined","Number","alphanumeric","otpAlphanumeric","onContinue","otpCode","verificationToken","res","handleSuccess","showTitle","error","SuccessPage","text","duration","onComplete","preventBack","handleKeyDown","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faEnvelope","size","title","subTitle","Input","type","placeholder","value","onChange","target","onKeyDown","ActionButton","onClick","disabled","loading","spinnerClassName"],"mappings":"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"}

package/dist/components/user/UpdateEmail.mjs

@@ -0,0 +1,197 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Input } from '@headlessui/react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { useZeroXKey } from '../../providers/client/Hook.mjs';
+import { ActionButton } from '../design/Buttons.mjs';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { OtpVerification } from '../auth/OTP.mjs';
+import { SuccessPage } from '../design/Success.mjs';
+import { OtpType } from '@0xkey-io/core';
+
+function UpdateEmail(params) {
+  var onSuccess = params.onSuccess,
+    onError = params.onError,
+    successPageDuration = params.successPageDuration,
+    organizationId = params.organizationId,
+    stampWith = params.stampWith,
+    userId = params.userId;
+  var _useZeroXKey = useZeroXKey(),
+    config = _useZeroXKey.config,
+    user = _useZeroXKey.user,
+    updateUserEmail = _useZeroXKey.updateUserEmail,
+    initOtp = _useZeroXKey.initOtp,
+    verifyOtp = _useZeroXKey.verifyOtp;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile,
+    pushPage = _useModal.pushPage,
+    closeModal = _useModal.closeModal;
+  var email = (user === null || user === void 0 ? void 0 : user.userEmail) || "";
+  var _useState = useState(email),
+    _useState2 = _slicedToArray(_useState, 2),
+    emailInput = _useState2[0],
+    setEmailInput = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var isValidEmail = function isValidEmail(e) {
+    return e.length > 0 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) && e !== email;
+  };
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var _config$auth, _config$auth2, _yield$initOtp, otpId, otpEncryptionTargetBundle, _t;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            if (!isValidEmail(emailInput)) {
+              _context2.n = 5;
+              break;
+            }
+            _context2.p = 1;
+            setIsLoading(true);
+            _context2.n = 2;
+            return initOtp({
+              otpType: OtpType.Email,
+              contact: emailInput
+            });
+          case 2:
+            _yield$initOtp = _context2.v;
+            otpId = _yield$initOtp.otpId;
+            otpEncryptionTargetBundle = _yield$initOtp.otpEncryptionTargetBundle;
+            pushPage({
+              key: "Verify OTP",
+              content: jsx(OtpVerification, {
+                contact: emailInput,
+                otpId: otpId,
+                otpEncryptionTargetBundle: otpEncryptionTargetBundle,
+                otpType: OtpType.Email,
+                otpLength: (config === null || config === void 0 ? void 0 : (_config$auth = config.auth) === null || _config$auth === void 0 ? void 0 : _config$auth.otpLength) !== undefined ? Number(config.auth.otpLength) : undefined,
+                alphanumeric: config === null || config === void 0 ? void 0 : (_config$auth2 = config.auth) === null || _config$auth2 === void 0 ? void 0 : _config$auth2.otpAlphanumeric,
+                onContinue: function () {
+                  var _onContinue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(otpCode) {
+                    var _yield$verifyOtp, verificationToken, res;
+                    return _regenerator().w(function (_context) {
+                      while (1) switch (_context.n) {
+                        case 0:
+                          _context.n = 1;
+                          return verifyOtp({
+                            otpId: otpId,
+                            otpCode: otpCode,
+                            otpEncryptionTargetBundle: otpEncryptionTargetBundle,
+                            contact: emailInput,
+                            otpType: OtpType.Email
+                          });
+                        case 1:
+                          _yield$verifyOtp = _context.v;
+                          verificationToken = _yield$verifyOtp.verificationToken;
+                          _context.n = 2;
+                          return updateUserEmail(_objectSpread2({
+                            email: emailInput,
+                            verificationToken: verificationToken,
+                            userId: userId,
+                            organizationId: organizationId
+                          }, stampWith && {
+                            stampWith: stampWith
+                          }));
+                        case 2:
+                          res = _context.v;
+                          handleSuccess(res);
+                        case 3:
+                          return _context.a(2);
+                      }
+                    }, _callee);
+                  }));
+                  function onContinue(_x) {
+                    return _onContinue.apply(this, arguments);
+                  }
+                  return onContinue;
+                }()
+              }),
+              showTitle: false
+            });
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _t = _context2.v;
+            onError(_t);
+          case 4:
+            _context2.p = 4;
+            setIsLoading(false);
+            return _context2.f(4);
+          case 5:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3, 4, 5]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleSuccess = function handleSuccess(userId) {
+    onSuccess(userId);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsx(SuccessPage, {
+        text: "Email updated successfully!",
+        duration: successPageDuration,
+        onComplete: function onComplete() {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      handleContinue();
+    }
+  };
+  return jsxs("div", {
+    className: clsx("mt-8", isMobile ? "w-full" : "w-72"),
+    children: [jsxs("div", {
+      className: "my-6 flex flex-col items-center",
+      children: [jsx(FontAwesomeIcon, {
+        icon: faEnvelope,
+        size: "2xl"
+      }), jsx("div", {
+        className: "text-2xl font-bold py-2 text-center",
+        children: params !== null && params !== void 0 && params.title ? params.title : "Update your email"
+      }), (params === null || params === void 0 ? void 0 : params.subTitle) && jsx("div", {
+        className: "text-sm text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: params.subTitle
+      })]
+    }), jsxs("div", {
+      className: "flex flex-col gap-4 my-3",
+      children: [jsx(Input, {
+        type: "email",
+        placeholder: email ? email : "your@email.com",
+        className: "w-full py-3 px-4 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 box-border",
+        value: emailInput,
+        onChange: function onChange(e) {
+          return setEmailInput(e.target.value);
+        },
+        onKeyDown: handleKeyDown
+      }), jsx(ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValidEmail(emailInput),
+        loading: isLoading,
+        className: "w-full md:max-w-md bg-primary-light dark:bg-primary-dark text-primary-text-light dark:text-primary-text-dark",
+        spinnerClassName: "text-primary-text-light dark:text-primary-text-dark",
+        children: "Continue"
+      })]
+    })]
+  });
+}
+
+export { UpdateEmail };
+//# sourceMappingURL=UpdateEmail.mjs.map

package/dist/components/user/UpdateEmail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateEmail.mjs","sources":["../../../src/components/user/UpdateEmail.tsx"],"sourcesContent":[null],"names":["UpdateEmail","params","onSuccess","onError","successPageDuration","organizationId","stampWith","userId","_useZeroXKey","useZeroXKey","config","user","updateUserEmail","initOtp","verifyOtp","_useModal","useModal","isMobile","pushPage","closeModal","email","userEmail","_useState","useState","_useState2","_slicedToArray","emailInput","setEmailInput","_useState3","_useState4","isLoading","setIsLoading","isValidEmail","e","length","test","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee2","_config$auth","_config$auth2","_yield$initOtp","otpId","otpEncryptionTargetBundle","_t","w","_context2","p","n","otpType","OtpType","Email","contact","v","key","content","_jsx","OtpVerification","otpLength","auth","undefined","Number","alphanumeric","otpAlphanumeric","onContinue","_onContinue","_callee","otpCode","_yield$verifyOtp","verificationToken","res","_context","_objectSpread","handleSuccess","a","_x","apply","arguments","showTitle","f","SuccessPage","text","duration","onComplete","preventBack","handleKeyDown","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faEnvelope","size","title","subTitle","Input","type","placeholder","value","onChange","target","onKeyDown","ActionButton","onClick","disabled","loading","spinnerClassName"],"mappings":"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"}

package/dist/components/user/UpdatePhoneNumber.d.ts

@@ -0,0 +1,12 @@
+import { StamperType } from "@0xkey-io/core";
+export declare function UpdatePhoneNumber(params: {
+    successPageDuration?: number | undefined;
+    organizationId: string;
+    userId: string;
+    onSuccess: (userId: string) => void;
+    onError: (error: any) => void;
+    title?: string;
+    subTitle?: string;
+    stampWith?: StamperType | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdatePhoneNumber.d.ts.map