udp-react-enterprise-component-library 26.5.0-beta.9 → 26.5.0

package/dist/utilities/form/paymentForm/usePaymentProviderForm.mjs

@@ -1,8 +1,8 @@
+import { c } from "../../../reactCompilerRuntime.mjs";
 import { PaymentVendorFactoryEnum } from "../../../enums/paymentVendorFactoryEnum.mjs";
 import { ICheckForm } from "./vendorsForms/ICheckForm.mjs";
 import { FiservForm } from "./vendorsForms/FiservForm.mjs";
 import { PaymentusForm } from "./vendorsForms/PaymentusForm.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/utilities/form/paymentForm/usePaymentProviderForm.tsx
 /**
@@ -14,8 +14,8 @@ import React from "react";
 * @param {(paymentFormResult: any) => void} onStatusChange
 * @return {*}  {*}
 */
-const usePaymentProviderForm = (paymentMethod, providerType, providerProps, onStatusChange, paymentDetails, data) => {
-	const $ = c(19);
+const usePaymentProviderForm = (paymentMethod, providerType, providerProps, onStatusChange, paymentDetails, data, s2sToken, s2sTenantId) => {
+	const $ = c(21);
 	switch (providerType) {
 		case PaymentVendorFactoryEnum.ICheck: {
 			let t0;
@@ -55,12 +55,14 @@ const usePaymentProviderForm = (paymentMethod, providerType, providerProps, onSt
 		}
 		case PaymentVendorFactoryEnum.Paymentus: {
 			let t0;
-			if ($[11] !== data || $[12] !== onStatusChange || $[13] !== paymentDetails || $[14] !== paymentMethod || $[15] !== providerProps) {
+			if ($[11] !== data || $[12] !== onStatusChange || $[13] !== paymentDetails || $[14] !== paymentMethod || $[15] !== providerProps || $[16] !== s2sTenantId || $[17] !== s2sToken) {
 				t0 = /* @__PURE__ */ React.createElement(PaymentusForm, {
 					paymentMethod,
 					onStatusChange,
 					paymentDetails,
 					paymentData: data,
+					s2sToken,
+					s2sTenantId,
 					...providerProps
 				});
 				$[11] = data;
@@ -68,24 +70,26 @@ const usePaymentProviderForm = (paymentMethod, providerType, providerProps, onSt
 				$[13] = paymentDetails;
 				$[14] = paymentMethod;
 				$[15] = providerProps;
-				$[16] = t0;
-			} else t0 = $[16];
+				$[16] = s2sTenantId;
+				$[17] = s2sToken;
+				$[18] = t0;
+			} else t0 = $[18];
 			return t0;
 		}
 		case PaymentVendorFactoryEnum.Stripe: {
 			let t0;
-			if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+			if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
 				t0 = /* @__PURE__ */ React.createElement(React.Fragment, null);
-				$[17] = t0;
-			} else t0 = $[17];
+				$[19] = t0;
+			} else t0 = $[19];
 			return t0;
 		}
 		case PaymentVendorFactoryEnum.AuthorizeNet: {
 			let t0;
-			if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+			if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
 				t0 = /* @__PURE__ */ React.createElement(React.Fragment, null);
-				$[18] = t0;
-			} else t0 = $[18];
+				$[20] = t0;
+			} else t0 = $[20];
 			return t0;
 		}
 		default: return null;

package/dist/utilities/form/paymentForm/usePaymentProviderForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentProviderForm.mjs","names":["React","PaymentMethodData","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","ICheckForm","FiservForm","PaymentusForm","usePaymentProviderForm","paymentMethod","providerType","providerProps","onStatusChange","paymentDetails","data","$","_c","ICheck","t0","Fiserv","Paymentus","Stripe","Symbol","for","AuthorizeNet"],"sources":["../../../../src/utilities/form/paymentForm/usePaymentProviderForm.tsx"],"sourcesContent":["import React from 'react';\nimport { PaymentMethodData } from './AccountPayment.model';\nimport { PaymentTenderTypeEnum } from '../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../enums/paymentVendorFactoryEnum';\nimport { ICheckForm } from './vendorsForms/ICheckForm';\nimport { FiservForm } from './vendorsForms/FiservForm';\nimport { PaymentusForm } from './vendorsForms/PaymentusForm';\n\n/**\n * useProviderForm\n *\n * @param {(PaymentTenderTypeEnum | undefined)} paymentMethod\n * @param {*} providerType\n * @param {*} providerProps\n * @param {(paymentFormResult: any) => void} onStatusChange\n * @return {*}  {*}\n */\nexport const usePaymentProviderForm = (\n  paymentMethod: PaymentTenderTypeEnum | undefined,\n  providerType: any,\n  providerProps: any,\n  onStatusChange?: (paymentFormResult: any) => void,\n  paymentDetails?: any,\n  data?: PaymentMethodData\n): any => {\n  switch (providerType) {\n    case PaymentVendorFactoryEnum.ICheck:\n      return (\n        <ICheckForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentDetails={paymentDetails}\n          paymentData={data}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Fiserv:\n      return (\n        <FiservForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentData={data}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Paymentus:\n      return (\n        <PaymentusForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentDetails={paymentDetails}\n          paymentData={data}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Stripe:\n      // TODO: StripeForm component\n      return <></>;\n    case PaymentVendorFactoryEnum.AuthorizeNet:\n      // TODO: AuthorizeNet component\n      return <></>;\n    default:\n      return null;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAaO,0BAAyBC,eAAAC,cAAAC,eAAAC,gBAAAC,gBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AAQpC,SAAQN,cAAR;EAAoB,KACbN,yBAAwBa,QAAO;GAAA,IAAAC;AAAA,OAAAH,EAAA,OAAAD,QAAAC,EAAA,OAAAH,kBAAAG,EAAA,OAAAF,kBAAAE,EAAA,OAAAN,iBAAAM,EAAA,OAAAJ,eAAA;AAEhCO,SAAA,sBAAA,cAAC,YAAD;KACiBT;KACCG;KACAC;KACHC,aAAAA;KAAI,GACbH;KACJ,CAAA;AAAAI,MAAA,KAAAD;AAAAC,MAAA,KAAAH;AAAAG,MAAA,KAAAF;AAAAE,MAAA,KAAAN;AAAAM,MAAA,KAAAJ;AAAAI,MAAA,KAAAG;SAAAA,MAAAH,EAAA;AAAA,UANFG;;EAME,KAEDd,yBAAwBe,QAAO;GAAA,IAAAD;AAAA,OAAAH,EAAA,OAAAD,QAAAC,EAAA,OAAAH,kBAAAG,EAAA,OAAAN,iBAAAM,EAAA,OAAAJ,eAAA;AAEhCO,SAAA,sBAAA,cAAC,YAAD;KACiBT;KACCG;KACHE,aAAAA;KAAI,GACbH;KACJ,CAAA;AAAAI,MAAA,KAAAD;AAAAC,MAAA,KAAAH;AAAAG,MAAA,KAAAN;AAAAM,MAAA,KAAAJ;AAAAI,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UALFG;;EAKE,KAEDd,yBAAwBgB,WAAU;GAAA,IAAAF;AAAA,OAAAH,EAAA,QAAAD,QAAAC,EAAA,QAAAH,kBAAAG,EAAA,QAAAF,kBAAAE,EAAA,QAAAN,iBAAAM,EAAA,QAAAJ,eAAA;AAEnCO,SAAA,sBAAA,cAAC,eAAD;KACiBT;KACCG;KACAC;KACHC,aAAAA;KAAI,GACbH;KACJ,CAAA;AAAAI,MAAA,MAAAD;AAAAC,MAAA,MAAAH;AAAAG,MAAA,MAAAF;AAAAE,MAAA,MAAAN;AAAAM,MAAA,MAAAJ;AAAAI,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UANFG;;EAME,KAEDd,yBAAwBiB,QAAO;GAAA,IAAAH;AAAA,OAAAH,EAAA,QAAAO,OAAAC,IAAA,4BAAA,EAAA;AAE3BL,SAAA,sBAAA,cAAA,MAAA,UAAA,KAAK;AAAAH,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UAALG;;EAAK,KACTd,yBAAwBoB,cAAa;GAAA,IAAAN;AAAA,OAAAH,EAAA,QAAAO,OAAAC,IAAA,4BAAA,EAAA;AAEjCL,SAAA,sBAAA,cAAA,MAAA,UAAA,KAAK;AAAAH,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UAALG;;EAAK,QAAA,QAEL"}
+{"version":3,"file":"usePaymentProviderForm.mjs","names":["React","PaymentMethodData","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","ICheckForm","FiservForm","PaymentusForm","usePaymentProviderForm","paymentMethod","providerType","providerProps","onStatusChange","paymentDetails","data","s2sToken","s2sTenantId","$","_c","ICheck","t0","Fiserv","Paymentus","Stripe","Symbol","for","AuthorizeNet"],"sources":["../../../../src/utilities/form/paymentForm/usePaymentProviderForm.tsx"],"sourcesContent":["import React from 'react';\nimport { PaymentMethodData } from './AccountPayment.model';\nimport { PaymentTenderTypeEnum } from '../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../enums/paymentVendorFactoryEnum';\nimport { ICheckForm } from './vendorsForms/ICheckForm';\nimport { FiservForm } from './vendorsForms/FiservForm';\nimport { PaymentusForm } from './vendorsForms/PaymentusForm';\n\n/**\n * useProviderForm\n *\n * @param {(PaymentTenderTypeEnum | undefined)} paymentMethod\n * @param {*} providerType\n * @param {*} providerProps\n * @param {(paymentFormResult: any) => void} onStatusChange\n * @return {*}  {*}\n */\nexport const usePaymentProviderForm = (\n  paymentMethod: PaymentTenderTypeEnum | undefined,\n  providerType: any,\n  providerProps: any,\n  onStatusChange?: (paymentFormResult: any) => void,\n  paymentDetails?: any,\n  data?: PaymentMethodData,\n  s2sToken?: string,\n  s2sTenantId?: string\n): any => {\n  switch (providerType) {\n    case PaymentVendorFactoryEnum.ICheck:\n      return (\n        <ICheckForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentDetails={paymentDetails}\n          paymentData={data}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Fiserv:\n      return (\n        <FiservForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentData={data}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Paymentus:\n      return (\n        <PaymentusForm\n          paymentMethod={paymentMethod}\n          onStatusChange={onStatusChange}\n          paymentDetails={paymentDetails}\n          paymentData={data}\n          s2sToken={s2sToken}\n          s2sTenantId={s2sTenantId}\n          {...providerProps}\n        />\n      );\n    case PaymentVendorFactoryEnum.Stripe:\n      // TODO: StripeForm component\n      return <></>;\n    case PaymentVendorFactoryEnum.AuthorizeNet:\n      // TODO: AuthorizeNet component\n      return <></>;\n    default:\n      return null;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAaO,0BAAyBC,eAAAC,cAAAC,eAAAC,gBAAAC,gBAAAC,MAAAC,UAAAC,gBAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AAUpC,SAAQR,cAAR;EAAoB,KACbN,yBAAwBe,QAAO;GAAA,IAAAC;AAAA,OAAAH,EAAA,OAAAH,QAAAG,EAAA,OAAAL,kBAAAK,EAAA,OAAAJ,kBAAAI,EAAA,OAAAR,iBAAAQ,EAAA,OAAAN,eAAA;AAEhCS,SAAA,sBAAA,cAAC,YAAD;KACiBX;KACCG;KACAC;KACHC,aAAAA;KAAI,GACbH;KACJ,CAAA;AAAAM,MAAA,KAAAH;AAAAG,MAAA,KAAAL;AAAAK,MAAA,KAAAJ;AAAAI,MAAA,KAAAR;AAAAQ,MAAA,KAAAN;AAAAM,MAAA,KAAAG;SAAAA,MAAAH,EAAA;AAAA,UANFG;;EAME,KAEDhB,yBAAwBiB,QAAO;GAAA,IAAAD;AAAA,OAAAH,EAAA,OAAAH,QAAAG,EAAA,OAAAL,kBAAAK,EAAA,OAAAR,iBAAAQ,EAAA,OAAAN,eAAA;AAEhCS,SAAA,sBAAA,cAAC,YAAD;KACiBX;KACCG;KACHE,aAAAA;KAAI,GACbH;KACJ,CAAA;AAAAM,MAAA,KAAAH;AAAAG,MAAA,KAAAL;AAAAK,MAAA,KAAAR;AAAAQ,MAAA,KAAAN;AAAAM,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UALFG;;EAKE,KAEDhB,yBAAwBkB,WAAU;GAAA,IAAAF;AAAA,OAAAH,EAAA,QAAAH,QAAAG,EAAA,QAAAL,kBAAAK,EAAA,QAAAJ,kBAAAI,EAAA,QAAAR,iBAAAQ,EAAA,QAAAN,iBAAAM,EAAA,QAAAD,eAAAC,EAAA,QAAAF,UAAA;AAEnCK,SAAA,sBAAA,cAAC,eAAD;KACiBX;KACCG;KACAC;KACHC,aAAAA;KACHC;KACGC;KAAW,GACpBL;KACJ,CAAA;AAAAM,MAAA,MAAAH;AAAAG,MAAA,MAAAL;AAAAK,MAAA,MAAAJ;AAAAI,MAAA,MAAAR;AAAAQ,MAAA,MAAAN;AAAAM,MAAA,MAAAD;AAAAC,MAAA,MAAAF;AAAAE,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UARFG;;EAQE,KAEDhB,yBAAwBmB,QAAO;GAAA,IAAAH;AAAA,OAAAH,EAAA,QAAAO,OAAAC,IAAA,4BAAA,EAAA;AAE3BL,SAAA,sBAAA,cAAA,MAAA,UAAA,KAAK;AAAAH,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UAALG;;EAAK,KACThB,yBAAwBsB,cAAa;GAAA,IAAAN;AAAA,OAAAH,EAAA,QAAAO,OAAAC,IAAA,4BAAA,EAAA;AAEjCL,SAAA,sBAAA,cAAA,MAAA,UAAA,KAAK;AAAAH,MAAA,MAAAG;SAAAA,MAAAH,EAAA;AAAA,UAALG;;EAAK,QAAA,QAEL"}

package/dist/utilities/form/paymentForm/vendorsForms/FiservForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FiservForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAsEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,UAAU;;;;;;;uBAsKtB,CAAC"}
+{"version":3,"file":"FiservForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAwEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,UAAU;;;;;;;uBA0JtB,CAAC"}

package/dist/utilities/form/paymentForm/vendorsForms/FiservForm.js

@@ -1,9 +1,11 @@
 import React, { useEffect, useMemo, useState, useCallback } from 'react';
 import { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';
 import { useTranslation } from 'react-i18next';
-import { InputLabel, Typography, useTheme, Box } from '@material-ui/core';
-import { LayoutUnit } from '../../../../layout/LayoutUnit';
-import { CircularProgress } from '../../../../UI/loading/CircularProgress';
+import { useTheme } from '@material-ui/core';
+import { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';
+import { UdpText } from '../../../../UI/fluent-web-components/UdpText';
+import { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';
+import { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';
 const defaultCssStyles = (theme) => {
     return `
 input, button, select {
@@ -99,7 +101,7 @@ const DEFAULT_ECHECK_FEATURES = `&fullmobilekeyboard=true`;
 export const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = (paymentFormResult) => { }, baseUrl = "https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html", customCss = '', attributes = null, paymentData = null }) => {
     // State to hold the token value
     const [loading, setLoading] = useState(true);
-    const [token, setToken] = useState('');
+    const [, setToken] = useState('');
     const [error, setError] = useState(null);
     const { t } = useTranslation();
     const theme = useTheme();
@@ -133,11 +135,20 @@ export const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, o
         setLoading(false);
     };
     useEffect(() => {
-        // Function to handle message event
+        // Restrict postMessage handling to the vendor iframe origin. Without this,
+        // any embedding context can spoof a tokenization payload.
+        let expectedOrigin = '';
+        try {
+            expectedOrigin = new URL(baseUrl).origin;
+        }
+        catch (_a) {
+            expectedOrigin = '';
+        }
         const handleMessage = (event) => {
+            if (expectedOrigin && event.origin !== expectedOrigin)
+                return;
             try {
                 const data = JSON.parse(event.data);
-                // Set the token state with the incoming message
                 setToken(data.message);
                 handleFiservResponse(data);
             }
@@ -145,13 +156,11 @@ export const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, o
                 console.error('Error parsing the event data', error);
             }
         };
-        // Add event listener for 'message' events
         window.addEventListener('message', handleMessage, false);
-        // Cleanup function to remove event listener
         return () => {
             window.removeEventListener('message', handleMessage, false);
         };
-    }, [paymentMethod]);
+    }, [paymentMethod, baseUrl, handleFiservResponse]);
     /**
      * iFrameURL
      *
@@ -184,24 +193,9 @@ export const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, o
         ${url}
         `.trim();
     }, [paymentMethod]);
-    return (React.createElement("div", null, error ?
-        React.createElement(React.Fragment, null, React.createElement(Typography, { variant: "subtitle1", color: "error" }, t('There was an error rendering the hosted payment form. Please check your settings and try again')), React.createElement(LayoutUnit, { unit: "xxs" }), React.createElement(Typography, { variant: "body1", color: "error" }, t('Error'), ":", error))
-        :
-            React.createElement("form", { name: "tokenform", id: "tokenform" }, paymentMethod === PaymentTenderTypeEnum.ECheck &&
-                React.createElement(InputLabel, { style: { fontSize: 15, marginLeft: 10 } }, t('eCheck Information')), loading && (
-            // @ts-ignore
-            React.createElement(Box, { sx: {
-                    position: 'fixed',
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    // @ts-ignore
-                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
-                    zIndex: 9999,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                } }, React.createElement(CircularProgress, { size: "3rem", color: "primary" }))), React.createElement("iframe", { id: "tokenframe", name: "tokenframe", src: `${baseUrl}?${iFrameURL}`, scrolling: "yes", width: "100%", height: "220", frameBorder: "0", onLoad: handleLoad, onError: handleError, style: { display: loading ? 'none' : 'block' } }))));
+    if (error) {
+        return (React.createElement(UdpMessageBar, { intent: "error", layout: "multiline" }, t('There was an error rendering the hosted payment form. Please check your settings and try again'), ': ', error));
+    }
+    return (React.createElement("form", { name: "tokenform", id: "tokenform" }, paymentMethod === PaymentTenderTypeEnum.ECheck && (React.createElement(UdpText, { variant: "caption1", block: true }, t('eCheck Information'))), loading && (React.createElement(UdpFlexbox, { direction: "row", justify: "center", align: "center" }, React.createElement(UdpSpinner, { size: "medium" }))), React.createElement("iframe", { id: "tokenframe", name: "tokenframe", title: t('Payment tokenization'), src: `${baseUrl}?${iFrameURL}`, scrolling: "yes", width: "100%", height: "220", frameBorder: "0", onLoad: handleLoad, onError: handleError, style: { display: loading ? 'none' : 'block', border: 0 } })));
 };
 //# sourceMappingURL=FiservForm.js.map

package/dist/utilities/form/paymentForm/vendorsForms/FiservForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiservForm.js","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FiservForm.js","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"names":[],"mappings":"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"}

package/dist/utilities/form/paymentForm/vendorsForms/FiservForm.mjs

@@ -1,8 +1,10 @@
-import { LayoutUnit } from "../../../../layout/LayoutUnit.mjs";
 import { PaymentTenderTypeEnum } from "../../../../enums/paymentTenderTypeEnum.mjs";
-import { CircularProgress as CircularProgress$1 } from "../../../../UI/loading/CircularProgress.mjs";
+import { UdpFlexbox } from "../../../../UI/fluent-web-components/UdpFlexbox.mjs";
+import { UdpMessageBar } from "../../../../UI/fluent-web-components/UdpMessageBar.mjs";
+import { UdpSpinner } from "../../../../UI/fluent-web-components/UdpSpinner.mjs";
+import { UdpText } from "../../../../UI/fluent-web-components/UdpText.mjs";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Box, InputLabel, Typography, useTheme } from "@material-ui/core";
+import { useTheme } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
 //#region src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx
 const defaultCssStyles = (theme) => {
@@ -99,7 +101,7 @@ const DEFAULT_ECHECK_FEATURES = `&fullmobilekeyboard=true`;
 */
 const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = (paymentFormResult) => {}, baseUrl = "https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html", customCss = "", attributes = null, paymentData = null }) => {
 	const [loading, setLoading] = useState(true);
-	const [token, setToken] = useState("");
+	const [, setToken] = useState("");
 	const [error, setError] = useState(null);
 	const { t } = useTranslation();
 	const defaultCss = defaultCssStyles(useTheme());
@@ -127,7 +129,14 @@ const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		setLoading(false);
 	};
 	useEffect(() => {
+		let expectedOrigin = "";
+		try {
+			expectedOrigin = new URL(baseUrl).origin;
+		} catch {
+			expectedOrigin = "";
+		}
 		const handleMessage = (event) => {
+			if (expectedOrigin && event.origin !== expectedOrigin) return;
 			try {
 				const data = JSON.parse(event.data);
 				setToken(data.message);
@@ -140,7 +149,11 @@ const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		return () => {
 			window.removeEventListener("message", handleMessage, false);
 		};
-	}, [paymentMethod]);
+	}, [
+		paymentMethod,
+		baseUrl,
+		handleFiservResponse
+	]);
 	/**
 	* iFrameURL
 	*
@@ -170,35 +183,24 @@ const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
         ${url}
         `.trim();
 	}, [paymentMethod]);
-	return /* @__PURE__ */ React.createElement("div", null, error ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle1",
-		color: "error"
-	}, t("There was an error rendering the hosted payment form. Please check your settings and try again"), ":"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		color: "error"
-	}, t("Error"), ":", error)) : /* @__PURE__ */ React.createElement("form", {
+	if (error) return /* @__PURE__ */ React.createElement(UdpMessageBar, {
+		intent: "error",
+		layout: "multiline"
+	}, t("There was an error rendering the hosted payment form. Please check your settings and try again"), ": ", error);
+	return /* @__PURE__ */ React.createElement("form", {
 		name: "tokenform",
 		id: "tokenform"
-	}, paymentMethod === PaymentTenderTypeEnum.ECheck && /* @__PURE__ */ React.createElement(InputLabel, { style: {
-		fontSize: 15,
-		marginLeft: 10
-	} }, t("eCheck Information")), loading && /* @__PURE__ */ React.createElement(Box, { sx: {
-		position: "fixed",
-		top: 0,
-		left: 0,
-		width: "100%",
-		height: "100%",
-		backgroundColor: "rgba(255, 255, 255, 0.8)",
-		zIndex: 9999,
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement(CircularProgress$1, {
-		size: "3rem",
-		color: "primary"
-	})), /* @__PURE__ */ React.createElement("iframe", {
+	}, paymentMethod === PaymentTenderTypeEnum.ECheck && /* @__PURE__ */ React.createElement(UdpText, {
+		variant: "caption1",
+		block: true
+	}, t("eCheck Information")), loading && /* @__PURE__ */ React.createElement(UdpFlexbox, {
+		direction: "row",
+		justify: "center",
+		align: "center"
+	}, /* @__PURE__ */ React.createElement(UdpSpinner, { size: "medium" })), /* @__PURE__ */ React.createElement("iframe", {
 		id: "tokenframe",
 		name: "tokenframe",
+		title: t("Payment tokenization"),
 		src: `${baseUrl}?${iFrameURL}`,
 		scrolling: "yes",
 		width: "100%",
@@ -206,8 +208,11 @@ const FiservForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		frameBorder: "0",
 		onLoad: handleLoad,
 		onError: handleError,
-		style: { display: loading ? "none" : "block" }
-	})));
+		style: {
+			display: loading ? "none" : "block",
+			border: 0
+		}
+	}));
 };
 //#endregion
 export { FiservForm };

package/dist/utilities/form/paymentForm/vendorsForms/FiservForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FiservForm.mjs","names":["React","useEffect","useMemo","useState","useCallback","PaymentTenderTypeEnum","useTranslation","InputLabel","Typography","useTheme","Box","LayoutUnit","CircularProgress","defaultCssStyles","theme","palette","grey","primary","main","background","paper","text","secondary","error","trim","DEFAULT_CREDIT_CARD_PLACEHOLDERS","DEFAULT_CREDIT_CARD_FEATURES","DEFAULT_ECHECK_PLACEHOLDERS","DEFAULT_ECHECK_FEATURES","FiservForm","paymentMethod","CreditCard","onStatusChange","paymentFormResult","baseUrl","customCss","attributes","paymentData","loading","setLoading","token","setToken","setError","t","defaultCss","handleFiservResponse","response","isError","errorCode","errorMessage","ECheck","message","paymentFormResponse","isValid","payload","handleLoad","handleError","handleMessage","event","data","JSON","parse","console","window","addEventListener","removeEventListener","iFrameURL","url","encodedCss","encodeURIComponent","creditCardCssStyles","queryParams","Object","entries","map","key","value","toLowerCase","toString","join","eCheckCssStyles","queryParamsECheck","fontSize","marginLeft","position","top","left","width","height","backgroundColor","zIndex","display","alignItems","justifyContent"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useCallback } from 'react';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { useTranslation } from 'react-i18next';\nimport { InputLabel, Typography, useTheme, Box } from '@material-ui/core';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { CircularProgress } from '../../../../UI/loading/CircularProgress';\n\nconst defaultCssStyles = (theme: any) => {\n  return `\ninput, button, select {\n  font-family: 'Segoe UI', Roboto, Noto, 'Helvetica Neue', Helvetica, Ubuntu, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  font-size: 14px;\n  line-height: 1.1876em;\n  height: 16.6146px;\n  border: 1px solid ${theme.palette.grey[400]};\n  border-radius: 2px;\n  color: currentColor;\n  width: 80%;\n  height: 1.1876em;\n  margin: 8px 0px 0px 0px;\n  display: block;\n  padding: 6px 0px 6px 5px;\n  min-width: 0;\n  background: none;\n  box-sizing: content-box;\n  animation-name: mui-auto-fill-cancel;\n  letter-spacing: inherit;\n  animation-duration: 10ms;\n}\ninput:focus, button:focus, select:focus {\n  outline: none;\n  border-color: ${theme.palette.primary.main};\n  box-shadow: 0px 0px 3px ${theme.palette.primary.main};\n}\n#ccexpirymonth, #ccexpiryyear {\n  display: inline-block;\n  vertical-align: middle;\n}\n#ccexpirymonth, #ccexpiryyear {\n  width: 30%;\n}\nbr {\n  display: none;\n}\nbutton {\n  background-color: ${theme.palette.primary.main};\n  color: ${theme.palette.background.paper};\n  text-transform: uppercase;\n}\nlabel {\n  display: block;\n  font-family: \"Segoe UI\", Roboto, Noto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n  font-size: 14px;\n  color: ${theme.palette.text.secondary};\n  margin-top: 10px;\n}\n.error {\n  color: ${theme.palette.error.main};\n  border-color: ${theme.palette.error.main};\n}\n::placeholder {\n  color: ${theme.palette.grey[500]};\n}`.trim();\n};\n\nconst DEFAULT_CREDIT_CARD_PLACEHOLDERS = \"`placeholder=Enter Card Details&placeholdercvv=123&placeholdermonth=MM&placeholderyear=YYYY`;\"\nconst DEFAULT_CREDIT_CARD_FEATURES = `&useexpiry=true&usecvv=true&invalidcreditcardevent=true&formatinput=true&unique=true&enhancedresponse=true&cardnumbernumericonly=true`;\n\nconst DEFAULT_ECHECK_PLACEHOLDERS = `placeholder=Routing Number / Account Number`;\nconst DEFAULT_ECHECK_FEATURES = `&fullmobilekeyboard=true`;\n\n/**\n * `FiservForm` Component\n *\n * This component is responsible for rendering an iframe for payment processing tailored for the Fiserv payment gateway. It manages the dynamic creation of the iframe URL based on the provided attributes and configures the iframe behavior accordingly.\n *\n * @param {Object} {\n *   paymentMethod = PaymentTenderTypeEnum.CreditCard,\n *   baseUrl = \"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\",\n *   customCss = defaultCssStyles,\n *   attributes = null\n * } The properties passed to the component.\n * @param {PaymentTenderTypeEnum} [paymentMethod=PaymentTenderTypeEnum.CreditCard] The payment method type, affecting the endpoint.\n * @param {Object} [onStatusChange=null] Callback function to handle the status change event.\n * @param {string} [baseUrl=\"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\"] The base URL for the Fiserv payment gateway iframe.\n * @param {string} [customCss=defaultCssStyles] Custom CSS to apply within the iframe.\n * @param {Object} [attributes=null] Additional payment attributes to append as query parameters.\n * @param {string} [attributes.placeholder] Placeholder text for the card fields.\n * @param {string} [attributes.placeholdercvv] Placeholder text for the CVV field.\n * @param {string} [attributes.placeholdermonth] Placeholder for the expiration month field.\n * @param {string} [attributes.placeholderyear] Placeholder for the expiration year field.\n * @param {boolean} [attributes.useexpiry=true] Flag to enable the use of the expiration date.\n * @param {boolean} [attributes.usecvv=true] Flag to enable the use of the CVV code.\n * @param {boolean} [attributes.invalidcreditcardevent=true] Event triggered on invalid card input.\n * @param {boolean} [attributes.formatinput=true] Formats the card input fields.\n * @param {boolean} [attributes.unique=true] Ensures unique card number inputs.\n * @param {boolean} [attributes.enhancedresponse=true] Provides enhanced responses.\n * @param {boolean} [attributes.cardnumbernumericonly=true] Allows only numeric input for the card number.\n * @param {boolean} [attributes.fullmobilekeyboard=false] Enables full mobile keyboard access.\n *\n * @return {React.Component} The `FiservForm` component that handles the rendering of the payment iframe and processes payment data or errors.\n */\nexport const FiservForm = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = (paymentFormResult: any) => { },\n  baseUrl = \"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\",\n  customCss = '',\n  attributes = null,\n  paymentData = null\n}) => {\n  // State to hold the token value\n  const [loading, setLoading] = useState(true);\n  const [token, setToken] = useState('');\n  const [error, setError] = useState(null);\n  const { t } = useTranslation();\n\n  const theme = useTheme();\n  const defaultCss = defaultCssStyles(theme);\n\n  /**\n   * handleFiservResponse\n   *\n   * @param {*} response\n   */\n  const handleFiservResponse = useCallback((response: any) => {\n    let isError;\n\n    if (paymentMethod === PaymentTenderTypeEnum.CreditCard) {\n      isError = response?.errorCode !== \"0\" || response?.errorMessage || !response?.token;\n    } else if (paymentMethod === PaymentTenderTypeEnum.ECheck) {\n      isError = !response?.message;\n    }\n\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload: response,\n      message: response?.message,\n      errorCode: response?.errorCode,\n      errorMessage: response?.errorMessage\n    };\n\n    onStatusChange(paymentFormResponse);\n  }, [onStatusChange, paymentMethod]);\n\n  const handleLoad = () => {\n    setLoading(false);\n  };\n\n  const handleError = () => {\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    // Function to handle message event\n    const handleMessage = (event: { data: string }) => {\n\n      try {\n        const data = JSON.parse(event.data);\n        // Set the token state with the incoming message\n        setToken(data.message);\n        handleFiservResponse(data);\n      } catch (error) {\n        console.error('Error parsing the event data', error);\n      }\n    };\n\n    // Add event listener for 'message' events\n    window.addEventListener('message', handleMessage, false);\n\n    // Cleanup function to remove event listener\n    return () => {\n      window.removeEventListener('message', handleMessage, false);\n    };\n  }, [paymentMethod]);\n\n  /**\n   * iFrameURL\n   *\n   * @return {*}\n   */\n  const iFrameURL = useMemo(() => {\n    let url = \"\";\n\n    try {\n      const encodedCss = encodeURIComponent(customCss || defaultCss);\n\n      switch (paymentMethod) {\n        case PaymentTenderTypeEnum.CreditCard:\n          const creditCardCssStyles = `css=${encodedCss}`;\n          const queryParams = attributes ? Object.entries(attributes)?.map(([key, value]) => `${key.toLowerCase()}=${value?.toString()}`).join('&') : \"\";\n\n          url = attributes ? `${queryParams}&${creditCardCssStyles}` : `${DEFAULT_CREDIT_CARD_PLACEHOLDERS}&${creditCardCssStyles}${DEFAULT_CREDIT_CARD_FEATURES}`;\n          break;\n        case PaymentTenderTypeEnum.ECheck:\n          const eCheckCssStyles = `css=${encodedCss}`;\n          const queryParamsECheck = attributes ? Object.entries(attributes)?.map(([key, value]) => `${key.toLowerCase()}=${value?.toString()}`).join('&') : \"\";\n\n          url = attributes ? `${queryParamsECheck}&${eCheckCssStyles}` : `${DEFAULT_ECHECK_PLACEHOLDERS}&${eCheckCssStyles}${DEFAULT_ECHECK_FEATURES}`;\n          break;\n        default:\n          url = \"\";\n      }\n    } catch (error: any) {\n      setError(error?.message);\n    }\n\n    return `\n        ${url}\n        `.trim();\n  }, [paymentMethod]);\n\n  return (\n    <div>\n      {\n        error ?\n          <>\n            <Typography variant=\"subtitle1\" color=\"error\">\n              {t('There was an error rendering the hosted payment form. Please check your settings and try again')}:\n            </Typography>\n            <LayoutUnit unit=\"xxs\" />\n            <Typography variant=\"body1\" color=\"error\">\n              {t('Error')}:{error}\n            </Typography>\n          </>\n          :\n          <form name=\"tokenform\" id=\"tokenform\">\n            {paymentMethod === PaymentTenderTypeEnum.ECheck &&\n              <InputLabel style={{ fontSize: 15, marginLeft: 10 }}>\n                {t('eCheck Information')}\n              </InputLabel>\n            }\n\n            {loading && (\n              // @ts-ignore\n              <Box\n                sx={{\n                  position: 'fixed',\n                  top: 0,\n                  left: 0,\n                  width: '100%',\n                  height: '100%',\n                  // @ts-ignore\n                  backgroundColor: 'rgba(255, 255, 255, 0.8)',\n                  zIndex: 9999,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n              >\n                <CircularProgress size=\"3rem\" color=\"primary\" />\n              </Box>\n            )}\n            <iframe\n              id=\"tokenframe\"\n              name=\"tokenframe\"\n              src={`${baseUrl}?${iFrameURL}`}\n              scrolling=\"yes\"\n              width=\"100%\"\n              height=\"220\"\n              frameBorder=\"0\"\n              onLoad={handleLoad}\n              onError={handleError}\n              style={{ display: loading ? 'none' : 'block' }}\n            />\n          </form>\n      }\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FiservForm.mjs","names":["React","useEffect","useMemo","useState","useCallback","PaymentTenderTypeEnum","useTranslation","useTheme","UdpFlexbox","UdpText","UdpSpinner","UdpMessageBar","defaultCssStyles","theme","palette","grey","primary","main","background","paper","text","secondary","error","trim","DEFAULT_CREDIT_CARD_PLACEHOLDERS","DEFAULT_CREDIT_CARD_FEATURES","DEFAULT_ECHECK_PLACEHOLDERS","DEFAULT_ECHECK_FEATURES","FiservForm","paymentMethod","CreditCard","onStatusChange","paymentFormResult","baseUrl","customCss","attributes","paymentData","loading","setLoading","setToken","setError","t","defaultCss","handleFiservResponse","response","isError","errorCode","errorMessage","token","ECheck","message","paymentFormResponse","isValid","payload","handleLoad","handleError","expectedOrigin","URL","origin","handleMessage","event","MessageEvent","data","JSON","parse","console","window","addEventListener","removeEventListener","iFrameURL","url","encodedCss","encodeURIComponent","creditCardCssStyles","queryParams","Object","entries","map","key","value","toLowerCase","toString","join","eCheckCssStyles","queryParamsECheck","display","border"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/FiservForm.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useCallback } from 'react';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { useTranslation } from 'react-i18next';\nimport { useTheme } from '@material-ui/core';\nimport { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';\nimport { UdpText } from '../../../../UI/fluent-web-components/UdpText';\nimport { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';\nimport { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';\n\nconst defaultCssStyles = (theme: any) => {\n  return `\ninput, button, select {\n  font-family: 'Segoe UI', Roboto, Noto, 'Helvetica Neue', Helvetica, Ubuntu, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  font-size: 14px;\n  line-height: 1.1876em;\n  height: 16.6146px;\n  border: 1px solid ${theme.palette.grey[400]};\n  border-radius: 2px;\n  color: currentColor;\n  width: 80%;\n  height: 1.1876em;\n  margin: 8px 0px 0px 0px;\n  display: block;\n  padding: 6px 0px 6px 5px;\n  min-width: 0;\n  background: none;\n  box-sizing: content-box;\n  animation-name: mui-auto-fill-cancel;\n  letter-spacing: inherit;\n  animation-duration: 10ms;\n}\ninput:focus, button:focus, select:focus {\n  outline: none;\n  border-color: ${theme.palette.primary.main};\n  box-shadow: 0px 0px 3px ${theme.palette.primary.main};\n}\n#ccexpirymonth, #ccexpiryyear {\n  display: inline-block;\n  vertical-align: middle;\n}\n#ccexpirymonth, #ccexpiryyear {\n  width: 30%;\n}\nbr {\n  display: none;\n}\nbutton {\n  background-color: ${theme.palette.primary.main};\n  color: ${theme.palette.background.paper};\n  text-transform: uppercase;\n}\nlabel {\n  display: block;\n  font-family: \"Segoe UI\", Roboto, Noto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n  font-size: 14px;\n  color: ${theme.palette.text.secondary};\n  margin-top: 10px;\n}\n.error {\n  color: ${theme.palette.error.main};\n  border-color: ${theme.palette.error.main};\n}\n::placeholder {\n  color: ${theme.palette.grey[500]};\n}`.trim();\n};\n\nconst DEFAULT_CREDIT_CARD_PLACEHOLDERS = \"`placeholder=Enter Card Details&placeholdercvv=123&placeholdermonth=MM&placeholderyear=YYYY`;\"\nconst DEFAULT_CREDIT_CARD_FEATURES = `&useexpiry=true&usecvv=true&invalidcreditcardevent=true&formatinput=true&unique=true&enhancedresponse=true&cardnumbernumericonly=true`;\n\nconst DEFAULT_ECHECK_PLACEHOLDERS = `placeholder=Routing Number / Account Number`;\nconst DEFAULT_ECHECK_FEATURES = `&fullmobilekeyboard=true`;\n\n/**\n * `FiservForm` Component\n *\n * This component is responsible for rendering an iframe for payment processing tailored for the Fiserv payment gateway. It manages the dynamic creation of the iframe URL based on the provided attributes and configures the iframe behavior accordingly.\n *\n * @param {Object} {\n *   paymentMethod = PaymentTenderTypeEnum.CreditCard,\n *   baseUrl = \"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\",\n *   customCss = defaultCssStyles,\n *   attributes = null\n * } The properties passed to the component.\n * @param {PaymentTenderTypeEnum} [paymentMethod=PaymentTenderTypeEnum.CreditCard] The payment method type, affecting the endpoint.\n * @param {Object} [onStatusChange=null] Callback function to handle the status change event.\n * @param {string} [baseUrl=\"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\"] The base URL for the Fiserv payment gateway iframe.\n * @param {string} [customCss=defaultCssStyles] Custom CSS to apply within the iframe.\n * @param {Object} [attributes=null] Additional payment attributes to append as query parameters.\n * @param {string} [attributes.placeholder] Placeholder text for the card fields.\n * @param {string} [attributes.placeholdercvv] Placeholder text for the CVV field.\n * @param {string} [attributes.placeholdermonth] Placeholder for the expiration month field.\n * @param {string} [attributes.placeholderyear] Placeholder for the expiration year field.\n * @param {boolean} [attributes.useexpiry=true] Flag to enable the use of the expiration date.\n * @param {boolean} [attributes.usecvv=true] Flag to enable the use of the CVV code.\n * @param {boolean} [attributes.invalidcreditcardevent=true] Event triggered on invalid card input.\n * @param {boolean} [attributes.formatinput=true] Formats the card input fields.\n * @param {boolean} [attributes.unique=true] Ensures unique card number inputs.\n * @param {boolean} [attributes.enhancedresponse=true] Provides enhanced responses.\n * @param {boolean} [attributes.cardnumbernumericonly=true] Allows only numeric input for the card number.\n * @param {boolean} [attributes.fullmobilekeyboard=false] Enables full mobile keyboard access.\n *\n * @return {React.Component} The `FiservForm` component that handles the rendering of the payment iframe and processes payment data or errors.\n */\nexport const FiservForm = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = (paymentFormResult: any) => { },\n  baseUrl = \"https://fts-uat.cardconnect.com/itoke/ajax-tokenizer.html\",\n  customCss = '',\n  attributes = null,\n  paymentData = null\n}) => {\n  // State to hold the token value\n  const [loading, setLoading] = useState(true);\n  const [, setToken] = useState('');\n  const [error, setError] = useState(null);\n  const { t } = useTranslation();\n\n  const theme = useTheme();\n  const defaultCss = defaultCssStyles(theme);\n\n  /**\n   * handleFiservResponse\n   *\n   * @param {*} response\n   */\n  const handleFiservResponse = useCallback((response: any) => {\n    let isError;\n\n    if (paymentMethod === PaymentTenderTypeEnum.CreditCard) {\n      isError = response?.errorCode !== \"0\" || response?.errorMessage || !response?.token;\n    } else if (paymentMethod === PaymentTenderTypeEnum.ECheck) {\n      isError = !response?.message;\n    }\n\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload: response,\n      message: response?.message,\n      errorCode: response?.errorCode,\n      errorMessage: response?.errorMessage\n    };\n\n    onStatusChange(paymentFormResponse);\n  }, [onStatusChange, paymentMethod]);\n\n  const handleLoad = () => {\n    setLoading(false);\n  };\n\n  const handleError = () => {\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    // Restrict postMessage handling to the vendor iframe origin. Without this,\n    // any embedding context can spoof a tokenization payload.\n    let expectedOrigin = '';\n    try {\n      expectedOrigin = new URL(baseUrl).origin;\n    } catch {\n      expectedOrigin = '';\n    }\n\n    const handleMessage = (event: MessageEvent) => {\n      if (expectedOrigin && event.origin !== expectedOrigin) return;\n\n      try {\n        const data = JSON.parse(event.data);\n        setToken(data.message);\n        handleFiservResponse(data);\n      } catch (error) {\n        console.error('Error parsing the event data', error);\n      }\n    };\n\n    window.addEventListener('message', handleMessage, false);\n\n    return () => {\n      window.removeEventListener('message', handleMessage, false);\n    };\n  }, [paymentMethod, baseUrl, handleFiservResponse]);\n\n  /**\n   * iFrameURL\n   *\n   * @return {*}\n   */\n  const iFrameURL = useMemo(() => {\n    let url = \"\";\n\n    try {\n      const encodedCss = encodeURIComponent(customCss || defaultCss);\n\n      switch (paymentMethod) {\n        case PaymentTenderTypeEnum.CreditCard:\n          const creditCardCssStyles = `css=${encodedCss}`;\n          const queryParams = attributes ? Object.entries(attributes)?.map(([key, value]) => `${key.toLowerCase()}=${value?.toString()}`).join('&') : \"\";\n\n          url = attributes ? `${queryParams}&${creditCardCssStyles}` : `${DEFAULT_CREDIT_CARD_PLACEHOLDERS}&${creditCardCssStyles}${DEFAULT_CREDIT_CARD_FEATURES}`;\n          break;\n        case PaymentTenderTypeEnum.ECheck:\n          const eCheckCssStyles = `css=${encodedCss}`;\n          const queryParamsECheck = attributes ? Object.entries(attributes)?.map(([key, value]) => `${key.toLowerCase()}=${value?.toString()}`).join('&') : \"\";\n\n          url = attributes ? `${queryParamsECheck}&${eCheckCssStyles}` : `${DEFAULT_ECHECK_PLACEHOLDERS}&${eCheckCssStyles}${DEFAULT_ECHECK_FEATURES}`;\n          break;\n        default:\n          url = \"\";\n      }\n    } catch (error: any) {\n      setError(error?.message);\n    }\n\n    return `\n        ${url}\n        `.trim();\n  }, [paymentMethod]);\n\n  if (error) {\n    return (\n      <UdpMessageBar intent=\"error\" layout=\"multiline\">\n        {t('There was an error rendering the hosted payment form. Please check your settings and try again')}\n        {': '}\n        {error}\n      </UdpMessageBar>\n    );\n  }\n\n  return (\n    <form name=\"tokenform\" id=\"tokenform\">\n      {paymentMethod === PaymentTenderTypeEnum.ECheck && (\n        <UdpText variant=\"caption1\" block>\n          {t('eCheck Information')}\n        </UdpText>\n      )}\n\n      {loading && (\n        <UdpFlexbox direction=\"row\" justify=\"center\" align=\"center\">\n          <UdpSpinner size=\"medium\" />\n        </UdpFlexbox>\n      )}\n\n      <iframe\n        id=\"tokenframe\"\n        name=\"tokenframe\"\n        title={t('Payment tokenization')}\n        src={`${baseUrl}?${iFrameURL}`}\n        scrolling=\"yes\"\n        width=\"100%\"\n        height=\"220\"\n        frameBorder=\"0\"\n        onLoad={handleLoad}\n        onError={handleError}\n        style={{ display: loading ? 'none' : 'block', border: 0 }}\n      />\n    </form>\n  );\n};\n"],"mappings":"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"}

package/dist/utilities/form/paymentForm/vendorsForms/ICheckForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ICheckForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAKhF,UAAU,eAAe;IACvB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AA4BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiLhD,CAAC"}
+{"version":3,"file":"ICheckForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAMhF,UAAU,eAAe;IACvB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AA4BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoKhD,CAAC"}

package/dist/utilities/form/paymentForm/vendorsForms/ICheckForm.js

@@ -1,10 +1,11 @@
 import React, { useEffect, useState, useCallback } from 'react';
-import { Box, Typography, useTheme } from '@material-ui/core';
+import { useTheme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
 import { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';
 import { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';
-import { LayoutUnit } from '../../../../layout/LayoutUnit';
-import { CircularProgress } from '../../../../UI/loading/CircularProgress';
+import { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';
+import { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';
+import { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';
 ;
 const defaultCssStyles = (theme) => `
   body {
@@ -66,7 +67,7 @@ const defaultCssStyles = (theme) => `
 export const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = null, paymentDetails = null, baseUrl = "https://iframe.icheckgateway.com", customCss = '', attributes = null, paymentData = null }) => {
     const iframePaymentMethod = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ? 'iFrameCC' : 'iFrameBA';
     const [src, setSrc] = useState(`${baseUrl}/${iframePaymentMethod}.aspx?`);
-    const [response, setResponse] = useState({});
+    const [, setResponse] = useState({});
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState('');
     const { t } = useTranslation();
@@ -132,15 +133,26 @@ export const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, o
         }
     }, [attributes, paymentDetails, baseUrl, iframePaymentMethod, customCss]);
     useEffect(() => {
+        // Restrict postMessage handling to the iCheck iframe origin. Prefer the
+        // attributes.baseUrl override (set per tenant) when present, otherwise the
+        // default baseUrl. Without this any embedding context can spoof a token.
+        const sourceUrl = (attributes === null || attributes === void 0 ? void 0 : attributes.baseUrl) || baseUrl;
+        let expectedOrigin = '';
+        try {
+            expectedOrigin = new URL(sourceUrl).origin;
+        }
+        catch (_a) {
+            expectedOrigin = '';
+        }
         const handleMessage = (e) => {
+            var _a;
+            if (expectedOrigin && e.origin !== expectedOrigin)
+                return;
             const jsonData = e.data;
             if (typeof jsonData === 'object' &&
-                jsonData.constructor.name === 'Object') {
+                ((_a = jsonData === null || jsonData === void 0 ? void 0 : jsonData.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'Object') {
                 const source = jsonData.source;
                 if (source === 'iCheck') {
-                    if (jsonData.error) {
-                        console.log('Error: ' + jsonData.error);
-                    }
                     handleICheckResponse(jsonData);
                     setResponse(jsonData);
                 }
@@ -150,24 +162,10 @@ export const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, o
         return () => {
             window.removeEventListener('message', handleMessage);
         };
-    }, []);
-    return (React.createElement(React.Fragment, null, error ?
-        React.createElement(React.Fragment, null, React.createElement(Typography, { variant: "subtitle1", color: "error" }, t('There was an error rendering the hosted payment form. Please check your settings and try again')), React.createElement(LayoutUnit, { unit: "xxs" }), React.createElement(Typography, { variant: "body1", color: "error" }, t('Error'), ":", error))
-        :
-            React.createElement(React.Fragment, null, loading && (
-            // @ts-ignore
-            React.createElement(Box, { sx: {
-                    position: 'fixed',
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    zIndex: 9999,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                }, style: {
-                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
-                } }, React.createElement(CircularProgress, { size: "3rem", color: "primary" }))), React.createElement("iframe", { id: "iFrameBA", name: "iFrameBA", src: src, scrolling: "yes", width: "100%", height: "500", frameBorder: "0", onLoad: handleLoad, onError: handleError, style: { display: loading ? 'none' : 'block' } }))));
+    }, [baseUrl, attributes, handleICheckResponse]);
+    if (error) {
+        return (React.createElement(UdpMessageBar, { intent: "error", layout: "multiline" }, t('There was an error rendering the hosted payment form. Please check your settings and try again'), ': ', error));
+    }
+    return (React.createElement(React.Fragment, null, loading && (React.createElement(UdpFlexbox, { direction: "row", justify: "center", align: "center" }, React.createElement(UdpSpinner, { size: "medium" }))), React.createElement("iframe", { id: "iFrameBA", name: "iFrameBA", title: t('Payment tokenization'), src: src, scrolling: "yes", width: "100%", height: "500", frameBorder: "0", onLoad: handleLoad, onError: handleError, style: { display: loading ? 'none' : 'block', border: 0 } })));
 };
 //# sourceMappingURL=ICheckForm.js.map

package/dist/utilities/form/paymentForm/vendorsForms/ICheckForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ICheckForm.js","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ICheckForm.js","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"names":[],"mappings":"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"}