pi-kiosk-shared 2.2.35 → 2.2.37
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/turnstileTypes.d.ts +9 -0
- package/dist/auth/turnstileTypes.d.ts.map +1 -1
- package/dist/auth/turnstileTypes.js +16 -3
- package/dist/auth/turnstileTypes.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/permissions/permissionLabels.d.ts +7 -0
- package/dist/permissions/permissionLabels.d.ts.map +1 -1
- package/dist/permissions/permissionLabels.js +132 -1
- package/dist/permissions/permissionLabels.js.map +1 -1
- package/dist/ui/Avatar/Avatar.d.ts +15 -0
- package/dist/ui/Avatar/Avatar.d.ts.map +1 -0
- package/dist/ui/Avatar/Avatar.js +37 -0
- package/dist/ui/Avatar/Avatar.js.map +1 -0
- package/dist/ui/Badge/Badge.d.ts +60 -0
- package/dist/ui/Badge/Badge.d.ts.map +1 -0
- package/dist/ui/Badge/Badge.js +91 -0
- package/dist/ui/Badge/Badge.js.map +1 -0
- package/dist/ui/BottomSheet/BottomSheet.d.ts +18 -0
- package/dist/ui/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/dist/ui/BottomSheet/BottomSheet.js +29 -0
- package/dist/ui/BottomSheet/BottomSheet.js.map +1 -0
- package/dist/ui/Breadcrumbs/Breadcrumbs.d.ts +19 -0
- package/dist/ui/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/ui/Breadcrumbs/Breadcrumbs.js +13 -0
- package/dist/ui/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/ui/Checkbox/Checkbox.d.ts +9 -0
- package/dist/ui/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/ui/Checkbox/Checkbox.js +18 -0
- package/dist/ui/Checkbox/Checkbox.js.map +1 -0
- package/dist/ui/Dialog/Dialog.d.ts +16 -0
- package/dist/ui/Dialog/Dialog.d.ts.map +1 -0
- package/dist/ui/Dialog/Dialog.js +31 -0
- package/dist/ui/Dialog/Dialog.js.map +1 -0
- package/dist/ui/FAB/FAB.d.ts +15 -0
- package/dist/ui/FAB/FAB.d.ts.map +1 -0
- package/dist/ui/FAB/FAB.js +18 -0
- package/dist/ui/FAB/FAB.js.map +1 -0
- package/dist/ui/FilterChip/FilterChip.d.ts +16 -0
- package/dist/ui/FilterChip/FilterChip.d.ts.map +1 -0
- package/dist/ui/FilterChip/FilterChip.js +26 -0
- package/dist/ui/FilterChip/FilterChip.js.map +1 -0
- package/dist/ui/Icon/Icon.d.ts +18 -0
- package/dist/ui/Icon/Icon.d.ts.map +1 -0
- package/dist/ui/Icon/Icon.js +17 -0
- package/dist/ui/Icon/Icon.js.map +1 -0
- package/dist/ui/Icon/index.d.ts +4 -0
- package/dist/ui/Icon/index.d.ts.map +1 -0
- package/dist/ui/Icon/index.js +3 -0
- package/dist/ui/Icon/index.js.map +1 -0
- package/dist/ui/Icon/lucide.d.ts +7 -0
- package/dist/ui/Icon/lucide.d.ts.map +1 -0
- package/dist/ui/Icon/lucide.js +2 -0
- package/dist/ui/Icon/lucide.js.map +1 -0
- package/dist/ui/IconButton/IconButton.d.ts +51 -0
- package/dist/ui/IconButton/IconButton.d.ts.map +1 -0
- package/dist/ui/IconButton/IconButton.js +37 -0
- package/dist/ui/IconButton/IconButton.js.map +1 -0
- package/dist/ui/IconButton/index.d.ts +2 -0
- package/dist/ui/IconButton/index.d.ts.map +1 -0
- package/dist/ui/IconButton/index.js +2 -0
- package/dist/ui/IconButton/index.js.map +1 -0
- package/dist/ui/Input/Input.d.ts +24 -0
- package/dist/ui/Input/Input.d.ts.map +1 -0
- package/dist/ui/Input/Input.js +25 -0
- package/dist/ui/Input/Input.js.map +1 -0
- package/dist/ui/Loader/Loader.d.ts +13 -0
- package/dist/ui/Loader/Loader.d.ts.map +1 -0
- package/dist/ui/Loader/Loader.js +17 -0
- package/dist/ui/Loader/Loader.js.map +1 -0
- package/dist/ui/NavStepper/NavStepper.d.ts +16 -0
- package/dist/ui/NavStepper/NavStepper.d.ts.map +1 -0
- package/dist/ui/NavStepper/NavStepper.js +31 -0
- package/dist/ui/NavStepper/NavStepper.js.map +1 -0
- package/dist/ui/QuantityStepper/QuantityStepper.d.ts +19 -0
- package/dist/ui/QuantityStepper/QuantityStepper.d.ts.map +1 -0
- package/dist/ui/QuantityStepper/QuantityStepper.js +13 -0
- package/dist/ui/QuantityStepper/QuantityStepper.js.map +1 -0
- package/dist/ui/QuantityStepper/index.d.ts +2 -0
- package/dist/ui/QuantityStepper/index.d.ts.map +1 -0
- package/dist/ui/QuantityStepper/index.js +2 -0
- package/dist/ui/QuantityStepper/index.js.map +1 -0
- package/dist/ui/Radio/Radio.d.ts +9 -0
- package/dist/ui/Radio/Radio.d.ts.map +1 -0
- package/dist/ui/Radio/Radio.js +18 -0
- package/dist/ui/Radio/Radio.js.map +1 -0
- package/dist/ui/ScreenState/ScreenState.d.ts +27 -0
- package/dist/ui/ScreenState/ScreenState.d.ts.map +1 -0
- package/dist/ui/ScreenState/ScreenState.js +29 -0
- package/dist/ui/ScreenState/ScreenState.js.map +1 -0
- package/dist/ui/SegmentTabs/SegmentTabs.d.ts +21 -0
- package/dist/ui/SegmentTabs/SegmentTabs.d.ts.map +1 -0
- package/dist/ui/SegmentTabs/SegmentTabs.js +49 -0
- package/dist/ui/SegmentTabs/SegmentTabs.js.map +1 -0
- package/dist/ui/SegmentTabs/SegmentTabsOverflow.d.ts +17 -0
- package/dist/ui/SegmentTabs/SegmentTabsOverflow.d.ts.map +1 -0
- package/dist/ui/SegmentTabs/SegmentTabsOverflow.js +24 -0
- package/dist/ui/SegmentTabs/SegmentTabsOverflow.js.map +1 -0
- package/dist/ui/Select/Select.d.ts +30 -0
- package/dist/ui/Select/Select.d.ts.map +1 -0
- package/dist/ui/Select/Select.js +101 -0
- package/dist/ui/Select/Select.js.map +1 -0
- package/dist/ui/Select/index.d.ts +2 -0
- package/dist/ui/Select/index.d.ts.map +1 -0
- package/dist/ui/Select/index.js +2 -0
- package/dist/ui/Select/index.js.map +1 -0
- package/dist/ui/Skeleton/Skeleton.d.ts +15 -0
- package/dist/ui/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/ui/Skeleton/Skeleton.js +16 -0
- package/dist/ui/Skeleton/Skeleton.js.map +1 -0
- package/dist/ui/Switch/Switch.d.ts +11 -0
- package/dist/ui/Switch/Switch.d.ts.map +1 -0
- package/dist/ui/Switch/Switch.js +36 -0
- package/dist/ui/Switch/Switch.js.map +1 -0
- package/dist/ui/Textarea/Textarea.d.ts +24 -0
- package/dist/ui/Textarea/Textarea.d.ts.map +1 -0
- package/dist/ui/Textarea/Textarea.js +25 -0
- package/dist/ui/Textarea/Textarea.js.map +1 -0
- package/dist/ui/Toast/Toast.d.ts +14 -0
- package/dist/ui/Toast/Toast.d.ts.map +1 -0
- package/dist/ui/Toast/Toast.js +21 -0
- package/dist/ui/Toast/Toast.js.map +1 -0
- package/dist/ui/Turnstile/TurnstileExecuteWidget.d.ts +1 -1
- package/dist/ui/Turnstile/TurnstileExecuteWidget.d.ts.map +1 -1
- package/dist/ui/Turnstile/TurnstileExecuteWidget.js +9 -0
- package/dist/ui/Turnstile/TurnstileExecuteWidget.js.map +1 -1
- package/dist/ui/Turnstile/useTurnstileAuth.d.ts.map +1 -1
- package/dist/ui/Turnstile/useTurnstileAuth.js +3 -2
- package/dist/ui/Turnstile/useTurnstileAuth.js.map +1 -1
- package/dist/ui/Turnstile/useTurnstileExecute.d.ts +5 -0
- package/dist/ui/Turnstile/useTurnstileExecute.d.ts.map +1 -1
- package/dist/ui/Turnstile/useTurnstileExecute.js +65 -6
- package/dist/ui/Turnstile/useTurnstileExecute.js.map +1 -1
- package/dist/ui/Typography/Typography.d.ts +70 -0
- package/dist/ui/Typography/Typography.d.ts.map +1 -0
- package/dist/ui/Typography/Typography.js +58 -0
- package/dist/ui/Typography/Typography.js.map +1 -0
- package/package.json +1 -1
- package/src/tokens/brand-bridge.css +6 -0
- package/src/tokens/tokens.sync.json +989 -0
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as RadixSelect from '@radix-ui/react-select';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { tv } from '../tvShim.js';
|
|
5
|
+
const selectRecipe = tv({
|
|
6
|
+
slots: {
|
|
7
|
+
trigger: [
|
|
8
|
+
'inline-flex min-h-[44px] min-w-[44px] items-center justify-between gap-2',
|
|
9
|
+
'rounded-lg border px-3 text-left touch-manipulation',
|
|
10
|
+
'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
11
|
+
'disabled:cursor-not-allowed disabled:opacity-60',
|
|
12
|
+
].join(' '),
|
|
13
|
+
icon: 'h-4 w-4 shrink-0',
|
|
14
|
+
content: 'z-50 overflow-hidden rounded-lg border shadow-lg',
|
|
15
|
+
viewport: 'max-h-64 p-1',
|
|
16
|
+
item: [
|
|
17
|
+
'relative flex min-h-[44px] min-w-[44px] cursor-pointer select-none items-center',
|
|
18
|
+
'rounded-md px-3 py-2 outline-none',
|
|
19
|
+
'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
20
|
+
'data-[state=checked]:font-semibold',
|
|
21
|
+
].join(' '),
|
|
22
|
+
},
|
|
23
|
+
variants: {
|
|
24
|
+
surface: {
|
|
25
|
+
admin: {
|
|
26
|
+
trigger: [
|
|
27
|
+
'border-[var(--color-an-border)] bg-[var(--color-an-surface)]',
|
|
28
|
+
'text-sm text-[var(--color-an-text)]',
|
|
29
|
+
'focus-visible:outline-[var(--color-an-primary)]',
|
|
30
|
+
].join(' '),
|
|
31
|
+
icon: 'text-[var(--color-an-text-muted)]',
|
|
32
|
+
content: 'border-[var(--color-an-border)] bg-[var(--color-an-surface)] text-[var(--color-an-text)]',
|
|
33
|
+
item: [
|
|
34
|
+
'text-sm text-[var(--color-an-text)]',
|
|
35
|
+
'data-[highlighted]:bg-[var(--color-an-primary-soft)] data-[highlighted]:text-[var(--color-an-primary)]',
|
|
36
|
+
].join(' '),
|
|
37
|
+
},
|
|
38
|
+
customer: {
|
|
39
|
+
trigger: [
|
|
40
|
+
'border-[var(--color-border)] bg-[var(--color-surface)]',
|
|
41
|
+
'text-base text-[var(--color-on-surface)]',
|
|
42
|
+
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
43
|
+
].join(' '),
|
|
44
|
+
icon: 'text-[var(--color-on-surface-muted)]',
|
|
45
|
+
content: 'border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-on-surface)]',
|
|
46
|
+
item: [
|
|
47
|
+
'text-sm text-[var(--color-on-surface)]',
|
|
48
|
+
'data-[highlighted]:bg-[var(--brand-consumer-accent-soft)] data-[highlighted]:text-[var(--brand-consumer-accent)]',
|
|
49
|
+
].join(' '),
|
|
50
|
+
},
|
|
51
|
+
kiosk: {
|
|
52
|
+
trigger: [
|
|
53
|
+
'border-[var(--color-border)] bg-[var(--color-surface)]',
|
|
54
|
+
'text-base text-[var(--color-on-surface)]',
|
|
55
|
+
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
56
|
+
].join(' '),
|
|
57
|
+
icon: 'text-[var(--color-on-surface-muted)]',
|
|
58
|
+
content: 'border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-on-surface)]',
|
|
59
|
+
item: [
|
|
60
|
+
'text-base text-[var(--color-on-surface)]',
|
|
61
|
+
'data-[highlighted]:bg-[var(--color-surface-muted)] data-[highlighted]:text-[var(--color-on-surface)]',
|
|
62
|
+
].join(' '),
|
|
63
|
+
},
|
|
64
|
+
pickup: {
|
|
65
|
+
trigger: [
|
|
66
|
+
'border-[var(--color-border)] bg-[var(--color-surface)]',
|
|
67
|
+
'text-sm text-[var(--color-on-surface)]',
|
|
68
|
+
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
69
|
+
].join(' '),
|
|
70
|
+
icon: 'text-[var(--color-on-surface-muted)]',
|
|
71
|
+
content: [
|
|
72
|
+
'z-[var(--pickup-z-80,80)] border-[var(--color-border)]',
|
|
73
|
+
'bg-[var(--color-surface)] text-[var(--color-on-surface)]',
|
|
74
|
+
].join(' '),
|
|
75
|
+
item: [
|
|
76
|
+
'text-sm text-[var(--color-on-surface)]',
|
|
77
|
+
'data-[highlighted]:bg-[var(--brand-consumer-accent-soft)] data-[highlighted]:text-[var(--brand-consumer-accent)]',
|
|
78
|
+
].join(' '),
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
surface: 'customer',
|
|
84
|
+
},
|
|
85
|
+
});
|
|
86
|
+
function ChevronIcon({ className }) {
|
|
87
|
+
return (_jsx("svg", { className: className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, focusable: "false", children: _jsx("path", { d: "M6 9l6 6 6-6" }) }));
|
|
88
|
+
}
|
|
89
|
+
/**
|
|
90
|
+
* Shared Select API (CMP-0005 / Q24=C).
|
|
91
|
+
* Radix is an implementation detail — apps must not import `@radix-ui/react-select` for new UI.
|
|
92
|
+
*/
|
|
93
|
+
export const Select = forwardRef(function Select({ id, options, value, onValueChange, disabled = false, placeholder, className, triggerClassName, contentClassName, surface = 'customer', testId = 'select-trigger', itemTestIdPrefix, name, 'aria-busy': ariaBusy, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }, ref) {
|
|
94
|
+
const slots = selectRecipe({ surface: surface });
|
|
95
|
+
const resolvedValue = value !== undefined && value !== '' ? value : undefined;
|
|
96
|
+
return (_jsxs(RadixSelect.Root, { value: resolvedValue, disabled: disabled || options.length === 0, name: name, onValueChange: onValueChange, children: [_jsxs(RadixSelect.Trigger, { ref: ref, id: id, className: slots.trigger({ className: [triggerClassName, className].filter(Boolean).join(' ') }), "data-testid": testId, "aria-busy": ariaBusy || undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children: [_jsx(RadixSelect.Value, { placeholder: placeholder }), _jsx(RadixSelect.Icon, { children: _jsx(ChevronIcon, { className: slots.icon() }) })] }), _jsx(RadixSelect.Portal, { children: _jsx(RadixSelect.Content, { className: slots.content({ className: contentClassName }), position: "popper", sideOffset: 4, children: _jsx(RadixSelect.Viewport, { className: slots.viewport(), children: options.map((option) => (_jsx(RadixSelect.Item, { value: option.value, disabled: option.disabled, className: slots.item(), "data-testid": itemTestIdPrefix !== undefined
|
|
97
|
+
? `${itemTestIdPrefix}${option.value}`
|
|
98
|
+
: undefined, children: _jsx(RadixSelect.ItemText, { children: option.label }) }, option.value))) }) }) })] }));
|
|
99
|
+
});
|
|
100
|
+
Select.displayName = 'Select';
|
|
101
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAUrD,MAAM,YAAY,GAAG,EAAE,CAAC;IACtB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,0EAA0E;YAC1E,qDAAqD;YACrD,8EAA8E;YAC9E,iDAAiD;SAClD,CAAC,IAAI,CAAC,GAAG,CAAC;QACX,IAAI,EAAE,kBAAkB;QACxB,OAAO,EAAE,kDAAkD;QAC3D,QAAQ,EAAE,cAAc;QACxB,IAAI,EAAE;YACJ,iFAAiF;YACjF,mCAAmC;YACnC,gEAAgE;YAChE,oCAAoC;SACrC,CAAC,IAAI,CAAC,GAAG,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,8DAA8D;oBAC9D,qCAAqC;oBACrC,iDAAiD;iBAClD,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,EAAE,mCAAmC;gBACzC,OAAO,EACL,0FAA0F;gBAC5F,IAAI,EAAE;oBACJ,qCAAqC;oBACrC,wGAAwG;iBACzG,CAAC,IAAI,CAAC,GAAG,CAAC;aACZ;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,wDAAwD;oBACxD,0CAA0C;oBAC1C,iDAAiD;iBAClD,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,EAAE,sCAAsC;gBAC5C,OAAO,EACL,uFAAuF;gBACzF,IAAI,EAAE;oBACJ,wCAAwC;oBACxC,kHAAkH;iBACnH,CAAC,IAAI,CAAC,GAAG,CAAC;aACZ;YACD,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,wDAAwD;oBACxD,0CAA0C;oBAC1C,iDAAiD;iBAClD,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,EAAE,sCAAsC;gBAC5C,OAAO,EACL,uFAAuF;gBACzF,IAAI,EAAE;oBACJ,0CAA0C;oBAC1C,sGAAsG;iBACvG,CAAC,IAAI,CAAC,GAAG,CAAC;aACZ;YACD,MAAM,EAAE;gBACN,OAAO,EAAE;oBACP,wDAAwD;oBACxD,wCAAwC;oBACxC,iDAAiD;iBAClD,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,EAAE,sCAAsC;gBAC5C,OAAO,EAAE;oBACP,wDAAwD;oBACxD,0DAA0D;iBAC3D,CAAC,IAAI,CAAC,GAAG,CAAC;gBACX,IAAI,EAAE;oBACJ,wCAAwC;oBACxC,kHAAkH;iBACnH,CAAC,IAAI,CAAC,GAAG,CAAC;aACZ;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAuBH,SAAS,WAAW,CAAC,EAAE,SAAS,EAAmC;IACjE,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,uBAEtB,SAAS,EAAC,OAAO,YAEjB,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,EAAE,EACF,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,gBAAgB,EACzB,gBAAgB,EAChB,IAAI,EACJ,WAAW,EAAE,QAAQ,EACrB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,OAA0C,EAAE,CAAC,CAAC;IACpF,MAAM,aAAa,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAC1C,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,aAE5B,MAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,iBACnF,MAAM,eACR,QAAQ,IAAI,SAAS,gBACpB,SAAS,qBACJ,cAAc,aAE/B,KAAC,WAAW,CAAC,KAAK,IAAC,WAAW,EAAE,WAAW,GAAI,EAC/C,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAI,GACvB,IACC,EACtB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,OAAO,IAClB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACzD,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,CAAC,YAEb,KAAC,WAAW,CAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,YAC9C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,CAAC,IAAI,IAEf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,iBAErB,gBAAgB,KAAK,SAAS;gCAC5B,CAAC,CAAC,GAAG,gBAAgB,GAAG,MAAM,CAAC,KAAK,EAAE;gCACtC,CAAC,CAAC,SAAS,YAGf,KAAC,WAAW,CAAC,QAAQ,cAAE,MAAM,CAAC,KAAK,GAAwB,IAVtD,MAAM,CAAC,KAAK,CAWA,CACpB,CAAC,GACmB,GACH,GACH,IACJ,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAIP,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CMP-0014 Skeleton — pulse placeholders.
|
|
3
|
+
*/
|
|
4
|
+
export interface SkeletonProps {
|
|
5
|
+
readonly className?: string;
|
|
6
|
+
readonly 'aria-label'?: string;
|
|
7
|
+
readonly testId?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function Skeleton({ className, 'aria-label': ariaLabel, testId, }: SkeletonProps): JSX.Element;
|
|
10
|
+
export interface SkeletonTextProps {
|
|
11
|
+
readonly lines?: number;
|
|
12
|
+
readonly className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function SkeletonText({ lines, className }: SkeletonTextProps): JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,YAAY,EAAE,SAAqB,EACnC,MAAmB,GACpB,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAc7B;AAID,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAcrF"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function Skeleton({ className, 'aria-label': ariaLabel = 'Loading', testId = 'skeleton', }) {
|
|
3
|
+
return (_jsx("div", { className: [
|
|
4
|
+
'animate-pulse rounded-md bg-[var(--color-border,var(--color-an-border))] motion-reduce:animate-none',
|
|
5
|
+
className,
|
|
6
|
+
]
|
|
7
|
+
.filter(Boolean)
|
|
8
|
+
.join(' '), "aria-busy": "true", "aria-label": ariaLabel, "data-testid": testId }));
|
|
9
|
+
}
|
|
10
|
+
const SKELETON_TEXT_KEYS = ['sk-text-1', 'sk-text-2', 'sk-text-3', 'sk-text-4', 'sk-text-5'];
|
|
11
|
+
export function SkeletonText({ lines = 2, className }) {
|
|
12
|
+
const count = Math.min(Math.max(lines, 1), SKELETON_TEXT_KEYS.length);
|
|
13
|
+
const keys = SKELETON_TEXT_KEYS.slice(0, count);
|
|
14
|
+
return (_jsx("div", { className: ['flex flex-col gap-2', className].filter(Boolean).join(' '), "aria-busy": "true", children: keys.map((key, index) => (_jsx(Skeleton, { className: ['h-3', index === keys.length - 1 ? 'w-2/3' : 'w-full'].join(' ') }, key))) }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,MAAM,GAAG,UAAU,GACL;IACd,OAAO,CACL,cACE,SAAS,EAAE;YACT,qGAAqG;YACrG,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,eACF,MAAM,gBACJ,SAAS,iBACR,MAAM,GACnB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAU,CAAC;AAOtG,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAqB;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAY,MAAM,YAC3F,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,QAAQ,IAEP,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IADvE,GAAG,CAER,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
|
|
3
|
+
readonly checked: boolean;
|
|
4
|
+
readonly onCheckedChange?: (checked: boolean) => void;
|
|
5
|
+
};
|
|
6
|
+
/** CMP-0008 Switch — button role=switch. */
|
|
7
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
|
|
8
|
+
readonly checked: boolean;
|
|
9
|
+
readonly onCheckedChange?: (checked: boolean) => void;
|
|
10
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAkC9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,MAAM;sBALC,OAAO;+BACE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAmBtD,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { tv } from '../tvShim.js';
|
|
4
|
+
const switchTrack = tv({
|
|
5
|
+
base: [
|
|
6
|
+
'relative inline-flex h-[1.55rem] w-[2.85rem] shrink-0 cursor-pointer rounded-full',
|
|
7
|
+
'bg-[var(--color-border,var(--color-an-border,#cbd5e1))] transition-[background-color] duration-150',
|
|
8
|
+
'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
9
|
+
'focus-visible:outline-[var(--color-focus-ring,var(--color-an-primary))]',
|
|
10
|
+
'disabled:cursor-not-allowed disabled:opacity-55',
|
|
11
|
+
].join(' '),
|
|
12
|
+
variants: {
|
|
13
|
+
checked: {
|
|
14
|
+
true: 'bg-[var(--color-action-primary,var(--color-an-primary))]',
|
|
15
|
+
false: '',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: { checked: false },
|
|
19
|
+
});
|
|
20
|
+
const switchKnob = tv({
|
|
21
|
+
base: [
|
|
22
|
+
'pointer-events-none absolute left-[2px] top-[2px] h-5 w-5 rounded-full bg-white',
|
|
23
|
+
'shadow-[0_1px_3px_rgba(15,23,42,0.18)] transition-transform duration-150',
|
|
24
|
+
].join(' '),
|
|
25
|
+
variants: {
|
|
26
|
+
checked: {
|
|
27
|
+
true: 'translate-x-[1.3rem]',
|
|
28
|
+
false: '',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: { checked: false },
|
|
32
|
+
});
|
|
33
|
+
/** CMP-0008 Switch — button role=switch. */
|
|
34
|
+
export const Switch = forwardRef(({ checked, onCheckedChange, className, disabled, ...rest }, ref) => (_jsx("button", { ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, className: switchTrack({ checked, className }), onClick: () => onCheckedChange?.(!checked), ...rest, children: _jsx("span", { className: switchKnob({ checked }), "aria-hidden": "true" }) })));
|
|
35
|
+
Switch.displayName = 'Switch';
|
|
36
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,mFAAmF;QACnF,oGAAoG;QACpG,8EAA8E;QAC9E,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,0DAA0D;YAChE,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,iFAAiF;QACjF,0EAA0E;KAC3E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAOH,4CAA4C;AAC5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnE,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,KACtC,IAAI,YAER,eAAM,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,iBAAc,MAAM,GAAG,GACxD,CACV,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type TextareaHTMLAttributes } from 'react';
|
|
2
|
+
import { type VariantProps } from '../tvShim.js';
|
|
3
|
+
declare const textarea: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
invalid: {
|
|
5
|
+
true: string;
|
|
6
|
+
false: string;
|
|
7
|
+
};
|
|
8
|
+
}, undefined, string, TVConfig<V, EV>, {
|
|
9
|
+
invalid: {
|
|
10
|
+
true: string;
|
|
11
|
+
false: string;
|
|
12
|
+
};
|
|
13
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
14
|
+
invalid: {
|
|
15
|
+
true: string;
|
|
16
|
+
false: string;
|
|
17
|
+
};
|
|
18
|
+
}, undefined, string, TVConfig<V, EV>, unknown, unknown, undefined>>;
|
|
19
|
+
type TextareaVariants = VariantProps<typeof textarea>;
|
|
20
|
+
export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaVariants;
|
|
21
|
+
/** CMP-0023 Textarea */
|
|
22
|
+
export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaVariants & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;oEAiBZ,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,CAAC;AAE3F,wBAAwB;AACxB,eAAO,MAAM,QAAQ,gKAIpB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { tv } from '../tvShim.js';
|
|
4
|
+
const textarea = tv({
|
|
5
|
+
base: [
|
|
6
|
+
'min-h-[5rem] w-full rounded-md border px-3 py-2 text-sm',
|
|
7
|
+
'border-[var(--color-border,var(--color-an-border))]',
|
|
8
|
+
'bg-[var(--color-surface,var(--color-an-surface))]',
|
|
9
|
+
'text-[var(--color-on-surface,var(--color-an-text))]',
|
|
10
|
+
'placeholder:text-[var(--color-on-surface-muted,var(--color-an-text-muted))]',
|
|
11
|
+
'focus-visible:outline-none focus-visible:border-[var(--color-focus-ring,var(--color-an-primary))]',
|
|
12
|
+
'disabled:cursor-not-allowed disabled:opacity-60',
|
|
13
|
+
].join(' '),
|
|
14
|
+
variants: {
|
|
15
|
+
invalid: {
|
|
16
|
+
true: 'border-[var(--color-danger,var(--color-an-danger))]',
|
|
17
|
+
false: '',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: { invalid: false },
|
|
21
|
+
});
|
|
22
|
+
/** CMP-0023 Textarea */
|
|
23
|
+
export const Textarea = forwardRef(({ className, invalid, ...rest }, ref) => (_jsx("textarea", { ref: ref, className: textarea({ invalid, className }), ...rest })));
|
|
24
|
+
Textarea.displayName = 'Textarea';
|
|
25
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE;QACJ,yDAAyD;QACzD,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,mGAAmG;QACnG,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,mBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CAC9E,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export type ToastVariant = 'default' | 'success' | 'warn' | 'danger' | 'info';
|
|
3
|
+
export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
readonly message: string;
|
|
5
|
+
readonly variant?: ToastVariant;
|
|
6
|
+
readonly onDismiss?: () => void;
|
|
7
|
+
readonly dismissLabel?: string;
|
|
8
|
+
readonly testId?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* CMP-0011 Toast (= Snackbar) — presentational item; host owns queue/viewport.
|
|
12
|
+
*/
|
|
13
|
+
export declare function Toast({ message, variant, onDismiss, dismissLabel, className, testId, ...rest }: ToastProps): JSX.Element;
|
|
14
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAYD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,YAAwB,EACxB,SAAS,EACT,MAAgB,EAChB,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA6B1B"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const VARIANT_CLASS = {
|
|
3
|
+
default: 'border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-on-surface)]',
|
|
4
|
+
success: 'border-[var(--color-success,var(--color-an-success))] bg-[color-mix(in_oklab,var(--color-success,var(--color-an-success))_12%,transparent)] text-[var(--color-success,var(--color-an-success))]',
|
|
5
|
+
warn: 'border-[var(--color-warning,var(--color-an-warn))] bg-[color-mix(in_oklab,var(--color-warning,var(--color-an-warn))_12%,transparent)] text-[var(--color-warning,var(--color-an-warn))]',
|
|
6
|
+
danger: 'border-[var(--color-danger,var(--color-an-danger))] bg-[color-mix(in_oklab,var(--color-danger,var(--color-an-danger))_12%,transparent)] text-[var(--color-danger,var(--color-an-danger))]',
|
|
7
|
+
info: 'border-[var(--color-info,#0ea5e9)] bg-[color-mix(in_oklab,var(--color-info,#0ea5e9)_12%,transparent)] text-[var(--color-info,#0ea5e9)]',
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* CMP-0011 Toast (= Snackbar) — presentational item; host owns queue/viewport.
|
|
11
|
+
*/
|
|
12
|
+
export function Toast({ message, variant = 'default', onDismiss, dismissLabel = 'Dismiss', className, testId = 'toast', ...rest }) {
|
|
13
|
+
return (_jsxs("div", { role: "status", className: [
|
|
14
|
+
'flex items-start gap-3 rounded-md border px-3 py-2 text-sm shadow-sm',
|
|
15
|
+
VARIANT_CLASS[variant],
|
|
16
|
+
className,
|
|
17
|
+
]
|
|
18
|
+
.filter(Boolean)
|
|
19
|
+
.join(' '), "data-testid": testId, "data-variant": variant, ...rest, children: [_jsx("p", { className: "m-0 flex-1", children: message }), onDismiss ? (_jsx("button", { type: "button", className: "shrink-0 text-xs font-semibold underline", "aria-label": dismissLabel, onClick: onDismiss, "data-testid": `${testId}-dismiss`, children: dismissLabel })) : null] }));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":";AAYA,MAAM,aAAa,GAAiC;IAClD,OAAO,EAAE,uFAAuF;IAChG,OAAO,EACL,iMAAiM;IACnM,IAAI,EAAE,wLAAwL;IAC9L,MAAM,EACJ,2LAA2L;IAC7L,IAAI,EAAE,wIAAwI;CAC/I,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,MAAM,GAAG,OAAO,EAChB,GAAG,IAAI,EACI;IACX,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;YACT,sEAAsE;YACtE,aAAa,CAAC,OAAO,CAAC;YACtB,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,iBACC,MAAM,kBACL,OAAO,KACjB,IAAI,aAER,YAAG,SAAS,EAAC,YAAY,YAAE,OAAO,GAAK,EACtC,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,gBACxC,YAAY,EACxB,OAAO,EAAE,SAAS,iBACL,GAAG,MAAM,UAAU,YAE/B,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { UseTurnstileExecuteResult } from './useTurnstileExecute.js';
|
|
2
2
|
export interface TurnstileExecuteWidgetProps {
|
|
3
|
-
readonly turnstile: Pick<UseTurnstileExecuteResult, 'required' | 'siteKey' | 'widgetKey' | 'isLoading' | 'turnstileRef' | 'onSuccess' | 'onExpire' | 'onError'>;
|
|
3
|
+
readonly turnstile: Pick<UseTurnstileExecuteResult, 'required' | 'siteKey' | 'widgetKey' | 'isLoading' | 'isError' | 'turnstileRef' | 'onWidgetLoad' | 'onSuccess' | 'onExpire' | 'onError'>;
|
|
4
4
|
readonly className?: string;
|
|
5
5
|
readonly testId?: string;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TurnstileExecuteWidget.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/TurnstileExecuteWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,SAAS,EAAE,IAAI,CACtB,yBAAyB,EACvB,UAAU,GACV,SAAS,GACT,WAAW,GACX,WAAW,GACX,cAAc,GACd,WAAW,GACX,UAAU,GACV,SAAS,CACZ,CAAC;IACF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,SAAS,EACT,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"TurnstileExecuteWidget.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/TurnstileExecuteWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,SAAS,EAAE,IAAI,CACtB,yBAAyB,EACvB,UAAU,GACV,SAAS,GACT,WAAW,GACX,WAAW,GACX,SAAS,GACT,cAAc,GACd,cAAc,GACd,WAAW,GACX,UAAU,GACV,SAAS,CACZ,CAAC;IACF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,SAAS,EACT,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAqClD"}
|
|
@@ -12,6 +12,14 @@ export function TurnstileExecuteWidget({ turnstile, className, testId, }) {
|
|
|
12
12
|
'data-turnstile-state': 'loading',
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
|
+
if (turnstile.isError) {
|
|
16
|
+
return createElement('div', {
|
|
17
|
+
className,
|
|
18
|
+
'data-testid': testId,
|
|
19
|
+
role: 'alert',
|
|
20
|
+
'data-turnstile-state': 'error',
|
|
21
|
+
});
|
|
22
|
+
}
|
|
15
23
|
if (!turnstile.required || turnstile.siteKey === null) {
|
|
16
24
|
return null;
|
|
17
25
|
}
|
|
@@ -19,6 +27,7 @@ export function TurnstileExecuteWidget({ turnstile, className, testId, }) {
|
|
|
19
27
|
ref: turnstile.turnstileRef,
|
|
20
28
|
key: turnstile.widgetKey,
|
|
21
29
|
siteKey: turnstile.siteKey,
|
|
30
|
+
onWidgetLoad: turnstile.onWidgetLoad,
|
|
22
31
|
onSuccess: turnstile.onSuccess,
|
|
23
32
|
onExpire: turnstile.onExpire,
|
|
24
33
|
onError: turnstile.onError,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TurnstileExecuteWidget.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/TurnstileExecuteWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"TurnstileExecuteWidget.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/TurnstileExecuteWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAqBtD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,EACT,SAAS,EACT,MAAM,GACsB;IAC5B,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,OAAO,aAAa,CAAC,KAAK,EAAE;YAC1B,SAAS;YACT,aAAa,EAAE,MAAM;YACrB,WAAW,EAAE,MAAM;YACnB,sBAAsB,EAAE,SAAS;SAClC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,aAAa,CAAC,KAAK,EAAE;YAC1B,SAAS;YACT,aAAa,EAAE,MAAM;YACrB,IAAI,EAAE,OAAO;YACb,sBAAsB,EAAE,OAAO;SAChC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,aAAa,CAClB,KAAK,EACL,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,EACrE,aAAa,CAAC,SAAS,EAAE;QACvB,GAAG,EAAE,SAAS,CAAC,YAAY;QAC3B,GAAG,EAAE,SAAS,CAAC,SAAS;QACxB,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,YAAY,EAAE,SAAS,CAAC,YAAY;QACpC,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,OAAO,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE;KACjF,CAAC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTurnstileAuth.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileAuth.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,8BAA8B,CAAC;AAE1F,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxD,IAAI,EAAE,CAAC,KACJ,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACjD;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,sBAAsB,
|
|
1
|
+
{"version":3,"file":"useTurnstileAuth.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileAuth.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,8BAA8B,CAAC;AAE1F,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxD,IAAI,EAAE,CAAC,KACJ,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACjD;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,sBAAsB,CA0C3E"}
|
|
@@ -11,7 +11,8 @@ export function useTurnstileAuth(apiBaseUrl) {
|
|
|
11
11
|
});
|
|
12
12
|
const siteKey = query.data?.siteKey ?? null;
|
|
13
13
|
const required = query.data?.enabled === true && typeof siteKey === 'string' && siteKey.length > 0;
|
|
14
|
-
|
|
14
|
+
// Fail closed: config must load successfully before submit is considered ready.
|
|
15
|
+
const ready = query.isSuccess && !query.isError && (!required || token !== null);
|
|
15
16
|
const setToken = useCallback((value) => {
|
|
16
17
|
setTokenState(value);
|
|
17
18
|
}, []);
|
|
@@ -26,7 +27,7 @@ export function useTurnstileAuth(apiBaseUrl) {
|
|
|
26
27
|
siteKey,
|
|
27
28
|
token,
|
|
28
29
|
widgetKey,
|
|
29
|
-
isLoading: query.
|
|
30
|
+
isLoading: query.isPending,
|
|
30
31
|
setToken,
|
|
31
32
|
resetTurnstile,
|
|
32
33
|
withTurnstile,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTurnstileAuth.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAgB1F,MAAM,UAAU,gBAAgB,CAAC,UAAkB;IACjD,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,QAAQ,CAAC;QACrB,QAAQ,EAAE,CAAC,kBAAkB,EAAE,UAAU,CAAC;QAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC;QAC/C,SAAS,EAAE,CAAC,GAAG,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC;IAC5C,MAAM,QAAQ,GACZ,KAAK,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IACpF,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"useTurnstileAuth.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAgB1F,MAAM,UAAU,gBAAgB,CAAC,UAAkB;IACjD,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,QAAQ,CAAC;QACrB,QAAQ,EAAE,CAAC,kBAAkB,EAAE,UAAU,CAAC;QAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC;QAC/C,SAAS,EAAE,CAAC,GAAG,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC;IAC5C,MAAM,QAAQ,GACZ,KAAK,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IACpF,gFAAgF;IAChF,MAAM,KAAK,GACT,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC;IAErE,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAa,EAAQ,EAAE;QACnD,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,GAAS,EAAE;QAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAoC,IAAO,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,EACjF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO;QACL,QAAQ;QACR,KAAK;QACL,OAAO;QACP,KAAK;QACL,SAAS;QACT,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,QAAQ;QACR,cAAc;QACd,aAAa;KACd,CAAC;AACJ,CAAC"}
|
|
@@ -5,9 +5,14 @@ export interface UseTurnstileExecuteResult {
|
|
|
5
5
|
readonly siteKey: string | null;
|
|
6
6
|
readonly widgetKey: number;
|
|
7
7
|
readonly isLoading: boolean;
|
|
8
|
+
readonly isError: boolean;
|
|
9
|
+
/** True when public config settled successfully (enabled or intentionally off). */
|
|
10
|
+
readonly isReady: boolean;
|
|
8
11
|
readonly turnstileRef: RefObject<TurnstileInstance | undefined>;
|
|
9
12
|
readonly execute: () => Promise<string | undefined>;
|
|
10
13
|
readonly resetTurnstile: () => void;
|
|
14
|
+
readonly refetchConfig: () => void;
|
|
15
|
+
readonly onWidgetLoad: () => void;
|
|
11
16
|
readonly onSuccess: (token: string) => void;
|
|
12
17
|
readonly onExpire: () => void;
|
|
13
18
|
readonly onError: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTurnstileExecute.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileExecute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"useTurnstileExecute.d.ts","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileExecute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AASnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC;IAChE,QAAQ,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpD,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,UAAU,SAAK,GAAG,yBAAyB,CA0J9E"}
|
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
import { useCallback, useRef, useState } from 'react';
|
|
2
2
|
import { useQuery } from '@tanstack/react-query';
|
|
3
|
-
import { fetchTurnstileConfig } from '../../auth/turnstileTypes.js';
|
|
3
|
+
import { fetchTurnstileConfig, TurnstileConfigFetchError, } from '../../auth/turnstileTypes.js';
|
|
4
4
|
const TURNSTILE_EXECUTE_TIMEOUT_MS = 30_000;
|
|
5
|
+
const TURNSTILE_WIDGET_READY_TIMEOUT_MS = 15_000;
|
|
5
6
|
export function useTurnstileExecute(apiBaseUrl = '') {
|
|
6
7
|
const turnstileRef = useRef(undefined);
|
|
7
8
|
const pendingResolveRef = useRef(null);
|
|
8
9
|
const pendingRejectRef = useRef(null);
|
|
9
10
|
const timeoutRef = useRef(null);
|
|
11
|
+
const widgetReadyRef = useRef(false);
|
|
12
|
+
const widgetReadyWaitersRef = useRef([]);
|
|
10
13
|
const [widgetKey, setWidgetKey] = useState(0);
|
|
11
14
|
const query = useQuery({
|
|
12
15
|
queryKey: ['turnstile-config', apiBaseUrl],
|
|
13
16
|
queryFn: () => fetchTurnstileConfig(apiBaseUrl),
|
|
14
17
|
staleTime: 5 * 60_000,
|
|
18
|
+
retry: 2,
|
|
15
19
|
});
|
|
16
20
|
const siteKey = query.data?.siteKey ?? null;
|
|
17
21
|
const required = query.data?.enabled === true && typeof siteKey === 'string' && siteKey.length > 0;
|
|
22
|
+
const isLoading = query.isPending;
|
|
23
|
+
const isError = query.isError;
|
|
24
|
+
const isReady = query.isSuccess;
|
|
18
25
|
const clearPending = useCallback(() => {
|
|
19
26
|
if (timeoutRef.current !== null) {
|
|
20
27
|
clearTimeout(timeoutRef.current);
|
|
@@ -25,46 +32,98 @@ export function useTurnstileExecute(apiBaseUrl = '') {
|
|
|
25
32
|
}, []);
|
|
26
33
|
const resetTurnstile = useCallback(() => {
|
|
27
34
|
clearPending();
|
|
35
|
+
widgetReadyRef.current = false;
|
|
36
|
+
widgetReadyWaitersRef.current = [];
|
|
28
37
|
setWidgetKey((current) => current + 1);
|
|
29
38
|
}, [clearPending]);
|
|
39
|
+
const onWidgetLoad = useCallback(() => {
|
|
40
|
+
widgetReadyRef.current = true;
|
|
41
|
+
const waiters = widgetReadyWaitersRef.current;
|
|
42
|
+
widgetReadyWaitersRef.current = [];
|
|
43
|
+
for (const resolve of waiters) {
|
|
44
|
+
resolve();
|
|
45
|
+
}
|
|
46
|
+
}, []);
|
|
47
|
+
const waitForWidgetReady = useCallback(async () => {
|
|
48
|
+
if (widgetReadyRef.current) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
await new Promise((resolve, reject) => {
|
|
52
|
+
const timeoutId = setTimeout(() => {
|
|
53
|
+
widgetReadyWaitersRef.current = widgetReadyWaitersRef.current.filter((w) => w !== onReady);
|
|
54
|
+
reject(new Error('Security check widget did not load in time. Refresh the page and retry.'));
|
|
55
|
+
}, TURNSTILE_WIDGET_READY_TIMEOUT_MS);
|
|
56
|
+
const onReady = () => {
|
|
57
|
+
clearTimeout(timeoutId);
|
|
58
|
+
resolve();
|
|
59
|
+
};
|
|
60
|
+
widgetReadyWaitersRef.current.push(onReady);
|
|
61
|
+
});
|
|
62
|
+
}, []);
|
|
30
63
|
const onSuccess = useCallback((token) => {
|
|
31
64
|
pendingResolveRef.current?.(token);
|
|
32
65
|
clearPending();
|
|
33
66
|
}, [clearPending]);
|
|
34
67
|
const onExpire = useCallback(() => {
|
|
35
|
-
pendingRejectRef.current?.(new Error('
|
|
68
|
+
pendingRejectRef.current?.(new Error('Security check expired. Retry the action.'));
|
|
36
69
|
clearPending();
|
|
37
70
|
resetTurnstile();
|
|
38
71
|
}, [clearPending, resetTurnstile]);
|
|
39
72
|
const onError = useCallback(() => {
|
|
40
|
-
pendingRejectRef.current?.(new Error('
|
|
73
|
+
pendingRejectRef.current?.(new Error('Security check failed. Retry the action or refresh the page.'));
|
|
41
74
|
clearPending();
|
|
42
75
|
resetTurnstile();
|
|
43
76
|
}, [clearPending, resetTurnstile]);
|
|
77
|
+
const refetchConfig = useCallback(() => {
|
|
78
|
+
void query.refetch();
|
|
79
|
+
}, [query]);
|
|
44
80
|
const execute = useCallback(async () => {
|
|
81
|
+
if (isError) {
|
|
82
|
+
const cause = query.error;
|
|
83
|
+
if (cause instanceof TurnstileConfigFetchError) {
|
|
84
|
+
throw cause;
|
|
85
|
+
}
|
|
86
|
+
throw new TurnstileConfigFetchError('Security check configuration is unavailable. Retry in a few seconds or refresh the page.', { cause });
|
|
87
|
+
}
|
|
88
|
+
if (!isReady) {
|
|
89
|
+
throw new Error('Security check is still loading. Retry in a moment.');
|
|
90
|
+
}
|
|
45
91
|
if (!required) {
|
|
46
92
|
return undefined;
|
|
47
93
|
}
|
|
94
|
+
await waitForWidgetReady();
|
|
48
95
|
return new Promise((resolve, reject) => {
|
|
49
96
|
clearPending();
|
|
50
97
|
pendingResolveRef.current = resolve;
|
|
51
98
|
pendingRejectRef.current = reject;
|
|
52
99
|
timeoutRef.current = setTimeout(() => {
|
|
53
|
-
pendingRejectRef.current?.(new Error('
|
|
100
|
+
pendingRejectRef.current?.(new Error('Security check timed out. Retry the action.'));
|
|
54
101
|
clearPending();
|
|
55
102
|
resetTurnstile();
|
|
56
103
|
}, TURNSTILE_EXECUTE_TIMEOUT_MS);
|
|
57
104
|
turnstileRef.current?.execute();
|
|
58
105
|
});
|
|
59
|
-
}, [
|
|
106
|
+
}, [
|
|
107
|
+
isError,
|
|
108
|
+
isReady,
|
|
109
|
+
required,
|
|
110
|
+
query.error,
|
|
111
|
+
waitForWidgetReady,
|
|
112
|
+
clearPending,
|
|
113
|
+
resetTurnstile,
|
|
114
|
+
]);
|
|
60
115
|
return {
|
|
61
116
|
required,
|
|
62
117
|
siteKey,
|
|
63
118
|
widgetKey,
|
|
64
|
-
isLoading
|
|
119
|
+
isLoading,
|
|
120
|
+
isError,
|
|
121
|
+
isReady,
|
|
65
122
|
turnstileRef,
|
|
66
123
|
execute,
|
|
67
124
|
resetTurnstile,
|
|
125
|
+
refetchConfig,
|
|
126
|
+
onWidgetLoad,
|
|
68
127
|
onSuccess,
|
|
69
128
|
onExpire,
|
|
70
129
|
onError,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTurnstileExecute.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileExecute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,
|
|
1
|
+
{"version":3,"file":"useTurnstileExecute.js","sourceRoot":"","sources":["../../../src/ui/Turnstile/useTurnstileExecute.ts"],"names":[],"mappings":"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"}
|