@loafmarkets/ui 0.1.414 → 0.1.415

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.
package/dist/index.js CHANGED
@@ -5717,7 +5717,7 @@ var Header = ({
5717
5717
  }
5718
5718
  )
5719
5719
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
5720
- /* @__PURE__ */ jsxRuntime.jsx(Button2, { className: "signup", onClick: handleSignIn, children: "Join Competition" }),
5720
+ /* @__PURE__ */ jsxRuntime.jsx(Button2, { className: "signup", onClick: handleSignIn, children: "Access Beta" }),
5721
5721
  /* @__PURE__ */ jsxRuntime.jsx(
5722
5722
  MobileOnlyButton,
5723
5723
  {
@@ -7262,7 +7262,7 @@ var LoginPopup = ({
7262
7262
  /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
7263
7263
  /* @__PURE__ */ jsxRuntime.jsxs(LogoContainer3, { children: [
7264
7264
  /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }),
7265
- /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Private Beta" })
7265
+ /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Beta" })
7266
7266
  ] }),
7267
7267
  /* @__PURE__ */ jsxRuntime.jsx(TitleText, { children: "Welcome to Loaf" })
7268
7268
  ] }),
@@ -7357,7 +7357,7 @@ var LoginPopup = ({
7357
7357
  /* @__PURE__ */ jsxRuntime.jsxs(GateBrand, { children: [
7358
7358
  /* @__PURE__ */ jsxRuntime.jsx(GateLogoLink, { href: "https://loafmarkets.com", "aria-label": "Go to loafmarkets.com", children: /* @__PURE__ */ jsxRuntime.jsx(GateLogo, { src: logoSrc, alt: logoAlt }) }),
7359
7359
  /* @__PURE__ */ jsxRuntime.jsx(GateBrandDivider, {}),
7360
- /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Private Beta" })
7360
+ /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Beta" })
7361
7361
  ] }),
7362
7362
  /* @__PURE__ */ jsxRuntime.jsxs(GateOtpText, { children: [
7363
7363
  "We sent a code to",
@@ -7696,6 +7696,16 @@ var LoginPopup = ({
7696
7696
  ),
7697
7697
  /* @__PURE__ */ jsxRuntime.jsx(GateSubmit, { type: "submit", "aria-label": "Continue", disabled: loading || !email, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(GateSpinner, {}) : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) }) })
7698
7698
  ] }),
7699
+ !signInMode && /* @__PURE__ */ jsxRuntime.jsx(GateHandleRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
7700
+ GateEmailInput,
7701
+ {
7702
+ type: "text",
7703
+ autoComplete: "username",
7704
+ placeholder: "Claim your username (Optional)",
7705
+ value: handle,
7706
+ onChange: (event) => setHandle(event.target.value)
7707
+ }
7708
+ ) }),
7699
7709
  error && /* @__PURE__ */ jsxRuntime.jsx(StatusMessage, { $error: true, children: error })
7700
7710
  ] }),
7701
7711
  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -7714,7 +7724,7 @@ var LoginPopup = ({
7714
7724
  /* @__PURE__ */ jsxRuntime.jsxs(GateBrand, { children: [
7715
7725
  /* @__PURE__ */ jsxRuntime.jsx(GateLogoLink, { href: "https://loafmarkets.com", "aria-label": "Go to loafmarkets.com", children: /* @__PURE__ */ jsxRuntime.jsx(GateLogo, { src: logoSrc, alt: logoAlt }) }),
7716
7726
  /* @__PURE__ */ jsxRuntime.jsx(GateBrandDivider, {}),
7717
- /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Private Beta" })
7727
+ /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Beta" })
7718
7728
  ] }),
7719
7729
  signInMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
7720
7730
  signInStep,
@@ -7766,7 +7776,7 @@ var LoginPopup = ({
7766
7776
  /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
7767
7777
  /* @__PURE__ */ jsxRuntime.jsxs(LogoContainer3, { children: [
7768
7778
  /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }),
7769
- /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Private Beta" })
7779
+ /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Beta" })
7770
7780
  ] }),
7771
7781
  /* @__PURE__ */ jsxRuntime.jsx(TitleText, { children: "Enter your access code" })
7772
7782
  ] }),
@@ -8430,6 +8440,9 @@ var GateSubmit = styled10__default.default.button`
8430
8440
  cursor: default;
8431
8441
  }
8432
8442
  `;
8443
+ var GateHandleRow = styled10__default.default(CodeInputWrapper)`
8444
+ margin-top: 0.6rem;
8445
+ `;
8433
8446
  var GateEmailInput = styled10__default.default.input`
8434
8447
  flex: 1;
8435
8448
  min-width: 0;