@loafmarkets/ui 0.1.310 → 0.1.312

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.
Files changed (5) hide show
  1. package/dist/index.js +124 -13
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +124 -13
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -6819,16 +6819,42 @@ var LoginPopup = ({
6819
6819
  /* @__PURE__ */ jsxRuntime.jsx(KycExitButton, { type: "button", onClick: onClose, children: "Save & Exit" })
6820
6820
  ] })
6821
6821
  ] }),
6822
- !showKycWidget && /* @__PURE__ */ jsxRuntime.jsxs(OnboardingStepContainer, { style: { alignItems: "stretch", textAlign: "left" }, children: [
6823
- /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { style: { textAlign: "center" }, children: "Verify to Gain Access" }),
6824
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ModalOptionCard, { onClick: handleKycStart, disabled: kycLoading, children: [
6825
- /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", style: { color: "rgba(255,255,255,0.6)", flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }),
6826
- /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
6827
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#fff", fontWeight: 600, fontSize: "0.95rem", marginBottom: "0.25rem" }, children: kycLoading ? "Verifying\u2026" : kycStatusProp === "PENDING" || kycStatusProp === "ON_HOLD" ? "Resume Verification" : "Start Verification" }),
6828
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "rgba(255,255,255,0.5)", fontSize: "0.8rem" }, children: "Takes about 2 minutes" })
6829
- ] })
6822
+ !showKycWidget && /* @__PURE__ */ jsxRuntime.jsxs(KycLandingContainer, { children: [
6823
+ /* @__PURE__ */ jsxRuntime.jsx(KycGoldGlow, {}),
6824
+ /* @__PURE__ */ jsxRuntime.jsx(KycLockIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
6825
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
6826
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
6830
6827
  ] }) }),
6831
- /* @__PURE__ */ jsxRuntime.jsx(OnboardingSkipButton, { onClick: handleKycSkip, style: { marginTop: "1rem" }, children: "Exit" }),
6828
+ /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { style: { textAlign: "center", marginBottom: "0.25rem" }, children: "Unlock Early Access" }),
6829
+ /* @__PURE__ */ jsxRuntime.jsx(KycSubline, { children: "Verified investors get priority when offerings open" }),
6830
+ /* @__PURE__ */ jsxRuntime.jsxs(KycBenefits, { children: [
6831
+ /* @__PURE__ */ jsxRuntime.jsxs(KycBenefit, { children: [
6832
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
6833
+ "Priority allocation on new offerings"
6834
+ ] }),
6835
+ /* @__PURE__ */ jsxRuntime.jsxs(KycBenefit, { children: [
6836
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
6837
+ "Instant access when sales go live"
6838
+ ] }),
6839
+ /* @__PURE__ */ jsxRuntime.jsxs(KycBenefit, { children: [
6840
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
6841
+ "Trade on the secondary market"
6842
+ ] })
6843
+ ] }),
6844
+ /* @__PURE__ */ jsxRuntime.jsxs(KycStartButton, { type: "button", onClick: handleKycStart, disabled: kycLoading, children: [
6845
+ kycLoading ? "Verifying\u2026" : kycStatusProp === "PENDING" || kycStatusProp === "ON_HOLD" ? "Resume Verification" : "Start Verification",
6846
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Takes about 2 minutes" })
6847
+ ] }),
6848
+ /* @__PURE__ */ jsxRuntime.jsxs(KycSocialProof, { children: [
6849
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "#0ecb81", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
6850
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
6851
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
6852
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
6853
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
6854
+ ] }),
6855
+ "247 investors verified this week"
6856
+ ] }),
6857
+ /* @__PURE__ */ jsxRuntime.jsx(OnboardingSkipButton, { onClick: handleKycSkip, style: { marginTop: "0.5rem" }, children: "Exit" }),
6832
6858
  error && /* @__PURE__ */ jsxRuntime.jsx(StatusMessage, { $error: true, children: error })
6833
6859
  ] })
6834
6860
  ]
@@ -7045,6 +7071,91 @@ var KycExitButton = styled9__default.default.button`
7045
7071
  color: rgba(255,255,255,0.8);
7046
7072
  }
7047
7073
  `;
7074
+ var KycLandingContainer = styled9__default.default.div`
7075
+ display: flex;
7076
+ flex-direction: column;
7077
+ align-items: center;
7078
+ text-align: center;
7079
+ position: relative;
7080
+ overflow: hidden;
7081
+ `;
7082
+ var KycGoldGlow = styled9__default.default.div`
7083
+ position: absolute;
7084
+ top: -60px;
7085
+ left: 50%;
7086
+ transform: translateX(-50%);
7087
+ width: 200px;
7088
+ height: 120px;
7089
+ background: radial-gradient(ellipse, rgba(212,175,55,0.15) 0%, transparent 70%);
7090
+ pointer-events: none;
7091
+ `;
7092
+ var KycLockIcon = styled9__default.default.div`
7093
+ width: 52px;
7094
+ height: 52px;
7095
+ border-radius: 50%;
7096
+ background: rgba(212,175,55,0.08);
7097
+ border: 1px solid rgba(212,175,55,0.2);
7098
+ display: flex;
7099
+ align-items: center;
7100
+ justify-content: center;
7101
+ margin-bottom: 1rem;
7102
+ `;
7103
+ var KycSubline = styled9__default.default.p`
7104
+ font-size: 0.8rem;
7105
+ color: rgba(255,255,255,0.45);
7106
+ margin: 0 0 1.25rem;
7107
+ line-height: 1.4;
7108
+ `;
7109
+ var KycBenefits = styled9__default.default.div`
7110
+ display: flex;
7111
+ flex-direction: column;
7112
+ gap: 0.6rem;
7113
+ width: 100%;
7114
+ margin-bottom: 1.25rem;
7115
+ `;
7116
+ var KycBenefit = styled9__default.default.div`
7117
+ display: flex;
7118
+ align-items: center;
7119
+ gap: 0.6rem;
7120
+ font-size: 0.8rem;
7121
+ color: rgba(255,255,255,0.7);
7122
+ text-align: left;
7123
+ svg { flex-shrink: 0; }
7124
+ `;
7125
+ var KycStartButton = styled9__default.default.button`
7126
+ width: 100%;
7127
+ padding: 0.85rem 1rem;
7128
+ border-radius: 10px;
7129
+ border: none;
7130
+ cursor: pointer;
7131
+ background: linear-gradient(135deg, #D4AF37 0%, #b8962e 100%);
7132
+ color: #0a0a0a;
7133
+ font-weight: 700;
7134
+ font-size: 0.95rem;
7135
+ display: flex;
7136
+ flex-direction: column;
7137
+ align-items: center;
7138
+ gap: 0.2rem;
7139
+ box-shadow: 0 4px 16px rgba(212,175,55,0.3);
7140
+ transition: all 0.2s ease;
7141
+ &:hover { box-shadow: 0 6px 24px rgba(212,175,55,0.4); transform: translateY(-1px); }
7142
+ &:active { transform: translateY(0); }
7143
+ &[disabled] { opacity: 0.6; cursor: not-allowed; transform: none; }
7144
+ span {
7145
+ font-size: 0.7rem;
7146
+ font-weight: 500;
7147
+ opacity: 0.7;
7148
+ }
7149
+ `;
7150
+ var KycSocialProof = styled9__default.default.div`
7151
+ display: flex;
7152
+ align-items: center;
7153
+ gap: 0.4rem;
7154
+ font-size: 0.7rem;
7155
+ color: rgba(255,255,255,0.35);
7156
+ margin-top: 1rem;
7157
+ svg { flex-shrink: 0; }
7158
+ `;
7048
7159
  styled9__default.default.button`
7049
7160
  position: absolute;
7050
7161
  top: -12px;
@@ -12016,16 +12127,16 @@ function OfferingProgressCard({
12016
12127
  countdown ? /* @__PURE__ */ jsxRuntime.jsxs(CountdownCenter, { children: [
12017
12128
  /* @__PURE__ */ jsxRuntime.jsx(CountdownLabel, { children: isPrivateClient ? "Public Offering In" : "Opens In" }),
12018
12129
  /* @__PURE__ */ jsxRuntime.jsxs(CountdownDigits, { children: [
12019
- /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.days).padStart(2, "0") }),
12130
+ /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: /* @__PURE__ */ jsxRuntime.jsx(SlideDigit, { value: String(countdown.days).padStart(2, "0") }) }),
12020
12131
  /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "D" }),
12021
12132
  /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
12022
- /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.hours).padStart(2, "0") }),
12133
+ /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: /* @__PURE__ */ jsxRuntime.jsx(SlideDigit, { value: String(countdown.hours).padStart(2, "0") }) }),
12023
12134
  /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "H" }),
12024
12135
  /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
12025
- /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.minutes).padStart(2, "0") }),
12136
+ /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: /* @__PURE__ */ jsxRuntime.jsx(SlideDigit, { value: String(countdown.minutes).padStart(2, "0") }) }),
12026
12137
  /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "M" }),
12027
12138
  /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
12028
- /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.seconds).padStart(2, "0") }),
12139
+ /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: /* @__PURE__ */ jsxRuntime.jsx(SlideDigit, { value: String(countdown.seconds).padStart(2, "0") }) }),
12029
12140
  /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "S" })
12030
12141
  ] })
12031
12142
  ] }) : /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }),