// Generated by scripts/build-sharingserver-pricing.js. Do not edit by hand. (function () { var CONTENT_BY_LOCALE = { "en": { "eyebrow": "Pricing", "title": "Sharing Server", "subtitleFallback": "Sharing Server turns incoming event media into share-ready, print-ready, and playback-ready outputs.", "intro": "Basic covers local production. Pro adds video mashup, chromakey processing, local-network web pages, deterministic renaming, and backup workflows. Pulse keeps Pro software capabilities and adds the direct support relationship.", "highlightsLabel": "What is included", "featureAreasLabel": "Feature areas", "factsLabel": "Operational limits", "buyButtonLabel": "Buy now", "agreementLabel": "View agreement", "modalEyebrow": "Your email", "modalTitle": "Buy {plan}", "modalCopy": "We will prefill your email in Stripe so checkout is faster.", "modalEmailLabel": "Email address", "modalEmailPlaceholder": "you@studio.com", "modalCouponLabel": "Coupon code", "modalCouponPlaceholder": "Optional", "modalNewsletterLabel": "Subscribe to Xangle Apps news", "modalSubmit": "Continue to Stripe", "modalCancel": "Cancel", "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.", "checkoutErrorInvalidCoupon": "This coupon code is not valid.", "checkoutErrorExpiredCoupon": "This coupon has expired.", "checkoutErrorDisabledCoupon": "This coupon is no longer active.", "checkoutErrorPlanNotAllowed": "This coupon does not apply to the selected plan.", "checkoutErrorEmailNotAllowed": "This coupon is not available for this email address.", "checkoutErrorLimitReached": "This coupon has reached its maximum number of uses.", "checkoutErrorEmailLimitReached": "This email address has already used this coupon the maximum number of times.", "checkoutErrorRateLimited": "Too many coupon attempts right now. Please try again later.", "checkoutErrorAmountInvalid": "This coupon cannot be applied to the selected plan price.", "checkoutErrorGeneric": "Could not start checkout right now.", "hostedCheckoutNote": "Hosted checkout by Stripe.", "openDocsLabel": "Open feature section", "subtitle": "Sharing Server turns incoming event media into share-ready, print-ready, and playback-ready outputs.", "plans": [ { "key": "basic_yearly", "tier": "basic", "billing": "yearly", "label": "Basic - One year prepaid", "price": "$49.92/month", "detail": "monthly equivalent, billed once for 12 months ($599.00 total)", "badge": "Best value", "contractPath": "/contract.sharingserver-one-year.en.html", "recommended": false }, { "key": "basic_monthly", "tier": "basic", "billing": "monthly", "label": "Basic - 12-month contract", "price": "$65.00/month", "detail": "billed monthly, 12-month commitment", "badge": "Local production", "contractPath": "/contract.sharingserver-contract.en.html", "recommended": false }, { "key": "basic_flex", "tier": "basic", "billing": "flex", "label": "Basic - One month prepaid", "price": "$240.00", "detail": "single month, no auto-renewal", "badge": "Short-run option", "contractPath": "/contract.sharingserver-one-month.en.html", "recommended": false }, { "key": "pro_yearly", "tier": "pro", "billing": "yearly", "label": "Pro - One year prepaid", "price": "$74.92/month", "detail": "monthly equivalent, billed once for 12 months ($899.00 total)", "badge": "Best commercial fit", "contractPath": "/contract.sharingserver-one-year.en.html", "recommended": true }, { "key": "pro_monthly", "tier": "pro", "billing": "monthly", "label": "Pro - 12-month contract", "price": "$97.00/month", "detail": "billed monthly, 12-month commitment", "badge": "Advanced operations", "contractPath": "/contract.sharingserver-contract.en.html", "recommended": false }, { "key": "pro_flex", "tier": "pro", "billing": "flex", "label": "Pro - One month prepaid", "price": "$360.00", "detail": "single month, no auto-renewal", "badge": "Short-run option", "contractPath": "/contract.sharingserver-one-month.en.html", "recommended": false }, { "key": "pulse_yearly", "tier": "pulse", "billing": "yearly", "label": "Pulse - One year prepaid", "price": "$283.33/month", "detail": "monthly equivalent, billed once for 12 months ($3,400.00 total)", "badge": "Direct support", "contractPath": "/contract.sharingserver-one-year.en.html", "recommended": false } ], "facts": [ { "label": "Tier model", "value": "Basic, Pro, and Pulse fixed workflow tiers" }, { "label": "Pro gates", "value": "Video mashup, chromakey, local-network pages, renaming, and backups" }, { "label": "Pulse", "value": "Pro software plus direct support and advisory relationship" } ], "highlights": [ "Watch incoming folders and turn new arrivals into datasets automatically.", "Build shareable, printable, and playable outputs from the same capture.", "Run recipes with reusable overlays, intros, outros, LUTs, and soundtrack assets.", "Deliver by QR code, email, download, or print without a public-gallery-first workflow.", "Review datasets and drive playback stations from the same system." ], "featureCards": [ { "id": "ingest-and-automation", "title": "Ingest and automation", "summary": "Automatic intake for booth, camera, and tethered-photo workflows.", "href": "https://xanglecs.com/features/sharingserver/ingest-and-automation/overview" }, { "id": "output-routing-and-rendering", "title": "Output routing and rendering", "summary": "Outcome-specific outputs, automated processing, and reusable branding assets.", "href": "https://xanglecs.com/features/sharingserver/output-routing-and-rendering/overview" }, { "id": "delivery-and-guest-handoff", "title": "Delivery and guest handoff", "summary": "QR code, email, download, print, and privacy-aware delivery choices for live events.", "href": "https://xanglecs.com/features/sharingserver/delivery-and-guest-handoff/overview" }, { "id": "review-and-playback", "title": "Review and playback", "summary": "Post-ingest review tools for quality control, reveals, and on-site playback.", "href": "https://xanglecs.com/features/sharingserver/review-and-playback/overview" } ] }, "fr": { "eyebrow": "Tarification", "title": "Sharing Server", "subtitleFallback": "Sharing Server transforme les m\u00e9dias entrants d'\u00e9v\u00e9nement en sorties pr\u00eates \u00e0 partager, imprimer et lire.", "intro": "Basic couvre la production locale. Pro ajoute le mashup vid\u00e9o, le traitement chromakey, les pages Web sur le r\u00e9seau local, le renommage d\u00e9terministe et les sauvegardes. Pulse conserve les fonctions Pro et ajoute la relation de soutien directe.", "highlightsLabel": "Ce qui est inclus", "featureAreasLabel": "Sections de fonctions", "factsLabel": "Limites op\u00e9rationnelles", "buyButtonLabel": "Acheter", "agreementLabel": "Voir le contrat", "modalEyebrow": "Votre courriel", "modalTitle": "Acheter {plan}", "modalCopy": "Votre courriel sera pr\u00e9rempli dans Stripe pour acc\u00e9l\u00e9rer le paiement.", "modalEmailLabel": "Adresse courriel", "modalEmailPlaceholder": "vous@studio.com", "modalCouponLabel": "Code promo", "modalCouponPlaceholder": "Optionnel", "modalNewsletterLabel": "Souscrire aux nouvelles Xangle Apps", "modalSubmit": "Continuer vers Stripe", "modalCancel": "Annuler", "checkoutErrorEmailRequired": "Entrez votre courriel avant de continuer.", "checkoutErrorInvalidEmail": "Entrez une adresse courriel valide avant de continuer.", "checkoutErrorEmailBlocked": "Utilisez une adresse courriel permanente. Les adresses jetables ou bloqu\u00e9es manuellement ne sont pas accept\u00e9es.", "checkoutErrorInvalidCoupon": "Ce code promo n'est pas valide.", "checkoutErrorExpiredCoupon": "Ce code promo est expir\u00e9.", "checkoutErrorDisabledCoupon": "Ce code promo n'est plus actif.", "checkoutErrorPlanNotAllowed": "Ce code promo ne s'applique pas \u00e0 l'offre s\u00e9lectionn\u00e9e.", "checkoutErrorEmailNotAllowed": "Ce code promo n'est pas disponible pour cette adresse courriel.", "checkoutErrorLimitReached": "Ce code promo a atteint son nombre maximal d'utilisations.", "checkoutErrorEmailLimitReached": "Cette adresse courriel a d\u00e9j\u00e0 utilis\u00e9 ce code promo le nombre maximal de fois.", "checkoutErrorRateLimited": "Trop de tentatives de code promo pour le moment. Veuillez r\u00e9essayer plus tard.", "checkoutErrorAmountInvalid": "Ce code promo ne peut pas \u00eatre appliqu\u00e9 au prix de l'offre s\u00e9lectionn\u00e9e.", "checkoutErrorGeneric": "Impossible de lancer le paiement pour le moment.", "hostedCheckoutNote": "Paiement h\u00e9berg\u00e9 par Stripe.", "openDocsLabel": "Ouvrir la section", "subtitle": "Sharing Server transforme les m\u00e9dias entrants d'\u00e9v\u00e9nement en sorties pr\u00eates \u00e0 partager, imprimer et lire.", "plans": [ { "key": "basic_yearly", "tier": "basic", "billing": "yearly", "label": "Basic - Un an pr\u00e9pay\u00e9", "price": "49,92 $/mois", "detail": "\u00e9quivalent mensuel, factur\u00e9 en un seul paiement pour 12 mois (599,00 $ au total)", "badge": "Meilleur rapport", "contractPath": "/contract.sharingserver-one-year.fr.html", "recommended": false }, { "key": "basic_monthly", "tier": "basic", "billing": "monthly", "label": "Basic - Contrat de 12 mois", "price": "65,00 $/mois", "detail": "facturation mensuelle, engagement de 12 mois", "badge": "Production locale", "contractPath": "/contract.sharingserver-contract.fr.html", "recommended": false }, { "key": "basic_flex", "tier": "basic", "billing": "flex", "label": "Basic - Un mois pr\u00e9pay\u00e9", "price": "240,00 $", "detail": "un mois, sans renouvellement automatique", "badge": "Option courte dur\u00e9e", "contractPath": "/contract.sharingserver-one-month.fr.html", "recommended": false }, { "key": "pro_yearly", "tier": "pro", "billing": "yearly", "label": "Pro - Un an pr\u00e9pay\u00e9", "price": "74,92 $/mois", "detail": "\u00e9quivalent mensuel, factur\u00e9 en un seul paiement pour 12 mois (899,00 $ au total)", "badge": "Choix commercial", "contractPath": "/contract.sharingserver-one-year.fr.html", "recommended": true }, { "key": "pro_monthly", "tier": "pro", "billing": "monthly", "label": "Pro - Contrat de 12 mois", "price": "97,00 $/mois", "detail": "facturation mensuelle, engagement de 12 mois", "badge": "Op\u00e9rations avanc\u00e9es", "contractPath": "/contract.sharingserver-contract.fr.html", "recommended": false }, { "key": "pro_flex", "tier": "pro", "billing": "flex", "label": "Pro - Un mois pr\u00e9pay\u00e9", "price": "360,00 $", "detail": "un mois, sans renouvellement automatique", "badge": "Option courte dur\u00e9e", "contractPath": "/contract.sharingserver-one-month.fr.html", "recommended": false }, { "key": "pulse_yearly", "tier": "pulse", "billing": "yearly", "label": "Pulse - Un an pr\u00e9pay\u00e9", "price": "283,33 $/mois", "detail": "\u00e9quivalent mensuel, factur\u00e9 en un seul paiement pour 12 mois (3\u00a0400,00 $ au total)", "badge": "Soutien direct", "contractPath": "/contract.sharingserver-one-year.fr.html", "recommended": false } ], "facts": [ { "label": "Mod\u00e8le", "value": "Tiers fixes Basic, Pro et Pulse" }, { "label": "Gates Pro", "value": "Mashup vid\u00e9o, chromakey, pages r\u00e9seau local, renommage et sauvegardes" }, { "label": "Pulse", "value": "Fonctions Pro avec relation de soutien et conseil directe" } ], "highlights": [ "Surveillez les dossiers entrants et transformez automatiquement les nouvelles arriv\u00e9es en jeux de m\u00e9dias organis\u00e9s.", "Produisez des sorties partageables, imprimables et pr\u00eates pour la lecture \u00e0 partir de la m\u00eame capture.", "Lancez des recettes avec des overlays, intros, outros, LUTs et bandes son r\u00e9utilisables.", "Remettez les fichiers par code QR, courriel, t\u00e9l\u00e9chargement ou impression, sans mod\u00e8le centr\u00e9 sur une galerie publique.", "Revoyez les jeux de m\u00e9dias et pilotez les stations de lecture dans le m\u00eame syst\u00e8me." ], "featureCards": [ { "id": "ingest-and-automation", "title": "Ingestion et automatisation", "summary": "Ingestion automatique pour les flux photobooth, cam\u00e9ra et prise de vue connect\u00e9e.", "href": "https://xanglecs.com/features/sharingserver/ingest-and-automation/overview" }, { "id": "output-routing-and-rendering", "title": "Routage des sorties et rendu", "summary": "Sorties selon le r\u00e9sultat vis\u00e9, traitement automatis\u00e9 et actifs de marque r\u00e9utilisables.", "href": "https://xanglecs.com/features/sharingserver/output-routing-and-rendering/overview" }, { "id": "delivery-and-guest-handoff", "title": "Remise et livraison aux invit\u00e9s", "summary": "Choix de remise par code QR, courriel, t\u00e9l\u00e9chargement et impression, avec respect de la vie priv\u00e9e pour les \u00e9v\u00e9nements.", "href": "https://xanglecs.com/features/sharingserver/delivery-and-guest-handoff/overview" }, { "id": "review-and-playback", "title": "R\u00e9vision et lecture", "summary": "Outils apr\u00e8s ingestion pour le contr\u00f4le qualit\u00e9, les reveals et la lecture sur place.", "href": "https://xanglecs.com/features/sharingserver/review-and-playback/overview" } ] } }; var STYLES = "\n .shell {\n color: inherit;\n }\n\n * {\n box-sizing: border-box;\n }\n\n a {\n color: inherit;\n }\n\n button,\n input {\n font: inherit;\n }\n\n .shell {\n --line: color-mix(in srgb, currentColor 16%, transparent);\n --line-strong: color-mix(in srgb, currentColor 30%, transparent);\n --surface-soft: color-mix(in srgb, currentColor 4%, transparent);\n --surface-strong: color-mix(in srgb, currentColor 7%, transparent);\n --surface-selected: color-mix(in srgb, currentColor 11%, transparent);\n --muted: color-mix(in srgb, currentColor 72%, transparent);\n --muted-strong: color-mix(in srgb, currentColor 86%, transparent);\n position: relative;\n color: inherit;\n background: transparent;\n }\n\n .panel {\n position: relative;\n padding: 16px 0;\n display: grid;\n gap: 26px;\n }\n\n .hero {\n display: grid;\n gap: 22px;\n grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);\n align-items: start;\n }\n\n .hero-copy {\n display: grid;\n gap: 14px;\n max-width: 760px;\n }\n\n .eyebrow {\n margin: 0;\n font-size: 11px;\n line-height: 1;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n font-weight: 600;\n color: var(--muted);\n }\n\n .title {\n margin: 0;\n font-size: clamp(24px, 2.6vw, 30px);\n font-weight: 600;\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n .subtitle {\n margin: 0;\n font-size: 14px;\n line-height: 1.55;\n color: var(--muted-strong);\n max-width: 62ch;\n }\n\n .intro,\n .checkout-note {\n margin: 0;\n font-size: 13px;\n line-height: 1.7;\n color: var(--muted);\n max-width: 64ch;\n }\n\n .checkout-note {\n margin-top: 4px;\n font-size: 11px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n\n .error-banner {\n margin: 0;\n padding: 12px 14px;\n border-radius: 16px;\n border: 1px solid var(--line-strong);\n background: var(--surface-soft);\n color: inherit;\n font-size: 13px;\n line-height: 1.5;\n max-width: 60ch;\n }\n\n .fact-grid {\n display: grid;\n gap: 12px;\n }\n\n .fact-card {\n padding: 16px 18px;\n border-radius: 18px;\n background: var(--surface-soft);\n border: 1px solid var(--line);\n backdrop-filter: blur(10px);\n }\n\n .fact-label {\n display: block;\n margin-bottom: 8px;\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted);\n }\n\n .fact-value {\n margin: 0;\n font-size: 14px;\n line-height: 1.55;\n color: inherit;\n }\n\n .plan-grid {\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .plan-card {\n display: grid;\n gap: 18px;\n min-height: 100%;\n padding: 22px;\n border-radius: 22px;\n background: var(--surface-soft);\n border: 1px solid var(--line);\n transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;\n cursor: pointer;\n }\n\n .plan-card:hover {\n transform: translateY(-3px);\n border-color: var(--line-strong);\n }\n\n .plan-card.is-selected {\n border-color: var(--line-strong);\n background: var(--surface-selected);\n }\n\n .plan-card.is-recommended {\n position: relative;\n }\n\n .plan-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n max-width: 100%;\n min-height: 28px;\n padding: 6px 10px;\n border-radius: 999px;\n background: transparent;\n border: 1px solid var(--line-strong);\n color: inherit;\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .plan-label {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 1.2;\n letter-spacing: -0.01em;\n }\n\n .plan-price {\n margin: 0;\n font-size: clamp(20px, 2.4vw, 24px);\n font-weight: 600;\n line-height: 1.1;\n letter-spacing: -0.02em;\n }\n\n .plan-detail {\n margin: 0;\n font-size: 13px;\n line-height: 1.6;\n color: var(--muted);\n min-height: 3.2em;\n }\n\n .plan-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: auto;\n }\n\n .plan-button,\n .link-button,\n .modal-submit,\n .modal-cancel,\n .modal-close {\n appearance: none;\n border: none;\n border-radius: 999px;\n cursor: pointer;\n text-decoration: none;\n transition: transform 120ms ease, opacity 120ms ease, background 120ms ease, border-color 120ms ease;\n }\n\n .plan-button,\n .modal-submit {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: 0 18px;\n background: transparent;\n border: 1px solid currentColor;\n color: inherit;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.01em;\n }\n\n .plan-button:hover,\n .modal-submit:hover,\n .modal-close:hover,\n .modal-cancel:hover,\n .feature-link:hover {\n transform: translateY(-1px);\n }\n\n .link-button,\n .feature-link,\n .modal-cancel {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: 0 16px;\n border: 1px solid var(--line);\n background: transparent;\n color: inherit;\n font-size: 13px;\n font-weight: 500;\n }\n\n .detail-grid {\n display: grid;\n gap: 16px;\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n }\n\n .detail-block {\n display: grid;\n gap: 16px;\n padding: 22px;\n border-radius: 22px;\n background: var(--surface-soft);\n border: 1px solid var(--line);\n }\n\n .section-heading {\n margin: 0;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--muted);\n }\n\n .highlight-list {\n display: grid;\n gap: 12px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .highlight-item {\n position: relative;\n padding-left: 18px;\n color: var(--muted-strong);\n font-size: 14px;\n line-height: 1.65;\n }\n\n .highlight-item::before {\n content: \"\";\n position: absolute;\n top: 10px;\n left: 0;\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: currentColor;\n opacity: 0.42;\n }\n\n .feature-grid {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .feature-card {\n display: grid;\n gap: 12px;\n padding: 18px;\n border-radius: 18px;\n background: var(--surface-soft);\n border: 1px solid var(--line);\n }\n\n .feature-title {\n margin: 0;\n font-size: 15px;\n font-weight: 600;\n line-height: 1.25;\n letter-spacing: -0.01em;\n }\n\n .feature-summary {\n margin: 0;\n font-size: 13px;\n line-height: 1.65;\n color: var(--muted);\n }\n\n .feature-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n width: fit-content;\n min-height: 40px;\n padding: 0 14px;\n border-radius: 999px;\n border: 1px solid var(--line);\n background: transparent;\n text-decoration: none;\n color: inherit;\n }\n\n .modal-shell.is-hidden {\n display: none;\n }\n\n .modal-shell {\n position: fixed;\n inset: 0;\n z-index: 2147483647;\n display: grid;\n place-items: center;\n padding: 24px;\n }\n\n .modal-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.72);\n backdrop-filter: blur(8px);\n }\n\n .modal-dialog {\n position: relative;\n width: min(100%, 520px);\n display: grid;\n gap: 18px;\n padding: 24px;\n border-radius: 24px;\n background: #0f0f10;\n border: 1px solid rgba(255, 255, 255, 0.18);\n box-shadow: 0 32px 80px rgba(0, 0, 0, 0.35);\n color: #fff;\n }\n\n .modal-meta {\n display: grid;\n gap: 10px;\n padding-right: 34px;\n }\n\n .modal-close {\n position: absolute;\n top: 16px;\n right: 16px;\n width: 38px;\n height: 38px;\n border: 1px solid rgba(255, 255, 255, 0.16);\n background: rgba(255, 255, 255, 0.04);\n color: #fff;\n }\n\n .modal-eyebrow {\n margin: 0;\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.65);\n }\n\n .modal-title {\n margin: 0;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n .modal-copy,\n .modal-error {\n margin: 0;\n font-size: 13px;\n line-height: 1.65;\n color: rgba(255, 255, 255, 0.72);\n }\n\n .modal-error {\n color: #fecaca;\n }\n\n .modal-form {\n display: grid;\n gap: 14px;\n }\n\n .field {\n display: grid;\n gap: 7px;\n }\n\n .label {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.86);\n }\n\n .input {\n min-height: 42px;\n padding: 0 14px;\n border-radius: 14px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n background: rgba(255, 255, 255, 0.06);\n color: #fff;\n font-size: 14px;\n outline: none;\n }\n\n .input:focus {\n border-color: rgba(255, 255, 255, 0.32);\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);\n }\n\n .checkbox {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 13px;\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.72);\n }\n\n .checkbox input {\n margin-top: 3px;\n }\n\n .modal-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding-top: 4px;\n }\n\n .modal-cancel {\n color: inherit;\n }\n\n @media (max-width: 980px) {\n .hero,\n .detail-grid,\n .plan-grid {\n grid-template-columns: 1fr;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 640px) {\n .panel,\n .detail-block,\n .plan-card,\n .modal-dialog {\n padding: 18px;\n }\n\n .title {\n letter-spacing: -0.04em;\n }\n\n .plan-actions,\n .modal-actions {\n flex-direction: column;\n }\n\n .plan-button,\n .link-button,\n .modal-submit,\n .modal-cancel {\n width: 100%;\n }\n\n .modal-shell {\n padding: 16px;\n }\n }\n "; var OPTIONS = { "appSlug": "sharingserver", "hostClassName": "sharingserver-pricing-host", "planAliases": { "yearly": "pro_yearly", "monthly": "pro_monthly", "flex": "pro_flex", "sharingserver_yearly": "basic_yearly", "sharingserver_monthly": "basic_monthly", "sharingserver_flex": "basic_flex" }, "defaultPlanByBilling": { "yearly": "pro_yearly", "monthly": "pro_monthly", "flex": "pro_flex" } }; 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 content = CONTENT_BY_LOCALE[locale] || CONTENT_BY_LOCALE.en; var requestedPlanKey = normalizePlan(scriptUrl.searchParams.get('plan') || pageUrl.searchParams.get('plan')); var selectedPlanKey = requestedPlanKey || getDefaultPlanKey(scriptUrl.searchParams.get('billing') || pageUrl.searchParams.get('billing')); var checkoutError = scriptUrl.searchParams.get('checkout_error') || pageUrl.searchParams.get('checkout_error') || ''; var checkoutBase = new URL('/api/checkout', 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 pendingPlanKey = null; var host = document.createElement('div'); host.className = OPTIONS.hostClassName; script.insertAdjacentElement('afterend', host); var root = host; root.innerHTML = renderMarkup(content, selectedPlanKey, getCheckoutErrorMessage(content, checkoutError), scriptUrl.origin); bindInteractions(root, content); setSelectedPlan(root, selectedPlanKey); if (requestedPlanKey) { var plan = getPlanByKey(content, requestedPlanKey); if (plan) openModal(root, content, plan.key); } function normalizeLocale(value) { return String(value || '').toLowerCase().startsWith('fr') ? 'fr' : 'en'; } function getDefaultPlanKey(value) { var billing = String(value || '').toLowerCase(); return OPTIONS.defaultPlanByBilling[billing] || OPTIONS.defaultPlanByBilling.yearly || null; } function normalizePlan(value) { var normalized = String(value || '').toLowerCase(); if (!normalized) return null; if (OPTIONS.planAliases[normalized]) return OPTIONS.planAliases[normalized]; return getPlanByKey(content, normalized) ? normalized : null; } function syncUrlState() { if (!window.history || !window.history.replaceState) return; var url = new URL(window.location.href); url.searchParams.set('plan', selectedPlanKey); if (url.toString() !== window.location.href) { window.history.replaceState(window.history.state, '', url.toString()); } } function escapeHtml(value) { return String(value == null ? '' : value) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function getCheckoutErrorMessage(contentValue, code) { switch (code) { case 'email_required': return contentValue.checkoutErrorEmailRequired; case 'invalid_email': return contentValue.checkoutErrorInvalidEmail; case 'email_not_allowed': return contentValue.checkoutErrorEmailBlocked; case 'coupon_invalid': return contentValue.checkoutErrorInvalidCoupon; case 'coupon_expired': return contentValue.checkoutErrorExpiredCoupon; case 'coupon_disabled': return contentValue.checkoutErrorDisabledCoupon; case 'coupon_plan_not_allowed': return contentValue.checkoutErrorPlanNotAllowed; case 'coupon_email_not_allowed': return contentValue.checkoutErrorEmailNotAllowed; case 'coupon_limit_reached': return contentValue.checkoutErrorLimitReached; case 'coupon_email_limit_reached': return contentValue.checkoutErrorEmailLimitReached; case 'coupon_rate_limited': return contentValue.checkoutErrorRateLimited; case 'coupon_amount_invalid': return contentValue.checkoutErrorAmountInvalid; default: return code ? contentValue.checkoutErrorGeneric : ''; } } function getPlanByKey(contentValue, planKey) { return contentValue.plans.find(function (plan) { return plan.key === planKey; }) || null; } function renderMarkup(contentValue, preferredPlanKey, errorMessage, contractOrigin) { return [ '', '

', '

', escapeHtml(contentValue.eyebrow), '

', '

', escapeHtml(contentValue.title), '

', '

', escapeHtml(contentValue.subtitle), '

', '

', escapeHtml(contentValue.intro), '

', errorMessage ? '' : '', '

', escapeHtml(contentValue.hostedCheckoutNote), '

', '

', renderFacts(contentValue.facts), '

', '

', renderPlans(contentValue, preferredPlanKey, contractOrigin), '

', '

', escapeHtml(contentValue.highlightsLabel), '

', '

', renderHighlights(contentValue.highlights), '', '

', '

', escapeHtml(contentValue.featureAreasLabel), '

', '

', renderFeatureCards(contentValue.featureCards, contentValue.openDocsLabel), '

', '

', renderModal(contentValue), '

', ].join(''); } function renderFacts(facts) { return facts.map(function (fact) { return [ '

', '', escapeHtml(fact.label), '', '

', escapeHtml(fact.value), '

', '

', ].join(''); }).join(''); } function renderPlans(contentValue, preferredPlanKey, contractOrigin) { return contentValue.plans.map(function (plan) { var classes = ['plan-card']; if (plan.key === preferredPlanKey) classes.push('is-selected'); if (plan.recommended) classes.push('is-recommended'); var contractUrl = new URL(plan.contractPath, contractOrigin).toString(); return [ '

', '', escapeHtml(plan.badge), '', '

', escapeHtml(plan.label), '

', '

', escapeHtml(plan.price), '

', '

', escapeHtml(plan.detail), '

', '

', '', '', escapeHtml(contentValue.agreementLabel), '', '

', '

', ].join(''); }).join(''); } function renderHighlights(items) { return items.map(function (item) { return '

' + escapeHtml(item) + '

'; }).join(''); } function renderFeatureCards(cards, linkLabel) { return cards.map(function (card) { return [ '

', '

', escapeHtml(card.title), '

', '

', escapeHtml(card.summary), '

', '', escapeHtml(linkLabel), '', '

', ].join(''); }).join(''); } function renderModal(contentValue) { return [ '', ].join(''); } function bindInteractions(shadowRoot, contentValue) { var planButtons = shadowRoot.querySelectorAll('[data-plan-key]'); planButtons.forEach(function (button) { button.addEventListener('click', function (event) { event.stopPropagation(); openModal(shadowRoot, contentValue, button.getAttribute('data-plan-key')); }); }); var cards = shadowRoot.querySelectorAll('[data-plan-card]'); cards.forEach(function (card) { card.addEventListener('click', function (event) { if (event.target && event.target.closest && event.target.closest('button, a')) return; selectedPlanKey = normalizePlan(card.getAttribute('data-plan-card')) || selectedPlanKey; setSelectedPlan(shadowRoot, selectedPlanKey); syncUrlState(); }); }); var overlay = shadowRoot.querySelector('[data-role="modal-overlay"]'); var closeButton = shadowRoot.querySelector('[data-role="modal-close"]'); var cancelButton = shadowRoot.querySelector('[data-role="modal-cancel"]'); var form = shadowRoot.querySelector('[data-role="modal-form"]'); if (overlay) overlay.addEventListener('click', function () { closeModal(shadowRoot); }); if (closeButton) closeButton.addEventListener('click', function () { closeModal(shadowRoot); }); if (cancelButton) cancelButton.addEventListener('click', function () { closeModal(shadowRoot); }); if (form) { form.addEventListener('submit', 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"]'); var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); if (!emailInput || (emailInput.reportValidity && !emailInput.reportValidity())) return; email = emailInput ? emailInput.value.trim() : ''; coupon = couponInput ? couponInput.value.trim() : coupon; if (modalError) { modalError.hidden = true; modalError.textContent = ''; } if (!pendingPlanKey) { if (modalError) { modalError.hidden = false; modalError.textContent = contentValue.checkoutErrorGeneric; } return; } var checkoutUrl = new URL(checkoutBase.toString()); checkoutUrl.searchParams.set('app', OPTIONS.appSlug); checkoutUrl.searchParams.set('plan', pendingPlanKey); checkoutUrl.searchParams.set('locale', locale); checkoutUrl.searchParams.set('success_url', successUrl); checkoutUrl.searchParams.set('cancel_url', cancelUrl); checkoutUrl.searchParams.set('email', email); if (coupon) checkoutUrl.searchParams.set('coupon', coupon); if (newsletterInput && newsletterInput.checked) { checkoutUrl.searchParams.set('newsletter_opt_in', '1'); } window.location.href = checkoutUrl.toString(); }); } window.addEventListener('keydown', function (event) { if (event.key === 'Escape') closeModal(shadowRoot); }); } function setSelectedPlan(shadowRoot, planKey) { var cards = shadowRoot.querySelectorAll('[data-plan-card]'); cards.forEach(function (card) { card.classList.toggle('is-selected', card.getAttribute('data-plan-card') === planKey); }); } function openModal(shadowRoot, contentValue, planKey) { var plan = getPlanByKey(contentValue, planKey); if (!plan) return; pendingPlanKey = plan.key; selectedPlanKey = plan.key; setSelectedPlan(shadowRoot, selectedPlanKey); syncUrlState(); var shell = shadowRoot.querySelector('[data-role="modal-shell"]'); var title = shadowRoot.querySelector('[data-role="modal-title"]'); var emailInput = shadowRoot.querySelector('[data-role="email-input"]'); var couponInput = shadowRoot.querySelector('[data-role="coupon-input"]'); var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); if (title) title.textContent = contentValue.modalTitle.replace('{plan}', plan.label); if (emailInput) emailInput.value = email; if (couponInput) couponInput.value = coupon; if (modalError) { modalError.hidden = true; modalError.textContent = ''; } if (shell) { shell.classList.remove('is-hidden'); shell.setAttribute('aria-hidden', 'false'); } if (emailInput) { window.setTimeout(function () { emailInput.focus(); if (emailInput.select) emailInput.select(); }, 20); } } function closeModal(shadowRoot) { var shell = shadowRoot.querySelector('[data-role="modal-shell"]'); var modalError = shadowRoot.querySelector('[data-role="modal-error"]'); if (modalError) { modalError.hidden = true; modalError.textContent = ''; } if (!shell) return; shell.classList.add('is-hidden'); shell.setAttribute('aria-hidden', 'true'); } })();

Xangle Sharing Server