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

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

@@ -1,41 +1,51 @@
 import { ConfigService } from "../../../../configService/index.mjs";
 import { useUser } from "../../../auth/useUser.mjs";
 import { apiMutate } from "../../../useAxiosMutate.mjs";
-import { LayoutUnit } from "../../../../layout/LayoutUnit.mjs";
 import { PaymentTenderTypeEnum } from "../../../../enums/paymentTenderTypeEnum.mjs";
 import { PaymentVendorFactoryEnum } from "../../../../enums/paymentVendorFactoryEnum.mjs";
-import { CircularProgress as CircularProgress$1 } from "../../../../UI/loading/CircularProgress.mjs";
-import React, { useCallback, useEffect, useState } from "react";
-import { Box, Typography } from "@material-ui/core";
+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 React, { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { v4 } from "uuid";
 //#region src/utilities/form/paymentForm/vendorsForms/PaymentusForm.tsx
-const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = null, paymentDetails = null, baseUrl = "https://secure4.paymentus.com/xotp/pm/sgc2", attributes = null, paymentData = null }) => {
+const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = null, paymentDetails = null, baseUrl = "https://secure4.paymentus.com/xotp/pm/sgc2", attributes = null, paymentData = null, s2sToken, s2sTenantId }) => {
 	const methodURL = paymentMethod === PaymentTenderTypeEnum.CreditCard ? "creditcard" : "echeck";
-	const [src, setSrc] = useState(`${baseUrl}`);
-	const [response, setResponse] = useState({});
+	const [src, setSrc] = useState("");
+	const [, setResponse] = useState({});
 	const [loading, setLoading] = useState(true);
 	const [error, setError] = useState("");
 	const user = useUser();
-	const [paymentTokenCreditCardIDGuid] = useState(v4());
-	const [paymentTokenIDGuid] = useState(v4());
 	const { t } = useTranslation();
 	/**
 	* API call to get the Paymentus Token
 	*/
 	const getPaymentusToken = useCallback(async (payload) => {
 		if (!payload) return null;
-		return apiMutate(ConfigService.pgV1ApiUrl, `ProcessHostedPaymentPagePayment/authToken/${methodURL}`, {
+		const basePath = `ProcessHostedPaymentPagePayment/authToken/${methodURL}`;
+		const path = s2sToken ? `${basePath}/S2S` : basePath;
+		return apiMutate(ConfigService.pgV1ApiUrl, path, s2sToken ? {
+			method: "POST",
+			data: payload,
+			headers: {
+				Authorization: `Bearer ${s2sToken}`,
+				currentTenantId: s2sTenantId
+			}
+		} : {
 			method: "POST",
 			data: payload
 		}, {});
-	}, []);
-	useCallback(async (payload_0) => {
-		if (!payload_0) return null;
+	}, [
+		methodURL,
+		s2sToken,
+		s2sTenantId
+	]);
+	useCallback(async (payload) => {
+		if (!payload) return null;
 		const PostURL = paymentMethod === PaymentTenderTypeEnum.CreditCard ? "PaymentTokenCreditCard/ByPass" : "PaymentTokenECheck/CreateByPass";
 		return apiMutate(ConfigService.pgV1ApiUrl, `${PostURL}`, {
 			method: "POST",
-			data: payload_0
+			data: payload
 		}, {});
 	}, []);
 	/**
@@ -43,17 +53,23 @@ const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onSta
 	*
 	* @param {*} response
 	*/
-	const handlePaymentusResponse = useCallback((response_0) => {
+	const handlePaymentusResponse = useCallback((response) => {
+		const isError = response?.error;
+		console.log("it was here");
 		const paymentFormResponse = {
-			isValid: !response_0?.error,
-			payload: response_0,
-			message: response_0?.Token,
-			errorCode: response_0?.error,
-			errorMessage: response_0?.error,
+			isValid: !isError,
+			payload: response,
+			message: response?.Token,
+			errorCode: response?.error,
+			errorMessage: response?.error,
 			selectedHostedPayment: PaymentVendorFactoryEnum.Paymentus
 		};
 		onStatusChange?.(paymentFormResponse);
 	}, [onStatusChange, paymentMethod]);
+	const handlePaymentusResponseRef = useRef(handlePaymentusResponse);
+	useEffect(() => {
+		handlePaymentusResponseRef.current = handlePaymentusResponse;
+	}, [handlePaymentusResponse]);
 	const handleLoad = () => {
 		setLoading(false);
 	};
@@ -61,22 +77,26 @@ const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onSta
 		setLoading(false);
 	};
 	useEffect(() => {
+		const allowedOrigins = new Set(["https://pg-unity-api.unitydev.ca"]);
+		try {
+			allowedOrigins.add(new URL(src).origin);
+		} catch {}
 		const handleMessage = async (e) => {
+			if (allowedOrigins.size && !allowedOrigins.has(e.origin)) return;
 			const jsonData = e.data;
-			if (typeof jsonData === "object" && jsonData.constructor.name === "Object") {
-				if (jsonData && jsonData.height) {
-					const iframe = document.querySelector("iframe");
-					if (iframe) iframe.style.height = `${jsonData.height}px`;
+			if (typeof jsonData === "object" && jsonData?.constructor?.name === "Object") {
+				if (jsonData.frameHeight) {
+					const iframe = document.querySelector("#iFramePS");
+					if (iframe) iframe.style.height = `${jsonData.frameHeight}px`;
 				}
 				let responseData;
 				try {
 					responseData = JSON.parse(jsonData?.postBackData);
-				} catch (e_0) {
+				} catch (e) {
 					return;
 				}
 				if (responseData?.Token) {
-					if (jsonData.error) console.log("Error: " + jsonData.error);
-					handlePaymentusResponse(responseData);
+					handlePaymentusResponseRef.current(responseData);
 					setResponse(responseData);
 				}
 			}
@@ -85,16 +105,16 @@ const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onSta
 		return () => {
 			window.removeEventListener("message", handleMessage);
 		};
-	}, []);
+	}, [src]);
 	useEffect(() => {
 		const preLoadForm = async () => {
 			try {
-				if (!paymentData?.appPaymentVendorID === null || !paymentDetails) {
+				if (paymentData?.appPaymentVendorID == null || !paymentDetails) {
 					setError(t("Missing required data to render the hosted payment form"));
 					return;
 				}
-				const response_1 = await getPaymentusToken({
-					TenantID: user?.currentTenantId,
+				const result = (await getPaymentusToken({
+					TenantID: s2sToken ? s2sTenantId : user?.currentTenantId,
 					AppPaymentVendorID: paymentData?.appPaymentVendorID,
 					PaymentAmount: paymentDetails?.amount,
 					CurrencyCode: "USD",
@@ -108,11 +128,19 @@ const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onSta
 					Reference1: paymentDetails?.reference1,
 					Reference2: paymentDetails?.reference2,
 					Reference3: paymentDetails?.reference3
-				});
-				if (response_1?.data) setSrc(`${baseUrl}?authToken=${response_1.data}`);
-			} catch (e_1) {
-				console.error("Error generating iframe source URL:", e_1);
-				setError(t("Error generating iframe source") + e_1?.message);
+				}))?.data;
+				if (!result?.success) {
+					setError(t("Failed to generate the hosted payment page token"));
+					return;
+				}
+				if (!result.iFrameUrl) {
+					setError(t("The payment provider did not return an iframe URL"));
+					return;
+				}
+				setSrc(result.iFrameUrl);
+			} catch (e) {
+				console.error("Error generating iframe source URL:", e);
+				setError(t("Error generating iframe source") + e?.message);
 			}
 		};
 		preLoadForm();
@@ -123,38 +151,34 @@ const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onSta
 		baseUrl,
 		user
 	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, 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(React.Fragment, null, loading && /* @__PURE__ */ React.createElement(Box, { sx: {
-		position: "fixed",
-		top: 0,
-		left: 0,
+	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("div", { style: {
 		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", {
+		overflowX: "auto"
+	} }, loading && /* @__PURE__ */ React.createElement(UdpFlexbox, {
+		direction: "row",
+		justify: "center",
+		align: "center"
+	}, /* @__PURE__ */ React.createElement(UdpSpinner, { size: "medium" })), src && /* @__PURE__ */ React.createElement("iframe", {
 		id: "iFramePS",
 		name: "iFramePS",
+		title: t("Payment tokenization"),
 		src,
-		scrolling: "yes",
-		width: "100%",
+		scrolling: "auto",
+		width: "540",
 		height: "785",
 		frameBorder: "0",
 		onLoad: handleLoad,
 		onError: handleError,
-		style: { display: loading ? "none" : "block" }
-	})));
+		style: {
+			display: loading ? "none" : "block",
+			border: 0,
+			margin: "0 auto"
+		}
+	}));
 };
 //#endregion
 export { PaymentusForm };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentusForm.mjs","names":["React","useEffect","useState","useCallback","Box","Typography","PaymentDetails","PaymentMethodData","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","useTranslation","LayoutUnit","apiMutate","useUser","CircularProgress","v4","uuid","PaymentMethodTypeEnum","ConfigService","PaymentusFormProps","paymentMethod","onStatusChange","paymentFormResult","paymentDetails","baseUrl","attributes","paymentData","PaymentusForm","FC","CreditCard","methodURL","src","setSrc","response","setResponse","loading","setLoading","error","setError","user","paymentTokenCreditCardIDGuid","paymentTokenIDGuid","t","getPaymentusToken","payload","pgV1ApiUrl","method","data","postPaymentusToken","PostURL","handlePaymentusResponse","isError","paymentFormResponse","isValid","message","Token","errorCode","errorMessage","selectedHostedPayment","Paymentus","result","handleLoad","handleError","handleMessage","e","jsonData","constructor","name","height","iframe","document","querySelector","style","responseData","JSON","parse","postBackData","console","log","window","addEventListener","removeEventListener","preLoadForm","appPaymentVendorID","TenantID","currentTenantId","AppPaymentVendorID","PaymentAmount","amount","CurrencyCode","Customer","FirstName","firstName","LastName","lastName","Email","Phone","phone","OriginUrl","location","origin","Reference1","reference1","Reference2","reference2","Reference3","reference3","token","urlAttributes","position","top","left","width","backgroundColor","zIndex","display","alignItems","justifyContent"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/PaymentusForm.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { Box, Typography } from '@material-ui/core';\nimport { PaymentDetails, PaymentMethodData } from '../AccountPayment.model';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';\nimport { useTranslation } from 'react-i18next';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { apiMutate } from '../../../useAxiosMutate';\nimport { useUser } from '../../../auth/useUser';\nimport { CircularProgress } from '../../../../UI/loading/CircularProgress';\nimport { v4 as uuid } from 'uuid';\nimport { PaymentMethodTypeEnum } from '../../../../enums/paymentMethodTypeEnum';\nimport { ConfigService } from '../../../../configService';\n\ninterface PaymentusFormProps {\n  paymentMethod?: PaymentTenderTypeEnum;\n  onStatusChange?: (paymentFormResult: any) => void;\n  paymentDetails: PaymentDetails;\n  baseUrl: string;\n  attributes?: any;\n  paymentData?: PaymentMethodData;\n};\n\nexport const PaymentusForm: React.FC<PaymentusFormProps> = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = null,\n  paymentDetails = null,\n  baseUrl = \"https://secure4.paymentus.com/xotp/pm/sgc2\",\n  attributes = null,\n  paymentData = null\n}) => {\n  const methodURL = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ? 'creditcard' : 'echeck';\n\n  const [src, setSrc] = useState(`${baseUrl}`);\n  const [response, setResponse] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const user = useUser();\n\n  const [paymentTokenCreditCardIDGuid] = useState(uuid());\n  const [paymentTokenIDGuid] = useState(uuid());\n\n  const { t } = useTranslation();\n\n  /**\n   * API call to get the Paymentus Token\n   */\n  const getPaymentusToken: any = useCallback(\n    async (payload: any) => {\n      if (!payload) {\n        return null;\n      }\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `ProcessHostedPaymentPagePayment/authToken/${methodURL}`,\n        {\n          method: 'POST',\n          data: payload\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * API post the generated Token\n   */\n  const postPaymentusToken: any = useCallback(\n    async (payload: any) => {\n      if (!payload) {\n        return null;\n      }\n\n      const PostURL = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ?\n        'PaymentTokenCreditCard/ByPass' : 'PaymentTokenECheck/CreateByPass';\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `${PostURL}`,\n        {\n          method: 'POST',\n          data: payload,\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * handleFiservResponse\n   *\n   * @param {*} response\n   */\n  const handlePaymentusResponse = useCallback((response: any) => {\n    const isError = response?.error;\n\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload: response,\n      message: response?.Token,\n      errorCode: response?.error,\n      errorMessage: response?.error,\n      selectedHostedPayment: PaymentVendorFactoryEnum.Paymentus\n    };\n\n    (onStatusChange as unknown as ((result: any) => void) | undefined)?.(paymentFormResponse);\n  }, [onStatusChange, paymentMethod]);\n\n  const handleLoad = () => {\n    setLoading(false);\n  };\n\n  const handleError = () => {\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    const handleMessage = async (e: { data: any; }) => {\n      const jsonData = e.data;\n      if (\n        typeof jsonData === 'object' &&\n        jsonData.constructor.name === 'Object'\n      ) {\n        if (jsonData && jsonData.height) {\n          const iframe = document.querySelector('iframe');\n          if (iframe) {\n            iframe.style.height = `${jsonData.height}px`;\n          }\n        }\n\n        let responseData;\n        try {\n          responseData = JSON.parse(jsonData?.postBackData);\n        } catch (e) {\n          return;\n        }\n\n        if (responseData?.Token) {\n\n          if (jsonData.error) {\n            console.log('Error: ' + jsonData.error);\n          }\n\n          handlePaymentusResponse(responseData);\n          setResponse(responseData);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, []);\n\n  useEffect(() => {\n    const preLoadForm = async () => {\n      try {\n        if (!(paymentData as any)?.appPaymentVendorID === null ||\n          !paymentDetails\n        ) {\n          setError(t('Missing required data to render the hosted payment form'));\n          return;\n        }\n\n        const payload = {\n          TenantID: user?.currentTenantId,\n          AppPaymentVendorID: (paymentData as any)?.appPaymentVendorID,\n          PaymentAmount: (paymentDetails as any)?.amount,\n          CurrencyCode: 'USD',\n          Customer: {\n            FirstName: (paymentDetails as any)?.firstName,\n            LastName: (paymentDetails as any)?.lastName,\n            Email: null, //paymentDetails?.email, // NULL enable one-time payment\n            Phone: (paymentDetails as any)?.phone\n          },\n          OriginUrl: window.location.origin,\n          Reference1: (paymentDetails as any)?.reference1,\n          Reference2: (paymentDetails as any)?.reference2,\n          Reference3: (paymentDetails as any)?.reference3,\n        };\n\n        const response = await getPaymentusToken(payload);\n        if (response?.data) {\n          const token = response.data;\n          const urlAttributes = `${baseUrl}?authToken=${token}`;\n          setSrc(urlAttributes);\n        }\n      } catch (e: any) {\n        console.error('Error generating iframe source URL:', e);\n        setError(t('Error generating iframe source') + e?.message);\n      }\n    }\n    preLoadForm();\n  }, [attributes, paymentData, paymentDetails, baseUrl, user]);\n\n  return (\n    <>\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          <>\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\n            <iframe\n              id=\"iFramePS\"\n              name=\"iFramePS\"\n              src={src}\n              scrolling=\"yes\"\n              width=\"100%\"\n              height=\"785\"\n              frameBorder=\"0\"\n              onLoad={handleLoad}\n              onError={handleError}\n              style={{ display: loading ? 'none' : 'block' }}\n            />\n          </>\n      }\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PaymentusForm.mjs","names":["React","useEffect","useState","useCallback","useRef","HostedPaymentPageAuthTokenResponse","PaymentDetails","PaymentMethodData","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","useTranslation","apiMutate","useUser","UdpFlexbox","UdpSpinner","UdpMessageBar","ConfigService","PaymentusFormProps","paymentMethod","onStatusChange","paymentFormResult","paymentDetails","baseUrl","attributes","paymentData","s2sToken","s2sTenantId","PaymentusForm","FC","CreditCard","methodURL","src","setSrc","setResponse","loading","setLoading","error","setError","user","t","getPaymentusToken","payload","Promise","data","basePath","path","pgV1ApiUrl","method","headers","Authorization","currentTenantId","postPaymentusToken","PostURL","handlePaymentusResponse","response","isError","console","log","paymentFormResponse","isValid","message","Token","errorCode","errorMessage","selectedHostedPayment","Paymentus","result","handlePaymentusResponseRef","current","handleLoad","handleError","PAYMENT_GATEWAY_ORIGIN","allowedOrigins","Set","add","URL","origin","handleMessage","e","MessageEvent","size","has","jsonData","constructor","name","frameHeight","iframe","document","querySelector","HTMLIFrameElement","style","height","responseData","JSON","parse","postBackData","window","addEventListener","removeEventListener","preLoadForm","appPaymentVendorID","TenantID","AppPaymentVendorID","PaymentAmount","amount","CurrencyCode","Customer","FirstName","firstName","LastName","lastName","Email","Phone","phone","OriginUrl","location","Reference1","reference1","Reference2","reference2","Reference3","reference3","success","iFrameUrl","width","overflowX","display","border","margin"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/PaymentusForm.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback, useRef } from 'react';\nimport { HostedPaymentPageAuthTokenResponse, PaymentDetails, PaymentMethodData } from '../AccountPayment.model';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';\nimport { useTranslation } from 'react-i18next';\nimport { apiMutate } from '../../../useAxiosMutate';\nimport { useUser } from '../../../auth/useUser';\nimport { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';\nimport { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';\nimport { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';\nimport { ConfigService } from '../../../../configService';\n\ninterface PaymentusFormProps {\n  paymentMethod?: PaymentTenderTypeEnum;\n  onStatusChange?: (paymentFormResult: any) => void;\n  paymentDetails: PaymentDetails;\n  baseUrl: string;\n  attributes?: any;\n  paymentData?: PaymentMethodData;\n  /** S2S bearer token; when present the token fetch uses the `/S2S` endpoint variant. */\n  s2sToken?: string;\n  /** Tenant ID required alongside `s2sToken` for S2S mode API calls. */\n  s2sTenantId?: string;\n};\n\nexport const PaymentusForm: React.FC<PaymentusFormProps> = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = null,\n  paymentDetails = null,\n  baseUrl = \"https://secure4.paymentus.com/xotp/pm/sgc2\",\n  attributes = null,\n  paymentData = null,\n  s2sToken,\n  s2sTenantId\n}) => {\n  const methodURL = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ? 'creditcard' : 'echeck';\n\n  const [src, setSrc] = useState('');\n  const [, setResponse] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const user = useUser();\n\n  const { t } = useTranslation();\n\n  /**\n   * API call to get the Paymentus Token\n   */\n  const getPaymentusToken = useCallback(\n    async (payload: any): Promise<{ data?: HostedPaymentPageAuthTokenResponse } | null> => {\n      if (!payload) {\n        return null;\n      }\n\n      const basePath = `ProcessHostedPaymentPagePayment/authToken/${methodURL}`;\n      const path = s2sToken ? `${basePath}/S2S` : basePath;\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        path,\n        s2sToken\n          ? { method: 'POST', data: payload, headers: { Authorization: `Bearer ${s2sToken}`, currentTenantId: s2sTenantId } }\n          : { method: 'POST', data: payload },\n        {}\n      ) as Promise<{ data?: HostedPaymentPageAuthTokenResponse }>;\n    },\n    [methodURL, s2sToken, s2sTenantId]\n  );\n\n  /**\n   * API post the generated Token\n   */\n  const postPaymentusToken: any = useCallback(\n    async (payload: any) => {\n      if (!payload) {\n        return null;\n      }\n\n      const PostURL = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ?\n        'PaymentTokenCreditCard/ByPass' : 'PaymentTokenECheck/CreateByPass';\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `${PostURL}`,\n        {\n          method: 'POST',\n          data: payload,\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * handleFiservResponse\n   *\n   * @param {*} response\n   */\n  const handlePaymentusResponse = useCallback((response: any) => {\n    const isError = response?.error;\n    console.log('it was here');\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload: response,\n      message: response?.Token,\n      errorCode: response?.error,\n      errorMessage: response?.error,\n      selectedHostedPayment: PaymentVendorFactoryEnum.Paymentus\n    };\n\n    (onStatusChange as unknown as ((result: any) => void) | undefined)?.(paymentFormResponse);\n  }, [onStatusChange, paymentMethod]);\n\n  // Keeps the message listener effect below from needing handlePaymentusResponse\n  // in its deps — onStatusChange (and therefore handlePaymentusResponse) can churn\n  // identity on every parent render, which was tearing down and re-adding the\n  // window listener and could miss the iframe's response mid-rebuild.\n  const handlePaymentusResponseRef = useRef(handlePaymentusResponse);\n  useEffect(() => {\n    handlePaymentusResponseRef.current = handlePaymentusResponse;\n  }, [handlePaymentusResponse]);\n\n  const handleLoad = () => {\n    setLoading(false);\n  };\n\n  const handleError = () => {\n    setLoading(false);\n  };\n\n  useEffect(() => {\n    // Restrict postMessage handling to known senders: the Paymentus iframe\n    // itself (frame-height pings) and our payment-gateway host, which is where\n    // Paymentus's hosted flow actually serves the final tokenization postback\n    // page from — NOT the Paymentus domain.\n    //\n    // KNOWN STOPGAP: this should come from config (ConfigService.pgV1ApiUrl is\n    // hardcoded to UNITY_API_DOMAIN and never picks up REACT_APP_PG_API_BASE;\n    // reading import.meta.env directly from here doesn't work either, since\n    // this component ships inside the enterprise library's pre-built dist and\n    // the value comes back undefined at runtime). Hardcoded here as a known\n    // dev-environment value until ConfigService is fixed to wire this through\n    // properly — will need updating (or replacing with a real fix) before this\n    // goes to any environment other than unitydev.\n    const PAYMENT_GATEWAY_ORIGIN = 'https://pg-unity-api.unitydev.ca';\n\n    const allowedOrigins = new Set<string>([PAYMENT_GATEWAY_ORIGIN]);\n    try {\n      allowedOrigins.add(new URL(src).origin);\n    } catch {\n      // src isn't a valid absolute URL yet (e.g. still '' before the token loads).\n    }\n\n    const handleMessage = async (e: MessageEvent) => {\n      if (allowedOrigins.size && !allowedOrigins.has(e.origin)) return;\n\n      const jsonData = e.data;\n\n      if (\n        typeof jsonData === 'object' &&\n        jsonData?.constructor?.name === 'Object'\n      ) {\n        if (jsonData.frameHeight) {\n          const iframe = document.querySelector<HTMLIFrameElement>('#iFramePS');\n          if (iframe) {\n            iframe.style.height = `${jsonData.frameHeight}px`;\n          }\n        }\n\n        let responseData;\n        try {\n          responseData = JSON.parse(jsonData?.postBackData);\n        } catch (e) {\n          return;\n        }\n        if (responseData?.Token) {\n          handlePaymentusResponseRef.current(responseData);\n          setResponse(responseData);\n        }\n      }\n    };\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [src]);\n\n  useEffect(() => {\n    const preLoadForm = async () => {\n      try {\n        // == null intentionally matches both null and undefined.\n        if ((paymentData as any)?.appPaymentVendorID == null ||\n          !paymentDetails\n        ) {\n          setError(t('Missing required data to render the hosted payment form'));\n          return;\n        }\n\n        const payload = {\n          TenantID: s2sToken ? s2sTenantId : user?.currentTenantId,\n          AppPaymentVendorID: (paymentData as any)?.appPaymentVendorID,\n          PaymentAmount: (paymentDetails as any)?.amount,\n          CurrencyCode: 'USD',\n          Customer: {\n            FirstName: (paymentDetails as any)?.firstName,\n            LastName: (paymentDetails as any)?.lastName,\n            Email: null, //paymentDetails?.email, // NULL enable one-time payment\n            Phone: (paymentDetails as any)?.phone\n          },\n          OriginUrl: window.location.origin,\n          Reference1: (paymentDetails as any)?.reference1,\n          Reference2: (paymentDetails as any)?.reference2,\n          Reference3: (paymentDetails as any)?.reference3,\n        };\n\n        const response = await getPaymentusToken(payload);\n        const result = response?.data;\n        if (!result?.success) {\n          setError(t('Failed to generate the hosted payment page token'));\n          return;\n        }\n        if (!result.iFrameUrl) {\n          setError(t('The payment provider did not return an iframe URL'));\n          return;\n        }\n        setSrc(result.iFrameUrl);\n      } catch (e: any) {\n        console.error('Error generating iframe source URL:', e);\n        setError(t('Error generating iframe source') + e?.message);\n      }\n    }\n    preLoadForm();\n  }, [attributes, paymentData, paymentDetails, baseUrl, user]);\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    <div style={{ width: '100%', overflowX: 'auto' }}>\n      {loading && (\n        <UdpFlexbox direction=\"row\" justify=\"center\" align=\"center\">\n          <UdpSpinner size=\"medium\" />\n        </UdpFlexbox>\n      )}\n\n      {src && (\n        <iframe\n          id=\"iFramePS\"\n          name=\"iFramePS\"\n          title={t('Payment tokenization')}\n          src={src}\n          scrolling=\"auto\"\n          width=\"540\"\n          height=\"785\"\n          frameBorder=\"0\"\n          onLoad={handleLoad}\n          onError={handleError}\n          style={{ display: loading ? 'none' : 'block', border: 0, margin: '0 auto' }}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/utilities/form/useFieldChangeListener.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import { useEffect } from "react";
 import { useForm } from "react-final-form";
 //#region src/utilities/form/useFieldChangeListener.ts

package/dist/utilities/iconLibrary/FluentIcon.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { makeStyles } from "@material-ui/core";
 import clsx from "clsx";

package/dist/utilities/iconLibrary/IconLibrary.mjs

@@ -1,9 +1,9 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { FluentIcon } from "./FluentIcon.mjs";
 import { unityIcons } from "./UnityIconLibrary.mjs";
 import { fluentLibraryIcons } from "../../assets/unityIcons/LibraryData.mjs";
 import FluentIconKey_default from "../../UI/dataDisplay/map/FluentIconKey.mjs";
 import SelectedLibraryItem from "./SelectedLibraryItem.mjs";
-import { c } from "react-compiler-runtime";
 import React, { memo, useEffect, useState } from "react";
 import { Divider, Fade, InputAdornment, TextField, makeStyles } from "@material-ui/core";
 import { SearchIcon } from "@fluentui/react-icons";

package/dist/utilities/iconLibrary/SelectedLibraryItem.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { FluentIcon } from "./FluentIcon.mjs";
 import { UnityIcon } from "./UnityIcon.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 import { Button, Divider, Paper, Typography, makeStyles } from "@material-ui/core";
 import clsx from "clsx";

package/dist/utilities/iconLibrary/SvgIcon.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 //#region src/utilities/iconLibrary/SvgIcon.tsx
 const SvgIcon = (t0) => {

package/dist/utilities/iconLibrary/UnityFluentIcon.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { FluentIcon } from "./FluentIcon.mjs";
 import { UnityIcon } from "./UnityIcon.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/utilities/iconLibrary/UnityFluentIcon.jsx
 const UnityFluentIcon = (props) => {

package/dist/utilities/iconLibrary/UnityIcon.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { makeStyles } from "@material-ui/core";
 import clsx from "clsx";

package/dist/utilities/menus/MenuProvider.mjs

@@ -1,8 +1,8 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { ConfigService } from "../../configService/index.mjs";
 import { useUser } from "../auth/useUser.mjs";
 import { useAxiosGet } from "../useAxiosGet.mjs";
 import { findHomeRouteSlug, getRouteRolesMapAndMenuActiveMap } from "./menuUtilities.mjs";
-import { c } from "react-compiler-runtime";
 import React, { createContext, useContext } from "react";
 //#region src/utilities/menus/MenuProvider.tsx
 const MenuContext = createContext(null);

package/dist/utilities/page/PageSubHeaderAction.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/page/PageSubHeaderAction.jsx

package/dist/utilities/search/SearchUtilities.mjs

@@ -1,7 +1,7 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { LogicalSearchOperatorEnums, SearchGroupingType, UdpSearchEnums } from "../../enums/unitySystemEnums.mjs";
 import { useUser } from "../auth/useUser.mjs";
 import { AgGridFilterOperators, AgGridFilterTypes, SearchValueType, SqlFilterOperators } from "../../enums/aggridEnums.mjs";
-import { c } from "react-compiler-runtime";
 import { DateTime, IANAZone } from "luxon";
 //#region src/utilities/search/SearchUtilities.ts
 const getSearchObject = (searchFilterElements, page, pageSize, eagerLoad = false, logicalSearchOperator = LogicalSearchOperatorEnums.And, searchFilterGroups = []) => {

package/dist/utilities/style/ContentContainer.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { makeStyles } from "@material-ui/core";
 import clsx from "clsx";

package/dist/utilities/style/verticalStyles.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import { useState } from "react";
 //#region src/utilities/style/verticalStyles.js
 const verticalPrimary = (vertical) => {

package/dist/utilities/tenant/TenantAccessDialog.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { UdpTenantSelect } from "./UdpTenantSelect.mjs";
 import { UdpDialog } from "../../UI/fluent-web-components/UdpDialog.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/utilities/tenant/TenantAccessDialog.tsx
 const TenantAccessDialog = (t0) => {

package/dist/utilities/tenant/TenantProvider.mjs

@@ -1,3 +1,4 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { ConfigService } from "../../configService/index.mjs";
 import { TenantTypeEnums } from "../../enums/unitySystemEnums.mjs";
 import { useTenantStore } from "../../stores/tenantStore.mjs";
@@ -9,7 +10,6 @@ import { MenuProvider } from "../menus/MenuProvider.mjs";
 import { LoadingIndicator } from "../../UI/loading/LoadingIndicator/LoadingIndicator.mjs";
 import { TenantContext } from "./tenantContext.mjs";
 import { useProductsStore } from "../../stores/productsStore.mjs";
-import { c } from "react-compiler-runtime";
 import React, { Suspense, lazy, useCallback, useContext, useEffect, useMemo } from "react";
 import { useAccount } from "@azure/msal-react";
 //#region src/utilities/tenant/TenantProvider.jsx

package/dist/utilities/tenant/TenantSelect.mjs

@@ -1,5 +1,5 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { TenantTypeEnums } from "../../enums/unitySystemEnums.mjs";
-import { c } from "react-compiler-runtime";
 import React, { forwardRef } from "react";
 import { TextField } from "@material-ui/core";
 import { Autocomplete } from "@material-ui/lab";

package/dist/utilities/tenant/UdpTenantSelect.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { TenantTypeEnums } from "../../enums/unitySystemEnums.mjs";
 import { UdpAutocomplete } from "../../UI/fluent-web-components/UdpAutocomplete.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/utilities/tenant/UdpTenantSelect.tsx
 const sortByName = (list) => [...list].sort((a, b) => a.tenantName.toLowerCase().localeCompare(b.tenantName.toLowerCase()));

package/dist/utilities/theme/systemColors.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import { useState } from "react";
 //#region src/utilities/theme/systemColors.js
 const useSystemColor = () => {

package/dist/utilities/theme/theme.mjs

@@ -1,7 +1,7 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { useTenantStore } from "../../stores/tenantStore.mjs";
 import { greyScale, useTypeScale, verticalPrimary, verticalSecondary } from "../style/verticalStyles.mjs";
 import { useRouteRegistry } from "../../routes/routeRegistryStore.mjs";
-import { c } from "react-compiler-runtime";
 import React, { useState } from "react";
 import { CssBaseline, lighten } from "@material-ui/core";
 import { initializeTheme } from "udp-react-stencil-component-library";

package/dist/utilities/transactions/useTransactionEngine.mjs

@@ -1,7 +1,7 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { TransactionActionTypeEnums, TransactionEventTypeEnums } from "../../enums/unitySystemEnums.mjs";
 import { useUser } from "../auth/useUser.mjs";
 import { useTransactionStore } from "../../stores/transactionStore.mjs";
-import { c } from "react-compiler-runtime";
 import "react";
 import jsonLogic from "json-logic-js";
 //#region src/utilities/transactions/useTransactionEngine.js

package/dist/utilities/uploader/FileProfile.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React, { Fragment } from "react";
 import { Typography, makeStyles } from "@material-ui/core";
 //#region src/utilities/uploader/FileProfile.jsx

package/dist/utilities/uploader/FileType.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import FileProfile from "./FileProfile.mjs";
 import ImagePreview from "./ImagePreview.mjs";
-import { c } from "react-compiler-runtime";
 import React from "react";
 //#region src/utilities/uploader/FileType.jsx
 const FileType = (props) => {

package/dist/utilities/uploader/FileUpload.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { FluentButton } from "../../UI/inputs/buttons/FluentButton.mjs";
 import { FileType } from "./FileType.mjs";
-import { c } from "react-compiler-runtime";
 import React, { Fragment, useEffect, useRef, useState } from "react";
 import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
 //#region src/utilities/uploader/FileUpload.jsx

package/dist/utilities/uploader/ImagePreview.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { makeStyles } from "@material-ui/core";
 //#region src/utilities/uploader/ImagePreview.jsx

package/dist/utilities/useApiMutation.mjs

@@ -1,5 +1,5 @@
+import { c } from "../reactCompilerRuntime.mjs";
 import { apiMutate } from "./useAxiosMutate.mjs";
-import { c } from "react-compiler-runtime";
 import { useMutation } from "@tanstack/react-query";
 //#region src/utilities/useApiMutation.ts
 function useApiMutation(baseURL, url, t0, options) {

package/dist/utilities/useApiQuery.mjs

@@ -1,5 +1,5 @@
+import { c } from "../reactCompilerRuntime.mjs";
 import { apiGet } from "./apiClient.mjs";
-import { c } from "react-compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
 //#region src/utilities/useApiQuery.ts
 /**

package/dist/utilities/useDevicePixelRatio.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../reactCompilerRuntime.mjs";
 import { useEffect, useState } from "react";
 //#region src/utilities/useDevicePixelRatio.ts
 /**

package/dist/utilities/useGravatar.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../reactCompilerRuntime.mjs";
 import { useEffect, useState } from "react";
 import * as gravatar from "gravatar";
 import loadImages from "image-promise";

package/dist/utilities/utilityBar/InquiryHeaderControl.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/InquiryHeaderControl.jsx

package/dist/utilities/utilityBar/InquiryHeaderSecondary.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/InquiryHeaderSecondary.jsx

package/dist/utilities/utilityBar/InquiryHeaderSecondaryAlert.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/InquiryHeaderSecondaryAlert.jsx

package/dist/utilities/utilityBar/InquiryHeaderTitle.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/InquiryHeaderTitle.jsx

package/dist/utilities/utilityBar/SubHeaderAction.mjs

@@ -1,5 +1,5 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { useShellStore } from "../../stores/shellStore.mjs";
-import { c } from "react-compiler-runtime";
 import React, { Children, useEffect } from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/SubHeaderAction.jsx

package/dist/utilities/utilityBar/UtilityBarInport.mjs

@@ -1,4 +1,4 @@
-import { c } from "react-compiler-runtime";
+import { c } from "../../reactCompilerRuntime.mjs";
 import React from "react";
 import { createTeleporter } from "react-teleporter";
 //#region src/utilities/utilityBar/UtilityBarInport.jsx

package/dist/workflow/WorkflowContainer.mjs

@@ -1,3 +1,4 @@
+import { c } from "../reactCompilerRuntime.mjs";
 import { ConfigService } from "../configService/index.mjs";
 import { TreeViewModeEnums } from "../enums/unitySystemEnums.mjs";
 import { useUser } from "../utilities/auth/useUser.mjs";
@@ -11,7 +12,6 @@ import { WorkflowTreeMenu } from "./menus/WorkflowTreeMenu.mjs";
 import { transformWorkflowPlayTree } from "../utilities/workflow/workflowUtilities.mjs";
 import { WorkflowContent } from "./WorkflowContent.mjs";
 import { useUpdateSearchParams } from "../hooks/useUpdateSearchParams.mjs";
-import { c } from "react-compiler-runtime";
 import React, { useEffect, useState } from "react";
 import { makeStyles } from "@material-ui/core";
 import { useLocation } from "react-router-dom";

package/dist/workflow/components/WorkflowTaskFlow.mjs

@@ -1,6 +1,6 @@
+import { c } from "../../reactCompilerRuntime.mjs";
 import { FluentIcon } from "../../utilities/iconLibrary/FluentIcon.mjs";
 import { formatDateToLocaleString } from "../../utilities/input/DateUtilities.mjs";
-import { c } from "react-compiler-runtime";
 import React, { useState } from "react";
 import { Button, Step, StepConnector, StepLabel, Stepper, Typography, lighten, makeStyles, withStyles } from "@material-ui/core";
 import { DateTime } from "luxon";