@maytes/checkout-button 1.1.0 → 1.2.0
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/CHANGELOG.md +79 -0
- package/README.md +97 -53
- package/dist/checkout-button.c640180e.js +156 -0
- package/dist/checkout-button.c640180e.js.map +1 -0
- package/dist/checkout-button.cjs +280 -145
- package/dist/checkout-button.cjs.map +1 -1
- package/dist/checkout-button.d.cts +40 -4
- package/dist/checkout-button.d.ts +40 -4
- package/dist/{checkout-button.f96c49ee.mjs → checkout-button.d6e444ee.mjs} +280 -145
- package/dist/checkout-button.d6e444ee.mjs.map +1 -0
- package/dist/{checkout-button.178d8394.cjs → checkout-button.d7bc9aea.cjs} +280 -145
- package/dist/checkout-button.d7bc9aea.cjs.map +1 -0
- package/dist/checkout-button.element.6c530c24.js +155 -0
- package/dist/checkout-button.element.6c530c24.js.map +1 -0
- package/dist/checkout-button.element.js +155 -0
- package/dist/checkout-button.element.js.map +1 -0
- package/dist/checkout-button.js +19 -14
- package/dist/checkout-button.js.map +1 -1
- package/dist/checkout-button.mjs +280 -145
- package/dist/checkout-button.mjs.map +1 -1
- package/dist/element.cjs +201 -0
- package/dist/element.cjs.map +1 -0
- package/dist/element.d.cts +44 -0
- package/dist/element.d.ts +44 -0
- package/dist/element.mjs +180 -0
- package/dist/element.mjs.map +1 -0
- package/dist/integrity.json +37 -26
- package/dist/react.cjs +139 -0
- package/dist/react.cjs.map +1 -0
- package/dist/react.d.cts +30 -0
- package/dist/react.d.ts +30 -0
- package/dist/react.mjs +117 -0
- package/dist/react.mjs.map +1 -0
- package/docs/guides/angular.md +56 -0
- package/docs/guides/api.md +108 -0
- package/docs/guides/events.md +48 -0
- package/docs/guides/launch-behaviour.md +41 -0
- package/docs/guides/nextjs.md +49 -0
- package/docs/guides/own-button.md +41 -0
- package/docs/guides/quickstart-html.md +31 -0
- package/docs/guides/quickstart-npm.md +34 -0
- package/docs/guides/react.md +88 -0
- package/docs/guides/security-csp.md +32 -0
- package/docs/guides/server.md +76 -0
- package/docs/guides/solid.md +44 -0
- package/docs/guides/stripe-payment-element.md +14 -0
- package/docs/guides/svelte.md +46 -0
- package/docs/guides/troubleshooting.md +17 -0
- package/docs/guides/vue-nuxt.md +64 -0
- package/docs/guides/web-component.md +109 -0
- package/package.json +40 -3
- package/dist/checkout-button.178d8394.cjs.map +0 -1
- package/dist/checkout-button.811263f9.js +0 -151
- package/dist/checkout-button.811263f9.js.map +0 -1
- package/dist/checkout-button.f96c49ee.mjs.map +0 -1
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# Solid
|
|
2
|
+
|
|
3
|
+
Add the Split with Maytes button to a Solid or SolidStart app with one component.
|
|
4
|
+
|
|
5
|
+
You need an endpoint on your server that creates a Maytes checkout and returns `{ checkoutId, checkoutUrl }`. The example calls it `POST /api/maytes/checkout`; [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md) shows how to build it.
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @maytes/checkout-button
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
import { onCleanup, onMount } from 'solid-js';
|
|
13
|
+
import { Maytes } from '@maytes/checkout-button';
|
|
14
|
+
|
|
15
|
+
export function SplitWithMaytesButton(props: { cartId: string }) {
|
|
16
|
+
let slot!: HTMLDivElement;
|
|
17
|
+
|
|
18
|
+
onMount(() => {
|
|
19
|
+
const maytes = Maytes({
|
|
20
|
+
environment: 'sandbox',
|
|
21
|
+
createCheckout: async () => {
|
|
22
|
+
const res = await fetch('/api/maytes/checkout', {
|
|
23
|
+
method: 'POST',
|
|
24
|
+
headers: { 'content-type': 'application/json' },
|
|
25
|
+
body: JSON.stringify({ cartId: props.cartId }),
|
|
26
|
+
});
|
|
27
|
+
if (!res.ok) throw new Error('Could not create the Maytes checkout');
|
|
28
|
+
return res.json(); // { checkoutId, checkoutUrl }
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
maytes.renderButton(slot, { block: true });
|
|
32
|
+
onCleanup(() => maytes.destroy());
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
return <div ref={slot} />;
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
- `onMount` only runs in the browser, so the component also works with SolidStart's server rendering.
|
|
40
|
+
- `props.cartId` is read when the shopper clicks, so it is always the latest value.
|
|
41
|
+
|
|
42
|
+
Prefer a standard custom element? [`<maytes-checkout-button>`](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/web-component.md) works here too.
|
|
43
|
+
|
|
44
|
+
Next: [API reference](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/api.md) · [Troubleshooting](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/troubleshooting.md)
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# With Stripe's Payment Element
|
|
2
|
+
|
|
3
|
+
How Split with Maytes fits a checkout that already uses Stripe's Payment Element.
|
|
4
|
+
|
|
5
|
+
If your checkout already uses Stripe's Payment Element, you can offer Split with Maytes inside it as a Stripe custom payment method. The full guide is at [developers.maytes.co/stripe](https://developers.maytes.co/stripe):
|
|
6
|
+
|
|
7
|
+
1. The Payment Element shows Split with Maytes beside cards and wallets.
|
|
8
|
+
2. When the shopper pays, `elements.submit()` tells you Split with Maytes was picked.
|
|
9
|
+
3. Your server creates the Maytes checkout (see [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md)), and your page sends the shopper to the `checkoutUrl` it returns, or calls `maytes.openCheckout()` from your Pay button to open it in a popup (see [Using your own button](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/own-button.md)).
|
|
10
|
+
4. Your webhook captures on `checkout.authorized`. There is no Stripe PaymentIntent or Stripe fee for that order.
|
|
11
|
+
|
|
12
|
+
You can also place this button beside the Stripe form, for example in an express-checkout row next to wallet buttons. It works the same as on any other page: follow the quickstart for your stack.
|
|
13
|
+
|
|
14
|
+
Next: [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md)
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# Svelte and SvelteKit
|
|
2
|
+
|
|
3
|
+
Add the Split with Maytes button to a Svelte or SvelteKit app with one component.
|
|
4
|
+
|
|
5
|
+
You need an endpoint on your server that creates a Maytes checkout and returns `{ checkoutId, checkoutUrl }`. The example calls it `POST /api/maytes/checkout`; [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md) shows how to build it.
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @maytes/checkout-button
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```svelte
|
|
12
|
+
<script lang="ts">
|
|
13
|
+
import { onMount } from 'svelte';
|
|
14
|
+
import { Maytes } from '@maytes/checkout-button';
|
|
15
|
+
|
|
16
|
+
let { cartId }: { cartId: string } = $props();
|
|
17
|
+
let slot: HTMLDivElement;
|
|
18
|
+
|
|
19
|
+
onMount(() => {
|
|
20
|
+
const maytes = Maytes({
|
|
21
|
+
environment: 'sandbox',
|
|
22
|
+
createCheckout: async () => {
|
|
23
|
+
const res = await fetch('/api/maytes/checkout', {
|
|
24
|
+
method: 'POST',
|
|
25
|
+
headers: { 'content-type': 'application/json' },
|
|
26
|
+
body: JSON.stringify({ cartId }),
|
|
27
|
+
});
|
|
28
|
+
if (!res.ok) throw new Error('Could not create the Maytes checkout');
|
|
29
|
+
return res.json(); // { checkoutId, checkoutUrl }
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
maytes.renderButton(slot, { block: true });
|
|
33
|
+
return () => maytes.destroy();
|
|
34
|
+
});
|
|
35
|
+
</script>
|
|
36
|
+
|
|
37
|
+
<div bind:this={slot}></div>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
- This is Svelte 5. On Svelte 4, replace the `$props()` line with `export let cartId: string;`.
|
|
41
|
+
- `onMount` only runs in the browser, so the component works in SvelteKit pages as it is. The function it returns runs when the component is destroyed.
|
|
42
|
+
- Put the server half in `src/routes/api/maytes/checkout/+server.ts`; [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md) shows what it must return.
|
|
43
|
+
|
|
44
|
+
Prefer a standard custom element? [`<maytes-checkout-button>`](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/web-component.md) works here too.
|
|
45
|
+
|
|
46
|
+
Next: [API reference](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/api.md) · [Troubleshooting](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/troubleshooting.md)
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
# Troubleshooting
|
|
2
|
+
|
|
3
|
+
Common symptoms when adding the Split with Maytes button, and what they mean.
|
|
4
|
+
|
|
5
|
+
| What you see | What it means |
|
|
6
|
+
|---|---|
|
|
7
|
+
| `window.Maytes is undefined` or `Maytes is not a function` | The CDN script hasn't loaded when your code runs. Put your code after the `<script src="https://js.maytes.co/…">` tag (not `async`), or run it from that script's `load` event. Check that your CSP allows `https://js.maytes.co`. |
|
|
8
|
+
| No button appears | `renderButton` needs an existing `HTMLElement`; a missing element throws `MaytesError` (`CONFIG`) in the console. Render after the container exists, for example in `useEffect` or `onMounted`. |
|
|
9
|
+
| Two buttons appear in React development mode | The instance isn't destroyed in the effect's cleanup. Return `() => maytes.destroy()` from the effect that created it. |
|
|
10
|
+
| The checkout opened in the same tab instead of a popup | Expected on phones (600px wide or less) and when the browser blocks the popup; `maytes:checkout-redirected` fires. |
|
|
11
|
+
| The spinner shows, then the button resets | `createCheckout` failed: `maytes:checkout-failed` with `create-checkout-rejected` (your request threw or rejected) or `invalid-shape` (it didn't return `{ checkoutId }`). The console has the error. A common cause is returning the API's `checkout_uuid` instead of `checkoutId`. |
|
|
12
|
+
| The checkout says it can't be found | The checkout was created in one environment and opened in the other. Return `checkoutUrl` from your server, and use sandbox credentials with `environment: 'sandbox'`. |
|
|
13
|
+
| CSP errors about inline styles | Pass `{ cspNonce }` as the second argument to `Maytes()`; see [Security and CSP](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/security-csp.md). |
|
|
14
|
+
| Inside an iframe, nothing happens and `navigation-blocked` fires | The browser refused both the top-level navigation and a new tab. Add `allow-top-navigation` (and `allow-popups allow-popups-to-escape-sandbox`) to the iframe's `sandbox`, or render the button in the top-level page. |
|
|
15
|
+
| The order authorises but is never paid | Your server isn't capturing on `checkout.authorized` within 2 minutes. See [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md). |
|
|
16
|
+
|
|
17
|
+
Still stuck? Open an issue at [github.com/kttipay/maytes-checkout-button/issues](https://github.com/kttipay/maytes-checkout-button/issues) or contact [support@maytes.co](mailto:support@maytes.co).
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# Vue 3 and Nuxt 3
|
|
2
|
+
|
|
3
|
+
Add the Split with Maytes button to a Vue 3 or Nuxt 3 app with one single-file component.
|
|
4
|
+
|
|
5
|
+
You need an endpoint on your server that creates a Maytes checkout and returns `{ checkoutId, checkoutUrl }`. The example calls it `POST /api/maytes/checkout`; [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md) shows how to build it.
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @maytes/checkout-button
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Vue 3
|
|
12
|
+
|
|
13
|
+
```vue
|
|
14
|
+
<script setup lang="ts">
|
|
15
|
+
import { onBeforeUnmount, onMounted, ref } from 'vue';
|
|
16
|
+
import { Maytes, type MaytesSDK } from '@maytes/checkout-button';
|
|
17
|
+
|
|
18
|
+
const props = defineProps<{ cartId: string }>();
|
|
19
|
+
const slot = ref<HTMLDivElement | null>(null);
|
|
20
|
+
let maytes: MaytesSDK | null = null;
|
|
21
|
+
|
|
22
|
+
onMounted(() => {
|
|
23
|
+
maytes = Maytes({
|
|
24
|
+
environment: 'sandbox',
|
|
25
|
+
createCheckout: async () => {
|
|
26
|
+
const res = await fetch('/api/maytes/checkout', {
|
|
27
|
+
method: 'POST',
|
|
28
|
+
headers: { 'content-type': 'application/json' },
|
|
29
|
+
body: JSON.stringify({ cartId: props.cartId }),
|
|
30
|
+
});
|
|
31
|
+
if (!res.ok) throw new Error('Could not create the Maytes checkout');
|
|
32
|
+
return res.json(); // { checkoutId, checkoutUrl }
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
maytes.renderButton(slot.value!, { block: true });
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
onBeforeUnmount(() => maytes?.destroy());
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<template>
|
|
42
|
+
<div ref="slot" />
|
|
43
|
+
</template>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
`props.cartId` is read when the shopper clicks, so it is always the latest value.
|
|
47
|
+
|
|
48
|
+
## Nuxt 3
|
|
49
|
+
|
|
50
|
+
Use the Vue 3 component as it is. `onMounted` only runs in the browser and the package doesn't touch `window` when it's imported, so server rendering is safe. Save it as `components/SplitWithMaytesButton.client.vue` (the `.client` suffix renders it only in the browser), or wrap it in `<ClientOnly>`:
|
|
51
|
+
|
|
52
|
+
```vue
|
|
53
|
+
<template>
|
|
54
|
+
<ClientOnly>
|
|
55
|
+
<SplitWithMaytesButton :cart-id="cart.id" />
|
|
56
|
+
</ClientOnly>
|
|
57
|
+
</template>
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
Put the server half in a server route such as `server/api/maytes/checkout.post.ts`; [Your server](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/server.md) shows what it must return.
|
|
61
|
+
|
|
62
|
+
Prefer a standard custom element? [`<maytes-checkout-button>`](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/web-component.md) works here too.
|
|
63
|
+
|
|
64
|
+
Next: [API reference](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/api.md) · [Troubleshooting](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/troubleshooting.md)
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# Any framework: `<maytes-checkout-button>`
|
|
2
|
+
|
|
3
|
+
One standard custom element for plain HTML, Vue/Nuxt, Angular, Svelte/SvelteKit, Solid and React 19.
|
|
4
|
+
|
|
5
|
+
- **Attributes** for options: `environment` (required), `mode`, `label`, `block`, `radius`, `height`, `nonce`.
|
|
6
|
+
- **Property** `createCheckout`: your async function that asks your server for a checkout and returns `{ checkoutId, checkoutUrl? }`. Nothing renders until it is set.
|
|
7
|
+
- **Events** on the element, for this element only: `maytes-opened`, `maytes-closed`, `maytes-redirected`, `maytes-failed`. They bubble and carry the same `detail` as the [`maytes:checkout-*` events](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/events.md).
|
|
8
|
+
- **Method** `open({ mode })`: starts the checkout from your own button, like [`openCheckout()`](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/own-button.md).
|
|
9
|
+
- **Mistakes don't throw:** an invalid attribute is logged and arrives as `maytes-failed` with `detail.reason === 'config'`.
|
|
10
|
+
|
|
11
|
+
## Plain HTML
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<script src="https://js.maytes.co/v1/checkout-button.element.js" crossorigin="anonymous"></script>
|
|
15
|
+
|
|
16
|
+
<maytes-checkout-button id="maytes" environment="sandbox" block></maytes-checkout-button>
|
|
17
|
+
|
|
18
|
+
<script>
|
|
19
|
+
const button = document.getElementById('maytes');
|
|
20
|
+
button.createCheckout = async () => {
|
|
21
|
+
const res = await fetch('/api/maytes/create-checkout', { method: 'POST' });
|
|
22
|
+
return res.json(); // { checkoutId, checkoutUrl? }
|
|
23
|
+
};
|
|
24
|
+
button.addEventListener('maytes-failed', (event) => console.warn(event.detail));
|
|
25
|
+
</script>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
`/v1/` always serves the newest 1.x release, so no `integrity` is possible. For SRI, pin `https://js.maytes.co/vX.Y.Z/checkout-button.element.js` and use the `checkout-button.element.js` hash from the release's `integrity.json`.
|
|
29
|
+
|
|
30
|
+
## npm (any bundler)
|
|
31
|
+
|
|
32
|
+
```js
|
|
33
|
+
import '@maytes/checkout-button/element';
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Vue 3 and Nuxt 3
|
|
37
|
+
|
|
38
|
+
Tell Vue the tag is a custom element, then bind the function as a DOM property:
|
|
39
|
+
|
|
40
|
+
<!-- typecheck: skip -->
|
|
41
|
+
```js
|
|
42
|
+
// vite.config.js
|
|
43
|
+
vue({ template: { compilerOptions: { isCustomElement: (tag) => tag === 'maytes-checkout-button' } } });
|
|
44
|
+
|
|
45
|
+
// Nuxt: nuxt.config.ts → vue: { compilerOptions: { isCustomElement: (tag) => tag === 'maytes-checkout-button' } },
|
|
46
|
+
// and import '@maytes/checkout-button/element' from plugins/maytes.client.ts (browser only).
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
```vue
|
|
50
|
+
<maytes-checkout-button environment="sandbox" :createCheckout.prop="createCheckout" @maytes-failed="onFailed" />
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Angular
|
|
54
|
+
|
|
55
|
+
```ts
|
|
56
|
+
import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
57
|
+
import '@maytes/checkout-button/element';
|
|
58
|
+
|
|
59
|
+
@Component({
|
|
60
|
+
selector: 'app-pay-with-maytes',
|
|
61
|
+
standalone: true,
|
|
62
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
63
|
+
template: `<maytes-checkout-button environment="sandbox" [createCheckout]="createCheckout" (maytes-failed)="onFailed($event)"></maytes-checkout-button>`,
|
|
64
|
+
})
|
|
65
|
+
export class PayWithMaytes {
|
|
66
|
+
createCheckout = () => fetch('/api/maytes/create-checkout', { method: 'POST' }).then((res) => res.json());
|
|
67
|
+
onFailed(event: Event) { console.warn((event as CustomEvent).detail); }
|
|
68
|
+
}
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
## Svelte and SvelteKit
|
|
72
|
+
|
|
73
|
+
```svelte
|
|
74
|
+
<script lang="ts">
|
|
75
|
+
import { onMount } from 'svelte';
|
|
76
|
+
let button: HTMLElement & { createCheckout?: typeof createCheckout };
|
|
77
|
+
onMount(async () => {
|
|
78
|
+
await import('@maytes/checkout-button/element'); // browser only
|
|
79
|
+
button.createCheckout = createCheckout;
|
|
80
|
+
button.addEventListener('maytes-failed', onFailed);
|
|
81
|
+
});
|
|
82
|
+
</script>
|
|
83
|
+
|
|
84
|
+
<maytes-checkout-button bind:this={button} environment="sandbox"></maytes-checkout-button>
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
## Solid
|
|
88
|
+
|
|
89
|
+
```jsx
|
|
90
|
+
import '@maytes/checkout-button/element';
|
|
91
|
+
|
|
92
|
+
<maytes-checkout-button environment="sandbox" prop:createCheckout={createCheckout} on:maytes-failed={onFailed} />
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
## Your own button, any framework
|
|
96
|
+
|
|
97
|
+
```js
|
|
98
|
+
import '@maytes/checkout-button/element';
|
|
99
|
+
|
|
100
|
+
await customElements.whenDefined('maytes-checkout-button');
|
|
101
|
+
const element = document.querySelector('maytes-checkout-button');
|
|
102
|
+
payButton.addEventListener('click', () => {
|
|
103
|
+
element?.open({ mode: 'popup' }); // inside the click, before any await
|
|
104
|
+
});
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
React 19 sets `createCheckout` as a property on the element directly. For TypeScript, add `'maytes-checkout-button'` to `JSX.IntrinsicElements`.
|
|
108
|
+
|
|
109
|
+
Next: [Events](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/events.md) · [Using your own button](https://github.com/kttipay/maytes-checkout-button/blob/main/docs/guides/own-button.md)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maytes/checkout-button",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "Maytes checkout button — drop-in `<script>` that renders a Split with Maytes button and redirects to the Maytes-hosted checkout on click.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -22,7 +22,10 @@
|
|
|
22
22
|
"button"
|
|
23
23
|
],
|
|
24
24
|
"sideEffects": [
|
|
25
|
-
"./dist/checkout-button.js"
|
|
25
|
+
"./dist/checkout-button.js",
|
|
26
|
+
"./dist/checkout-button.element.js",
|
|
27
|
+
"./dist/element.mjs",
|
|
28
|
+
"./dist/element.cjs"
|
|
26
29
|
],
|
|
27
30
|
"main": "./dist/checkout-button.cjs",
|
|
28
31
|
"module": "./dist/checkout-button.mjs",
|
|
@@ -38,11 +41,29 @@
|
|
|
38
41
|
"require": "./dist/checkout-button.cjs",
|
|
39
42
|
"default": "./dist/checkout-button.js"
|
|
40
43
|
},
|
|
44
|
+
"./react": {
|
|
45
|
+
"types": {
|
|
46
|
+
"import": "./dist/react.d.ts",
|
|
47
|
+
"require": "./dist/react.d.cts"
|
|
48
|
+
},
|
|
49
|
+
"import": "./dist/react.mjs",
|
|
50
|
+
"require": "./dist/react.cjs"
|
|
51
|
+
},
|
|
52
|
+
"./element": {
|
|
53
|
+
"types": {
|
|
54
|
+
"import": "./dist/element.d.ts",
|
|
55
|
+
"require": "./dist/element.d.cts"
|
|
56
|
+
},
|
|
57
|
+
"import": "./dist/element.mjs",
|
|
58
|
+
"require": "./dist/element.cjs",
|
|
59
|
+
"default": "./dist/checkout-button.element.js"
|
|
60
|
+
},
|
|
41
61
|
"./browser": "./dist/checkout-button.js",
|
|
42
62
|
"./package.json": "./package.json"
|
|
43
63
|
},
|
|
44
64
|
"files": [
|
|
45
65
|
"dist",
|
|
66
|
+
"docs/guides",
|
|
46
67
|
"README.md",
|
|
47
68
|
"CHANGELOG.md"
|
|
48
69
|
],
|
|
@@ -50,7 +71,7 @@
|
|
|
50
71
|
"gen-version": "node scripts/gen-version.mjs",
|
|
51
72
|
"sync:foundation": "node scripts/sync-foundation-tokens.mjs",
|
|
52
73
|
"prebuild": "node scripts/gen-version.mjs",
|
|
53
|
-
"build": "tsup && node scripts/hash-and-sri.mjs && node scripts/csp-check.mjs",
|
|
74
|
+
"build": "tsup && node scripts/hash-and-sri.mjs && node scripts/csp-check.mjs && node scripts/react-entry-check.mjs",
|
|
54
75
|
"build:bundles": "tsup",
|
|
55
76
|
"build:hash": "node scripts/hash-and-sri.mjs",
|
|
56
77
|
"cdn-config": "node scripts/cdn-config.mjs",
|
|
@@ -62,6 +83,7 @@
|
|
|
62
83
|
"audit": "npm audit --omit=dev --audit-level=high",
|
|
63
84
|
"test": "vitest",
|
|
64
85
|
"test:run": "vitest run",
|
|
86
|
+
"test:coverage": "vitest run --coverage",
|
|
65
87
|
"changeset": "changeset",
|
|
66
88
|
"version": "changeset version && npm run build",
|
|
67
89
|
"release": "npm run build && changeset publish"
|
|
@@ -69,10 +91,25 @@
|
|
|
69
91
|
"devDependencies": {
|
|
70
92
|
"@changesets/changelog-github": "^0.5.0",
|
|
71
93
|
"@changesets/cli": "^2.27.10",
|
|
94
|
+
"@testing-library/dom": "^10.4.2",
|
|
95
|
+
"@testing-library/react": "^16.3.3",
|
|
72
96
|
"@types/node": "20.16.10",
|
|
97
|
+
"@types/react": "^19.3.0",
|
|
98
|
+
"@types/react-dom": "^19.3.0",
|
|
99
|
+
"@vitest/coverage-v8": "^2.1.9",
|
|
73
100
|
"jsdom": "^25.0.1",
|
|
101
|
+
"react": "^19.3.0",
|
|
102
|
+
"react-dom": "^19.3.0",
|
|
74
103
|
"tsup": "8.3.5",
|
|
75
104
|
"typescript": "5.6.3",
|
|
76
105
|
"vitest": "^2.1.5"
|
|
106
|
+
},
|
|
107
|
+
"peerDependencies": {
|
|
108
|
+
"react": ">=18"
|
|
109
|
+
},
|
|
110
|
+
"peerDependenciesMeta": {
|
|
111
|
+
"react": {
|
|
112
|
+
"optional": true
|
|
113
|
+
}
|
|
77
114
|
}
|
|
78
115
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/foundation/brand.generated.ts","../src/branding.ts","../src/errors.ts","../src/framing.ts","../src/overlay.ts","../src/env.ts","../src/redirect.ts","../src/version.ts","../src/styles.ts","../src/button.ts","../src/state.ts","../src/maytes.ts"],"sourcesContent":["import { Maytes } from './maytes.js';\n\nif (typeof window !== 'undefined') {\n (window as unknown as { Maytes: typeof Maytes }).Maytes = Maytes;\n}\n\nexport { Maytes };\nexport { MaytesError, MaytesErrorCode } from './errors.js';\nexport type { MaytesErrorCodeValue } from './errors.js';\nexport type {\n CheckoutFailedDetail,\n CheckoutFailedReason,\n CheckoutRedirectedDetail,\n CheckoutUrlOptions,\n CreateCheckoutFn,\n MaytesEnvironment,\n MaytesFactory,\n MaytesInternalOptions,\n MaytesOptions,\n MaytesSDK,\n RedirectOptions,\n RedirectTarget,\n RenderButtonCleanup,\n RenderButtonMode,\n RenderButtonOptions,\n} from './types.js';\nexport { SDK_VERSION } from './version.js';\n","// GENERATED by scripts/sync-foundation-tokens.mjs from kttipay/designsystem v0.3.0 web/tokens.ts — DO NOT EDIT. Refresh: npm run sync:foundation -- --tag vX.Y.Z\n\n// Subset of the foundation used by the checkout button and the mock showcase:\n// brand.primary <- colorsLight.brand.primary (burgundy/600)\n// brand.secondary <- colorsLight.brand.secondary (orange/500)\n// palette.burgundy.700 <- palette.burgundy.700 (hover shade for brand.primary)\n// palette.base.white <- palette.base.white\n// text.primaryInverse <- colorsLight.text.primaryInverse (text on brand.primary)\n\nexport const FOUNDATION_TAG = 'v0.3.0';\n\nexport const foundation = {\n brand: {\n primary: '#4A0324',\n secondary: '#FE572A',\n },\n palette: {\n burgundy: {\n 700: '#3B021D',\n },\n base: {\n white: '#FFFFFF',\n },\n },\n text: {\n primaryInverse: '#FFFFFF',\n },\n} as const;\n","import { foundation } from './foundation/brand.generated.js';\n\nexport const MAYTES_RICHE = foundation.brand.primary;\nexport const MAYTES_WALLET = foundation.brand.secondary;\n\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\nconst MAYTES_LOGO_PATHS: readonly string[] = [\n 'M392,6.11c-.3-1.61-1.72-2.79-3.38-2.79h-99.97c-1.66,0-3.09,1.19-3.38,2.79l-51.14,275.49c-.36,2.07,1.24,4.03,3.38,4.03h71.07c1.72,0,3.15-1.24,3.38-2.97l5.57-42.24c.23-1.72,1.66-2.97,3.38-2.97h32.45c1.72,0,3.15,1.24,3.38,2.97l5.57,42.24c.23,1.72,1.66,2.97,3.38,2.97h74.46c2.14,0,3.8-1.96,3.38-4.03L392,6.11ZM344.42,174.89h-14.59c-2.07,0-3.62-1.84-3.38-3.86l9.55-74.33c.06-.48.48-.83.95-.83s.89.35.95.83l9.91,74.33c.3,2.02-1.31,3.86-3.38,3.86h0Z',\n 'M218.86,3.32h-77.72c-1.48,0-2.85,1.01-3.27,2.44l-25.63,83.65c-.12.35-.41.6-.83.6s-.71-.23-.83-.6L84.9,5.76c-.41-1.42-1.78-2.44-3.27-2.44H3.44c-1.9,0-3.44,1.54-3.44,3.44v275.43c0,1.9,1.54,3.45,3.44,3.45h71.26c1.9,0,3.44-1.54,3.44-3.45v-77.3l-.83-51.44c0-.53.41-.95.95-.95.41,0,.77.3.89.71l14.42,59.62c.35,1.54,1.72,2.61,3.32,2.61h28.42c1.61,0,2.97-1.06,3.32-2.61l14.47-59.79c.12-.3.35-.53.71-.53.41,0,.71.3.71.71l-.42,51.67-.06.06v77.3c0,1.9,1.54,3.44,3.44,3.44h71.37c1.9,0,3.44-1.54,3.44-3.44V6.77c0-1.9-1.54-3.44-3.44-3.44h0Z',\n 'M1179.6,147c-9.73-11.8-20.71-21.12-47.76-38.44-27.06-16.91-31.69-23.26-31.69-31.68,0-6.76,3.8-11.39,10.56-11.39,8.19,0,14.18,10.44,15.43,26.28.18,2.14,2.13,3.74,4.27,3.26l63.66-14.12c1.6-.36,2.73-1.9,2.61-3.56-3.97-49.3-35-77.36-86.44-77.36-27.47,0-50.25,8.07-67.63,24.09-17.39,16.01-25.82,36.72-25.82,62.53,0,16.91,4.22,32.09,13.12,45.62,8.9,13.53,25.75,28.3,51.56,44.38,14.77,9.32,24.09,16.49,27.88,21.12,4.21,4.63,6.35,9.31,6.35,14.36,0,6.35-4.63,10.56-11.81,10.56-10.5,0-18.15-11.87-19.28-29.66-.12-2.25-2.31-3.91-4.51-3.26l-63.6,18.68c-1.55.42-2.55,1.84-2.43,3.44,1.78,22.84,11.03,41.41,26.88,55.65,16.49,14.36,36.77,21.53,64.24,21.53s50.32-7.59,67.64-23.26c17.74-15.66,26.64-36.37,26.64-61.28,0-22.01-6.35-40.58-19.87-57.49v-.02Z',\n 'M1002.33,3.32h-146.18c-1.9,0-3.44,1.54-3.44,3.44v275.49c0,1.9,1.54,3.44,3.44,3.44h146.18c1.9,0,3.44-1.54,3.44-3.44v-62.05c0-1.9-1.54-3.44-3.44-3.44h-63.3c-1.9,0-3.45-1.54-3.45-3.45v-34.58c0-1.9,1.54-3.44,3.45-3.44v.18h53.63c1.9,0,3.45-1.54,3.45-3.44v-57.84c0-1.9-1.55-3.44-3.45-3.44h-53.63c-1.9,0-3.45-1.54-3.45-3.44v-31.61c0-1.9,1.54-3.44,3.45-3.44h63.3c1.9,0,3.44-1.54,3.44-3.44V6.77c0-1.9-1.54-3.44-3.44-3.44Z',\n 'M840.22,6.77c0-1.9-1.54-3.44-3.44-3.44h-175.31c-1.9,0-3.45,1.54-3.45,3.44v62c0,1.9,1.54,3.44,3.45,3.44h41.77c1.9,0,3.44,1.54,3.44,3.44v206.62c0,1.9,1.54,3.45,3.44,3.45h78.14c1.9,0,3.45-1.54,3.45-3.45V75.7c0-1.9,1.54-3.44,3.45-3.44h41.77c1.9,0,3.44-1.54,3.44-3.44h-.12V6.77h-.02Z',\n 'M607.71,3.38l-.06-.06c-23.23,0-32.59,48.08-40.22,80.25-1.38,5.82-4.74,18.31-7.75,27.31-4.44,13.26-10.68,30.43-22.21,31.93-18.85,2.47-7.14-39.43-7.14-39.43l21.67-92.98c.84-3.6-1.92-7.02-5.58-7.02h-85.49c-3.12,0-5.64,2.46-5.71,5.64l-1.68,75.09c-.48,21.25,5.64,42.31,18.37,59.37,12.72,17.05,38.81,28,63.12,25.9,52.48-7.08,65.46-70.49,68.4-71.1,3.06-.64,2.56,9.3.84,22.15-2.2,16.42-8.46,32.1-18.52,45.27-5.3,6.95-11.13,12.9-16.55,16.37-32.96,22.51-95.69,9.48-122.4-2.7-3.66-1.68-7.75,1.02-7.75,5.04l16.39,83.98c0,.84.18,1.68.54,2.4,9.48,17.83,53.31,19.33,74.43,17.77,32.18-2.04,100.37-29.35,115.32-122.33,12.17-103.08-1.14-162.91-38.06-162.84l.02-.02Z',\n];\n\nexport function buildMaytesLogo(height: string, color: string): SVGSVGElement {\n const svg = document.createElementNS(SVG_NS, 'svg');\n svg.setAttribute('xmlns', SVG_NS);\n svg.setAttribute('viewBox', '0 0 1199.47 289.04');\n svg.style.height = height;\n svg.style.width = 'auto';\n svg.style.color = color;\n for (const d of MAYTES_LOGO_PATHS) {\n const path = document.createElementNS(SVG_NS, 'path');\n path.setAttribute('fill', 'currentColor');\n path.setAttribute('d', d);\n svg.appendChild(path);\n }\n return svg;\n}\n","export const MaytesErrorCode = {\n Config: 'CONFIG',\n} as const;\n\nexport type MaytesErrorCodeValue = (typeof MaytesErrorCode)[keyof typeof MaytesErrorCode];\n\nexport class MaytesError extends Error {\n readonly code: MaytesErrorCodeValue;\n\n constructor(code: MaytesErrorCodeValue, message: string) {\n super(message);\n this.code = code;\n this.name = 'MaytesError';\n }\n}\n","import type { RedirectTarget } from './types.js';\n\nexport interface NavigationOutcome {\n target: RedirectTarget | null;\n cause?: unknown;\n}\n\nexport function isSecurityError(err: unknown): boolean {\n return typeof err === 'object' && err !== null && (err as { name?: unknown }).name === 'SecurityError';\n}\n\nexport function isFramed(): boolean {\n return window.top !== null && window.top !== window;\n}\n\nexport function sameOriginTop(): Window | null {\n if (!isFramed()) return null;\n const top = window.top as Window;\n try {\n void top.document;\n return top;\n } catch (err) {\n if (!isSecurityError(err)) throw err;\n return null;\n }\n}\n\nexport function viewportWidth(): number {\n if (!isFramed()) return window.innerWidth;\n const top = sameOriginTop();\n if (top !== null) return top.innerWidth;\n const screenWidth = window.screen?.width;\n return typeof screenWidth === 'number' && screenWidth > 0 ? screenWidth : window.innerWidth;\n}\n\nfunction navigateWindow(target: Window, url: string, replace: boolean): void {\n if (replace) {\n target.location.replace(url);\n } else {\n target.location.href = url;\n }\n}\n\nfunction severOpener(tab: Window): void {\n try {\n tab.opener = null;\n } catch (err) {\n if (!isSecurityError(err)) throw err;\n }\n}\n\nexport function navigateTopLevel(url: string, replace: boolean): NavigationOutcome {\n if (!isFramed()) {\n navigateWindow(window, url, replace);\n return { target: 'self' };\n }\n let refusal: unknown;\n try {\n navigateWindow(window.top as Window, url, replace);\n return { target: 'top' };\n } catch (err) {\n if (!isSecurityError(err)) throw err;\n refusal = err;\n }\n try {\n const tab = window.open(url, '_blank');\n if (tab !== null) {\n severOpener(tab);\n return { target: 'tab' };\n }\n return { target: null, cause: refusal };\n } catch (err) {\n return { target: null, cause: err };\n }\n}\n","import { buildMaytesLogo, MAYTES_WALLET } from './branding.js';\nimport { isSecurityError, sameOriginTop } from './framing.js';\nimport type { InstanceState } from './state.js';\n\nconst TITLE_ID = 'maytes-overlay-title';\nconst STYLE_MARKER = 'data-maytes-checkout-button-overlay-styles';\nconst NATIVE_BACKDROP_FALLBACK = 'rgba(0, 0, 0, 0.6)';\n\nfunction tryReadTopDocument(): Document | null {\n const top = sameOriginTop();\n if (top === null) return null;\n const topDoc = top.document;\n return topDoc.body !== null ? topDoc : null;\n}\n\nfunction resolveOverlayHost(): Document {\n return tryReadTopDocument() ?? document;\n}\n\nfunction ensureOverlayStylesInTopDocument(host: Document): void {\n if (host === document) return;\n if (host.querySelector(`style[${STYLE_MARKER}]`) !== null) return;\n const localStyle = document.head.querySelector('style[data-maytes-checkout-button]');\n if (localStyle === null) return;\n const copy = host.createElement('style');\n copy.setAttribute(STYLE_MARKER, '');\n const nonce = localStyle.getAttribute('nonce');\n if (nonce !== null) copy.setAttribute('nonce', nonce);\n copy.textContent = localStyle.textContent ?? '';\n host.head.appendChild(copy);\n}\n\nfunction buildOverlay(host: Document, state: InstanceState): HTMLDialogElement {\n const dialog = host.createElement('dialog');\n dialog.className = 'maytes-checkout-overlay';\n dialog.setAttribute('aria-labelledby', TITLE_ID);\n dialog.setAttribute('data-maytes-overlay', '');\n\n const content = host.createElement('div');\n content.className = 'maytes-checkout-overlay__content';\n\n const logoDiv = host.createElement('div');\n logoDiv.setAttribute('aria-hidden', 'true');\n logoDiv.appendChild(buildMaytesLogo('2.5rem', MAYTES_WALLET));\n content.appendChild(logoDiv);\n\n const spinner = host.createElement('div');\n spinner.className = 'maytes-checkout-overlay__spinner';\n spinner.setAttribute('role', 'status');\n spinner.setAttribute('aria-live', 'polite');\n spinner.setAttribute('aria-label', 'Checkout in progress');\n content.appendChild(spinner);\n\n const text = host.createElement('p');\n text.id = TITLE_ID;\n text.className = 'maytes-checkout-overlay__text';\n text.textContent = 'Completing checkout with Maytes…';\n content.appendChild(text);\n\n const link = host.createElement('button');\n link.className = 'maytes-checkout-overlay__link';\n link.type = 'button';\n link.textContent = 'Return to Maytes';\n link.addEventListener('click', () => {\n if (state.popupWindow !== null && !state.popupWindow.closed) {\n try { state.popupWindow.focus(); } catch (err) {\n if (!isSecurityError(err)) throw err;\n }\n }\n });\n content.appendChild(link);\n\n dialog.appendChild(content);\n\n dialog.addEventListener('cancel', (event) => {\n event.preventDefault();\n if (state.popupWindow !== null && !state.popupWindow.closed) state.popupWindow.close();\n hideOverlay(state);\n });\n\n return dialog;\n}\n\nfunction applyNativeBackdropFallback(dialog: HTMLDialogElement): void {\n dialog.style.background = NATIVE_BACKDROP_FALLBACK;\n}\n\nexport function showOverlay(state: InstanceState): void {\n if (state.overlayEl !== null) return;\n const host = resolveOverlayHost();\n ensureOverlayStylesInTopDocument(host);\n const dialog = buildOverlay(host, state);\n state.overlayEl = dialog;\n host.body.appendChild(dialog);\n if (typeof dialog.showModal === 'function') {\n try {\n dialog.showModal();\n } catch (err) {\n console.warn('[maytes/checkout-button] dialog.showModal failed; falling back to inline backdrop', err);\n dialog.setAttribute('open', '');\n applyNativeBackdropFallback(dialog);\n }\n } else {\n dialog.setAttribute('open', '');\n applyNativeBackdropFallback(dialog);\n }\n}\n\nexport function hideOverlay(state: InstanceState): void {\n if (state.overlayEl === null) return;\n const dialog = state.overlayEl;\n const host = dialog.ownerDocument;\n if (typeof dialog.close === 'function' && dialog.open) dialog.close();\n dialog.remove();\n if (host !== document) {\n host.head.querySelector(`style[${STYLE_MARKER}]`)?.remove();\n }\n state.overlayEl = null;\n}\n","import { MaytesError, MaytesErrorCode } from './errors.js';\nimport type { MaytesEnvironment } from './types.js';\n\nexport type InternalEnvironment = MaytesEnvironment | 'staging';\n\nconst ENVIRONMENT_BASE_URLS: Record<InternalEnvironment, string> = {\n staging: 'https://staging-checkout.maytes.co',\n sandbox: 'https://sandbox-checkout.maytes.co',\n production: 'https://checkout.maytes.co',\n};\n\nexport function isValidEnvironment(value: unknown): value is InternalEnvironment {\n return value === 'sandbox' || value === 'production' || value === 'staging';\n}\n\nexport function resolveBaseUrl(environment: InternalEnvironment, override: string | undefined): string {\n if (override !== undefined) return override;\n const url = ENVIRONMENT_BASE_URLS[environment];\n if (url === undefined) {\n throw new MaytesError(MaytesErrorCode.Config, `Unknown environment: ${String(environment)}`);\n }\n return url;\n}\n","import { MaytesError, MaytesErrorCode } from './errors.js';\nimport { resolveBaseUrl, type InternalEnvironment } from './env.js';\nimport { navigateTopLevel } from './framing.js';\nimport type { CheckoutUrlOptions, RedirectOptions } from './types.js';\n\nexport function isHttpUrl(value: string): boolean {\n let parsed: URL;\n try {\n parsed = new URL(value);\n } catch {\n return false;\n }\n return parsed.protocol === 'https:' || parsed.protocol === 'http:';\n}\n\nexport function normalizeBaseUrl(rawBaseUrl: string): string {\n const candidate = rawBaseUrl.trim().replace(/\\/+$/, '');\n let parsed: URL;\n try {\n parsed = new URL(candidate);\n } catch {\n throw new MaytesError(MaytesErrorCode.Config, `baseUrl is not a valid URL: ${candidate}`);\n }\n if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:') {\n throw new MaytesError(\n MaytesErrorCode.Config,\n `baseUrl must use http or https; got ${parsed.protocol}`,\n );\n }\n return candidate;\n}\n\nfunction requireCheckoutId(id: unknown): string {\n if (typeof id !== 'string' || id.trim().length === 0) {\n throw new MaytesError(MaytesErrorCode.Config, 'checkoutId is required (non-empty string)');\n }\n return id.trim();\n}\n\nexport function buildCheckoutUrl(\n environment: InternalEnvironment,\n baseUrlOverride: string | undefined,\n checkoutId: string,\n): string {\n const id = requireCheckoutId(checkoutId);\n const base = normalizeBaseUrl(resolveBaseUrl(environment, baseUrlOverride));\n return `${base}/?id=${encodeURIComponent(id)}`;\n}\n\nexport function performRedirect(url: string, replace: boolean): void {\n if (typeof window === 'undefined') {\n throw new MaytesError(\n MaytesErrorCode.Config,\n 'redirectToCheckout requires a browser context (window is undefined)',\n );\n }\n const outcome = navigateTopLevel(url, replace);\n if (outcome.target === null) {\n throw new MaytesError(\n MaytesErrorCode.Config,\n 'redirectToCheckout could not leave the embedding iframe; call it from a user gesture or from the top-level page',\n );\n }\n}\n\nexport function makeRedirect(\n environment: InternalEnvironment,\n baseUrlOverride: string | undefined,\n) {\n return {\n checkoutUrl(opts: CheckoutUrlOptions): string {\n return buildCheckoutUrl(environment, baseUrlOverride, opts.checkoutId);\n },\n redirectToCheckout(opts: RedirectOptions): void {\n const url = buildCheckoutUrl(environment, baseUrlOverride, opts.checkoutId);\n performRedirect(url, opts.replace === true);\n },\n };\n}\n","export const SDK_VERSION = '1.1.0';\n","import { foundation } from './foundation/brand.generated.js';\nimport { SDK_VERSION } from './version.js';\n\nconst STYLE_ATTR = 'data-maytes-checkout-button';\nconst STYLE_SELECTOR = `style[${STYLE_ATTR}=\"${SDK_VERSION}\"]`;\nconst REFCOUNT_KEY = `__maytes_checkout_button_styles_refs_${SDK_VERSION}__`;\n\ninterface RefCountWindow extends Window {\n [REFCOUNT_KEY]?: number;\n}\n\n// WEB-LOCAL: no foundation role (a11y focus ring); see MOB-994\nconst FOCUS_RING = '#6b8aff';\n\nconst BUTTON_CSS = `\n.maytes-checkout-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.57em;\n padding: 0.71em 1.29em;\n border: none;\n border-radius: 999px;\n background: ${foundation.brand.primary};\n color: ${foundation.text.primaryInverse};\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n font-size: var(--maytes-button-font-size, 14px);\n font-weight: 600;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n transition: background-color 120ms ease, opacity 120ms ease;\n}\n.maytes-checkout-button:hover { background: ${foundation.palette.burgundy[700]}; }\n.maytes-checkout-button:focus-visible {\n outline: 2px solid ${FOCUS_RING};\n outline-offset: 2px;\n}\n.maytes-checkout-button[aria-disabled='true'] {\n cursor: progress;\n opacity: 0.7;\n}\n.maytes-checkout-button--block {\n display: flex;\n width: 100%;\n}\n.maytes-checkout-button__logo { height: 1em; width: auto; flex: none; }\n.maytes-checkout-button__spinner {\n height: 1em;\n width: 1em;\n border-radius: 50%;\n border: 0.14em solid currentColor;\n border-right-color: transparent;\n animation: maytes-checkout-button-spin 0.7s linear infinite;\n}\n@keyframes maytes-checkout-button-spin {\n to { transform: rotate(360deg); }\n}\n.maytes-checkout-overlay {\n position: fixed;\n inset: 0;\n width: 100vw;\n height: 100vh;\n max-width: 100vw;\n max-height: 100vh;\n margin: 0;\n padding: 0;\n border: none;\n background: transparent;\n z-index: 2147483646;\n font: 500 15px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n.maytes-checkout-overlay[open] {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.maytes-checkout-overlay::backdrop {\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n}\n.maytes-checkout-overlay__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n}\n.maytes-checkout-overlay__spinner {\n width: 2.5rem;\n height: 2.5rem;\n border: 4px solid rgba(255, 255, 255, 0.3);\n border-top-color: ${foundation.brand.secondary};\n border-radius: 50%;\n animation: maytes-checkout-button-spin 0.8s linear infinite;\n}\n.maytes-checkout-overlay__text {\n color: ${foundation.text.primaryInverse};\n font-size: 1.125rem;\n font-weight: 500;\n margin: 0;\n}\n.maytes-checkout-overlay__link {\n color: rgba(255, 255, 255, 0.7);\n font-size: 0.875rem;\n text-decoration: underline;\n text-underline-offset: 4px;\n background: none;\n border: none;\n cursor: pointer;\n font-family: inherit;\n transition: color 0.15s;\n}\n.maytes-checkout-overlay__link:hover { color: ${foundation.text.primaryInverse}; }\n@media (prefers-reduced-motion: reduce) {\n .maytes-checkout-overlay__spinner,\n .maytes-checkout-button__spinner { animation: none; }\n}\n`;\n\nexport const POPUP_LOADING_CSS = `\n:root { color-scheme: light; }\nhtml, body { margin: 0; height: 100%; }\nbody.maytes-popup-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background: ${foundation.brand.primary};\n color: ${foundation.text.primaryInverse};\n font: 500 16px/1.45 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n.maytes-popup-loading__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n padding: 2rem;\n text-align: center;\n}\n.maytes-popup-loading__logo { height: 2.75rem; width: auto; }\n.maytes-popup-loading__spinner {\n width: 2.5rem;\n height: 2.5rem;\n border: 4px solid rgba(255, 255, 255, 0.25);\n border-top-color: ${foundation.brand.secondary};\n border-radius: 50%;\n animation: maytes-checkout-button-spin 0.8s linear infinite;\n}\n@keyframes maytes-checkout-button-spin {\n to { transform: rotate(360deg); }\n}\n.maytes-popup-loading__text { margin: 0; font-size: 1.05rem; font-weight: 500; }\n.maytes-popup-loading__slow {\n margin: 0;\n font-size: 0.9rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.75);\n max-width: 22rem;\n}\n.maytes-popup-loading__slow[hidden] { display: none; }\n@media (prefers-reduced-motion: reduce) {\n .maytes-popup-loading__spinner { animation: none; }\n}\n`;\n\nfunction getRefCount(): number {\n const w = window as RefCountWindow;\n return w[REFCOUNT_KEY] ?? 0;\n}\n\nfunction setRefCount(value: number): void {\n const w = window as RefCountWindow;\n w[REFCOUNT_KEY] = value;\n}\n\nexport function ensureStylesInjected(cspNonce: string | undefined): void {\n const next = getRefCount() + 1;\n setRefCount(next);\n if (document.head.querySelector(STYLE_SELECTOR) !== null) return;\n const el = document.createElement('style');\n el.setAttribute(STYLE_ATTR, SDK_VERSION);\n if (cspNonce !== undefined && cspNonce !== '') el.setAttribute('nonce', cspNonce);\n el.textContent = BUTTON_CSS;\n document.head.appendChild(el);\n}\n\nexport function releaseStyles(): void {\n const next = Math.max(0, getRefCount() - 1);\n setRefCount(next);\n if (next > 0) return;\n const el = document.head.querySelector(STYLE_SELECTOR);\n if (el !== null) el.remove();\n}\n\nexport function resetStylesForTests(): void {\n setRefCount(0);\n document.head.querySelectorAll(`style[${STYLE_ATTR}]`).forEach((el) => el.remove());\n}\n","import { buildMaytesLogo } from './branding.js';\nimport { foundation } from './foundation/brand.generated.js';\nimport { MaytesError, MaytesErrorCode } from './errors.js';\nimport { isSecurityError, navigateTopLevel, viewportWidth } from './framing.js';\nimport { hideOverlay, showOverlay } from './overlay.js';\nimport { buildCheckoutUrl, isHttpUrl } from './redirect.js';\nimport { ensureStylesInjected, POPUP_LOADING_CSS, releaseStyles } from './styles.js';\nimport type { InstanceState } from './state.js';\nimport type {\n CheckoutFailedReason,\n CheckoutRedirectedDetail,\n RedirectTarget,\n RenderButtonCleanup,\n RenderButtonMode,\n RenderButtonOptions,\n} from './types.js';\n\nconst POPUP_WIDTH = 500;\nconst POPUP_HEIGHT = 800;\nconst POPUP_POLL_INTERVAL_MS = 500;\nconst MOBILE_MAX_WIDTH = 600;\nconst SLOW_NETWORK_DELAY_MS = 8000;\n\nfunction buildLogo(): SVGSVGElement {\n const svg = buildMaytesLogo('1em', 'currentColor');\n svg.setAttribute('class', 'maytes-checkout-button__logo');\n svg.setAttribute('aria-hidden', 'true');\n return svg;\n}\n\nfunction buildSpinner(): HTMLSpanElement {\n const spinner = document.createElement('span');\n spinner.className = 'maytes-checkout-button__spinner';\n spinner.setAttribute('aria-hidden', 'true');\n return spinner;\n}\n\nfunction isValidCheckoutResult(value: unknown): value is { checkoutId: string; checkoutUrl?: string } {\n if (typeof value !== 'object' || value === null) return false;\n const obj = value as { checkoutId?: unknown; checkoutUrl?: unknown };\n if (typeof obj.checkoutId !== 'string' || obj.checkoutId.trim().length === 0) return false;\n if (obj.checkoutUrl !== undefined) {\n if (typeof obj.checkoutUrl !== 'string' || obj.checkoutUrl.trim().length === 0) return false;\n if (!isHttpUrl(obj.checkoutUrl)) return false;\n }\n return true;\n}\n\nfunction refocusPopup(popup: Window): void {\n try { popup.focus(); } catch (err) {\n if (!isSecurityError(err)) throw err;\n }\n}\n\nexport function closePopupWindow(popup: Window | null): void {\n if (popup === null) return;\n try {\n if (!popup.closed) popup.close();\n } catch (err) {\n if (!isSecurityError(err)) throw err;\n }\n}\n\nfunction popupFeatures(): string {\n const screenWidth = window.screen?.width ?? POPUP_WIDTH;\n const screenHeight = window.screen?.height ?? POPUP_HEIGHT;\n const left = Math.max(0, Math.round((screenWidth - POPUP_WIDTH) / 2));\n const top = Math.max(0, Math.round((screenHeight - POPUP_HEIGHT) / 2));\n return `popup=yes,width=${POPUP_WIDTH},height=${POPUP_HEIGHT},left=${left},top=${top},resizable=yes,scrollbars=yes`;\n}\n\nexport function stopPopupPoll(state: InstanceState): void {\n if (state.popupPollHandle !== null) {\n clearInterval(state.popupPollHandle);\n state.popupPollHandle = null;\n }\n}\n\nfunction startPopupPoll(state: InstanceState, onClose: () => void): void {\n stopPopupPoll(state);\n state.popupPollHandle = setInterval(() => {\n const popup = state.popupWindow;\n if (popup === null || popup.closed) {\n stopPopupPoll(state);\n state.popupWindow = null;\n onClose();\n }\n }, POPUP_POLL_INTERVAL_MS);\n}\n\nfunction isMobileViewport(): boolean {\n return viewportWidth() <= MOBILE_MAX_WIDTH;\n}\n\nfunction openBlankPopup(state: InstanceState): Window | null {\n return window.open('about:blank', state.popupName, popupFeatures());\n}\n\nfunction navigatePopup(popup: Window, url: string): void {\n popup.location.replace(url);\n}\n\nfunction removePopupChildren(doc: Document): void {\n while (doc.body.firstChild !== null) doc.body.removeChild(doc.body.firstChild);\n}\n\nfunction paintPopupLoadingScreen(popup: Window, cspNonce: string | undefined): void {\n const doc = popup.document as Document | null;\n if (doc === null || doc.head === null || doc.body === null) return;\n doc.title = 'Maytes checkout';\n doc.documentElement.lang = 'en';\n const style = doc.createElement('style');\n if (cspNonce !== undefined && cspNonce !== '') style.setAttribute('nonce', cspNonce);\n style.textContent = POPUP_LOADING_CSS;\n doc.head.appendChild(style);\n\n doc.body.classList.add('maytes-popup-loading');\n removePopupChildren(doc);\n\n const content = doc.createElement('main');\n content.className = 'maytes-popup-loading__content';\n content.setAttribute('role', 'status');\n content.setAttribute('aria-live', 'polite');\n\n const logo = buildMaytesLogo('2.75rem', foundation.text.primaryInverse);\n logo.setAttribute('class', 'maytes-popup-loading__logo');\n logo.setAttribute('aria-hidden', 'true');\n content.appendChild(logo);\n\n const spinner = doc.createElement('div');\n spinner.className = 'maytes-popup-loading__spinner';\n spinner.setAttribute('aria-hidden', 'true');\n content.appendChild(spinner);\n\n const text = doc.createElement('p');\n text.className = 'maytes-popup-loading__text';\n text.textContent = 'Completing checkout with Maytes…';\n content.appendChild(text);\n\n const slow = doc.createElement('p');\n slow.className = 'maytes-popup-loading__slow';\n slow.hidden = true;\n slow.textContent = 'Still connecting. This can take a moment on slow networks.';\n content.appendChild(slow);\n\n doc.body.appendChild(content);\n setTimeout(() => { slow.hidden = false; }, SLOW_NETWORK_DELAY_MS);\n}\n\nexport function renderButton(\n state: InstanceState,\n container: HTMLElement,\n options: RenderButtonOptions = {},\n): RenderButtonCleanup {\n if (state.destroyed) {\n throw new MaytesError(\n MaytesErrorCode.Config,\n 'renderButton() called on a destroyed Maytes instance',\n );\n }\n if (!(container instanceof HTMLElement)) {\n throw new MaytesError(MaytesErrorCode.Config, 'renderButton(container) requires an HTMLElement');\n }\n\n ensureStylesInjected(state.config.cspNonce);\n\n const label = options.label ?? 'Split with';\n const block = options.block === true;\n const mode: RenderButtonMode = options.mode ?? 'popup';\n if (mode !== 'redirect' && mode !== 'popup') {\n throw new MaytesError(\n MaytesErrorCode.Config,\n \"renderButton({ mode }) must be 'redirect' or 'popup'\",\n );\n }\n\n const button = document.createElement('button');\n button.type = 'button';\n button.className = block\n ? 'maytes-checkout-button maytes-checkout-button--block'\n : 'maytes-checkout-button';\n button.setAttribute('aria-label', `${label} Maytes`);\n\n const labelNode = document.createTextNode(`${label} `);\n const logo = buildLogo();\n button.appendChild(labelNode);\n button.appendChild(logo);\n\n const setBusy = (busy: boolean) => {\n state.busy = busy;\n if (busy) {\n button.setAttribute('aria-disabled', 'true');\n button.setAttribute('aria-busy', 'true');\n logo.replaceWith(buildSpinner());\n } else {\n button.removeAttribute('aria-disabled');\n button.removeAttribute('aria-busy');\n const currentIndicator = button.querySelector('.maytes-checkout-button__spinner, .maytes-checkout-button__logo');\n if (currentIndicator !== null) currentIndicator.replaceWith(buildLogo());\n }\n };\n\n const teardownActiveCheckout = () => {\n hideOverlay(state);\n setBusy(false);\n };\n\n const onPopupClosed = () => {\n teardownActiveCheckout();\n document.dispatchEvent(new CustomEvent('maytes:checkout-closed'));\n };\n\n const dispatchFailed = (reason: CheckoutFailedReason, cause?: unknown): void => {\n document.dispatchEvent(new CustomEvent('maytes:checkout-failed', {\n detail: cause === undefined ? { reason } : { reason, cause },\n }));\n };\n\n const dispatchRedirected = (url: string, target: RedirectTarget): void => {\n const detail: CheckoutRedirectedDetail = { url, target };\n document.dispatchEvent(new CustomEvent('maytes:checkout-redirected', { detail }));\n };\n\n const navigateAway = (url: string): void => {\n const outcome = navigateTopLevel(url, false);\n teardownActiveCheckout();\n if (outcome.target === null) {\n console.error('[maytes/checkout-button] could not leave the embedding frame:', outcome.cause);\n dispatchFailed('navigation-blocked', outcome.cause);\n return;\n }\n dispatchRedirected(url, outcome.target);\n };\n\n const closeOrphanPopup = (popup: Window | null): void => {\n closePopupWindow(popup);\n stopPopupPoll(state);\n if (state.popupWindow === popup) state.popupWindow = null;\n teardownActiveCheckout();\n };\n\n const handleClick = async (): Promise<void> => {\n if (state.busy || state.destroyed) return;\n setBusy(true);\n const shouldUsePopup = mode === 'popup' && !isMobileViewport();\n const popup = shouldUsePopup ? openBlankPopup(state) : null;\n if (popup !== null) {\n state.popupWindow = popup;\n state.popupNavigated = false;\n refocusPopup(popup);\n paintPopupLoadingScreen(popup, state.config.cspNonce);\n showOverlay(state);\n document.dispatchEvent(new CustomEvent('maytes:checkout-opened'));\n startPopupPoll(state, onPopupClosed);\n }\n try {\n const result = await state.config.createCheckout();\n if (state.destroyed || (popup !== null && popup.closed)) {\n closePopupWindow(popup);\n return;\n }\n if (!isValidCheckoutResult(result)) {\n closeOrphanPopup(popup);\n const shapeError = new MaytesError(\n MaytesErrorCode.Config,\n 'createCheckout must resolve to { checkoutId: string, checkoutUrl?: http(s) URL }',\n );\n console.error(shapeError);\n dispatchFailed('invalid-shape', shapeError);\n return;\n }\n const url = result.checkoutUrl ?? buildCheckoutUrl(\n state.config.environment,\n state.config.baseUrl,\n result.checkoutId,\n );\n if (popup !== null) {\n state.popupNavigated = true;\n navigatePopup(popup, url);\n } else {\n if (shouldUsePopup) {\n console.warn('[maytes/checkout-button] popup was blocked; redirecting instead');\n }\n navigateAway(url);\n }\n } catch (err) {\n if (popup !== null && popup.closed) return;\n closeOrphanPopup(popup);\n console.error('[maytes/checkout-button] createCheckout failed:', err);\n dispatchFailed('create-checkout-rejected', err);\n }\n };\n\n button.addEventListener('click', handleClick);\n container.appendChild(button);\n\n let cleaned = false;\n const teardown = (): void => {\n if (cleaned) return;\n cleaned = true;\n button.removeEventListener('click', handleClick);\n button.remove();\n state.teardowns.delete(teardown);\n releaseStyles();\n };\n state.teardowns.add(teardown);\n\n return teardown;\n}\n","import type { MaytesOptions, MaytesInternalOptions } from './types.js';\n\nexport interface InstanceState {\n config: MaytesOptions & MaytesInternalOptions;\n busy: boolean;\n overlayEl: HTMLDialogElement | null;\n popupWindow: Window | null;\n popupNavigated: boolean;\n popupName: string;\n popupPollHandle: ReturnType<typeof setInterval> | null;\n destroyed: boolean;\n teardowns: Set<() => void>;\n}\n\nfunction popupNameSuffix(): string {\n return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction generatePopupName(): string {\n if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n try {\n return `maytes-checkout-${crypto.randomUUID()}`;\n } catch {\n return `maytes-checkout-${popupNameSuffix()}`;\n }\n }\n return `maytes-checkout-${popupNameSuffix()}`;\n}\n\nexport function createInstanceState(\n options: MaytesOptions,\n internal: MaytesInternalOptions | undefined,\n): InstanceState {\n const config: MaytesOptions & MaytesInternalOptions = {\n createCheckout: options.createCheckout,\n environment: options.environment,\n };\n if (internal?.baseUrl !== undefined) config.baseUrl = internal.baseUrl;\n if (internal?.cspNonce !== undefined) config.cspNonce = internal.cspNonce;\n return {\n config,\n busy: false,\n overlayEl: null,\n popupWindow: null,\n popupNavigated: false,\n popupName: generatePopupName(),\n popupPollHandle: null,\n destroyed: false,\n teardowns: new Set(),\n };\n}\n","import { closePopupWindow, renderButton, stopPopupPoll } from './button.js';\nimport { isValidEnvironment } from './env.js';\nimport { MaytesError, MaytesErrorCode } from './errors.js';\nimport { hideOverlay } from './overlay.js';\nimport { makeRedirect, normalizeBaseUrl } from './redirect.js';\nimport { createInstanceState } from './state.js';\nimport type {\n MaytesFactory,\n MaytesInternalOptions,\n MaytesOptions,\n MaytesSDK,\n} from './types.js';\n\nfunction validateOptions(options: MaytesOptions): void {\n if (typeof options !== 'object' || options === null) {\n throw new MaytesError(MaytesErrorCode.Config, 'Maytes() requires an options object');\n }\n if (typeof options.createCheckout !== 'function') {\n throw new MaytesError(\n MaytesErrorCode.Config,\n 'Maytes({ createCheckout }) must be an async function returning { checkoutId }',\n );\n }\n if (!isValidEnvironment(options.environment)) {\n throw new MaytesError(\n MaytesErrorCode.Config,\n \"Maytes({ environment }) must be 'sandbox' or 'production'\",\n );\n }\n}\n\nfunction validateInternalOptions(internal: MaytesInternalOptions | undefined): void {\n if (internal === undefined) return;\n if (internal.baseUrl !== undefined) normalizeBaseUrl(internal.baseUrl);\n}\n\nexport const Maytes: MaytesFactory = (options, internal) => {\n validateOptions(options);\n validateInternalOptions(internal);\n\n const state = createInstanceState(options, internal);\n const { checkoutUrl, redirectToCheckout } = makeRedirect(\n state.config.environment,\n state.config.baseUrl,\n );\n\n const sdk: MaytesSDK = {\n renderButton(container, opts) {\n return renderButton(state, container, opts);\n },\n redirectToCheckout(opts) {\n redirectToCheckout(opts);\n },\n checkoutUrl(opts) {\n return checkoutUrl(opts);\n },\n destroy() {\n if (state.destroyed) return;\n state.destroyed = true;\n stopPopupPoll(state);\n hideOverlay(state);\n if (!state.popupNavigated) closePopupWindow(state.popupWindow);\n state.popupWindow = null;\n state.busy = false;\n for (const teardown of [...state.teardowns]) teardown();\n state.teardowns.clear();\n },\n };\n\n return sdk;\n};\n"],"mappings":"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","names":[]}
|