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

package/dist/components/user/UpdateEmail.mjs

@@ -0,0 +1,186 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } 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 { useTurnkey } 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 '@turnkey/core';
+
+function UpdateEmail(params) {
+  var onSuccess = params.onSuccess,
+    onError = params.onError,
+    successPageDuration = params.successPageDuration;
+  var _useTurnkey = useTurnkey(),
+    user = _useTurnkey.user,
+    updateUserEmail = _useTurnkey.updateUserEmail,
+    initOtp = _useTurnkey.initOtp,
+    verifyOtp = _useTurnkey.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__*/_regeneratorRuntime().mark(function _callee2() {
+      var otpId;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!isValidEmail(emailInput)) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.prev = 1;
+            setIsLoading(true);
+            _context2.next = 5;
+            return initOtp({
+              otpType: OtpType.Email,
+              contact: emailInput
+            });
+          case 5:
+            otpId = _context2.sent;
+            pushPage({
+              key: "Verify OTP",
+              content: jsx(OtpVerification, {
+                contact: emailInput,
+                otpId: otpId,
+                otpType: OtpType.Email,
+                onContinue: function () {
+                  var _onContinue = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(otpCode) {
+                    var _yield$verifyOtp, verificationToken, res;
+                    return _regeneratorRuntime().wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 2;
+                          return verifyOtp({
+                            otpId: otpId,
+                            otpCode: otpCode,
+                            contact: emailInput,
+                            otpType: OtpType.Email
+                          });
+                        case 2:
+                          _yield$verifyOtp = _context.sent;
+                          verificationToken = _yield$verifyOtp.verificationToken;
+                          _context.next = 6;
+                          return updateUserEmail({
+                            email: emailInput,
+                            verificationToken: verificationToken,
+                            userId: user.userId
+                          });
+                        case 6:
+                          res = _context.sent;
+                          handleSuccess(res);
+                        case 8:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  }));
+                  function onContinue(_x) {
+                    return _onContinue.apply(this, arguments);
+                  }
+                  return onContinue;
+                }()
+              }),
+              showTitle: false
+            });
+            _context2.next = 12;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            onError(_context2.t0);
+          case 12:
+            _context2.prev = 12;
+            setIsLoading(false);
+            return _context2.finish(12);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 9, 12, 15]]);
+    }));
+    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 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","_useTurnkey","useTurnkey","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","_regeneratorRuntime","mark","_callee2","otpId","wrap","_callee2$","_context2","prev","next","otpType","OtpType","Email","contact","sent","key","content","_jsx","OtpVerification","onContinue","_onContinue","_callee","otpCode","_yield$verifyOtp","verificationToken","res","_callee$","_context","userId","handleSuccess","stop","_x","apply","arguments","showTitle","t0","finish","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,8 @@
+export declare function UpdatePhoneNumber(params: {
+    successPageDuration?: number | undefined;
+    onSuccess: (userId: string) => void;
+    onError: (error: any) => void;
+    title?: string;
+    subTitle?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdatePhoneNumber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePhoneNumber.d.ts","sourceRoot":"","sources":["../../../src/components/user/UpdatePhoneNumber.tsx"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CA+GA"}

package/dist/components/user/UpdatePhoneNumber.js

@@ -0,0 +1,136 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+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 Inputs = require('../design/Inputs.js');
+var clsx = require('clsx');
+var OTP = require('../auth/OTP.js');
+var Success = require('../design/Success.js');
+var core = require('@turnkey/core');
+
+function UpdatePhoneNumber(params) {
+  const {
+    user,
+    initOtp,
+    verifyOtp,
+    updateUserPhoneNumber
+  } = Hook.useTurnkey();
+  const {
+    isMobile,
+    pushPage,
+    closeModal
+  } = Hook$1.useModal();
+  const phone = user?.userPhoneNumber || "";
+  const [phoneInput, setPhoneInput] = react.useState(phone);
+  const [loading, setLoading] = react.useState(false);
+  const [isValid, setIsValid] = react.useState(false);
+  const [formattedPhone, setFormattedPhone] = react.useState("");
+  const {
+    onSuccess,
+    onError,
+    successPageDuration
+  } = params;
+  const handleContinue = async () => {
+    if (isValid) {
+      try {
+        const otpId = await initOtp({
+          otpType: core.OtpType.Sms,
+          contact: phoneInput
+        });
+        pushPage({
+          key: "Verify OTP",
+          content: jsxRuntime.jsx(OTP.OtpVerification, {
+            contact: phoneInput,
+            ...(formattedPhone && {
+              formattedPhone
+            }),
+            otpId: otpId,
+            otpType: core.OtpType.Sms,
+            onContinue: async otpCode => {
+              const {
+                verificationToken
+              } = await verifyOtp({
+                otpId,
+                otpCode,
+                contact: phoneInput,
+                otpType: core.OtpType.Sms
+              });
+              const res = await updateUserPhoneNumber({
+                phoneNumber: phoneInput,
+                verificationToken,
+                userId: user.userId
+              });
+              handleSuccess(res);
+            }
+          }),
+          showTitle: false
+        });
+      } catch (error) {
+        onError(error);
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const handleSuccess = res => {
+    onSuccess(res);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsxRuntime.jsx(Success.SuccessPage, {
+        text: "Phone number updated successfully!",
+        duration: successPageDuration,
+        onComplete: () => {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  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.faPhone,
+        size: "2xl"
+      }), jsxRuntime.jsx("div", {
+        className: "text-2xl font-bold py-2 text-center",
+        children: params?.title ? params.title : "Update your phone number"
+      }), 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(Inputs.PhoneInputBox, {
+        value: phone,
+        onChange: (raw, formatted, valid) => {
+          setPhoneInput(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValid,
+        loading: loading,
+        className: "w-full 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.UpdatePhoneNumber = UpdatePhoneNumber;
+//# sourceMappingURL=UpdatePhoneNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePhoneNumber.js","sources":["../../../src/components/user/UpdatePhoneNumber.tsx"],"sourcesContent":[null],"names":["UpdatePhoneNumber","params","user","initOtp","verifyOtp","updateUserPhoneNumber","useTurnkey","isMobile","pushPage","closeModal","useModal","phone","userPhoneNumber","phoneInput","setPhoneInput","useState","loading","setLoading","isValid","setIsValid","formattedPhone","setFormattedPhone","onSuccess","onError","successPageDuration","handleContinue","otpId","otpType","OtpType","Sms","contact","key","content","_jsx","OtpVerification","onContinue","otpCode","verificationToken","res","phoneNumber","userId","handleSuccess","showTitle","error","SuccessPage","text","duration","onComplete","preventBack","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faPhone","size","title","subTitle","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","ActionButton","onClick","disabled","spinnerClassName"],"mappings":"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"}

package/dist/components/user/UpdatePhoneNumber.mjs

@@ -0,0 +1,187 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faPhone } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { useTurnkey } from '../../providers/client/Hook.mjs';
+import { ActionButton } from '../design/Buttons.mjs';
+import { useState } from 'react';
+import { PhoneInputBox } from '../design/Inputs.mjs';
+import clsx from 'clsx';
+import { OtpVerification } from '../auth/OTP.mjs';
+import { SuccessPage } from '../design/Success.mjs';
+import { OtpType } from '@turnkey/core';
+
+function UpdatePhoneNumber(params) {
+  var _useTurnkey = useTurnkey(),
+    user = _useTurnkey.user,
+    initOtp = _useTurnkey.initOtp,
+    verifyOtp = _useTurnkey.verifyOtp,
+    updateUserPhoneNumber = _useTurnkey.updateUserPhoneNumber;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile,
+    pushPage = _useModal.pushPage,
+    closeModal = _useModal.closeModal;
+  var phone = (user === null || user === void 0 ? void 0 : user.userPhoneNumber) || "";
+  var _useState = useState(phone),
+    _useState2 = _slicedToArray(_useState, 2),
+    phoneInput = _useState2[0],
+    setPhoneInput = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isValid = _useState6[0],
+    setIsValid = _useState6[1];
+  var _useState7 = useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    formattedPhone = _useState8[0],
+    setFormattedPhone = _useState8[1];
+  var onSuccess = params.onSuccess,
+    onError = params.onError,
+    successPageDuration = params.successPageDuration;
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var otpId;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!isValid) {
+              _context2.next = 14;
+              break;
+            }
+            _context2.prev = 1;
+            _context2.next = 4;
+            return initOtp({
+              otpType: OtpType.Sms,
+              contact: phoneInput
+            });
+          case 4:
+            otpId = _context2.sent;
+            pushPage({
+              key: "Verify OTP",
+              content: jsx(OtpVerification, _objectSpread2(_objectSpread2({
+                contact: phoneInput
+              }, formattedPhone && {
+                formattedPhone: formattedPhone
+              }), {}, {
+                otpId: otpId,
+                otpType: OtpType.Sms,
+                onContinue: function () {
+                  var _onContinue = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(otpCode) {
+                    var _yield$verifyOtp, verificationToken, res;
+                    return _regeneratorRuntime().wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 2;
+                          return verifyOtp({
+                            otpId: otpId,
+                            otpCode: otpCode,
+                            contact: phoneInput,
+                            otpType: OtpType.Sms
+                          });
+                        case 2:
+                          _yield$verifyOtp = _context.sent;
+                          verificationToken = _yield$verifyOtp.verificationToken;
+                          _context.next = 6;
+                          return updateUserPhoneNumber({
+                            phoneNumber: phoneInput,
+                            verificationToken: verificationToken,
+                            userId: user.userId
+                          });
+                        case 6:
+                          res = _context.sent;
+                          handleSuccess(res);
+                        case 8:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  }));
+                  function onContinue(_x) {
+                    return _onContinue.apply(this, arguments);
+                  }
+                  return onContinue;
+                }()
+              })),
+              showTitle: false
+            });
+            _context2.next = 11;
+            break;
+          case 8:
+            _context2.prev = 8;
+            _context2.t0 = _context2["catch"](1);
+            onError(_context2.t0);
+          case 11:
+            _context2.prev = 11;
+            setLoading(false);
+            return _context2.finish(11);
+          case 14:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 8, 11, 14]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleSuccess = function handleSuccess(res) {
+    onSuccess(res);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsx(SuccessPage, {
+        text: "Phone number updated successfully!",
+        duration: successPageDuration,
+        onComplete: function onComplete() {
+          closeModal();
+        }
+      }),
+      preventBack: true,
+      showTitle: false
+    });
+  };
+  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: faPhone,
+        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 phone number"
+      }), (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(PhoneInputBox, {
+        value: phone,
+        onChange: function onChange(raw, formatted, valid) {
+          setPhoneInput(raw);
+          setFormattedPhone(formatted);
+          setIsValid(valid);
+        },
+        onEnter: handleContinue
+      }), jsx(ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValid,
+        loading: loading,
+        className: "w-full 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 { UpdatePhoneNumber };
+//# sourceMappingURL=UpdatePhoneNumber.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePhoneNumber.mjs","sources":["../../../src/components/user/UpdatePhoneNumber.tsx"],"sourcesContent":[null],"names":["UpdatePhoneNumber","params","_useTurnkey","useTurnkey","user","initOtp","verifyOtp","updateUserPhoneNumber","_useModal","useModal","isMobile","pushPage","closeModal","phone","userPhoneNumber","_useState","useState","_useState2","_slicedToArray","phoneInput","setPhoneInput","_useState3","_useState4","loading","setLoading","_useState5","_useState6","isValid","setIsValid","_useState7","_useState8","formattedPhone","setFormattedPhone","onSuccess","onError","successPageDuration","handleContinue","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","otpId","wrap","_callee2$","_context2","prev","next","otpType","OtpType","Sms","contact","sent","key","content","_jsx","OtpVerification","_objectSpread","onContinue","_onContinue","_callee","otpCode","_yield$verifyOtp","verificationToken","res","_callee$","_context","phoneNumber","userId","handleSuccess","stop","_x","apply","arguments","showTitle","t0","finish","SuccessPage","text","duration","onComplete","preventBack","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faPhone","size","title","subTitle","PhoneInputBox","value","onChange","raw","formatted","valid","onEnter","ActionButton","onClick","disabled","spinnerClassName"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateUserName.d.ts","sourceRoot":"","sources":["../../../src/components/user/UpdateUserName.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,wBAAgB,cAAc,CAAC,MAAM,EAAE;IACrC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC,2CA+FA"}