@seamlessdocs/payment-modals 1.0.62 → 1.0.64

package/index.html

@@ -167,6 +167,8 @@
             }
           },
           transactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transaction.json',
+          getTransactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transactions',
+          updateTransactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transactions',
           callbacks: {
             onPay: function () {
               setTimeout(function () {
@@ -215,6 +217,8 @@
             }
           },
           transactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transaction.json',
+          getTransactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transactions/',
+          updateTransactionUrl: 'https://backend.dev.nonprod.seamlessdocs.com/payments/transactions/govOsPay/transactions/',
           callbacks: {
             onPay: function () {
               setTimeout(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamlessdocs/payment-modals",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "description": "Payment modals for SeamlessDocs",
   "main": "build/payment-modals.js",
   "repository": {

package/src/Components/GovOSPayACHPaymentModal/index.jsx

@@ -16,6 +16,8 @@ const GovOSPayACHPaymentModal = ({
   paymentCorrelationId,
   paymentConfig,
   transactionUrl,
+  getTransactionUrl,
+  updateTransactionUrl,
 }) => {
   useEffect(() => {
     // TODO: Remove use of shims when mootools is removed
@@ -43,6 +45,8 @@ const GovOSPayACHPaymentModal = ({
           correlationId={paymentCorrelationId}
           amount={amount}
           onSuccess={onPay}
+          getTransactionUrl={getTransactionUrl}
+          updateTransactionUrl={updateTransactionUrl}
         />
       </div>
     </Modal>
@@ -56,6 +60,8 @@ GovOSPayACHPaymentModal.propTypes = {
   paymentCorrelationId: PropTypes.string.isRequired,
   paymentConfig: PropTypes.object.isRequired,
   transactionUrl: PropTypes.string.isRequired,
+  getTransactionUrl: PropTypes.string,
+  updateTransactionUrl: PropTypes.string,
 };
 
 export default GovOSPayACHPaymentModal;

package/src/Components/GovOSPayCardPaymentModal/index.jsx

@@ -17,6 +17,8 @@ const GovOSPayCardPaymentModal = ({
   paymentConfig,
   transactionMode,
   transactionUrl,
+  getTransactionUrl,
+  updateTransactionUrl,
 }) => {
   useEffect(() => {
     // TODO: Remove use of shims when mootools is removed
@@ -41,6 +43,8 @@ const GovOSPayCardPaymentModal = ({
           providerConfig={paymentConfig}
           applicationName={'GovOS Studio'}
           transactionUrl={transactionUrl}
+          getTransactionUrl={getTransactionUrl}
+          updateTransactionUrl={updateTransactionUrl}
           correlationId={paymentCorrelationId}
           amount={amount}
           onSuccess={onPay}
@@ -59,6 +63,8 @@ GovOSPayCardPaymentModal.propTypes = {
   paymentConfig: PropTypes.object.isRequired,
   transactionMode: PropTypes.oneOf(['preauth' | 'transaction']),
   transactionUrl: PropTypes.string.isRequired,
+  getTransactionUrl: PropTypes.string,
+  updateTransactionUrl: PropTypes.string,
 };
 
 GovOSPayCardPaymentModal.defaultProps = {

package/src/index.jsx

@@ -12,7 +12,7 @@ import GovOSPayACHPaymentModal from './Components/GovOSPayACHPaymentModal';
 import GovOSPayCardPaymentModal from './Components/GovOSPayCardPaymentModal';
 import GovOSPayInvoiceSummaryModal from './Components/GovOSPayInvoiceSummaryModal';
 
-import { restoreNativeEventConstructor } from './shims';
+import { restoreNativeEventConstructor, loadJQuery } from './shims';
 
 import './OpenViewStyles.css';
 
@@ -101,6 +101,8 @@ handlePaymentModal.govOSPayACHPaymentModal = settings => {
       paymentCorrelationId={settings.paymentCorrelationId}
       paymentConfig={settings.paymentConfig}
       transactionUrl={settings.transactionUrl}
+      getTransactionUrl={settings.getTransactionUrl}
+      updateTransactionUrl={settings.updateTransactionUrl}
     />,
     document.getElementById('payment-modal')
   );
@@ -109,18 +111,22 @@ handlePaymentModal.govOSPayACHPaymentModal = settings => {
 // TODO: Remove use of shims when mootools is removed
 handlePaymentModal.govOSPayCardPaymentModal = settings => {
   restoreNativeEventConstructor();
-  ReactDOM.render(
-    <GovOSPayCardPaymentModal
-      onPay={settings.callbacks.onPay}
-      onClose={settings.callbacks.onClose}
-      amount={settings.amount}
-      paymentCorrelationId={settings.paymentCorrelationId}
-      paymentConfig={settings.paymentConfig}
-      transactionMode={settings.transactionMode}
-      transactionUrl={settings.transactionUrl}
-    />,
-    document.getElementById('payment-modal')
-  );
+  loadJQuery(() => {
+    ReactDOM.render(
+      <GovOSPayCardPaymentModal
+        onPay={settings.callbacks.onPay}
+        onClose={settings.callbacks.onClose}
+        amount={settings.amount}
+        paymentCorrelationId={settings.paymentCorrelationId}
+        paymentConfig={settings.paymentConfig}
+        transactionMode={settings.transactionMode}
+        transactionUrl={settings.transactionUrl}
+        getTransactionUrl={settings.getTransactionUrl}
+        updateTransactionUrl={settings.updateTransactionUrl}
+      />,
+      document.getElementById('payment-modal')
+    );
+  });
 }
 
 // TODO: Remove use of shims when mootools is removed

package/src/shims.js

@@ -22,3 +22,26 @@ export function restoreExtendedEventConstructor() {
   if (!window.ExtendedEvent) return;
   window.Event = window.ExtendedEvent;
 }
+
+export function loadJQuery(callback) {
+  // Check if jQuery is already loaded
+  if (!window.jQuery) {
+    const script = document.createElement('script');
+    script.src = "https://code.jquery.com/jquery-3.7.1.min.js"
+    script.integrity = "sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+    script.crossOrigin = 'anonymous';
+    script.onload = () => {
+      console.log('jQuery loaded:', window.jQuery.fn.jquery);
+      window.jQuery = jQuery.noConflict();
+      if (callback) {
+        callback();
+      }
+    };
+    document.body.appendChild(script);
+  } else {
+    console.log('jQuery already loaded:', window.jQuery.fn.jquery);
+    if (callback) {
+      callback();
+    }
+  }
+}