From ae35c1cd00d5ed2a135cd142252a99095b70fb3a Mon Sep 17 00:00:00 2001 From: oonyeje Date: Tue, 6 Jan 2026 11:02:29 -0500 Subject: [PATCH] - add recaptcha frontend setup (wip: for backend script to validate recaptcha) - use data variables when writing project scripts --- .webstudio/data.json | 163 +++++++++++++++++++- app/__generated__/$.tsx | 2 +- app/__generated__/$resources.sitemap.xml.ts | 2 +- app/__generated__/[about]._index.tsx | 2 +- app/__generated__/[contact]._index.tsx | 3 +- app/__generated__/[insurance]._index.tsx | 2 +- app/__generated__/[services]._index.tsx | 2 +- app/__generated__/_index.tsx | 3 +- 8 files changed, 168 insertions(+), 11 deletions(-) diff --git a/.webstudio/data.json b/.webstudio/data.json index 4b1606c..65d682f 100644 --- a/.webstudio/data.json +++ b/.webstudio/data.json @@ -1,10 +1,10 @@ { "build": { - "id": "0fa6d084-a975-4ebd-8c09-aebcb05c2326", + "id": "b5e39f55-b670-4f2a-9fc8-79f5f281bb40", "projectId": "363652e3-9846-4534-acdf-9b2b3c66eec0", - "version": 5355, - "createdAt": "2026-01-05T00:35:32.408+00:00", - "updatedAt": "2026-01-05T00:35:32.408+00:00", + "version": 5432, + "createdAt": "2026-01-06T16:00:08.44+00:00", + "updatedAt": "2026-01-06T16:00:08.44+00:00", "pages": { "meta": { "siteName": "Inasa Healthcare", @@ -29852,6 +29852,19 @@ "value": 1.5 } } + ], + [ + "eENw2HjYEorPmsVE2wrRJ:5zaWVFAeAfWgFjJNQ0GET:width:", + { + "breakpointId": "5zaWVFAeAfWgFjJNQ0GET", + "styleSourceId": "eENw2HjYEorPmsVE2wrRJ", + "property": "width", + "value": { + "type": "unit", + "unit": "%", + "value": 50 + } + } ] ], "styleSources": [ @@ -31590,6 +31603,13 @@ "type": "local", "id": "GqpFBBFprgpQFFazEUGaI" } + ], + [ + "eENw2HjYEorPmsVE2wrRJ", + { + "type": "local", + "id": "eENw2HjYEorPmsVE2wrRJ" + } ] ], "styleSourceSelections": [ @@ -33824,6 +33844,15 @@ "GqpFBBFprgpQFFazEUGaI" ] } + ], + [ + "VppAZ0TDHoNOe9k62U6BX", + { + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "values": [ + "eENw2HjYEorPmsVE2wrRJ" + ] + } ] ], "props": [ @@ -35786,6 +35815,76 @@ "type": "string", "value": "https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536" } + ], + [ + "IPh-867v50KP0SZXNrnm9", + { + "id": "IPh-867v50KP0SZXNrnm9", + "instanceId": "YXxe1L0yH2J-Ti2z2f_nI", + "name": "code", + "type": "string", + "value": "" + } + ], + [ + "grMEKZ-HQ5LK4qOL3sStX", + { + "id": "grMEKZ-HQ5LK4qOL3sStX", + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "class", + "type": "string", + "value": "g-recaptcha" + } + ], + [ + "HE7SJHMpI9xTTh4J4Yna1", + { + "id": "HE7SJHMpI9xTTh4J4Yna1", + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "data-sitekey", + "type": "expression", + "value": "$ws$dataSource$PjUfILZrLQQ3aB7ddbqN9" + } + ], + [ + "1OX4gk8KEMiLWImgEPCvN", + { + "id": "1OX4gk8KEMiLWImgEPCvN", + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "data-action", + "type": "string", + "value": "SUBMIT_FORM_MESSAGE" + } + ], + [ + "bfs9j5mxJNYFM8VaWyvtv", + { + "id": "bfs9j5mxJNYFM8VaWyvtv", + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "required", + "type": "string", + "value": "true" + } + ], + [ + "dkJINgeUSowVV4x5qjSlu", + { + "id": "dkJINgeUSowVV4x5qjSlu", + "instanceId": "YXxe1L0yH2J-Ti2z2f_nI", + "name": "data-ws-show", + "type": "boolean", + "value": false + } + ], + [ + "kJbEI-ZSjVdxQMfyEhjig", + { + "id": "kJbEI-ZSjVdxQMfyEhjig", + "instanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "data-ws-show", + "type": "boolean", + "value": false + } ] ], "dataSources": [ @@ -35866,6 +35965,32 @@ "value": "$res:u/oonyeje/brevo_access_key" } } + ], + [ + "Rb4jZFNnDwnVryTz5T0AK", + { + "type": "variable", + "id": "Rb4jZFNnDwnVryTz5T0AK", + "scopeInstanceId": "cak3K6f0txiZz-JxidyCu", + "name": "RECAPTCHA_KEY", + "value": { + "type": "string", + "value": "6LfUMEAsAAAAAEZToQcCSCVbPw8BX2Hrt1DWlbm3" + } + } + ], + [ + "PjUfILZrLQQ3aB7ddbqN9", + { + "type": "variable", + "id": "PjUfILZrLQQ3aB7ddbqN9", + "scopeInstanceId": "VppAZ0TDHoNOe9k62U6BX", + "name": "RECAPTCHA_KEY", + "value": { + "type": "string", + "value": "6LdzXT8sAAAAANGtY6e5k2W0Z9VABHe75zGRt07C" + } + } ] ], "resources": [], @@ -37408,6 +37533,10 @@ "component": "ws:element", "tag": "section", "children": [ + { + "type": "id", + "value": "YXxe1L0yH2J-Ti2z2f_nI" + }, { "type": "id", "value": "sir1L86ob3MdPhstm94Hb" @@ -39469,6 +39598,7 @@ "type": "instance", "id": "FWErf923dUrcCtRUj8GsR", "component": "HtmlEmbed", + "label": "Contact Form Submit Script", "children": [] } ], @@ -41598,6 +41728,10 @@ "type": "id", "value": "VyIFtFPr8JzvNc1Wj30Wv" }, + { + "type": "id", + "value": "VppAZ0TDHoNOe9k62U6BX" + }, { "type": "id", "value": "ohhe3SozVAasVdjYbb_Ek" @@ -43661,6 +43795,27 @@ } ] } + ], + [ + "YXxe1L0yH2J-Ti2z2f_nI", + { + "type": "instance", + "id": "YXxe1L0yH2J-Ti2z2f_nI", + "component": "HtmlEmbed", + "label": "Recaptcha Script", + "children": [] + } + ], + [ + "VppAZ0TDHoNOe9k62U6BX", + { + "type": "instance", + "id": "VppAZ0TDHoNOe9k62U6BX", + "component": "ws:element", + "tag": "div", + "label": "RecaptchaBlock", + "children": [] + } ] ], "deployment": { diff --git a/app/__generated__/$.tsx b/app/__generated__/$.tsx index 4e4dd70..a5c35ae 100644 --- a/app/__generated__/$.tsx +++ b/app/__generated__/$.tsx @@ -10,7 +10,7 @@ import { Fragment as Fragment_1, Slot as Slot, HtmlEmbed as HtmlEmbed, Image as export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; diff --git a/app/__generated__/$resources.sitemap.xml.ts b/app/__generated__/$resources.sitemap.xml.ts index 2224495..c05f5b9 100644 --- a/app/__generated__/$resources.sitemap.xml.ts +++ b/app/__generated__/$resources.sitemap.xml.ts @@ -2,7 +2,7 @@ export const sitemap = [ { "path": "/", - "lastModified": "2026-01-05" + "lastModified": "2026-01-06" } ]; \ No newline at end of file diff --git a/app/__generated__/[about]._index.tsx b/app/__generated__/[about]._index.tsx index bd458e7..c70ba2d 100644 --- a/app/__generated__/[about]._index.tsx +++ b/app/__generated__/[about]._index.tsx @@ -10,7 +10,7 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; diff --git a/app/__generated__/[contact]._index.tsx b/app/__generated__/[contact]._index.tsx index bb127d7..4a2a8d3 100644 --- a/app/__generated__/[contact]._index.tsx +++ b/app/__generated__/[contact]._index.tsx @@ -10,7 +10,7 @@ import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-i export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; @@ -29,6 +29,7 @@ import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-i const Page = (_props: { system: any; }) => { +let [RECAPTCHA_KEY, set$RECAPTCHA_KEY] = useVariableState("6LdzXT8sAAAAANGtY6e5k2W0Z9VABHe75zGRt07C") let [WINDMILL_BASE_URL, set$WINDMILL_BASE_URL] = useVariableState("https://windmill.bsidesolutions.net/api") let [BREVO_JWT_TOKEN, set$BREVO_JWT_TOKEN] = useVariableState("VTU7hlcLX0LDE2tyEYIQ1XSe4hVPU10I") let [CONTACT_FORM_WEBHOOK_URL_PATH, set$CONTACT_FORM_WEBHOOK_URL_PATH] = useVariableState("w/bside-hosted-websites/jobs/run/p/f/email_automations/send_a_transactional_email_for_website_contact_form") diff --git a/app/__generated__/[insurance]._index.tsx b/app/__generated__/[insurance]._index.tsx index af7f814..a2df59f 100644 --- a/app/__generated__/[insurance]._index.tsx +++ b/app/__generated__/[insurance]._index.tsx @@ -11,7 +11,7 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; diff --git a/app/__generated__/[services]._index.tsx b/app/__generated__/[services]._index.tsx index f67beeb..7bab15c 100644 --- a/app/__generated__/[services]._index.tsx +++ b/app/__generated__/[services]._index.tsx @@ -11,7 +11,7 @@ import { Body as Body, Link as Link } from "@webstudio-is/sdk-components-react-r export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; diff --git a/app/__generated__/_index.tsx b/app/__generated__/_index.tsx index a13cabc..7535e65 100644 --- a/app/__generated__/_index.tsx +++ b/app/__generated__/_index.tsx @@ -11,7 +11,7 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; - export const lastPublished = "2026-01-05T00:35:32.408Z"; + export const lastPublished = "2026-01-06T16:00:08.440Z"; export const siteName = "Inasa Healthcare"; @@ -51,6 +51,7 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial const Page = (_props: { system: any; }) => { +let [RECAPTCHA_KEY, set$RECAPTCHA_KEY] = useVariableState("6LdzXT8sAAAAANGtY6e5k2W0Z9VABHe75zGRt07C") let [WINDMILL_BASE_URL, set$WINDMILL_BASE_URL] = useVariableState("https://windmill.bsidesolutions.net/api") let [BREVO_JWT_TOKEN, set$BREVO_JWT_TOKEN] = useVariableState("VTU7hlcLX0LDE2tyEYIQ1XSe4hVPU10I") let [CONTACT_FORM_WEBHOOK_URL_PATH, set$CONTACT_FORM_WEBHOOK_URL_PATH] = useVariableState("w/bside-hosted-websites/jobs/run/p/f/email_automations/send_a_transactional_email_for_website_contact_form")