@owlmeans/web-payment 0.1.18-rc.2 → 0.1.18-rc.21
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/README.md +30 -1
- package/agent-meta/manifest.json +2 -2
- package/agent-meta/skills/web-payment/SKILL.md +287 -20
- package/build/@/components/ui/card.d.ts +10 -0
- package/build/@/components/ui/card.d.ts.map +1 -0
- package/build/@/components/ui/card.js +25 -0
- package/build/@/components/ui/card.js.map +1 -0
- package/build/@/components/ui/checkbox.d.ts +5 -0
- package/build/@/components/ui/checkbox.d.ts.map +1 -0
- package/build/@/components/ui/checkbox.js +6 -0
- package/build/@/components/ui/checkbox.js.map +1 -0
- package/build/@/components/ui/progress.d.ts +5 -0
- package/build/@/components/ui/progress.d.ts.map +1 -0
- package/build/@/components/ui/progress.js +11 -0
- package/build/@/components/ui/progress.js.map +1 -0
- package/build/@/components/ui/select.d.ts +8 -0
- package/build/@/components/ui/select.d.ts.map +1 -0
- package/build/@/components/ui/select.js +9 -0
- package/build/@/components/ui/select.js.map +1 -0
- package/build/capability-list.d.ts +7 -0
- package/build/capability-list.d.ts.map +1 -0
- package/build/capability-list.js +24 -0
- package/build/capability-list.js.map +1 -0
- package/build/checkout-limit.d.ts +11 -0
- package/build/checkout-limit.d.ts.map +1 -0
- package/build/checkout-limit.js +34 -0
- package/build/checkout-limit.js.map +1 -0
- package/build/consumer/cancellation.d.ts +20 -0
- package/build/consumer/cancellation.d.ts.map +1 -0
- package/build/consumer/cancellation.js +115 -0
- package/build/consumer/cancellation.js.map +1 -0
- package/build/consumer/copy.d.ts +23 -0
- package/build/consumer/copy.d.ts.map +1 -0
- package/build/consumer/copy.js +75 -0
- package/build/consumer/copy.js.map +1 -0
- package/build/consumer/ensure.d.ts +56 -0
- package/build/consumer/ensure.d.ts.map +1 -0
- package/build/consumer/ensure.js +71 -0
- package/build/consumer/ensure.js.map +1 -0
- package/build/consumer/fields.d.ts +43 -0
- package/build/consumer/fields.d.ts.map +1 -0
- package/build/consumer/fields.js +19 -0
- package/build/consumer/fields.js.map +1 -0
- package/build/consumer/hooks.d.ts +113 -0
- package/build/consumer/hooks.d.ts.map +1 -0
- package/build/consumer/hooks.js +225 -0
- package/build/consumer/hooks.js.map +1 -0
- package/build/consumer/index.d.ts +14 -0
- package/build/consumer/index.d.ts.map +1 -0
- package/build/consumer/index.js +12 -0
- package/build/consumer/index.js.map +1 -0
- package/build/consumer/legal.d.ts +53 -0
- package/build/consumer/legal.d.ts.map +1 -0
- package/build/consumer/legal.js +77 -0
- package/build/consumer/legal.js.map +1 -0
- package/build/consumer/performance-consent-dialog.d.ts +18 -0
- package/build/consumer/performance-consent-dialog.d.ts.map +1 -0
- package/build/consumer/performance-consent-dialog.js +71 -0
- package/build/consumer/performance-consent-dialog.js.map +1 -0
- package/build/consumer/provider.d.ts +33 -0
- package/build/consumer/provider.d.ts.map +1 -0
- package/build/consumer/provider.js +26 -0
- package/build/consumer/provider.js.map +1 -0
- package/build/consumer/refusal.d.ts +35 -0
- package/build/consumer/refusal.d.ts.map +1 -0
- package/build/consumer/refusal.js +98 -0
- package/build/consumer/refusal.js.map +1 -0
- package/build/consumer/subscription-start-dialog.d.ts +16 -0
- package/build/consumer/subscription-start-dialog.d.ts.map +1 -0
- package/build/consumer/subscription-start-dialog.js +43 -0
- package/build/consumer/subscription-start-dialog.js.map +1 -0
- package/build/consumer/types.d.ts +114 -0
- package/build/consumer/types.d.ts.map +1 -0
- package/build/consumer/types.js +2 -0
- package/build/consumer/types.js.map +1 -0
- package/build/consumer/withdrawal.d.ts +29 -0
- package/build/consumer/withdrawal.d.ts.map +1 -0
- package/build/consumer/withdrawal.js +140 -0
- package/build/consumer/withdrawal.js.map +1 -0
- package/build/copy.d.ts +14 -0
- package/build/copy.d.ts.map +1 -0
- package/build/copy.js +51 -0
- package/build/copy.js.map +1 -0
- package/build/dialog.d.ts +1 -1
- package/build/dialog.d.ts.map +1 -1
- package/build/dialog.js +46 -17
- package/build/dialog.js.map +1 -1
- package/build/entitlement.d.ts +26 -0
- package/build/entitlement.d.ts.map +1 -0
- package/build/entitlement.js +42 -0
- package/build/entitlement.js.map +1 -0
- package/build/estimate-cache.d.ts +14 -0
- package/build/estimate-cache.d.ts.map +1 -0
- package/build/estimate-cache.js +39 -0
- package/build/estimate-cache.js.map +1 -0
- package/build/estimate-summary.d.ts +64 -0
- package/build/estimate-summary.d.ts.map +1 -0
- package/build/estimate-summary.js +94 -0
- package/build/estimate-summary.js.map +1 -0
- package/build/estimate.d.ts +34 -0
- package/build/estimate.d.ts.map +1 -0
- package/build/estimate.js +92 -0
- package/build/estimate.js.map +1 -0
- package/build/format.d.ts +15 -0
- package/build/format.d.ts.map +1 -0
- package/build/format.js +68 -0
- package/build/format.js.map +1 -0
- package/build/hooks.d.ts +0 -4
- package/build/hooks.d.ts.map +1 -1
- package/build/hooks.js +3 -30
- package/build/hooks.js.map +1 -1
- package/build/i18n/be.json +1 -1
- package/build/i18n/de.json +1 -1
- package/build/i18n/en.json +1 -1
- package/build/i18n/es.json +1 -1
- package/build/i18n/fr.json +145 -0
- package/build/i18n/pl.json +1 -1
- package/build/i18n/ru.json +1 -1
- package/build/i18n/uk.json +1 -1
- package/build/i18n.d.ts +2 -1
- package/build/i18n.d.ts.map +1 -1
- package/build/i18n.js +11 -7
- package/build/i18n.js.map +1 -1
- package/build/index.d.ts +9 -0
- package/build/index.d.ts.map +1 -1
- package/build/index.js +9 -0
- package/build/index.js.map +1 -1
- package/build/limit-meter.d.ts +7 -0
- package/build/limit-meter.d.ts.map +1 -0
- package/build/limit-meter.js +26 -0
- package/build/limit-meter.js.map +1 -0
- package/build/plan-card.d.ts +7 -0
- package/build/plan-card.d.ts.map +1 -0
- package/build/plan-card.js +29 -0
- package/build/plan-card.js.map +1 -0
- package/build/poll.d.ts +7 -0
- package/build/poll.d.ts.map +1 -0
- package/build/poll.js +28 -0
- package/build/poll.js.map +1 -0
- package/build/selectors.d.ts +18 -0
- package/build/selectors.d.ts.map +1 -0
- package/build/selectors.js +78 -0
- package/build/selectors.js.map +1 -0
- package/build/types.d.ts +120 -2
- package/build/types.d.ts.map +1 -1
- package/package.json +22 -7
- package/src/@/components/ui/card.tsx +93 -0
- package/src/@/components/ui/checkbox.tsx +23 -0
- package/src/@/components/ui/progress.tsx +44 -0
- package/src/@/components/ui/select.tsx +62 -0
- package/src/@/globals.css +10 -0
- package/src/capability-list.tsx +50 -0
- package/src/checkout-limit.tsx +48 -0
- package/src/consumer/cancellation.tsx +214 -0
- package/src/consumer/copy.ts +93 -0
- package/src/consumer/ensure.ts +124 -0
- package/src/consumer/fields.tsx +89 -0
- package/src/consumer/hooks.ts +358 -0
- package/src/consumer/index.ts +13 -0
- package/src/consumer/legal.tsx +129 -0
- package/src/consumer/performance-consent-dialog.tsx +132 -0
- package/src/consumer/provider.tsx +49 -0
- package/src/consumer/refusal.ts +110 -0
- package/src/consumer/subscription-start-dialog.tsx +87 -0
- package/src/consumer/types.ts +121 -0
- package/src/consumer/withdrawal.tsx +279 -0
- package/src/copy.tsx +62 -0
- package/src/dialog.tsx +58 -25
- package/src/entitlement.ts +56 -0
- package/src/estimate-cache.ts +40 -0
- package/src/estimate-summary.tsx +172 -0
- package/src/estimate.ts +119 -0
- package/src/format.ts +71 -0
- package/src/hooks.ts +3 -35
- package/src/i18n/be.json +1 -1
- package/src/i18n/de.json +1 -1
- package/src/i18n/en.json +1 -1
- package/src/i18n/es.json +1 -1
- package/src/i18n/fr.json +145 -0
- package/src/i18n/pl.json +1 -1
- package/src/i18n/ru.json +1 -1
- package/src/i18n/uk.json +1 -1
- package/src/i18n.ts +12 -7
- package/src/index.ts +9 -0
- package/src/limit-meter.tsx +55 -0
- package/src/plan-card.tsx +67 -0
- package/src/poll.ts +27 -0
- package/src/selectors.ts +93 -0
- package/src/types.ts +142 -2
- package/tests/consent-refusal.spec.ts +83 -0
- package/tests/consumer-hooks.spec.ts +205 -0
- package/tests/consumer.spec.ts +343 -0
- package/tests/context.ts +9 -0
- package/tests/dialog.spec.ts +49 -0
- package/tests/entitlement.spec.ts +117 -0
- package/tests/estimate-cache.spec.ts +46 -0
- package/tests/harness/consumer-fixtures.ts +105 -0
- package/tests/harness/consumer.tsx +197 -0
- package/tests/harness/entitlement.tsx +159 -0
- package/tests/harness/estimate-fixtures.ts +48 -0
- package/tests/harness/mount.tsx +19 -3
- package/tests/i18n.spec.ts +78 -8
- package/tests/pieces.spec.ts +134 -0
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { baseLanguageOf } from '@owlmeans/payment';
|
|
4
|
+
import { cn } from '@/lib/utils';
|
|
5
|
+
import { Button } from '@/components/ui/button';
|
|
6
|
+
import { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/components/ui/dialog';
|
|
7
|
+
import { dayUtc, lastDayUtc, momentUtc, money } from '../format.js';
|
|
8
|
+
import { legalTextOf, paymentTextOf, useLegalText, usePaymentText } from './copy.js';
|
|
9
|
+
import { Choice, Field, Honeypot, isEmail } from './fields.js';
|
|
10
|
+
import { ErrorLine, LanguageToggle, useShownLanguage, useUiLanguage } from './legal.js';
|
|
11
|
+
/**
|
|
12
|
+
* The withdrawal function's entry (CRD Art. 11a; § 356a BGB "Vertrag widerrufen"; L221-21
|
|
13
|
+
* "Renoncer au contrat ici"): the statutory label in the CONTRACT language, and the interface
|
|
14
|
+
* language's label as its `title` when the two differ.
|
|
15
|
+
*
|
|
16
|
+
* `[data-withdrawal-function]` with `data-language`.
|
|
17
|
+
*/
|
|
18
|
+
export const WithdrawalFunctionButton = ({ language, uiLanguage, onClick, disabled, variant = 'outline', className, }) => {
|
|
19
|
+
const ui = useUiLanguage(uiLanguage);
|
|
20
|
+
const contract = baseLanguageOf(language) || ui;
|
|
21
|
+
const label = legalTextOf(contract)('withdrawal.function');
|
|
22
|
+
const title = contract !== ui ? legalTextOf(ui)('withdrawal.function') : undefined;
|
|
23
|
+
return _jsx(Button, { type: "button", variant: variant, onClick: onClick, disabled: disabled, title: title, lang: contract, "data-withdrawal-function": "", "data-language": contract, className: className, children: label });
|
|
24
|
+
};
|
|
25
|
+
const isWithdrawalReceipt = (receipt) => 'status' in receipt;
|
|
26
|
+
/** The three steps, framed by the caller. */
|
|
27
|
+
const WithdrawalSteps = ({ mode, language: contractLanguage, uiLanguage, list, defaults, pending = false, error, receipt, onSubmit, onClose, formatAmount, frame, }) => {
|
|
28
|
+
const language = useShownLanguage(contractLanguage, uiLanguage);
|
|
29
|
+
const legal = useLegalText(language.shown);
|
|
30
|
+
const text = usePaymentText(language.shown);
|
|
31
|
+
const candidates = useMemo(() => list?.candidates ?? [], [list]);
|
|
32
|
+
const initialPurchase = () => {
|
|
33
|
+
const byId = candidates.find(candidate => candidate.purchaseId === defaults?.purchaseId);
|
|
34
|
+
const byRef = candidates.find(candidate => candidate.contractRef === defaults?.contractRef);
|
|
35
|
+
return (byId ?? byRef ?? (candidates.length === 1 ? candidates[0] : undefined))?.purchaseId ?? '';
|
|
36
|
+
};
|
|
37
|
+
const [step, setStep] = useState('form');
|
|
38
|
+
const [purchaseId, setPurchaseId] = useState(initialPurchase);
|
|
39
|
+
const [contractRef, setContractRef] = useState(defaults?.contractRef ?? '');
|
|
40
|
+
const [name, setName] = useState(defaults?.name ?? list?.name ?? '');
|
|
41
|
+
const [email, setEmail] = useState(defaults?.email ?? list?.email ?? '');
|
|
42
|
+
const [honeypot, setHoneypot] = useState('');
|
|
43
|
+
const [checked, setChecked] = useState(false);
|
|
44
|
+
const [submitted, setSubmitted] = useState(null);
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
// The list may arrive after the form: preselect and prefill then, never over what was typed.
|
|
47
|
+
if (purchaseId === '' && candidates.length > 0)
|
|
48
|
+
setPurchaseId(initialPurchase());
|
|
49
|
+
if (list?.name != null)
|
|
50
|
+
setName(held => held === '' ? list.name ?? '' : held);
|
|
51
|
+
if (list?.email != null)
|
|
52
|
+
setEmail(held => held === '' ? list.email ?? '' : held);
|
|
53
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
|
+
}, [list]);
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (receipt == null)
|
|
57
|
+
setStep(current => submitted == null ? current : 'form');
|
|
58
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
59
|
+
}, [receipt]);
|
|
60
|
+
const current = receipt != null ? 'receipt' : step;
|
|
61
|
+
const format = (minor, currency) => formatAmount != null
|
|
62
|
+
? formatAmount(minor, currency, language.shown) : money(minor, currency, language.shown);
|
|
63
|
+
const candidate = candidates.find(item => item.purchaseId === purchaseId);
|
|
64
|
+
const contract = mode === 'in-app' ? candidate?.contractRef ?? '' : contractRef.trim();
|
|
65
|
+
const errors = {
|
|
66
|
+
contract: mode === 'in-app'
|
|
67
|
+
? (candidate == null ? text('consumer.required') : null)
|
|
68
|
+
: (contract === '' ? text('consumer.required') : null),
|
|
69
|
+
name: name.trim() === '' ? text('consumer.required') : null,
|
|
70
|
+
email: email.trim() === '' ? text('consumer.required') : !isEmail(email.trim()) ? text('consumer.email-invalid') : null,
|
|
71
|
+
};
|
|
72
|
+
const shown = (key) => checked ? errors[key] : null;
|
|
73
|
+
const valid = Object.values(errors).every(value => value == null);
|
|
74
|
+
const body = () => ({
|
|
75
|
+
...(mode === 'in-app' && candidate != null
|
|
76
|
+
? { purchaseId: candidate.purchaseId, contractRef: candidate.contractRef }
|
|
77
|
+
: { contractRef: contract }),
|
|
78
|
+
name: name.trim(),
|
|
79
|
+
email: email.trim(),
|
|
80
|
+
language: language.shown,
|
|
81
|
+
...(honeypot !== '' ? { honeypot } : {}),
|
|
82
|
+
});
|
|
83
|
+
const toReview = () => {
|
|
84
|
+
setChecked(true);
|
|
85
|
+
if (valid)
|
|
86
|
+
setStep('review');
|
|
87
|
+
};
|
|
88
|
+
const confirm = async () => {
|
|
89
|
+
if (!valid || pending)
|
|
90
|
+
return;
|
|
91
|
+
const declared = body();
|
|
92
|
+
setSubmitted(declared);
|
|
93
|
+
await onSubmit(declared);
|
|
94
|
+
};
|
|
95
|
+
const estimateLine = (item) => item.estimate != null
|
|
96
|
+
? _jsx("span", { "data-withdrawal-estimate": "", "data-refund-minor": item.estimate.refundMinor, children: text('withdrawal.estimate', { amount: format(item.estimate.refundMinor, item.estimate.currency) }) })
|
|
97
|
+
: _jsx("span", { "data-withdrawal-estimate": "", className: "text-muted-foreground", children: text('withdrawal.estimate-unknown') });
|
|
98
|
+
const summary = (declared) => _jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 rounded-lg border bg-muted/30 p-4 text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.name') }), _jsx("dd", { "data-summary": "name", children: declared.name }), _jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.contract') }), _jsx("dd", { "data-summary": "contract", children: declared.contract }), _jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.email') }), _jsx("dd", { "data-summary": "email", children: declared.email })] });
|
|
99
|
+
let content;
|
|
100
|
+
if (current === 'receipt' && receipt != null) {
|
|
101
|
+
const receivedAt = new Date(receipt.receivedAt);
|
|
102
|
+
const declared = submitted ?? body();
|
|
103
|
+
const status = isWithdrawalReceipt(receipt) ? receipt.status : undefined;
|
|
104
|
+
content = _jsxs("div", { className: "grid gap-4", "data-withdrawal-receipt": "", "data-status": status ?? 'received', "data-declaration-id": receipt.declarationId, "data-received-at": Number.isNaN(receivedAt.getTime()) ? undefined : receivedAt.toISOString(), children: [_jsx("h3", { className: "text-sm font-medium", children: text('consumer.receipt') }), _jsx("p", { className: "text-sm", children: receipt.mailed
|
|
105
|
+
? legal('withdrawal.received', { date: momentUtc(receivedAt, language.shown), email: declared.email })
|
|
106
|
+
: `${text('consumer.received-at')}: ${momentUtc(receivedAt, language.shown)} (UTC). ${text('consumer.not-mailed')}` }), _jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 rounded-lg border p-4 text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: text('consumer.reference') }), _jsx("dd", { "data-withdrawal-reference": "", children: receipt.declarationId }), _jsx("dt", { className: "text-muted-foreground", children: text('consumer.received-at') }), _jsxs("dd", { "data-withdrawal-received-at": "", children: [momentUtc(receivedAt, language.shown), " (UTC)"] }), _jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.name') }), _jsx("dd", { children: declared.name }), _jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.contract') }), _jsx("dd", { children: declared.contractRef ?? '' }), _jsx("dt", { className: "text-muted-foreground", children: legal('withdrawal.email') }), _jsx("dd", { children: declared.email }), status != null && _jsxs(_Fragment, { children: [_jsx("dt", { className: "text-muted-foreground", children: text('consumer.status') }), _jsx("dd", { "data-withdrawal-status": "", children: text(`withdrawal.status.${status}`) })] }), isWithdrawalReceipt(receipt) && receipt.refundMinor != null && receipt.currency != null && _jsxs(_Fragment, { children: [_jsx("dt", { className: "text-muted-foreground", children: text('withdrawal.refund') }), _jsx("dd", { "data-withdrawal-refund": "", "data-refund-minor": receipt.refundMinor, children: format(receipt.refundMinor, receipt.currency) })] })] }), isWithdrawalReceipt(receipt) && receipt.subscriptionCanceled === true
|
|
107
|
+
&& _jsx("p", { className: "text-sm", children: text('withdrawal.subscription-canceled') }), onClose != null && _jsx("div", { className: "flex justify-end", children: _jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: text('consumer.close') }) })] });
|
|
108
|
+
}
|
|
109
|
+
else if (current === 'review') {
|
|
110
|
+
content = _jsxs("div", { className: "grid gap-4", children: [_jsx("h3", { className: "text-sm font-medium", children: text('consumer.review') }), _jsx("p", { className: "text-sm", children: legal('withdrawal.review') }), summary({ name: name.trim(), email: email.trim(), contract }), mode === 'in-app' && candidate != null && _jsx("p", { className: "text-sm", children: estimateLine(candidate) }), _jsx(ErrorLine, { error: error, text: text }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [_jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => setStep('form'), "data-withdrawal-back": "", children: text('consumer.back') }), _jsx(Button, { type: "button", disabled: pending || !valid, onClick: () => void confirm(), "data-withdrawal-confirm": "", children: pending ? text('consumer.pending') : legal('withdrawal.confirm') })] })] });
|
|
111
|
+
}
|
|
112
|
+
else {
|
|
113
|
+
content = _jsxs("form", { className: "relative grid gap-4", noValidate: true, onSubmit: event => { event.preventDefault(); toReview(); }, children: [mode === 'in-app'
|
|
114
|
+
? candidates.length === 0
|
|
115
|
+
? _jsx("p", { className: "text-muted-foreground text-sm", "data-withdrawal-none": "", children: text('withdrawal.none') })
|
|
116
|
+
: _jsxs("fieldset", { className: "grid gap-2", children: [_jsx("legend", { className: "mb-1 text-sm font-medium", children: legal('withdrawal.contract') }), candidates.map(item => _jsx(Choice, { id: `withdrawal-candidate-${item.purchaseId}`, name: "withdrawal-candidate", checked: item.purchaseId === purchaseId, onSelect: () => setPurchaseId(item.purchaseId), disabled: pending, hook: { 'data-withdrawal-candidate-input': item.purchaseId }, children: _jsxs("span", { "data-withdrawal-candidate": "", "data-purchase-id": item.purchaseId, "data-contract-ref": item.contractRef, className: "grid gap-0.5", children: [_jsxs("span", { className: "font-medium", children: [item.contractRef, " \u00B7 ", text(`withdrawal.kind.${item.kind}`)] }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [text('withdrawal.purchased', { date: dayUtc(item.purchasedAt, language.shown) }), ' · ', text('withdrawal.paid', { amount: format(item.amountTotalMinor, item.currency) }), ' · ', text('withdrawal.until', { date: lastDayUtc(item.deadline, language.shown) })] }), _jsx("span", { className: "text-xs", children: estimateLine(item) })] }) }, item.purchaseId)), shown('contract') != null && _jsx("p", { className: "text-destructive text-xs", children: shown('contract') })] })
|
|
117
|
+
: _jsx(Field, { id: "withdrawal-contract", label: legal('withdrawal.contract'), value: contractRef, onChange: setContractRef, error: shown('contract'), disabled: pending, hook: { 'data-withdrawal-field': 'contract' } }), _jsx(Field, { id: "withdrawal-name", label: legal('withdrawal.name'), value: name, onChange: setName, error: shown('name'), autoComplete: "name", disabled: pending, hook: { 'data-withdrawal-field': 'name' } }), _jsx(Field, { id: "withdrawal-email", type: "email", label: legal('withdrawal.email'), value: email, onChange: setEmail, error: shown('email'), autoComplete: "email", disabled: pending, hook: { 'data-withdrawal-field': 'email' } }), mode === 'public' && _jsx(Honeypot, { id: "withdrawal-website", label: text('consumer.website'), value: honeypot, onChange: setHoneypot }), _jsx(ErrorLine, { error: error, text: text }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { type: "submit", disabled: pending || (mode === 'in-app' && candidates.length === 0), "data-withdrawal-continue": "", children: text('consumer.continue') }) })] });
|
|
118
|
+
}
|
|
119
|
+
return frame({ title: legal('withdrawal.title'), intro: legal('withdrawal.intro'), language: language.shown, step: current }, _jsxs(_Fragment, { children: [_jsx(LanguageToggle, { language: language, hook: "data-withdrawal-language-toggle" }), _jsx("div", { "data-withdrawal-form": "", "data-withdrawal-step": current, "data-step": current, "data-mode": mode, "data-language": language.shown, lang: language.shown, className: "grid gap-4", children: content })] }));
|
|
120
|
+
};
|
|
121
|
+
/**
|
|
122
|
+
* The withdrawal function as a page section: the form (in-app a contract picker with the estimated
|
|
123
|
+
* refund, publicly a contract reference — and nothing but name, contract and e-mail is asked),
|
|
124
|
+
* the review with the statutory confirm button ("Confirm withdrawal", "Widerruf bestätigen",
|
|
125
|
+
* "Confirmer la rétractation"), and the receipt with the date and time of receipt in UTC. Legal
|
|
126
|
+
* copy in the contract language, with a toggle to the interface language.
|
|
127
|
+
*
|
|
128
|
+
* Selectors: `[data-withdrawal-form]` / `[data-withdrawal-step="form|review|receipt"]` (also
|
|
129
|
+
* `data-step`, `data-language`, `data-mode`), `[data-withdrawal-candidate]` (`data-purchase-id`),
|
|
130
|
+
* `[data-withdrawal-estimate]`, `[data-withdrawal-field="contract|name|email"]`,
|
|
131
|
+
* `[data-withdrawal-continue]`, `[data-withdrawal-confirm]`, `[data-withdrawal-receipt]`
|
|
132
|
+
* (`data-status`, `data-declaration-id`, `data-received-at`), `[data-withdrawal-reference]`.
|
|
133
|
+
*/
|
|
134
|
+
export const WithdrawalForm = ({ className, ...props }) => _jsx(WithdrawalSteps, { ...props, frame: (frame, body) => _jsxs("section", { className: cn('grid gap-4', className), "data-withdrawal-section": "", "data-language": frame.language, children: [_jsxs("header", { className: "grid gap-1.5", lang: frame.language, children: [_jsx("h2", { className: "text-lg font-semibold leading-none", children: frame.title }), frame.step === 'form' && _jsx("p", { className: "text-muted-foreground text-sm", children: frame.intro })] }), body] }) });
|
|
135
|
+
/**
|
|
136
|
+
* `WithdrawalForm` in a dialog: `[data-withdrawal-dialog]` carries `data-language` and `data-step`.
|
|
137
|
+
* Closing it does not clear a receipt the application holds — reset it when the dialog closes.
|
|
138
|
+
*/
|
|
139
|
+
export const WithdrawalDialog = ({ open, onOpenChange, className, ...props }) => _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: open && _jsx(WithdrawalSteps, { ...props, onClose: () => onOpenChange(false), frame: (frame, body) => _jsxs(DialogContent, { closeLabel: paymentTextOf(frame.language)('consumer.close'), "data-withdrawal-dialog": "", "data-language": frame.language, "data-step": frame.step, className: cn('max-h-[90vh] overflow-y-auto', className), children: [_jsxs("div", { className: "grid gap-2", lang: frame.language, children: [_jsx(DialogTitle, { children: frame.title }), _jsx(DialogDescription, { className: frame.step === 'form' ? undefined : 'sr-only', children: frame.intro })] }), body] }) }) });
|
|
140
|
+
//# sourceMappingURL=withdrawal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withdrawal.js","sourceRoot":"","sources":["../../src/consumer/withdrawal.tsx"],"names":[],"mappings":"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"}
|
package/build/copy.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { PromoView } from '@owlmeans/payment';
|
|
2
|
+
export interface EntitlementCopy {
|
|
3
|
+
text: (key: string, values?: Record<string, string>) => string;
|
|
4
|
+
day: (date: Date | string | null | undefined) => string;
|
|
5
|
+
count: (value: number) => string;
|
|
6
|
+
}
|
|
7
|
+
/** The `entitlement` branch of the `web-payment` library resource, with locale-aware formatting. */
|
|
8
|
+
export declare const useEntitlementCopy: () => EntitlementCopy;
|
|
9
|
+
/** The inscription of a promo: free until its end, kept for a grandfathered plan, or ended. */
|
|
10
|
+
export declare const PromoNote: ({ promo, copy }: {
|
|
11
|
+
promo?: PromoView;
|
|
12
|
+
copy: EntitlementCopy;
|
|
13
|
+
}) => import("react").JSX.Element | null;
|
|
14
|
+
//# sourceMappingURL=copy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../src/copy.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AA8BlD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAA;IAC9D,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,CAAA;IACvD,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACjC;AAED,oGAAoG;AACpG,eAAO,MAAM,kBAAkB,QAAO,eAUrC,CAAA;AAED,+FAA+F;AAC/F,eAAO,MAAM,SAAS,oBAAqB;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE,uCAStF,CAAA"}
|
package/build/copy.js
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { useI18nLib, useLanguage } from '@owlmeans/client-i18n';
|
|
4
|
+
import { promoInscriptionOf } from './selectors.js';
|
|
5
|
+
/**
|
|
6
|
+
* A calendar date in UTC — the calendar limit windows are counted in, so "resets on" names the day
|
|
7
|
+
* the counter actually rolls. An unparseable date renders as nothing.
|
|
8
|
+
*/
|
|
9
|
+
const formatDay = (date, locale) => {
|
|
10
|
+
if (date == null) {
|
|
11
|
+
return '';
|
|
12
|
+
}
|
|
13
|
+
const value = date instanceof Date ? date : new Date(date);
|
|
14
|
+
if (Number.isNaN(value.getTime())) {
|
|
15
|
+
return '';
|
|
16
|
+
}
|
|
17
|
+
try {
|
|
18
|
+
return new Intl.DateTimeFormat(locale, { dateStyle: 'medium', timeZone: 'UTC' }).format(value);
|
|
19
|
+
}
|
|
20
|
+
catch {
|
|
21
|
+
return value.toISOString().slice(0, 10);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const formatCount = (value, locale) => {
|
|
25
|
+
try {
|
|
26
|
+
return new Intl.NumberFormat(locale).format(value);
|
|
27
|
+
}
|
|
28
|
+
catch {
|
|
29
|
+
return String(value);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
/** The `entitlement` branch of the `web-payment` library resource, with locale-aware formatting. */
|
|
33
|
+
export const useEntitlementCopy = () => {
|
|
34
|
+
const t = useI18nLib('web-payment', 'entitlement');
|
|
35
|
+
const [locale] = useLanguage();
|
|
36
|
+
return useMemo(() => ({
|
|
37
|
+
// React escapes what it renders; i18next escaping on top would print `/` for a slash.
|
|
38
|
+
text: (key, values) => t(key, { ...values, interpolation: { escapeValue: false } }),
|
|
39
|
+
day: date => formatDay(date, locale),
|
|
40
|
+
count: value => formatCount(value, locale),
|
|
41
|
+
}), [t, locale]);
|
|
42
|
+
};
|
|
43
|
+
/** The inscription of a promo: free until its end, kept for a grandfathered plan, or ended. */
|
|
44
|
+
export const PromoNote = ({ promo, copy }) => {
|
|
45
|
+
const kind = promoInscriptionOf(promo);
|
|
46
|
+
if (kind == null || promo == null) {
|
|
47
|
+
return null;
|
|
48
|
+
}
|
|
49
|
+
return _jsx("span", { "data-promo": kind, className: kind === 'ended' ? 'text-muted-foreground' : 'text-primary', children: copy.text(`promo.${kind}`, { date: copy.day(promo.until) }) });
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=copy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"copy.js","sourceRoot":"","sources":["../src/copy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAEnD;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,IAAsC,EAAE,MAAc,EAAU,EAAE;IACnF,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAA;IACX,CAAC;IACD,MAAM,KAAK,GAAG,IAAI,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;IAC1D,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;QAClC,OAAO,EAAE,CAAA;IACX,CAAC;IACD,IAAI,CAAC;QACH,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChG,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACzC,CAAC;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAc,EAAU,EAAE;IAC5D,IAAI,CAAC;QACH,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACpD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;AACH,CAAC,CAAA;AAQD,oGAAoG;AACpG,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAoB,EAAE;IACtD,MAAM,CAAC,GAAG,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAClD,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IAE9B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACpB,2FAA2F;QAC3F,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,MAAM,EAAE,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC;QACnF,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;QACpC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;KAC3C,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAClB,CAAC,CAAA;AAED,+FAA+F;AAC/F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAgD,EAAE,EAAE;IACzF,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACtC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,6BAAkB,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,cAAc,YAClG,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,GACvD,CAAA;AACT,CAAC,CAAA"}
|
package/build/dialog.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { AmountCheckoutDialogProps } from './types.js';
|
|
2
|
-
export declare const AmountCheckoutDialog: ({ open, onOpenChange, policy, pending, onConfirm, }: AmountCheckoutDialogProps) => import("react").JSX.Element;
|
|
2
|
+
export declare const AmountCheckoutDialog: ({ open, onOpenChange, policy: basePolicy, pending, onConfirm, estimate, limit, legalNote, }: AmountCheckoutDialogProps) => import("react").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=dialog.d.ts.map
|
package/build/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAsB3D,eAAO,MAAM,oBAAoB,gGAE9B,yBAAyB,gCA8E3B,CAAA"}
|
package/build/dialog.js
CHANGED
|
@@ -1,43 +1,72 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { useI18nLib, useLanguage } from '@owlmeans/client-i18n';
|
|
4
|
-
import { assertCheckoutAmount, chargeAmountMinor } from '@owlmeans/payment';
|
|
4
|
+
import { assertCheckoutAmount, chargeAmountMinor, narrowAmountPolicy } from '@owlmeans/payment';
|
|
5
5
|
import { Button } from '@/components/ui/button';
|
|
6
6
|
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog';
|
|
7
7
|
import { Input } from '@/components/ui/input';
|
|
8
8
|
import { Label } from '@/components/ui/label';
|
|
9
9
|
import { inputAmount, parseAmountMinor } from './amount.js';
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
10
|
+
import { CheckoutLimitNote } from './checkout-limit.js';
|
|
11
|
+
import { PriceEstimateSummary } from './estimate-summary.js';
|
|
12
|
+
import { money } from './format.js';
|
|
13
|
+
/**
|
|
14
|
+
* The policy the dialog offers: `policy` narrowed by `limit` — the same `narrowAmountPolicy` the
|
|
15
|
+
* server refuses with. A policy the package cannot narrow (an invalid one) is offered as given.
|
|
16
|
+
*/
|
|
17
|
+
const effectivePolicyOf = (policy, limit) => {
|
|
18
|
+
if (limit == null || (!limit.narrowed && !limit.blocked)) {
|
|
19
|
+
return policy;
|
|
20
|
+
}
|
|
21
|
+
try {
|
|
22
|
+
return narrowAmountPolicy(policy, [{
|
|
23
|
+
maximumMinor: limit.maximumMinor,
|
|
24
|
+
reason: limit.reason ?? 'limit',
|
|
25
|
+
...(limit.resetsAt != null ? { resetsAt: limit.resetsAt } : {}),
|
|
26
|
+
...(limit.remainingMinor != null ? { remainingMinor: limit.remainingMinor } : {}),
|
|
27
|
+
}]).policy;
|
|
28
|
+
}
|
|
29
|
+
catch {
|
|
30
|
+
return policy;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
export const AmountCheckoutDialog = ({ open, onOpenChange, policy: basePolicy, pending = false, onConfirm, estimate, limit, legalNote, }) => {
|
|
14
34
|
const t = useI18nLib('web-payment', 'amount-checkout');
|
|
15
35
|
const [locale] = useLanguage();
|
|
36
|
+
const policy = useMemo(() => effectivePolicyOf(basePolicy, limit), [basePolicy, limit]);
|
|
37
|
+
const blocked = limit?.blocked === true;
|
|
38
|
+
// The limit, not the plan, set the maximum — also when `policy` arrives already narrowed.
|
|
39
|
+
const limited = limit != null && limit.narrowed && limit.maximumMinor <= policy.maximumMinor;
|
|
16
40
|
const [value, setValue] = useState(() => inputAmount(policy.defaultMinor, locale));
|
|
17
41
|
useEffect(() => {
|
|
18
42
|
if (open)
|
|
19
43
|
setValue(inputAmount(policy.defaultMinor, locale));
|
|
20
44
|
}, [open, policy.defaultMinor, locale]);
|
|
21
45
|
const amountMinor = useMemo(() => parseAmountMinor(value, locale), [value, locale]);
|
|
22
|
-
const error =
|
|
23
|
-
?
|
|
24
|
-
: amountMinor
|
|
25
|
-
? t('
|
|
26
|
-
: amountMinor
|
|
27
|
-
? t('
|
|
28
|
-
:
|
|
29
|
-
|
|
46
|
+
const error = blocked
|
|
47
|
+
? null
|
|
48
|
+
: amountMinor == null
|
|
49
|
+
? t('invalid')
|
|
50
|
+
: amountMinor < policy.minimumMinor
|
|
51
|
+
? t('below', { amount: money(policy.minimumMinor, policy.currency, locale) })
|
|
52
|
+
: amountMinor > policy.maximumMinor
|
|
53
|
+
? t(limited ? 'above-limit' : 'above', { amount: money(policy.maximumMinor, policy.currency, locale) })
|
|
54
|
+
: null;
|
|
55
|
+
const valid = !blocked && error == null && amountMinor != null;
|
|
30
56
|
const chargeMinor = valid ? chargeAmountMinor(amountMinor, policy) : 0;
|
|
31
57
|
const adjustmentMinor = valid && amountMinor != null ? chargeMinor - amountMinor : 0;
|
|
58
|
+
const locked = pending || blocked;
|
|
32
59
|
const submit = async () => {
|
|
33
|
-
if (amountMinor == null || !valid ||
|
|
60
|
+
if (amountMinor == null || !valid || locked)
|
|
34
61
|
return;
|
|
35
62
|
assertCheckoutAmount(policy, amountMinor);
|
|
36
|
-
await onConfirm(amountMinor);
|
|
63
|
+
await onConfirm(amountMinor, estimate?.country);
|
|
37
64
|
};
|
|
38
|
-
return _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { closeLabel: t('close'), children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('title') }), _jsx(DialogDescription, { children: t('description') })] }), _jsxs("div", { className: "grid gap-5", children: [_jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", "aria-label": t('presets'), children: policy.presetsMinor.map(preset => _jsx(Button, { type: "button", variant: preset === amountMinor ? 'default' : 'outline', disabled:
|
|
65
|
+
return _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { closeLabel: t('close'), "data-amount-checkout": "", "data-blocked": blocked ? 'true' : 'false', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('title') }), _jsx(DialogDescription, { children: t('description') })] }), _jsxs("div", { className: "grid gap-5", children: [limit != null && _jsx(CheckoutLimitNote, { limit: limit }), policy.presetsMinor.length > 0 && _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", "aria-label": t('presets'), children: policy.presetsMinor.map(preset => _jsx(Button, { type: "button", variant: preset === amountMinor ? 'default' : 'outline', "data-amount-preset": preset, disabled: locked, onClick: () => setValue(inputAmount(preset, locale)), children: money(preset, policy.currency, locale) }, preset)) }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "payment-amount", children: t('custom') }), _jsx(Input, { id: "payment-amount", inputMode: "decimal", autoComplete: "off", value: value, disabled: locked, "aria-invalid": error != null, "aria-describedby": "payment-amount-help", onChange: event => setValue(event.target.value) }), !blocked && _jsx("p", { id: "payment-amount-help", className: error == null ? 'text-muted-foreground text-xs' : 'text-destructive text-xs', children: error ?? t('bounds', {
|
|
39
66
|
minimum: money(policy.minimumMinor, policy.currency, locale),
|
|
40
67
|
maximum: money(policy.maximumMinor, policy.currency, locale),
|
|
41
|
-
}) })] }), _jsxs("dl", { className: "grid grid-cols-[1fr_auto] gap-x-4 gap-y-2 rounded-lg border bg-muted/30 p-4 text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: t('credits') }), _jsx("dd", { children: valid && amountMinor != null ? money(amountMinor, policy.currency, locale) : '—' }), _jsx("dt", { className: "text-muted-foreground", children: t('adjustment') }), _jsx("dd", { children: valid ? money(adjustmentMinor, policy.currency, locale) : '—' }), _jsx("dt", { className: "font-medium", children: t('subtotal') }), _jsx("dd", { className: "font-medium", children: valid ? money(chargeMinor, policy.currency, locale) : '—' })] }),
|
|
68
|
+
}) })] }), _jsxs("dl", { className: "grid grid-cols-[1fr_auto] gap-x-4 gap-y-2 rounded-lg border bg-muted/30 p-4 text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: t('credits') }), _jsx("dd", { children: valid && amountMinor != null ? money(amountMinor, policy.currency, locale) : '—' }), _jsx("dt", { className: "text-muted-foreground", children: t('adjustment') }), _jsx("dd", { children: valid ? money(adjustmentMinor, policy.currency, locale) : '—' }), _jsx("dt", { className: "font-medium", children: t('subtotal') }), _jsx("dd", { className: "font-medium", children: valid ? money(chargeMinor, policy.currency, locale) : '—' })] }), estimate != null
|
|
69
|
+
? valid && _jsx(PriceEstimateSummary, { control: estimate, subtotalMinor: chargeMinor, currency: policy.currency })
|
|
70
|
+
: _jsx("p", { className: "text-muted-foreground text-xs", children: t('tax-note') }), legalNote != null && _jsx("div", { className: "text-muted-foreground text-xs", "data-legal-note": "", children: legalNote })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: () => onOpenChange(false), children: t('cancel') }), _jsx(Button, { type: "button", "data-amount-confirm": "", disabled: !valid || locked, onClick: () => void submit(), children: pending ? t('pending') : t('continue') })] })] }) });
|
|
42
71
|
};
|
|
43
72
|
//# sourceMappingURL=dialog.js.map
|
package/build/dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { CallArguments, RegisteredEntrypoint, RequestShape } from '@owlmeans/entrypoint';
|
|
2
|
+
import type { EntitlementView, PortalFlow, PortalLinkResponse } from '@owlmeans/payment';
|
|
3
|
+
import { type CheckoutTarget } from './service.js';
|
|
4
|
+
import type { LimitStatus, PortalArguments, PortalRequest } from './types.js';
|
|
5
|
+
/**
|
|
6
|
+
* Poll an entitlement-view protocol — `null` until the first answer. The view is revived on the way
|
|
7
|
+
* in (the wire carries ISO strings), so every date in it is a `Date`.
|
|
8
|
+
*
|
|
9
|
+
* An application that already keeps the view in its own store reads it through the pure selectors
|
|
10
|
+
* (`capabilityStateOf`, `limitStatusOf`, `planStatusLineOf`) instead of polling a second time.
|
|
11
|
+
*/
|
|
12
|
+
export declare const useEntitlementView: <Request extends RequestShape>(entry: RegisteredEntrypoint<Request, EntitlementView>, intervalMs?: number, deps?: unknown[], ...request: CallArguments<Request>) => EntitlementView | null;
|
|
13
|
+
/** Whether the view grants a capability parameter; `null` while the view is unknown. */
|
|
14
|
+
export declare const useCapability: (view: EntitlementView | null | undefined, param: string) => boolean | null;
|
|
15
|
+
/** One limit of the view with `exhausted` and `ratio`; `null` while unknown or undeclared. */
|
|
16
|
+
export declare const useLimit: (view: EntitlementView | null | undefined, key: string) => LimitStatus | null;
|
|
17
|
+
/**
|
|
18
|
+
* Open a billing-portal flow: `portal(entry, request?)` calls the portal protocol with `body.flow`
|
|
19
|
+
* set to `flow`, then sends the browser to the returned URL (same window by default). Without a DOM
|
|
20
|
+
* the navigation is inert and the response is still returned.
|
|
21
|
+
*/
|
|
22
|
+
export declare const usePortal: (flow: PortalFlow, target?: CheckoutTarget) => {
|
|
23
|
+
portal: <Request extends PortalRequest>(entry: RegisteredEntrypoint<Request, PortalLinkResponse>, ...request: PortalArguments<Request>) => Promise<PortalLinkResponse | null>;
|
|
24
|
+
pending: boolean;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=entitlement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entitlement.d.ts","sourceRoot":"","sources":["../src/entitlement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE7F,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAGxF,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE7E;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,SAAS,YAAY,SACtD,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC,eACzC,MAAM,SACZ,OAAO,EAAE,cACH,aAAa,CAAC,OAAO,CAAC,KACjC,eAAe,GAAG,IAEpB,CAAA;AAED,wFAAwF;AACxF,eAAO,MAAM,aAAa,SAAU,eAAe,GAAG,IAAI,GAAG,SAAS,SAAS,MAAM,KAAG,OAAO,GAAG,IACpC,CAAA;AAE9D,8FAA8F;AAC9F,eAAO,MAAM,QAAQ,SAAU,eAAe,GAAG,IAAI,GAAG,SAAS,OAAO,MAAM,KAAG,WAAW,GAAG,IAChC,CAAA;AAE/D;;;;GAIG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,WAAU,cAAc;aAE9B,OAAO,SAAS,aAAa,SACtD,oBAAoB,CAAC,OAAO,EAAE,kBAAkB,CAAC,cAAc,eAAe,CAAC,OAAO,CAAC,KAC7F,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC;;CAatC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { limitOf, reviveEntitlementView } from '@owlmeans/payment';
|
|
3
|
+
import { usePolled } from './poll.js';
|
|
4
|
+
import { capabilityStateOf, limitStatusOf } from './selectors.js';
|
|
5
|
+
import { openCheckout } from './service.js';
|
|
6
|
+
/**
|
|
7
|
+
* Poll an entitlement-view protocol — `null` until the first answer. The view is revived on the way
|
|
8
|
+
* in (the wire carries ISO strings), so every date in it is a `Date`.
|
|
9
|
+
*
|
|
10
|
+
* An application that already keeps the view in its own store reads it through the pure selectors
|
|
11
|
+
* (`capabilityStateOf`, `limitStatusOf`, `planStatusLineOf`) instead of polling a second time.
|
|
12
|
+
*/
|
|
13
|
+
export const useEntitlementView = (entry, intervalMs = 60_000, deps = [], ...request) => usePolled(async () => reviveEntitlementView(await entry.call(...request)), intervalMs, deps);
|
|
14
|
+
/** Whether the view grants a capability parameter; `null` while the view is unknown. */
|
|
15
|
+
export const useCapability = (view, param) => useMemo(() => capabilityStateOf(view, param), [view, param]);
|
|
16
|
+
/** One limit of the view with `exhausted` and `ratio`; `null` while unknown or undeclared. */
|
|
17
|
+
export const useLimit = (view, key) => useMemo(() => limitStatusOf(limitOf(view, key)), [view, key]);
|
|
18
|
+
/**
|
|
19
|
+
* Open a billing-portal flow: `portal(entry, request?)` calls the portal protocol with `body.flow`
|
|
20
|
+
* set to `flow`, then sends the browser to the returned URL (same window by default). Without a DOM
|
|
21
|
+
* the navigation is inert and the response is still returned.
|
|
22
|
+
*/
|
|
23
|
+
export const usePortal = (flow, target = '_self') => {
|
|
24
|
+
const [pending, setPending] = useState(false);
|
|
25
|
+
const portal = useCallback(async (entry, ...request) => {
|
|
26
|
+
setPending(true);
|
|
27
|
+
try {
|
|
28
|
+
const [options] = request;
|
|
29
|
+
// The flow completes the body the caller's arguments deliberately leave out.
|
|
30
|
+
const args = [{ ...options, body: { ...options?.body, flow } }];
|
|
31
|
+
const result = await entry.call(...args);
|
|
32
|
+
if (result?.url != null)
|
|
33
|
+
openCheckout(result.url, target);
|
|
34
|
+
return result ?? null;
|
|
35
|
+
}
|
|
36
|
+
finally {
|
|
37
|
+
setPending(false);
|
|
38
|
+
}
|
|
39
|
+
}, [flow, target]);
|
|
40
|
+
return { portal, pending };
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=entitlement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entitlement.js","sourceRoot":"","sources":["../src/entitlement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAA;AAGhE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAqD,EACrD,UAAU,GAAW,MAAM,EAC3B,IAAI,GAAc,EAAE,EACpB,GAAG,OAA+B,EACV,EAAE,CAAC,SAAS,CACpC,KAAK,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAClF,CAAA;AAED,wFAAwF;AACxF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAwC,EAAE,KAAa,EAAkB,EAAE,CACvG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAE9D,8FAA8F;AAC9F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAwC,EAAE,GAAW,EAAsB,EAAE,CACpG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;AAE/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAgB,EAAE,MAAM,GAAmB,OAAO,EAAE,EAAE;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAC9B,KAAwD,EAAE,GAAG,OAAiC,EAC1D,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,CAAC,OAAO,CAAC,GAAG,OAA+B,CAAA;YACjD,6EAA6E;YAC7E,MAAM,IAAI,GAAG,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAsC,CAAA;YACpG,MAAM,MAAM,GAAmC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;YACxE,IAAI,MAAM,EAAE,GAAG,IAAI,IAAI;gBAAE,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;YACzD,OAAO,MAAM,IAAI,IAAI,CAAA;QACvB,CAAC;gBAAS,CAAC;YAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAElB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;AAC5B,CAAC,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A small keyed TTL cache with in-flight de-duplication — the client-side twin of
|
|
3
|
+
* `@owlmeans/server-payment`'s `EstimateCache`, so opening the credit dialog twice in a row (or two
|
|
4
|
+
* mounts asking for the same plan/country) never issues a second request while the first is still
|
|
5
|
+
* on the wire, and a settled answer is reused for its TTL. A rejected fetch is never cached: the
|
|
6
|
+
* next call simply tries again.
|
|
7
|
+
*/
|
|
8
|
+
export declare class EstimateCache<T> {
|
|
9
|
+
private readonly store;
|
|
10
|
+
private readonly inflight;
|
|
11
|
+
get(key: string): T | undefined;
|
|
12
|
+
load(key: string, ttlMs: number, factory: () => Promise<T>): Promise<T>;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=estimate-cache.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"estimate-cache.d.ts","sourceRoot":"","sources":["../src/estimate-cache.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,qBAAa,aAAa,CAAC,CAAC;IAC1B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqD;IAC3E,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgC;IAEzD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,CAM9B;IAEK,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAmB5E;CACF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A small keyed TTL cache with in-flight de-duplication — the client-side twin of
|
|
3
|
+
* `@owlmeans/server-payment`'s `EstimateCache`, so opening the credit dialog twice in a row (or two
|
|
4
|
+
* mounts asking for the same plan/country) never issues a second request while the first is still
|
|
5
|
+
* on the wire, and a settled answer is reused for its TTL. A rejected fetch is never cached: the
|
|
6
|
+
* next call simply tries again.
|
|
7
|
+
*/
|
|
8
|
+
export class EstimateCache {
|
|
9
|
+
store = new Map();
|
|
10
|
+
inflight = new Map();
|
|
11
|
+
get(key) {
|
|
12
|
+
const hit = this.store.get(key);
|
|
13
|
+
if (hit == null || hit.expiresAt <= Date.now()) {
|
|
14
|
+
return undefined;
|
|
15
|
+
}
|
|
16
|
+
return hit.value;
|
|
17
|
+
}
|
|
18
|
+
async load(key, ttlMs, factory) {
|
|
19
|
+
const hit = this.get(key);
|
|
20
|
+
if (hit !== undefined) {
|
|
21
|
+
return hit;
|
|
22
|
+
}
|
|
23
|
+
const pending = this.inflight.get(key);
|
|
24
|
+
if (pending != null) {
|
|
25
|
+
return pending;
|
|
26
|
+
}
|
|
27
|
+
const promise = factory().then(value => {
|
|
28
|
+
this.store.set(key, { value, expiresAt: Date.now() + ttlMs });
|
|
29
|
+
this.inflight.delete(key);
|
|
30
|
+
return value;
|
|
31
|
+
}).catch(error => {
|
|
32
|
+
this.inflight.delete(key);
|
|
33
|
+
throw error;
|
|
34
|
+
});
|
|
35
|
+
this.inflight.set(key, promise);
|
|
36
|
+
return promise;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=estimate-cache.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"estimate-cache.js","sourceRoot":"","sources":["../src/estimate-cache.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,OAAO,aAAa;IACP,KAAK,GAAG,IAAI,GAAG,EAA2C,CAAA;IAC1D,QAAQ,GAAG,IAAI,GAAG,EAAsB,CAAA;IAEzD,GAAG,CAAC,GAAW;QACb,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;YAC/C,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,OAAO,GAAG,CAAC,KAAK,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAW,EAAE,KAAa,EAAE,OAAyB;QAC9D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACzB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACtC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YACpB,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;YAC7D,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YACzB,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YACzB,MAAM,KAAK,CAAA;QACb,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAC/B,OAAO,OAAO,CAAA;IAChB,CAAC;CACF"}
|