From 5b0118bf8aee7fb8a094126b849c0206f65c77dc Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Wed, 18 Sep 2024 16:16:06 +1000
Subject: [PATCH] feat(@dpc-sdp/ripple-tide-webform): add captcha support to
 rating form via feature flags

---
 packages/nuxt-ripple/components/TideContentRating.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/nuxt-ripple/components/TideContentRating.vue b/packages/nuxt-ripple/components/TideContentRating.vue
index 2560eee29b..bcf0ab01d5 100644
--- a/packages/nuxt-ripple/components/TideContentRating.vue
+++ b/packages/nuxt-ripple/components/TideContentRating.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
+import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
 
 interface Props {
   siteSectionName: string
@@ -21,6 +22,10 @@ onMounted(() => {
   isMounted.value = true
   pageUrl.value = window.location.href
 })
+
+const featureFlags: IRplFeatureFlags = inject('featureFlags', {})
+
+const captchaConfig = featureFlags.contentRatingCaptchaConfig
 </script>
 
 <template>
@@ -35,6 +40,7 @@ onMounted(() => {
             title="Was this page helpful?"
             successMessageHTML="Thank you! Your response has been submitted."
             errorMessageHTML="We are experiencing a server error. Please try again, otherwise contact us."
+            :captcha-config="captchaConfig"
           >
             <template #default="{ value }">
               <div class="tide-content-rating__rating">