{ "id": "ahv-page-confirmation-desktop", "file": "AHV Page Confirmation Desktop.dc.html", "sourceSha256": "2478a6aa530be6efdfdd25fc1dd5801482422401d1898245a1478ea6ba616fdc", "variant": "desktop", "template": "\n\n\n\n\n\n\n\n
\nDirect naar de hoofdinhoud\n\n
\n\n\n\n\n\n\n
\n
\n
Kairali — The Ayurvedic Healing Village · Sinds 1908
\n

{{ dv.heading }}

\n

{{ dv.body }}

\n {{ dv.link.label }}\n
\n \n
{{ ownImagesEl }}
\n \n \n \"\"\n \n
\n\n\n\n
\n
\n \"\"\n \"\"\n
\n
\n \"\"\n
{{ eyebrow }}
\n

{{ h1Lead }}{{ h1Em }}

\n
\n

{{ p }}

\n
\n
{{ note }}
\n
\n
\n

{{ stepsHeading }}

\n
    \n \n
  1. \n
    {{ s.n }}
    \n

    {{ s.h }}

    \n

    {{ s.p }}

    \n
    {{ s.when }}
    \n
    2. \n     \n
\n
\n
\n
\n
{{ sooner.eyebrow }}
\n

{{ sooner.h2 }}

\n

{{ p }}

\n
\n
\n \n {{ a.label }}\n \n
\n
\n\n\n
\n {{ trust.seal }}\n ◆{{ t.b }}{{ t.rest }}\n
\n\n
\n
\n\n\n\n
\n \"\"\n
\n \"\"\n
\n

{{ brandLine }}

\n

{{ h1 }}

\n

{{ p }}

\n {{ action.label }}\n
\n
\n\n\n\n
\n
\n \"\"\n
\n
\n \"\"\n

{{ h1 }}

\n
\n\n
\n

{{ bodyText }}

\n
\n\n
\n
\n {{ posterEl }}\n
\n \n
\n

{{ transcript.heading }}

\n
    \n
  • {{ l }}
    • \n
\n
\n\n
\n
\n\n\n
\n\n
\n", "logic": "\nclass Component extends DCLogic {\n route() { return window.AHV_CONFIRM_RENDER ? window.AHV_CONFIRM_RENDER.resolveRoute(this.props.route) : null; }\n componentDidMount() { const R = this.route(); if (R) { window.AHV_CONFIRM_RENDER.applyHead(R); this._head = R.path; } }\n componentDidUpdate() { const R = this.route(); if (R && R.path !== this._head) { window.AHV_CONFIRM_RENDER.applyHead(R); this._head = R.path; } }\n renderVals() {\n const P = window.AHV_CONFIRM_RENDER, D = window.AHV_CONFIRM || {}; const R = this.route();\n const guard = () => {}; /* preview-only nav guard neutralised for the published site */\n const receipt = P ? P.resolveReceipt(this.props.prototypeReceipt) : false;\n // Utility routes (/book-now/, /cart/, /checkout/) carry their own exact direct-visit copy and have no\n // receipt state at all: they are anonymous fallback states, never a confirmation of a transaction.\n const dv = (R && R.directVisit) || D.directVisit || { heading: '', body: '', link: { href: '', label: '' } };\n const utility = !!(R && R.utility);\n // A route that carries its own source images binds them here; every other route keeps the existing\n // default artwork untouched. Built as React nodes so no raw interpolated src is ever requested.\n const own = (R && R.images && R.images.length) ? R.images : null;\n // Route-specific breadcrumb from the record; routes without a recorded chain render no nav.\n const bcChain = (R && R.crumbs) || [];\n const bcVals = { showBreadcrumb: bcChain.length > 0,\n crumbs: bcChain.slice(0, -1).map(c => ({ url: 'https://ayurvedichealingvillage.com' + c.path, label: c.label })),\n crumbLast: bcChain.length ? bcChain[bcChain.length - 1].label : '' };\n const base = Object.assign({}, bcVals, { guard, dv, isDirect: utility || !receipt || !R, isNext: false, isLegacy: false, isImage: false,\n hasOwnImages: !!own, hasDefaultArtwork: !own,\n ownImagesEl: own ? own.map((im, k) => React.createElement('img', { key: 'oi' + k, src: im.file,\n alt: im.alt || '', width: im.width, height: im.height, loading: 'lazy',\n 'data-source-pointer': im.ptr,\n // natural proportions, capped at the recorded natural width so the 83x56 logo is never upscaled\n style: { display: 'block', width: '100%', maxWidth: im.width + 'px', height: 'auto', borderRadius: '4px' } })) : null });\n if (!R || !receipt || utility) return base;\n // Own-source images belong to the route, not to a state: carry them into every branch below.\n const imgFields = { hasOwnImages: base.hasOwnImages, hasDefaultArtwork: base.hasDefaultArtwork,\n ownImagesEl: base.ownImagesEl };\n const A = P.A;\n const btn = (k) => k === 'primary'\n ? 'display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:#5A4420;color:#F7F4EA;border-radius:4px;font-weight:700;font-size:16px'\n : 'display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:#fff;color:#5A4420;border:2px solid #5A4420;border-radius:4px;font-weight:700;font-size:16px';\n const v = R.variant;\n const out = Object.assign(base, { isNext: v === 'next-steps', isLegacy: v === 'legacy-queue', isImage: v === 'image-receipt', h1: R.h1 });\n if (v === 'next-steps') {\n const em = R.h1Em; const lead = em ? R.h1.slice(0, R.h1.lastIndexOf(em)) : R.h1;\n Object.assign(out, {\n hero1024: R.hero === 'landscape1024', hero1440: R.hero === 'landscape1440', lotus: !!R.lotus,\n hasEyebrow: !!R.eyebrow, eyebrow: R.eyebrow, h1Lead: lead, hasEm: !!em, h1Em: em,\n lede: R.lede, hasNote: !!R.note, note: R.note, hasStepsHeading: !!R.stepsHeading, stepsHeading: R.stepsHeading,\n steps: R.steps.map(s => Object.assign({}, s, { when: s.when || false })),\n sooner: R.sooner, hasSoonerEyebrow: !!R.sooner.eyebrow,\n actions: R.sooner.actions.map(a => ({ href: a.href, label: a.label, rel: a.external ? 'noopener' : undefined, style: btn(a.kind) })),\n wait: R.wait, cards: R.wait.cards.map(c => Object.assign({}, c, { url: A + c.href, kicker: c.kicker || false, go: c.go || false })),\n hasTrust: !!R.trust, trust: R.trust ? { seal: R.trust.seal, items: R.trust.items.map(t => ({ b: t.b || false, rest: t.rest })) } : { seal: '', items: [] }\n });\n } else if (v === 'legacy-queue') {\n Object.assign(out, { brandLine: R.brandLine, paragraphs: R.paragraphs, action: R.action });\n } else {\n // Image receipt: the receipt image, optional source body paragraph and optional transcript are data-driven.\n // A route without them (the accepted /onlineconsultation-thanks/ dataset) renders exactly as before.\n const pi = R.posterImage || D.images.poster;\n Object.assign(out, {\n transcript: R.transcript || { heading: '', lines: [] }, hasTranscript: !!R.transcript,\n poster: { src: pi.src, width: pi.width, height: pi.height, maxWidth: pi.width + 'px', ptr: pi.ptr || '' },\n posterAlt: pi.alt || '',\n // Built as a React node (same pattern as the Article Reader heroEl): a raw interpolated src attribute in the\n // template is prefetched by the browser before interpolation and 404s on the literal placeholder URL.\n posterEl: React.createElement('img', { src: pi.src, alt: pi.alt || '', width: pi.width, height: pi.height,\n 'data-source-pointer': pi.ptr || undefined,\n style: { width: '100%', maxWidth: pi.width + 'px', height: 'auto', display: 'block', borderRadius: '4px' } }),\n hasBody: !!(R.body && R.body.text), bodyText: (R.body && R.body.text) || '', bodyPtr: (R.body && R.body.ptr) || ''\n });\n }\n return out;\n }\n}\n", "props": "{\"route\":{\"editor\":\"enum\",\"default\":\"/thanks/\",\"tsType\":\"string\",\"options\":[\"/contact-us/thank-you/\",\"/onlinebookingthankyou/\",\"/onlineconsultation-thanks/\",\"/ppc-thanks/\",\"/thanks/\",\"/book-now/\",\"/cart/\",\"/checkout/\",\"/emailsubscriber/\"],\"section\":\"Prototype route binding (not part of the public design)\"},\"prototypeReceipt\":{\"editor\":\"boolean\",\"default\":false,\"tsType\":\"boolean\",\"section\":\"Review only — synthetic receipt mockup. Public default is the neutral direct-visit state; a URL never proves submission.\"}}", "scripts": [ "/ahv/l10n/nl/assets/confirmation-family-data.js", "/ahv/l10n/nl/assets/confirmation-family-render.js" ], "locale": "nl" }