@redzone/taunt-logins-ui-react 0.0.28 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/index.cjs +3 -7
  2. package/dist/es/index.js +2 -2
  3. package/package.json +1 -1
package/dist/cjs/index.cjs CHANGED
@@ -9,13 +9,8 @@ function __insertCSS(code) {
9
9
 
10
10
  var jsxRuntime = require('react/jsx-runtime');
11
11
  var react = require('react');
12
- var btnImage = require('https://files.playtaunt.io/taunt-logins-ui/btn.png');
13
12
  var tauntLogins = require('@redzone/taunt-logins');
14
13
 
15
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
-
17
- var btnImage__default = /*#__PURE__*/_interopDefault(btnImage);
18
-
19
14
  __insertCSS(".rzd-loginui-complete{position:relative;overflow:hidden;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:50px 40px 36px;max-width:620px;min-height:500px;min-width:520px;background-color:#000;font-family:\"DM Sans\",sans-serif}.rzd-loginui-complete .rzd-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;opacity:.85}.rzd-loginui-complete .rzd-vector{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:1;opacity:.35}.rzd-loginui-complete .rzd-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.rzd-loginview{box-sizing:border-box;color:#fff;font-family:\"DM Sans\",sans-serif}.rzd-gradient-title{font-family:\"DM Sans\",sans-serif;font-size:54px;font-weight:600;font-style:normal;line-height:1.1;background:linear-gradient(90deg,#4572ff 0,#cedaff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;max-width:500px}.rzd-subtitle{font-family:\"DM Sans\",sans-serif;font-size:16px;font-weight:400;color:#ffffffcc;margin:-14px 0 12px;letter-spacing:.2px}.rdz-input{font-family:\"DM Sans\",sans-serif;line-height:1.5;font-weight:400;color:#fff;border-radius:12px;border:none;padding:0 20px;font-size:16px;background-color:transparent;cursor:text;outline:0;position:relative}input.rdz-input{box-sizing:border-box;width:100%;max-width:480px;height:58px}.rdz-input-wrapper{position:relative;width:100%;max-width:480px;background:0 0}.rdz-input-wrapper::before{content:\"\";position:absolute;inset:0;border-radius:12px;padding:1.5px;background:linear-gradient(90deg,#fff,#4572ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.rdz-input-wrapper .rdz-input{width:100%;max-width:100%;height:54px;border-radius:10px;background-color:transparent}.rdz-input-wrapper:hover::before{background:linear-gradient(90deg,#fff,#6b9aff)}.rdz-input-wrapper:hover{box-shadow:0 0 12px rgba(69,114,255,.3),0 0 24px rgba(69,114,255,.15)}.rdz-input-wrapper:focus-within::before{background:linear-gradient(90deg,#fff,#6b9aff)}.rdz-input-wrapper:focus-within{box-shadow:0 0 16px rgba(69,114,255,.45),0 0 36px rgba(69,114,255,.2)}input.rdz-input::placeholder{color:rgba(255,255,255,.5);font-family:\"DM Sans\",sans-serif;font-size:16px}.rdz-magic-email-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.rdz-magic-email-error{color:#ff4d4d;font-family:\"DM Sans\",sans-serif;font-size:14px}.rdz-magic-email-button{font-family:\"DM Sans\",sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;border:none;cursor:pointer;width:100%;max-width:520px;height:130px;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .2s ease,filter .2s ease}.rdz-magic-email-button:hover{transform:scale(1.03);filter:brightness(1.1)}.rdz-magic-email-button:active{transform:scale(.98)}.rdz-sign-up-text{font-family:\"DM Sans\",sans-serif;font-size:14px;font-weight:400;color:rgba(255,255,255,.6);margin:4px 0}.rdz-icon-button{width:50px;height:50px;border-radius:50%;border:none;background-color:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease}.rdz-icon-button img{width:100%;height:100%;object-fit:contain}.rdz-icon-button:hover{transform:scale(1.12);filter:brightness(1.15)}.rdz-icon-button:active{transform:scale(.95)}.rdz-icon-button-disabled,.rdz-icon-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.rdz-icon-button-disabled:hover,.rdz-icon-button:disabled:hover{transform:none;filter:grayscale(100%)}.rdz-logout-button{margin-left:8px;padding:12px 28px;background:linear-gradient(90deg,#1a6dff,#00c8ff);color:#fff;border-radius:50px;border:none;cursor:pointer;font-family:\"DM Sans\",sans-serif;font-size:16px;font-weight:600;transition:transform .2s ease,filter .2s ease}.rdz-logout-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-logout-button:active{transform:scale(.98)}");
20
15
 
21
16
  const coinbaseLogo = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030923/coinbase_kyknjr.png";
@@ -94,6 +89,7 @@ function useTaunt() {
94
89
  return ctx;
95
90
  }
96
91
 
92
+ const btnImage = "https://files.playtaunt.io/taunt-logins-ui/btn.png";
97
93
  const MagicEmailInput = ({ onEmail })=>{
98
94
  const { otpMagicLogin } = useTaunt();
99
95
  const [email, setEmail] = react.useState();
@@ -113,7 +109,7 @@ const MagicEmailInput = ({ onEmail })=>{
113
109
  if (onEmail) {
114
110
  onEmail(email);
115
111
  } else {
116
- otpMagicLogin(email);
112
+ void otpMagicLogin(email);
117
113
  }
118
114
  };
119
115
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -140,7 +136,7 @@ const MagicEmailInput = ({ onEmail })=>{
140
136
  type: "button",
141
137
  className: "rdz-magic-email-button",
142
138
  style: {
143
- backgroundImage: `url(${btnImage__default.default})`
139
+ backgroundImage: `url(${btnImage})`
144
140
  },
145
141
  children: "LOG IN / SIGN UP"
146
142
  })
package/dist/es/index.js CHANGED
@@ -9,7 +9,6 @@ function __insertCSS(code) {
9
9
 
10
10
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
11
11
  import { useCallback, createContext, useContext, useState, useMemo, useEffect } from 'react';
12
- import btnImage from 'https://files.playtaunt.io/taunt-logins-ui/btn.png';
13
12
  import { TauntApi, tauntMetamaskLogin, tauntMagicEmailOTPLogin, tauntMagicTelegramLogin } from '@redzone/taunt-logins';
14
13
 
15
14
  __insertCSS(".rzd-loginui-complete{position:relative;overflow:hidden;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:50px 40px 36px;max-width:620px;min-height:500px;min-width:520px;background-color:#000;font-family:\"DM Sans\",sans-serif}.rzd-loginui-complete .rzd-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;opacity:.85}.rzd-loginui-complete .rzd-vector{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:1;opacity:.35}.rzd-loginui-complete .rzd-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.rzd-loginview{box-sizing:border-box;color:#fff;font-family:\"DM Sans\",sans-serif}.rzd-gradient-title{font-family:\"DM Sans\",sans-serif;font-size:54px;font-weight:600;font-style:normal;line-height:1.1;background:linear-gradient(90deg,#4572ff 0,#cedaff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;max-width:500px}.rzd-subtitle{font-family:\"DM Sans\",sans-serif;font-size:16px;font-weight:400;color:#ffffffcc;margin:-14px 0 12px;letter-spacing:.2px}.rdz-input{font-family:\"DM Sans\",sans-serif;line-height:1.5;font-weight:400;color:#fff;border-radius:12px;border:none;padding:0 20px;font-size:16px;background-color:transparent;cursor:text;outline:0;position:relative}input.rdz-input{box-sizing:border-box;width:100%;max-width:480px;height:58px}.rdz-input-wrapper{position:relative;width:100%;max-width:480px;background:0 0}.rdz-input-wrapper::before{content:\"\";position:absolute;inset:0;border-radius:12px;padding:1.5px;background:linear-gradient(90deg,#fff,#4572ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.rdz-input-wrapper .rdz-input{width:100%;max-width:100%;height:54px;border-radius:10px;background-color:transparent}.rdz-input-wrapper:hover::before{background:linear-gradient(90deg,#fff,#6b9aff)}.rdz-input-wrapper:hover{box-shadow:0 0 12px rgba(69,114,255,.3),0 0 24px rgba(69,114,255,.15)}.rdz-input-wrapper:focus-within::before{background:linear-gradient(90deg,#fff,#6b9aff)}.rdz-input-wrapper:focus-within{box-shadow:0 0 16px rgba(69,114,255,.45),0 0 36px rgba(69,114,255,.2)}input.rdz-input::placeholder{color:rgba(255,255,255,.5);font-family:\"DM Sans\",sans-serif;font-size:16px}.rdz-magic-email-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.rdz-magic-email-error{color:#ff4d4d;font-family:\"DM Sans\",sans-serif;font-size:14px}.rdz-magic-email-button{font-family:\"DM Sans\",sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;border:none;cursor:pointer;width:100%;max-width:520px;height:130px;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .2s ease,filter .2s ease}.rdz-magic-email-button:hover{transform:scale(1.03);filter:brightness(1.1)}.rdz-magic-email-button:active{transform:scale(.98)}.rdz-sign-up-text{font-family:\"DM Sans\",sans-serif;font-size:14px;font-weight:400;color:rgba(255,255,255,.6);margin:4px 0}.rdz-icon-button{width:50px;height:50px;border-radius:50%;border:none;background-color:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease}.rdz-icon-button img{width:100%;height:100%;object-fit:contain}.rdz-icon-button:hover{transform:scale(1.12);filter:brightness(1.15)}.rdz-icon-button:active{transform:scale(.95)}.rdz-icon-button-disabled,.rdz-icon-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.rdz-icon-button-disabled:hover,.rdz-icon-button:disabled:hover{transform:none;filter:grayscale(100%)}.rdz-logout-button{margin-left:8px;padding:12px 28px;background:linear-gradient(90deg,#1a6dff,#00c8ff);color:#fff;border-radius:50px;border:none;cursor:pointer;font-family:\"DM Sans\",sans-serif;font-size:16px;font-weight:600;transition:transform .2s ease,filter .2s ease}.rdz-logout-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-logout-button:active{transform:scale(.98)}");
@@ -90,6 +89,7 @@ function useTaunt() {
90
89
  return ctx;
91
90
  }
92
91
 
92
+ const btnImage = "https://files.playtaunt.io/taunt-logins-ui/btn.png";
93
93
  const MagicEmailInput = ({ onEmail })=>{
94
94
  const { otpMagicLogin } = useTaunt();
95
95
  const [email, setEmail] = useState();
@@ -109,7 +109,7 @@ const MagicEmailInput = ({ onEmail })=>{
109
109
  if (onEmail) {
110
110
  onEmail(email);
111
111
  } else {
112
- otpMagicLogin(email);
112
+ void otpMagicLogin(email);
113
113
  }
114
114
  };
115
115
  return /*#__PURE__*/ jsxs("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redzone/taunt-logins-ui-react",
3
- "version": "0.0.28",
3
+ "version": "0.0.29",
4
4
  "type": "module",
5
5
  "main": "./dist/es/index.js",
6
6
  "module": "./dist/es/index.js",