848 lines
38 KiB
JavaScript
848 lines
38 KiB
JavaScript
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_18jex_3{width:100%;height:100vh;background:var(--gc-bg, #0a0a0f);color:var(--gc-text, #e8e8ec);font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}._grid_18jex_18{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.5;animation:_gridPulse_18jex_1 4s ease-in-out infinite}@keyframes _gridPulse_18jex_1{0%,to{opacity:.3}50%{opacity:.6}}._textBlock_18jex_34{max-width:600px;text-align:center;z-index:10;padding:2rem}._mainText_18jex_41{font-size:1.25rem;line-height:1.8;color:var(--gc-text, #e8e8ec);margin-bottom:2rem;opacity:0;animation:_fadeInUp_18jex_1 1.5s ease forwards}._mainText_18jex_41._delayed_18jex_50{animation-delay:2s}._questionText_18jex_54{font-size:1.1rem;color:var(--gc-textMuted, #9999a8);font-style:italic;opacity:0;animation:_fadeInUp_18jex_1 1.5s ease forwards;animation-delay:3.5s}._sphere_18jex_63{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.3),rgba(34,211,238,.1) 50%,transparent 70%);border:1px solid rgba(99,102,241,.3);margin:2rem auto;position:relative;animation:_sphereFloat_18jex_1 3s ease-in-out infinite}@keyframes _sphereFloat_18jex_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}._sphere_18jex_63._glitching_18jex_82{animation:_sphereGlitch_18jex_1 .15s steps(2) forwards}@keyframes _sphereGlitch_18jex_1{0%{border-radius:50%;filter:none}25%{border-radius:10%;filter:hue-rotate(90deg);transform:scale(1.1) skew(5deg)}50%{border-radius:5%;filter:hue-rotate(180deg) saturate(2);transform:scale(.9) skew(-5deg)}75%{border-radius:20%;filter:hue-rotate(270deg);transform:scale(1.05)}to{border-radius:50%;filter:none;transform:scale(1)}}._voxelOverlay_18jex_113{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);opacity:0}._voxelOverlay_18jex_113._visible_18jex_122{opacity:1;animation:_voxelFlash_18jex_1 .15s steps(1) forwards}._voxel_18jex_113{background:var(--gc-primary, #6366f1);opacity:.8}@keyframes _voxelFlash_18jex_1{0%{opacity:1}to{opacity:0}}._rebelText_18jex_137{font-size:.95rem;color:var(--gc-accent, #22d3ee);margin-top:2rem;opacity:0;animation:_fadeInUp_18jex_1 1.5s ease forwards;animation-delay:5s}._enterButton_18jex_146{margin-top:3rem;padding:1rem 2.5rem;background:transparent;border:1px solid var(--gc-primary, #6366f1);color:var(--gc-primary, #6366f1);font-family:Courier New,monospace;font-size:1rem;cursor:pointer;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards;animation-delay:6.5s;transition:all .3s ease}._enterButton_18jex_146:hover{background:var(--gc-primary, #6366f1);color:var(--gc-bg, #0a0a0f);box-shadow:0 0 20px #6366f166}._migrationContent_18jex_168{max-width:650px;text-align:center;z-index:10;padding:2rem}._tagline_18jex_175{font-size:1.4rem;color:var(--gc-accent, #22d3ee);margin-bottom:3rem;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards}._notList_18jex_183{list-style:none;padding:0;margin:0 0 2rem;text-align:left}._notItem_18jex_190{font-size:1rem;color:var(--gc-textMuted, #9999a8);padding:.5rem 0 .5rem 2rem;position:relative;opacity:0;animation:_fadeInUp_18jex_1 .8s ease forwards}._notItem_18jex_190:before{content:"×";position:absolute;left:0;color:#ef4444b3;font-weight:700}._notItem_18jex_190:nth-child(1){animation-delay:.5s}._notItem_18jex_190:nth-child(2){animation-delay:.8s}._notItem_18jex_190:nth-child(3){animation-delay:1.1s}._isText_18jex_212{font-size:1.1rem;color:var(--gc-text, #e8e8ec);margin:2rem 0;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards;animation-delay:1.8s}._ruleBox_18jex_221{border:1px solid var(--gc-border, #2a2a3a);padding:1.5rem;margin:2rem 0;text-align:left;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards;animation-delay:2.5s}._ruleTitle_18jex_231{font-size:.85rem;color:var(--gc-primary, #6366f1);margin-bottom:.5rem;letter-spacing:.1em}._ruleContent_18jex_238{font-size:1rem;color:var(--gc-text, #e8e8ec);line-height:1.6}._continueButton_18jex_244{margin-top:2rem;padding:.8rem 2rem;background:transparent;border:1px solid var(--gc-border, #2a2a3a);color:var(--gc-textMuted, #9999a8);font-family:Courier New,monospace;font-size:.9rem;cursor:pointer;opacity:0;animation:_fadeInUp_18jex_1 .8s ease forwards;animation-delay:3.2s;transition:all .3s ease}._continueButton_18jex_244:hover{border-color:var(--gc-primary, #6366f1);color:var(--gc-text, #e8e8ec)}._agreementContent_18jex_265{max-width:550px;text-align:center;z-index:10;padding:2rem}._agreementTitle_18jex_272{font-size:1.2rem;color:var(--gc-textMuted, #9999a8);margin-bottom:2rem;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards}._pledgeText_18jex_280{font-size:1.5rem;color:var(--gc-text, #e8e8ec);font-style:italic;margin:2rem 0;padding:1.5rem;border-left:2px solid var(--gc-primary, #6366f1);text-align:left;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards;animation-delay:.5s}._signatureArea_18jex_293{margin:3rem 0;position:relative;height:120px;display:flex;align-items:center;justify-content:center}._paper_18jex_302{width:200px;height:100px;background:#ffffff08;border:1px solid var(--gc-border, #2a2a3a);position:relative;display:flex;align-items:center;justify-content:center}._signatureMark_18jex_313{font-size:4rem;color:var(--gc-primary, #6366f1);opacity:0;transform:scale(0)}._signatureMark_18jex_313._visible_18jex_122{animation:_drawX_18jex_1 .8s ease forwards}@keyframes _drawX_18jex_1{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}._pencil_18jex_339{position:absolute;font-size:2rem;opacity:0;transform:translate(80px,-60px) rotate(-45deg)}._pencil_18jex_339._animating_18jex_346{animation:_pencilDraw_18jex_1 .8s ease forwards}@keyframes _pencilDraw_18jex_1{0%{opacity:1;transform:translate(80px,-60px) rotate(-45deg)}50%{opacity:1;transform:translate(0) rotate(-45deg)}to{opacity:0;transform:translate(-80px,60px) rotate(-45deg)}}._signButton_18jex_365{padding:1rem 2.5rem;background:var(--gc-primary, #6366f1);border:none;color:var(--gc-bg, #0a0a0f);font-family:Courier New,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards;animation-delay:1s}._signButton_18jex_365:hover{box-shadow:0 0 25px #6366f180;transform:translateY(-2px)}._signButton_18jex_365:disabled{opacity:.5;cursor:not-allowed}._navigationContent_18jex_390{max-width:600px;text-align:center;z-index:10;padding:2rem}._welcomeText_18jex_397{font-size:1rem;color:var(--gc-textMuted, #9999a8);margin-bottom:3rem;opacity:0;animation:_fadeInUp_18jex_1 1s ease forwards}._choiceButtons_18jex_405{display:flex;flex-direction:column;gap:1.5rem}._choiceButton_18jex_405{padding:1.5rem 2rem;background:#6366f10d;border:1px solid var(--gc-border, #2a2a3a);color:var(--gc-text, #e8e8ec);font-family:Courier New,monospace;font-size:1rem;cursor:pointer;text-align:left;transition:all .3s ease;opacity:0;animation:_fadeInUp_18jex_1 .8s ease forwards}._choiceButton_18jex_405:nth-child(1){animation-delay:.5s}._choiceButton_18jex_405:nth-child(2){animation-delay:.8s}._choiceButton_18jex_405:hover{border-color:var(--gc-primary, #6366f1);background:#6366f11a;transform:translate(5px)}._choiceTitle_18jex_434{font-size:1.1rem;color:var(--gc-primary, #6366f1);margin-bottom:.5rem}._choiceDesc_18jex_440{font-size:.85rem;color:var(--gc-textMuted, #9999a8)}._arrow_18jex_445{float:right;color:var(--gc-primary, #6366f1)}@keyframes _fadeInUp_18jex_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._screenFadeIn_18jex_463{animation:_screenEnter_18jex_1 .6s ease forwards}@keyframes _screenEnter_18jex_1{0%{opacity:0}to{opacity:1}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
||
import Be, { useState as q, useEffect as Ae, useCallback as Ie } from "react";
|
||
var ie = { exports: {} }, Y = {};
|
||
/**
|
||
* @license React
|
||
* react-jsx-runtime.production.min.js
|
||
*
|
||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||
*
|
||
* This source code is licensed under the MIT license found in the
|
||
* LICENSE file in the root directory of this source tree.
|
||
*/
|
||
var De;
|
||
function _r() {
|
||
if (De) return Y;
|
||
De = 1;
|
||
var A = Be, y = Symbol.for("react.element"), m = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, b = A.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, C = { key: !0, ref: !0, __self: !0, __source: !0 };
|
||
function O(T, d, S) {
|
||
var v, j = {}, p = null, I = null;
|
||
S !== void 0 && (p = "" + S), d.key !== void 0 && (p = "" + d.key), d.ref !== void 0 && (I = d.ref);
|
||
for (v in d) R.call(d, v) && !C.hasOwnProperty(v) && (j[v] = d[v]);
|
||
if (T && T.defaultProps) for (v in d = T.defaultProps, d) j[v] === void 0 && (j[v] = d[v]);
|
||
return { $$typeof: y, type: T, key: p, ref: I, props: j, _owner: b.current };
|
||
}
|
||
return Y.Fragment = m, Y.jsx = O, Y.jsxs = O, Y;
|
||
}
|
||
var L = {};
|
||
/**
|
||
* @license React
|
||
* react-jsx-runtime.development.js
|
||
*
|
||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||
*
|
||
* This source code is licensed under the MIT license found in the
|
||
* LICENSE file in the root directory of this source tree.
|
||
*/
|
||
var Fe;
|
||
function gr() {
|
||
return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && function() {
|
||
var A = Be, y = Symbol.for("react.element"), m = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), T = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), B = Symbol.iterator, oe = "@@iterator";
|
||
function se(e) {
|
||
if (e === null || typeof e != "object")
|
||
return null;
|
||
var r = B && e[B] || e[oe];
|
||
return typeof r == "function" ? r : null;
|
||
}
|
||
var k = A.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
||
function _(e) {
|
||
{
|
||
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
|
||
t[i - 1] = arguments[i];
|
||
K("error", e, t);
|
||
}
|
||
}
|
||
function K(e, r, t) {
|
||
{
|
||
var i = k.ReactDebugCurrentFrame, c = i.getStackAddendum();
|
||
c !== "" && (r += "%s", t = t.concat([c]));
|
||
var l = t.map(function(s) {
|
||
return String(s);
|
||
});
|
||
l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
|
||
}
|
||
}
|
||
var E = !1, $ = !1, z = !1, X = !1, $e = !1, ce;
|
||
ce = Symbol.for("react.module.reference");
|
||
function Me(e) {
|
||
return !!(typeof e == "string" || typeof e == "function" || e === R || e === C || $e || e === b || e === S || e === v || X || e === I || E || $ || z || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === j || e.$$typeof === O || e.$$typeof === T || e.$$typeof === d || // This needs to include all possible module reference object
|
||
// types supported by any Flight configuration anywhere since
|
||
// we don't know which Flight build this will end up being used
|
||
// with.
|
||
e.$$typeof === ce || e.getModuleId !== void 0));
|
||
}
|
||
function We(e, r, t) {
|
||
var i = e.displayName;
|
||
if (i)
|
||
return i;
|
||
var c = r.displayName || r.name || "";
|
||
return c !== "" ? t + "(" + c + ")" : t;
|
||
}
|
||
function le(e) {
|
||
return e.displayName || "Context";
|
||
}
|
||
function w(e) {
|
||
if (e == null)
|
||
return null;
|
||
if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
||
return e.displayName || e.name || null;
|
||
if (typeof e == "string")
|
||
return e;
|
||
switch (e) {
|
||
case R:
|
||
return "Fragment";
|
||
case m:
|
||
return "Portal";
|
||
case C:
|
||
return "Profiler";
|
||
case b:
|
||
return "StrictMode";
|
||
case S:
|
||
return "Suspense";
|
||
case v:
|
||
return "SuspenseList";
|
||
}
|
||
if (typeof e == "object")
|
||
switch (e.$$typeof) {
|
||
case T:
|
||
var r = e;
|
||
return le(r) + ".Consumer";
|
||
case O:
|
||
var t = e;
|
||
return le(t._context) + ".Provider";
|
||
case d:
|
||
return We(e, e.render, "ForwardRef");
|
||
case j:
|
||
var i = e.displayName || null;
|
||
return i !== null ? i : w(e.type) || "Memo";
|
||
case p: {
|
||
var c = e, l = c._payload, s = c._init;
|
||
try {
|
||
return w(s(l));
|
||
} catch {
|
||
return null;
|
||
}
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
var N = Object.assign, M = 0, ue, fe, de, ve, _e, ge, he;
|
||
function me() {
|
||
}
|
||
me.__reactDisabledLog = !0;
|
||
function Ye() {
|
||
{
|
||
if (M === 0) {
|
||
ue = console.log, fe = console.info, de = console.warn, ve = console.error, _e = console.group, ge = console.groupCollapsed, he = console.groupEnd;
|
||
var e = {
|
||
configurable: !0,
|
||
enumerable: !0,
|
||
value: me,
|
||
writable: !0
|
||
};
|
||
Object.defineProperties(console, {
|
||
info: e,
|
||
log: e,
|
||
warn: e,
|
||
error: e,
|
||
group: e,
|
||
groupCollapsed: e,
|
||
groupEnd: e
|
||
});
|
||
}
|
||
M++;
|
||
}
|
||
}
|
||
function Le() {
|
||
{
|
||
if (M--, M === 0) {
|
||
var e = {
|
||
configurable: !0,
|
||
enumerable: !0,
|
||
writable: !0
|
||
};
|
||
Object.defineProperties(console, {
|
||
log: N({}, e, {
|
||
value: ue
|
||
}),
|
||
info: N({}, e, {
|
||
value: fe
|
||
}),
|
||
warn: N({}, e, {
|
||
value: de
|
||
}),
|
||
error: N({}, e, {
|
||
value: ve
|
||
}),
|
||
group: N({}, e, {
|
||
value: _e
|
||
}),
|
||
groupCollapsed: N({}, e, {
|
||
value: ge
|
||
}),
|
||
groupEnd: N({}, e, {
|
||
value: he
|
||
})
|
||
});
|
||
}
|
||
M < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
||
}
|
||
}
|
||
var H = k.ReactCurrentDispatcher, Z;
|
||
function U(e, r, t) {
|
||
{
|
||
if (Z === void 0)
|
||
try {
|
||
throw Error();
|
||
} catch (c) {
|
||
var i = c.stack.trim().match(/\n( *(at )?)/);
|
||
Z = i && i[1] || "";
|
||
}
|
||
return `
|
||
` + Z + e;
|
||
}
|
||
}
|
||
var Q = !1, V;
|
||
{
|
||
var Ue = typeof WeakMap == "function" ? WeakMap : Map;
|
||
V = new Ue();
|
||
}
|
||
function pe(e, r) {
|
||
if (!e || Q)
|
||
return "";
|
||
{
|
||
var t = V.get(e);
|
||
if (t !== void 0)
|
||
return t;
|
||
}
|
||
var i;
|
||
Q = !0;
|
||
var c = Error.prepareStackTrace;
|
||
Error.prepareStackTrace = void 0;
|
||
var l;
|
||
l = H.current, H.current = null, Ye();
|
||
try {
|
||
if (r) {
|
||
var s = function() {
|
||
throw Error();
|
||
};
|
||
if (Object.defineProperty(s.prototype, "props", {
|
||
set: function() {
|
||
throw Error();
|
||
}
|
||
}), typeof Reflect == "object" && Reflect.construct) {
|
||
try {
|
||
Reflect.construct(s, []);
|
||
} catch (h) {
|
||
i = h;
|
||
}
|
||
Reflect.construct(e, [], s);
|
||
} else {
|
||
try {
|
||
s.call();
|
||
} catch (h) {
|
||
i = h;
|
||
}
|
||
e.call(s.prototype);
|
||
}
|
||
} else {
|
||
try {
|
||
throw Error();
|
||
} catch (h) {
|
||
i = h;
|
||
}
|
||
e();
|
||
}
|
||
} catch (h) {
|
||
if (h && i && typeof h.stack == "string") {
|
||
for (var o = h.stack.split(`
|
||
`), g = i.stack.split(`
|
||
`), u = o.length - 1, f = g.length - 1; u >= 1 && f >= 0 && o[u] !== g[f]; )
|
||
f--;
|
||
for (; u >= 1 && f >= 0; u--, f--)
|
||
if (o[u] !== g[f]) {
|
||
if (u !== 1 || f !== 1)
|
||
do
|
||
if (u--, f--, f < 0 || o[u] !== g[f]) {
|
||
var x = `
|
||
` + o[u].replace(" at new ", " at ");
|
||
return e.displayName && x.includes("<anonymous>") && (x = x.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, x), x;
|
||
}
|
||
while (u >= 1 && f >= 0);
|
||
break;
|
||
}
|
||
}
|
||
} finally {
|
||
Q = !1, H.current = l, Le(), Error.prepareStackTrace = c;
|
||
}
|
||
var F = e ? e.displayName || e.name : "", P = F ? U(F) : "";
|
||
return typeof e == "function" && V.set(e, P), P;
|
||
}
|
||
function Ve(e, r, t) {
|
||
return pe(e, !1);
|
||
}
|
||
function Ge(e) {
|
||
var r = e.prototype;
|
||
return !!(r && r.isReactComponent);
|
||
}
|
||
function G(e, r, t) {
|
||
if (e == null)
|
||
return "";
|
||
if (typeof e == "function")
|
||
return pe(e, Ge(e));
|
||
if (typeof e == "string")
|
||
return U(e);
|
||
switch (e) {
|
||
case S:
|
||
return U("Suspense");
|
||
case v:
|
||
return U("SuspenseList");
|
||
}
|
||
if (typeof e == "object")
|
||
switch (e.$$typeof) {
|
||
case d:
|
||
return Ve(e.render);
|
||
case j:
|
||
return G(e.type, r, t);
|
||
case p: {
|
||
var i = e, c = i._payload, l = i._init;
|
||
try {
|
||
return G(l(c), r, t);
|
||
} catch {
|
||
}
|
||
}
|
||
}
|
||
return "";
|
||
}
|
||
var W = Object.prototype.hasOwnProperty, xe = {}, je = k.ReactDebugCurrentFrame;
|
||
function J(e) {
|
||
if (e) {
|
||
var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
|
||
je.setExtraStackFrame(t);
|
||
} else
|
||
je.setExtraStackFrame(null);
|
||
}
|
||
function Je(e, r, t, i, c) {
|
||
{
|
||
var l = Function.call.bind(W);
|
||
for (var s in e)
|
||
if (l(e, s)) {
|
||
var o = void 0;
|
||
try {
|
||
if (typeof e[s] != "function") {
|
||
var g = Error((i || "React class") + ": " + t + " type `" + s + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[s] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
||
throw g.name = "Invariant Violation", g;
|
||
}
|
||
o = e[s](r, s, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
||
} catch (u) {
|
||
o = u;
|
||
}
|
||
o && !(o instanceof Error) && (J(c), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, s, typeof o), J(null)), o instanceof Error && !(o.message in xe) && (xe[o.message] = !0, J(c), _("Failed %s type: %s", t, o.message), J(null));
|
||
}
|
||
}
|
||
}
|
||
var qe = Array.isArray;
|
||
function ee(e) {
|
||
return qe(e);
|
||
}
|
||
function Ke(e) {
|
||
{
|
||
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
||
return t;
|
||
}
|
||
}
|
||
function ze(e) {
|
||
try {
|
||
return ye(e), !1;
|
||
} catch {
|
||
return !0;
|
||
}
|
||
}
|
||
function ye(e) {
|
||
return "" + e;
|
||
}
|
||
function be(e) {
|
||
if (ze(e))
|
||
return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), ye(e);
|
||
}
|
||
var Te = k.ReactCurrentOwner, Xe = {
|
||
key: !0,
|
||
ref: !0,
|
||
__self: !0,
|
||
__source: !0
|
||
}, Ee, Re;
|
||
function He(e) {
|
||
if (W.call(e, "ref")) {
|
||
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
||
if (r && r.isReactWarning)
|
||
return !1;
|
||
}
|
||
return e.ref !== void 0;
|
||
}
|
||
function Ze(e) {
|
||
if (W.call(e, "key")) {
|
||
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
||
if (r && r.isReactWarning)
|
||
return !1;
|
||
}
|
||
return e.key !== void 0;
|
||
}
|
||
function Qe(e, r) {
|
||
typeof e.ref == "string" && Te.current;
|
||
}
|
||
function er(e, r) {
|
||
{
|
||
var t = function() {
|
||
Ee || (Ee = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
||
};
|
||
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
||
get: t,
|
||
configurable: !0
|
||
});
|
||
}
|
||
}
|
||
function rr(e, r) {
|
||
{
|
||
var t = function() {
|
||
Re || (Re = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
||
};
|
||
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
||
get: t,
|
||
configurable: !0
|
||
});
|
||
}
|
||
}
|
||
var tr = function(e, r, t, i, c, l, s) {
|
||
var o = {
|
||
// This tag allows us to uniquely identify this as a React Element
|
||
$$typeof: y,
|
||
// Built-in properties that belong on the element
|
||
type: e,
|
||
key: r,
|
||
ref: t,
|
||
props: s,
|
||
// Record the component responsible for creating this element.
|
||
_owner: l
|
||
};
|
||
return o._store = {}, Object.defineProperty(o._store, "validated", {
|
||
configurable: !1,
|
||
enumerable: !1,
|
||
writable: !0,
|
||
value: !1
|
||
}), Object.defineProperty(o, "_self", {
|
||
configurable: !1,
|
||
enumerable: !1,
|
||
writable: !1,
|
||
value: i
|
||
}), Object.defineProperty(o, "_source", {
|
||
configurable: !1,
|
||
enumerable: !1,
|
||
writable: !1,
|
||
value: c
|
||
}), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
|
||
};
|
||
function nr(e, r, t, i, c) {
|
||
{
|
||
var l, s = {}, o = null, g = null;
|
||
t !== void 0 && (be(t), o = "" + t), Ze(r) && (be(r.key), o = "" + r.key), He(r) && (g = r.ref, Qe(r, c));
|
||
for (l in r)
|
||
W.call(r, l) && !Xe.hasOwnProperty(l) && (s[l] = r[l]);
|
||
if (e && e.defaultProps) {
|
||
var u = e.defaultProps;
|
||
for (l in u)
|
||
s[l] === void 0 && (s[l] = u[l]);
|
||
}
|
||
if (o || g) {
|
||
var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
||
o && er(s, f), g && rr(s, f);
|
||
}
|
||
return tr(e, o, g, c, i, Te.current, s);
|
||
}
|
||
}
|
||
var re = k.ReactCurrentOwner, Ce = k.ReactDebugCurrentFrame;
|
||
function D(e) {
|
||
if (e) {
|
||
var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
|
||
Ce.setExtraStackFrame(t);
|
||
} else
|
||
Ce.setExtraStackFrame(null);
|
||
}
|
||
var te;
|
||
te = !1;
|
||
function ne(e) {
|
||
return typeof e == "object" && e !== null && e.$$typeof === y;
|
||
}
|
||
function Oe() {
|
||
{
|
||
if (re.current) {
|
||
var e = w(re.current.type);
|
||
if (e)
|
||
return `
|
||
|
||
Check the render method of \`` + e + "`.";
|
||
}
|
||
return "";
|
||
}
|
||
}
|
||
function ar(e) {
|
||
return "";
|
||
}
|
||
var Se = {};
|
||
function ir(e) {
|
||
{
|
||
var r = Oe();
|
||
if (!r) {
|
||
var t = typeof e == "string" ? e : e.displayName || e.name;
|
||
t && (r = `
|
||
|
||
Check the top-level render call using <` + t + ">.");
|
||
}
|
||
return r;
|
||
}
|
||
}
|
||
function we(e, r) {
|
||
{
|
||
if (!e._store || e._store.validated || e.key != null)
|
||
return;
|
||
e._store.validated = !0;
|
||
var t = ir(r);
|
||
if (Se[t])
|
||
return;
|
||
Se[t] = !0;
|
||
var i = "";
|
||
e && e._owner && e._owner !== re.current && (i = " It was passed a child from " + w(e._owner.type) + "."), D(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), D(null);
|
||
}
|
||
}
|
||
function ke(e, r) {
|
||
{
|
||
if (typeof e != "object")
|
||
return;
|
||
if (ee(e))
|
||
for (var t = 0; t < e.length; t++) {
|
||
var i = e[t];
|
||
ne(i) && we(i, r);
|
||
}
|
||
else if (ne(e))
|
||
e._store && (e._store.validated = !0);
|
||
else if (e) {
|
||
var c = se(e);
|
||
if (typeof c == "function" && c !== e.entries)
|
||
for (var l = c.call(e), s; !(s = l.next()).done; )
|
||
ne(s.value) && we(s.value, r);
|
||
}
|
||
}
|
||
}
|
||
function or(e) {
|
||
{
|
||
var r = e.type;
|
||
if (r == null || typeof r == "string")
|
||
return;
|
||
var t;
|
||
if (typeof r == "function")
|
||
t = r.propTypes;
|
||
else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
|
||
// Inner props are checked in the reconciler.
|
||
r.$$typeof === j))
|
||
t = r.propTypes;
|
||
else
|
||
return;
|
||
if (t) {
|
||
var i = w(r);
|
||
Je(t, e.props, "prop", i, e);
|
||
} else if (r.PropTypes !== void 0 && !te) {
|
||
te = !0;
|
||
var c = w(r);
|
||
_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", c || "Unknown");
|
||
}
|
||
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
||
}
|
||
}
|
||
function sr(e) {
|
||
{
|
||
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
||
var i = r[t];
|
||
if (i !== "children" && i !== "key") {
|
||
D(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), D(null);
|
||
break;
|
||
}
|
||
}
|
||
e.ref !== null && (D(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
|
||
}
|
||
}
|
||
var Ne = {};
|
||
function Pe(e, r, t, i, c, l) {
|
||
{
|
||
var s = Me(e);
|
||
if (!s) {
|
||
var o = "";
|
||
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
||
var g = ar();
|
||
g ? o += g : o += Oe();
|
||
var u;
|
||
e === null ? u = "null" : ee(e) ? u = "array" : e !== void 0 && e.$$typeof === y ? (u = "<" + (w(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, o);
|
||
}
|
||
var f = nr(e, r, t, c, l);
|
||
if (f == null)
|
||
return f;
|
||
if (s) {
|
||
var x = r.children;
|
||
if (x !== void 0)
|
||
if (i)
|
||
if (ee(x)) {
|
||
for (var F = 0; F < x.length; F++)
|
||
ke(x[F], e);
|
||
Object.freeze && Object.freeze(x);
|
||
} else
|
||
_("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
||
else
|
||
ke(x, e);
|
||
}
|
||
if (W.call(r, "key")) {
|
||
var P = w(e), h = Object.keys(r).filter(function(vr) {
|
||
return vr !== "key";
|
||
}), ae = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
|
||
if (!Ne[P + ae]) {
|
||
var dr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
|
||
_(`A props object containing a "key" prop is being spread into JSX:
|
||
let props = %s;
|
||
<%s {...props} />
|
||
React keys must be passed directly to JSX without using spread:
|
||
let props = %s;
|
||
<%s key={someKey} {...props} />`, ae, P, dr, P), Ne[P + ae] = !0;
|
||
}
|
||
}
|
||
return e === R ? sr(f) : or(f), f;
|
||
}
|
||
}
|
||
function cr(e, r, t) {
|
||
return Pe(e, r, t, !0);
|
||
}
|
||
function lr(e, r, t) {
|
||
return Pe(e, r, t, !1);
|
||
}
|
||
var ur = lr, fr = cr;
|
||
L.Fragment = R, L.jsx = ur, L.jsxs = fr;
|
||
}()), L;
|
||
}
|
||
process.env.NODE_ENV === "production" ? ie.exports = _r() : ie.exports = gr();
|
||
var a = ie.exports;
|
||
const hr = "_container_18jex_3", mr = "_grid_18jex_18", pr = "_textBlock_18jex_34", xr = "_mainText_18jex_41", jr = "_delayed_18jex_50", yr = "_sphere_18jex_63", br = "_glitching_18jex_82", Tr = "_voxelOverlay_18jex_113", Er = "_visible_18jex_122", Rr = "_voxel_18jex_113", Cr = "_rebelText_18jex_137", Or = "_enterButton_18jex_146", Sr = "_migrationContent_18jex_168", wr = "_tagline_18jex_175", kr = "_notList_18jex_183", Nr = "_notItem_18jex_190", Pr = "_isText_18jex_212", Ar = "_ruleBox_18jex_221", Ir = "_ruleTitle_18jex_231", Dr = "_ruleContent_18jex_238", Fr = "_continueButton_18jex_244", Br = "_agreementContent_18jex_265", $r = "_agreementTitle_18jex_272", Mr = "_pledgeText_18jex_280", Wr = "_signatureArea_18jex_293", Yr = "_paper_18jex_302", Lr = "_signatureMark_18jex_313", Ur = "_pencil_18jex_339", Vr = "_animating_18jex_346", Gr = "_signButton_18jex_365", Jr = "_navigationContent_18jex_390", qr = "_welcomeText_18jex_397", Kr = "_choiceButtons_18jex_405", zr = "_choiceButton_18jex_405", Xr = "_choiceTitle_18jex_434", Hr = "_choiceDesc_18jex_440", Zr = "_arrow_18jex_445", Qr = "_screenFadeIn_18jex_463", n = {
|
||
container: hr,
|
||
grid: mr,
|
||
textBlock: pr,
|
||
mainText: xr,
|
||
delayed: jr,
|
||
sphere: yr,
|
||
glitching: br,
|
||
voxelOverlay: Tr,
|
||
visible: Er,
|
||
voxel: Rr,
|
||
rebelText: Cr,
|
||
enterButton: Or,
|
||
migrationContent: Sr,
|
||
tagline: wr,
|
||
notList: kr,
|
||
notItem: Nr,
|
||
isText: Pr,
|
||
ruleBox: Ar,
|
||
ruleTitle: Ir,
|
||
ruleContent: Dr,
|
||
continueButton: Fr,
|
||
agreementContent: Br,
|
||
agreementTitle: $r,
|
||
pledgeText: Mr,
|
||
signatureArea: Wr,
|
||
paper: Yr,
|
||
signatureMark: Lr,
|
||
pencil: Ur,
|
||
animating: Vr,
|
||
signButton: Gr,
|
||
navigationContent: Jr,
|
||
welcomeText: qr,
|
||
choiceButtons: Kr,
|
||
choiceButton: zr,
|
||
choiceTitle: Xr,
|
||
choiceDesc: Hr,
|
||
arrow: Zr,
|
||
screenFadeIn: Qr
|
||
};
|
||
function rt({
|
||
onComplete: A,
|
||
onProgress: y,
|
||
theme: m,
|
||
className: R
|
||
}) {
|
||
const [b, C] = q("disorientation"), [O, T] = q(!1), [d, S] = q(!1), [v, j] = q(!1), p = m ? {
|
||
"--gc-primary": m.primary,
|
||
"--gc-accent": m.accent,
|
||
"--gc-bg": m.bg,
|
||
"--gc-bgSecondary": m.bgSecondary,
|
||
"--gc-text": m.text,
|
||
"--gc-textMuted": m.textMuted,
|
||
"--gc-border": m.border
|
||
} : {};
|
||
Ae(() => {
|
||
const E = {
|
||
disorientation: 25,
|
||
migration: 50,
|
||
agreement: 75,
|
||
navigation: 100
|
||
};
|
||
y == null || y(E[b]);
|
||
}, [b, y]), Ae(() => {
|
||
if (b !== "disorientation") return;
|
||
const E = () => {
|
||
T(!0), setTimeout(() => T(!1), 150);
|
||
}, $ = setTimeout(E, 4e3), z = setInterval(() => {
|
||
const X = Math.random() * 3e3 + 3e3;
|
||
setTimeout(E, X);
|
||
}, 6e3);
|
||
return () => {
|
||
clearTimeout($), clearInterval(z);
|
||
};
|
||
}, [b]);
|
||
const I = Ie(() => {
|
||
S(!0), setTimeout(() => {
|
||
j(!0), setTimeout(() => {
|
||
C("navigation");
|
||
}, 1e3);
|
||
}, 800);
|
||
}, []), B = Ie((E) => {
|
||
A({
|
||
success: !0,
|
||
data: {
|
||
choice: E,
|
||
agreedToTerms: !0
|
||
},
|
||
rewards: {
|
||
achievements: ["onboarding_complete"],
|
||
unlocks: E === "lesson" ? ["tech_tree"] : ["character_builder"]
|
||
}
|
||
});
|
||
}, [A]), K = {
|
||
disorientation: () => /* @__PURE__ */ a.jsxs("div", { className: `${n.container} ${n.screenFadeIn}`, style: p, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.grid }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.textBlock, children: [
|
||
/* @__PURE__ */ a.jsx("p", { className: n.mainText, children: "You are standing on a smooth sphere. It looks continuous. It feels continuous." }),
|
||
/* @__PURE__ */ a.jsx("div", { className: n.sphere + (O ? ` ${n.glitching}` : ""), children: /* @__PURE__ */ a.jsx("div", { className: n.voxelOverlay + (O ? ` ${n.visible}` : ""), children: Array.from({ length: 36 }).map((E, $) => /* @__PURE__ */ a.jsx("div", { className: n.voxel, style: {
|
||
opacity: Math.random() > 0.5 ? 0.8 : 0
|
||
} }, $)) }) }),
|
||
/* @__PURE__ */ a.jsx("p", { className: `${n.mainText} ${n.delayed}`, children: "But what if it isn't?" }),
|
||
/* @__PURE__ */ a.jsxs("p", { className: n.rebelText, children: [
|
||
"Most people assume the universe is continuous.",
|
||
/* @__PURE__ */ a.jsx("br", {}),
|
||
"We're not most people."
|
||
] }),
|
||
/* @__PURE__ */ a.jsx(
|
||
"button",
|
||
{
|
||
className: n.enterButton,
|
||
onClick: () => C("migration"),
|
||
children: "Enter the Glitch"
|
||
}
|
||
)
|
||
] })
|
||
] }),
|
||
migration: () => /* @__PURE__ */ a.jsxs("div", { className: `${n.container} ${n.screenFadeIn}`, style: p, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.grid }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.migrationContent, children: [
|
||
/* @__PURE__ */ a.jsx("p", { className: n.tagline, children: "A migration project for physics. That might fail. Or not." }),
|
||
/* @__PURE__ */ a.jsxs("ul", { className: n.notList, children: [
|
||
/* @__PURE__ */ a.jsx("li", { className: n.notItem, children: "This is not a fringe physics forum." }),
|
||
/* @__PURE__ */ a.jsx("li", { className: n.notItem, children: "This is not an online RPG." }),
|
||
/* @__PURE__ */ a.jsx("li", { className: n.notItem, children: "This is not a lecture series in philosophy, physics and computer science." })
|
||
] }),
|
||
/* @__PURE__ */ a.jsx("p", { className: n.isText, children: "It's all of those things." }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.ruleBox, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.ruleTitle, children: "RULE 1" }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.ruleContent, children: [
|
||
"Nothing is obvious. Show it.",
|
||
/* @__PURE__ */ a.jsx("br", {}),
|
||
"Predictions matter more than opinions."
|
||
] })
|
||
] }),
|
||
/* @__PURE__ */ a.jsx(
|
||
"button",
|
||
{
|
||
className: n.continueButton,
|
||
onClick: () => C("agreement"),
|
||
children: "Continue →"
|
||
}
|
||
)
|
||
] })
|
||
] }),
|
||
agreement: () => /* @__PURE__ */ a.jsxs("div", { className: `${n.container} ${n.screenFadeIn}`, style: p, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.grid }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.agreementContent, children: [
|
||
/* @__PURE__ */ a.jsx("p", { className: n.agreementTitle, children: "Make your mark and sign here" }),
|
||
/* @__PURE__ */ a.jsx("div", { className: n.pledgeText, children: '"I agree to test ideas against reality"' }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.signatureArea, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.paper, children: /* @__PURE__ */ a.jsx("span", { className: n.signatureMark + (v ? ` ${n.visible}` : ""), children: "✕" }) }),
|
||
/* @__PURE__ */ a.jsx("span", { className: n.pencil + (d ? ` ${n.animating}` : ""), children: "✏️" })
|
||
] }),
|
||
!v && /* @__PURE__ */ a.jsx(
|
||
"button",
|
||
{
|
||
className: n.signButton,
|
||
onClick: I,
|
||
disabled: d,
|
||
children: "Sign"
|
||
}
|
||
)
|
||
] })
|
||
] }),
|
||
navigation: () => /* @__PURE__ */ a.jsxs("div", { className: `${n.container} ${n.screenFadeIn}`, style: p, children: [
|
||
/* @__PURE__ */ a.jsx("div", { className: n.grid }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.navigationContent, children: [
|
||
/* @__PURE__ */ a.jsx("p", { className: n.welcomeText, children: "Welcome to the Glitch. What would you like to do?" }),
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.choiceButtons, children: [
|
||
/* @__PURE__ */ a.jsxs(
|
||
"button",
|
||
{
|
||
className: n.choiceButton,
|
||
onClick: () => B("lesson"),
|
||
children: [
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.choiceTitle, children: [
|
||
"Take me to the first lesson ",
|
||
/* @__PURE__ */ a.jsx("span", { className: n.arrow, children: "→" })
|
||
] }),
|
||
/* @__PURE__ */ a.jsx("div", { className: n.choiceDesc, children: "Opens the tech tree and begins your journey" })
|
||
]
|
||
}
|
||
),
|
||
/* @__PURE__ */ a.jsxs(
|
||
"button",
|
||
{
|
||
className: n.choiceButton,
|
||
onClick: () => B("character"),
|
||
children: [
|
||
/* @__PURE__ */ a.jsxs("div", { className: n.choiceTitle, children: [
|
||
"Build my character first ",
|
||
/* @__PURE__ */ a.jsx("span", { className: n.arrow, children: "→" })
|
||
] }),
|
||
/* @__PURE__ */ a.jsx("div", { className: n.choiceDesc, children: "Customize your presence in the Glitch" })
|
||
]
|
||
}
|
||
)
|
||
] })
|
||
] })
|
||
] })
|
||
};
|
||
return /* @__PURE__ */ a.jsx("div", { className: R, children: K[b]() });
|
||
}
|
||
const tt = {
|
||
name: "onboarding",
|
||
version: "1.0.0",
|
||
displayName: "Glitch University Onboarding",
|
||
description: "Multi-screen onboarding experience introducing users to the Glitch universe",
|
||
author: "Glitch.university",
|
||
paramSchema: {},
|
||
tags: ["onboarding", "intro", "welcome"]
|
||
};
|
||
export {
|
||
rt as OnboardingComponent,
|
||
rt as default,
|
||
tt as metadata
|
||
};
|
||
//# sourceMappingURL=onboarding.js.map
|