// Generated by scripts/build-count-pricing.js. Do not edit by hand. (function () { var CONTENT_BY_LOCALE = { "en": { "title": "Xangle Camera Server pricing", "subtitle": "", "comparisonLabel": "CameraServer plan comparison", "featureColumnLabel": "Feature", "supportStripLabel": "Support and partnership", "supportComparisonLabel": "CameraServer support and partnership comparison", "includedLabel": "Included", "notIncludedLabel": "Not included", "yearlyTab": "One year prepaid", "flexTab": "One month prepaid", "monthlyTab": "12-month contract", "buyButtonLabel": "Buy now", "countLabel": "", "countHelp": "", "countInlineUnitLabel": "Cameras", "unitSingular": "camera", "unitPlural": "cameras", "tierNames": { "starter": "Starter", "basic": "Basic", "pro": "Pro", "pulse": "Pulse" }, "planDetailTemplates": { "yearly": "{count} {unit} licensed, billed once for one year", "monthly": "{count} {unit} licensed, billed monthly with a 12-month commitment", "flex": "{count} {unit} licensed for a single month, no auto-renewal" }, "rangePlanDetail": "Available from {min} to {max} {unitPlural}", "comparisonRows": [ { "type": "section", "label": "Camera control and capture" }, { "id": "camera-limit", "label": "Maximum cameras", "values": { "starter": "24", "basic": "Up to 200", "pro": "Up to 1000", "pulse": "Up to 1000" } }, { "id": "multi-camera-control", "label": "Multi-camera control", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "camera-settings", "label": "Camera settings", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "supported-camera-families", "label": "Supported camera families", "values": { "starter": "Canon, Sony, GoPro, PiCam, Android, webcam", "basic": "Same as Starter", "pro": "Same as Starter", "pulse": "Same as Pro" } }, { "id": "triggering", "label": "Triggering", "values": { "starter": "USB triggering", "basic": "USB plus wireless trigger by gamepad, clicker, or similar input", "pro": "USB, wireless, and custom trigger sequences including interval and jump-and-freeze", "pulse": "Same as Pro" } }, { "id": "image-alignment", "label": "Image alignment / bullet-time", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "camera-registration", "label": "Camera registration & alignment", "values": { "starter": "Cloud (30 credits/month) and 2D markerless", "basic": "Cloud (80 credits/month), 2D markerless, and RealityScan (RealityScan license required)", "pro": "Cloud (200 credits/month), 2D markerless, and RealityScan (RealityScan license required)", "pulse": "Same as Pro" } }, { "id": "multi-camera-auto-focus", "label": "Multi-camera auto-focus", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "video-capture", "label": "Video capture", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "burst-capture", "label": "Burst capture", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "sound-audio-cueing", "label": "Sound / audio cueing", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "live-view", "label": "Live view", "values": { "basic": "On supported cameras", "pro": "On supported cameras", "pulse": "Same as Pro" } }, { "id": "interval-jump-freeze", "label": "Interval and jump-and-freeze camera triggering", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Review and delivery" }, { "id": "sharing-from-computer", "label": "Sharing from licensed computer", "values": { "starter": "Email and QR code", "basic": "Email, QR code, offline QR sharing, and connected second display", "pro": "Email, QR code, offline QR sharing, and device web pages", "pulse": "Same as Pro" } }, { "id": "email-monitoring", "label": "Email monitoring", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "quick-view", "label": "Quick View", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "library-frames-preview", "label": "Library and Frames preview", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "second-display", "label": "Second-display monitor mode", "values": { "basic": true, "pro": true, "pulse": "Same as Pro" } }, { "id": "kiosk-mode", "label": "Kiosk / self-service booth mode", "values": { "basic": true, "pro": true, "pulse": true } }, { "id": "web-pages", "label": "Local network web pages", "values": { "pro": true, "pulse": true } }, { "id": "backstage-recording", "label": "Backstage recording", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Processing and finishing" }, { "id": "image-video-format-ops", "label": "Image and video format operations", "values": { "starter": "Resize and orientation", "basic": "Resize and orientation", "pro": "Resize and orientation", "pulse": "Same as Pro" } }, { "id": "finishing-branding", "label": "Finishing / branding", "values": { "basic": "Watermark, MP4 intro/outro, overlays, and related Finishing workflows", "pro": true, "pulse": true } }, { "id": "video-mashup", "label": "Video mashup", "values": { "pro": true, "pulse": true } }, { "id": "gaussian-splat", "label": "Gaussian-splat processing", "values": { "pro": true, "pulse": true } }, { "id": "chromakey", "label": "Chromakey processing", "values": { "pro": true, "pulse": true } }, { "id": "color-grading", "label": "Color grading", "values": { "pro": true, "pulse": true } }, { "id": "screen-recording", "label": "Screen recording", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Network, storage, and automation" }, { "id": "network-nodes", "label": "Network nodes / Raspberry Pi clients", "values": { "basic": true, "pro": true, "pulse": true } }, { "id": "device-module", "label": "Device module", "values": { "pro": true, "pulse": true } }, { "id": "working-directories", "label": "Working directories", "values": { "pro": true, "pulse": true } }, { "id": "renaming-backups", "label": "Flat folder, renaming, and backups", "values": { "pro": true, "pulse": true } }, { "id": "app-branding", "label": "App branding (custom logo, title, colors)", "values": { "pro": true, "pulse": true } }, { "id": "camera-storage-handling", "label": "Camera storage handling", "values": { "pro": true, "pulse": "Same as Pro" } }, { "id": "screen-dimmer", "label": "Screen dimmer", "values": { "pro": true, "pulse": true } }, { "id": "led-lighting-control", "label": "LED lighting control", "values": { "pro": true, "pulse": true } }, { "id": "actions-api", "label": "Actions and API", "values": { "pro": true, "pulse": true } } ], "supportRows": [ { "id": "support-model", "label": "Support model", "values": { "starter": "Online documentation", "basic": "Online documentation", "pro": "Online documentation", "pulse": "Direct access to the dev team" } }, { "id": "priority-beta", "label": "Priority beta access", "values": { "pulse": true } }, { "id": "roadmap-priority", "label": "Roadmap priority consideration", "values": { "pulse": true } } ], "modalEyebrow": "Your email", "modalBuyTitle": "Buy {plan}", "modalBuyCopy": "We will prefill your email in Stripe so checkout is faster.", "modalEmailLabel": "Work email", "modalEmailPlaceholder": "name@studio.com", "modalCouponLabel": "Coupon code", "modalCouponPlaceholder": "Optional", "modalNewsletterLabel": "Subscribe to Xangle Apps news", "modalBuySubmit": "Continue to Stripe", "modalCancel": "Cancel", "unavailablePlanDetail": "Not available for this billing option", "checkoutErrorEmailRequired": "Enter your email before continuing.", "checkoutErrorInvalidEmail": "Enter a valid email address before continuing.", "checkoutErrorEmailBlocked": "Use a permanent email address. Disposable or manually blocked addresses are not accepted.", "checkoutErrorEmailNotAllowed": "Use a permanent email address. Disposable or manually blocked addresses are not accepted.", "checkoutErrorGeneric": "Could not start checkout right now.", "perMonthSuffix": "/month" }, "fr": { "title": "Xangle Camera Server pricing", "subtitle": "", "comparisonLabel": "CameraServer plan comparison", "featureColumnLabel": "Feature", "supportStripLabel": "Support and partnership", "supportComparisonLabel": "CameraServer support and partnership comparison", "includedLabel": "Included", "notIncludedLabel": "Not included", "yearlyTab": "One year prepaid", "flexTab": "One month prepaid", "monthlyTab": "12-month contract", "buyButtonLabel": "Buy now", "countLabel": "", "countHelp": "", "countInlineUnitLabel": "Cameras", "unitSingular": "camera", "unitPlural": "cameras", "tierNames": { "starter": "Starter", "basic": "Basic", "pro": "Pro", "pulse": "Pulse" }, "planDetailTemplates": { "yearly": "{count} {unit} licensed, billed once for one year", "monthly": "{count} {unit} licensed, billed monthly with a 12-month commitment", "flex": "{count} {unit} licensed for a single month, no auto-renewal" }, "rangePlanDetail": "Available from {min} to {max} {unitPlural}", "comparisonRows": [ { "type": "section", "label": "Camera control and capture" }, { "id": "camera-limit", "label": "Maximum cameras", "values": { "starter": "24", "basic": "Up to 200", "pro": "Up to 1000", "pulse": "Up to 1000" } }, { "id": "multi-camera-control", "label": "Multi-camera control", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "camera-settings", "label": "Camera settings", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "supported-camera-families", "label": "Supported camera families", "values": { "starter": "Canon, Sony, GoPro, PiCam, Android, webcam", "basic": "Same as Starter", "pro": "Same as Starter", "pulse": "Same as Pro" } }, { "id": "triggering", "label": "Triggering", "values": { "starter": "USB triggering", "basic": "USB plus wireless trigger by gamepad, clicker, or similar input", "pro": "USB, wireless, and custom trigger sequences including interval and jump-and-freeze", "pulse": "Same as Pro" } }, { "id": "image-alignment", "label": "Image alignment / bullet-time", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "camera-registration", "label": "Camera registration & alignment", "values": { "starter": "Cloud (30 credits/month) and 2D markerless", "basic": "Cloud (80 credits/month), 2D markerless, and RealityScan (RealityScan license required)", "pro": "Cloud (200 credits/month), 2D markerless, and RealityScan (RealityScan license required)", "pulse": "Same as Pro" } }, { "id": "multi-camera-auto-focus", "label": "Multi-camera auto-focus", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "video-capture", "label": "Video capture", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "burst-capture", "label": "Burst capture", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "sound-audio-cueing", "label": "Sound / audio cueing", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "live-view", "label": "Live view", "values": { "basic": "On supported cameras", "pro": "On supported cameras", "pulse": "Same as Pro" } }, { "id": "interval-jump-freeze", "label": "Interval and jump-and-freeze camera triggering", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Review and delivery" }, { "id": "sharing-from-computer", "label": "Sharing from licensed computer", "values": { "starter": "Email and QR code", "basic": "Email, QR code, offline QR sharing, and connected second display", "pro": "Email, QR code, offline QR sharing, and device web pages", "pulse": "Same as Pro" } }, { "id": "email-monitoring", "label": "Email monitoring", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "quick-view", "label": "Quick View", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "library-frames-preview", "label": "Library and Frames preview", "values": { "starter": true, "basic": true, "pro": true, "pulse": true } }, { "id": "second-display", "label": "Second-display monitor mode", "values": { "basic": true, "pro": true, "pulse": "Same as Pro" } }, { "id": "kiosk-mode", "label": "Kiosk / self-service booth mode", "values": { "basic": true, "pro": true, "pulse": true } }, { "id": "web-pages", "label": "Local network web pages", "values": { "pro": true, "pulse": true } }, { "id": "backstage-recording", "label": "Backstage recording", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Processing and finishing" }, { "id": "image-video-format-ops", "label": "Image and video format operations", "values": { "starter": "Resize and orientation", "basic": "Resize and orientation", "pro": "Resize and orientation", "pulse": "Same as Pro" } }, { "id": "finishing-branding", "label": "Finishing / branding", "values": { "basic": "Watermark, MP4 intro/outro, overlays, and related Finishing workflows", "pro": true, "pulse": true } }, { "id": "video-mashup", "label": "Video mashup", "values": { "pro": true, "pulse": true } }, { "id": "gaussian-splat", "label": "Gaussian-splat processing", "values": { "pro": true, "pulse": true } }, { "id": "chromakey", "label": "Chromakey processing", "values": { "pro": true, "pulse": true } }, { "id": "color-grading", "label": "Color grading", "values": { "pro": true, "pulse": true } }, { "id": "screen-recording", "label": "Screen recording", "values": { "pro": true, "pulse": true } }, { "type": "section", "label": "Network, storage, and automation" }, { "id": "network-nodes", "label": "Network nodes / Raspberry Pi clients", "values": { "basic": true, "pro": true, "pulse": true } }, { "id": "device-module", "label": "Device module", "values": { "pro": true, "pulse": true } }, { "id": "working-directories", "label": "Working directories", "values": { "pro": true, "pulse": true } }, { "id": "renaming-backups", "label": "Flat folder, renaming, and backups", "values": { "pro": true, "pulse": true } }, { "id": "app-branding", "label": "App branding (custom logo, title, colors)", "values": { "pro": true, "pulse": true } }, { "id": "camera-storage-handling", "label": "Camera storage handling", "values": { "pro": true, "pulse": "Same as Pro" } }, { "id": "screen-dimmer", "label": "Screen dimmer", "values": { "pro": true, "pulse": true } }, { "id": "led-lighting-control", "label": "LED lighting control", "values": { "pro": true, "pulse": true } }, { "id": "actions-api", "label": "Actions and API", "values": { "pro": true, "pulse": true } } ], "supportRows": [ { "id": "support-model", "label": "Support model", "values": { "starter": "Online documentation", "basic": "Online documentation", "pro": "Online documentation", "pulse": "Direct access to the dev team" } }, { "id": "priority-beta", "label": "Priority beta access", "values": { "pulse": true } }, { "id": "roadmap-priority", "label": "Roadmap priority consideration", "values": { "pulse": true } } ], "modalEyebrow": "Your email", "modalBuyTitle": "Buy {plan}", "modalBuyCopy": "We will prefill your email in Stripe so checkout is faster.", "modalEmailLabel": "Work email", "modalEmailPlaceholder": "name@studio.com", "modalCouponLabel": "Coupon code", "modalCouponPlaceholder": "Optional", "modalNewsletterLabel": "Subscribe to Xangle Apps news", "modalBuySubmit": "Continue to Stripe", "modalCancel": "Cancel", "unavailablePlanDetail": "Not available for this billing option", "checkoutErrorEmailRequired": "Enter your email before continuing.", "checkoutErrorInvalidEmail": "Enter a valid email address before continuing.", "checkoutErrorEmailBlocked": "Use a permanent email address. Disposable or manually blocked addresses are not accepted.", "checkoutErrorEmailNotAllowed": "Use a permanent email address. Disposable or manually blocked addresses are not accepted.", "checkoutErrorGeneric": "Could not start checkout right now.", "perMonthSuffix": "/month" } }; var PRICING = { "type": "count_formula", "tierOrder": [ "starter", "basic", "pro", "pulse" ], "billingOrder": [ "yearly", "flex", "monthly" ], "countParamName": "count", "countParamKeys": [ "cameras", "count" ], "minCount": 6, "maxCount": 1000, "amountFactor": 1, "baseK": 86.11, "monthlyContractMultiplier": 1.25, "oneMonthDivisor": 3, "pulsePremium": { "baseCount": 12, "anchorCount": 200, "minYearly": 2500, "anchorYearly": 7500 }, "tiers": { "starter": { "label": "Starter", "multiplier": 1.15, "power": 0.53, "min": 6, "max": 24, "billingModes": [ "yearly" ] }, "basic": { "label": "Basic", "multiplier": 4.5, "power": 0.37, "min": 6, "max": 200, "billingModes": [ "yearly", "monthly", "flex" ] }, "pro": { "label": "Pro", "multiplier": 7.25, "power": 0.35, "min": 6, "max": 1000, "billingModes": [ "yearly", "monthly", "flex" ] }, "pulse": { "label": "Pulse", "multiplier": 7.25, "power": 0.35, "min": 6, "max": 1000, "billingModes": [ "yearly" ] } } }; var OPTIONS = { "appSlug": "cameraserver", "includeAppParam": true, "includeActionParam": false, "claimFree": null, "contract": null, "hostClassName": "cameraserver-pricing-host", "billingAriaLabel": "Billing period", "closeAriaLabel": "Close" }; var script = document.currentScript || document.scripts[document.scripts.length - 1]; if (!script) return; var scriptUrl = new URL(script.src, window.location.href); var pageUrl = new URL(window.location.href); var locale = normalizeLocale(scriptUrl.searchParams.get('locale') || pageUrl.searchParams.get('locale')); var billing = normalizeBilling(scriptUrl.searchParams.get('billing') || pageUrl.searchParams.get('billing')); var tierParam = normalizeTierParam(scriptUrl.searchParams.get('tier') || pageUrl.searchParams.get('tier')); var checkoutBase = new URL('/api/checkout', scriptUrl.origin); var claimFreeUrl = new URL('/api/claim-free', scriptUrl.origin); var successUrl = scriptUrl.searchParams.get('success_url') || pageUrl.toString(); var cancelUrl = scriptUrl.searchParams.get('cancel_url') || pageUrl.toString(); var email = scriptUrl.searchParams.get('email') || pageUrl.searchParams.get('email') || ''; var coupon = scriptUrl.searchParams.get('coupon') || pageUrl.searchParams.get('coupon') || ''; var checkoutError = scriptUrl.searchParams.get('checkout_error') || pageUrl.searchParams.get('checkout_error') || ''; var pendingTier = null; var pendingAction = 'buy'; var count = PRICING.type === 'count_formula' ? normalizeCountValue(readCountParam()) : null; var content = getContent(locale); var host = document.createElement('div'); host.className = OPTIONS.hostClassName; script.insertAdjacentElement('afterend', host); var root = host; root.innerHTML = renderMarkup(content, billing); bindInteractions(root); updatePlanState(root); if (tierParam) { openPurchaseModal(root, tierParam, getDefaultAction(tierParam)); if (checkoutError) { showCheckoutError(root); } } window.addEventListener('keydown', function (event) { if (event.key !== 'Escape') return; closePurchaseModal(root); closeContractModal(root); }); function bindInteractions(shadowRoot) { var tabs = shadowRoot.querySelectorAll('[data-billing]'); tabs.forEach(function (tab) { tab.addEventListener('click', function () { billing = normalizeBilling(tab.getAttribute('data-billing')); updatePlanState(shadowRoot); }); }); var countInput = shadowRoot.querySelector('[data-role="count-input"]'); if (countInput) { countInput.addEventListener('input', function () { var parsed = parseInt(countInput.value, 10); if (Number.isFinite(parsed)) count = parsed; updatePlanState(shadowRoot); }); countInput.addEventListener('change', function () { count = normalizeCountValue(countInput.value); countInput.value = String(count); updatePlanState(shadowRoot); }); } var ctas = shadowRoot.querySelectorAll('[data-plan][data-action]'); ctas.forEach(function (button) { button.addEventListener('click', function () { openPurchaseModal(shadowRoot, button.getAttribute('data-plan'), button.getAttribute('data-action') || 'buy'); }); }); bindContractButtons(shadowRoot); var purchaseOverlay = shadowRoot.querySelector('[data-role="modal-overlay"]'); var purchaseClose = shadowRoot.querySelector('[data-role="modal-close"]'); var purchaseCancel = shadowRoot.querySelector('[data-role="modal-cancel"]'); var modalForm = shadowRoot.querySelector('[data-role="modal-form"]'); var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); var contractOverlay = shadowRoot.querySelector('[data-role="contract-modal-overlay"]'); var contractClose = shadowRoot.querySelector('[data-role="contract-modal-close"]'); if (purchaseOverlay) purchaseOverlay.addEventListener('click', function () { closePurchaseModal(shadowRoot); }); if (purchaseClose) purchaseClose.addEventListener('click', function () { closePurchaseModal(shadowRoot); }); if (purchaseCancel) purchaseCancel.addEventListener('click', function () { closePurchaseModal(shadowRoot); }); if (contractOverlay) contractOverlay.addEventListener('click', function () { closeContractModal(shadowRoot); }); if (contractClose) contractClose.addEventListener('click', function () { closeContractModal(shadowRoot); }); if (modalForm) { modalForm.addEventListener('submit', async function (event) { event.preventDefault(); var emailInput = shadowRoot.querySelector('[data-role="email-input"]'); var couponInput = shadowRoot.querySelector('[data-role="coupon-input"]'); var newsletterInput = shadowRoot.querySelector('[data-role="newsletter-input"]'); if (!emailInput || (emailInput.reportValidity && !emailInput.reportValidity())) return; email = emailInput.value.trim(); coupon = couponInput ? couponInput.value.trim() : coupon; if (modalError) { modalError.textContent = ''; modalError.hidden = true; } if (pendingAction === 'claim' && OPTIONS.claimFree) { try { setSubmittingState(shadowRoot, true); var claimResponse = await fetch(claimFreeUrl.toString(), { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: email, locale: locale, appSlug: OPTIONS.claimFree.appSlug || OPTIONS.appSlug, newsletterOptIn: !!(newsletterInput && newsletterInput.checked) }) }); var claimData = await claimResponse.json().catch(function () { return {}; }); if (!claimResponse.ok) { throw new Error(getClaimErrorMessage(content, claimData.error || claimResponse.status)); } var redirectUrl = new URL(successUrl, window.location.href); redirectUrl.searchParams.set('claim', (OPTIONS.claimFree.successValue || pendingTier + '_free')); redirectUrl.searchParams.set('email', email); window.location.href = redirectUrl.toString(); return; } catch (error) { if (modalError) { modalError.textContent = error && error.message ? error.message : content.claimErrorGeneric; modalError.hidden = false; } return; } finally { setSubmittingState(shadowRoot, false); } } var checkoutUrl = new URL(checkoutBase.toString()); checkoutUrl.searchParams.set('plan', pendingTier + '_' + billing); checkoutUrl.searchParams.set('locale', locale); checkoutUrl.searchParams.set('success_url', successUrl); checkoutUrl.searchParams.set('cancel_url', cancelUrl); checkoutUrl.searchParams.set('email', email); if (OPTIONS.includeAppParam && OPTIONS.appSlug) { checkoutUrl.searchParams.set('app', OPTIONS.appSlug); } if (OPTIONS.includeActionParam) { checkoutUrl.searchParams.set('action', pendingAction); } if (coupon) { checkoutUrl.searchParams.set('coupon', coupon); } if (newsletterInput && newsletterInput.checked) { checkoutUrl.searchParams.set('newsletter_opt_in', '1'); } if (PRICING.type === 'count_formula' && count != null) { checkoutUrl.searchParams.set(PRICING.countParamName || 'count', String(count)); } window.location.href = checkoutUrl.toString(); }); } } function bindContractButtons(shadowRoot) { var contractButtons = shadowRoot.querySelectorAll('[data-role="contract-link"]'); contractButtons.forEach(function (button) { button.addEventListener('click', function () { openContractModal(shadowRoot, button.getAttribute('data-tier')); }); }); } function updatePlanState(shadowRoot) { var tabs = shadowRoot.querySelectorAll('[data-billing]'); tabs.forEach(function (tab) { var isActive = tab.getAttribute('data-billing') === billing; tab.setAttribute('aria-pressed', isActive ? 'true' : 'false'); tab.classList.toggle('is-active', isActive); }); var columns = shadowRoot.querySelectorAll('[data-role="plan-column"]'); columns.forEach(function (column) { var tier = column.getAttribute('data-tier'); var priceNode = column.querySelector('[data-role="price"]'); var detailNode = column.querySelector('[data-role="detail"]'); var ctaButton = column.querySelector('[data-plan][data-action]'); var priceInfo = getPlanInfo(tier, billing); var isAvailable = isPlanAvailable(priceInfo); if (priceNode) priceNode.textContent = priceInfo.price; if (detailNode) detailNode.textContent = priceInfo.detail; if (ctaButton) { ctaButton.disabled = !isAvailable; ctaButton.setAttribute('aria-disabled', isAvailable ? 'false' : 'true'); ctaButton.classList.toggle('cta-disabled', !isAvailable); } }); var sharedDetailRow = shadowRoot.querySelector('[data-role="shared-detail-row"]'); var sharedDetailNode = shadowRoot.querySelector('[data-role="shared-detail"]'); if (sharedDetailRow && sharedDetailNode) { var sharedDetail = getSharedPlanDetail(content, billing); sharedDetailNode.textContent = sharedDetail; sharedDetailRow.hidden = !sharedDetail; } var comparisonBody = shadowRoot.querySelector('[data-role="comparison-body"]'); if (comparisonBody) { comparisonBody.innerHTML = renderComparisonRows(content.comparisonRows || [], content, billing); bindContractButtons(shadowRoot); } var supportBody = shadowRoot.querySelector('[data-role="support-body"]'); if (supportBody) { supportBody.innerHTML = renderComparisonRows(content.supportRows || [], content, billing); bindContractButtons(shadowRoot); } } function openPurchaseModal(shadowRoot, tier, action) { var priceInfo = getPlanInfo(tier, billing); if (!isPlanAvailable(priceInfo)) return; pendingTier = tier; pendingAction = action; var modalShell = shadowRoot.querySelector('[data-role="modal-shell"]'); var modalTitle = shadowRoot.querySelector('[data-role="modal-title"]'); var modalCopy = shadowRoot.querySelector('[data-role="modal-copy"]'); var modalSubmit = shadowRoot.querySelector('[data-role="modal-submit-label"]'); var emailInput = shadowRoot.querySelector('[data-role="email-input"]'); var couponInput = shadowRoot.querySelector('[data-role="coupon-input"]'); var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); var planName = getTierName(content, tier); if (modalTitle) { modalTitle.textContent = action === 'claim' ? String(content.modalClaimTitle || content.modalBuyTitle || '').replace('{plan}', planName) : String(content.modalBuyTitle || '').replace('{plan}', planName); } if (modalCopy) { modalCopy.textContent = action === 'claim' ? (content.modalClaimCopy || content.modalBuyCopy || '') : (content.modalBuyCopy || ''); } if (modalSubmit) { modalSubmit.textContent = action === 'claim' ? (content.modalClaimSubmit || content.modalBuySubmit || '') : (content.modalBuySubmit || ''); } if (modalError) { modalError.textContent = ''; modalError.hidden = true; } if (emailInput) { emailInput.value = email; window.setTimeout(function () { emailInput.focus(); if (emailInput.select) emailInput.select(); }, 20); } if (couponInput) { couponInput.value = coupon; } if (modalShell) { modalShell.classList.remove('is-hidden'); modalShell.setAttribute('aria-hidden', 'false'); } } function showCheckoutError(shadowRoot) { if (!checkoutError) return; var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); if (modalError) { modalError.textContent = getCheckoutErrorMessage(content, checkoutError); modalError.hidden = false; } checkoutError = ''; } function closePurchaseModal(shadowRoot) { var modalShell = shadowRoot.querySelector('[data-role="modal-shell"]'); if (!modalShell) return; modalShell.classList.add('is-hidden'); modalShell.setAttribute('aria-hidden', 'true'); } function openContractModal(shadowRoot, tier) { var contractId = getContractId(tier, billing); if (!contractId) return; var contractShell = shadowRoot.querySelector('[data-role="contract-modal-shell"]'); var contractTitle = shadowRoot.querySelector('[data-role="contract-modal-title"]'); var contractCopy = shadowRoot.querySelector('[data-role="contract-modal-copy"]'); var contractFrame = shadowRoot.querySelector('[data-role="contract-modal-frame"]'); var contractUrl = getContractUrl(locale, contractId); var title = getContractTitle(locale, contractId) || getTierName(content, tier); if (contractTitle) contractTitle.textContent = title; if (contractCopy) contractCopy.textContent = content.contractModalCopy || ''; if (contractFrame) { contractFrame.src = contractUrl; contractFrame.title = title; } if (contractShell) { contractShell.classList.remove('is-hidden'); contractShell.setAttribute('aria-hidden', 'false'); } } function closeContractModal(shadowRoot) { var contractShell = shadowRoot.querySelector('[data-role="contract-modal-shell"]'); if (!contractShell) return; contractShell.classList.add('is-hidden'); contractShell.setAttribute('aria-hidden', 'true'); } function renderMarkup(contentValue, initialBilling) { return [ '', '

', ' ', contentValue.comparisonRows && contentValue.comparisonRows.length ? '

' + escapeHtml(locale === 'fr' ? 'Glissez pour comparer les forfaits' : 'Swipe to compare plans') + '

' : '', '

', ' ', ' ', ' ', ' ', renderPlanHeaders(contentValue, initialBilling), ' ', renderSharedPlanDetailRow(contentValue, initialBilling), ' ', ' ', renderComparisonRows(contentValue.comparisonRows || [], contentValue, initialBilling), ' ', '

' + escapeHtml(contentValue.featureColumnLabel \|\| '') + '

', '

', renderSupportStrip(contentValue, initialBilling), ' ', renderContractModal(contentValue), '

' ].join(''); } function renderBillingTab(mode, label, initialBilling) { if (!label) return ''; return ''; } function renderHeaderTools(contentValue) { if (PRICING.type !== 'count_formula') return ''; var inlineUnitLabel = contentValue.countInlineUnitLabel || ''; return [ '

', ' ', contentValue.countLabel ? ' ' + escapeHtml(contentValue.countLabel) + '' : '', ' ', inlineUnitLabel ? ' ' + escapeHtml(inlineUnitLabel) + '' : '', ' ', ' ', ' ', contentValue.countHelp ? '

' + escapeHtml(contentValue.countHelp) + '

' : '', '

' ].join(''); } function renderPlanHeaders(contentValue, billingMode) { return PRICING.tierOrder.map(function (tier) { return renderPlanHeader(tier, contentValue, getPlanInfo(tier, billingMode)); }).join(''); } function renderPlanHeader(tier, contentValue, priceInfo) { var isAvailable = isPlanAvailable(priceInfo); var action = getDefaultAction(tier); var buttonLabel = action === 'claim' ? (contentValue.claimButtonLabel || contentValue.buyButtonLabel || '') : (contentValue.buyButtonLabel || ''); var buttonClass = isAvailable ? 'cta cta-plan cta-full' : 'cta cta-plan cta-full cta-disabled'; var showInlineDetail = !!priceInfo.detail; return [ ' ', '

', '

' + escapeHtml(getTierName(contentValue, tier)) + '

', '

' + escapeHtml(priceInfo.price) + '

', showInlineDetail ? '

' + escapeHtml(priceInfo.detail) + '

' : '', '

', '

', ' ', '

', '

', ' ' ].join(''); } function renderSharedPlanDetailRow(contentValue, billingMode) { if (!shouldUseSharedPlanDetail()) return ''; var detail = getSharedPlanDetail(contentValue, billingMode); if (!detail) return ''; return [ ' ', ' ', '

' + escapeHtml(detail) + '

', ' ' ].join(''); } function shouldUseSharedPlanDetail() { return PRICING.type === 'count_formula'; } function getSharedPlanDetail(contentValue, billingMode) { if (!shouldUseSharedPlanDetail()) return ''; var templates = contentValue.planDetailTemplates || {}; var template = templates[billingMode] || ''; if (!template) { if (billingMode === 'monthly') return contentValue.monthlyTab || ''; if (billingMode === 'flex') return contentValue.flexTab || ''; return contentValue.yearlyTab || ''; } return replaceTokens(template, { count: count, unit: count === 1 ? (contentValue.unitSingular || '') : (contentValue.unitPlural || contentValue.unitSingular || ''), unitPlural: contentValue.unitPlural || '', unitSingular: contentValue.unitSingular || '', }); } function renderSupportStrip(contentValue, billingMode) { if (!contentValue.supportRows || !contentValue.supportRows.length) return ''; return [ '

', '

' + escapeHtml(contentValue.supportStripLabel || '') + '

', '

', ' ', ' ', ' ', ' ', PRICING.tierOrder.map(function (tier) { return ' '; }).join(''), ' ', ' ', ' ', renderComparisonRows(contentValue.supportRows, contentValue, billingMode), ' ', '

' + escapeHtml(contentValue.featureColumnLabel \|\| '') + '	' + escapeHtml(getTierName(contentValue, tier)) + '

', '

' ].join(''); } function renderComparisonRows(rows, contentValue, billingMode) { return rows.map(function (row) { if (row.type === 'section') { return [ ' ', ' ' + renderSectionRowLabel(row) + '', ' ' ].join(''); } return [ ' ', ' ' + renderComparisonRowLabel(row) + '', renderComparisonCells(row, contentValue, billingMode), ' ' ].join(''); }).join(''); } function renderComparisonCells(row, contentValue, billingMode) { var mergedCells = []; PRICING.tierOrder.forEach(function (tier) { var resolvedValue = resolveComparisonValue(row.values || {}, tier, []); var previousCell = mergedCells[mergedCells.length - 1]; if (typeof resolvedValue === 'string' && resolvedValue && previousCell && previousCell.kind === 'text' && previousCell.value === resolvedValue) { previousCell.colspan += 1; return; } mergedCells.push({ kind: getComparisonValueKind(resolvedValue), value: resolvedValue, tier: tier, colspan: 1, }); }); return mergedCells.map(function (cell) { return renderComparisonCell(cell.value, contentValue, billingMode, cell.colspan, cell.tier); }).join(''); } function getComparisonValueKind(value) { if (typeof value === 'string' && value) return 'text'; if (value === true) return 'included'; if (value && typeof value === 'object' && value.type === 'contract') return 'contract'; return 'empty'; } function resolveComparisonValue(values, tier, seenTiers) { var value = values ? values[tier] : undefined; if (typeof value !== 'string') return value; var sameAsTier = getSameAsTier(value); if (!sameAsTier) return value; if (seenTiers.indexOf(sameAsTier) >= 0) return value; var resolved = resolveComparisonValue(values, sameAsTier, seenTiers.concat(tier)); return resolved == null ? value : resolved; } function getSameAsTier(value) { var match = /^Same as (Starter|Basic|Pro|Pulse)$/i.exec(String(value || '').trim()); return match ? match[1].toLowerCase() : null; } function renderComparisonRowLabel(row) { if (row.href) { return '' + escapeHtml(row.label) + ''; } return '' + escapeHtml(row.label) + ''; } function renderSectionRowLabel(row) { if (row.href) { return '' + escapeHtml(row.label) + ''; } return '' + escapeHtml(row.label) + ''; } function renderComparisonCell(value, contentValue, billingMode, colspan, tier) { var colspanAttribute = colspan > 1 ? ' colspan="' + escapeHtml(colspan) + '"' : ''; if (value && typeof value === 'object' && value.type === 'contract') { return getContractId(value.tier, billingMode) ? ' ' : ' '; } if (value === true) { return ' \u2713'; } if (typeof value === 'string' && value) { return ' ' + escapeHtml(value) + ''; } return ' '; } function renderContractModal(contentValue) { if (!OPTIONS.contract) return ''; return [ ' ' ].join(''); } function getDefaultAction(tier) { return OPTIONS.claimFree && OPTIONS.claimFree.tiers && OPTIONS.claimFree.tiers.indexOf(tier) >= 0 ? 'claim' : 'buy'; } function getTierName(contentValue, tier) { if (contentValue.tierNames && contentValue.tierNames[tier]) return contentValue.tierNames[tier]; if (contentValue[tier]) return contentValue[tier]; return tier; } function getPlanInfo(tier, billingMode) { if (PRICING.type === 'count_formula') { return getCountFormulaPlanInfo(tier, billingMode); } return getStaticPlanInfo(tier, billingMode); } function getStaticPlanInfo(tier, billingMode) { var localePlans = PRICING.plansByLocale[normalizeLocale(locale)] || PRICING.plansByLocale.en || {}; var tierPlans = localePlans[tier] || {}; return tierPlans[billingMode] || { price: '', detail: content.unavailablePlanDetail || '', available: false, }; } function getCountFormulaPlanInfo(tier, billingMode) { var tierConfig = PRICING.tiers[tier]; if (!tierConfig) { return { price: '', detail: content.unavailablePlanDetail || '', available: false }; } if (tierConfig.billingModes.indexOf(billingMode) < 0) { return { price: '', detail: content.unavailablePlanDetail || '', available: false }; } if (count < tierConfig.min || count > tierConfig.max) { return { price: '', detail: getRangeDetail(content, tierConfig), available: false }; } var amountCents = calculateCountPrice(tier, billingMode, count); return { price: getCountFormulaDisplayPrice(amountCents, billingMode), detail: getCountPriceDetail(content, billingMode, amountCents), available: amountCents != null, }; } function getCountFormulaDisplayPrice(amountCents, billingMode) { if (billingMode === 'yearly') return formatCurrency(amountCents / 12, true, true); return formatCurrency(amountCents, billingMode === 'monthly'); } function getCountPriceDetail(contentValue, billingMode, amountCents) { if (amountCents == null) return ''; if (billingMode === 'yearly') { return getYearlyTotalDetail(contentValue, amountCents); } if (billingMode === 'monthly') { return contentValue.monthlyPriceDetail || (locale === 'fr' ? 'facturation mensuelle, engagement de 12 mois' : 'billed monthly, 12-month commitment'); } if (billingMode === 'flex') { return contentValue.flexPriceDetail || (locale === 'fr' ? 'un mois, sans renouvellement automatique' : 'single month, no auto-renewal'); } return ''; } function getYearlyTotalDetail(contentValue, totalAmountCents) { var template = contentValue.yearlyTotalDetailTemplate || (locale === 'fr' ? '{total} au total' : '{total} total'); return replaceTokens(template, { total: formatCurrency(totalAmountCents, false, true), count: count, unit: count === 1 ? (contentValue.unitSingular || '') : (contentValue.unitPlural || contentValue.unitSingular || ''), unitPlural: contentValue.unitPlural || '', unitSingular: contentValue.unitSingular || '', }); } function getRangeDetail(contentValue, tierConfig) { if (contentValue.rangePlanDetail) { return replaceTokens(contentValue.rangePlanDetail, { min: tierConfig.min, max: tierConfig.max, unitPlural: contentValue.unitPlural || '', unitSingular: contentValue.unitSingular || '', }); } return contentValue.unavailablePlanDetail || ''; } function calculateCountPrice(tier, billingMode, activeCount) { var tierConfig = PRICING.tiers[tier]; if (!tierConfig) return null; var yearly = calculateYearlyDollars(tier, activeCount); var dollars = yearly; if (billingMode === 'monthly') dollars = Math.round(yearly / 12 * PRICING.monthlyContractMultiplier); if (billingMode === 'flex') dollars = Math.round(yearly / PRICING.oneMonthDivisor); return Math.round(dollars * 100 * PRICING.amountFactor); } function calculateYearlyDollars(tier, activeCount) { if (tier === 'pulse') { return calculateBaseYearlyDollars('pro', activeCount) + calculatePulsePremiumYearlyDollars(activeCount); } return calculateBaseYearlyDollars(tier, activeCount); } function calculateBaseYearlyDollars(tier, activeCount) { var tierConfig = PRICING.tiers[tier]; return Math.round(Math.pow(activeCount, tierConfig.power) * PRICING.baseK * tierConfig.multiplier); } function calculatePulsePremiumYearlyDollars(activeCount) { if (activeCount <= PRICING.pulsePremium.baseCount) return PRICING.pulsePremium.minYearly; var span = PRICING.pulsePremium.anchorYearly - PRICING.pulsePremium.minYearly; var ratio = Math.log(activeCount / PRICING.pulsePremium.baseCount) / Math.log(PRICING.pulsePremium.anchorCount / PRICING.pulsePremium.baseCount); return Math.round(PRICING.pulsePremium.minYearly + span * ratio); } function formatCurrency(amountCents, monthly, forceTwoDecimals) { var minimumFractionDigits = forceTwoDecimals ? 2 : (amountCents % 100 === 0 ? 0 : 2); var formatted = (amountCents / 100).toLocaleString(locale === 'fr' ? 'fr-CA' : 'en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: minimumFractionDigits, maximumFractionDigits: 2 }); if (!monthly) return formatted; return formatted + (content.perMonthSuffix || (locale === 'fr' ? '/mois' : '/month')); } function normalizeLocale(value) { return String(value || '').toLowerCase().startsWith('fr') ? 'fr' : 'en'; } function normalizeBilling(value) { if (PRICING.billingOrder.indexOf(value) >= 0) return value; return PRICING.billingOrder[0] || 'yearly'; } function normalizeTierParam(value) { return PRICING.tierOrder.indexOf(value) >= 0 ? value : null; } function readCountParam() { var keys = PRICING.countParamKeys || ['count']; for (var index = 0; index < keys.length; index += 1) { var scriptValue = scriptUrl.searchParams.get(keys[index]); if (scriptValue != null && scriptValue !== '') return scriptValue; var pageValue = pageUrl.searchParams.get(keys[index]); if (pageValue != null && pageValue !== '') return pageValue; } return PRICING.minCount; } function normalizeCountValue(value) { var parsed = parseInt(value, 10); if (!Number.isFinite(parsed)) return PRICING.minCount; if (parsed < PRICING.minCount) return PRICING.minCount; if (parsed > PRICING.maxCount) return PRICING.maxCount; return parsed; } function getContent(lang) { return CONTENT_BY_LOCALE[normalizeLocale(lang)] || CONTENT_BY_LOCALE.en || CONTENT_BY_LOCALE[Object.keys(CONTENT_BY_LOCALE)[0]]; } function getContractId(tier, billingMode) { if (!OPTIONS.contract || !OPTIONS.contract.ids || !OPTIONS.contract.ids[tier]) return null; return OPTIONS.contract.ids[tier][billingMode] || null; } function getContractTitle(lang, contractId) { var titles = OPTIONS.contract && OPTIONS.contract.titles ? OPTIONS.contract.titles[normalizeLocale(lang)] : null; return titles && titles[contractId] ? titles[contractId] : ''; } function getContractUrl(lang, contractId) { var template = OPTIONS.contract && OPTIONS.contract.pathTemplate ? OPTIONS.contract.pathTemplate : '/contract.{id}.{locale}.html'; var path = template.replace('{id}', contractId).replace('{locale}', normalizeLocale(lang)); return new URL(path, scriptUrl.origin).toString(); } function isPlanAvailable(priceInfo) { return !!(priceInfo && priceInfo.available !== false && priceInfo.price); } function setSubmittingState(shadowRoot, submitting) { var controls = shadowRoot.querySelectorAll('[data-role="modal-form"] button, [data-role="modal-form"] input'); controls.forEach(function (control) { control.disabled = !!submitting; }); } function getClaimErrorMessage(contentValue, code) { if (code === 'free_already_claimed') return contentValue.claimErrorAlreadyClaimed; if (code === 'invalid_email') return contentValue.claimErrorInvalidEmail; if (code === 'email_not_allowed') return contentValue.claimErrorEmailBlocked; if (code === 'rate_limited') return contentValue.claimErrorRateLimited; return contentValue.claimErrorGeneric; } function getCheckoutErrorMessage(contentValue, code) { if (code === 'email_required') return contentValue.checkoutErrorEmailRequired; if (code === 'invalid_email') return contentValue.checkoutErrorInvalidEmail; if (code === 'email_not_allowed') return contentValue.checkoutErrorEmailBlocked || contentValue.checkoutErrorEmailNotAllowed; if (code === 'coupon_invalid') return contentValue.checkoutErrorInvalidCoupon; if (code === 'coupon_expired') return contentValue.checkoutErrorExpiredCoupon; if (code === 'coupon_disabled') return contentValue.checkoutErrorDisabledCoupon; if (code === 'coupon_plan_not_allowed' || code === 'coupon_action_not_allowed') return contentValue.checkoutErrorPlanNotAllowed; if (code === 'coupon_email_not_allowed') return contentValue.checkoutErrorEmailNotAllowed; if (code === 'coupon_limit_reached') return contentValue.checkoutErrorLimitReached; if (code === 'coupon_email_limit_reached') return contentValue.checkoutErrorEmailLimitReached; if (code === 'coupon_rate_limited') return contentValue.checkoutErrorRateLimited; if (code === 'coupon_amount_invalid') return contentValue.checkoutErrorAmountInvalid; return contentValue.checkoutErrorGeneric; } function replaceTokens(template, tokens) { return String(template || '').replace(/{([^}]+)}/g, function (_, key) { return Object.prototype.hasOwnProperty.call(tokens, key) ? String(tokens[key]) : ''; }); } function escapeHtml(value) { return String(value == null ? '' : value) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } })();

' + escapeHtml(contentValue.title) + '

' + escapeHtml(getTierName(contentValue, tier)) + '