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

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":"AAUA,OAAO,EAAW,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,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;IAClB,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC,2CAiIA"}

package/dist/components/user/UpdatePhoneNumber.js

@@ -0,0 +1,151 @@
+'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('@0xkey-io/core');
+
+function UpdatePhoneNumber(params) {
+  const {
+    config,
+    user,
+    initOtp,
+    verifyOtp,
+    updateUserPhoneNumber
+  } = Hook.useZeroXKey();
+  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,
+    organizationId,
+    stampWith,
+    userId
+  } = params;
+  const handleContinue = async () => {
+    if (isValid) {
+      try {
+        const {
+          otpId,
+          otpEncryptionTargetBundle
+        } = await initOtp({
+          otpType: core.OtpType.Sms,
+          contact: phoneInput
+        });
+        pushPage({
+          key: "Verify OTP",
+          content: jsxRuntime.jsx(OTP.OtpVerification, {
+            contact: phoneInput,
+            ...(formattedPhone && {
+              formattedPhone
+            }),
+            otpId: otpId,
+            otpEncryptionTargetBundle: otpEncryptionTargetBundle,
+            otpType: core.OtpType.Sms,
+            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: phoneInput,
+                otpType: core.OtpType.Sms
+              });
+              const res = await updateUserPhoneNumber({
+                phoneNumber: phoneInput,
+                verificationToken,
+                userId,
+                organizationId,
+                ...(params.stampWith && {
+                  stampWith
+                })
+              });
+              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 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.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","config","user","initOtp","verifyOtp","updateUserPhoneNumber","useZeroXKey","isMobile","pushPage","closeModal","useModal","phone","userPhoneNumber","phoneInput","setPhoneInput","useState","loading","setLoading","isValid","setIsValid","formattedPhone","setFormattedPhone","onSuccess","onError","successPageDuration","organizationId","stampWith","userId","handleContinue","otpId","otpEncryptionTargetBundle","otpType","OtpType","Sms","contact","key","content","_jsx","OtpVerification","otpLength","auth","undefined","Number","alphanumeric","otpAlphanumeric","onContinue","otpCode","verificationToken","res","phoneNumber","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,198 @@
+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 { faPhone } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+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 { PhoneInputBox } from '../design/Inputs.mjs';
+import clsx from 'clsx';
+import { OtpVerification } from '../auth/OTP.mjs';
+import { SuccessPage } from '../design/Success.mjs';
+import { OtpType } from '@0xkey-io/core';
+
+function UpdatePhoneNumber(params) {
+  var _useZeroXKey = useZeroXKey(),
+    config = _useZeroXKey.config,
+    user = _useZeroXKey.user,
+    initOtp = _useZeroXKey.initOtp,
+    verifyOtp = _useZeroXKey.verifyOtp,
+    updateUserPhoneNumber = _useZeroXKey.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,
+    organizationId = params.organizationId,
+    stampWith = params.stampWith,
+    userId = params.userId;
+  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 (!isValid) {
+              _context2.n = 5;
+              break;
+            }
+            _context2.p = 1;
+            _context2.n = 2;
+            return initOtp({
+              otpType: OtpType.Sms,
+              contact: phoneInput
+            });
+          case 2:
+            _yield$initOtp = _context2.v;
+            otpId = _yield$initOtp.otpId;
+            otpEncryptionTargetBundle = _yield$initOtp.otpEncryptionTargetBundle;
+            pushPage({
+              key: "Verify OTP",
+              content: jsx(OtpVerification, _objectSpread2(_objectSpread2({
+                contact: phoneInput
+              }, formattedPhone && {
+                formattedPhone: formattedPhone
+              }), {}, {
+                otpId: otpId,
+                otpEncryptionTargetBundle: otpEncryptionTargetBundle,
+                otpType: OtpType.Sms,
+                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: phoneInput,
+                            otpType: OtpType.Sms
+                          });
+                        case 1:
+                          _yield$verifyOtp = _context.v;
+                          verificationToken = _yield$verifyOtp.verificationToken;
+                          _context.n = 2;
+                          return updateUserPhoneNumber(_objectSpread2({
+                            phoneNumber: phoneInput,
+                            verificationToken: verificationToken,
+                            userId: userId,
+                            organizationId: organizationId
+                          }, params.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;
+            setLoading(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(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 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 { 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","_useZeroXKey","useZeroXKey","config","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","organizationId","stampWith","userId","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee2","_config$auth","_config$auth2","_yield$initOtp","otpId","otpEncryptionTargetBundle","_t","w","_context2","p","n","otpType","OtpType","Sms","contact","v","key","content","_jsx","OtpVerification","_objectSpread","otpLength","auth","undefined","Number","alphanumeric","otpAlphanumeric","onContinue","_onContinue","_callee","otpCode","_yield$verifyOtp","verificationToken","res","_context","phoneNumber","handleSuccess","a","_x","apply","arguments","showTitle","f","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,13 @@
+import type { StamperType } from "@0xkey-io/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;
+    organizationId: string;
+    userId: string;
+}): 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,gBAAgB,CAAC;AAGlD,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;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,2CAgGA"}

package/dist/components/user/UpdateUserName.js

@@ -0,0 +1,113 @@
+'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 react$1 = require('@headlessui/react');
+var clsx = require('clsx');
+var Success = require('../design/Success.js');
+
+function UpdateUserName(params) {
+  const {
+    user,
+    updateUserName
+  } = Hook.useZeroXKey();
+  const {
+    isMobile,
+    pushPage,
+    closeModal
+  } = Hook$1.useModal();
+  const userName = user?.userName || "";
+  const [userNameInput, setUserNameInput] = react.useState(userName);
+  const [loading, setLoading] = react.useState(false);
+  const {
+    onSuccess,
+    onError,
+    successPageDuration
+  } = params;
+  const isValidUserName = un => {
+    return un.length > 0 && un !== userName;
+  };
+  const handleContinue = async () => {
+    if (isValidUserName(userNameInput)) {
+      setLoading(true);
+      try {
+        const res = await updateUserName({
+          userName: userNameInput,
+          userId: params.userId,
+          stampWith: params?.stampWith,
+          organizationId: params.organizationId
+        });
+        handleSuccess(res);
+      } catch (error) {
+        onError(error);
+      } finally {
+        setLoading(false);
+      }
+    }
+  };
+  const handleSuccess = userId => {
+    onSuccess(userId);
+    if (!successPageDuration) {
+      closeModal();
+      return;
+    }
+    pushPage({
+      key: "success",
+      content: jsxRuntime.jsx(Success.SuccessPage, {
+        text: "User name 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.faUser,
+        size: "2xl"
+      }), jsxRuntime.jsx("div", {
+        className: "text-2xl font-bold py-2 text-center",
+        children: params?.title ? params.title : "Update your user name"
+      }), 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: "text",
+        placeholder: userName,
+        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: userNameInput,
+        onChange: e => setUserNameInput(e.target.value),
+        onKeyDown: handleKeyDown
+      }), jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValidUserName(userNameInput),
+        loading: loading,
+        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.UpdateUserName = UpdateUserName;
+//# sourceMappingURL=UpdateUserName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateUserName.js","sources":["../../../src/components/user/UpdateUserName.tsx"],"sourcesContent":[null],"names":["UpdateUserName","params","user","updateUserName","useZeroXKey","isMobile","pushPage","closeModal","useModal","userName","userNameInput","setUserNameInput","useState","loading","setLoading","onSuccess","onError","successPageDuration","isValidUserName","un","length","handleContinue","res","userId","stampWith","organizationId","handleSuccess","error","key","content","_jsx","SuccessPage","text","duration","onComplete","preventBack","showTitle","handleKeyDown","e","_jsxs","className","clsx","children","FontAwesomeIcon","icon","faUser","size","title","subTitle","Input","type","placeholder","value","onChange","target","onKeyDown","ActionButton","onClick","disabled","spinnerClassName"],"mappings":";;;;;;;;;;;;;AAWM,SAAUA,cAAcA,CAACC,MAU9B,EAAA;EACC,MAAM;IAAEC,IAAI;AAAEC,IAAAA;GAAgB,GAAGC,gBAAW,EAAE;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;AAAEC,IAAAA;GAAY,GAAGC,eAAQ,EAAE;AACrD,EAAA,MAAMC,QAAQ,GAAGP,IAAI,EAAEO,QAAQ,IAAI,EAAE;EACrC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAQ,CAACH,QAAQ,CAAC;EAC5D,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGF,cAAQ,CAAC,KAAK,CAAC;EAE7C,MAAM;IAAEG,SAAS;IAAEC,OAAO;AAAEC,IAAAA;AAAmB,GAAE,GAAGhB,MAAM;EAE1D,MAAMiB,eAAe,GAAIC,EAAU,IAAa;IAC9C,OAAOA,EAAE,CAACC,MAAM,GAAG,CAAC,IAAID,EAAE,KAAKV,QAAQ;EACzC,CAAC;AAED,EAAA,MAAMY,cAAc,GAAG,YAAW;AAChC,IAAA,IAAIH,eAAe,CAACR,aAAa,CAAC,EAAE;MAClCI,UAAU,CAAC,IAAI,CAAC;MAChB,IAAI;AACF,QAAA,MAAMQ,GAAG,GAAG,MAAMnB,cAAc,CAAC;AAC/BM,UAAAA,QAAQ,EAAEC,aAAa;UACvBa,MAAM,EAAEtB,MAAM,CAACsB,MAAM;UACrBC,SAAS,EAAEvB,MAAM,EAAEuB,SAAS;UAC5BC,cAAc,EAAExB,MAAM,CAACwB;AACxB,SAAA,CAAC;QACFC,aAAa,CAACJ,GAAG,CAAC;MACpB,CAAC,CAAC,OAAOK,KAAK,EAAE;QACdX,OAAO,CAACW,KAAK,CAAC;AAChB,MAAA,CAAC,SAAS;QACRb,UAAU,CAAC,KAAK,CAAC;AACnB,MAAA;AACF,IAAA;EACF,CAAC;EAED,MAAMY,aAAa,GAAIH,MAAc,IAAI;IACvCR,SAAS,CAACQ,MAAM,CAAC;IAEjB,IAAI,CAACN,mBAAmB,EAAE;AACxBV,MAAAA,UAAU,EAAE;AACZ,MAAA;AACF,IAAA;AAEAD,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,SAAS;AACdC,MAAAA,OAAO,EACLC,cAAA,CAACC,mBAAW,EAAA;AACVC,QAAAA,IAAI,EAAC,iCAAiC;AACtCC,QAAAA,QAAQ,EAAEhB,mBAAmB;QAC7BiB,UAAU,EAAEA,MAAK;AACf3B,UAAAA,UAAU,EAAE;AACd,QAAA;QAEH;AACD4B,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,SAAS,EAAE;AACZ,KAAA,CAAC;EACJ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwC,IAAI;AACjE,IAAA,IAAIA,CAAC,CAACV,GAAG,KAAK,OAAO,EAAE;AACrBP,MAAAA,cAAc,EAAE;AAClB,IAAA;EACF,CAAC;EAED,OACEkB,eAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,IAAI,CAAC,MAAM,EAAEpC,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAAAqC,IAAAA,QAAA,EAAA,CACxDH,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,iCAAiC;iBAC9CV,cAAA,CAACa,gCAAe,EAAA;AAACC,QAAAA,IAAI,EAAEC,wBAAM;AAAEC,QAAAA,IAAI,EAAE;AAAK,OAAA,CAAI,EAC9ChB,cAAA,CAAA,KAAA,EAAA;AAAKU,QAAAA,SAAS,EAAC,qCAAqC;QAAAE,QAAA,EACjDzC,MAAM,EAAE8C,KAAK,GAAG9C,MAAM,CAAC8C,KAAK,GAAG;OAAuB,CACnD,EACL9C,MAAM,EAAE+C,QAAQ,IACflB;AAAKU,QAAAA,SAAS,EAAC,wEAAwE;QAAAE,QAAA,EACpFzC,MAAM,CAAC+C;AAAQ,OAAA,CAEnB;MACG,EACNT,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,0BAA0B;AAAAE,MAAAA,QAAA,EAAA,CACvCZ,cAAA,CAACmB,aAAK;AACJC,QAAAA,IAAI,EAAC,MAAM;AACXC,QAAAA,WAAW,EAAE1C,QAAQ;AACrB+B,QAAAA,SAAS,EAAC,6QAA6Q;AACvRY,QAAAA,KAAK,EAAE1C,aAAa;QACpB2C,QAAQ,EAAGf,CAAC,IAAK3B,gBAAgB,CAAC2B,CAAC,CAACgB,MAAM,CAACF,KAAK,CAAC;AACjDG,QAAAA,SAAS,EAAElB;AAAa,OAAA,CACxB,EACFP,eAAC0B,oBAAY,EAAA;AACXC,QAAAA,OAAO,EAAEpC,cAAc;AACvBqC,QAAAA,QAAQ,EAAE,CAACxC,eAAe,CAACR,aAAa,CAAC;AACzCG,QAAAA,OAAO,EAAEA,OAAO;AAChB2B,QAAAA,SAAS,EAAC,8GAA8G;AACxHmB,QAAAA,gBAAgB,EAAC,qDAAqD;AAAAjB,QAAAA,QAAA,EAAA;AAAA,OAAA,CAGzD;AAAA,KAAA,CACX;AAAA,GAAA,CACF;AAEV;;;;"}

package/dist/components/user/UpdateUserName.mjs

@@ -0,0 +1,139 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faUser } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+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 { Input } from '@headlessui/react';
+import clsx from 'clsx';
+import { SuccessPage } from '../design/Success.mjs';
+
+function UpdateUserName(params) {
+  var _useZeroXKey = useZeroXKey(),
+    user = _useZeroXKey.user,
+    updateUserName = _useZeroXKey.updateUserName;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile,
+    pushPage = _useModal.pushPage,
+    closeModal = _useModal.closeModal;
+  var userName = (user === null || user === void 0 ? void 0 : user.userName) || "";
+  var _useState = useState(userName),
+    _useState2 = _slicedToArray(_useState, 2),
+    userNameInput = _useState2[0],
+    setUserNameInput = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var onSuccess = params.onSuccess,
+    onError = params.onError,
+    successPageDuration = params.successPageDuration;
+  var isValidUserName = function isValidUserName(un) {
+    return un.length > 0 && un !== userName;
+  };
+  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:
+            if (!isValidUserName(userNameInput)) {
+              _context.n = 5;
+              break;
+            }
+            setLoading(true);
+            _context.p = 1;
+            _context.n = 2;
+            return updateUserName({
+              userName: userNameInput,
+              userId: params.userId,
+              stampWith: params === null || params === void 0 ? void 0 : params.stampWith,
+              organizationId: params.organizationId
+            });
+          case 2:
+            res = _context.v;
+            handleSuccess(res);
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            onError(_t);
+          case 4:
+            _context.p = 4;
+            setLoading(false);
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
+        }
+      }, _callee, 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: "User name 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: faUser,
+        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 user name"
+      }), (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: "text",
+        placeholder: userName,
+        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: userNameInput,
+        onChange: function onChange(e) {
+          return setUserNameInput(e.target.value);
+        },
+        onKeyDown: handleKeyDown
+      }), jsx(ActionButton, {
+        onClick: handleContinue,
+        disabled: !isValidUserName(userNameInput),
+        loading: loading,
+        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 { UpdateUserName };
+//# sourceMappingURL=UpdateUserName.mjs.map