platformcommons-web-lib 1.0.0

package/src/lib/modules/smart-form/smart-form.examples.ts

@@ -0,0 +1,1324 @@
+export const SAMPLE_FORMS = {
+  // Simple Contact Form
+  contactForm: `{
+    "entityType": "CONTACT",
+    "label": "Contact Us",
+    "description": "Send us a message",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "name": "name",
+          "label": "Full Name",
+          "type": "TEXT_INPUT",
+          "subType": "SHORT",
+          "required": true,
+          "hint": "Enter your full name"
+        },
+        {
+          "name": "email",
+          "label": "Email Address",
+          "type": "TEXT_INPUT",
+          "subType": "EMAIL",
+          "required": true,
+          "hint": "your.email@example.com"
+        },
+        {
+          "name": "meetingTime",
+          "label": "Meeting Time",
+          "type": "TIME",
+          "subType": "SINGLE",
+          "required": true,
+          "placeholder": "Select a time"
+        },
+        {
+          "name": "message",
+          "label": "Message",
+          "type": "TEXT_INPUT",
+          "subType": "LONG",
+          "required": true,
+          "textConfig": {
+            "length": {
+              "min": 10,
+              "max": 500
+            }
+          }
+        }
+      ]
+    }
+  }`,
+
+  // User Registration with Stepper
+  registrationForm: `{
+    "entityType": "USER",
+    "label": "User Registration",
+    "description": "Create your account",
+    "formType": "STEPPER",
+    "stepperConfig": {
+      "children": [
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Personal Information",
+            "children": [
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "firstName",
+                    "label": "First Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true
+                  },
+                  {
+                    "name": "lastName",
+                    "label": "Last Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "name": "fullName",
+                "label": "Full Name",
+                "type": "GENERATED",
+                "subType": "FORMULA",
+                "generatedConfig": {
+                  "formula": "function fullName(first, last) { return (first || '') + ' ' + (last || ''); }",
+                  "variables": ["firstName", "lastName"]
+                }
+              },
+              {
+                "name": "dateOfBirth",
+                "label": "Date of Birth",
+                "type": "DATE",
+                "subType": "SINGLE",
+                "required": true,
+                "dateConfig": {
+                  "allowFuture": false
+                }
+              }
+            ]
+          }
+        },
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Contact Information",
+            "children": [
+              {
+                "name": "email",
+                "label": "Email",
+                "type": "TEXT_INPUT",
+                "subType": "EMAIL",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "label": "Phone Number",
+                "type": "TEXT_INPUT",
+                "subType": "PHONE",
+                "required": true
+              }
+            ]
+          }
+        },
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Preferences",
+            "children": [
+              {
+                "name": "notifications",
+                "label": "Enable Email Notifications",
+                "type": "SWITCH",
+                "subType": "BOOL",
+                "defaultValue": true
+              },
+              {
+                "name": "interests",
+                "label": "Interests",
+                "type": "CHIP",
+                "subType": "MULTIPLE",
+                "optionConfig": {
+                  "optionList": [
+                    { "label": "Technology", "code": "TECH" },
+                    { "label": "Sports", "code": "SPORTS" },
+                    { "label": "Music", "code": "MUSIC" },
+                    { "label": "Travel", "code": "TRAVEL" }
+                  ]
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "showStep": true,
+      "isHorizontal": true
+    }
+  }`,
+
+  // Survey Form with Conditional Fields
+  surveyForm: `{
+    "entityType": "SURVEY",
+    "label": "Customer Satisfaction Survey",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "name": "overallRating",
+          "label": "Overall Experience",
+          "type": "RATING",
+          "subType": "STAR",
+          "required": true,
+          "ratingConfig": {
+            "maxRating": 5,
+            "allowHalf": false
+          }
+        },
+        {
+          "name": "wouldRecommend",
+          "label": "Would you recommend us?",
+          "type": "RADIO",
+          "subType": "SINGLE",
+          "required": true,
+          "optionConfig": {
+            "optionList": [
+              { "label": "Yes", "code": "YES" },
+              { "label": "No", "code": "NO" },
+              { "label": "Maybe", "code": "MAYBE" }
+            ]
+          }
+        },
+        {
+          "name": "reasonForNo",
+          "label": "Why not?",
+          "type": "TEXT_INPUT",
+          "subType": "LONG",
+          "visibilityExpression": "wouldRecommend === 'NO'",
+          "required": true
+        },
+        {
+          "name": "improvements",
+          "label": "What can we improve?",
+          "type": "CHECKBOX",
+          "subType": "LIST",
+          "optionConfig": {
+            "optionList": [
+              { "label": "Customer Service", "code": "SERVICE" },
+              { "label": "Product Quality", "code": "QUALITY" },
+              { "label": "Pricing", "code": "PRICE" },
+              { "label": "Delivery Speed", "code": "DELIVERY" }
+            ]
+          }
+        },
+        {
+          "name": "additionalComments",
+          "label": "Additional Comments",
+          "type": "TEXT_INPUT",
+          "subType": "LONG",
+          "textConfig": {
+            "length": {
+              "max": 1000
+            }
+          }
+        }
+      ]
+    }
+  }`,
+
+  // Job Application Form
+  jobApplicationForm: `{
+    "entityType": "JOB_APPLICATION",
+    "label": "Job Application",
+    "description": "Apply for a position at our company",
+    "formType": "STEPPER",
+    "stepperConfig": {
+      "children": [
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Personal Details",
+            "children": [
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "firstName",
+                    "label": "First Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true
+                  },
+                  {
+                    "name": "lastName",
+                    "label": "Last Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "name": "email",
+                "label": "Email",
+                "type": "TEXT_INPUT",
+                "subType": "EMAIL",
+                "required": true
+              },
+              {
+                "name": "phone",
+                "label": "Phone",
+                "type": "TEXT_INPUT",
+                "subType": "PHONE",
+                "required": true
+              }
+            ]
+          }
+        },
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Experience",
+            "allowMulti": true,
+            "name": "experienceList",
+            "children": [
+              {
+                "name": "company",
+                "label": "Company Name",
+                "type": "TEXT_INPUT",
+                "subType": "SHORT",
+                "required": true
+              },
+              {
+                "name": "position",
+                "label": "Position",
+                "type": "TEXT_INPUT",
+                "subType": "SHORT",
+                "required": true
+              },
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "startDate",
+                    "label": "Start Date",
+                    "type": "DATE",
+                    "subType": "SINGLE",
+                    "required": true
+                  },
+                  {
+                    "name": "endDate",
+                    "label": "End Date",
+                    "type": "DATE",
+                    "subType": "SINGLE"
+                  }
+                ]
+              },
+              {
+                "name": "responsibilities",
+                "label": "Key Responsibilities",
+                "type": "TEXT_INPUT",
+                "subType": "LONG"
+              }
+            ]
+          }
+        },
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Skills & Qualifications",
+            "children": [
+              {
+                "name": "skills",
+                "label": "Technical Skills",
+                "type": "CHIP",
+                "subType": "MULTIPLE",
+                "optionConfig": {
+                  "optionList": [
+                    { "label": "JavaScript", "code": "JS" },
+                    { "label": "TypeScript", "code": "TS" },
+                    { "label": "Angular", "code": "ANGULAR" },
+                    { "label": "React", "code": "REACT" },
+                    { "label": "Node.js", "code": "NODE" },
+                    { "label": "Python", "code": "PYTHON" }
+                  ]
+                }
+              },
+              {
+                "name": "yearsOfExperience",
+                "label": "Years of Experience",
+                "type": "NUMBER_INPUT",
+                "subType": "INTEGER",
+                "required": true,
+                "numberConfig": {
+                  "min": 0,
+                  "max": 50
+                }
+              },
+              {
+                "name": "availableToStart",
+                "label": "Available to Start",
+                "type": "DATE",
+                "subType": "SINGLE",
+                "required": true,
+                "dateConfig": {
+                  "allowFuture": true
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "showStep": true,
+      "isHorizontal": true
+    }
+  }`,
+
+  // Donor Form based on UI
+  donorForm: `{
+    "entityType": "DONOR",
+    "label": "Donor Form",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Donor Details",
+            "name": "donorDetails",
+            "children": [
+              {
+                "name": "legalName",
+                "label": "Donor Legal Name",
+                "type": "TEXT_INPUT",
+                "subType": "SHORT",
+                "required": true,
+                "placeholder": "Enter the name"
+              },
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "shortCode",
+                    "label": "Donor Short Code",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "colSpan": 3,
+                    "disabled": true,
+                    "defaultValue": "DLP-24-L1",
+                    "hint": "System-generated, unique internal code"
+                  },
+                  {
+                    "name": "donorType",
+                    "label": "Donor Type",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "colSpan": 3,
+                    "required": true,
+                    "placeholder": "Select",
+                    "optionConfig": {
+                      "optionList": [
+                        { "label": "Individual", "code": "INDIVIDUAL" },
+                        { "label": "Corporate", "code": "CORPORATE" },
+                        { "label": "Trust", "code": "TRUST" }
+                      ]
+                    }
+                  },
+                  {
+                    "name": "regNumber",
+                    "label": "Registration / Legal Entity Number",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "colSpan": 3,
+                    "placeholder": "Type",
+                    "hint": "CIN / Trust Reg. No / Govt ID (if applicable)"
+                  },
+                  {
+                    "name": "country",
+                    "label": "Country of Incorporation",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "colSpan": 3,
+                    "required": true,
+                    "placeholder": "Select",
+                    "optionConfig": {
+                      "optionList": [
+                        { "label": "India", "code": "IN" },
+                        { "label": "USA", "code": "US" },
+                        { "label": "UK", "code": "UK" }
+                      ]
+                    }
+                  }
+                ]
+              },
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "profilePicture",
+                    "label": "Profile Picture",
+                    "type": "FILE_UPLOAD",
+                    "subType": "SINGLE",
+                    "colSpan": 3,
+                    "attachmentConfig": {
+                      "multiple": false,
+                      "maxSizeMB": 2,
+                      "accept": "image/*",
+                      "acceptLabel": "JPG, PNG, SVG (max 2 MB)"
+                    }
+                  },
+                  {
+                    "name": "website",
+                    "label": "Organization Website (Optional)",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "colSpan": 9,
+                    "placeholder": "Add your website link or LinkedIn profile",
+                    "hint": "Add your website link to automatically fetch your logo, powered by Clearbit."
+                  }
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Primary Contact",
+            "allowMulti": true,
+            "name": "contacts",
+            "children": [
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "contactName",
+                    "label": "Full Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "colSpan": 6,
+                    "required": true,
+                    "placeholder": "Enter the name"
+                  },
+                  {
+                    "name": "designation",
+                    "label": "Designation/Title",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "colSpan": 6,
+                    "required": true,
+                    "placeholder": "Select",
+                    "optionConfig": {
+                      "optionList": [
+                        { "label": "CEO", "code": "CEO" },
+                        { "label": "Manager", "code": "MANAGER" },
+                        { "label": "Other", "code": "OTHER" }
+                      ]
+                    }
+                  }
+                ]
+              },
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "email",
+                    "label": "Email Address",
+                    "type": "TEXT_INPUT",
+                    "subType": "EMAIL",
+                    "colSpan": 4,
+                    "required": true,
+                    "placeholder": "Enter your email address"
+                  },
+                  {
+                    "name": "phone",
+                    "label": "Phone Number",
+                    "type": "TEXT_INPUT",
+                    "subType": "PHONE",
+                    "colSpan": 4,
+                    "required": true,
+                    "placeholder": "+91 7007713990"
+                  },
+                  {
+                    "name": "communicationPreference",
+                    "label": "Communication Preference",
+                    "type": "RADIO",
+                    "subType": "SINGLE",
+                    "colSpan": 4,
+                    "required": true,
+                    "optionConfig": {
+                      "optionList": [
+                        { "label": "Email", "code": "EMAIL" },
+                        { "label": "Phone Number", "code": "PHONE" }
+                      ]
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }`,
+
+
+  // ──────────────────────────────────────────────────────────────────────────
+  // User Registration Form — Basic Details / Primary Address / User Role
+  // ──────────────────────────────────────────────────────────────────────────
+  userBasicDetailsForm: `{
+    "entityType": "USER_REGISTRATION",
+    "label": "User Registration",
+    "description": "Fill in your details to create a new account",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Basic Details",
+            "name": "basicDetails",
+            "children": [
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "firstName",
+                    "label": "First Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true,
+                    "placeholder": "Enter first name"
+                  },
+                  {
+                    "name": "lastName",
+                    "label": "Last Name",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true,
+                    "placeholder": "Enter last name"
+                  }
+                ]
+              },
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "contactNo",
+                    "label": "Contact No",
+                    "type": "TEXT_INPUT",
+                    "subType": "PHONE",
+                    "required": true,
+                    "placeholder": "+91 9999999999",
+                    "hint": "Enter a valid 10-digit mobile number"
+                  },
+                  {
+                    "name": "emailId",
+                    "label": "Email ID",
+                    "type": "TEXT_INPUT",
+                    "subType": "EMAIL",
+                    "required": true,
+                    "placeholder": "example@domain.com"
+                  }
+                ]
+              },
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "loginId",
+                    "label": "Login / User ID",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true,
+                    "placeholder": "Choose a unique login ID",
+                    "hint": "Alphanumeric, no spaces",
+                    "textConfig": {
+                      "length": { "min": 4, "max": 30 },
+                      "pattern": "^[a-zA-Z0-9_]+$",
+                      "patternMessage": "Only letters, numbers and underscores are allowed"
+                    }
+                  },
+                  {
+                    "name": "password",
+                    "label": "Password",
+                    "type": "TEXT_INPUT",
+                    "subType": "PASSWORD",
+                    "required": true,
+                    "placeholder": "Min. 8 characters",
+                    "hint": "Use at least 8 characters with letters and numbers",
+                    "textConfig": {
+                      "length": { "min": 8, "max": 64 }
+                    }
+                  },
+                  {
+                    "name": "confirmPassword",
+                    "label": "Confirm Password",
+                    "type": "TEXT_INPUT",
+                    "subType": "PASSWORD",
+                    "required": true,
+                    "placeholder": "Re-enter your password",
+                    "textConfig": {
+                      "matchField": "password"
+                    }
+                  }
+                ]
+              }
+
+            ]
+          }
+        },
+
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Primary Address",
+            "name": "primaryAddress",
+            "children": [
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "addressLine1",
+                    "label": "Address Line 1",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true,
+                    "placeholder": "House / Flat No., Building, Street"
+                  },
+                  {
+                    "name": "addressLine2",
+                    "label": "Address Line 2",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "placeholder": "Area / Locality / Colony (optional)"
+                  }
+                ]
+              },
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "country",
+                    "label": "Country",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "required": true,
+                    "placeholder": "Select Country",
+                    "optionConfig": {
+                      "optionList": [
+                        { "label": "India", "code": "REGION_COUNTRY.INDIA" },
+                        { "label": "USA", "code": "REGION_COUNTRY.USA" }
+                      ]
+                    }
+                  },
+                  {
+                    "name": "state",
+                    "label": "State",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "required": true,
+                    "placeholder": "Select State",
+                    "optionConfig": {
+                      "apiUrl": "https://dev.platformcommons.org/ctld/api/globalrefdata/v1?refClass=GREF.REGION_STATE&parentRefClass=GREF.REGION_COUNTRY",
+                      "labelPath": "label",
+                      "valuePath": "dataCode",
+                      "dependencies": {
+                        "parentRefData": "country"
+                      }
+                    }
+                  },
+                  {
+                    "name": "city",
+                    "label": "City",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "required": true,
+                    "placeholder": "Select City",
+                    "optionConfig": {
+                      "apiUrl": "https://dev.platformcommons.org/ctld/api/globalrefdata/v1?refClass=GREF.REGION_DISTRICT&parentRefClass=GREF.REGION_STATE",
+                      "labelPath": "label",
+                      "valuePath": "dataCode",
+                      "dependencies": {
+                        "parentRefData": "state"
+                      }
+                    }
+                  }
+                ]
+              },
+
+              {
+                "type": "ROW",
+                "subType": "HORIZONTAL",
+                "children": [
+                  {
+                    "name": "block",
+                    "label": "Block / Taluka",
+                    "type": "DROPDOWN",
+                    "subType": "SINGLE",
+                    "placeholder": "Select Block",
+                    "optionConfig": {
+                      "apiUrl": "https://dev.platformcommons.org/ctld/api/globalrefdata/v1?refClass=GREF.REGION_BLOCK&parentRefClass=GREF.REGION_DISTRICT",
+                      "labelPath": "label",
+                      "valuePath": "dataCode",
+                      "dependencies": {
+                        "parentRefData": "city"
+                      }
+                    }
+                  },
+                  {
+                    "name": "pinCode",
+                    "label": "PIN Code",
+                    "type": "TEXT_INPUT",
+                    "subType": "SHORT",
+                    "required": true,
+                    "placeholder": "6-digit PIN code",
+                    "textConfig": {
+                      "length": { "min": 6, "max": 6 },
+                      "pattern": "^[0-9]{6}$",
+                      "patternMessage": "Enter a valid 6-digit PIN code"
+                    }
+                  }
+                ]
+              }
+
+            ]
+          }
+        },
+
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "User Role",
+            "name": "userRole",
+            "type": "ROW",
+            "subType": "HORIZONTAL",
+            "children": [
+              {
+                "name": "role",
+                "label": "User Role",
+                "type": "DROPDOWN",
+                "subType": "SINGLE",
+                "required": true,
+                "placeholder": "Select a role",
+                "optionConfig": {
+                  "apiUrl": "https://dev.platformcommons.org/gateway/commons-report-service/api/v1/datasets/name/VMS_GET_TENANT_ROLES/execute?params=TENANT_ID=1823",
+                  "labelPath": "roleName",
+                  "valuePath": "code"
+                }
+              },
+              {
+                "name": "reportingRole",
+                "label": "Reporting Role",
+                "type": "DROPDOWN",
+                "subType": "SINGLE",
+                "required": true,
+                "placeholder": "Select Reporting Role",
+                "optionConfig": {
+                  "apiUrl": "https://dev.platformcommons.org/ctld/api/rolehierarchy/v1?criteria=roleCode.code='{{userRole}}' and isActive=1&includeAttributes=id,parentRoleCode",
+                  "dataPath": "payload",
+                  "labelPath": "parentRoleCode",
+                  "valuePath": "parentRoleCode",
+                  "dependencies": {
+                    "userRole": "role"
+                  }
+                }
+              },
+              {
+                "name": "reportingManager",
+                "label": "Reporting Manager",
+                "type": "DROPDOWN",
+                "subType": "SINGLE",
+                "required": true,
+                "placeholder": "Select Reporting Manager",
+                "optionConfig": {
+                  "apiUrl": "https://dev.platformcommons.org/ctld/api/tenant/user/role/criteria/v1?criteria=role.code='{{reportingRole}}' and isActive=1 and user.isActive=1",
+                  "dataPath": "payload",
+                  "labelPath": "user.userName",
+                  "valuePath": "user.id",
+                  "dependencies": {
+                    "reportingRole": "reportingRole"
+                  }
+                }
+              }
+            ]
+          }
+        }
+
+      ]
+    }
+  }`,
+
+  // ──────────────────────────────────────────────────────────────────────────
+  // Document Upload Form — demonstrates the FILE_UPLOAD field type
+  // ──────────────────────────────────────────────────────────────────────────
+  documentUploadForm: `{
+    "entityType": "DOCUMENT_UPLOAD",
+    "label": "Documents",
+    "description": "Upload the required documents",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Documents",
+            "name": "documents",
+            "children": [
+              {
+                "name": "profilePicture",
+                "label": "Profile Picture",
+                "type": "FILE_UPLOAD",
+                "subType": "SINGLE",
+                "required": true,
+                "attachmentConfig": {
+                  "multiple": false,
+                  "maxSizeMB": 5,
+                  "accept": ".jpg,.jpeg,.png,.webp,image/*",
+                  "acceptLabel": "JPG, PNG, WEBP"
+                }
+              },
+              {
+                "name": "certificates",
+                "label": "Certificates",
+                "type": "FILE_UPLOAD",
+                "subType": "MULTIPLE",
+                "attachmentConfig": {
+                  "multiple": true,
+                  "maxFiles": 5,
+                  "maxSizeMB": 10,
+                  "accept": ".pdf,.doc,.docx,.jpg,.jpeg,.png",
+                  "acceptLabel": "PDF, DOCX, JPG, PNG"
+                }
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }`,
+
+  // Demand Definition Form (matching user request image)
+  demandDefinitionForm: `{
+    "entityType": "DEMAND",
+    "label": "Demand Definition",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "type": "ROW",
+          "subType": "HORIZONTAL",
+          "children": [
+            {
+              "name": "beneficiaries",
+              "label": "Required Beneficiaries",
+              "type": "NUMBER_INPUT",
+              "subType": "INTEGER",
+              "required": true,
+              "suffix": "Students",
+              "placeholder": "0",
+              "numberConfig": { "min": 0 }
+            },
+            {
+              "name": "deliveryModel",
+              "label": "Preferred Delivery Model",
+              "type": "DROPDOWN",
+              "subType": "SINGLE",
+              "required": true,
+              "placeholder": "Select",
+              "optionConfig": {
+                "optionList": [
+                  { "label": "Onsite Delivery", "code": "ONSITE" },
+                  { "label": "Hybrid Model", "code": "HYBRID" }
+                ]
+              }
+            }
+          ]
+        },
+        {
+          "type": "ROW",
+          "subType": "HORIZONTAL",
+          "children": [
+            {
+              "name": "minAge",
+              "label": "Min Target Age",
+              "type": "NUMBER_INPUT",
+              "subType": "INTEGER",
+              "required": true,
+              "placeholder": "0",
+              "numberConfig": { "min": 0, "max": 100 },
+              "onValidate": "!maxAge || minAge <= maxAge",
+              "errorMessage": "Min Age cannot be greater than Max Age"
+            },
+            {
+              "name": "maxAge",
+              "label": "Max Target Age",
+              "type": "NUMBER_INPUT",
+              "subType": "INTEGER",
+              "required": true,
+              "placeholder": "100",
+              "numberConfig": { "min": 0, "max": 100 },
+              "onValidate": "!minAge || maxAge >= minAge",
+              "errorMessage": "Max Age cannot be less than Min Age"
+            }
+          ]
+        },
+        {
+          "type": "ROW",
+          "subType": "HORIZONTAL",
+          "children": [
+            {
+              "name": "male",
+              "label": "Male Split (%)",
+              "type": "NUMBER_INPUT",
+              "subType": "INTEGER",
+              "required": true,
+              "suffix": "%",
+              "placeholder": "50",
+              "numberConfig": { "min": 0, "max": 100 },
+              "onValidate": "(male || 0) + (female || 0) === 100",
+              "errorMessage": "Male + Female % must equal 100%"
+            },
+            {
+              "name": "female",
+              "label": "Female Split (%)",
+              "type": "NUMBER_INPUT",
+              "subType": "INTEGER",
+              "required": true,
+              "suffix": "%",
+              "placeholder": "50",
+              "numberConfig": { "min": 0, "max": 100 },
+              "onValidate": "(male || 0) + (female || 0) === 100",
+              "errorMessage": "Male + Female % must equal 100%"
+            }
+          ]
+        }
+      ]
+    }
+  }`,
+
+
+
+  // Project Info Form (matching user request image)
+  // Project Form (Combined Info + Demand)
+  projectInfoForm: `{
+    "entityType": "PROJECT",
+    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.TITLE",
+    "formType": "SECTION",
+    "sectionConfig": {
+        "children": [
+            {
+                "type": "GROUP",
+                "subType": "SECTION",
+                "sectionConfig": {
+                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.SECTION.INFO",
+                    "children": [
+                        {
+                            "type": "ROW",
+                            "subType": "HORIZONTAL",
+                            "children": [
+                                {
+                                    "name": "projectName",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.NAME.LABEL",
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.NAME.PH",
+                                    "type": "TEXT_INPUT",
+                                    "subType": "SHORT",
+                                    "required": true,
+                                    "colSpan": 6
+                                },
+                                {
+                                    "name": "programId",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.PROG_ID.LABEL",
+                                    "type": "TEXT_INPUT",
+                                    "subType": "SHORT",
+                                    "defaultValue": "DLP-24-L1",
+                                    "readonly": true,
+                                    "colSpan": 6
+                                }
+                            ]
+                        },
+                        {
+                            "type": "ROW",
+                            "subType": "HORIZONTAL",
+                            "children": [
+                                {
+                                    "name": "linkedProgram",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.LINKED_PROG.LABEL",
+                                    "type": "TEXT_INPUT",
+                                    "subType": "SHORT",
+                                    "defaultValue": "National Skills Initiative",
+                                    "readonly": true,
+                                    "colSpan": 4
+                                },
+                                {
+                                    "name": "linkedContract",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.LINKED_CONTRACT.LABEL",
+                                    "type": "TEXT_INPUT",
+                                    "subType": "SHORT",
+                                    "defaultValue": "NSI-Gov-Oct23",
+                                    "readonly": true,
+                                    "colSpan": 4
+                                },
+                                {
+                                    "name": "assignedDistrict",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.DISTRICT.LABEL",
+                                    "type": "TEXT_INPUT",
+                                    "subType": "SHORT",
+                                    "defaultValue": "Bangalore Rural",
+                                    "readonly": true,
+                                    "colSpan": 4
+                                }
+                            ]
+                        }
+                    ]
+                }
+            },
+            {
+                "type": "GROUP",
+                "subType": "SECTION",
+                "sectionConfig": {
+                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.SECTION.DEMAND",
+                    "children": [
+                        {
+                            "type": "ROW",
+                            "subType": "HORIZONTAL",
+                            "children": [
+                                {
+                                    "name": "requiredBeneficiaries",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.BENEFICIARIES.LABEL",
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.BENEFICIARIES.PH",
+                                    "type": "NUMBER_INPUT",
+                                    "subType": "INTEGER",
+                                    "required": true,
+                                    "colSpan": 6,
+                                    "numberConfig": {
+                                        "min": 1
+                                    }
+                                },
+                                {
+                                    "name": "deliveryModel",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.DELIVERY_MODEL.LABEL",
+                                    "type": "DROPDOWN",
+                                    "subType": "SINGLE",
+                                    "required": true,
+                                    "colSpan": 6,
+                                    "optionConfig": {
+                                        "optionList": [
+                                            {
+                                                "label": "UI_PLAYGROUND.OPTION.IN_PERSON",
+                                                "code": "IN_PERSON"
+                                            },
+                                            {
+                                                "label": "UI_PLAYGROUND.OPTION.HYBRID",
+                                                "code": "HYBRID"
+                                            },
+                                            {
+                                                "label": "UI_PLAYGROUND.OPTION.ONLINE",
+                                                "code": "ONLINE"
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        },
+                        {
+                            "type": "ROW",
+                            "subType": "HORIZONTAL",
+                            "children": [
+                                {
+                                    "name": "minAge",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MIN.LABEL",
+                                    "type": "NUMBER_INPUT",
+                                    "subType": "INTEGER",
+                                    "required": true,
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MIN.LABEL",
+                                    "numberConfig": {
+                                        "min": 0,
+                                        "max": 100
+                                    },
+                                    "onValidate": "!maxAge || minAge <= maxAge",
+                                    "errorMessage": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MIN.ERR"
+                                },
+                                {
+                                    "name": "maxAge",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MAX.LABEL",
+                                    "type": "NUMBER_INPUT",
+                                    "subType": "INTEGER",
+                                    "required": true,
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MAX.LABEL",
+                                    "numberConfig": {
+                                        "min": 0,
+                                        "max": 100
+                                    },
+                                    "onValidate": "!minAge || maxAge >= minAge",
+                                    "errorMessage": "UI_PLAYGROUND.SMART_FORM.PROJECT.AGE_MAX.ERR"
+                                }
+                            ]
+                        },
+                        {
+                            "type": "ROW",
+                            "subType": "HORIZONTAL",
+                            "children": [
+                                {
+                                    "name": "maleSplit",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.MALE.LABEL",
+                                    "type": "NUMBER_INPUT",
+                                    "subType": "INTEGER",
+                                    "required": true,
+                                    "suffix": "%",
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.MALE.LABEL",
+                                    "numberConfig": {
+                                        "min": 0,
+                                        "max": 100
+                                    },
+                                    "onValidate": "(maleSplit || 0) + (femaleSplit || 0) === 100",
+                                    "errorMessage": "UI_PLAYGROUND.SMART_FORM.PROJECT.GENDER_SPLIT.ERR"
+                                },
+                                {
+                                    "name": "femaleSplit",
+                                    "label": "UI_PLAYGROUND.SMART_FORM.PROJECT.FEMALE.LABEL",
+                                    "type": "NUMBER_INPUT",
+                                    "subType": "INTEGER",
+                                    "required": true,
+                                    "suffix": "%",
+                                    "placeholder": "UI_PLAYGROUND.SMART_FORM.PROJECT.FEMALE.LABEL",
+                                    "numberConfig": {
+                                        "min": 0,
+                                        "max": 100
+                                    },
+                                    "onValidate": "(maleSplit || 0) + (femaleSplit || 0) === 100",
+                                    "errorMessage": "UI_PLAYGROUND.SMART_FORM.PROJECT.GENDER_SPLIT.ERR"
+                                }
+                            ]
+                        }
+                    ]
+                }
+            }
+        ]
+    }
+}
+  }`,
+
+  faqForm: `{
+    "entityType": "FAQ",
+    "label": "Frequently Asked Questions",
+    "description": "Answer attendee questions.",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "type": "GROUP",
+          "subType": "SECTION",
+          "sectionConfig": {
+            "label": "Frequently Asked Questions",
+            "allowMulti": true,
+            "name": "faqs",
+            "multiSaveConfig": {
+              "active": true,
+              "summaryField": "question",
+              "descriptionField": "answer",
+              "addLabel": "Add a Question"
+            },
+            "children": [
+              {
+                "name": "question",
+                "label": "Question",
+                "type": "TEXT_INPUT",
+                "subType": "SHORT",
+                "required": true,
+                "placeholder": "What is Lorem Ipsum?"
+              },
+              {
+                "name": "answer",
+                "label": "Answer",
+                "type": "TEXT_INPUT",
+                "subType": "LONG",
+                "required": true,
+                "placeholder": "Contrary to popular belief..."
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }`,
+
+  // ── Location field example ──────────────────────────────────────────────
+  locationForm: `{
+    "entityType": "EVENT",
+    "label": "Event Location",
+    "formType": "SECTION",
+    "sectionConfig": {
+      "children": [
+        {
+          "name": "eventLocation",
+          "label": "Location",
+          "type": "LOCATION",
+          "required": true,
+          "hint": "Set where your event takes place",
+          "locationConfig": {
+            "defaultTab": "VENUE",
+            "maxLocations": 5,
+            "venuePlaceholder": "Search for a venue address...",
+            "onlinePlaceholder": "https://zoom.us/j/meeting-id",
+            "showMap": true,
+            "mapHeight": "300px",
+            "googleMapsApiKey": "YOUR_GOOGLE_MAPS_API_KEY"
+          }
+        }
+      ]
+    }
+  }`,
+};
+
+/**
+ * i18n label keys used by the LOCATION field type.
+ * Add these to your labels JSON file(s) for all supported languages.
+ *
+ * LBL_LOC_VENUE        – Tab: "Venue"
+ * LBL_LOC_ONLINE       – Tab: "Online Event"
+ * LBL_LOC_TBA          – Tab: "To be Announced"
+ * LBL_LOC_ADDRESS      – Section heading inside Venue tab: "Location address"
+ * LBL_LOC_COUNT_SUFFIX – e.g. "Locations Added!"
+ * LBL_LOC_ADD_ANOTHER  – "Add another Location" button label
+ * LBL_LOC_MAP_HINT     – hint below the embedded map
+ * LBL_LOC_ONLINE_URL   – Label above online URL input: "Event URL"
+ * LBL_LOC_TBA_DESC     – Message shown inside TBA tab
+ * PH_LOC_VENUE         – Placeholder for venue search input
+ * PH_LOC_ONLINE        – Placeholder for online URL input
+ */
+
+