Xangle Orbit

// Generated by scripts/build-count-pricing.js. Do not edit by hand.
(function () {
  var CONTENT = {
  "product": "orbit",
  "pricingMode": "static",
  "copy": {
    "eyebrow": "Fixed workflow tiers",
    "title": "Orbit pricing",
    "subtitle": "Choose the workflow depth you need. Orbit is not priced by camera count or image count.",
    "checkoutLabel": "Buy now",
    "pulseDescription": "Business-critical plan with access to our dev team, advisory services, severity-based responses, and high-severity incident management."
  },
  "sharedCopy": {
    "billing": {
      "yearly": "One year prepaid",
      "monthly": "12-month contract",
      "flex": "One month prepaid"
    },
    "tierNames": {
      "starter": "Starter",
      "basic": "Basic",
      "pro": "Pro",
      "pulse": "Pulse"
    },
    "unavailable": "Not available",
    "perMonth": "/month",
    "yearlyEquivalentDetailTemplate": "monthly equivalent, billed once for 12 months ({total} total)",
    "oneTime": "one-time",
    "pulseBadge": "Business-critical",
    "unavailablePlanDetail": "Not available for this billing option",
    "checkoutError": "This combination is not available. Adjust the tier, billing mode, or count.",
    "checkoutErrorEmailRequired": "Enter your email before continuing.",
    "checkoutErrorInvalidEmail": "Enter a valid email address before continuing.",
    "checkoutErrorEmailNotAllowed": "Use a permanent email address. Disposable or manually blocked addresses are not accepted.",
    "checkoutErrorGeneric": "Could not start checkout right now.",
    "emailLabel": "Email",
    "emailHelp": "This email will receive the purchased licence and is screened before checkout starts.",
    "emailPlaceholder": "name@studio.com",
    "modalEyebrow": "Your email",
    "modalBuyTitle": "Buy {plan}",
    "modalBuyCopy": "We will prefill your email in Stripe so checkout is faster.",
    "modalEmailLabel": "Email",
    "modalEmailPlaceholder": "name@studio.com",
    "modalCouponLabel": "Coupon code",
    "modalCouponPlaceholder": "Optional",
    "modalNewsletterLabel": "Subscribe to Xangle Apps news",
    "modalBuySubmit": "Continue to Stripe",
    "modalCancel": "Cancel",
    "perMonthSuffix": "/month"
  },
  "billingLabels": {
    "yearly": "One year prepaid",
    "monthly": "12-month contract",
    "flex": "One month prepaid"
  },
  "billingOrder": [
    "yearly",
    "flex",
    "monthly"
  ],
  "tiers": {
    "basic": {
      "label": "Basic",
      "summary": "Manual folder open and file selection.",
      "billingModes": [
        "yearly",
        "monthly",
        "flex"
      ],
      "prices": {
        "yearly": 120000,
        "monthly": 12500,
        "flex": 40000
      },
      "included": [
        "Process selected images",
        "Manual folder open and file selection",
        "Copy selected files into Xangle dataset structure",
        "Second-display monitor mode on the licensed computer",
        "Camera registration: Cloud (80 credits/month), 2D markerless, and RealityScan (RealityScan license required)"
      ]
    },
    "pro": {
      "label": "Pro",
      "summary": "Input folder automation, sharing, and local-network device pages.",
      "billingModes": [
        "yearly",
        "monthly",
        "flex"
      ],
      "prices": {
        "yearly": 290000,
        "monthly": 30200,
        "flex": 96700
      },
      "included": [
        "Everything in Basic",
        "Input folder read and watch automation",
        "Sharing facilities",
        "Local-network web pages",
        "Camera registration: Cloud (200 credits/month), 2D markerless, and RealityScan (RealityScan license required)"
      ]
    },
    "pulse": {
      "label": "Pulse",
      "summary": "Pro software capabilities plus the Pulse relationship and support layer.",
      "billingModes": [
        "yearly"
      ],
      "prices": {
        "yearly": 540000
      },
      "included": [
        "Everything in Pro",
        "Direct dev-team access",
        "Advisory services",
        "Severity-based responses",
        "Camera registration: Cloud (200 credits/month), 2D markerless, and RealityScan (RealityScan license required)"
      ]
    }
  },
  "tierOrder": [
    "basic",
    "pro",
    "pulse"
  ]
};
  var currentScript = document.currentScript;
  var scriptUrl = new URL(currentScript && currentScript.src ? currentScript.src : window.location.href);
  var pageUrl = new URL(window.location.href);
  var params = scriptUrl.searchParams;
  var didInitialRender = false;
  var state = {
    tier: normalizeTier(params.get('tier')),
    billing: normalizeBilling(params.get('billing')),
    count: CONTENT.pricingMode === 'count_formula' ? normalizeCount(params.get('count') || params.get('cameras') || pageUrl.searchParams.get('count') || pageUrl.searchParams.get('cameras')) : null,
    email: params.get('email') || pageUrl.searchParams.get('email') || '',
    coupon: params.get('coupon') || pageUrl.searchParams.get('coupon') || '',
    locale: (params.get('locale') || pageUrl.searchParams.get('locale')) === 'fr' ? 'fr' : 'en',
    checkoutError: params.get('checkout_error') || pageUrl.searchParams.get('checkout_error') || '',
    successUrl: params.get('success_url') || pageUrl.toString(),
    cancelUrl: params.get('cancel_url') || pageUrl.toString()
  };

  function normalizeTier(value) {
    if (CONTENT.tierOrder.indexOf(value) >= 0) return value;
    return CONTENT.tierOrder[0];
  }

  function normalizeBilling(value) {
    if (CONTENT.billingOrder.indexOf(value) >= 0) return value;
    return CONTENT.billingOrder[0];
  }

  function normalizeCount(value) {
    var parsed = parseInt(value, 10);
    if (!Number.isFinite(parsed)) return CONTENT.pricing.minCount;
    if (parsed < CONTENT.pricing.minCount) return CONTENT.pricing.minCount;
    if (parsed > CONTENT.pricing.maxCount) return CONTENT.pricing.maxCount;
    return parsed;
  }

  function syncUrlState() {
    if (!window.history || !window.history.replaceState) return;
    var url = new URL(window.location.href);
    url.searchParams.set('tier', state.tier);
    url.searchParams.set('billing', state.billing);
    if (CONTENT.pricingMode === 'count_formula' && state.count != null) {
      url.searchParams.set(CONTENT.pricing.countParamName || 'count', String(state.count));
    }
    if (url.toString() !== window.location.href) {
      window.history.replaceState(window.history.state, '', url.toString());
    }
  }

  function escapeHtml(value) {
    return String(value == null ? '' : value)
      .replace(/&/g, '&amp;')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;')
      .replace(/'/g, '&#39;');
  }

  function ensureBillingForTier() {
    if (CONTENT.tiers[state.tier].billingModes.indexOf(state.billing) < 0) state.billing = CONTENT.billingOrder[0];
  }

  function formatMoney(cents, monthly, forceTwoDecimals) {
    var minimumFractionDigits = forceTwoDecimals ? 2 : (cents % 100 === 0 ? 0 : 2);
    var formatted = (cents / 100).toLocaleString(state.locale === 'fr' ? 'fr-CA' : 'en-US', {
      style: 'currency',
      currency: 'USD',
      minimumFractionDigits: minimumFractionDigits,
      maximumFractionDigits: 2
    });
    return monthly ? formatted + (CONTENT.sharedCopy.perMonthSuffix || (state.locale === 'fr' ? '/mois' : '/month')) : formatted;
  }

  function formatYearlyEquivalent(totalCents) {
    return formatMoney(totalCents / 12, true, true);
  }

  function getYearlyEquivalentDetail(totalCents) {
    var template = CONTENT.sharedCopy.yearlyEquivalentDetailTemplate || (state.locale === 'fr'
      ? 'équivalent mensuel, facturé en un seul paiement pour 12 mois ({total} au total)'
      : 'monthly equivalent, billed once for 12 months ({total} total)');
    return replaceTokens(template, {
      total: formatMoney(totalCents, false, true),
    });
  }

  function pulsePremiumYearly(activeCount) {
    if (activeCount <= CONTENT.pricing.pulsePremium.baseCount) return CONTENT.pricing.pulsePremium.minYearly;
    var span = CONTENT.pricing.pulsePremium.anchorYearly - CONTENT.pricing.pulsePremium.minYearly;
    var ratio = Math.log(activeCount / CONTENT.pricing.pulsePremium.baseCount) / Math.log(CONTENT.pricing.pulsePremium.anchorCount / CONTENT.pricing.pulsePremium.baseCount);
    return Math.round(CONTENT.pricing.pulsePremium.minYearly + span * ratio);
  }

  function baseYearly(tier, activeCount) {
    var config = CONTENT.pricing.tiers[tier];
    return Math.round(Math.pow(activeCount, config.power) * CONTENT.pricing.baseK * config.multiplier);
  }

  function serverYearly(tier, activeCount) {
    return tier === 'pulse' ? baseYearly('pro', activeCount) + pulsePremiumYearly(activeCount) : baseYearly(tier, activeCount);
  }

  function priceFor(tier, billing, activeCount) {
    if (CONTENT.pricingMode === 'static') {
      return CONTENT.tiers[tier] && CONTENT.tiers[tier].prices ? CONTENT.tiers[tier].prices[billing] : null;
    }

    var tierConfig = CONTENT.pricing.tiers[tier];
    if (!tierConfig || tierConfig.billingModes.indexOf(billing) < 0) return null;
    if (activeCount < tierConfig.min || activeCount > tierConfig.max) return null;
    var yearly = serverYearly(tier, activeCount);
    var dollars = yearly;
    if (billing === 'monthly') dollars = Math.round(yearly / 12 * CONTENT.pricing.monthlyContractMultiplier);
    if (billing === 'flex') dollars = Math.round(yearly / CONTENT.pricing.oneMonthDivisor);
    return Math.round(dollars * 100 * CONTENT.pricing.amountFactor);
  }

  function buildCheckoutUrl() {
    var url = new URL('/api/checkout', window.location.origin);
    if (CONTENT.product) url.searchParams.set('app', CONTENT.product);
    url.searchParams.set('plan', state.tier + '_' + state.billing);
    if (CONTENT.pricingMode === 'count_formula' && state.count != null) {
      url.searchParams.set(CONTENT.pricing.countParamName || 'count', String(state.count));
    }
    url.searchParams.set('locale', state.locale);
    if (state.email) url.searchParams.set('email', state.email);
    if (state.coupon) url.searchParams.set('coupon', state.coupon);
    if (state.successUrl) url.searchParams.set('success_url', state.successUrl);
    if (state.cancelUrl) url.searchParams.set('cancel_url', state.cancelUrl);
    return url.toString();
  }

  function getCheckoutErrorMessage(code) {
    if (code === 'email_required') return CONTENT.sharedCopy.checkoutErrorEmailRequired;
    if (code === 'invalid_email') return CONTENT.sharedCopy.checkoutErrorInvalidEmail;
    if (code === 'email_not_allowed') return CONTENT.sharedCopy.checkoutErrorEmailNotAllowed;
    return code ? CONTENT.sharedCopy.checkoutErrorGeneric : '';
  }

  function render() {
    ensureBillingForTier();
    if (CONTENT.pricingMode === 'count_formula') {
      if (state.count < CONTENT.pricing.minCount) state.count = CONTENT.pricing.minCount;
      if (state.count > CONTENT.pricing.maxCount) state.count = CONTENT.pricing.maxCount;
    }
    if (didInitialRender) syncUrlState();
    didInitialRender = true;
    var price = priceFor(state.tier, state.billing, state.count);
    root.innerHTML = buildHtml(price);
    bindEvents();
  }

  function buildHtml(price) {
    var tier = CONTENT.tiers[state.tier];
    var priceText = getPriceText(price);
    var detail = getPriceDetail(price);
    var errorMessage = getCheckoutErrorMessage(state.checkoutError);
    var tiers = CONTENT.tierOrder.map(function (key) {
      var config = CONTENT.tiers[key];
      var active = key === state.tier ? ' active' : '';
      var badge = key === 'pulse' ? '<span>' + escapeHtml(CONTENT.sharedCopy.pulseBadge) + '</span>' : '';
      var summary = config.summary ? '<small>' + escapeHtml(config.summary) + '</small>' : '';
      return '<button class="tier' + active + '" data-tier="' + escapeHtml(key) + '"><strong>' + escapeHtml(config.label || key) + '</strong>' + badge + summary + '</button>';
    }).join('');
    var billings = CONTENT.billingOrder.map(function (billing) {
      var available = tier.billingModes.indexOf(billing) >= 0;
      var active = billing === state.billing ? ' active' : '';
      return '<button class="billing' + active + '" data-billing="' + escapeHtml(billing) + '" ' + (available ? '' : 'disabled') + '>' + escapeHtml(CONTENT.billingLabels[billing]) + '</button>';
    }).join('');
    var included = getIncludedItems(tier).map(function (item) { return '<li>' + escapeHtml(item) + '</li>'; }).join('');
    var pulse = state.tier === 'pulse' && CONTENT.copy.pulseDescription ? '<p class="pulse-copy">' + escapeHtml(CONTENT.copy.pulseDescription) + '</p>' : '';
    var countField = CONTENT.pricingMode === 'count_formula'
      ? '<label><span>' + escapeHtml(CONTENT.copy.countLabel) + '</span><input class="count" type="number" min="' + escapeHtml(CONTENT.pricing.minCount) + '" max="' + escapeHtml(CONTENT.pricing.maxCount) + '" value="' + escapeHtml(state.count) + '"></label><p class="help">' + escapeHtml(CONTENT.copy.countHelp || '') + '</p>'
      : '';
    var selectedLine = CONTENT.pricingMode === 'count_formula'
      ? '<p class="selected">' + escapeHtml((tier.label || state.tier) + ' / ' + state.count + ' ' + getUnitLabel(state.count)) + '</p>'
      : '<p class="selected">' + escapeHtml(tier.label || state.tier) + '</p>';
    return '<style>' + styles() + '</style><section class="xangle-selector-pricing"><div class="hero"><p class="eyebrow">' + escapeHtml(CONTENT.copy.eyebrow || '') + '</p><h2>' + escapeHtml(CONTENT.copy.title || '') + '</h2><p class="subtitle">' + escapeHtml(CONTENT.copy.subtitle || '') + '</p></div><div class="grid"><div class="panel">' + countField + '<label class="email-group"><span>' + escapeHtml(CONTENT.sharedCopy.emailLabel) + '</span><input class="email" type="email" value="' + escapeHtml(state.email) + '" placeholder="' + escapeHtml(CONTENT.sharedCopy.emailPlaceholder) + '" autocomplete="email"></label><p class="help">' + escapeHtml(CONTENT.sharedCopy.emailHelp) + '</p>' + (errorMessage ? '<p class="error-banner">' + escapeHtml(errorMessage) + '</p>' : '') + '<div class="tiers">' + tiers + '</div><div class="billings">' + billings + '</div></div><div class="summary">' + selectedLine + '<p class="price">' + escapeHtml(priceText) + '</p><p class="detail">' + escapeHtml(detail) + '</p>' + pulse + '<ul>' + included + '</ul><a class="checkout" href="' + escapeHtml(buildCheckoutUrl()) + '">' + escapeHtml(CONTENT.copy.checkoutLabel) + '</a></div></div></section>';
  }

  function getPriceText(price) {
    if (price == null) return CONTENT.sharedCopy.unavailable;
    if (state.billing === 'yearly') return formatYearlyEquivalent(price);
    return formatMoney(price, state.billing === 'monthly');
  }

  function getIncludedItems(tier) {
    if (Array.isArray(tier.included) && tier.included.length > 0) return tier.included;
    return Array.isArray(CONTENT.copy.included) ? CONTENT.copy.included : [];
  }

  function getPriceDetail(price) {
    if (price != null && state.billing === 'yearly') {
      return getYearlyEquivalentDetail(price);
    }

    if (CONTENT.pricingMode === 'static') {
      var tier = CONTENT.tiers[state.tier];
      return tier && tier.priceDetails ? tier.priceDetails[state.billing] || CONTENT.billingLabels[state.billing] : CONTENT.billingLabels[state.billing];
    }

    if (state.billing === 'monthly') return CONTENT.copy.monthlyPlanDetail || CONTENT.billingLabels.monthly;
    if (state.billing === 'flex') return CONTENT.copy.flexPlanDetail || CONTENT.billingLabels.flex;
    return CONTENT.copy.yearlyPlanDetail || CONTENT.billingLabels.yearly;
  }

  function getUnitLabel(activeCount) {
    if (activeCount === 1) return CONTENT.copy.unitSingular || '';
    return CONTENT.copy.unitPlural || CONTENT.copy.unitSingular || '';
  }

  function replaceTokens(template, tokens) {
    return String(template || '').replace(/{([^}]+)}/g, function (_, key) {
      return Object.prototype.hasOwnProperty.call(tokens, key) ? String(tokens[key]) : '';
    });
  }

  function bindEvents() {
    root.querySelectorAll('[data-tier]').forEach(function (button) {
      button.addEventListener('click', function () { state.tier = button.getAttribute('data-tier'); state.checkoutError = ''; render(); });
    });
    root.querySelectorAll('[data-billing]').forEach(function (button) {
      button.addEventListener('click', function () { state.billing = button.getAttribute('data-billing'); state.checkoutError = ''; render(); });
    });
    var input = root.querySelector('.count');
    if (input) input.addEventListener('input', function () { state.count = normalizeCount(input.value); state.checkoutError = ''; render(); });
    var emailInput = root.querySelector('.email');
    if (emailInput) emailInput.addEventListener('input', function () {
      state.email = String(emailInput.value || '').trim();
      state.checkoutError = '';
      var checkoutLink = root.querySelector('.checkout');
      if (checkoutLink) checkoutLink.setAttribute('href', buildCheckoutUrl());
      var errorBanner = root.querySelector('.error-banner');
      if (errorBanner) errorBanner.remove();
    });
  }

  function styles() {
    return '.xangle-selector-pricing{color:inherit}.hero{display:grid;gap:10px;margin-bottom:22px}.eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.68}.hero h2{margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:600;line-height:1.15;letter-spacing:-.02em}.subtitle{max-width:680px;margin:0;font-size:14px;line-height:1.55;opacity:.78}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:18px}.panel,.summary{border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 5%,transparent);padding:22px}.panel{display:grid;gap:18px}.panel label,.email-group{display:grid;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.86}.count,.email{width:100%;padding:11px 13px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit}.count{font-size:15px}.email{font-size:14px}.help,.detail,.selected,.pulse-copy{margin:0;font-size:13px;line-height:1.55;opacity:.72}.error-banner{margin:0;border:1px solid rgba(251,146,60,.35);background:rgba(251,146,60,.12);padding:12px 14px;color:#fed7aa;font-size:13px;line-height:1.5}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.billings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tier,.billing{border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:transparent;color:inherit;padding:12px;font-size:13px;cursor:pointer;text-align:left}.tier span,.tier small{display:block;margin-top:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.tier small{text-transform:none;letter-spacing:0;line-height:1.45}.tier.active,.billing.active{background:color-mix(in srgb,currentColor 14%,transparent);border-color:currentColor}.billing:disabled{opacity:.35;cursor:not-allowed}.summary{display:grid;gap:14px;align-content:start}.price{margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.1;letter-spacing:-.02em}.summary ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px;opacity:.82}.checkout{display:inline-flex;justify-content:center;padding:12px 16px;border:1px solid currentColor;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:600}.checkout:hover{background:color-mix(in srgb,currentColor 10%,transparent)}@media (max-width:900px){.grid{grid-template-columns:1fr}}';
  }

  var root = document.createElement('div');
  if (currentScript && currentScript.parentNode) currentScript.parentNode.insertBefore(root, currentScript);
  else document.body.appendChild(root);
  render();
})();
