@dexterai/connect 0.5.0 → 0.6.0
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/react.js +37 -9
- package/package.json +1 -1
package/dist/react.js
CHANGED
|
@@ -116,13 +116,31 @@ function useSignInWithDexter(config = {}) {
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
// src/SignInWithDexter.tsx
|
|
119
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
119
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
120
120
|
function shortAddress(addr) {
|
|
121
121
|
return addr.length > 10 ? `${addr.slice(0, 4)}\u2026${addr.slice(-4)}` : addr;
|
|
122
122
|
}
|
|
123
123
|
function formatUsd(n) {
|
|
124
124
|
return n.toLocaleString("en-US", { style: "currency", currency: "USD" });
|
|
125
125
|
}
|
|
126
|
+
function DexterMark() {
|
|
127
|
+
return /* @__PURE__ */ jsxs(
|
|
128
|
+
"svg",
|
|
129
|
+
{
|
|
130
|
+
width: "18",
|
|
131
|
+
height: "18",
|
|
132
|
+
viewBox: "0 0 300 300",
|
|
133
|
+
fill: "currentColor",
|
|
134
|
+
"aria-hidden": "true",
|
|
135
|
+
style: { flexShrink: 0 },
|
|
136
|
+
children: [
|
|
137
|
+
/* @__PURE__ */ jsx("path", { d: "M143.18,22.65c35.41,7.66,68.19,23.6,94.89,48.28,5.22,4.86,11.17,10.45,15.18,16.1,1.38,1.93,1.94,3.6.99,5.23-1.08,1.92-4.22,3.41-6.56,4.17-28.39,9.43-61.55,8.26-88.62-4.69-13.81-7.66-17.02-5.76-31.67-3.48-21.89,2.38-46.67.37-65.06-12.31-6.07-4.99-9.33-12.71-8.8-20.52-.16-9.4,4.25-18.12,11.47-24.06,21.29-17.85,52.64-14.45,78-8.77l.18.04h0Z" }),
|
|
138
|
+
/* @__PURE__ */ jsx("path", { d: "M46.08,129.98c1.06-1.03,3.52-1.07,5.29-1.04,48.98-.05,98.1-.06,146.83-.1,17.53.14,35.01-.31,52.49.18,2.13.18,3.89.74,4.73,2.05,1.46,2.38.35,6.09-1.98,7.6-3.66,2.05-8.62,1.33-12.86,1.74-2.85.12-5.45.13-7.02,2.02-.91,1.07-1.28,2.56-1.56,3.95-.57,3.23-1.16,6.52-1.89,9.62-2.81,12.43-8.68,24.65-19.76,31.56-9.49,5.59-20.42,6.86-31.2,5.75-11.88-1.69-22.15-8.81-29.11-18.28-3.51-4.81-4.92-10.5-5.8-16.29-.47-2.56-.51-5.87-1.35-8-1.16-3.38-6.14-2.59-9.25-1.92-4.21.95-4.39,5.7-5.14,9.19-2.25,11.18-6.84,20.68-16.15,27.65-1.31,1.05-2.91,2.03-2.12,3.66,2.5,3.21,6.65,4.49,10.44,5.97,3.26,1.17,6.86,2.41,7.18,6.06.05,8.18-11.97,3.46-16.32,1.85-3.95-1.55-7.4-4.27-10.42-7.26-3.92-4.28-9.66-4.5-15.16-4.45-3.45-.07-6.99-.19-10.45-.82-21.29-4-31.08-21.3-30.9-42.01-.08-4.63.03-9.32.09-13.91.04-1.69.07-3.46,1.28-4.67l.1-.09h0Z" }),
|
|
139
|
+
/* @__PURE__ */ jsx("path", { d: "M173.06,203.11c9.24-.06,21.6,4.49,22.85,14.84.3,2.12-.67,4.34-2.92,4.73-1.38.29-2.88-.05-4.09-.75-1.64-.9-2.97-2.86-4.19-3.05-1.33-.2-1.99.81-2.93,1.94-10.27,13.34-28.04,20.92-44.83,20.42-15.41-.33-31.89-5.95-43.53-17.34-3.15-3.39-1.55-9.88,3.61-9.19,1.83.32,3.29,1.45,4.76,2.65,10.49,10.12,24.85,14.04,39.12,13.03,10.55-1.23,20.38-5.47,28.74-11.92,1.11-1.06,4.45-3.63,3.5-5.12-.76-.85-4.31-.47-5.92-2.01-2.25-1.92-1.39-6.22,1.16-7.36,1.36-.65,2.96-.81,4.47-.86h.2,0Z" })
|
|
140
|
+
]
|
|
141
|
+
}
|
|
142
|
+
);
|
|
143
|
+
}
|
|
126
144
|
function SignInWithDexter(props) {
|
|
127
145
|
const {
|
|
128
146
|
onSuccess,
|
|
@@ -160,7 +178,10 @@ function SignInWithDexter(props) {
|
|
|
160
178
|
onClick: handleClick,
|
|
161
179
|
disabled: c.status === "pending",
|
|
162
180
|
style: BUTTON,
|
|
163
|
-
children: c.status === "pending" ? "Signing in\u2026" :
|
|
181
|
+
children: c.status === "pending" ? "Signing in\u2026" : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
182
|
+
/* @__PURE__ */ jsx(DexterMark, {}),
|
|
183
|
+
label
|
|
184
|
+
] })
|
|
164
185
|
}
|
|
165
186
|
);
|
|
166
187
|
}
|
|
@@ -168,14 +189,20 @@ var EMBER = "#ef6820";
|
|
|
168
189
|
var BUTTON = {
|
|
169
190
|
display: "inline-flex",
|
|
170
191
|
alignItems: "center",
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
192
|
+
justifyContent: "center",
|
|
193
|
+
gap: 10,
|
|
194
|
+
padding: "10px 22px",
|
|
195
|
+
border: "1px solid rgba(242, 108, 24, 0.55)",
|
|
196
|
+
borderRadius: 0,
|
|
197
|
+
// sharp corners — Dexter brand drops radius on structural elements
|
|
198
|
+
background: "linear-gradient(135deg, rgba(242, 108, 24, 0.95), rgba(186, 58, 0, 0.88))",
|
|
199
|
+
color: "#fff4ea",
|
|
177
200
|
font: "inherit",
|
|
178
201
|
fontWeight: 600,
|
|
202
|
+
fontSize: "0.78rem",
|
|
203
|
+
letterSpacing: "0.12em",
|
|
204
|
+
textTransform: "uppercase",
|
|
205
|
+
boxShadow: "0 16px 28px rgba(242, 108, 24, 0.25)",
|
|
179
206
|
cursor: "pointer"
|
|
180
207
|
};
|
|
181
208
|
var CHIP = {
|
|
@@ -183,7 +210,8 @@ var CHIP = {
|
|
|
183
210
|
alignItems: "center",
|
|
184
211
|
gap: 8,
|
|
185
212
|
padding: "6px 10px",
|
|
186
|
-
borderRadius:
|
|
213
|
+
borderRadius: 0,
|
|
214
|
+
// sharp — match the brand
|
|
187
215
|
border: "1px solid rgba(239,104,32,0.35)",
|
|
188
216
|
font: "inherit",
|
|
189
217
|
fontVariantNumeric: "tabular-nums"
|