@loafmarkets/ui 0.1.395 → 0.1.397

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.mjs CHANGED
@@ -4615,6 +4615,8 @@ var PropertyHeroHeader = React5.forwardRef(
4615
4615
  name,
4616
4616
  address,
4617
4617
  location,
4618
+ typeBadgeColor = "#E6C87E",
4619
+ typeBadgeBackground = "rgba(230, 200, 126, 0.12)",
4618
4620
  price,
4619
4621
  currencySymbol = "$",
4620
4622
  changePercent,
@@ -4688,7 +4690,7 @@ var PropertyHeroHeader = React5.forwardRef(
4688
4690
  /* @__PURE__ */ jsx(NameGroup, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
4689
4691
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexWrap: "wrap" }, children: [
4690
4692
  /* @__PURE__ */ jsx("h1", { style: headingStyle, className: "break-words", children: name }),
4691
- location ? /* @__PURE__ */ jsx(TypeBadge, { children: location }) : null
4693
+ location ? /* @__PURE__ */ jsx(TypeBadge, { $color: typeBadgeColor, $bg: typeBadgeBackground, children: location }) : null
4692
4694
  ] }),
4693
4695
  address ? /* @__PURE__ */ jsx(AddressText, { children: address }) : null
4694
4696
  ] }) }),
@@ -4916,8 +4918,8 @@ var TypeBadge = styled10.span`
4916
4918
  letter-spacing: 0.03em;
4917
4919
  text-transform: uppercase;
4918
4920
  line-height: 1;
4919
- color: #E6C87E;
4920
- background: rgba(230, 200, 126, 0.12);
4921
+ color: ${(p) => p.$color};
4922
+ background: ${(p) => p.$bg};
4921
4923
  white-space: nowrap;
4922
4924
  flex-shrink: 0;
4923
4925
  `;
@@ -6819,6 +6821,16 @@ var LoginPopup = ({
6819
6821
  setLoading(false);
6820
6822
  }
6821
6823
  };
6824
+ const handleWalletHandleDismiss = async () => {
6825
+ if (gate) {
6826
+ if (await finishGate()) {
6827
+ suppressAutoCloseRef.current = false;
6828
+ onClose();
6829
+ }
6830
+ return;
6831
+ }
6832
+ onClose();
6833
+ };
6822
6834
  const handleEmailClick = (signUp = false) => {
6823
6835
  setIsSignUp(signUp);
6824
6836
  setView("email");
@@ -7156,8 +7168,8 @@ var LoginPopup = ({
7156
7168
  ] }) });
7157
7169
  }
7158
7170
  if (view === "wallet-handle") {
7159
- return /* @__PURE__ */ jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
7160
- !loading && /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
7171
+ return /* @__PURE__ */ jsx(Overlay2, { $transparent: gate, onClick: loading ? void 0 : handleWalletHandleDismiss, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
7172
+ !loading && /* @__PURE__ */ jsx(CloseButton, { onClick: handleWalletHandleDismiss, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
7161
7173
  /* @__PURE__ */ jsxs(Title, { children: [
7162
7174
  /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
7163
7175
  "Claim your handle"