@justifi/webcomponents 6.5.1-rc.5 → 6.5.1-rc.7
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/cjs/{check-pkg-version-T54BeR4n.js → check-pkg-version-BHAFLsKe.js} +1 -1
- package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
- package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js +2 -2
- package/dist/cjs/justifi-apple-pay_7.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
- package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
- package/dist/cjs/{package-JstJdxIu.js → package-CZK-K7yM.js} +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/{check-pkg-version-C8hgGLFx.js → check-pkg-version-ClZuo82s.js} +1 -1
- package/dist/esm/hidden-input_2.entry.js +1 -1
- package/dist/esm/internal-tokenize-payment-method_7.entry.js +2 -2
- package/dist/esm/justifi-apple-pay_7.entry.js +2 -2
- package/dist/esm/justifi-business-details.entry.js +2 -2
- package/dist/esm/justifi-business-form.entry.js +2 -2
- package/dist/esm/justifi-checkout.entry.js +2 -2
- package/dist/esm/justifi-checkouts-list.entry.js +2 -2
- package/dist/esm/justifi-dispute-management.entry.js +2 -2
- package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
- package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
- package/dist/esm/justifi-order-terminals.entry.js +2 -2
- package/dist/esm/justifi-payment-details.entry.js +2 -2
- package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
- package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payments-list.entry.js +2 -2
- package/dist/esm/justifi-payout-details.entry.js +2 -2
- package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payouts-list.entry.js +2 -2
- package/dist/esm/justifi-refund-payment.entry.js +2 -2
- package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
- package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
- package/dist/esm/justifi-terminals-list.entry.js +2 -2
- package/dist/esm/{package-DEhd71m_.js → package-C3_8r8V7.js} +1 -1
- package/dist/module/package.js +1 -1
- package/dist/webcomponents/{p-266a9aee.entry.js → p-082efda3.entry.js} +1 -1
- package/dist/webcomponents/{p-de35abb6.entry.js → p-12499226.entry.js} +1 -1
- package/dist/webcomponents/p-1ddddc82.entry.js +1 -0
- package/dist/webcomponents/{p-5a3687bf.entry.js → p-215ce79e.entry.js} +1 -1
- package/dist/webcomponents/{p-9fef2496.entry.js → p-239d1d07.entry.js} +1 -1
- package/dist/webcomponents/{p-04b23547.entry.js → p-23a3e38e.entry.js} +1 -1
- package/dist/webcomponents/{p-8cfda6c1.entry.js → p-27b88afd.entry.js} +1 -1
- package/dist/webcomponents/{p-cfd858be.entry.js → p-2a347349.entry.js} +1 -1
- package/dist/webcomponents/{p-20608f0c.entry.js → p-3787cf63.entry.js} +1 -1
- package/dist/webcomponents/{p-73388c68.entry.js → p-476ebd43.entry.js} +1 -1
- package/dist/webcomponents/p-64ddd8ea.entry.js +1 -0
- package/dist/webcomponents/p-7becc3d3.entry.js +1 -0
- package/dist/webcomponents/p-8071daf3.entry.js +1 -0
- package/dist/webcomponents/{p-d1951301.entry.js → p-93aa2d31.entry.js} +1 -1
- package/dist/webcomponents/{p-a9bd4e27.entry.js → p-9e346c2e.entry.js} +1 -1
- package/dist/webcomponents/p-C3_8r8V7.js +1 -0
- package/dist/webcomponents/{p-90de8098.entry.js → p-a9ea2c82.entry.js} +1 -1
- package/dist/webcomponents/{p-7a3d9c24.entry.js → p-aaef1450.entry.js} +1 -1
- package/dist/webcomponents/{p-7128920a.entry.js → p-beb0a3c8.entry.js} +1 -1
- package/dist/webcomponents/{p-c364c76d.entry.js → p-d3697504.entry.js} +1 -1
- package/dist/webcomponents/{p-42c3bda4.entry.js → p-d9c090b6.entry.js} +1 -1
- package/dist/webcomponents/{p-e47a2592.entry.js → p-f11eb1bc.entry.js} +1 -1
- package/dist/webcomponents/{p-2bafa257.entry.js → p-f358610a.entry.js} +1 -1
- package/dist/webcomponents/{p-C6wS5-M7.js → p-sassRpOu.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/docs/entities/businessdetails/index.mdx +50 -70
- package/docs/entities/businessform/index.mdx +13 -18
- package/docs/entities/payment-provisioning/index.mdx +8 -16
- package/docs/helpers/PartsTable.jsx +29 -0
- package/docs/helpers/PropsTable.jsx +35 -0
- package/docs/merchant-tools/checkouts-list/index.mdx +49 -63
- package/docs/merchant-tools/gross-payments-chart/index.mdx +16 -18
- package/docs/merchant-tools/order-terminals/index.mdx +12 -16
- package/docs/merchant-tools/payment-details/index.mdx +13 -15
- package/docs/merchant-tools/payment-transactions-list/index.mdx +12 -16
- package/docs/merchant-tools/payments-list/index.mdx +12 -18
- package/docs/merchant-tools/payout-details/index.mdx +46 -56
- package/docs/merchant-tools/payout-transactions-list/index.mdx +12 -16
- package/docs/merchant-tools/payouts-list/index.mdx +12 -18
- package/docs/merchant-tools/terminal-orders-list/index.mdx +12 -16
- package/docs/merchant-tools/terminals-list/index.mdx +12 -16
- package/docs/modular-checkout/index.mdx +0 -5
- package/docs/modular-checkout/introduction/index.mdx +12 -14
- package/docs/modular-checkout/sub-components/apple-pay.mdx +27 -21
- package/docs/modular-checkout/sub-components/bank-account-form.mdx +51 -50
- package/docs/modular-checkout/sub-components/card-form.mdx +50 -53
- package/docs/modular-checkout/sub-components/payment-method-options.mdx +12 -14
- package/docs/modular-checkout/sub-components/plaid-payment-method.mdx +33 -54
- package/docs/modular-checkout/sub-components/saved-payment-methods.mdx +56 -54
- package/docs/modular-checkout/sub-components/season-interruption-insurance.mdx +21 -23
- package/docs/modular-checkout/sub-components/sezzle-payment-method.mdx +104 -108
- package/docs/modular-checkout/sub-components/summary.mdx +13 -13
- package/docs/payment-facilitation/dispute-management/index.mdx +12 -16
- package/docs/payment-facilitation/refund-payment/index.mdx +22 -14
- package/docs/payment-facilitation/tokenize-payment-method/index.mdx +28 -44
- package/docs/payment-facilitation/unified-fintech-checkout/342/204/242/index.mdx +103 -122
- package/package.json +1 -1
- package/dist/webcomponents/p-04ed045b.entry.js +0 -1
- package/dist/webcomponents/p-3101565c.entry.js +0 -1
- package/dist/webcomponents/p-8c07d9f0.entry.js +0 -1
- package/dist/webcomponents/p-9efd1bce.entry.js +0 -1
- package/dist/webcomponents/p-DEhd71m_.js +0 -1
- package/docs/helpers/PartsTable.js +0 -50
- package/docs/helpers/PartsTable.ts +0 -55
- package/docs/helpers/PropsTable.js +0 -56
- package/docs/helpers/PropsTable.ts +0 -63
- package/docs/helpers/index.js +0 -4
- package/docs/helpers/version.ts +0 -32
- package/docs/modular-checkout/docs/index.mdx +0 -32
- package/docs/modular-checkout/example/index.mdx +0 -25
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
export interface PropsTableRow {
|
|
2
|
-
name: string;
|
|
3
|
-
type: string;
|
|
4
|
-
required?: boolean;
|
|
5
|
-
description: string;
|
|
6
|
-
defaultValue?: string;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
function escapeHtml(text: string): string {
|
|
10
|
-
const map: Record<string, string> = {
|
|
11
|
-
'&': '&',
|
|
12
|
-
'<': '<',
|
|
13
|
-
'>': '>',
|
|
14
|
-
'"': '"',
|
|
15
|
-
"'": ''',
|
|
16
|
-
};
|
|
17
|
-
return text.replace(/[&<>"']/g, (m) => map[m]);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export function PropsTable(rows: PropsTableRow[], caption?: string): string {
|
|
21
|
-
if (!rows?.length) {
|
|
22
|
-
return '';
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
let html = '<table class="docs-props-table">';
|
|
26
|
-
|
|
27
|
-
if (caption) {
|
|
28
|
-
html += `<caption>${escapeHtml(caption)}</caption>`;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
html += `
|
|
32
|
-
<thead>
|
|
33
|
-
<tr>
|
|
34
|
-
<th scope="col">Name</th>
|
|
35
|
-
<th scope="col">Type</th>
|
|
36
|
-
<th scope="col">Required</th>
|
|
37
|
-
<th scope="col">Default</th>
|
|
38
|
-
<th scope="col">Description</th>
|
|
39
|
-
</tr>
|
|
40
|
-
</thead>
|
|
41
|
-
<tbody>`;
|
|
42
|
-
|
|
43
|
-
for (const row of rows) {
|
|
44
|
-
html += `
|
|
45
|
-
<tr>
|
|
46
|
-
<td>
|
|
47
|
-
<code>${escapeHtml(row.name)}</code>
|
|
48
|
-
</td>
|
|
49
|
-
<td>
|
|
50
|
-
<code>${escapeHtml(row.type)}</code>
|
|
51
|
-
</td>
|
|
52
|
-
<td>${row.required ? 'Yes' : 'No'}</td>
|
|
53
|
-
<td>${row.defaultValue ? `<code>${escapeHtml(row.defaultValue)}</code>` : '—'}</td>
|
|
54
|
-
<td>${escapeHtml(row.description)}</td>
|
|
55
|
-
</tr>`;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
html += `
|
|
59
|
-
</tbody>
|
|
60
|
-
</table>`;
|
|
61
|
-
|
|
62
|
-
return html;
|
|
63
|
-
}
|
package/docs/helpers/index.js
DELETED
package/docs/helpers/version.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
let cachedVersion: string | null = null;
|
|
2
|
-
|
|
3
|
-
export const getWebcomponentsVersion = (): string => {
|
|
4
|
-
if (cachedVersion) {
|
|
5
|
-
return cachedVersion;
|
|
6
|
-
}
|
|
7
|
-
try {
|
|
8
|
-
// Try to import from the package (works in both Storybook and consumer apps)
|
|
9
|
-
const packageJson = require('@justifi/webcomponents/package.json');
|
|
10
|
-
const version = packageJson.version;
|
|
11
|
-
cachedVersion = version;
|
|
12
|
-
return version;
|
|
13
|
-
} catch (error) {
|
|
14
|
-
// Fallback: try to read from local package.json (for build-time)
|
|
15
|
-
try {
|
|
16
|
-
const fs = require('fs');
|
|
17
|
-
const path = require('path');
|
|
18
|
-
const packageJsonPath = path.resolve(__dirname, '../../package.json');
|
|
19
|
-
const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
|
|
20
|
-
const version = packageJson.version;
|
|
21
|
-
cachedVersion = version;
|
|
22
|
-
return version;
|
|
23
|
-
} catch (fallbackError) {
|
|
24
|
-
// Last resort: return 'latest' if we can't determine the version
|
|
25
|
-
console.warn(
|
|
26
|
-
'Could not determine @justifi/webcomponents version, using "latest"'
|
|
27
|
-
);
|
|
28
|
-
return 'latest';
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
id: modular-checkout/docs/index
|
|
3
|
-
title: Modular Checkout Docs
|
|
4
|
-
sidebar_label: Docs
|
|
5
|
-
description: Standards for documenting Modular Checkout and every child component.
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
Document every Modular Checkout building block the same way so product, design,
|
|
9
|
-
and engineering teams can stay in sync. The guidance below applies to the parent
|
|
10
|
-
shell plus each entry in [`Sub-components`](../sub-components/index).
|
|
11
|
-
|
|
12
|
-
## How component docs are structured
|
|
13
|
-
|
|
14
|
-
Every page follows the same scaffolding:
|
|
15
|
-
|
|
16
|
-
1. **Overview** – when to use the component.
|
|
17
|
-
2. **Usage** – minimal markup plus contextual variants.
|
|
18
|
-
3. **Props & Events** – rendered via `<PropsTable>` for consistency.
|
|
19
|
-
4. **Theming & Parts** – CSS custom properties and enumerated `::part` selectors (via `<PartsTable>`).
|
|
20
|
-
5. **Accessibility** – focus management, aria attributes, localization guidance.
|
|
21
|
-
6. **Static Examples** – non-interactive snippets that mirror Storybook stories.
|
|
22
|
-
|
|
23
|
-
## Authoring checklist
|
|
24
|
-
|
|
25
|
-
- Duplicate `../../templates/component-template.mdx` and adjust the frontmatter
|
|
26
|
-
`id` plus title to match the new slug.
|
|
27
|
-
- Keep prose declarative and actionable—no conversational filler.
|
|
28
|
-
- Include at least one code example using `<pre><code>`, `<PropsTable>`, and `<PartsTable>` block.
|
|
29
|
-
- Reference shared guides when overlapping content would otherwise drift.
|
|
30
|
-
- Document `::part` styling hooks plus any CSS variables the component exposes.
|
|
31
|
-
- Add cross-links back to [`Modular Checkout`](../index) and any related
|
|
32
|
-
components so readers can navigate without scrolling the sidebar.
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
id: modular-checkout/example/index
|
|
3
|
-
title: Modular Checkout Example
|
|
4
|
-
sidebar_label: Example
|
|
5
|
-
description: Minimal implementation that wires auth, account, and summary slots.
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
Plug this snippet into any HTML sandbox to validate auth tokens, slot content,
|
|
9
|
-
and submission hooks before integrating into your production host app.
|
|
10
|
-
|
|
11
|
-
### Embedded checkout with summary
|
|
12
|
-
|
|
13
|
-
<pre><code className="language-html">{`<justifi-modular-checkout
|
|
14
|
-
account-id="acc_demo"
|
|
15
|
-
auth-token="token_checkout"
|
|
16
|
-
checkout-id="chk_demo"
|
|
17
|
-
submit-label="Pay now"
|
|
18
|
-
>
|
|
19
|
-
<justifi-modular-checkout-card-form slot="payment-methods" />
|
|
20
|
-
<justifi-modular-checkout-summary slot="summary" />
|
|
21
|
-
</justifi-modular-checkout>`}</code></pre>
|
|
22
|
-
|
|
23
|
-
> Combine this structure with your own `<justifi-payment-method-options>` UI
|
|
24
|
-
> when you need to pre-select rails outside of the checkout shell.
|
|
25
|
-
|