Expose collector form field values to svg

The handlebars context had no access to the collector form's values

Author: Siyasanga

CHANGELOG.md

@@ -19,6 +19,7 @@
   This version enforces environment to have Node 22 installed (supported until 30 April 2027) and removes support for Node 18 for better performance and using [new features](https://github.com/nodejs/node/releases/tag/v22.0.0) offered by NodeJS
 
   - Use nvm to upgrade your local development environment to use node version `22.x.x.`
+  - Add collector form fields to the handlebars context so that helper can have logic targeting collector form values
 
 - **UI enhancements**
 

packages/client/src/v2-events/features/events/actions/print-certificate/Review.tsx

@@ -218,7 +218,8 @@ export function Review() {
     locations,
     users,
     certificateConfig,
-    language
+    language,
+    collectorFormData: annotation
   })
   /**
    * If there are validation errors in the form, redirect to the

packages/client/src/v2-events/features/events/actions/print-certificate/pdfUtils.ts

@@ -219,6 +219,7 @@ export function compileSvg({
   $metadata,
   $declaration,
   $actions,
+  $collectorForm,
   locations,
   users,
   review,
@@ -233,6 +234,7 @@ export function compileSvg({
   }
   $actions: ActionDocument[]
   $declaration: EventState
+  $collectorForm?: Record<string, unknown>
   locations: Location[]
   users: UserOrSystem[]
   /**
@@ -566,6 +568,7 @@ export function compileSvg({
   const data = {
     $declaration,
     $metadata,
+    $collectorForm: $collectorForm ?? {},
     $review: review,
     $references: {
       locations,

packages/client/src/v2-events/hooks/usePrintableCertificate.ts

@@ -67,14 +67,16 @@ export const usePrintableCertificate = ({
   locations,
   users,
   certificateConfig,
-  language
+  language,
+  collectorFormData
 }: {
   event: EventDocument
   config: EventConfig
   locations: Location[]
   users: UserOrSystem[]
   certificateConfig?: CertificateTemplateConfig
   language?: LanguageConfig
+  collectorFormData?: Record<string, unknown>
 }) => {
   const { eventConfiguration } = useEventConfiguration(event.type)
   const { config: appConfig } = useSelector(getOfflineData)
@@ -112,6 +114,7 @@ export const usePrintableCertificate = ({
     $metadata: modifiedMetadata,
     $declaration: declaration,
     $actions: event.actions as ActionDocument[],
+    $collectorForm: collectorFormData,
     review: true,
     locations,
     users,
@@ -148,6 +151,7 @@ export const usePrintableCertificate = ({
       },
       $declaration: declarationWithResolvedImages,
       $actions: event.actions as ActionDocument[],
+      $collectorForm: collectorFormData,
       locations,
       review: false,
       users,