@paycargo/js-react
Version:
Paycargo Wrapper component our Express Payment Solutions
59 lines (58 loc) • 3.11 kB
JavaScript
'use client';
import { createComponent } from '@stencil/react-output-target/runtime';
import React from 'react';
import { PaycargoBatchDisputeWidget as PaycargoBatchDisputeWidgetElement, defineCustomElement as definePaycargoBatchDisputeWidget } from "@paycargo/js/dist/components/paycargo-batch-dispute-widget.js";
import { PaycargoCheckout as PaycargoCheckoutElement, defineCustomElement as definePaycargoCheckout } from "@paycargo/js/dist/components/paycargo-checkout.js";
import { PaycargoDispute as PaycargoDisputeElement, defineCustomElement as definePaycargoDispute } from "@paycargo/js/dist/components/paycargo-dispute.js";
import { PaycargoOsraWidget as PaycargoOsraWidgetElement, defineCustomElement as definePaycargoOsraWidget } from "@paycargo/js/dist/components/paycargo-osra-widget.js";
import { PaycargoPayment as PaycargoPaymentElement, defineCustomElement as definePaycargoPayment } from "@paycargo/js/dist/components/paycargo-payment.js";
export const PaycargoBatchDisputeWidget = /*@__PURE__*/ createComponent({
tagName: 'paycargo-batch-dispute-widget',
elementClass: PaycargoBatchDisputeWidgetElement,
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
react: React,
events: { onDisputeResponseModal: 'disputeResponseModal' },
defineCustomElement: definePaycargoBatchDisputeWidget
});
export const PaycargoCheckout = /*@__PURE__*/ createComponent({
tagName: 'paycargo-checkout',
elementClass: PaycargoCheckoutElement,
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
react: React,
events: {
onClose: 'close',
onPaymentResponse: 'paymentResponse',
onDisputeResponse: 'disputeResponse'
},
defineCustomElement: definePaycargoCheckout
});
export const PaycargoDispute = /*@__PURE__*/ createComponent({
tagName: 'paycargo-dispute',
elementClass: PaycargoDisputeElement,
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
react: React,
events: { onDisputeResponse: 'disputeResponse' },
defineCustomElement: definePaycargoDispute
});
export const PaycargoOsraWidget = /*@__PURE__*/ createComponent({
tagName: 'paycargo-osra-widget',
elementClass: PaycargoOsraWidgetElement,
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
react: React,
events: {
onOsraReviewed: 'osraReviewed',
onPcOsraWidgetClose: 'pcOsraWidgetClose'
},
defineCustomElement: definePaycargoOsraWidget
});
export const PaycargoPayment = /*@__PURE__*/ createComponent({
tagName: 'paycargo-payment',
elementClass: PaycargoPaymentElement,
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
react: React,
events: {
onPaymentResponseModal: 'paymentResponseModal',
onOnTransactionEditEvent: 'onTransactionEditEvent'
},
defineCustomElement: definePaycargoPayment
});