@hanzo/ui 8.27.32 → 8.27.38
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/auth/SignIn.cjs +180 -17
- package/dist/auth/SignIn.d.ts +25 -1
- package/dist/auth/SignIn.d.ts.map +1 -1
- package/dist/auth/SignIn.js +146 -18
- package/dist/auth/SignIn.js.map +1 -1
- package/dist/consent/Consent.cjs +35 -14
- package/dist/consent/Consent.d.ts +1 -1
- package/dist/consent/Consent.d.ts.map +1 -1
- package/dist/consent/Consent.js +36 -15
- package/dist/consent/Consent.js.map +1 -1
- package/dist/gallery.cjs +13 -1
- package/dist/gallery.d.ts.map +1 -1
- package/dist/gallery.html +10 -6
- package/dist/gallery.js +14 -2
- package/dist/gallery.js.map +1 -1
- package/dist/marketing/ClosingCta.cjs +4 -4
- package/dist/marketing/ClosingCta.d.ts +5 -3
- package/dist/marketing/ClosingCta.d.ts.map +1 -1
- package/dist/marketing/ClosingCta.js +4 -4
- package/dist/marketing/ClosingCta.js.map +1 -1
- package/dist/marketing/Faq.cjs +1 -1
- package/dist/marketing/Faq.js +1 -1
- package/dist/marketing/Faq.js.map +1 -1
- package/dist/marketing/Footer.cjs +27 -0
- package/dist/marketing/Footer.d.ts +25 -0
- package/dist/marketing/Footer.d.ts.map +1 -0
- package/dist/marketing/Footer.js +25 -0
- package/dist/marketing/Footer.js.map +1 -0
- package/dist/marketing/Hero.cjs +2 -2
- package/dist/marketing/Hero.js +2 -2
- package/dist/marketing/Hero.js.map +1 -1
- package/dist/marketing/Plans.cjs +15 -9
- package/dist/marketing/Plans.d.ts +5 -3
- package/dist/marketing/Plans.d.ts.map +1 -1
- package/dist/marketing/Plans.js +16 -10
- package/dist/marketing/Plans.js.map +1 -1
- package/dist/marketing/blocks.cjs +3 -3
- package/dist/marketing/blocks.js +3 -3
- package/dist/marketing/blocks.js.map +1 -1
- package/dist/marketing/index.cjs +4 -1
- package/dist/marketing/index.d.ts +2 -1
- package/dist/marketing/index.d.ts.map +1 -1
- package/dist/marketing/index.js +2 -1
- package/dist/marketing/index.js.map +1 -1
- package/dist/marketing/rows.cjs +26 -0
- package/dist/marketing/rows.d.ts +10 -0
- package/dist/marketing/rows.d.ts.map +1 -1
- package/dist/marketing/rows.js +25 -0
- package/dist/marketing/rows.js.map +1 -1
- package/dist/onboarding/ChatOnboarding.cjs +1 -1
- package/dist/onboarding/ChatOnboarding.js +2 -2
- package/dist/onboarding/ChatOnboarding.js.map +1 -1
- package/dist/onboarding/Checkout.cjs +19 -5
- package/dist/onboarding/Checkout.d.ts +3 -1
- package/dist/onboarding/Checkout.d.ts.map +1 -1
- package/dist/onboarding/Checkout.js +20 -6
- package/dist/onboarding/Checkout.js.map +1 -1
- package/dist/onboarding/Onboarding.cjs +99 -21
- package/dist/onboarding/Onboarding.d.ts +32 -4
- package/dist/onboarding/Onboarding.d.ts.map +1 -1
- package/dist/onboarding/Onboarding.js +102 -24
- package/dist/onboarding/Onboarding.js.map +1 -1
- package/dist/onboarding/account.cjs +16 -0
- package/dist/onboarding/account.d.ts +21 -0
- package/dist/onboarding/account.d.ts.map +1 -0
- package/dist/onboarding/account.js +14 -0
- package/dist/onboarding/account.js.map +1 -0
- package/dist/onboarding/api.cjs +4 -1
- package/dist/onboarding/api.d.ts +5 -1
- package/dist/onboarding/api.d.ts.map +1 -1
- package/dist/onboarding/api.js +2 -0
- package/dist/onboarding/api.js.map +1 -1
- package/dist/onboarding/catalog.cjs +30 -0
- package/dist/onboarding/catalog.d.ts +5 -0
- package/dist/onboarding/catalog.d.ts.map +1 -0
- package/dist/onboarding/catalog.js +27 -0
- package/dist/onboarding/catalog.js.map +1 -0
- package/dist/onboarding/frame.cjs +15 -5
- package/dist/onboarding/frame.d.ts +14 -4
- package/dist/onboarding/frame.d.ts.map +1 -1
- package/dist/onboarding/frame.js +14 -5
- package/dist/onboarding/frame.js.map +1 -1
- package/dist/onboarding/hooks.cjs +25 -7
- package/dist/onboarding/hooks.d.ts +15 -4
- package/dist/onboarding/hooks.d.ts.map +1 -1
- package/dist/onboarding/hooks.js +26 -9
- package/dist/onboarding/hooks.js.map +1 -1
- package/dist/onboarding/index.cjs +16 -4
- package/dist/onboarding/index.d.ts +8 -5
- package/dist/onboarding/index.d.ts.map +1 -1
- package/dist/onboarding/index.js +8 -5
- package/dist/onboarding/index.js.map +1 -1
- package/dist/onboarding/plans.cjs +75 -68
- package/dist/onboarding/plans.d.ts +41 -22
- package/dist/onboarding/plans.d.ts.map +1 -1
- package/dist/onboarding/plans.js +66 -64
- package/dist/onboarding/plans.js.map +1 -1
- package/dist/onboarding/screens.cjs +20 -8
- package/dist/onboarding/screens.d.ts +12 -2
- package/dist/onboarding/screens.d.ts.map +1 -1
- package/dist/onboarding/screens.js +20 -9
- package/dist/onboarding/screens.js.map +1 -1
- package/dist/onboarding/state.cjs +17 -2
- package/dist/onboarding/state.d.ts +22 -3
- package/dist/onboarding/state.d.ts.map +1 -1
- package/dist/onboarding/state.js +15 -2
- package/dist/onboarding/state.js.map +1 -1
- package/dist/styles.css +3 -0
- package/package.json +3 -3
package/dist/marketing/Plans.cjs
CHANGED
|
@@ -11,8 +11,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
11
11
|
* sells a year). Every row, price, seat floor and feature is the catalog's,
|
|
12
12
|
* passed as `plans`: this draws them and states no number of its own.
|
|
13
13
|
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* every card "Try Hanzo", to sign-in first (`signIn`); payment is second
|
|
15
|
+
* Free `signIn` alone
|
|
16
|
+
* paid `signIn?next=<the on-site checkout for that plan and term>`
|
|
16
17
|
* quoted Enterprise: contact sales
|
|
17
18
|
*
|
|
18
19
|
* The host supplies the three addresses and hears the two events, so the same
|
|
@@ -36,13 +37,13 @@ const TABS = [
|
|
|
36
37
|
];
|
|
37
38
|
/** The plan families the ladder sells. */
|
|
38
39
|
const FAMILIES = new Set(['personal', 'team', 'enterprise']);
|
|
39
|
-
const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', checkout,
|
|
40
|
+
const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', checkout, signIn = '/login', cta = 'Try Hanzo', contactHref = '/contact-sales', onView, onChoose, footnote, }) => {
|
|
40
41
|
const all = (0, react_1.useMemo)(() => plans.filter((p) => FAMILIES.has(p.category)), [plans]);
|
|
41
42
|
const tabs = TABS.filter(([a]) => all.some((p) => (0, rows_1.audience)(p) === a));
|
|
42
43
|
const [picked, setPicked] = (0, react_1.useState)('individual');
|
|
43
44
|
const [yearly, setYearly] = (0, react_1.useState)(false);
|
|
44
45
|
const tab = tabs.some(([a]) => a === picked) ? picked : (tabs[0]?.[0] ?? picked);
|
|
45
|
-
const here = (0, react_1.useMemo)(() => all.filter((p) => (0, rows_1.audience)(p) === tab), [all, tab]);
|
|
46
|
+
const { plans: here, from } = (0, react_1.useMemo)(() => (0, rows_1.merged)(all.filter((p) => (0, rows_1.audience)(p) === tab)), [all, tab]);
|
|
46
47
|
const savings = here.map(rows_1.saving).filter((n) => n !== null);
|
|
47
48
|
const most = savings.length ? Math.max(...savings) : 0;
|
|
48
49
|
const label = savings.every((n) => n === most) ? `Save ${most}% with annual` : `Save up to ${most}% with annual`;
|
|
@@ -55,20 +56,25 @@ const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', chec
|
|
|
55
56
|
// `shown` stands for the rows.
|
|
56
57
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
57
58
|
}, [shown, tab]);
|
|
58
|
-
const card = (p) => ((0, jsx_runtime_1.jsx)(Card, { plan: p, every: (0, rows_1.termOf)(p, yearly),
|
|
59
|
-
|
|
59
|
+
const card = (p) => ((0, jsx_runtime_1.jsx)(Card, { plan: p, every: (0, rows_1.termOf)(p, yearly), from: from.has(p.id), team: tab === 'team', href: (0, rows_1.way)(p) === 'card'
|
|
60
|
+
? `${signIn}?next=${encodeURIComponent(checkout(p, (0, rows_1.termOf)(p, yearly)).replace(/^https:\/\/hanzo\.ai(?=\/)/, ''))}`
|
|
61
|
+
: (0, rows_1.way)(p) === 'free'
|
|
62
|
+
? signIn
|
|
63
|
+
: contactHref, cta: cta, onPress: (cta) => onChoose?.({ plan: p, interval: (0, rows_1.termOf)(p, yearly), tab, cta, way: (0, rows_1.way)(p) }) }, p.id));
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('plans'), render: "section", width: "100%", maxW: 1280, mx: "auto", gap: "$8", items: "center", px: "$6", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$3", maxW: 768, children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: heading, m: 0, align: "center", fontFamily: "$heading", fontSize: "$9", lineHeight: "$9", fontWeight: 500, $md: { fontSize: '$11', lineHeight: '$11' }, style: TIGHT, children: title }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, size: "lg", tone: "muted", align: "center", children: "You are charged exactly the price shown. Past a plan\u2019s included usage, agents are metered at the rates below." })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$4", children: [tabs.length > 1 ? ((0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroup, { type: "single", value: tab, onValueChange: (v) => {
|
|
60
65
|
if (v)
|
|
61
66
|
setPicked(v);
|
|
62
67
|
}, disableDeactivation: true, "aria-label": "Who this is for", style: { padding: 4, borderRadius: 9999, background: 'var(--surface-2)' }, children: tabs.map(([a, name]) => ((0, jsx_runtime_1.jsx)(toggle_group_1.ToggleGroupItem, { value: a, variant: "outline", rounded: "$10", borderColor: "transparent", px: "$4", children: name }, a))) })) : null, most > 0 ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "label", items: "center", gap: "$3", pl: "$5", pr: "$3", py: "$2", rounded: 9999, borderWidth: 1, borderColor: "$edge", bg: "$panel", cursor: "pointer", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "muted", children: label }), (0, jsx_runtime_1.jsx)(switch_1.Switch, { checked: yearly, onCheckedChange: setYearly, "aria-label": "Bill yearly" })] })) : null] }), here.length > 1 ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { columns: { min: 250, max: 4 }, gap: 24, children: here.map(card) }) })) : here[0] ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", maxW: 440, children: card(here[0]) })) : null, footnote ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, size: "xs", tone: "muted", align: "center", maxW: 620, children: footnote })) : null] }));
|
|
63
68
|
};
|
|
64
69
|
exports.Plans = Plans;
|
|
65
70
|
/** One plan: its name, its price for the term, the way in, and what it includes. */
|
|
66
|
-
function Card({ plan, every, href,
|
|
71
|
+
function Card({ plan, every, href, cta: label, from, team, onPress, }) {
|
|
67
72
|
const how = (0, rows_1.way)(plan);
|
|
68
73
|
const year = (0, rows_1.charge)(plan, 'year');
|
|
69
74
|
// A year is headlined as the month it works out to, with the whole year under it.
|
|
70
75
|
const headline = every === 'year' && year ? Math.round((year / 12) * 100) / 100 : (plan.priceMonthly ?? 0);
|
|
71
76
|
const floor = (0, rows_1.seats)(plan);
|
|
72
|
-
|
|
73
|
-
|
|
77
|
+
// Team and Enterprise name the plan; everyone else is one button.
|
|
78
|
+
const cta = team ? `Get ${plan.name} plan` : label;
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('plan'), render: "section", "aria-label": plan.name, height: "100%", gap: "$5", p: "$5", $sm: { p: '$6' }, rounded: "var(--radius-xl)", borderWidth: 1, borderColor: plan.popular ? '$bound' : '$edge', bg: plan.popular ? '$hover' : '$panel', children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$3", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "h3", m: 0, size: "xl", weight: "600", children: plan.name }), plan.popular ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('plan-badge'), display: "inline-flex", self: "flex-start", items: "center", px: "$2", py: 2, rounded: 9999, borderWidth: 1, borderColor: "$edge", bg: "$raised", children: (0, jsx_runtime_1.jsx)(type_1.Line, { fontSize: 10, px: 10, tone: "soft", weight: "700", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: "Most popular" }) })) : null] }), plan.description ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, size: "sm", tone: "muted", children: plan.description })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", children: how === 'card' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { display: "block", children: [from ? ((0, jsx_runtime_1.jsxs)(type_1.Line, { size: "sm", tone: "muted", children: ["From", ' '] })) : null, (0, jsx_runtime_1.jsx)(type_1.Line, { size: "x4", weight: "600", children: (0, rows_1.money)(headline) }), ' ', (0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "muted", children: plan.pricePerUser ? 'USD/seat/month' : 'USD/month' })] }), (0, jsx_runtime_1.jsxs)(type_1.Line, { render: "p", m: 0, size: "sm", tone: "muted", children: [every === 'year' && year ? `Billed ${(0, rows_1.money)(year)}${plan.pricePerUser ? ' per seat' : ''} yearly` : 'Billed monthly', floor > 1 ? ` · from ${floor} seats` : ''] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(type_1.Line, { size: "x4", weight: "600", children: how === 'free' ? 'Free' : 'Custom' }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, size: "sm", tone: "muted", children: how === 'free' ? 'No card needed' : 'Priced with our team' })] })) }), (0, jsx_runtime_1.jsx)(Cta_1.Cta, { href: href, "data-ga": true, onPress: () => onPress(cta), children: cta }), how === 'card' ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, size: "xs", tone: "muted", align: "center", mt: -12, children: "No commitment \u00B7 Cancel anytime" })) : null, plan.features.length ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "ul", gap: "$3", m: 0, p: 0, style: { listStyle: 'none' }, children: plan.features.map((f) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "li", items: "flex-start", gap: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { shrink: 0, mt: 3, "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16, color: "var(--primary)" }) }), (0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "muted", children: f })] }, f))) })) : null] }));
|
|
74
80
|
}
|
|
@@ -14,8 +14,10 @@ export type PlansProps = {
|
|
|
14
14
|
title?: string;
|
|
15
15
|
/** The address a paid plan's button opens, for the term on the card. */
|
|
16
16
|
checkout: (plan: PlanRow, interval: Interval) => string;
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
/** Where every card starts: sign-in first, payment second. A paid card opens it with `?next=<checkout>`. */
|
|
18
|
+
signIn?: string;
|
|
19
|
+
/** What every way in says. */
|
|
20
|
+
cta?: string;
|
|
19
21
|
contactHref?: string;
|
|
20
22
|
onView?: (tab: Audience, shown: readonly {
|
|
21
23
|
plan: PlanRow;
|
|
@@ -25,6 +27,6 @@ export type PlansProps = {
|
|
|
25
27
|
/** The fine print under the cards. */
|
|
26
28
|
footnote?: ReactNode;
|
|
27
29
|
};
|
|
28
|
-
declare const Plans: ({ plans, heading, title, checkout,
|
|
30
|
+
declare const Plans: ({ plans, heading, title, checkout, signIn, cta, contactHref, onView, onChoose, footnote, }: PlansProps) => import("react").JSX.Element;
|
|
29
31
|
export { Plans };
|
|
30
32
|
//# sourceMappingURL=Plans.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plans.d.ts","sourceRoot":"","sources":["../../src/marketing/Plans.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Plans.d.ts","sourceRoot":"","sources":["../../src/marketing/Plans.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOpE,OAAO,EAA+D,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAA;AAahI,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,CAAA;AAE1H,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,OAAO,EAAE,CAAA;IACzB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAA;IACvD,4GAA4G;IAC5G,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,QAAQ,CAAA;KAAE,EAAE,KAAK,IAAI,CAAA;IACzF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,KAAK,+FAWR,UAAU,gCAyHZ,CAAA;AAuID,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
package/dist/marketing/Plans.js
CHANGED
|
@@ -8,8 +8,9 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
8
8
|
* sells a year). Every row, price, seat floor and feature is the catalog's,
|
|
9
9
|
* passed as `plans`: this draws them and states no number of its own.
|
|
10
10
|
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
11
|
+
* every card "Try Hanzo", to sign-in first (`signIn`); payment is second
|
|
12
|
+
* Free `signIn` alone
|
|
13
|
+
* paid `signIn?next=<the on-site checkout for that plan and term>`
|
|
13
14
|
* quoted Enterprise: contact sales
|
|
14
15
|
*
|
|
15
16
|
* The host supplies the three addresses and hears the two events, so the same
|
|
@@ -24,7 +25,7 @@ import { Switch } from '../backends/gui/switch.js';
|
|
|
24
25
|
import { ToggleGroup, ToggleGroupItem } from '../backends/gui/toggle-group.js';
|
|
25
26
|
import { Grid } from '../grid.js';
|
|
26
27
|
import { Cta } from './Cta.js';
|
|
27
|
-
import { audience, charge, money, saving, seats, termOf, way } from './rows.js';
|
|
28
|
+
import { audience, charge, merged, money, saving, seats, termOf, way } from './rows.js';
|
|
28
29
|
import { Line } from './type.js';
|
|
29
30
|
const TIGHT = { letterSpacing: '-0.012em', textWrap: 'balance' };
|
|
30
31
|
const TABS = [
|
|
@@ -33,13 +34,13 @@ const TABS = [
|
|
|
33
34
|
];
|
|
34
35
|
/** The plan families the ladder sells. */
|
|
35
36
|
const FAMILIES = new Set(['personal', 'team', 'enterprise']);
|
|
36
|
-
const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', checkout,
|
|
37
|
+
const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', checkout, signIn = '/login', cta = 'Try Hanzo', contactHref = '/contact-sales', onView, onChoose, footnote, }) => {
|
|
37
38
|
const all = useMemo(() => plans.filter((p) => FAMILIES.has(p.category)), [plans]);
|
|
38
39
|
const tabs = TABS.filter(([a]) => all.some((p) => audience(p) === a));
|
|
39
40
|
const [picked, setPicked] = useState('individual');
|
|
40
41
|
const [yearly, setYearly] = useState(false);
|
|
41
42
|
const tab = tabs.some(([a]) => a === picked) ? picked : (tabs[0]?.[0] ?? picked);
|
|
42
|
-
const here = useMemo(() => all.filter((p) => audience(p) === tab), [all, tab]);
|
|
43
|
+
const { plans: here, from } = useMemo(() => merged(all.filter((p) => audience(p) === tab)), [all, tab]);
|
|
43
44
|
const savings = here.map(saving).filter((n) => n !== null);
|
|
44
45
|
const most = savings.length ? Math.max(...savings) : 0;
|
|
45
46
|
const label = savings.every((n) => n === most) ? `Save ${most}% with annual` : `Save up to ${most}% with annual`;
|
|
@@ -52,21 +53,26 @@ const Plans = ({ plans, heading = 'h1', title = 'Plans that grow with you', chec
|
|
|
52
53
|
// `shown` stands for the rows.
|
|
53
54
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
55
|
}, [shown, tab]);
|
|
55
|
-
const card = (p) => (_jsx(Card, { plan: p, every: termOf(p, yearly),
|
|
56
|
-
|
|
56
|
+
const card = (p) => (_jsx(Card, { plan: p, every: termOf(p, yearly), from: from.has(p.id), team: tab === 'team', href: way(p) === 'card'
|
|
57
|
+
? `${signIn}?next=${encodeURIComponent(checkout(p, termOf(p, yearly)).replace(/^https:\/\/hanzo\.ai(?=\/)/, ''))}`
|
|
58
|
+
: way(p) === 'free'
|
|
59
|
+
? signIn
|
|
60
|
+
: contactHref, cta: cta, onPress: (cta) => onChoose?.({ plan: p, interval: termOf(p, yearly), tab, cta, way: way(p) }) }, p.id));
|
|
61
|
+
return (_jsxs(YStack, { ...slot('plans'), render: "section", width: "100%", maxW: 1280, mx: "auto", gap: "$8", items: "center", px: "$6", children: [_jsxs(YStack, { items: "center", gap: "$3", maxW: 768, children: [_jsx(Line, { render: heading, m: 0, align: "center", fontFamily: "$heading", fontSize: "$9", lineHeight: "$9", fontWeight: 500, $md: { fontSize: '$11', lineHeight: '$11' }, style: TIGHT, children: title }), _jsx(Line, { render: "p", m: 0, size: "lg", tone: "muted", align: "center", children: "You are charged exactly the price shown. Past a plan\u2019s included usage, agents are metered at the rates below." })] }), _jsxs(XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$4", children: [tabs.length > 1 ? (_jsx(ToggleGroup, { type: "single", value: tab, onValueChange: (v) => {
|
|
57
62
|
if (v)
|
|
58
63
|
setPicked(v);
|
|
59
64
|
}, disableDeactivation: true, "aria-label": "Who this is for", style: { padding: 4, borderRadius: 9999, background: 'var(--surface-2)' }, children: tabs.map(([a, name]) => (_jsx(ToggleGroupItem, { value: a, variant: "outline", rounded: "$10", borderColor: "transparent", px: "$4", children: name }, a))) })) : null, most > 0 ? (_jsxs(XStack, { render: "label", items: "center", gap: "$3", pl: "$5", pr: "$3", py: "$2", rounded: 9999, borderWidth: 1, borderColor: "$edge", bg: "$panel", cursor: "pointer", children: [_jsx(Line, { size: "sm", tone: "muted", children: label }), _jsx(Switch, { checked: yearly, onCheckedChange: setYearly, "aria-label": "Bill yearly" })] })) : null] }), here.length > 1 ? (_jsx(YStack, { width: "100%", children: _jsx(Grid, { columns: { min: 250, max: 4 }, gap: 24, children: here.map(card) }) })) : here[0] ? (_jsx(YStack, { width: "100%", maxW: 440, children: card(here[0]) })) : null, footnote ? (_jsx(Line, { render: "p", m: 0, size: "xs", tone: "muted", align: "center", maxW: 620, children: footnote })) : null] }));
|
|
60
65
|
};
|
|
61
66
|
/** One plan: its name, its price for the term, the way in, and what it includes. */
|
|
62
|
-
function Card({ plan, every, href,
|
|
67
|
+
function Card({ plan, every, href, cta: label, from, team, onPress, }) {
|
|
63
68
|
const how = way(plan);
|
|
64
69
|
const year = charge(plan, 'year');
|
|
65
70
|
// A year is headlined as the month it works out to, with the whole year under it.
|
|
66
71
|
const headline = every === 'year' && year ? Math.round((year / 12) * 100) / 100 : (plan.priceMonthly ?? 0);
|
|
67
72
|
const floor = seats(plan);
|
|
68
|
-
|
|
69
|
-
|
|
73
|
+
// Team and Enterprise name the plan; everyone else is one button.
|
|
74
|
+
const cta = team ? `Get ${plan.name} plan` : label;
|
|
75
|
+
return (_jsxs(YStack, { ...slot('plan'), render: "section", "aria-label": plan.name, height: "100%", gap: "$5", p: "$5", $sm: { p: '$6' }, rounded: "var(--radius-xl)", borderWidth: 1, borderColor: plan.popular ? '$bound' : '$edge', bg: plan.popular ? '$hover' : '$panel', children: [_jsxs(YStack, { gap: "$2", children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$3", children: [_jsx(Line, { render: "h3", m: 0, size: "xl", weight: "600", children: plan.name }), plan.popular ? (_jsx(XStack, { ...slot('plan-badge'), display: "inline-flex", self: "flex-start", items: "center", px: "$2", py: 2, rounded: 9999, borderWidth: 1, borderColor: "$edge", bg: "$raised", children: _jsx(Line, { fontSize: 10, px: 10, tone: "soft", weight: "700", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: "Most popular" }) })) : null] }), plan.description ? (_jsx(Line, { render: "p", m: 0, size: "sm", tone: "muted", children: plan.description })) : null] }), _jsx(YStack, { gap: "$1", children: how === 'card' ? (_jsxs(_Fragment, { children: [_jsxs(YStack, { display: "block", children: [from ? (_jsxs(Line, { size: "sm", tone: "muted", children: ["From", ' '] })) : null, _jsx(Line, { size: "x4", weight: "600", children: money(headline) }), ' ', _jsx(Line, { size: "sm", tone: "muted", children: plan.pricePerUser ? 'USD/seat/month' : 'USD/month' })] }), _jsxs(Line, { render: "p", m: 0, size: "sm", tone: "muted", children: [every === 'year' && year ? `Billed ${money(year)}${plan.pricePerUser ? ' per seat' : ''} yearly` : 'Billed monthly', floor > 1 ? ` · from ${floor} seats` : ''] })] })) : (_jsxs(_Fragment, { children: [_jsx(Line, { size: "x4", weight: "600", children: how === 'free' ? 'Free' : 'Custom' }), _jsx(Line, { render: "p", m: 0, size: "sm", tone: "muted", children: how === 'free' ? 'No card needed' : 'Priced with our team' })] })) }), _jsx(Cta, { href: href, "data-ga": true, onPress: () => onPress(cta), children: cta }), how === 'card' ? (_jsx(Line, { render: "p", m: 0, size: "xs", tone: "muted", align: "center", mt: -12, children: "No commitment \u00B7 Cancel anytime" })) : null, plan.features.length ? (_jsx(YStack, { render: "ul", gap: "$3", m: 0, p: 0, style: { listStyle: 'none' }, children: plan.features.map((f) => (_jsxs(XStack, { render: "li", items: "flex-start", gap: "$3", children: [_jsx(YStack, { shrink: 0, mt: 3, "aria-hidden": true, children: _jsx(Check, { size: 16, color: "var(--primary)" }) }), _jsx(Line, { size: "sm", tone: "muted", children: f })] }, f))) })) : null] }));
|
|
70
76
|
}
|
|
71
77
|
export { Plans };
|
|
72
78
|
//# sourceMappingURL=Plans.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plans.js","sourceRoot":"","sources":["../../src/marketing/Plans.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ
|
|
1
|
+
{"version":3,"file":"Plans.js","sourceRoot":"","sources":["../../src/marketing/Plans.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,9 +23,9 @@ const grid_1 = require("../grid.cjs");
|
|
|
23
23
|
const type_1 = require("./type.cjs");
|
|
24
24
|
const GUTTER = '$6';
|
|
25
25
|
const TIGHT = { letterSpacing: '-0.012em', textWrap: 'balance' };
|
|
26
|
-
const PageHeader = ({ title, lede, eyebrow, actions }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt:
|
|
26
|
+
const PageHeader = ({ title, lede, eyebrow, actions }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt: 88, pb: 32, $md: { pt: 120, pb: 48 }, children: [eyebrow ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", weight: "600", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: eyebrow })) : null, (0, jsx_runtime_1.jsx)(type_1.Line, { render: "h1", m: 0, align: "center", fontFamily: "$heading", fontSize: "$10", lineHeight: "$10", fontWeight: 500, $md: { fontSize: '$12', lineHeight: '$12' }, style: TIGHT, children: title }), lede ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, align: "center", tone: "muted", fontSize: "$6", lineHeight: "$6", maxW: 640, $md: { fontSize: '$7', lineHeight: '$7' }, children: lede })) : null, actions ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", justify: "center", gap: "$4", pt: "$2", children: actions })) : null] }));
|
|
27
27
|
exports.PageHeader = PageHeader;
|
|
28
|
-
const Section = ({ title, lede, children, measure = 1080 }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py:
|
|
28
|
+
const Section = ({ title, lede, children, measure = 1080 }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py: 32, $md: { py: 64 }, children: [title ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$3", items: "center", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "h2", m: 0, align: "center", fontFamily: "$heading", fontSize: "$8", lineHeight: "$8", fontWeight: 500, $md: { fontSize: '$10', lineHeight: '$10' }, style: TIGHT, children: title }), lede ? ((0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, align: "center", tone: "muted", size: "lg", maxW: 620, children: lede })) : null] })) : null, children] }));
|
|
29
29
|
exports.Section = Section;
|
|
30
30
|
const Feature = ({ title, children, icon, href, linkLabel = 'Learn more' }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('feature'), render: "article", height: "100%", gap: "$3", p: "$5", rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "$edge", bg: "$panel", children: [icon ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { "aria-hidden": true, width: 32, height: 32, items: "center", justify: "center", children: icon })) : null, (0, jsx_runtime_1.jsx)(type_1.Line, { render: "h3", m: 0, size: "xl", weight: "600", children: title }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "p", m: 0, tone: "muted", lineHeight: "$5", children: children }), href ? ((0, jsx_runtime_1.jsx)(gui_1.Anchor, { href: href, color: "$ink", fontSize: "$3", fontWeight: "500", textDecorationLine: "underline", mt: "auto", pt: "$2", children: linkLabel })) : null] }));
|
|
31
31
|
exports.Feature = Feature;
|
|
@@ -33,7 +33,7 @@ const FeatureGrid = ({ children, min = 260 }) => ((0, jsx_runtime_1.jsx)(grid_1.
|
|
|
33
33
|
exports.FeatureGrid = FeatureGrid;
|
|
34
34
|
const Steps = ({ steps }) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('steps'), render: "ol", m: 0, p: 0, gap: "$5", style: { listStyle: 'none' }, children: steps.map((s, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "li", gap: "$4", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { shrink: 0, width: 32, height: 32, rounded: 9999, borderWidth: 1, borderColor: "$bound", items: "center", justify: "center", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", weight: "600", children: i + 1 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, gap: "$1", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "h3", m: 0, size: "lg", weight: "600", children: s.title }), (0, jsx_runtime_1.jsx)(type_1.Line, { render: "div", tone: "muted", lineHeight: "$5", children: s.body })] })] }, s.title))) }));
|
|
35
35
|
exports.Steps = Steps;
|
|
36
|
-
const Quote = ({ quote, name, role }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "blockquote", m: 0, align: "center", fontSize: "$
|
|
36
|
+
const Quote = ({ quote, name, role }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "blockquote", m: 0, align: "center", fontSize: "$7", lineHeight: "$7", fontWeight: 500, $md: { fontSize: '$8', lineHeight: '$8' }, children: quote }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { render: "figcaption", items: "center", children: [(0, jsx_runtime_1.jsx)(type_1.Line, { render: "cite", size: "base", weight: "600", fontStyle: "normal", children: name }), role ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", children: role })) : null] })] }));
|
|
37
37
|
exports.Quote = Quote;
|
|
38
38
|
const LogoRow = ({ logos, label }) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('logo-row'), width: "100%", items: "center", gap: "$4", px: GUTTER, py: "$6", children: [label ? ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "sm", tone: "soft", align: "center", children: label })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$8", children: logos.map((l) => {
|
|
39
39
|
const mark = l.src ? ((0, jsx_runtime_1.jsx)(gui_1.Image, { src: l.src, alt: l.name, height: 28, width: "auto", style: { opacity: 0.8 } })) : ((0, jsx_runtime_1.jsx)(type_1.Line, { size: "lg", weight: "600", tone: "muted", children: l.name }));
|
package/dist/marketing/blocks.js
CHANGED
|
@@ -20,12 +20,12 @@ import { Grid } from '../grid.js';
|
|
|
20
20
|
import { Line } from './type.js';
|
|
21
21
|
const GUTTER = '$6';
|
|
22
22
|
const TIGHT = { letterSpacing: '-0.012em', textWrap: 'balance' };
|
|
23
|
-
const PageHeader = ({ title, lede, eyebrow, actions }) => (_jsxs(YStack, { ...slot('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt:
|
|
24
|
-
const Section = ({ title, lede, children, measure = 1080 }) => (_jsxs(YStack, { ...slot('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py:
|
|
23
|
+
const PageHeader = ({ title, lede, eyebrow, actions }) => (_jsxs(YStack, { ...slot('page-header'), render: "header", width: "100%", maxW: 860, mx: "auto", items: "center", gap: "$4", px: GUTTER, pt: 88, pb: 32, $md: { pt: 120, pb: 48 }, children: [eyebrow ? (_jsx(Line, { size: "sm", tone: "soft", weight: "600", style: { textTransform: 'uppercase', letterSpacing: '0.05em' }, children: eyebrow })) : null, _jsx(Line, { render: "h1", m: 0, align: "center", fontFamily: "$heading", fontSize: "$10", lineHeight: "$10", fontWeight: 500, $md: { fontSize: '$12', lineHeight: '$12' }, style: TIGHT, children: title }), lede ? (_jsx(Line, { render: "p", m: 0, align: "center", tone: "muted", fontSize: "$6", lineHeight: "$6", maxW: 640, $md: { fontSize: '$7', lineHeight: '$7' }, children: lede })) : null, actions ? (_jsx(XStack, { flexWrap: "wrap", justify: "center", gap: "$4", pt: "$2", children: actions })) : null] }));
|
|
24
|
+
const Section = ({ title, lede, children, measure = 1080 }) => (_jsxs(YStack, { ...slot('section'), render: "section", width: "100%", maxW: measure, mx: "auto", gap: "$6", px: GUTTER, py: 32, $md: { py: 64 }, children: [title ? (_jsxs(YStack, { gap: "$3", items: "center", children: [_jsx(Line, { render: "h2", m: 0, align: "center", fontFamily: "$heading", fontSize: "$8", lineHeight: "$8", fontWeight: 500, $md: { fontSize: '$10', lineHeight: '$10' }, style: TIGHT, children: title }), lede ? (_jsx(Line, { render: "p", m: 0, align: "center", tone: "muted", size: "lg", maxW: 620, children: lede })) : null] })) : null, children] }));
|
|
25
25
|
const Feature = ({ title, children, icon, href, linkLabel = 'Learn more' }) => (_jsxs(YStack, { ...slot('feature'), render: "article", height: "100%", gap: "$3", p: "$5", rounded: "var(--radius-xl)", borderWidth: 1, borderColor: "$edge", bg: "$panel", children: [icon ? (_jsx(YStack, { "aria-hidden": true, width: 32, height: 32, items: "center", justify: "center", children: icon })) : null, _jsx(Line, { render: "h3", m: 0, size: "xl", weight: "600", children: title }), _jsx(Line, { render: "p", m: 0, tone: "muted", lineHeight: "$5", children: children }), href ? (_jsx(Anchor, { href: href, color: "$ink", fontSize: "$3", fontWeight: "500", textDecorationLine: "underline", mt: "auto", pt: "$2", children: linkLabel })) : null] }));
|
|
26
26
|
const FeatureGrid = ({ children, min = 260 }) => (_jsx(Grid, { columns: { min, max: 3 }, gap: 20, children: children }));
|
|
27
27
|
const Steps = ({ steps }) => (_jsx(YStack, { ...slot('steps'), render: "ol", m: 0, p: 0, gap: "$5", style: { listStyle: 'none' }, children: steps.map((s, i) => (_jsxs(XStack, { render: "li", gap: "$4", items: "flex-start", children: [_jsx(XStack, { shrink: 0, width: 32, height: 32, rounded: 9999, borderWidth: 1, borderColor: "$bound", items: "center", justify: "center", "aria-hidden": true, children: _jsx(Line, { size: "sm", weight: "600", children: i + 1 }) }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(Line, { render: "h3", m: 0, size: "lg", weight: "600", children: s.title }), _jsx(Line, { render: "div", tone: "muted", lineHeight: "$5", children: s.body })] })] }, s.title))) }));
|
|
28
|
-
const Quote = ({ quote, name, role }) => (_jsxs(YStack, { ...slot('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [_jsx(Line, { render: "blockquote", m: 0, align: "center", fontSize: "$
|
|
28
|
+
const Quote = ({ quote, name, role }) => (_jsxs(YStack, { ...slot('quote'), render: "figure", m: 0, maxW: 720, mx: "auto", gap: "$4", items: "center", px: GUTTER, children: [_jsx(Line, { render: "blockquote", m: 0, align: "center", fontSize: "$7", lineHeight: "$7", fontWeight: 500, $md: { fontSize: '$8', lineHeight: '$8' }, children: quote }), _jsxs(YStack, { render: "figcaption", items: "center", children: [_jsx(Line, { render: "cite", size: "base", weight: "600", fontStyle: "normal", children: name }), role ? (_jsx(Line, { size: "sm", tone: "soft", children: role })) : null] })] }));
|
|
29
29
|
const LogoRow = ({ logos, label }) => (_jsxs(YStack, { ...slot('logo-row'), width: "100%", items: "center", gap: "$4", px: GUTTER, py: "$6", children: [label ? (_jsx(Line, { size: "sm", tone: "soft", align: "center", children: label })) : null, _jsx(XStack, { flexWrap: "wrap", items: "center", justify: "center", gap: "$8", children: logos.map((l) => {
|
|
30
30
|
const mark = l.src ? (_jsx(Image, { src: l.src, alt: l.name, height: 28, width: "auto", style: { opacity: 0.8 } })) : (_jsx(Line, { size: "lg", weight: "600", tone: "muted", children: l.name }));
|
|
31
31
|
return l.href ? (_jsx(Anchor, { href: l.href, "aria-label": l.name, textDecorationLine: "none", children: mark }, l.name)) : (_jsx(XStack, { children: mark }, l.name));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blocks.js","sourceRoot":"","sources":["../../src/marketing/blocks.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAG1D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,MAAM,GAAG,IAAI,CAAA;AACnB,MAAM,KAAK,GAAG,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAA;AAWzE,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAmB,EAAE,EAAE,CAAC,CACzE,MAAC,MAAM,OACD,IAAI,CAAC,aAAa,CAAC,EACvB,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,GAAG,EACT,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,EACR,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"blocks.js","sourceRoot":"","sources":["../../src/marketing/blocks.tsx"],"names":[],"mappings":"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"}
|
package/dist/marketing/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LogoRow = exports.Quote = exports.Steps = exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = exports.Line = exports.TextLink = exports.Cta = exports.ClosingCta = exports.Faq = exports.way = exports.termOf = exports.seats = exports.saving = exports.money = exports.charge = exports.audience = exports.Plans = exports.Media = exports.Hero = exports.PageLoading = void 0;
|
|
3
|
+
exports.LogoRow = exports.Quote = exports.Steps = exports.FeatureGrid = exports.Feature = exports.Section = exports.PageHeader = exports.Line = exports.TextLink = exports.Cta = exports.ClosingCta = exports.Faq = exports.Footer = exports.way = exports.termOf = exports.seats = exports.saving = exports.money = exports.merged = exports.charge = exports.audience = exports.Plans = exports.Media = exports.Hero = exports.PageLoading = void 0;
|
|
4
4
|
/**
|
|
5
5
|
* The marketing surface every Hanzo, Lux and Zoo site shares: the first screen,
|
|
6
6
|
* the plans, the questions, the closing call and the blocks a feature page is
|
|
@@ -17,11 +17,14 @@ Object.defineProperty(exports, "Plans", { enumerable: true, get: function () { r
|
|
|
17
17
|
var rows_1 = require("./rows.cjs");
|
|
18
18
|
Object.defineProperty(exports, "audience", { enumerable: true, get: function () { return rows_1.audience; } });
|
|
19
19
|
Object.defineProperty(exports, "charge", { enumerable: true, get: function () { return rows_1.charge; } });
|
|
20
|
+
Object.defineProperty(exports, "merged", { enumerable: true, get: function () { return rows_1.merged; } });
|
|
20
21
|
Object.defineProperty(exports, "money", { enumerable: true, get: function () { return rows_1.money; } });
|
|
21
22
|
Object.defineProperty(exports, "saving", { enumerable: true, get: function () { return rows_1.saving; } });
|
|
22
23
|
Object.defineProperty(exports, "seats", { enumerable: true, get: function () { return rows_1.seats; } });
|
|
23
24
|
Object.defineProperty(exports, "termOf", { enumerable: true, get: function () { return rows_1.termOf; } });
|
|
24
25
|
Object.defineProperty(exports, "way", { enumerable: true, get: function () { return rows_1.way; } });
|
|
26
|
+
var Footer_1 = require("./Footer.cjs");
|
|
27
|
+
Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_1.Footer; } });
|
|
25
28
|
var Faq_1 = require("./Faq.cjs");
|
|
26
29
|
Object.defineProperty(exports, "Faq", { enumerable: true, get: function () { return Faq_1.Faq; } });
|
|
27
30
|
var ClosingCta_1 = require("./ClosingCta.cjs");
|
|
@@ -7,7 +7,8 @@ export { PageLoading, type PageLoadingProps } from './PageLoading.js';
|
|
|
7
7
|
export { Hero, type HeroProps } from './Hero.js';
|
|
8
8
|
export { Media, type MediaProps } from './Media.js';
|
|
9
9
|
export { Plans, type PlansProps, type PlanChoice } from './Plans.js';
|
|
10
|
-
export { audience, charge, money, saving, seats, termOf, way, type Audience, type Interval, type PlanRow, type Way } from './rows.js';
|
|
10
|
+
export { audience, charge, merged, money, saving, seats, termOf, way, type Audience, type Interval, type PlanRow, type Way } from './rows.js';
|
|
11
|
+
export { Footer, type FooterColumn, type FooterLink, type FooterProps } from './Footer.js';
|
|
11
12
|
export { Faq, type FaqItem, type FaqProps } from './Faq.js';
|
|
12
13
|
export { ClosingCta, type ClosingCtaProps } from './ClosingCta.js';
|
|
13
14
|
export { Cta, TextLink, type CtaProps } from './Cta.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,EACP,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAA"}
|
package/dist/marketing/index.js
CHANGED
|
@@ -7,7 +7,8 @@ export { PageLoading } from './PageLoading.js';
|
|
|
7
7
|
export { Hero } from './Hero.js';
|
|
8
8
|
export { Media } from './Media.js';
|
|
9
9
|
export { Plans } from './Plans.js';
|
|
10
|
-
export { audience, charge, money, saving, seats, termOf, way } from './rows.js';
|
|
10
|
+
export { audience, charge, merged, money, saving, seats, termOf, way } from './rows.js';
|
|
11
|
+
export { Footer } from './Footer.js';
|
|
11
12
|
export { Faq } from './Faq.js';
|
|
12
13
|
export { ClosingCta } from './ClosingCta.js';
|
|
13
14
|
export { Cta, TextLink } from './Cta.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAoC,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAwD,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAoC,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAwD,MAAM,QAAQ,CAAA;AAC1I,OAAO,EAAE,MAAM,EAAwD,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,IAAI,EAAgD,MAAM,QAAQ,CAAA;AAC3E,OAAO,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAOR,MAAM,UAAU,CAAA"}
|
package/dist/marketing/rows.cjs
CHANGED
|
@@ -9,6 +9,7 @@ exports.charge = charge;
|
|
|
9
9
|
exports.saving = saving;
|
|
10
10
|
exports.way = way;
|
|
11
11
|
exports.seats = seats;
|
|
12
|
+
exports.merged = merged;
|
|
12
13
|
/** Whole dollars bare, anything else to the cent: $20, $16.67. */
|
|
13
14
|
const money = (n) => Number.isInteger(n)
|
|
14
15
|
? `$${n.toLocaleString('en-US')}`
|
|
@@ -45,3 +46,28 @@ function seats(p) {
|
|
|
45
46
|
/** The term a card quotes: a year where one is sold and asked for, else a month. */
|
|
46
47
|
const termOf = (p, yearly) => (yearly && charge(p, 'year') !== null ? 'year' : 'month');
|
|
47
48
|
exports.termOf = termOf;
|
|
49
|
+
/** A Max tier's multiple, from its name: "Max 5x" becomes "5x". */
|
|
50
|
+
const tier = (p) => p.name.replace(/^max\s*/i, '');
|
|
51
|
+
/**
|
|
52
|
+
* One Max card for its tiers. The catalog sells Max 5x and Max 20x as two rows;
|
|
53
|
+
* a page offers one, priced from the cheaper, and the tier is chosen at
|
|
54
|
+
* checkout. It takes the first tier's place, so the order still reads up.
|
|
55
|
+
* `from` names the rows that stand for several.
|
|
56
|
+
*/
|
|
57
|
+
function merged(plans) {
|
|
58
|
+
const max = plans.filter((p) => /^max\b/i.test(p.name));
|
|
59
|
+
if (max.length < 2)
|
|
60
|
+
return { plans: [...plans], from: new Set() };
|
|
61
|
+
const low = max.reduce((a, b) => ((a.priceMonthly ?? 0) <= (b.priceMonthly ?? 0) ? a : b));
|
|
62
|
+
const f = (low.features ?? []).filter((line) => !/^\d+x Pro's/i.test(line));
|
|
63
|
+
const one = {
|
|
64
|
+
...low,
|
|
65
|
+
name: 'Max',
|
|
66
|
+
features: f.some((line) => /^choose\b/i.test(line))
|
|
67
|
+
? f
|
|
68
|
+
: [f[0], `Choose ${max.map(tier).join(' or ')} more usage than Pro`, ...f.slice(1)].filter((x) => Boolean(x)),
|
|
69
|
+
};
|
|
70
|
+
const rest = plans.filter((p) => !max.includes(p));
|
|
71
|
+
rest.splice(plans.indexOf(max[0]), 0, one);
|
|
72
|
+
return { plans: rest, from: new Set([one.id]) };
|
|
73
|
+
}
|
package/dist/marketing/rows.d.ts
CHANGED
|
@@ -38,4 +38,14 @@ export declare function way(p: PlanRow): Way;
|
|
|
38
38
|
export declare function seats(p: PlanRow): number;
|
|
39
39
|
/** The term a card quotes: a year where one is sold and asked for, else a month. */
|
|
40
40
|
export declare const termOf: (p: PlanRow, yearly: boolean) => Interval;
|
|
41
|
+
/**
|
|
42
|
+
* One Max card for its tiers. The catalog sells Max 5x and Max 20x as two rows;
|
|
43
|
+
* a page offers one, priced from the cheaper, and the tier is chosen at
|
|
44
|
+
* checkout. It takes the first tier's place, so the order still reads up.
|
|
45
|
+
* `from` names the rows that stand for several.
|
|
46
|
+
*/
|
|
47
|
+
export declare function merged(plans: readonly PlanRow[]): {
|
|
48
|
+
plans: PlanRow[];
|
|
49
|
+
from: Set<string>;
|
|
50
|
+
};
|
|
41
51
|
//# sourceMappingURL=rows.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACvC,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,KAAK,MAAO,MAAM,KAAG,MAG2D,CAAA;AAE7F,qEAAqE;AACrE,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAMvE;AAED,gGAAgG;AAChG,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAKnD;AAED,4GAA4G;AAC5G,eAAO,MAAM,QAAQ,MAAO,OAAO,KAAG,QAAsE,CAAA;AAE5G,uEAAuE;AACvE,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAE3C,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAGnC;AAED,8CAA8C;AAC9C,wBAAgB,KAAK,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAGxC;AAED,oFAAoF;AACpF,eAAO,MAAM,MAAM,MAAO,OAAO,UAAU,OAAO,KAAG,QAAqE,CAAA"}
|
|
1
|
+
{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACvC,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,KAAK,MAAO,MAAM,KAAG,MAG2D,CAAA;AAE7F,qEAAqE;AACrE,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAMvE;AAED,gGAAgG;AAChG,wBAAgB,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAKnD;AAED,4GAA4G;AAC5G,eAAO,MAAM,QAAQ,MAAO,OAAO,KAAG,QAAsE,CAAA;AAE5G,uEAAuE;AACvE,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAE3C,wBAAgB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAGnC;AAED,8CAA8C;AAC9C,wBAAgB,KAAK,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAGxC;AAED,oFAAoF;AACpF,eAAO,MAAM,MAAM,MAAO,OAAO,UAAU,OAAO,KAAG,QAAqE,CAAA;AAK1H;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,GAAG;IAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAezF"}
|
package/dist/marketing/rows.js
CHANGED
|
@@ -35,4 +35,29 @@ export function seats(p) {
|
|
|
35
35
|
}
|
|
36
36
|
/** The term a card quotes: a year where one is sold and asked for, else a month. */
|
|
37
37
|
export const termOf = (p, yearly) => (yearly && charge(p, 'year') !== null ? 'year' : 'month');
|
|
38
|
+
/** A Max tier's multiple, from its name: "Max 5x" becomes "5x". */
|
|
39
|
+
const tier = (p) => p.name.replace(/^max\s*/i, '');
|
|
40
|
+
/**
|
|
41
|
+
* One Max card for its tiers. The catalog sells Max 5x and Max 20x as two rows;
|
|
42
|
+
* a page offers one, priced from the cheaper, and the tier is chosen at
|
|
43
|
+
* checkout. It takes the first tier's place, so the order still reads up.
|
|
44
|
+
* `from` names the rows that stand for several.
|
|
45
|
+
*/
|
|
46
|
+
export function merged(plans) {
|
|
47
|
+
const max = plans.filter((p) => /^max\b/i.test(p.name));
|
|
48
|
+
if (max.length < 2)
|
|
49
|
+
return { plans: [...plans], from: new Set() };
|
|
50
|
+
const low = max.reduce((a, b) => ((a.priceMonthly ?? 0) <= (b.priceMonthly ?? 0) ? a : b));
|
|
51
|
+
const f = (low.features ?? []).filter((line) => !/^\d+x Pro's/i.test(line));
|
|
52
|
+
const one = {
|
|
53
|
+
...low,
|
|
54
|
+
name: 'Max',
|
|
55
|
+
features: f.some((line) => /^choose\b/i.test(line))
|
|
56
|
+
? f
|
|
57
|
+
: [f[0], `Choose ${max.map(tier).join(' or ')} more usage than Pro`, ...f.slice(1)].filter((x) => Boolean(x)),
|
|
58
|
+
};
|
|
59
|
+
const rest = plans.filter((p) => !max.includes(p));
|
|
60
|
+
rest.splice(plans.indexOf(max[0]), 0, one);
|
|
61
|
+
return { plans: rest, from: new Set([one.id]) };
|
|
62
|
+
}
|
|
38
63
|
//# sourceMappingURL=rows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH,kEAAkE;AAClE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CACzC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;IACjC,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAE7F,qEAAqE;AACrE,MAAM,UAAU,MAAM,CAAC,IAAa,EAAE,QAAkB;IACtD,MAAM,CAAC,GACL,QAAQ,KAAK,OAAO;QAClB,CAAC,CAAC,IAAI,CAAC,YAAY;QACnB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACjG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC9B,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,MAAM,CAAC,IAAa;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACnC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,GAAG,KAAK;QAAE,OAAO,IAAI,CAAA;IACtD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;AACpD,CAAC;AAED,4GAA4G;AAC5G,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAY,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;AAK5G,MAAM,UAAU,GAAG,CAAC,CAAU;IAC5B,IAAI,CAAC,CAAC,YAAY;QAAE,OAAO,OAAO,CAAA;IAClC,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AACpD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,KAAK,CAAC,CAAU;IAC9B,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACxD,CAAC;AAED,oFAAoF;AACpF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,MAAe,EAAY,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../src/marketing/rows.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH,kEAAkE;AAClE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE,CACzC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;IACjC,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAE7F,qEAAqE;AACrE,MAAM,UAAU,MAAM,CAAC,IAAa,EAAE,QAAkB;IACtD,MAAM,CAAC,GACL,QAAQ,KAAK,OAAO;QAClB,CAAC,CAAC,IAAI,CAAC,YAAY;QACnB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACjG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC9B,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,MAAM,CAAC,IAAa;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACnC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,GAAG,KAAK;QAAE,OAAO,IAAI,CAAA;IACtD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;AACpD,CAAC;AAED,4GAA4G;AAC5G,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAY,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;AAK5G,MAAM,UAAU,GAAG,CAAC,CAAU;IAC5B,IAAI,CAAC,CAAC,YAAY;QAAE,OAAO,OAAO,CAAA;IAClC,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AACpD,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,KAAK,CAAC,CAAU;IAC9B,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACxD,CAAC;AAED,oFAAoF;AACpF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,MAAe,EAAY,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;AAE1H,mEAAmE;AACnE,MAAM,IAAI,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;AAE3D;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,KAAyB;IAC9C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACvD,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,CAAA;IACjE,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1F,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3E,MAAM,GAAG,GAAY;QACnB,GAAG,GAAG;QACN,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAC7H,CAAA;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;IAC3C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;AACjD,CAAC"}
|
|
@@ -55,7 +55,7 @@ function ChatOnboarding({ site = 'Hanzo', api = api_1.API, track, onDone, privac
|
|
|
55
55
|
if (!at || at === 'done')
|
|
56
56
|
return (0, jsx_runtime_1.jsx)(frame_1.Page, { site: site, title: "", busy: true });
|
|
57
57
|
if (at === 'notice') {
|
|
58
|
-
return ((0, jsx_runtime_1.jsxs)(frame_1.Page, { site: site, title: "Before your first chat", lede: "A few things to know, plus one setting to review", center: true, width: 512, children: [(0, jsx_runtime_1.jsxs)(frame_1.Panel, { label: "Before your first chat", children: [(0, jsx_runtime_1.jsxs)(Row, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.
|
|
58
|
+
return ((0, jsx_runtime_1.jsxs)(frame_1.Page, { site: site, title: "Before your first chat", lede: "A few things to know, plus one setting to review", center: true, width: 512, children: [(0, jsx_runtime_1.jsxs)(frame_1.Panel, { label: "Before your first chat", children: [(0, jsx_runtime_1.jsxs)(Row, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.EyeOff, { size: 20 }), children: [(0, jsx_runtime_1.jsx)("b", { children: "Ad-free chats:" }), " We won\u2019t show you ads or let advertisers influence what ", site, " says."] }), safeguards ? ((0, jsx_runtime_1.jsxs)(Row, { icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.HeartHandshake, { size: 20 }), children: [(0, jsx_runtime_1.jsx)("b", { children: "Built to help, not harm:" }), " Automated safeguards protect your chats from violent, abusive, or deceptive content."] })) : null, (0, jsx_runtime_1.jsxs)(Row, { icon: (0, jsx_runtime_1.jsx)(switch_1.Switch, { checked: train, onCheckedChange: setTrain, "aria-label": "Help improve our AI models" }), children: [(0, jsx_runtime_1.jsx)("b", { children: "Help improve our AI models:" }), " Allow the use of your chats and coding sessions to train and improve Zen models. Change anytime in privacy settings.", ' ', (0, jsx_runtime_1.jsx)(layout_1.Anchor, { href: privacyPath, color: "$ink", textDecorationLine: "underline", children: "Learn more" })] })] }), (0, jsx_runtime_1.jsx)(screens_1.Primary, { disabled: busy, onClick: async () => {
|
|
59
59
|
setBusy(true);
|
|
60
60
|
await session.setTrain(train).catch(() => undefined);
|
|
61
61
|
track?.('first_chat_notice_accepted', { train_opt_in: train });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { Binoculars, Calendar, ChartLine, Clock, Code, Dna, FileText, Gavel, GraduationCap, LayoutGrid, Library, Lightbulb, MessageSquare, Palette, Pencil, Presentation, User } from '@hanzogui/lucide-icons-2';
|
|
4
|
+
import { Binoculars, Calendar, ChartLine, Clock, Code, Dna, EyeOff, FileText, Gavel, GraduationCap, HeartHandshake, LayoutGrid, Library, Lightbulb, MessageSquare, Palette, Pencil, Presentation, User } from '@hanzogui/lucide-icons-2';
|
|
5
5
|
import { Button } from '../backends/gui/button.js';
|
|
6
6
|
import { Field } from '../backends/gui/field.js';
|
|
7
7
|
import { Input } from '../backends/gui/input.js';
|
|
@@ -52,7 +52,7 @@ export function ChatOnboarding({ site = 'Hanzo', api = API, track, onDone, priva
|
|
|
52
52
|
if (!at || at === 'done')
|
|
53
53
|
return _jsx(Page, { site: site, title: "", busy: true });
|
|
54
54
|
if (at === 'notice') {
|
|
55
|
-
return (_jsxs(Page, { site: site, title: "Before your first chat", lede: "A few things to know, plus one setting to review", center: true, width: 512, children: [_jsxs(Panel, { label: "Before your first chat", children: [_jsxs(Row, { icon: _jsx(
|
|
55
|
+
return (_jsxs(Page, { site: site, title: "Before your first chat", lede: "A few things to know, plus one setting to review", center: true, width: 512, children: [_jsxs(Panel, { label: "Before your first chat", children: [_jsxs(Row, { icon: _jsx(EyeOff, { size: 20 }), children: [_jsx("b", { children: "Ad-free chats:" }), " We won\u2019t show you ads or let advertisers influence what ", site, " says."] }), safeguards ? (_jsxs(Row, { icon: _jsx(HeartHandshake, { size: 20 }), children: [_jsx("b", { children: "Built to help, not harm:" }), " Automated safeguards protect your chats from violent, abusive, or deceptive content."] })) : null, _jsxs(Row, { icon: _jsx(Switch, { checked: train, onCheckedChange: setTrain, "aria-label": "Help improve our AI models" }), children: [_jsx("b", { children: "Help improve our AI models:" }), " Allow the use of your chats and coding sessions to train and improve Zen models. Change anytime in privacy settings.", ' ', _jsx(Anchor, { href: privacyPath, color: "$ink", textDecorationLine: "underline", children: "Learn more" })] })] }), _jsx(Primary, { disabled: busy, onClick: async () => {
|
|
56
56
|
setBusy(true);
|
|
57
57
|
await session.setTrain(train).catch(() => undefined);
|
|
58
58
|
track?.('first_chat_notice_accepted', { train_opt_in: train });
|