{ "id": "ahv-page-enquiry-mobile", "file": "AHV Page Enquiry Mobile.dc.html", "sourceSha256": "66408b13b22aa62a96b4845b135bf3ee53291b9bad16003c9ed922fda3c0397f", "variant": "mobile", "template": "\n\n\n\n\n\n\n\n
\nAller au contenu principal\n\n
\n\n
\n \n
\n
Kairali — The Ayurvedic Healing Village · Depuis 1908
\n

{{ h1 }}

\n
\n
\n
\n \"\"\n \"Un\n \n
\n {{ heroLegacyEl }}\n {{ legacyLotusEl }}\n
\n \n
\n\n\n
\n

{{ L.intro }}

\n
\n \n \n \n
\n\n \n\n \n\n \n
\n\n\n\n
\n

{{ L.h2 }}

\n

{{ L.intro }}

\n \n {{ leSkip.text }}\n \n \n
{{ leBodyEl }}
\n \n \n \n \n
\n
\n \n
{{ leStepStatus }}
\n {{ leStepImageEl }}\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n

{{ f.note }}

\n \n \n
\n {{ f.label }} *\n
\n \n \n \n
\n
\n \n \n
\n {{ f.label }} *\n
\n \n \n \n
\n
\n \n \n \n \n

{{ f.note }}

\n \n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n

{{ leFormHelp.text }}

\n \n

{{ leNotice }}

\n
\n
\n\n\n\n
\n
\n
\n
{{ C.eyebrow }}
\n

{{ C.sub }}

\n
{{ C.status.open }}|{{ C.status.clockPlaceholder }}|{{ C.status.badge }}
\n
\n \n
\n
\n

{{ C.router.h2 }}

\n

{{ C.router.sub }}

\n \n

{{ C.also }}

\n
\n
\n

{{ C.channels.h2 }}

\n

{{ C.channels.sub }}

\n \n
\n
\n
\n

{{ C.form.h2 }}

\n

{{ C.form.sub }}

\n
\n
\n \n \n

{{ C.form.errors.fname }}

\n
\n
\n \n
\n \n \n
\n

Indiquez votre indicatif pays, par exemple +91.

\n

{{ C.form.errors.phone }}

\n
\n
\n \n \n
\n
\n \n \n

{{ C.form.errors.email }}

\n
\n
\n \n \n
\n
\n \n

{{ cNotice }}

\n

Vos informations semblent complètes. Ce formulaire est en cours de mise en service. En attendant, veuillez écrire à info@kairali.com ou nous envoyer un message sur WhatsApp au +91 92898 38797.

\n
\n

{{ C.form.note }}

\n
\n
\n \n
\n
\n \"Priya,\n
\n

{{ C.priya.h3 }}

\n
{{ C.priya.role }}
\n

{{ C.priya.quote }}

{{ chatIcon }}Discuter avec Priya\n
\n
\n
\n

{{ C.visit.h2 }}

\n

{{ C.visit.sub }}

\n
\n
\n
{{ C.visit.lbl1 }}
\n

{{ C.visit.h3a }}

\n
{{ C.addr1 }}
\n
\n \n {{ l.icon }}{{ l.label }}\n {{ l.label }}\n \n
\n
\n
\n
{{ p.t }}
{{ p.v }}
{{ p.s }}
\n
{{ C.visit.hoursLbl }}
{{ C.h0 }}
{{ C.h1t }}
{{ C.h2t }}
{{ C.h3t }}
\n
\n \n
\n
\n
\n
{{ C.founder.quote }}
\n
\"Mme

{{ C.founder.by }}

\n
\n
\n \"\"

{{ C.faq.h2 }}

\n
\n \n
\n {{ f.q }}◆\n

{{ f.a }}

\n
\n \n
\n
\n
\n\n\n\n
\n \n
\n

{{ AP.intro }}

\n

{{ AP.formH2 }}

\n
\n \n \n
\n {{ f.group }}\n
\n \n
\n
\n \n \n
\n {{ f.group }}\n
\n \n
\n
\n \n \n
\n \n \n
\n \n \n
\n \n \n

{{ f.errorText }}

\n \n \n
\n \n

{{ aNotice }}

\n

Les informations obligatoires semblent complètes. Ce formulaire est en cours de mise en service. En attendant, veuillez écrire à info@kairali.com ou nous envoyer un message sur WhatsApp au +91 92898 38797.

\n
\n
\n
\n
\n\n\n\n
\n
\n
{{ J.jobDetailsLabel }}
\n \n
\n

{{ s.heading }}

\n {{ s.body }}\n
\n \n
\n \n\n\n\n \n\n
\n\n\n\n
\n \"\"\n
\n
\n
{{ O.eyebrow }}
\n

{{ O.h2x0 }} {{ O.h2x1 }} {{ O.h2x2 }}

\n

{{ O.lede }}

\n
  • ◆{{ t }}
\n

Notre équipe de médecins ayurvédiques

  • \"{{{{ ph.name }}{{ ph.role }}
\n
\n
\n
\n

{{ O.card.h2 }}

{{ O.card.sub }}

\n {{ O.card.badge }}\n
\n
\n
{{ O.card.wa.badge }}
\n
{{ O.card.wa.line }}
\n {{ O.card.wa.label }}\n

{{ O.card.wa.callLbl }} {{ O.card.wa.telLabel }} {{ O.card.wa.or }}

\n
\n
{{ O.card.progress.stepWord }} {{ stepNum }} {{ O.card.progress.of }} {{ stepName }}
\n
\n \n
\n

{{ O.err.fName }}

\n

{{ countryCodeError }}

{{ O.err.fPhone }}

\n

{{ O.err.fEmail }}

\n

{{ O.err.fCountry }}

\n \n
\n \n \n
\n

{{ O.card.step2.concern.error }}

\n \n
{{ g.label }} {{ g.hint }}\n
\n
\n \n
\n
\n \n \n
\n

{{ O.card.review.intro }}

\n
{{ r.k }}
{{ r.v }}
\n \n

{{ O.card.review.consentError }}

\n

{{ oSubmitError }}

\n
\n

{{ reviewNote }}

\n
\n \n \n
\n

{{ oDoneHeading }}

\n

{{ oDoneBody }}

\n

Merci — votre demande de consultation a bien été reçue.

{{ O.card.done.blocked }}

\n {{ oWhatsAppLabel }}\n
  1. {{ s.n }}{{ s.b }} {{ s.t }}
\n
\n
\n \n
\n
\n
\n
\n
{{ O.band.eyebrow }}
\n

{{ O.band.h2 }}

\n

{{ O.band.sub }}

\n
  1. {{ s.n }}

    {{ s.h3 }}

    {{ s.p }}

    {{ s.meta }}
\n \n
\n
\n
\n
{{ O.creds.eyebrow }}
\n

{{ O.creds.h2 }}

\n

{{ O.creds.lede }}

\n
{{ s.k }}
{{ s.v }}
\n
\n
{{ O.creds.quote }}
\"Mme{{ O.creds.by }}
{{ O.creds.byRole }} {{ O.creds.byBook }}
\n
\n
\n
{{ O.reviews.eyebrow }}
\n

{{ O.reviews.h2 }}

\n

{{ O.reviews.lede }}

\n {{ O.reviews.link.label }}\n
\n
\n
{{ O.faq.eyebrow }}
\n

{{ O.faq.h2 }}

\n
{{ f.q }}◆

{{ f.a }}

\n
\n\n\n
\n
\n \n
\n\n
\n\n\n
\n\n
\n", "logic": "\nclass Component extends DCLogic {\n state = { cv: { fname: '', country_code: '', phone: '', programme: '', email: '', message: '' }, cErr: {}, cValid: false, cNotice: '', cPending: false,\n av: {}, aErr: {}, aValid: false, aNotice: '', aPending: false, jv: {}, jErr: {}, jConsentErr: false, jValid: false, jFileName: '', jNotice: '',\n step: 1, ov: { fName: '', fCode: '+91', fPhone: '', fEmail: '', fCountry: '', fConcern: '', duration: '', who: window.AHV_LEAD_RECEIPT.canonicalOption('who', 0, ''), lang: window.AHV_LEAD_RECEIPT.canonicalOption('lang', 0, ''), time: '', consent: false }, oErr: {}, oSubmitError: '', oReceived: false, previewOpen: false,\n lcTab: 0, lcStep: 1, lcNotice: '', lcConsultNotice: '', leNotice: '' };\n route() { return window.AHV_ENQUIRY_RENDER ? window.AHV_ENQUIRY_RENDER.resolveRoute(this.props.route) : null; }\n componentDidMount() { const R = this.route(); if (R) { window.AHV_ENQUIRY_RENDER.applyHead(R); this._head = R.path; } this._sheet = React.createRef(); this._done = React.createRef(); this._aFiles = {}; this._jFiles = {};\n if (R && R.path === '/contact-us/' && location.hash.startsWith('#message')) {\n const P = window.AHV_ENQUIRY_RENDER, draft = P.homeEnquiryDraft();\n if (draft) this.setState(s => ({ cv: Object.assign({}, s.cv, { message: s.cv.message || draft }) }));\n setTimeout(() => P.focusEnquiry(), 100);\n }\n }\n componentDidUpdate() { const R = this.route(); if (R && R.path !== this._head) { window.AHV_ENQUIRY_RENDER.applyHead(R); this._head = R.path; } }\n focusWhen(sel, n) { const el = document.querySelector(sel); if (el) { el.focus(); return; } if ((n || 0) < 20) setTimeout(() => this.focusWhen(sel, (n || 0) + 1), 30); }\n focusFirstInvalid(sel) { setTimeout(() => { const el = document.querySelector(sel + ' [aria-invalid=\"true\"]'); if (el) el.focus(); }, 0); }\n tracking() { const q = new URLSearchParams(location.search); const get = k => (q.get(k) || '').slice(0, 190); return { site_language: window.AHV_LEAD_RECEIPT.siteLanguage(), utm_source: get('utm_source'), utm_medium: get('utm_medium'), utm_campaign: get('utm_campaign'), utm_term: get('utm_term'), utm_content: get('utm_content'), gclid: get('gclid'), fbclid: get('fbclid'), lead_source_url: location.href.slice(0, 500), referrer: (document.referrer || '').slice(0, 500) }; }\n async postLead(payload) { const controller = new AbortController(); const timeout = setTimeout(() => controller.abort(), 10000); try { const response = await fetch('/api/lead/', { method: 'POST', credentials: 'same-origin', cache: 'no-store', body: new Blob([JSON.stringify(Object.assign({}, this.tracking(), payload))], { type: 'application/json' }), signal: controller.signal }); const data = await response.json().catch(() => ({})); if (response.status === 503 && /_NOT_CONFIGURED$/.test(String(data.code || ''))) throw this.notConnected(); if (!response.ok || data.ok !== true) { const message = response.status === 429 ? 'Veuillez patienter avant de réessayer. Vos informations sont toujours dans le formulaire.' : 'Nous n’avons pas pu confirmer votre envoi. Vos informations sont toujours là ; veuillez réessayer.'; throw Object.assign(new Error(message), { userFacing: true }); } this.offerGuide(data.guideUrl); return data; } catch (error) { if (error && (error.notConnected || error.userFacing)) throw error; throw new Error('Nous n’avons pas pu confirmer votre envoi. Vérifiez votre connexion et réessayez.'); } finally { clearTimeout(timeout); } }\n async uploadApplicationFile(file, purpose, submissionToken) { if (file && file.size > 4 * 1024 * 1024) throw Object.assign(new Error('Le fichier sélectionné dépasse 4 Mo. Veuillez choisir un fichier de moins de 4 Mo. Vos informations sont toujours là.'), { userFacing: true }); const body = new FormData(); body.append('file', file); body.append('purpose', purpose); body.append('submissionToken', submissionToken); const controller = new AbortController(); const timeout = setTimeout(() => controller.abort(), 15000); try { const response = await fetch('/api/application-upload/', { method: 'POST', credentials: 'same-origin', cache: 'no-store', body, signal: controller.signal }); const data = await response.json().catch(() => ({})); if (response.status === 503 && /_NOT_CONFIGURED$/.test(String(data.code || ''))) throw this.notConnected(); if (response.status === 413 || data.code === 'FILE_TOO_LARGE') throw Object.assign(new Error('Le fichier sélectionné dépasse 4 Mo. Veuillez choisir un fichier de moins de 4 Mo. Vos informations sont toujours là.'), { userFacing: true }); if (!response.ok || data.ok !== true || !data.fileUrl) throw Object.assign(new Error('Le fichier sélectionné n’a pas pu être enregistré de manière sécurisée. Vos informations sont toujours là ; veuillez réessayer.'), { userFacing: true }); return data.fileUrl; } catch (error) { if (error && (error.notConnected || error.userFacing)) throw error; throw new Error('Le fichier sélectionné n’a pas pu être enregistré de manière sécurisée. Vos informations sont toujours là ; veuillez réessayer.'); } finally { clearTimeout(timeout); } }\n notConnected() { const error = new Error(''); error.notConnected = true; return error; }\n offerGuide(url) { if (typeof url !== 'string' || url.charAt(0) !== '/') return; const link = document.createElement('a'); link.href = url; link.download = ''; link.hidden = true; document.body.appendChild(link); link.click(); link.remove(); }\n renderVals() {\n const P = window.AHV_ENQUIRY_RENDER, D = window.AHV_ENQUIRY || {}; const R = this.route();\n const guard = () => {}; /* preview-only nav guard neutralised for the published site */\n if (!R || !P) return { guard, showBreadcrumb: false, crumbs: [], crumbLast: '', h1: '', isContact: false, isApply: false, isJob: false, isConsult: false, isLegacyContact: false, isLegacyEnquiry: false };\n const A = P.A, V = P.V, inl = (tree, key) => P.inline(tree, key, guard);\n const abs = h => h && (h.startsWith('/') ? A + h : h);\n const chain = R.breadcrumb; const crumbs = chain.slice(0, -1).map(c => ({ url: A + c.path, label: c.label }));\n const st = this.state;\n const out = { guard, showBreadcrumb: !R.breadcrumbOmitted, crumbs, crumbLast: chain[chain.length - 1].label, h1: R.h1, heroGarden: R.hero === 'garden', heroResume: R.hero === 'resume',\n isContact: R.variant === 'contact', isApply: R.variant === 'careers-apply', isJob: R.variant === 'job-detail', isConsult: R.variant === 'consultation',\n isLegacyContact: R.variant === 'legacy-contact', isLegacyEnquiry: R.variant === 'legacy-enquiry', heroLegacy: R.hero === 'legacy-cover',\n noFile: (e) => { e.target.value = ''; } };\n const primary = '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 const ghost = '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 if (R.variant === 'contact') {\n const C = R;\n out.chatIcon = P.channelIcon('#chat');\n out.openPriya = (e) => { const button = document.querySelector('.ahv-contact-chat'); if (button) { e.preventDefault(); button.click(); } };\n const req = { fname: V.name(st.cv.fname), phone: V.phone(st.cv.phone), email: V.email(st.cv.email) };\n out.C = Object.assign({}, C, { also: inl(C.router.also.tree, 'also'), addr1: inl(C.visit.addr1.tree, 'a1'), addr2: inl(C.visit.addr2.tree, 'a2'), h0: C.visit.hours[0], h1t: C.visit.hours[1], h2t: C.visit.hours[2], h3t: C.visit.hours[3],\n heroCtas: C.heroCtas.map((a, i) => ({ href: abs(a.href), icon: P.channelIcon(a.href), label: a.label, style: i === 0 ? primary : ghost })),\n tiles: C.router.tiles.map(t => ({ h3: t.h3, p: t.p, go: t.go, icon: P.channelIcon(t.href), url: t.encodedEmail ? A + '/contact-us/#message' : abs(t.href), rel: t.target ? 'noopener' : undefined })),\n chans: C.channels.items.map((ch, i) => ({ h3: ch.h3, meta: ch.meta, best: inl(ch.best.tree, 'ch' + i), links: ch.links.map(l => ({ href: l.href ? abs(l.href) : false, encodedEmail: !!l.encodedEmail, icon: P.channelIcon(l.href), label: l.label, rel: l.target ? 'noopener' : undefined })) })),\n asideRows: C.aside.rows.map((r, i) => inl(r.tree, 'ar' + i)),\n visitLinks: C.visit.links.map(l => ({ href: l.href ? abs(l.href) : false, encodedEmail: !!l.encodedEmail, icon: P.channelIcon(l.href), label: l.label })),\n faqItems: C.faq.items.map((f, i) => ({ q: f.q, a: f.a.tree ? inl(f.a.tree, 'fa' + i) : f.a.text })) });\n out.programmeOptions = C.form.fields.find(f => f.name === 'programme').options.map((label, i) => ({ label, value: window.AHV_LEAD_RECEIPT.canonicalOption('programme', i, label) }));\n out.cv = st.cv; out.cErr = st.cErr; out.cValid = st.cValid; out.cNotice = st.cNotice; out.cPending = st.cPending;\n out.cSet = (e) => { const n = e.target.name; this._cToken = null; this.setState(s => ({ cv: Object.assign({}, s.cv, { [n]: e.target.value }), cErr: Object.assign({}, s.cErr, { [n]: false }), cValid: false, cNotice: '', cPending: false })); };\n out.contactSubmit = async (e) => { e.preventDefault(); if (this._cBusy) return; const err = { fname: !req.fname, country_code: !(st.cv.country_code || '').trim(), phone: !req.phone, email: !req.email }; const ok = !Object.values(err).some(Boolean); this.setState({ cErr: err, cValid: false, cNotice: '', cPending: false }); if (!ok) { this.focusFirstInvalid('[data-form=\"contact\"]'); return; } if (!this._cToken) this._cToken = crypto.randomUUID(); this._cBusy = true; this.setState({ cNotice: 'Envoi en cours…' }); const cv = st.cv; try { await this.postLead({ form: location.pathname === '/enquiry-form/' ? 'enquiry-form' : 'contact', submissionToken: this._cToken, fields: { full_name: cv.fname, countrycode: cv.country_code, phone: cv.phone, programme: cv.programme, email: cv.email, message: cv.message } }); this.setState({ cValid: true, cNotice: 'Merci — vos informations ont bien été reçues.' }); } catch (error) { this.setState({ cValid: false, cPending: !!error.notConnected, cNotice: error.notConnected ? '' : error.message }); } finally { this._cBusy = false; } };\n }\n if (R.variant === 'careers-apply') {\n const AP = R; out.AP = Object.assign({}, AP, { intro: inl(AP.intro.tree, 'in'), about: AP.about.map(g => ({ heading: g.heading, links: g.links.map(k => ({ url: A + k.href, label: k.label })) })) });\n out.applyFields = AP.form.groups.map((g, i) => {\n const id = 'ap-' + (g.name || g.group).replace(/[^a-z0-9]+/gi, '-').toLowerCase();\n const base = { group: g.group, name: g.name, id, label: g.label || g.group, type: g.type, isGroup: false, isPair: false, isSelect: false, isTextarea: false, isFile: false, isInput: false, span: '', required: !!g.required, ariaReq: g.required ? 'true' : undefined, invalid: !!st.aErr[g.name], maxlength: g.attrs && g.attrs.maxlength ? Number(g.attrs.maxlength) : undefined, autocomplete: g.attrs && g.attrs.autocomplete ? g.attrs.autocomplete : undefined, accept: g.name === 'file-803' ? 'image/jpeg,image/png,image/webp' : (g.name === 'file-809' ? '.pdf,.doc,.docx' : (g.attrs && g.attrs.accept ? g.attrs.accept : undefined)), options: (g.type === 'radio' || g.type === 'checkbox' ? (g.options || []).map((label, k) => ({ label, value: window.AHV_LEAD_RECEIPT.canonicalOption(g.name, k, label) })) : g.options || []) };\n if (g.type === 'checkbox' || g.type === 'radio') base.isGroup = true;\n else if (g.type === 'select-pair') { base.isPair = true; base.selects = g.selects.map((s, k) => ({ name: s.name, options: s.options, aria: g.group + (k === 0 ? ' — ans' : ' — mois') })); }\n else if (g.type === 'select') base.isSelect = true;\n else if (g.type === 'textarea') base.isTextarea = true;\n else if (g.type === 'file') base.isFile = true;\n else { base.isInput = true; if (g.type === 'email' || g.group === 'Address') base.span = ''; }\n return base;\n });\n out.aValid = st.aValid; out.aNotice = st.aNotice; out.aPending = st.aPending;\n out.aSet = (e) => { const n = e.target.name; this._aToken = null; this.setState(s => ({ av: Object.assign({}, s.av, { [n]: e.target.value }), aErr: Object.assign({}, s.aErr, { [n]: false }), aValid: false, aNotice: '', aPending: false })); };\n out.aGroupSet = (e) => { const n = e.target.name; const value = e.target.value; this._aToken = null; this.setState(s => { const next = Object.assign({}, s.av); if (e.target.type === 'checkbox') { const current = Array.isArray(next[n]) ? next[n] : []; next[n] = e.target.checked ? Array.from(new Set(current.concat(value))) : current.filter(x => x !== value); } else next[n] = value; return { av: next, aErr: Object.assign({}, s.aErr, { [n]: false }), aValid: false, aNotice: '', aPending: false }; }); };\n out.aFile = (e) => { const file = e.target.files && e.target.files[0] ? e.target.files[0] : null; this._aFiles[e.target.name] = file; this._aToken = null; this.setState({ aValid: false, aNotice: '', aPending: false }); };\n out.applySubmit = async (e) => { e.preventDefault(); if (this._aBusy) return; const err = {}; AP.form.groups.forEach(g => { const value = st.av[g.name]; if (g.required && (Array.isArray(value) ? value.length === 0 : !(value || '').toString().trim())) err[g.name] = true; }); const ok = Object.keys(err).length === 0; this.setState({ aErr: err, aValid: false, aNotice: '', aPending: false }); if (!ok) { this.focusFirstInvalid('[data-form=\"apply\"]'); return; } if (!this._aToken) this._aToken = crypto.randomUUID(); this._aBusy = true; this.setState({ aNotice: 'Envoi en cours…' }); const av = st.av; try { const photoRef = this._aFiles['file-803'] ? await this.uploadApplicationFile(this._aFiles['file-803'], 'photo', this._aToken) : ''; const resumeRef = this._aFiles['file-809'] ? await this.uploadApplicationFile(this._aFiles['file-809'], 'resume', this._aToken) : ''; await this.postLead({ form: 'apply-now', submissionToken: this._aToken, fields: { application_type: 'careers-apply', fname: av.fname, lname: av.lname, post_applied_for: av['post-applied-for'], job_reference_code: av['job-reference-code'], gender: av.gender, dob: av.dob, address: av.address, country: av.country, state: av.state, city: av.city, phone: av.phone, mobile: av.mobile, email: av.email, highest_qualification: av['highest-qualification'], experience_years: av['select-461'], experience_months: av['select-159'], current_organization: av['current-organizatione'], current_designation: av['current-designation'], current_location: av['current-location'], valid_passport: av['radio-448'], industry: av['checkbox-758[]'], photo_url: photoRef, resume_url: resumeRef } }); this.setState({ aValid: true, aNotice: 'Merci — les informations de votre candidature ont bien été reçues.' }); } catch (error) { this.setState({ aValid: false, aPending: !!error.notConnected, aNotice: error.notConnected ? '' : error.message }); } finally { this._aBusy = false; } };\n }\n if (R.variant === 'job-detail') {\n const J = R;\n out.J = Object.assign({}, J, { consentLabel: 'En utilisant ce formulaire, vous acceptez le stockage et le traitement de vos données par ce site web.' });\n out.jobSections = J.sections.map((s, i) => ({ heading: s.heading, body: s.blocks.map((b, k) => b.p ? React.createElement('p', { key: 'p' + k, style: { margin: '0 0 12px', fontSize: '17.5px', lineHeight: 1.7 } }, ...(b.p.tree ? inl(b.p.tree, 'jp' + i + k) : [b.p.text])) : React.createElement('ul', { key: 'u' + k, style: { margin: '0 0 12px', padding: '0 0 0 26px' } }, ...b.ul.map((li, m) => React.createElement('li', { key: m, style: { margin: '0 0 8px', fontSize: '17.5px', lineHeight: 1.7, overflowWrap: 'anywhere' } }, ...inl(li, 'jl' + i + k + m))))) }));\n out.jobFields = J.form.fields.filter(f => f.type !== 'checkbox').map(f => { const kind = st.jErr[f.name]; const errId = f.id + '-error';\n return { id: f.id, name: f.name, label: f.label, type: f.type, isTextarea: f.type === 'textarea', isFile: f.type === 'file', isInput: !['textarea', 'file'].includes(f.type), accept: f.accept || undefined,\n invalid: !!kind, errId: errId, describedBy: kind ? errId : undefined,\n errorText: kind === 'email' ? 'Saisissez une adresse e-mail valide, par exemple name@example.com.' : (kind === 'file' ? 'Choisissez un fichier à joindre.' : 'Ce champ est obligatoire.') }; });\n out.jFile = (e) => { const fs = e.target.files; const file = fs && fs.length ? fs[0] : null; const n = file ? file.name : ''; const nm = e.target.name; this._jFiles[nm] = file; this._jToken = null; this.setState(s => ({ jFileName: n, jErr: Object.assign({}, s.jErr, { [nm]: false }), jValid: false, jNotice: '' })); };\n out.jConsentErr = st.jConsentErr; out.jValid = st.jValid; out.jNotice = st.jNotice;\n out.jSet = (e) => { const n = e.target.name; const v = e.target.type === 'checkbox' ? e.target.checked : e.target.value; this._jToken = null; this.setState(s => ({ jv: Object.assign({}, s.jv, { [n]: v }), jErr: Object.assign({}, s.jErr, { [n]: false }), jConsentErr: n === 'awsm_form_privacy_policy' ? false : s.jConsentErr, jValid: false, jNotice: '' })); };\n out.jobSubmit = async (e) => { e.preventDefault(); if (this._jBusy) return; const err = {}; J.form.fields.forEach(f => { if (f.type === 'checkbox') return; if (f.type === 'file') { if (!st.jFileName) err[f.name] = 'file'; return; } const value = (st.jv[f.name] || '').toString().trim(); if (!value) { err[f.name] = 'required'; return; } if ((f.type === 'email' || /email/i.test(f.name)) && !V.email(value)) err[f.name] = 'email'; }); const cErr = st.jv.awsm_form_privacy_policy !== true; const ok = Object.keys(err).length === 0 && !cErr; this.setState({ jErr: err, jConsentErr: cErr, jValid: false, jNotice: '' }); if (!ok) { this.focusFirstInvalid('[data-form=\"job\"]'); return; } if (!this._jToken) this._jToken = crypto.randomUUID(); this._jBusy = true; this.setState({ jNotice: 'Envoi en cours…' }); const jv = st.jv; try { const file = this._jFiles.awsm_file; if (!file) throw new Error('Veuillez choisir un fichier de CV.'); const fileRef = await this.uploadApplicationFile(file, 'application', this._jToken); await this.postLead({ form: 'apply-now', submissionToken: this._jToken, fields: { application_type: 'job-detail', full_name: jv.awsm_applicant_name, email: jv.awsm_applicant_email, phone: jv.awsm_applicant_phone, cover_letter: jv.awsm_applicant_letter, application_file_url: fileRef, privacy_consent: jv.awsm_form_privacy_policy === true } }); this.setState({ jValid: true, jNotice: 'Merci — votre candidature a bien été reçue.' }); } catch (error) { this.setState({ jValid: false, jNotice: error.message }); } finally { this._jBusy = false; } };\n }\n if (R.variant === 'legacy-contact' || R.variant === 'legacy-enquiry') {\n const S = D.selects || {}; const guards = {\n dependent: 'Sur le site source, cette liste est alimentée à partir du pays sélectionné via une extension côté serveur. La capture ne contient que l’option d’espace réservé : le champ reste donc désactivé et la liste d’options dépendante est consignée comme dépendance d’implémentation non résolue — aucun choix n’a été inventé.',\n upload: 'Affiché uniquement pour la vérification de la définition du champ — tout fichier sélectionné est immédiatement effacé ; rien n’est lu, enregistré ni transmis.'\n };\n const decorate = (list) => list.map(f => Object.assign({}, f, { noteId: f.id + '-note', hasNote: !!f.note }));\n const hid = names => (names || []).map(n => ({ name: n }));\n out.L = R;\n const lot = (R.lotus && R.lotus.src) ? R.lotus : ((D.images && D.images.legacyLotus) || null);\n out.legacyLotusEl = (R.lotus && lot) ? React.createElement('img', { src: lot.src, alt: lot.alt || '',\n width: lot.width, height: lot.height,\n style: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)', width: '95px', height: 'auto', display: 'block' } }) : null;\n // Built as a React node (Article Reader heroEl pattern): a raw interpolated src attribute is prefetched\n // by the browser before interpolation and 404s on the literal placeholder URL.\n out.heroLegacyEl = R.heroImage ? React.createElement('img', { src: R.heroImage.src, alt: R.heroImage.alt || '',\n width: R.heroImage.width, height: R.heroImage.height, 'data-source-pointer': R.heroImage.ptr || undefined,\n style: { width: '100%', height: 'auto', display: 'block', opacity: .92 } }) : null;\n const blocked = 'Ce formulaire est en cours de connexion. En attendant, veuillez écrire à info@kairali.com ou nous envoyer un message sur WhatsApp au +91 92898 38797.';\n if (R.variant === 'legacy-enquiry') {\n // Source body blocks (exact atoms in source order). Images are built as React nodes, never as a raw\n // interpolated src, so no literal-template URL is ever requested.\n // Own-source body: exact headings, paragraphs, lists, tables, inline links and images in source order.\n // Own-source in-page jump (this route only): moves focus to the actual form, not just the scroll position.\n out.leHasSkipLink = !!R.skipLink;\n out.leSkip = R.skipLink ? { text: R.skipLink.text, href: R.skipLink.hrefRendered, ptr: R.skipLink.sourcePointer, sourceHref: R.skipLink.sourceHref } : { text: '', href: '', ptr: '', sourceHref: '' };\n out.leSkipTo = (e) => { e.preventDefault(); const t = document.getElementById((R.skipLink && R.skipLink.targetId) || 'le-form'); if (t) t.focus(); };\n out.leHasH2 = !!R.h2; out.leHasIntro = !!R.intro;\n out.leHasBody = !!(R.body && R.body.length);\n out.leBodyEl = P.sourceBlocks(R.body || [], guard);\n // Own-source context navigation (labelled groups of source links), bound as navigation.\n out.leHasContextNav = !!(R.contextNav && R.contextNav.groups && R.contextNav.groups.length);\n out.leCtx = R.contextNav || { heading: '', headingPtr: '' };\n out.leCtxGroups = ((R.contextNav || {}).groups || []).map(g => ({ title: g.title, ptr: g.ptr,\n links: g.links.map(l => ({ label: l.label, ptr: l.ptr, url: /^https?:/i.test(l.href) ? l.href : (A + l.href) })) }));\n // Form-level source helper text, associated with the controls the source associates it with.\n const fh = R.enquiry && R.enquiry.formHelp;\n out.leHasFormHelp = !!fh; out.leFormHelp = fh || { text: '', ptr: '' };\n // Source multi-step forms (CF7-MLS): one captured step at a time, with the source's own Next/Back.\n const stps = (R.enquiry && R.enquiry.steps) || null;\n out.leHasSteps = !!stps;\n if (stps) {\n const si = Math.min(Math.max(st.lcStep || 1, 1), stps.length), cs = stps[si - 1];\n out.leStepStatus = 'Étape ' + si + ' sur ' + stps.length;\n // Own-source step illustration at its exact source width, full image, blank source alt.\n out.leHasStepImage = !!(cs.image && cs.image.src);\n out.leStepImageEl = cs.image ? React.createElement('img', { src: cs.image.src, alt: cs.image.alt || '',\n loading: 'lazy', 'data-source-pointer': cs.image.ptr,\n style: { display: 'block', width: cs.image.widthPercent || '85%', height: 'auto', margin: '4px 0 6px' } }) : null;\n out.leFields = decorate(P.legacyFields({ fields: cs.fields }, 'le-s' + si, S, guards));\n const go = (n) => this.setState({ lcStep: n }, () => { const el = document.getElementById('le-step'); if (el) el.focus(); });\n out.leStepNav = cs.nav.map(n => {\n const back = n.name === 'cf7mls_back';\n return { id: 'le-' + n.name + '-' + si, name: n.name, label: n.label, pointer: n.pointer,\n aria: n.label + ' — étape ' + si, bg: back ? '#fff' : '#5A4420', fg: back ? '#5A4420' : '#F7F4EA',\n act: back ? (() => go(Math.max(1, si - 1))) : (() => go(Math.min(stps.length, si + 1))) };\n });\n } else {\n out.leStepNav = []; out.leStepStatus = '';\n out.leFields = decorate(P.legacyFields(R.enquiry, 'le', S, guards))\n .map(x => (fh && fh.associates && fh.associates.indexOf(x.name) >= 0) ? Object.assign({}, x, { describedBy: 'le-form-help' }) : x);\n }\n out.leHidden = hid((R.enquiry.hiddenFieldNames || D.legacyHidden || []).length ? (R.enquiry.hiddenFieldNames || D.legacyHidden) : ['_wpcf7', '_wpcf7_version', '_wpcf7_locale', '_wpcf7_unit_tag', '_wpcf7_container_post', '_wpcf7_posted_data_hash', 'utm_source', 'utm_medium', 'utm_campaign', 'utm_keyword', 'utm_content', 'subject', 'lead_source_url']);\n out.leNotice = st.leNotice || (R.path === '/walk-in-ayurveda-treatment/' && window.__ahvOpdBound === true ? '' : blocked);\n out.leSubmit = (e) => { e.preventDefault(); if (e.nativeEvent && e.nativeEvent.__ahvOpdHandled === true) return; this.setState({ leNotice: 'L’envoi est désactivé en mode révision — aucune donnée n’a été envoyée, enregistrée ni confirmée.' }); };\n return out;\n }\n const tabs = R.tabs, tab = st.lcTab || 0;\n out.lcTabs = tabs.map((t, i) => ({\n index: i, id: 'lc-tab-' + t.id, panelId: 'lc-panel-' + t.id, title: t.title,\n selected: i === tab ? 'true' : 'false', tabIndex: i === tab ? 0 : -1,\n bg: i === tab ? '#5A4420' : '#fff', fg: i === tab ? '#F7F4EA' : '#5A4420',\n select: () => this.setState({ lcTab: i })\n }));\n out.lcTabKey = (e) => {\n const i = parseInt(e.currentTarget.getAttribute('data-tab-index'), 10), last = tabs.length - 1;\n let n = null;\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') n = i >= last ? 0 : i + 1;\n else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') n = i <= 0 ? last : i - 1;\n else if (e.key === 'Home') n = 0; else if (e.key === 'End') n = last;\n if (n === null) return;\n e.preventDefault(); this.setState({ lcTab: n }, () => { const el = document.getElementById('lc-tab-' + tabs[n].id); if (el) el.focus(); });\n };\n [0, 1, 2].forEach(i => { out['lcHide' + i] = tab !== i; out['lcShow' + i] = tab === i ? (i === 0 ? 'grid' : 'block') : 'none'; });\n out.lcDetails = R.details.blocks.map(b => Object.assign({}, b, {\n isH3: b.kind === 'h3', isPair: b.kind === 'pair',\n lines: (b.lines || []).map(t => ({ text: t })), hasEmail: !!b.email, hasPhone: !!b.phone, suffix: b.suffix || ''\n }));\n out.lcWriteFields = decorate(P.legacyFields(R.write, 'lc-w', S, guards));\n out.lcWriteHidden = hid(D.legacyHidden || ['_wpcf7', '_wpcf7_version', '_wpcf7_locale', '_wpcf7_unit_tag', '_wpcf7_container_post', '_wpcf7_posted_data_hash', 'utm_source', 'utm_medium', 'utm_campaign', 'utm_keyword', 'utm_content', 'subject', 'lead_source_url']);\n out.lcConsultHidden = out.lcWriteHidden;\n out.lcWriteNotice = st.lcNotice || blocked;\n out.lcWriteSubmit = (e) => { e.preventDefault(); this.setState({ lcNotice: 'L’envoi est désactivé en mode révision — aucune donnée n’a été envoyée, enregistrée ni confirmée.' }); };\n const steps = R.consult.steps, sIdx = Math.min(Math.max(st.lcStep || 1, 1), steps.length), cur = steps[sIdx - 1];\n // React node, not a raw interpolated src (which the browser prefetches as a literal placeholder URL).\n out.lcStepImage = cur.image; out.lcStepAlt = '';\n out.lcStepImageEl = cur.image ? React.createElement('img', { src: cur.image, alt: '', loading: 'lazy',\n style: { width: '100%', height: 'auto', display: 'block', borderRadius: '4px' } }) : null;\n out.lcStepStatus = 'Étape ' + sIdx + ' sur ' + steps.length;\n out.lcStepFields = decorate(P.legacyFields({ fields: cur.fields }, 'lc-c' + sIdx, S, guards));\n const goStep = (n) => this.setState({ lcStep: n }, () => { const el = document.getElementById('lc-consult-step'); if (el) el.focus(); });\n out.lcStepNav = cur.nav.map((n, i) => {\n const back = n.name === 'cf7mls_back';\n const lastNext = !back && sIdx === steps.length;\n return {\n id: 'lc-' + n.name + '-' + sIdx, name: n.name, label: n.label || (back ? 'Retour' : 'Suivant'),\n aria: n.label ? n.label + ' — étape ' + sIdx : (back ? 'Retour' : 'Suivant') + ' — étape ' + sIdx,\n bg: back ? '#fff' : '#5A4420', fg: back ? '#5A4420' : '#F7F4EA',\n act: back ? (() => goStep(Math.max(1, sIdx - 1))) : (lastNext ? (() => this.setState({ lcConsultNotice: 'Sur le site source, le bouton de la dernière étape ne porte aucun libellé et ne mène à aucune étape suivante ; rien n’est envoyé en mode révision.' })) : (() => goStep(Math.min(steps.length, sIdx + 1))))\n };\n });\n out.lcConsultNotice = st.lcConsultNotice || blocked;\n out.lcConsultSubmit = (e) => { e.preventDefault(); this.setState({ lcConsultNotice: 'L’envoi est désactivé en mode révision — aucune demande de consultation, aucune information de santé ni aucun fichier n’a été envoyé, enregistré ou confirmé.' }); };\n return out;\n }\n if (R.variant === 'consultation') {\n const O = R; const ov = st.ov;\n out.O = Object.assign({}, O, { h2x0: O.h2x[0], h2x1: O.h2x[1], h2x2: O.h2x[2], lede: inl(O.lede.tree, 'ld'), err: Object.fromEntries(O.card.step1.map(f => [f.id, f.error || ''])) });\n out.ocFaq = O.faq.items.map((f, i) => ({ q: f.q, a: inl(f.a.tree, 'sur' + i) }));\n out.moreLinks = O.more.links.map(k => ({ url: A + k.href, label: k.label }));\n out.consentText = inl(O.card.review.consent.tree, 'cs'); out.reviewNote = inl(O.card.review.note.tree, 'rn'); out.previewNote = inl(O.preview.note.tree, 'pn');\n out.previewSections = O.preview.sections.map(s => ({ h4: s.h4, desc: s.desc || false, items: s.items.map(it => ({ label: it.label || false, isText: it.type === 'text', isChips: it.type === 'chips', isNote: it.type === 'text-note', placeholder: it.placeholder || '', ariaLabel: it.label || 'Champ d’aperçu', chips: it.chips || [], text: it.text || '' })) }));\n const stepIdx = st.step === 1 ? 1 : 2; out.stepNum = String(stepIdx); out.stepName = O.card.progress.names[stepIdx - 1]; out.pbar = 'display:block;height:100%;background:#C1882C;width:' + (st.step === 1 ? 50 : 100) + '%';\n out.isStep1 = st.step === 1; out.isStep2 = st.step === 2; out.isReview = st.step === 'review'; out.isDone = st.step === 'done';\n out.ov = ov; out.oErr = st.oErr; out.countryCodeError = window.AHV_LEAD_RECEIPT.countryCodeError(); out.oSubmitError = st.oSubmitError; out.oReceived = st.oReceived === true; out.oBlocked = st.oReceived !== true; out.oDoneHeading = out.oReceived ? O.card.done.sourceHeading : O.card.done.heading; out.oDoneBody = out.oReceived ? O.card.done.sourceBody : O.card.done.body; out.oWhatsAppLabel = out.oReceived ? O.card.done.followUp : O.card.done.retry; out.previewOpen = st.previewOpen; out.sheetRef = this._sheet; out.doneRef = this._done;\n out.oSet = (e) => { const id = e.target.id.replace('ktahv-oc-', ''); this._oToken = null; this.setState(s => ({ ov: Object.assign({}, s.ov, { [id]: e.target.value }), oErr: Object.assign({}, s.oErr, { [id]: false }), oSubmitError: '' })); };\n out.oConsent = (e) => { const c = e.target.checked; this._oToken = null; this.setState(s => ({ ov: Object.assign({}, s.ov, { consent: c }), oErr: Object.assign({}, s.oErr, { consent: false }), oSubmitError: '' })); };\n const chipStyle = on => 'display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:22px;border:' + (on ? '2px solid #5A4420' : '1px solid #75695A') + ';background:' + (on ? '#5A4420' : '#fff') + ';color:' + (on ? '#F7F4EA' : '#2A2118') + ';font-size:15.5px;font-weight:600;cursor:pointer';\n out.chipGroups = O.card.step2.chips.map(g => ({ key: g.key, label: g.label, hint: g.hint || '', aria: g.aria, chips: g.options.map((label, i) => { const value = window.AHV_LEAD_RECEIPT.canonicalOption(g.key, i, label); return { label, on: ov[g.key] === value, style: chipStyle(ov[g.key] === value), toggle: () => { this._oToken = null; this.setState(s => ({ ov: Object.assign({}, s.ov, { [g.key]: value }), oSubmitError: '' })); } }; }) }));\n out.toStep2 = (e) => { e.preventDefault(); const err = { fName: !V.name(ov.fName), fCode: !(ov.fCode || '').trim(), fPhone: !V.phone(ov.fPhone), fEmail: !V.email(ov.fEmail), fCountry: !V.country(ov.fCountry) }; if (Object.values(err).some(Boolean)) { this.setState({ oErr: err }); this.focusFirstInvalid('#ktahv-oc-formArea'); return; } this.setState({ step: 2, oErr: {} }); };\n out.toReview = (e) => { e.preventDefault(); if (!V.concern(ov.fConcern)) { this.setState({ oErr: { fConcern: true } }); this.focusFirstInvalid('#ktahv-oc-formArea'); return; } this.setState({ step: 'review', oErr: {} }); };\n out.backTo1 = () => this.setState({ step: 1, oErr: {} }); out.backTo2 = () => this.setState({ step: 2, oErr: {} });\n // Receipt is shown only after the server confirms durable storage. WhatsApp remains an optional follow-up lane.\n out.submitReq = async (e) => { e.preventDefault(); if (this._oBusy) return; if (!V.consent(ov.consent)) { this.setState({ oErr: { consent: true } }); this.focusFirstInvalid('#ktahv-oc-formArea'); return; } if (!this._oToken) this._oToken = crypto.randomUUID(); this._oBusy = true; this.setState({ oSubmitError: 'Envoi en cours…' }); try { await this.postLead({ form: 'online-consultation', submissionToken: this._oToken, fields: { full_name: ov.fName, countrycode: ov.fCode, phone: ov.fPhone, email: ov.fEmail, country: ov.fCountry, consent: ov.consent === true, health_concern: ov.fConcern, duration: ov.duration, consultation_for: ov.who, preferred_language: ov.lang, preferred_time: ov.time } }); this.setState({ step: 'done', oErr: {}, oSubmitError: '', oReceived: true }); this.focusWhen('#ktahv-oc-formArea [data-step=\"done\"]'); } catch (error) { if (error.notConnected) { this.setState({ step: 'done', oErr: {}, oSubmitError: '', oReceived: false }); this.focusWhen('#ktahv-oc-formArea [data-step=\"done\"]'); } else this.setState({ oSubmitError: error.message }); } finally { this._oBusy = false; } };\n out.waHref = P.waDraft(O, ov);\n out.reviewRows = [['Nom', ov.fName], ['Téléphone', (ov.fCode + ' ' + ov.fPhone).trim()], ['E-mail', ov.fEmail], ['Pays', ov.fCountry], ['Motif', ov.fConcern], ['Durée', ov.duration || '-'], ['Consultation pour', ov.who || '-'], ['Langue préférée', ov.lang || '-'], ['Moment préféré', ov.time || '-']].map(([k, v]) => ({ k, v }));\n out.openPreview = (e) => { this._lastTrigger = e.currentTarget; this.setState({ previewOpen: true }); this.focusWhen('#ktahv-oc-previewModal aside'); };\n out.closePreview = () => { this.setState({ previewOpen: false }); const t = this._lastTrigger; if (t) setTimeout(() => { try { t.focus(); } catch (e) {} }, 30); };\n out.modalKey = (e) => { if (e.key === 'Escape') { e.stopPropagation(); out.closePreview(); } if (e.key === 'Tab') { const f = [...e.currentTarget.querySelectorAll('button,[href],input:not([tabindex=\"-1\"]),[tabindex]:not([tabindex=\"-1\"])')].filter(x => x.offsetParent !== null); if (!f.length) return; const first = f[0], last = f[f.length - 1]; if (e.shiftKey && (document.activeElement === first || document.activeElement === e.currentTarget.querySelector('aside'))) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); } } };\n }\n return out;\n }\n}\n", "props": "{\"route\":{\"editor\":\"enum\",\"default\":\"/contact-us/\",\"tsType\":\"string\",\"options\":[\"/contact-us/\",\"/apply-now/\",\"/jobs/business-development-manager/\",\"/online-consultation/\",\"/contact-us-old/\",\"/enquiry-form-old/\",\"/online-consultation-old/\",\"/postulez-maintenant/\",\"/walk-in-ayurveda-treatment/\",\"/enquiry-form/\"],\"section\":\"Prototype route binding (not part of the public design)\"}}", "scripts": [ "/ahv/l10n/fr/assets/enquiry-family-data.js", "/ahv/l10n/fr/assets/enquiry-family-render.js" ], "locale": "fr" }