Deploy preview for PR 18 🛫

FuelLabs · Sep 25, 2024 · 5f70f9f · 5f70f9f
1 parent a9bd9c1
commit 5f70f9f
Show file tree

Hide file tree

Showing 28 changed files with 260 additions and 99 deletions.
diff --git a/...ew/pr-18/airdrop/assets/Input-Do02yNjW.js → ...ew/pr-18/airdrop/assets/Input-CXZViAhr.js b/...ew/pr-18/airdrop/assets/Input-Do02yNjW.js → ...ew/pr-18/airdrop/assets/Input-CXZViAhr.js
@@ -1,6 +1,6 @@
-import { r as reactExports, R as React, h as clsx, z as useForkRef, e as generateUtilityClass, g as generateUtilityClasses, s as styled, A as capitalize, m as memoTheme, f as useDefaultProps, j as jsxRuntimeExports, i as composeClasses, G as _inheritsLoose, H as ReactDOM, I as _objectWithoutPropertiesLoose, J as ReactExports, K as TransitionGroupContext, M as useEnhancedEffect, N as setRef, O as reactDomExports, Q as formatMuiErrorMessage, S as useEventCallback, U as rootShouldForwardProp, V as createSimplePaletteValueFilter, W as deepmerge, X as useTimeout, Y as slotShouldForwardProp } from "./index-DXzGYn29.js";
-import { g as globalCss } from "./index-DEfVe9mK.js";
-import { a as useTheme, P as Paper, u as useThemeProps } from "./Paper-tqjJbkAq.js";
+import { r as reactExports, R as React, h as clsx, z as useForkRef, e as generateUtilityClass, g as generateUtilityClasses, s as styled, A as capitalize, m as memoTheme, f as useDefaultProps, j as jsxRuntimeExports, i as composeClasses, G as _inheritsLoose, H as ReactDOM, I as _objectWithoutPropertiesLoose, J as ReactExports, K as TransitionGroupContext, M as useEnhancedEffect, N as setRef, O as reactDomExports, Q as formatMuiErrorMessage, S as useEventCallback, U as rootShouldForwardProp, V as createSimplePaletteValueFilter, W as deepmerge, X as useTimeout, Y as slotShouldForwardProp } from "./index-DdTn8W7A.js";
+import { g as globalCss } from "./index-DnUrbDxC.js";
+import { a as useTheme, P as Paper, u as useThemeProps } from "./Paper-BBwXtcze.js";
 var reactIs_production_min = {};
 /**
  * @license React

diff --git a/...ew/pr-18/airdrop/assets/Paper-tqjJbkAq.js → ...ew/pr-18/airdrop/assets/Paper-BBwXtcze.js b/...ew/pr-18/airdrop/assets/Paper-tqjJbkAq.js → ...ew/pr-18/airdrop/assets/Paper-BBwXtcze.js
@@ -1,5 +1,5 @@
-import { Z as resolveProps, $ as THEME_ID, a0 as defaultTheme, g as generateUtilityClasses, e as generateUtilityClass, s as styled, m as memoTheme, r as reactExports, f as useDefaultProps, j as jsxRuntimeExports, h as clsx, a1 as alpha, a2 as getOverlayAlpha, i as composeClasses } from "./index-DXzGYn29.js";
-import { u as useTheme$1 } from "./index-DEfVe9mK.js";
+import { Z as resolveProps, $ as THEME_ID, a0 as defaultTheme, g as generateUtilityClasses, e as generateUtilityClass, s as styled, m as memoTheme, r as reactExports, f as useDefaultProps, j as jsxRuntimeExports, h as clsx, a1 as alpha, a2 as getOverlayAlpha, i as composeClasses } from "./index-DdTn8W7A.js";
+import { u as useTheme$1 } from "./index-DnUrbDxC.js";
 function getThemeProps(params) {
   const {
     theme,

diff --git a/...iew/pr-18/airdrop/assets/Text-zPPOjKMk.js → ...iew/pr-18/airdrop/assets/Text-Dfb1nf1_.js b/...iew/pr-18/airdrop/assets/Text-zPPOjKMk.js → ...iew/pr-18/airdrop/assets/Text-Dfb1nf1_.js
@@ -1,5 +1,5 @@
-import { e as generateUtilityClass, g as generateUtilityClasses, s as styled, A as capitalize, m as memoTheme, V as createSimplePaletteValueFilter, r as reactExports, f as useDefaultProps, j as jsxRuntimeExports, h as clsx, i as composeClasses } from "./index-DXzGYn29.js";
-import { i as internal_createExtendSxProp } from "./index-DEfVe9mK.js";
+import { e as generateUtilityClass, g as generateUtilityClasses, s as styled, A as capitalize, m as memoTheme, V as createSimplePaletteValueFilter, r as reactExports, f as useDefaultProps, j as jsxRuntimeExports, h as clsx, i as composeClasses } from "./index-DdTn8W7A.js";
+import { i as internal_createExtendSxProp } from "./index-DnUrbDxC.js";
 function getTypographyUtilityClass(slot) {
   return generateUtilityClass("MuiTypography", slot);
 }

diff --git a/...-18/airdrop/assets/_slug.lazy-D8YPWvrm.js → ...-18/airdrop/assets/_slug.lazy-Bp20mVor.js b/...-18/airdrop/assets/_slug.lazy-D8YPWvrm.js → ...-18/airdrop/assets/_slug.lazy-Bp20mVor.js
@@ -1,7 +1,7 @@
-import { v as Cp, w as useMutation, _ as _t, q as useQuery, a3 as Provider, a4 as NODE_URL, c as createLazyFileRoute, j as jsxRuntimeExports, a5 as useParams, r as reactExports, B as Button } from "./index-DXzGYn29.js";
-import { a as TestContract, c as createMerkleTree, g as generateProof } from "./merkleTrees-BexVhBfc.js";
-import { T as Text } from "./Text-zPPOjKMk.js";
-import "./index-DEfVe9mK.js";
+import { v as Cp, w as useMutation, _ as _t, q as useQuery, a3 as Provider, a4 as NODE_URL, c as createLazyFileRoute, j as jsxRuntimeExports, a5 as useParams, r as reactExports, B as Button } from "./index-DdTn8W7A.js";
+import { a as TestContract, c as createMerkleTree, g as generateProof } from "./merkleTrees-Czdl9fXN.js";
+import { T as Text } from "./Text-Dfb1nf1_.js";
+import "./index-DnUrbDxC.js";
 function formatUnits(value, decimals) {
   let display = value.toString();
   const negative = display.startsWith("-");

diff --git a/...iew/pr-18/airdrop/assets/ccip-lSXZ38AA.js → ...iew/pr-18/airdrop/assets/ccip-iyJNuC-T.js b/...iew/pr-18/airdrop/assets/ccip-lSXZ38AA.js → ...iew/pr-18/airdrop/assets/ccip-iyJNuC-T.js
@@ -1,4 +1,4 @@
-import { bQ as isAddress, bR as InvalidAddressError, bS as BaseError, bT as getUrl, bU as stringify, bV as decodeErrorResult, bW as call, bX as concat, bY as encodeAbiParameters, bZ as HttpRequestError, b_ as isHex } from "./index-DXzGYn29.js";
+import { bQ as isAddress, bR as InvalidAddressError, bS as BaseError, bT as getUrl, bU as stringify, bV as decodeErrorResult, bW as call, bX as concat, bY as encodeAbiParameters, bZ as HttpRequestError, b_ as isHex } from "./index-DdTn8W7A.js";
 function isAddressEqual(a, b) {
   if (!isAddress(a, { strict: false }))
     throw new InvalidAddressError({ address: a });

diff --git a/...18/airdrop/assets/create.lazy-CRp4SG6x.js → ...18/airdrop/assets/create.lazy-B6QKhFpN.js b/...18/airdrop/assets/create.lazy-CRp4SG6x.js → ...18/airdrop/assets/create.lazy-B6QKhFpN.js
diff --git a/...18/airdrop/assets/faucet.lazy-BKhROJgr.js → ...18/airdrop/assets/faucet.lazy-CtPtikA_.js b/...18/airdrop/assets/faucet.lazy-BKhROJgr.js → ...18/airdrop/assets/faucet.lazy-CtPtikA_.js
@@ -1,7 +1,7 @@
-import { c as createLazyFileRoute, u as useFaucet, a as useActiveWallet, r as reactExports, j as jsxRuntimeExports, C as CURRENT_ENVIRONMENT, E as Environments, B as Button, T as TESTNET_FAUCET_LINK, _ as _t, b as bn } from "./index-DXzGYn29.js";
-import { I as Input } from "./Input-Do02yNjW.js";
-import "./index-DEfVe9mK.js";
-import "./Paper-tqjJbkAq.js";
+import { c as createLazyFileRoute, u as useFaucet, a as useActiveWallet, r as reactExports, j as jsxRuntimeExports, C as CURRENT_ENVIRONMENT, E as Environments, B as Button, T as TESTNET_FAUCET_LINK, _ as _t, b as bn } from "./index-DdTn8W7A.js";
+import { I as Input } from "./Input-CXZViAhr.js";
+import "./index-DnUrbDxC.js";
+import "./Paper-BBwXtcze.js";
 const Route = createLazyFileRoute("/faucet")({
   component: Index
 });

diff --git a/...ew/pr-18/airdrop/assets/index-C2S9nXNu.js → ...ew/pr-18/airdrop/assets/index-BvIEwVOm.js b/...ew/pr-18/airdrop/assets/index-C2S9nXNu.js → ...ew/pr-18/airdrop/assets/index-BvIEwVOm.js
@@ -1,4 +1,4 @@
-import { c4 as SolanaSignAndSendTransaction, c5 as SolanaSignTransaction, c6 as SolanaSignMessage, b$ as EventEmitter, c0 as PublicKey, c1 as bs58, c2 as Transaction, c3 as VersionedTransaction } from "./index-DXzGYn29.js";
+import { c4 as SolanaSignAndSendTransaction, c5 as SolanaSignTransaction, c6 as SolanaSignMessage, b$ as EventEmitter, c0 as PublicKey, c1 as bs58, c2 as Transaction, c3 as VersionedTransaction } from "./index-DdTn8W7A.js";
 import { v as v4 } from "./v4-BL5qiJc1.js";
 function isLegacyTransactionInstance(transaction) {
   return transaction.version === void 0;

diff --git a/...w/pr-18/airdrop/assets/index-C67J2b99.css → ...w/pr-18/airdrop/assets/index-CE3tR7mW.css b/...w/pr-18/airdrop/assets/index-C67J2b99.css → ...w/pr-18/airdrop/assets/index-CE3tR7mW.css
@@ -730,29 +730,188 @@ video {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+
+/* index.css or global.css */
+:root {
+  --background-color: #ffffff;
+  --text-color: #000000;
+  --primary-color: #4f46e5;
+  --secondary-color: #10b981;
+  --button-transition-background-color: #9ca3af;
+}
+
+[data-theme="dark"] {
+  --background-color: #000000;
+  --text-color: #ffffff;
+  --primary-color: #6366f1;
+  --secondary-color: #34d399;
+  --button-transition-background-color: transparent;
+}
+.bg-gradient {
+  background: linear-gradient(180deg, rgba(8, 8, 8, 0.88) 0%, rgba(8, 8, 8, 0.79) 100%);
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
+}
+.bg-gradient-header {
+  background: linear-gradient(180deg, rgba(8, 8, 8, 0.94) 0%, rgba(8, 8, 8, 0.85) 100%);
+}
+.bg-content { 
+  border-radius: 28px;
+  border-top-color: hsla(0,0%,100%,.08);
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+
+/* Header */
+header a {
+  transition: background-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms,opacity .25s cubic-bezier(.4,0,.2,1) 0ms;
+  border-radius: 8px;
+  background-color: transparent;
+  backdrop-filter: blur(5px);
+  -webkit-backdrop-filter: blur(5px);
+  color: hsla(0, 0%, 100%, .5);
+  box-shadow: none;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  gap: 8px;
+  height: 32px;
+  padding-left: 12px;
+  padding-right: 12px;
+  text-decoration: none;
+}
+header a.active {
+  color: oklch(94.91% 0 none);
+  background: linear-gradient(180deg, rgba(0, 245, 140, 0) 100%, rgba(0, 245, 140, 0.02) 0%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.08) 100%), rgba(255, 255, 255, 0.04);
+  -webkit-backdrop-filter: blur(5px);
+          backdrop-filter: blur(5px);
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.08);
+}
+header a.active:hover {
+  background-color: hsla(0,0%,100%,.15);
+}
+header a:not(.active):hover {
+  background-color: hsla(0,0%,100%,.02);
+  color: unset;
+}
+
+
+/* Button */
+.btn {
+  border-radius: 0.375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+  text-transform: none;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+}
+
+.btn-primary {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+    background-color: #00f58c;
+}
+
+.btn-primary:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 221 117 / var(--tw-bg-opacity));
+}
+
+.btn-primary:disabled {
+  cursor: not-allowed;
+  border-width: 1px;
+  border-color: rgb(161 161 170 / 0.25);
+  --tw-bg-opacity: 1;
+  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity));
+}
+
+.btn-secondary {
+  border-width: 1px;
+  border-color: rgb(129 140 248 / 0.1);
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 27 75 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(129 140 248 / var(--tw-text-opacity));
+}
+
+.btn-secondary:hover {
+  border-color: rgb(129 140 248 / 0.25);
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .grain {
+    --tw-bg-opacity: 1;
+    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+  }
+}
+
+.grain {
+  /* Graph Paper */
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%233f3f46' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+
+/* Gradient border */
+.gradient-border {
+  position: relative;
+  background-clip: padding-box;
+  border: solid 1px transparent;
+}
+
+.gradient-border::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -1px;
+  border-radius: inherit;
+  background: linear-gradient(
+    to bottom,
+    rgb(82 82 91 / 0.8),
+    rgb(39 39 42 / 0.9)
+  );
+}
+
 .placeholder\:text-zinc-400::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(161 161 170 / var(--tw-text-opacity));
 }
+
 .placeholder\:text-zinc-400::placeholder {
   --tw-text-opacity: 1;
   color: rgb(161 161 170 / var(--tw-text-opacity));
 }
+
 .hover\:bg-slate-950:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(2 6 23 / var(--tw-bg-opacity));
 }
+
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+
 .hover\:opacity-80:hover {
   opacity: 0.8;
 }
+
 .active\:scale-\[90\%\]:active {
   --tw-scale-x: 90%;
   --tw-scale-y: 90%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+
 @media (min-width: 768px) {
 
   .md\:-ml-2 {

diff --git a/...ew/pr-18/airdrop/assets/index-Pj44dfNJ.js → ...ew/pr-18/airdrop/assets/index-Cp43RY4C.js b/...ew/pr-18/airdrop/assets/index-Pj44dfNJ.js → ...ew/pr-18/airdrop/assets/index-Cp43RY4C.js
@@ -1,4 +1,4 @@
-import { b$ as EventEmitter, c0 as PublicKey, c1 as bs58, c2 as Transaction, c3 as VersionedTransaction } from "./index-DXzGYn29.js";
+import { b$ as EventEmitter, c0 as PublicKey, c1 as bs58, c2 as Transaction, c3 as VersionedTransaction } from "./index-DdTn8W7A.js";
 import { v as v4 } from "./v4-BL5qiJc1.js";
 var __extends$4 = /* @__PURE__ */ function() {
   var extendStatics = function(d, b) {