From 63d969132fd0fee66dc6b714677612221023487c Mon Sep 17 00:00:00 2001 From: Dan Haas <123580890+danzhaaspaypal@users.noreply.github.com> Date: Tue, 13 May 2025 16:48:53 -0400 Subject: [PATCH] refactor: adds v6 modal tracking key integration_identifier (#1196) --- src/components/modal/v2/lib/hooks/calculator.js | 6 ++++-- src/components/modal/v2/lib/utils.js | 6 ++++-- src/components/modal/v2/parts/Container.jsx | 6 ++++-- .../spec/src/components/modal/v2/lib/zoid-polyfill.test.js | 5 +++-- 4 files changed, 15 insertions(+), 8 deletions(-) diff --git a/src/components/modal/v2/lib/hooks/calculator.js b/src/components/modal/v2/lib/hooks/calculator.js index 8cf00e4431..047d951c9d 100644 --- a/src/components/modal/v2/lib/hooks/calculator.js +++ b/src/components/modal/v2/lib/hooks/calculator.js @@ -70,7 +70,8 @@ export default function useCalculator({ autoSubmit = false } = {}) { devTouchpoint, disableSetCookie, features, - language + language, + integrationIdentifier } = useXProps(); const [state, dispatch] = useReducer(reducer, { @@ -101,7 +102,8 @@ export default function useCalculator({ autoSubmit = false } = {}) { deviceID: getOrCreateDeviceID(), disableSetCookie, features, - language + language, + integrationIdentifier }) .then(data => { setServerData(data); diff --git a/src/components/modal/v2/lib/utils.js b/src/components/modal/v2/lib/utils.js index 63f8a501dd..0ea068808e 100644 --- a/src/components/modal/v2/lib/utils.js +++ b/src/components/modal/v2/lib/utils.js @@ -25,7 +25,8 @@ export const getContent = memoize( devTouchpoint, disableSetCookie, features, - buttonSessionId + buttonSessionId, + integrationIdentifier }) => { const query = objectEntries({ currency, @@ -47,7 +48,8 @@ export const getContent = memoize( devTouchpoint, disableSetCookie, features, - buttonSessionId + buttonSessionId, + integrationIdentifier }) .filter(([, val]) => Boolean(val)) .reduce( diff --git a/src/components/modal/v2/parts/Container.jsx b/src/components/modal/v2/parts/Container.jsx index 5611482ccf..5b5a4801be 100644 --- a/src/components/modal/v2/parts/Container.jsx +++ b/src/components/modal/v2/parts/Container.jsx @@ -36,7 +36,8 @@ const Container = ({ children }) => { ecToken, contextualComponents, disableSetCookie, - features + features, + integrationIdentifier } = useXProps(); const [transitionState] = useTransitionState(); const [loading, setLoading] = useState(false); @@ -80,7 +81,8 @@ const Container = ({ children }) => { contextualComponents, deviceID: getOrCreateDeviceID(), disableSetCookie, - features + features, + integrationIdentifier }).then(data => { setServerData(data); setLoading(false); diff --git a/tests/unit/spec/src/components/modal/v2/lib/zoid-polyfill.test.js b/tests/unit/spec/src/components/modal/v2/lib/zoid-polyfill.test.js index 68899e3e1c..8cccac75cb 100644 --- a/tests/unit/spec/src/components/modal/v2/lib/zoid-polyfill.test.js +++ b/tests/unit/spec/src/components/modal/v2/lib/zoid-polyfill.test.js @@ -99,7 +99,7 @@ describe('zoidPollyfill', () => { describe('sets up xprops for browser', () => { beforeAll(() => { mockLoadUrl( - 'https://localhost.paypal.com:8080/credit-presentment/lander/modal?client_id=client_1&logo_type=inline&amount=500&devTouchpoint=true' + 'https://localhost.paypal.com:8080/credit-presentment/lander/modal?client_id=client_1&logo_type=inline&amount=500&devTouchpoint=true&integration_identifier=messagesModal' ); zoidPolyfill(); @@ -122,7 +122,8 @@ describe('zoidPollyfill', () => { clientId: 'client_1', logoType: 'inline', amount: '500', - devTouchpoint: 'true' + devTouchpoint: 'true', + integrationIdentifier: 'messagesModal' }) ); });