From 7170139c23f089928fe2e850150aac28f4f74a20 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 1 Jul 2026 11:50:05 +0000 Subject: [PATCH] deploy: ead4ec1f9979cc8272ce21a6a61cf4a5e82cf621 --- 404.html | 2 +- assets/js/04f87274.cf40b3c5.js | 1 - assets/js/04f87274.cfbde4a1.js | 1 + assets/js/d1393a72.3bcf00b8.js | 1 + assets/js/d1393a72.f777c4ca.js | 1 - ...n.a37d8840.js => runtime~main.af0655e2.js} | 2 +- blog/archive/index.html | 2 +- blog/authors/index.html | 2 +- blog/first-blog-post/index.html | 2 +- blog/index.html | 2 +- blog/long-blog-post/index.html | 2 +- blog/mdx-blog-post/index.html | 2 +- blog/tags/docusaurus/index.html | 2 +- blog/tags/facebook/index.html | 2 +- blog/tags/hello/index.html | 2 +- blog/tags/hola/index.html | 2 +- blog/tags/index.html | 2 +- blog/welcome/index.html | 2 +- docs/API-docs/api-intro/index.html | 2 +- docs/API-docs/v1.1/contactlist/index.html | 2 +- docs/API-docs/v1.1/createcontact/index.html | 2 +- docs/API-docs/v1.1/createdocument/index.html | 2 +- .../createdocumentwithtemplateid/index.html | 2 +- docs/API-docs/v1.1/createfolder/index.html | 2 +- docs/API-docs/v1.1/createtemplate/index.html | 2 +- docs/API-docs/v1.1/delete-template/index.html | 2 +- docs/API-docs/v1.1/delete-webhook/index.html | 2 +- docs/API-docs/v1.1/deletecontact/index.html | 2 +- docs/API-docs/v1.1/deletedocument/index.html | 2 +- docs/API-docs/v1.1/deletefolder/index.html | 2 +- docs/API-docs/v1.1/draftdocument/index.html | 2 +- docs/API-docs/v1.1/drafttemplate/index.html | 2 +- docs/API-docs/v1.1/folderlist/index.html | 2 +- docs/API-docs/v1.1/get-template/index.html | 2 +- docs/API-docs/v1.1/get-user/index.html | 2 +- docs/API-docs/v1.1/get-webhook/index.html | 2 +- docs/API-docs/v1.1/getcontact/index.html | 2 +- docs/API-docs/v1.1/getcredits/index.html | 2 +- docs/API-docs/v1.1/getdocument/index.html | 2 +- docs/API-docs/v1.1/getdocumentlist/index.html | 2 +- docs/API-docs/v1.1/getfolder/index.html | 2 +- docs/API-docs/v1.1/getformdata/index.html | 2 +- docs/API-docs/v1.1/getsignerips/index.html | 2 +- docs/API-docs/v1.1/getsigninglinks/index.html | 2 +- docs/API-docs/v1.1/gettemplatelist/index.html | 2 +- docs/API-docs/v1.1/index.html | 2 +- docs/API-docs/v1.1/intro/index.html | 2 +- .../v1.1/opensign-api-v-1-1/index.html | 2 +- docs/API-docs/v1.1/publictemplate/index.html | 2 +- .../v1.1/resendrequestmail/index.html | 2 +- docs/API-docs/v1.1/revokedocument/index.html | 2 +- .../v1.1/save-update-webhook/index.html | 2 +- docs/API-docs/v1.1/selfsign/index.html | 2 +- docs/API-docs/v1.1/update-contact/index.html | 2 +- docs/API-docs/v1.1/update-document/index.html | 2 +- docs/API-docs/v1.1/update-template/index.html | 2 +- docs/API-docs/v1.1/updatefolder/index.html | 2 +- docs/API-docs/v1.2/contactlist/index.html | 2 +- docs/API-docs/v1.2/createcontact/index.html | 2 +- docs/API-docs/v1.2/createdocument/index.html | 2 +- .../createdocumentwithtemplateid/index.html | 2 +- docs/API-docs/v1.2/createfolder/index.html | 2 +- docs/API-docs/v1.2/createtemplate/index.html | 2 +- docs/API-docs/v1.2/delete-template/index.html | 2 +- docs/API-docs/v1.2/delete-webhook/index.html | 2 +- docs/API-docs/v1.2/deletecontact/index.html | 2 +- docs/API-docs/v1.2/deletedocument/index.html | 2 +- docs/API-docs/v1.2/deletefolder/index.html | 2 +- docs/API-docs/v1.2/draftdocument/index.html | 2 +- docs/API-docs/v1.2/drafttemplate/index.html | 2 +- docs/API-docs/v1.2/folderlist/index.html | 2 +- docs/API-docs/v1.2/get-template/index.html | 2 +- docs/API-docs/v1.2/get-user/index.html | 2 +- docs/API-docs/v1.2/get-webhook/index.html | 2 +- docs/API-docs/v1.2/getcontact/index.html | 2 +- docs/API-docs/v1.2/getcredits/index.html | 2 +- docs/API-docs/v1.2/getdocument/index.html | 2 +- docs/API-docs/v1.2/getdocumentlist/index.html | 2 +- docs/API-docs/v1.2/getfolder/index.html | 2 +- docs/API-docs/v1.2/getformdata/index.html | 2 +- docs/API-docs/v1.2/getsignerips/index.html | 2 +- docs/API-docs/v1.2/getsigninglinks/index.html | 2 +- docs/API-docs/v1.2/gettemplatelist/index.html | 2 +- docs/API-docs/v1.2/index.html | 2 +- docs/API-docs/v1.2/intro/index.html | 2 +- .../v1.2/opensign-api-v-1-2/index.html | 2 +- docs/API-docs/v1.2/publictemplate/index.html | 2 +- .../v1.2/resendrequestmail/index.html | 2 +- docs/API-docs/v1.2/revokedocument/index.html | 2 +- .../v1.2/save-update-webhook/index.html | 2 +- docs/API-docs/v1.2/selfsign/index.html | 2 +- docs/API-docs/v1.2/update-contact/index.html | 2 +- docs/API-docs/v1.2/update-document/index.html | 2 +- docs/API-docs/v1.2/update-template/index.html | 2 +- docs/API-docs/v1.2/updatefolder/index.html | 2 +- docs/API-docs/v1/contactlist/index.html | 2 +- docs/API-docs/v1/createcontact/index.html | 2 +- docs/API-docs/v1/createdocument/index.html | 2 +- .../createdocumentwithtemplateid/index.html | 2 +- docs/API-docs/v1/createfolder/index.html | 2 +- docs/API-docs/v1/createtemplate/index.html | 2 +- docs/API-docs/v1/delete-template/index.html | 2 +- docs/API-docs/v1/delete-webhook/index.html | 2 +- docs/API-docs/v1/deletecontact/index.html | 2 +- docs/API-docs/v1/deletedocument/index.html | 2 +- docs/API-docs/v1/deletefolder/index.html | 2 +- docs/API-docs/v1/draftdocument/index.html | 2 +- docs/API-docs/v1/drafttemplate/index.html | 2 +- docs/API-docs/v1/folderlist/index.html | 2 +- docs/API-docs/v1/get-template/index.html | 2 +- docs/API-docs/v1/get-user/index.html | 2 +- docs/API-docs/v1/get-webhook/index.html | 2 +- docs/API-docs/v1/getcontact/index.html | 2 +- docs/API-docs/v1/getdocument/index.html | 2 +- docs/API-docs/v1/getdocumentlist/index.html | 2 +- docs/API-docs/v1/getfolder/index.html | 2 +- docs/API-docs/v1/gettemplatelist/index.html | 2 +- docs/API-docs/v1/index.html | 2 +- docs/API-docs/v1/intro/index.html | 2 +- docs/API-docs/v1/opensign-api-v-1/index.html | 2 +- docs/API-docs/v1/resendrequestmail/index.html | 2 +- docs/API-docs/v1/revokedocument/index.html | 2 +- .../v1/save-update-webhook/index.html | 2 +- docs/API-docs/v1/selfsign/index.html | 2 +- docs/API-docs/v1/update-document/index.html | 2 +- docs/API-docs/v1/update-template/index.html | 2 +- docs/API-docs/v1/updatefolder/index.html | 2 +- docs/category/cloud-storage/index.html | 2 +- docs/category/console/index.html | 2 +- .../create-new-opensign-document/index.html | 2 +- docs/category/docker/index.html | 2 +- docs/category/documents/index.html | 2 +- docs/category/faqs/index.html | 2 +- docs/category/guides/index.html | 2 +- .../index.html | 2 +- docs/category/settings/index.html | 2 +- docs/category/templates/index.html | 2 +- docs/category/user-menu/index.html | 2 +- docs/contribute/CODE_OF_CONDUCT/index.html | 2 +- docs/contribute/COMMUNITY/index.html | 2 +- docs/contribute/INSTALLATION/index.html | 2 +- .../REPORTING_GUIDELINES/index.html | 2 +- docs/contribute/intro/index.html | 2 +- docs/help/FAQs/Credit-Deductions/index.html | 2 +- .../index.html | 2 +- .../help/FAQs/Max File Upload Size/index.html | 2 +- docs/help/FAQs/User Deletion/index.html | 2 +- docs/help/FAQs/index.html | 2 +- .../New-Document/conditional_logic/index.html | 30 ++++++------ .../edit-document-before-sending/index.html | 2 +- .../enforce-email-verification/index.html | 2 +- .../request-signatures/index.html | 49 ++++++++++--------- .../New-Document/sign-yourself/index.html | 2 +- docs/help/New-Document/widgets/index.html | 2 +- .../create-document/index.html | 2 +- .../OpenSign™ Drive/list-grid-view/index.html | 2 +- .../organize-documents/index.html | 2 +- .../rename-document/index.html | 2 +- docs/help/Reports/completed/index.html | 2 +- docs/help/Reports/contactbook/index.html | 2 +- docs/help/Reports/declined/index.html | 2 +- docs/help/Reports/drafts/index.html | 2 +- docs/help/Reports/expired/index.html | 2 +- docs/help/Reports/in-progress/index.html | 2 +- docs/help/Reports/need-your-sign/index.html | 2 +- docs/help/Settings/APIToken/index.html | 2 +- .../Custom-email-templates/index.html | 2 +- docs/help/Settings/Preferences/index.html | 2 +- .../Settings/SecurityManagement/index.html | 2 +- docs/help/Settings/Teams/index.html | 2 +- docs/help/Settings/Webhook/index.html | 2 +- .../Settings/disabledocumentid/index.html | 2 +- docs/help/Settings/manage-users/index.html | 2 +- docs/help/Settings/my-signature/index.html | 2 +- .../help/Templates/create-template/index.html | 2 +- docs/help/Templates/embed-template/index.html | 2 +- .../Templates/manage-templates/index.html | 2 +- docs/help/Templates/publicTemplate/index.html | 2 +- docs/help/Templates/quick-send/index.html | 2 +- docs/help/Templates/use-template/index.html | 2 +- .../User Menu/Console/analystics/index.html | 2 +- .../User Menu/Console/branding/index.html | 2 +- .../Console/custom_filestorage/index.html | 2 +- docs/help/User Menu/Console/emails/index.html | 2 +- .../help/User Menu/Console/general/index.html | 2 +- .../User Menu/Console/globalSMTP/index.html | 2 +- .../User Menu/Console/orgadmin/index.html | 2 +- .../Console/organizations/index.html | 2 +- .../Console/signing_certificate/index.html | 2 +- docs/help/User Menu/Profile/index.html | 2 +- docs/help/intro/index.html | 2 +- docs/intro/index.html | 2 +- .../One-click-Install/DigitalOcean/index.html | 2 +- docs/self-host/cloud-storage/s3/index.html | 2 +- docs/self-host/docker/run-locally/index.html | 2 +- .../docker/upgrade-deployment/index.html | 2 +- .../guides/azure-vm-setup/index.html | 2 +- .../self-host/guides/env-variables/index.html | 2 +- .../index.html | 2 +- .../guides/upgrade-to-v2.1.0/index.html | 2 +- docs/self-host/intro/index.html | 2 +- index.html | 2 +- markdown-page/index.html | 2 +- 203 files changed, 240 insertions(+), 237 deletions(-) delete mode 100644 assets/js/04f87274.cf40b3c5.js create mode 100644 assets/js/04f87274.cfbde4a1.js create mode 100644 assets/js/d1393a72.3bcf00b8.js delete mode 100644 assets/js/d1393a72.f777c4ca.js rename assets/js/{runtime~main.a37d8840.js => runtime~main.af0655e2.js} (98%) diff --git a/404.html b/404.html index bce13cd19..994d19978 100644 --- a/404.html +++ b/404.html @@ -5,7 +5,7 @@ Page Not Found | OpenSign™ - + diff --git a/assets/js/04f87274.cf40b3c5.js b/assets/js/04f87274.cf40b3c5.js deleted file mode 100644 index e530188d6..000000000 --- a/assets/js/04f87274.cf40b3c5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunkOpenSign_Docs=globalThis.webpackChunkOpenSign_Docs||[]).push([[9631],{91931(e,i,n){n.r(i),n.d(i,{assets:()=>h,contentTitle:()=>t,default:()=>x,frontMatter:()=>l,metadata:()=>d,toc:()=>c});const d=JSON.parse('{"id":"help/New-Document/conditional_logic","title":"Conditional logic","description":"The Conditional Logic feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document.","source":"@site/docs/help/New-Document/conditional_logic.md","sourceDirName":"help/New-Document","slug":"/help/New-Document/conditional_logic","permalink":"/docs/help/New-Document/conditional_logic","draft":false,"unlisted":false,"editUrl":"https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/New-Document/conditional_logic.md","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"sidebar_position":6,"title":"Conditional logic"},"sidebar":"tutorialSidebar","previous":{"title":"Enforce email OTP verification","permalink":"/docs/help/New-Document/enforce-email-verification"},"next":{"title":"Manage Docs using OpenSign\u2122 Drive","permalink":"/docs/category/manage-docs-using-opensign-drive"}}');var r=n(74848),s=n(28453);const l={sidebar_position:6,title:"Conditional logic"},t="Conditional Logic",h={},c=[{value:"What Can Conditional Logic Do?",id:"what-can-conditional-logic-do",level:2},{value:"Show this Field",id:"show-this-field",level:3},{value:"Hide this Field",id:"hide-this-field",level:3},{value:"Make Required",id:"make-required",level:3},{value:"Make Optional",id:"make-optional",level:3},{value:"Benefits of Conditional Logic",id:"benefits-of-conditional-logic",level:2},{value:"Text Input Widget - Conditional Logic",id:"text-input-widget---conditional-logic",level:2},{value:"All Conditions (AND)",id:"all-conditions-and",level:2},{value:"Example",id:"example",level:3},{value:"Any Condition (OR)",id:"any-condition-or",level:2},{value:"Example",id:"example-1",level:3},{value:"Supported Operators",id:"supported-operators",level:2},{value:"Show this Field",id:"show-this-field-1",level:2},{value:"Configuration",id:"configuration",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal",level:2},{value:"Configuration",id:"configuration-1",level:3},{value:"Hide this Field",id:"hide-this-field-1",level:2},{value:"Configuration",id:"configuration-2",level:3},{value:"Make Required",id:"make-required-1",level:2},{value:"Configuration",id:"configuration-3",level:3},{value:"Make Optional",id:"make-optional-1",level:2},{value:"Configuration",id:"configuration-4",level:3},{value:"Number Widget as the Trigger",id:"number-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-1",level:3},{value:"Show the Text Input Field",id:"show-the-text-input-field",level:3},{value:"Configuration",id:"configuration-5",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-1",level:2},{value:"Configuration",id:"configuration-6",level:3},{value:"Hide this Field",id:"hide-this-field-2",level:2},{value:"Configuration",id:"configuration-7",level:3},{value:"Make Required",id:"make-required-2",level:2},{value:"Configuration",id:"configuration-8",level:3},{value:"Make Optional",id:"make-optional-2",level:2},{value:"Configuration",id:"configuration-9",level:3},{value:"Dropdown Widget as the Trigger",id:"dropdown-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-2",level:3},{value:"Show this Field",id:"show-this-field-2",level:3},{value:"Configuration",id:"configuration-10",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-2",level:3},{value:"Configuration",id:"configuration-11",level:3},{value:"Hide this Field",id:"hide-this-field-3",level:3},{value:"Configuration",id:"configuration-12",level:3},{value:"Make Required",id:"make-required-3",level:3},{value:"Configuration",id:"configuration-13",level:3},{value:"Make Optional",id:"make-optional-3",level:3},{value:"Configuration",id:"configuration-14",level:3},{value:"Checkbox Widget as the Trigger",id:"checkbox-widget-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-3",level:3},{value:"Configuration",id:"configuration-15",level:3},{value:"Hide this Field",id:"hide-this-field-4",level:3},{value:"Configuration",id:"configuration-16",level:3},{value:"Make Required",id:"make-required-4",level:3},{value:"Configuration",id:"configuration-17",level:3},{value:"Make Optional",id:"make-optional-4",level:3},{value:"Configuration",id:"configuration-18",level:3},{value:"Is Not Checked",id:"is-not-checked",level:3},{value:"Example",id:"example-2",level:3},{value:"Radio Button as the Trigger",id:"radio-button-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-4",level:3},{value:"Configuration",id:"configuration-19",level:3},{value:"Hide this Field",id:"hide-this-field-5",level:3},{value:"Configuration",id:"configuration-20",level:3},{value:"Make Required",id:"make-required-5",level:3},{value:"Configuration",id:"configuration-21",level:3},{value:"Make Optional",id:"make-optional-5",level:3},{value:"Configuration",id:"configuration-22",level:3},{value:"Multiple Conditions",id:"multiple-conditions",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-1",level:3},{value:"Best Practices",id:"best-practices",level:3},{value:"Notes",id:"notes",level:3},{value:"Number Widget - Conditional Logic",id:"number-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-1",level:3},{value:"Supported Actions",id:"supported-actions-1",level:3},{value:"Condition Types",id:"condition-types-1",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-2",level:3},{value:"Example",id:"example-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-2",level:3},{value:"Example",id:"example-4",level:3},{value:"Number Widget Triggered by a Text Input",id:"number-widget-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-3",level:2},{value:"Show this Field",id:"show-this-field-5",level:2},{value:"Configuration",id:"configuration-23",level:3},{value:"Hide this Field",id:"hide-this-field-6",level:3},{value:"Configuration",id:"configuration-24",level:3},{value:"Make Required",id:"make-required-6",level:3},{value:"Configuration",id:"configuration-25",level:3},{value:"Make Optional",id:"make-optional-6",level:3},{value:"Configuration",id:"configuration-26",level:3},{value:"Number Widget Triggered by Another Number Widget",id:"number-widget-triggered-by-another-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-4",level:2},{value:"Show this Field",id:"show-this-field-6",level:3},{value:"Configuration",id:"configuration-27",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-3",level:3},{value:"Configuration",id:"configuration-28",level:3},{value:"Hide this Field",id:"hide-this-field-7",level:3},{value:"Configuration",id:"configuration-29",level:3},{value:"Make Required",id:"make-required-7",level:3},{value:"Configuration",id:"configuration-30",level:3},{value:"Make Optional",id:"make-optional-7",level:3},{value:"Configuration",id:"configuration-31",level:3},{value:"Number Widget Triggered by a Dropdown",id:"number-widget-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-5",level:2},{value:"Show this Field",id:"show-this-field-7",level:2},{value:"Configuration",id:"configuration-32",level:3},{value:"Hide this Field",id:"hide-this-field-8",level:3},{value:"Configuration",id:"configuration-33",level:3},{value:"Make Required",id:"make-required-8",level:3},{value:"Configuration",id:"configuration-34",level:3},{value:"Make Optional",id:"make-optional-8",level:3},{value:"Configuration",id:"configuration-35",level:3},{value:"Number Widget Triggered by a Checkbox",id:"number-widget-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-8",level:3},{value:"Configuration",id:"configuration-36",level:3},{value:"Hide this Field",id:"hide-this-field-9",level:2},{value:"Configuration",id:"configuration-37",level:3},{value:"Make Required",id:"make-required-9",level:3},{value:"Configuration",id:"configuration-38",level:3},{value:"Make Optional",id:"make-optional-9",level:3},{value:"Configuration",id:"configuration-39",level:3},{value:"Is Not Checked",id:"is-not-checked-1",level:3},{value:"Example",id:"example-5",level:3},{value:"Supported Operators",id:"supported-operators-6",level:3},{value:"Show this Field",id:"show-this-field-9",level:3},{value:"Configuration",id:"configuration-40",level:3},{value:"Hide this Field",id:"hide-this-field-10",level:3},{value:"Configuration",id:"configuration-41",level:3},{value:"Make Required",id:"make-required-10",level:3},{value:"Configuration",id:"configuration-42",level:3},{value:"Make Optional",id:"make-optional-10",level:3},{value:"Configuration",id:"configuration-43",level:3},{value:"Multiple Conditions",id:"multiple-conditions-1",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-3",level:2},{value:"Best Practices",id:"best-practices-1",level:3},{value:"Notes",id:"notes-1",level:3},{value:"Dropdown Widget - Conditional Logic",id:"dropdown-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-2",level:2},{value:"Supported Actions",id:"supported-actions-2",level:2},{value:"Condition Types",id:"condition-types-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-4",level:3},{value:"Example",id:"example-6",level:3},{value:"Any Condition (OR)",id:"any-condition-or-4",level:3},{value:"Example",id:"example-7",level:3},{value:"Dropdown Triggered by a Text Input",id:"dropdown-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-7",level:2},{value:"Show this Field",id:"show-this-field-10",level:2},{value:"Configuration",id:"configuration-44",level:3},{value:"Hide this Field",id:"hide-this-field-11",level:3},{value:"Configuration",id:"configuration-45",level:3},{value:"Make Required",id:"make-required-11",level:3},{value:"Configuration",id:"configuration-46",level:3},{value:"Make Optional",id:"make-optional-11",level:3},{value:"Configuration",id:"configuration-47",level:3},{value:"Dropdown Triggered by a Number Widget",id:"dropdown-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-8",level:2},{value:"Show this Field",id:"show-this-field-11",level:3},{value:"Configuration",id:"configuration-48",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-4",level:3},{value:"Configuration",id:"configuration-49",level:3},{value:"Hide this Field",id:"hide-this-field-12",level:3},{value:"Configuration",id:"configuration-50",level:3},{value:"Make Required",id:"make-required-12",level:3},{value:"Configuration",id:"configuration-51",level:3},{value:"Make Optional",id:"make-optional-12",level:3},{value:"Configuration",id:"configuration-52",level:3},{value:"Dropdown Triggered by Another Dropdown",id:"dropdown-triggered-by-another-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-9",level:3},{value:"Show this Field",id:"show-this-field-12",level:3},{value:"Configuration",id:"configuration-53",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-5",level:3},{value:"Configuration",id:"configuration-54",level:3},{value:"Hide this Field",id:"hide-this-field-13",level:3},{value:"Configuration",id:"configuration-55",level:3},{value:"Make Required",id:"make-required-13",level:3},{value:"Configuration",id:"configuration-56",level:3},{value:"Make Optional",id:"make-optional-13",level:3},{value:"Configuration",id:"configuration-57",level:3},{value:"Dropdown Triggered by a Checkbox",id:"dropdown-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-13",level:3},{value:"Configuration",id:"configuration-58",level:3},{value:"Hide this Field",id:"hide-this-field-14",level:3},{value:"Configuration",id:"configuration-59",level:3},{value:"Make Required",id:"make-required-14",level:3},{value:"Configuration",id:"configuration-60",level:3},{value:"Make Optional",id:"make-optional-14",level:3},{value:"Configuration",id:"configuration-61",level:3},{value:"Is Not Checked",id:"is-not-checked-2",level:3},{value:"Example",id:"example-8",level:3},{value:"Dropdown Triggered by a Radio Button",id:"dropdown-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-10",level:3},{value:"Show this Field",id:"show-this-field-14",level:3},{value:"Configuration",id:"configuration-62",level:3},{value:"Hide this Field",id:"hide-this-field-15",level:3},{value:"Configuration",id:"configuration-63",level:3},{value:"Make Required",id:"make-required-15",level:3},{value:"Configuration",id:"configuration-64",level:3},{value:"Make Optional",id:"make-optional-15",level:3},{value:"Configuration",id:"configuration-65",level:3},{value:"Multiple Conditions",id:"multiple-conditions-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-5",level:2},{value:"Any Condition (OR)",id:"any-condition-or-5",level:3},{value:"Best Practices",id:"best-practices-2",level:3},{value:"Notes",id:"notes-2",level:3},{value:"Checkbox Widget - Conditional Logic",id:"checkbox-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-3",level:3},{value:"Supported Actions",id:"supported-actions-3",level:3},{value:"Condition Types",id:"condition-types-3",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-6",level:2},{value:"Example",id:"example-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-6",level:2},{value:"Example",id:"example-10",level:3},{value:"Checkbox Triggered by a Text Input",id:"checkbox-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-11",level:2},{value:"Show this Field",id:"show-this-field-15",level:3},{value:"Configuration",id:"configuration-66",level:3},{value:"Hide this Field",id:"hide-this-field-16",level:2},{value:"Configuration",id:"configuration-67",level:3},{value:"Make Required",id:"make-required-16",level:3},{value:"Configuration",id:"configuration-68",level:3},{value:"Make Optional",id:"make-optional-16",level:3},{value:"Configuration",id:"configuration-69",level:3},{value:"Checkbox Triggered by a Number Widget",id:"checkbox-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-12",level:3},{value:"Show this Field",id:"show-this-field-16",level:3},{value:"Configuration",id:"configuration-70",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-6",level:3},{value:"Configuration",id:"configuration-71",level:3},{value:"Hide this Field",id:"hide-this-field-17",level:3},{value:"Configuration",id:"configuration-72",level:3},{value:"Make Required",id:"make-required-17",level:3},{value:"Configuration",id:"configuration-73",level:3},{value:"Make Optional",id:"make-optional-17",level:3},{value:"Configuration",id:"configuration-74",level:3},{value:"Checkbox Triggered by a Dropdown",id:"checkbox-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-13",level:3},{value:"Show this Field",id:"show-this-field-17",level:3},{value:"Configuration",id:"configuration-75",level:3},{value:"Hide this Field",id:"hide-this-field-18",level:3},{value:"Configuration",id:"configuration-76",level:3},{value:"Make Required",id:"make-required-18",level:3},{value:"Configuration",id:"configuration-77",level:3},{value:"Make Optional",id:"make-optional-18",level:3},{value:"Configuration",id:"configuration-78",level:3},{value:"Checkbox Triggered by Another Checkbox",id:"checkbox-triggered-by-another-checkbox",level:2},{value:"Show this Field",id:"show-this-field-18",level:3},{value:"Configuration",id:"configuration-79",level:3},{value:"Hide this Field",id:"hide-this-field-19",level:3},{value:"Configuration",id:"configuration-80",level:3},{value:"Make Required",id:"make-required-19",level:3},{value:"Configuration",id:"configuration-81",level:3},{value:"Make Optional",id:"make-optional-19",level:3},{value:"Configuration",id:"configuration-82",level:3},{value:"Is Not Checked",id:"is-not-checked-3",level:3},{value:"Example",id:"example-11",level:3},{value:"Checkbox Triggered by a Radio Button",id:"checkbox-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-14",level:3},{value:"Show this Field",id:"show-this-field-19",level:3},{value:"Configuration",id:"configuration-83",level:3},{value:"Hide this Field",id:"hide-this-field-20",level:3},{value:"Configuration",id:"configuration-84",level:3},{value:"Make Required",id:"make-required-20",level:3},{value:"Configuration",id:"configuration-85",level:3},{value:"Make Optional",id:"make-optional-20",level:3},{value:"Configuration",id:"configuration-86",level:3},{value:"Multiple Conditions",id:"multiple-conditions-3",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-7",level:3},{value:"Any Condition (OR)",id:"any-condition-or-7",level:3},{value:"Best Practices",id:"best-practices-3",level:3},{value:"Notes",id:"notes-3",level:3},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-4",level:2},{value:"Supported Actions",id:"supported-actions-4",level:3},{value:"Condition Types",id:"condition-types-4",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-8",level:3},{value:"Example",id:"example-12",level:3},{value:"Any Condition (OR)",id:"any-condition-or-8",level:3},{value:"Example",id:"example-13",level:3},{value:"Radio Button Triggered by a Text Input",id:"radio-button-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-15",level:3},{value:"Show this Field",id:"show-this-field-20",level:3},{value:"Configuration",id:"configuration-87",level:3},{value:"Hide this Field",id:"hide-this-field-21",level:3},{value:"Configuration",id:"configuration-88",level:3},{value:"Make Required",id:"make-required-21",level:3},{value:"Configuration",id:"configuration-89",level:3},{value:"Make Optional",id:"make-optional-21",level:3},{value:"Configuration",id:"configuration-90",level:3},{value:"Radio Button Triggered by a Number Widget",id:"radio-button-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-16",level:3},{value:"Show this Field",id:"show-this-field-21",level:3},{value:"Configuration",id:"configuration-91",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-7",level:3},{value:"Configuration",id:"configuration-92",level:3},{value:"Hide this Field",id:"hide-this-field-22",level:3},{value:"Configuration",id:"configuration-93",level:3},{value:"Make Required",id:"make-required-22",level:3},{value:"Configuration",id:"configuration-94",level:3},{value:"Make Optional",id:"make-optional-22",level:3},{value:"Configuration",id:"configuration-95",level:3},{value:"Radio Button Triggered by a Dropdown",id:"radio-button-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-17",level:3},{value:"Show this Field",id:"show-this-field-22",level:3},{value:"Configuration",id:"configuration-96",level:3},{value:"Hide this Field",id:"hide-this-field-23",level:3},{value:"Configuration",id:"configuration-97",level:3},{value:"Make Required",id:"make-required-23",level:3},{value:"Configuration",id:"configuration-98",level:3},{value:"Make Optional",id:"make-optional-23",level:3},{value:"Configuration",id:"configuration-99",level:3},{value:"Radio Button Triggered by a Checkbox",id:"radio-button-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-23",level:3},{value:"Configuration",id:"configuration-100",level:3},{value:"Hide this Field",id:"hide-this-field-24",level:3},{value:"Configuration",id:"configuration-101",level:3},{value:"Make Required",id:"make-required-24",level:3},{value:"Configuration",id:"configuration-102",level:3},{value:"Make Optional",id:"make-optional-24",level:3},{value:"Configuration",id:"configuration-103",level:3},{value:"Is Not Checked",id:"is-not-checked-4",level:3},{value:"Example",id:"example-14",level:3},{value:"Radio Button Triggered by Another Radio Button",id:"radio-button-triggered-by-another-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-18",level:3},{value:"Show this Field",id:"show-this-field-24",level:3},{value:"Configuration",id:"configuration-104",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-8",level:3},{value:"Configuration",id:"configuration-105",level:3},{value:"Hide this Field",id:"hide-this-field-25",level:3},{value:"Configuration",id:"configuration-106",level:3},{value:"Make Required",id:"make-required-25",level:3},{value:"Configuration",id:"configuration-107",level:3},{value:"Make Optional",id:"make-optional-25",level:3},{value:"Configuration",id:"configuration-108",level:3},{value:"Multiple Conditions",id:"multiple-conditions-4",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-9",level:3},{value:"Best Practices",id:"best-practices-4",level:3},{value:"Notes",id:"notes-4",level:3}];function o(e){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.header,{children:(0,r.jsx)(i.h1,{id:"conditional-logic",children:"Conditional Logic"})}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Conditional Logic"})," feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document."]}),"\n",(0,r.jsx)(i.p,{children:"Instead of displaying every field at once, Conditional Logic helps you create intelligent, interactive forms by showing, hiding, or changing the requirements of fields only when specific conditions are met. This simplifies the signing experience by displaying only the fields that are relevant to the signer."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"what-can-conditional-logic-do",children:"What Can Conditional Logic Do?"}),"\n",(0,r.jsx)("img",{width:"723",alt:"conditional_logic_Actions",src:"https://github.com/user-attachments/assets/219adc48-65e9-48f5-ab1b-a2e870491660"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure a widget to perform one of the following actions:"}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field",children:"Show this Field"}),"\n",(0,r.jsx)(i.p,{children:"Displays the target widget only when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Employee"})," from a Dropdown field, an ",(0,r.jsx)(i.strong,{children:"Employee ID"})," field can be displayed automatically."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field",children:"Hide this Field"}),"\n",(0,r.jsx)(i.p,{children:"Hides the target widget when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have a secondary address?", the ',(0,r.jsx)(i.strong,{children:"Secondary Address"})," fields can be hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required",children:"Make Required"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget mandatory when the configured condition is met. The signer must complete the field before they can finish signing the document."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Yes"}),' for "Are you currently employed?", the ',(0,r.jsx)(i.strong,{children:"Employer Name"})," field becomes required."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional",children:"Make Optional"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget optional when the configured condition is met. The signer can complete the document without filling in that field."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have previous work experience?", the ',(0,r.jsx)(i.strong,{children:"Previous Employer"})," field becomes optional."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"benefits-of-conditional-logic",children:"Benefits of Conditional Logic"}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps you build dynamic and user-friendly documents by:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Displaying only relevant fields to the signer."}),"\n",(0,r.jsx)(i.li,{children:"Reducing unnecessary data entry."}),"\n",(0,r.jsx)(i.li,{children:"Creating interactive forms without requiring multiple document templates."}),"\n",(0,r.jsx)(i.li,{children:"Simplifying complex workflows."}),"\n",(0,r.jsx)(i.li,{children:"Improving the signing experience."}),"\n",(0,r.jsx)(i.li,{children:"Ensuring required information is collected only when applicable."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"text-input-widget---conditional-logic",children:"Text Input Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Text Input"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior based on values entered or selected in other widgets."]}),"\n",(0,r.jsx)("img",{width:"1469",alt:"textinput condtional logic",src:"https://github.com/user-attachments/assets/919846c6-5cf7-4ce6-83b7-cf19e618d8f3"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Text Input widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show the field"}),"\n",(0,r.jsx)(i.li,{children:"Hide the field"}),"\n",(0,r.jsx)(i.li,{children:"Make the field required"}),"\n",(0,r.jsx)(i.li,{children:"Make the field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant to the signer based on their responses."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-trigger-widgets",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget supports the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-actions",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Text Input widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"condition-types",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple rules are configured, OpenSign allows you to choose how those rules are evaluated."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-1",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"If any one of the configured conditions is true, the selected action is performed."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"text-input-as-the-trigger-widget",children:"Text Input as the Trigger Widget"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget can control another Text Input widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-1",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-does-not-equal",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-1",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered value is anything other than ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-1",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-2",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-required-1",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-3",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-optional-1",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-4",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-as-the-trigger",children:"Number Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget controls the Text Input widget using numeric values."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-1",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-the-text-input-field",children:"Show the Text Input Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-5",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"})," in the Number widget, the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-does-not-equal-1",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-6",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered number is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-2",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-7",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-required-2",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-8",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory only when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-optional-2",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-9",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget-as-the-trigger",children:"Dropdown Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget controls the Text Input widget based on the selected option."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-2",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-2",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-10",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," displays the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-2",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-11",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the selected value is not ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-3",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-12",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-3",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-13",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-3",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-14",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget-as-the-trigger",children:"Checkbox Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-3",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-15",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes visible when the checkbox is selected."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-4",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-16",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Selecting the checkbox hides the configured Text Input field."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-4",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-17",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-4",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-18",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-2",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-as-the-trigger",children:"Radio Button as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Radio Button widgets support the following operators:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-4",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-19",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes visible when the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-5",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-20",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-5",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-21",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-5",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-22",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"multiple-conditions",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-1",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-1",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to understand."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep your conditions simple and easy to maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Text Input widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Text Input widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Text Input widget."}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"number-widget---conditional-logic",children:"Number Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Number"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on numeric values entered by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Number widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant based on the signer's input."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-1",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-1",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Number widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-1",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-2",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-3",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are true."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-2",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-4",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Number widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-text-input",children:"Number Widget Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using values entered in a Text Input widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-3",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-5",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-23",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"})," in the Text Input widget, the configured Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-6",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-24",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-6",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-25",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-6",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-26",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-another-number-widget",children:"Number Widget Triggered by Another Number Widget"}),"\n",(0,r.jsx)(i.p,{children:"A Number widget can control another Number widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-4",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-6",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-27",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Number widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-3",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-28",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget is displayed whenever the entered value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-7",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-29",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-7",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-30",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-7",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-31",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-dropdown",children:"Number Widget Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-5",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-7",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-32",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," displays the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-8",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-33",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-8",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-34",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-8",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-35",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-checkbox",children:"Number Widget Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-8",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-36",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-9",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-37",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Number widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-9",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-38",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-9",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-39",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-1",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-5",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"number-widget-triggered-by-a-radio-button",children:"Number Widget Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-6",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-9",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-40",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-10",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-41",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-10",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-42",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-10",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-43",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-1",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Number widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-3",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-3",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-1",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use meaningful widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when only one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid configuring multiple conflicting rules for the same Number widget."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-1",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Any changes made to trigger widget values immediately update the behavior of the Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsxs)(i.p,{children:["A Number widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Multiple Conditional Logic rules can be configured for the same Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Number widgets only support numeric input. Conditional Logic comparisons are performed using numeric values."}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget---conditional-logic",children:"Dropdown Widget - Conditional Logic"}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Dropdown"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Dropdown widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature helps create interactive documents by displaying only the fields that are relevant based on the signer's selection."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-2",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-actions-2",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Dropdown widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"condition-types-2",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how they are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-4",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-6",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nNumber = 10\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed only when ",(0,r.jsx)(i.strong,{children:"all conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-4",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-7",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nNumber = 10\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-text-input",children:"Dropdown Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using values entered into a Text Input widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-7",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-10",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-44",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-11",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-45",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-11",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-46",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-11",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-47",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-number-widget",children:"Dropdown Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-8",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-11",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-48",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-4",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-49",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-12",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-50",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the Dropdown widget is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-12",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-51",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-12",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-52",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-another-dropdown",children:"Dropdown Triggered by Another Dropdown"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can control another Dropdown widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-9",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-12",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-53",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-5",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-54",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever any option other than ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-13",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-55",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-13",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-56",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-13",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-57",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-checkbox",children:"Dropdown Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-13",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-58",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-14",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-59",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Dropdown widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-14",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-60",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-14",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-61",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-2",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-8",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-radio-button",children:"Dropdown Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-10",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-14",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-62",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-15",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-63",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-15",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-64",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-15",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-65",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-2",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can have multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-5",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-5",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-2",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same Dropdown widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep dropdown option values meaningful and consistent."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-2",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to the trigger widget values immediately update the behavior of the Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Dropdown widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["Conditional Logic compares the selected dropdown option with the configured value using ",(0,r.jsx)(i.strong,{children:"Equals"})," or ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators."]}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget---conditional-logic",children:"Checkbox Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Checkbox"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on values entered or selected in other fields."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Checkbox widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature enables you to create interactive and dynamic signing experiences by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-3",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-3",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Checkbox widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-3",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When configuring multiple conditions, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-6",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is performed."}),"\n",(0,r.jsx)(i.h3,{id:"example-9",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Checkbox widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-6",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-10",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-text-input",children:"Checkbox Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-11",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-15",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-66",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-16",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-67",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-16",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-68",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-16",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-69",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-number-widget",children:"Checkbox Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-12",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-16",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-70",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the Checkbox widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-6",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-71",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever the Number widget value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-17",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-72",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-17",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-73",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-17",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-74",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-dropdown",children:"Checkbox Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-13",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-17",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-75",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-18",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-76",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-18",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-77",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-18",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-78",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-another-checkbox",children:"Checkbox Triggered by Another Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-18",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-79",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the trigger checkbox is checked, the configured Checkbox widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-19",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-80",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the trigger checkbox hides the configured Checkbox widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-19",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-81",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-19",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-82",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-3",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-11",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget is displayed while the trigger checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-radio-button",children:"Checkbox Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-14",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-19",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-83",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-20",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-84",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-20",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-85",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-20",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-86",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-3",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Checkbox widget can contain multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-7",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-7",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-3",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Checkbox widget."}),"\n",(0,r.jsx)(i.li,{children:"Use Checkbox widgets for simple Yes/No or multiple-choice scenarios."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-3",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes made to trigger widget values immediately update the behavior of the Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Checkbox widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["Checkbox widgets support ",(0,r.jsx)(i.strong,{children:"Is Checked"})," and ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," conditions when used as trigger widgets."]}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"radio-button-widget---conditional-logic",children:"Radio Button Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Radio Button"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Radio Button widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic and interactive document workflows by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-4",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-4",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Radio Button widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-4",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how those conditions are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-8",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-12",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Radio Button widget action is executed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-8",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-13",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget action is executed whenever any one of the configured conditions is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-text-input",children:"Radio Button Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-15",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-20",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-87",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-21",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-88",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-21",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-89",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-21",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-90",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-number-widget",children:"Radio Button Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-16",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-21",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-91",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-7",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-92",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-22",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-93",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-22",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-94",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-22",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-95",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-dropdown",children:"Radio Button Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-17",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-22",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-96",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-23",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-97",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-23",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-98",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-23",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-99",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-checkbox",children:"Radio Button Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-23",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-100",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the checkbox is checked, the configured Radio Button widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-24",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-101",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the configured Radio Button widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-24",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-102",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-24",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-103",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-4",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-14",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-another-radio-button",children:"Radio Button Triggered by Another Radio Button"}),"\n",(0,r.jsx)(i.p,{children:"A Radio Button widget can control another Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-18",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-24",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-104",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-8",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-105",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever a value other than ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-25",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-106",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-25",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-107",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-25",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-108",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-4",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple Conditional Logic rules for a Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-9",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-9",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-4",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to configure."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured condition must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any single matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test Conditional Logic before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Radio Button widget."}),"\n",(0,r.jsx)(i.li,{children:"Use meaningful option labels to make conditions easier to understand and maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-4",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Radio Button widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["Radio Button widgets support ",(0,r.jsx)(i.strong,{children:"Equals"})," and ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators when comparing the selected option."]}),"\n"]}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{children:" \nIf you require more help, feel free to reach out to our customer support on support@opensignlabs.com.\n\nHappy signing with OpenSign\u2122!\n"})})]})}function x(e={}){const{wrapper:i}={...(0,s.R)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}}}]); \ No newline at end of file diff --git a/assets/js/04f87274.cfbde4a1.js b/assets/js/04f87274.cfbde4a1.js new file mode 100644 index 000000000..f7b77236d --- /dev/null +++ b/assets/js/04f87274.cfbde4a1.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunkOpenSign_Docs=globalThis.webpackChunkOpenSign_Docs||[]).push([[9631],{91931(e,i,n){n.r(i),n.d(i,{assets:()=>h,contentTitle:()=>t,default:()=>x,frontMatter:()=>l,metadata:()=>d,toc:()=>c});const d=JSON.parse('{"id":"help/New-Document/conditional_logic","title":"Conditional logic","description":"The Conditional Logic feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document.","source":"@site/docs/help/New-Document/conditional_logic.md","sourceDirName":"help/New-Document","slug":"/help/New-Document/conditional_logic","permalink":"/docs/help/New-Document/conditional_logic","draft":false,"unlisted":false,"editUrl":"https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/New-Document/conditional_logic.md","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"sidebar_position":6,"title":"Conditional logic"},"sidebar":"tutorialSidebar","previous":{"title":"Enforce email OTP verification","permalink":"/docs/help/New-Document/enforce-email-verification"},"next":{"title":"Manage Docs using OpenSign\u2122 Drive","permalink":"/docs/category/manage-docs-using-opensign-drive"}}');var r=n(74848),s=n(28453);const l={sidebar_position:6,title:"Conditional logic"},t="Conditional Logic",h={},c=[{value:"What Can Conditional Logic Do?",id:"what-can-conditional-logic-do",level:2},{value:"Show this Field",id:"show-this-field",level:3},{value:"Hide this Field",id:"hide-this-field",level:3},{value:"Make Required",id:"make-required",level:3},{value:"Make Optional",id:"make-optional",level:3},{value:"Benefits of Conditional Logic",id:"benefits-of-conditional-logic",level:2},{value:"Text Input Widget - Conditional Logic",id:"text-input-widget---conditional-logic",level:2},{value:"All Conditions (AND)",id:"all-conditions-and",level:2},{value:"Example",id:"example",level:3},{value:"Any Condition (OR)",id:"any-condition-or",level:2},{value:"Example",id:"example-1",level:3},{value:"Text Input as the Trigger Widget",id:"text-input-as-the-trigger-widget",level:2},{value:"Supported Operators",id:"supported-operators",level:3},{value:"Show this Field",id:"show-this-field-1",level:3},{value:"Configuration",id:"configuration",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal",level:3},{value:"Configuration",id:"configuration-1",level:3},{value:"Hide this Field",id:"hide-this-field-1",level:3},{value:"Configuration",id:"configuration-2",level:3},{value:"Make Required",id:"make-required-1",level:3},{value:"Configuration",id:"configuration-3",level:3},{value:"Make Optional",id:"make-optional-1",level:2},{value:"Configuration",id:"configuration-4",level:3},{value:"Number Widget as the Trigger",id:"number-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-1",level:3},{value:"Show the Text Input Field",id:"show-the-text-input-field",level:3},{value:"Configuration",id:"configuration-5",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-1",level:3},{value:"Configuration",id:"configuration-6",level:3},{value:"Hide this Field",id:"hide-this-field-2",level:3},{value:"Configuration",id:"configuration-7",level:3},{value:"Make Required",id:"make-required-2",level:3},{value:"Configuration",id:"configuration-8",level:3},{value:"Make Optional",id:"make-optional-2",level:3},{value:"Configuration",id:"configuration-9",level:3},{value:"Dropdown Widget as the Trigger",id:"dropdown-widget-as-the-trigger",level:2},{value:"Supported Operators",id:"supported-operators-2",level:3},{value:"Show this Field",id:"show-this-field-2",level:3},{value:"Configuration",id:"configuration-10",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-2",level:3},{value:"Configuration",id:"configuration-11",level:3},{value:"Hide this Field",id:"hide-this-field-3",level:3},{value:"Configuration",id:"configuration-12",level:3},{value:"Make Required",id:"make-required-3",level:3},{value:"Configuration",id:"configuration-13",level:3},{value:"Make Optional",id:"make-optional-3",level:3},{value:"Configuration",id:"configuration-14",level:3},{value:"Checkbox Widget as the Trigger",id:"checkbox-widget-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-3",level:3},{value:"Configuration",id:"configuration-15",level:3},{value:"Hide this Field",id:"hide-this-field-4",level:3},{value:"Configuration",id:"configuration-16",level:3},{value:"Make Required",id:"make-required-4",level:3},{value:"Configuration",id:"configuration-17",level:3},{value:"Make Optional",id:"make-optional-4",level:3},{value:"Configuration",id:"configuration-18",level:3},{value:"Is Not Checked",id:"is-not-checked",level:3},{value:"Example",id:"example-2",level:3},{value:"Radio Button as the Trigger",id:"radio-button-as-the-trigger",level:2},{value:"Show this Field",id:"show-this-field-4",level:3},{value:"Configuration",id:"configuration-19",level:3},{value:"Hide this Field",id:"hide-this-field-5",level:3},{value:"Configuration",id:"configuration-20",level:3},{value:"Make Required",id:"make-required-5",level:3},{value:"Configuration",id:"configuration-21",level:3},{value:"Make Optional",id:"make-optional-5",level:3},{value:"Configuration",id:"configuration-22",level:3},{value:"Multiple Conditions",id:"multiple-conditions",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-1",level:3},{value:"Best Practices",id:"best-practices",level:3},{value:"Notes",id:"notes",level:3},{value:"Number Widget - Conditional Logic",id:"number-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-1",level:3},{value:"Supported Actions",id:"supported-actions-1",level:3},{value:"Condition Types",id:"condition-types-1",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-2",level:3},{value:"Example",id:"example-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-2",level:3},{value:"Example",id:"example-4",level:3},{value:"Number Widget Triggered by a Text Input",id:"number-widget-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-3",level:3},{value:"Show this Field",id:"show-this-field-5",level:3},{value:"Configuration",id:"configuration-23",level:3},{value:"Hide this Field",id:"hide-this-field-6",level:3},{value:"Configuration",id:"configuration-24",level:3},{value:"Make Required",id:"make-required-6",level:3},{value:"Configuration",id:"configuration-25",level:3},{value:"Make Optional",id:"make-optional-6",level:3},{value:"Configuration",id:"configuration-26",level:3},{value:"Number Widget Triggered by Another Number Widget",id:"number-widget-triggered-by-another-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-4",level:3},{value:"Show this Field",id:"show-this-field-6",level:3},{value:"Configuration",id:"configuration-27",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-3",level:3},{value:"Configuration",id:"configuration-28",level:3},{value:"Hide this Field",id:"hide-this-field-7",level:3},{value:"Configuration",id:"configuration-29",level:3},{value:"Make Required",id:"make-required-7",level:3},{value:"Configuration",id:"configuration-30",level:3},{value:"Make Optional",id:"make-optional-7",level:3},{value:"Configuration",id:"configuration-31",level:3},{value:"Number Widget Triggered by a Dropdown",id:"number-widget-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-5",level:2},{value:"Show this Field",id:"show-this-field-7",level:2},{value:"Configuration",id:"configuration-32",level:3},{value:"Hide this Field",id:"hide-this-field-8",level:3},{value:"Configuration",id:"configuration-33",level:3},{value:"Make Required",id:"make-required-8",level:3},{value:"Configuration",id:"configuration-34",level:3},{value:"Make Optional",id:"make-optional-8",level:3},{value:"Configuration",id:"configuration-35",level:3},{value:"Number Widget Triggered by a Checkbox",id:"number-widget-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-8",level:3},{value:"Configuration",id:"configuration-36",level:3},{value:"Hide this Field",id:"hide-this-field-9",level:2},{value:"Configuration",id:"configuration-37",level:3},{value:"Make Required",id:"make-required-9",level:3},{value:"Configuration",id:"configuration-38",level:3},{value:"Make Optional",id:"make-optional-9",level:3},{value:"Configuration",id:"configuration-39",level:3},{value:"Is Not Checked",id:"is-not-checked-1",level:3},{value:"Example",id:"example-5",level:3},{value:"Supported Operators",id:"supported-operators-6",level:3},{value:"Show this Field",id:"show-this-field-9",level:3},{value:"Configuration",id:"configuration-40",level:3},{value:"Hide this Field",id:"hide-this-field-10",level:3},{value:"Configuration",id:"configuration-41",level:3},{value:"Make Required",id:"make-required-10",level:3},{value:"Configuration",id:"configuration-42",level:3},{value:"Make Optional",id:"make-optional-10",level:3},{value:"Configuration",id:"configuration-43",level:3},{value:"Multiple Conditions",id:"multiple-conditions-1",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-3",level:3},{value:"Any Condition (OR)",id:"any-condition-or-3",level:2},{value:"Best Practices",id:"best-practices-1",level:3},{value:"Notes",id:"notes-1",level:3},{value:"Dropdown Widget - Conditional Logic",id:"dropdown-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-2",level:2},{value:"Supported Actions",id:"supported-actions-2",level:2},{value:"Condition Types",id:"condition-types-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-4",level:3},{value:"Example",id:"example-6",level:3},{value:"Any Condition (OR)",id:"any-condition-or-4",level:3},{value:"Example",id:"example-7",level:3},{value:"Dropdown Triggered by a Text Input",id:"dropdown-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-7",level:2},{value:"Show this Field",id:"show-this-field-10",level:2},{value:"Configuration",id:"configuration-44",level:3},{value:"Hide this Field",id:"hide-this-field-11",level:3},{value:"Configuration",id:"configuration-45",level:3},{value:"Make Required",id:"make-required-11",level:3},{value:"Configuration",id:"configuration-46",level:3},{value:"Make Optional",id:"make-optional-11",level:3},{value:"Configuration",id:"configuration-47",level:3},{value:"Dropdown Triggered by a Number Widget",id:"dropdown-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-8",level:2},{value:"Show this Field",id:"show-this-field-11",level:3},{value:"Configuration",id:"configuration-48",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-4",level:3},{value:"Configuration",id:"configuration-49",level:3},{value:"Hide this Field",id:"hide-this-field-12",level:3},{value:"Configuration",id:"configuration-50",level:3},{value:"Make Required",id:"make-required-12",level:3},{value:"Configuration",id:"configuration-51",level:3},{value:"Make Optional",id:"make-optional-12",level:3},{value:"Configuration",id:"configuration-52",level:3},{value:"Dropdown Triggered by Another Dropdown",id:"dropdown-triggered-by-another-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-9",level:3},{value:"Show this Field",id:"show-this-field-12",level:3},{value:"Configuration",id:"configuration-53",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-5",level:3},{value:"Configuration",id:"configuration-54",level:3},{value:"Hide this Field",id:"hide-this-field-13",level:3},{value:"Configuration",id:"configuration-55",level:3},{value:"Make Required",id:"make-required-13",level:3},{value:"Configuration",id:"configuration-56",level:3},{value:"Make Optional",id:"make-optional-13",level:3},{value:"Configuration",id:"configuration-57",level:3},{value:"Dropdown Triggered by a Checkbox",id:"dropdown-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-13",level:3},{value:"Configuration",id:"configuration-58",level:3},{value:"Hide this Field",id:"hide-this-field-14",level:3},{value:"Configuration",id:"configuration-59",level:3},{value:"Make Required",id:"make-required-14",level:3},{value:"Configuration",id:"configuration-60",level:3},{value:"Make Optional",id:"make-optional-14",level:3},{value:"Configuration",id:"configuration-61",level:3},{value:"Is Not Checked",id:"is-not-checked-2",level:3},{value:"Example",id:"example-8",level:3},{value:"Dropdown Triggered by a Radio Button",id:"dropdown-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-10",level:3},{value:"Show this Field",id:"show-this-field-14",level:3},{value:"Configuration",id:"configuration-62",level:3},{value:"Hide this Field",id:"hide-this-field-15",level:3},{value:"Configuration",id:"configuration-63",level:3},{value:"Make Required",id:"make-required-15",level:3},{value:"Configuration",id:"configuration-64",level:3},{value:"Make Optional",id:"make-optional-15",level:3},{value:"Configuration",id:"configuration-65",level:3},{value:"Multiple Conditions",id:"multiple-conditions-2",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-5",level:2},{value:"Any Condition (OR)",id:"any-condition-or-5",level:3},{value:"Best Practices",id:"best-practices-2",level:3},{value:"Notes",id:"notes-2",level:3},{value:"Checkbox Widget - Conditional Logic",id:"checkbox-widget---conditional-logic",level:2},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-3",level:3},{value:"Supported Actions",id:"supported-actions-3",level:3},{value:"Condition Types",id:"condition-types-3",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-6",level:2},{value:"Example",id:"example-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-6",level:2},{value:"Example",id:"example-10",level:3},{value:"Checkbox Triggered by a Text Input",id:"checkbox-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-11",level:2},{value:"Show this Field",id:"show-this-field-15",level:3},{value:"Configuration",id:"configuration-66",level:3},{value:"Hide this Field",id:"hide-this-field-16",level:2},{value:"Configuration",id:"configuration-67",level:3},{value:"Make Required",id:"make-required-16",level:3},{value:"Configuration",id:"configuration-68",level:3},{value:"Make Optional",id:"make-optional-16",level:3},{value:"Configuration",id:"configuration-69",level:3},{value:"Checkbox Triggered by a Number Widget",id:"checkbox-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-12",level:3},{value:"Show this Field",id:"show-this-field-16",level:3},{value:"Configuration",id:"configuration-70",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-6",level:3},{value:"Configuration",id:"configuration-71",level:3},{value:"Hide this Field",id:"hide-this-field-17",level:3},{value:"Configuration",id:"configuration-72",level:3},{value:"Make Required",id:"make-required-17",level:3},{value:"Configuration",id:"configuration-73",level:3},{value:"Make Optional",id:"make-optional-17",level:3},{value:"Configuration",id:"configuration-74",level:3},{value:"Checkbox Triggered by a Dropdown",id:"checkbox-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-13",level:3},{value:"Show this Field",id:"show-this-field-17",level:3},{value:"Configuration",id:"configuration-75",level:3},{value:"Hide this Field",id:"hide-this-field-18",level:3},{value:"Configuration",id:"configuration-76",level:3},{value:"Make Required",id:"make-required-18",level:3},{value:"Configuration",id:"configuration-77",level:3},{value:"Make Optional",id:"make-optional-18",level:3},{value:"Configuration",id:"configuration-78",level:3},{value:"Checkbox Triggered by Another Checkbox",id:"checkbox-triggered-by-another-checkbox",level:2},{value:"Show this Field",id:"show-this-field-18",level:3},{value:"Configuration",id:"configuration-79",level:3},{value:"Hide this Field",id:"hide-this-field-19",level:3},{value:"Configuration",id:"configuration-80",level:3},{value:"Make Required",id:"make-required-19",level:3},{value:"Configuration",id:"configuration-81",level:3},{value:"Make Optional",id:"make-optional-19",level:3},{value:"Configuration",id:"configuration-82",level:3},{value:"Is Not Checked",id:"is-not-checked-3",level:3},{value:"Example",id:"example-11",level:3},{value:"Checkbox Triggered by a Radio Button",id:"checkbox-triggered-by-a-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-14",level:3},{value:"Show this Field",id:"show-this-field-19",level:3},{value:"Configuration",id:"configuration-83",level:3},{value:"Hide this Field",id:"hide-this-field-20",level:3},{value:"Configuration",id:"configuration-84",level:3},{value:"Make Required",id:"make-required-20",level:3},{value:"Configuration",id:"configuration-85",level:3},{value:"Make Optional",id:"make-optional-20",level:3},{value:"Configuration",id:"configuration-86",level:3},{value:"Multiple Conditions",id:"multiple-conditions-3",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-7",level:3},{value:"Any Condition (OR)",id:"any-condition-or-7",level:3},{value:"Best Practices",id:"best-practices-3",level:3},{value:"Notes",id:"notes-3",level:3},{value:"Supported Trigger Widgets",id:"supported-trigger-widgets-4",level:2},{value:"Supported Actions",id:"supported-actions-4",level:3},{value:"Condition Types",id:"condition-types-4",level:3},{value:"All Conditions (AND)",id:"all-conditions-and-8",level:3},{value:"Example",id:"example-12",level:3},{value:"Any Condition (OR)",id:"any-condition-or-8",level:3},{value:"Example",id:"example-13",level:3},{value:"Radio Button Triggered by a Text Input",id:"radio-button-triggered-by-a-text-input",level:2},{value:"Supported Operators",id:"supported-operators-15",level:3},{value:"Show this Field",id:"show-this-field-20",level:3},{value:"Configuration",id:"configuration-87",level:3},{value:"Hide this Field",id:"hide-this-field-21",level:3},{value:"Configuration",id:"configuration-88",level:3},{value:"Make Required",id:"make-required-21",level:3},{value:"Configuration",id:"configuration-89",level:3},{value:"Make Optional",id:"make-optional-21",level:3},{value:"Configuration",id:"configuration-90",level:3},{value:"Radio Button Triggered by a Number Widget",id:"radio-button-triggered-by-a-number-widget",level:2},{value:"Supported Operators",id:"supported-operators-16",level:3},{value:"Show this Field",id:"show-this-field-21",level:3},{value:"Configuration",id:"configuration-91",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-7",level:3},{value:"Configuration",id:"configuration-92",level:3},{value:"Hide this Field",id:"hide-this-field-22",level:3},{value:"Configuration",id:"configuration-93",level:3},{value:"Make Required",id:"make-required-22",level:3},{value:"Configuration",id:"configuration-94",level:3},{value:"Make Optional",id:"make-optional-22",level:3},{value:"Configuration",id:"configuration-95",level:3},{value:"Radio Button Triggered by a Dropdown",id:"radio-button-triggered-by-a-dropdown",level:2},{value:"Supported Operators",id:"supported-operators-17",level:3},{value:"Show this Field",id:"show-this-field-22",level:3},{value:"Configuration",id:"configuration-96",level:3},{value:"Hide this Field",id:"hide-this-field-23",level:3},{value:"Configuration",id:"configuration-97",level:3},{value:"Make Required",id:"make-required-23",level:3},{value:"Configuration",id:"configuration-98",level:3},{value:"Make Optional",id:"make-optional-23",level:3},{value:"Configuration",id:"configuration-99",level:3},{value:"Radio Button Triggered by a Checkbox",id:"radio-button-triggered-by-a-checkbox",level:2},{value:"Show this Field",id:"show-this-field-23",level:3},{value:"Configuration",id:"configuration-100",level:3},{value:"Hide this Field",id:"hide-this-field-24",level:3},{value:"Configuration",id:"configuration-101",level:3},{value:"Make Required",id:"make-required-24",level:3},{value:"Configuration",id:"configuration-102",level:3},{value:"Make Optional",id:"make-optional-24",level:3},{value:"Configuration",id:"configuration-103",level:3},{value:"Is Not Checked",id:"is-not-checked-4",level:3},{value:"Example",id:"example-14",level:3},{value:"Radio Button Triggered by Another Radio Button",id:"radio-button-triggered-by-another-radio-button",level:2},{value:"Supported Operators",id:"supported-operators-18",level:3},{value:"Show this Field",id:"show-this-field-24",level:3},{value:"Configuration",id:"configuration-104",level:3},{value:"Show this Field (Does Not Equal)",id:"show-this-field-does-not-equal-8",level:3},{value:"Configuration",id:"configuration-105",level:3},{value:"Hide this Field",id:"hide-this-field-25",level:3},{value:"Configuration",id:"configuration-106",level:3},{value:"Make Required",id:"make-required-25",level:3},{value:"Configuration",id:"configuration-107",level:3},{value:"Make Optional",id:"make-optional-25",level:3},{value:"Configuration",id:"configuration-108",level:3},{value:"Multiple Conditions",id:"multiple-conditions-4",level:2},{value:"All Conditions (AND)",id:"all-conditions-and-9",level:3},{value:"Any Condition (OR)",id:"any-condition-or-9",level:3},{value:"Best Practices",id:"best-practices-4",level:3},{value:"Notes",id:"notes-4",level:3}];function o(e){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.header,{children:(0,r.jsx)(i.h1,{id:"conditional-logic",children:"Conditional Logic"})}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Conditional Logic"})," feature in OpenSign allows widgets to dynamically change their behavior based on the values entered or selections made in other widgets while a signer is signing a document."]}),"\n",(0,r.jsx)(i.p,{children:"Instead of displaying every field at once, Conditional Logic helps you create intelligent, interactive forms by showing, hiding, or changing the requirements of fields only when specific conditions are met. This simplifies the signing experience by displaying only the fields that are relevant to the signer."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"what-can-conditional-logic-do",children:"What Can Conditional Logic Do?"}),"\n",(0,r.jsx)("img",{width:"723",alt:"conditional_logic_Actions",src:"https://github.com/user-attachments/assets/219adc48-65e9-48f5-ab1b-a2e870491660"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure a widget to perform one of the following actions:"}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field",children:"Show this Field"}),"\n",(0,r.jsx)(i.p,{children:"Displays the target widget only when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Employee"})," from a Dropdown field, an ",(0,r.jsx)(i.strong,{children:"Employee ID"})," field can be displayed automatically."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field",children:"Hide this Field"}),"\n",(0,r.jsx)(i.p,{children:"Hides the target widget when the configured condition is met."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have a secondary address?", the ',(0,r.jsx)(i.strong,{children:"Secondary Address"})," fields can be hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required",children:"Make Required"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget mandatory when the configured condition is met. The signer must complete the field before they can finish signing the document."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"Yes"}),' for "Are you currently employed?", the ',(0,r.jsx)(i.strong,{children:"Employer Name"})," field becomes required."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional",children:"Make Optional"}),"\n",(0,r.jsx)(i.p,{children:"Makes the target widget optional when the configured condition is met. The signer can complete the document without filling in that field."}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Example"})}),"\n",(0,r.jsxs)(i.p,{children:["If the signer selects ",(0,r.jsx)(i.strong,{children:"No"}),' for "Do you have previous work experience?", the ',(0,r.jsx)(i.strong,{children:"Previous Employer"})," field becomes optional."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"benefits-of-conditional-logic",children:"Benefits of Conditional Logic"}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps you build dynamic and user-friendly documents by:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Displaying only relevant fields to the signer."}),"\n",(0,r.jsx)(i.li,{children:"Reducing unnecessary data entry."}),"\n",(0,r.jsx)(i.li,{children:"Creating interactive forms without requiring multiple document templates."}),"\n",(0,r.jsx)(i.li,{children:"Simplifying complex workflows."}),"\n",(0,r.jsx)(i.li,{children:"Improving the signing experience."}),"\n",(0,r.jsx)(i.li,{children:"Ensuring required information is collected only when applicable."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"text-input-widget---conditional-logic",children:"Text Input Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Text Input"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior based on values entered or selected in other widgets."]}),"\n",(0,r.jsx)("img",{width:"1469",alt:"textinput condtional logic",src:"https://github.com/user-attachments/assets/919846c6-5cf7-4ce6-83b7-cf19e618d8f3"}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Text Input widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show the field"}),"\n",(0,r.jsx)(i.li,{children:"Hide the field"}),"\n",(0,r.jsx)(i.li,{children:"Make the field required"}),"\n",(0,r.jsx)(i.li,{children:"Make the field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant to the signer based on their responses."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-trigger-widgets",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget supports the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked, Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"supported-actions",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Text Input widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Text Input field when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Text Input field optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"condition-types",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple rules are configured, OpenSign allows you to choose how those rules are evaluated."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-1",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"If any one of the configured conditions is true, the selected action is performed."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"text-input-as-the-trigger-widget",children:"Text Input as the Trigger Widget"}),"\n",(0,r.jsx)(i.p,{children:"The Text Input widget can control another Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-1",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-1",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered value is anything other than ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-1",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-2",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-1",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-3",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"make-optional-1",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-4",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-as-the-trigger",children:"Number Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget controls the Text Input widget using numeric values."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-1",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-the-text-input-field",children:"Show the Text Input Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-5",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"})," in the Number widget, the configured Text Input field is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-1",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-6",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the entered number is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-2",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-7",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Text Input field is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-2",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-8",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory only when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-2",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-9",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget-as-the-trigger",children:"Dropdown Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget controls the Text Input widget based on the selected option."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-2",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-2",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-10",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," displays the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-2",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-11",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed whenever the selected value is not ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-3",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-12",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"HR"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-3",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-13",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-3",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-14",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"HR"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget-as-the-trigger",children:"Checkbox Widget as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-3",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-15",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes visible when the checkbox is selected."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-4",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-16",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Selecting the checkbox hides the configured Text Input field."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-4",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-17",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-4",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-18",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-2",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Text Input field is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-as-the-trigger",children:"Radio Button as the Trigger"}),"\n",(0,r.jsx)(i.p,{children:"Radio Button widgets support the following operators:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-4",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-19",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes visible when the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-5",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-20",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Text Input field."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-5",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-21",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes mandatory when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-5",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-22",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field becomes optional when ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"multiple-conditions",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-1",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = HR\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-1",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = HR\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Text Input field is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to understand."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep your conditions simple and easy to maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Text Input widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Text Input widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Text Input widget."}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"number-widget---conditional-logic",children:"Number Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Number"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on numeric values entered by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Number widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic documents by displaying only the fields that are relevant based on the signer's input."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-1",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-1",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Number widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Number widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Number widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-1",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-2",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-3",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are true."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-2",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-4",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Number widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-text-input",children:"Number Widget Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Number widget can be controlled using values entered in a Text Input widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-3",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-5",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-23",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"})," in the Text Input widget, the configured Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-6",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-24",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-6",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-25",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-6",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-26",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-another-number-widget",children:"Number Widget Triggered by Another Number Widget"}),"\n",(0,r.jsx)(i.p,{children:"A Number widget can control another Number widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-4",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-6",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-27",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Number widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-3",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-28",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Number widget is displayed whenever the entered value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-7",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-29",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-7",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-30",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-7",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-31",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-dropdown",children:"Number Widget Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-5",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-7",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-32",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," displays the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-8",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-33",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-8",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-34",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-8",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-35",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"number-widget-triggered-by-a-checkbox",children:"Number Widget Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-8",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-36",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-9",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-37",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Number widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-9",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-38",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-9",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-39",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-1",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-5",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"number-widget-triggered-by-a-radio-button",children:"Number Widget Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-6",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-9",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-40",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Number widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-10",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-41",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Number widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-10",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-42",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-10",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-43",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Number widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-1",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple conditions for a single Number widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-3",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-3",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Number widget is displayed when ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-1",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use meaningful widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when only one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid configuring multiple conflicting rules for the same Number widget."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-1",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Any changes made to trigger widget values immediately update the behavior of the Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsxs)(i.p,{children:["A Number widget can be both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Multiple Conditional Logic rules can be configured for the same Number widget."}),"\n"]}),"\n",(0,r.jsxs)(i.li,{children:["\n",(0,r.jsx)(i.p,{children:"Number widgets only support numeric input. Conditional Logic comparisons are performed using numeric values."}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-widget---conditional-logic",children:"Dropdown Widget - Conditional Logic"}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Dropdown"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Dropdown widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature helps create interactive documents by displaying only the fields that are relevant based on the signer's selection."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-2",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-actions-2",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Dropdown widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Dropdown widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Dropdown widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"condition-types-2",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how they are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-4",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-6",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nAND\n\nNumber = 10\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is performed only when ",(0,r.jsx)(i.strong,{children:"all conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-4",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-7",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Text Input = HR\n\nOR\n\nNumber = 10\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-text-input",children:"Dropdown Triggered by a Text Input"}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget can be controlled using values entered into a Text Input widget."}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-7",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"show-this-field-10",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-44",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-11",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-45",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-11",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-46",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-11",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-47",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-number-widget",children:"Dropdown Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-8",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-11",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-48",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-4",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-49",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-12",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-50",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"5"}),", the Dropdown widget is hidden."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-12",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-51",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"5"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-12",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-52",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"5"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-another-dropdown",children:"Dropdown Triggered by Another Dropdown"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can control another Dropdown widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-9",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-12",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-53",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Dropdown widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-5",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-54",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever any option other than ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-13",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-55",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-13",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-56",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-13",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-57",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-checkbox",children:"Dropdown Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions."}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Is Checked"}),"\n",(0,r.jsx)(i.li,{children:"Is Not Checked"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-13",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-58",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes visible when the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-14",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-59",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the Dropdown widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-14",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-60",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-14",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-61",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-2",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-8",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"dropdown-triggered-by-a-radio-button",children:"Dropdown Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-10",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-14",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-62",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the Dropdown widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-15",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-63",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the Dropdown widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-15",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-64",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-15",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-65",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Dropdown widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-2",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Dropdown widget can have multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-5",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-5",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Dropdown widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," of the configured conditions is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-2",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured rule must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting rules for the same Dropdown widget."}),"\n",(0,r.jsx)(i.li,{children:"Keep dropdown option values meaningful and consistent."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-2",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to the trigger widget values immediately update the behavior of the Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Dropdown widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for a single Dropdown widget."}),"\n",(0,r.jsxs)(i.li,{children:["Conditional Logic compares the selected dropdown option with the configured value using ",(0,r.jsx)(i.strong,{children:"Equals"})," or ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators."]}),"\n"]}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-widget---conditional-logic",children:"Checkbox Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Checkbox"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on values entered or selected in other fields."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Checkbox widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"This feature enables you to create interactive and dynamic signing experiences by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-trigger-widgets-3",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-3",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Checkbox widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Checkbox widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Checkbox widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-3",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When configuring multiple conditions, OpenSign provides two evaluation modes."}),"\n",(0,r.jsx)(i.h2,{id:"all-conditions-and-6",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the selected action is performed."}),"\n",(0,r.jsx)(i.h3,{id:"example-9",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Checkbox widget action is performed only when ",(0,r.jsx)(i.strong,{children:"all three conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"any-condition-or-6",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-10",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nText Input = HR\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget action is executed when any one condition is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-text-input",children:"Checkbox Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h2,{id:"supported-operators-11",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-15",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-66",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"hide-this-field-16",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-67",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-16",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-68",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-16",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-69",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-number-widget",children:"Checkbox Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-12",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-16",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-70",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the Checkbox widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-6",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-71",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever the Number widget value is not ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-17",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-72",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-17",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-73",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-17",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-74",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-dropdown",children:"Checkbox Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-13",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-17",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-75",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-18",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-76",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-18",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-77",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-18",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-78",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-another-checkbox",children:"Checkbox Triggered by Another Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-18",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-79",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the trigger checkbox is checked, the configured Checkbox widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-19",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-80",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the trigger checkbox hides the configured Checkbox widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-19",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-81",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-19",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-82",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional whenever the trigger checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-3",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-11",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget is displayed while the trigger checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"checkbox-triggered-by-a-radio-button",children:"Checkbox Triggered by a Radio Button"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-14",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-19",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-83",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Checkbox widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-20",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-84",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Checkbox widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-20",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-85",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes mandatory."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-20",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-86",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Checkbox widget becomes optional."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-3",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"A Checkbox widget can contain multiple Conditional Logic rules."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-7",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-7",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Checkbox widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-3",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to simplify Conditional Logic configuration."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every condition must be satisfied."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any one condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test all Conditional Logic rules before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Checkbox widget."}),"\n",(0,r.jsx)(i.li,{children:"Use Checkbox widgets for simple Yes/No or multiple-choice scenarios."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-3",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes made to trigger widget values immediately update the behavior of the Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Checkbox widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Checkbox widget."}),"\n",(0,r.jsxs)(i.li,{children:["Checkbox widgets support ",(0,r.jsx)(i.strong,{children:"Is Checked"})," and ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," conditions when used as trigger widgets."]}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h1,{id:"radio-button-widget---conditional-logic",children:"Radio Button Widget - Conditional Logic"}),"\n",(0,r.jsxs)(i.p,{children:["The ",(0,r.jsx)(i.strong,{children:"Radio Button"})," widget in OpenSign supports ",(0,r.jsx)(i.strong,{children:"Conditional Logic"}),", allowing you to dynamically control its behavior or the behavior of other widgets based on the option selected by the signer."]}),"\n",(0,r.jsx)(i.p,{children:"Using Conditional Logic, you can configure the Radio Button widget to:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Show a field"}),"\n",(0,r.jsx)(i.li,{children:"Hide a field"}),"\n",(0,r.jsx)(i.li,{children:"Make a field required"}),"\n",(0,r.jsx)(i.li,{children:"Make a field optional"}),"\n"]}),"\n",(0,r.jsx)(i.p,{children:"Conditional Logic helps create dynamic and interactive document workflows by displaying or requiring fields only when specific conditions are met."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"supported-trigger-widgets-4",children:"Supported Trigger Widgets"}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget can be controlled using the following trigger widgets:"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Trigger Widget"}),(0,r.jsx)(i.th,{children:"Supported Operators"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Text Input"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Number"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Dropdown"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Checkbox"}),(0,r.jsx)(i.td,{children:"Is Checked, Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Radio Button"}),(0,r.jsx)(i.td,{children:"Equals, Does Not Equal"})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"supported-actions-4",children:"Supported Actions"}),"\n",(0,r.jsx)(i.p,{children:"The following actions can be applied to a Radio Button widget."}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Action"}),(0,r.jsx)(i.th,{children:"Description"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Show this field"})}),(0,r.jsx)(i.td,{children:"Displays the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Hide this field"})}),(0,r.jsx)(i.td,{children:"Hides the Radio Button widget when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Required"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget mandatory when the configured conditions are met."})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:(0,r.jsx)(i.strong,{children:"Make Optional"})}),(0,r.jsx)(i.td,{children:"Makes the Radio Button widget optional when the configured conditions are met."})]})]})]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"condition-types-4",children:"Condition Types"}),"\n",(0,r.jsx)(i.p,{children:"When multiple conditions are configured, OpenSign allows you to choose how those conditions are evaluated."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-8",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.p,{children:"All configured conditions must be satisfied before the configured action is executed."}),"\n",(0,r.jsx)(i.h3,{id:"example-12",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The configured Radio Button widget action is executed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-8",children:"Any Condition (OR)"}),"\n",(0,r.jsxs)(i.p,{children:["The configured action is executed when ",(0,r.jsx)(i.strong,{children:"at least one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.h3,{id:"example-13",children:"Example"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget action is executed whenever any one of the configured conditions is satisfied."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-text-input",children:"Radio Button Triggered by a Text Input"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-15",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-20",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-87",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-21",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-88",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden whenever the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-21",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-89",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-21",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-90",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Text Input"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"HR"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the signer enters ",(0,r.jsx)(i.strong,{children:"HR"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-number-widget",children:"Radio Button Triggered by a Number Widget"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-16",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-21",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-91",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-7",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-92",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever the Number widget value is ",(0,r.jsx)(i.strong,{children:"not equal to 10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-22",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-93",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is hidden when the signer enters ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-22",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-94",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-22",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-95",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Number"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"10"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional when the Number widget contains ",(0,r.jsx)(i.strong,{children:"10"}),"."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-dropdown",children:"Radio Button Triggered by a Dropdown"}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-17",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-22",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-96",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Manager"}),", the configured Radio Button widget becomes visible."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-23",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-97",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Manager"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-23",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-98",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-23",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-99",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Dropdown"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Manager"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Manager"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-a-checkbox",children:"Radio Button Triggered by a Checkbox"}),"\n",(0,r.jsx)(i.p,{children:"Checkbox widgets support two conditions:"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Checked"})}),"\n",(0,r.jsx)(i.li,{children:(0,r.jsx)(i.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-23",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-100",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"When the checkbox is checked, the configured Radio Button widget becomes visible."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-24",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-101",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"Checking the checkbox hides the configured Radio Button widget."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-24",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-102",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes mandatory whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-24",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-103",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The Radio Button widget becomes optional whenever the checkbox is checked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"is-not-checked-4",children:"Is Not Checked"}),"\n",(0,r.jsxs)(i.p,{children:["The same actions can also be configured using the ",(0,r.jsx)(i.strong,{children:"Is Not Checked"})," condition."]}),"\n",(0,r.jsx)(i.h3,{id:"example-14",children:"Example"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Checkbox"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Is Not Checked"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsx)(i.p,{children:"The configured Radio Button widget is displayed while the checkbox remains unchecked."}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"radio-button-triggered-by-another-radio-button",children:"Radio Button Triggered by Another Radio Button"}),"\n",(0,r.jsx)(i.p,{children:"A Radio Button widget can control another Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"supported-operators-18",children:"Supported Operators"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Equals"}),"\n",(0,r.jsx)(i.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-24",children:"Show this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-104",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["When the signer selects ",(0,r.jsx)(i.strong,{children:"Approved"}),", the configured Radio Button widget is displayed."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"show-this-field-does-not-equal-8",children:"Show this Field (Does Not Equal)"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-105",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Does Not Equal"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Show this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever a value other than ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"hide-this-field-25",children:"Hide this Field"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-106",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Hide this field"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["Selecting ",(0,r.jsx)(i.strong,{children:"Approved"})," hides the configured Radio Button widget."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-required-25",children:"Make Required"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-107",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Required"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes mandatory whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"make-optional-25",children:"Make Optional"}),"\n",(0,r.jsx)(i.h3,{id:"configuration-108",children:"Configuration"}),"\n",(0,r.jsxs)(i.table,{children:[(0,r.jsx)(i.thead,{children:(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.th,{children:"Property"}),(0,r.jsx)(i.th,{children:"Value"})]})}),(0,r.jsxs)(i.tbody,{children:[(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Trigger Widget"}),(0,r.jsx)(i.td,{children:"Radio Button"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Condition"}),(0,r.jsx)(i.td,{children:"Equals"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Value"}),(0,r.jsx)(i.td,{children:"Approved"})]}),(0,r.jsxs)(i.tr,{children:[(0,r.jsx)(i.td,{children:"Action"}),(0,r.jsx)(i.td,{children:"Make Optional"})]})]})]}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget becomes optional whenever ",(0,r.jsx)(i.strong,{children:"Approved"})," is selected."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h2,{id:"multiple-conditions-4",children:"Multiple Conditions"}),"\n",(0,r.jsx)(i.p,{children:"You can configure multiple Conditional Logic rules for a Radio Button widget."}),"\n",(0,r.jsx)(i.h3,{id:"all-conditions-and-9",children:"All Conditions (AND)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nAND\n\nDropdown = Manager\n\nAND\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed only when ",(0,r.jsx)(i.strong,{children:"all configured conditions"})," are satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"any-condition-or-9",children:"Any Condition (OR)"}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{className:"language-text",children:"Number = 10\n\nOR\n\nDropdown = Manager\n\nOR\n\nCheckbox is Checked\n"})}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Action"})}),"\n",(0,r.jsx)(i.p,{children:"Show this field"}),"\n",(0,r.jsx)(i.p,{children:(0,r.jsx)(i.strong,{children:"Result"})}),"\n",(0,r.jsxs)(i.p,{children:["The Radio Button widget is displayed whenever ",(0,r.jsx)(i.strong,{children:"any one"})," configured condition is satisfied."]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"best-practices-4",children:"Best Practices"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Use descriptive widget names to make Conditional Logic easier to configure."}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"All Conditions"})," when every configured condition must be true."]}),"\n",(0,r.jsxs)(i.li,{children:["Use ",(0,r.jsx)(i.strong,{children:"Any Condition"})," when any single matching condition should trigger the action."]}),"\n",(0,r.jsx)(i.li,{children:"Test Conditional Logic before sending the document."}),"\n",(0,r.jsx)(i.li,{children:"Avoid creating conflicting Conditional Logic rules for the same Radio Button widget."}),"\n",(0,r.jsx)(i.li,{children:"Use meaningful option labels to make conditions easier to understand and maintain."}),"\n"]}),"\n",(0,r.jsx)(i.hr,{}),"\n",(0,r.jsx)(i.h3,{id:"notes-4",children:"Notes"}),"\n",(0,r.jsxs)(i.ul,{children:["\n",(0,r.jsx)(i.li,{children:"Conditional Logic is evaluated dynamically while the signer completes the document."}),"\n",(0,r.jsx)(i.li,{children:"Changes to trigger widget values immediately update the behavior of the Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["A Radio Button widget can act as both a ",(0,r.jsx)(i.strong,{children:"trigger widget"})," and a ",(0,r.jsx)(i.strong,{children:"target widget"}),"."]}),"\n",(0,r.jsx)(i.li,{children:"Multiple Conditional Logic rules can be configured for the same Radio Button widget."}),"\n",(0,r.jsxs)(i.li,{children:["Radio Button widgets support ",(0,r.jsx)(i.strong,{children:"Equals"})," and ",(0,r.jsx)(i.strong,{children:"Does Not Equal"})," operators when comparing the selected option."]}),"\n"]}),"\n",(0,r.jsx)(i.pre,{children:(0,r.jsx)(i.code,{children:" \nIf you require more help, feel free to reach out to our customer support on support@opensignlabs.com.\n\nHappy signing with OpenSign\u2122!\n"})})]})}function x(e={}){const{wrapper:i}={...(0,s.R)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}}}]); \ No newline at end of file diff --git a/assets/js/d1393a72.3bcf00b8.js b/assets/js/d1393a72.3bcf00b8.js new file mode 100644 index 000000000..3d6c6600c --- /dev/null +++ b/assets/js/d1393a72.3bcf00b8.js @@ -0,0 +1 @@ +"use strict";(globalThis.webpackChunkOpenSign_Docs=globalThis.webpackChunkOpenSign_Docs||[]).push([[841],{11856(e,n,i){i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>a,frontMatter:()=>l,metadata:()=>s,toc:()=>c});const s=JSON.parse('{"id":"help/New-Document/request-signatures","title":"Request signatures","description":"Interface Overview","source":"@site/docs/help/New-Document/request-signatures.md","sourceDirName":"help/New-Document","slug":"/help/New-Document/request-signatures","permalink":"/docs/help/New-Document/request-signatures","draft":false,"unlisted":false,"editUrl":"https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/New-Document/request-signatures.md","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"sidebar_position":2,"title":"Request signatures"},"sidebar":"tutorialSidebar","previous":{"title":"Sign your-self","permalink":"/docs/help/New-Document/sign-yourself"},"next":{"title":"Widgets in OpenSign","permalink":"/docs/help/New-Document/widgets"}}');var t=i(74848),r=i(28453);const l={sidebar_position:2,title:"Request signatures"},d="Request signatures using OpenSign\u2122",o={},c=[{value:"Interface Overview",id:"interface-overview",level:2},{value:"Step 1: Begin New Document Creation",id:"step-1-begin-new-document-creation",level:3},{value:"Uploading Your Document",id:"uploading-your-document",level:3},{value:"Entering Document Details And Signers",id:"entering-document-details-and-signers",level:3},{value:"Organizing Your Document",id:"organizing-your-document",level:3},{value:"Set the sending order",id:"set-the-sending-order",level:3},{value:"Setting the Time Frame",id:"setting-the-time-frame",level:3},{value:"Setting BCC and CC",id:"setting-bcc-and-cc",level:3},{value:"Auto reminder",id:"auto-reminder",level:3},{value:"Security Setting",id:"security-setting",level:3},{value:"Enable tour:",id:"enable-tour",level:3},{value:"Notify on signatures:",id:"notify-on-signatures",level:3},{value:"allow modifications:",id:"allow-modifications",level:3},{value:"Redirect url:",id:"redirect-url",level:3},{value:"Pen colors:",id:"pen-colors",level:3},{value:"Step 2: Proceed to Document Creation Panel",id:"step-2-proceed-to-document-creation-panel",level:3},{value:"Step 3: Document Creation",id:"step-3-document-creation",level:3},{value:"Prefill Widgets",id:"prefill-widgets",level:3},{value:"Signers/Recipients",id:"signersrecipients",level:2},{value:"Access code",id:"access-code",level:2},{value:"How the Access Code Works",id:"how-the-access-code-works",level:3},{value:"Add Widgets for Signers",id:"add-widgets-for-signers",level:2},{value:"1. Add a Signature Widget",id:"1-add-a-signature-widget",level:3},{value:"Signature Widget Options",id:"signature-widget-options",level:3},{value:"2. Add Other Widgets",id:"2-add-other-widgets",level:3},{value:"\u2699\ufe0f Widget Options",id:"\ufe0f-widget-options",level:4},{value:"Supported Conditions",id:"supported-conditions",level:2},{value:"Text Input",id:"text-input",level:3},{value:"Number",id:"number",level:3},{value:"Any Condition (OR)",id:"any-condition-or",level:3},{value:"Example",id:"example",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides",level:3},{value:"Additional Widget Options",id:"additional-widget-options",level:3},{value:"Conditional Logic",id:"conditional-logic",level:3},{value:"Supported Conditions",id:"supported-conditions-1",level:2},{value:"Text Input",id:"text-input-1",level:3},{value:"Number",id:"number-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-1",level:3},{value:"Example",id:"example-1",level:4},{value:"Configuration Example",id:"configuration-example",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-1",level:3},{value:"Additional Widget Options",id:"additional-widget-options-1",level:3},{value:"Supported Conditions",id:"supported-conditions-2",level:2},{value:"Text Input",id:"text-input-2",level:3},{value:"Number",id:"number-2",level:3},{value:"Dropdown",id:"dropdown",level:3},{value:"Checkbox",id:"checkbox",level:3},{value:"Radio Button",id:"radio-button",level:3},{value:"Any Condition (OR)",id:"any-condition-or-2",level:3},{value:"Example",id:"example-2",level:4},{value:"Configuration Example",id:"configuration-example-1",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-2",level:3},{value:"Additional Widget Options",id:"additional-widget-options-2",level:3},{value:"Conditional Logic",id:"conditional-logic-1",level:3},{value:"Supported Conditions",id:"supported-conditions-3",level:2},{value:"Text Input",id:"text-input-3",level:3},{value:"Number",id:"number-3",level:3},{value:"Dropdown",id:"dropdown-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-3",level:3},{value:"Example",id:"example-3",level:4},{value:"Configuration Example",id:"configuration-example-2",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-3",level:3},{value:"Additional Widget Options",id:"additional-widget-options-3",level:3},{value:"Conditional Logic",id:"conditional-logic-2",level:3},{value:"Supported Conditions",id:"supported-conditions-4",level:2},{value:"Text Input",id:"text-input-4",level:3},{value:"Number",id:"number-4",level:3},{value:"Dropdown",id:"dropdown-2",level:3},{value:"Checkbox",id:"checkbox-1",level:3},{value:"Radio Button",id:"radio-button-1",level:3},{value:"Example 1 \u2013 Using Is Checked",id:"example-1--using-is-checked",level:4},{value:"Example 2 \u2013 Using Equals",id:"example-2--using-equals",level:4},{value:"Example 3 \u2013 Using Does Not Equal",id:"example-3--using-does-not-equal",level:4},{value:"Any Condition (OR)",id:"any-condition-or-4",level:3},{value:"Example",id:"example-4",level:4},{value:"Configuration Example",id:"configuration-example-3",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-4",level:3},{value:"Additional Widget Options",id:"additional-widget-options-4",level:3},{value:"How the Attachment Widget Works",id:"how-the-attachment-widget-works",level:2},{value:"\ud83d\udcc4 Document Page Controls",id:"-document-page-controls",level:3},{value:"Step 4: Next:",id:"step-4-next",level:3},{value:"Step 5: Send Mail",id:"step-5-send-mail",level:3},{value:"Signers Signing Process",id:"signers-signing-process",level:2},{value:"Step 6: Email OTP verification",id:"step-6-email-otp-verification",level:3},{value:"Step 7: Finalizing the Process:",id:"step-7-finalizing-the-process",level:3},{value:"Additional Information",id:"additional-information",level:2}];function h(e){const n={a:"a",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"request-signatures-using-opensign",children:"Request signatures using OpenSign\u2122"})}),"\n",(0,t.jsx)(n.h2,{id:"interface-overview",children:"Interface Overview"}),"\n",(0,t.jsx)(n.p,{children:"The OpenSign\u2122 Request signatures interface is designed to streamline the process of creating, preparing, and sending documents for electronic signature."}),"\n",(0,t.jsx)(n.h1,{id:"how-to-create-and-send-a-document-for-signature-with-opensign",children:"How to Create and Send a Document for Signature with OpenSign\u2122"}),"\n",(0,t.jsx)(n.h3,{id:"step-1-begin-new-document-creation",children:"Step 1: Begin New Document Creation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Navigate to Request Signatures form"}),": Start by navigating to 'Request Signatures' from the main menu to initiate the creation of a document for signatures."]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"866",alt:"requets signature",src:"https://github.com/user-attachments/assets/f3edeafa-66d1-416a-854e-ce666f27e7b7"}),"\n",(0,t.jsx)(n.h3,{id:"uploading-your-document",children:"Uploading Your Document"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[1] Choose File"}),': Once the "Request signature" form opens, click "Choose file" button to select and upload the document file from your computer that needs to be signed. Currently you can upload only 1 file at a time but you can add additional documents by clicking "Add pages" in the next step.']}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[2] Choose File from Dropbox"}),": Click the dropbox icon to select the document file from your dropbox account."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"entering-document-details-and-signers",children:"Entering Document Details And Signers"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[3] Title"})," ",(0,t.jsx)(n.em,{children:"(Required)"}),": Input the title of your document. This identifier will be visible to signers and in your document management."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[4] Signers"}),": Use the dropdown to select existing signers or use the addition button to add a new signer who needs to sign the document. (Here, add the signer's details such as name, email, and phone number)."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[5] Note"}),": Optionally add a note to give context or instructions regarding the document."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"organizing-your-document",children:"Organizing Your Document"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[6] Folder"}),": Select a folder where you want the document to be stored, or leave it to default to the 'Root' folder. You can browse your documents in a beautiful explorer view by navigating to \"OpenSign\u2122 Drive\"."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"set-the-sending-order",children:"Set the sending order"}),"\n",(0,t.jsx)("img",{width:"866",alt:"request signature2",src:"https://github.com/user-attachments/assets/f2e07e62-5a46-480d-b9a9-94f406805ce6"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"[7] Send in Order"})}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"If you choose:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": Selecting this option will send the signing request to the first signer initially. Once the first signer completes their part, the next signer in the sequence will receive the request. This process continues until all signers have signed the document. This method ensures that the document is signed in a specific order."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"No"}),": Selecting this option will send the signing links to all signers simultaneously. Every signer can sign the document at their convenience, regardless of whether other signers have completed their signatures. This method is faster but does not enforce any signing order among the participants.\nSelect the option that best suits the needs of your document processing."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Enforce strict order"}),": When this feature is enabled, signers must sign the document strictly in the predefined order. A signer assigned to the second position cannot sign the document until the first signer has completed their signing process.\nIf a subsequent signer attempts to sign the document before the previous signer has signed, an error message will be displayed, and the document signing process cannot be completed."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Enforce strict order",src:"https://github.com/user-attachments/assets/79876739-a8a8-4597-bd67-a6845761ec63"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"setting-the-time-frame",children:"Setting the Time Frame"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Time To Complete (Days)"})," ",(0,t.jsx)(n.em,{children:"(Required)"}),": ",(0,t.jsx)(n.strong,{children:"[8]"})," Specify the number of days the signers have to complete the signatures. After that, the document will no longer be available for signing."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"setting-bcc-and-cc",children:"Setting BCC and CC"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"BCC"}),": ",(0,t.jsx)(n.strong,{children:"[9]"}),' The BCC (Blind Carbon Copy) feature allows users to receive document completion emails at specified email addresses.\nYou can add multiple contacts in the BCC field to notify several recipients.\nYou can either:\nClick "Add New" to enter a new email contact, or\nSelect from existing contacts using the dropdown list.']}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"CC"}),": ",(0,t.jsx)(n.strong,{children:"[10]"}),' The CC (Carbon Copy) feature allows users to receive document completion emails at specified email addresses.\nYou can add multiple contacts in the CC field to notify several recipients.\nYou can either:\nClick "Add New" to enter a new email contact, or\nSelect from existing contacts using the dropdown list.']}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Merge Certificate to PDF"})," [11]:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": This will ensure that the completion certificate is included in the final PDF document. However, please note that once merged, the certificate cannot be separated from the main document."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"No"}),": If you choose not to merge, the completion certificate will be provided as a separate PDF file along with the signed document.\nThis feature only available for the paid users."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"auto-reminder",children:"Auto reminder"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[12]"})," Once you enable the auto reminder, a text field will appear allowing you to set the reminder for a specific number of days."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Remind once in every (Days)"}),": You can specify the reminder interval in days (e.g., every 1 or every 2 days).\nNote: You can set a maximum of 15 reminders. For example, if the document completion time is 16 days and you try to schedule a reminder every day, the system will not allow it, as the reminder limit would be exceeded.\nThis feature only available for the paid users."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"security-setting",children:"Security Setting"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Enable OTP Verification"})," [13] :"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:'If set to "Yes," the signer will be required to complete email OTP verification before viewing and signing the document.'}),"\n",(0,t.jsx)(n.li,{children:'If "Enable OTP Verification" is set to "No," the signer will not be prompted for OTP verification during the signing process.'}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Note: This feature is available exclusively on paid plans."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Allow offline signing"})," :\n",(0,t.jsx)(n.strong,{children:"[14]"})," Choose whether signers can submit a copy of this document signed using an external tool for owner review.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": Signers will see a \u201cSign Offline\u201d option, allowing them to upload an externally signed PDF and submit it to the document owner for approval."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"On Approval: Once the owner approves the submission, the signer\u2019s signing process will be marked as completed. After the document is approved by the owner, a notification email will be sent to the signer confirming that the document has been approved and their signing process is complete. At the same time, a request signature email will be triggered and sent to the next signer in the signing order."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"On Declined: If the document is incorrectly filled out or improperly formatted, the owner can decline it and add comments. The signer can then use the same signing link that was initially shared to them to either re-upload a corrected offline file or continue the process using OpenSign\u2019s online signing interface."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"No"}),": Signers can only sign within the app. The Sign Offline option will be hidden."]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"This setting defaults to your account preference under Preferences and is available on paid plans."}),"\n",(0,t.jsx)(n.h3,{id:"enable-tour",children:"Enable tour:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[15]"}),' If set to "Yes," the signer will see the tour guide while signing the document. If your signer is familiar with OpenSign and you prefer not to display the tour guide, you can select "No," and the tour guide will not be shown to your signers.']}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"notify-on-signatures",children:"Notify on signatures:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[16]"}),' If set to "Yes," the document owner will receive an email notification each signer completes their signature.\nNote: This feature is available exclusively on paid plans.']}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"allow-modifications",children:"allow modifications:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[17]"})," If set to Yes, the signer will be allowed to make modifications to the document during the signing process. However, they cannot edit or remove any fields that were already placed by the document owner. They can only add basic fields such as signature, stamp, initials, text, and cells."]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"If both Allow Modification and Enable OTP are set to Yes, the signer will still not be able to edit or delete existing fields, but will gain access to additional advanced fields to add during signing. These include: signature, stamp, initials, name, job title, company, text, cells, and email."}),"\n",(0,t.jsx)(n.p,{children:"Note: This feature is available exclusively on paid plans."}),"\n",(0,t.jsx)(n.h3,{id:"redirect-url",children:"Redirect url:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[18]"})," After signing the document and upon its completion, the signer will be redirected to the specified URL."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"pen-colors",children:"Pen colors:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[19]"})," Choose the pen color for signing the document. The selected color will be available during the signing process. OpenSign currently supports red, blue, and black pen colors."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-2-proceed-to-document-creation-panel",children:"Step 2: Proceed to Document Creation Panel"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Next"}),": Once all the necessary fields are filled, click this button to proceed to create the document for signing."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Cancel"}),": If you need to start over or make changes, click this button to clear the form."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-3-document-creation",children:"Step 3: Document Creation"}),"\n",(0,t.jsx)(n.h3,{id:"prefill-widgets",children:"Prefill Widgets"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Prefill Widgets"})," feature lets document creators prefill specific fields before sending a document for signature. This ensures that important details (such as date, name, email, images, checkboxes, radio buttons, or custom text) are already completed when recipients receive the document. By default, prefilled data cannot be edited by signers."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Prfill",src:"https://github.com/user-attachments/assets/4794b2a9-acc0-4ef8-8110-076f0d90cc57"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\u2728 Key Benefits"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u2705 Save time by auto-filling repetitive information."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Ensure accuracy for critical fields (e.g., company name, contract number)."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Maintain consistency across multiple signers and templates."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Reduce signer effort for a smoother signing experience."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udee0\ufe0f How It Works"})}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Add Widgets to the Document"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Open the right-side panel, select ",(0,t.jsx)(n.strong,{children:"Prefill Widgets"}),", then drag and drop the required widgets (Text, Date, Checkbox, Dropdown, Image, etc.) onto the document."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Enter Prefill Value"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Provide the default value (e.g., ",(0,t.jsx)(n.em,{children:'"Company: OpenSign Labs"'}),", ",(0,t.jsx)(n.em,{children:"Date: 30/09/2025"}),")."]}),"\n",(0,t.jsx)(n.li,{children:"For option-based widgets (Dropdown, Radio, Checkbox), choose the option to be prefilled."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udccb Supported Widgets for Prefill"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Text Field"})," \u2013 Names, job titles, company names, contract IDs"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Date Field"})," \u2013 Default signing date or contract start date"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown"})," \u2013 Preselect an option"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio Button"})," \u2013 Prefill with a selected choice"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox"})," \u2013 Prefill as checked or unchecked"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Image"})," \u2013 Insert a default image (e.g., logo or stamp)"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Draw"})," \u2013 Allows the user to draw directly in this widget; use it when a prefill drawing is required."]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"signersrecipients",children:"Signers/Recipients"}),"\n",(0,t.jsxs)(n.p,{children:["Below the ",(0,t.jsx)(n.strong,{children:"Prefill"})," section, you'll find the list of signers that were added while creating the document. From this panel, you can select a recipient to assign widgets or use the ",(0,t.jsx)(n.strong,{children:"Add Recipient"})," option to include additional signers."]}),"\n",(0,t.jsx)(n.p,{children:"Each recipient can be assigned one of the following roles:"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Signer"}),": If the role is selected as Signer, the signer must fill in all required fields while signing the document before they can complete the signing process."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Viewer"}),": If the role is selected as Viewer, widgets cannot be assigned to that user. The Viewer role only allows the user to view the document."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Approver"}),": If the role is selected as Approver, it works similarly to the Signer role. However, the main difference is that the Approver role does not require a signature widget. The approver can approve the document even if no widgets are assigned."]}),"\n",(0,t.jsx)(n.h2,{id:"access-code",children:"Access code"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Access Code"})," feature in OpenSign adds an extra layer of security to your documents by requiring recipients to enter a unique access code before they can view and sign a document. This feature helps ensure that only authorized recipients can access sensitive documents, even if the signing link is accidentally shared or intercepted."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Access code",src:"https://github.com/user-attachments/assets/e227e069-ee56-41ee-832d-b2c210cd3d63"}),"\n",(0,t.jsx)(n.h3,{id:"how-the-access-code-works",children:"How the Access Code Works"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["The document owner can enable ",(0,t.jsx)(n.strong,{children:"Access Code"})," protection by clicking the ",(0,t.jsx)(n.strong,{children:"Lock"})," icon next to the signer's details. This opens the ",(0,t.jsx)(n.strong,{children:"Access Code"})," dialog, where the owner can enter a unique ",(0,t.jsx)(n.strong,{children:"6-digit numeric access code"})," (for example, ",(0,t.jsx)(n.code,{children:"809966"}),"). After entering the code, click ",(0,t.jsx)(n.strong,{children:"Save"})," to assign it to the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Send the document for signature."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"The signer receives an email invitation containing the document signing link. Alternatively, the document owner can share the signing link manually through another secure communication channel, such as SMS, a messaging application, or email."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["When the signer opens the document signing link, they are prompted to enter the assigned ",(0,t.jsx)(n.strong,{children:"6-digit access code"})," before they can access the document. The signer must obtain this access code directly from the document owner, who should share it using a separate and secure communication channel (such as a phone call, SMS, or messaging application)."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"If the signer enters the correct access code, the document opens and they can proceed with reviewing and signing it."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["If the signer enters an incorrect access code, access to the document is denied. The signer must enter the correct ",(0,t.jsx)(n.strong,{children:"6-digit numeric access code"})," provided by the document owner to continue."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"add-widgets-for-signers",children:"Add Widgets for Signers"}),"\n",(0,t.jsx)(n.h3,{id:"1-add-a-signature-widget",children:"1. Add a Signature Widget"}),"\n",(0,t.jsx)(n.p,{children:"Once your document is loaded in the document creation panel, you'll need to add a signature widget for each signer. Select the signer from the right side panel, click on the signature widget, and position it where the signature is required."}),"\n",(0,t.jsx)("img",{width:"866",alt:"create document",src:"https://github.com/user-attachments/assets/fa5471f0-f7cb-4170-982f-cb213e4db13d"}),"\n",(0,t.jsx)(n.h3,{id:"signature-widget-options",children:"Signature Widget Options"}),"\n",(0,t.jsx)(n.p,{children:"After placing the Signature widget, you will see the options on the widget such as:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Add Signer/Change Signer"}),": Clicking the first icon on the signature widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Copy Signature"}),": Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages: It will copy the signature widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the signature widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the signature widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-add-other-widgets",children:"2. Add Other Widgets"}),"\n",(0,t.jsx)(n.p,{children:"Depending on your needs, you can include additional widgets such as:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Stamp"}),": The stamp widget allows signers to add a stamp to the document. Signers can upload their stamp during the signing process. After placing the Stamp widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the second option on the stamp widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsxs)(n.li,{children:["Copy Stamp: Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages : It will copy the stamp widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the stamp widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the stamp widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Initials"}),": The initials widget allows signers to add their initials to the document. During the signing process, signers can draw, upload, or type their initials. After placing the Initials widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Initials widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsxs)(n.li,{children:["Copy Initials: Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages : It will copy the initials widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the initials widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the initials widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Name"}),": The name widget allows signers to add their name or any other text, functioning like a text field during the signing process. After placing the name widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Name widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the name widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Job title"}),": The Job title widget allows signers to add their Job title or any other text, functioning like a text field during the signing process. After placing the job title widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Job title widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the job title widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Company"}),": The company widget allows signers to add their company or any other text, functioning like a text field during the signing process. After placing the company widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Company widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the Company widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Date Widget"})}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Date widget"})," allows signers to enter a date while signing the document. Once the widget is placed, you can configure its behavior using the available settings in the ",(0,t.jsx)(n.strong,{children:"Widget Info"})," panel."]}),"\n",(0,t.jsx)(n.h4,{id:"\ufe0f-widget-options",children:"\u2699\ufe0f Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Date Format"}),": Choose the preferred date format (for example, ",(0,t.jsx)(n.code,{children:"MM/dd/yyyy"}),", ",(0,t.jsx)(n.code,{children:"dd-mm-yyyy"}),", or ",(0,t.jsx)(n.code,{children:"dd/mm/yyyy"}),") from the Format dropdown. This determines how the date appears to the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Set Date"}),": This option allows the user to set a default date, which will be displayed while signing the document."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Signing Date"}),": When selected, the date on which the signer signs the document will be automatically displayed in the Date widget."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Clear"}),": Removes the selected date setting."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Date Range"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Min Date"}),": Sets the earliest date the signer can select."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Max Date"}),": Sets the latest date the signer can select."]}),"\n",(0,t.jsxs)(n.li,{children:["Use ",(0,t.jsx)(n.strong,{children:"Clear"})," to remove the minimum or maximum date restrictions."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Required / Optional"}),(0,t.jsx)(n.br,{}),"\n","Mark the widget as ",(0,t.jsx)(n.strong,{children:"Required"})," if the signer must fill it in before completing the signing, or ",(0,t.jsx)(n.strong,{children:"Optional"})," if it is not mandatory."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Font Settings"}),"\nCustomize the ",(0,t.jsx)(n.strong,{children:"font size"})," and ",(0,t.jsx)(n.strong,{children:"text color"})," to match the document\u2019s style."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Read Only"}),"\nEnable this option to display a date that cannot be edited by the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Save"}),"\nClick ",(0,t.jsx)(n.strong,{children:"Save"})," to apply all selected settings to the Date widget."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input"}),": The text input field is used to collect input from the signer. Signers can type their responses directly into this field. After placing the Text Input widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Setting : The widget settings panel provides additional customization options, including:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"hint"}),", which will be displayed on the widget for better clarity"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Custom Validations"})," are also supported, including:"]}),"\n",(0,t.jsxs)(n.li,{children:["Predefined formats like ",(0,t.jsx)(n.strong,{children:"SSN"}),", ",(0,t.jsx)(n.strong,{children:"email"}),", or ",(0,t.jsx)(n.strong,{children:"numeric values"})]}),"\n",(0,t.jsxs)(n.li,{children:["Custom JavaScript validations using regular expressions","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"For example:"}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^\\d+$"})," \u2013 allows only digits"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^[A-Z]+$"})," \u2013 allows only uppercase letters"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["You can enter your regex pattern in the ",(0,t.jsx)(n.strong,{children:"Validations"})," field of the widget.",(0,t.jsx)(n.br,{}),"\n",(0,t.jsxs)(n.em,{children:["(Optional reference: ",(0,t.jsx)(n.a,{href:"https://www.w3schools.com/jsref/jsref_obj_regexp.asp",children:"JavaScript RegExp guide"}),")"]})]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Conditional Logic"}),":"]}),"\n",(0,t.jsxs)(n.p,{children:["The Text Input widget also supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets.\nConditional Logic enables the Text Input widget to respond dynamically based on values from other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Text Input field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsx)(n.li,{children:"Make the field Required"}),"\n",(0,t.jsx)(n.li,{children:"Make the field Optional"}),"\n"]}),"\n",(0,t.jsx)("img",{width:"1897",alt:"conditional logic textinput",src:"https://github.com/user-attachments/assets/ef89a946-ba4a-4a14-a7ef-97b2a8119e6b"}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Text Input"})," widget supports conditional logic based on the values of other widgets.\nThe available conditions depend on the selected trigger widget."]}),"\n",(0,t.jsx)(n.h3,{id:"text-input",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:"Supported operators:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Example"})," If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"TextInput2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"text Condition: TextInput1 = HR \nAction: Show TextInput2\n"})}),"\n",(0,t.jsx)(n.h3,{id:"number",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:"Supported operators:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Equals"}),"\n",(0,t.jsx)(n.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["Example\nIf ",(0,t.jsx)(n.code,{children:"number_widget1 = 5"}),"\nThen ",(0,t.jsx)(n.code,{children:"Show TextInput1"})]}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed if ",(0,t.jsx)(n.strong,{children:"at least one"})," of the specified conditions is satisfied."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsx)(n.p,{children:"text Condition 1: Number Field = 10 OR Condition 2: Checkbox = Checked"}),"\n",(0,t.jsx)(n.p,{children:"Action:"}),"\n",(0,t.jsx)(n.p,{children:"Show TextInput1"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"TextInput1"})," is displayed if either the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," or the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h2,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"5"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition 2 checkbox"})}),(0,t.jsx)(n.td,{children:"checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show TextInput1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"TextInput1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Text Input"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," - ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#checkbox-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-as-the-trigger",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Text Input widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Text Input widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Number widget"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"The Number widget is used to collect numeric input from the signer. It accepts only numeric values, helping ensure data accuracy and consistency. The Number widget also supports formulas, allowing you to perform automatic calculations using values from other Number widgets. After placing the Number widget, you will see the following options:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Settings"}),": The widget settings panel provides additional customization options, including:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"placeholder"})," to guide the signer on the expected input"]}),"\n",(0,t.jsxs)(n.li,{children:["Assigning a unique ",(0,t.jsx)(n.strong,{children:"Name"})," to the widget. This name is used when referencing the widget in formulas.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Example:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"number-1"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"subtotal"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"tax"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"grand_total"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Defining a ",(0,t.jsx)(n.strong,{children:"Formula"})," to automatically calculate values using other Number widgets.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Example:","\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"{{quantity}} * {{price}}\n"})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Supported mathematical operators include:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"+"})," Addition"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"-"})," Subtraction"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"*"})," Multiplication"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"/"})," Division"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"%"})," Modulus (Remainder)"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"()"})," Parentheses for grouping operations"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The Number widget also supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Number widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Number widget can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-1",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Number"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-1",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Number1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Number1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-1",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Number2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Number2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-1",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Number1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Number1"})," widget is displayed when either of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Number1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Number1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-1",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Number"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#supported-operators-6",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget Triggered by Another Number Widget"})," - ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-triggered-by-another-number-widget",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-1",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Number widget to assign the widget to a different signer. You can choose an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Number widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Cells"}),(0,t.jsx)(n.br,{}),"\n","The ",(0,t.jsx)(n.strong,{children:"Cells widget"})," is ideal for documents that require input in a structured, table-like format, allowing the signer to fill in details within individual cells. After dragging and dropping the widget onto the document, you can adjust the number of cells by moving the ",(0,t.jsx)(n.strong,{children:"blue marker"}),"."]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"Cells widget",src:"https://github.com/user-attachments/assets/2a301776-5275-4daf-b361-fd48af2878fc"}),"\n",(0,t.jsx)(n.p,{children:"The widget settings panel provides additional customization options, including:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Manually entering the ",(0,t.jsx)(n.strong,{children:"number of cells"})]}),"\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"hint"}),", which will be displayed on the widget for better clarity"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Custom Validations"})," are also supported, including:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Predefined formats like ",(0,t.jsx)(n.strong,{children:"SSN"}),", ",(0,t.jsx)(n.strong,{children:"email"}),", or ",(0,t.jsx)(n.strong,{children:"numeric values"})]}),"\n",(0,t.jsx)(n.li,{children:"Custom JavaScript validations using regular expressions"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^\\d+$"})," \u2013 allows only digits"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^[A-Z]+$"})," \u2013 allows only uppercase letters"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["You can enter your regex pattern in the ",(0,t.jsx)(n.strong,{children:"Validations"})," field of the widget.",(0,t.jsx)(n.br,{}),"\n",(0,t.jsxs)(n.em,{children:["(Optional reference: ",(0,t.jsx)(n.a,{href:"https://www.w3schools.com/jsref/jsref_obj_regexp.asp",children:"JavaScript RegExp guide"}),")"]})]}),"\n",(0,t.jsx)("img",{width:"800",alt:"request signatures",src:"https://github.com/user-attachments/assets/dee17fe8-243b-4113-896a-00424d12ea8a"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox"}),": The checkbox widget is used to capture input in the form of a checkbox selection. Once you drop the checkbox widget, a popup will open where you can set the checkbox name and options. Additionally, there are a few options available such as setting the minimum and maximum checks, making the checkbox read-only, and hiding the label."]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Checkbox widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Checkbox field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-2",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-2",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-2",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"checkbox",children:"Checkbox"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"Checkbox2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Checked\nAction: Show Checkbox2\n"})}),"\n",(0,t.jsx)(n.p,{children:"Another example:"}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is ",(0,t.jsx)(n.strong,{children:"not checked"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Not Checked\nAction: Show Checkbox2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"radio-button",children:"Radio Button"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Radio Button1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Radio Button1 is Checked\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-2",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-2",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Checkbox1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-1",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Checkbox1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-2",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#checkbox-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#checkbox-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#checkbox-triggered-by-a-radio-button",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Triggered by Another Checkbox"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#checkbox-triggered-by-another-checkbox",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-2",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Checkbox widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Checkbox widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown"}),": Once you drop the dropdown widget, a popup will open where you can set the dropdown name and options. Additionally, there are a few options available such as setting a default value and marking the dropdown as required or optional."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic-1",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Dropdown widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Dropdown field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-3",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-3",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Dropdown1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-3",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Dropdown1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown-1",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show Dropdown2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-3",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-3",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Dropdown1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-2",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Dropdown1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-3",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text input"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-a-radio-button",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Triggered by Another Dropdown"})," ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#dropdown-triggered-by-another-dropdown",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-3",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Dropdown widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Dropdown widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio button"}),": The radio button widget is used to capture input in the form of a radio button selection. Once you drop the radio button widget, a popup will open where you can set the radio button name and options. Additionally, there are a few options available such as setting a default value, making the radio button read-only, and hiding the label."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic-2",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Radio Button widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Radio Button field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-4",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-4",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-4",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown-2",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"checkbox-1",children:"Checkbox"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Checked\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.p,{children:"Another example:"}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is ",(0,t.jsx)(n.strong,{children:"not checked"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Not Checked\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"radio-button-1",children:"Radio Button"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsxs)(n.h4,{id:"example-1--using-is-checked",children:["Example 1 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Is Checked"})]}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is selected, then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 is Checked\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsxs)(n.h4,{id:"example-2--using-equals",children:["Example 2 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Equals"})]}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is ",(0,t.jsx)(n.strong,{children:"Approved"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 = Approved\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsxs)(n.h4,{id:"example-3--using-does-not-equal",children:["Example 3 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Does Not Equal"})]}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is ",(0,t.jsx)(n.strong,{children:"not"})," ",(0,t.jsx)(n.strong,{children:"Approved"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 Does Not Equal Approved\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-4",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-4",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"RadioButton1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-3",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show RadioButton1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-4",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Triggered by Another Radio Button"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#radio-button-triggered-by-another-radio-button",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-4",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Radio Button widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Radio Button widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Image"}),": The image widget allows signers to upload an image during the signing process. After placing the Image widget, you will see the options on the widget such as:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Image widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsx)(n.li,{children:"Copy : Clicking on this you can duplicate the image widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Email"}),": The email widget is used to enter an email address during the signing process. It only accepts input in a valid email format. If the signer enters invalid text, a validation error will occur, and the document cannot be completed until it's corrected. After placing the email widget, you will see the options on the widget such as:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Email widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the email widget."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udcce Attachment Widget"})}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Attachment Widget"})," allows signers to upload supporting files directly while completing and signing a document. This is useful when additional documents or evidence are required as part of the signing workflow."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing. Additionally, you can add a hint or instruction to guide signers on what information or file is expected in the widget."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Image widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsx)(n.li,{children:"Copy : Clicking on this you can duplicate the image widget."}),"\n"]}),"\n",(0,t.jsx)("img",{width:"918",alt:"image",src:"https://github.com/user-attachments/assets/f52e704d-c69f-464a-b3fa-f76f27d98fed"}),"\n",(0,t.jsx)(n.h2,{id:"how-the-attachment-widget-works",children:"How the Attachment Widget Works"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Signers can upload up to ",(0,t.jsx)(n.strong,{children:"5 files"})," using a single Attachment Widget."]}),"\n",(0,t.jsxs)(n.li,{children:["Each file can be a maximum of ",(0,t.jsx)(n.strong,{children:"10 MB"})," in size."]}),"\n",(0,t.jsxs)(n.li,{children:["A single Attachment Widget can therefore accept up to ",(0,t.jsx)(n.strong,{children:"50 MB"})," of attachments in total."]}),"\n",(0,t.jsxs)(n.li,{children:["Supported file formats include:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["PDF (",(0,t.jsx)(n.code,{children:".pdf"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["Microsoft Word (",(0,t.jsx)(n.code,{children:".docx"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["PNG (",(0,t.jsx)(n.code,{children:".png"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["JPG (",(0,t.jsx)(n.code,{children:".jpg"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["JPEG (",(0,t.jsx)(n.code,{children:".jpeg"}),")"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:"Once the signer uploads the files and completes the signing process, the uploaded files are appended as additional pages to the end of the original PDF document."}),"\n"]}),"\n",(0,t.jsx)("img",{width:"918",alt:"document attchement",src:"https://github.com/user-attachments/assets/6325793e-a4ed-4aed-ab12-5e29e625f28a"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Note:"})," All uploaded attachments become part of the completed document package, making it easier to store, review, and share the signed document along with its supporting files."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"-document-page-controls",children:"\ud83d\udcc4 Document Page Controls"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Navigating Between Pages in OpenSign\u2122"}),"\nTo navigate between pages of a document that you have uploaded either click on the previous page \u2227 & V next page buttons at the top or click on any of the page previews loaded on the left side."]}),"\n",(0,t.jsx)("img",{width:"918",alt:"OpenSign Page controls",src:"https://github.com/user-attachments/assets/c577e165-f8ac-45c7-bc6f-d499c710a7ed"}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Pages"}),(0,t.jsx)(n.br,{}),"\n","In the left-side panel, users will see an ",(0,t.jsx)(n.strong,{children:'"Add" button'}),". Clicking it allows users to select and merge new documents into the current one."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Delete Page"}),(0,t.jsx)(n.br,{}),"\n","An option is available to ",(0,t.jsx)(n.strong,{children:"delete"})," any unwanted page from the document."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Reorder Pages"}),(0,t.jsx)(n.br,{}),"\n","Users can reorder pages by clicking the ",(0,t.jsx)(n.strong,{children:'"Reorder" button'}),", which opens a popup displaying all pages. Use the ",(0,t.jsx)(n.strong,{children:"Up"})," and ",(0,t.jsx)(n.strong,{children:"Down"})," arrows to change the order. Click ",(0,t.jsx)(n.strong,{children:"Save"})," to apply the new page order."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Zoom In / Zoom Out"}),(0,t.jsx)(n.br,{}),"\n","Controls are available to ",(0,t.jsx)(n.strong,{children:"zoom in"})," or ",(0,t.jsx)(n.strong,{children:"zoom out"})," of the document view."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Rotate Page"}),(0,t.jsx)(n.br,{}),"\n","Options are provided to ",(0,t.jsx)(n.strong,{children:"rotate pages"})," in both ",(0,t.jsx)(n.strong,{children:"clockwise"})," and ",(0,t.jsx)(n.strong,{children:"counterclockwise"})," directions."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-4-next",children:"Step 4: Next:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Next"}),": After adding the widgets and signatures, click the 'Next' button. The document will then be created."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-5-send-mail",children:"Step 5: Send Mail"}),"\n",(0,t.jsx)(n.p,{children:"After finishing the document creation, a 'Send Mail' popup will appear, offering options to Send Email, Customize Email, Copy Link, or Share the document."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Send Email: Click the 'Send' button to send the document for signing to all signers. If the sending order is set to 'Yes', it will send the document to the first signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Customize Email: Click the 'Customize Email' button to open the email editor. Here, you can set variables and customize the content. After clicking 'Send', the document will be sent for signing to all signers, or if the sending order is set to 'Yes', it will be sent to the first signer with the customized email."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy Link: You can copy the link to sign the document."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Share: Use this option to share the document via email, WhatsApp and other Windows apps"}),"\n"]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"request signatures",src:"https://github.com/user-attachments/assets/e2344479-daae-43ff-a61a-14ea98b237d6"}),"\n",(0,t.jsx)(n.h2,{id:"signers-signing-process",children:"Signers Signing Process"}),"\n",(0,t.jsx)(n.h3,{id:"step-6-email-otp-verification",children:"Step 6: Email OTP verification"}),"\n",(0,t.jsx)(n.p,{children:"Once the email is received, the signer can click the 'Sign Here' button. This will open the email verification page. After clicking the 'Get Verification Code' button, an OTP (one-time password) will be sent to the signer\u2019s email address. Enter the received OTP into the verification textbox and click the 'Verify' button."}),"\n",(0,t.jsx)("div",{children:(0,t.jsx)("img",{width:"800",alt:"OpenSign send OTP",src:"https://github.com/user-attachments/assets/b82c796a-98e3-4296-bde1-fe86b1b993ad"})}),"\n",(0,t.jsx)("div",{children:(0,t.jsx)("img",{width:"800",alt:"OpenSign verify otp",src:"https://github.com/user-attachments/assets/63cf4b75-9d47-4630-a83c-e916a5c13b3c"})}),"\n",(0,t.jsx)(n.h3,{id:"step-7-finalizing-the-process",children:"Step 7: Finalizing the Process:"}),"\n",(0,t.jsx)(n.p,{children:"After verification, the signer will be redirected to the document signing page, where he can view the document received for signing. To sign, the signer simply clicks on the signature widget, which allows them to draw, upload a digitally scanned signature, or type the signature."}),"\n",(0,t.jsx)(n.p,{children:"After filling out all assigned widgets, click the 'Finish' button. Once the document is finished,."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"The signer has the option of downloading or printing the signed document. He will also obtain the completion certificate if he is the final signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"If there are more than one signer, the document will be immediately sent to the next signer. Once all signers have finished their signatures, they can download and print the signed document as well as the completion certificate."}),"\n"]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"OpenSignFinalStep",src:"https://github.com/user-attachments/assets/f4783aa0-2879-4ec2-9ddc-16d59f3a1fc0"}),"\n",(0,t.jsx)(n.h2,{id:"additional-information",children:"Additional Information"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All fields marked with an asterisk (*) must be completed before the document can be submitted."}),"\n",(0,t.jsx)(n.li,{children:"Ensure that the document format is supported by OpenSign before uploading."}),"\n",(0,t.jsx)(n.li,{children:"Signed documents can be accessed in the designated 'Root' folder or the one you have specified."}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["If you require more help, feel free to reach out to our customer support on ",(0,t.jsx)(n.a,{href:"mailto:support@opensignlabs.com",children:"support@opensignlabs.com"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"Happy signing with OpenSign\u2122!"})]})}function a(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/d1393a72.f777c4ca.js b/assets/js/d1393a72.f777c4ca.js deleted file mode 100644 index 0f6d9ccbf..000000000 --- a/assets/js/d1393a72.f777c4ca.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(globalThis.webpackChunkOpenSign_Docs=globalThis.webpackChunkOpenSign_Docs||[]).push([[841],{11856(e,n,i){i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>l,default:()=>a,frontMatter:()=>d,metadata:()=>s,toc:()=>c});const s=JSON.parse('{"id":"help/New-Document/request-signatures","title":"Request signatures","description":"Interface Overview","source":"@site/docs/help/New-Document/request-signatures.md","sourceDirName":"help/New-Document","slug":"/help/New-Document/request-signatures","permalink":"/docs/help/New-Document/request-signatures","draft":false,"unlisted":false,"editUrl":"https://github.com/opensignlabs/opensign/tree/feat-docs/docs/docs/help/New-Document/request-signatures.md","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"sidebar_position":2,"title":"Request signatures"},"sidebar":"tutorialSidebar","previous":{"title":"Sign your-self","permalink":"/docs/help/New-Document/sign-yourself"},"next":{"title":"Widgets in OpenSign","permalink":"/docs/help/New-Document/widgets"}}');var t=i(74848),r=i(28453);const d={sidebar_position:2,title:"Request signatures"},l="Request signatures using OpenSign\u2122",o={},c=[{value:"Interface Overview",id:"interface-overview",level:2},{value:"Step 1: Begin New Document Creation",id:"step-1-begin-new-document-creation",level:3},{value:"Uploading Your Document",id:"uploading-your-document",level:3},{value:"Entering Document Details And Signers",id:"entering-document-details-and-signers",level:3},{value:"Organizing Your Document",id:"organizing-your-document",level:3},{value:"Set the sending order",id:"set-the-sending-order",level:3},{value:"Setting the Time Frame",id:"setting-the-time-frame",level:3},{value:"Setting BCC and CC",id:"setting-bcc-and-cc",level:3},{value:"Auto reminder",id:"auto-reminder",level:3},{value:"Security Setting",id:"security-setting",level:3},{value:"Enable tour:",id:"enable-tour",level:3},{value:"Notify on signatures:",id:"notify-on-signatures",level:3},{value:"allow modifications:",id:"allow-modifications",level:3},{value:"Redirect url:",id:"redirect-url",level:3},{value:"Pen colors:",id:"pen-colors",level:3},{value:"Step 2: Proceed to Document Creation Panel",id:"step-2-proceed-to-document-creation-panel",level:3},{value:"Step 3: Document Creation",id:"step-3-document-creation",level:3},{value:"Prefill Widgets",id:"prefill-widgets",level:3},{value:"Signers/Recipients",id:"signersrecipients",level:2},{value:"Access code",id:"access-code",level:2},{value:"How the Access Code Works",id:"how-the-access-code-works",level:3},{value:"Add Widgets for Signers",id:"add-widgets-for-signers",level:2},{value:"1. Add a Signature Widget",id:"1-add-a-signature-widget",level:3},{value:"Signature Widget Options",id:"signature-widget-options",level:3},{value:"2. Add Other Widgets",id:"2-add-other-widgets",level:3},{value:"\u2699\ufe0f Widget Options",id:"\ufe0f-widget-options",level:4},{value:"Supported Conditions",id:"supported-conditions",level:2},{value:"Text Input",id:"text-input",level:3},{value:"Number",id:"number",level:3},{value:"Any Condition (OR)",id:"any-condition-or",level:3},{value:"Example",id:"example",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides",level:3},{value:"Additional Widget Options",id:"additional-widget-options",level:3},{value:"Conditional Logic",id:"conditional-logic",level:3},{value:"Supported Conditions",id:"supported-conditions-1",level:2},{value:"Text Input",id:"text-input-1",level:3},{value:"Number",id:"number-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-1",level:3},{value:"Example",id:"example-1",level:4},{value:"Configuration Example",id:"configuration-example",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-1",level:3},{value:"Additional Widget Options",id:"additional-widget-options-1",level:3},{value:"Supported Conditions",id:"supported-conditions-2",level:2},{value:"Text Input",id:"text-input-2",level:3},{value:"Number",id:"number-2",level:3},{value:"Dropdown",id:"dropdown",level:3},{value:"Checkbox",id:"checkbox",level:3},{value:"Radio Button",id:"radio-button",level:3},{value:"Any Condition (OR)",id:"any-condition-or-2",level:3},{value:"Example",id:"example-2",level:4},{value:"Configuration Example",id:"configuration-example-1",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-2",level:3},{value:"Additional Widget Options",id:"additional-widget-options-2",level:3},{value:"Conditional Logic",id:"conditional-logic-1",level:3},{value:"Supported Conditions",id:"supported-conditions-3",level:2},{value:"Text Input",id:"text-input-3",level:3},{value:"Number",id:"number-3",level:3},{value:"Dropdown",id:"dropdown-1",level:3},{value:"Any Condition (OR)",id:"any-condition-or-3",level:3},{value:"Example",id:"example-3",level:4},{value:"Configuration Example",id:"configuration-example-2",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-3",level:3},{value:"Additional Widget Options",id:"additional-widget-options-3",level:3},{value:"Conditional Logic",id:"conditional-logic-2",level:3},{value:"Supported Conditions",id:"supported-conditions-4",level:2},{value:"Text Input",id:"text-input-4",level:3},{value:"Number",id:"number-4",level:3},{value:"Dropdown",id:"dropdown-2",level:3},{value:"Checkbox",id:"checkbox-1",level:3},{value:"Radio Button",id:"radio-button-1",level:3},{value:"Example 1 \u2013 Using Is Checked",id:"example-1--using-is-checked",level:4},{value:"Example 2 \u2013 Using Equals",id:"example-2--using-equals",level:4},{value:"Example 3 \u2013 Using Does Not Equal",id:"example-3--using-does-not-equal",level:4},{value:"Any Condition (OR)",id:"any-condition-or-4",level:3},{value:"Example",id:"example-4",level:4},{value:"Configuration Example",id:"configuration-example-3",level:2},{value:"Related Conditional Logic Guides",id:"related-conditional-logic-guides-4",level:3},{value:"Additional Widget Options",id:"additional-widget-options-4",level:3},{value:"How the Attachment Widget Works",id:"how-the-attachment-widget-works",level:2},{value:"\ud83d\udcc4 Document Page Controls",id:"-document-page-controls",level:3},{value:"Step 4: Next:",id:"step-4-next",level:3},{value:"Step 5: Send Mail",id:"step-5-send-mail",level:3},{value:"Signers Signing Process",id:"signers-signing-process",level:2},{value:"Step 6: Email OTP verification",id:"step-6-email-otp-verification",level:3},{value:"Step 7: Finalizing the Process:",id:"step-7-finalizing-the-process",level:3},{value:"Additional Information",id:"additional-information",level:2}];function h(e){const n={a:"a",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"request-signatures-using-opensign",children:"Request signatures using OpenSign\u2122"})}),"\n",(0,t.jsx)(n.h2,{id:"interface-overview",children:"Interface Overview"}),"\n",(0,t.jsx)(n.p,{children:"The OpenSign\u2122 Request signatures interface is designed to streamline the process of creating, preparing, and sending documents for electronic signature."}),"\n",(0,t.jsx)(n.h1,{id:"how-to-create-and-send-a-document-for-signature-with-opensign",children:"How to Create and Send a Document for Signature with OpenSign\u2122"}),"\n",(0,t.jsx)(n.h3,{id:"step-1-begin-new-document-creation",children:"Step 1: Begin New Document Creation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Navigate to Request Signatures form"}),": Start by navigating to 'Request Signatures' from the main menu to initiate the creation of a document for signatures."]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"866",alt:"requets signature",src:"https://github.com/user-attachments/assets/f3edeafa-66d1-416a-854e-ce666f27e7b7"}),"\n",(0,t.jsx)(n.h3,{id:"uploading-your-document",children:"Uploading Your Document"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[1] Choose File"}),': Once the "Request signature" form opens, click "Choose file" button to select and upload the document file from your computer that needs to be signed. Currently you can upload only 1 file at a time but you can add additional documents by clicking "Add pages" in the next step.']}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[2] Choose File from Dropbox"}),": Click the dropbox icon to select the document file from your dropbox account."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"entering-document-details-and-signers",children:"Entering Document Details And Signers"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[3] Title"})," ",(0,t.jsx)(n.em,{children:"(Required)"}),": Input the title of your document. This identifier will be visible to signers and in your document management."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[4] Signers"}),": Use the dropdown to select existing signers or use the addition button to add a new signer who needs to sign the document. (Here, add the signer's details such as name, email, and phone number)."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[5] Note"}),": Optionally add a note to give context or instructions regarding the document."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"organizing-your-document",children:"Organizing Your Document"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[6] Folder"}),": Select a folder where you want the document to be stored, or leave it to default to the 'Root' folder. You can browse your documents in a beautiful explorer view by navigating to \"OpenSign\u2122 Drive\"."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"set-the-sending-order",children:"Set the sending order"}),"\n",(0,t.jsx)("img",{width:"866",alt:"request signature2",src:"https://github.com/user-attachments/assets/f2e07e62-5a46-480d-b9a9-94f406805ce6"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"[7] Send in Order"})}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"If you choose:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": Selecting this option will send the signing request to the first signer initially. Once the first signer completes their part, the next signer in the sequence will receive the request. This process continues until all signers have signed the document. This method ensures that the document is signed in a specific order."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"No"}),": Selecting this option will send the signing links to all signers simultaneously. Every signer can sign the document at their convenience, regardless of whether other signers have completed their signatures. This method is faster but does not enforce any signing order among the participants.\nSelect the option that best suits the needs of your document processing."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Enforce strict order"}),": When this feature is enabled, signers must sign the document strictly in the predefined order. A signer assigned to the second position cannot sign the document until the first signer has completed their signing process.\nIf a subsequent signer attempts to sign the document before the previous signer has signed, an error message will be displayed, and the document signing process cannot be completed."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Enforce strict order",src:"https://github.com/user-attachments/assets/79876739-a8a8-4597-bd67-a6845761ec63"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"setting-the-time-frame",children:"Setting the Time Frame"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Time To Complete (Days)"})," ",(0,t.jsx)(n.em,{children:"(Required)"}),": ",(0,t.jsx)(n.strong,{children:"[8]"})," Specify the number of days the signers have to complete the signatures. After that, the document will no longer be available for signing."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"setting-bcc-and-cc",children:"Setting BCC and CC"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"BCC"}),": ",(0,t.jsx)(n.strong,{children:"[9]"}),' The BCC (Blind Carbon Copy) feature allows users to receive document completion emails at specified email addresses.\nYou can add multiple contacts in the BCC field to notify several recipients.\nYou can either:\nClick "Add New" to enter a new email contact, or\nSelect from existing contacts using the dropdown list.']}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"CC"}),": ",(0,t.jsx)(n.strong,{children:"[10]"}),' The CC (Carbon Copy) feature allows users to receive document completion emails at specified email addresses.\nYou can add multiple contacts in the CC field to notify several recipients.\nYou can either:\nClick "Add New" to enter a new email contact, or\nSelect from existing contacts using the dropdown list.']}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Merge Certificate to PDF"})," [11]:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": This will ensure that the completion certificate is included in the final PDF document. However, please note that once merged, the certificate cannot be separated from the main document."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"No"}),": If you choose not to merge, the completion certificate will be provided as a separate PDF file along with the signed document.\nThis feature only available for the paid users."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"auto-reminder",children:"Auto reminder"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[12]"})," Once you enable the auto reminder, a text field will appear allowing you to set the reminder for a specific number of days."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Remind once in every (Days)"}),": You can specify the reminder interval in days (e.g., every 1 or every 2 days).\nNote: You can set a maximum of 15 reminders. For example, if the document completion time is 16 days and you try to schedule a reminder every day, the system will not allow it, as the reminder limit would be exceeded.\nThis feature only available for the paid users."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"security-setting",children:"Security Setting"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Enable OTP Verification"})," [13] :"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:'If set to "Yes," the signer will be required to complete email OTP verification before viewing and signing the document.'}),"\n",(0,t.jsx)(n.li,{children:'If "Enable OTP Verification" is set to "No," the signer will not be prompted for OTP verification during the signing process.'}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Note: This feature is available exclusively on paid plans."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Allow offline signing"})," :\n",(0,t.jsx)(n.strong,{children:"[14]"})," Choose whether signers can submit a copy of this document signed using an external tool for owner review.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Yes"}),": Signers will see a \u201cSign Offline\u201d option, allowing them to upload an externally signed PDF and submit it to the document owner for approval."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"On Approval: Once the owner approves the submission, the signer\u2019s signing process will be marked as completed. After the document is approved by the owner, a notification email will be sent to the signer confirming that the document has been approved and their signing process is complete. At the same time, a request signature email will be triggered and sent to the next signer in the signing order."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"On Declined: If the document is incorrectly filled out or improperly formatted, the owner can decline it and add comments. The signer can then use the same signing link that was initially shared to them to either re-upload a corrected offline file or continue the process using OpenSign\u2019s online signing interface."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"No"}),": Signers can only sign within the app. The Sign Offline option will be hidden."]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"This setting defaults to your account preference under Preferences and is available on paid plans."}),"\n",(0,t.jsx)(n.h3,{id:"enable-tour",children:"Enable tour:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[15]"}),' If set to "Yes," the signer will see the tour guide while signing the document. If your signer is familiar with OpenSign and you prefer not to display the tour guide, you can select "No," and the tour guide will not be shown to your signers.']}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"notify-on-signatures",children:"Notify on signatures:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[16]"}),' If set to "Yes," the document owner will receive an email notification each signer completes their signature.\nNote: This feature is available exclusively on paid plans.']}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"allow-modifications",children:"allow modifications:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[17]"})," If set to Yes, the signer will be allowed to make modifications to the document during the signing process. However, they cannot edit or remove any fields that were already placed by the document owner. They can only add basic fields such as signature, stamp, initials, text, and cells."]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"If both Allow Modification and Enable OTP are set to Yes, the signer will still not be able to edit or delete existing fields, but will gain access to additional advanced fields to add during signing. These include: signature, stamp, initials, name, job title, company, text, cells, and email."}),"\n",(0,t.jsx)(n.p,{children:"Note: This feature is available exclusively on paid plans."}),"\n",(0,t.jsx)(n.h3,{id:"redirect-url",children:"Redirect url:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[18]"})," After signing the document and upon its completion, the signer will be redirected to the specified URL."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"pen-colors",children:"Pen colors:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"[19]"})," Choose the pen color for signing the document. The selected color will be available during the signing process. OpenSign currently supports red, blue, and black pen colors."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-2-proceed-to-document-creation-panel",children:"Step 2: Proceed to Document Creation Panel"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Next"}),": Once all the necessary fields are filled, click this button to proceed to create the document for signing."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Cancel"}),": If you need to start over or make changes, click this button to clear the form."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-3-document-creation",children:"Step 3: Document Creation"}),"\n",(0,t.jsx)(n.h3,{id:"prefill-widgets",children:"Prefill Widgets"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Prefill Widgets"})," feature lets document creators prefill specific fields before sending a document for signature. This ensures that important details (such as date, name, email, images, checkboxes, radio buttons, or custom text) are already completed when recipients receive the document. By default, prefilled data cannot be edited by signers."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Prfill",src:"https://github.com/user-attachments/assets/4794b2a9-acc0-4ef8-8110-076f0d90cc57"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\u2728 Key Benefits"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u2705 Save time by auto-filling repetitive information."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Ensure accuracy for critical fields (e.g., company name, contract number)."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Maintain consistency across multiple signers and templates."}),"\n",(0,t.jsx)(n.li,{children:"\u2705 Reduce signer effort for a smoother signing experience."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udee0\ufe0f How It Works"})}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Add Widgets to the Document"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Open the right-side panel, select ",(0,t.jsx)(n.strong,{children:"Prefill Widgets"}),", then drag and drop the required widgets (Text, Date, Checkbox, Dropdown, Image, etc.) onto the document."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Enter Prefill Value"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Provide the default value (e.g., ",(0,t.jsx)(n.em,{children:'"Company: OpenSign Labs"'}),", ",(0,t.jsx)(n.em,{children:"Date: 30/09/2025"}),")."]}),"\n",(0,t.jsx)(n.li,{children:"For option-based widgets (Dropdown, Radio, Checkbox), choose the option to be prefilled."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udccb Supported Widgets for Prefill"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Text Field"})," \u2013 Names, job titles, company names, contract IDs"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Date Field"})," \u2013 Default signing date or contract start date"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown"})," \u2013 Preselect an option"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio Button"})," \u2013 Prefill with a selected choice"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox"})," \u2013 Prefill as checked or unchecked"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Image"})," \u2013 Insert a default image (e.g., logo or stamp)"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Draw"})," \u2013 Allows the user to draw directly in this widget; use it when a prefill drawing is required."]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"signersrecipients",children:"Signers/Recipients"}),"\n",(0,t.jsxs)(n.p,{children:["Below the ",(0,t.jsx)(n.strong,{children:"Prefill"})," section, you'll find the list of signers that were added while creating the document. From this panel, you can select a recipient to assign widgets or use the ",(0,t.jsx)(n.strong,{children:"Add Recipient"})," option to include additional signers."]}),"\n",(0,t.jsx)(n.p,{children:"Each recipient can be assigned one of the following roles:"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Signer"}),": If the role is selected as Signer, the signer must fill in all required fields while signing the document before they can complete the signing process."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Viewer"}),": If the role is selected as Viewer, widgets cannot be assigned to that user. The Viewer role only allows the user to view the document."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Approver"}),": If the role is selected as Approver, it works similarly to the Signer role. However, the main difference is that the Approver role does not require a signature widget. The approver can approve the document even if no widgets are assigned."]}),"\n",(0,t.jsx)(n.h2,{id:"access-code",children:"Access code"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Access Code"})," feature in OpenSign adds an extra layer of security to your documents by requiring recipients to enter a unique access code before they can view and sign a document. This feature helps ensure that only authorized recipients can access sensitive documents, even if the signing link is accidentally shared or intercepted."]}),"\n",(0,t.jsx)("img",{width:"866",alt:"Access code",src:"https://github.com/user-attachments/assets/e227e069-ee56-41ee-832d-b2c210cd3d63"}),"\n",(0,t.jsx)(n.h3,{id:"how-the-access-code-works",children:"How the Access Code Works"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["The document owner can enable ",(0,t.jsx)(n.strong,{children:"Access Code"})," protection by clicking the ",(0,t.jsx)(n.strong,{children:"Lock"})," icon next to the signer's details. This opens the ",(0,t.jsx)(n.strong,{children:"Access Code"})," dialog, where the owner can enter a unique ",(0,t.jsx)(n.strong,{children:"6-digit numeric access code"})," (for example, ",(0,t.jsx)(n.code,{children:"809966"}),"). After entering the code, click ",(0,t.jsx)(n.strong,{children:"Save"})," to assign it to the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Send the document for signature."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"The signer receives an email invitation containing the document signing link. Alternatively, the document owner can share the signing link manually through another secure communication channel, such as SMS, a messaging application, or email."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["When the signer opens the document signing link, they are prompted to enter the assigned ",(0,t.jsx)(n.strong,{children:"6-digit access code"})," before they can access the document. The signer must obtain this access code directly from the document owner, who should share it using a separate and secure communication channel (such as a phone call, SMS, or messaging application)."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"If the signer enters the correct access code, the document opens and they can proceed with reviewing and signing it."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["If the signer enters an incorrect access code, access to the document is denied. The signer must enter the correct ",(0,t.jsx)(n.strong,{children:"6-digit numeric access code"})," provided by the document owner to continue."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"add-widgets-for-signers",children:"Add Widgets for Signers"}),"\n",(0,t.jsx)(n.h3,{id:"1-add-a-signature-widget",children:"1. Add a Signature Widget"}),"\n",(0,t.jsx)(n.p,{children:"Once your document is loaded in the document creation panel, you'll need to add a signature widget for each signer. Select the signer from the right side panel, click on the signature widget, and position it where the signature is required."}),"\n",(0,t.jsx)("img",{width:"866",alt:"create document",src:"https://github.com/user-attachments/assets/fa5471f0-f7cb-4170-982f-cb213e4db13d"}),"\n",(0,t.jsx)(n.h3,{id:"signature-widget-options",children:"Signature Widget Options"}),"\n",(0,t.jsx)(n.p,{children:"After placing the Signature widget, you will see the options on the widget such as:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Add Signer/Change Signer"}),": Clicking the first icon on the signature widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Copy Signature"}),": Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages: It will copy the signature widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the signature widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the signature widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-add-other-widgets",children:"2. Add Other Widgets"}),"\n",(0,t.jsx)(n.p,{children:"Depending on your needs, you can include additional widgets such as:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Stamp"}),": The stamp widget allows signers to add a stamp to the document. Signers can upload their stamp during the signing process. After placing the Stamp widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the second option on the stamp widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsxs)(n.li,{children:["Copy Stamp: Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages : It will copy the stamp widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the stamp widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the stamp widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Initials"}),": The initials widget allows signers to add their initials to the document. During the signing process, signers can draw, upload, or type their initials. After placing the Initials widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Initials widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsxs)(n.li,{children:["Copy Initials: Clicking on this option reveals the following choices.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All pages : It will copy the initials widget to all pages."}),"\n",(0,t.jsx)(n.li,{children:"All pages but last: It will copy the initials widget to all pages except the last page."}),"\n",(0,t.jsx)(n.li,{children:"All pages but first: It will copy the initials widget to all pages except the first page."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Name"}),": The name widget allows signers to add their name or any other text, functioning like a text field during the signing process. After placing the name widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Name widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the name widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Job title"}),": The Job title widget allows signers to add their Job title or any other text, functioning like a text field during the signing process. After placing the job title widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Job title widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the job title widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Company"}),": The company widget allows signers to add their company or any other text, functioning like a text field during the signing process. After placing the company widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Company widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the Company widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Date Widget"})}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Date widget"})," allows signers to enter a date while signing the document. Once the widget is placed, you can configure its behavior using the available settings in the ",(0,t.jsx)(n.strong,{children:"Widget Info"})," panel."]}),"\n",(0,t.jsx)(n.h4,{id:"\ufe0f-widget-options",children:"\u2699\ufe0f Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Date Format"}),": Choose the preferred date format (for example, ",(0,t.jsx)(n.code,{children:"MM/dd/yyyy"}),", ",(0,t.jsx)(n.code,{children:"dd-mm-yyyy"}),", or ",(0,t.jsx)(n.code,{children:"dd/mm/yyyy"}),") from the Format dropdown. This determines how the date appears to the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Set Date"}),": This option allows the user to set a default date, which will be displayed while signing the document."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Signing Date"}),": When selected, the date on which the signer signs the document will be automatically displayed in the Date widget."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Clear"}),": Removes the selected date setting."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Date Range"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Min Date"}),": Sets the earliest date the signer can select."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Max Date"}),": Sets the latest date the signer can select."]}),"\n",(0,t.jsxs)(n.li,{children:["Use ",(0,t.jsx)(n.strong,{children:"Clear"})," to remove the minimum or maximum date restrictions."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Required / Optional"}),(0,t.jsx)(n.br,{}),"\n","Mark the widget as ",(0,t.jsx)(n.strong,{children:"Required"})," if the signer must fill it in before completing the signing, or ",(0,t.jsx)(n.strong,{children:"Optional"})," if it is not mandatory."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Font Settings"}),"\nCustomize the ",(0,t.jsx)(n.strong,{children:"font size"})," and ",(0,t.jsx)(n.strong,{children:"text color"})," to match the document\u2019s style."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Read Only"}),"\nEnable this option to display a date that cannot be edited by the signer."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Save"}),"\nClick ",(0,t.jsx)(n.strong,{children:"Save"})," to apply all selected settings to the Date widget."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input"}),": The text input field is used to collect input from the signer. Signers can type their responses directly into this field. After placing the Text Input widget, you will see the options on the widget such as:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Setting : The widget settings panel provides additional customization options, including:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"hint"}),", which will be displayed on the widget for better clarity"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Custom Validations"})," are also supported, including:"]}),"\n",(0,t.jsxs)(n.li,{children:["Predefined formats like ",(0,t.jsx)(n.strong,{children:"SSN"}),", ",(0,t.jsx)(n.strong,{children:"email"}),", or ",(0,t.jsx)(n.strong,{children:"numeric values"})]}),"\n",(0,t.jsxs)(n.li,{children:["Custom JavaScript validations using regular expressions","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"For example:"}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^\\d+$"})," \u2013 allows only digits"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^[A-Z]+$"})," \u2013 allows only uppercase letters"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["You can enter your regex pattern in the ",(0,t.jsx)(n.strong,{children:"Validations"})," field of the widget.",(0,t.jsx)(n.br,{}),"\n",(0,t.jsxs)(n.em,{children:["(Optional reference: ",(0,t.jsx)(n.a,{href:"https://www.w3schools.com/jsref/jsref_obj_regexp.asp",children:"JavaScript RegExp guide"}),")"]})]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Conditional Logic"}),":"]}),"\n",(0,t.jsxs)(n.p,{children:["The Text Input widget also supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets.\nConditional Logic enables the Text Input widget to respond dynamically based on values from other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Text Input field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsx)(n.li,{children:"Make the field Required"}),"\n",(0,t.jsx)(n.li,{children:"Make the field Optional"}),"\n"]}),"\n",(0,t.jsx)("img",{width:"1897",alt:"conditional logic textinput",src:"https://github.com/user-attachments/assets/ef89a946-ba4a-4a14-a7ef-97b2a8119e6b"}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Text Input"})," widget supports conditional logic based on the values of other widgets.\nThe available conditions depend on the selected trigger widget."]}),"\n",(0,t.jsx)(n.h3,{id:"text-input",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:"Supported operators:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Example"})," If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"TextInput2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"text Condition: TextInput1 = HR \nAction: Show TextInput2\n"})}),"\n",(0,t.jsx)(n.h3,{id:"number",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:"Supported operators:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Equals"}),"\n",(0,t.jsx)(n.li,{children:"Does Not Equal"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["Example\nIf ",(0,t.jsx)(n.code,{children:"number_widget1 = 5"}),"\nThen ",(0,t.jsx)(n.code,{children:"Show TextInput1"})]}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed if ",(0,t.jsx)(n.strong,{children:"at least one"})," of the specified conditions is satisfied."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsx)(n.p,{children:"text Condition 1: Number Field = 10 OR Condition 2: Checkbox = Checked"}),"\n",(0,t.jsx)(n.p,{children:"Action:"}),"\n",(0,t.jsx)(n.p,{children:"Show TextInput1"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"TextInput1"})," is displayed if either the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," or the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h2,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"5"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition 2 checkbox"})}),(0,t.jsx)(n.td,{children:"checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show TextInput1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"TextInput1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Text Input"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," - ",(0,t.jsx)(n.a,{href:"https://docs.opensignlabs.com/docs/help/New-Document/conditional_logic/#number-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-widget-as-the-trigger",children:"Read more"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-as-the-trigger",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Text Input widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Text Input widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Number widget"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"The Number widget is used to collect numeric input from the signer. It accepts only numeric values, helping ensure data accuracy and consistency. The Number widget also supports formulas, allowing you to perform automatic calculations using values from other Number widgets. After placing the Number widget, you will see the following options:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Settings"}),": The widget settings panel provides additional customization options, including:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"placeholder"})," to guide the signer on the expected input"]}),"\n",(0,t.jsxs)(n.li,{children:["Assigning a unique ",(0,t.jsx)(n.strong,{children:"Name"})," to the widget. This name is used when referencing the widget in formulas.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Example:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"number-1"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"subtotal"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"tax"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.code,{children:"grand_total"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Defining a ",(0,t.jsx)(n.strong,{children:"Formula"})," to automatically calculate values using other Number widgets.","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Example:","\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"{{quantity}} * {{price}}\n"})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Supported mathematical operators include:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"+"})," Addition"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"-"})," Subtraction"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"*"})," Multiplication"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"/"})," Division"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"%"})," Modulus (Remainder)"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"()"})," Parentheses for grouping operations"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The Number widget also supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Number widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Number widget can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-1",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Number"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-1",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Number1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Number1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-1",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Number2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Number2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-1",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Number1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Number1"})," widget is displayed when either of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Number1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Number1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-1",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Number"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#number-widget-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#number-widget-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#number-widget-triggered-by-a-radio-button",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget Triggered by Another Number Widget"})," - ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#number-widget-triggered-by-another-number-widget",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-1",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Number widget to assign the widget to a different signer. You can choose an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Number widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Cells"}),(0,t.jsx)(n.br,{}),"\n","The ",(0,t.jsx)(n.strong,{children:"Cells widget"})," is ideal for documents that require input in a structured, table-like format, allowing the signer to fill in details within individual cells. After dragging and dropping the widget onto the document, you can adjust the number of cells by moving the ",(0,t.jsx)(n.strong,{children:"blue marker"}),"."]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"Cells widget",src:"https://github.com/user-attachments/assets/2a301776-5275-4daf-b361-fd48af2878fc"}),"\n",(0,t.jsx)(n.p,{children:"The widget settings panel provides additional customization options, including:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Manually entering the ",(0,t.jsx)(n.strong,{children:"number of cells"})]}),"\n",(0,t.jsxs)(n.li,{children:["Choosing a ",(0,t.jsx)(n.strong,{children:"font color"})]}),"\n",(0,t.jsxs)(n.li,{children:["Setting the ",(0,t.jsx)(n.strong,{children:"font size"})]}),"\n",(0,t.jsxs)(n.li,{children:["Marking the field as ",(0,t.jsx)(n.strong,{children:"required"})," or ",(0,t.jsx)(n.strong,{children:"optional"})]}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.strong,{children:"default value"})]}),"\n",(0,t.jsxs)(n.li,{children:["Making the field ",(0,t.jsx)(n.strong,{children:"read-only"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n",(0,t.jsxs)(n.li,{children:["Adding a ",(0,t.jsx)(n.strong,{children:"hint"}),", which will be displayed on the widget for better clarity"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Custom Validations"})," are also supported, including:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Predefined formats like ",(0,t.jsx)(n.strong,{children:"SSN"}),", ",(0,t.jsx)(n.strong,{children:"email"}),", or ",(0,t.jsx)(n.strong,{children:"numeric values"})]}),"\n",(0,t.jsx)(n.li,{children:"Custom JavaScript validations using regular expressions"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"For example:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^\\d+$"})," \u2013 allows only digits"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"^[A-Z]+$"})," \u2013 allows only uppercase letters"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["You can enter your regex pattern in the ",(0,t.jsx)(n.strong,{children:"Validations"})," field of the widget.",(0,t.jsx)(n.br,{}),"\n",(0,t.jsxs)(n.em,{children:["(Optional reference: ",(0,t.jsx)(n.a,{href:"https://www.w3schools.com/jsref/jsref_obj_regexp.asp",children:"JavaScript RegExp guide"}),")"]})]}),"\n",(0,t.jsx)("img",{width:"800",alt:"request signatures",src:"https://github.com/user-attachments/assets/dee17fe8-243b-4113-896a-00424d12ea8a"}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox"}),": The checkbox widget is used to capture input in the form of a checkbox selection. Once you drop the checkbox widget, a popup will open where you can set the checkbox name and options. Additionally, there are a few options available such as setting the minimum and maximum checks, making the checkbox read-only, and hiding the label."]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Checkbox widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Checkbox field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-2",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-2",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-2",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"checkbox",children:"Checkbox"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"Checkbox2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Checked\nAction: Show Checkbox2\n"})}),"\n",(0,t.jsx)(n.p,{children:"Another example:"}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is ",(0,t.jsx)(n.strong,{children:"not checked"}),", then ",(0,t.jsx)(n.strong,{children:"Checkbox2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Not Checked\nAction: Show Checkbox2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"radio-button",children:"Radio Button"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Radio Button1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Radio Button1 is Checked\nAction: Show Checkbox1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-2",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-2",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Checkbox1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-1",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Checkbox1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-2",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Checkbox"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-triggered-by-a-radio-button",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Triggered by Another Checkbox"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#checkbox-triggered-by-another-checkbox",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-2",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Checkbox widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Checkbox widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown"}),": Once you drop the dropdown widget, a popup will open where you can set the dropdown name and options. Additionally, there are a few options available such as setting a default value and marking the dropdown as required or optional."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic-1",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Dropdown widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Dropdown field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-3",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-3",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is equal to ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show Dropdown1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-3",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show Dropdown1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown-1",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"Dropdown2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show Dropdown2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-3",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-3",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"Dropdown1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-2",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show Dropdown1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-3",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Dropdown"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text input"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-triggered-by-a-radio-button",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Triggered by Another Dropdown"})," ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#dropdown-triggered-by-another-dropdown",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-3",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Dropdown widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Dropdown widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio button"}),": The radio button widget is used to capture input in the form of a radio button selection. Once you drop the radio button widget, a popup will open where you can set the radio button name and options. Additionally, there are a few options available such as setting a default value, making the radio button read-only, and hiding the label."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"conditional-logic-2",children:(0,t.jsx)(n.strong,{children:"Conditional Logic"})}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget supports ",(0,t.jsx)(n.strong,{children:"Conditional Logic"}),", allowing you to dynamically show, hide, make required, or make optional the field based on values entered or selected in other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"Conditional Logic enables the Radio Button widget to respond dynamically based on values from other widgets."}),"\n",(0,t.jsx)(n.p,{children:"Depending on the configured rule, the Radio Button field can:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Show the field"}),"\n",(0,t.jsx)(n.li,{children:"Hide the field"}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Required"})]}),"\n",(0,t.jsxs)(n.li,{children:["Make the field ",(0,t.jsx)(n.strong,{children:"Optional"})]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"supported-conditions-4",children:"Supported Conditions"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget supports Conditional Logic based on the values of other widgets."]}),"\n",(0,t.jsx)(n.p,{children:"The available conditions depend on the selected trigger widget."}),"\n",(0,t.jsx)(n.h3,{id:"text-input-4",children:"Text Input"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the value entered in ",(0,t.jsx)(n.strong,{children:"TextInput1"})," is ",(0,t.jsx)(n.strong,{children:"HR"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: TextInput1 = HR\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"number-4",children:"Number"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Number1"})," equals ",(0,t.jsx)(n.strong,{children:"10"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Number1 = 10\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"dropdown-2",children:"Dropdown"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"Dropdown1"})," is ",(0,t.jsx)(n.strong,{children:"Manager"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Dropdown1 = Manager\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"checkbox-1",children:"Checkbox"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Example"})}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is checked, then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Checked\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.p,{children:"Another example:"}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"Checkbox1"})," is ",(0,t.jsx)(n.strong,{children:"not checked"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: Checkbox1 is Not Checked\nAction: Show RadioButton1\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"radio-button-1",children:"Radio Button"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Supported operators:"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Is Not Checked"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Equals"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"Does Not Equal"})}),"\n"]}),"\n",(0,t.jsxs)(n.h4,{id:"example-1--using-is-checked",children:["Example 1 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Is Checked"})]}),"\n",(0,t.jsxs)(n.p,{children:["If ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is selected, then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 is Checked\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsxs)(n.h4,{id:"example-2--using-equals",children:["Example 2 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Equals"})]}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is ",(0,t.jsx)(n.strong,{children:"Approved"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 = Approved\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsxs)(n.h4,{id:"example-3--using-does-not-equal",children:["Example 3 \u2013 Using ",(0,t.jsx)(n.strong,{children:"Does Not Equal"})]}),"\n",(0,t.jsxs)(n.p,{children:["If the selected value of ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," is ",(0,t.jsx)(n.strong,{children:"not"})," ",(0,t.jsx)(n.strong,{children:"Approved"}),", then ",(0,t.jsx)(n.strong,{children:"RadioButton2"})," is displayed."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-text",children:"Condition: RadioButton1 Does Not Equal Approved\nAction: Show RadioButton2\n"})}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h3,{id:"any-condition-or-4",children:"Any Condition (OR)"}),"\n",(0,t.jsxs)(n.p,{children:["When ",(0,t.jsx)(n.strong,{children:"Any Condition (OR)"})," is selected, the configured action is performed when ",(0,t.jsx)(n.strong,{children:"at least one"})," of the configured conditions is satisfied."]}),"\n",(0,t.jsx)(n.h4,{id:"example-4",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Conditions"})}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Number Field = ",(0,t.jsx)(n.strong,{children:"10"})]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"OR"})}),"\n",(0,t.jsxs)(n.li,{children:["Checkbox = ",(0,t.jsx)(n.strong,{children:"Checked"})]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Action"})}),"\n",(0,t.jsxs)(n.p,{children:["Show ",(0,t.jsx)(n.strong,{children:"RadioButton1"})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," widget is displayed when ",(0,t.jsx)(n.strong,{children:"either"})," of the following conditions is met:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["The signer enters ",(0,t.jsx)(n.strong,{children:"10"})," in the Number field."]}),"\n",(0,t.jsx)(n.li,{children:"The signer checks the Checkbox."}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsx)(n.h2,{id:"configuration-example-3",children:"Configuration Example"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Property"}),(0,t.jsx)(n.th,{children:"Value"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Type"})}),(0,t.jsx)(n.td,{children:"Any Condition (OR)"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 1"})}),(0,t.jsx)(n.td,{children:"Number"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Equals"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition Value"})}),(0,t.jsx)(n.td,{children:"10"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Trigger Widget 2"})}),(0,t.jsx)(n.td,{children:"Checkbox"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Condition"})}),(0,t.jsx)(n.td,{children:"Is Checked"})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.strong,{children:"Action"})}),(0,t.jsx)(n.td,{children:"Show RadioButton1"})]})]})]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.strong,{children:"Result"})}),"\n",(0,t.jsxs)(n.p,{children:["The configured ",(0,t.jsx)(n.strong,{children:"RadioButton1"})," widget becomes visible when ",(0,t.jsx)(n.strong,{children:"either"})," the Number field equals ",(0,t.jsx)(n.strong,{children:"10"})," ",(0,t.jsx)(n.strong,{children:"or"})," the Checkbox is checked."]}),"\n",(0,t.jsx)(n.h3,{id:"related-conditional-logic-guides-4",children:"Related Conditional Logic Guides"}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Radio Button"})," widget also supports Conditional Logic using the following trigger widgets:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Text Input Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-triggered-by-a-text-input",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Number Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-triggered-by-a-number-widget",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Dropdown Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-triggered-by-a-dropdown",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Checkbox Widget"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-triggered-by-a-checkbox",children:"Read more"})]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Radio Button Triggered by Another Radio Button"})," \u2013 ",(0,t.jsx)(n.a,{href:"https://github.com/pravinOpenSign/OpenSign/blob/patch-75/docs/docs/help/New-Document/conditional_logic.md#radio-button-triggered-by-another-radio-button",children:"Read more"})]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"additional-widget-options-4",children:"Additional Widget Options"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Signer / Change Signer"}),": Click the first icon on the Radio Button widget to assign the widget to a different signer. You can select an existing signer or add a new recipient."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Copy"}),": Click the ",(0,t.jsx)(n.strong,{children:"Copy"})," icon to duplicate the Radio Button widget."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Image"}),": The image widget allows signers to upload an image during the signing process. After placing the Image widget, you will see the options on the widget such as:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Image widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsx)(n.li,{children:"Copy : Clicking on this you can duplicate the image widget."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Email"}),": The email widget is used to enter an email address during the signing process. It only accepts input in a valid email format. If the signer enters invalid text, a validation error will occur, and the document cannot be completed until it's corrected. After placing the email widget, you will see the options on the widget such as:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Setting icon: By clicking on the option, you can set the color and font."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Hide text with asterisks"}),': **"which masks the entered text (*) to protect sensitive information while filling out the document. The final embedded document will also display the text as asterisks, keeping the actual value hidden.']}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Add Signer/Change Signer: Clicking the first icon on the Email widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy : Clicking on this you can duplicate the email widget."}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.hr,{}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.strong,{children:"\ud83d\udcce Attachment Widget"})}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["The ",(0,t.jsx)(n.strong,{children:"Attachment Widget"})," allows signers to upload supporting files directly while completing and signing a document. This is useful when additional documents or evidence are required as part of the signing workflow."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Setting icon: By clicking on the option, you can specify whether this widget is mandatory or optional during the document signing. Additionally, you can add a hint or instruction to guide signers on what information or file is expected in the widget."}),"\n",(0,t.jsx)(n.li,{children:"Add Signer/Change Signer: Clicking the first icon on the Image widget allows you to change the signer. You can choose from existing signers in the dropdown or add a new signer."}),"\n",(0,t.jsx)(n.li,{children:"Copy : Clicking on this you can duplicate the image widget."}),"\n"]}),"\n",(0,t.jsx)("img",{width:"918",alt:"image",src:"https://github.com/user-attachments/assets/f52e704d-c69f-464a-b3fa-f76f27d98fed"}),"\n",(0,t.jsx)(n.h2,{id:"how-the-attachment-widget-works",children:"How the Attachment Widget Works"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Signers can upload up to ",(0,t.jsx)(n.strong,{children:"5 files"})," using a single Attachment Widget."]}),"\n",(0,t.jsxs)(n.li,{children:["Each file can be a maximum of ",(0,t.jsx)(n.strong,{children:"10 MB"})," in size."]}),"\n",(0,t.jsxs)(n.li,{children:["A single Attachment Widget can therefore accept up to ",(0,t.jsx)(n.strong,{children:"50 MB"})," of attachments in total."]}),"\n",(0,t.jsxs)(n.li,{children:["Supported file formats include:","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["PDF (",(0,t.jsx)(n.code,{children:".pdf"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["Microsoft Word (",(0,t.jsx)(n.code,{children:".docx"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["PNG (",(0,t.jsx)(n.code,{children:".png"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["JPG (",(0,t.jsx)(n.code,{children:".jpg"}),")"]}),"\n",(0,t.jsxs)(n.li,{children:["JPEG (",(0,t.jsx)(n.code,{children:".jpeg"}),")"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:"Once the signer uploads the files and completes the signing process, the uploaded files are appended as additional pages to the end of the original PDF document."}),"\n"]}),"\n",(0,t.jsx)("img",{width:"918",alt:"document attchement",src:"https://github.com/user-attachments/assets/6325793e-a4ed-4aed-ab12-5e29e625f28a"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Note:"})," All uploaded attachments become part of the completed document package, making it easier to store, review, and share the signed document along with its supporting files."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"-document-page-controls",children:"\ud83d\udcc4 Document Page Controls"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Navigating Between Pages in OpenSign\u2122"}),"\nTo navigate between pages of a document that you have uploaded either click on the previous page \u2227 & V next page buttons at the top or click on any of the page previews loaded on the left side."]}),"\n",(0,t.jsx)("img",{width:"918",alt:"OpenSign Page controls",src:"https://github.com/user-attachments/assets/c577e165-f8ac-45c7-bc6f-d499c710a7ed"}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Add Pages"}),(0,t.jsx)(n.br,{}),"\n","In the left-side panel, users will see an ",(0,t.jsx)(n.strong,{children:'"Add" button'}),". Clicking it allows users to select and merge new documents into the current one."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Delete Page"}),(0,t.jsx)(n.br,{}),"\n","An option is available to ",(0,t.jsx)(n.strong,{children:"delete"})," any unwanted page from the document."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Reorder Pages"}),(0,t.jsx)(n.br,{}),"\n","Users can reorder pages by clicking the ",(0,t.jsx)(n.strong,{children:'"Reorder" button'}),", which opens a popup displaying all pages. Use the ",(0,t.jsx)(n.strong,{children:"Up"})," and ",(0,t.jsx)(n.strong,{children:"Down"})," arrows to change the order. Click ",(0,t.jsx)(n.strong,{children:"Save"})," to apply the new page order."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Zoom In / Zoom Out"}),(0,t.jsx)(n.br,{}),"\n","Controls are available to ",(0,t.jsx)(n.strong,{children:"zoom in"})," or ",(0,t.jsx)(n.strong,{children:"zoom out"})," of the document view."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Rotate Page"}),(0,t.jsx)(n.br,{}),"\n","Options are provided to ",(0,t.jsx)(n.strong,{children:"rotate pages"})," in both ",(0,t.jsx)(n.strong,{children:"clockwise"})," and ",(0,t.jsx)(n.strong,{children:"counterclockwise"})," directions."]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-4-next",children:"Step 4: Next:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Next"}),": After adding the widgets and signatures, click the 'Next' button. The document will then be created."]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"step-5-send-mail",children:"Step 5: Send Mail"}),"\n",(0,t.jsx)(n.p,{children:"After finishing the document creation, a 'Send Mail' popup will appear, offering options to Send Email, Customize Email, Copy Link, or Share the document."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Send Email: Click the 'Send' button to send the document for signing to all signers. If the sending order is set to 'Yes', it will send the document to the first signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Customize Email: Click the 'Customize Email' button to open the email editor. Here, you can set variables and customize the content. After clicking 'Send', the document will be sent for signing to all signers, or if the sending order is set to 'Yes', it will be sent to the first signer with the customized email."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Copy Link: You can copy the link to sign the document."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"Share: Use this option to share the document via email, WhatsApp and other Windows apps"}),"\n"]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"request signatures",src:"https://github.com/user-attachments/assets/e2344479-daae-43ff-a61a-14ea98b237d6"}),"\n",(0,t.jsx)(n.h2,{id:"signers-signing-process",children:"Signers Signing Process"}),"\n",(0,t.jsx)(n.h3,{id:"step-6-email-otp-verification",children:"Step 6: Email OTP verification"}),"\n",(0,t.jsx)(n.p,{children:"Once the email is received, the signer can click the 'Sign Here' button. This will open the email verification page. After clicking the 'Get Verification Code' button, an OTP (one-time password) will be sent to the signer\u2019s email address. Enter the received OTP into the verification textbox and click the 'Verify' button."}),"\n",(0,t.jsx)("div",{children:(0,t.jsx)("img",{width:"800",alt:"OpenSign send OTP",src:"https://github.com/user-attachments/assets/b82c796a-98e3-4296-bde1-fe86b1b993ad"})}),"\n",(0,t.jsx)("div",{children:(0,t.jsx)("img",{width:"800",alt:"OpenSign verify otp",src:"https://github.com/user-attachments/assets/63cf4b75-9d47-4630-a83c-e916a5c13b3c"})}),"\n",(0,t.jsx)(n.h3,{id:"step-7-finalizing-the-process",children:"Step 7: Finalizing the Process:"}),"\n",(0,t.jsx)(n.p,{children:"After verification, the signer will be redirected to the document signing page, where he can view the document received for signing. To sign, the signer simply clicks on the signature widget, which allows them to draw, upload a digitally scanned signature, or type the signature."}),"\n",(0,t.jsx)(n.p,{children:"After filling out all assigned widgets, click the 'Finish' button. Once the document is finished,."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"The signer has the option of downloading or printing the signed document. He will also obtain the completion certificate if he is the final signer."}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:"If there are more than one signer, the document will be immediately sent to the next signer. Once all signers have finished their signatures, they can download and print the signed document as well as the completion certificate."}),"\n"]}),"\n"]}),"\n",(0,t.jsx)("img",{width:"800",alt:"OpenSignFinalStep",src:"https://github.com/user-attachments/assets/f4783aa0-2879-4ec2-9ddc-16d59f3a1fc0"}),"\n",(0,t.jsx)(n.h2,{id:"additional-information",children:"Additional Information"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"All fields marked with an asterisk (*) must be completed before the document can be submitted."}),"\n",(0,t.jsx)(n.li,{children:"Ensure that the document format is supported by OpenSign before uploading."}),"\n",(0,t.jsx)(n.li,{children:"Signed documents can be accessed in the designated 'Root' folder or the one you have specified."}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["If you require more help, feel free to reach out to our customer support on ",(0,t.jsx)(n.a,{href:"mailto:support@opensignlabs.com",children:"support@opensignlabs.com"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"Happy signing with OpenSign\u2122!"})]})}function a(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.a37d8840.js b/assets/js/runtime~main.af0655e2.js similarity index 98% rename from assets/js/runtime~main.a37d8840.js rename to assets/js/runtime~main.af0655e2.js index 9b0574bc8..dea8d6196 100644 --- a/assets/js/runtime~main.a37d8840.js +++ b/assets/js/runtime~main.af0655e2.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,c,f,d,b={},r={};function t(e){var a=r[e];if(void 0!==a)return a.exports;var c=r[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,t),c.loaded=!0,c.exports}t.m=b,t.c=r,e=[],t.O=(a,c,f,d)=>{if(!c){var b=1/0;for(n=0;n=d)&&Object.keys(t.O).every(e=>t.O[e](c[o]))?c.splice(o--,1):(r=!1,d0&&e[n-1][2]>d;n--)e[n]=e[n-1];e[n]=[c,f,d]},t.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return t.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,t.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);t.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var r=2&f&&e;("object"==typeof r||"function"==typeof r)&&!~a.indexOf(r);r=c(r))Object.getOwnPropertyNames(r).forEach(a=>b[a]=()=>e[a]);return b.default=()=>e,t.d(d,b),d},t.d=(e,a)=>{for(var c in a)t.o(a,c)&&!t.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((a,c)=>(t.f[c](e,a),a),[])),t.u=e=>"assets/js/"+({33:"7ad5624c",89:"3009d411",108:"1b14d97a",157:"8001f939",206:"d387ddbc",225:"0a7196e9",284:"107ddcf4",285:"23f866da",291:"4f7a2d40",300:"833eda7d",419:"e5d81aec",448:"d77fb6a8",490:"ce589067",539:"cfb1e6eb",560:"500027af",603:"d5380080",636:"eaa24e23",746:"cf03142d",791:"4acb0154",841:"d1393a72",849:"0058b4c6",850:"c6b74119",862:"be3c2a14",930:"05729a5b",956:"19e4dfff",962:"046910c8",1065:"98732f61",1170:"c1e4445e",1179:"489b8a4d",1210:"b3eb04bc",1235:"a7456010",1265:"0c03cd54",1332:"d48fee54",1335:"74c638d3",1440:"277a78f5",1477:"2f6ff211",1543:"3b95ab04",1640:"c9fa5aa5",1651:"19e5ad2a",1665:"7357a3c5",1679:"138cee78",1688:"9640838e",1706:"18b84479",1903:"acecf23e",1915:"61361021",1924:"d8b805fb",1972:"73664a40",2042:"reactPlayerTwitch",2043:"ac7da374",2075:"5c485335",2076:"common",2089:"c7b98810",2131:"299c7a47",2264:"17e5210b",2403:"bd0e2f4c",2634:"c4f5d8e4",2661:"8bd80e56",2703:"da66eb9c",2711:"9e4087bc",2723:"reactPlayerMux",2815:"0ba00a8d",2823:"9b0b43bf",2908:"2c416566",2923:"ec5e470a",3021:"4cff09f6",3073:"e9e778b7",3128:"c674cfb4",3148:"1e1b513c",3230:"d480dde9",3249:"ccc49370",3276:"e5aefb32",3333:"e48228d1",3381:"42f80fc5",3392:"reactPlayerVidyard",3404:"03e06346",3460:"5ce6d213",3522:"e785206d",3588:"293ced56",3633:"b97a0b7b",3637:"f4f34a3a",3694:"8717b14a",3724:"2ffc1e57",3795:"c4fbe420",3841:"56b5f4f8",3891:"8e4d0438",3976:"0e384e19",3979:"64218a31",4001:"d281bdbe",4106:"882238ec",4134:"393be207",4212:"621db11d",4232:"5a144266",4240:"9c9cb35e",4360:"fdd9b680",4372:"9cd612ce",4380:"656c0f50",4466:"56b0ffe9",4504:"5a9dd378",4584:"f82cd581",4813:"6875c492",4833:"c7e3ab5f",4865:"7ef59f7a",4952:"6bef026b",5174:"51e6fce0",5277:"8320e026",5305:"87a6df42",5314:"88a819d0",5342:"4227e71a",5372:"503125be",5373:"02e5f5c4",5506:"01274ace",5510:"02d4f5c5",5524:"21f05a2f",5550:"14716de7",5557:"d9f32620",5597:"b18842e4",5678:"fdae908b",5740:"fdf3f392",5741:"c081699b",5742:"aba21aa0",5752:"6d2e526e",5794:"3b49dc44",5824:"257dcba5",5855:"444a2573",5864:"3a2a59a1",5881:"63d7f7ab",5919:"980c6622",5939:"57cd9455",5946:"3c9ed71a",5970:"0f8cf55d",6007:"611db08b",6011:"56f1c106",6061:"1f391b9e",6157:"3973fcf3",6173:"reactPlayerVimeo",6192:"c195e1f1",6235:"d0524430",6288:"eedafdee",6289:"951b8254",6295:"d91ad230",6302:"873e7b96",6318:"bb4fa758",6328:"reactPlayerDailyMotion",6353:"5e1bb91e",6463:"reactPlayerKaltura",6473:"4c5e977b",6505:"cd2b86eb",6582:"94e1fa32",6648:"0c0943c7",6653:"f214d5ff",6742:"8871da57",6743:"e226bb09",6800:"044432a7",6827:"0edab2fb",6841:"f22c5875",6854:"7c0adceb",6887:"reactPlayerFacebook",6940:"a000203c",6969:"14eb3368",7024:"98334e25",7068:"e92d0461",7075:"4d139b56",7098:"a7bd4aaa",7318:"e76c28ee",7377:"ff9450a5",7381:"20f41f87",7458:"reactPlayerFilePlayer",7472:"814f3328",7477:"36994c47",7533:"a3b21423",7570:"reactPlayerMixcloud",7574:"70276854",7627:"reactPlayerStreamable",7643:"a6aa9e1f",7696:"1ee58ee1",7757:"eb56c656",7797:"767ebc75",7904:"5144c8d4",7910:"e4f5c862",7960:"b2e6bd40",7968:"489197af",8e3:"54a7b8f4",8025:"5e90a9b3",8045:"fff7b69d",8046:"6621d3c0",8089:"b9fdab4b",8097:"ab2a161b",8110:"825a5e83",8121:"3a2db09e",8130:"f81c1134",8146:"c15d9823",8168:"6c0cc40d",8209:"01a85c17",8320:"837d4f04",8413:"ed918ad6",8446:"reactPlayerYouTube",8462:"3217192f",8474:"652d83be",8503:"012b45bf",8564:"58abd73c",8609:"925b3f96",8626:"193ad4d3",8734:"reactPlayerPreview",8737:"7661071f",8744:"ffa808c5",8749:"b93339ed",8901:"1c57a399",8927:"b0378e01",8947:"ef8b811a",9024:"e5a49157",9038:"44f24773",9048:"a94703ab",9070:"851f8f65",9099:"34593b53",9144:"dc8c216b",9190:"6cb65baf",9239:"0c806540",9241:"11b7b3d8",9260:"96f83544",9316:"2ea02f7b",9325:"59362658",9328:"e273c56f",9330:"703158d7",9340:"reactPlayerWistia",9350:"62b755e6",9426:"38ec836e",9429:"fa501e35",9490:"02fcf422",9570:"a3008c1e",9611:"06b6ef6a",9631:"04f87274",9647:"5e95c892",9858:"1f7895dc",9979:"reactPlayerSoundCloud"}[e]||e)+"."+{33:"9547760f",89:"5fffa456",108:"64a23058",157:"f11295d1",206:"05779b28",225:"b6e1febc",284:"faf99a96",285:"323d81b9",291:"cbdacfa5",300:"75038f51",419:"9c4ab6f7",448:"7252287b",490:"5ac1d5e0",539:"aaefd5d7",560:"88575e3b",603:"38001a0b",636:"62348973",746:"1f9f4180",791:"a22ebdb5",841:"f777c4ca",849:"61ea9788",850:"1804dfd1",862:"666ff95d",930:"9839796a",956:"a9f72a7c",962:"573682f2",1065:"28e64208",1170:"4335d1d5",1179:"90e682e1",1210:"a124905a",1235:"003a3080",1265:"5b0522d3",1332:"f6861694",1335:"ca82510f",1440:"4a429fea",1477:"0bf93bf5",1543:"d900cd2b",1640:"39d3866c",1651:"456209b0",1665:"1ede26e4",1679:"09d89b2c",1688:"649f8555",1706:"7a9128dc",1903:"785e5b99",1915:"0805745d",1924:"5bf7ac2a",1972:"32ef8307",2042:"32fe4d68",2043:"a547ee47",2075:"f9a942c0",2076:"9b789740",2089:"b085e51e",2131:"b81984ef",2237:"108a9157",2264:"1d4eadc9",2403:"f02a3360",2634:"888e8dd3",2661:"811da9ef",2703:"3444bc9f",2711:"50fcce99",2723:"38950730",2815:"b093b303",2823:"14ed211e",2908:"08ef6789",2923:"2ebf4e57",3021:"796c3720",3073:"bbbe330e",3128:"daf594c6",3148:"2c761e08",3230:"2ba7de5a",3249:"1b8a4762",3276:"008069e2",3333:"3f02f75e",3381:"aeb453e2",3392:"b97ea8b4",3404:"287ef655",3460:"2c09e8ba",3522:"34ed0fa3",3554:"6e0477fe",3588:"c4d711c7",3633:"3543e66d",3637:"cbfc4a48",3694:"6b9c4a2d",3724:"7ab9019b",3795:"83c3cb4c",3841:"d1bf0557",3891:"5eda4897",3976:"202c8cb6",3979:"2dc08ef1",4001:"153f1231",4106:"414f7bf5",4129:"3f33ee0f",4134:"5c69a236",4212:"44e9a0aa",4232:"31c1c944",4240:"e9f5b614",4360:"fbe0dc5f",4372:"073baa5b",4380:"bd0ab7cb",4466:"0bbb4afd",4504:"2c0be4fa",4528:"46620c6e",4584:"912dd911",4813:"0ebf699a",4833:"1a2a72a9",4865:"d44ee1ec",4952:"38405a44",5174:"21d65d77",5277:"124e5d30",5305:"27ce96bb",5314:"86e352e8",5342:"e04ea00d",5372:"50a84966",5373:"9d8345bc",5453:"43c63b5b",5506:"03f5edc2",5510:"54d0d61d",5524:"92cf30e2",5550:"34ea4889",5557:"d35dd9e2",5597:"2e736c9e",5678:"b94e6d8d",5740:"ca5cb162",5741:"87b6f467",5742:"3a86eee7",5752:"f7d7ed8f",5794:"93887e5a",5824:"5ad96bcd",5855:"fe0cb846",5864:"3b828295",5881:"1b445937",5919:"f03d02d3",5939:"99fc67d4",5946:"0dff1ff2",5970:"34d283be",6007:"5231c69b",6011:"d98b5ead",6061:"f82b3f46",6157:"901c6cfd",6173:"105dd0ca",6192:"52cdc692",6235:"92382723",6288:"20a24892",6289:"85146abb",6295:"453ed46f",6302:"f9c7eea2",6318:"9ba40aa6",6328:"144e834f",6353:"8b83f2fe",6463:"aac36e3b",6473:"e486fbe3",6505:"34c430ba",6582:"a449e80b",6648:"f1cfda77",6653:"ebbab114",6742:"41f56427",6743:"1caebb95",6800:"1750b62e",6827:"fd6dbe54",6841:"66228efa",6854:"c14aaf5b",6887:"7787cb28",6940:"cbf19973",6969:"a76ceb22",7024:"cbe389b6",7068:"49b54587",7075:"cdb488f7",7098:"8d5f8fb2",7318:"bb403124",7377:"d460f6ed",7381:"e13a36c3",7458:"2fcc11dd",7472:"3d15491a",7477:"34d27d99",7533:"50438a32",7570:"03fef906",7574:"685b1e0d",7627:"7889e0e7",7643:"e077d460",7696:"ddf4fc1f",7757:"435a037b",7797:"c1c27f9c",7904:"48a68cda",7910:"64e06668",7960:"26dcf7b4",7968:"1ceec687",8e3:"5f213fe5",8025:"17a95b1d",8045:"e787489a",8046:"e134ab25",8089:"006b99fe",8097:"cf6b15bb",8110:"90090a5e",8121:"2d763874",8130:"76b1143f",8146:"5c2d59cd",8168:"33966b2f",8209:"ac7054ae",8320:"78f8916b",8413:"bdc96aaf",8446:"0d3ab8a6",8462:"1f56558e",8474:"888ddfc8",8503:"fb529628",8564:"338d50e6",8609:"d9a84c9a",8626:"f5d43b18",8734:"9c808716",8737:"f6668c3d",8744:"0ab62247",8749:"acc67002",8901:"7e9acdf0",8927:"30c60b74",8947:"5ba068d6",9024:"939e06e8",9038:"f83d700e",9048:"1a05ce91",9070:"e97dbd53",9099:"e208adbc",9144:"c36fb6c6",9190:"213303b0",9239:"9a4ec69f",9241:"76c52664",9260:"2347dc4f",9316:"13f0a43c",9325:"7f576902",9328:"e61f2389",9330:"96bbe532",9340:"8c6018fb",9350:"51187a34",9426:"3ed9bf1b",9429:"a89949da",9490:"c1150a5d",9570:"b73d3f30",9611:"eca73feb",9631:"cf40b3c5",9647:"74f05f80",9858:"edde97f7",9979:"316d7e72"}[e]+".js",t.miniCssF=e=>{},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="OpenSign-Docs:",t.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var r,o;if(void 0!==c)for(var l=document.getElementsByTagName("script"),n=0;n{r.onerror=r.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],r.parentNode&&r.parentNode.removeChild(r),d&&d.forEach(e=>e(c)),a)return a(c)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),o&&document.head.appendChild(r)}},t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),t.p="/",t.gca=function(e){return e={59362658:"9325",61361021:"1915",70276854:"7574","7ad5624c":"33","3009d411":"89","1b14d97a":"108","8001f939":"157",d387ddbc:"206","0a7196e9":"225","107ddcf4":"284","23f866da":"285","4f7a2d40":"291","833eda7d":"300",e5d81aec:"419",d77fb6a8:"448",ce589067:"490",cfb1e6eb:"539","500027af":"560",d5380080:"603",eaa24e23:"636",cf03142d:"746","4acb0154":"791",d1393a72:"841","0058b4c6":"849",c6b74119:"850",be3c2a14:"862","05729a5b":"930","19e4dfff":"956","046910c8":"962","98732f61":"1065",c1e4445e:"1170","489b8a4d":"1179",b3eb04bc:"1210",a7456010:"1235","0c03cd54":"1265",d48fee54:"1332","74c638d3":"1335","277a78f5":"1440","2f6ff211":"1477","3b95ab04":"1543",c9fa5aa5:"1640","19e5ad2a":"1651","7357a3c5":"1665","138cee78":"1679","9640838e":"1688","18b84479":"1706",acecf23e:"1903",d8b805fb:"1924","73664a40":"1972",reactPlayerTwitch:"2042",ac7da374:"2043","5c485335":"2075",common:"2076",c7b98810:"2089","299c7a47":"2131","17e5210b":"2264",bd0e2f4c:"2403",c4f5d8e4:"2634","8bd80e56":"2661",da66eb9c:"2703","9e4087bc":"2711",reactPlayerMux:"2723","0ba00a8d":"2815","9b0b43bf":"2823","2c416566":"2908",ec5e470a:"2923","4cff09f6":"3021",e9e778b7:"3073",c674cfb4:"3128","1e1b513c":"3148",d480dde9:"3230",ccc49370:"3249",e5aefb32:"3276",e48228d1:"3333","42f80fc5":"3381",reactPlayerVidyard:"3392","03e06346":"3404","5ce6d213":"3460",e785206d:"3522","293ced56":"3588",b97a0b7b:"3633",f4f34a3a:"3637","8717b14a":"3694","2ffc1e57":"3724",c4fbe420:"3795","56b5f4f8":"3841","8e4d0438":"3891","0e384e19":"3976","64218a31":"3979",d281bdbe:"4001","882238ec":"4106","393be207":"4134","621db11d":"4212","5a144266":"4232","9c9cb35e":"4240",fdd9b680:"4360","9cd612ce":"4372","656c0f50":"4380","56b0ffe9":"4466","5a9dd378":"4504",f82cd581:"4584","6875c492":"4813",c7e3ab5f:"4833","7ef59f7a":"4865","6bef026b":"4952","51e6fce0":"5174","8320e026":"5277","87a6df42":"5305","88a819d0":"5314","4227e71a":"5342","503125be":"5372","02e5f5c4":"5373","01274ace":"5506","02d4f5c5":"5510","21f05a2f":"5524","14716de7":"5550",d9f32620:"5557",b18842e4:"5597",fdae908b:"5678",fdf3f392:"5740",c081699b:"5741",aba21aa0:"5742","6d2e526e":"5752","3b49dc44":"5794","257dcba5":"5824","444a2573":"5855","3a2a59a1":"5864","63d7f7ab":"5881","980c6622":"5919","57cd9455":"5939","3c9ed71a":"5946","0f8cf55d":"5970","611db08b":"6007","56f1c106":"6011","1f391b9e":"6061","3973fcf3":"6157",reactPlayerVimeo:"6173",c195e1f1:"6192",d0524430:"6235",eedafdee:"6288","951b8254":"6289",d91ad230:"6295","873e7b96":"6302",bb4fa758:"6318",reactPlayerDailyMotion:"6328","5e1bb91e":"6353",reactPlayerKaltura:"6463","4c5e977b":"6473",cd2b86eb:"6505","94e1fa32":"6582","0c0943c7":"6648",f214d5ff:"6653","8871da57":"6742",e226bb09:"6743","044432a7":"6800","0edab2fb":"6827",f22c5875:"6841","7c0adceb":"6854",reactPlayerFacebook:"6887",a000203c:"6940","14eb3368":"6969","98334e25":"7024",e92d0461:"7068","4d139b56":"7075",a7bd4aaa:"7098",e76c28ee:"7318",ff9450a5:"7377","20f41f87":"7381",reactPlayerFilePlayer:"7458","814f3328":"7472","36994c47":"7477",a3b21423:"7533",reactPlayerMixcloud:"7570",reactPlayerStreamable:"7627",a6aa9e1f:"7643","1ee58ee1":"7696",eb56c656:"7757","767ebc75":"7797","5144c8d4":"7904",e4f5c862:"7910",b2e6bd40:"7960","489197af":"7968","54a7b8f4":"8000","5e90a9b3":"8025",fff7b69d:"8045","6621d3c0":"8046",b9fdab4b:"8089",ab2a161b:"8097","825a5e83":"8110","3a2db09e":"8121",f81c1134:"8130",c15d9823:"8146","6c0cc40d":"8168","01a85c17":"8209","837d4f04":"8320",ed918ad6:"8413",reactPlayerYouTube:"8446","3217192f":"8462","652d83be":"8474","012b45bf":"8503","58abd73c":"8564","925b3f96":"8609","193ad4d3":"8626",reactPlayerPreview:"8734","7661071f":"8737",ffa808c5:"8744",b93339ed:"8749","1c57a399":"8901",b0378e01:"8927",ef8b811a:"8947",e5a49157:"9024","44f24773":"9038",a94703ab:"9048","851f8f65":"9070","34593b53":"9099",dc8c216b:"9144","6cb65baf":"9190","0c806540":"9239","11b7b3d8":"9241","96f83544":"9260","2ea02f7b":"9316",e273c56f:"9328","703158d7":"9330",reactPlayerWistia:"9340","62b755e6":"9350","38ec836e":"9426",fa501e35:"9429","02fcf422":"9490",a3008c1e:"9570","06b6ef6a":"9611","04f87274":"9631","5e95c892":"9647","1f7895dc":"9858",reactPlayerSoundCloud:"9979"}[e]||e,t.p+t.u(e)},(()=>{var e={5354:0,1869:0};t.f.j=(a,c)=>{var f=t.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise((c,d)=>f=e[a]=[c,d]);c.push(f[2]=d);var b=t.p+t.u(a),r=new Error;t.l(b,c=>{if(t.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;r.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",r.name="ChunkLoadError",r.type=d,r.request=b,f[1](r)}},"chunk-"+a,a)}},t.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,[b,r,o]=c,l=0;if(b.some(a=>0!==e[a])){for(f in r)t.o(r,f)&&(t.m[f]=r[f]);if(o)var n=o(t)}for(a&&a(c);l{"use strict";var e,a,c,f,d,b={},r={};function t(e){var a=r[e];if(void 0!==a)return a.exports;var c=r[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,t),c.loaded=!0,c.exports}t.m=b,t.c=r,e=[],t.O=(a,c,f,d)=>{if(!c){var b=1/0;for(n=0;n=d)&&Object.keys(t.O).every(e=>t.O[e](c[o]))?c.splice(o--,1):(r=!1,d0&&e[n-1][2]>d;n--)e[n]=e[n-1];e[n]=[c,f,d]},t.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return t.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,t.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);t.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var r=2&f&&e;("object"==typeof r||"function"==typeof r)&&!~a.indexOf(r);r=c(r))Object.getOwnPropertyNames(r).forEach(a=>b[a]=()=>e[a]);return b.default=()=>e,t.d(d,b),d},t.d=(e,a)=>{for(var c in a)t.o(a,c)&&!t.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((a,c)=>(t.f[c](e,a),a),[])),t.u=e=>"assets/js/"+({33:"7ad5624c",89:"3009d411",108:"1b14d97a",157:"8001f939",206:"d387ddbc",225:"0a7196e9",284:"107ddcf4",285:"23f866da",291:"4f7a2d40",300:"833eda7d",419:"e5d81aec",448:"d77fb6a8",490:"ce589067",539:"cfb1e6eb",560:"500027af",603:"d5380080",636:"eaa24e23",746:"cf03142d",791:"4acb0154",841:"d1393a72",849:"0058b4c6",850:"c6b74119",862:"be3c2a14",930:"05729a5b",956:"19e4dfff",962:"046910c8",1065:"98732f61",1170:"c1e4445e",1179:"489b8a4d",1210:"b3eb04bc",1235:"a7456010",1265:"0c03cd54",1332:"d48fee54",1335:"74c638d3",1440:"277a78f5",1477:"2f6ff211",1543:"3b95ab04",1640:"c9fa5aa5",1651:"19e5ad2a",1665:"7357a3c5",1679:"138cee78",1688:"9640838e",1706:"18b84479",1903:"acecf23e",1915:"61361021",1924:"d8b805fb",1972:"73664a40",2042:"reactPlayerTwitch",2043:"ac7da374",2075:"5c485335",2076:"common",2089:"c7b98810",2131:"299c7a47",2264:"17e5210b",2403:"bd0e2f4c",2634:"c4f5d8e4",2661:"8bd80e56",2703:"da66eb9c",2711:"9e4087bc",2723:"reactPlayerMux",2815:"0ba00a8d",2823:"9b0b43bf",2908:"2c416566",2923:"ec5e470a",3021:"4cff09f6",3073:"e9e778b7",3128:"c674cfb4",3148:"1e1b513c",3230:"d480dde9",3249:"ccc49370",3276:"e5aefb32",3333:"e48228d1",3381:"42f80fc5",3392:"reactPlayerVidyard",3404:"03e06346",3460:"5ce6d213",3522:"e785206d",3588:"293ced56",3633:"b97a0b7b",3637:"f4f34a3a",3694:"8717b14a",3724:"2ffc1e57",3795:"c4fbe420",3841:"56b5f4f8",3891:"8e4d0438",3976:"0e384e19",3979:"64218a31",4001:"d281bdbe",4106:"882238ec",4134:"393be207",4212:"621db11d",4232:"5a144266",4240:"9c9cb35e",4360:"fdd9b680",4372:"9cd612ce",4380:"656c0f50",4466:"56b0ffe9",4504:"5a9dd378",4584:"f82cd581",4813:"6875c492",4833:"c7e3ab5f",4865:"7ef59f7a",4952:"6bef026b",5174:"51e6fce0",5277:"8320e026",5305:"87a6df42",5314:"88a819d0",5342:"4227e71a",5372:"503125be",5373:"02e5f5c4",5506:"01274ace",5510:"02d4f5c5",5524:"21f05a2f",5550:"14716de7",5557:"d9f32620",5597:"b18842e4",5678:"fdae908b",5740:"fdf3f392",5741:"c081699b",5742:"aba21aa0",5752:"6d2e526e",5794:"3b49dc44",5824:"257dcba5",5855:"444a2573",5864:"3a2a59a1",5881:"63d7f7ab",5919:"980c6622",5939:"57cd9455",5946:"3c9ed71a",5970:"0f8cf55d",6007:"611db08b",6011:"56f1c106",6061:"1f391b9e",6157:"3973fcf3",6173:"reactPlayerVimeo",6192:"c195e1f1",6235:"d0524430",6288:"eedafdee",6289:"951b8254",6295:"d91ad230",6302:"873e7b96",6318:"bb4fa758",6328:"reactPlayerDailyMotion",6353:"5e1bb91e",6463:"reactPlayerKaltura",6473:"4c5e977b",6505:"cd2b86eb",6582:"94e1fa32",6648:"0c0943c7",6653:"f214d5ff",6742:"8871da57",6743:"e226bb09",6800:"044432a7",6827:"0edab2fb",6841:"f22c5875",6854:"7c0adceb",6887:"reactPlayerFacebook",6940:"a000203c",6969:"14eb3368",7024:"98334e25",7068:"e92d0461",7075:"4d139b56",7098:"a7bd4aaa",7318:"e76c28ee",7377:"ff9450a5",7381:"20f41f87",7458:"reactPlayerFilePlayer",7472:"814f3328",7477:"36994c47",7533:"a3b21423",7570:"reactPlayerMixcloud",7574:"70276854",7627:"reactPlayerStreamable",7643:"a6aa9e1f",7696:"1ee58ee1",7757:"eb56c656",7797:"767ebc75",7904:"5144c8d4",7910:"e4f5c862",7960:"b2e6bd40",7968:"489197af",8e3:"54a7b8f4",8025:"5e90a9b3",8045:"fff7b69d",8046:"6621d3c0",8089:"b9fdab4b",8097:"ab2a161b",8110:"825a5e83",8121:"3a2db09e",8130:"f81c1134",8146:"c15d9823",8168:"6c0cc40d",8209:"01a85c17",8320:"837d4f04",8413:"ed918ad6",8446:"reactPlayerYouTube",8462:"3217192f",8474:"652d83be",8503:"012b45bf",8564:"58abd73c",8609:"925b3f96",8626:"193ad4d3",8734:"reactPlayerPreview",8737:"7661071f",8744:"ffa808c5",8749:"b93339ed",8901:"1c57a399",8927:"b0378e01",8947:"ef8b811a",9024:"e5a49157",9038:"44f24773",9048:"a94703ab",9070:"851f8f65",9099:"34593b53",9144:"dc8c216b",9190:"6cb65baf",9239:"0c806540",9241:"11b7b3d8",9260:"96f83544",9316:"2ea02f7b",9325:"59362658",9328:"e273c56f",9330:"703158d7",9340:"reactPlayerWistia",9350:"62b755e6",9426:"38ec836e",9429:"fa501e35",9490:"02fcf422",9570:"a3008c1e",9611:"06b6ef6a",9631:"04f87274",9647:"5e95c892",9858:"1f7895dc",9979:"reactPlayerSoundCloud"}[e]||e)+"."+{33:"9547760f",89:"5fffa456",108:"64a23058",157:"f11295d1",206:"05779b28",225:"b6e1febc",284:"faf99a96",285:"323d81b9",291:"cbdacfa5",300:"75038f51",419:"9c4ab6f7",448:"7252287b",490:"5ac1d5e0",539:"aaefd5d7",560:"88575e3b",603:"38001a0b",636:"62348973",746:"1f9f4180",791:"a22ebdb5",841:"3bcf00b8",849:"61ea9788",850:"1804dfd1",862:"666ff95d",930:"9839796a",956:"a9f72a7c",962:"573682f2",1065:"28e64208",1170:"4335d1d5",1179:"90e682e1",1210:"a124905a",1235:"003a3080",1265:"5b0522d3",1332:"f6861694",1335:"ca82510f",1440:"4a429fea",1477:"0bf93bf5",1543:"d900cd2b",1640:"39d3866c",1651:"456209b0",1665:"1ede26e4",1679:"09d89b2c",1688:"649f8555",1706:"7a9128dc",1903:"785e5b99",1915:"0805745d",1924:"5bf7ac2a",1972:"32ef8307",2042:"32fe4d68",2043:"a547ee47",2075:"f9a942c0",2076:"9b789740",2089:"b085e51e",2131:"b81984ef",2237:"108a9157",2264:"1d4eadc9",2403:"f02a3360",2634:"888e8dd3",2661:"811da9ef",2703:"3444bc9f",2711:"50fcce99",2723:"38950730",2815:"b093b303",2823:"14ed211e",2908:"08ef6789",2923:"2ebf4e57",3021:"796c3720",3073:"bbbe330e",3128:"daf594c6",3148:"2c761e08",3230:"2ba7de5a",3249:"1b8a4762",3276:"008069e2",3333:"3f02f75e",3381:"aeb453e2",3392:"b97ea8b4",3404:"287ef655",3460:"2c09e8ba",3522:"34ed0fa3",3554:"6e0477fe",3588:"c4d711c7",3633:"3543e66d",3637:"cbfc4a48",3694:"6b9c4a2d",3724:"7ab9019b",3795:"83c3cb4c",3841:"d1bf0557",3891:"5eda4897",3976:"202c8cb6",3979:"2dc08ef1",4001:"153f1231",4106:"414f7bf5",4129:"3f33ee0f",4134:"5c69a236",4212:"44e9a0aa",4232:"31c1c944",4240:"e9f5b614",4360:"fbe0dc5f",4372:"073baa5b",4380:"bd0ab7cb",4466:"0bbb4afd",4504:"2c0be4fa",4528:"46620c6e",4584:"912dd911",4813:"0ebf699a",4833:"1a2a72a9",4865:"d44ee1ec",4952:"38405a44",5174:"21d65d77",5277:"124e5d30",5305:"27ce96bb",5314:"86e352e8",5342:"e04ea00d",5372:"50a84966",5373:"9d8345bc",5453:"43c63b5b",5506:"03f5edc2",5510:"54d0d61d",5524:"92cf30e2",5550:"34ea4889",5557:"d35dd9e2",5597:"2e736c9e",5678:"b94e6d8d",5740:"ca5cb162",5741:"87b6f467",5742:"3a86eee7",5752:"f7d7ed8f",5794:"93887e5a",5824:"5ad96bcd",5855:"fe0cb846",5864:"3b828295",5881:"1b445937",5919:"f03d02d3",5939:"99fc67d4",5946:"0dff1ff2",5970:"34d283be",6007:"5231c69b",6011:"d98b5ead",6061:"f82b3f46",6157:"901c6cfd",6173:"105dd0ca",6192:"52cdc692",6235:"92382723",6288:"20a24892",6289:"85146abb",6295:"453ed46f",6302:"f9c7eea2",6318:"9ba40aa6",6328:"144e834f",6353:"8b83f2fe",6463:"aac36e3b",6473:"e486fbe3",6505:"34c430ba",6582:"a449e80b",6648:"f1cfda77",6653:"ebbab114",6742:"41f56427",6743:"1caebb95",6800:"1750b62e",6827:"fd6dbe54",6841:"66228efa",6854:"c14aaf5b",6887:"7787cb28",6940:"cbf19973",6969:"a76ceb22",7024:"cbe389b6",7068:"49b54587",7075:"cdb488f7",7098:"8d5f8fb2",7318:"bb403124",7377:"d460f6ed",7381:"e13a36c3",7458:"2fcc11dd",7472:"3d15491a",7477:"34d27d99",7533:"50438a32",7570:"03fef906",7574:"685b1e0d",7627:"7889e0e7",7643:"e077d460",7696:"ddf4fc1f",7757:"435a037b",7797:"c1c27f9c",7904:"48a68cda",7910:"64e06668",7960:"26dcf7b4",7968:"1ceec687",8e3:"5f213fe5",8025:"17a95b1d",8045:"e787489a",8046:"e134ab25",8089:"006b99fe",8097:"cf6b15bb",8110:"90090a5e",8121:"2d763874",8130:"76b1143f",8146:"5c2d59cd",8168:"33966b2f",8209:"ac7054ae",8320:"78f8916b",8413:"bdc96aaf",8446:"0d3ab8a6",8462:"1f56558e",8474:"888ddfc8",8503:"fb529628",8564:"338d50e6",8609:"d9a84c9a",8626:"f5d43b18",8734:"9c808716",8737:"f6668c3d",8744:"0ab62247",8749:"acc67002",8901:"7e9acdf0",8927:"30c60b74",8947:"5ba068d6",9024:"939e06e8",9038:"f83d700e",9048:"1a05ce91",9070:"e97dbd53",9099:"e208adbc",9144:"c36fb6c6",9190:"213303b0",9239:"9a4ec69f",9241:"76c52664",9260:"2347dc4f",9316:"13f0a43c",9325:"7f576902",9328:"e61f2389",9330:"96bbe532",9340:"8c6018fb",9350:"51187a34",9426:"3ed9bf1b",9429:"a89949da",9490:"c1150a5d",9570:"b73d3f30",9611:"eca73feb",9631:"cfbde4a1",9647:"74f05f80",9858:"edde97f7",9979:"316d7e72"}[e]+".js",t.miniCssF=e=>{},t.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="OpenSign-Docs:",t.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var r,o;if(void 0!==c)for(var l=document.getElementsByTagName("script"),n=0;n{r.onerror=r.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],r.parentNode&&r.parentNode.removeChild(r),d&&d.forEach(e=>e(c)),a)return a(c)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),o&&document.head.appendChild(r)}},t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),t.p="/",t.gca=function(e){return e={59362658:"9325",61361021:"1915",70276854:"7574","7ad5624c":"33","3009d411":"89","1b14d97a":"108","8001f939":"157",d387ddbc:"206","0a7196e9":"225","107ddcf4":"284","23f866da":"285","4f7a2d40":"291","833eda7d":"300",e5d81aec:"419",d77fb6a8:"448",ce589067:"490",cfb1e6eb:"539","500027af":"560",d5380080:"603",eaa24e23:"636",cf03142d:"746","4acb0154":"791",d1393a72:"841","0058b4c6":"849",c6b74119:"850",be3c2a14:"862","05729a5b":"930","19e4dfff":"956","046910c8":"962","98732f61":"1065",c1e4445e:"1170","489b8a4d":"1179",b3eb04bc:"1210",a7456010:"1235","0c03cd54":"1265",d48fee54:"1332","74c638d3":"1335","277a78f5":"1440","2f6ff211":"1477","3b95ab04":"1543",c9fa5aa5:"1640","19e5ad2a":"1651","7357a3c5":"1665","138cee78":"1679","9640838e":"1688","18b84479":"1706",acecf23e:"1903",d8b805fb:"1924","73664a40":"1972",reactPlayerTwitch:"2042",ac7da374:"2043","5c485335":"2075",common:"2076",c7b98810:"2089","299c7a47":"2131","17e5210b":"2264",bd0e2f4c:"2403",c4f5d8e4:"2634","8bd80e56":"2661",da66eb9c:"2703","9e4087bc":"2711",reactPlayerMux:"2723","0ba00a8d":"2815","9b0b43bf":"2823","2c416566":"2908",ec5e470a:"2923","4cff09f6":"3021",e9e778b7:"3073",c674cfb4:"3128","1e1b513c":"3148",d480dde9:"3230",ccc49370:"3249",e5aefb32:"3276",e48228d1:"3333","42f80fc5":"3381",reactPlayerVidyard:"3392","03e06346":"3404","5ce6d213":"3460",e785206d:"3522","293ced56":"3588",b97a0b7b:"3633",f4f34a3a:"3637","8717b14a":"3694","2ffc1e57":"3724",c4fbe420:"3795","56b5f4f8":"3841","8e4d0438":"3891","0e384e19":"3976","64218a31":"3979",d281bdbe:"4001","882238ec":"4106","393be207":"4134","621db11d":"4212","5a144266":"4232","9c9cb35e":"4240",fdd9b680:"4360","9cd612ce":"4372","656c0f50":"4380","56b0ffe9":"4466","5a9dd378":"4504",f82cd581:"4584","6875c492":"4813",c7e3ab5f:"4833","7ef59f7a":"4865","6bef026b":"4952","51e6fce0":"5174","8320e026":"5277","87a6df42":"5305","88a819d0":"5314","4227e71a":"5342","503125be":"5372","02e5f5c4":"5373","01274ace":"5506","02d4f5c5":"5510","21f05a2f":"5524","14716de7":"5550",d9f32620:"5557",b18842e4:"5597",fdae908b:"5678",fdf3f392:"5740",c081699b:"5741",aba21aa0:"5742","6d2e526e":"5752","3b49dc44":"5794","257dcba5":"5824","444a2573":"5855","3a2a59a1":"5864","63d7f7ab":"5881","980c6622":"5919","57cd9455":"5939","3c9ed71a":"5946","0f8cf55d":"5970","611db08b":"6007","56f1c106":"6011","1f391b9e":"6061","3973fcf3":"6157",reactPlayerVimeo:"6173",c195e1f1:"6192",d0524430:"6235",eedafdee:"6288","951b8254":"6289",d91ad230:"6295","873e7b96":"6302",bb4fa758:"6318",reactPlayerDailyMotion:"6328","5e1bb91e":"6353",reactPlayerKaltura:"6463","4c5e977b":"6473",cd2b86eb:"6505","94e1fa32":"6582","0c0943c7":"6648",f214d5ff:"6653","8871da57":"6742",e226bb09:"6743","044432a7":"6800","0edab2fb":"6827",f22c5875:"6841","7c0adceb":"6854",reactPlayerFacebook:"6887",a000203c:"6940","14eb3368":"6969","98334e25":"7024",e92d0461:"7068","4d139b56":"7075",a7bd4aaa:"7098",e76c28ee:"7318",ff9450a5:"7377","20f41f87":"7381",reactPlayerFilePlayer:"7458","814f3328":"7472","36994c47":"7477",a3b21423:"7533",reactPlayerMixcloud:"7570",reactPlayerStreamable:"7627",a6aa9e1f:"7643","1ee58ee1":"7696",eb56c656:"7757","767ebc75":"7797","5144c8d4":"7904",e4f5c862:"7910",b2e6bd40:"7960","489197af":"7968","54a7b8f4":"8000","5e90a9b3":"8025",fff7b69d:"8045","6621d3c0":"8046",b9fdab4b:"8089",ab2a161b:"8097","825a5e83":"8110","3a2db09e":"8121",f81c1134:"8130",c15d9823:"8146","6c0cc40d":"8168","01a85c17":"8209","837d4f04":"8320",ed918ad6:"8413",reactPlayerYouTube:"8446","3217192f":"8462","652d83be":"8474","012b45bf":"8503","58abd73c":"8564","925b3f96":"8609","193ad4d3":"8626",reactPlayerPreview:"8734","7661071f":"8737",ffa808c5:"8744",b93339ed:"8749","1c57a399":"8901",b0378e01:"8927",ef8b811a:"8947",e5a49157:"9024","44f24773":"9038",a94703ab:"9048","851f8f65":"9070","34593b53":"9099",dc8c216b:"9144","6cb65baf":"9190","0c806540":"9239","11b7b3d8":"9241","96f83544":"9260","2ea02f7b":"9316",e273c56f:"9328","703158d7":"9330",reactPlayerWistia:"9340","62b755e6":"9350","38ec836e":"9426",fa501e35:"9429","02fcf422":"9490",a3008c1e:"9570","06b6ef6a":"9611","04f87274":"9631","5e95c892":"9647","1f7895dc":"9858",reactPlayerSoundCloud:"9979"}[e]||e,t.p+t.u(e)},(()=>{var e={5354:0,1869:0};t.f.j=(a,c)=>{var f=t.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise((c,d)=>f=e[a]=[c,d]);c.push(f[2]=d);var b=t.p+t.u(a),r=new Error;t.l(b,c=>{if(t.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;r.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",r.name="ChunkLoadError",r.type=d,r.request=b,f[1](r)}},"chunk-"+a,a)}},t.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,[b,r,o]=c,l=0;if(b.some(a=>0!==e[a])){for(f in r)t.o(r,f)&&(t.m[f]=r[f]);if(o)var n=o(t)}for(a&&a(c);l Archive | OpenSign™ - + diff --git a/blog/authors/index.html b/blog/authors/index.html index d8274fa30..3c6807e52 100644 --- a/blog/authors/index.html +++ b/blog/authors/index.html @@ -5,7 +5,7 @@ Authors | OpenSign™ - + diff --git a/blog/first-blog-post/index.html b/blog/first-blog-post/index.html index 69e49d475..348e445b6 100644 --- a/blog/first-blog-post/index.html +++ b/blog/first-blog-post/index.html @@ -5,7 +5,7 @@ First Blog Post | OpenSign™ - + diff --git a/blog/index.html b/blog/index.html index 89d8cac1d..bbba3df15 100644 --- a/blog/index.html +++ b/blog/index.html @@ -5,7 +5,7 @@ Blog | OpenSign™ - + diff --git a/blog/long-blog-post/index.html b/blog/long-blog-post/index.html index 28697bea6..f115f81c2 100644 --- a/blog/long-blog-post/index.html +++ b/blog/long-blog-post/index.html @@ -5,7 +5,7 @@ Long Blog Post | OpenSign™ - + diff --git a/blog/mdx-blog-post/index.html b/blog/mdx-blog-post/index.html index a31dd73d4..734d40e81 100644 --- a/blog/mdx-blog-post/index.html +++ b/blog/mdx-blog-post/index.html @@ -5,7 +5,7 @@ MDX Blog Post | OpenSign™ - + diff --git a/blog/tags/docusaurus/index.html b/blog/tags/docusaurus/index.html index 859ef14fc..957dfefc8 100644 --- a/blog/tags/docusaurus/index.html +++ b/blog/tags/docusaurus/index.html @@ -5,7 +5,7 @@ 4 posts tagged with "docusaurus" | OpenSign™ - + diff --git a/blog/tags/facebook/index.html b/blog/tags/facebook/index.html index 2904b5577..95dbe34b8 100644 --- a/blog/tags/facebook/index.html +++ b/blog/tags/facebook/index.html @@ -5,7 +5,7 @@ One post tagged with "facebook" | OpenSign™ - + diff --git a/blog/tags/hello/index.html b/blog/tags/hello/index.html index f4d943a22..aa4c06916 100644 --- a/blog/tags/hello/index.html +++ b/blog/tags/hello/index.html @@ -5,7 +5,7 @@ 2 posts tagged with "hello" | OpenSign™ - + diff --git a/blog/tags/hola/index.html b/blog/tags/hola/index.html index 47460a06b..e15ab7add 100644 --- a/blog/tags/hola/index.html +++ b/blog/tags/hola/index.html @@ -5,7 +5,7 @@ One post tagged with "hola" | OpenSign™ - + diff --git a/blog/tags/index.html b/blog/tags/index.html index 50c858130..763acd21b 100644 --- a/blog/tags/index.html +++ b/blog/tags/index.html @@ -5,7 +5,7 @@ Tags | OpenSign™ - + diff --git a/blog/welcome/index.html b/blog/welcome/index.html index edce2ff9f..02de14058 100644 --- a/blog/welcome/index.html +++ b/blog/welcome/index.html @@ -5,7 +5,7 @@ Welcome | OpenSign™ - + diff --git a/docs/API-docs/api-intro/index.html b/docs/API-docs/api-intro/index.html index 92e95e936..539515ce2 100644 --- a/docs/API-docs/api-intro/index.html +++ b/docs/API-docs/api-intro/index.html @@ -5,7 +5,7 @@ OpenSign APIs | OpenSign™ - + diff --git a/docs/API-docs/v1.1/contactlist/index.html b/docs/API-docs/v1.1/contactlist/index.html index 904f2cc8c..e01610916 100644 --- a/docs/API-docs/v1.1/contactlist/index.html +++ b/docs/API-docs/v1.1/contactlist/index.html @@ -5,7 +5,7 @@ Get Contact list | OpenSign™ - + diff --git a/docs/API-docs/v1.1/createcontact/index.html b/docs/API-docs/v1.1/createcontact/index.html index 78b352231..6927ab4fd 100644 --- a/docs/API-docs/v1.1/createcontact/index.html +++ b/docs/API-docs/v1.1/createcontact/index.html @@ -5,7 +5,7 @@ Create Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.1/createdocument/index.html b/docs/API-docs/v1.1/createdocument/index.html index 230ef6245..c8ce7f2f1 100644 --- a/docs/API-docs/v1.1/createdocument/index.html +++ b/docs/API-docs/v1.1/createdocument/index.html @@ -5,7 +5,7 @@ Create Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/createdocumentwithtemplateid/index.html b/docs/API-docs/v1.1/createdocumentwithtemplateid/index.html index 154409293..121da017f 100644 --- a/docs/API-docs/v1.1/createdocumentwithtemplateid/index.html +++ b/docs/API-docs/v1.1/createdocumentwithtemplateid/index.html @@ -5,7 +5,7 @@ Create Document from Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/createfolder/index.html b/docs/API-docs/v1.1/createfolder/index.html index f9db083f2..776eb38e0 100644 --- a/docs/API-docs/v1.1/createfolder/index.html +++ b/docs/API-docs/v1.1/createfolder/index.html @@ -5,7 +5,7 @@ Create Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.1/createtemplate/index.html b/docs/API-docs/v1.1/createtemplate/index.html index 6b86b18c9..968fa2cde 100644 --- a/docs/API-docs/v1.1/createtemplate/index.html +++ b/docs/API-docs/v1.1/createtemplate/index.html @@ -5,7 +5,7 @@ Create Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/delete-template/index.html b/docs/API-docs/v1.1/delete-template/index.html index 001d5e81b..bd27b2ccc 100644 --- a/docs/API-docs/v1.1/delete-template/index.html +++ b/docs/API-docs/v1.1/delete-template/index.html @@ -5,7 +5,7 @@ Delete Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/delete-webhook/index.html b/docs/API-docs/v1.1/delete-webhook/index.html index a01e779cf..86564105c 100644 --- a/docs/API-docs/v1.1/delete-webhook/index.html +++ b/docs/API-docs/v1.1/delete-webhook/index.html @@ -5,7 +5,7 @@ Delete Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.1/deletecontact/index.html b/docs/API-docs/v1.1/deletecontact/index.html index 17fc8e1c0..0593fc769 100644 --- a/docs/API-docs/v1.1/deletecontact/index.html +++ b/docs/API-docs/v1.1/deletecontact/index.html @@ -5,7 +5,7 @@ Delete Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.1/deletedocument/index.html b/docs/API-docs/v1.1/deletedocument/index.html index 93e63b2a4..9201241ac 100644 --- a/docs/API-docs/v1.1/deletedocument/index.html +++ b/docs/API-docs/v1.1/deletedocument/index.html @@ -5,7 +5,7 @@ Delete Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/deletefolder/index.html b/docs/API-docs/v1.1/deletefolder/index.html index 03b2c175e..6aee63285 100644 --- a/docs/API-docs/v1.1/deletefolder/index.html +++ b/docs/API-docs/v1.1/deletefolder/index.html @@ -5,7 +5,7 @@ Delete Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.1/draftdocument/index.html b/docs/API-docs/v1.1/draftdocument/index.html index bd10de91b..5564a649b 100644 --- a/docs/API-docs/v1.1/draftdocument/index.html +++ b/docs/API-docs/v1.1/draftdocument/index.html @@ -5,7 +5,7 @@ Draft Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/drafttemplate/index.html b/docs/API-docs/v1.1/drafttemplate/index.html index f2428d59b..66b7e5fe5 100644 --- a/docs/API-docs/v1.1/drafttemplate/index.html +++ b/docs/API-docs/v1.1/drafttemplate/index.html @@ -5,7 +5,7 @@ Draft Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/folderlist/index.html b/docs/API-docs/v1.1/folderlist/index.html index d9674cae1..b9ee8b961 100644 --- a/docs/API-docs/v1.1/folderlist/index.html +++ b/docs/API-docs/v1.1/folderlist/index.html @@ -5,7 +5,7 @@ Get folder list | OpenSign™ - + diff --git a/docs/API-docs/v1.1/get-template/index.html b/docs/API-docs/v1.1/get-template/index.html index 06bad07b5..0329f1f52 100644 --- a/docs/API-docs/v1.1/get-template/index.html +++ b/docs/API-docs/v1.1/get-template/index.html @@ -5,7 +5,7 @@ Get Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/get-user/index.html b/docs/API-docs/v1.1/get-user/index.html index 64c5bc915..d804964c2 100644 --- a/docs/API-docs/v1.1/get-user/index.html +++ b/docs/API-docs/v1.1/get-user/index.html @@ -5,7 +5,7 @@ Get your account details | OpenSign™ - + diff --git a/docs/API-docs/v1.1/get-webhook/index.html b/docs/API-docs/v1.1/get-webhook/index.html index c2a99a143..bcd95d5b5 100644 --- a/docs/API-docs/v1.1/get-webhook/index.html +++ b/docs/API-docs/v1.1/get-webhook/index.html @@ -5,7 +5,7 @@ Get Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getcontact/index.html b/docs/API-docs/v1.1/getcontact/index.html index f3bf100ad..e88507954 100644 --- a/docs/API-docs/v1.1/getcontact/index.html +++ b/docs/API-docs/v1.1/getcontact/index.html @@ -5,7 +5,7 @@ Get Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getcredits/index.html b/docs/API-docs/v1.1/getcredits/index.html index 61e272c40..5fd707375 100644 --- a/docs/API-docs/v1.1/getcredits/index.html +++ b/docs/API-docs/v1.1/getcredits/index.html @@ -5,7 +5,7 @@ Get your API credits | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getdocument/index.html b/docs/API-docs/v1.1/getdocument/index.html index 7cb3a5239..b679a6d3b 100644 --- a/docs/API-docs/v1.1/getdocument/index.html +++ b/docs/API-docs/v1.1/getdocument/index.html @@ -5,7 +5,7 @@ Get Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getdocumentlist/index.html b/docs/API-docs/v1.1/getdocumentlist/index.html index e7d2f3d1e..b4a06853c 100644 --- a/docs/API-docs/v1.1/getdocumentlist/index.html +++ b/docs/API-docs/v1.1/getdocumentlist/index.html @@ -5,7 +5,7 @@ Get Document list from status | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getfolder/index.html b/docs/API-docs/v1.1/getfolder/index.html index 3afc08bd8..10bcaddfb 100644 --- a/docs/API-docs/v1.1/getfolder/index.html +++ b/docs/API-docs/v1.1/getfolder/index.html @@ -5,7 +5,7 @@ Get Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getformdata/index.html b/docs/API-docs/v1.1/getformdata/index.html index 834677e5b..c28aacb7c 100644 --- a/docs/API-docs/v1.1/getformdata/index.html +++ b/docs/API-docs/v1.1/getformdata/index.html @@ -5,7 +5,7 @@ Get Formdata | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getsignerips/index.html b/docs/API-docs/v1.1/getsignerips/index.html index 0354f94da..04cca3a06 100644 --- a/docs/API-docs/v1.1/getsignerips/index.html +++ b/docs/API-docs/v1.1/getsignerips/index.html @@ -5,7 +5,7 @@ Get Signer IPs | OpenSign™ - + diff --git a/docs/API-docs/v1.1/getsigninglinks/index.html b/docs/API-docs/v1.1/getsigninglinks/index.html index e5a8f9cee..038e68508 100644 --- a/docs/API-docs/v1.1/getsigninglinks/index.html +++ b/docs/API-docs/v1.1/getsigninglinks/index.html @@ -5,7 +5,7 @@ Get Signing Links | OpenSign™ - + diff --git a/docs/API-docs/v1.1/gettemplatelist/index.html b/docs/API-docs/v1.1/gettemplatelist/index.html index e7919b686..4e2d4e9f4 100644 --- a/docs/API-docs/v1.1/gettemplatelist/index.html +++ b/docs/API-docs/v1.1/gettemplatelist/index.html @@ -5,7 +5,7 @@ Get Template list | OpenSign™ - + diff --git a/docs/API-docs/v1.1/index.html b/docs/API-docs/v1.1/index.html index 7eda0818b..0919606b6 100644 --- a/docs/API-docs/v1.1/index.html +++ b/docs/API-docs/v1.1/index.html @@ -5,7 +5,7 @@ OpenSign API v1.1 | OpenSign™ - + diff --git a/docs/API-docs/v1.1/intro/index.html b/docs/API-docs/v1.1/intro/index.html index 8ee3c0b38..2594d675a 100644 --- a/docs/API-docs/v1.1/intro/index.html +++ b/docs/API-docs/v1.1/intro/index.html @@ -5,7 +5,7 @@ Overview | OpenSign™ - + diff --git a/docs/API-docs/v1.1/opensign-api-v-1-1/index.html b/docs/API-docs/v1.1/opensign-api-v-1-1/index.html index f24790a28..2a01715c1 100644 --- a/docs/API-docs/v1.1/opensign-api-v-1-1/index.html +++ b/docs/API-docs/v1.1/opensign-api-v-1-1/index.html @@ -5,7 +5,7 @@ OpenSign API v1.1 | OpenSign™ - + diff --git a/docs/API-docs/v1.1/publictemplate/index.html b/docs/API-docs/v1.1/publictemplate/index.html index 20d9c7a97..5e7ec511f 100644 --- a/docs/API-docs/v1.1/publictemplate/index.html +++ b/docs/API-docs/v1.1/publictemplate/index.html @@ -5,7 +5,7 @@ Public Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/resendrequestmail/index.html b/docs/API-docs/v1.1/resendrequestmail/index.html index 97337edf5..37b3bbfa2 100644 --- a/docs/API-docs/v1.1/resendrequestmail/index.html +++ b/docs/API-docs/v1.1/resendrequestmail/index.html @@ -5,7 +5,7 @@ Resend request mail | OpenSign™ - + diff --git a/docs/API-docs/v1.1/revokedocument/index.html b/docs/API-docs/v1.1/revokedocument/index.html index d5fb4a4c4..097e1b637 100644 --- a/docs/API-docs/v1.1/revokedocument/index.html +++ b/docs/API-docs/v1.1/revokedocument/index.html @@ -5,7 +5,7 @@ Revoke Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/save-update-webhook/index.html b/docs/API-docs/v1.1/save-update-webhook/index.html index 9d8393070..07ff49a1a 100644 --- a/docs/API-docs/v1.1/save-update-webhook/index.html +++ b/docs/API-docs/v1.1/save-update-webhook/index.html @@ -5,7 +5,7 @@ Save or Update Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.1/selfsign/index.html b/docs/API-docs/v1.1/selfsign/index.html index ee057946d..956e9bd4c 100644 --- a/docs/API-docs/v1.1/selfsign/index.html +++ b/docs/API-docs/v1.1/selfsign/index.html @@ -5,7 +5,7 @@ Self Sign | OpenSign™ - + diff --git a/docs/API-docs/v1.1/update-contact/index.html b/docs/API-docs/v1.1/update-contact/index.html index 56677daf4..df81be2a3 100644 --- a/docs/API-docs/v1.1/update-contact/index.html +++ b/docs/API-docs/v1.1/update-contact/index.html @@ -5,7 +5,7 @@ Update Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.1/update-document/index.html b/docs/API-docs/v1.1/update-document/index.html index a755ef9b8..13df2c9b8 100644 --- a/docs/API-docs/v1.1/update-document/index.html +++ b/docs/API-docs/v1.1/update-document/index.html @@ -5,7 +5,7 @@ Update Document | OpenSign™ - + diff --git a/docs/API-docs/v1.1/update-template/index.html b/docs/API-docs/v1.1/update-template/index.html index d16366feb..fa39d2020 100644 --- a/docs/API-docs/v1.1/update-template/index.html +++ b/docs/API-docs/v1.1/update-template/index.html @@ -5,7 +5,7 @@ Update Template | OpenSign™ - + diff --git a/docs/API-docs/v1.1/updatefolder/index.html b/docs/API-docs/v1.1/updatefolder/index.html index 0a0776904..cd64c93ce 100644 --- a/docs/API-docs/v1.1/updatefolder/index.html +++ b/docs/API-docs/v1.1/updatefolder/index.html @@ -5,7 +5,7 @@ Update Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.2/contactlist/index.html b/docs/API-docs/v1.2/contactlist/index.html index c18b001f3..12c417a29 100644 --- a/docs/API-docs/v1.2/contactlist/index.html +++ b/docs/API-docs/v1.2/contactlist/index.html @@ -5,7 +5,7 @@ Get Contact list | OpenSign™ - + diff --git a/docs/API-docs/v1.2/createcontact/index.html b/docs/API-docs/v1.2/createcontact/index.html index ccbce5289..8d67ff714 100644 --- a/docs/API-docs/v1.2/createcontact/index.html +++ b/docs/API-docs/v1.2/createcontact/index.html @@ -5,7 +5,7 @@ Create Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.2/createdocument/index.html b/docs/API-docs/v1.2/createdocument/index.html index c65457020..42c636930 100644 --- a/docs/API-docs/v1.2/createdocument/index.html +++ b/docs/API-docs/v1.2/createdocument/index.html @@ -5,7 +5,7 @@ Create Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/createdocumentwithtemplateid/index.html b/docs/API-docs/v1.2/createdocumentwithtemplateid/index.html index ac75076eb..27b8c4d0b 100644 --- a/docs/API-docs/v1.2/createdocumentwithtemplateid/index.html +++ b/docs/API-docs/v1.2/createdocumentwithtemplateid/index.html @@ -5,7 +5,7 @@ Create Document from Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/createfolder/index.html b/docs/API-docs/v1.2/createfolder/index.html index 3a00f9643..1897d30ec 100644 --- a/docs/API-docs/v1.2/createfolder/index.html +++ b/docs/API-docs/v1.2/createfolder/index.html @@ -5,7 +5,7 @@ Create Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.2/createtemplate/index.html b/docs/API-docs/v1.2/createtemplate/index.html index 489613eb4..c040be196 100644 --- a/docs/API-docs/v1.2/createtemplate/index.html +++ b/docs/API-docs/v1.2/createtemplate/index.html @@ -5,7 +5,7 @@ Create Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/delete-template/index.html b/docs/API-docs/v1.2/delete-template/index.html index ecc5e5ba1..fd846592d 100644 --- a/docs/API-docs/v1.2/delete-template/index.html +++ b/docs/API-docs/v1.2/delete-template/index.html @@ -5,7 +5,7 @@ Delete Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/delete-webhook/index.html b/docs/API-docs/v1.2/delete-webhook/index.html index 2ccbdcef9..f14fa1a68 100644 --- a/docs/API-docs/v1.2/delete-webhook/index.html +++ b/docs/API-docs/v1.2/delete-webhook/index.html @@ -5,7 +5,7 @@ Delete Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.2/deletecontact/index.html b/docs/API-docs/v1.2/deletecontact/index.html index ce1733520..17a3c161a 100644 --- a/docs/API-docs/v1.2/deletecontact/index.html +++ b/docs/API-docs/v1.2/deletecontact/index.html @@ -5,7 +5,7 @@ Delete Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.2/deletedocument/index.html b/docs/API-docs/v1.2/deletedocument/index.html index e8ea49017..ffda5ba43 100644 --- a/docs/API-docs/v1.2/deletedocument/index.html +++ b/docs/API-docs/v1.2/deletedocument/index.html @@ -5,7 +5,7 @@ Delete Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/deletefolder/index.html b/docs/API-docs/v1.2/deletefolder/index.html index 8af2f8e38..021e910f0 100644 --- a/docs/API-docs/v1.2/deletefolder/index.html +++ b/docs/API-docs/v1.2/deletefolder/index.html @@ -5,7 +5,7 @@ Delete Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.2/draftdocument/index.html b/docs/API-docs/v1.2/draftdocument/index.html index 3fab98566..1b8576487 100644 --- a/docs/API-docs/v1.2/draftdocument/index.html +++ b/docs/API-docs/v1.2/draftdocument/index.html @@ -5,7 +5,7 @@ Draft Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/drafttemplate/index.html b/docs/API-docs/v1.2/drafttemplate/index.html index 1a76b89aa..99b8357c3 100644 --- a/docs/API-docs/v1.2/drafttemplate/index.html +++ b/docs/API-docs/v1.2/drafttemplate/index.html @@ -5,7 +5,7 @@ Draft Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/folderlist/index.html b/docs/API-docs/v1.2/folderlist/index.html index 8519e639b..4440543a5 100644 --- a/docs/API-docs/v1.2/folderlist/index.html +++ b/docs/API-docs/v1.2/folderlist/index.html @@ -5,7 +5,7 @@ Get folder list | OpenSign™ - + diff --git a/docs/API-docs/v1.2/get-template/index.html b/docs/API-docs/v1.2/get-template/index.html index b0c55017d..22af2d860 100644 --- a/docs/API-docs/v1.2/get-template/index.html +++ b/docs/API-docs/v1.2/get-template/index.html @@ -5,7 +5,7 @@ Get Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/get-user/index.html b/docs/API-docs/v1.2/get-user/index.html index 9146eb648..11d19bb14 100644 --- a/docs/API-docs/v1.2/get-user/index.html +++ b/docs/API-docs/v1.2/get-user/index.html @@ -5,7 +5,7 @@ Get your account details | OpenSign™ - + diff --git a/docs/API-docs/v1.2/get-webhook/index.html b/docs/API-docs/v1.2/get-webhook/index.html index 125ffa4fd..48c6d0253 100644 --- a/docs/API-docs/v1.2/get-webhook/index.html +++ b/docs/API-docs/v1.2/get-webhook/index.html @@ -5,7 +5,7 @@ Get Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getcontact/index.html b/docs/API-docs/v1.2/getcontact/index.html index 1e16b3e99..99032973c 100644 --- a/docs/API-docs/v1.2/getcontact/index.html +++ b/docs/API-docs/v1.2/getcontact/index.html @@ -5,7 +5,7 @@ Get Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getcredits/index.html b/docs/API-docs/v1.2/getcredits/index.html index dbedca356..fb3fba1fe 100644 --- a/docs/API-docs/v1.2/getcredits/index.html +++ b/docs/API-docs/v1.2/getcredits/index.html @@ -5,7 +5,7 @@ Get your API credits | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getdocument/index.html b/docs/API-docs/v1.2/getdocument/index.html index 58ab28813..8dfc77d2c 100644 --- a/docs/API-docs/v1.2/getdocument/index.html +++ b/docs/API-docs/v1.2/getdocument/index.html @@ -5,7 +5,7 @@ Get Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getdocumentlist/index.html b/docs/API-docs/v1.2/getdocumentlist/index.html index 4055efd7c..83ca85f2b 100644 --- a/docs/API-docs/v1.2/getdocumentlist/index.html +++ b/docs/API-docs/v1.2/getdocumentlist/index.html @@ -5,7 +5,7 @@ Get Document list from status | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getfolder/index.html b/docs/API-docs/v1.2/getfolder/index.html index 46c63b9a3..b59d1e19f 100644 --- a/docs/API-docs/v1.2/getfolder/index.html +++ b/docs/API-docs/v1.2/getfolder/index.html @@ -5,7 +5,7 @@ Get Folder | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getformdata/index.html b/docs/API-docs/v1.2/getformdata/index.html index a76d63747..2734eb805 100644 --- a/docs/API-docs/v1.2/getformdata/index.html +++ b/docs/API-docs/v1.2/getformdata/index.html @@ -5,7 +5,7 @@ Get Formdata | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getsignerips/index.html b/docs/API-docs/v1.2/getsignerips/index.html index de1d6a364..2c90c0efa 100644 --- a/docs/API-docs/v1.2/getsignerips/index.html +++ b/docs/API-docs/v1.2/getsignerips/index.html @@ -5,7 +5,7 @@ Get Signer IPs | OpenSign™ - + diff --git a/docs/API-docs/v1.2/getsigninglinks/index.html b/docs/API-docs/v1.2/getsigninglinks/index.html index 1b3365007..e952cd79a 100644 --- a/docs/API-docs/v1.2/getsigninglinks/index.html +++ b/docs/API-docs/v1.2/getsigninglinks/index.html @@ -5,7 +5,7 @@ Get Signing Links | OpenSign™ - + diff --git a/docs/API-docs/v1.2/gettemplatelist/index.html b/docs/API-docs/v1.2/gettemplatelist/index.html index 6dd1f7fff..b3eedf676 100644 --- a/docs/API-docs/v1.2/gettemplatelist/index.html +++ b/docs/API-docs/v1.2/gettemplatelist/index.html @@ -5,7 +5,7 @@ Get Template list | OpenSign™ - + diff --git a/docs/API-docs/v1.2/index.html b/docs/API-docs/v1.2/index.html index b90b998a1..bdd8a0bd5 100644 --- a/docs/API-docs/v1.2/index.html +++ b/docs/API-docs/v1.2/index.html @@ -5,7 +5,7 @@ OpenSign API v1.2 | OpenSign™ - + diff --git a/docs/API-docs/v1.2/intro/index.html b/docs/API-docs/v1.2/intro/index.html index 78469bbdd..e8f0e7a5c 100644 --- a/docs/API-docs/v1.2/intro/index.html +++ b/docs/API-docs/v1.2/intro/index.html @@ -5,7 +5,7 @@ Overview | OpenSign™ - + diff --git a/docs/API-docs/v1.2/opensign-api-v-1-2/index.html b/docs/API-docs/v1.2/opensign-api-v-1-2/index.html index bc5234205..378b52618 100644 --- a/docs/API-docs/v1.2/opensign-api-v-1-2/index.html +++ b/docs/API-docs/v1.2/opensign-api-v-1-2/index.html @@ -5,7 +5,7 @@ OpenSign API v1.2 | OpenSign™ - + diff --git a/docs/API-docs/v1.2/publictemplate/index.html b/docs/API-docs/v1.2/publictemplate/index.html index 9d8f72091..cf931601c 100644 --- a/docs/API-docs/v1.2/publictemplate/index.html +++ b/docs/API-docs/v1.2/publictemplate/index.html @@ -5,7 +5,7 @@ Public Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/resendrequestmail/index.html b/docs/API-docs/v1.2/resendrequestmail/index.html index ce6045026..6c67d1991 100644 --- a/docs/API-docs/v1.2/resendrequestmail/index.html +++ b/docs/API-docs/v1.2/resendrequestmail/index.html @@ -5,7 +5,7 @@ Resend request mail | OpenSign™ - + diff --git a/docs/API-docs/v1.2/revokedocument/index.html b/docs/API-docs/v1.2/revokedocument/index.html index 233e483c0..d3d3f427d 100644 --- a/docs/API-docs/v1.2/revokedocument/index.html +++ b/docs/API-docs/v1.2/revokedocument/index.html @@ -5,7 +5,7 @@ Revoke Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/save-update-webhook/index.html b/docs/API-docs/v1.2/save-update-webhook/index.html index fee63c702..6e3e0e399 100644 --- a/docs/API-docs/v1.2/save-update-webhook/index.html +++ b/docs/API-docs/v1.2/save-update-webhook/index.html @@ -5,7 +5,7 @@ Save or Update Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1.2/selfsign/index.html b/docs/API-docs/v1.2/selfsign/index.html index 0aeb47497..222bc4bec 100644 --- a/docs/API-docs/v1.2/selfsign/index.html +++ b/docs/API-docs/v1.2/selfsign/index.html @@ -5,7 +5,7 @@ Self Sign | OpenSign™ - + diff --git a/docs/API-docs/v1.2/update-contact/index.html b/docs/API-docs/v1.2/update-contact/index.html index 48e5d8a28..add16dd22 100644 --- a/docs/API-docs/v1.2/update-contact/index.html +++ b/docs/API-docs/v1.2/update-contact/index.html @@ -5,7 +5,7 @@ Update Contact | OpenSign™ - + diff --git a/docs/API-docs/v1.2/update-document/index.html b/docs/API-docs/v1.2/update-document/index.html index 7eb2ddb70..378044672 100644 --- a/docs/API-docs/v1.2/update-document/index.html +++ b/docs/API-docs/v1.2/update-document/index.html @@ -5,7 +5,7 @@ Update Document | OpenSign™ - + diff --git a/docs/API-docs/v1.2/update-template/index.html b/docs/API-docs/v1.2/update-template/index.html index 32bf448a7..3ead2e706 100644 --- a/docs/API-docs/v1.2/update-template/index.html +++ b/docs/API-docs/v1.2/update-template/index.html @@ -5,7 +5,7 @@ Update Template | OpenSign™ - + diff --git a/docs/API-docs/v1.2/updatefolder/index.html b/docs/API-docs/v1.2/updatefolder/index.html index 3247bca80..28d217257 100644 --- a/docs/API-docs/v1.2/updatefolder/index.html +++ b/docs/API-docs/v1.2/updatefolder/index.html @@ -5,7 +5,7 @@ Update Folder | OpenSign™ - + diff --git a/docs/API-docs/v1/contactlist/index.html b/docs/API-docs/v1/contactlist/index.html index c80e1791b..9d65fb6e3 100644 --- a/docs/API-docs/v1/contactlist/index.html +++ b/docs/API-docs/v1/contactlist/index.html @@ -5,7 +5,7 @@ Get Contact list | OpenSign™ - + diff --git a/docs/API-docs/v1/createcontact/index.html b/docs/API-docs/v1/createcontact/index.html index a90f0f2fb..8ab4d698f 100644 --- a/docs/API-docs/v1/createcontact/index.html +++ b/docs/API-docs/v1/createcontact/index.html @@ -5,7 +5,7 @@ Create Contact | OpenSign™ - + diff --git a/docs/API-docs/v1/createdocument/index.html b/docs/API-docs/v1/createdocument/index.html index 3caeee0dd..b671b959d 100644 --- a/docs/API-docs/v1/createdocument/index.html +++ b/docs/API-docs/v1/createdocument/index.html @@ -5,7 +5,7 @@ Create Document | OpenSign™ - + diff --git a/docs/API-docs/v1/createdocumentwithtemplateid/index.html b/docs/API-docs/v1/createdocumentwithtemplateid/index.html index 14ab6f90b..35af4daf3 100644 --- a/docs/API-docs/v1/createdocumentwithtemplateid/index.html +++ b/docs/API-docs/v1/createdocumentwithtemplateid/index.html @@ -5,7 +5,7 @@ Create Document from Template | OpenSign™ - + diff --git a/docs/API-docs/v1/createfolder/index.html b/docs/API-docs/v1/createfolder/index.html index d57ddcac0..f5b041d4b 100644 --- a/docs/API-docs/v1/createfolder/index.html +++ b/docs/API-docs/v1/createfolder/index.html @@ -5,7 +5,7 @@ Create Folder | OpenSign™ - + diff --git a/docs/API-docs/v1/createtemplate/index.html b/docs/API-docs/v1/createtemplate/index.html index 089c4072d..10985e076 100644 --- a/docs/API-docs/v1/createtemplate/index.html +++ b/docs/API-docs/v1/createtemplate/index.html @@ -5,7 +5,7 @@ Create Template | OpenSign™ - + diff --git a/docs/API-docs/v1/delete-template/index.html b/docs/API-docs/v1/delete-template/index.html index 6ad1282bd..4e109cb9a 100644 --- a/docs/API-docs/v1/delete-template/index.html +++ b/docs/API-docs/v1/delete-template/index.html @@ -5,7 +5,7 @@ Delete Template | OpenSign™ - + diff --git a/docs/API-docs/v1/delete-webhook/index.html b/docs/API-docs/v1/delete-webhook/index.html index 0e556f32c..546748f4e 100644 --- a/docs/API-docs/v1/delete-webhook/index.html +++ b/docs/API-docs/v1/delete-webhook/index.html @@ -5,7 +5,7 @@ Delete Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1/deletecontact/index.html b/docs/API-docs/v1/deletecontact/index.html index 4c3049412..e5eafa277 100644 --- a/docs/API-docs/v1/deletecontact/index.html +++ b/docs/API-docs/v1/deletecontact/index.html @@ -5,7 +5,7 @@ Delete Contact | OpenSign™ - + diff --git a/docs/API-docs/v1/deletedocument/index.html b/docs/API-docs/v1/deletedocument/index.html index 54a0eb9c9..c4fea474a 100644 --- a/docs/API-docs/v1/deletedocument/index.html +++ b/docs/API-docs/v1/deletedocument/index.html @@ -5,7 +5,7 @@ Delete Document | OpenSign™ - + diff --git a/docs/API-docs/v1/deletefolder/index.html b/docs/API-docs/v1/deletefolder/index.html index 037fea96b..8610a585e 100644 --- a/docs/API-docs/v1/deletefolder/index.html +++ b/docs/API-docs/v1/deletefolder/index.html @@ -5,7 +5,7 @@ Delete Folder | OpenSign™ - + diff --git a/docs/API-docs/v1/draftdocument/index.html b/docs/API-docs/v1/draftdocument/index.html index 23d94c368..ce79df2b8 100644 --- a/docs/API-docs/v1/draftdocument/index.html +++ b/docs/API-docs/v1/draftdocument/index.html @@ -5,7 +5,7 @@ Draft Document | OpenSign™ - + diff --git a/docs/API-docs/v1/drafttemplate/index.html b/docs/API-docs/v1/drafttemplate/index.html index c7d0041af..d003d137c 100644 --- a/docs/API-docs/v1/drafttemplate/index.html +++ b/docs/API-docs/v1/drafttemplate/index.html @@ -5,7 +5,7 @@ Draft Template | OpenSign™ - + diff --git a/docs/API-docs/v1/folderlist/index.html b/docs/API-docs/v1/folderlist/index.html index c2c363f0c..536147562 100644 --- a/docs/API-docs/v1/folderlist/index.html +++ b/docs/API-docs/v1/folderlist/index.html @@ -5,7 +5,7 @@ Get folder list | OpenSign™ - + diff --git a/docs/API-docs/v1/get-template/index.html b/docs/API-docs/v1/get-template/index.html index 431463936..b8e7deb3c 100644 --- a/docs/API-docs/v1/get-template/index.html +++ b/docs/API-docs/v1/get-template/index.html @@ -5,7 +5,7 @@ Get Template | OpenSign™ - + diff --git a/docs/API-docs/v1/get-user/index.html b/docs/API-docs/v1/get-user/index.html index 23ffc078a..83d7a38cf 100644 --- a/docs/API-docs/v1/get-user/index.html +++ b/docs/API-docs/v1/get-user/index.html @@ -5,7 +5,7 @@ Get your account details | OpenSign™ - + diff --git a/docs/API-docs/v1/get-webhook/index.html b/docs/API-docs/v1/get-webhook/index.html index c696d9887..2642626af 100644 --- a/docs/API-docs/v1/get-webhook/index.html +++ b/docs/API-docs/v1/get-webhook/index.html @@ -5,7 +5,7 @@ Get Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1/getcontact/index.html b/docs/API-docs/v1/getcontact/index.html index 071fb2892..e763c86e6 100644 --- a/docs/API-docs/v1/getcontact/index.html +++ b/docs/API-docs/v1/getcontact/index.html @@ -5,7 +5,7 @@ Get Contact | OpenSign™ - + diff --git a/docs/API-docs/v1/getdocument/index.html b/docs/API-docs/v1/getdocument/index.html index 0d7338f69..0ee7eb6c4 100644 --- a/docs/API-docs/v1/getdocument/index.html +++ b/docs/API-docs/v1/getdocument/index.html @@ -5,7 +5,7 @@ Get Document | OpenSign™ - + diff --git a/docs/API-docs/v1/getdocumentlist/index.html b/docs/API-docs/v1/getdocumentlist/index.html index a6797e087..5a43d0ab4 100644 --- a/docs/API-docs/v1/getdocumentlist/index.html +++ b/docs/API-docs/v1/getdocumentlist/index.html @@ -5,7 +5,7 @@ Get Document list from status | OpenSign™ - + diff --git a/docs/API-docs/v1/getfolder/index.html b/docs/API-docs/v1/getfolder/index.html index 0fa521420..22be08cd6 100644 --- a/docs/API-docs/v1/getfolder/index.html +++ b/docs/API-docs/v1/getfolder/index.html @@ -5,7 +5,7 @@ Get Folder | OpenSign™ - + diff --git a/docs/API-docs/v1/gettemplatelist/index.html b/docs/API-docs/v1/gettemplatelist/index.html index 112a97e15..53248d63d 100644 --- a/docs/API-docs/v1/gettemplatelist/index.html +++ b/docs/API-docs/v1/gettemplatelist/index.html @@ -5,7 +5,7 @@ Get Template list | OpenSign™ - + diff --git a/docs/API-docs/v1/index.html b/docs/API-docs/v1/index.html index d58d5257d..75fd67951 100644 --- a/docs/API-docs/v1/index.html +++ b/docs/API-docs/v1/index.html @@ -5,7 +5,7 @@ OpenSign API v1 | OpenSign™ - + diff --git a/docs/API-docs/v1/intro/index.html b/docs/API-docs/v1/intro/index.html index 2e74bfeab..e7b649f73 100644 --- a/docs/API-docs/v1/intro/index.html +++ b/docs/API-docs/v1/intro/index.html @@ -5,7 +5,7 @@ Overview | OpenSign™ - + diff --git a/docs/API-docs/v1/opensign-api-v-1/index.html b/docs/API-docs/v1/opensign-api-v-1/index.html index 880c40272..818da4dc5 100644 --- a/docs/API-docs/v1/opensign-api-v-1/index.html +++ b/docs/API-docs/v1/opensign-api-v-1/index.html @@ -5,7 +5,7 @@ OpenSign API v1 | OpenSign™ - + diff --git a/docs/API-docs/v1/resendrequestmail/index.html b/docs/API-docs/v1/resendrequestmail/index.html index 4641b08dd..96bf3de28 100644 --- a/docs/API-docs/v1/resendrequestmail/index.html +++ b/docs/API-docs/v1/resendrequestmail/index.html @@ -5,7 +5,7 @@ Resend request mail | OpenSign™ - + diff --git a/docs/API-docs/v1/revokedocument/index.html b/docs/API-docs/v1/revokedocument/index.html index 6b867c70f..ba6812324 100644 --- a/docs/API-docs/v1/revokedocument/index.html +++ b/docs/API-docs/v1/revokedocument/index.html @@ -5,7 +5,7 @@ Revoke Document | OpenSign™ - + diff --git a/docs/API-docs/v1/save-update-webhook/index.html b/docs/API-docs/v1/save-update-webhook/index.html index 6825f1869..b22fbe203 100644 --- a/docs/API-docs/v1/save-update-webhook/index.html +++ b/docs/API-docs/v1/save-update-webhook/index.html @@ -5,7 +5,7 @@ Save or Update Webhook | OpenSign™ - + diff --git a/docs/API-docs/v1/selfsign/index.html b/docs/API-docs/v1/selfsign/index.html index 54cc2c733..e836e438f 100644 --- a/docs/API-docs/v1/selfsign/index.html +++ b/docs/API-docs/v1/selfsign/index.html @@ -5,7 +5,7 @@ Self Sign | OpenSign™ - + diff --git a/docs/API-docs/v1/update-document/index.html b/docs/API-docs/v1/update-document/index.html index 41cd6c782..c70635832 100644 --- a/docs/API-docs/v1/update-document/index.html +++ b/docs/API-docs/v1/update-document/index.html @@ -5,7 +5,7 @@ Update Document | OpenSign™ - + diff --git a/docs/API-docs/v1/update-template/index.html b/docs/API-docs/v1/update-template/index.html index 828b31362..ad2a328ea 100644 --- a/docs/API-docs/v1/update-template/index.html +++ b/docs/API-docs/v1/update-template/index.html @@ -5,7 +5,7 @@ Update Template | OpenSign™ - + diff --git a/docs/API-docs/v1/updatefolder/index.html b/docs/API-docs/v1/updatefolder/index.html index 96a33e144..c9a1cccfd 100644 --- a/docs/API-docs/v1/updatefolder/index.html +++ b/docs/API-docs/v1/updatefolder/index.html @@ -5,7 +5,7 @@ Update Folder | OpenSign™ - + diff --git a/docs/category/cloud-storage/index.html b/docs/category/cloud-storage/index.html index 0a7accb17..b09918782 100644 --- a/docs/category/cloud-storage/index.html +++ b/docs/category/cloud-storage/index.html @@ -5,7 +5,7 @@ Cloud Storage | OpenSign™ - + diff --git a/docs/category/console/index.html b/docs/category/console/index.html index 44c9e5543..6c5a2554f 100644 --- a/docs/category/console/index.html +++ b/docs/category/console/index.html @@ -5,7 +5,7 @@ Console | OpenSign™ - + diff --git a/docs/category/create-new-opensign-document/index.html b/docs/category/create-new-opensign-document/index.html index ca636b865..2bf8b3b31 100644 --- a/docs/category/create-new-opensign-document/index.html +++ b/docs/category/create-new-opensign-document/index.html @@ -5,7 +5,7 @@ Create New OpenSign Document | OpenSign™ - + diff --git a/docs/category/docker/index.html b/docs/category/docker/index.html index 25e17db22..7a25860d6 100644 --- a/docs/category/docker/index.html +++ b/docs/category/docker/index.html @@ -5,7 +5,7 @@ Docker | OpenSign™ - + diff --git a/docs/category/documents/index.html b/docs/category/documents/index.html index 51c4d2931..beb719fee 100644 --- a/docs/category/documents/index.html +++ b/docs/category/documents/index.html @@ -5,7 +5,7 @@ Documents | OpenSign™ - + diff --git a/docs/category/faqs/index.html b/docs/category/faqs/index.html index 8c5cd838c..3f81f784d 100644 --- a/docs/category/faqs/index.html +++ b/docs/category/faqs/index.html @@ -5,7 +5,7 @@ FAQs | OpenSign™ - + diff --git a/docs/category/guides/index.html b/docs/category/guides/index.html index e7c5e8ca8..4aa5e3ff2 100644 --- a/docs/category/guides/index.html +++ b/docs/category/guides/index.html @@ -5,7 +5,7 @@ Guides | OpenSign™ - + diff --git a/docs/category/manage-docs-using-opensign-drive/index.html b/docs/category/manage-docs-using-opensign-drive/index.html index 148243b22..be65bb430 100644 --- a/docs/category/manage-docs-using-opensign-drive/index.html +++ b/docs/category/manage-docs-using-opensign-drive/index.html @@ -5,7 +5,7 @@ Manage Docs using OpenSign™ Drive | OpenSign™ - + diff --git a/docs/category/settings/index.html b/docs/category/settings/index.html index 2140accab..46da078ff 100644 --- a/docs/category/settings/index.html +++ b/docs/category/settings/index.html @@ -5,7 +5,7 @@ Settings | OpenSign™ - + diff --git a/docs/category/templates/index.html b/docs/category/templates/index.html index cb97c5a60..51d24371f 100644 --- a/docs/category/templates/index.html +++ b/docs/category/templates/index.html @@ -5,7 +5,7 @@ Templates | OpenSign™ - + diff --git a/docs/category/user-menu/index.html b/docs/category/user-menu/index.html index 1240a426e..33912ce31 100644 --- a/docs/category/user-menu/index.html +++ b/docs/category/user-menu/index.html @@ -5,7 +5,7 @@ User Menu | OpenSign™ - + diff --git a/docs/contribute/CODE_OF_CONDUCT/index.html b/docs/contribute/CODE_OF_CONDUCT/index.html index a06249bb2..c1ddc7c5d 100644 --- a/docs/contribute/CODE_OF_CONDUCT/index.html +++ b/docs/contribute/CODE_OF_CONDUCT/index.html @@ -5,7 +5,7 @@ Code of conduct | OpenSign™ - + diff --git a/docs/contribute/COMMUNITY/index.html b/docs/contribute/COMMUNITY/index.html index 968426d0e..cc4c900ff 100644 --- a/docs/contribute/COMMUNITY/index.html +++ b/docs/contribute/COMMUNITY/index.html @@ -5,7 +5,7 @@ Community at OpenSign™ | OpenSign™ - + diff --git a/docs/contribute/INSTALLATION/index.html b/docs/contribute/INSTALLATION/index.html index 127cd4adb..f599d72e9 100644 --- a/docs/contribute/INSTALLATION/index.html +++ b/docs/contribute/INSTALLATION/index.html @@ -5,7 +5,7 @@ Installation instructions | OpenSign™ - + diff --git a/docs/contribute/REPORTING_GUIDELINES/index.html b/docs/contribute/REPORTING_GUIDELINES/index.html index 03c0c01f2..5166c3d66 100644 --- a/docs/contribute/REPORTING_GUIDELINES/index.html +++ b/docs/contribute/REPORTING_GUIDELINES/index.html @@ -5,7 +5,7 @@ OpenSign™ Reporting Guidelines | OpenSign™ - + diff --git a/docs/contribute/intro/index.html b/docs/contribute/intro/index.html index e41c0e792..3cb6f32df 100644 --- a/docs/contribute/intro/index.html +++ b/docs/contribute/intro/index.html @@ -5,7 +5,7 @@ Contributing to OpenSign | OpenSign™ - + diff --git a/docs/help/FAQs/Credit-Deductions/index.html b/docs/help/FAQs/Credit-Deductions/index.html index f5470bc7e..5c9245662 100644 --- a/docs/help/FAQs/Credit-Deductions/index.html +++ b/docs/help/FAQs/Credit-Deductions/index.html @@ -5,7 +5,7 @@ Credit-Deductions | OpenSign™ - + diff --git a/docs/help/FAQs/Ensure this field is accurately filled and meets all requirements/index.html b/docs/help/FAQs/Ensure this field is accurately filled and meets all requirements/index.html index e2ca18463..ce87ed02e 100644 --- a/docs/help/FAQs/Ensure this field is accurately filled and meets all requirements/index.html +++ b/docs/help/FAQs/Ensure this field is accurately filled and meets all requirements/index.html @@ -5,7 +5,7 @@ Why am I getting 'Ensure this field is accurately filled and meets all requirements'? | OpenSign™ - + diff --git a/docs/help/FAQs/Max File Upload Size/index.html b/docs/help/FAQs/Max File Upload Size/index.html index 725f7bfde..e2f6e1f0a 100644 --- a/docs/help/FAQs/Max File Upload Size/index.html +++ b/docs/help/FAQs/Max File Upload Size/index.html @@ -5,7 +5,7 @@ Max File Upload Size | OpenSign™ - + diff --git a/docs/help/FAQs/User Deletion/index.html b/docs/help/FAQs/User Deletion/index.html index 0e78aabe0..cb0de4d51 100644 --- a/docs/help/FAQs/User Deletion/index.html +++ b/docs/help/FAQs/User Deletion/index.html @@ -5,7 +5,7 @@ User Deletion | OpenSign™ - + diff --git a/docs/help/FAQs/index.html b/docs/help/FAQs/index.html index 31c1405af..059e990ef 100644 --- a/docs/help/FAQs/index.html +++ b/docs/help/FAQs/index.html @@ -5,7 +5,7 @@ Why is there no dropdown list when I sign a document myself? | OpenSign™ - + diff --git a/docs/help/New-Document/conditional_logic/index.html b/docs/help/New-Document/conditional_logic/index.html index 54fef973c..2e3fd3ee1 100644 --- a/docs/help/New-Document/conditional_logic/index.html +++ b/docs/help/New-Document/conditional_logic/index.html @@ -5,7 +5,7 @@ Conditional logic | OpenSign™ - + @@ -86,33 +86,33 @@

Result

If any one of the configured conditions is true, the selected action is performed.


-

Text Input as the Trigger Widget

+

Text Input as the Trigger Widget

The Text Input widget can control another Text Input widget.

-

Supported Operators

+

Supported Operators

  • Equals
  • Does Not Equal

-

Show this Field

+

Show this Field

Configuration

PropertyValue
Trigger WidgetText Input
ConditionEquals
ValueHR
ActionShow this field

Result

When the signer enters HR, the configured Text Input field is displayed.


-

Show this Field (Does Not Equal)

+

Show this Field (Does Not Equal)

Configuration

PropertyValue
Trigger WidgetText Input
ConditionDoes Not Equal
ValueHR
ActionShow this field

Result

The Text Input field is displayed whenever the entered value is anything other than HR.


-

Hide this Field

+

Hide this Field

Configuration

PropertyValue
Trigger WidgetText Input
ConditionEquals
ValueHR
ActionHide this field

Result

When the signer enters HR, the configured Text Input field is hidden.


-

Make Required

+

Make Required

Configuration

PropertyValue
Trigger WidgetText Input
ConditionEquals
ValueHR
ActionMake Required

Result

@@ -138,25 +138,25 @@

Result

When the signer enters 5 in the Number widget, the configured Text Input field is displayed.


-

Show this Field (Does Not Equal)

+

Show this Field (Does Not Equal)

Configuration

PropertyValue
Trigger WidgetNumber
ConditionDoes Not Equal
Value5
ActionShow this field

Result

The Text Input field is displayed whenever the entered number is not equal to 5.


-

Hide this Field

+

Hide this Field

Configuration

PropertyValue
Trigger WidgetNumber
ConditionEquals
Value5
ActionHide this field

Result

When the signer enters 5, the configured Text Input field is hidden.


-

Make Required

+

Make Required

Configuration

PropertyValue
Trigger WidgetNumber
ConditionEquals
Value5
ActionMake Required

Result

The Text Input field becomes mandatory only when the Number widget contains 5.


-

Make Optional

+

Make Optional

Configuration

PropertyValue
Trigger WidgetNumber
ConditionEquals
Value5
ActionMake Optional

Result

@@ -339,13 +339,13 @@

Number Widget Triggered by a Text Input

The Number widget can be controlled using values entered in a Text Input widget.

-

Supported Operators

+

Supported Operators

  • Equals
  • Does Not Equal

-

Show this Field

+

Show this Field

Configuration

PropertyValue
Trigger WidgetText Input
ConditionEquals
ValueHR
ActionShow this field

Result

@@ -371,7 +371,7 @@

Number Widget Triggered by Another Number Widget

A Number widget can control another Number widget.

-

Supported Operators

+

Supported Operators

  • Equals
  • Does Not Equal
  • @@ -1277,6 +1277,6 @@
  • Multiple Conditional Logic rules can be configured for the same Radio Button widget.
  • Radio Button widgets support Equals and Does Not Equal operators when comparing the selected option.
-
  
If you require more help, feel free to reach out to our customer support on support@opensignlabs.com.

Happy signing with OpenSign™!
+
  
If you require more help, feel free to reach out to our customer support on support@opensignlabs.com.

Happy signing with OpenSign™!
\ No newline at end of file diff --git a/docs/help/New-Document/edit-document-before-sending/index.html b/docs/help/New-Document/edit-document-before-sending/index.html index 0e391a509..a91588d3f 100644 --- a/docs/help/New-Document/edit-document-before-sending/index.html +++ b/docs/help/New-Document/edit-document-before-sending/index.html @@ -5,7 +5,7 @@ Editing Your Document Before Sending | OpenSign™ - + diff --git a/docs/help/New-Document/enforce-email-verification/index.html b/docs/help/New-Document/enforce-email-verification/index.html index abed94567..e102a7a3b 100644 --- a/docs/help/New-Document/enforce-email-verification/index.html +++ b/docs/help/New-Document/enforce-email-verification/index.html @@ -5,7 +5,7 @@ Enforce email OTP verification | OpenSign™ - + diff --git a/docs/help/New-Document/request-signatures/index.html b/docs/help/New-Document/request-signatures/index.html index 8095f3725..7fb43b270 100644 --- a/docs/help/New-Document/request-signatures/index.html +++ b/docs/help/New-Document/request-signatures/index.html @@ -5,7 +5,7 @@ Request signatures | OpenSign™ - + @@ -428,9 +428,9 @@ Then Show TextInput1

The Text Input widget also supports Conditional Logic using the following trigger widgets:

Additional Widget Options

    @@ -548,16 +548,19 @@ Then Show TextInput1

    The Number widget also supports Conditional Logic using the following trigger widgets:

    Additional Widget Options

    @@ -698,19 +701,19 @@ Then Show TextInput1

    The Checkbox widget also supports Conditional Logic using the following trigger widgets:

    Additional Widget Options

    @@ -796,19 +799,19 @@ Then Show TextInput1

    The Dropdown widget also supports Conditional Logic using the following trigger widgets:

    Additional Widget Options

    @@ -925,19 +928,19 @@ Then Show TextInput1

    The Radio Button widget also supports Conditional Logic using the following trigger widgets:

    Additional Widget Options

    diff --git a/docs/help/New-Document/sign-yourself/index.html b/docs/help/New-Document/sign-yourself/index.html index 54bd21ef3..2793455a0 100644 --- a/docs/help/New-Document/sign-yourself/index.html +++ b/docs/help/New-Document/sign-yourself/index.html @@ -5,7 +5,7 @@ Sign your-self | OpenSign™ - + diff --git a/docs/help/New-Document/widgets/index.html b/docs/help/New-Document/widgets/index.html index b4f3c9c71..a7fe0f387 100644 --- a/docs/help/New-Document/widgets/index.html +++ b/docs/help/New-Document/widgets/index.html @@ -5,7 +5,7 @@ Widgets in OpenSign | OpenSign™ - + diff --git a/docs/help/OpenSign™ Drive/create-document/index.html b/docs/help/OpenSign™ Drive/create-document/index.html index 59e94ae1a..590bed31f 100644 --- a/docs/help/OpenSign™ Drive/create-document/index.html +++ b/docs/help/OpenSign™ Drive/create-document/index.html @@ -5,7 +5,7 @@ Create Docs & Folders | OpenSign™ - + diff --git a/docs/help/OpenSign™ Drive/list-grid-view/index.html b/docs/help/OpenSign™ Drive/list-grid-view/index.html index 0c5a8f92f..288768640 100644 --- a/docs/help/OpenSign™ Drive/list-grid-view/index.html +++ b/docs/help/OpenSign™ Drive/list-grid-view/index.html @@ -5,7 +5,7 @@ Grid vs List view | OpenSign™ - + diff --git a/docs/help/OpenSign™ Drive/organize-documents/index.html b/docs/help/OpenSign™ Drive/organize-documents/index.html index 201afecee..771586b40 100644 --- a/docs/help/OpenSign™ Drive/organize-documents/index.html +++ b/docs/help/OpenSign™ Drive/organize-documents/index.html @@ -5,7 +5,7 @@ OpenSign™ Drive Interface Documentation | OpenSign™ - + diff --git a/docs/help/OpenSign™ Drive/rename-document/index.html b/docs/help/OpenSign™ Drive/rename-document/index.html index 5899d7751..b8c39377a 100644 --- a/docs/help/OpenSign™ Drive/rename-document/index.html +++ b/docs/help/OpenSign™ Drive/rename-document/index.html @@ -5,7 +5,7 @@ Rename documents from OpenSign™ Drive | OpenSign™ - + diff --git a/docs/help/Reports/completed/index.html b/docs/help/Reports/completed/index.html index e1d258676..39571c7a4 100644 --- a/docs/help/Reports/completed/index.html +++ b/docs/help/Reports/completed/index.html @@ -5,7 +5,7 @@ Completed | OpenSign™ - + diff --git a/docs/help/Reports/contactbook/index.html b/docs/help/Reports/contactbook/index.html index f36a96862..2b3db1465 100644 --- a/docs/help/Reports/contactbook/index.html +++ b/docs/help/Reports/contactbook/index.html @@ -5,7 +5,7 @@ Contactbook | OpenSign™ - + diff --git a/docs/help/Reports/declined/index.html b/docs/help/Reports/declined/index.html index a6147a2a7..b5b14bf8d 100644 --- a/docs/help/Reports/declined/index.html +++ b/docs/help/Reports/declined/index.html @@ -5,7 +5,7 @@ Declined | OpenSign™ - + diff --git a/docs/help/Reports/drafts/index.html b/docs/help/Reports/drafts/index.html index 9e9586f95..fa95dad3f 100644 --- a/docs/help/Reports/drafts/index.html +++ b/docs/help/Reports/drafts/index.html @@ -5,7 +5,7 @@ Drafts | OpenSign™ - + diff --git a/docs/help/Reports/expired/index.html b/docs/help/Reports/expired/index.html index cc8cc8802..fea9ab449 100644 --- a/docs/help/Reports/expired/index.html +++ b/docs/help/Reports/expired/index.html @@ -5,7 +5,7 @@ Expired | OpenSign™ - + diff --git a/docs/help/Reports/in-progress/index.html b/docs/help/Reports/in-progress/index.html index 0b3c787b9..101f5fcc1 100644 --- a/docs/help/Reports/in-progress/index.html +++ b/docs/help/Reports/in-progress/index.html @@ -5,7 +5,7 @@ In Progress | OpenSign™ - + diff --git a/docs/help/Reports/need-your-sign/index.html b/docs/help/Reports/need-your-sign/index.html index 2fa5cff49..663fc6014 100644 --- a/docs/help/Reports/need-your-sign/index.html +++ b/docs/help/Reports/need-your-sign/index.html @@ -5,7 +5,7 @@ Need your sign | OpenSign™ - + diff --git a/docs/help/Settings/APIToken/index.html b/docs/help/Settings/APIToken/index.html index 7752c581a..c88883e84 100644 --- a/docs/help/Settings/APIToken/index.html +++ b/docs/help/Settings/APIToken/index.html @@ -5,7 +5,7 @@ API Token | OpenSign™ - + diff --git a/docs/help/Settings/Custom-email-templates/index.html b/docs/help/Settings/Custom-email-templates/index.html index 324b81d4f..9a694786a 100644 --- a/docs/help/Settings/Custom-email-templates/index.html +++ b/docs/help/Settings/Custom-email-templates/index.html @@ -5,7 +5,7 @@ Custom email templates | OpenSign™ - + diff --git a/docs/help/Settings/Preferences/index.html b/docs/help/Settings/Preferences/index.html index 5b11ebbdf..4f11468ef 100644 --- a/docs/help/Settings/Preferences/index.html +++ b/docs/help/Settings/Preferences/index.html @@ -5,7 +5,7 @@ Preferences | OpenSign™ - + diff --git a/docs/help/Settings/SecurityManagement/index.html b/docs/help/Settings/SecurityManagement/index.html index 559ac6302..c013c7ccb 100644 --- a/docs/help/Settings/SecurityManagement/index.html +++ b/docs/help/Settings/SecurityManagement/index.html @@ -5,7 +5,7 @@ Security | OpenSign™ - + diff --git a/docs/help/Settings/Teams/index.html b/docs/help/Settings/Teams/index.html index 794578458..52fbcdabf 100644 --- a/docs/help/Settings/Teams/index.html +++ b/docs/help/Settings/Teams/index.html @@ -5,7 +5,7 @@ Manage Teams | OpenSign™ - + diff --git a/docs/help/Settings/Webhook/index.html b/docs/help/Settings/Webhook/index.html index f4162698f..0ce308058 100644 --- a/docs/help/Settings/Webhook/index.html +++ b/docs/help/Settings/Webhook/index.html @@ -5,7 +5,7 @@ Webhook | OpenSign™ - + diff --git a/docs/help/Settings/disabledocumentid/index.html b/docs/help/Settings/disabledocumentid/index.html index f30eb16e9..89d40f1fb 100644 --- a/docs/help/Settings/disabledocumentid/index.html +++ b/docs/help/Settings/disabledocumentid/index.html @@ -5,7 +5,7 @@ Disable DocumentId | OpenSign™ - + diff --git a/docs/help/Settings/manage-users/index.html b/docs/help/Settings/manage-users/index.html index d52a003bb..902553f13 100644 --- a/docs/help/Settings/manage-users/index.html +++ b/docs/help/Settings/manage-users/index.html @@ -5,7 +5,7 @@ Manage users | OpenSign™ - + diff --git a/docs/help/Settings/my-signature/index.html b/docs/help/Settings/my-signature/index.html index 5885c4dc2..9904ff3d1 100644 --- a/docs/help/Settings/my-signature/index.html +++ b/docs/help/Settings/my-signature/index.html @@ -5,7 +5,7 @@ My Signature | OpenSign™ - + diff --git a/docs/help/Templates/create-template/index.html b/docs/help/Templates/create-template/index.html index 5e4ed29ff..80fb963e3 100644 --- a/docs/help/Templates/create-template/index.html +++ b/docs/help/Templates/create-template/index.html @@ -5,7 +5,7 @@ Create Templates | OpenSign™ - + diff --git a/docs/help/Templates/embed-template/index.html b/docs/help/Templates/embed-template/index.html index 6892df449..ccacb5d55 100644 --- a/docs/help/Templates/embed-template/index.html +++ b/docs/help/Templates/embed-template/index.html @@ -5,7 +5,7 @@ Embedding OpenSign templates | OpenSign™ - + diff --git a/docs/help/Templates/manage-templates/index.html b/docs/help/Templates/manage-templates/index.html index cd1cbb563..2b9b7696a 100644 --- a/docs/help/Templates/manage-templates/index.html +++ b/docs/help/Templates/manage-templates/index.html @@ -5,7 +5,7 @@ Manage Templates | OpenSign™ - + diff --git a/docs/help/Templates/publicTemplate/index.html b/docs/help/Templates/publicTemplate/index.html index 496de6677..db856664b 100644 --- a/docs/help/Templates/publicTemplate/index.html +++ b/docs/help/Templates/publicTemplate/index.html @@ -5,7 +5,7 @@ Setting up an OpenSign template for public signing | OpenSign™ - + diff --git a/docs/help/Templates/quick-send/index.html b/docs/help/Templates/quick-send/index.html index 165457ad0..ec388158d 100644 --- a/docs/help/Templates/quick-send/index.html +++ b/docs/help/Templates/quick-send/index.html @@ -5,7 +5,7 @@ Bulk Document Send for Signature Using Template | OpenSign™ - + diff --git a/docs/help/Templates/use-template/index.html b/docs/help/Templates/use-template/index.html index 4c1df081f..d9b610dc0 100644 --- a/docs/help/Templates/use-template/index.html +++ b/docs/help/Templates/use-template/index.html @@ -5,7 +5,7 @@ Use template to create documents | OpenSign™ - + diff --git a/docs/help/User Menu/Console/analystics/index.html b/docs/help/User Menu/Console/analystics/index.html index fe2aa4051..381beae4b 100644 --- a/docs/help/User Menu/Console/analystics/index.html +++ b/docs/help/User Menu/Console/analystics/index.html @@ -5,7 +5,7 @@ Analytics | OpenSign™ - + diff --git a/docs/help/User Menu/Console/branding/index.html b/docs/help/User Menu/Console/branding/index.html index b13cb61c5..bf01fd07d 100644 --- a/docs/help/User Menu/Console/branding/index.html +++ b/docs/help/User Menu/Console/branding/index.html @@ -5,7 +5,7 @@ Branding | OpenSign™ - + diff --git a/docs/help/User Menu/Console/custom_filestorage/index.html b/docs/help/User Menu/Console/custom_filestorage/index.html index 8d606a713..46d83f8a0 100644 --- a/docs/help/User Menu/Console/custom_filestorage/index.html +++ b/docs/help/User Menu/Console/custom_filestorage/index.html @@ -5,7 +5,7 @@ Custom File Storage | OpenSign™ - + diff --git a/docs/help/User Menu/Console/emails/index.html b/docs/help/User Menu/Console/emails/index.html index 23a60f329..77d725021 100644 --- a/docs/help/User Menu/Console/emails/index.html +++ b/docs/help/User Menu/Console/emails/index.html @@ -5,7 +5,7 @@ Mail | OpenSign™ - + diff --git a/docs/help/User Menu/Console/general/index.html b/docs/help/User Menu/Console/general/index.html index 49c6125f2..ab52aa145 100644 --- a/docs/help/User Menu/Console/general/index.html +++ b/docs/help/User Menu/Console/general/index.html @@ -5,7 +5,7 @@ General | OpenSign™ - + diff --git a/docs/help/User Menu/Console/globalSMTP/index.html b/docs/help/User Menu/Console/globalSMTP/index.html index 23c3988df..51b104ef8 100644 --- a/docs/help/User Menu/Console/globalSMTP/index.html +++ b/docs/help/User Menu/Console/globalSMTP/index.html @@ -5,7 +5,7 @@ Global SMTP | OpenSign™ - + diff --git a/docs/help/User Menu/Console/orgadmin/index.html b/docs/help/User Menu/Console/orgadmin/index.html index 3445f5005..a11524cc8 100644 --- a/docs/help/User Menu/Console/orgadmin/index.html +++ b/docs/help/User Menu/Console/orgadmin/index.html @@ -5,7 +5,7 @@ Org Admins | OpenSign™ - + diff --git a/docs/help/User Menu/Console/organizations/index.html b/docs/help/User Menu/Console/organizations/index.html index 2714de960..085a1b692 100644 --- a/docs/help/User Menu/Console/organizations/index.html +++ b/docs/help/User Menu/Console/organizations/index.html @@ -5,7 +5,7 @@ Organizations | OpenSign™ - + diff --git a/docs/help/User Menu/Console/signing_certificate/index.html b/docs/help/User Menu/Console/signing_certificate/index.html index 91ec09c16..ab7ef38f0 100644 --- a/docs/help/User Menu/Console/signing_certificate/index.html +++ b/docs/help/User Menu/Console/signing_certificate/index.html @@ -5,7 +5,7 @@ Custom Signing Certificate | OpenSign™ - + diff --git a/docs/help/User Menu/Profile/index.html b/docs/help/User Menu/Profile/index.html index 78aaeedf5..cbea7da84 100644 --- a/docs/help/User Menu/Profile/index.html +++ b/docs/help/User Menu/Profile/index.html @@ -5,7 +5,7 @@ Profile | OpenSign™ - + diff --git a/docs/help/intro/index.html b/docs/help/intro/index.html index 8e3eafa87..f735396c1 100644 --- a/docs/help/intro/index.html +++ b/docs/help/intro/index.html @@ -5,7 +5,7 @@ Intro | OpenSign™ - + diff --git a/docs/intro/index.html b/docs/intro/index.html index 33531b4ca..a0b50efc0 100644 --- a/docs/intro/index.html +++ b/docs/intro/index.html @@ -5,7 +5,7 @@ Tutorial Intro | OpenSign™ - + diff --git a/docs/self-host/One-click-Install/DigitalOcean/index.html b/docs/self-host/One-click-Install/DigitalOcean/index.html index 259462559..a8f14cc50 100644 --- a/docs/self-host/One-click-Install/DigitalOcean/index.html +++ b/docs/self-host/One-click-Install/DigitalOcean/index.html @@ -5,7 +5,7 @@ Digital Ocean | OpenSign™ - + diff --git a/docs/self-host/cloud-storage/s3/index.html b/docs/self-host/cloud-storage/s3/index.html index 8a7b3f8fd..6e4c23506 100644 --- a/docs/self-host/cloud-storage/s3/index.html +++ b/docs/self-host/cloud-storage/s3/index.html @@ -5,7 +5,7 @@ AWS S3 | OpenSign™ - + diff --git a/docs/self-host/docker/run-locally/index.html b/docs/self-host/docker/run-locally/index.html index 23a34ba4c..b11f83c69 100644 --- a/docs/self-host/docker/run-locally/index.html +++ b/docs/self-host/docker/run-locally/index.html @@ -5,7 +5,7 @@ Self-host OpenSign™ with Docker on Linux/MacOS/Windows | OpenSign™ - + diff --git a/docs/self-host/docker/upgrade-deployment/index.html b/docs/self-host/docker/upgrade-deployment/index.html index ac708d590..6b46b45a8 100644 --- a/docs/self-host/docker/upgrade-deployment/index.html +++ b/docs/self-host/docker/upgrade-deployment/index.html @@ -5,7 +5,7 @@ OpenSign™ Self-Hosted 'Upgrade Deployment' Guide Using Docker on Linux, macOS, or Windows | OpenSign™ - + diff --git a/docs/self-host/guides/azure-vm-setup/index.html b/docs/self-host/guides/azure-vm-setup/index.html index 6a444daf6..ff34fc837 100644 --- a/docs/self-host/guides/azure-vm-setup/index.html +++ b/docs/self-host/guides/azure-vm-setup/index.html @@ -5,7 +5,7 @@ OpenSign Deployment Guide on Azure VM via command-line | OpenSign™ - + diff --git a/docs/self-host/guides/env-variables/index.html b/docs/self-host/guides/env-variables/index.html index 616bc3467..8006200a1 100644 --- a/docs/self-host/guides/env-variables/index.html +++ b/docs/self-host/guides/env-variables/index.html @@ -5,7 +5,7 @@ ENV variables which are used to setup OpenSign™ with Docker on Localhost | OpenSign™ - + diff --git a/docs/self-host/guides/how-to-generate-self-signed-document-signing-certificate/index.html b/docs/self-host/guides/how-to-generate-self-signed-document-signing-certificate/index.html index 474419e30..ad47d503f 100644 --- a/docs/self-host/guides/how-to-generate-self-signed-document-signing-certificate/index.html +++ b/docs/self-host/guides/how-to-generate-self-signed-document-signing-certificate/index.html @@ -5,7 +5,7 @@ How to generate self-signed document signing certificate? | OpenSign™ - + diff --git a/docs/self-host/guides/upgrade-to-v2.1.0/index.html b/docs/self-host/guides/upgrade-to-v2.1.0/index.html index e040e9585..b56ce252e 100644 --- a/docs/self-host/guides/upgrade-to-v2.1.0/index.html +++ b/docs/self-host/guides/upgrade-to-v2.1.0/index.html @@ -5,7 +5,7 @@ How to upgrade self-hosted OpenSign to v2.1.0? | OpenSign™ - + diff --git a/docs/self-host/intro/index.html b/docs/self-host/intro/index.html index e96b2d04b..41736240b 100644 --- a/docs/self-host/intro/index.html +++ b/docs/self-host/intro/index.html @@ -5,7 +5,7 @@ Self-Hosting OpenSign | OpenSign™ - + diff --git a/index.html b/index.html index 60fb24824..21a6b5034 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ Official OpenSign™ Docs - tutorials, API documentation, self-host help & much more. | OpenSign™ - + diff --git a/markdown-page/index.html b/markdown-page/index.html index 36493d383..337505522 100644 --- a/markdown-page/index.html +++ b/markdown-page/index.html @@ -5,7 +5,7 @@ Markdown page example | OpenSign™ - +