@7365admin1/layer-common 3.0.2 → 3.0.5

package/composables/useOnlineFormPages.ts

@@ -0,0 +1,642 @@
+export type FormFieldDef = {
+  key: string;
+  label: string;
+  fieldType: "text" | "date" | "textarea" | "select" | "number";
+  required?: boolean;
+  options?: string[];
+  cols?: number; // Vuetify grid cols 1-12, default 6
+};
+
+export type CheckboxItemDef = {
+  key: string;
+  label: string;
+  elaborateKey?: string; // shows a text input inline when this checkbox is checked
+};
+
+export type FormBlock =
+  | { type: "address"; to: string }
+  | { type: "row"; fields: FormFieldDef[] }
+  | { type: "field"; field: FormFieldDef }
+  | { type: "checkbox-group"; title?: string; items: CheckboxItemDef[] }
+  | { type: "paragraph"; text: string }
+  | { type: "section-header"; text: string }
+  | { type: "divider" }
+  | { type: "signature-row"; label: string; key: string }
+  | { type: "acknowledgement"; text: string }
+  | { type: "management-use"; items: string[] };
+
+export type FormDefinition = {
+  title: string;
+  blocks: FormBlock[];
+};
+
+const formPages: Record<string, FormDefinition> = {
+  "Update of Mailing Address": {
+    title: "UPDATE OF MAILING ADDRESS",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "paragraph", text: "Dear Sir / Madam," },
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No. #", fieldType: "text", required: true, cols: 4 },
+      ]},
+      {
+        type: "paragraph",
+        text: "I / We, subsidiary proprietor of the above unit at {siteName} would appreciate if you would re-direct all our letters from our old address to our new address under Section 65 (1) of the Building Maintenance and Strata Management Act.",
+      },
+      { type: "section-header", text: "Old Address:" },
+      { type: "field", field: { key: "oldAddress", label: "Street / Building Name", fieldType: "textarea", required: true } },
+      { type: "row", fields: [
+        { key: "oldPostalCode", label: "Singapore Postal Code", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "section-header", text: "New Address:" },
+      { type: "field", field: { key: "newAddress", label: "Street / Building Name", fieldType: "textarea", required: true } },
+      { type: "row", fields: [
+        { key: "newPostalCode", label: "Singapore Postal Code", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+        { key: "contactOffice", label: "Contact No. (O)", fieldType: "text", cols: 6 },
+      ]},
+      { type: "field", field: { key: "email", label: "Email", fieldType: "text" } },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "paragraph", text: "Yours faithfully," },
+      { type: "field", field: { key: "proprietorName", label: "Subsidiary Proprietor's Name/s", fieldType: "text", required: true } },
+      { type: "signature-row", label: "Signature/s", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Updated By:", "Date:"] },
+    ],
+  },
+
+  "Pet's Record Form": {
+    title: "PET'S RECORD FORM",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "section-header", text: "Details of Pet:" },
+      { type: "field", field: { key: "petName", label: "Name of Pet/s", fieldType: "text", required: true } },
+      {
+        type: "checkbox-group",
+        title: "Type of Pet/s",
+        items: [
+          { key: "petTypeDog", label: "Dog" },
+          { key: "petTypeCat", label: "Cat" },
+          { key: "petTypeOthers", label: "Others", elaborateKey: "petTypeOthersSpecify" },
+        ],
+      },
+      { type: "field", field: { key: "breed", label: "Breed (if applicable)", fieldType: "text" } },
+      { type: "field", field: { key: "licenseNo", label: "License No. (if applicable)", fieldType: "text" } },
+      { type: "section-header", text: "Owner's Particulars:" },
+      { type: "field", field: { key: "ownerName", label: "Name", fieldType: "text", required: true } },
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No. (Subsidiary Proprietor / Tenant)", fieldType: "text", required: true, cols: 8 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (H)", fieldType: "text", cols: 6 },
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "field", field: { key: "contactOffice", label: "Contact No. (O)", fieldType: "text" } },
+      { type: "field", field: { key: "email", label: "Email", fieldType: "text" } },
+      { type: "field", field: { key: "correspondenceAddress", label: "Correspondence Address", fieldType: "textarea" } },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "section-header", text: "Declaration from Subsidiary Proprietor / Tenant:" },
+      {
+        type: "paragraph",
+        text: "I declare that I am residing at {siteName} and that all the above particulars given by me are true and correct.",
+      },
+      { type: "signature-row", label: "Signature", key: "signatureOwner" },
+    ],
+  },
+
+  "Application for Renovation/Addition & Alteration Works": {
+    title: "APPLICATION FOR RENOVATION/ ADDITION & ALTERATION WORKS",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "section-header", text: "UNIT OWNER'S PARTICULARS" },
+      { type: "row", fields: [
+        { key: "ownerName", label: "Name", fieldType: "text", required: true, cols: 8 },
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (Home)", fieldType: "text", cols: 6 },
+        { key: "contactMobile", label: "Contact No. (Mobile)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "field", field: { key: "contactOffice", label: "Contact No. (Office)", fieldType: "text" } },
+      { type: "section-header", text: "CONTRACTOR'S PARTICULARS" },
+      { type: "row", fields: [
+        { key: "contractorCompany", label: "Company Name", fieldType: "text", required: true, cols: 8 },
+        { key: "contractorRegNo", label: "Registration No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "field", field: { key: "contractorAddress", label: "Address", fieldType: "textarea", required: true } },
+      { type: "row", fields: [
+        { key: "contractorPIC", label: "Person in Charge", fieldType: "text", required: true, cols: 6 },
+        { key: "contractorContactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "field", field: { key: "contractorContactOffice", label: "Contact No. (Office)", fieldType: "text" } },
+      {
+        type: "section-header",
+        text: "Summary of Proposed Renovation / Addition & Alteration Works (Attach separate sheet if applicable)",
+      },
+      { type: "field", field: { key: "summaryOfWorks", label: "Summary of Works", fieldType: "textarea", required: true } },
+      { type: "row", fields: [
+        { key: "startDate", label: "Start Date", fieldType: "date", required: true, cols: 6 },
+        { key: "endDate", label: "End Date", fieldType: "date", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "hackingFrom", label: "Hacking Period From", fieldType: "date", cols: 6 },
+        { key: "hackingTo", label: "Hacking Period To", fieldType: "date", cols: 6 },
+      ]},
+      {
+        type: "paragraph",
+        text: "In applying for approval, the Subsidiary Proprietor (Unit Owner) and Contractor undertake to abide by and be subjected to the General Rules & Regulations on Renovation / Addition & Alteration Works as contained in the House Rules.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "signature-row", label: "Signature of Subsidiary Proprietors", key: "signatureProprietor" },
+      { type: "signature-row", label: "Signature of Contractor", key: "signatureContractor" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Processed By:", "Work to be completed by (Date):", "Renovation Deposit (S$):", "Bank / Cheque No.:"] },
+      {
+        type: "paragraph",
+        text: "Note 1: The submission by Subsidiary Proprietor(s) to the Management for the \"Application for Renovation / Addition & Alteration Works\" shall not be construed as exemption from compliance with the building regulations/laws or exemption from obtaining approval from other relevant authorities.",
+      },
+      {
+        type: "paragraph",
+        text: "Note 2: Subsidiary Proprietor(s) shall consult or liaise directly and/or obtain necessary approvals from the relevant authorities before submitting this application to the Management.",
+      },
+    ],
+  },
+
+  "Letter of Undertaking & Indemnity": {
+    title: "LETTER OF UNDERTAKING & INDEMNITY",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "section-header", text: "LETTER OF UNDERTAKING IN RESPECT OF RENOVATION / ADDITION & ALTERATION WORKS" },
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "paragraph", text: "I / We, Subsidiary Proprietor(s) of the above unit, hereby authorise our contractor and company to undertake the purposes of renovation / addition & alteration works to the above property." },
+      { type: "row", fields: [
+        { key: "contractorName", label: "Contractor Name", fieldType: "text", required: true, cols: 6 },
+        { key: "contractorCompany", label: "Company (M/s)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "worksFrom", label: "Works Commence From", fieldType: "date", required: true, cols: 6 },
+        { key: "worksTo", label: "Works Conclude To", fieldType: "date", required: true, cols: 6 },
+      ]},
+      {
+        type: "paragraph",
+        text: "In consideration of you at our request permitting the contractor to have access to the above premises, we hereby agree and undertake to indemnify and hold harmless the Developer, the appointed Managing Agent and the Management, for and against all actions, claims, damages, costs and expenses that may arise from any loss, damage, death, injury from any causes whatsoever to the property or persons caused by or resulting from the Subsidiary Proprietor(s)' A&A works caused by any act, omission, neglect, default of the Subsidiary Proprietor(s), their servants, agents, contractors, sub-contractors, employees, invitees or any other persons whether or not the loss, damage death or injury is due to the negligence of the Developer, the appointed Managing Agent and the Management.",
+      },
+      {
+        type: "paragraph",
+        text: "We further undertake to reimburse the developer and its appointed managing agent for all costs involved in removing waste materials and debris arising from our works if they are not removed by our contractors, failing which the costs involved is to be offset from our deposit.",
+      },
+      {
+        type: "paragraph",
+        text: "We understand that it is our sole responsibility to consult, liaise directly and/or obtain the necessary approvals from the relevant authorities and/or our own Qualified Person before submitting our application to the Management. We shall not commence works of any nature unless we have received the acknowledgement letter from the Management.",
+      },
+      {
+        type: "paragraph",
+        text: "Enclosed herewith is our cheque of S$1,000.00 being the refundable deposit required to be placed with the Management. We shall ensure that our contractors comply with the following:",
+      },
+      { type: "paragraph", text: "A.  To adhere to the renovation guidelines as laid out in the Renovation / Addition & Alteration Guidelines." },
+      { type: "paragraph", text: "B.  To keep the common property clean and remove and cart away waste materials and debris, arising out of works, from time to time and on completion of our works or as and when directed by the Management." },
+      { type: "paragraph", text: "C.  To protect the lobby floors, wall finishes, carpets and lifts against damages when transporting materials." },
+      { type: "paragraph", text: "D.  To note that any replacement of the existing floor finishes (with or without water proofing membrane) will void the waterproof warranty on the floor finishes." },
+      { type: "paragraph", text: "E.  All conditions stated in the application for permit to carry out Addition & Alteration works." },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "field", field: { key: "proprietorName", label: "Name of Subsidiary Proprietor(s)", fieldType: "text", required: true } },
+      { type: "signature-row", label: "Signature of Subsidiary Proprietor(s)", key: "signatureOwner" },
+    ],
+  },
+
+  "Refund of Deposit": {
+    title: "REFUND OF DEPOSIT",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "section-header", text: "REQUEST FOR REFUND OF RENOVATION DEPOSIT" },
+      { type: "paragraph", text: "IN RESPECT OF RENOVATION / ADDITION & ALTERATION WORKS" },
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "paragraph", text: "Dear Sir/Madam" },
+      {
+        type: "paragraph",
+        text: "We wish to inform you that we have completed the works that are reflected in the Application for Renovation / A&A works and there is no violation of the stated guidelines as contained herewith.",
+      },
+      { type: "field", field: { key: "dateOfCompletion", label: "Date of Completion of Renovation / A & A Works", fieldType: "date", required: true } },
+      { type: "field", field: { key: "dateOfJointInspection", label: "Date of Joint Inspection", fieldType: "date" } },
+      { type: "field", field: { key: "remarks", label: "Remarks", fieldType: "textarea" } },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "section-header", text: "Submitted By:" },
+      { type: "field", field: { key: "applicantName", label: "Name of Applicant (Subsidiary Proprietor)", fieldType: "text", required: true } },
+      { type: "signature-row", label: "Signature of Applicant (Subsidiary Proprietor)", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Name of MA:", "Signature of MA:", "Date of Refund:", "Cheque No.:", "Received By:"] },
+    ],
+  },
+
+  "Application for Moving In/Out & Delivery": {
+    title: "APPLICATION FOR MOVING IN/OUT & DELIVERY",
+    blocks: [
+      { type: "paragraph", text: "(To be completed by Unit Owner or Tenant)" },
+      { type: "address", to: "{siteName}" },
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+        { key: "moveType", label: "Move In / Out / Delivery", fieldType: "select", required: true, options: ["Move In", "Move Out", "Delivery"], cols: 8 },
+      ]},
+      { type: "section-header", text: "UNIT OWNER'S / TENANT'S PARTICULARS" },
+      { type: "row", fields: [
+        { key: "ownerTenantName", label: "Name", fieldType: "text", required: true, cols: 6 },
+        { key: "icPassportNo", label: "IC/Passport No.", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (Home)", fieldType: "text", cols: 6 },
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "field", field: { key: "contactOffice", label: "Contact No. (Office)", fieldType: "text", cols: 12 } },
+      {
+        type: "paragraph",
+        text: "I / We shall be responsible for our mover(s) (particulars below) complying with the Rules & Regulations of {siteName}.",
+      },
+      { type: "section-header", text: "MOVER'S PARTICULARS" },
+      { type: "row", fields: [
+        { key: "moverCompany", label: "Mover's Company", fieldType: "text", required: true, cols: 4 },
+        { key: "moverOffice", label: "Office", fieldType: "text", cols: 4 },
+        { key: "moverHP", label: "HP", fieldType: "text", cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "supervisorName", label: "Name of Supervisor", fieldType: "text", required: true, cols: 4 },
+        { key: "supervisorIDPassport", label: "ID/Passport No.", fieldType: "text", cols: 4 },
+        { key: "supervisorWorkPermit", label: "Work Permit", fieldType: "text", cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "moverAddress", label: "Address", fieldType: "text", cols: 4 },
+        { key: "vehicleType", label: "Vehicle Type", fieldType: "text", cols: 4 },
+        { key: "vehicleRegn", label: "Vehicle Regn", fieldType: "text", cols: 4 },
+      ]},
+      { type: "section-header", text: "Undertakings by Subsidiary Proprietor / Tenant" },
+      {
+        type: "paragraph",
+        text: "I confirm that I have read and will abide by the House Rules governing the Moving In / Out & Delivery (or any changes to the House Rules thereafter) as determined by the Management.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "signature-row", label: "Signature", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Security Deposit (S$1,000.00) By Bank / Cheque No.:", "Approved By:", "Date:"] },
+    ],
+  },
+
+  "Application for Electronic Access Card": {
+    title: "APPLICATION FOR ELECTRONIC ACCESS CARD",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "section-header", text: "TO BE COMPLETED BY UNIT OWNER" },
+      { type: "row", fields: [
+        { key: "ownerName", label: "Owner Name", fieldType: "text", required: true, cols: 8 },
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "noOfCards", label: "No. of Access Cards", fieldType: "number", required: true, cols: 4 },
+      ]},
+      { type: "field", field: { key: "ownerNRIC", label: "Owner's NRIC No.", fieldType: "text", required: true } },
+      { type: "row", fields: [
+        { key: "ownerContactHP", label: "Owner's Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+        { key: "ownerContactR", label: "Owner's Contact No. (R)", fieldType: "text", cols: 6 },
+      ]},
+      { type: "section-header", text: "TO BE COMPLETED FOR NOMINEE (IF APPLICABLE)" },
+      { type: "row", fields: [
+        { key: "nomineeNoOfCards", label: "No. of Nominee Access Cards", fieldType: "number", cols: 4 },
+      ]},
+      { type: "paragraph", text: "If the Nominee is a Tenant, please state:" },
+      { type: "field", field: { key: "tenantName", label: "Name of Tenant", fieldType: "text" } },
+      { type: "row", fields: [
+        { key: "tenancyCommence", label: "Commencement of Tenancy", fieldType: "date", cols: 6 },
+        { key: "tenancyExpiry", label: "Expiry of Tenancy", fieldType: "date", cols: 6 },
+      ]},
+      { type: "field", field: { key: "tenantICPassport", label: "Tenant's I/C or Passport No.", fieldType: "text" } },
+      { type: "row", fields: [
+        { key: "tenantContactHP", label: "Tenant's Contact No. (HP)", fieldType: "text", cols: 6 },
+        { key: "tenantContactR", label: "Tenant's Contact No. (R)", fieldType: "text", cols: 6 },
+      ]},
+      { type: "section-header", text: "RULES AND REGULATIONS" },
+      { type: "paragraph", text: "A.  The electronic access card is used to access the side gate, lift lobby and common facilities (where applicable) within the development." },
+      { type: "paragraph", text: "B.  Additional cards above the allocated number (as distributed at time of vacant possession) will be charged at S$50.00 per card (subject to availability). Units requiring extra cards will be considered on a case-by-case basis and documentary proof is required to prove that the applicants are residing in the Development." },
+      { type: "paragraph", text: "C.  The replacement of lost / damaged card is charged at S$50.00 per card (non-refundable). All lost card/s must be reported to the Management immediately." },
+      { type: "paragraph", text: "D.  All residents must exercise due care and diligence in the maintenance of the access card to keep it in good working condition. Keep all cards away from any magnetic device/fields and place them in a cool dry place when not in use." },
+      { type: "paragraph", text: "E.  The Management reserves the right to request for documentary proof to prove that the applicant/s is/are residing in the development before issuing the access card/s." },
+      { type: "paragraph", text: "F.  Upon termination of lease, tenants must surrender the access card/s to the Management before moving out of the estate." },
+      { type: "paragraph", text: "G.  When the owner sells/lease his/her unit, he/she must surrender the access card/s to the Management prior to moving out of the estate." },
+      { type: "paragraph", text: "H.  The Management, personnel or any appointed representative of the Managing Agent may require the person/s using the access card to identify themselves." },
+      { type: "paragraph", text: "I.  The access card/s will only be issued to residents living in {siteName}. Visitors at the Development will not be eligible for an access card. The Management reserves the right to reject the application if documentary proof of the intended access cardholder is not fully furnished." },
+      { type: "paragraph", text: "J.  The Management reserves the right to change any rules and regulations." },
+      { type: "paragraph", text: "K.  All cheques are to be issued in favour of xxxxxx. – the MCST Plan No. (upon constitution)." },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "signature-row", label: "Signature", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Application Fees Received ($):", "By Bank / Cheque No.:", "Approved By:", "Date:"] },
+    ],
+  },
+
+  "Application for Main Entrance RFID Transponder": {
+    title: "APPLICATION FOR MAIN ENTRANCE RFID TRANSPONDER",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "row", fields: [
+        { key: "ownerName", label: "Unit Owner Name", fieldType: "text", required: true, cols: 8 },
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (Home)", fieldType: "text", cols: 6 },
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "section-header", text: "REASONS FOR APPLICATION (Please tick accordingly)" },
+      {
+        type: "checkbox-group",
+        items: [
+          { key: "reasonNewOwner", label: "I am the new owner of the above apartment and wish to apply for vehicle parking" },
+          { key: "reasonLost", label: "I have lost my RFID transponder" },
+          { key: "reasonDamaged", label: "The existing RFID transponder is damaged/faulty" },
+        ],
+      },
+      { type: "section-header", text: "RULES AND REGULATIONS" },
+      { type: "paragraph", text: "A.  The RFID transponder is used for vehicle access into the development through the main entrance gate and strictly one (1) number of RFID transponder is issued to one (1) unit (at no charge) for first (1st) application only, subject to Management's approval." },
+      { type: "paragraph", text: "B.  The replacement of lost / damaged RFID transponder is charged at S$100.00 per unit (non-refundable). The damaged or faulty RFID transponder must be returned to the Management before the issue of the replacement remote control." },
+      { type: "paragraph", text: "C.  All residents must exercise due care and diligence in the maintenance of the RFID transponder to keep it in good working condition. Keep RFID transponder away from any magnetic device/fields and place it in a cool dry place when not in use." },
+      { type: "paragraph", text: "D.  The Management reserves the right to request for documentary proof to prove that the applicant is residing in the development before issuing the RFID transponder." },
+      { type: "paragraph", text: "E.  Upon termination of lease, tenants must surrender the RFID transponder to the Management before moving out of the development. When the owner leases his/her unit, he/she must surrender the RFID transponder to the Management prior to moving out of the development." },
+      { type: "paragraph", text: "F.  The RFID transponder will only be issued to residents who apply for carparking within {siteName}. Visitors to the Development will not be eligible for a RFID transponder. The Management reserves the right to reject any application if documentary proof of the intended RFID transponder is not fully furnished." },
+      { type: "paragraph", text: "G.  The Management reserves the right to change any rules and regulations." },
+      { type: "paragraph", text: "H.  All cheques are to be issued in favour of xxxxxxx – the MCST Plan No. (upon constitution)." },
+      {
+        type: "paragraph",
+        text: "I / We confirm that the above particulars are correct and undertake to comply with all rules and regulations governing the issuance of the RFID transponder. I / We understand that the RFID transponder will remain the property of the Management and shall be surrendered on demand.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "signature-row", label: "Signature of Subsidiary Proprietor", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "ACKNOWLEDGEMENT" },
+      { type: "acknowledgement", text: "I / We hereby acknowledge receipt of the RFID transponder." },
+      { type: "signature-row", label: "Signature of Recipient", key: "signatureRecipient" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Approved By:", "Cheque No.:", "Date:", "RFID Tag No.:"] },
+    ],
+  },
+
+  "Application for Bicycle Parking": {
+    title: "APPLICATION FOR BICYCLE PARKING",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      {
+        type: "row",
+        fields: [
+          { key: "unitOwnerTenantName", label: "Unit Owner / Tenant Name", fieldType: "text", required: true, cols: 8 },
+          { key: "unitNo", label: "Unit No. #", fieldType: "text", required: true, cols: 4 },
+        ],
+      },
+      {
+        type: "row",
+        fields: [
+          { key: "contactHome", label: "Contact No (Home)", fieldType: "text", cols: 6 },
+          { key: "contactHP", label: "Contact No (HP)", fieldType: "text", required: true, cols: 6 },
+        ],
+      },
+      { type: "section-header", text: "REASONS FOR APPLICATION (Please tick accordingly)" },
+      {
+        type: "checkbox-group",
+        single: true,
+        items: [
+          { key: "reasonNewOwner", label: "I am the new owner / tenant of the above apartment" },
+          { key: "reasonSoldChanged", label: "I have sold / changed my bicycle" },
+          { key: "reasonOthers", label: "Others – Please elaborate", elaborateKey: "reasonOthersDetail" },
+        ],
+      },
+      {
+        type: "paragraph",
+        text: "I / We have read the above conditions and agreed to abide by the terms and conditions therein. I / We confirmed that the above particulars are correct and undertake to comply with all rules and regulations governing the usage of bicycle parking.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We understand that when I / We lease / move out of the apartment. I / We are to surrender use of the bicycle parking to the Management immediately upon vacating the premises. I / We agree to adhere to the above rules governing the bicycle parking.",
+      },
+      { type: "signature-row", label: "Signature of Subsidiary Proprietor / Tenant", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "ACKNOWLEDGEMENT" },
+      { type: "acknowledgement", text: "I/We hereby acknowledge receipt of remote control." },
+      { type: "signature-row", label: "Signature of Recipient", key: "signatureRecipient" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Tag No. Issued:", "Approved By:", "Date:"] },
+    ],
+  },
+
+  "Application for Booking of BBQ Pit": {
+    title: "APPLICATION FOR BOOKING OF BBQ PIT",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "row", fields: [
+        { key: "residentName", label: "Resident's Name", fieldType: "text", required: true, cols: 8 },
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (Home)", fieldType: "text", cols: 6 },
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "bookingDate", label: "Date of Booking", fieldType: "date", required: true, cols: 6 },
+        { key: "noOfGuests", label: "Nos. of Guests", fieldType: "number", required: true, cols: 6 },
+      ]},
+      { type: "section-header", text: "Alfresco BBQ – Select Time Slot" },
+      {
+        type: "checkbox-group",
+        items: [
+          { key: "timeSlotAM", label: "10.00 am – 4.00 pm" },
+          { key: "timeSlotPM", label: "5.00 pm – 10.00 pm" },
+        ],
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that the management may collect and use and disclose such information for management of the development, security and monitoring purposes. I / We further agree that such information may be disclosed to the third parties who are providing the services to the development.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to abide by the rules & regulations stated in Residents' Handbook - Recreational Facilities, Roof Terrace BBQ Pit and shall comply with the conditions stated therein.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to pay an Administrative Fee of Singapore Dollars Ten Only ($30.00) per session (non-refundable) and a refundable Security Deposit of Singapore Dollars One Hundred Only (S$100.00) shall be made by crossed cheque payable to \"xxxxxxx.\" – to the MCST Plan No. (upon constitution), failing which the facility will be made open for booking again.",
+      },
+      { type: "signature-row", label: "Signature of Resident", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Administrative Fee Bank & Cheque No.:", "Refundable Security Deposit Bank & Cheque No.:", "Amount:", "Approved By:", "Date:"] },
+    ],
+  },
+
+  "Application for Booking of Rooftop Bar/Dining": {
+    title: "APPLICATION FOR BOOKING OF ROOFTOP BAR/DINNING",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "row", fields: [
+        { key: "residentName", label: "Resident's Name", fieldType: "text", required: true, cols: 8 },
+        { key: "unitNo", label: "Unit No.", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHome", label: "Contact No. (Home)", fieldType: "text", cols: 6 },
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "bookingDate", label: "Date of Booking", fieldType: "date", required: true, cols: 6 },
+        { key: "noOfGuests", label: "Nos. of Guests", fieldType: "number", required: true, cols: 6 },
+      ]},
+      {
+        type: "checkbox-group",
+        title: "Rooftop Bar",
+        items: [
+          { key: "rooftopBarAM", label: "10.00 am – 4.00 pm" },
+          { key: "rooftopBarPM", label: "5.00 pm – 10.00 pm" },
+        ],
+      },
+      {
+        type: "checkbox-group",
+        title: "Rooftop Dining",
+        items: [
+          { key: "rooftopDiningAM", label: "10.00 am – 4.00 pm" },
+          { key: "rooftopDiningPM", label: "5.00 pm – 10.00 pm" },
+        ],
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to provide my personal information as indicated and understand that the management may collect and use and disclose such information for management of the development, security and monitoring purposes. I / We further agree that such information may be disclosed to the third parties who are providing the services to the development.",
+      },
+      {
+        type: "paragraph",
+        text: "I / We agree to abide by the rules & regulations stated in Residents' Handbook - Recreational Facilities, Rooftop Bar and Rooftop Dinning and shall comply with the conditions stated therein.",
+      },
+      { type: "signature-row", label: "Signature of Resident", key: "signatureOwner" },
+      { type: "divider" },
+      { type: "section-header", text: "FOR MANAGEMENT USE:" },
+      { type: "management-use", items: ["Approved By:", "Date:"] },
+    ],
+  },
+
+  "Letter of Undertaking by Marketing Agent": {
+    title: "LETTER OF UNDERTAKING BY MARKETING AGENT",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "paragraph", text: "Dear Sir/Madam" },
+      { type: "section-header", text: "LETTER OF AUTHORIZATION TO ACT AS MARKETING AGENT – {siteName}" },
+      { type: "row", fields: [
+        { key: "agentName", label: "Name of Marketing Agent", fieldType: "text", required: true, cols: 6 },
+        { key: "company", label: "Company", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "unitNo", label: "Unit No. (authorized to market)", fieldType: "text", required: true, cols: 4 },
+      ]},
+      {
+        type: "paragraph",
+        text: "I, (herein known as the \"Marketing Agent\") of the above Company, hereby declare that I am authorized by the Subsidiary Proprietor(s) of the above Unit to market their unit at the said development.",
+      },
+      {
+        type: "paragraph",
+        text: "I agree to above with the Rules and Regulations as stated in the Residents' Handbook (or any changes to it thereafter) as determined by the Management and undertake to be fully responsible for my good conduct and behaviour.",
+      },
+      {
+        type: "paragraph",
+        text: "I hereby undertake that I shall not harass and canvass for business from any other visitors, occupiers, owners at the said development.",
+      },
+      {
+        type: "paragraph",
+        text: "I will also undertake NOT to slot any print advertisements in the mailboxes and/or into any units, put up any form of outdoor advertisements (e.g. banners) to be displayed on any part of the development.",
+      },
+      {
+        type: "paragraph",
+        text: "I will further undertake and ensure that neither I, my prospective tenant(s) or purchaser(s) do NOT take any photograph and/or conduct any filming on any part of the development without the approval of the Management.",
+      },
+      { type: "field", field: { key: "licenseNo", label: "License No.", fieldType: "text" } },
+      { type: "row", fields: [
+        { key: "nricLast4", label: "NRIC No. (last 4 digits)", fieldType: "text", cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "contactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+        { key: "contactOffice", label: "Contact No. (O)", fieldType: "text", cols: 6 },
+      ]},
+      { type: "field", field: { key: "email", label: "Email", fieldType: "text" } },
+      {
+        type: "paragraph",
+        text: "I agree on to provide my personal information as indicated and understand that it is solely to be used by the Management for management purposes only. The personal data shall not be used for other purposes.",
+      },
+      { type: "signature-row", label: "Name & Signature of Marketing Agent", key: "signatureAgent" },
+      { type: "paragraph", text: "Company Stamp (if applicable)" },
+    ],
+  },
+
+  "Vehicle Registration Form": {
+    title: "VEHICLE REGISTRATION FORM",
+    blocks: [
+      { type: "address", to: "{siteName}" },
+      { type: "row", fields: [
+        { key: "ownerName", label: "Name of Unit Owner", fieldType: "text", required: true, cols: 8 },
+        { key: "ownerNRIC", label: "NRIC", fieldType: "text", required: true, cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "ownerContactHP", label: "Contact No. (HP)", fieldType: "text", required: true, cols: 6 },
+      ]},
+      { type: "row", fields: [
+        { key: "tenantName", label: "Name of Tenant", fieldType: "text", cols: 8 },
+        { key: "tenantNRIC", label: "NRIC", fieldType: "text", cols: 4 },
+      ]},
+      { type: "row", fields: [
+        { key: "tenantContactHP", label: "Tenant Contact No. (HP)", fieldType: "text", cols: 6 },
+      ]},
+      { type: "field", field: { key: "unitNo", label: "Unit No.", fieldType: "text", required: true } },
+      { type: "field", field: { key: "carOwnerName", label: "Car Owner Name", fieldType: "text", required: true } },
+      { type: "field", field: { key: "carPlateNo", label: "Car Plate No. (Log Card to be submitted)", fieldType: "text", required: true } },
+      { type: "field", field: { key: "makeModelColour", label: "Make / Model / Colour", fieldType: "text", required: true } },
+      { type: "paragraph", text: "A.  I/We agree to abide by the rules and regulations as stipulated in {siteName} handbook at all times." },
+      { type: "paragraph", text: "B.  I/We also understand that all vehicles are parked entirely at the owner's risk. All persons and vehicles within the car park enter entirely at the risk of such person and/or the motorist. Persons entering the car park shall be responsible for any damage or loss to the car(s) parked or the car park equipment caused by such persons." },
+      { type: "paragraph", text: "C.  I/We acknowledge that the vehicle shall be parked properly without causing any inconvenience to other users." },
+      { type: "paragraph", text: "D.  I/We acknowledge that I/we fully understand the balloting of car park lots when required." },
+      { type: "paragraph", text: "E.  I/We acknowledge that for 2nd and subsequent car application will not be entertained. The Management reserved the right to terminate the approval of vehicle application at any point in time." },
+      { type: "field", field: { key: "acknowledgeBy", label: "Acknowledge By", fieldType: "text" } },
+      { type: "signature-row", label: "Signature of Acknowledge", key: "signatureOwner" },
+      { type: "field", field: { key: "signerName", label: "Name (Owner / Tenant)", fieldType: "text", required: true } },
+    ],
+  },
+};
+
+export default function useOnlineFormPages() {
+  return { formPages };
+}