@inttegro/vue 0.4.0 → 0.5.2
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 +3 -2
- package/dist/index.cjs +8 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -5
- package/dist/index.d.ts +10 -5
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -14,8 +14,9 @@ import { Checkout } from '@inttegro/vue'
|
|
|
14
14
|
</template>
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
For a
|
|
18
|
-
|
|
17
|
+
For a Buy link, pass `purchase-intent-id` instead of `order-id`. Fixed pricing
|
|
18
|
+
continues directly to payment; customer-selected pricing renders the amount
|
|
19
|
+
picker first. This works in both embedded and modal presentations:
|
|
19
20
|
|
|
20
21
|
```vue
|
|
21
22
|
<Checkout :purchase-intent-id="purchaseIntentId" presentation="modal" />
|
package/dist/index.cjs
CHANGED
|
@@ -45,7 +45,8 @@ var Checkout = (0, import_vue.defineComponent)({
|
|
|
45
45
|
emits: {
|
|
46
46
|
canceled: (_event) => true,
|
|
47
47
|
completed: (_event) => true,
|
|
48
|
-
|
|
48
|
+
failed: (_event) => true,
|
|
49
|
+
error: (_error) => true,
|
|
49
50
|
event: (_event) => true,
|
|
50
51
|
ready: (_event) => true
|
|
51
52
|
},
|
|
@@ -66,6 +67,7 @@ var Checkout = (0, import_vue.defineComponent)({
|
|
|
66
67
|
const target = container.value;
|
|
67
68
|
const currentGeneration = generation;
|
|
68
69
|
let canceled = false;
|
|
70
|
+
let failed = false;
|
|
69
71
|
if (!target) return;
|
|
70
72
|
try {
|
|
71
73
|
const inttegro = await (0, import_js.loadInttegro)();
|
|
@@ -94,12 +96,15 @@ var Checkout = (0, import_vue.defineComponent)({
|
|
|
94
96
|
}
|
|
95
97
|
if (event.type === "ready") emit("ready", event);
|
|
96
98
|
if (event.type === "completed") emit("completed", event);
|
|
97
|
-
if (event.type === "
|
|
99
|
+
if (event.type === "failed") {
|
|
100
|
+
failed = true;
|
|
101
|
+
emit("failed", event);
|
|
102
|
+
}
|
|
98
103
|
});
|
|
99
104
|
if (props.presentation === "modal") await instance.present();
|
|
100
105
|
else await instance.mount(target);
|
|
101
106
|
} catch (error) {
|
|
102
|
-
if (generation !== currentGeneration || canceled) return;
|
|
107
|
+
if (generation !== currentGeneration || canceled || failed) return;
|
|
103
108
|
emit(
|
|
104
109
|
"error",
|
|
105
110
|
error instanceof Error ? error : new Error("Checkout failed to load.")
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/Checkout.ts"],"sourcesContent":["/**\n * Vue component adapter for Inttegro-hosted Checkout.\n *\n * @module @inttegro/vue\n */\nexport {\n Checkout,\n type CheckoutExposed,\n type CheckoutProps,\n type CheckoutPropsBase,\n} from './Checkout'\nexport type {\n CheckoutAppearance,\n CheckoutErrorEvent,\n CheckoutEvent,\n CheckoutFeatures,\n CheckoutPresentation,\n CheckoutTheme,\n} from '@inttegro/js'\n","import {\n loadInttegro,\n type CheckoutAppearance,\n type CheckoutController,\n type CheckoutErrorEvent,\n type CheckoutEvent,\n type CheckoutFeatures,\n type CheckoutOptions,\n type CheckoutPresentation,\n} from '@inttegro/js'\nimport {\n defineComponent,\n h,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n type PropType,\n} from 'vue'\n\n/**\n * Props accepted by the Inttegro {@link Checkout} component.\n *\n * Changing `features`, the Checkout reference, `presentation`, `timeout`, or\n * `title` replaces the hosted controller. Changing `appearance` or `locale`\n * updates it in place, preserving payer progress where the hosted flow permits.\n *\n * @category Vue\n */\nexport interface CheckoutPropsBase {\n /** Initial and reactive theme preference for hosted Checkout. */\n appearance?: CheckoutAppearance | undefined\n /** Hosted Checkout content and actions. Changing it replaces the controller. */\n features?: CheckoutFeatures | undefined\n /** Initial and reactive BCP 47 locale preference. */\n locale?: string | undefined\n /** Displays Checkout inline by default or in an Inttegro-managed modal. */\n presentation?: CheckoutPresentation | undefined\n /** Mount timeout from 1,000–60,000 ms; defaults to 15,000 ms. */\n timeout?: number | undefined\n /** Accessible iframe title; defaults to `Checkout`. */\n title?: string | undefined\n}\n\nexport type CheckoutProps = CheckoutPropsBase &\n (\n | { orderId: string; purchaseIntentId?: never }\n | { orderId?: never; purchaseIntentId: string }\n )\n\n/**\n * Imperative operations exposed by {@link Checkout} through a Vue template ref.\n *\n * @category Vue\n */\nexport interface CheckoutExposed {\n /** Closes managed modal Checkout when it is open. */\n dismiss(): void\n /** Moves focus into Checkout when the controller is ready; otherwise does nothing. */\n focus(): void\n /** Applies a new locale or theme when a controller exists. */\n update(options: Parameters<CheckoutController['update']>[0]): void\n}\n\n/**\n * Displays Inttegro-hosted Checkout in a Vue application.\n *\n * The component owns the loader and controller lifecycle. It emits:\n *\n * - `ready` once the iframe is interactive;\n * - `event` for every sanitized Checkout lifecycle event;\n * - `canceled` when a payer dismisses managed modal Checkout;\n * - `completed` at the successful hosted terminal state; and\n * - `error` for loader/mount failures or sanitized hosted errors.\n *\n * Keep the component mounted while payment or confirmation is pending. On\n * unmount it removes its event subscription and permanently destroys the\n * controller.\n *\n * @example Use native Vue events\n * ```vue\n * <script setup lang=\"ts\">\n * import { ref } from 'vue'\n * import { Checkout, type CheckoutExposed } from '@inttegro/vue'\n *\n * const props = defineProps<{ orderId: string }>()\n * const checkout = ref<CheckoutExposed>()\n * </script>\n *\n * <template>\n * <Checkout\n * ref=\"checkout\"\n * :order-id=\"props.orderId\"\n * presentation=\"modal\"\n * :appearance=\"{ theme: 'system' }\"\n * @ready=\"checkout?.focus()\"\n * @completed=\"$router.push('/orders/complete')\"\n * @error=\"reportCheckoutError\"\n * />\n * </template>\n * ```\n *\n * @category Vue\n */\nexport const Checkout = defineComponent({\n name: 'InttegroCheckout',\n props: {\n appearance: Object as PropType<CheckoutAppearance>,\n features: Object as PropType<CheckoutFeatures>,\n locale: String,\n orderId: String,\n purchaseIntentId: String,\n presentation: {\n type: String as PropType<CheckoutPresentation>,\n default: 'embedded',\n },\n timeout: Number,\n title: String,\n },\n emits: {\n canceled: (_event: Extract<CheckoutEvent, { type: 'canceled' }>) => true,\n completed: (_event: Extract<CheckoutEvent, { type: 'completed' }>) => true,\n error: (_event: CheckoutErrorEvent | Error) => true,\n event: (_event: CheckoutEvent) => true,\n ready: (_event: Extract<CheckoutEvent, { type: 'ready' }>) => true,\n },\n setup(props, { emit, expose }) {\n const container = ref<HTMLElement>()\n let checkout: CheckoutController | undefined\n let unsubscribe: (() => void) | undefined\n let generation = 0\n\n function destroyCheckout() {\n generation += 1\n unsubscribe?.()\n unsubscribe = undefined\n checkout?.destroy()\n checkout = undefined\n }\n\n async function mountCheckout() {\n destroyCheckout()\n const target = container.value\n const currentGeneration = generation\n let canceled = false\n if (!target) return\n try {\n const inttegro = await loadInttegro()\n if (generation !== currentGeneration || !inttegro) return\n const instance = inttegro.createCheckout(\n definedOptions({\n appearance: props.appearance,\n features: props.features,\n locale: props.locale,\n orderId: props.orderId,\n purchaseIntentId: props.purchaseIntentId,\n timeout: props.timeout,\n title: props.title,\n }) as CheckoutOptions,\n )\n if (generation !== currentGeneration) {\n instance.destroy()\n return\n }\n checkout = instance\n unsubscribe = instance.onEvent((event) => {\n emit('event', event)\n if (event.type === 'canceled') {\n canceled = true\n emit('canceled', event)\n }\n if (event.type === 'ready') emit('ready', event)\n if (event.type === 'completed') emit('completed', event)\n if (event.type === 'error') emit('error', event)\n })\n if (props.presentation === 'modal') await instance.present()\n else await instance.mount(target)\n } catch (error: unknown) {\n if (generation !== currentGeneration || canceled) return\n emit(\n 'error',\n error instanceof Error\n ? error\n : new Error('Checkout failed to load.'),\n )\n }\n }\n\n onMounted(mountCheckout)\n onBeforeUnmount(destroyCheckout)\n\n watch(\n () => [\n props.features,\n props.orderId,\n props.purchaseIntentId,\n props.presentation,\n props.timeout,\n props.title,\n ],\n () => void mountCheckout(),\n )\n watch(\n () => [props.appearance, props.locale] as const,\n ([appearance, locale]) => {\n checkout?.update(definedOptions({ appearance, locale }))\n },\n { deep: true },\n )\n\n expose({\n dismiss: () => checkout?.dismiss(),\n focus: () => checkout?.focus(),\n update: (options: Parameters<CheckoutController['update']>[0]) =>\n checkout?.update(options),\n })\n\n return () => h('div', { ref: container })\n },\n})\n\nfunction definedOptions<Value extends object>(options: Value): Value {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as Value\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,gBASO;AACP,iBAQO;AAsFA,IAAM,eAAW,4BAAgB;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,UAAU,CAAC,WAAyD;AAAA,IACpE,WAAW,CAAC,WAA0D;AAAA,IACtE,OAAO,CAAC,WAAuC;AAAA,IAC/C,OAAO,CAAC,WAA0B;AAAA,IAClC,OAAO,CAAC,WAAsD;AAAA,EAChE;AAAA,EACA,MAAM,OAAO,EAAE,MAAM,OAAO,GAAG;AAC7B,UAAM,gBAAY,gBAAiB;AACnC,QAAI;AACJ,QAAI;AACJ,QAAI,aAAa;AAEjB,aAAS,kBAAkB;AACzB,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,gBAAU,QAAQ;AAClB,iBAAW;AAAA,IACb;AAEA,mBAAe,gBAAgB;AAC7B,sBAAgB;AAChB,YAAM,SAAS,UAAU;AACzB,YAAM,oBAAoB;AAC1B,UAAI,WAAW;AACf,UAAI,CAAC,OAAQ;AACb,UAAI;AACF,cAAM,WAAW,UAAM,wBAAa;AACpC,YAAI,eAAe,qBAAqB,CAAC,SAAU;AACnD,cAAM,WAAW,SAAS;AAAA,UACxB,eAAe;AAAA,YACb,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,QAAQ,MAAM;AAAA,YACd,SAAS,MAAM;AAAA,YACf,kBAAkB,MAAM;AAAA,YACxB,SAAS,MAAM;AAAA,YACf,OAAO,MAAM;AAAA,UACf,CAAC;AAAA,QACH;AACA,YAAI,eAAe,mBAAmB;AACpC,mBAAS,QAAQ;AACjB;AAAA,QACF;AACA,mBAAW;AACX,sBAAc,SAAS,QAAQ,CAAC,UAAU;AACxC,eAAK,SAAS,KAAK;AACnB,cAAI,MAAM,SAAS,YAAY;AAC7B,uBAAW;AACX,iBAAK,YAAY,KAAK;AAAA,UACxB;AACA,cAAI,MAAM,SAAS,QAAS,MAAK,SAAS,KAAK;AAC/C,cAAI,MAAM,SAAS,YAAa,MAAK,aAAa,KAAK;AACvD,cAAI,MAAM,SAAS,QAAS,MAAK,SAAS,KAAK;AAAA,QACjD,CAAC;AACD,YAAI,MAAM,iBAAiB,QAAS,OAAM,SAAS,QAAQ;AAAA,YACtD,OAAM,SAAS,MAAM,MAAM;AAAA,MAClC,SAAS,OAAgB;AACvB,YAAI,eAAe,qBAAqB,SAAU;AAClD;AAAA,UACE;AAAA,UACA,iBAAiB,QACb,QACA,IAAI,MAAM,0BAA0B;AAAA,QAC1C;AAAA,MACF;AAAA,IACF;AAEA,8BAAU,aAAa;AACvB,oCAAgB,eAAe;AAE/B;AAAA,MACE,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,MAAM,KAAK,cAAc;AAAA,IAC3B;AACA;AAAA,MACE,MAAM,CAAC,MAAM,YAAY,MAAM,MAAM;AAAA,MACrC,CAAC,CAAC,YAAY,MAAM,MAAM;AACxB,kBAAU,OAAO,eAAe,EAAE,YAAY,OAAO,CAAC,CAAC;AAAA,MACzD;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAEA,WAAO;AAAA,MACL,SAAS,MAAM,UAAU,QAAQ;AAAA,MACjC,OAAO,MAAM,UAAU,MAAM;AAAA,MAC7B,QAAQ,CAAC,YACP,UAAU,OAAO,OAAO;AAAA,IAC5B,CAAC;AAED,WAAO,UAAM,cAAE,OAAO,EAAE,KAAK,UAAU,CAAC;AAAA,EAC1C;AACF,CAAC;AAED,SAAS,eAAqC,SAAuB;AACnE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACnE;AACF;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/Checkout.ts"],"sourcesContent":["/**\n * Vue component adapter for Inttegro-hosted Checkout.\n *\n * @module @inttegro/vue\n */\nexport {\n Checkout,\n type CheckoutExposed,\n type CheckoutProps,\n type CheckoutPropsBase,\n} from './Checkout'\nexport type {\n CheckoutAppearance,\n CheckoutEvent,\n CheckoutFailedEvent,\n CheckoutOrder,\n CheckoutFeatures,\n CheckoutPresentation,\n CheckoutTheme,\n} from '@inttegro/js'\n","import {\n loadInttegro,\n type CheckoutAppearance,\n type CheckoutController,\n type CheckoutEvent,\n type CheckoutFeatures,\n type CheckoutOptions,\n type CheckoutPresentation,\n} from '@inttegro/js'\nimport {\n defineComponent,\n h,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n type PropType,\n} from 'vue'\n\n/**\n * Props accepted by the Inttegro {@link Checkout} component.\n *\n * Changing `features`, the Checkout reference, `presentation`, `timeout`, or\n * `title` replaces the hosted controller. Changing `appearance` or `locale`\n * updates it in place, preserving payer progress where the hosted flow permits.\n *\n * @category Vue\n */\nexport interface CheckoutPropsBase {\n /** Initial and reactive theme preference for hosted Checkout. */\n appearance?: CheckoutAppearance | undefined\n /** Hosted Checkout content and actions. Changing it replaces the controller. */\n features?: CheckoutFeatures | undefined\n /** Initial and reactive BCP 47 locale preference. */\n locale?: string | undefined\n /** Displays Checkout inline by default or in an Inttegro-managed modal. */\n presentation?: CheckoutPresentation | undefined\n /** Mount timeout from 1,000–60,000 ms; defaults to 15,000 ms. */\n timeout?: number | undefined\n /** Accessible iframe title; defaults to `Checkout`. */\n title?: string | undefined\n}\n\nexport type CheckoutProps = CheckoutPropsBase &\n (\n | { orderId: string; purchaseIntentId?: never }\n | { orderId?: never; purchaseIntentId: string }\n )\n\n/**\n * Imperative operations exposed by {@link Checkout} through a Vue template ref.\n *\n * @category Vue\n */\nexport interface CheckoutExposed {\n /** Closes managed modal Checkout when it is open. */\n dismiss(): void\n /** Moves focus into Checkout when the controller is ready; otherwise does nothing. */\n focus(): void\n /** Applies a new locale or theme when a controller exists. */\n update(options: Parameters<CheckoutController['update']>[0]): void\n}\n\n/**\n * Displays Inttegro-hosted Checkout in a Vue application.\n *\n * The component owns the loader and controller lifecycle. It emits:\n *\n * - `ready` once the iframe is interactive;\n * - `event` for every sanitized Checkout lifecycle event;\n * - `canceled` when a payer dismisses managed modal Checkout;\n * - `completed` at the successful hosted terminal state; and\n * - `failed` for terminal Checkout failure.\n * - `error` for loader or mount failures.\n *\n * Keep the component mounted while payment or confirmation is pending. On\n * unmount it removes its event subscription and permanently destroys the\n * controller.\n *\n * @example Use native Vue events\n * ```vue\n * <script setup lang=\"ts\">\n * import { ref } from 'vue'\n * import { Checkout, type CheckoutExposed } from '@inttegro/vue'\n *\n * const props = defineProps<{ orderId: string }>()\n * const checkout = ref<CheckoutExposed>()\n * </script>\n *\n * <template>\n * <Checkout\n * ref=\"checkout\"\n * :order-id=\"props.orderId\"\n * presentation=\"modal\"\n * :appearance=\"{ theme: 'system' }\"\n * @ready=\"checkout?.focus()\"\n * @completed=\"$router.push('/orders/complete')\"\n * @error=\"reportCheckoutError\"\n * />\n * </template>\n * ```\n *\n * @category Vue\n */\nexport const Checkout = defineComponent({\n name: 'InttegroCheckout',\n props: {\n appearance: Object as PropType<CheckoutAppearance>,\n features: Object as PropType<CheckoutFeatures>,\n locale: String,\n orderId: String,\n purchaseIntentId: String,\n presentation: {\n type: String as PropType<CheckoutPresentation>,\n default: 'embedded',\n },\n timeout: Number,\n title: String,\n },\n emits: {\n canceled: (_event: Extract<CheckoutEvent, { type: 'canceled' }>) => true,\n completed: (_event: Extract<CheckoutEvent, { type: 'completed' }>) => true,\n failed: (_event: Extract<CheckoutEvent, { type: 'failed' }>) => true,\n error: (_error: Error) => true,\n event: (_event: CheckoutEvent) => true,\n ready: (_event: Extract<CheckoutEvent, { type: 'ready' }>) => true,\n },\n setup(props, { emit, expose }) {\n const container = ref<HTMLElement>()\n let checkout: CheckoutController | undefined\n let unsubscribe: (() => void) | undefined\n let generation = 0\n\n function destroyCheckout() {\n generation += 1\n unsubscribe?.()\n unsubscribe = undefined\n checkout?.destroy()\n checkout = undefined\n }\n\n async function mountCheckout() {\n destroyCheckout()\n const target = container.value\n const currentGeneration = generation\n let canceled = false\n let failed = false\n if (!target) return\n try {\n const inttegro = await loadInttegro()\n if (generation !== currentGeneration || !inttegro) return\n const instance = inttegro.createCheckout(\n definedOptions({\n appearance: props.appearance,\n features: props.features,\n locale: props.locale,\n orderId: props.orderId,\n purchaseIntentId: props.purchaseIntentId,\n timeout: props.timeout,\n title: props.title,\n }) as CheckoutOptions,\n )\n if (generation !== currentGeneration) {\n instance.destroy()\n return\n }\n checkout = instance\n unsubscribe = instance.onEvent((event) => {\n emit('event', event)\n if (event.type === 'canceled') {\n canceled = true\n emit('canceled', event)\n }\n if (event.type === 'ready') emit('ready', event)\n if (event.type === 'completed') emit('completed', event)\n if (event.type === 'failed') {\n failed = true\n emit('failed', event)\n }\n })\n if (props.presentation === 'modal') await instance.present()\n else await instance.mount(target)\n } catch (error: unknown) {\n if (generation !== currentGeneration || canceled || failed) return\n emit(\n 'error',\n error instanceof Error\n ? error\n : new Error('Checkout failed to load.'),\n )\n }\n }\n\n onMounted(mountCheckout)\n onBeforeUnmount(destroyCheckout)\n\n watch(\n () => [\n props.features,\n props.orderId,\n props.purchaseIntentId,\n props.presentation,\n props.timeout,\n props.title,\n ],\n () => void mountCheckout(),\n )\n watch(\n () => [props.appearance, props.locale] as const,\n ([appearance, locale]) => {\n checkout?.update(definedOptions({ appearance, locale }))\n },\n { deep: true },\n )\n\n expose({\n dismiss: () => checkout?.dismiss(),\n focus: () => checkout?.focus(),\n update: (options: Parameters<CheckoutController['update']>[0]) =>\n checkout?.update(options),\n })\n\n return () => h('div', { ref: container })\n },\n})\n\nfunction definedOptions<Value extends object>(options: Value): Value {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as Value\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _inttegro_js from '@inttegro/js';
|
|
2
|
-
import { CheckoutAppearance, CheckoutFeatures, CheckoutPresentation, CheckoutEvent,
|
|
3
|
-
export { CheckoutAppearance,
|
|
2
|
+
import { CheckoutAppearance, CheckoutFeatures, CheckoutPresentation, CheckoutEvent, CheckoutController } from '@inttegro/js';
|
|
3
|
+
export { CheckoutAppearance, CheckoutEvent, CheckoutFailedEvent, CheckoutFeatures, CheckoutOrder, CheckoutPresentation, CheckoutTheme } from '@inttegro/js';
|
|
4
4
|
import * as vue from 'vue';
|
|
5
5
|
import { PropType } from 'vue';
|
|
6
6
|
|
|
@@ -56,7 +56,8 @@ interface CheckoutExposed {
|
|
|
56
56
|
* - `event` for every sanitized Checkout lifecycle event;
|
|
57
57
|
* - `canceled` when a payer dismisses managed modal Checkout;
|
|
58
58
|
* - `completed` at the successful hosted terminal state; and
|
|
59
|
-
* - `
|
|
59
|
+
* - `failed` for terminal Checkout failure.
|
|
60
|
+
* - `error` for loader or mount failures.
|
|
60
61
|
*
|
|
61
62
|
* Keep the component mounted while payment or confirmation is pending. On
|
|
62
63
|
* unmount it removes its event subscription and permanently destroys the
|
|
@@ -108,7 +109,10 @@ declare const Checkout: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
108
109
|
completed: (_event: Extract<CheckoutEvent, {
|
|
109
110
|
type: "completed";
|
|
110
111
|
}>) => true;
|
|
111
|
-
|
|
112
|
+
failed: (_event: Extract<CheckoutEvent, {
|
|
113
|
+
type: "failed";
|
|
114
|
+
}>) => true;
|
|
115
|
+
error: (_error: Error) => true;
|
|
112
116
|
event: (_event: CheckoutEvent) => true;
|
|
113
117
|
ready: (_event: Extract<CheckoutEvent, {
|
|
114
118
|
type: "ready";
|
|
@@ -129,7 +133,8 @@ declare const Checkout: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
129
133
|
onCanceled?: (_event: _inttegro_js.CheckoutCanceledEvent) => any;
|
|
130
134
|
onReady?: (_event: _inttegro_js.CheckoutReadyEvent) => any;
|
|
131
135
|
onCompleted?: (_event: _inttegro_js.CheckoutCompletedEvent) => any;
|
|
132
|
-
|
|
136
|
+
onFailed?: (_event: _inttegro_js.CheckoutFailedEvent) => any;
|
|
137
|
+
onError?: (_error: Error) => any;
|
|
133
138
|
onEvent?: (_event: CheckoutEvent) => any;
|
|
134
139
|
}>, {
|
|
135
140
|
presentation: CheckoutPresentation;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _inttegro_js from '@inttegro/js';
|
|
2
|
-
import { CheckoutAppearance, CheckoutFeatures, CheckoutPresentation, CheckoutEvent,
|
|
3
|
-
export { CheckoutAppearance,
|
|
2
|
+
import { CheckoutAppearance, CheckoutFeatures, CheckoutPresentation, CheckoutEvent, CheckoutController } from '@inttegro/js';
|
|
3
|
+
export { CheckoutAppearance, CheckoutEvent, CheckoutFailedEvent, CheckoutFeatures, CheckoutOrder, CheckoutPresentation, CheckoutTheme } from '@inttegro/js';
|
|
4
4
|
import * as vue from 'vue';
|
|
5
5
|
import { PropType } from 'vue';
|
|
6
6
|
|
|
@@ -56,7 +56,8 @@ interface CheckoutExposed {
|
|
|
56
56
|
* - `event` for every sanitized Checkout lifecycle event;
|
|
57
57
|
* - `canceled` when a payer dismisses managed modal Checkout;
|
|
58
58
|
* - `completed` at the successful hosted terminal state; and
|
|
59
|
-
* - `
|
|
59
|
+
* - `failed` for terminal Checkout failure.
|
|
60
|
+
* - `error` for loader or mount failures.
|
|
60
61
|
*
|
|
61
62
|
* Keep the component mounted while payment or confirmation is pending. On
|
|
62
63
|
* unmount it removes its event subscription and permanently destroys the
|
|
@@ -108,7 +109,10 @@ declare const Checkout: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
108
109
|
completed: (_event: Extract<CheckoutEvent, {
|
|
109
110
|
type: "completed";
|
|
110
111
|
}>) => true;
|
|
111
|
-
|
|
112
|
+
failed: (_event: Extract<CheckoutEvent, {
|
|
113
|
+
type: "failed";
|
|
114
|
+
}>) => true;
|
|
115
|
+
error: (_error: Error) => true;
|
|
112
116
|
event: (_event: CheckoutEvent) => true;
|
|
113
117
|
ready: (_event: Extract<CheckoutEvent, {
|
|
114
118
|
type: "ready";
|
|
@@ -129,7 +133,8 @@ declare const Checkout: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
129
133
|
onCanceled?: (_event: _inttegro_js.CheckoutCanceledEvent) => any;
|
|
130
134
|
onReady?: (_event: _inttegro_js.CheckoutReadyEvent) => any;
|
|
131
135
|
onCompleted?: (_event: _inttegro_js.CheckoutCompletedEvent) => any;
|
|
132
|
-
|
|
136
|
+
onFailed?: (_event: _inttegro_js.CheckoutFailedEvent) => any;
|
|
137
|
+
onError?: (_error: Error) => any;
|
|
133
138
|
onEvent?: (_event: CheckoutEvent) => any;
|
|
134
139
|
}>, {
|
|
135
140
|
presentation: CheckoutPresentation;
|
package/dist/index.js
CHANGED
|
@@ -28,7 +28,8 @@ var Checkout = defineComponent({
|
|
|
28
28
|
emits: {
|
|
29
29
|
canceled: (_event) => true,
|
|
30
30
|
completed: (_event) => true,
|
|
31
|
-
|
|
31
|
+
failed: (_event) => true,
|
|
32
|
+
error: (_error) => true,
|
|
32
33
|
event: (_event) => true,
|
|
33
34
|
ready: (_event) => true
|
|
34
35
|
},
|
|
@@ -49,6 +50,7 @@ var Checkout = defineComponent({
|
|
|
49
50
|
const target = container.value;
|
|
50
51
|
const currentGeneration = generation;
|
|
51
52
|
let canceled = false;
|
|
53
|
+
let failed = false;
|
|
52
54
|
if (!target) return;
|
|
53
55
|
try {
|
|
54
56
|
const inttegro = await loadInttegro();
|
|
@@ -77,12 +79,15 @@ var Checkout = defineComponent({
|
|
|
77
79
|
}
|
|
78
80
|
if (event.type === "ready") emit("ready", event);
|
|
79
81
|
if (event.type === "completed") emit("completed", event);
|
|
80
|
-
if (event.type === "
|
|
82
|
+
if (event.type === "failed") {
|
|
83
|
+
failed = true;
|
|
84
|
+
emit("failed", event);
|
|
85
|
+
}
|
|
81
86
|
});
|
|
82
87
|
if (props.presentation === "modal") await instance.present();
|
|
83
88
|
else await instance.mount(target);
|
|
84
89
|
} catch (error) {
|
|
85
|
-
if (generation !== currentGeneration || canceled) return;
|
|
90
|
+
if (generation !== currentGeneration || canceled || failed) return;
|
|
86
91
|
emit(
|
|
87
92
|
"error",
|
|
88
93
|
error instanceof Error ? error : new Error("Checkout failed to load.")
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Checkout.ts"],"sourcesContent":["import {\n loadInttegro,\n type CheckoutAppearance,\n type CheckoutController,\n type
|
|
1
|
+
{"version":3,"sources":["../src/Checkout.ts"],"sourcesContent":["import {\n loadInttegro,\n type CheckoutAppearance,\n type CheckoutController,\n type CheckoutEvent,\n type CheckoutFeatures,\n type CheckoutOptions,\n type CheckoutPresentation,\n} from '@inttegro/js'\nimport {\n defineComponent,\n h,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n type PropType,\n} from 'vue'\n\n/**\n * Props accepted by the Inttegro {@link Checkout} component.\n *\n * Changing `features`, the Checkout reference, `presentation`, `timeout`, or\n * `title` replaces the hosted controller. Changing `appearance` or `locale`\n * updates it in place, preserving payer progress where the hosted flow permits.\n *\n * @category Vue\n */\nexport interface CheckoutPropsBase {\n /** Initial and reactive theme preference for hosted Checkout. */\n appearance?: CheckoutAppearance | undefined\n /** Hosted Checkout content and actions. Changing it replaces the controller. */\n features?: CheckoutFeatures | undefined\n /** Initial and reactive BCP 47 locale preference. */\n locale?: string | undefined\n /** Displays Checkout inline by default or in an Inttegro-managed modal. */\n presentation?: CheckoutPresentation | undefined\n /** Mount timeout from 1,000–60,000 ms; defaults to 15,000 ms. */\n timeout?: number | undefined\n /** Accessible iframe title; defaults to `Checkout`. */\n title?: string | undefined\n}\n\nexport type CheckoutProps = CheckoutPropsBase &\n (\n | { orderId: string; purchaseIntentId?: never }\n | { orderId?: never; purchaseIntentId: string }\n )\n\n/**\n * Imperative operations exposed by {@link Checkout} through a Vue template ref.\n *\n * @category Vue\n */\nexport interface CheckoutExposed {\n /** Closes managed modal Checkout when it is open. */\n dismiss(): void\n /** Moves focus into Checkout when the controller is ready; otherwise does nothing. */\n focus(): void\n /** Applies a new locale or theme when a controller exists. */\n update(options: Parameters<CheckoutController['update']>[0]): void\n}\n\n/**\n * Displays Inttegro-hosted Checkout in a Vue application.\n *\n * The component owns the loader and controller lifecycle. It emits:\n *\n * - `ready` once the iframe is interactive;\n * - `event` for every sanitized Checkout lifecycle event;\n * - `canceled` when a payer dismisses managed modal Checkout;\n * - `completed` at the successful hosted terminal state; and\n * - `failed` for terminal Checkout failure.\n * - `error` for loader or mount failures.\n *\n * Keep the component mounted while payment or confirmation is pending. On\n * unmount it removes its event subscription and permanently destroys the\n * controller.\n *\n * @example Use native Vue events\n * ```vue\n * <script setup lang=\"ts\">\n * import { ref } from 'vue'\n * import { Checkout, type CheckoutExposed } from '@inttegro/vue'\n *\n * const props = defineProps<{ orderId: string }>()\n * const checkout = ref<CheckoutExposed>()\n * </script>\n *\n * <template>\n * <Checkout\n * ref=\"checkout\"\n * :order-id=\"props.orderId\"\n * presentation=\"modal\"\n * :appearance=\"{ theme: 'system' }\"\n * @ready=\"checkout?.focus()\"\n * @completed=\"$router.push('/orders/complete')\"\n * @error=\"reportCheckoutError\"\n * />\n * </template>\n * ```\n *\n * @category Vue\n */\nexport const Checkout = defineComponent({\n name: 'InttegroCheckout',\n props: {\n appearance: Object as PropType<CheckoutAppearance>,\n features: Object as PropType<CheckoutFeatures>,\n locale: String,\n orderId: String,\n purchaseIntentId: String,\n presentation: {\n type: String as PropType<CheckoutPresentation>,\n default: 'embedded',\n },\n timeout: Number,\n title: String,\n },\n emits: {\n canceled: (_event: Extract<CheckoutEvent, { type: 'canceled' }>) => true,\n completed: (_event: Extract<CheckoutEvent, { type: 'completed' }>) => true,\n failed: (_event: Extract<CheckoutEvent, { type: 'failed' }>) => true,\n error: (_error: Error) => true,\n event: (_event: CheckoutEvent) => true,\n ready: (_event: Extract<CheckoutEvent, { type: 'ready' }>) => true,\n },\n setup(props, { emit, expose }) {\n const container = ref<HTMLElement>()\n let checkout: CheckoutController | undefined\n let unsubscribe: (() => void) | undefined\n let generation = 0\n\n function destroyCheckout() {\n generation += 1\n unsubscribe?.()\n unsubscribe = undefined\n checkout?.destroy()\n checkout = undefined\n }\n\n async function mountCheckout() {\n destroyCheckout()\n const target = container.value\n const currentGeneration = generation\n let canceled = false\n let failed = false\n if (!target) return\n try {\n const inttegro = await loadInttegro()\n if (generation !== currentGeneration || !inttegro) return\n const instance = inttegro.createCheckout(\n definedOptions({\n appearance: props.appearance,\n features: props.features,\n locale: props.locale,\n orderId: props.orderId,\n purchaseIntentId: props.purchaseIntentId,\n timeout: props.timeout,\n title: props.title,\n }) as CheckoutOptions,\n )\n if (generation !== currentGeneration) {\n instance.destroy()\n return\n }\n checkout = instance\n unsubscribe = instance.onEvent((event) => {\n emit('event', event)\n if (event.type === 'canceled') {\n canceled = true\n emit('canceled', event)\n }\n if (event.type === 'ready') emit('ready', event)\n if (event.type === 'completed') emit('completed', event)\n if (event.type === 'failed') {\n failed = true\n emit('failed', event)\n }\n })\n if (props.presentation === 'modal') await instance.present()\n else await instance.mount(target)\n } catch (error: unknown) {\n if (generation !== currentGeneration || canceled || failed) return\n emit(\n 'error',\n error instanceof Error\n ? error\n : new Error('Checkout failed to load.'),\n )\n }\n }\n\n onMounted(mountCheckout)\n onBeforeUnmount(destroyCheckout)\n\n watch(\n () => [\n props.features,\n props.orderId,\n props.purchaseIntentId,\n props.presentation,\n props.timeout,\n props.title,\n ],\n () => void mountCheckout(),\n )\n watch(\n () => [props.appearance, props.locale] as const,\n ([appearance, locale]) => {\n checkout?.update(definedOptions({ appearance, locale }))\n },\n { deep: true },\n )\n\n expose({\n dismiss: () => checkout?.dismiss(),\n focus: () => checkout?.focus(),\n update: (options: Parameters<CheckoutController['update']>[0]) =>\n checkout?.update(options),\n })\n\n return () => h('div', { ref: container })\n },\n})\n\nfunction definedOptions<Value extends object>(options: Value): Value {\n return Object.fromEntries(\n Object.entries(options).filter(([, value]) => value !== undefined),\n ) as Value\n}\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inttegro/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "Vue components for Inttegro hosted workflows",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"typecheck": "tsc --noEmit"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@inttegro/js": "0.
|
|
35
|
+
"@inttegro/js": "0.5.2"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"vue": ">=3.4"
|