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

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

@@ -1,9 +1,10 @@
-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 { 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, useState } from "react";
-import { Box, Typography, useTheme } from "@material-ui/core";
+import { useTheme } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
 //#region src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx
 const defaultCssStyles = (theme) => `
@@ -66,7 +67,7 @@ const defaultCssStyles = (theme) => `
 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();
@@ -76,15 +77,15 @@ const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 	*
 	* @param {*} response
 	*/
-	const handleICheckResponse = useCallback((response_0) => {
-		const isError = response_0?.error;
-		const payload = JSON.stringify(response_0, null, 2);
+	const handleICheckResponse = useCallback((response) => {
+		const isError = response?.error;
+		const payload = JSON.stringify(response, null, 2);
 		const paymentFormResponse = {
 			isValid: !isError,
 			payload,
-			message: response_0?.token,
-			errorCode: response_0?.error,
-			errorMessage: response_0?.error,
+			message: response?.token,
+			errorCode: response?.error,
+			errorMessage: response?.error,
 			selectedHostedPayment: PaymentVendorFactoryEnum.ICheck
 		};
 		onStatusChange?.(paymentFormResponse);
@@ -124,11 +125,18 @@ const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		customCss
 	]);
 	useEffect(() => {
+		const sourceUrl = attributes?.baseUrl || baseUrl;
+		let expectedOrigin = "";
+		try {
+			expectedOrigin = new URL(sourceUrl).origin;
+		} catch {
+			expectedOrigin = "";
+		}
 		const handleMessage = (e_0) => {
+			if (expectedOrigin && e_0.origin !== expectedOrigin) return;
 			const jsonData = e_0.data;
-			if (typeof jsonData === "object" && jsonData.constructor.name === "Object") {
+			if (typeof jsonData === "object" && jsonData?.constructor?.name === "Object") {
 				if (jsonData.source === "iCheck") {
-					if (jsonData.error) console.log("Error: " + jsonData.error);
 					handleICheckResponse(jsonData);
 					setResponse(jsonData);
 				}
@@ -138,32 +146,23 @@ const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		return () => {
 			window.removeEventListener("message", handleMessage);
 		};
-	}, []);
-	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,
-			width: "100%",
-			height: "100%",
-			zIndex: 9999,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center"
-		},
-		style: { backgroundColor: "rgba(255, 255, 255, 0.8)" }
-	}, /* @__PURE__ */ React.createElement(CircularProgress$1, {
-		size: "3rem",
-		color: "primary"
-	})), /* @__PURE__ */ React.createElement("iframe", {
+	}, [
+		baseUrl,
+		attributes,
+		handleICheckResponse
+	]);
+	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(React.Fragment, null, loading && /* @__PURE__ */ React.createElement(UdpFlexbox, {
+		direction: "row",
+		justify: "center",
+		align: "center"
+	}, /* @__PURE__ */ React.createElement(UdpSpinner, { size: "medium" })), /* @__PURE__ */ React.createElement("iframe", {
 		id: "iFrameBA",
 		name: "iFrameBA",
+		title: t("Payment tokenization"),
 		src,
 		scrolling: "yes",
 		width: "100%",
@@ -171,8 +170,11 @@ const ICheckForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatus
 		frameBorder: "0",
 		onLoad: handleLoad,
 		onError: handleError,
-		style: { display: loading ? "none" : "block" }
-	})));
+		style: {
+			display: loading ? "none" : "block",
+			border: 0
+		}
+	}));
 };
 //#endregion
 export { ICheckForm };

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

@@ -1 +1 @@
-{"version":3,"file":"ICheckForm.mjs","names":["React","useEffect","useState","useCallback","Box","Typography","useTheme","PaymentDetails","PaymentMethodData","useTranslation","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","LayoutUnit","CircularProgress","iCheckFormProps","paymentMethod","onStatusChange","paymentFormResult","paymentDetails","baseUrl","customCss","attributes","paymentData","defaultCssStyles","theme","palette","background","default","paper","text","primary","divider","main","trim","ICheckForm","FC","CreditCard","iframePaymentMethod","src","setSrc","response","setResponse","loading","setLoading","error","setError","t","defaultCss","handleICheckResponse","isError","payload","JSON","stringify","paymentFormResponse","isValid","message","token","errorCode","errorMessage","selectedHostedPayment","ICheck","result","handleLoad","handleError","urlAttributes","queryParams","mergedDetails","queryString","Object","keys","filter","key","map","encodeURIComponent","join","e","console","handleMessage","data","jsonData","constructor","name","source","log","window","addEventListener","removeEventListener","position","top","left","width","height","zIndex","display","alignItems","justifyContent","backgroundColor"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { Box, Typography, useTheme } from '@material-ui/core';\nimport { PaymentDetails, PaymentMethodData } from '../AccountPayment.model';\nimport { useTranslation } from 'react-i18next';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { CircularProgress } from '../../../../UI/loading/CircularProgress';\n\ninterface iCheckFormProps {\n  paymentMethod?: PaymentTenderTypeEnum;\n  onStatusChange?: (paymentFormResult: any) => void;\n  paymentDetails: PaymentDetails;\n  baseUrl: string;\n  customCss?: string;\n  attributes?: any;\n  paymentData?: PaymentMethodData;\n};\n\nconst defaultCssStyles = (theme: any) => `\n  body {\n    background: ${theme.palette.background.default};\n  }\n  payment {\n    padding: 1rem;\n    max-width: none;\n    background: ${theme.palette.background.paper};\n    border: none;\n    box-shadow: none;\n    color: ${theme.palette.text.primary};\n  }\n  paymentNumber {\n    border: 1px solid ${theme.palette.divider};\n  }\n  input[type='button'],\n  input[type='reset'],\n  input[type='submit'] {\n    background-color: ${theme.palette.primary.main};\n    font-size: 14px;\n    height: 40px;\n    border-radius: 0px;\n    border: none;\n  }\n`.trim();\n\n/**\n * `ICheckForm` Component\n *\n * Renders an iframe for payment processing via the iCheckGateway. Depending on the payment method, it dynamically generates the iframe URL with the appropriate query parameters. The component also listens for messages from the iframe, handling payment data or errors.\n *\n * @param {Object} props The properties passed to the component.\n * @param {PaymentTenderTypeEnum} [paymentMethod=PaymentTenderTypeEnum.CreditCard] Specifies the type of payment method, influencing the iframe endpoint.\n * @param {Object} [onStatusChange=null] Callback function to handle the status change event.\n * @param {Object} [paymentDetails=null] An object containing customer details such as firstName, lastName, email, etc.\n * @param {string} [baseUrl=\"https://iframe.icheckgateway.com\"] The base URL for the payment gateway iframe.\n * @param {string} [customCss=defaultCssStyles] Custom CSS styles to be applied within the iframe.\n * @param {Object} [attributes=null] An object containing additional payment attributes such as appId, appSecret, custId, etc. These are dynamically appended to the iframe URL as query parameters.\n * @param {string} [attributes.appId] Application ID for the payment gateway.\n * @param {string} [attributes.appSecret] Application secret for the payment gateway.\n * @param {string} [attributes.custId] Customer ID.\n * @param {string} [attributes.saveTokenDisabled] Flag to disable token saving.\n * @param {string} [attributes.firstName] Customer's first name.\n * @param {string} [attributes.lastName] Customer's last name.\n * @param {string} [attributes.email] Customer's email address.\n * @param {string} [attributes.company] Customer's company name.\n * @param {string} [attributes.street1] Customer's street address line 1.\n * @param {string} [attributes.street2] Customer's street address line 2.\n * @param {string} [attributes.city] Customer's city.\n * @param {string} [attributes.custom1] A custom field for additional data.\n * @param {string} [attributes.amount] Payment amount.\n * @param {string} [attributes.salesTax] Applicable sales tax.\n * @param {string} [attributes.entryClassCode] Entry class code for the transaction.\n * @param {string} [attributes.css] Custom CSS for the iframe content.\n * @param {string} [attributes.hostedURL=\"https://iframe.icheckgateway.com\"] Hosted URL; defaults to the base URL but can be overridden.\n *\n * @return {React.Component} The `ICheckForm` component renders an iframe for payment processing and displays the payment response.\n */\nexport const ICheckForm: React.FC<iCheckFormProps> = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = null,\n  paymentDetails = null,\n  baseUrl = \"https://iframe.icheckgateway.com\",\n  customCss = '',\n  attributes = null,\n  paymentData = null\n}) => {\n  const iframePaymentMethod = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ? 'iFrameCC' : 'iFrameBA';\n\n  const [src, setSrc] = useState(`${baseUrl}/${iframePaymentMethod}.aspx?`);\n  const [response, setResponse] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\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 handleICheckResponse = useCallback((response: any) => {\n    const isError = response?.error;\n\n    const payload = JSON.stringify(response, null, 2);\n\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload,\n      message: response?.token,\n      errorCode: response?.error,\n      errorMessage: response?.error,\n      selectedHostedPayment: PaymentVendorFactoryEnum.ICheck\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    try {\n      let urlAttributes = src;\n      let queryParams = \"\";\n\n      // Replace the values from queryParam from paymentDetails\n      if (paymentDetails) {\n        // Create a new object by spreading both attributes and paymentDetails\n        const mergedDetails = { ...(attributes as any), ...(paymentDetails as any) };\n\n        // Base URL from the attributes object\n        const baseUrl = (attributes as any)?.baseUrl + `/${iframePaymentMethod}.aspx`;\n\n        // Remove the baseUrl from mergedDetails before creating the query string\n        delete mergedDetails.baseUrl;\n\n        // Create a query string from the mergedDetails object\n        const queryString = Object.keys(mergedDetails)\n          .filter(key => mergedDetails[key] !== \"\" && mergedDetails[key] != null)  // Filter out empty or null values\n          .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(mergedDetails[key])}`)  // Create each query string component\n          .join('&');  // Join components to form the full query string\n\n        // Return the full URL\n        queryParams = `${baseUrl}?${queryString}`;\n      }\n\n      queryParams += `&css=${encodeURIComponent(customCss || defaultCss)}`;\n\n      // Append query parameters to urlAttributes\n\n      if (paymentDetails) {\n        urlAttributes = queryParams;\n      }\n      else {\n        urlAttributes += queryParams;\n      }\n\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  }, [attributes, paymentDetails, baseUrl, iframePaymentMethod, customCss]);\n\n  useEffect(() => {\n    const handleMessage = (e: { data: any; }) => {\n\n      const jsonData = e.data;\n      if (\n        typeof jsonData === 'object' &&\n        jsonData.constructor.name === 'Object'\n      ) {\n        const source = jsonData.source;\n\n        if (source === 'iCheck') {\n\n          if (jsonData.error) {\n            console.log('Error: ' + jsonData.error);\n          }\n\n          handleICheckResponse(jsonData);\n          setResponse(jsonData);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, []);\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                  zIndex: 9999,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n                style={{\n                  backgroundColor: 'rgba(255, 255, 255, 0.8)',\n                }}\n              >\n                <CircularProgress size=\"3rem\" color=\"primary\" />\n              </Box>\n            )}\n\n            <iframe\n              id=\"iFrameBA\"\n              name=\"iFrameBA\"\n              src={src}\n              scrolling=\"yes\"\n              width=\"100%\"\n              height=\"500\"\n              frameBorder=\"0\"\n              onLoad={handleLoad}\n              onError={handleError}\n              style={{ display: loading ? 'none' : 'block' }}\n            />\n          </>\n      }\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAmBA,MAAMuB,oBAAoBC,UAAe;;kBAEvBA,MAAMC,QAAQC,WAAWC,QAAO;;;;;kBAKhCH,MAAMC,QAAQC,WAAWE,MAAK;;;aAGnCJ,MAAMC,QAAQI,KAAKC,QAAO;;;wBAGfN,MAAMC,QAAQM,QAAO;;;;;wBAKrBP,MAAMC,QAAQK,QAAQE,KAAI;;;;;;EAMhDC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCR,MAAaC,cAAyC,EACpDnB,gBAAgBL,sBAAsB0B,YACtCpB,iBAAiB,MACjBE,iBAAiB,MACjBC,UAAU,oCACVC,YAAY,IACZC,aAAa,MACbC,cAAc,WACV;CACJ,MAAMe,sBAAuBtB,kBAAkBL,sBAAsB0B,aAAc,aAAa;CAEhG,MAAM,CAACE,KAAKC,UAAUrC,SAAS,GAAGiB,QAAO,GAAIkB,oBAAmB,QAAS;CACzE,MAAM,CAACG,UAAUC,eAAevC,SAAS,EAAE,CAAC;CAC5C,MAAM,CAACwC,SAASC,cAAczC,SAAS,KAAK;CAC5C,MAAM,CAAC0C,OAAOC,YAAY3C,SAAS,GAAG;CACtC,MAAM,EAAE4C,MAAMrC,gBAAgB;CAG9B,MAAMsC,aAAaxB,iBADLjB,UAAU,CACkB;;;;;;CAO1C,MAAM0C,uBAAuB7C,aAAaqC,eAAkB;EAC1D,MAAMS,UAAUT,YAAUI;EAE1B,MAAMM,UAAUC,KAAKC,UAAUZ,YAAU,MAAM,EAAE;EAEjD,MAAMa,sBAAsB;GAC1BC,SAAS,CAACL;GACVC;GACAK,SAASf,YAAUgB;GACnBC,WAAWjB,YAAUI;GACrBc,cAAclB,YAAUI;GACxBe,uBAAuBhD,yBAAyBiD;GACjD;AAEA5C,mBAAoEqC,oBAAoB;IACxF,CAACrC,gBAAgBD,cAAc,CAAC;CAEnC,MAAM+C,mBAAmB;AACvBnB,aAAW,MAAM;;CAGnB,MAAMoB,oBAAoB;AACxBpB,aAAW,MAAM;;AAGnB1C,iBAAgB;AACd,MAAI;GACF,IAAI+D,gBAAgB1B;GACpB,IAAI2B,cAAc;AAGlB,OAAI/C,gBAAgB;IAElB,MAAMgD,gBAAgB;KAAE,GAAI7C;KAAoB,GAAIH;KAAwB;IAG5E,MAAMC,YAAWE,YAAoBF,UAAU,IAAIkB,oBAAmB;AAGtE,WAAO6B,cAAc/C;AASrB8C,kBAAc,GAAG9C,UAAO,GANJiD,OAAOC,KAAKH,cAAc,CAC3CI,QAAOC,QAAOL,cAAcK,SAAS,MAAML,cAAcK,QAAQ,KAAK,CACtEC,KAAID,UAAO,GAAGE,mBAAmBF,MAAI,CAAA,GAAIE,mBAAmBP,cAAcK,OAAK,GAAG,CAClFG,KAAK,IAAI;;AAMdT,kBAAe,QAAQQ,mBAAmBrD,aAAa2B,WAAW;AAIlE,OAAI7B,eACF8C,iBAAgBC;OAGhBD,kBAAiBC;AAGnB1B,UAAOyB,cAAc;WAEdW,GAAQ;AACfC,WAAQhC,MAAM,uCAAuC+B,EAAE;AACvD9B,YAASC,EAAE,iCAAiC,GAAG6B,GAAGpB,QAAQ;;IAE3D;EAAClC;EAAYH;EAAgBC;EAASkB;EAAqBjB;EAAU,CAAC;AAEzEnB,iBAAgB;EACd,MAAM4E,iBAAiBF,QAAsB;GAE3C,MAAMI,WAAWJ,IAAEG;AACnB,OACE,OAAOC,aAAa,YACpBA,SAASC,YAAYC,SAAS;QAEfF,SAASG,WAET,UAAU;AAEvB,SAAIH,SAASnC,MACXgC,SAAQO,IAAI,YAAYJ,SAASnC,MAAM;AAGzCI,0BAAqB+B,SAAS;AAC9BtC,iBAAYsC,SAAS;;;;AAK3BK,SAAOC,iBAAiB,WAAWR,cAAc;AAEjD,eAAa;AACXO,UAAOE,oBAAoB,WAAWT,cAAc;;IAErD,EAAE,CAAC;AAEN,QACE,sBAAA,cAAA,MAAA,UAAA,MAEIjC,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC,YAAD;EAAY,SAAQ;EAAY,OAAM;EAE1B,EADTE,EAAE,iGAAiG,EAAC,IAC3F,EACZ,sBAAA,cAAC,YAAD,EAAY,MAAK,OAAK,CAAA,EACtB,sBAAA,cAAC,YAAD;EAAY,SAAQ;EAAQ,OAAM;EAEtB,EADTA,EAAE,QAAQ,EAAC,KAAEF,MACJ,CACX,GAEH,sBAAA,cAAA,MAAA,UAAA,MACGF,WAEC,sBAAA,cAAC,KAAD;EACE,IAAI;GACF6C,UAAU;GACVC,KAAK;GACLC,MAAM;GACNC,OAAO;GACPC,QAAQ;GACRC,QAAQ;GACRC,SAAS;GACTC,YAAY;GACZC,gBAAgB;GACjB;EACD,OAAO,EACLC,iBAAiB,4BAClB;EAIJ,EAFG,sBAAA,cAAC,oBAAD;EAAkB,MAAK;EAAO,OAAM;EAAS,CAAA,CAEhD,EAED,sBAAA,cAAC,UAAD;EACE,IAAG;EACH,MAAK;EACA1D;EACL,WAAU;EACV,OAAM;EACN,QAAO;EACP,aAAY;EACZ,QAAQwB;EACR,SAASC;EACT,OAAO,EAAE8B,SAASnD,UAAU,SAAS,SAAS;EAAC,CAAA,CAGvD,CACC"}
+{"version":3,"file":"ICheckForm.mjs","names":["React","useEffect","useState","useCallback","useTheme","PaymentDetails","PaymentMethodData","useTranslation","PaymentTenderTypeEnum","PaymentVendorFactoryEnum","UdpFlexbox","UdpSpinner","UdpMessageBar","iCheckFormProps","paymentMethod","onStatusChange","paymentFormResult","paymentDetails","baseUrl","customCss","attributes","paymentData","defaultCssStyles","theme","palette","background","default","paper","text","primary","divider","main","trim","ICheckForm","FC","CreditCard","iframePaymentMethod","src","setSrc","setResponse","loading","setLoading","error","setError","t","defaultCss","handleICheckResponse","response","isError","payload","JSON","stringify","paymentFormResponse","isValid","message","token","errorCode","errorMessage","selectedHostedPayment","ICheck","result","handleLoad","handleError","urlAttributes","queryParams","mergedDetails","queryString","Object","keys","filter","key","map","encodeURIComponent","join","e","console","sourceUrl","expectedOrigin","URL","origin","handleMessage","MessageEvent","jsonData","data","constructor","name","source","window","addEventListener","removeEventListener","display","border"],"sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/ICheckForm.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { PaymentDetails, PaymentMethodData } from '../AccountPayment.model';\nimport { useTranslation } from 'react-i18next';\nimport { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';\nimport { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';\nimport { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';\nimport { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';\nimport { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';\n\ninterface iCheckFormProps {\n  paymentMethod?: PaymentTenderTypeEnum;\n  onStatusChange?: (paymentFormResult: any) => void;\n  paymentDetails: PaymentDetails;\n  baseUrl: string;\n  customCss?: string;\n  attributes?: any;\n  paymentData?: PaymentMethodData;\n};\n\nconst defaultCssStyles = (theme: any) => `\n  body {\n    background: ${theme.palette.background.default};\n  }\n  payment {\n    padding: 1rem;\n    max-width: none;\n    background: ${theme.palette.background.paper};\n    border: none;\n    box-shadow: none;\n    color: ${theme.palette.text.primary};\n  }\n  paymentNumber {\n    border: 1px solid ${theme.palette.divider};\n  }\n  input[type='button'],\n  input[type='reset'],\n  input[type='submit'] {\n    background-color: ${theme.palette.primary.main};\n    font-size: 14px;\n    height: 40px;\n    border-radius: 0px;\n    border: none;\n  }\n`.trim();\n\n/**\n * `ICheckForm` Component\n *\n * Renders an iframe for payment processing via the iCheckGateway. Depending on the payment method, it dynamically generates the iframe URL with the appropriate query parameters. The component also listens for messages from the iframe, handling payment data or errors.\n *\n * @param {Object} props The properties passed to the component.\n * @param {PaymentTenderTypeEnum} [paymentMethod=PaymentTenderTypeEnum.CreditCard] Specifies the type of payment method, influencing the iframe endpoint.\n * @param {Object} [onStatusChange=null] Callback function to handle the status change event.\n * @param {Object} [paymentDetails=null] An object containing customer details such as firstName, lastName, email, etc.\n * @param {string} [baseUrl=\"https://iframe.icheckgateway.com\"] The base URL for the payment gateway iframe.\n * @param {string} [customCss=defaultCssStyles] Custom CSS styles to be applied within the iframe.\n * @param {Object} [attributes=null] An object containing additional payment attributes such as appId, appSecret, custId, etc. These are dynamically appended to the iframe URL as query parameters.\n * @param {string} [attributes.appId] Application ID for the payment gateway.\n * @param {string} [attributes.appSecret] Application secret for the payment gateway.\n * @param {string} [attributes.custId] Customer ID.\n * @param {string} [attributes.saveTokenDisabled] Flag to disable token saving.\n * @param {string} [attributes.firstName] Customer's first name.\n * @param {string} [attributes.lastName] Customer's last name.\n * @param {string} [attributes.email] Customer's email address.\n * @param {string} [attributes.company] Customer's company name.\n * @param {string} [attributes.street1] Customer's street address line 1.\n * @param {string} [attributes.street2] Customer's street address line 2.\n * @param {string} [attributes.city] Customer's city.\n * @param {string} [attributes.custom1] A custom field for additional data.\n * @param {string} [attributes.amount] Payment amount.\n * @param {string} [attributes.salesTax] Applicable sales tax.\n * @param {string} [attributes.entryClassCode] Entry class code for the transaction.\n * @param {string} [attributes.css] Custom CSS for the iframe content.\n * @param {string} [attributes.hostedURL=\"https://iframe.icheckgateway.com\"] Hosted URL; defaults to the base URL but can be overridden.\n *\n * @return {React.Component} The `ICheckForm` component renders an iframe for payment processing and displays the payment response.\n */\nexport const ICheckForm: React.FC<iCheckFormProps> = ({\n  paymentMethod = PaymentTenderTypeEnum.CreditCard,\n  onStatusChange = null,\n  paymentDetails = null,\n  baseUrl = \"https://iframe.icheckgateway.com\",\n  customCss = '',\n  attributes = null,\n  paymentData = null\n}) => {\n  const iframePaymentMethod = (paymentMethod === PaymentTenderTypeEnum.CreditCard) ? 'iFrameCC' : 'iFrameBA';\n\n  const [src, setSrc] = useState(`${baseUrl}/${iframePaymentMethod}.aspx?`);\n  const [, setResponse] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\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 handleICheckResponse = useCallback((response: any) => {\n    const isError = response?.error;\n\n    const payload = JSON.stringify(response, null, 2);\n\n    const paymentFormResponse = {\n      isValid: !isError,\n      payload,\n      message: response?.token,\n      errorCode: response?.error,\n      errorMessage: response?.error,\n      selectedHostedPayment: PaymentVendorFactoryEnum.ICheck\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    try {\n      let urlAttributes = src;\n      let queryParams = \"\";\n\n      // Replace the values from queryParam from paymentDetails\n      if (paymentDetails) {\n        // Create a new object by spreading both attributes and paymentDetails\n        const mergedDetails = { ...(attributes as any), ...(paymentDetails as any) };\n\n        // Base URL from the attributes object\n        const baseUrl = (attributes as any)?.baseUrl + `/${iframePaymentMethod}.aspx`;\n\n        // Remove the baseUrl from mergedDetails before creating the query string\n        delete mergedDetails.baseUrl;\n\n        // Create a query string from the mergedDetails object\n        const queryString = Object.keys(mergedDetails)\n          .filter(key => mergedDetails[key] !== \"\" && mergedDetails[key] != null)  // Filter out empty or null values\n          .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(mergedDetails[key])}`)  // Create each query string component\n          .join('&');  // Join components to form the full query string\n\n        // Return the full URL\n        queryParams = `${baseUrl}?${queryString}`;\n      }\n\n      queryParams += `&css=${encodeURIComponent(customCss || defaultCss)}`;\n\n      // Append query parameters to urlAttributes\n\n      if (paymentDetails) {\n        urlAttributes = queryParams;\n      }\n      else {\n        urlAttributes += queryParams;\n      }\n\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  }, [attributes, paymentDetails, baseUrl, iframePaymentMethod, customCss]);\n\n  useEffect(() => {\n    // Restrict postMessage handling to the iCheck iframe origin. Prefer the\n    // attributes.baseUrl override (set per tenant) when present, otherwise the\n    // default baseUrl. Without this any embedding context can spoof a token.\n    const sourceUrl = (attributes as any)?.baseUrl || baseUrl;\n    let expectedOrigin = '';\n    try {\n      expectedOrigin = new URL(sourceUrl).origin;\n    } catch {\n      expectedOrigin = '';\n    }\n\n    const handleMessage = (e: MessageEvent) => {\n      if (expectedOrigin && e.origin !== expectedOrigin) return;\n\n      const jsonData = e.data;\n      if (\n        typeof jsonData === 'object' &&\n        jsonData?.constructor?.name === 'Object'\n      ) {\n        const source = jsonData.source;\n\n        if (source === 'iCheck') {\n          handleICheckResponse(jsonData);\n          setResponse(jsonData);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [baseUrl, attributes, handleICheckResponse]);\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    <>\n      {loading && (\n        <UdpFlexbox direction=\"row\" justify=\"center\" align=\"center\">\n          <UdpSpinner size=\"medium\" />\n        </UdpFlexbox>\n      )}\n\n      <iframe\n        id=\"iFrameBA\"\n        name=\"iFrameBA\"\n        title={t('Payment tokenization')}\n        src={src}\n        scrolling=\"yes\"\n        width=\"100%\"\n        height=\"500\"\n        frameBorder=\"0\"\n        onLoad={handleLoad}\n        onError={handleError}\n        style={{ display: loading ? 'none' : 'block', border: 0 }}\n      />\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/utilities/form/paymentForm/vendorsForms/PaymentusForm.d.ts

@@ -8,6 +8,10 @@ interface PaymentusFormProps {
     baseUrl: string;
     attributes?: any;
     paymentData?: PaymentMethodData;
+    /** S2S bearer token; when present the token fetch uses the `/S2S` endpoint variant. */
+    s2sToken?: string;
+    /** Tenant ID required alongside `s2sToken` for S2S mode API calls. */
+    s2sTenantId?: string;
 }
 export declare const PaymentusForm: React.FC<PaymentusFormProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentusForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/PaymentusForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAWhF,UAAU,kBAAkB;IAC1B,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,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqOtD,CAAC"}
+{"version":3,"file":"PaymentusForm.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/form/paymentForm/vendorsForms/PaymentusForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAsC,cAAc,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAChH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAUhF,UAAU,kBAAkB;IAC1B,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,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuPtD,CAAC"}

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

@@ -1,24 +1,21 @@
-import React, { useEffect, useState, useCallback } from 'react';
-import { Box, Typography } from '@material-ui/core';
+import React, { useEffect, useState, useCallback, useRef } from 'react';
 import { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';
 import { PaymentVendorFactoryEnum } from '../../../../enums/paymentVendorFactoryEnum';
 import { useTranslation } from 'react-i18next';
-import { LayoutUnit } from '../../../../layout/LayoutUnit';
 import { apiMutate } from '../../../useAxiosMutate';
 import { useUser } from '../../../auth/useUser';
-import { CircularProgress } from '../../../../UI/loading/CircularProgress';
-import { v4 as uuid } from 'uuid';
+import { UdpFlexbox } from '../../../../UI/fluent-web-components/UdpFlexbox';
+import { UdpSpinner } from '../../../../UI/fluent-web-components/UdpSpinner';
+import { UdpMessageBar } from '../../../../UI/fluent-web-components/UdpMessageBar';
 import { ConfigService } from '../../../../configService';
 ;
-export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard, onStatusChange = null, paymentDetails = null, baseUrl = "https://secure4.paymentus.com/xotp/pm/sgc2", attributes = null, paymentData = null }) => {
+export 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(uuid());
-    const [paymentTokenIDGuid] = useState(uuid());
     const { t } = useTranslation();
     /**
      * API call to get the Paymentus Token
@@ -27,11 +24,12 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
         if (!payload) {
             return null;
         }
-        return apiMutate(ConfigService.pgV1ApiUrl, `ProcessHostedPaymentPagePayment/authToken/${methodURL}`, {
-            method: 'POST',
-            data: payload
-        }, {});
-    }, []);
+        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 }, {});
+    }, [methodURL, s2sToken, s2sTenantId]);
     /**
      * API post the generated Token
      */
@@ -53,6 +51,7 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
      */
     const handlePaymentusResponse = useCallback((response) => {
         const isError = response === null || response === void 0 ? void 0 : response.error;
+        console.log('it was here');
         const paymentFormResponse = {
             isValid: !isError,
             payload: response,
@@ -63,6 +62,14 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
         };
         onStatusChange === null || onStatusChange === void 0 ? void 0 : onStatusChange(paymentFormResponse);
     }, [onStatusChange, paymentMethod]);
+    // Keeps the message listener effect below from needing handlePaymentusResponse
+    // in its deps — onStatusChange (and therefore handlePaymentusResponse) can churn
+    // identity on every parent render, which was tearing down and re-adding the
+    // window listener and could miss the iframe's response mid-rebuild.
+    const handlePaymentusResponseRef = useRef(handlePaymentusResponse);
+    useEffect(() => {
+        handlePaymentusResponseRef.current = handlePaymentusResponse;
+    }, [handlePaymentusResponse]);
     const handleLoad = () => {
         setLoading(false);
     };
@@ -70,14 +77,38 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
         setLoading(false);
     };
     useEffect(() => {
+        // Restrict postMessage handling to known senders: the Paymentus iframe
+        // itself (frame-height pings) and our payment-gateway host, which is where
+        // Paymentus's hosted flow actually serves the final tokenization postback
+        // page from — NOT the Paymentus domain.
+        //
+        // KNOWN STOPGAP: this should come from config (ConfigService.pgV1ApiUrl is
+        // hardcoded to UNITY_API_DOMAIN and never picks up REACT_APP_PG_API_BASE;
+        // reading import.meta.env directly from here doesn't work either, since
+        // this component ships inside the enterprise library's pre-built dist and
+        // the value comes back undefined at runtime). Hardcoded here as a known
+        // dev-environment value until ConfigService is fixed to wire this through
+        // properly — will need updating (or replacing with a real fix) before this
+        // goes to any environment other than unitydev.
+        const PAYMENT_GATEWAY_ORIGIN = 'https://pg-unity-api.unitydev.ca';
+        const allowedOrigins = new Set([PAYMENT_GATEWAY_ORIGIN]);
+        try {
+            allowedOrigins.add(new URL(src).origin);
+        }
+        catch (_a) {
+            // src isn't a valid absolute URL yet (e.g. still '' before the token loads).
+        }
         const handleMessage = async (e) => {
+            var _a;
+            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');
+                ((_a = jsonData === null || jsonData === void 0 ? void 0 : jsonData.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'Object') {
+                if (jsonData.frameHeight) {
+                    const iframe = document.querySelector('#iFramePS');
                     if (iframe) {
-                        iframe.style.height = `${jsonData.height}px`;
+                        iframe.style.height = `${jsonData.frameHeight}px`;
                     }
                 }
                 let responseData;
@@ -88,10 +119,7 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
                     return;
                 }
                 if (responseData === null || responseData === void 0 ? void 0 : responseData.Token) {
-                    if (jsonData.error) {
-                        console.log('Error: ' + jsonData.error);
-                    }
-                    handlePaymentusResponse(responseData);
+                    handlePaymentusResponseRef.current(responseData);
                     setResponse(responseData);
                 }
             }
@@ -100,17 +128,19 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
         return () => {
             window.removeEventListener('message', handleMessage);
         };
-    }, []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [src]);
     useEffect(() => {
         const preLoadForm = async () => {
             try {
-                if (!(paymentData === null || paymentData === void 0 ? void 0 : paymentData.appPaymentVendorID) === null ||
+                // == null intentionally matches both null and undefined.
+                if ((paymentData === null || paymentData === void 0 ? void 0 : paymentData.appPaymentVendorID) == null ||
                     !paymentDetails) {
                     setError(t('Missing required data to render the hosted payment form'));
                     return;
                 }
                 const payload = {
-                    TenantID: user === null || user === void 0 ? void 0 : user.currentTenantId,
+                    TenantID: s2sToken ? s2sTenantId : user === null || user === void 0 ? void 0 : user.currentTenantId,
                     AppPaymentVendorID: paymentData === null || paymentData === void 0 ? void 0 : paymentData.appPaymentVendorID,
                     PaymentAmount: paymentDetails === null || paymentDetails === void 0 ? void 0 : paymentDetails.amount,
                     CurrencyCode: 'USD',
@@ -126,11 +156,16 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
                     Reference3: paymentDetails === null || paymentDetails === void 0 ? void 0 : paymentDetails.reference3,
                 };
                 const response = await getPaymentusToken(payload);
-                if (response === null || response === void 0 ? void 0 : response.data) {
-                    const token = response.data;
-                    const urlAttributes = `${baseUrl}?authToken=${token}`;
-                    setSrc(urlAttributes);
+                const result = response === null || response === void 0 ? void 0 : response.data;
+                if (!(result === null || result === void 0 ? void 0 : 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);
@@ -139,23 +174,9 @@ export const PaymentusForm = ({ paymentMethod = PaymentTenderTypeEnum.CreditCard
         };
         preLoadForm();
     }, [attributes, paymentData, paymentDetails, baseUrl, user]);
-    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%',
-                    // @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: "iFramePS", name: "iFramePS", src: src, scrolling: "yes", width: "100%", height: "785", 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("div", { style: { width: '100%', overflowX: 'auto' } }, loading && (React.createElement(UdpFlexbox, { direction: "row", justify: "center", align: "center" }, React.createElement(UdpSpinner, { size: "medium" }))), src && (React.createElement("iframe", { id: "iFramePS", name: "iFramePS", title: t('Payment tokenization'), src: src, scrolling: "auto", width: "540", height: "785", frameBorder: "0", onLoad: handleLoad, onError: handleError, style: { display: loading ? 'none' : 'block', border: 0, margin: '0 auto' } }))));
 };
 //# sourceMappingURL=PaymentusForm.js.map

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

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