From 658f10c1062751664673bfbbcf72e1c700a69e1b Mon Sep 17 00:00:00 2001 From: Himanshu Pal Date: Mon, 7 Sep 2026 21:41:17 +0530 Subject: [PATCH 1/4] SK-3013-gitleaks-detection fix --- .idea/.gitignore | 10 ++++ .idea/inspectionProfiles/Project_Default.xml | 6 ++ .idea/misc.xml | 6 ++ .idea/modules.xml | 8 +++ .idea/skyflow-js.iml | 9 +++ .idea/vcs.xml | 6 ++ packages/skyflow-js/README.md | 60 +++++++++---------- .../reveal-composable-container.test.js | 2 +- .../external/reveal/reveal-container.test.js | 2 +- .../external/reveal/reveal-container.test.ts | 30 +++++----- .../external/reveal/reveal-element.test.js | 2 +- .../external/reveal/reveal-element.test.ts | 2 +- .../core/internal/reveal/reveal-frame.test.js | 6 +- 13 files changed, 97 insertions(+), 52 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/inspectionProfiles/Project_Default.xml create mode 100644 .idea/misc.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/skyflow-js.iml create mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 00000000..30cf57ed --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,10 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Ignored default folder with query files +/queries/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 00000000..03d9549e --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 00000000..4b151abf --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 00000000..224c59f7 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/skyflow-js.iml b/.idea/skyflow-js.iml new file mode 100644 index 00000000..d6ebd480 --- /dev/null +++ b/.idea/skyflow-js.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 00000000..35eb1ddf --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/packages/skyflow-js/README.md b/packages/skyflow-js/README.md index 9ccaca50..7c6a2c26 100644 --- a/packages/skyflow-js/README.md +++ b/packages/skyflow-js/README.md @@ -1085,7 +1085,7 @@ container.collect({ "fields": { "skyflow_id": "431eaa6c-5c15-4513-aa15-29f50babe882", "cardNumber": "f3907186-e7e2-466f-91e5-48e12c2bcbc1", - "first_name": "131e70dc-6f76-4319-bdd3-96281e051051", + "first_name": "", "gender": "12f670af-6c7d-4837-83fb-30365fbc0b1e" } } @@ -3096,10 +3096,10 @@ An [example](https://github.com/skyflowapi/skyflow-js/blob/main/packages/skyflow skyflow.detokenize({ records: [ { - token: '131e70dc-6f76-4319-bdd3-96281e051051', + token: ', }, { - token: '1r434532-6f76-4319-bdd3-96281e051051', + token: '', redaction: Skyflow.RedactionType.MASKED } ], @@ -3111,12 +3111,12 @@ The sample response: { "records": [ { - "token": "131e70dc-6f76-4319-bdd3-96281e051051", + "token": "", "value": "1990-01-01", "valueType": "STRING" }, { - "token": "1r434532-6f76-4319-bdd3-96281e051051", + "token": "", "value": "xxxxxxer", "valueType": "STRING" } @@ -3461,7 +3461,7 @@ const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); // Step 2. const cardNumberElement = container.create({ - token: 'b63ec4e0-bbad-4e43-96e6-6bd50f483f75', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -3483,7 +3483,7 @@ const cardNumberElement = container.create({ }); const cvvElement = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -3494,7 +3494,7 @@ const cvvElement = container.create({ }); const expiryDate= container.create({ - token: 'a4b24714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -3527,22 +3527,22 @@ The response below shows that some tokens assigned to the reveal elements get re { "success": [ { - "token": "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + "token": "", "value": "xxxxxxxxx4163" "valueType": "STRING" }, { - "token": "a4b24714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "value": "12/2098" "valueType": "STRING" } ], "errors": [ { - "token": "89024714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "error": { "code": 404, - "description": "Tokens not found for 89024714-6a26-4256-b9d4-55ad69aa4047" + "description": "Tokens not found for " } } ] @@ -3562,7 +3562,7 @@ Helps to display custom error messages on the Skyflow Elements through the metho const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); // Set custom error. @@ -3580,7 +3580,7 @@ You can override the default error messages with custom ones by using `setErrorO const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); const revealButton = document.getElementById('revealPCIData'); @@ -3609,7 +3609,7 @@ const cardNumber = container.create({ }); // Set token. -cardNumber.setToken('89024714-6a26-4256-b9d4-55ad69aa4047'); +cardNumber.setToken(''); ``` ### Set and Clear altText for Reveal Elements The `setAltText(value: string)` method can be used to set the altText of the Reveal Element. This will cause the altText to be displayed in the UI regardless of whether the token or value is currently being displayed. @@ -3621,7 +3621,7 @@ The `setAltText(value: string)` method can be used to set the altText of the Rev const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); // Set altText. @@ -3714,7 +3714,7 @@ fetch("") // Step 2. const fileElement = container.create({ - skyflowID: "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + skyflowID: "", column: "file", table: "table", inputStyles: { @@ -3762,7 +3762,7 @@ fetch("") { "success": [ { - "skyflow_id": "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + "skyflow_id": "", "column": "file" }, ] @@ -3819,14 +3819,14 @@ const stylesOptions = { // Create reveal elements const cardHolderNameRevealElement = revealContainer.create({ - token: 'ed5fdd1f-5009-435c-a06b-3417ce76d2c8', + token: '', altText: 'first name', ...stylesOptions, label: 'Card Holder Name', }); const cardNumberRevealElement = revealContainer.create({ - token: '8ee84061-7107-4faf-bb25-e044f3d191fe', + token: '', altText: 'xxxx', ...stylesOptions, label: 'Card Number', @@ -4069,7 +4069,7 @@ container const container = skyflowClient.container(Skyflow.ContainerType.COMPOSE_REVEAL, containerOptions); // Step 2. const cardNumberElement = container.create({ - token: 'b63ec4e0-bbad-4e43-96e6-6bd50f483f75', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -4091,7 +4091,7 @@ const cardNumberElement = container.create({ }); const cvvElement = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -4102,7 +4102,7 @@ const cvvElement = container.create({ }); const expiryDate= container.create({ - token: 'a4b24714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -4131,22 +4131,22 @@ The response below shows that some tokens assigned to the reveal elements get re { "success": [ { - "token": "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + "token": "", "value": "xxxxxxxxx4163" "valueType": "STRING" }, { - "token": "a4b24714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "value": "12/2098" "valueType": "STRING" } ], "errors": [ { - "token": "89024714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "error": { "code": 404, - "description": "Tokens not found for 89024714-6a26-4256-b9d4-55ad69aa4047" + "description": "Tokens not found for " } } ] @@ -4204,14 +4204,14 @@ const stylesOptions = { // Create reveal elements const cardHolderNameRevealElement = revealComposableContainer.create({ - token: 'ed5fdd1f-5009-435c-a06b-3417ce76d2c8', + token: '', altText: 'first name', ...stylesOptions, label: 'Card Holder Name', }); const cardNumberRevealElement = revealComposableContainer.create({ - token: '8ee84061-7107-4faf-bb25-e044f3d191fe', + token: '', altText: 'xxxx', ...stylesOptions, label: 'Card Number', @@ -4334,7 +4334,7 @@ fetch("") // Step 2. const fileElement = container.create({ - skyflowID: "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + skyflowID: "", column: "file", table: "table", inputStyles: { diff --git a/packages/skyflow-js/tests/core/external/reveal/reveal-composable-container.test.js b/packages/skyflow-js/tests/core/external/reveal/reveal-composable-container.test.js index 48e471ac..2c81a8bc 100644 --- a/packages/skyflow-js/tests/core/external/reveal/reveal-composable-container.test.js +++ b/packages/skyflow-js/tests/core/external/reveal/reveal-composable-container.test.js @@ -125,7 +125,7 @@ describe("Reveal Composable Container Class", () => { } const testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.PLAIN_TEXT, label: "", styles: { diff --git a/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.js b/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.js index caeee6f7..d4cf6504 100644 --- a/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.js +++ b/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.js @@ -103,7 +103,7 @@ describe("Reveal Container Class", () => { } const testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.PLAIN_TEXT, label: "", styles: { diff --git a/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.ts b/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.ts index f89524bc..1d7f9ec9 100644 --- a/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.ts +++ b/packages/skyflow-js/tests/core/external/reveal/reveal-container.test.ts @@ -74,7 +74,7 @@ const testMetaData2: Metadata = { }; const testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", label: "", styles: { base: { @@ -188,7 +188,7 @@ describe("Reveal Container Class", () => { env: Env.PROD, }); const element = testRevealContainer.create({ - token: "1815-6223-1073-1425", + token: "", }); const div = document.createElement("div"); element.mount(div); @@ -219,14 +219,14 @@ describe("Reveal Container Class", () => { env: Env.PROD, }); const element = testRevealContainer.create({ - token: "1815-6223-1073-1425", + token: "", }); const div = document.createElement("div"); // Setup emit spy to handle reveal request emitSpy.mockImplementation((eventName, _, callback) => { if (eventName.includes(ELEMENT_EVENTS_TO_IFRAME.REVEAL_CALL_REQUESTS)) { - callback({ success: [{ token: "1815-6223-1073-1425" }] }); + callback({ success: [{ token: "" }] }); } }); @@ -241,7 +241,7 @@ describe("Reveal Container Class", () => { const response = await revealPromise; expect(response.success).toBeDefined(); - expect(response.success![0].token).toBe("1815-6223-1073-1425"); + expect(response.success![0].token).toBe(""); }); test("frame controller ready event correctly", async () => { @@ -250,7 +250,7 @@ describe("Reveal Container Class", () => { env: Env.PROD, }); const element = testRevealContainer.create({ - token: "1815-6223-1073-1425", + token: "", }); const div = document.createElement("div"); element.mount(div); @@ -258,7 +258,7 @@ describe("Reveal Container Class", () => { // Mock frame controller ready event emitSpy.mockImplementation((eventName, _, callback) => { if (eventName.includes(ELEMENT_EVENTS_TO_IFRAME.REVEAL_CALL_REQUESTS)) { - callback({ success: [{ token: "1815-6223-1073-1425" }] }); + callback({ success: [{ token: "" }] }); } }); @@ -269,7 +269,7 @@ describe("Reveal Container Class", () => { const response = await testRevealContainer.reveal(); expect(response.success).toBeDefined(); - expect(response.success![0].token).toBe("1815-6223-1073-1425"); + expect(response.success![0].token).toBe(""); }); test("on container mounted else call back", async () => { @@ -278,7 +278,7 @@ describe("Reveal Container Class", () => { env: Env.PROD, }); const element = testRevealContainer.create({ - token: "1815-6223-1073-1425", + token: "", }); const div = document.createElement("div"); element.mount(div); @@ -307,7 +307,7 @@ describe("Reveal Container Class", () => { env: Env.PROD, }); const element = testRevealContainer.create({ - token: "1815-6223-1073-1425", + token: "", }); const div = document.createElement("div"); element.mount(div); @@ -315,7 +315,7 @@ describe("Reveal Container Class", () => { // Mock successful response emitSpy.mockImplementation((eventName, _, callback) => { if (eventName.includes(ELEMENT_EVENTS_TO_IFRAME.REVEAL_CALL_REQUESTS)) { - callback({ success: [{ token: "1815-6223-1073-1425" }] }); + callback({ success: [{ token: "" }] }); } }); @@ -326,7 +326,7 @@ describe("Reveal Container Class", () => { const response = await testRevealContainer.reveal(); expect(response.success).toBeDefined(); - expect(response.success![0].token).toBe("1815-6223-1073-1425"); + expect(response.success![0].token).toBe(""); }); test("reveal before skyflow frame ready event", async () => { @@ -336,7 +336,7 @@ describe("Reveal Container Class", () => { }); // Create reveal element with test token - const testToken = "1815-6223-1073-1425"; + const testToken = ""; const div = document.createElement("div"); const revealElement = testRevealContainer.create({ token: testToken, @@ -403,7 +403,7 @@ describe("Reveal Container Class", () => { }); test("reveal before skyflow frame ready when element have error", (done) => { - var element = testRevealContainer2.create({ token: "1815-6223-1073-1425" }); + var element = testRevealContainer2.create({ token: "" }); element.setError("error occ"); testRevealContainer2.reveal().catch((error: RevealResponse) => { @@ -419,7 +419,7 @@ describe("Reveal Container Class", () => { }); test("reveal before skyflow frame ready", (done) => { - var element = testRevealContainer1.create({ token: "1815-6223-1073-1425" }); + var element = testRevealContainer1.create({ token: "" }); element.setError("error occ"); testRevealContainer1.reveal().catch((error: RevealResponse) => { diff --git a/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.js b/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.js index e6fc420e..45e6a230 100644 --- a/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.js +++ b/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.js @@ -133,7 +133,7 @@ const getBearerToken2 = jest.fn().mockImplementation(() => Promise.reject()); const client = new Client(clientData.client.config, clientData); const testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.PLAIN_TEXT, }; const on = jest.fn(); diff --git a/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.ts b/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.ts index b1a6f5c5..40f5c035 100644 --- a/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.ts +++ b/packages/skyflow-js/tests/core/external/reveal/reveal-element.test.ts @@ -161,7 +161,7 @@ const metaData2: Metadata = { // }); const testRecord: IRevealElementInput = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", }; const on = jest.fn(); const off = jest.fn(); diff --git a/packages/skyflow-js/tests/core/internal/reveal/reveal-frame.test.js b/packages/skyflow-js/tests/core/internal/reveal/reveal-frame.test.js index 4f99ad76..2c7ece5d 100644 --- a/packages/skyflow-js/tests/core/internal/reveal/reveal-frame.test.js +++ b/packages/skyflow-js/tests/core/internal/reveal/reveal-frame.test.js @@ -57,7 +57,7 @@ describe("Reveal Frame Class",()=>{ // Initialize test record testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.DEFAULT, label: "date_of_birth", inputStyles: { @@ -986,7 +986,7 @@ describe("Reveal Frame Class", () => { // Initialize test record testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.DEFAULT, label: "date_of_birth", inputStyles: { @@ -2061,7 +2061,7 @@ describe("Reveal Frame Class - Additional Tests", () => { // Initialize test record testRecord = { - token: "1677f7bd-c087-4645-b7da-80a6fd1a81a4", + token: "", // redaction: RedactionType.DEFAULT, label: "date_of_birth", inputStyles: { From b851013fc1ae07044f297ab48f657c12a23fe2b8 Mon Sep 17 00:00:00 2001 From: Himanshu Pal Date: Mon, 7 Sep 2026 22:03:00 +0530 Subject: [PATCH 2/4] SK-3013-removed .idea folder added in last commit --- .idea/.gitignore | 10 ---------- .idea/inspectionProfiles/Project_Default.xml | 6 ------ .idea/misc.xml | 6 ------ .idea/modules.xml | 8 -------- .idea/skyflow-js.iml | 9 --------- .idea/vcs.xml | 6 ------ 6 files changed, 45 deletions(-) delete mode 100644 .idea/.gitignore delete mode 100644 .idea/inspectionProfiles/Project_Default.xml delete mode 100644 .idea/misc.xml delete mode 100644 .idea/modules.xml delete mode 100644 .idea/skyflow-js.iml delete mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore deleted file mode 100644 index 30cf57ed..00000000 --- a/.idea/.gitignore +++ /dev/null @@ -1,10 +0,0 @@ -# Default ignored files -/shelf/ -/workspace.xml -# Editor-based HTTP Client requests -/httpRequests/ -# Ignored default folder with query files -/queries/ -# Datasource local storage ignored files -/dataSources/ -/dataSources.local.xml diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml deleted file mode 100644 index 03d9549e..00000000 --- a/.idea/inspectionProfiles/Project_Default.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml deleted file mode 100644 index 4b151abf..00000000 --- a/.idea/misc.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 224c59f7..00000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/skyflow-js.iml b/.idea/skyflow-js.iml deleted file mode 100644 index d6ebd480..00000000 --- a/.idea/skyflow-js.iml +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 35eb1ddf..00000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file From 3ff1ca3385274c25ba70b5da2e9310c4226ff6f8 Mon Sep 17 00:00:00 2001 From: Himanshu Pal Date: Tue, 8 Sep 2026 17:58:23 +0530 Subject: [PATCH 3/4] SK-3013-gitleaks-detection-fix --- packages/skyflow-js/tests/api-utils/reveal.test.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/skyflow-js/tests/api-utils/reveal.test.js b/packages/skyflow-js/tests/api-utils/reveal.test.js index 93e4c624..f6993f95 100644 --- a/packages/skyflow-js/tests/api-utils/reveal.test.js +++ b/packages/skyflow-js/tests/api-utils/reveal.test.js @@ -9,8 +9,8 @@ import { getAccessToken } from '@core/utils/bus-events'; import Client from '@core/client'; import { url } from 'inspector'; -const testTokenId = '1677f7bd-c087-4645-b7da-80a6fd1a81a4'; -const testInvalidTokenId = '80a6fd1a81a4-b7da-c087-4645'; +const testTokenId = ''; +const testInvalidTokenId = ''; const mGetRandomValues = jest.fn().mockReturnValue(new Uint32Array(10)); Object.defineProperty(window, 'crypto', { From d11669a544d7ebcc11c370005d543ec421b505e7 Mon Sep 17 00:00:00 2001 From: Himanshu Pal Date: Thu, 10 Sep 2026 11:27:28 +0530 Subject: [PATCH 4/4] SK-3013-gitleaks-detection-fix-for-updated-scan-result --- packages/skyflow-flowvault-js/README.md | 64 ++++++++++++------------- 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/packages/skyflow-flowvault-js/README.md b/packages/skyflow-flowvault-js/README.md index 776337dd..54ad4382 100644 --- a/packages/skyflow-flowvault-js/README.md +++ b/packages/skyflow-flowvault-js/README.md @@ -640,10 +640,10 @@ container.collect({ "skyflowId": "431eaa6c-5c15-4513-aa15-29f50babe882", "tokens": { "cardNumber": [ - { "token": "f3907186-e7e2-466f-91e5-48e12c2bcbc1", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ], "gender": [ - { "token": "12f670af-6c7d-4837-83fb-30365fbc0b1e", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ] }, "httpCode": 200 @@ -741,10 +741,10 @@ cvvElement.mount('#cvv'); //Assumes there is a div with id='#cvv' in the webpage "skyflowId": "431eaa6c-5c15-4513-aa15-29f50babe882", "tokens": { "card_number": [ - { "token": "f3907186-e7e2-466f-91e5-48e12c2bcbc1", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ], "cvv": [ - { "token": "12f670af-6c7d-4837-83fb-30365fbc0b1e", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ] }, "httpCode": 200 @@ -1040,13 +1040,13 @@ container.collect({ "skyflowId": "431eaa6c-5c15-4513-aa15-29f50babe882", "tokens": { "cardNumber": [ - { "token": "f3907186-e7e2-466f-91e5-48e12c2bcbc1", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ], "first_name": [ - { "token": "131e70dc-6f76-4319-bdd3-96281e051051", "tokenGroupName": "deterministic" } + { "token": "", "tokenGroupName": "deterministic" } ], "gender": [ - { "token": "12f670af-6c7d-4837-83fb-30365fbc0b1e", "tokenGroupName": "deterministic_string" } + { "token": "", "tokenGroupName": "deterministic_string" } ] }, "httpCode": 200 @@ -1849,13 +1849,13 @@ composableContainer.collect(); "skyflowId": "431eaa6c-5c15-4513-aa15-29f50babe882", "tokens": { "first_name": [ - { "token": "63b5eeee-3624-493f-825e-137a9336f882", "tokenGroupName": "deterministic" } + { "token": "", "tokenGroupName": "deterministic" } ], "card_number": [ - { "token": "f3907186-e7e2-466f-91e5-48e12c2bcbc1", "tokenGroupName": "nondeterministic" } + { "token": "", "tokenGroupName": "nondeterministic" } ], "cvv": [ - { "token": "7baf5bda-aa22-4587-a5c5-412f6f783a19", "tokenGroupName": "deterministic_string" } + { "token": "", "tokenGroupName": "deterministic_string" } ] }, "httpCode": 200 @@ -2279,7 +2279,7 @@ const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); // Step 2. const cardNumberElement = container.create({ - token: 'b63ec4e0-bbad-4e43-96e6-6bd50f483f75', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2300,7 +2300,7 @@ const cardNumberElement = container.create({ }); const cvvElement = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2311,7 +2311,7 @@ const cvvElement = container.create({ }); const expiryDate= container.create({ - token: 'a4b24714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2344,18 +2344,18 @@ The response below shows that some tokens assigned to the reveal elements get re { "records": [ { - "token": "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + "token": "", "tokenGroupName": "nondeterministic", "httpCode": 200 }, { - "token": "a4b24714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "tokenGroupName": "nondeterministic", "httpCode": 200 }, { - "error": "Tokens not found for 89024714-6a26-4256-b9d4-55ad69aa4047", - "token": "89024714-6a26-4256-b9d4-55ad69aa4047", + "error": "Tokens not found for ", + "token": "", "httpCode": 404 } ] @@ -2388,7 +2388,7 @@ Helps to display custom error messages on the Skyflow Elements through the metho const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); // Set custom error. @@ -2406,7 +2406,7 @@ You can override the default error messages with custom ones by using `setErrorO const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); const revealButton = document.getElementById('revealPCIData'); @@ -2435,7 +2435,7 @@ const cardNumber = container.create({ }); // Set token. -cardNumber.setToken('89024714-6a26-4256-b9d4-55ad69aa4047'); +cardNumber.setToken(''); ``` ### Set and Clear altText for Reveal Elements The `setAltText(value: string)` method can be used to set the altText of the Reveal Element. This will cause the altText to be displayed in the UI regardless of whether the token or value is currently being displayed. @@ -2447,7 +2447,7 @@ The `setAltText(value: string)` method can be used to set the altText of the Rev const container = skyflowClient.container(Skyflow.ContainerType.REVEAL); const cardNumber = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', }); // Set altText. @@ -2504,14 +2504,14 @@ const stylesOptions = { // Create reveal elements const cardHolderNameRevealElement = revealContainer.create({ - token: 'ed5fdd1f-5009-435c-a06b-3417ce76d2c8', + token: '', altText: 'first name', ...stylesOptions, label: 'Card Holder Name', }); const cardNumberRevealElement = revealContainer.create({ - token: '8ee84061-7107-4faf-bb25-e044f3d191fe', + token: '', altText: 'xxxx', ...stylesOptions, label: 'Card Number', @@ -2766,7 +2766,7 @@ container const container = skyflowClient.container(Skyflow.ContainerType.COMPOSE_REVEAL, containerOptions); // Step 2. const cardNumberElement = container.create({ - token: 'b63ec4e0-bbad-4e43-96e6-6bd50f483f75', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2787,7 +2787,7 @@ const cardNumberElement = container.create({ }); const cvvElement = container.create({ - token: '89024714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2798,7 +2798,7 @@ const cvvElement = container.create({ }); const expiryDate= container.create({ - token: 'a4b24714-6a26-4256-b9d4-55ad69aa4047', + token: '', inputStyles: { base: { color: '#1d1d1d', @@ -2827,18 +2827,18 @@ The response below shows that some tokens assigned to the reveal elements get re { "records": [ { - "token": "b63ec4e0-bbad-4e43-96e6-6bd50f483f75", + "token": "", "tokenGroupName": "nondeterministic", "httpCode": 200 }, { - "token": "a4b24714-6a26-4256-b9d4-55ad69aa4047", + "token": "", "tokenGroupName": "nondeterministic", "httpCode": 200 }, { - "error": "Tokens not found for 89024714-6a26-4256-b9d4-55ad69aa4047", - "token": "89024714-6a26-4256-b9d4-55ad69aa4047", + "error": "Tokens not found for ", + "token": "", "httpCode": 404 } ] @@ -2904,14 +2904,14 @@ const stylesOptions = { // Create reveal elements const cardHolderNameRevealElement = revealComposableContainer.create({ - token: 'ed5fdd1f-5009-435c-a06b-3417ce76d2c8', + token: '', altText: 'first name', ...stylesOptions, label: 'Card Holder Name', }); const cardNumberRevealElement = revealComposableContainer.create({ - token: '8ee84061-7107-4faf-bb25-e044f3d191fe', + token: '', altText: 'xxxx', ...stylesOptions, label: 'Card Number',