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

package/dist/components/design/Inputs.mjs

@@ -0,0 +1,133 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { defaultCountries, parseCountry, usePhoneInput, FlagImage as FlagImage$1 } from 'react-international-phone';
+import { Listbox, ListboxButton, ListboxOptions, ListboxOption, Input } from '@headlessui/react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
+import parsePhoneNumberFromString from 'libphonenumber-js';
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { useScreenSize } from '../../utils/utils.mjs';
+
+var FlagImage = FlagImage$1;
+// Supported country dial codes
+var supported_country_codes = ["+1", "+33", "+420", "+358", "+49", "+30", "+36", "+354", "+353", "+39", "+371", "+370", "+352", "+356", "+373", "+382", "+31", "+47", "+48", "+351", "+40", "+381", "+386", "+34", "+46", "+41", "+355", "+376", "+244", "+54", "+374", "+61", "+43", "+994", "+1242", "+973", "+880", "+1246", "+32", "+501", "+229", "+591", "+387", "+267", "+55", "+1284", "+673", "+237", "+238", "+1345", "+235", "+56", "+57", "+506", "+385", "+599", "+357", "+243", "+45", "+253", "+1767", "+593", "+503", "+240", "+372", "+298", "+679", "+689", "+220", "+995", "+233", "+350", "+1473", "+502", "+590", "+224", "+592", "+509", "+504", "+852", "+91", "+62", "+972", "+225", "+1876", "+81", "+383", "+965", "+996", "+856", "+961", "+266", "+231", "+261", "+60", "+960", "+223", "+230", "+52", "+373", "+976", "+212", "+258", "+264", "+977", "+64", "+505", "+227", "+234", "+92", "+507", "+51", "+63", "+1787", "+1939", "+974", "+262", "+1758", "+1784", "+685", "+966", "+221", "+248", "+232", "+65", "+27", "+82", "+597", "+268", "+992", "+255", "+66", "+228", "+1868", "+216", "+598", "+998", "+58"];
+var countries = defaultCountries.filter(function (country) {
+  var _parseCountry = parseCountry(country),
+    dialCode = _parseCountry.dialCode;
+  return supported_country_codes.includes("+".concat(dialCode));
+});
+var isValidPhone = function isValidPhone(phone) {
+  var _phoneNumber$isValid;
+  var phoneNumber = parsePhoneNumberFromString(phone);
+  return (_phoneNumber$isValid = phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.isValid()) !== null && _phoneNumber$isValid !== void 0 ? _phoneNumber$isValid : false;
+};
+var desiredPanelHeight = 288; // tailwind's max-h-72
+function PhoneInputBox(props) {
+  var value = props.value,
+    _onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onEnter = props.onEnter;
+  var _usePhoneInput = usePhoneInput({
+      value: value,
+      defaultCountry: "us",
+      disableDialCodeAndPrefix: true,
+      countries: countries,
+      onChange: function onChange(data) {
+        _onChange(data.phone, "+".concat(data.country.dialCode, " ").concat(data.inputValue), isValidPhone(data.phone));
+      }
+    }),
+    inputValue = _usePhoneInput.inputValue,
+    handlePhoneValueChange = _usePhoneInput.handlePhoneValueChange,
+    inputRef = _usePhoneInput.inputRef,
+    country = _usePhoneInput.country,
+    setCountry = _usePhoneInput.setCountry;
+  var buttonRef = useRef(null);
+  var _useState = useState("bottom start"),
+    _useState2 = _slicedToArray(_useState, 2),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  var _useScreenSize = useScreenSize(),
+    height = _useScreenSize.height;
+  var update = useCallback(function () {
+    var btn = buttonRef.current;
+    if (!btn) return;
+    var b = btn.getBoundingClientRect();
+    var spaceAbove = b.top - height;
+    var spaceBelow = height - b.bottom;
+    var next = spaceBelow < desiredPanelHeight && spaceAbove > spaceBelow ? "top start" : "bottom start";
+    setPlacement(next);
+  }, [height, desiredPanelHeight]);
+  useEffect(function () {
+    update();
+  }, [update, height]);
+  return jsxs("div", {
+    className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
+    children: [jsx(Listbox, {
+      as: "div",
+      value: country.iso2,
+      onChange: setCountry,
+      children: jsxs("div", {
+        className: "relative",
+        children: [jsxs(ListboxButton, {
+          ref: buttonRef,
+          className: "flex flex-row min-w-20 gap-2 px-3 cursor-pointer bg-button-light dark:bg-button-dark border-none rounded-md text-left items-center",
+          children: [jsxs("div", {
+            className: "flex flex-row space-x-2 items-center",
+            children: [jsx(FlagImage, {
+              iso2: country.iso2,
+              className: "w-5 h-4 rounded-sm"
+            }), jsxs("div", {
+              className: "text-sm text-modal-text-light dark:text-modal-text-dark",
+              children: ["+", country.dialCode]
+            })]
+          }), jsx(FontAwesomeIcon, {
+            icon: faChevronDown,
+            className: "size-3 text-icon-text-light dark:text-icon-text-dark"
+          })]
+        }), jsx(ListboxOptions, {
+          transition: true,
+          className: "absolute zeroxkey-scrollbar z-50 mt-1 border border-modal-background-dark/20 dark:border-modal-background-light/20 !max-h-72 !w-fit rounded-md shadow-lg overflow-y-auto overflow-x-hidden text-sm\n            transition duration-200 ease-out data-closed:-translate-y-2 data-closed:opacity-0",
+          anchor: placement,
+          children: countries.map(function (c) {
+            var _parseCountry2 = parseCountry(c),
+              iso2 = _parseCountry2.iso2,
+              name = _parseCountry2.name,
+              dialCode = _parseCountry2.dialCode;
+            return jsxs(ListboxOption, {
+              value: iso2,
+              className: function className(_ref) {
+                var active = _ref.active;
+                return "cursor-pointer select-none py-2 px-3 bg-button-light dark:bg-button-dark flex items-center gap-2 ".concat(active ? "bg-modal-background-light dark:bg-modal-background-dark" : "");
+              },
+              children: [jsx(FlagImage, {
+                iso2: iso2,
+                className: "w-5 h-4 rounded-sm"
+              }), jsx("span", {
+                children: name
+              }), jsxs("span", {
+                className: "ml-auto text-xs text-icon-text-light dark:text-icon-text-dark",
+                children: ["+", dialCode]
+              })]
+            }, iso2);
+          })
+        })]
+      })
+    }), jsx(Input, {
+      type: "tel",
+      value: inputValue,
+      ref: inputRef,
+      onChange: handlePhoneValueChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Enter") onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+      },
+      placeholder: "Phone number",
+      className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
+    })]
+  });
+}
+
+export { PhoneInputBox };
+//# sourceMappingURL=Inputs.mjs.map

package/dist/components/design/Inputs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inputs.mjs","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","_parseCountry","parseCountry","dialCode","includes","concat","isValidPhone","phone","_phoneNumber$isValid","phoneNumber","parsePhoneNumberFromString","isValid","desiredPanelHeight","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","_usePhoneInput","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","inputValue","handlePhoneValueChange","inputRef","setCountry","buttonRef","useRef","_useState","useState","_useState2","_slicedToArray","placement","setPlacement","_useScreenSize","useScreenSize","height","update","useCallback","btn","current","b","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","ref","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","c","_parseCountry2","name","ListboxOption","_ref","active","Input","type","onKeyDown","e","key","placeholder"],"mappings":";;;;;;;;;;AAmBA,IAAMA,SAAS,GAAGC,WAAsC;AAExD;AACA,IAAMC,uBAAuB,GAAG,CAC9B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,E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"}

package/dist/components/design/Lottie/Dynamic.d.ts

@@ -0,0 +1,2 @@
+export declare function getLottiePlayer(): Promise<typeof import("@lottiefiles/react-lottie-player").Player>;
+//# sourceMappingURL=Dynamic.d.ts.map

package/dist/components/design/Lottie/Dynamic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.d.ts","sourceRoot":"","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"names":[],"mappings":"AAAA,wBAAsB,eAAe,sEAGpC"}

package/dist/components/design/Lottie/Dynamic.js

@@ -0,0 +1,9 @@
+'use strict';
+
+async function getLottiePlayer() {
+  const mod = await import('@lottiefiles/react-lottie-player');
+  return mod.Player;
+}
+
+exports.getLottiePlayer = getLottiePlayer;
+//# sourceMappingURL=Dynamic.js.map

package/dist/components/design/Lottie/Dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.js","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"sourcesContent":[null],"names":["getLottiePlayer","mod","Player"],"mappings":";;AAAO,eAAeA,eAAeA,GAAA;AACnC,EAAA,MAAMC,GAAG,GAAG,MAAM,OAAO,kCAAkC,CAAC;EAC5D,OAAOA,GAAG,CAACC,MAAM;AACnB;;;;"}

package/dist/components/design/Lottie/Dynamic.mjs

@@ -0,0 +1,24 @@
+import { asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+
+function getLottiePlayer() {
+  return _getLottiePlayer.apply(this, arguments);
+}
+function _getLottiePlayer() {
+  _getLottiePlayer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var mod;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          _context.n = 1;
+          return import('@lottiefiles/react-lottie-player');
+        case 1:
+          mod = _context.v;
+          return _context.a(2, mod.Player);
+      }
+    }, _callee);
+  }));
+  return _getLottiePlayer.apply(this, arguments);
+}
+
+export { getLottiePlayer };
+//# sourceMappingURL=Dynamic.mjs.map

package/dist/components/design/Lottie/Dynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.mjs","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"sourcesContent":[null],"names":["getLottiePlayer","_getLottiePlayer","apply","arguments","_asyncToGenerator","_regenerator","m","_callee","mod","w","_context","n","v","a","Player"],"mappings":";;AAAA,SAAsBA,eAAeA,GAAA;AAAA,EAAA,OAAAC,gBAAA,CAAAC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA;AAGpC,SAAAF,gBAAAA,GAAA;EAAAA,gBAAA,GAAAG,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAHM,SAAAC,OAAAA,GAAA;AAAA,IAAA,IAAAC,GAAA;AAAA,IAAA,OAAAH,YAAA,EAAA,CAAAI,CAAA,CAAA,UAAAC,QAAA,EAAA;MAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,CAAA;AAAA,QAAA,KAAA,CAAA;AAAAD,UAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;UAAA,OACa,OAAO,kCAAkC,CAAC;AAAA,QAAA,KAAA,CAAA;UAAtDH,GAAG,GAAAE,QAAA,CAAAE,CAAA;AAAA,UAAA,OAAAF,QAAA,CAAAG,CAAA,CAAA,CAAA,EACFL,GAAG,CAACM,MAAM,CAAA;AAAA;AAAA,IAAA,CAAA,EAAAP,OAAA,CAAA;EAAA,CAClB,CAAA,CAAA;AAAA,EAAA,OAAAN,gBAAA,CAAAC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA;;;;"}

package/dist/components/design/Lottie/Wrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function LottiePlayerWrapper(props: {
+    style?: React.CSSProperties;
+    src: string;
+    autoplay?: boolean;
+    loop?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Wrapper.d.ts.map

package/dist/components/design/Lottie/Wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/design/Lottie/Wrapper.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,kDAgBA"}

package/dist/components/design/Lottie/Wrapper.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+function LottiePlayerWrapper(props) {
+  const [PlayerComponent, setPlayerComponent] = react.useState(null);
+  react.useEffect(() => {
+    if (typeof window !== "undefined") {
+      Promise.resolve().then(function () { return require('./Dynamic.js'); }).then(async mod => {
+        const Player = await mod.getLottiePlayer();
+        //@ts-ignore
+        setPlayerComponent(() => Player);
+      });
+    }
+  }, []);
+  if (!PlayerComponent) return null;
+  return jsxRuntime.jsx(PlayerComponent, {
+    ...props
+  });
+}
+
+exports.default = LottiePlayerWrapper;
+//# sourceMappingURL=Wrapper.js.map

package/dist/components/design/Lottie/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sources":["../../../../src/components/design/Lottie/Wrapper.tsx"],"sourcesContent":[null],"names":["LottiePlayerWrapper","props","PlayerComponent","setPlayerComponent","useState","useEffect","window","then","mod","Player","getLottiePlayer","_jsx"],"mappings":";;;;;;;AAEc,SAAUA,mBAAmBA,CAACC,KAK3C,EAAA;EACC,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GACzCC,cAAQ,CAAkC,IAAI,CAAC;AAEjDC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,oDAAO,cAAW,KAAC,CAACC,IAAI,CAAC,MAAOC,GAAG,IAAI;AACrC,QAAA,MAAMC,MAAM,GAAG,MAAMD,GAAG,CAACE,eAAe,EAAE;AAC1C;QACAP,kBAAkB,CAAC,MAAMM,MAAM,CAAC;AAClC,MAAA,CAAC,CAAC;AACJ,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,IAAI,CAACP,eAAe,EAAE,OAAO,IAAI;EACjC,OAAOS,cAAA,CAACT,eAAe,EAAA;IAAA,GAAKD;IAAS;AACvC;;;;"}

package/dist/components/design/Lottie/Wrapper.mjs

@@ -0,0 +1,42 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+function LottiePlayerWrapper(props) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    PlayerComponent = _useState2[0],
+    setPlayerComponent = _useState2[1];
+  useEffect(function () {
+    if (typeof window !== "undefined") {
+      import('./Dynamic.mjs').then(/*#__PURE__*/function () {
+        var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(mod) {
+          var Player;
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                _context.n = 1;
+                return mod.getLottiePlayer();
+              case 1:
+                Player = _context.v;
+                //@ts-ignore
+                setPlayerComponent(function () {
+                  return Player;
+                });
+              case 2:
+                return _context.a(2);
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }());
+    }
+  }, []);
+  if (!PlayerComponent) return null;
+  return jsx(PlayerComponent, _objectSpread2({}, props));
+}
+
+export { LottiePlayerWrapper as default };
+//# sourceMappingURL=Wrapper.mjs.map

package/dist/components/design/Lottie/Wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.mjs","sources":["../../../../src/components/design/Lottie/Wrapper.tsx"],"sourcesContent":[null],"names":["LottiePlayerWrapper","props","_useState","useState","_useState2","_slicedToArray","PlayerComponent","setPlayerComponent","useEffect","window","then","_ref","_asyncToGenerator","_regenerator","m","_callee","mod","Player","w","_context","n","getLottiePlayer","v","a","_x","apply","arguments","_jsx","_objectSpread"],"mappings":";;;;AAEc,SAAUA,mBAAmBA,CAACC,KAK3C,EAAA;AACC,EAAA,IAAAC,SAAA,GACEC,QAAQ,CAAkC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAD1CI,IAAAA,eAAe,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAG1CI,EAAAA,SAAS,CAAC,YAAK;AACb,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,MAAA,OAAO,eAAW,CAAC,CAACC,IAAI,cAAA,YAAA;QAAA,IAAAC,IAAA,GAAAC,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAAC,SAAAC,OAAAA,CAAOC,GAAG,EAAA;AAAA,UAAA,IAAAC,MAAA;AAAA,UAAA,OAAAJ,YAAA,EAAA,CAAAK,CAAA,CAAA,UAAAC,QAAA,EAAA;YAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,CAAA;AAAA,cAAA,KAAA,CAAA;AAAAD,gBAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;AAAA,gBAAA,OACZJ,GAAG,CAACK,eAAe,EAAE;AAAA,cAAA,KAAA,CAAA;gBAApCJ,MAAM,GAAAE,QAAA,CAAAG,CAAA;AACZ;AACAf,gBAAAA,kBAAkB,CAAC,YAAA;AAAA,kBAAA,OAAMU,MAAM;gBAAA,CAAA,CAAC;AAAC,cAAA,KAAA,CAAA;gBAAA,OAAAE,QAAA,CAAAI,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,UAAA,CAAA,EAAAR,OAAA,CAAA;QAAA,CAClC,CAAA,CAAA;AAAA,QAAA,OAAA,UAAAS,EAAA,EAAA;AAAA,UAAA,OAAAb,IAAA,CAAAc,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,QAAA,CAAA;MAAA,CAAA,EAAA,CAAC;AACJ,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,IAAI,CAACpB,eAAe,EAAE,OAAO,IAAI;EACjC,OAAOqB,GAAA,CAACrB,eAAe,EAAAsB,cAAA,CAAA,EAAA,EAAK3B,KAAK,EAAI;AACvC;;;;"}

package/dist/components/design/Spinners.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SpinnerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    strokeWidth?: number;
+}
+export declare function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Spinners.d.ts.map

package/dist/components/design/Spinners.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinners.d.ts","sourceRoot":"","sources":["../../../src/components/design/Spinners.tsx"],"names":[],"mappings":";AAEA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAwB1C"}

package/dist/components/design/Spinners.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+
+function Spinner(props) {
+  const {
+    className,
+    style,
+    strokeWidth = 3,
+    ...rest
+  } = props;
+  return jsxRuntime.jsxs("svg", {
+    width: 24,
+    height: 24,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: clsx("text-primary-light dark:text-primary-dark", className),
+    style: style,
+    ...rest,
+    children: [jsxRuntime.jsx("style", {
+      children: ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"
+    }), jsxRuntime.jsx("g", {
+      className: "spinner_V8m1",
+      children: jsxRuntime.jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 9.5,
+        strokeWidth: strokeWidth
+      })
+    })]
+  });
+}
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinners.js.map

package/dist/components/design/Spinners.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinners.js","sources":["../../../src/components/design/Spinners.tsx"],"sourcesContent":[null],"names":["Spinner","props","className","style","strokeWidth","rest","_jsxs","width","height","fill","stroke","viewBox","xmlns","clsx","children","_jsx","cx","cy","r"],"mappings":";;;;;AAQM,SAAUA,OAAOA,CAACC,KAAmB,EAAA;EACzC,MAAM;IAAEC,SAAS;IAAEC,KAAK;AAAEC,IAAAA,WAAW,GAAG,CAAC;IAAE,GAAGC;AAAI,GAAE,GAAGJ,KAAK;EAC5D,OACEK,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,4BAA4B;AAClCV,IAAAA,SAAS,EAAEW,IAAI,CAAC,2CAA2C,EAAEX,SAAS,CAAC;AACvEC,IAAAA,KAAK,EAAEA,KAAK;AAAA,IAAA,GACRE,IAAI;AAAAS,IAAAA,QAAA,EAAA,CAERC;gBAEI;AAAsZ,KAAA,CAElZ,EACRA,cAAA,CAAA,GAAA,EAAA;AAAGb,MAAAA,SAAS,EAAC,cAAc;AAAAY,MAAAA,QAAA,EACzBC;AAAQC,QAAAA,EAAE,EAAE,EAAE;AAAEC,QAAAA,EAAE,EAAE,EAAE;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEd,QAAAA,WAAW,EAAEA;OAAW;AAAI,KAAA,CAC1D;AAAA,GAAA,CACA;AAEV;;;;"}

package/dist/components/design/Spinners.mjs

@@ -0,0 +1,37 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+var _excluded = ["className", "style", "strokeWidth"];
+function Spinner(props) {
+  var className = props.className,
+    style = props.style,
+    _props$strokeWidth = props.strokeWidth,
+    strokeWidth = _props$strokeWidth === void 0 ? 3 : _props$strokeWidth,
+    rest = _objectWithoutProperties(props, _excluded);
+  return jsxs("svg", _objectSpread2(_objectSpread2({
+    width: 24,
+    height: 24,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: clsx("text-primary-light dark:text-primary-dark", className),
+    style: style
+  }, rest), {}, {
+    children: [jsx("style", {
+      children: ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"
+    }), jsx("g", {
+      className: "spinner_V8m1",
+      children: jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 9.5,
+        strokeWidth: strokeWidth
+      })
+    })]
+  }));
+}
+
+export { Spinner };
+//# sourceMappingURL=Spinners.mjs.map

package/dist/components/design/Spinners.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinners.mjs","sources":["../../../src/components/design/Spinners.tsx"],"sourcesContent":[null],"names":["Spinner","props","className","style","_props$strokeWidth","strokeWidth","rest","_objectWithoutProperties","_excluded","_jsxs","_objectSpread","width","height","fill","stroke","viewBox","xmlns","clsx","children","_jsx","cx","cy","r"],"mappings":";;;;;AAQM,SAAUA,OAAOA,CAACC,KAAmB,EAAA;AACzC,EAAA,IAAQC,SAAS,GAAsCD,KAAK,CAApDC,SAAS;IAAEC,KAAK,GAA+BF,KAAK,CAAzCE,KAAK;IAAAC,kBAAA,GAA+BH,KAAK,CAAlCI,WAAW;AAAXA,IAAAA,WAAW,GAAAD,kBAAA,KAAA,MAAA,GAAG,CAAC,GAAAA,kBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAC5D,EAAA,OACEC,IAAA,CAAA,KAAA,EAAAC,cAAA,CAAAA,cAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,KAAK,EAAC,4BAA4B;AAClCd,IAAAA,SAAS,EAAEe,IAAI,CAAC,2CAA2C,EAAEf,SAAS,CAAC;AACvEC,IAAAA,KAAK,EAAEA;AAAK,GAAA,EACRG,IAAI,CAAA,EAAA,EAAA,EAAA;AAAAY,IAAAA,QAAA,EAAA,CAERC;gBAEI;AAAsZ,KAAA,CAElZ,EACRA,GAAA,CAAA,GAAA,EAAA;AAAGjB,MAAAA,SAAS,EAAC,cAAc;AAAAgB,MAAAA,QAAA,EACzBC;AAAQC,QAAAA,EAAE,EAAE,EAAE;AAAEC,QAAAA,EAAE,EAAE,EAAE;AAAEC,QAAAA,CAAC,EAAE,GAAG;AAAEjB,QAAAA,WAAW,EAAEA;OAAW;AAAI,KAAA,CAC1D;AAAA,GAAA,CAAA,CACA;AAEV;;;;"}

package/dist/components/design/Success.d.ts

@@ -0,0 +1,8 @@
+interface SuccessPageProps {
+    text?: string | undefined;
+    duration?: number | undefined;
+    onComplete: () => void;
+}
+export declare function SuccessPage(props: SuccessPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Success.d.ts.map

package/dist/components/design/Success.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.d.ts","sourceRoot":"","sources":["../../../src/components/design/Success.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkElD"}

package/dist/components/design/Success.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var clsx = require('clsx');
+var react = require('react');
+var Hook = require('../../providers/modal/Hook.js');
+var Wrapper = require('./Lottie/Wrapper.js');
+
+function SuccessPage(props) {
+  const {
+    text = "Success",
+    duration = 2000,
+    onComplete
+  } = props;
+  const [pulsing, setPulsing] = react.useState(false);
+  const {
+    isMobile
+  } = Hook.useModal();
+  const [scale, setScale] = react.useState(0);
+  react.useEffect(() => {
+    setScale(1);
+    const pulseTimer = setTimeout(() => {
+      setPulsing(true);
+    }, 300);
+    const totalTimer = setTimeout(() => {
+      onComplete();
+    }, duration);
+    return () => {
+      clearTimeout(totalTimer);
+      clearTimeout(pulseTimer);
+    };
+  }, [duration, onComplete]);
+  return jsxRuntime.jsxs("div", {
+    className: clsx("flex flex-col items-center justify-center", isMobile ? "w-full py-4" : "w-72 p-4"),
+    children: [jsxRuntime.jsxs("div", {
+      className: "flex flex-col items-center justify-center",
+      style: {
+        height: "150px",
+        width: "150px"
+      },
+      children: [jsxRuntime.jsxs("div", {
+        style: {
+          height: "100px",
+          width: "100px",
+          transform: `scale(${scale})`
+        },
+        className: "flex absolute items-center justify-center rounded-full bg-success-light dark:bg-success-dark transition-all duration-300",
+        children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+          style: {
+            height: "50px",
+            width: "50px"
+          },
+          className: "text-modal-background-light dark:text-modal-background-dark",
+          icon: freeSolidSvgIcons.faCheck
+        }), pulsing && jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+          style: {
+            height: "50px",
+            width: "50px"
+          },
+          className: "text-modal-background-light dark:text-modal-background-dark absolute animate-ping",
+          icon: freeSolidSvgIcons.faCheck
+        })]
+      }), jsxRuntime.jsx(Wrapper.default, {
+        style: {
+          height: "300px",
+          width: "300px"
+        },
+        autoplay: true,
+        loop: false,
+        src: "https://lottie.host/a7306a93-4125-48e1-b0e9-17904e5a774e/2aVGSPuWWf.json"
+      })]
+    }), jsxRuntime.jsx("p", {
+      className: "text-lg font-medium mt-2 text-center",
+      children: text
+    })]
+  });
+}
+
+exports.SuccessPage = SuccessPage;
+//# sourceMappingURL=Success.js.map

package/dist/components/design/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.js","sources":["../../../src/components/design/Success.tsx"],"sourcesContent":[null],"names":["SuccessPage","props","text","duration","onComplete","pulsing","setPulsing","useState","isMobile","useModal","scale","setScale","useEffect","pulseTimer","setTimeout","totalTimer","clearTimeout","_jsxs","className","clsx","children","style","height","width","transform","_jsx","FontAwesomeIcon","icon","faCheck","LottiePlayerWrapper","autoplay","loop","src"],"mappings":";;;;;;;;;;AAaM,SAAUA,WAAWA,CAACC,KAAuB,EAAA;EACjD,MAAM;AAAEC,IAAAA,IAAI,GAAG,SAAS;AAAEC,IAAAA,QAAQ,GAAG,IAAI;AAAEC,IAAAA;AAAU,GAAE,GAAGH,KAAK;EAC/D,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM;AAAEC,IAAAA;GAAU,GAAGC,aAAQ,EAAE;EAC/B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGJ,cAAQ,CAAC,CAAC,CAAC;AAErCK,EAAAA,eAAS,CAAC,MAAK;IACbD,QAAQ,CAAC,CAAC,CAAC;AACX,IAAA,MAAME,UAAU,GAAGC,UAAU,CAAC,MAAK;MACjCR,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,GAAG,CAAC;AACP,IAAA,MAAMS,UAAU,GAAGD,UAAU,CAAC,MAAK;AACjCV,MAAAA,UAAU,EAAE;IACd,CAAC,EAAED,QAAQ,CAAC;AACZ,IAAA,OAAO,MAAK;MACVa,YAAY,CAACD,UAAU,CAAC;MACxBC,YAAY,CAACH,UAAU,CAAC;IAC1B,CAAC;AACH,EAAA,CAAC,EAAE,CAACV,QAAQ,EAAEC,UAAU,CAAC,CAAC;EAE1B,OACEa,eAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,IAAI,CACb,2CAA2C,EAC3CX,QAAQ,GAAG,aAAa,GAAG,UAAU,CACtC;AAAAY,IAAAA,QAAA,EAAA,CAEDH,eAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,2CAA2C;AACrDG,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,OAAO;AAAEC,QAAAA,KAAK,EAAE;OAAS;AAAAH,MAAAA,QAAA,EAAA,CAE1CH,eAAA,CAAA,KAAA,EAAA;AACEI,QAAAA,KAAK,EAAE;AACLC,UAAAA,MAAM,EAAE,OAAO;AACfC,UAAAA,KAAK,EAAE,OAAO;UACdC,SAAS,EAAE,SAASd,KAAK,CAAA,CAAA;SAC1B;AACDQ,QAAAA,SAAS,EAAC,0HAA0H;AAAAE,QAAAA,QAAA,EAAA,CAEpIK,eAACC,gCAAe,EAAA;AACdL,UAAAA,KAAK,EAAE;AAAEC,YAAAA,MAAM,EAAE,MAAM;AAAEC,YAAAA,KAAK,EAAE;WAAQ;AACxCL,UAAAA,SAAS,EAAC,6DAA6D;AACvES,UAAAA,IAAI,EAAEC;AAAO,SAAA,CACb,EACDvB,OAAO,IACNoB,eAACC,gCAAe,EAAA;AACdL,UAAAA,KAAK,EAAE;AAAEC,YAAAA,MAAM,EAAE,MAAM;AAAEC,YAAAA,KAAK,EAAE;WAAQ;AACxCL,UAAAA,SAAS,EAAC,mFAAmF;AAC7FS,UAAAA,IAAI,EAAEC;AAAO,SAAA,CAEhB;QACG,EAGNH,cAAA,CAACI,eAAmB,EAAA;AAClBR,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,OAAO;AAAEC,UAAAA,KAAK,EAAE;SAAS;AAC1CO,QAAAA,QAAQ;AACRC,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,GAAG,EACD;AAA0E,OAAA,CAE5E;MACE,EACNP,cAAA,CAAA,GAAA,EAAA;AAAGP,MAAAA,SAAS,EAAC,sCAAsC;gBAAEhB;AAAI,KAAA,CAAK;AAAA,GAAA,CAC1D;AAEV;;;;"}

package/dist/components/design/Success.mjs

@@ -0,0 +1,86 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import clsx from 'clsx';
+import { useState, useEffect } from 'react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import LottiePlayerWrapper from './Lottie/Wrapper.mjs';
+
+function SuccessPage(props) {
+  var _props$text = props.text,
+    text = _props$text === void 0 ? "Success" : _props$text,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 2000 : _props$duration,
+    onComplete = props.onComplete;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    pulsing = _useState2[0],
+    setPulsing = _useState2[1];
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile;
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scale = _useState4[0],
+    setScale = _useState4[1];
+  useEffect(function () {
+    setScale(1);
+    var pulseTimer = setTimeout(function () {
+      setPulsing(true);
+    }, 300);
+    var totalTimer = setTimeout(function () {
+      onComplete();
+    }, duration);
+    return function () {
+      clearTimeout(totalTimer);
+      clearTimeout(pulseTimer);
+    };
+  }, [duration, onComplete]);
+  return jsxs("div", {
+    className: clsx("flex flex-col items-center justify-center", isMobile ? "w-full py-4" : "w-72 p-4"),
+    children: [jsxs("div", {
+      className: "flex flex-col items-center justify-center",
+      style: {
+        height: "150px",
+        width: "150px"
+      },
+      children: [jsxs("div", {
+        style: {
+          height: "100px",
+          width: "100px",
+          transform: "scale(".concat(scale, ")")
+        },
+        className: "flex absolute items-center justify-center rounded-full bg-success-light dark:bg-success-dark transition-all duration-300",
+        children: [jsx(FontAwesomeIcon, {
+          style: {
+            height: "50px",
+            width: "50px"
+          },
+          className: "text-modal-background-light dark:text-modal-background-dark",
+          icon: faCheck
+        }), pulsing && jsx(FontAwesomeIcon, {
+          style: {
+            height: "50px",
+            width: "50px"
+          },
+          className: "text-modal-background-light dark:text-modal-background-dark absolute animate-ping",
+          icon: faCheck
+        })]
+      }), jsx(LottiePlayerWrapper, {
+        style: {
+          height: "300px",
+          width: "300px"
+        },
+        autoplay: true,
+        loop: false,
+        src: "https://lottie.host/a7306a93-4125-48e1-b0e9-17904e5a774e/2aVGSPuWWf.json"
+      })]
+    }), jsx("p", {
+      className: "text-lg font-medium mt-2 text-center",
+      children: text
+    })]
+  });
+}
+
+export { SuccessPage };
+//# sourceMappingURL=Success.mjs.map

package/dist/components/design/Success.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.mjs","sources":["../../../src/components/design/Success.tsx"],"sourcesContent":[null],"names":["SuccessPage","props","_props$text","text","_props$duration","duration","onComplete","_useState","useState","_useState2","_slicedToArray","pulsing","setPulsing","_useModal","useModal","isMobile","_useState3","_useState4","scale","setScale","useEffect","pulseTimer","setTimeout","totalTimer","clearTimeout","_jsxs","className","clsx","children","style","height","width","transform","concat","_jsx","FontAwesomeIcon","icon","faCheck","LottiePlayerWrapper","autoplay","loop","src"],"mappings":"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"}

package/dist/components/design/Svg.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface SVGProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CoinbaseLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoonPayLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
+export declare function EthereumLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolanaLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
+/** Official-style multicolor Google "G" mark for OAuth buttons */
+export declare function GoogleLogoColored(props: SVGProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Svg.d.ts.map

package/dist/components/design/Svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../src/components/design/Svg.tsx"],"names":[],"mappings":";AAAA,UAAU,QAAQ;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CAiB3C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,2CAyB1C;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CA2B3C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,2CA8FzC;AAED,kEAAkE;AAClE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,2CA2BhD"}