<!--
=================================================================
  LOGIN — login.html
  URL: /login

  WHAT THIS PAGE DOES:
  Email-first entry point for My Account, replacing a direct link
  into the gated membership page (which previously just bounced
  straight to Auth0's own hosted login/signup screens with no
  context on whether you're a new or returning customer).

  Matches the pattern shown by Mark on the 21 Jul 2026 call —
  same 3 states:
    1. Email entry
    2. No account found → relabel to Sign Up, link to Auth0's
       signup screen (screen_hint=signup)
    3. Account found → show every connection type, but only the
       one(s) actually linked to this account are active/clickable;
       the rest stay visible but greyed out. The FIRST identity in
       Auth0's own identities array is how the account was
       originally created — used here as the "primary" one, but
       every linked connection stays clickable, not just the first
       (an account can genuinely have more than one linked method).

  ONE THING ADDED BEYOND WHAT WAS SHOWN ON THE CALL: a "password"
  option alongside the four social ones, active only if the account
  has a database (username/password) connection. The screenshots
  only showed the social buttons, but the sign-up state's own copy
  ("either using a password or a social account") implies password
  is a real, existing path — this just surfaces it consistently on
  the login side too.

  KNOWN, CONFIRMED AUTH0 PLATFORM LIMITATIONS (not bugs in our code,
  not fixable by changing parameters — confirmed via live testing
  AND Auth0's own support documentation):
  - screen_hint=signup does not work on the /samlp endpoint. Direct
    quote from Auth0's own support center: "While Okta docs state
    that the screen_hint=signup parameter is supported in requests
    to the /authorize endpoint, the same is not true for the
    /samlp endpoint, which is used when Auth0 is the IdP... this is
    not supported at the moment, Auth0 created a backlog item to
    potentially address it." Clicking "Sign Up" lands on Auth0's
    normal Login screen, with a "Don't have an account? Sign up"
    link beneath the password field — one extra click, not a dead
    end. Given this page already tells the customer clearly, in our
    own branding, that they need to sign up before they ever reach
    Auth0's screen, this is a much smaller gap than the "no context
    at all" problem this whole page exists to solve.
  - login_hint (pre-filling the email) also does not reliably work
    for SAML-IdP flows — confirmed by multiple long-running Auth0
    community threads describing this exact setup. There's a
    tenant-wide "Identifier First" authentication profile setting
    that MAY help in some cases, but is reported to break custom
    login pages in others — not something to flip without dedicated
    testing of its own, so left as a known limitation for now.

  CHANGE — homepage-landing bug fixed differently than first tried:
  RelayState (added in an earlier pass) did not reliably land the
  browser on /my-account after login, despite live testing
  confirming the SAML session itself WAS being created correctly
  (manually visiting /my-account afterward showed the right person
  logged in). Rather than keep guessing at SAML/RelayState internals
  that can't be inspected from outside the browser, the fix moved to
  homepage.html instead: it now checks request_contact.is_logged_in
  and redirects to /my-account immediately if true — so wherever the
  SAML flow actually lands the browser, an already-logged-in visitor
  gets forwarded on automatically. See homepage.html's own header
  comment for the actual change.

  CHANGE — fixed a real bug: editing the email after landing on the
  "Sign Up" state and typing an existing email still redirected to
  Auth0's signup URL regardless. Root cause: showNoAccountState()
  overwrites the Continue button's onclick to jump straight to
  Auth0, but resetToEmailEntry() (fired by the pencil/edit button)
  never restored it — so the stale handler kept firing no matter
  what was typed next. Fixed by explicitly restoring
  btn.onclick = handleContinue whenever the email field is reset.

  CALLS: /hs/serverless/check-auth0-account (new function)
=================================================================
--><!doctype html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login to My Account</title>

  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --brand:      #d63384;
      --brand-dk:   #b02070;
      --green:      #6ab023;
      --text:       #1a1a1a;
      --text-muted: #6b7280;
      --bg:         #ffffff;
      --bg-surface: #f3f3f7;
      --border:     #e5e7eb;
      --border-md:  #d1d5db;
      --radius-sm:  6px;
      --radius-md:  10px;
      --radius-lg:  14px;
      --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    body { font-family: var(--font); font-size: 15px; color: var(--text); background: #ffffff; min-height: 100vh; }
    .env-banner { background: #fde8f0; border-bottom: 1px solid #f4afc9; text-align: center; padding: 7px 16px; font-size: 12px; color: #8b1a47; font-weight: 500; letter-spacing: 0.04em; }
    .portal { max-width: 620px; margin: 0 auto; padding: 40px 20px 60px; }

    .page-heading { text-align: center; font-size: 32px; font-weight: 400; color: var(--text); margin-bottom: 32px; }
    .page-heading .accent { color: var(--green); font-weight: 600; }

    .login-card { background: var(--bg-surface); border-radius: var(--radius-lg); padding: 32px 36px 36px; }
    .card-heading { text-align: center; font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
    .card-subtext { text-align: center; font-size: 13px; color: var(--brand-dk); line-height: 1.6; margin-bottom: 20px; display: none; }
    .card-subtext.visible { display: block; }

    .form-group { margin-bottom: 16px; }
    .form-group label { display: block; font-size: 13px; font-weight: 500; color: var(--text); margin-bottom: 6px; }
    .email-row { position: relative; }
    .email-row input {
      width: 100%; padding: 10px 40px 10px 14px; border: 1px solid var(--border-md);
      border-radius: var(--radius-sm); font-size: 14px; font-family: var(--font);
      color: var(--text); background: var(--bg); transition: border-color 0.15s, background 0.15s;
    }
    .email-row input:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(214, 51, 132, 0.08); }
    .email-row input:disabled { background: var(--border); color: var(--text-muted); cursor: default; }
    .email-edit-btn {
      display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
      background: none; border: none; cursor: pointer; font-size: 15px; color: var(--brand); padding: 4px;
    }
    .email-edit-btn.visible { display: block; }
    .email-error { font-size: 12px; color: #dc2626; margin-top: 5px; display: none; }
    .email-error.visible { display: block; }

    .btn-continue {
      display: block; width: 100%; padding: 12px 24px; background: var(--brand); color: #fff;
      border: none; border-radius: var(--radius-sm); font-size: 15px; font-weight: 600;
      font-family: var(--font); cursor: pointer; text-align: center; transition: background 0.15s;
    }
    .btn-continue:hover:not(:disabled) { background: var(--brand-dk); }
    .btn-continue:disabled { background: var(--border-md); cursor: not-allowed; }

    /* ── Connection options (shown once an account is found) ── */
    .connections-wrap { display: none; margin-top: 4px; }
    .connections-wrap.visible { display: flex; flex-direction: column; gap: 10px; }
    .connection-btn {
      display: flex; align-items: center; gap: 10px; padding: 11px 16px;
      border: 1px solid var(--border-md); border-radius: var(--radius-sm);
      background: var(--bg); font-size: 14px; font-weight: 600; font-family: var(--font);
      cursor: not-allowed; opacity: 0.45; text-decoration: none; color: var(--text-muted);
      transition: border-color 0.15s, opacity 0.15s, transform 0.1s;
    }
    .connection-btn .icon { width: 18px; height: 18px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
    .connection-btn.active {
      cursor: pointer; opacity: 1; border-color: var(--green); color: var(--text);
    }
    .connection-btn.active:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
    .connection-btn.primary { border-width: 2px; }

    .helper-text { font-size: 13px; font-weight: 600; color: var(--text); text-align: center; margin-top: 28px; line-height: 1.6; }

    .quote-divider { border: none; border-top: 1px solid var(--border); margin: 32px 0 24px; }
    .quote-cta { text-align: center; }
    .quote-cta p { font-size: 20px; font-weight: 400; color: var(--text); margin-bottom: 14px; }
    .quote-cta p .accent { color: var(--brand); font-weight: 600; }
    .btn-quote {
      display: inline-block; background: var(--brand); color: #fff; padding: 11px 30px;
      border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; text-decoration: none;
      transition: background 0.15s;
    }
    .btn-quote:hover { background: var(--brand-dk); }

    .loading-hint { display: none; text-align: center; font-size: 13px; color: var(--text-muted); margin-top: 10px; }
    .loading-hint.visible { display: block; }

    @media (max-width: 500px) {
      .login-card { padding: 24px 20px 28px; }
      .page-heading { font-size: 24px; }
    }
  </style>

  <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <meta property="og:description" content="">
    <meta property="og:title" content="Login">
    <meta name="twitter:description" content="">
    <meta name="twitter:title" content="Login">

    
    <style>
a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
</style>

    
    <link rel="canonical" href="https://rss-portal.xyz/login">


<meta property="og:url" content="https://rss-portal.xyz/login">
<meta name="twitter:card" content="summary">
<meta http-equiv="content-language" content="en">


<meta name="generator" content="HubSpot"></head>

<body>

  <div class="env-banner">STAGING ENVIRONMENT — NOT FOR PRODUCTION USE</div>

  <div class="portal">

    <h1 class="page-heading">Login to <span class="accent">My Account</span></h1>

    <div class="login-card">
      <p class="card-heading">Login to your Ready Steady Store account</p>
      <p class="card-subtext" id="cardSubtext">You do not have a Ready Steady Store account setup. Create one below, either using a password or a social account.</p>

      <div class="form-group">
        <label for="emailInput" id="emailLabel">Email address</label>
        <div class="email-row">
          <input type="email" id="emailInput" placeholder="Enter Email Address or Username." autocomplete="email">
          <button type="button" class="email-edit-btn" id="editBtn" onclick="resetToEmailEntry()" aria-label="Edit email">✎</button>
        </div>
        <p class="email-error" id="emailError">Please enter a valid email address.</p>
      </div>

      <button type="button" class="btn-continue" id="continueBtn" onclick="handleContinue()">Continue</button>
      <p class="loading-hint" id="loadingHint">Checking your account...</p>

      <!-- Connection options — populated once an account is found -->
      <div class="connections-wrap" id="connectionsWrap">
        <a href="#" class="connection-btn" id="conn-google-oauth2">
          <span class="icon">G</span> Continue with Google
        </a>
        <a href="#" class="connection-btn" id="conn-facebook">
          <span class="icon">f</span> Continue with Facebook
        </a>
        <a href="#" class="connection-btn" id="conn-twitter">
          <span class="icon">X</span> Continue with X
        </a>
        <a href="#" class="connection-btn" id="conn-windowslive">
          <span class="icon">⊞</span> Continue with Microsoft Account
        </a>
        <a href="#" class="connection-btn" id="conn-auth0">
          <span class="icon">🔒</span> Continue with password
        </a>
      </div>
    </div>

    <p class="helper-text">
      If you already have storage with us, and have not registered for My Account, please login above.<br>
      Once logged in, you can link to your storage account.
    </p>

    <hr class="quote-divider">

    <div class="quote-cta">
      <p>Need storage? <span class="accent">Get a Quote</span></p>
      <a href="/get-a-quote?hsLang=en" class="btn-quote">Get a Quote</a>
    </div>

  </div>

  <div data-global-resource-path="customer-portal/footer.html"><!--
=================================================================
  PORTAL FOOTER PARTIAL — footer.html
  Type: Template partial (not a full page template)

  WHAT THIS FILE DOES:
  Shared footer included on every portal page.
  Contains three sections:
  1. Green "Self Storage For Everyone" bar
  2. Purple locations grid — pulls active sites from CRM
  3. Dark footer — logo, accreditations, support/services/legal links
  4. Copyright bar — company info + payment icons

  HOW TO INCLUDE IN A PAGE TEMPLATE:
  Add this line at the bottom of any page template,
  just before standard_footer_includes :


  SITES DATA:
  The locations grid is populated client-side from the
  get-sites serverless function (RS3 active/showInPricingPortal
  flags cross-referenced with the Sites custom object), so the
  same partial works unchanged in every HubSpot account.
  Results are cached in sessionStorage for the visit.

  UPDATING THE FOOTER:
  Because this is a shared partial, any change made here
  automatically applies to all pages that include it.
  No need to update each page template individually.
=================================================================
-->

<style>
  .footer-tagline {
    background: #4a9e1a;
    color: #fff;
    text-align: center;
    padding: 14px;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .footer-locations {
    background: #6b2d8b;
    padding: 32px 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  .footer-locations h3 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
  }

  .locations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px 16px;
    max-width: 960px;
    margin: 0 auto;
  }
  .location-item {
    color: #e8d5f5;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transition: color 0.15s;
  }
  .location-item:hover { color: #fff; }

  .footer-main {
    background: #1a1a1a;
    padding: 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  .footer-main-inner {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200px 1fr 1fr 1fr;
    gap: 32px;
  }

  .footer-logo {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .footer-logo img {
    max-width: 140px;
    height: auto;
  }

  .footer-col h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 14px;
  }
  .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer-col ul li {
    margin-bottom: 8px;
  }
  .footer-col ul li a {
    color: #9ca3af;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.15s;
  }
  .footer-col ul li a:hover { color: #fff; }

  .footer-hours-title {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin: 14px 0 6px;
  }
  .footer-hours-text {
    color: #9ca3af;
    font-size: 12px;
    line-height: 1.7;
  }

  .footer-social {
    display: flex;
    gap: 10px;
    margin-top: 12px;
  }
  .footer-social a {
    color: #9ca3af;
    font-size: 13px;
    text-decoration: none;
    width: 28px;
    height: 28px;
    border: 1px solid #4b5563;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
  }
  .footer-social a:hover { color: #fff; border-color: #9ca3af; }

  .footer-copyright {
    background: #111;
    padding: 14px 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  .footer-copyright-inner {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }
  .footer-copyright p {
    color: #6b7280;
    font-size: 11px;
    line-height: 1.5;
  }

  .payment-icons {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
  }
  .payment-badge {
    background: #1f2937;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #374151;
    letter-spacing: 0.03em;
  }

  @media (max-width: 768px) {
    .footer-main-inner { grid-template-columns: 1fr 1fr; }
    .footer-locations { padding: 24px 20px; }
    .footer-main { padding: 32px 20px; }
    .footer-copyright { padding: 14px 20px; }
  }
  @media (max-width: 480px) {
    .footer-main-inner { grid-template-columns: 1fr; }
    .locations-grid { grid-template-columns: repeat(2, 1fr); }
  }
</style>


<div class="footer-tagline">
  Self Storage For Everyone
</div>


<div class="footer-locations">
  <h3>Locations</h3>
  <div class="locations-grid" id="footer-locations-grid"></div>
</div>


<div class="footer-main">
  <div class="footer-main-inner">

    <div class="footer-logo">
      <div style="display:flex;flex-direction:column;align-items:center;gap:16px;">
        <img src="https://www.readysteadystore.com/wp-content/themes/storefront-child-theme-master/assets/images/rss-logo.svg" alt="Ready Steady Store" style="max-width:130px;height:auto;">
        <img src="https://www.readysteadystore.com/wp-content/themes/storefront-child-theme-master/assets/images/carbon-neutral.png?v=2025-01" alt="Carbon Neutral Britain" style="max-width:90px;height:auto;">
        <img src="https://www.readysteadystore.com/wp-content/themes/storefront-child-theme-master/assets/images/tick-box-logo-compressed-s.png" alt="Tick Box" style="max-width:110px;height:auto;">
        <img src="https://www.readysteadystore.com/wp-content/themes/storefront-child-theme-master/assets/images/ssa_logo_new.png" alt="Self Storage Association UK" style="max-width:110px;height:auto;">
        <img src="https://www.readysteadystore.com/wp-content/themes/storefront-child-theme-master/assets/images/cyber-essentials.png" alt="Cyber Essentials Certified" style="max-width:80px;height:auto;">
      </div>
    </div>

    <div class="footer-col">
      <h4>Support</h4>
      <ul>
        <li><a href="tel:08003213211">0800 321 3211</a></li>
        <li><a href="https://www.readysteadystore.com/help-and-advice/phone-us/" target="_blank">Contact us</a></li>
        <li><a href="https://www.readysteadystore.com/help-and-advice/" target="_blank">Help and advice</a></li>
        <li><a href="https://www.readysteadystore.com/help-and-advice/" target="_blank">Self Storage FAQs</a></li>
        <li><a href="https://www.readysteadystore.com/how-our-self-storage-works/" target="_blank">How our self storage works</a></li>
        <li><a href="https://www.readysteadystore.com/blog/business/storage-auctions/" target="_blank">Storage Auctions Information</a></li>
        <li><a href="https://www.readysteadystore.com/blog/self-storage/self-storage-prices-how-much-does-storage-cost/" target="_blank">Self Storage Prices Explained</a></li>
      </ul>
      <p class="footer-hours-title">Customer Services Opening Hours:</p>
      <p class="footer-hours-text">
        Mon – Fri: 8am to 9pm<br>
        Saturday: 8am to 6:30pm<br>
        Sunday: 9am to 6pm
      </p>
      <div class="footer-social">
        <a href="https://www.facebook.com/readysteadystore" target="_blank" title="Facebook">f</a>
        <a href="https://twitter.com/ReadyStore" target="_blank" title="X / Twitter">𝕏</a>
        <a href="https://www.linkedin.com/company/ready-steady-store-ltd/" target="_blank" title="LinkedIn">in</a>
        <a href="https://www.instagram.com/readystore" target="_blank" title="Instagram">Ⓥ</a>
      </div>
    </div>

    <div class="footer-col">
      <h4>Services</h4>
      <ul>
        <li><a href="https://www.readysteadystore.com/self-storage/" target="_blank">Store Finder</a></li>
        <li><a href="https://www.readysteadystore.com/help-and-advice/size-estimator/" target="_blank">Size Estimator</a></li>
        <li><a href="https://www.readysteadystore.com/extra-services/van-hire/" target="_blank">Van services</a></li>
        <li><a href="https://www.readysteadystore.com/extra-services/insurance-cover/" target="_blank">Self storage contents protection plan</a></li>
        <li><a href="https://www.readysteadystore.com/help-and-advice/refer-a-friend/" target="_blank">Refer a friend</a></li>
        <li><a href="https://www.readysteadystore.com/blog/" target="_blank">Blog</a></li>
        <li><a href="https://www.readysteadystore.com/case-studies/" target="_blank">Case Studies</a></li>
        <li><a href="https://www.readysteadystore.com/about-us/" target="_blank">About us</a></li>
        <li><a href="https://www.readysteadystore.com/join-our-team/" target="_blank">Join our Team</a></li>
      </ul>
    </div>

    <div class="footer-col">
      <h4>Legal</h4>
      <ul>
        <li><a href="https://www.readysteadystore.com/terms-conditions/" target="_blank">Terms and conditions</a></li>
        <li><a href="https://www.readysteadystore.com/terms-conditions/data-privacy-notice/" target="_blank">Data Privacy Notice</a></li>
        <li><a href="https://www.readysteadystore.com/terms-conditions/website-cookie-policy/" target="_blank">Website cookie policy</a></li>
      </ul>
    </div>

  </div>
</div>


<div class="footer-copyright">
  <div class="footer-copyright-inner">
    <p>
      Copyright 2006 – 2026 Ready Steady Store Limited.<br>
      Registered in England no. 05631335. 37 Duke Street, London, W1U 1LN
    </p>
    <div class="payment-icons">
      <span class="payment-badge">AMEX</span>
      <span class="payment-badge">PayPal</span>
      <span class="payment-badge">VISA</span>
      <span class="payment-badge">MC</span>
      <span class="payment-badge">Stripe</span>
    </div>
  </div>
</div>

<script>
  (function () {
    var grid = document.getElementById('footer-locations-grid');
    if (!grid) return;
    function renderFooterSites(sites) {
      grid.innerHTML = '';
      sites.forEach(function (s) {
        var a = document.createElement('a');
        a.href = '/get-a-quote';
        a.className = 'location-item';
        a.textContent = s.name;
        grid.appendChild(a);
      });
    }
    var cached = null;
    try { cached = JSON.parse(sessionStorage.getItem('rssPortalSites') || 'null'); } catch (e) {}
    if (cached && cached.length) { renderFooterSites(cached); return; }
    fetch('/hs/serverless/get-sites')
      .then(function (r) { return r.json(); })
      .then(function (data) {
        var sites = (data && data.success && data.sites) || [];
        sites.sort(function (a, b) { return (a.name || '').localeCompare(b.name || ''); });
        if (!sites.length) return;
        try { sessionStorage.setItem('rssPortalSites', JSON.stringify(sites)); } catch (e) {}
        renderFooterSites(sites);
      })
      .catch(function () {});
  })();
</script></div>

  
<!-- HubSpot performance collection script -->
<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>

<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
_hsq.push(["setCanonicalUrl", "https:\/\/rss-portal.xyz\/login"]);
_hsq.push(["setPageId", "442342498499"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 442342498499,
    "legacyPageId": "442342498499",
    "contentFolderId": null,
    "contentGroupId": null,
    "abTestId": null,
    "languageVariantId": 442342498499,
    "languageCode": "en",
    
    
}]);
</script>

<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/148955142.js"></script>
<!-- End of HubSpot Analytics Code -->


<script type="text/javascript">
var hsVars = {
    render_id: "6ed20f8f-bae2-4026-8e58-bec077460566",
    ticks: 1784964089335,
    page_id: 442342498499,
    
    content_group_id: 0,
    portal_id: 148955142,
    app_hs_base_url: "https://app-eu1.hubspot.com",
    cp_hs_base_url: "https://cp-eu1.hubspot.com",
    language: "en",
    analytics_page_type: "standard-page",
    scp_content_type: "",
    
    analytics_page_id: "442342498499",
    category_id: 1,
    folder_id: 0,
    is_hubspot_user: false
}
</script>


<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>


  <script>
    // ── Config — confirm these against the real tenant before relying on them ──
    var AUTH0_DOMAIN         = 'rss-uat.uk.auth0.com'; // matches the domain used throughout the SAML setup
    
    
    var AUTH0_CLIENT_ID      = 'iArKdZEYdb7F3lrZ4nIpTw15exCkYqXV';
    var AUTH0_DB_CONNECTION  = 'Username-Password-Authentication'; // Auth0's default name — confirm this matches the real tenant
    var POST_LOGIN_PATH      = '/my-account'; // where RelayState sends the browser after a successful login

    var currentEmail = '';

    function isValidEmail(v) {
      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v);
    }

    function resetToEmailEntry() {
      currentEmail = '';
      var input = document.getElementById('emailInput');
      input.disabled = false;
      input.value = '';
      input.focus();
      document.getElementById('editBtn').classList.remove('visible');
      document.getElementById('cardSubtext').classList.remove('visible');
      document.getElementById('connectionsWrap').classList.remove('visible');
      var btn = document.getElementById('continueBtn');
      btn.style.display = 'block';
      btn.textContent = 'Continue';
      btn.onclick = handleContinue; // BUG FIX: showNoAccountState() overwrites this to jump
                                     // straight to Auth0's signup URL — without resetting it
                                     // here too, editing the email and clicking Continue again
                                     // kept firing that stale handler regardless of what was typed
      document.getElementById('emailError').classList.remove('visible');
    }

    function lockEmailField() {
      var input = document.getElementById('emailInput');
      input.disabled = true;
      document.getElementById('editBtn').classList.add('visible');
    }

    // ── Build the SAML2 Web App addon initiation URL ────────────
    // NOT the standard OIDC /authorize endpoint — this project's
    // auth is SAML (Auth0 as IdP, HubSpot Membership as SP), so the
    // correct entry point is Auth0's samlp/{client_id} endpoint.
    // Hitting it runs Auth0 login for the given connection, then
    // Auth0 itself POSTs the SAML assertion to whichever ACS URL is
    // already configured on this app's SAML addon settings.
    //
    // RelayState, login_hint, screen_hint: see this file's header
    // comment for what's confirmed working, confirmed NOT working,
    // and why. Short version — RelayState alone doesn't reliably
    // land on /my-account (homepage.html's own auto-redirect is the
    // actual fix for that); login_hint and screen_hint are both
    // confirmed, documented Auth0 platform limitations for SAML-IdP
    // flows specifically, not something fixable here. All three are
    // left in the URL anyway since they're harmless if ignored.
    // ── Pending-login marker ─────────────────────────────────────
    // Set right before navigating away to Auth0, cleared by
    // homepage.html the moment it's used. This is what lets
    // homepage.html tell "just came from a fresh login attempt"
    // apart from "already logged in from earlier, just browsing
    // here normally" — without it, ANY visit to the homepage by an
    // already-logged-in visitor would get force-redirected to
    // /my-account forever, which is not what we want.
    function markPendingLogin() {
      try { sessionStorage.setItem('rss_pending_login', '1'); } catch (e) { /* private browsing etc. — degrade gracefully, worst case the old always-redirect-if-logged-in behavior on homepage just doesn't get suppressed this one time */ }
    }

    function buildSamlpUrl(params) {
      var url = new URL('https://' + AUTH0_DOMAIN + '/samlp/' + AUTH0_CLIENT_ID);
      url.searchParams.set('RelayState', window.location.origin + POST_LOGIN_PATH);
      if (currentEmail) url.searchParams.set('login_hint', currentEmail);
      Object.keys(params).forEach(function(k) { url.searchParams.set(k, params[k]); });
      return url.toString();
    }

    function showNoAccountState() {
      lockEmailField();
      document.getElementById('cardSubtext').classList.add('visible');
      document.getElementById('connectionsWrap').classList.remove('visible');
      var btn = document.getElementById('continueBtn');
      btn.style.display = 'block';
      btn.textContent = 'Sign Up';
      btn.onclick = function() {
        markPendingLogin();
        window.location.href = buildSamlpUrl({ screen_hint: 'signup' });
      };
    }

    function showAccountFoundState(connections, primaryConnection) {
      lockEmailField();
      document.getElementById('cardSubtext').classList.remove('visible');
      document.getElementById('continueBtn').style.display = 'none';

      var wrap = document.getElementById('connectionsWrap');
      ['google-oauth2', 'facebook', 'twitter', 'windowslive', 'auth0'].forEach(function(conn) {
        var el = document.getElementById('conn-' + conn);
        var isActive = connections.indexOf(conn) !== -1;
        el.classList.toggle('active', isActive);
        el.classList.toggle('primary', conn === primaryConnection);
        if (isActive) {
          var authParams = conn === 'auth0'
            ? { connection: AUTH0_DB_CONNECTION }
            : { connection: conn };
          el.href = buildSamlpUrl(authParams);
          el.onclick = markPendingLogin;
        } else {
          el.removeAttribute('href');
          el.onclick = function(e) { e.preventDefault(); };
        }
      });
      wrap.classList.add('visible');
    }

    function handleContinue() {
      var input = document.getElementById('emailInput');
      var email = input.value.trim();
      var errEl = document.getElementById('emailError');

      if (!isValidEmail(email)) {
        errEl.classList.add('visible');
        return;
      }
      errEl.classList.remove('visible');
      currentEmail = email;

      var btn = document.getElementById('continueBtn');
      btn.disabled = true;
      document.getElementById('loadingHint').classList.add('visible');

      fetch('/hs/serverless/check-auth0-account', {
        method:  'POST',
        headers: { 'Content-Type': 'application/json' },
        body:    JSON.stringify({ email: email })
      })
      .then(function(res) {
        if (!res.ok) throw new Error('HTTP ' + res.status);
        return res.json();
      })
      .then(function(data) {
        document.getElementById('loadingHint').classList.remove('visible');
        btn.disabled = false;
        if (!data.success) throw new Error(data.error || 'Lookup failed');

        if (data.exists) {
          showAccountFoundState(data.connections || [], data.primaryConnection || null);
        } else {
          showNoAccountState();
        }
      })
      .catch(function(err) {
        console.error('check-auth0-account error:', err);
        document.getElementById('loadingHint').classList.remove('visible');
        btn.disabled = false;
        // Fail safe — if the lookup itself breaks, don't strand the
        // customer with no path forward at all. Let them try signing
        // up; Auth0 itself will say "email already in use" if they
        // actually have an account, which is a worse experience than
        // the smart routing but still a working path either way.
        showNoAccountState();
      });
    }

    document.getElementById('emailInput').addEventListener('keydown', function(e) {
      if (e.key === 'Enter') handleContinue();
    });
  </script>


</body></html>