@sakaniui/react 0.3.21 → 0.3.23
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/{TopBar-BWbOTcpt.cjs → TopBar-B6jQBMmE.cjs} +1 -1
- package/dist/{TopBar-BKSCwKnQ.js → TopBar-DY_jqDX4.js} +16 -16
- package/dist/blocks.cjs +1 -1
- package/dist/blocks.mjs +222 -203
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/blocks.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, H as s, I as c, J as l, K as u, L as d, N as f, O as p, P as m, Q as h, R as g, S as _, U as v, V as y, W as b, X as x, Y as ee, Z as te, _ as S, a as ne, at as C, b as re, c as ie, ct as ae, d as oe, dt as se, et as ce, f as le, ft as ue, g as de, h as fe, i as pe, it as me, j as he, k as ge, l as _e, lt as ve, m as ye, n as be, nt as xe, o as w, ot as Se, p as Ce, pt as T, r as we, rt as Te, s as Ee, st as De, t as Oe, tt as E, u as ke, ut as Ae, v as je, w as Me, x as Ne, y as Pe, z as Fe } from "./TopBar-
|
|
1
|
+
import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, H as s, I as c, J as l, K as u, L as d, N as f, O as p, P as m, Q as h, R as g, S as _, U as v, V as y, W as b, X as x, Y as ee, Z as te, _ as S, a as ne, at as C, b as re, c as ie, ct as ae, d as oe, dt as se, et as ce, f as le, ft as ue, g as de, h as fe, i as pe, it as me, j as he, k as ge, l as _e, lt as ve, m as ye, n as be, nt as xe, o as w, ot as Se, p as Ce, pt as T, r as we, rt as Te, s as Ee, st as De, t as Oe, tt as E, u as ke, ut as Ae, v as je, w as Me, x as Ne, y as Pe, z as Fe } from "./TopBar-DY_jqDX4.js";
|
|
2
2
|
import D from "react";
|
|
3
3
|
import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
|
|
4
4
|
import { Bell as Ie, Boxes as Le, Building2 as Re, Calendar as ze, CalendarDays as Be, ChartPie as Ve, Check as He, ChevronDown as Ue, ChevronUp as We, ChevronsUpDown as Ge, Circle as Ke, CircleCheck as qe, Coins as Je, Columns3 as Ye, CreditCard as Xe, Database as Ze, Download as Qe, Eye as $e, EyeOff as et, File as tt, FileText as nt, Filter as rt, Flag as it, Group as at, House as ot, LayoutGrid as st, Lock as ct, Mail as lt, MailCheck as ut, Merge as dt, MessageCircle as ft, MessageCircleMore as pt, MessageSquare as mt, MoreHorizontal as ht, PanelLeftClose as gt, PanelRight as _t, Pencil as vt, Phone as yt, Plug as bt, Plus as xt, Quote as St, Search as Ct, Settings as wt, ShieldCheck as Tt, ShoppingBag as Et, Sparkles as Dt, Target as Ot, Trash as kt, Truck as At, Upload as jt, UploadCloud as Mt, User as Nt, UserPlus as Pt, Users as Ft, Video as It, Workflow as Lt, X as Rt, Zap as zt } from "lucide-react";
|
|
@@ -3295,34 +3295,56 @@ var Bt = {
|
|
|
3295
3295
|
})]
|
|
3296
3296
|
});
|
|
3297
3297
|
}, G = {
|
|
3298
|
-
block: "
|
|
3299
|
-
nav: "
|
|
3300
|
-
"nav--collapsed": "_nav--
|
|
3301
|
-
nav__body: "
|
|
3302
|
-
nav__group: "
|
|
3303
|
-
nav__footer: "
|
|
3304
|
-
main: "
|
|
3305
|
-
pageTitle: "
|
|
3306
|
-
content: "
|
|
3307
|
-
headerRow: "
|
|
3308
|
-
headerRow__filter: "
|
|
3309
|
-
headerRow__chat: "
|
|
3310
|
-
chatAction: "
|
|
3311
|
-
panes: "
|
|
3312
|
-
chatColumn: "
|
|
3313
|
-
list: "
|
|
3314
|
-
list__search: "
|
|
3315
|
-
chat: "
|
|
3316
|
-
thread: "
|
|
3317
|
-
msgRow: "
|
|
3318
|
-
"msgRow--sent": "_msgRow--
|
|
3319
|
-
dateRow: "
|
|
3320
|
-
imagePlaceholder: "
|
|
3321
|
-
typing: "
|
|
3322
|
-
chatEmpty: "
|
|
3323
|
-
appBar: "
|
|
3324
|
-
|
|
3325
|
-
|
|
3298
|
+
block: "_block_1pvxt_4",
|
|
3299
|
+
nav: "_nav_1pvxt_13",
|
|
3300
|
+
"nav--collapsed": "_nav--collapsed_1pvxt_24",
|
|
3301
|
+
nav__body: "_nav__body_1pvxt_26",
|
|
3302
|
+
nav__group: "_nav__group_1pvxt_34",
|
|
3303
|
+
nav__footer: "_nav__footer_1pvxt_35",
|
|
3304
|
+
main: "_main_1pvxt_38",
|
|
3305
|
+
pageTitle: "_pageTitle_1pvxt_45",
|
|
3306
|
+
content: "_content_1pvxt_52",
|
|
3307
|
+
headerRow: "_headerRow_1pvxt_67",
|
|
3308
|
+
headerRow__filter: "_headerRow__filter_1pvxt_70",
|
|
3309
|
+
headerRow__chat: "_headerRow__chat_1pvxt_76",
|
|
3310
|
+
chatAction: "_chatAction_1pvxt_78",
|
|
3311
|
+
panes: "_panes_1pvxt_91",
|
|
3312
|
+
chatColumn: "_chatColumn_1pvxt_96",
|
|
3313
|
+
list: "_list_1pvxt_104",
|
|
3314
|
+
list__search: "_list__search_1pvxt_116",
|
|
3315
|
+
chat: "_chat_1pvxt_78",
|
|
3316
|
+
thread: "_thread_1pvxt_131",
|
|
3317
|
+
msgRow: "_msgRow_1pvxt_140",
|
|
3318
|
+
"msgRow--sent": "_msgRow--sent_1pvxt_141",
|
|
3319
|
+
dateRow: "_dateRow_1pvxt_144",
|
|
3320
|
+
imagePlaceholder: "_imagePlaceholder_1pvxt_152",
|
|
3321
|
+
typing: "_typing_1pvxt_159",
|
|
3322
|
+
chatEmpty: "_chatEmpty_1pvxt_177",
|
|
3323
|
+
appBar: "_appBar_1pvxt_185"
|
|
3324
|
+
}, nr = () => /* @__PURE__ */ A("svg", {
|
|
3325
|
+
width: "100%",
|
|
3326
|
+
height: "100%",
|
|
3327
|
+
viewBox: "0 0 28 28",
|
|
3328
|
+
fill: "none",
|
|
3329
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3330
|
+
"aria-hidden": "true",
|
|
3331
|
+
children: [
|
|
3332
|
+
/* @__PURE__ */ k("path", {
|
|
3333
|
+
d: "M0 8C0 3.58172 3.58172 0 8 0H20C24.4183 0 28 3.58172 28 8V20C28 24.4183 24.4183 28 20 28H8C3.58172 28 0 24.4183 0 20V8Z",
|
|
3334
|
+
fill: "#FF4700"
|
|
3335
|
+
}),
|
|
3336
|
+
/* @__PURE__ */ k("path", {
|
|
3337
|
+
d: "M6.63704 15.9944L20.6362 14.491",
|
|
3338
|
+
stroke: "#FAFAF9",
|
|
3339
|
+
strokeWidth: "2.5",
|
|
3340
|
+
strokeLinecap: "round"
|
|
3341
|
+
}),
|
|
3342
|
+
/* @__PURE__ */ k("path", {
|
|
3343
|
+
d: "M14.208 22.884C12.848 22.884 11.664 22.636 10.656 22.14C9.664 21.644 8.88 20.956 8.304 20.076C7.728 19.196 7.392 18.172 7.296 17.004L9.96 16.836C10.072 17.636 10.304 18.316 10.656 18.876C11.008 19.42 11.48 19.836 12.072 20.124C12.68 20.396 13.408 20.532 14.256 20.532C14.992 20.532 15.616 20.444 16.128 20.268C16.656 20.076 17.056 19.796 17.328 19.428C17.6 19.06 17.736 18.612 17.736 18.084C17.736 17.604 17.616 17.18 17.376 16.812C17.152 16.428 16.712 16.084 16.056 15.78C15.416 15.46 14.472 15.148 13.224 14.844C11.864 14.508 10.776 14.14 9.96 13.74C9.144 13.34 8.552 12.844 8.184 12.252C7.832 11.644 7.656 10.9 7.656 10.02C7.656 9.044 7.888 8.188 8.352 7.452C8.832 6.7 9.512 6.116 10.392 5.7C11.272 5.284 12.328 5.076 13.56 5.076C14.856 5.076 15.96 5.316 16.872 5.796C17.8 6.276 18.528 6.932 19.056 7.764C19.6 8.596 19.936 9.548 20.064 10.62L17.4 10.764C17.32 10.108 17.12 9.532 16.8 9.036C16.48 8.524 16.048 8.132 15.504 7.86C14.96 7.572 14.296 7.428 13.512 7.428C12.52 7.428 11.736 7.66 11.16 8.124C10.6 8.572 10.32 9.172 10.32 9.924C10.32 10.404 10.432 10.812 10.656 11.148C10.896 11.468 11.312 11.748 11.904 11.988C12.512 12.228 13.368 12.484 14.472 12.756C15.944 13.092 17.112 13.508 17.976 14.004C18.856 14.484 19.48 15.052 19.848 15.708C20.216 16.364 20.4 17.108 20.4 17.94C20.4 18.948 20.136 19.828 19.608 20.58C19.096 21.316 18.376 21.884 17.448 22.284C16.52 22.684 15.44 22.884 14.208 22.884Z",
|
|
3344
|
+
fill: "#FAFAF9"
|
|
3345
|
+
})
|
|
3346
|
+
]
|
|
3347
|
+
}), rr = [
|
|
3326
3348
|
{
|
|
3327
3349
|
label: "Menu",
|
|
3328
3350
|
items: [
|
|
@@ -3380,7 +3402,7 @@ var Bt = {
|
|
|
3380
3402
|
{ label: "APAC Expansion" }
|
|
3381
3403
|
]
|
|
3382
3404
|
}
|
|
3383
|
-
],
|
|
3405
|
+
], ir = [
|
|
3384
3406
|
{
|
|
3385
3407
|
name: "Amara Chen",
|
|
3386
3408
|
initials: "AC",
|
|
@@ -3438,8 +3460,8 @@ var Bt = {
|
|
|
3438
3460
|
preview: "v1.1.0 deployed to production",
|
|
3439
3461
|
state: "muted"
|
|
3440
3462
|
}
|
|
3441
|
-
],
|
|
3442
|
-
let n = e !== "default", r = e !== "empty", [i, o] = D.useState(0), s = a(), c = a(), [l, u] = D.useState(""), [d, f] = D.useState([]), [p, m] = D.useState([]), h =
|
|
3463
|
+
], ar = ({ state: e = "default", className: t }) => {
|
|
3464
|
+
let n = e !== "default", r = e !== "empty", [i, o] = D.useState(0), s = a(), c = a(), [l, u] = D.useState(""), [d, f] = D.useState([]), [p, m] = D.useState([]), h = ir[i];
|
|
3443
3465
|
D.useEffect(() => {
|
|
3444
3466
|
let e = `chat_messages_${i}`, t = localStorage.getItem(e);
|
|
3445
3467
|
if (t) try {
|
|
@@ -3500,10 +3522,7 @@ var Bt = {
|
|
|
3500
3522
|
type: "brand-toggle",
|
|
3501
3523
|
title: "Sakani",
|
|
3502
3524
|
subtitle: "Workspace",
|
|
3503
|
-
logo: /* @__PURE__ */ k(
|
|
3504
|
-
className: G.logoMark,
|
|
3505
|
-
children: "S"
|
|
3506
|
-
}),
|
|
3525
|
+
logo: /* @__PURE__ */ k(nr, {}),
|
|
3507
3526
|
collapsed: n
|
|
3508
3527
|
}),
|
|
3509
3528
|
/* @__PURE__ */ A("div", {
|
|
@@ -3512,7 +3531,7 @@ var Bt = {
|
|
|
3512
3531
|
size: "sm",
|
|
3513
3532
|
leadingIcon: /* @__PURE__ */ k(Ct, { size: 16 }),
|
|
3514
3533
|
placeholder: "Search"
|
|
3515
|
-
}),
|
|
3534
|
+
}), rr.filter((e) => !n || e.items.some((e) => e.icon)).map((e, t) => /* @__PURE__ */ A(D.Fragment, { children: [t > 0 && /* @__PURE__ */ k(E, {}), /* @__PURE__ */ A("div", {
|
|
3516
3535
|
className: G.nav__group,
|
|
3517
3536
|
children: [!n && /* @__PURE__ */ k(ke, { children: e.label }), e.items.map((e) => e.icon ? /* @__PURE__ */ k(ie, {
|
|
3518
3537
|
icon: e.icon,
|
|
@@ -3595,7 +3614,7 @@ var Bt = {
|
|
|
3595
3614
|
placeholder: "Search conversations"
|
|
3596
3615
|
})
|
|
3597
3616
|
}),
|
|
3598
|
-
|
|
3617
|
+
ir.map((t, n) => /* @__PURE__ */ k("button", {
|
|
3599
3618
|
onClick: () => o(n),
|
|
3600
3619
|
style: {
|
|
3601
3620
|
background: "none",
|
|
@@ -3818,7 +3837,7 @@ var Bt = {
|
|
|
3818
3837
|
cellStack: "_cellStack_1qvy4_440",
|
|
3819
3838
|
cellText: "_cellText_1qvy4_451",
|
|
3820
3839
|
cellSub: "_cellSub_1qvy4_441"
|
|
3821
|
-
},
|
|
3840
|
+
}, or = [
|
|
3822
3841
|
{
|
|
3823
3842
|
company: "Figma",
|
|
3824
3843
|
companyAvatar: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAYKADAAQAAAABAAAAYAAAAAD/4QqPaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6SXB0YzR4bXBFeHQ9Imh0dHA6Ly9pcHRjLm9yZy9zdGQvSXB0YzR4bXBFeHQvMjAwOC0wMi0yOS8iIHBob3Rvc2hvcDpDcmVkaXQ9Ik1hZGUgd2l0aCBHb29nbGUgQUkiIElwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPSJodHRwOi8vY3YuaXB0Yy5vcmcvbmV3c2NvZGVzL2RpZ2l0YWxzb3VyY2V0eXBlL3RyYWluZWRBbGdvcml0aG1pY01lZGlhIiBJcHRjNHhtcEV4dDpEaWdpdGFsU291cmNlRmlsZVR5cGU9Imh0dHA6Ly9jdi5pcHRjLm9yZy9uZXdzY29kZXMvZGlnaXRhbHNvdXJjZXR5cGUvdHJhaW5lZEFsZ29yaXRobWljTWVkaWEiLz4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+AP/tAGBQaG90b3Nob3AgMy4wADhCSU0EBAAAAAAAJxwBWgADGyVHHAIAAAIAAhwCbgATTWFkZSB3aXRoIEdvb2dsZSBBSQA4QklNBCUAAAAAABAmT33pDUKHQ2d8dhjOVoRd/8AAEQgAYABgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMAAgICAgICAwICAwQDAwMEBQQEBAQFBwUFBQUFBwgHBwcHBwcICAgICAgICAoKCgoKCgsLCwsLDQ0NDQ0NDQ0NDf/bAEMBAgICAwMDBgMDBg0JBwkNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/dAAQABv/aAAwDAQACEQMRAD8A8dGeKCM8imjinZ5r8nP1cQD1pdtOzmigY3tSAU+ihCuMxTecjFSH0ppoAOnIpOad24oP6UDG0YNLx3o70Af/0PHKB1pBk07Ga/Jz9YFA70GijrQIQU6nxRSTOI4ULueiqMk/lWjc6Lq1mqvc2skatwCRxk/y/Gh2UeZ7HoYTKcbiouWGoykl1Sb/ACMo03611Z8E+KsZ/s2bjnoD0/Gubmglt5GgnRo5EOGVhhgfcGsqdanPSEkyMVl+KwyTxFNxT7poh9qTORSjFGBWpxiYpD0zS+1NNAH/0fHBxzT6TAo6V+Tn6wLSCj3paLisehfD1Lc3tyx/4+FjHl/7pJ34/SvTLlYjbSrP/qth8w/7OOa8U8NWc9xemaGZ4BCMmSM4bnoPx7132sLfX9oY47h0ZBkKMBXI7Nxzmv07JfCrPM4ySWa4OMeXXlTesrb20/Nq5+t8KeJuByjLVgsXSl7t9Y22eut2tT3NcbR6Yrwf4uJZjU7J48faWhbzQOuwEbCf1/AV6BpdzrSWaHUbsyzuoLAIiqhI6DC9R614r410y6sNUFxPPJcrdAsssp3Pleqk+2Rj2r5zNfBbP+G8FDOMe4uDsmottxvtzXS/C+p+Lw+k5wtxrip8OZTCaqXupTSSko78tm399tDjMUmMdKdRXyafc7hvT6Uh9qcRmgcChMD/0vH6KQUtfkjP1gKKKKLgdF4cvZrW8MccTzLKMFEGW46H8O9enmCbbnb+orhvA5t/tk6t/rig8s/7I+8B+lejTzJBBJNJ92NSzfQV+4cFeIGbZRlH1WhOLpq9k1fl72d16n8o+JnjDn+V8Vf6v5bh48vuL3ouTnzW2s1prbrqjI03x3pb2yLqJaGdAA2FLKxHcEevvXAeKfEA168RoVZIIVKordST1b2zxxXNPjORTfevkOIvEzPc6y+OWY6onTja9lZyttzPr+Gup+w8LeEfDnD+aTzfLqTVWV7Xd1G+/Kul/O+mglFLSV+f30P05hRRRSuI/9Px8g4pOlHX6UcV+SH6yLmik75paQMekjxMHjYqwOQVOCPxFXLnVNQvEVLm4eRV6Anj8fWqJHvSVaqSS5U9DkqYHDVKscRUpxc47NpXXo90LRmkoFTc67ijHeijIFBp6CEooopAf//U8eFGKWlPWvyWx+sCUU7ik75FHKACjFLkUuRTsA00lOOOtJmjlAOKSl4zQaOUBKKUUuaOUD//2Q==",
|
|
@@ -3945,35 +3964,35 @@ var Bt = {
|
|
|
3945
3964
|
lastActivity: "18 hrs ago",
|
|
3946
3965
|
nextFollowUp: "Nov 7"
|
|
3947
3966
|
}
|
|
3948
|
-
],
|
|
3967
|
+
], sr = {
|
|
3949
3968
|
Qualified: "accent",
|
|
3950
3969
|
Negotiation: "warning",
|
|
3951
3970
|
Lost: "danger",
|
|
3952
3971
|
Contacted: "neutral",
|
|
3953
3972
|
"Proposal sent": "info",
|
|
3954
3973
|
Won: "success"
|
|
3955
|
-
},
|
|
3974
|
+
}, cr = {
|
|
3956
3975
|
Qualified: K.checkSuccess,
|
|
3957
3976
|
Negotiation: K.checkWarning,
|
|
3958
3977
|
Lost: K.checkDanger,
|
|
3959
3978
|
Contacted: K.checkNeutral,
|
|
3960
3979
|
"Proposal sent": K.checkBrand,
|
|
3961
3980
|
Won: K.checkSuccessSolid
|
|
3962
|
-
},
|
|
3981
|
+
}, lr = [
|
|
3963
3982
|
"Qualified",
|
|
3964
3983
|
"Contacted",
|
|
3965
3984
|
"Negotiation",
|
|
3966
3985
|
"Proposal sent",
|
|
3967
3986
|
"Lost",
|
|
3968
3987
|
"Won"
|
|
3969
|
-
],
|
|
3988
|
+
], ur = [
|
|
3970
3989
|
"Website",
|
|
3971
3990
|
"LinkedIn",
|
|
3972
3991
|
"Cold email",
|
|
3973
3992
|
"Referral",
|
|
3974
3993
|
"Paid ads",
|
|
3975
3994
|
"Events"
|
|
3976
|
-
],
|
|
3995
|
+
], dr = [
|
|
3977
3996
|
{
|
|
3978
3997
|
label: "SaaS",
|
|
3979
3998
|
value: "saas"
|
|
@@ -3990,7 +4009,7 @@ var Bt = {
|
|
|
3990
4009
|
label: "E-commerce",
|
|
3991
4010
|
value: "ecommerce"
|
|
3992
4011
|
}
|
|
3993
|
-
],
|
|
4012
|
+
], fr = [
|
|
3994
4013
|
{
|
|
3995
4014
|
label: "Kende Attila",
|
|
3996
4015
|
value: "kende"
|
|
@@ -4003,7 +4022,7 @@ var Bt = {
|
|
|
4003
4022
|
label: "Rámai Ivette",
|
|
4004
4023
|
value: "ramai"
|
|
4005
4024
|
}
|
|
4006
|
-
],
|
|
4025
|
+
], pr = [
|
|
4007
4026
|
{
|
|
4008
4027
|
label: "United States",
|
|
4009
4028
|
value: "us"
|
|
@@ -4020,13 +4039,13 @@ var Bt = {
|
|
|
4020
4039
|
label: "Nigeria",
|
|
4021
4040
|
value: "ng"
|
|
4022
4041
|
}
|
|
4023
|
-
],
|
|
4042
|
+
], mr = {
|
|
4024
4043
|
leads: "leads",
|
|
4025
4044
|
contacts: "contacts",
|
|
4026
4045
|
companies: "companies",
|
|
4027
4046
|
deals: "deals"
|
|
4028
4047
|
};
|
|
4029
|
-
function
|
|
4048
|
+
function hr({ title: e, isOpen: t, onToggle: n }) {
|
|
4030
4049
|
let r = t ? We : Ue;
|
|
4031
4050
|
return /* @__PURE__ */ A("button", {
|
|
4032
4051
|
type: "button",
|
|
@@ -4046,7 +4065,7 @@ function mr({ title: e, isOpen: t, onToggle: n }) {
|
|
|
4046
4065
|
})]
|
|
4047
4066
|
});
|
|
4048
4067
|
}
|
|
4049
|
-
function
|
|
4068
|
+
function gr({ isOpen: e, children: t }) {
|
|
4050
4069
|
let [n, r] = D.useState(!1);
|
|
4051
4070
|
return D.useEffect(() => {
|
|
4052
4071
|
e || r(!1);
|
|
@@ -4072,15 +4091,15 @@ function q(e) {
|
|
|
4072
4091
|
})
|
|
4073
4092
|
});
|
|
4074
4093
|
}
|
|
4075
|
-
var
|
|
4094
|
+
var _r = (e) => `$${Math.round(e).toLocaleString("en-US")}`, vr = [
|
|
4076
4095
|
"status",
|
|
4077
4096
|
"source",
|
|
4078
4097
|
"industry",
|
|
4079
4098
|
"dealValue",
|
|
4080
4099
|
"owner",
|
|
4081
4100
|
"country"
|
|
4082
|
-
],
|
|
4083
|
-
let [n, r] = D.useState("leads"), [i, a] = D.useState("active"), [o, s] = D.useState(""), [c, l] = D.useState([]), [u, d] = D.useState(1), [f, p] = D.useState(new Set(
|
|
4101
|
+
], yr = ({ className: e, fillPlaceholders: t }) => {
|
|
4102
|
+
let [n, r] = D.useState("leads"), [i, a] = D.useState("active"), [o, s] = D.useState(""), [c, l] = D.useState([]), [u, d] = D.useState(1), [f, p] = D.useState(new Set(lr)), [m, h] = D.useState(/* @__PURE__ */ new Set()), [g, _] = D.useState(new Set(vr)), v = (e) => _((t) => de(t, e)), [y, b] = D.useState(7e4), [ee, te] = D.useState(!0), [re, ie] = D.useState(16), ae = D.useRef(null), se = D.useRef(!1), ce = (e) => {
|
|
4084
4103
|
e.preventDefault();
|
|
4085
4104
|
let t = ae.current;
|
|
4086
4105
|
if (!t) return;
|
|
@@ -4139,7 +4158,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4139
4158
|
header: "Status",
|
|
4140
4159
|
width: "12%",
|
|
4141
4160
|
render: (e) => /* @__PURE__ */ k(x, {
|
|
4142
|
-
variant:
|
|
4161
|
+
variant: sr[e.status],
|
|
4143
4162
|
emphasis: "subtle",
|
|
4144
4163
|
leftIcon: /* @__PURE__ */ k(Ke, {
|
|
4145
4164
|
size: 8,
|
|
@@ -4199,7 +4218,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4199
4218
|
children: e.nextFollowUp
|
|
4200
4219
|
})
|
|
4201
4220
|
}
|
|
4202
|
-
], []), he = D.useMemo(() =>
|
|
4221
|
+
], []), he = D.useMemo(() => or.filter((e) => {
|
|
4203
4222
|
if (f.size && !f.has(e.status) || m.size && !m.has(e.source)) return !1;
|
|
4204
4223
|
if (o) {
|
|
4205
4224
|
let t = o.toLowerCase();
|
|
@@ -4226,7 +4245,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4226
4245
|
children: /* @__PURE__ */ k(_e, {
|
|
4227
4246
|
type: "brand",
|
|
4228
4247
|
title: "Sakani",
|
|
4229
|
-
logo:
|
|
4248
|
+
logo: /* @__PURE__ */ k(nr, {}),
|
|
4230
4249
|
collapsed: !0
|
|
4231
4250
|
})
|
|
4232
4251
|
}),
|
|
@@ -4416,16 +4435,16 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4416
4435
|
children: [
|
|
4417
4436
|
/* @__PURE__ */ A("section", {
|
|
4418
4437
|
className: K.group,
|
|
4419
|
-
children: [/* @__PURE__ */ k(
|
|
4438
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4420
4439
|
title: "Lead status",
|
|
4421
4440
|
isOpen: g.has("status"),
|
|
4422
4441
|
onToggle: () => v("status")
|
|
4423
|
-
}), /* @__PURE__ */ k(
|
|
4442
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4424
4443
|
isOpen: g.has("status"),
|
|
4425
4444
|
children: /* @__PURE__ */ k("div", {
|
|
4426
4445
|
className: K.checkGrid,
|
|
4427
|
-
children:
|
|
4428
|
-
className:
|
|
4446
|
+
children: lr.map((e) => /* @__PURE__ */ k(Ne, {
|
|
4447
|
+
className: cr[e],
|
|
4429
4448
|
label: e,
|
|
4430
4449
|
checked: f.has(e),
|
|
4431
4450
|
onChange: () => p((t) => de(t, e))
|
|
@@ -4436,15 +4455,15 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4436
4455
|
/* @__PURE__ */ k(E, {}),
|
|
4437
4456
|
/* @__PURE__ */ A("section", {
|
|
4438
4457
|
className: K.group,
|
|
4439
|
-
children: [/* @__PURE__ */ k(
|
|
4458
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4440
4459
|
title: "Lead source",
|
|
4441
4460
|
isOpen: g.has("source"),
|
|
4442
4461
|
onToggle: () => v("source")
|
|
4443
|
-
}), /* @__PURE__ */ k(
|
|
4462
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4444
4463
|
isOpen: g.has("source"),
|
|
4445
4464
|
children: /* @__PURE__ */ k("div", {
|
|
4446
4465
|
className: K.checkGrid,
|
|
4447
|
-
children:
|
|
4466
|
+
children: ur.map((e) => /* @__PURE__ */ k(Ne, {
|
|
4448
4467
|
label: e,
|
|
4449
4468
|
checked: m.has(e),
|
|
4450
4469
|
onChange: () => h((t) => de(t, e))
|
|
@@ -4455,26 +4474,26 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4455
4474
|
/* @__PURE__ */ k(E, {}),
|
|
4456
4475
|
/* @__PURE__ */ A("section", {
|
|
4457
4476
|
className: K.group,
|
|
4458
|
-
children: [/* @__PURE__ */ k(
|
|
4477
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4459
4478
|
title: "Industry",
|
|
4460
4479
|
isOpen: g.has("industry"),
|
|
4461
4480
|
onToggle: () => v("industry")
|
|
4462
|
-
}), /* @__PURE__ */ k(
|
|
4481
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4463
4482
|
isOpen: g.has("industry"),
|
|
4464
4483
|
children: /* @__PURE__ */ k(Ce, {
|
|
4465
4484
|
placeholder: "Select industry",
|
|
4466
|
-
options:
|
|
4485
|
+
options: dr
|
|
4467
4486
|
})
|
|
4468
4487
|
})]
|
|
4469
4488
|
}),
|
|
4470
4489
|
/* @__PURE__ */ k(E, {}),
|
|
4471
4490
|
/* @__PURE__ */ A("section", {
|
|
4472
4491
|
className: K.group,
|
|
4473
|
-
children: [/* @__PURE__ */ k(
|
|
4492
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4474
4493
|
title: "Deal value",
|
|
4475
4494
|
isOpen: g.has("dealValue"),
|
|
4476
4495
|
onToggle: () => v("dealValue")
|
|
4477
|
-
}), /* @__PURE__ */ k(
|
|
4496
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4478
4497
|
isOpen: g.has("dealValue"),
|
|
4479
4498
|
children: /* @__PURE__ */ A("div", {
|
|
4480
4499
|
className: K.dealValueGroup,
|
|
@@ -4493,7 +4512,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4493
4512
|
}), /* @__PURE__ */ k("div", {
|
|
4494
4513
|
className: K.rangeLabel,
|
|
4495
4514
|
"aria-label": "Maximum deal value",
|
|
4496
|
-
children:
|
|
4515
|
+
children: _r(y)
|
|
4497
4516
|
})]
|
|
4498
4517
|
})]
|
|
4499
4518
|
})
|
|
@@ -4502,29 +4521,29 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4502
4521
|
/* @__PURE__ */ k(E, {}),
|
|
4503
4522
|
/* @__PURE__ */ A("section", {
|
|
4504
4523
|
className: K.group,
|
|
4505
|
-
children: [/* @__PURE__ */ k(
|
|
4524
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4506
4525
|
title: "Owner",
|
|
4507
4526
|
isOpen: g.has("owner"),
|
|
4508
4527
|
onToggle: () => v("owner")
|
|
4509
|
-
}), /* @__PURE__ */ k(
|
|
4528
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4510
4529
|
isOpen: g.has("owner"),
|
|
4511
4530
|
children: /* @__PURE__ */ k(Ce, {
|
|
4512
4531
|
placeholder: "Select owner",
|
|
4513
|
-
options:
|
|
4532
|
+
options: fr
|
|
4514
4533
|
})
|
|
4515
4534
|
})]
|
|
4516
4535
|
}),
|
|
4517
4536
|
/* @__PURE__ */ A("section", {
|
|
4518
4537
|
className: K.group,
|
|
4519
|
-
children: [/* @__PURE__ */ k(
|
|
4538
|
+
children: [/* @__PURE__ */ k(hr, {
|
|
4520
4539
|
title: "Country",
|
|
4521
4540
|
isOpen: g.has("country"),
|
|
4522
4541
|
onToggle: () => v("country")
|
|
4523
|
-
}), /* @__PURE__ */ k(
|
|
4542
|
+
}), /* @__PURE__ */ k(gr, {
|
|
4524
4543
|
isOpen: g.has("country"),
|
|
4525
4544
|
children: /* @__PURE__ */ k(Ce, {
|
|
4526
4545
|
placeholder: "Select country",
|
|
4527
|
-
options:
|
|
4546
|
+
options: pr
|
|
4528
4547
|
})
|
|
4529
4548
|
})]
|
|
4530
4549
|
})
|
|
@@ -4648,7 +4667,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4648
4667
|
className: K.footer,
|
|
4649
4668
|
children: [/* @__PURE__ */ k("p", {
|
|
4650
4669
|
className: K.footerText,
|
|
4651
|
-
children: n === "leads" ? `Showing 1–${he.length} of ${he.length} leads` : `Loading ${
|
|
4670
|
+
children: n === "leads" ? `Showing 1–${he.length} of ${he.length} leads` : `Loading ${mr[n]}…`
|
|
4652
4671
|
}), /* @__PURE__ */ k(fe, {
|
|
4653
4672
|
total: 10,
|
|
4654
4673
|
page: u,
|
|
@@ -4661,21 +4680,21 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4661
4680
|
]
|
|
4662
4681
|
})]
|
|
4663
4682
|
});
|
|
4664
|
-
},
|
|
4683
|
+
}, br = {
|
|
4665
4684
|
block: "_block_1ok77_1",
|
|
4666
4685
|
heading: "_heading_1ok77_13",
|
|
4667
4686
|
fullWidth: "_fullWidth_1ok77_21",
|
|
4668
4687
|
grid: "_grid_1ok77_26",
|
|
4669
4688
|
card: "_card_1ok77_36"
|
|
4670
|
-
},
|
|
4671
|
-
className: [
|
|
4689
|
+
}, xr = ({ eyebrow: e = "Blog", title: n, subtitle: r, featuredPost: i, posts: a, className: s }) => /* @__PURE__ */ A("div", {
|
|
4690
|
+
className: [br.block, s ?? ""].filter(Boolean).join(" "),
|
|
4672
4691
|
children: [
|
|
4673
4692
|
/* @__PURE__ */ k(t, {
|
|
4674
4693
|
eyebrow: e,
|
|
4675
4694
|
title: n,
|
|
4676
4695
|
subtitle: r,
|
|
4677
4696
|
align: "left",
|
|
4678
|
-
className:
|
|
4697
|
+
className: br.heading
|
|
4679
4698
|
}),
|
|
4680
4699
|
/* @__PURE__ */ k(o, {
|
|
4681
4700
|
image: i.image,
|
|
@@ -4686,10 +4705,10 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4686
4705
|
ctaLabel: i.ctaLabel,
|
|
4687
4706
|
onCtaClick: i.onCtaClick,
|
|
4688
4707
|
orientation: "horizontal",
|
|
4689
|
-
className:
|
|
4708
|
+
className: br.fullWidth
|
|
4690
4709
|
}),
|
|
4691
4710
|
/* @__PURE__ */ k("div", {
|
|
4692
|
-
className:
|
|
4711
|
+
className: br.grid,
|
|
4693
4712
|
children: a.map((e, t) => /* @__PURE__ */ k(c, {
|
|
4694
4713
|
image: e.image,
|
|
4695
4714
|
imageAlt: e.imageAlt,
|
|
@@ -4699,33 +4718,33 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4699
4718
|
excerpt: e.excerpt,
|
|
4700
4719
|
author: e.author,
|
|
4701
4720
|
layout: "default",
|
|
4702
|
-
className:
|
|
4721
|
+
className: br.card
|
|
4703
4722
|
}, e.id ?? e.title ?? t))
|
|
4704
4723
|
})
|
|
4705
4724
|
]
|
|
4706
|
-
}),
|
|
4725
|
+
}), Sr = {
|
|
4707
4726
|
block: "_block_1aed4_1",
|
|
4708
4727
|
heading: "_heading_1aed4_13",
|
|
4709
4728
|
list: "_list_1aed4_17",
|
|
4710
4729
|
row: "_row_1aed4_32",
|
|
4711
4730
|
rowDivider: "_rowDivider_1aed4_38"
|
|
4712
|
-
},
|
|
4713
|
-
className: [
|
|
4731
|
+
}, Cr = ({ eyebrow: e = "Careers", title: n, subtitle: r, jobs: i, className: a }) => /* @__PURE__ */ A("div", {
|
|
4732
|
+
className: [Sr.block, a ?? ""].filter(Boolean).join(" "),
|
|
4714
4733
|
children: [/* @__PURE__ */ k(t, {
|
|
4715
4734
|
eyebrow: e,
|
|
4716
4735
|
title: n,
|
|
4717
4736
|
subtitle: r,
|
|
4718
4737
|
align: "left",
|
|
4719
|
-
className:
|
|
4738
|
+
className: Sr.heading
|
|
4720
4739
|
}), /* @__PURE__ */ k("div", {
|
|
4721
|
-
className:
|
|
4740
|
+
className: Sr.list,
|
|
4722
4741
|
children: i.map(({ id: e, ...t }, n) => /* @__PURE__ */ k(he, {
|
|
4723
4742
|
...t,
|
|
4724
4743
|
layout: "row",
|
|
4725
|
-
className: [
|
|
4744
|
+
className: [Sr.row, n > 0 ? Sr.rowDivider : ""].filter(Boolean).join(" ")
|
|
4726
4745
|
}, e ?? t.title ?? n))
|
|
4727
4746
|
})]
|
|
4728
|
-
}),
|
|
4747
|
+
}), wr = {
|
|
4729
4748
|
block: "_block_5l87z_1",
|
|
4730
4749
|
banner: "_banner_5l87z_12",
|
|
4731
4750
|
bannerNeutral: "_bannerNeutral_5l87z_24",
|
|
@@ -4735,7 +4754,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4735
4754
|
description: "_description_5l87z_53",
|
|
4736
4755
|
descriptionAccent: "_descriptionAccent_5l87z_68",
|
|
4737
4756
|
ctaRow: "_ctaRow_5l87z_74"
|
|
4738
|
-
},
|
|
4757
|
+
}, Tr = ({ size: e = 16 }) => /* @__PURE__ */ k("svg", {
|
|
4739
4758
|
width: e,
|
|
4740
4759
|
height: e,
|
|
4741
4760
|
viewBox: "0 0 24 24",
|
|
@@ -4748,23 +4767,23 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4748
4767
|
fill: "currentColor",
|
|
4749
4768
|
d: "M12 0.296997C5.37 0.296997 0 5.667 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.667 18.627 0.296997 12 0.296997Z"
|
|
4750
4769
|
})
|
|
4751
|
-
}),
|
|
4770
|
+
}), Er = ({ title: e, description: t, primaryAction: n, secondaryAction: r, secondaryActionIcon: i = !1, variant: a = "neutral", className: o }) => {
|
|
4752
4771
|
let s = a === "accent";
|
|
4753
4772
|
return /* @__PURE__ */ k("div", {
|
|
4754
|
-
className: [
|
|
4773
|
+
className: [wr.block, o ?? ""].filter(Boolean).join(" "),
|
|
4755
4774
|
children: /* @__PURE__ */ A("div", {
|
|
4756
|
-
className: [
|
|
4775
|
+
className: [wr.banner, s ? wr.bannerAccent : wr.bannerNeutral].join(" "),
|
|
4757
4776
|
children: [
|
|
4758
4777
|
/* @__PURE__ */ k("p", {
|
|
4759
|
-
className: [
|
|
4778
|
+
className: [wr.title, s ? wr.titleAccent : ""].filter(Boolean).join(" "),
|
|
4760
4779
|
children: e
|
|
4761
4780
|
}),
|
|
4762
4781
|
/* @__PURE__ */ k("p", {
|
|
4763
|
-
className: [
|
|
4782
|
+
className: [wr.description, s ? wr.descriptionAccent : ""].filter(Boolean).join(" "),
|
|
4764
4783
|
children: t
|
|
4765
4784
|
}),
|
|
4766
4785
|
/* @__PURE__ */ A("div", {
|
|
4767
|
-
className:
|
|
4786
|
+
className: wr.ctaRow,
|
|
4768
4787
|
children: [/* @__PURE__ */ k(C, {
|
|
4769
4788
|
variant: s ? "secondary" : "primary",
|
|
4770
4789
|
size: "lg",
|
|
@@ -4774,26 +4793,26 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4774
4793
|
variant: "secondary",
|
|
4775
4794
|
size: "lg",
|
|
4776
4795
|
onClick: r.onClick,
|
|
4777
|
-
leftIcon: i ? /* @__PURE__ */ k(
|
|
4796
|
+
leftIcon: i ? /* @__PURE__ */ k(Tr, {}) : void 0,
|
|
4778
4797
|
children: r.label
|
|
4779
4798
|
})]
|
|
4780
4799
|
})
|
|
4781
4800
|
]
|
|
4782
4801
|
})
|
|
4783
4802
|
});
|
|
4784
|
-
},
|
|
4803
|
+
}, Dr = {
|
|
4785
4804
|
block: "_block_1847m_1",
|
|
4786
4805
|
grid: "_grid_1847m_12",
|
|
4787
4806
|
feature: "_feature_1847m_19",
|
|
4788
4807
|
title: "_title_1847m_27",
|
|
4789
4808
|
description: "_description_1847m_36"
|
|
4790
|
-
},
|
|
4791
|
-
className: [
|
|
4809
|
+
}, Or = ({ features: e, columns: t, className: n }) => /* @__PURE__ */ k("div", {
|
|
4810
|
+
className: [Dr.block, n ?? ""].filter(Boolean).join(" "),
|
|
4792
4811
|
children: /* @__PURE__ */ k("div", {
|
|
4793
|
-
className:
|
|
4812
|
+
className: Dr.grid,
|
|
4794
4813
|
style: { "--feature-grid-columns": t ?? e.length },
|
|
4795
4814
|
children: e.map((e, t) => /* @__PURE__ */ A("div", {
|
|
4796
|
-
className:
|
|
4815
|
+
className: Dr.feature,
|
|
4797
4816
|
children: [
|
|
4798
4817
|
/* @__PURE__ */ k(m, {
|
|
4799
4818
|
icon: e.icon,
|
|
@@ -4801,21 +4820,21 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4801
4820
|
variant: "light"
|
|
4802
4821
|
}),
|
|
4803
4822
|
/* @__PURE__ */ k("p", {
|
|
4804
|
-
className:
|
|
4823
|
+
className: Dr.title,
|
|
4805
4824
|
children: e.title
|
|
4806
4825
|
}),
|
|
4807
4826
|
/* @__PURE__ */ k("p", {
|
|
4808
|
-
className:
|
|
4827
|
+
className: Dr.description,
|
|
4809
4828
|
children: e.description
|
|
4810
4829
|
})
|
|
4811
4830
|
]
|
|
4812
4831
|
}, e.id ?? e.title ?? t))
|
|
4813
4832
|
})
|
|
4814
|
-
}),
|
|
4833
|
+
}), kr = {
|
|
4815
4834
|
root: "_root_1ldd1_1",
|
|
4816
4835
|
back: "_back_1ldd1_6",
|
|
4817
4836
|
canvas: "_canvas_1ldd1_15"
|
|
4818
|
-
},
|
|
4837
|
+
}, Ar = ({ frontSrc: e, backSrc: t, alt: n, brushSize: r = 36, className: i }) => {
|
|
4819
4838
|
let a = D.useRef(null), o = D.useRef(null), s = D.useRef(!1), c = D.useRef(null), l = D.useCallback((e, t) => {
|
|
4820
4839
|
let n = o.current?.getContext("2d");
|
|
4821
4840
|
n && (n.globalCompositeOperation = "destination-out", n.beginPath(), n.arc(e, t, r, 0, Math.PI * 2), n.fill());
|
|
@@ -4865,16 +4884,16 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4865
4884
|
};
|
|
4866
4885
|
return /* @__PURE__ */ A("div", {
|
|
4867
4886
|
ref: a,
|
|
4868
|
-
className: [
|
|
4887
|
+
className: [kr.root, i ?? ""].filter(Boolean).join(" "),
|
|
4869
4888
|
role: "img",
|
|
4870
4889
|
"aria-label": n ?? "",
|
|
4871
4890
|
children: [/* @__PURE__ */ k("img", {
|
|
4872
4891
|
src: t,
|
|
4873
4892
|
alt: "",
|
|
4874
|
-
className:
|
|
4893
|
+
className: kr.back
|
|
4875
4894
|
}), /* @__PURE__ */ k("canvas", {
|
|
4876
4895
|
ref: o,
|
|
4877
|
-
className:
|
|
4896
|
+
className: kr.canvas,
|
|
4878
4897
|
onPointerDown: f,
|
|
4879
4898
|
onPointerMove: p,
|
|
4880
4899
|
onPointerUp: m,
|
|
@@ -4896,7 +4915,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4896
4915
|
descriptionSplit: "_descriptionSplit_30qbv_87",
|
|
4897
4916
|
imageSplit: "_imageSplit_30qbv_96",
|
|
4898
4917
|
ctaRow: "_ctaRow_30qbv_106"
|
|
4899
|
-
},
|
|
4918
|
+
}, jr = ({ size: e = 16 }) => /* @__PURE__ */ k("svg", {
|
|
4900
4919
|
width: e,
|
|
4901
4920
|
height: e,
|
|
4902
4921
|
viewBox: "0 0 24 24",
|
|
@@ -4909,7 +4928,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4909
4928
|
fill: "currentColor",
|
|
4910
4929
|
d: "M12 0.296997C5.37 0.296997 0 5.667 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.667 18.627 0.296997 12 0.296997Z"
|
|
4911
4930
|
})
|
|
4912
|
-
}),
|
|
4931
|
+
}), Mr = ({ eyebrow: e, title: t, description: n, primaryAction: r, secondaryAction: i, secondaryActionIcon: a = !1, image: o, imageAlt: s, revealImage: c, caption: l, layout: u = "centered", className: d }) => {
|
|
4913
4932
|
let f = u === "split", p = /* @__PURE__ */ A("div", {
|
|
4914
4933
|
className: J.ctaRow,
|
|
4915
4934
|
children: [/* @__PURE__ */ k(C, {
|
|
@@ -4921,10 +4940,10 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4921
4940
|
variant: "secondary",
|
|
4922
4941
|
size: "lg",
|
|
4923
4942
|
onClick: i.onClick,
|
|
4924
|
-
leftIcon: a ? /* @__PURE__ */ k(
|
|
4943
|
+
leftIcon: a ? /* @__PURE__ */ k(jr, {}) : void 0,
|
|
4925
4944
|
children: i.label
|
|
4926
4945
|
})]
|
|
4927
|
-
}), m = (e) => c ? /* @__PURE__ */ k(
|
|
4946
|
+
}), m = (e) => c ? /* @__PURE__ */ k(Ar, {
|
|
4928
4947
|
frontSrc: o,
|
|
4929
4948
|
backSrc: c,
|
|
4930
4949
|
alt: s,
|
|
@@ -4986,7 +5005,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4986
5005
|
})
|
|
4987
5006
|
]
|
|
4988
5007
|
});
|
|
4989
|
-
},
|
|
5008
|
+
}, Nr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
4990
5009
|
width: "24",
|
|
4991
5010
|
height: "24",
|
|
4992
5011
|
viewBox: "0 0 24 24",
|
|
@@ -4997,7 +5016,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
4997
5016
|
fill: e,
|
|
4998
5017
|
d: "M12 1.608L24 22.392H0L12 1.608Z"
|
|
4999
5018
|
})
|
|
5000
|
-
}),
|
|
5019
|
+
}), Pr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5001
5020
|
width: "24",
|
|
5002
5021
|
height: "24",
|
|
5003
5022
|
viewBox: "0 0 24 24",
|
|
@@ -5008,7 +5027,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5008
5027
|
fill: e,
|
|
5009
5028
|
d: "M6.49 19.04H6.26L5.13 17.9V17.67L6.86 15.96H8.06L8.21 16.11V17.31L6.5 19.04H6.49ZM5.13 6.31V6.1L6.26 4.97H6.49L8.2 6.68V7.88L8.05 8.03H6.85L5.13 6.31ZM15.09 15.4H13.44L13.3 15.27V11.44C13.3 10.76 13.03 10.24 12.2 10.21C11.78 10.21 11.3 10.21 10.77 10.23L10.7 10.31V15.27L10.56 15.41H8.9L8.77 15.27V8.73L8.9 8.59H12.6C12.9423 8.58868 13.2814 8.65496 13.598 8.78504C13.9146 8.91511 14.2025 9.10641 14.4449 9.34798C14.6874 9.58954 14.8798 9.87661 15.0111 10.1927C15.1424 10.5088 15.21 10.8477 15.21 11.19V15.27L15.08 15.41L15.09 15.4ZM6.72 12.96H0.14L0 12.82V11.18L0.14 11.04H6.72L6.86 11.18V12.82L6.72 12.96ZM23.86 12.96H17.28L17.14 12.82V11.18L17.28 11.04H23.86L24 11.18V12.82L23.86 12.96ZM11.05 6.55V1.64L11.19 1.5H12.84L12.98 1.64V6.54L12.84 6.68H11.19L11.05 6.55ZM11.05 22.36V17.46L11.19 17.32H12.84L12.98 17.45V22.36L12.84 22.5H11.19L11.05 22.36Z"
|
|
5010
5029
|
})
|
|
5011
|
-
}),
|
|
5030
|
+
}), Fr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5012
5031
|
width: "24",
|
|
5013
5032
|
height: "24",
|
|
5014
5033
|
viewBox: "0 0 24 24",
|
|
@@ -5019,7 +5038,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5019
5038
|
fill: e,
|
|
5020
5039
|
d: "M12 0.297C5.37 0.297 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.297 12 0.297Z"
|
|
5021
5040
|
})
|
|
5022
|
-
}),
|
|
5041
|
+
}), Ir = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5023
5042
|
width: "24",
|
|
5024
5043
|
height: "24",
|
|
5025
5044
|
viewBox: "0 0 24 24",
|
|
@@ -5030,7 +5049,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5030
5049
|
fill: e,
|
|
5031
5050
|
d: "M15.852 8.981H11.264V0H15.852C18.328 0 20.342 2.014 20.342 4.49C20.342 6.966 18.328 8.981 15.852 8.981ZM12.735 7.51H15.852C17.517 7.51 18.871 6.155 18.871 4.491C18.871 2.827 17.516 1.472 15.852 1.472H12.735V7.51ZM12.735 8.981H8.148C5.672 8.981 3.658 6.967 3.658 4.491C3.658 2.015 5.672 0 8.148 0H12.736V8.981H12.735ZM8.148 1.471C6.483 1.471 5.129 2.826 5.129 4.49C5.129 6.154 6.483 7.51 8.148 7.51H11.265V1.471H8.148ZM12.735 16.49H8.148C5.672 16.49 3.658 14.476 3.658 12C3.658 9.524 5.672 7.51 8.148 7.51H12.736V16.49H12.735ZM8.148 8.981C6.483 8.981 5.129 10.336 5.129 12C5.129 13.664 6.484 15.019 8.148 15.019H11.265V8.981H8.148ZM8.172 24C5.683 24 3.657 21.986 3.657 19.51C3.657 17.034 5.671 15.02 8.147 15.02H12.735V19.461C12.735 21.964 10.688 24 8.172 24ZM8.148 16.49C7.34764 16.4911 6.58036 16.8095 6.01441 17.3754C5.44847 17.9414 5.13006 18.7086 5.129 19.509C5.129 21.174 6.494 22.528 8.173 22.528C9.878 22.528 11.266 21.152 11.266 19.46V16.49H8.148ZM15.852 16.49H15.754C13.278 16.49 11.264 14.476 11.264 12C11.264 9.524 13.278 7.51 15.754 7.51H15.852C18.328 7.51 20.342 9.524 20.342 12C20.342 14.476 18.328 16.49 15.852 16.49ZM15.755 8.981C14.09 8.981 12.736 10.336 12.736 12C12.736 13.664 14.091 15.019 15.755 15.019H15.853C17.518 15.019 18.872 13.664 18.872 12C18.872 10.336 17.516 8.981 15.852 8.981H15.755Z"
|
|
5032
5051
|
})
|
|
5033
|
-
}),
|
|
5052
|
+
}), Lr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5034
5053
|
width: "24",
|
|
5035
5054
|
height: "24",
|
|
5036
5055
|
viewBox: "0 0 24 24",
|
|
@@ -5041,7 +5060,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5041
5060
|
fill: e,
|
|
5042
5061
|
d: "M4.459 4.20802C5.205 4.81402 5.485 4.76802 6.887 4.67402L20.102 3.88102C20.382 3.88102 20.149 3.60102 20.056 3.55502L17.86 1.96802C17.44 1.64202 16.879 1.26802 15.805 1.36102L3.01 2.29502C2.544 2.34102 2.45 2.57502 2.636 2.76102L4.459 4.20802ZM5.252 7.28802V21.192C5.252 21.939 5.625 22.219 6.466 22.172L20.989 21.332C21.83 21.286 21.924 20.772 21.924 20.165V6.35402C21.924 5.74802 21.691 5.42102 21.176 5.46702L5.999 6.35402C5.439 6.40102 5.252 6.68202 5.252 7.28802ZM19.589 8.03302C19.682 8.45302 19.589 8.87302 19.169 8.92102L18.469 9.06102V19.325C17.861 19.652 17.301 19.839 16.834 19.839C16.086 19.839 15.899 19.605 15.339 18.906L10.762 11.72V18.672L12.21 19C12.21 19 12.21 19.84 11.042 19.84L7.82 20.026C7.727 19.84 7.82 19.373 8.147 19.28L8.987 19.047V9.85402L7.822 9.76002C7.728 9.34002 7.962 8.73402 8.615 8.68702L12.071 8.45402L16.835 15.733V9.29302L15.62 9.15402C15.527 8.64002 15.9 8.26702 16.367 8.22102L19.589 8.03302ZM1.936 1.03502L15.246 0.0550198C16.88 -0.0849802 17.301 0.00801984 18.328 0.75502L22.577 3.74102C23.277 4.25402 23.511 4.39402 23.511 4.95402V21.332C23.511 22.358 23.138 22.966 21.831 23.058L6.373 23.992C5.393 24.039 4.925 23.899 4.411 23.245L1.282 19.185C0.722 18.438 0.489 17.879 0.489 17.225V2.66702C0.489 1.82802 0.863 1.12702 1.936 1.03502Z"
|
|
5043
5062
|
})
|
|
5044
|
-
}),
|
|
5063
|
+
}), Rr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5045
5064
|
width: "24",
|
|
5046
5065
|
height: "24",
|
|
5047
5066
|
viewBox: "0 0 24 24",
|
|
@@ -5052,7 +5071,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5052
5071
|
fill: e,
|
|
5053
5072
|
d: "M2.886 4.18C4.01198 2.86759 5.40869 1.81445 6.9802 1.09291C8.5517 0.37137 10.2608 -0.0014678 11.99 4.34259e-06C18.624 4.34259e-06 24 5.376 24 12.009C24 15.649 22.38 18.912 19.82 21.114L2.887 4.18H2.886ZM1.817 5.626L18.373 22.182C17.849 22.512 17.298 22.802 16.723 23.048L0.951 7.277C1.198 6.702 1.488 6.15 1.817 5.626ZM0.322 9.163L14.837 23.678C14.127 23.85 13.394 23.96 12.642 24L0 11.358C0.0393248 10.618 0.147119 9.88316 0.322 9.163ZM0.152 14.025L9.975 23.849C7.522 23.4299 5.25956 22.2598 3.49989 20.5001C1.74023 18.7404 0.570101 16.478 0.151 14.025H0.152Z"
|
|
5054
5073
|
})
|
|
5055
|
-
}),
|
|
5074
|
+
}), zr = ({ color: e }) => /* @__PURE__ */ k("svg", {
|
|
5056
5075
|
width: "24",
|
|
5057
5076
|
height: "24",
|
|
5058
5077
|
viewBox: "0 0 24 24",
|
|
@@ -5063,7 +5082,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5063
5082
|
fill: e,
|
|
5064
5083
|
d: "M13.976 9.15C11.804 8.344 10.62 7.724 10.62 6.741C10.62 5.91 11.303 5.436 12.521 5.436C14.748 5.436 17.036 6.294 18.611 7.067L19.501 1.573C18.252 0.975 15.697 0 12.165 0C9.667 0 7.589 0.654 6.104 1.872C4.56 3.147 3.757 4.992 3.757 7.218C3.757 11.257 6.224 12.978 10.233 14.437C12.818 15.357 13.678 16.011 13.678 17.02C13.678 18 12.838 18.565 11.324 18.565C9.449 18.565 6.359 17.644 4.334 16.456L3.434 22.011C5.175 22.99 8.385 24 11.714 24C14.355 24 16.557 23.376 18.042 22.187C19.706 20.882 20.567 18.951 20.567 16.455C20.567 12.327 18.043 10.604 13.973 9.15H13.976Z"
|
|
5065
5084
|
})
|
|
5066
|
-
}),
|
|
5085
|
+
}), Br = {
|
|
5067
5086
|
vercel: "#000000",
|
|
5068
5087
|
netlify: "#00C7B7",
|
|
5069
5088
|
github: "#181717",
|
|
@@ -5071,7 +5090,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5071
5090
|
notion: "#000000",
|
|
5072
5091
|
linear: "#5E6AD2",
|
|
5073
5092
|
stripe: "#635BFF"
|
|
5074
|
-
},
|
|
5093
|
+
}, Vr = {
|
|
5075
5094
|
vercel: "Vercel",
|
|
5076
5095
|
netlify: "Netlify",
|
|
5077
5096
|
github: "GitHub",
|
|
@@ -5079,20 +5098,20 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5079
5098
|
notion: "Notion",
|
|
5080
5099
|
linear: "Linear",
|
|
5081
5100
|
stripe: "Stripe"
|
|
5082
|
-
}, Vr = {
|
|
5083
|
-
vercel: Mr,
|
|
5084
|
-
netlify: Nr,
|
|
5085
|
-
github: Pr,
|
|
5086
|
-
figma: Fr,
|
|
5087
|
-
notion: Ir,
|
|
5088
|
-
linear: Lr,
|
|
5089
|
-
stripe: Rr
|
|
5090
5101
|
}, Hr = {
|
|
5102
|
+
vercel: Nr,
|
|
5103
|
+
netlify: Pr,
|
|
5104
|
+
github: Fr,
|
|
5105
|
+
figma: Ir,
|
|
5106
|
+
notion: Lr,
|
|
5107
|
+
linear: Rr,
|
|
5108
|
+
stripe: zr
|
|
5109
|
+
}, Ur = {
|
|
5091
5110
|
block: "_block_vytv8_1",
|
|
5092
5111
|
label: "_label_vytv8_13",
|
|
5093
5112
|
logos: "_logos_vytv8_24",
|
|
5094
5113
|
logo: "_logo_vytv8_24"
|
|
5095
|
-
},
|
|
5114
|
+
}, Wr = [
|
|
5096
5115
|
"vercel",
|
|
5097
5116
|
"netlify",
|
|
5098
5117
|
"github",
|
|
@@ -5100,20 +5119,20 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5100
5119
|
"notion",
|
|
5101
5120
|
"linear",
|
|
5102
5121
|
"stripe"
|
|
5103
|
-
],
|
|
5104
|
-
className: [
|
|
5122
|
+
], Gr = ({ label: e = "Trusted by teams at", brands: t = Wr, variant: n = "monochrome", className: r }) => /* @__PURE__ */ A("div", {
|
|
5123
|
+
className: [Ur.block, r ?? ""].filter(Boolean).join(" "),
|
|
5105
5124
|
children: [/* @__PURE__ */ k("p", {
|
|
5106
|
-
className:
|
|
5125
|
+
className: Ur.label,
|
|
5107
5126
|
children: e
|
|
5108
5127
|
}), /* @__PURE__ */ k("div", {
|
|
5109
|
-
className:
|
|
5128
|
+
className: Ur.logos,
|
|
5110
5129
|
children: t.map((e) => {
|
|
5111
|
-
let t =
|
|
5130
|
+
let t = Hr[e];
|
|
5112
5131
|
return /* @__PURE__ */ k("span", {
|
|
5113
5132
|
role: "img",
|
|
5114
|
-
"aria-label":
|
|
5115
|
-
className:
|
|
5116
|
-
children: /* @__PURE__ */ k(t, { color: n === "color" ?
|
|
5133
|
+
"aria-label": Vr[e],
|
|
5134
|
+
className: Ur.logo,
|
|
5135
|
+
children: /* @__PURE__ */ k(t, { color: n === "color" ? Br[e] : "currentColor" })
|
|
5117
5136
|
}, e);
|
|
5118
5137
|
})
|
|
5119
5138
|
})]
|
|
@@ -5137,7 +5156,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5137
5156
|
featureRow: "_featureRow_1t0ml_132",
|
|
5138
5157
|
featureIcon: "_featureIcon_1t0ml_138",
|
|
5139
5158
|
featureLabel: "_featureLabel_1t0ml_143"
|
|
5140
|
-
},
|
|
5159
|
+
}, Kr = ({ eyebrow: e = "Pricing", title: t, subtitle: n, plans: r, className: i }) => {
|
|
5141
5160
|
let a = r.length <= 2;
|
|
5142
5161
|
return /* @__PURE__ */ A("div", {
|
|
5143
5162
|
className: [Y.block, i ?? ""].filter(Boolean).join(" "),
|
|
@@ -5216,24 +5235,24 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5216
5235
|
}, e.id ?? e.name ?? t))
|
|
5217
5236
|
})]
|
|
5218
5237
|
});
|
|
5219
|
-
},
|
|
5238
|
+
}, qr = {
|
|
5220
5239
|
block: "_block_1luja_1",
|
|
5221
5240
|
heading: "_heading_1luja_22",
|
|
5222
5241
|
grid: "_grid_1luja_26",
|
|
5223
5242
|
card: "_card_1luja_33"
|
|
5224
|
-
},
|
|
5225
|
-
className: [
|
|
5243
|
+
}, Jr = ({ eyebrow: e = "Team", title: n, subtitle: r, members: i, className: a }) => /* @__PURE__ */ A("div", {
|
|
5244
|
+
className: [qr.block, a ?? ""].filter(Boolean).join(" "),
|
|
5226
5245
|
children: [/* @__PURE__ */ k(t, {
|
|
5227
5246
|
eyebrow: e,
|
|
5228
5247
|
title: n,
|
|
5229
5248
|
subtitle: r,
|
|
5230
5249
|
align: "center",
|
|
5231
|
-
className:
|
|
5250
|
+
className: qr.heading
|
|
5232
5251
|
}), /* @__PURE__ */ k("div", {
|
|
5233
|
-
className:
|
|
5252
|
+
className: qr.grid,
|
|
5234
5253
|
children: i.map(({ id: e, ...t }, n) => /* @__PURE__ */ k(ge, {
|
|
5235
5254
|
...t,
|
|
5236
|
-
className:
|
|
5255
|
+
className: qr.card
|
|
5237
5256
|
}, e ?? t.name ?? n))
|
|
5238
5257
|
})]
|
|
5239
5258
|
}), X = {
|
|
@@ -5248,7 +5267,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5248
5267
|
nameCol: "_nameCol_19typ_67",
|
|
5249
5268
|
name: "_name_19typ_67",
|
|
5250
5269
|
role: "_role_19typ_82"
|
|
5251
|
-
},
|
|
5270
|
+
}, Yr = ({ t: e, avatarSize: t }) => /* @__PURE__ */ A("div", {
|
|
5252
5271
|
className: X.author,
|
|
5253
5272
|
children: [/* @__PURE__ */ k(Ae, {
|
|
5254
5273
|
size: t,
|
|
@@ -5264,7 +5283,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5264
5283
|
children: e.authorRole
|
|
5265
5284
|
})]
|
|
5266
5285
|
})]
|
|
5267
|
-
}),
|
|
5286
|
+
}), Xr = ({ testimonials: e, className: t }) => {
|
|
5268
5287
|
let n = e.length <= 1, r = e[0];
|
|
5269
5288
|
return n && r ? /* @__PURE__ */ A("div", {
|
|
5270
5289
|
className: [
|
|
@@ -5282,7 +5301,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5282
5301
|
className: X.quoteSingle,
|
|
5283
5302
|
children: r.quote
|
|
5284
5303
|
}),
|
|
5285
|
-
/* @__PURE__ */ k(
|
|
5304
|
+
/* @__PURE__ */ k(Yr, {
|
|
5286
5305
|
t: r,
|
|
5287
5306
|
avatarSize: "md"
|
|
5288
5307
|
})
|
|
@@ -5296,35 +5315,35 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5296
5315
|
children: [/* @__PURE__ */ k("p", {
|
|
5297
5316
|
className: X.quoteGrid,
|
|
5298
5317
|
children: e.quote
|
|
5299
|
-
}), /* @__PURE__ */ k(
|
|
5318
|
+
}), /* @__PURE__ */ k(Yr, {
|
|
5300
5319
|
t: e,
|
|
5301
5320
|
avatarSize: "sm"
|
|
5302
5321
|
})]
|
|
5303
5322
|
}, e.authorName ?? t))
|
|
5304
5323
|
})
|
|
5305
5324
|
});
|
|
5306
|
-
},
|
|
5325
|
+
}, Zr = {
|
|
5307
5326
|
block: "_block_1i843_1",
|
|
5308
5327
|
heading: "_heading_1i843_13",
|
|
5309
5328
|
listSingle: "_listSingle_1i843_17",
|
|
5310
5329
|
columns: "_columns_1i843_22",
|
|
5311
5330
|
column: "_column_1i843_22"
|
|
5312
|
-
},
|
|
5331
|
+
}, Qr = (e) => /* @__PURE__ */ k(se, { children: e.map((e, t) => /* @__PURE__ */ k(ue, {
|
|
5313
5332
|
title: e.question,
|
|
5314
5333
|
defaultOpen: e.defaultOpen,
|
|
5315
5334
|
children: e.answer
|
|
5316
|
-
}, e.question ?? t)) }),
|
|
5317
|
-
let o = [
|
|
5335
|
+
}, e.question ?? t)) }), $r = ({ eyebrow: e = "FAQ", title: n, items: r, columns: i = 1, className: a }) => {
|
|
5336
|
+
let o = [Zr.block, a ?? ""].filter(Boolean).join(" ");
|
|
5318
5337
|
if (i === 1) return /* @__PURE__ */ A("div", {
|
|
5319
5338
|
className: o,
|
|
5320
5339
|
children: [/* @__PURE__ */ k(t, {
|
|
5321
5340
|
eyebrow: e,
|
|
5322
5341
|
title: n,
|
|
5323
5342
|
align: "center",
|
|
5324
|
-
className:
|
|
5343
|
+
className: Zr.heading
|
|
5325
5344
|
}), /* @__PURE__ */ k("div", {
|
|
5326
|
-
className:
|
|
5327
|
-
children:
|
|
5345
|
+
className: Zr.listSingle,
|
|
5346
|
+
children: Qr(r)
|
|
5328
5347
|
})]
|
|
5329
5348
|
});
|
|
5330
5349
|
let s = Math.ceil(r.length / 2), c = r.slice(0, s), l = r.slice(s);
|
|
@@ -5334,26 +5353,26 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5334
5353
|
eyebrow: e,
|
|
5335
5354
|
title: n,
|
|
5336
5355
|
align: "center",
|
|
5337
|
-
className:
|
|
5356
|
+
className: Zr.heading
|
|
5338
5357
|
}), /* @__PURE__ */ A("div", {
|
|
5339
|
-
className:
|
|
5358
|
+
className: Zr.columns,
|
|
5340
5359
|
children: [/* @__PURE__ */ k("div", {
|
|
5341
|
-
className:
|
|
5342
|
-
children:
|
|
5360
|
+
className: Zr.column,
|
|
5361
|
+
children: Qr(c)
|
|
5343
5362
|
}), /* @__PURE__ */ k("div", {
|
|
5344
|
-
className:
|
|
5345
|
-
children:
|
|
5363
|
+
className: Zr.column,
|
|
5364
|
+
children: Qr(l)
|
|
5346
5365
|
})]
|
|
5347
5366
|
})]
|
|
5348
5367
|
});
|
|
5349
|
-
},
|
|
5368
|
+
}, ei = {
|
|
5350
5369
|
card: "_card_21wyf_1",
|
|
5351
5370
|
title: "_title_21wyf_22",
|
|
5352
5371
|
form: "_form_21wyf_31",
|
|
5353
5372
|
row: "_row_21wyf_8",
|
|
5354
5373
|
rowField: "_rowField_21wyf_8",
|
|
5355
5374
|
submit: "_submit_21wyf_51"
|
|
5356
|
-
},
|
|
5375
|
+
}, ti = [
|
|
5357
5376
|
{
|
|
5358
5377
|
label: "🇳🇬 Nigeria",
|
|
5359
5378
|
value: "NG"
|
|
@@ -5374,16 +5393,16 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5374
5393
|
label: "🇿🇦 South Africa",
|
|
5375
5394
|
value: "ZA"
|
|
5376
5395
|
}
|
|
5377
|
-
],
|
|
5396
|
+
], ni = {
|
|
5378
5397
|
country: "",
|
|
5379
5398
|
addressLine1: "",
|
|
5380
5399
|
addressLine2: "",
|
|
5381
5400
|
city: "",
|
|
5382
5401
|
state: "",
|
|
5383
5402
|
postalCode: ""
|
|
5384
|
-
},
|
|
5403
|
+
}, ri = (e) => /^[A-Za-z0-9][A-Za-z0-9 -]{2,9}$/.test(e.trim()), ii = ({ initialValue: e, countries: t = ti, initialStatus: n = "idle", onSave: r, className: i }) => {
|
|
5385
5404
|
let [a, o] = D.useState({
|
|
5386
|
-
...
|
|
5405
|
+
...ni,
|
|
5387
5406
|
...e
|
|
5388
5407
|
}), [s, c] = D.useState(n), l = (e, t) => {
|
|
5389
5408
|
o((n) => ({
|
|
@@ -5392,7 +5411,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5392
5411
|
})), (s === "invalid" || s === "server-error") && c("idle");
|
|
5393
5412
|
}, u = (e) => {
|
|
5394
5413
|
if (e.preventDefault(), s !== "loading") {
|
|
5395
|
-
if (!
|
|
5414
|
+
if (!ri(a.postalCode)) {
|
|
5396
5415
|
c("invalid");
|
|
5397
5416
|
return;
|
|
5398
5417
|
}
|
|
@@ -5402,11 +5421,11 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5402
5421
|
}
|
|
5403
5422
|
}, d = s === "loading";
|
|
5404
5423
|
return /* @__PURE__ */ A("form", {
|
|
5405
|
-
className: [
|
|
5424
|
+
className: [ei.card, i ?? ""].filter(Boolean).join(" "),
|
|
5406
5425
|
onSubmit: u,
|
|
5407
5426
|
children: [
|
|
5408
5427
|
/* @__PURE__ */ k("h2", {
|
|
5409
|
-
className:
|
|
5428
|
+
className: ei.title,
|
|
5410
5429
|
children: "Billing address"
|
|
5411
5430
|
}),
|
|
5412
5431
|
s === "server-error" && /* @__PURE__ */ k(p, {
|
|
@@ -5415,7 +5434,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5415
5434
|
description: "We couldn't verify this address. Please check the details and try again."
|
|
5416
5435
|
}),
|
|
5417
5436
|
/* @__PURE__ */ A("div", {
|
|
5418
|
-
className:
|
|
5437
|
+
className: ei.form,
|
|
5419
5438
|
children: [
|
|
5420
5439
|
/* @__PURE__ */ k(Ce, {
|
|
5421
5440
|
label: "Country",
|
|
@@ -5440,21 +5459,21 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5440
5459
|
disabled: d
|
|
5441
5460
|
}),
|
|
5442
5461
|
/* @__PURE__ */ A("div", {
|
|
5443
|
-
className:
|
|
5462
|
+
className: ei.row,
|
|
5444
5463
|
children: [/* @__PURE__ */ k(S, {
|
|
5445
5464
|
label: "City",
|
|
5446
5465
|
placeholder: "City",
|
|
5447
5466
|
value: a.city,
|
|
5448
5467
|
onChange: (e) => l("city", e.target.value),
|
|
5449
5468
|
disabled: d,
|
|
5450
|
-
className:
|
|
5469
|
+
className: ei.rowField
|
|
5451
5470
|
}), /* @__PURE__ */ k(S, {
|
|
5452
5471
|
label: "State",
|
|
5453
5472
|
placeholder: "State",
|
|
5454
5473
|
value: a.state,
|
|
5455
5474
|
onChange: (e) => l("state", e.target.value),
|
|
5456
5475
|
disabled: d,
|
|
5457
|
-
className:
|
|
5476
|
+
className: ei.rowField
|
|
5458
5477
|
})]
|
|
5459
5478
|
}),
|
|
5460
5479
|
/* @__PURE__ */ k(S, {
|
|
@@ -5472,7 +5491,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5472
5491
|
variant: "primary",
|
|
5473
5492
|
size: "lg",
|
|
5474
5493
|
loading: s === "loading",
|
|
5475
|
-
className:
|
|
5494
|
+
className: ei.submit,
|
|
5476
5495
|
children: s === "loading" ? "Saving…" : "Save address"
|
|
5477
5496
|
})
|
|
5478
5497
|
]
|
|
@@ -5494,7 +5513,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5494
5513
|
emptyIcon: "_emptyIcon_uegtg_108",
|
|
5495
5514
|
emptyTitle: "_emptyTitle_uegtg_112",
|
|
5496
5515
|
emptyDescription: "_emptyDescription_uegtg_120"
|
|
5497
|
-
},
|
|
5516
|
+
}, ai = {
|
|
5498
5517
|
paid: {
|
|
5499
5518
|
variant: "success",
|
|
5500
5519
|
label: "Paid"
|
|
@@ -5503,7 +5522,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5503
5522
|
variant: "danger",
|
|
5504
5523
|
label: "Failed"
|
|
5505
5524
|
}
|
|
5506
|
-
},
|
|
5525
|
+
}, oi = ({ invoices: e = [], loading: t = !1, className: n }) => /* @__PURE__ */ A("div", {
|
|
5507
5526
|
className: [Z.card, n ?? ""].filter(Boolean).join(" "),
|
|
5508
5527
|
children: [t ? /* @__PURE__ */ k(w, {
|
|
5509
5528
|
variant: "rect",
|
|
@@ -5540,7 +5559,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5540
5559
|
}) : /* @__PURE__ */ k("div", {
|
|
5541
5560
|
className: Z.list,
|
|
5542
5561
|
children: e.map((e, t) => {
|
|
5543
|
-
let n =
|
|
5562
|
+
let n = ai[e.status];
|
|
5544
5563
|
return /* @__PURE__ */ A("div", {
|
|
5545
5564
|
className: [Z.row, t > 0 ? Z.rowDivider : ""].filter(Boolean).join(" "),
|
|
5546
5565
|
children: [/* @__PURE__ */ A("div", {
|
|
@@ -5602,7 +5621,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5602
5621
|
message: "_message_j5lso_103",
|
|
5603
5622
|
actions: "_actions_j5lso_112",
|
|
5604
5623
|
actionFlex: "_actionFlex_j5lso_119"
|
|
5605
|
-
},
|
|
5624
|
+
}, si = {
|
|
5606
5625
|
active: {
|
|
5607
5626
|
label: "Active",
|
|
5608
5627
|
variant: "success"
|
|
@@ -5619,10 +5638,10 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5619
5638
|
label: "Canceling",
|
|
5620
5639
|
variant: "warning"
|
|
5621
5640
|
}
|
|
5622
|
-
},
|
|
5641
|
+
}, ci = {
|
|
5623
5642
|
trial: "14 days left in your trial. Add a payment method to keep access when it ends.",
|
|
5624
5643
|
canceling: "Your plan will end on March 15, 2027. You'll keep access until then."
|
|
5625
|
-
},
|
|
5644
|
+
}, li = ({ planName: e, price: t, priceSuffix: n = "/month", status: r = "active", usageLabel: i = "Projects used", usageValue: a, usagePercent: o = 0, message: s, onUpgrade: c, onCancel: l, onAddPaymentMethod: u, onUpdatePaymentMethod: d, onResume: f, loading: m = !1, className: h }) => {
|
|
5626
5645
|
if (m) return /* @__PURE__ */ A("div", {
|
|
5627
5646
|
className: [Q.card, h ?? ""].filter(Boolean).join(" "),
|
|
5628
5647
|
children: [
|
|
@@ -5648,7 +5667,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5648
5667
|
})
|
|
5649
5668
|
]
|
|
5650
5669
|
});
|
|
5651
|
-
let g =
|
|
5670
|
+
let g = si[r], _ = s ?? ci[r];
|
|
5652
5671
|
return /* @__PURE__ */ A("div", {
|
|
5653
5672
|
className: [Q.card, h ?? ""].filter(Boolean).join(" "),
|
|
5654
5673
|
children: [
|
|
@@ -5747,7 +5766,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5747
5766
|
})
|
|
5748
5767
|
]
|
|
5749
5768
|
});
|
|
5750
|
-
},
|
|
5769
|
+
}, ui = {
|
|
5751
5770
|
visa: () => /* @__PURE__ */ k("svg", {
|
|
5752
5771
|
width: 24,
|
|
5753
5772
|
height: 24,
|
|
@@ -5794,7 +5813,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5794
5813
|
empty: "_empty_1melb_85",
|
|
5795
5814
|
emptyIcon: "_emptyIcon_1melb_96",
|
|
5796
5815
|
emptyLabel: "_emptyLabel_1melb_100"
|
|
5797
|
-
},
|
|
5816
|
+
}, di = {
|
|
5798
5817
|
"expiring-soon": {
|
|
5799
5818
|
label: "Expiring soon",
|
|
5800
5819
|
variant: "warning"
|
|
@@ -5803,7 +5822,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5803
5822
|
label: "Expired",
|
|
5804
5823
|
variant: "danger"
|
|
5805
5824
|
}
|
|
5806
|
-
},
|
|
5825
|
+
}, fi = ({ card: e, onUpdateCard: t, onAddPaymentMethod: n, loading: r = !1, className: i }) => {
|
|
5807
5826
|
if (r) return /* @__PURE__ */ A("div", {
|
|
5808
5827
|
className: [$.card, i ?? ""].filter(Boolean).join(" "),
|
|
5809
5828
|
children: [
|
|
@@ -5852,7 +5871,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5852
5871
|
})
|
|
5853
5872
|
]
|
|
5854
5873
|
});
|
|
5855
|
-
let { brand: a, last4: o, expiry: s, status: c = "active" } = e, l =
|
|
5874
|
+
let { brand: a, last4: o, expiry: s, status: c = "active" } = e, l = ui[a], u = di[c], d = c !== "active";
|
|
5856
5875
|
return /* @__PURE__ */ A("div", {
|
|
5857
5876
|
className: [$.card, i ?? ""].filter(Boolean).join(" "),
|
|
5858
5877
|
children: [
|
|
@@ -5895,24 +5914,24 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5895
5914
|
})
|
|
5896
5915
|
]
|
|
5897
5916
|
});
|
|
5898
|
-
},
|
|
5917
|
+
}, pi = {
|
|
5899
5918
|
card: "_card_1pdg7_1",
|
|
5900
5919
|
title: "_title_1pdg7_16",
|
|
5901
5920
|
form: "_form_1pdg7_25",
|
|
5902
5921
|
row: "_row_1pdg7_33",
|
|
5903
5922
|
rowField: "_rowField_1pdg7_40",
|
|
5904
5923
|
submit: "_submit_1pdg7_45"
|
|
5905
|
-
},
|
|
5924
|
+
}, mi = {
|
|
5906
5925
|
cardholderName: "",
|
|
5907
5926
|
cardNumber: "",
|
|
5908
5927
|
expiry: "",
|
|
5909
5928
|
cvc: ""
|
|
5910
|
-
},
|
|
5929
|
+
}, hi = (e) => {
|
|
5911
5930
|
let t = e.replace(/\D/g, "").slice(0, 4);
|
|
5912
5931
|
return t.length <= 2 ? t : `${t.slice(0, 2)}/${t.slice(2)}`;
|
|
5913
|
-
},
|
|
5932
|
+
}, gi = (e) => (e.replace(/\D/g, "").slice(0, 16).match(/.{1,4}/g) ?? []).join(" "), _i = (e) => e.replace(/\D/g, "").length === 16, vi = ({ initialValue: e, initialStatus: t = "idle", onSave: n, className: r }) => {
|
|
5914
5933
|
let [i, a] = D.useState({
|
|
5915
|
-
...
|
|
5934
|
+
...mi,
|
|
5916
5935
|
...e
|
|
5917
5936
|
}), [o, s] = D.useState(t), c = (e, t) => {
|
|
5918
5937
|
a((n) => ({
|
|
@@ -5921,7 +5940,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5921
5940
|
})), (o === "invalid" || o === "server-error") && s("idle");
|
|
5922
5941
|
}, l = (e) => {
|
|
5923
5942
|
if (e.preventDefault(), o !== "loading") {
|
|
5924
|
-
if (!
|
|
5943
|
+
if (!_i(i.cardNumber)) {
|
|
5925
5944
|
s("invalid");
|
|
5926
5945
|
return;
|
|
5927
5946
|
}
|
|
@@ -5931,11 +5950,11 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5931
5950
|
}
|
|
5932
5951
|
}, u = o === "loading";
|
|
5933
5952
|
return /* @__PURE__ */ A("form", {
|
|
5934
|
-
className: [
|
|
5953
|
+
className: [pi.card, r ?? ""].filter(Boolean).join(" "),
|
|
5935
5954
|
onSubmit: l,
|
|
5936
5955
|
children: [
|
|
5937
5956
|
/* @__PURE__ */ k("h2", {
|
|
5938
|
-
className:
|
|
5957
|
+
className: pi.title,
|
|
5939
5958
|
children: "Add payment method"
|
|
5940
5959
|
}),
|
|
5941
5960
|
o === "server-error" && /* @__PURE__ */ k(p, {
|
|
@@ -5944,7 +5963,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5944
5963
|
description: "Your card was declined. Try a different payment method or contact your bank."
|
|
5945
5964
|
}),
|
|
5946
5965
|
/* @__PURE__ */ A("div", {
|
|
5947
|
-
className:
|
|
5966
|
+
className: pi.form,
|
|
5948
5967
|
children: [
|
|
5949
5968
|
/* @__PURE__ */ k(S, {
|
|
5950
5969
|
label: "Cardholder name",
|
|
@@ -5960,20 +5979,20 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5960
5979
|
leadingIcon: /* @__PURE__ */ k(Xe, {}),
|
|
5961
5980
|
inputMode: "numeric",
|
|
5962
5981
|
value: i.cardNumber,
|
|
5963
|
-
onChange: (e) => c("cardNumber",
|
|
5982
|
+
onChange: (e) => c("cardNumber", gi(e.target.value)),
|
|
5964
5983
|
disabled: u,
|
|
5965
5984
|
error: o === "invalid" ? "Enter a valid 16-digit card number." : void 0
|
|
5966
5985
|
}),
|
|
5967
5986
|
/* @__PURE__ */ A("div", {
|
|
5968
|
-
className:
|
|
5987
|
+
className: pi.row,
|
|
5969
5988
|
children: [/* @__PURE__ */ k(S, {
|
|
5970
5989
|
label: "Expiry",
|
|
5971
5990
|
placeholder: "MM/YY",
|
|
5972
5991
|
inputMode: "numeric",
|
|
5973
5992
|
value: i.expiry,
|
|
5974
|
-
onChange: (e) => c("expiry",
|
|
5993
|
+
onChange: (e) => c("expiry", hi(e.target.value)),
|
|
5975
5994
|
disabled: u,
|
|
5976
|
-
className:
|
|
5995
|
+
className: pi.rowField
|
|
5977
5996
|
}), /* @__PURE__ */ k(S, {
|
|
5978
5997
|
label: "CVC",
|
|
5979
5998
|
placeholder: "123",
|
|
@@ -5981,7 +6000,7 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5981
6000
|
value: i.cvc,
|
|
5982
6001
|
onChange: (e) => c("cvc", e.target.value.replace(/\D/g, "").slice(0, 4)),
|
|
5983
6002
|
disabled: u,
|
|
5984
|
-
className:
|
|
6003
|
+
className: pi.rowField
|
|
5985
6004
|
})]
|
|
5986
6005
|
})
|
|
5987
6006
|
]
|
|
@@ -5991,11 +6010,11 @@ var gr = (e) => `$${Math.round(e).toLocaleString("en-US")}`, _r = [
|
|
|
5991
6010
|
variant: "primary",
|
|
5992
6011
|
size: "lg",
|
|
5993
6012
|
loading: o === "loading",
|
|
5994
|
-
className:
|
|
6013
|
+
className: pi.submit,
|
|
5995
6014
|
children: o === "loading" ? "Saving card…" : "Save card"
|
|
5996
6015
|
})
|
|
5997
6016
|
]
|
|
5998
6017
|
});
|
|
5999
6018
|
};
|
|
6000
6019
|
//#endregion
|
|
6001
|
-
export { Vt as AccountOverviewBlock, Jt as ActivityLogBlock,
|
|
6020
|
+
export { Vt as AccountOverviewBlock, Jt as ActivityLogBlock, vi as AddCardFormBlock, Xt as AppHeaderBlock, ii as BillingAddressBlock, oi as BillingHistoryBlock, xr as BlogListingBlock, yr as CRMDashboardBlock, Cr as CareersBlock, ar as ChatInterfaceBlock, zn as CheckoutFlowBlock, Er as CtaBannerBlock, li as CurrentPlanBlock, Zn as DataTableBlock, yn as EmailVerificationBlock, $r as FaqBlock, Or as FeatureGridBlock, $t as FileUploadPanelBlock, Cn as ForgotPasswordBlock, nn as FormModalBlock, Mr as HeroBlock, an as InlineCtaBlock, tr as KanbanBoardBlock, Dn as LoginBlock, Gr as LogoCloudBlock, cn as MultistepModalBlock, un as NotificationPanelBlock, mn as OnboardingProgressBlock, Vn as OrderConfirmationBlock, fi as PaymentMethodBlock, Kr as PricingTableBlock, Un as ProductDetailBlock, Gn as ProductGridBlock, fn as ProfileSettingsBlock, Tn as ResetPasswordBlock, _n as SectionFooterBlock, qn as ShoppingCartBlock, kn as SignUpBlock, Jr as TeamSectionBlock, Xr as TestimonialBlock, xn as TwoFactorAuthBlock };
|