/**
 * Jarvis Analytics scheduler integration (Webflow custom code).
 *
 * Page-provided globals this file depends on (set elsewhere on the page):
 *   window.jarvisConfig                { officeId, vanityUrl, jarvisId, officeName }
 *   window.JarvisAnalyticsScheduler    the Jarvis widget constructor
 *   isThreeStepForm, is_new_layout     booleans set by the page
 *   $ (jQuery)                         used once, for footer padding
 *   DOM: #booking-form, #loading-spinner-tmp, #jarvis-location, #Booking-Email,
 *        #wf-back-button-mobile, #back-button-sticky, #back-button-sticky-mobile,
 *        #next-button-sticky, <jarvis-scheduler-v2>
 *
 * Globals this file exposes (see the "Entry points" section at the bottom):
 *   window.load_jarvis, window.jarvisGoBack, and the helpers the original file
 *   defined at top level. Inline onclick attributes rely on jarvisGoBack(),
 *   continueAction() and refresh_page() being reachable by name.
 *
 * Section map:
 *   1. Config and constants
 *   2. Shared state
 *   3. Utilities
 *   4. Booking cache (date / time / location captured from the widget)
 *   5. Network interception (XHR + fetch)
 *   6. Widget setup (scheduler instance, styles, inline script)
 *   7. DOM observers (MutationObserver jobs, ResizeObserver)
 *   8. Lifecycle handlers (next step, book success, webhook)
 *   9. Entry points
 *  10. CSS
 */
(function () {
	// =========================================================================
	// 1. Config and constants
	// =========================================================================

	const CONFIG = {
		schedulerToken: '46138|hKPVSp7yX5m83JP4qdrNFI82ui91fp4yvJteVf3e',
		companyId: 3,

		// XHR matching uses includes(); fetch matching uses equality. Kept as-is.
		graphqlUrl: 'https://schedule.jarvisanalytics.com/graphql',
		graphqlUrlFragment: 'schedule.jarvisanalytics.com/graphql',

		webhookUrl: 'https://webhooks.jarvisanalytics.com/api/v2/leads',
		webhookApiKey: 'HAuu1jpaWurNhCEHdRG1ZW4ZaDpB4Kr5Qs',

		stylesUrl:
			'https://cdn.prod.website-files.com/66a29d804d1aff27a2f2ea9e/69b85fbacf49bd5d095e311a_16-03_jarvis-styles.txt',

		thankYouPath: '/thank-you',
		bookAppointmentPathFragment: '/book-appointment',
		defaultPageHeading: 'Book an Appointment',

		// Timing
		initDelayMs: 5000, // wait after a fully loaded page before mounting the widget
		prefillDelayMs: 1000, // wait before prefilling the comment / wiring the email field
		calendarOpenDelayMs: 500,
		policyHolderDobClearDelayMs: 500,
		pollIntervalMs: 500,
		webhookSendDelayMs: 10,
		// Hard fallback for the thank-you redirect when GTM never calls back.
		// Longer than a slow leads call so the callback path normally wins.
		redirectFallbackMs: 15000,
		webhookEventTimeoutMs: 2000,

		mobileBreakpointPx: 768,
	};

	const COLORS = {
		activeNavItemBackground: '#6AC64B',
		primaryOptionColor: '#6AC64B',
		primaryButtonBackground: '#6AC64B',
		primaryButtonBorderColor: '#6AC64B',
		bodyBackground: '#FBFEFF',
		headerBackground: '#FBFEFF',
		nearestCardSubtitleColor: '#B7BCC2',
		inactiveNavItemBackground: '#B7BCC2',
		samedayCardSubtitlesColor: '#B7BCC2',
		availabilityBackground: '#FBFEFF',
		availabilityPaginationBackground: '#EEF2F6',
		availabilityPaginationColor: '#767F87',
		availabilityColumnHeaderBackground: '#EEF2F6',
		availabilityColumnHeaderColor: '#767F87',
		nearestCardColumnHeaderColor: '#767F87',
	};

	// Selectors into the Jarvis widget's shadow DOM. These mirror the widget's
	// Tailwind markup, so when the widget changes, fix them here.
	const STEP_ROOT = '#app > div.flex.flex-col.flex-grow.mt-6';
	const FORM_FOOTER = `${STEP_ROOT} > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl`;
	const STEP_NAV = `${STEP_ROOT} > div > div > div.flex.justify-center`;
	const CALENDAR_TOGGLE = `${STEP_ROOT}>form>div.container.pt-6.mx-auto>div>div>div:nth-child(3)>div>div>div>div:nth-child(2)>div>div.relative.flex.items-center.justify-center.pb-2.mb-4.border-b.border-gray-300.cursor-pointer.select-none`;

	const SEL = {
		app: '#app',
		widgetElement: 'jarvis-scheduler-v2',

		// Step navigation (the "Details / Schedule" tabs above the form)
		stepNav: STEP_NAV,
		stepNavContainer: `${STEP_ROOT} > div > div`,
		stepNavLink1: `${STEP_NAV} > a:nth-child(1)`,
		stepNavLink2: `${STEP_NAV} > a:nth-child(2)`,
		stepNavLabel1: `${STEP_NAV} > a:nth-child(1) > span.text-xs.text-color`,
		stepNavLabel2: `${STEP_NAV} > a:nth-child(2) > span.text-xs.text-color`,
		prevStepLink: `${STEP_ROOT} > div > div > div.hidden > a`,

		// Sticky footer inside the form
		footerNextButton: `${FORM_FOOTER} > div > div > button`,
		footerBackLink: `${FORM_FOOTER} > div > div > div a`,
		footerNextButtonDisabled:
			'form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl > div > div > button[disabled="disabled"]',

		// Confirmation / thank-you panel rendered by the widget
		confirmationPanel: `${STEP_ROOT} > div.flex.flex-col.flex-grow > div > div > div`,

		// Scheduling step
		datePickerStep: `${STEP_ROOT} > form > div.container.pt-6.mx-auto.sm\\:p-6.flex-grow > div > div > div:has(>div>div>div>div[date-picker-date])`,
		calendarToggle: CALENDAR_TOGGLE,
		calendarPanel: `${CALENDAR_TOGGLE} + div`,
		timeSlotRadiogroup: '[role="radiogroup"][aria-label="Available appointment times"]',

		// Form fields
		phoneInput: '#mobile_phone input',
		firstName: 'input#first_name',
		lastName: 'input#last_name',
		middleName: 'input#middle_name',
		email: '#email', // same selector mirrorEmailToPage() already relies on
		birthDate: 'input#birth_date',
		policyHolderYes: 'input#true-policy-holder',
		policyHolderNo: 'input#false-policy-holder',
		policyHolderFirstName: 'input#policy_holders_firstname',
		policyHolderLastName: 'input#policy_holders_lastname',
		policyHolderDob: 'input#policy_holders_dob',
		datePickerDate: '[date-picker-date]',

		// Elements this script injects
		continueButton: '.continue-btn',
		stickyNextInWidget: '#next-button-sticky',
		separatorLine: '.separator-line',
		separator3Step1: '.separator-line-3steps-1',
		mobileGridFixStyle: '#mobile-grid-fix',
	};

	// Page-level (light DOM) elements
	const PAGE = {
		bookingForm: 'booking-form', // getElementById
		loadingSpinner: 'loading-spinner-tmp', // getElementById
		bookingEmail: 'Booking-Email', // getElementById
		locationAnchor: '#jarvis-location',
		stickyBackButtons: '#back-button-sticky-mobile, #back-button-sticky',
		webflowBackMobile: '#wf-back-button-mobile',
		stickyBackMobile: '#back-button-sticky-mobile',
		stickyBack: '#back-button-sticky',
		stickyNext: '#next-button-sticky',
	};

	const DATE_FORMAT = { month: 'long', day: 'numeric', year: 'numeric' };
	const DAY_FORMAT = { weekday: 'long' };
	const TIME_FORMAT = { hour: 'numeric', minute: '2-digit' };

	const WEEKDAY_RE = /monday|tuesday|wednesday|thursday|friday|saturday|sunday/i;
	const CLOCK_TIME_RE = /(\d{1,2}:\d{2}\s*(?:AM|PM))/i;
	const AT_CLOCK_TIME_RE = /at\s+(\d{1,2}:\d{2}\s*(?:AM|PM))/i;
	const MONTH_DAY_RE =
		/(?:january|february|march|april|may|june|july|august|september|october|november|december)\s+\d{1,2}/i;
	const ISO_DATETIME_RE = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/;

	const UTM_KEYS = ['utma', 'utmb', 'utmc', 'utmv', 'utmz', 'utmx'];

	// =========================================================================
	// 2. Shared state
	// =========================================================================

	const state = {
		// Snapshot of window.$shedulerShadowRoot taken when load_jarvis() ran.
		// The original code captured this into a const before setupWidget()
		// assigned it, and used the snapshot for the MutationObserver target,
		// the comment prefill and the sticky Next button. Preserved as-is.
		shadowRootAtLoad: undefined,

		policyHolderSyncPending: false, // wire the policy-holder radios on next mutation pass
		nextStepSeen: false, // onNextStep has fired at least once

		// Set once per widget mount
		continueButtonInserted: false,
		backHomeButtonInserted: false,
		calendarAutoOpened: false,
	};

	// Lead fields captured from the GraphQL booking request body.
	// Sent to the webhook on booking success, then cleared.
	const lead = { firstName: '', lastName: '', email: '', phone: '' };

	// =========================================================================
	// 3. Utilities
	// =========================================================================

	function getShadowRoot() {
		return window.$shedulerShadowRoot;
	}

	/** Runs callback(el) once `selector` exists inside `root`, now or later. */
	function onShadowReady(root, selector, callback) {
		const existing = root.querySelector(selector);
		if (existing) return callback(existing);

		const observer = new MutationObserver(() => {
			const found = root.querySelector(selector);
			if (found) {
				observer.disconnect();
				callback(found);
			}
		});
		observer.observe(root, { childList: true, subtree: true });
	}

	function isIOS() {
		return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
	}

	/** Reads ?comment= from the current URL, or null. */
	function getOfferComment() {
		const url = new URL(window.location.href);
		const comment = new URLSearchParams(url.search).get('comment');
		return comment ? decodeURIComponent(comment) : null;
	}

	/** Strips non-digits and a leading US country code. */
	function normalizeUsDigits(raw) {
		let digits = raw.replace(/\D/g, '');
		if (digits.length === 11 && digits.startsWith('1')) digits = digits.slice(1);
		return digits;
	}

	function formatUsPhone(digits) {
		return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
	}

	function validateUSPhoneNumber(raw) {
		if (!raw) return { valid: false, message: 'Phone number is required.' };

		const digits = normalizeUsDigits(raw);
		if (digits.length !== 10) {
			return {
				valid: false,
				message: 'Please enter a valid 10-digit US phone number.',
			};
		}

		const areaCode = digits.slice(0, 3);
		const exchange = digits.slice(3, 6);

		if (!/^[2-9]/.test(areaCode)) return { valid: false, message: 'Invalid area code.' };
		if (!/^[2-9]/.test(exchange)) return { valid: false, message: 'Invalid phone number format' };
		if (/^[2-9]11$/.test(exchange)) return { valid: false, message: 'Invalid exchange code' };
		if (/^(\d)\1{9}$/.test(digits)) return { valid: false, message: 'Invalid phone number' };

		return {
			valid: true,
			message: '',
			normalized: digits,
			formatted: formatUsPhone(digits),
		};
	}

	/** Highlights the phone input and shows an inline error until the user types. */
	function showPhoneError(message) {
		const root = getShadowRoot();
		if (!root) return;

		const input = root.querySelector(SEL.phoneInput);
		if (!input) return;

		input.style.borderColor = 'red';
		input.style.borderWidth = '2px';

		const previous = input.parentElement.querySelector('.phone-error-msg');
		if (previous) previous.remove();

		const error = document.createElement('div');
		error.className = 'phone-error-msg';
		error.textContent = message;
		error.style.color = '#d32f2f';
		error.style.fontSize = '12px';
		error.style.marginTop = '4px';
		error.style.fontFamily = 'inherit';
		input.parentElement.appendChild(error);

		input.addEventListener(
			'input',
			() => {
				input.style.borderColor = '';
				error.remove();
			},
			{ once: true },
		);
	}

	// =========================================================================
	// 4. Booking cache
	//    Everything the thank-you page needs is collected here from clicks,
	//    the request body, and a periodic DOM scan.
	// =========================================================================

	function initBookingCache() {
		window.jarvisBookingCache = { date: '', day: '', time: '', location: '' };
	}

	function cacheBookingDate(date) {
		if (isNaN(date.getTime())) return;
		window.jarvisBookingCache.date = date.toLocaleDateString('en-US', DATE_FORMAT);
		window.jarvisBookingCache.day = date.toLocaleDateString('en-US', DAY_FORMAT);
	}

	/** "10:30am" -> "10:30 AM" */
	function normalizeTimeLabel(text) {
		return text
			.trim()
			.replace(/(am|pm)/i, ' $1')
			.toUpperCase()
			.replace('  ', ' ');
	}

	/** Appends the current year when the text has no 4-digit year. */
	function withCurrentYear(text) {
		return /\d{4}/.test(text) ? text : text + ', ' + new Date().getFullYear();
	}

	/** aria-label on a time slot looks like "10:30am on 2026-11-03". */
	function cacheFromTimeSlotLabel(ariaLabel) {
		if (!ariaLabel || !ariaLabel.includes(' on ')) return;

		const [timePart, datePart] = ariaLabel.split(' on ');
		const time = normalizeTimeLabel(timePart);
		if (time) window.jarvisBookingCache.time = time;

		cacheBookingDate(new Date(datePart.trim()));
	}

	/** Availability rendered as <li> inside a carousel cell with a date header. */
	function cacheFromListItemCard(card) {
		const text = card.textContent.trim();
		if (text) window.jarvisBookingCache.time = normalizeTimeLabel(text);

		const cell = card.closest('.carousel-cell');
		if (!cell) return;

		const header =
			cell.querySelector('span.table-pagination') || cell.querySelector('.date-header');
		if (!header) return;

		cacheBookingDate(new Date(withCurrentYear(header.textContent.trim())));
	}

	/** Availability rendered as a card whose text contains weekday, month, day and time. */
	function cacheFromAvailabilityCard(card) {
		const text = card.textContent || '';
		const timeMatch = text.match(CLOCK_TIME_RE);
		if (!timeMatch || !WEEKDAY_RE.test(text)) return;

		window.jarvisBookingCache.time = timeMatch[1].trim().toUpperCase();

		const monthMatch = text.match(MONTH_DAY_RE);
		if (!monthMatch) return;

		cacheBookingDate(new Date(monthMatch[0] + ', ' + new Date().getFullYear()));
	}

	/** Capture-phase click listener on the shadow root. */
	function trackAvailabilityClicks(root) {
		root.addEventListener(
			'click',
			(event) => {
				const label = event.target.closest('label');
				const forAttr = label && label.getAttribute('for');
				if (forAttr && forAttr.startsWith('time-')) {
					cacheFromTimeSlotLabel(label.getAttribute('aria-label'));
				}

				const card = event.target.closest('.availability-card, [data-operatory]');
				if (!card) return;

				if (card.tagName.toLowerCase() === 'li') {
					cacheFromListItemCard(card);
				} else {
					cacheFromAvailabilityCard(card);
				}
			},
			true,
		);
	}

	/** Fallback: scan leaf text nodes for "<date> at <time>" once nothing has set a time. */
	function cacheFromConfirmationText(root) {
		const candidates = root.querySelectorAll('h1, h2, h3, h4, p, span, div');
		for (const el of candidates) {
			if (el.children.length > 0) continue;

			const text = el.textContent.trim();
			const match = text.match(AT_CLOCK_TIME_RE);
			if (!match || !WEEKDAY_RE.test(text)) continue;

			window.jarvisBookingCache.time = match[1].trim();
			cacheBookingDate(new Date(text.split(/at/i)[0].trim()));
			break;
		}
	}

	function cacheFromCheckedTimeSlot(root) {
		const checked = root.querySelector('input[type="radio"]:checked');
		if (checked && checked.id && checked.id.startsWith('time-')) {
			cacheFromTimeSlotLabel(checked.getAttribute('aria-label'));
		}
	}

	function cacheLocationFromDom(root) {
		const locationCard = root.querySelector('[data-location-id]');
		if (!locationCard) return;

		const heading = locationCard.parentElement.querySelector('h3');
		if (heading) window.jarvisBookingCache.location = heading.textContent.trim();
	}

	function startBookingCachePoller() {
		setInterval(() => {
			try {
				const root = getShadowRoot();
				if (!root) return;

				if (!window.jarvisBookingCache.time) cacheFromConfirmationText(root);
				cacheFromCheckedTimeSlot(root);
				cacheLocationFromDom(root);
			} catch (err) {
				// Polling is best-effort; swallow errors like the original.
			}
		}, CONFIG.pollIntervalMs);
	}

	// =========================================================================
	// 5. Network interception
	//    The booking mutation sent to GraphQL carries the lead fields and the
	//    appointment time, so we read them off the request body.
	// =========================================================================

	/** Records lead fields and appointment time from a GraphQL `input` object. */
	function recordSubmittedInput(input) {
		if (!input) return;

		lead.firstName = input.first_name || lead.firstName || '';
		lead.lastName = input.last_name || lead.lastName || '';
		lead.email =
			input.email ||
			document.getElementById(PAGE.bookingEmail)?.value ||
			lead.email ||
			'';
		lead.phone = input.mobile_phone || lead.phone || '';

		try {
			cacheFromSubmittedStartTime(input);
		} catch (err) {
			// Non-critical; the DOM poller may still fill the cache.
		}

		if (lead.phone) markUrlAsConfirmation();
	}

	function cacheFromSubmittedStartTime(input) {
		let startTime = input.start_time || input.appointment_date || '';
		if (!startTime) {
			const match = JSON.stringify(input).match(ISO_DATETIME_RE);
			if (match) startTime = match[0];
		}
		if (!startTime) return;

		const date = new Date(startTime);
		if (isNaN(date.getTime())) return;

		cacheBookingDate(date);

		const clock = startTime.match(/T(\d{2}):(\d{2})/);
		const hasTimezone = startTime.includes('Z') || startTime.match(/[+-]\d{2}:\d{2}$/);

		if (!clock || hasTimezone) {
			window.jarvisBookingCache.time = date.toLocaleTimeString('en-US', TIME_FORMAT);
			return;
		}

		// Timezone-less string: read the wall-clock hour directly.
		let hour = parseInt(clock[1], 10);
		const suffix = hour >= 12 ? 'PM' : 'AM';
		hour = hour % 12 || 12;
		window.jarvisBookingCache.time = `${hour}:${clock[2]} ${suffix}`;
	}

	/** Replaces ?comment / ?variant with ?confirmation=1 in the address bar. */
	function markUrlAsConfirmation() {
		const url = new URL(window.location.href);
		if (url.searchParams.get('confirmation') === '1') return;

		url.searchParams.delete('comment');
		url.searchParams.delete('variant');
		url.searchParams.set('confirmation', '1');
		window.history.pushState({}, '', url.toString());
	}

	function interceptXhr() {
		const originalOpen = XMLHttpRequest.prototype.open;
		const originalSend = XMLHttpRequest.prototype.send;

		XMLHttpRequest.prototype.open = function (method, url) {
			this._url = url;
			return originalOpen.apply(this, arguments);
		};

		XMLHttpRequest.prototype.send = function (body) {
			const isGraphql =
				this._url &&
				typeof this._url === 'string' &&
				this._url.includes(CONFIG.graphqlUrlFragment);

			if (isGraphql) {
				try {
					if (body && typeof body === 'string') {
						const parsed = JSON.parse(body);
						if (parsed && parsed.query) recordSubmittedInput(parsed.variables?.input);
					}
				} catch (err) {
					console.log('Error parsing XHR body:', err);
				}
			}

			return originalSend.apply(this, arguments);
		};
	}

	function interceptFetch() {
		window.fetch = new Proxy(window.fetch, {
			apply: async function (target, thisArg, args) {
				const [url, options = {}] = args;

				// Loose equality kept on purpose: `url` may be a URL object.
				if (url == CONFIG.graphqlUrl && options.body) {
					try {
						const parsed = JSON.parse(options.body);
						recordSubmittedInput(parsed.variables?.input);
					} catch (err) {
						console.log('Error parsing fetch body:', err);
					}
				}

				return await target.apply(thisArg, args);
			},
		});
	}

	// =========================================================================
	// 6. Widget setup
	// =========================================================================

	function createScheduler() {
		window.jarvis = new window.JarvisAnalyticsScheduler({
			token: CONFIG.schedulerToken,
			companyId: CONFIG.companyId,
			locationId: window.jarvisConfig.officeId,
		});
		window.jarvis.title = '';
		Object.assign(window.jarvis.colors, COLORS);
	}

	/** Loads the remote stylesheet and appends it plus our overrides to the shadow root. */
	async function injectStyles(root) {
		const response = await fetch(CONFIG.stylesUrl);
		const remoteCss = await response.text();

		const style = document.createElement('style');
		style.textContent = remoteCss + FIRST_VISIT_CSS + BASE_CSS;

		if (is_new_layout) {
			style.textContent += NEW_LAYOUT_CSS;
			$('footer').css('padding-bottom', '110px');
		}

		root.appendChild(style);
	}

	/** Defines continueAction() and refresh_page() for the injected buttons' onclick attributes. */
	function injectInlineScript(root) {
		const script = document.createElement('script');
		script.textContent = `
function continueAction(){
    $(window.$shedulerShadowRoot.querySelector("${SEL.footerNextButton}")).click();
}
function refresh_page(){
    window.location.href="/location${window.jarvisConfig.vanityUrl}"
}
`;
		root.appendChild(script);
	}

	/** Mounts the widget into the page. Runs on window load (or after a delay if already loaded). */
	async function setupWidget() {
		try {
			const locationAnchor = document.querySelector(PAGE.locationAnchor);
			const widget = document.querySelector(SEL.widgetElement);
			const root = widget.shadowRoot;

			window.$shedulerShadowRoot = root;
			trackAvailabilityClicks(root);

			const app = root.querySelector(SEL.app);
			if (app) app.style.position = 'relative';

			const firstButton = root.querySelector('button');
			if (firstButton) firstButton.style.display = 'none';

			locationAnchor.insertAdjacentElement('afterend', widget);

			await injectStyles(root);

			state.continueButtonInserted = false;
			state.backHomeButtonInserted = false;
			state.calendarAutoOpened = false;

			injectInlineScript(root);

			const domObserver = new MutationObserver(onWidgetMutation);
			const viewportObserver = new ResizeObserver(syncMobileTimeGrid);

			if (state.shadowRootAtLoad) {
				domObserver.observe(state.shadowRootAtLoad, { attributes: false, childList: true });
			}
			if (document.body) viewportObserver.observe(document.body);

			document.getElementById(PAGE.loadingSpinner).style.display = 'none';
			window.jarvis.toggle();
			window.scrollTo(0, 0);
		} catch (err) {
			console.error('Error during the jarvis toggle or script setup:', err);
		}
	}

	// =========================================================================
	// 7. DOM observers
	// =========================================================================

	/** Runs every patch job after each childList mutation in the widget. */
	function onWidgetMutation(records) {
		for (const record of records) {
			if (record.type !== 'childList') continue;

			requestAnimationFrame(() => {
				const root = getShadowRoot();
				relabelStepNav(root);
				insertStepSeparators(root);
				ensureContinueButton(root);
				syncContinueButtonLabel(root);
				syncPageBackButtons(root);
				ensureBackHomeButton(root);
				wirePolicyHolderSync(root);
				resetCalendarFlagWhenOffSchedulingStep(root);
				autoOpenCalendar(root);
			});
		}
	}

	/** Renames the widget's step labels and back links. */
	function relabelStepNav(root) {
		const relabels = [
			{ selector: SEL.stepNavLabel1, to: 'Booking Information', skip: isThreeStepForm },
			{ selector: SEL.stepNavLabel2, to: 'Patient Information', skip: false },
			{ selector: SEL.footerBackLink, to: 'Back', skip: false },
			{ selector: SEL.prevStepLink, to: 'Back', skip: false },
		];

		// The original compared against the widget's text ("Details", "Schedule",
		// "BACK", "< previous step") but assigned the same label either way,
		// so the comparison is dropped here.
		for (const { selector, to, skip } of relabels) {
			if (skip) continue;
			const el = root.querySelector(selector);
			if (el) el.textContent = to;
		}
	}

	function insertStepSeparators(root) {
		if (!isThreeStepForm && !root.querySelector(SEL.separatorLine)) {
			const link1 = root.querySelector(SEL.stepNavLink1);
			if (link1) link1.insertAdjacentHTML('afterend', "<div class='separator-line'></div>");
		}

		if (
			isThreeStepForm &&
			root.querySelector(SEL.stepNav) &&
			!root.querySelector(SEL.separator3Step1)
		) {
			const link2 = root.querySelector(SEL.stepNavLink2);
			if (link2) {
				link2.insertAdjacentHTML('afterend', "<div class='separator-line-3steps-2'></div>");
				link2.insertAdjacentHTML('beforebegin', "<div class='separator-line-3steps-1'></div>");
			}

			const nav = root.querySelector(SEL.stepNav);
			if (nav) nav.style.alignItems = 'baseline';
		}
	}

	function ensureContinueButton(root) {
		if (state.continueButtonInserted) return;

		const container = root.querySelector(SEL.stepNavContainer);
		if (!container) return;

		container.insertAdjacentHTML(
			'beforeend',
			"<div class='flex items-center'><button onclick='continueAction()' class='continue-btn'>Continue</button></div>",
		);
		state.continueButtonInserted = true;
	}

	/** Mirrors the widget's real Next button onto our Continue button and the sticky Next. */
	function syncContinueButtonLabel(root) {
		const nextButton = root.querySelector(SEL.footerNextButton);
		const stickyNext = root.querySelector(SEL.stickyNextInWidget);

		if (nextButton) {
			const label =
				nextButton.textContent === ' Next '
					? 'Next'
					: isThreeStepForm
						? 'Submit'
						: 'Book Appointment';

			// No null guard here, matching the original.
			root.querySelector(SEL.continueButton).textContent = label;
			if (stickyNext) stickyNext.textContent = label;
		}

		// The original also had an "enable" branch here that could never run.
		if (root.querySelector(SEL.footerNextButtonDisabled) && stickyNext) {
			stickyNext.style.opacity = '0.5';
			stickyNext.style.cursor = 'not-allowed';
			stickyNext.disabled = true;
		}
	}

	/** Shows the page's back buttons only while the widget has a back link. */
	function syncPageBackButtons(root) {
		const widgetBackLink = root.querySelector(SEL.footerBackLink);
		const stickyBacks = document.querySelectorAll(PAGE.stickyBackButtons);
		const webflowBackMobile = document.querySelector(PAGE.webflowBackMobile);

		if (widgetBackLink) {
			stickyBacks.forEach((btn) => {
				btn.style.opacity = '1';
				btn.style.cursor = 'pointer';
			});
			if (webflowBackMobile) webflowBackMobile.style.display = '';
		} else {
			stickyBacks.forEach((btn) => {
				btn.style.opacity = '0';
			});
			if (webflowBackMobile) webflowBackMobile.style.display = 'none';
		}
	}

	function ensureBackHomeButton(root) {
		if (state.backHomeButtonInserted) return;

		const panel = root.querySelector(SEL.confirmationPanel);
		if (!panel) return;

		panel.insertAdjacentHTML(
			'beforeend',
			"<button class='back-btn-home' onclick='refresh_page()'>Back To Home</button>",
		);
		state.backHomeButtonInserted = true;
	}

	/**
	 * Policy holder radios:
	 *  - "No"  clears the policy-holder fields and drops any sync listeners
	 *  - "Yes" copies patient name/DOB into the policy-holder fields and keeps them in sync
	 */
	function wirePolicyHolderSync(root) {
		if (!root.querySelector(SEL.policyHolderYes) || !state.policyHolderSyncPending) return;

		const noRadio = root.querySelector(SEL.policyHolderNo);
		if (noRadio) noRadio.addEventListener('change', () => clearPolicyHolderFields(root));

		const yesRadio = root.querySelector(SEL.policyHolderYes);
		if (yesRadio) yesRadio.addEventListener('change', () => copyPatientToPolicyHolder(root));

		state.policyHolderSyncPending = false;
	}

	function clearPolicyHolderFields(root) {
		const first = root.querySelector(SEL.policyHolderFirstName);
		if (first) first.value = '';

		const last = root.querySelector(SEL.policyHolderLastName);
		if (last) last.value = '';

		setTimeout(() => {
			const dob = root.querySelector(SEL.policyHolderDob);
			if (dob) dob.value = '';
		}, CONFIG.policyHolderDobClearDelayMs);

		// Cloning an input drops its event listeners (the sync handlers below).
		const replaceWithClone = (selector) => {
			const el = root.querySelector(selector);
			if (el) el.replaceWith(el.cloneNode(true));
		};
		replaceWithClone(SEL.firstName);
		replaceWithClone(SEL.lastName);
		replaceWithClone(SEL.birthDate);
	}

	function copyPatientToPolicyHolder(root) {
		const first = root.querySelector(SEL.firstName);
		const last = root.querySelector(SEL.lastName);
		const dob = root.querySelector(SEL.birthDate);
		const holderFirst = root.querySelector(SEL.policyHolderFirstName);
		const holderLast = root.querySelector(SEL.policyHolderLastName);
		const holderDob = root.querySelector(SEL.policyHolderDob);

		if (first && holderFirst) holderFirst.value = first.value;
		if (last && holderLast) holderLast.value = last.value;
		if (dob && holderDob) holderDob.value = dob.value;

		const keepInSync = (source, target) => {
			if (!source || !target) return;
			const handler = () => {
				target.value = source.value;
			};
			source.addEventListener('change', handler);
			source._syncHandler = handler;
		};
		keepInSync(first, holderFirst);
		keepInSync(last, holderLast);
		keepInSync(dob, holderDob);
	}

	/** Allows the calendar to auto-open again if the user leaves the scheduling step before next-step fires. */
	function resetCalendarFlagWhenOffSchedulingStep(root) {
		if (
			!state.nextStepSeen &&
			root.querySelector(SEL.datePickerStep) == null &&
			state.calendarAutoOpened
		) {
			state.calendarAutoOpened = false;
		}
	}

	/** Opens the collapsed calendar once per visit to the scheduling step. */
	function autoOpenCalendar(root) {
		if (state.calendarAutoOpened || !root.querySelector(SEL.calendarToggle)) return;

		setTimeout(() => {
			// No null guard on the panel lookup, matching the original.
			const panelIsCollapsed = root.querySelector(SEL.calendarPanel).classList.length == 0;
			if (panelIsCollapsed) {
				const toggle = root.querySelector(SEL.calendarToggle);
				if (toggle) toggle.click();
			}
		}, CONFIG.calendarOpenDelayMs);

		state.calendarAutoOpened = true;
	}

	/**
	 * ResizeObserver callback. Injects the mobile grid CSS once, then keeps
	 * collapsed day lists hidden on mobile but visible on desktop.
	 */
	function syncMobileTimeGrid() {
		const root = getShadowRoot();
		if (!root) return;

		if (!root.querySelector(SEL.mobileGridFixStyle)) {
			const style = document.createElement('style');
			style.id = 'mobile-grid-fix';
			style.textContent = MOBILE_GRID_CSS;
			root.appendChild(style);
		}

		const radiogroups = root.querySelectorAll(SEL.timeSlotRadiogroup);
		const isDesktop = window.innerWidth >= CONFIG.mobileBreakpointPx;

		radiogroups.forEach((group) => {
			const list = group.closest('ul');
			if (!list) return;

			if (isDesktop) {
				if (list.style.display === 'none') {
					list.dataset.wasClosedOnMobile = 'true';
					list.style.display = '';
				}
			} else if (list.dataset.wasClosedOnMobile === 'true') {
				list.style.display = 'none';
				list.dataset.wasClosedOnMobile = 'false';
			}
		});
	}

	// =========================================================================
	// 8. Lifecycle handlers
	// =========================================================================

	/** Registered with jarvis.onNextStep: analytics push, comment prefill, email mirroring. */
	function handleNextStep(stepData) {
		window.scrollTo(0, 0);
		(window.dataLayer || []).push(stepData);

		try {
			parent.postMessage(stepData, '*');
			setTimeout(() => {
				console.log('Attempting to prefill comment');
				prefillOfferComment();
				mirrorEmailToPage();
			}, CONFIG.prefillDelayMs);
		} catch (err) {
			window.console && window.console.log(err);
		}
	}

	function prefillOfferComment() {
		const comment = getOfferComment();
		if (!comment || !state.shadowRootAtLoad) return;

		console.log('Comment:', comment);
		const textarea = state.shadowRootAtLoad.querySelector('textarea');
		if (textarea) textarea.value = `Offer: ${comment}`;
	}

	/** Copies the widget's email into the page's hidden #Booking-Email on blur. */
	function mirrorEmailToPage() {
		const emailInput = document
			.querySelector(SEL.widgetElement)
			.shadowRoot.querySelector('#email');
		if (!emailInput) return;

		console.log('Email input found');
		emailInput.addEventListener('blur', function () {
			const pageEmail = document.getElementById(PAGE.bookingEmail);
			pageEmail.value = emailInput.value;
			pageEmail.dispatchEvent(new Event('change'));
		});
	}

	/** Pushed to jarvis.onNextStephandlers: installs the phone guard and flips step flags. */
	function onNextStepHandler(stepData) {
		console.log('Next step data:', stepData);
		getShadowRoot().addEventListener('click', guardBookClickWithPhoneValidation, true);
		state.policyHolderSyncPending = true;
		state.nextStepSeen = true;
	}

	/** Blocks any "book" click when the phone number is invalid, before the mutation is sent. */
	function guardBookClickWithPhoneValidation(event) {
		const target = event.target;
		if (!target || !target.textContent?.toLowerCase().includes('book')) return;

		const phoneInput = getShadowRoot().querySelector(SEL.phoneInput);
		if (!phoneInput) return;

		const result = validateUSPhoneNumber(phoneInput.value);
		if (result.valid) return;

		console.warn('Hard blocking before mutation is created');
		event.preventDefault();
		event.stopImmediatePropagation();
		showPhoneError(result.message);
		return false;
	}

	/** Pushed to jarvis.onBookSuccesshandlers. */
	function handleBookSuccess() {
		hideWidget();
		saveBookingDetailsForThankYou();

		const payload = buildLeadPayload();
		if (!(payload.first_name && payload.last_name && payload.email)) {
			console.warn('Jarvis webhook: one or more required fields are empty.', payload);
		}

		resetLead();
		sendLeadWebhook(payload);
	}

	function hideWidget() {
		const root = getShadowRoot();
		if (!root) return;

		const app = root.querySelector(SEL.app);
		if (app) {
			app.style.opacity = '0';
			app.style.pointerEvents = 'none';
		}
	}

	function saveBookingDetailsForThankYou() {
		try {
			const details = {
				location: resolveLocationName(),
				date: window.jarvisBookingCache.date,
				day: window.jarvisBookingCache.day,
				time: window.jarvisBookingCache.time,
				phone: readPagePhoneNumber(),
				url: resolveBookingPath(),
			};
			sessionStorage.setItem('jarvis_booking_details', JSON.stringify(details));
		} catch (err) {
			console.error('Jarvis: error extracting booking details for thank you page', err);
		}
	}

	/** Cache first, then the page <h1>, then jarvisConfig.officeName. */
	function resolveLocationName() {
		const cached = window.jarvisBookingCache.location;
		if (cached) return cached;

		const heading = document.querySelector('h1');
		if (
			heading &&
			heading.textContent &&
			heading.textContent.trim() !== CONFIG.defaultPageHeading
		) {
			return heading.textContent
				.trim()
				.replace(/Book an Appointment at:\s*/, '')
				.replace(/Dentist in |Orthodontist in /, '');
		}

		if (window.jarvisConfig && window.jarvisConfig.officeName) {
			return window.jarvisConfig.officeName;
		}

		return cached;
	}

	/** Formats the first tel: link on the page as (xxx) xxx-xxxx when it is a US number. */
	function readPagePhoneNumber() {
		const link = document.querySelector('a[href^="tel:"]');
		if (!link) return '';

		const href = link.getAttribute('href');
		const digits = normalizeUsDigits(href);
		return digits.length === 10 ? formatUsPhone(digits) : href.replace('tel:', '').trim();
	}

	/** Uses the vanity URL in place of /book-appointment paths. */
	function resolveBookingPath() {
		let path = window.location.pathname;

		if (
			path.includes(CONFIG.bookAppointmentPathFragment) &&
			window.jarvisConfig &&
			window.jarvisConfig.vanityUrl
		) {
			const vanity = window.jarvisConfig.vanityUrl;
			path = vanity.startsWith('/') ? vanity : '/' + vanity;
		}

		return path;
	}

	/** Builds the lead payload from the captured request fields, then the live form, then URL params. */
	function buildLeadPayload() {
		const payload = {
			apikey: CONFIG.webhookApiKey,
			location_id: window.jarvisConfig.jarvisId || '',
			type: 'form',
			first_name: lead.firstName || '',
			last_name: lead.lastName || '',
			email: lead.email || '',
			phone: lead.phone || '',
			date: new Date().toISOString().slice(0, 19).replace('T', ' '),
		};

		try {
			const root = getShadowRoot();
			const first = root?.querySelector(SEL.firstName);
			const last = root?.querySelector(SEL.lastName);
			const middle = root?.querySelector(SEL.middleName);
			const email = root?.querySelector(SEL.email);
			const datePicker = root?.querySelector(SEL.datePickerDate);

			if (first?.value) payload.first_name = first.value;
			if (last?.value) payload.last_name = last.value;
			if (middle?.value) payload.middle_name = middle.value;
			if (datePicker) payload.appointment_date = datePicker.getAttribute('date-picker-date');

			// Email: widget form field first, then the page's mirrored #Booking-Email,
			// so a missed request intercept does not leave the lead without an email.
			if (email?.value) {
				payload.email = email.value;
			} else if (!payload.email) {
				const pageEmail = document.getElementById(PAGE.bookingEmail)?.value;
				if (pageEmail) payload.email = pageEmail;
			}

			const comment = getOfferComment();
			if (comment) payload.comments = `Offer: ${comment}`;

			const params = new URLSearchParams(window.location.search);
			for (const key of UTM_KEYS) {
				const value = params.get(key);
				if (value) payload[key] = value;
			}

			if (document.referrer) payload.referrer = document.referrer;
		} catch (err) {
			console.error('Jarvis: error reading shadow DOM inputs for webhook payload:', err);
		}

		return payload;
	}

	function resetLead() {
		lead.firstName = '';
		lead.lastName = '';
		lead.email = '';
		lead.phone = '';
	}

	/**
	 * The booked appointment is the conversion: the success event is pushed to
	 * the data layer immediately, independent of the leads POST. The redirect to
	 * the thank-you page is driven by GTM's eventCallback (success or error
	 * event), with a hard fallback timer in case GTM never calls back.
	 */
	function sendLeadWebhook(payload) {
		let redirected = false;
		const redirectToThankYou = () => {
			if (redirected) return;
			redirected = true;
			window.location.href = CONFIG.thankYouPath;
		};

		/**
		 * Pushes an event and redirects once GTM reports its tags have fired.
		 * If GTM is not on the page (blocked, no consent), eventCallback would
		 * never run, so redirect straight away instead of waiting for the fallback.
		 */
		const pushThenRedirect = (eventData) => {
			if (!window.dataLayer || !window.google_tag_manager) {
				window.dataLayer && window.dataLayer.push(eventData);
				redirectToThankYou();
				return;
			}

			window.dataLayer.push(
				Object.assign({}, eventData, {
					eventTimeout: CONFIG.webhookEventTimeoutMs,
					eventCallback: redirectToThankYou,
				}),
			);
		};

		// Conversion fires now, whether or not the leads call ever completes.
		pushThenRedirect({ event: 'jarvis_webhook_success' });

		setTimeout(() => {
			window
				.fetch(CONFIG.webhookUrl, {
					method: 'POST',
					headers: {
						'Content-Type': 'application/json',
						Accept: 'application/json',
					},
					body: JSON.stringify(payload),
					keepalive: true,
				})
				.then((response) => {
					if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
					return response.json();
				})
				.then((data) => {
					// Diagnostic only. The conversion event has already fired above;
					// this carries the webhook response for any tag that wants it.
					window.dataLayer &&
						window.dataLayer.push({
							event: 'jarvis_leads_response',
							webhookResponse: data,
						});
				})
				.catch((err) => {
					console.error('Jarvis webhook error:', err);
					pushThenRedirect({
						event: 'jarvis_webhook_error',
						error: err.message,
					});
				});
		}, CONFIG.webhookSendDelayMs);

		// Fallback: fires only if neither eventCallback redirected first.
		setTimeout(redirectToThankYou, CONFIG.redirectFallbackMs);
	}

	// =========================================================================
	// 9. Entry points
	// =========================================================================

	/** Clicks the widget's back link. Used by the page's back buttons via onclick. */
	function jarvisGoBack() {
		const root = getShadowRoot();
		if (!root) return;

		onShadowReady(root, SEL.footerBackLink, (link) => {
			console.log('Back button clicked by script:', link);
			link.click();
		});
	}

	/** Points the page's sticky nav buttons at the widget. */
	function wirePageNavButtons() {
		document.querySelector(PAGE.webflowBackMobile)?.setAttribute('onclick', 'jarvisGoBack()');
		document.querySelector(PAGE.stickyBackMobile)?.setAttribute('onclick', 'jarvisGoBack()');
		document.querySelector(PAGE.stickyBack)?.setAttribute('onclick', 'jarvisGoBack()');

		document.querySelector(PAGE.stickyNext)?.addEventListener('click', () => {
			state.shadowRootAtLoad.querySelector(SEL.continueButton)?.click();
		});
	}

	function scheduleWidgetSetup() {
		if (document.readyState === 'complete') {
			setTimeout(() => {
				setupWidget();
				console.log('Jarvis widget initialized after 5 seconds (page already loaded)');
			}, CONFIG.initDelayMs);
		} else {
			window.addEventListener('load', setupWidget);
			console.log('Jarvis widget initialized after on page load');
		}
	}

	/** Called by the page. Wires everything up and schedules the widget mount. */
	function loadJarvis() {
		const officeId = window.jarvisConfig.officeId;
		const bookingForm = document.getElementById(PAGE.bookingForm);

		if (officeId === '' || officeId == null) {
			bookingForm.style.display = 'block';
			document.getElementById(PAGE.loadingSpinner).style.display = 'none';
			return;
		}

		bookingForm.style.display = 'none';

		try {
			initBookingCache();
			interceptXhr();
			interceptFetch();

			state.shadowRootAtLoad = window.$shedulerShadowRoot;
			state.policyHolderSyncPending = isThreeStepForm || false;
			state.nextStepSeen = false;

			createScheduler();
			startBookingCachePoller();

			window.jarvis.onBookSuccesshandlers.push(handleBookSuccess);
			window.jarvis.onloadhandlers.push(function () {});
			window.jarvis.onNextStep(handleNextStep);
			window.jarvis.onNextStephandlers.push(onNextStepHandler);

			wirePageNavButtons();
			scheduleWidgetSetup();
		} catch (err) {
			console.error('Error during the setup of the jarvis scheduler:', err);
		}
	}

	// Expose the same globals the original file defined at top level.
	// These must be assigned synchronously: page code calls load_jarvis() itself,
	// and inline onclick attributes call jarvisGoBack() by name.
	window.load_jarvis = loadJarvis;
	window.jarvisGoBack = jarvisGoBack;
	window.onShadowReady = onShadowReady;
	window.isIOS = isIOS;
	window.validateUSPhoneNumber = validateUSPhoneNumber;
	window.showPhoneError = showPhoneError;

	function init() {
		// Nothing runs automatically; the page invokes load_jarvis() when ready.
		// This hook exists so there is an obvious place to add startup work later.
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', init);
	} else {
		init();
	}

	// =========================================================================
	// 10. CSS
	//     Appended to the remote stylesheet inside the widget's shadow root.
	//     Hoisted function declarations above can reference these safely
	//     because nothing runs until load_jarvis() is called.
	// =========================================================================

	/** Hides the second calendar block and flips the toggle icon on first visit. */
	const FIRST_VISIT_CSS = `
#app.first-visit>div.flex.flex-col.flex-grow.mt-6>form>div.container.pt-6.mx-auto.sm\\:p-6.flex-grow>div>div>div:nth-child(3)>div>div>div>div:nth-child(2)>div>div:nth-child(2){display:none}
#app.first-visit>div.flex.flex-col.flex-grow.mt-6>form>div.container.pt-6.mx-auto.sm\\:p-6.flex-grow>div>div>div:nth-child(3)>div>div>div>div:nth-child(2)>div>div.relative.flex.items-center.justify-center.pb-2.mb-4.border-b.border-gray-300.cursor-pointer.select-none>svg path{d:path("M20 12H4")}
`;

	const BASE_CSS = `
@media screen and (max-width : 640px) {
    div:has(> fieldset > div > label > input#true-insurance){
        display: flex;
        flex-direction: column;
    }
}
div:has(> div > h3) > div > div:has(> div > div > div[data-location-id]) {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}
.button-color {
    color: unset !important;
}
div:has(> label > input[type="radio"]){
    display:flex;
}
@media (min-width: 1280px) {
    .xl:grid-cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) and (max-width: 1280px) {
    #app>div.flex.flex-col.flex-grow.mt-6>form>div.z-50.flex-grow.py-6.mt-6.bg-color>div>div>button{
        max-width : none;
    }
    .rounded:not(#app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color > div > div > button){
        max-width : none;
    }
}
@media all and ( 1024px > width > 991px){
    #app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl.md\\:sticky.md\\:bottom-0.md\\:mt-24 > div > div{
        display:flex;
    }
}
@media all and (991px > width > 767px){
    #app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl.md\\:sticky.md\\:bottom-0.md\\:mt-24 > div > div{
        display : grid;
    }
}
@media all and (min-width : 767px ){
    #app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl.md\\:sticky.md\\:bottom-0.md\\:mt-24 > div > div{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div:has(>svg + p ){
    flex-direction: column;
}
#app>div.flex.flex-col.flex-grow.mt-6>form>div.container.pt-6.mx-auto>div>div>div:nth-child(3)>div>div>div>div:nth-child(2)>div>div.relative.flex.items-center.justify-center.pb-2.mb-4.border-b.border-gray-300.cursor-pointer.select-none:has(h3 + svg){
    margin-top : -15px;
}
@media all and (min-width : 991px){
    #app>div.flex.flex-col.flex-grow.mt-6>form h3,
    #app>div.flex.flex-col.flex-grow.mt-6>form>div.container>div>div>div:nth-child(1)>div>fieldset:nth-child(2)>legend{
        font-size : 18px;
    }
}
#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div>div>svg{
    transform: translateX(-22px) !important;
}
#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div>div>p.phone-number.text-lg.md\\:text-2xl::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(https://uploads-ssl.webflow.com/663a58dfb423eff3639562f6/6696de4b113ee3fa34570e3b_phone-icon.svg) no-repeat left 40%;
    background-size: 20px;
    transform: translateY(10px);
}

#app > div.flex.flex-col.flex-grow.mt-6 > div.flex.flex-col.flex-grow > div > div > div > p:nth-child(5)::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(https://uploads-ssl.webflow.com/663a58dfb423eff3639562f6/669032579a5afe63cc467ddf_envelope-icon.svg) no-repeat left 40%;
    background-size: 20px;
    transform: translateY(10px);
}

@media all and (1023px < width < 1281px){
    .continue-btn{
        max-width : none;
    }
}
.separator-line-3steps-1,
.separator-line-3steps-2{
    width: 75px;
    background-color: #EEF2F6;
    height: 2px;
    margin-top: 15px;
    position: absolute;
}
.separator-line-3steps-1{
    left: 14%;
}
.separator-line-3steps-2{
    left: 60%;
}
@media screen and (max-width: 767px) {
    #app>div.flex.flex-col.flex-grow.mt-6>div>div>div.flex.justify-center:has(.separator-line-3steps-1) a span.text-xs.text-color{
        text-align : left;
        margin-left : 0px;
    }
}
#app>div.flex.flex-col.flex-grow.mt-6>div>div:has(.separator-line-3steps-1) >div.hidden{
    right : 135px;
}
#app>div.flex.flex-col.flex-grow.mt-6>div>div:has(.separator-line-3steps-1) button.continue-btn{
    min-width : 128px;
}
@media screen and (max-width: 991px) {
    #app>div.flex.flex-col.flex-grow.mt-6>div>div:has(.separator-line-3steps-1) button.continue-btn{
        min-width : 196px;
    }
}

@media screen and (1290px > width > 767px){
    #app>div.flex.flex-col.flex-grow.mt-6>div>div:has(.separator-line-3steps-1) >div.hidden {
        right: 0px !important;
        bottom: -60px;
    }
}
@media screen and (max-width: 420px) {
    #app>div.flex.flex-col.flex-grow.mt-6>div>div>div.flex.justify-center:has(.separator-line-3steps-1){
        gap : 50px;
    }
    .separator-line-3steps-1,
    .separator-line-3steps-2{
        width: 48px;
    }
    .separator-line-3steps-2{
        left: 54%;
    }
}
#app > div.flex.flex-col.flex-grow.mt-6 > div.flex.flex-col.flex-grow > div > div > div > p:nth-child(7){
    display:none;
}
#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div:has(iframe){
    padding: 0px;
    max-width: none !important;
    width : 800px !important;
    margin: 0 auto !important;
}
@media (max-width: 848px) {
    #app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div:has(iframe){
        width: 600px !important;
    }
}
@media (max-width: 640px) {
    #app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div:has(iframe){
        width: 85vw !important;
    }
}
#app div[role="listbox"] {
    height: 200px;
    overflow: auto;
}
#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div>div>div:has(iframe){
    padding: 32px 16px;
    max-width: none !important;
    margin-left: -16px;
}

#app>div.flex.flex-col.flex-grow.mt-6>div.flex.flex-col.flex-grow>div:has(iframe){
    padding: 0px;
    max-width: none;
    width: 100% !important;
}

/* Unbreakable fix for internal scrollbar inside cross-domain iframe */
#app iframe[src*="thankyou"],
#app iframe[title*="Appointment"],
#app iframe[aria-label*="confirmation"] {
    /* Measured in DevTools to be the lowest safe ceiling that prevents overflow */
    min-height: 1100px !important;
}
@media (max-width: 768px) {
    #app iframe[src*="thankyou"],
    #app iframe[title*="Appointment"],
    #app iframe[aria-label*="confirmation"] {
        /* Tested the layout on phone without leaving excess whitespace */
        min-height: 850px !important;
    }
}

#app #insurance ul {
    height: 180px;
    overflow: auto;
}
`;

	/** Only applied when the page sets is_new_layout: fixed bottom action bar. */
	const NEW_LAYOUT_CSS = `
#app>div.flex.flex-col.flex-grow.mt-6>form>div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl{
    background-color: white;
    box-shadow: 0 0 7px 3px #b2aea3;
    position : fixed;
    left : 0;
    width : 100%;
    bottom : 0;
    padding : 24px;
}

#app>div.flex.flex-col.flex-grow.mt-6>form>div.z-50.flex-grow.py-6.mt-6.bg-color>div>div>button{
    background-color: #6AC64B;
    color: #FBFEFF;
}

#app>div.flex.flex-col.flex-grow.mt-6>form>div.z-50.flex-grow.py-6.mt-6.bg-color>div>div>button:hover{
    background-color: #2ba900;
}
@media screen and (min-width : 768px){
    #app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl.md\\:sticky.md\\:bottom-0.md\\:mt-24 > div > div{
        display : flex;
        flex-direction : row-reverse;
        justify-content : space-between;
        width : 100%;
        max-width : 1024px;
        margin : 0 auto;
    }

    #app > div.flex.flex-col.flex-grow.mt-6 > form > div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl.md\\:sticky.md\\:bottom-0.md\\:mt-24 > div > div > div{
        width : 100%;
        display : flex !important;
        max-width : 300px;
    }
    #app>div.flex.flex-col.flex-grow.mt-6>form>div.z-50.flex-grow.py-6.mt-6.bg-color.shadow-2xl>div>div>button{
        width : 100%;
        max-width : 300px;
    }
}
`;

	/** Injected once by the ResizeObserver: three-column time grid on phones. */
	const MOBILE_GRID_CSS = `
@media screen and (max-width: 767px) {
    ul:has(> div[aria-labelledby^="date-header-"]):not([style*="display: none"]) { display: block !important; }
    div[role="radiogroup"][aria-label="Available appointment times"] {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
    }
}
`;
})();

class JarvisObserver {
	constructor() {
		((this.onloadhandlers = []),
			(this.onNextStephandlers = []),
			(this.onTimesNearbyhandlers = []),
			(this.onBookErrorhandlers = []),
			(this.onBookSuccesshandlers = []),
			(this.onOcrScanhandlers = []),
			(this.onSubmittedhandlers = []));
	}
	onload(e) {
		this.onloadhandlers.push(e);
	}
	onNextStep(e) {
		this.onNextStephandlers.push(e);
	}
	onTimesNearby(e) {
		this.onTimesNearbyhandlers.push(e);
	}
	onBookError(e) {
		this.onBookErrorhandlers.push(e);
	}
	onBookSuccess(e) {
		this.onBookSuccesshandlers.push(e);
	}
	onOcrScan(e) {
		this.onOcrScanhandlers.push(e);
	}
	onSubmitted(e) {
		this.onSubmittedhandlers.push(e);
	}
	unsubscribe(e, t) {
		const o = `${e}handlers`;
		this[o] = this[o].filter((e) => {
			if (e !== t) return e;
		});
	}
	fire(e, t) {
		this[`${e}handlers`].forEach((e) => {
			e.call(this, t);
		});
	}
}
class JarvisAnalyticsScheduler extends JarvisObserver {
	constructor(e = {}) {
		(super(),
			Object.assign(
				this,
				{
					title: 'Book an Appointment',
					token: null,
					locationId: null,
					companyId: null,
					conversionPartnerId: null,
					conversionPartnerUrl: null,
					endpoint: 'https://schedule.jarvisanalytics.com/graphql',
					iframeMode: !1,
					showLogo: 1,
					showPhoneNumber: !0,
					showAddress: !1,
					isOpen: !1,
					useDatePicker: !1,
					logo: { src: null, width: 189, height: 38 },
					headerPracticeName: '',
					colors: {
						bodyBackground: '#F3F4F6',
						headerBackground: '#FFFFFF',
						headerColor: '#212127',
						footerBackground: '#FFFFFF',
						containerBackground: '#FFFFFF',
						availabilityBackground: '#F9FAFB',
						availabilityPaginationBackground: '#111827',
						availabilityPaginationColor: '#FFFFFF',
						availabilityColumnHeaderBackground: '#111827',
						availabilityColumnHeaderColor: '#FFFFFF',
						nearestCardBackground: '#FFFFFF',
						nearestCardBorderColor: '#D1D5DB',
						nearestCardColumnHeaderBackground: '#111827',
						nearestCardColumnHeaderColor: '#FFFFFF',
						nearestCardTitleColor: '#212127',
						nearestCardSubtitleColor: '#9CA3AF',
						activeNavItemBackground: '#51B44F',
						activeNavItemColor: '#FFFFFF',
						inactiveNavItemBackground: '#9CA3AF',
						inactiveNavItemColor: '#FFFFFF',
						navItemColor: '#212127',
						primaryOptionColor: '#51B44F',
						secondaryOptionColor: '#D4F3BB',
						primaryButtonBackground: '#51B44F',
						primaryButtonBorderColor: '#51B44F',
						primaryButtonColor: '#FFFFFF',
						secondaryButtonBackground: 'transparent',
						secondaryButtonBorderColor: '#212127',
						secondaryButtonColor: '#212127',
						samedayCardBackground: '#FFFFFF',
						samedayCardBorderColor: '#E5E7EB',
						samedayCardDividerColor: '#212127',
						samedayCardTitleColor: '#212127',
						samedayCardSubtitlesColor: '#9CA3AF',
						samedayCardServiceTitleColor: '#212127',
					},
					samedayTitle: 'Same-Day Appointment',
					sameday: !1,
					samedayOpen: !1,
					includeServices: null,
					includeLocations: null,
					serviceCodes: null,
					override: null,
					utm_source: null,
					gclid: null,
					gbraid: null,
					referrer: null,
					map: null,
					reservedWithGoogle: !1,
					modalMode: !1,
					containerMode: !1,
					containerSelector: null,
					containerStyles: {
						position: 'relative',
						width: '100%',
						height: '100%',
					},
					piwikUrl: 'https://hs1.containers.piwik.pro',
					piwikWebsiteId: 'fe11af93-662a-4f48-9b4b-49509bb4f395',
					recare: !1,
					recareData: null,
					recareMultiple: !1,
					recareServiceId: null,
					bookingLink: !1,
					bookingData: null,
				},
				e,
			),
			this.init());
	}
	attachWidgetTag() {
		const e = document.createElement('jarvis-scheduler-v2');
		if (this.containerMode && this.containerSelector) {
			const t = document.querySelector(this.containerSelector);
			if (t) return void t.appendChild(e);
			console.warn(
				`JarvisScheduler: Container "${this.containerSelector}" not found, falling back to document.body`,
			);
		}
		document.body.appendChild(e);
	}
	attachScriptTag() {
		let e = document.createElement('script');
		((e.id = 'jarvis-scheduler'),
			(e.src =
				'https://schedule.jarvisanalytics.com/js/jarvis-scheduler-v2.min.js'),
			(e.async = !0),
			document.body.appendChild(e),
			this.getVueInstance(e));
	}
	initPendo() {
		!(function (e, t, o, n, i) {
			var r, a, l, s, d;
			for (
				(i = e[n] = e[n] || {})._q = i._q || [],
					a = 0,
					l = (r = [
						'initialize',
						'identify',
						'updateOptions',
						'pageLoad',
						'track',
					]).length;
				a < l;
				++a
			)
				!(function (e) {
					i[e] =
						i[e] ||
						function () {
							i._q[e === r[0] ? 'unshift' : 'push'](
								[e].concat([].slice.call(arguments, 0)),
							);
						};
				})(r[a]);
			(((s = t.createElement(o)).async = !0),
				(s.src =
					'https://cdn.pendo.io/agent/static/197d3e84-c2e3-4197-77cd-9056b87fed8f/pendo.js'),
				(d = t.getElementsByTagName(o)[0]).parentNode.insertBefore(s, d),
				pendo.initialize({
					visitor: { id: 'VISITOR-UNIQUE-ID' },
					account: {
						id: 'Jarvis Scheduler',
						name: 'Jarvis Scheduler',
						clientPath: 'https://schedule.jarvisanalytics.com',
					},
				}));
		})(window, document, 'script', 'pendo');
	}
	pendoTrack(e, t) {
		window.pendo
			? (console.log(`Pendo track "${e}" payload: `, t),
				window.pendo.track(e, t))
			: console.error('Error loading Pendo');
	}
	initPiwik(e, t) {
		(!(function (o, n, i) {
			((o[i] = o[i] || []),
				o[i].push({ start: new Date().getTime(), event: 'stg.start' }));
			var r = n.getElementsByTagName('script')[0],
				a = n.createElement('script'),
				l = [],
				s = l.length > 0 ? '?' + l.join('&') : '';
			((a.async = !0),
				(a.src = e + '/' + t + '.js' + s),
				r.parentNode.insertBefore(a, r),
				(function (e, t, n) {
					e[t] = e[t] || {};
					for (var r = 0; r < n.length; r++)
						!(function (n) {
							((e[t][n] = e[t][n] || {}),
								(e[t][n].api =
									e[t][n].api ||
									function () {
										var e = [].slice.call(arguments, 0);
										'string' == typeof e[0] &&
											o[i].push({
												event: t + '.' + n + ':' + e[0],
												parameters: [].slice.call(arguments, 1),
											});
									}));
						})(n[r]);
				})(o, 'ppms', ['tm', 'cm']));
		})(window, document, 'dataLayer'),
			this.pushPiwik(['setCustomDimensionValue', 1, this.locationId]),
			this.pushPiwik(['setCustomDimensionValue', 2, this.companyId]));
	}
	pushPiwik(e) {
		((window._paq = window._paq || []), window._paq.push(e));
	}
	enhanceEventWithTrackingParams(e) {
		const t = this.component?.config;
		return t
			? (t?.utm_source && (e.utm_source = t.utm_source),
				t?.utm_term && (e.utm_term = t.utm_term),
				t?.utm_content && (e.utm_content = t.utm_content),
				t?.utm_campaign && (e.utm_campaign = t.utm_campaign),
				t?.gclid && (e.gclid = t.gclid),
				t?.gbraid && (e.gbraid = t.gbraid),
				e)
			: e;
	}
	initSettings() {
		const e = document.querySelector('jarvis-scheduler-v2'),
			t = this.findCookie('_rwg_token');
		if (
			((this.component = e.vueComponent),
			(this.component.isOpen = this.isOpen),
			(this.component.config.title = this.title),
			(this.component.config.token = this.token),
			(this.component.config.endpoint = this.endpoint),
			(this.component.config.iframeMode = this.iframeMode),
			this.iframeMode && document.documentElement.classList.add('iframe-embed'),
			(this.component.config.showLogo = this.showLogo),
			(this.component.config.showPhoneNumber = this.showPhoneNumber),
			(this.component.config.showAddress = this.showAddress),
			(this.component.config.locationId = this.locationId),
			(this.component.config.companyId = this.companyId),
			(this.component.config.useDatePicker = this.useDatePicker),
			(this.component.config.logo = this.logo),
			(this.component.config.headerPracticeName = this.headerPracticeName),
			(this.component.config.colors = this.colors),
			(this.component.config.sameday = this.sameday),
			(this.component.config.samedayTitle = this.samedayTitle),
			(this.component.config.samedayOpen = this.samedayOpen),
			(this.component.config.includeServices = this.includeServices),
			(this.component.config.includeLocations = this.includeLocations),
			(this.component.config.serviceCodes = this.serviceCodes),
			(this.component.config.override = this.override),
			(this.component.config.utm_source = this.utm_source),
			(this.component.config.utm_campaign = this.utm_campaign),
			(this.component.config.utm_term = this.utm_term),
			(this.component.config.utm_content = this.utm_content),
			(this.component.config.gclid = this.gclid),
			(this.component.config.gbraid = this.gbraid),
			(this.component.config.referrer = this.referrer),
			(this.component.config.map = this.map),
			(this.component.config.reservedWithGoogle = this.reservedWithGoogle),
			(this.component.config.modalMode = this.modalMode),
			(this.component.config.recare = this.recare),
			(this.component.config.recareData = this.recareData),
			(this.component.config.recareMultiple = this.recareMultiple),
			(this.component.config.recareServiceId = this.recareServiceId),
			(this.component.config.bookingLink = this.bookingLink),
			(this.component.config.bookingData = this.bookingData),
			this.component?.$store &&
				this.component.$store.commit('fieldUpdate', {
					key: 'config',
					value: this.component.config,
				}),
			(this.component.config.containerMode = this.containerMode),
			(this.component.config.containerStyles = this.containerStyles),
			window.location.search.includes('rwg_token='))
		) {
			let e;
			((e =
				void 0 !== t
					? t.split(/=(.*)/s)[1]
					: new URLSearchParams(window.location.search).get('rwg_token')),
				e && (this.component.config.rwg_token = e),
				(this.utm_source = 'RWG'),
				(this.component.config.utm_source = 'RWG'));
		}
		const o = this.component;
		(this.pushPiwik([
			function () {
				const e = this.getVisitorId();
				o.config.piwikVisitorId = e;
			},
		]),
			this.component.$on('onnextstep', (e) => {
				('scheduling-success' === e?.event && this.requestConversion(),
					this.pushPiwik([
						'trackEvent',
						'Booking',
						'Clicked',
						'Next Step',
						void 0,
						void 0,
						{ dimension1: e?.location?.location_id, dimension2: e?.companyId },
					]),
					this.fire('onNextStep', this.enhanceEventWithTrackingParams(e)));
			}),
			this.component.$on('ontimesnearby', (e) => {
				this.fire('onTimesNearby', this.enhanceEventWithTrackingParams(e));
			}),
			this.component.$on('onbookerror', (e) => {
				this.fire('onBookError', this.enhanceEventWithTrackingParams(e));
			}),
			this.component.$on('on:book_success', (e) => {
				(this.pushPiwik([
					'trackEvent',
					'Booking',
					'Confirmed',
					'Appointment Request',
					void 0,
					{ dimension1: e?.location?.location_id, dimension2: e?.companyId },
				]),
					this.fire('onBookSuccess', this.enhanceEventWithTrackingParams(e)));
			}),
			this.component.$on('on:ocr_scan', (e) => {
				this.fire('onOcrScan', e);
			}),
			this.component.$on('on:submitted', (e) => {
				(this.pushPiwik([
					'trackEvent',
					'Booking',
					'Submitted',
					'Appointment Request',
					void 0,
					{ dimension1: e?.location?.location_id, dimension2: e?.companyId },
				]),
					this.pushPiwik([
						'trackGoal',
						'f4ebc000-db5a-45e8-a63c-3b296f9f7d7e',
						void 0,
						{ dimension1: e?.location?.location_id, dimension2: e?.companyId },
					]),
					this.fire('onSubmitted', this.enhanceEventWithTrackingParams(e)));
			}),
			this.component.$once('on:time_selected', (e) => {
				this.pushPiwik([
					'trackEvent',
					'Booking',
					'Selected',
					'Appointment Time',
				]);
			}),
			this.component.$once('on:service_selected', (e) => {
				this.pushPiwik(['trackEvent', 'Booking', 'Selected', 'Service']);
			}),
			this.component.$once('on:patient_information_entered', (e) => {
				this.pushPiwik([
					'trackEvent',
					'Booking',
					'Entered',
					'Patient Information',
				]);
			}),
			this.component.$once('on:insurance_information_entered', (e) => {
				this.pushPiwik([
					'trackEvent',
					'Booking',
					'Entered',
					'Insurance Information',
				]);
			}));
	}
	getVueInstance(e) {
		e.onload = () => {
			this.initSettings();
		};
	}
	toggle(e) {
		this.component.onOpen(e);
	}
	init() {
		'loading' === document.readyState
			? document.addEventListener('DOMContentLoaded', () => this.loadApp())
			: this.loadApp();
	}
	getRwgToken() {
		const e = location.search.substring(1).split('&');
		let t;
		for (let o = 0; o < e.length; ++o) {
			const n = e[o].split(/=(.*)/s);
			if ('rwg_token' == n[0]) {
				t = decodeURIComponent(n[1]);
				break;
			}
		}
		return t;
	}
	handleRwgToken() {
		const e = this.getRwgToken(),
			t = `location-${this.locationId}`,
			o = window.location.href,
			n = new URL(o).hostname;
		if (void 0 !== e) {
			const o = `_rwg_token=${e};_merchant_id=${t};max-age=2592000;domain=${n};path=/`;
			document.cookie = o;
		}
	}
	findCookie(e) {
		return document.cookie.split('; ').find((t) => t.startsWith(e));
	}
	requestConversion() {
		const e = this.conversionPartnerId,
			t = window.location.hostname.includes('staging')
				? 'https://www.google.com/maps/conversion/debug/collect'
				: 'https://www.google.com/maps/conversion/collect',
			o = this.findCookie('_rwg_token');
		if (void 0 !== o) {
			const n = o.split(/=(.*)/s)[1];
			fetch(t, {
				method: 'POST',
				body: JSON.stringify({
					conversion_partner_id: e,
					rwg_token: n,
					merchant_changed: 2,
				}),
			});
		}
	}
	loadApp() {
		(this.attachScriptTag(),
			this.attachWidgetTag(),
			this.handleRwgToken(),
			this.initPendo(),
			this.initPiwik(this.piwikUrl, this.piwikWebsiteId),
			this.fire('onload'),
			console.log('loading analytics scheduler'));
	}
}
window.JarvisAnalyticsScheduler = JarvisAnalyticsScheduler;