From 52306e88899315ae821542f047ca8f9a1f8ac8cb Mon Sep 17 00:00:00 2001
From: AJ Ancheta <7781450+ancheetah@users.noreply.github.com>
Date: Mon, 22 Jun 2026 21:09:23 -0400
Subject: [PATCH] chore(reactjs-todo-davinci): update boolean and read-only
components (SDKS-5174)
---
javascript/reactjs-todo-davinci/README.md | 3 +-
.../client/components/davinci-client/form.js | 2 +-
.../components/davinci-client/readonly.js | 26 ++------
javascript/reactjs-todo-davinci/package.json | 2 +-
package-lock.json | 65 ++++++++++---------
5 files changed, 43 insertions(+), 55 deletions(-)
diff --git a/javascript/reactjs-todo-davinci/README.md b/javascript/reactjs-todo-davinci/README.md
index f9a44153..e4bb7707 100644
--- a/javascript/reactjs-todo-davinci/README.md
+++ b/javascript/reactjs-todo-davinci/README.md
@@ -8,7 +8,6 @@ This sample code is provided "as is" and is not a supported product of Ping Iden
- TextCollector
- PasswordCollector
-- ValidatedPasswordCollector
- SingleSelectCollector
- ReadOnlyCollector
- PhoneNumberCollector
@@ -23,7 +22,7 @@ This sample code is provided "as is" and is not a supported product of Ping Iden
- ProtectCollector
- QrCodeCollector
- RichTextCollector
-- AgreementCollector
+- BooleanCollector
- ValidatedBooleanCollector
- PollingCollector
diff --git a/javascript/reactjs-todo-davinci/client/components/davinci-client/form.js b/javascript/reactjs-todo-davinci/client/components/davinci-client/form.js
index 33ba2ba0..c54c6580 100644
--- a/javascript/reactjs-todo-davinci/client/components/davinci-client/form.js
+++ b/javascript/reactjs-todo-davinci/client/components/davinci-client/form.js
@@ -174,8 +174,8 @@ export default function Form() {
return ;
case 'ReadOnlyCollector':
case 'RichTextCollector':
- case 'AgreementCollector':
return ;
+ case 'BooleanCollector':
case 'ValidatedBooleanCollector':
return (
{output.content};
+ return (
+ <>
+ {/* Display agreement title if it exists */}
+ {output.title && {output.title}
}
+ {output.content}
+
+ );
} else if (collectorType === 'RichTextCollector') {
const { richContent } = output;
@@ -25,24 +31,6 @@ export default function ReadOnly({ collector }) {
}
return {interpolateRichContent(richContent)}
;
- } else if (collectorType === 'AgreementCollector') {
- const {
- label: content,
- titleEnabled: isTitleEnabled,
- title,
- enabled: componentEnabled,
- } = output;
-
- if (!componentEnabled) {
- return null;
- }
-
- return (
-
- {isTitleEnabled &&
{title}
}
-
{content}
-