@redzone/taunt-logins-ui-react 0.0.9 → 0.0.10
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".rzd-loginview{color:#fff;@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.rzd-loginview h1{font-family:DRUNKWIDE,sans-serif;font-size:3.5rem;color:#fff;text-transform:uppercase}.rzd-loginview .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.rzd-loginview .logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.rzd-loginview .logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion: no-preference){.rzd-loginview a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.rzd-loginview .card{padding:2em}.rzd-loginview .read-the-docs{color:#888}.
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".rzd-loginui-complete{background:radial-gradient(50% 50% at 50% 50%,#132c50,#0b101b);border-radius:37px;display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:10px;min-height:455px;min-width:500px;text-align:center}.rzd-loginview{color:#fff;@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.rzd-loginview h1{font-family:DRUNKWIDE,sans-serif;font-size:3.5rem;color:#fff;text-transform:uppercase}.rzd-loginview .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.rzd-loginview .logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.rzd-loginview .logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion: no-preference){.rzd-loginview a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.rzd-loginview .card{padding:2em}.rzd-loginview .read-the-docs{color:#888}.rdz-input{font-family:Futura PT,sans-serif!important;line-height:1.5;font-weight:400!important;color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.2em;font-weight:400;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}.rdz-input:hover{border-color:#646cff}.rdz-input:focus,.rdz-input:focus-visible{outline:4px auto -webkit-focus-ring-color}input.rdz-input{box-sizing:border-box;position:relative;width:100%;max-width:480px;height:58px;border:2px solid #009df3;box-shadow:0 0 16.9px 1px #0e79f3;border-radius:11px}input.rdz-input::placeholder{color:#fff;opacity:1;font-family:Futura PT,sans-serif;font-size:1em}.rdz-magic-email-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rdz-magic-email-error{color:red}.rdz-sign-up-divider{font-family:Futura PT,sans-serif;margin-top:-15px;margin-bottom:10px;font-size:1.2em;font-weight:400}.rdz-icon-button{width:55px;height:55px;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.1);filter:brightness(1.1)}.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-magic-email-button{background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-family:DRUNKWIDE,sans-serif;border:none;color:#fff;padding:16px 32px;cursor:pointer;min-height:135px;width:100%;max-width:410px;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background-color:transparent;transition:transform .2s ease,filter .2s ease}.rdz-magic-email-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-magic-email-button:active{transform:scale(.98)}.rdz-logout-button{margin-left:8px;padding:12px 24px;background-color:#3b82f6;color:#fff;border-radius:6px;border:none;cursor:pointer;font-family:Futura PT,sans-serif;font-size:16px;font-weight:500;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)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
2
|
import { jsx as D, jsxs as ge, Fragment as dt } from "react/jsx-runtime";
|
|
3
3
|
import { useCallback as me, createContext as Wn, useContext as qn, useState as Ye, useMemo as Bn, useEffect as Vn } from "react";
|
|
4
4
|
const zn = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030923/coinbase_kyknjr.png", Hn = ({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".rzd-loginview{color:#fff;@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.rzd-loginview h1{font-family:DRUNKWIDE,sans-serif;font-size:3.5rem;color:#fff;text-transform:uppercase}.rzd-loginview .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.rzd-loginview .logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.rzd-loginview .logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion: no-preference){.rzd-loginview a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.rzd-loginview .card{padding:2em}.rzd-loginview .read-the-docs{color:#888}.
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".rzd-loginui-complete{background:radial-gradient(50% 50% at 50% 50%,#132c50,#0b101b);border-radius:37px;display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:10px;min-height:455px;min-width:500px;text-align:center}.rzd-loginview{color:#fff;@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.rzd-loginview h1{font-family:DRUNKWIDE,sans-serif;font-size:3.5rem;color:#fff;text-transform:uppercase}.rzd-loginview .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.rzd-loginview .logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.rzd-loginview .logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion: no-preference){.rzd-loginview a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.rzd-loginview .card{padding:2em}.rzd-loginview .read-the-docs{color:#888}.rdz-input{font-family:Futura PT,sans-serif!important;line-height:1.5;font-weight:400!important;color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.2em;font-weight:400;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}.rdz-input:hover{border-color:#646cff}.rdz-input:focus,.rdz-input:focus-visible{outline:4px auto -webkit-focus-ring-color}input.rdz-input{box-sizing:border-box;position:relative;width:100%;max-width:480px;height:58px;border:2px solid #009df3;box-shadow:0 0 16.9px 1px #0e79f3;border-radius:11px}input.rdz-input::placeholder{color:#fff;opacity:1;font-family:Futura PT,sans-serif;font-size:1em}.rdz-magic-email-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rdz-magic-email-error{color:red}.rdz-sign-up-divider{font-family:Futura PT,sans-serif;margin-top:-15px;margin-bottom:10px;font-size:1.2em;font-weight:400}.rdz-icon-button{width:55px;height:55px;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.1);filter:brightness(1.1)}.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-magic-email-button{background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-family:DRUNKWIDE,sans-serif;border:none;color:#fff;padding:16px 32px;cursor:pointer;min-height:135px;width:100%;max-width:410px;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background-color:transparent;transition:transform .2s ease,filter .2s ease}.rdz-magic-email-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-magic-email-button:active{transform:scale(.98)}.rdz-logout-button{margin-left:8px;padding:12px 24px;background-color:#3b82f6;color:#fff;border-radius:6px;border:none;cursor:pointer;font-family:Futura PT,sans-serif;font-size:16px;font-weight:500;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)}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
2
|
(function(Z,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],T):(Z=typeof globalThis<"u"?globalThis:Z||self,T(Z["@redzone/taunt-logins-ui-react"]={},Z["react/jsx-runtime"],Z.React))})(this,(function(Z,T,ee){"use strict";const rn="https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030923/coinbase_kyknjr.png",Gt=({openCoinbase:e,disabled:t=!1})=>{const r=ee.useCallback(()=>{t||(e?e():console.log("Coinbase login not yet implemented"))},[e,t]);return T.jsx("button",{className:`rdz-icon-button ${t?"rdz-icon-button-disabled":""}`,onClick:r,disabled:t,children:T.jsx("img",{src:rn,alt:"Coinbase"})})};function Wt(){return T.jsxs("div",{className:"rzd-loginview",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:20},children:[T.jsx("h1",{children:"Processing..."}),T.jsx("div",{style:{width:"60px",height:"60px",border:"4px solid #009df3",borderTop:"4px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),T.jsx("style",{children:`
|
|
3
3
|
@keyframes spin {
|
|
4
4
|
0% { transform: rotate(0deg); }
|