@saasquatch/mint-components 2.2.0-1 → 2.2.0-10

package/dist/esm/sqm-stencilbook.entry.js

@@ -1,41 +1,41 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import './global-39f55ec2.js';
+import './global-75e96214.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, c as createCommonjsModule, f as useEffect, n as h$1 } from './dom-context-hooks.module-50442785.js';
-import { j as jn, e as setUserIdentity, p as setProgramId, k as kn, d as dist, X as Xe } from './index.module-cede12c6.js';
+import { j as jn, s as setUserIdentity, m as setProgramId, k as kn, d as dist, X as Xe } from './index.module-02cb914c.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import './useReferralCodes-3cde72d4.js';
+import './useReferralCodes-25f8b792.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
-import './sqm-text-span-view-4db9e33f.js';
-import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-0b70c1b1.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-9bf30b56.js';
+import './sqm-text-span-view-72f43dff.js';
+import { b as PortalRegisterView, P as PortalForgotPasswordView, a as PortalLoginView, c as PortalVerifyEmailView } from './sqm-portal-verify-email-view-590f964b.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-79265df5.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import './useChildElements-c26d7347.js';
+import './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { C as CloseButtonView } from './sqm-close-button-view-fd9012e7.js';
 import './index-ffa26b43.js';
 import './imageUrl-4775f17b.js';
 import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-7cee2b4e.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-bfafee56.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-376c1bf6.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-48e7e0d3.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-33f5c108.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-88fd6a93.js';
-import './utilities-c9e730ed.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f8d1689c.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8d98fcf3.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-fde1eb35.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-2018590a.js';
+import './utilities-cbd8f2eb.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f84c04cf.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as useShareLink, K as ProgressBarView, M as ProgressBar$2, O as LeadFormView, Q as LeadDropdownFieldView, U as ShadowViewAddon } from './ShadowViewAddon-78b791d2.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-a8c708cd.js';
-import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-e732dc4d.js';
-import { t as taxTypeToName, L as LoadingView } from './utils-8267d3d8.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-11a4f9a9.js';
-import './data-33c16dff.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-b3c33bc3.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-e115fa1c.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
+import { I as InvoiceTableView, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-e1ba6009.js';
+import { t as taxTypeToName, L as LoadingView, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES } from './utils-4f5cd04c.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-b945edf4.js';
+import './data-8698cbc6.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-d6f3a215.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1793,7 +1793,7 @@ const resetPasswordTemplate = "<sqm-portal-reset-password confirm-password=\"tru
 
 const resetPasswordEmailTemplate = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional //EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n\n<html\n  xmlns=\"http://www.w3.org/1999/xhtml\"\n  xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n  xmlns:v=\"urn:schemas-microsoft-com:vml\"\n>\n  <head>\n    <!--[if gte mso 9\n      ]><xml\n        ><o:OfficeDocumentSettings\n          ><o:AllowPNG /><o:PixelsPerInch\n            >96</o:PixelsPerInch\n          ></o:OfficeDocumentSettings\n        ></xml\n      ><!\n    [endif]-->\n    <meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />\n    <meta content=\"width=device-width\" name=\"viewport\" />\n    <!--[if !mso]><!-->\n    <meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\n    <!--<![endif]-->\n    <title></title>\n    <!--[if !mso]><!-->\n    <!--<![endif]-->\n    <style type=\"text/css\">\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      table,\n      td,\n      tr {\n        vertical-align: top;\n        border-collapse: collapse;\n      }\n\n      * {\n        line-height: inherit;\n      }\n\n      a[x-apple-data-detectors=\"true\"] {\n        color: inherit !important;\n        text-decoration: none !important;\n      }\n    </style>\n    <style id=\"media-query\" type=\"text/css\">\n      @media (max-width: 520px) {\n        .block-grid,\n        .col {\n          min-width: 320px !important;\n          max-width: 100% !important;\n          display: block !important;\n        }\n\n        .block-grid {\n          width: 100% !important;\n        }\n\n        .col {\n          width: 100% !important;\n        }\n\n        .col_cont {\n          margin: 0 auto;\n        }\n\n        img.fullwidth,\n        img.fullwidthOnMobile {\n          max-width: 100% !important;\n        }\n\n        .no-stack .col {\n          min-width: 0 !important;\n          display: table-cell !important;\n        }\n\n        .no-stack.two-up .col {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num2 {\n          width: 16.6% !important;\n        }\n\n        .no-stack .col.num3 {\n          width: 25% !important;\n        }\n\n        .no-stack .col.num4 {\n          width: 33% !important;\n        }\n\n        .no-stack .col.num5 {\n          width: 41.6% !important;\n        }\n\n        .no-stack .col.num6 {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num7 {\n          width: 58.3% !important;\n        }\n\n        .no-stack .col.num8 {\n          width: 66.6% !important;\n        }\n\n        .no-stack .col.num9 {\n          width: 75% !important;\n        }\n\n        .no-stack .col.num10 {\n          width: 83.3% !important;\n        }\n\n        .video-block {\n          max-width: none !important;\n        }\n\n        .mobile_hide {\n          min-height: 0px;\n          max-height: 0px;\n          max-width: 0px;\n          display: none;\n          overflow: hidden;\n          font-size: 0px;\n        }\n\n        .desktop_hide {\n          display: block !important;\n          max-height: none !important;\n        }\n      }\n    </style>\n    <style id=\"icon-media-query\" type=\"text/css\">\n      @media (max-width: 520px) {\n        .icons-inner {\n          text-align: center;\n        }\n\n        .icons-inner td {\n          margin: 0 auto;\n        }\n      }\n    </style>\n  </head>\n  <body\n    class=\"clean-body\"\n    style=\"\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      background-color: #ffffff;\n    \"\n  >\n    <!--[if IE]><div class=\"ie-browser\"><![endif]-->\n    <table\n      bgcolor=\"#FFFFFF\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      class=\"nl-container\"\n      role=\"presentation\"\n      style=\"\n        table-layout: fixed;\n        vertical-align: top;\n        min-width: 320px;\n        border-spacing: 0;\n        border-collapse: collapse;\n        mso-table-lspace: 0pt;\n        mso-table-rspace: 0pt;\n        background-color: #ffffff;\n        width: 100%;\n      \"\n      valign=\"top\"\n      width=\"100%\"\n    >\n      <tbody>\n        <tr style=\"vertical-align: top\" valign=\"top\">\n          <td style=\"word-break: break-word; vertical-align: top\" valign=\"top\">\n            <!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td align=\"center\" style=\"background-color:#FFFFFF\"><![endif]-->\n            <div style=\"background-color: transparent\">\n              <div\n                class=\"block-grid\"\n                style=\"\n                  min-width: 320px;\n                  max-width: 500px;\n                  overflow-wrap: break-word;\n                  word-wrap: break-word;\n                  word-break: break-word;\n                  margin: 0 auto;\n                  background-color: transparent;\n                \"\n              >\n                <div\n                  style=\"\n                    border-collapse: collapse;\n                    display: table;\n                    width: 100%;\n                    background-color: transparent;\n                  \"\n                >\n                  <!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:transparent;\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:500px\"><tr class=\"layout-full-width\" style=\"background-color:transparent\"><![endif]-->\n                  <!--[if (mso)|(IE)]><td align=\"center\" width=\"500\" style=\"background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\n                  <div\n                    class=\"col num12\"\n                    style=\"\n                      min-width: 320px;\n                      max-width: 500px;\n                      display: table-cell;\n                      vertical-align: top;\n                      width: 500px;\n                    \"\n                  >\n                    <div class=\"col_cont\" style=\"width: 100% !important\">\n                      <!--[if (!mso)&(!IE)]><!-->\n                      <div\n                        style=\"\n                          border-top: 0px solid transparent;\n                          border-left: 0px solid transparent;\n                          border-bottom: 0px solid transparent;\n                          border-right: 0px solid transparent;\n                          padding-top: 5px;\n                          padding-bottom: 5px;\n                          padding-right: 0px;\n                          padding-left: 0px;\n                        \"\n                      >\n                        <!--<![endif]-->\n                        <table\n                          cellpadding=\"0\"\n                          cellspacing=\"0\"\n                          role=\"presentation\"\n                          style=\"\n                            table-layout: fixed;\n                            vertical-align: top;\n                            border-spacing: 0;\n                            border-collapse: collapse;\n                            mso-table-lspace: 0pt;\n                            mso-table-rspace: 0pt;\n                          \"\n                          valign=\"top\"\n                          width=\"100%\"\n                        >\n                          <tr style=\"vertical-align: top\" valign=\"top\">\n                            <td\n                              align=\"center\"\n                              style=\"\n                                word-break: break-word;\n                                vertical-align: top;\n                                padding-bottom: 20px;\n                                padding-left: 10px;\n                                padding-right: 10px;\n                                padding-top: 10px;\n                                text-align: center;\n                                width: 100%;\n                              \"\n                              valign=\"top\"\n                              width=\"100%\"\n                            >\n                              <h1\n                                style=\"\n                                  color: #444445;\n                                  direction: ltr;\n                                  font-family: 'Helvetica Neue', Helvetica,\n                                    Arial, sans-serif;\n                                  font-size: 20px;\n                                  font-weight: normal;\n                                  letter-spacing: normal;\n                                  line-height: 120%;\n                                  text-align: left;\n                                  margin-top: 0;\n                                  margin-bottom: 0;\n                                \"\n                              >\n                                <strong>Reset your password</strong>\n                              </h1>\n                            </td>\n                          </tr>\n                        </table>\n                        <!--[if mso]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif\"><![endif]-->\n                        <div\n                          style=\"\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.8;\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          \"\n                        >\n                          <div\n                            class=\"txtTinyMce-wrapper\"\n                            style=\"\n                              font-size: 14px;\n                              line-height: 1.8;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 25px;\n                            \"\n                          >\n                            <p\n                              style=\"\n                                margin: 0;\n                                font-size: 14px;\n                                line-height: 1.8;\n                                word-break: break-word;\n                                mso-line-height-alt: 25px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              \"\n                            >\n                              <span style=\"font-size: 14px\"\n                                >We received a request to reset your password.\n                                Click the button below to reset your\n                                password.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        <div\n                          align=\"center\"\n                          class=\"button-container\"\n                          style=\"\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          \"\n                        >\n                          <!--[if mso]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;\"><tr><td style=\"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px\" align=\"center\"><v:roundrect xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" target=\"_blank\" href={{validationLink}} style=\"height:31.5pt;width:390pt;v-text-anchor:middle;\" arcsize=\"12%\" stroke=\"false\" fillcolor=\"#2270ee\"><w:anchorlock/><v:textbox inset=\"0,0,0,0\"><center style=\"color:#ffffff; font-family:Arial, sans-serif; font-size:14px\"><!\n                          [endif]--><a\n                            href=\"{{validationLink}}\"\n                            target=\"_blank\"\n                            style=\"\n                              -webkit-text-size-adjust: none;\n                              text-decoration: none;\n                              display: block;\n                              color: #ffffff;\n                              background-color: #2270ee;\n                              border-radius: 5px;\n                              -webkit-border-radius: 5px;\n                              -moz-border-radius: 5px;\n                              width: 100%;\n                              width: calc(100% - 2px);\n                              border-top: var(--sqm-border-thickness, 1px) solid\n                                #2270ee;\n                              border-right: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              border-bottom: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              border-left: var(--sqm-border-thickness, 1px)\n                                solid #2270ee;\n                              padding-top: 5px;\n                              padding-bottom: 5px;\n                              font-family: 'Helvetica Neue', Helvetica, Arial,\n                                sans-serif;\n                              text-align: center;\n                              mso-border-alt: none;\n                              word-break: keep-all;\n                            \"\n                            target=\"_blank\"\n                            ><span\n                              style=\"\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                font-size: 14px;\n                                display: inline-block;\n                                letter-spacing: undefined;\n                              \"\n                              ><span\n                                style=\"\n                                  font-size: 16px;\n                                  line-height: 2;\n                                  word-break: break-word;\n                                  mso-line-height-alt: 32px;\n                                \"\n                                ><span\n                                  style=\"font-size: 14px; line-height: 28px\"\n                                  >Reset Password</span\n                                ></span\n                              ></span\n                            ></a\n                          >\n                          <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->\n                        </div>\n                        <!--[if mso]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 10px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; font-family: Arial, sans-serif\"><![endif]-->\n                        <div\n                          style=\"\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.2;\n                            padding-top: 15px;\n                            padding-right: 10px;\n                            padding-bottom: 15px;\n                            padding-left: 10px;\n                          \"\n                        >\n                          <div\n                            class=\"txtTinyMce-wrapper\"\n                            style=\"\n                              font-size: 14px;\n                              line-height: 1.2;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 17px;\n                            \"\n                          >\n                            <p\n                              style=\"\n                                margin: 0;\n                                font-size: 12px;\n                                line-height: 1.2;\n                                word-break: break-word;\n                                mso-line-height-alt: 14px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              \"\n                            >\n                              <span style=\"font-size: 12px\"\n                                >If you didn't request a password reset please\n                                ignore this email. Your password will not\n                                change.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        <!--[if mso]></td></tr></table><![endif]-->\n                        <!--[if (!mso)&(!IE)]><!-->\n                      </div>\n                      <!--<![endif]-->\n                    </div>\n                  </div>\n                  <!--[if (mso)|(IE)]></td></tr></table><![endif]-->\n                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->\n                </div>\n              </div>\n            </div>\n            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <!--[if (IE)]></div><![endif]-->\n  </body>\n</html>\n";
 
-const taxAndCashTemplate = "<sqm-portal-frame>\n  <a slot=\"header\" href=\"/\">\n    <sqm-text style=\"height: 60px\">\n      <img\n        style=\"height: 60px\"\n        src=\"https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png\"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id=\"referral-program\">\n    <sqm-router>\n      <template\n        path=\"/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)\"\n      >\n        <sqm-hero\n          background=\"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80\"\n        >\n          <sqm-router>\n            <template path=\"/register\">\n              <sqm-portal-login></sqm-portal-login>\n              <sqm-portal-register>\n                <sqm-name-fields slot=\"formData\"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path=\"/emailVerification\">\n              <sqm-portal-protected-route\n                redirect-to=\"/login\"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path=\"/login\">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path=\"/verifyEmail\">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path=\"/forgotPassword\">\n              <sqm-portal-forgot-password\n                email-label=\"Business Email\"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path=\"/resetPassword\">\n              <sqm-portal-reset-password\n                confirm-password=\"true\"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path=\"/logout\">\n              <sqm-portal-logout next-page=\"/login\"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path=\"/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?\">\n        <sqm-divided-layout\n          direction=\"row\"\n          style=\"\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          \"\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path=\"/\"\n              icon=\"house\"\n              label=\"Dashboard\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/activity\"\n              icon=\"bar-chart\"\n              label=\"Activity\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/editProfile\"\n              icon=\"person\"\n              label=\"Edit Profile\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/taxAndCash\"\n              icon=\"file-earmark-text\"\n              label=\"Tax & Payout Settings\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/logout\"\n              icon=\"box-arrow-right\"\n              label=\"Logout\"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction=\"column\" content-area-width=\"1200px\">\n            <sqm-router>\n              <template path=\"/\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqb-widget\n                  widget-type=\"p/referral-program/w/referrerWidget\"\n                  track-loads=\"true\"\n                ></sqb-widget>\n              </template>\n              <template path=\"/editProfile\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path=\"/refer\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-referral-iframe></sqm-referral-iframe>\n              </template>\n              <template path=\"/activity\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction=\"column\"\n                  padding=\"xxx-large\"\n                  gap=\"xxx-large\"\n                >\n                  <sqm-text>\n                    <h1>Activity</h1>\n                  </sqm-text>\n                  <sqm-stat-container space=\"xxxx-large\"\n                    ><sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/referralsCount\"\n                      ><sqm-text>\n                        <p>Referrals</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/rewardsCountFiltered/AVAILABLE\"\n                      ><sqm-text>\n                        <p>Rewards Earned</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/rewardBalance/CREDIT/CENTS\"\n                      ><sqm-text>\n                        <p>Reward Balance</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title=\"Referred\"\n                      date-shown=\"dateReferralStarted\"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n              <template path=\"/taxAndCash\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-tax-and-cash\n                  step-1_first-name=\"First name\"\n                  step-1_last-name=\"Last name\"\n                  step-1_email=\"Email\"\n                  step-1_country=\"Country\"\n                  step-1_phone-number=\"Phone number\"\n                  step-1_address=\"Address\"\n                  step-1_city=\"City\"\n                  step-1_state=\"State\"\n                  step-1_province=\"Province\"\n                  step-1_region=\"Region\"\n                  step-1_postal-code=\"Postal code\"\n                  step-1_currency=\"Currency\"\n                  step-1_currency-help-text=\"Choose your preferred payout currency\"\n                  step-1_allow-banking-collection=\"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information\"\n                  step-1_personal-information=\"Personal Information\"\n                  step-1_terms-and-conditions-label=\"terms and conditions\"\n                  step-1_terms-and-conditions-link=\"/payout-terms-and-conditions\"\n                  step-1_search-for-currency-text=\"Search for currency..\"\n                  step-2_indirect-tax=\"Indirect Tax\"\n                  step-2_indirect-tax-description=\"Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.\"\n                  step-2_indirect-tax-details=\"Indirect tax details\"\n                  step-2_other-region=\"Registered for indirect tax\"\n                  step-2_other-region-subtext=\"If you’ve registered with your tax authority, add your information to stay tax compliant.\"\n                  step-2_not-registered=\"Not registered for indirect tax\"\n                  step-2_not-registered-subtext=\"If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.\"\n                  step-2_selected-region=\"Country / region of indirect tax\"\n                  step-2_indirect-tax-number=\"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}\"\n                  step-2_province=\"Province\"\n                  step-2_indirect-tax-number-error=\"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required\"\n                  step-2_qst-number=\"QST number\"\n                  step-2_is-registered-q-s-t=\"I am registered for QST Tax\"\n                  step-2_is-registered-sub-region-income-tax=\"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.\"\n                  step-2_sub-region=\"Sub-region\"\n                  step-2_sub-region-tax-number-label=\"Income Tax Number\"\n                  step-2_cannot-change-info-alert=\"Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.\"\n                  step-3_tax-form=\"Tax form\"\n                  step-3_tax-form-label=\"{documentType} Tax Form\"\n                  step-3_participant-type=\"Participant type\"\n                  step-3_business-entity=\"I represent a business\"\n                  step-3_individual-participant=\"I am an individual participant\"\n                  step-3_tax-form-description=\"Participants based in the US need to submit a {documentType} form.\"\n                  step-3_tax-form-description-individual-participant=\"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.\"\n                  step-3_tax-form-description-business-entity=\"Participants residing outside of the US working with a US Brand need to submit a {documentType} form.\"\n                  step-3_docusign-expired=\"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.\"\n                  step-3_docusign-session-warning=\"For your security, we automatically end your session when you have not interacted with the form after 20 minutes.\"\n                  step-3_docusign-error=\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.\"\n                  step-3_refresh-button=\"Refresh Page\"\n                  step-3_exit-button=\"Exit\"\n                  step-3_modal-title=\"Important Note\"\n                  step-3_modal-description=\"Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\"\n                  step-3_modal-button-text=\"I understand\"\n                  step-4_tax-and-payouts=\"Payouts\"\n                  step-4_directly-to-bank-account=\"Directly to my bank account\"\n                  step-4_to-pay-pal-account=\"PayPal (2% processing fee capped to {feeCap})\"\n                  step-4_payment-schedule-balance-threshold=\"Pay me when my balance reaches a threshold\"\n                  step-4_payment-schedule-fixed-day=\"Pay me on a fixed day of the month\"\n                  step-4_payment-day-select-label=\"Payment Day\"\n                  step-4_payment-threshold-select-label=\"Payment threshold\"\n                  step-4_payment-day-first-of-month-label-text=\"1st of the month\"\n                  step-4_payment-day-fifteenth-of-month-label-text=\"15th of the month\"\n                  step-4_payment-method=\"Payment method\"\n                  step-4_payment-schedule=\"Payment schedule\"\n                  step-4_payment-method-subtext=\"Payouts will be sent from our referral program provider, impact.com.\"\n                  step-4_pay-pal-input-label=\"PayPal email\"\n                  step-4_bank-location-label=\"Bank country location\"\n                  step-4_beneficiary-account-name-label=\"Account holder name\"\n                  step-4_beneficiary-account-name-description=\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\"\n                  step-4_bank-account-type-label=\"Bank account type\"\n                  step-4_checking-select-item-label=\"Checking\"\n                  step-4_savings-select-item-label=\"Savings\"\n                  step-4_bank-account-number-label=\"Bank account number\"\n                  step-4_iban-label=\"IBAN\"\n                  step-4_swift-code-label=\"SWIFT code\"\n                  step-4_routing-code-label=\"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }\"\n                  step-4_bank-name-label=\"Bank name\"\n                  step-4_classification-entity-label=\"Classification entity\"\n                  step-4_business-select-item-label=\"Business\"\n                  step-4_individual-select-item-label=\"Individual\"\n                  step-4_foreign-select-item-label=\"Foreign\"\n                  step-4_classification-c-p-f-label=\"Classification CPF\"\n                  step-4_patronymic-name-label=\"Patronymic name\"\n                  step-4_vo-code-label=\"VO code\"\n                  step-4_agency-code-label=\"Agency code\"\n                  step-4_branch-code-label=\"Branch code\"\n                  step-4_classification-label=\"Classification\"\n                  step-4_tax-payer-id-label=\"Beneficiary INN\"\n                  step-4-bank-address-label=\"Bank address\"\n                  step-4_bank-city-label=\"Bank city\"\n                  step-4_bank-state-label=\"Bank Province / State\"\n                  step-4_bank-postal-code-label=\"Bank postal code\"\n                  step-4_eft-withdrawal-label=\"EFT Withdrawal (free)\"\n                  step-4_fx-wire-processing-fee-label=\"FX Wire (Processing Fee {currency}{defaultFxFee}.00)\"\n                  step-4_modal-title=\"Important Note\"\n                  step-4_modal-description=\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\"\n                  step-4_modal-button-text=\"I understand, update my information\"\n                  dashboard_status-text-active=\"Active\"\n                  dashboard_status-text-not-active=\"Invalid Tax Form\"\n                  dashboard_status-text-not-verified=\"Not Verified\"\n                  dashboard_badge-text-submitted-on=\"Submitted on {dateSubmitted}.\"\n                  dashboard_badge-text-submitted-on-w-8=\"Submitted on {dateSubmitted}. Valid for three years after submission.\"\n                  dashboard_badge-text-awaiting-review=\"Awaiting review. Submitted on {dateSubmitted}.\"\n                  dashboard_tax-alert-header-not-active-w-9=\"Your W-9 tax form has personal information that doesn’t match your profile\"\n                  dashboard_tax-alert-header-not-active-w-8=\"{documentType} tax form is invalid\"\n                  dashboard_tax-alert-not-active-message-w-9=\"Please resubmit a new {documentType} form.\"\n                  dashboard_tax-alert-not-active-message-w-8=\"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.\"\n                  dashboard_invalid-form=\"Make sure your information is correct and submit new form.\"\n                  dashboard_banking-information-section-header=\"Payout Information\"\n                  dashboard_tax-document-section-header=\"Tax documents\"\n                  dashboard_tax-document-section-sub-header=\"{documentType} tax form\"\n                  dashboard_no-form-needed-subtext=\"Tax documents are only required if you are based in the US or joining the referral program of a US based brand.\"\n                  dashboard_indirect-tax-info-section-header=\"Indirect tax\"\n                  dashboard_indirect-tax-info-spain=\"Registered in {country}, {subRegion}\"\n                  dashboard_indirect-tax-info-other-country=\"Registered in {country}\"\n                  dashboard_indirect-tax-info-canada=\"Registered in {province}, {country}\"\n                  dashboard_indirect-tax-tooltip-support=\"To make changes to your indirect tax information, please contact Support.\"\n                  dashboard_indirect-tax-details=\"{indirectTaxType} number: {indirectTaxNumber}\"\n                  dashboard_new-form-button=\"Submit new tax form\"\n                  dashboard_edit-payment-information-button=\"Edit payout information\"\n                  dashboard_not-registered-for-tax=\"Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.\"\n                  dashboard_qst-number=\"QST number: {qstNumber}\"\n                  dashboard_sub-region-tax-number=\"Income tax number: {subRegionTaxNumber}\"\n                  dashboard_status-badge-text=\"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }\"\n                  dashboard_threshold-payout-text=\"Next payout occurs when balance is {thresholdBalance}\"\n                  dashboard_account-text=\"Account\"\n                  dashboard_invoice-column-title=\"Invoice\"\n                  dashboard_date-column-title=\"Date\"\n                  dashboard_earnings-column-title=\"Earnings\"\n                  dashboard_indirect-tax-column-title=\"Indirect tax\"\n                  dashboard_payout-from-impact=\"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.\"\n                  dashboard_earnings-after-tax-column-title=\"Earnings after tax\"\n                  dashboard_error-title-text=\"Your payout is on hold \"\n                  dashboard_error-description-text=\"If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\"\n                  dashboard_payout-missing-information-text=\"Missing banking information, go to Impact.com to resolve.\"\n                  dashboard_invoice-description=\"View and download your invoices to report your earnings and stay tax compliant.\"\n                  dashboard_invoice-prev-label=\"Prev\"\n                  dashboard_invoice-more-label=\"Next\"\n                  dashboard_invoice-header=\"Invoices\"\n                  dashboard_invoice-empty-state-header=\"View your invoice details\"\n                  dashboard_invoice-empty-state-text=\"Refer a friend to view the status of your invoices and rewards earned\"\n                  dashboard_replace-tax-form-modal-header=\"Replace existing tax form\"\n                  dashboard_replace-tax-form-modal-body-text=\"Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.\"\n                  form-step=\"Step {step} of {count}\"\n                  general-error-title=\"There was a problem submitting your information\"\n                  general-error-description=\"Please review your information and try again. If this problem continues, contact Support.\"\n                  field-required-error=\"{fieldName} is required\"\n                  invalid-character-error=\"{fieldName} includes characters that aren't supported.\"\n                  field-invalid-error=\"{fieldName} is invalid\"\n                  continue-button=\"Continue\"\n                  back-button=\"Back\"\n                  cancel-button=\"Cancel\"\n                  is-partner-alert-header=\"An account with this email already exists with our referral program provider, impact.com\"\n                  is-partner-alert-description=\"If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.\"\n                  search-for-country-text=\"Search for country..\"\n                  loading-error-alert-header=\"There was a problem loading your form\"\n                  loading-error-alert-description=\"Please refresh the page and try again. If this problem continues, contact Support.\"\n                  tax-and-payouts-description=\"Submit your tax documents and add your banking information to receive your rewards.\"\n                ></sqm-tax-and-cash>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot=\"footer\"\n    support-email=\"support@example.com\"\n    terms-link=\"https://example.com\"\n    faq-link=\"https://example.com\"\n    terms-text=\"Terms And Conditions\"\n    faq-text=\"FAQ\"\n    show-powered-by=\"true\"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n";
+const taxAndCashTemplate = "<sqm-portal-frame>\n  <a slot=\"header\" href=\"/\">\n    <sqm-text style=\"height: 60px\">\n      <img\n        style=\"height: 60px\"\n        src=\"https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png\"\n      />\n    </sqm-text>\n  </a>\n  <sqb-program-section program-id=\"referral-program\">\n    <sqm-router>\n      <template\n        path=\"/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)\"\n      >\n        <sqm-hero\n          background=\"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80\"\n        >\n          <sqm-router>\n            <template path=\"/register\">\n              <sqm-portal-login></sqm-portal-login>\n              <sqm-portal-register>\n                <sqm-name-fields slot=\"formData\"></sqm-name-fields>\n              </sqm-portal-register>\n            </template>\n\n            <template path=\"/emailVerification\">\n              <sqm-portal-protected-route\n                redirect-to=\"/login\"\n              ></sqm-portal-protected-route>\n              <sqm-portal-email-verification></sqm-portal-email-verification>\n            </template>\n\n            <template path=\"/login\">\n              <sqm-portal-login></sqm-portal-login>\n            </template>\n\n            <template path=\"/verifyEmail\">\n              <sqm-portal-verify-email></sqm-portal-verify-email>\n            </template>\n\n            <template path=\"/forgotPassword\">\n              <sqm-portal-forgot-password\n                email-label=\"Business Email\"\n              ></sqm-portal-forgot-password>\n            </template>\n\n            <template path=\"/resetPassword\">\n              <sqm-portal-reset-password\n                confirm-password=\"true\"\n              ></sqm-portal-reset-password>\n            </template>\n            <template path=\"/logout\">\n              <sqm-portal-logout next-page=\"/login\"></sqm-portal-logout>\n            </template>\n          </sqm-router>\n        </sqm-hero>\n      </template>\n    </sqm-router>\n    <sqm-router>\n      <template path=\"/:path(\\bactivity\\b|\\beditProfile\\b|\\brefer\\b)?\">\n        <sqm-divided-layout\n          direction=\"row\"\n          style=\"\n            border-top: var(--sqm-border-thickness, 1px) solid #eaeaea;\n            border-bottom: var(--sqm-border-thickness, 1px) solid #eaeaea;\n          \"\n        >\n          <sqm-navigation-sidebar>\n            <sqm-navigation-sidebar-item\n              path=\"/\"\n              icon=\"house\"\n              label=\"Dashboard\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/activity\"\n              icon=\"bar-chart\"\n              label=\"Activity\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/editProfile\"\n              icon=\"person\"\n              label=\"Edit Profile\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/taxAndCash\"\n              icon=\"file-earmark-text\"\n              label=\"Tax & Payout Settings\"\n            ></sqm-navigation-sidebar-item>\n            <sqm-navigation-sidebar-item\n              path=\"/logout\"\n              icon=\"box-arrow-right\"\n              label=\"Logout\"\n            ></sqm-navigation-sidebar-item>\n          </sqm-navigation-sidebar>\n          <sqm-divided-layout direction=\"column\" content-area-width=\"1200px\">\n            <sqm-router>\n              <template path=\"/\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqb-widget\n                  widget-type=\"p/referral-program/w/referrerWidget\"\n                  track-loads=\"true\"\n                ></sqb-widget>\n              </template>\n              <template path=\"/editProfile\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n                ><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n                  <sqm-portal-change-password></sqm-portal-change-password>\n                </sqm-portal-container>\n              </template>\n              <template path=\"/refer\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-referral-iframe></sqm-referral-iframe>\n              </template>\n              <template path=\"/activity\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-portal-container\n                  direction=\"column\"\n                  padding=\"xxx-large\"\n                  gap=\"xxx-large\"\n                >\n                  <sqm-text>\n                    <h1>Activity</h1>\n                  </sqm-text>\n                  <sqm-stat-container space=\"xxxx-large\"\n                    ><sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/referralsCount\"\n                      ><sqm-text>\n                        <p>Referrals</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/rewardsCountFiltered/AVAILABLE\"\n                      ><sqm-text>\n                        <p>Rewards Earned</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                    <sqm-big-stat\n                      flex-reverse=\"true\"\n                      alignment=\"left\"\n                      stat-type=\"/rewardBalance/CREDIT/CENTS\"\n                      ><sqm-text>\n                        <p>Reward Balance</p>\n                      </sqm-text></sqm-big-stat\n                    >\n                  </sqm-stat-container>\n                  <sqm-referral-table>\n                    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n                    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n                    <sqm-referral-table-date-column\n                      column-title=\"Referred\"\n                      date-shown=\"dateReferralStarted\"\n                    ></sqm-referral-table-date-column> </sqm-referral-table\n                ></sqm-portal-container>\n              </template>\n              <template path=\"/taxAndCash\">\n                <sqm-portal-protected-route\n                  require-email-verification=\"true\"\n                  redirect-to=\"/login\"\n                  redirect-to-unverified=\"/emailVerification\"\n                ></sqm-portal-protected-route>\n                <sqm-tax-and-cash\n                  step-1_first-name=\"First name\"\n                  step-1_last-name=\"Last name\"\n                  step-1_email=\"Email\"\n                  step-1_country=\"Country\"\n                  step-1_phone-number=\"Phone number\"\n                  step-1_address=\"Address\"\n                  step-1_city=\"City\"\n                  step-1_state=\"State\"\n                  step-1_province=\"Province\"\n                  step-1_region=\"Region\"\n                  step-1_postal-code=\"Postal code\"\n                  step-1_currency=\"Currency\"\n                  step-1_currency-help-text=\"Choose your preferred payout currency\"\n                  step-1_allow-banking-collection=\"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information\"\n                  step-1_personal-information=\"Personal Information\"\n                  step-1_terms-and-conditions-label=\"terms and conditions\"\n                  step-1_terms-and-conditions-link=\"/payout-terms-and-conditions\"\n                  step-1_search-for-currency-text=\"Search for currency..\"\n                  step-2_indirect-tax=\"Indirect Tax\"\n                  step-2_indirect-tax-description=\"Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.\"\n                  step-2_indirect-tax-details=\"Indirect tax details\"\n                  step-2_other-region=\"Registered for indirect tax\"\n                  step-2_other-region-subtext=\"If you’ve registered with your tax authority, add your information to stay tax compliant.\"\n                  step-2_not-registered=\"Not registered for indirect tax\"\n                  step-2_not-registered-subtext=\"If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.\"\n                  step-2_selected-region=\"Country / region of indirect tax\"\n                  step-2_indirect-tax-number=\"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}\"\n                  step-2_province=\"Province\"\n                  step-2_indirect-tax-number-error=\"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required\"\n                  step-2_qst-number=\"QST number\"\n                  step-2_is-registered-q-s-t=\"I am registered for QST Tax\"\n                  step-2_is-registered-sub-region-income-tax=\"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.\"\n                  step-2_sub-region=\"Sub-region\"\n                  step-2_sub-region-tax-number-label=\"Income Tax Number\"\n                  step-2_cannot-change-info-alert=\"Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.\"\n                  step-3_tax-form=\"Tax form\"\n                  step-3_tax-form-label=\"{documentType} Tax Form\"\n                  step-3_participant-type=\"Participant type\"\n                  step-3_business-entity=\"I represent a business\"\n                  step-3_individual-participant=\"I am an individual participant\"\n                  step-3_tax-form-description=\"Participants based in the US need to submit a {documentType} form.\"\n                  step-3_tax-form-description-individual-participant=\"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.\"\n                  step-3_tax-form-description-business-entity=\"Participants residing outside of the US working with a US Brand need to submit a {documentType} form.\"\n                  step-3_docusign-expired=\"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.\"\n                  step-3_docusign-session-warning=\"For your security, we automatically end your session when you have not interacted with the form after 20 minutes.\"\n                  step-3_docusign-error=\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.\"\n                  step-3_refresh-button=\"Refresh Page\"\n                  step-3_exit-button=\"Exit\"\n                  step-3_modal-title=\"Important Note\"\n                  step-3_modal-description=\"Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\"\n                  step-3_modal-button-text=\"I understand\"\n                  step-4_tax-and-payouts=\"Payouts\"\n                  step-4_directly-to-bank-account=\"Directly to my bank account\"\n                  step-4_to-pay-pal-account=\"PayPal (2% processing fee capped to {feeCap})\"\n                  step-4_payment-schedule-balance-threshold=\"Pay me when my balance reaches a threshold\"\n                  step-4_payment-schedule-fixed-day=\"Pay me on a fixed day of the month\"\n                  step-4_payment-day-select-label=\"Payment Day\"\n                  step-4_payment-threshold-select-label=\"Payment threshold\"\n                  step-4_payment-day-first-of-month-label-text=\"1st of the month\"\n                  step-4_payment-day-fifteenth-of-month-label-text=\"15th of the month\"\n                  step-4_payment-method=\"Payment method\"\n                  step-4_payment-schedule=\"Payment schedule\"\n                  step-4_payment-method-subtext=\"Payouts will be sent from our referral program provider, impact.com.\"\n                  step-4_pay-pal-input-label=\"PayPal email\"\n                  step-4_bank-location-label=\"Bank country location\"\n                  step-4_beneficiary-account-name-label=\"Account holder name\"\n                  step-4_beneficiary-account-name-description=\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\"\n                  step-4_bank-account-type-label=\"Bank account type\"\n                  step-4_checking-select-item-label=\"Checking\"\n                  step-4_savings-select-item-label=\"Savings\"\n                  step-4_bank-account-number-label=\"Bank account number\"\n                  step-4_iban-label=\"IBAN\"\n                  step-4_swift-code-label=\"SWIFT code\"\n                  step-4_routing-code-label=\"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }\"\n                  step-4_bank-name-label=\"Bank name\"\n                  step-4_classification-entity-label=\"Classification entity\"\n                  step-4_business-select-item-label=\"Business\"\n                  step-4_individual-select-item-label=\"Individual\"\n                  step-4_foreign-select-item-label=\"Foreign\"\n                  step-4_classification-c-p-f-label=\"Classification CPF\"\n                  step-4_patronymic-name-label=\"Patronymic name\"\n                  step-4_vo-code-label=\"VO code\"\n                  step-4_agency-code-label=\"Agency code\"\n                  step-4_branch-code-label=\"Branch code\"\n                  step-4_branch-name-label=\"Branch name\"\n                  step-4_classification-label=\"Classification\"\n                  step-4_classification-code-label=\"KBE code\"\n                  step-4_tax-payer-id-label=\"Beneficiary INN\"\n                  step-4-bank-address-label=\"Bank address\"\n                  step-4_bank-city-label=\"Bank city\"\n                  step-4_bank-state-label=\"Bank Province / State\"\n                  step-4_bank-postal-code-label=\"Bank postal code\"\n                  step-4_eft-withdrawal-label=\"EFT Withdrawal (free)\"\n                  step-4_fx-wire-processing-fee-label=\"FX Wire (Processing Fee {currency}{defaultFxFee}.00)\"\n                  step-4_modal-title=\"Important Note\"\n                  step-4_modal-description=\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\"\n                  step-4_modal-button-text=\"I understand, update my information\"\n                  dashboard_status-text-active=\"Active\"\n                  dashboard_status-text-not-active=\"Invalid Tax Form\"\n                  dashboard_status-text-not-verified=\"Not Verified\"\n                  dashboard_badge-text-submitted-on=\"Submitted on {dateSubmitted}.\"\n                  dashboard_badge-text-submitted-on-w-8=\"Submitted on {dateSubmitted}. Valid for three years after submission.\"\n                  dashboard_badge-text-awaiting-review=\"Awaiting review. Submitted on {dateSubmitted}.\"\n                  dashboard_tax-alert-header-not-active-w-9=\"Your W-9 tax form has personal information that doesn’t match your profile\"\n                  dashboard_tax-alert-header-not-active-w-8=\"{documentType} tax form is invalid\"\n                  dashboard_tax-alert-not-active-message-w-9=\"Please resubmit a new {documentType} form.\"\n                  dashboard_tax-alert-not-active-message-w-8=\"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.\"\n                  dashboard_invalid-form=\"Make sure your information is correct and submit new form.\"\n                  dashboard_banking-information-section-header=\"Payout Information\"\n                  dashboard_tax-document-section-header=\"Tax documents\"\n                  dashboard_tax-document-section-sub-header=\"{documentType} tax form\"\n                  dashboard_no-form-needed-subtext=\"Tax documents are only required if you are based in the US or joining the referral program of a US based brand.\"\n                  dashboard_indirect-tax-info-section-header=\"Indirect tax\"\n                  dashboard_indirect-tax-info-spain=\"Registered in {country}, {subRegion}\"\n                  dashboard_indirect-tax-info-other-country=\"Registered in {country}\"\n                  dashboard_indirect-tax-info-canada=\"Registered in {province}, {country}\"\n                  dashboard_indirect-tax-tooltip-support=\"To make changes to your indirect tax information, please contact Support.\"\n                  dashboard_indirect-tax-details=\"{indirectTaxType} number: {indirectTaxNumber}\"\n                  dashboard_new-form-button=\"Submit new tax form\"\n                  dashboard_edit-payment-information-button=\"Edit payout information\"\n                  dashboard_not-registered-for-tax=\"Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.\"\n                  dashboard_qst-number=\"QST number: {qstNumber}\"\n                  dashboard_sub-region-tax-number=\"Income tax number: {subRegionTaxNumber}\"\n                  dashboard_status-badge-text=\"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }\"\n                  dashboard_threshold-payout-text=\"Next payout occurs when balance is {thresholdBalance}\"\n                  dashboard_account-text=\"Account\"\n                  dashboard_invoice-column-title=\"Invoice\"\n                  dashboard_date-column-title=\"Date\"\n                  dashboard_earnings-column-title=\"Earnings\"\n                  dashboard_indirect-tax-column-title=\"Indirect tax\"\n                  dashboard_payout-from-impact=\"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.\"\n                  dashboard_earnings-after-tax-column-title=\"Earnings after tax\"\n                  dashboard_error-title-text=\"Your payout is on hold \"\n                  dashboard_error-description-text=\"If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\"\n                  dashboard_payout-missing-information-text=\"Missing banking information, go to Impact.com to resolve.\"\n                  dashboard_invoice-description=\"View and download your invoices to report your earnings and stay tax compliant.\"\n                  dashboard_invoice-prev-label=\"Prev\"\n                  dashboard_invoice-more-label=\"Next\"\n                  dashboard_invoice-header=\"Invoices\"\n                  dashboard_invoice-empty-state-header=\"View your invoice details\"\n                  dashboard_invoice-empty-state-text=\"Refer a friend to view the status of your invoices and rewards earned\"\n                  dashboard_replace-tax-form-modal-header=\"Replace existing tax form\"\n                  dashboard_replace-tax-form-modal-body-text=\"Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.\"\n                  form-step=\"Step {step} of {count}\"\n                  general-error-title=\"There was a problem submitting your information\"\n                  general-error-description=\"Please review your information and try again. If this problem continues, contact Support.\"\n                  field-required-error=\"{fieldName} is required\"\n                  invalid-character-error=\"{fieldName} includes characters that aren't supported.\"\n                  field-invalid-error=\"{fieldName} is invalid\"\n                  continue-button=\"Continue\"\n                  back-button=\"Back\"\n                  cancel-button=\"Cancel\"\n                  is-partner-alert-header=\"An account with this email already exists with our referral program provider, impact.com\"\n                  is-partner-alert-description=\"If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.\"\n                  search-for-country-text=\"Search for country..\"\n                  loading-error-alert-header=\"There was a problem loading your form\"\n                  loading-error-alert-description=\"Please refresh the page and try again. If this problem continues, contact Support.\"\n                  tax-and-payouts-description=\"Submit your tax documents and add your banking information to receive your rewards.\"\n                ></sqm-tax-and-cash>\n              </template>\n            </sqm-router>\n          </sqm-divided-layout>\n        </sqm-divided-layout>\n      </template>\n    </sqm-router>\n  </sqb-program-section>\n  <sqm-portal-footer\n    slot=\"footer\"\n    support-email=\"support@example.com\"\n    terms-link=\"https://example.com\"\n    faq-link=\"https://example.com\"\n    terms-text=\"Terms And Conditions\"\n    faq-text=\"FAQ\"\n    show-powered-by=\"true\"\n  ></sqm-portal-footer>\n</sqm-portal-frame>\n";
 
 const taxPayoutReminderEmailTemplate = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional //EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n\n<html\n  xmlns=\"http://www.w3.org/1999/xhtml\"\n  xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n  xmlns:v=\"urn:schemas-microsoft-com:vml\"\n>\n  <head>\n    <!--[if gte mso 9\n      ]><xml\n        ><o:OfficeDocumentSettings\n          ><o:AllowPNG /><o:PixelsPerInch\n            >96</o:PixelsPerInch\n          ></o:OfficeDocumentSettings\n        ></xml\n      ><!\n    [endif]-->\n    <meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />\n    <meta content=\"width=device-width\" name=\"viewport\" />\n    <!--[if !mso]><!-->\n    <meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\n    <!--<![endif]-->\n    <title></title>\n    <!--[if !mso]><!-->\n    <!--<![endif]-->\n    <style type=\"text/css\">\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      table,\n      td,\n      tr {\n        vertical-align: top;\n        border-collapse: collapse;\n      }\n\n      * {\n        line-height: inherit;\n      }\n\n      a[x-apple-data-detectors=\"true\"] {\n        color: inherit !important;\n        text-decoration: none !important;\n      }\n    </style>\n    <style id=\"media-query\" type=\"text/css\">\n      @media (max-width: 520px) {\n        .block-grid,\n        .col {\n          min-width: 320px !important;\n          max-width: 100% !important;\n          display: block !important;\n        }\n\n        .block-grid {\n          width: 100% !important;\n        }\n\n        .col {\n          width: 100% !important;\n        }\n\n        .col_cont {\n          margin: 0 auto;\n        }\n\n        img.fullwidth,\n        img.fullwidthOnMobile {\n          max-width: 100% !important;\n        }\n\n        .no-stack .col {\n          min-width: 0 !important;\n          display: table-cell !important;\n        }\n\n        .no-stack.two-up .col {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num2 {\n          width: 16.6% !important;\n        }\n\n        .no-stack .col.num3 {\n          width: 25% !important;\n        }\n\n        .no-stack .col.num4 {\n          width: 33% !important;\n        }\n\n        .no-stack .col.num5 {\n          width: 41.6% !important;\n        }\n\n        .no-stack .col.num6 {\n          width: 50% !important;\n        }\n\n        .no-stack .col.num7 {\n          width: 58.3% !important;\n        }\n\n        .no-stack .col.num8 {\n          width: 66.6% !important;\n        }\n\n        .no-stack .col.num9 {\n          width: 75% !important;\n        }\n\n        .no-stack .col.num10 {\n          width: 83.3% !important;\n        }\n\n        .video-block {\n          max-width: none !important;\n        }\n\n        .mobile_hide {\n          min-height: 0px;\n          max-height: 0px;\n          max-width: 0px;\n          display: none;\n          overflow: hidden;\n          font-size: 0px;\n        }\n\n        .desktop_hide {\n          display: block !important;\n          max-height: none !important;\n        }\n      }\n    </style>\n    <style id=\"icon-media-query\" type=\"text/css\">\n      @media (max-width: 520px) {\n        .icons-inner {\n          text-align: center;\n        }\n\n        .icons-inner td {\n          margin: 0 auto;\n        }\n      }\n    </style>\n  </head>\n  <body\n    class=\"clean-body\"\n    style=\"\n      margin: 0;\n      padding: 0;\n      -webkit-text-size-adjust: 100%;\n      background-color: #ffffff;\n    \"\n  >\n    <!--[if IE]><div class=\"ie-browser\"><![endif]-->\n    <table\n      bgcolor=\"#FFFFFF\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      class=\"nl-container\"\n      role=\"presentation\"\n      style=\"\n        table-layout: fixed;\n        vertical-align: top;\n        min-width: 320px;\n        border-spacing: 0;\n        border-collapse: collapse;\n        mso-table-lspace: 0pt;\n        mso-table-rspace: 0pt;\n        background-color: #ffffff;\n        width: 100%;\n      \"\n      valign=\"top\"\n      width=\"100%\"\n    >\n      <tbody>\n        <tr style=\"vertical-align: top\" valign=\"top\">\n          <td style=\"word-break: break-word; vertical-align: top\" valign=\"top\">\n            <!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td align=\"center\" style=\"background-color:#FFFFFF\"><![endif]-->\n            <div style=\"background-color: transparent\">\n              <div\n                class=\"block-grid\"\n                style=\"\n                  min-width: 320px;\n                  max-width: 500px;\n                  overflow-wrap: break-word;\n                  word-wrap: break-word;\n                  word-break: break-word;\n                  margin: 0 auto;\n                  background-color: transparent;\n                \"\n              >\n                <div\n                  style=\"\n                    border-collapse: collapse;\n                    display: table;\n                    width: 100%;\n                    background-color: transparent;\n                  \"\n                >\n                  <!--[if (mso)|(IE)]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background-color:transparent;\"><tr><td align=\"center\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:500px\"><tr class=\"layout-full-width\" style=\"background-color:transparent\"><![endif]-->\n                  <!--[if (mso)|(IE)]><td align=\"center\" width=\"500\" style=\"background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;\" valign=\"top\"><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;\"><![endif]-->\n                  <div\n                    class=\"col num12\"\n                    style=\"\n                      min-width: 320px;\n                      max-width: 500px;\n                      display: table-cell;\n                      vertical-align: top;\n                      width: 500px;\n                    \"\n                  >\n                    <div class=\"col_cont\" style=\"width: 100% !important\">\n                      <!--[if (!mso)&(!IE)]><!-->\n                      <div\n                        style=\"\n                          border-top: 0px solid transparent;\n                          border-left: 0px solid transparent;\n                          border-bottom: 0px solid transparent;\n                          border-right: 0px solid transparent;\n                          padding-top: 5px;\n                          padding-bottom: 5px;\n                          padding-right: 0px;\n                          padding-left: 0px;\n                        \"\n                      >\n                        <!--<![endif]-->\n                        <table\n                          cellpadding=\"0\"\n                          cellspacing=\"0\"\n                          role=\"presentation\"\n                          style=\"\n                            table-layout: fixed;\n                            vertical-align: top;\n                            border-spacing: 0;\n                            border-collapse: collapse;\n                            mso-table-lspace: 0pt;\n                            mso-table-rspace: 0pt;\n                          \"\n                          valign=\"top\"\n                          width=\"100%\"\n                        >\n                          <tr style=\"vertical-align: top\" valign=\"top\">\n                            <td\n                              align=\"center\"\n                              style=\"\n                                word-break: break-word;\n                                vertical-align: top;\n                                padding-bottom: 20px;\n                                padding-left: 10px;\n                                padding-right: 10px;\n                                padding-top: 10px;\n                                text-align: center;\n                                width: 100%;\n                              \"\n                              valign=\"top\"\n                              width=\"100%\"\n                            >\n                              <h1\n                                style=\"\n                                  color: #444445;\n                                  direction: ltr;\n                                  font-family: 'Helvetica Neue', Helvetica,\n                                    Arial, sans-serif;\n                                  font-size: 20px;\n                                  font-weight: normal;\n                                  letter-spacing: normal;\n                                  line-height: 120%;\n                                  text-align: left;\n                                  margin-top: 0;\n                                  margin-bottom: 0;\n                                \"\n                              >\n                                <strong>Submit your tax and payout info to receive your rewards</strong>\n                              </h1>\n                            </td>\n                          </tr>\n                        </table>\n                        <!--[if mso]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td style=\"padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif\"><![endif]-->\n                        <div\n                          style=\"\n                            color: #444445;\n                            font-family: Arial, Helvetica Neue, Helvetica,\n                              sans-serif;\n                            line-height: 1.8;\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          \"\n                        >\n                          <div\n                            class=\"txtTinyMce-wrapper\"\n                            style=\"\n                              font-size: 14px;\n                              line-height: 1.8;\n                              color: #444445;\n                              font-family: Arial, Helvetica Neue, Helvetica,\n                                sans-serif;\n                              mso-line-height-alt: 25px;\n                            \"\n                          >\n                            <p\n                              style=\"\n                                margin: 0;\n                                font-size: 14px;\n                                line-height: 1.8;\n                                word-break: break-word;\n                                mso-line-height-alt: 25px;\n                                margin-top: 0;\n                                margin-bottom: 0;\n                              \"\n                            >\n                              <span style=\"font-size: 14px\"\n                                >Congratulations! You earned a cash reward in our {{programName}}. To\n                                receive your reward payment, log in to your account and submit your\n                                tax and payout information.</span\n                              >\n                            </p>\n                          </div>\n                        </div>\n                        <!--[if mso]></td></tr></table><![endif]-->\n                        <div\n                          align=\"center\"\n                          class=\"button-container\"\n                          style=\"\n                            padding-top: 10px;\n                            padding-right: 10px;\n                            padding-bottom: 10px;\n                            padding-left: 10px;\n                          \"\n                        >\n                          <!--[if mso]><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;\"><tr><td style=\"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px\" align=\"center\"><v:roundrect xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" target=\"_blank\" href={{validationLink}} style=\"height:31.5pt;width:390pt;v-text-anchor:middle;\" arcsize=\"12%\" stroke=\"false\" fillcolor=\"#2270ee\"><w:anchorlock/><v:textbox inset=\"0,0,0,0\"><center style=\"color:#ffffff; font-family:Arial, sans-serif; font-size:14px\"><!\n                          [endif]--><a\n                            href={{loginLink}}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n                            style=\"\n                              -webkit-text-size-adjust: none;\n                              text-decoration: none;\n                              display: block;\n                              color: #ffffff;\n                              background-color: #2270ee;\n                              border-radius: 5px;\n                              -webkit-border-radius: 5px;\n                              -moz-border-radius: 5px;\n                              width: 100%;\n                              width: calc(100% - 2px);\n                              border-top: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-right: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-bottom: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              border-left: var(--sqm-border-thickness, 1px) solid #2270ee;\n                              padding-top: 5px;\n                              padding-bottom: 5px;\n                              font-family: 'Helvetica Neue', Helvetica, Arial,\n                                sans-serif;\n                              text-align: center;\n                              mso-border-alt: none;\n                              word-break: keep-all;\n                            \"\n                            target=\"_blank\"\n                            ><span\n                              style=\"\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                font-size: 14px;\n                                display: inline-block;\n                                letter-spacing: undefined;\n                              \"\n                              ><span\n                                style=\"\n                                  font-size: 16px;\n                                  line-height: 2;\n                                  word-break: break-word;\n                                  mso-line-height-alt: 32px;\n                                \"\n                                ><span\n                                  style=\"font-size: 14px; line-height: 28px\"\n                                  >Log In</span\n                                ></span\n                              ></span\n                            ></a\n                          >\n                          <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->\n                        </div>\n                      <!--<![endif]-->\n                    </div>\n                  </div>\n                  <!--[if (mso)|(IE)]></td></tr></table><![endif]-->\n                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->\n                </div>\n              </div>\n            </div>\n            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <!--[if (IE)]></div><![endif]-->\n  </body>\n</html>";
 
@@ -10702,6 +10702,7 @@ const props$1 = {
       iframeSrc: "https://example.com",
       iframeHeight: "100%",
       iframeWidth: "100%",
+      codeParam: "rsCode",
     },
   },
 };
@@ -10725,7 +10726,7 @@ const column = "@author:noah\n@owner:noah\nFeature: Referral Table User Column\n
 
 const date = "@author:noah\n@owner:noah\nFeature: Referral Table Date Column\n\n    Shows the date of each referral\n\n    Background:\n        Given the date column is included in the referral table\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the date column is configurable\n        Given the \"column-title\" prop is set to <value>\n        Then the date column is shown with <columTitle>\n        Examples:\n            | value           | columnTitle     |\n            |                 | Date Converted  |\n            | My column title | My column title |\n\n    @motivating\n    Scenario Outline: A configurable date associated with the referral is shown for each referral\n        Given the \"date-shown\" prop is set to <dateType>\n        And referrals exist\n        Then for each referral the <referralDate> is shown in the table\n        And the date is localized to the users locale\n        Examples:\n            | dateType            | referralDate          |\n            | dateReferralStarted | date referral started |\n            | dateReferralPaid    | date referral paid    |\n            | dateReferralEnded   | date referral ended   |\n            | dateModerated       | date moderated        |\n            | dateUserModified    | date user modified    |\n            | dateConverted       | date converted        |\n            | dateModified        | date modified         |\n            |                     | date converted        |";
 
-const rewards = "@author:noah @owner:noah\nFeature: Referral Table Reward Column\n  Shows the reward associated with each referral\n\n  Background: \n    Given the status column is included in the referral table\n    And at least one referral exists\n\n\n\n  @motivating @ui\n  Scenario Outline: The referral reward and its status are shown for each referral\n    Then for each referral reward there exists a reward cell\n    And the reward type and value is displayed in the cell\n    And the status of each reward is displayed as a pill in the cell\n    And rewards of <status> have a <pillColour> pill with the text <statusText>\n\n    Examples: \n      | status                     | pillColour | statusText         |\n      | Available                  | success    | Available          |\n      | Pending                    | warning    | Pending            |\n      | Pending Fraud Review       | warning    | Pending            |\n      | Pending Tax Review         | warning    | Pending            |\n      | Pending New Tax Form       | warning    | Pending            |\n      | Pending Tax Submission     | warning    | Pending            |\n      | Pending Partner Creation   | warning    | Pending            |\n      | Cancelled                  | danger     | Cancelled          |\n      | Payout Overdue             | danger     | Payout Failed      |\n      | Payout Reversed            | danger     | Payout Cancelled   |\n      | Expired                    | danger     | Expired            |\n      | Denied                     | danger     | Denied             |\n      | Redeemed                   | primary    | Redeemed           |\n      | Payout Transferred         | primary    | Payout Approved    |\n      | Payout Not Yet Due         | primary    | Payout Approved    |\n      | Payout Processing          | primary    | Payment Processing |\n\n  @motivating\n  Scenario: The pending period of a referral reward is shown inside the pill if scheduled\n    Given a reward that is pending\n    And the reward has a scheduled date in the future\n    Then the status pill of the reward will contain the text \"Pending for <relativeTime>\"\n    And the date is localized to the user's locale\n\n    Examples: \n      | relativeTime |\n      | 2 days       |\n      | 1 week       |\n      | 3 months     |\n\n  @motivating\n  Scenario: The expiry date of a reward is shown in a secondary pill\n    Given a reward that is available\n    And the reward has a set expiry date\n    Then an additional info pill will appear next to the status pill with the text \"Expiring in <relativeTime>\"\n    And the date is localized to the user's locale\n\n    Examples: \n      | relativeTime |\n      | 2 days       |\n      | 1 week       |\n\n  @motivating @ui\n  Scenario Outline: Expanding the reward cell shows specific detailed status messages\n    When a reward cell is clicked\n    Then it expands to show the detail view\n    And if the reward status is <status>\n    Then the detail text displays <detailMessage>\n\n    Examples: Payout States\n      | status             | detailMessage                                                              |\n      | Payout Approved    | Processing until {date}. Payout is then scheduled based on your settings.  |\n      | Payout Failed      | Payout failed due to a fulfillment issue and is currently being retried.   |\n      | Payout Cancelled   | If you think this is a mistake, contact our Support team.                  |\n      | Processing         | Processing until {date}. Payout is then scheduled based on your settings.  |\n\n    Examples: Tax Compliance States\n      | status                   | detailMessage                                                      |\n      | Pending Tax Review       | Awaiting tax form review                                           |\n      | Pending New Tax Form     | Invalid tax form. Submit a new form to receive your rewards.       |\n      | Pending Tax Submission   | Submit your tax documents to receive your rewards                  |\n      | Pending Partner Creation | Complete your tax and cash payout setup to receive your rewards    |\n\n    Examples: Standard States\n      | status             | detailMessage       |\n      | Available          | Reward expiring on  |\n      | Cancelled          | Reward cancelled on |\n      | Pending            | Available on        |\n      | Pending Review     | Pending since       |\n      | Denied             | Denied on           |\n      | Expired            | Reward expired on   |\n      | Redeemed           | Redeemed            |\n\n  @motivating\n  Scenario: Fuel Tank codes are displayed in the expanded view\n    Given a reward has a Fuel Tank code\n    When the reward cell is clicked\n    Then the expanded details display the text \"Your code is\"\n    And the code <fuelTankCode> is displayed in bold\n\n  @motivating\n  Scenario: Fraud denial help text is displayed\n    Given a reward has been denied due to fraud\n    And the component has \"deniedHelpText\" configured\n    When the reward cell is clicked\n    Then the expanded details display the denied help text next to the denial date\n\n  @minutia\n  Scenario: Payout-related reward statuses are determined by the state of the Paid Funds Transfer\n    Given a reward exists\n    And the reward has a connected Paid Funds Transfer (PFT)\n    When the PFT is in <pftState>\n    Then the reward's status is <status>\n    And the status text displays <text>\n    And the status is displayed in a <pillColour> pill\n\n    Examples:\n      | pftState                                           | status              | text               | pillColour |\n      | transfer date is in the future | PROCESSING | Payment Processing | primary |\n      | successfully transferred to payment provider       | PAYOUT_TRANSFERRED  | Payout Approved    | primary    |\n      | approved but payout scheduled date not yet arrived | PAYOUT_NOT_YET_DUE  | Payout Approved    | primary    |\n      | failed due to fulfillment issue and retrying       | PAYOUT_OVERDUE      | Payout Failed      | danger     |\n      | reversed or cancelled after being processed        | PAYOUT_REVERSED     | Payout Cancelled   | danger     |\n";
+const rewards = "@author:noah @owner:noah\nFeature: Referral Table Reward Column\n  Shows the reward associated with each referral\n\n  Background:\n    Given the status column is included in the referral table\n    And at least one referral exists\n\n  @motivating\n  Scenario Outline: State precedence ladder\n    Given a reward, its referral's fraud state, and the user's tax connection\n    Then <rule> is produced\n    And the <resultingState>, <resultingBadgeText>, and <resultingDescriptionBody> is determined in the following <order>:\n\n    Examples:\n      | order | rule                                                                                                                                                                               | resultingState           | resultingBadgeText                                                         | resultingDescriptionBody                                                       |\n      |     1 | referral.fraudData.moderationStatus is \"DENIED\"                                                                                                                                    | DENIED                   | Denied                                                                     | Denied on Jan 1, 2026. Contact support.                                        |\n      |     2 | referral.fraudData.moderationStatus is \"PENDING\"                                                                                                                                   | PENDING_REVIEW           | Pending                                                                    | Pending since Jan 1, 2026                                                      |\n      |     3 | reward.rewardedCash is true AND impactConnection is NOT connected                                                                                                                  | PENDING_PARTNER_CREATION | Pending                                                                    | Complete your tax and cash payout setup to receive your rewards                |\n      |     4 | reward.rewardedCash is true AND impactConnection is connected AND publisher.withdrawalSettings is missing                                                                          | PENDING_PARTNER_CREATION | Pending                                                                    | Complete your tax and cash payout setup to receive your rewards                |\n      |     5 | partnerFundsTransfer.status is \"REVERSED\"                                                                                                                                          | PAYOUT_CANCELLED         | Payout Cancelled                                                           | If you think this is a mistake, contact our Support team.                      |\n      |     6 | partnerFundsTransfer.status is \"OVERDUE\"                                                                                                                                           | PAYOUT_FAILED            | Payout Failed                                                              | Payout failed due to a fulfillment issue and is currently being retried.       |\n      |     7 | partnerFundsTransfer.dateScheduled is in the future                                                                                                                                | PROCESSING               | Payment Processing                                                         | Processing until Jan 1, 2026. Payout is then scheduled based on your settings. |\n      |     8 | partnerFundsTransfer.status is \"TRANSFERRED\" / \"NOT_YET_DUE\", or dateScheduled has passed without REVERSED/OVERDUE                                                                 | PAYOUT_APPROVED          | Payout Approved                                                            | Processing until Jan 1, 2026. Payout is then scheduled based on your settings. |\n      |     9 | reward.pendingReasons includes \"US_TAX\" AND impactConnection.taxHandlingEnabled is false                                                                                           | PENDING                  | Pending                                                                    | Available on Jan 1, 2026 (if dateScheduledFor set; else no body line)          |\n      |    10 | reward.pendingReasons includes \"US_TAX\" AND impactConnection.connected is false                                                                                                    | PENDING_PARTNER_CREATION | Pending                                                                    | Complete your tax and cash payout setup to receive your rewards                |\n      |    11 | reward.pendingReasons includes \"US_TAX\" AND publisher.requiredTaxDocumentType is set AND publisher.currentTaxDocument is missing                                                   | PENDING_TAX_SUBMISSION   | Pending                                                                    | Submit your tax documents to receive your rewards                              |\n      |    12 | reward.pendingReasons includes \"US_TAX\" AND publisher.currentTaxDocument.status is \"INACTIVE\" / \"INVALID_W9_ELECTRONIC_DOCUMENT\" / \"INVALID_W9_ELECTRONIC_DOCUMENT_CHECK_INTERNAL\" | PENDING_NEW_TAX_FORM     | Pending                                                                    | Invalid tax form. Submit a new form to receive your rewards.                   |\n      |    13 | reward.pendingReasons includes \"US_TAX\" AND publisher.currentTaxDocument.status is \"NOT_VERIFIED\"                                                                                  | PENDING_TAX_REVIEW       | Pending                                                                    | Awaiting tax form review                                                       |\n      |    14 | reward.pendingReasons includes \"US_TAX\" AND publisher.currentTaxDocument.status is \"ACTIVE\" AND publisher.withdrawalSettings missing                                               | PENDING_PARTNER_CREATION | Pending                                                                    | Complete your tax and cash payout setup to receive your rewards                |\n      |    15 | reward.pendingReasons includes \"MISSING_PAYOUT_CONFIGURATION\"                                                                                                                      | PENDING_PARTNER_CREATION | Pending                                                                    | Complete your tax and cash payout setup to receive your rewards                |\n      |    16 | statuses includes \"REDEEMED\"                                                                                                                                                       | REDEEMED                 | Redeemed                                                                   | (no state-specific body line)                                                  |\n      |    17 | statuses includes \"CANCELLED\"                                                                                                                                                      | CANCELLED                | Cancelled                                                                  | Reward cancelled on Jan 1, 2026                                                |\n      |    18 | statuses includes \"EXPIRED\"                                                                                                                                                        | EXPIRED                  | Expired                                                                    | Reward expired on Jan 1, 2026                                                  |\n      |    19 | statuses includes \"PENDING\"                                                                                                                                                        | PENDING                  | Pending  (or \"Pending for {date}\" overlay if dateScheduledFor set)         | Available on Jan 1, 2026 (if dateScheduledFor set; else no body line)          |\n      |    20 | statuses includes \"AVAILABLE\"                                                                                                                                                      | AVAILABLE                | Available  (plus info pill \"{expiringText} {relative}\" if dateExpires set) | Reward expiring on Jan 1, 2026                                                 |\n\n  @motivating @ui\n  Scenario Outline: The referral reward and its status are shown for each referral\n    Then for each referral reward there exists a reward cell\n    And the reward type and value is displayed in the cell\n    And the status of each reward is displayed as a pill in the cell\n    And rewards of <status> have a <pillColour> pill with the text <statusText>\n\n    Examples:\n      | status                   | pillColour | statusText         |\n      | Available                | success    | Available          |\n      | Pending                  | warning    | Pending            |\n      | Pending Fraud Review     | warning    | Pending            |\n      | Pending Tax Review       | warning    | Pending            |\n      | Pending New Tax Form     | warning    | Pending            |\n      | Pending Tax Submission   | warning    | Pending            |\n      | Pending Partner Creation | warning    | Pending            |\n      | Cancelled                | danger     | Cancelled          |\n      | Payout Overdue           | danger     | Payout Failed      |\n      | Payout Reversed          | danger     | Payout Cancelled   |\n      | Expired                  | danger     | Expired            |\n      | Denied                   | danger     | Denied             |\n      | Redeemed                 | primary    | Redeemed           |\n      | Payout Transferred       | primary    | Payout Approved    |\n      | Payout Not Yet Due       | primary    | Payout Approved    |\n      | Payout Processing        | primary    | Payment Processing |\n\n  @motivating\n  Scenario: The pending period of a referral reward is shown inside the pill if scheduled\n    Given a reward that is pending\n    And the reward has a scheduled date in the future\n    Then the status pill of the reward will contain the text \"Pending for <relativeTime>\"\n    And the date is localized to the user's locale\n\n    Examples:\n      | relativeTime |\n      |       2 days |\n      |       1 week |\n      |     3 months |\n\n  @motivating\n  Scenario: The expiry date of a reward is shown in a secondary pill\n    Given a reward that is available\n    And the reward has a set expiry date\n    Then an additional info pill will appear next to the status pill with the text \"Expiring in <relativeTime>\"\n    And the date is localized to the user's locale\n\n    Examples:\n      | relativeTime |\n      |       2 days |\n      |       1 week |\n\n  @motivating @ui\n  Scenario Outline: Expanding the reward cell shows specific detailed status messages\n    When a reward cell is clicked\n    Then it expands to show the detail view\n    And if the reward status is <status>\n    Then the detail text displays <detailMessage>\n\n    Examples: Payout States\n      | status           | detailMessage                                                             |\n      | Payout Approved  | Processing until {date}. Payout is then scheduled based on your settings. |\n      | Payout Failed    | Payout failed due to a fulfillment issue and is currently being retried.  |\n      | Payout Cancelled | If you think this is a mistake, contact our Support team.                 |\n      | Processing       | Processing until {date}. Payout is then scheduled based on your settings. |\n\n    Examples: Tax Compliance States\n      | status                   | detailMessage                                                   |\n      | Pending Tax Review       | Awaiting tax form review                                        |\n      | Pending New Tax Form     | Invalid tax form. Submit a new form to receive your rewards.    |\n      | Pending Tax Submission   | Submit your tax documents to receive your rewards               |\n      | Pending Partner Creation | Complete your tax and cash payout setup to receive your rewards |\n\n    Examples: Standard States\n      | status         | detailMessage       |\n      | Available      | Reward expiring on  |\n      | Cancelled      | Reward cancelled on |\n      | Pending        | Available on        |\n      | Pending Review | Pending since       |\n      | Denied         | Denied on           |\n      | Expired        | Reward expired on   |\n      | Redeemed       | Redeemed            |\n\n  @motivating\n  Scenario: Fuel Tank codes are displayed in the expanded view\n    Given a reward has a Fuel Tank code\n    When the reward cell is clicked\n    Then the expanded details display the text \"Your code is\"\n    And the code <fuelTankCode> is displayed in bold\n\n  @motivating\n  Scenario: Fraud denial help text is displayed\n    Given a reward has been denied due to fraud\n    And the component has \"deniedHelpText\" configured\n    When the reward cell is clicked\n    Then the expanded details display the denied help text next to the denial date\n\n  @minutia\n  Scenario: Payout-related reward statuses are determined by the state of the Paid Funds Transfer\n    Given a reward exists\n    And the reward has a connected Paid Funds Transfer (PFT)\n    When the PFT is in <pftState>\n    Then the reward's status is <status>\n    And the status text displays <text>\n    And the status is displayed in a <pillColour> pill\n\n    Examples:\n      | pftState                                           | status             | text               | pillColour |\n      | transfer date is in the future                     | PROCESSING         | Payment Processing | primary    |\n      | successfully transferred to payment provider       | PAYOUT_TRANSFERRED | Payout Approved    | primary    |\n      | approved but payout scheduled date not yet arrived | PAYOUT_NOT_YET_DUE | Payout Approved    | primary    |\n      | failed due to fulfillment issue and retrying       | PAYOUT_OVERDUE     | Payout Failed      | danger     |\n      | reversed or cancelled after being processed        | PAYOUT_REVERSED    | Payout Cancelled   | danger     |\n";
 
 const status = "@author:noah\n@owner:noah\nFeature: Referral Table Status Column\n\n  Shows the status of each referral\n\n  Background:\n    Given the status column is included in the referral table\n\n  @motivating\n  @ui\n  Scenario: The title of the date column is configurable\n    Given the \"column-title\" prop is set to \"My column title\"\n    Then the date column is shown with \"My column title\"\n\n  @motivating\n  Scenario: The status column's fraudStatus maps to the fraud status of the referral\n    Given at least one referral\n    Then the referral cell fraud status is set to `moderationStatus` of the referral\n\n  @motivating\n  Scenario Outline: The status column displays the status of each referral\n    Given referrals exist\n    Then the status of each referral is displayed\n    And the status <status> is displayed as text from <statusTextProp> in a <pillColour> pill\n\n    Examples:\n      | status      | statusTextProp          | pillColour |\n      | In Progress | inProgressStatusText    | Orange     |\n      | Converted   | convertedStatusText     | Green      |\n      | Pending     | pendingReviewStatusText | Orange     |\n      | Denied      | deniedStatusText        | Red        |\n";
 
@@ -10892,6 +10893,7 @@ const cashPayoutSentReward = {
   statuses: ["AVAILABLE"],
   globalRewardKey: "Key",
   rewardRedemptionTransactions: null,
+  rewardedCash: true,
 };
 const nullExpiresIn = {
   dateExpires: null,
@@ -11253,6 +11255,7 @@ const baseReward$1 = {
       },
     ],
   },
+  rewardedCash: false,
 };
 // Reward Status Cases
 const pendingReward$1 = {
@@ -11807,205 +11810,274 @@ const ReferralTable = /*#__PURE__*/Object.freeze({
 const TaxAndCashReferralTableRewardsCell_stories = {
   title: "Components/Tax And Cash Referral Table Rewards Cell",
 };
-function getDays$1() {
-  return luxon.DateTime.now().toMillis() + 600000000;
-}
-function getMonths$1() {
-  return luxon.DateTime.now().toMillis() + 10000000000;
-}
+// Reusable timestamps (current date is May 2026)
+const PAST = 1640995200000; // Jan 1, 2022
+const FUTURE = 2779257600000; // ~2058
 const cashReward = {
   id: "1234",
   type: "CREDIT",
   value: 50,
   unit: "USD",
   name: "test",
-  dateScheduledFor: getDays$1(),
-  dateExpires: getMonths$1(),
-  dateCancelled: 134400,
-  dateRedeemed: 0,
+  dateScheduledFor: null,
+  dateExpires: null,
+  dateCancelled: null,
+  dateRedeemed: null,
   fuelTankCode: null,
   fuelTankType: null,
   currency: "USD",
   prettyValue: "$50.00",
-  statuses: ["AVAILABLE"],
+  statuses: [],
   globalRewardKey: "Key",
   rewardRedemptionTransactions: null,
   partnerFundsTransfer: null,
+  rewardedCash: true,
 };
-const taxConnection = {
+// ============================================================
+// Reusable tax connections
+// ============================================================
+const fullySetupTaxConnection = {
   connected: true,
   taxHandlingEnabled: true,
   publisher: {
     requiredTaxDocumentType: "W9",
+    currentTaxDocument: {
+      status: "ACTIVE",
+      type: "W9",
+      dateCreated: PAST,
+    },
     withdrawalSettings: { paymentMethod: "BANK_TRANSFER" },
     payoutsAccount: null,
+  },
+};
+const connectedNoWithdrawalSettings = {
+  connected: true,
+  taxHandlingEnabled: true,
+  publisher: {
+    requiredTaxDocumentType: "W9",
     currentTaxDocument: {
       status: "ACTIVE",
       type: "W9",
-      dateCreated: 1627427794891,
+      dateCreated: PAST,
     },
+    withdrawalSettings: null,
+    payoutsAccount: null,
   },
 };
-const defaultPFT = {
-  id: "ID1234",
-  status: null,
-  dateCreated: null,
-  dateScheduled: null,
-  dateTransferred: null,
-};
-const defaultTaxDocument = {
-  status: "NOT_VERIFIED",
-  type: "W9",
-  dateCreated: luxon.DateTime.now().toMillis() - 1000000,
+const notConnectedTaxConnection = {
+  connected: false,
+  taxHandlingEnabled: true,
+  publisher: null,
 };
 const defaultProps$o = {
   statusText: "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",
-  statusLongText: "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }",
+  statusLongText: "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }",
   rewardReceivedText: "Reward received on",
   hideDetails: false,
 };
-const CashReward = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward }], taxConnection: taxConnection }, defaultProps$o)));
-};
-const PayoutApproved = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "TRANSFERRED",
-          dateScheduled: Date.now() - 600000000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps$o)));
-};
-const PayoutProcessing = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          dateCreated: 1355612521321,
-          dateScheduled: getDays$1(),
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps$o)));
-};
-const PayoutFailed$1 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "OVERDUE",
-          dateScheduled: Date.now() - 100000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps$o)));
-};
-const PayoutCancelled$1 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "REVERSED",
-          dateScheduled: Date.now() - 100000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps$o)));
-};
-const PendingTaxReview$1 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
-      },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: {
-          ...defaultTaxDocument,
-          status: "NOT_VERIFIED",
-        },
-      },
-    } }, defaultProps$o)));
-};
-const PendingNewTaxForm$1 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+// ============================================================
+// STATE PRECEDENCE LADDER — one story per rule
+// (See referral-table-rewards-column-new.feature § 2)
+// ============================================================
+// 1. Fraud check denied the referral → state is DENIED
+const RewardsCellFraudDenied = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      referral: { fraudData: { moderationStatus: "DENIED" } },
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 2. Fraud check is still pending review → state is PENDING_REVIEW
+const RewardsCellFraudPendingReview = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      referral: { fraudData: { moderationStatus: "PENDING" } },
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 3a. Cash reward but the user has not connected an Impact partner → shows the partner-setup prompt
+const RewardsCellPartnerNotCreatedSetupNotStarted = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward, statuses: ["AVAILABLE"] }], taxConnection: notConnectedTaxConnection }, defaultProps$o)));
+// 3b. Cash reward, partner is connected but withdrawal settings are missing → shows the partner-setup prompt
+const RewardsCellPartnerCreatedSetupStartedButIncomplete = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-not-yet-due",
+        status: "NOT_YET_DUE",
+        dateCreated: PAST,
+        dateScheduled: FUTURE,
+        dateTransferred: null,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: {
-          ...defaultTaxDocument,
-          status: "INACTIVE",
-        },
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps$o)));
+// 4. Partner funds transfer was reversed → state is PAYOUT_CANCELLED
+const RewardsCellPayoutCancelled = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-reversed",
+        status: "REVERSED",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: null,
       },
-    } }, defaultProps$o)));
-};
-const PendingTaxSubmission$1 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 5. Partner funds transfer is overdue → state is PAYOUT_FAILED
+const RewardsCellPayoutFailed = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-overdue",
+        status: "OVERDUE",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: null,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: null,
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 6. Partner funds transfer is scheduled for a future date → state is PROCESSING
+const RewardsCellPayoutProcessing = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-processing",
+        status: null,
+        dateCreated: PAST,
+        dateScheduled: FUTURE,
+        dateTransferred: null,
       },
-    } }, defaultProps$o)));
-};
-const PartnerNotCreatedSetupNotStarted = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 7. Partner funds transfer has been transferred → state is PAYOUT_APPROVED
+const RewardsCellPayoutApproved = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-transferred",
+        status: "TRANSFERRED",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      connected: false,
-    } }, defaultProps$o)));
-};
-const PartnerCreatedSetupStartedButIncomplete = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// 8. Reward is pending US_TAX but tax handling is disabled → state is PENDING (W-9 required)
+const RewardsCellPendingW9Required = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: { ...fullySetupTaxConnection, taxHandlingEnabled: false } }, defaultProps$o)));
+// 9. Reward is pending US_TAX and the partner is not connected → shows the partner-setup prompt
+const RewardsCellUsTaxPartnerNotConnected = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: notConnectedTaxConnection }, defaultProps$o)));
+// 10. Partner is connected but has not submitted any tax documents → shows the submit-tax-docs prompt
+const RewardsCellPendingTaxSubmission = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: null,
+    },
+  } }, defaultProps$o)));
+// 11. Partner's tax document is inactive (rejected) → shows the submit-a-new-form prompt
+const RewardsCellPendingNewTaxForm = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: {
+        status: "INACTIVE",
+        type: "W9",
+        dateCreated: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      connected: false,
-    } }, defaultProps$o)));
-};
-const PendingW9 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+    },
+  } }, defaultProps$o)));
+// 12. Partner's tax document is awaiting verification → shows the awaiting-review prompt
+const RewardsCellPendingTaxReview = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: {
+        status: "NOT_VERIFIED",
+        type: "W9",
+        dateCreated: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      taxHandlingEnabled: false,
-    } }, defaultProps$o)));
-};
+    },
+  } }, defaultProps$o)));
+// 13. Partner has an active tax form but has not configured withdrawal settings → shows the partner-setup prompt
+const RewardsCellExistingTaxFormNoWithdrawalSettings = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps$o)));
+// 14. Reward has MISSING_PAYOUT_CONFIGURATION pending reason → shows the partner-setup prompt
+const RewardsCellMissingPayoutConfiguration = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps$o)));
+// 18. Reward does not match any precedence rule → state is undefined (Not available)
+const RewardsCellNoMatchingRule = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward, statuses: [] }], taxConnection: fullySetupTaxConnection }, defaultProps$o)));
+// ============================================================
+// Aliases kept for backwards compatibility with existing references
+// ============================================================
+const CashReward = RewardsCellPayoutApproved;
+const PayoutApproved = RewardsCellPayoutApproved;
+const PayoutProcessing = RewardsCellPayoutProcessing;
+const PayoutFailed$1 = RewardsCellPayoutFailed;
+const PayoutCancelled$1 = RewardsCellPayoutCancelled;
+const PendingTaxReview$1 = RewardsCellPendingTaxReview;
+const PendingNewTaxForm$1 = RewardsCellPendingNewTaxForm;
+const PendingTaxSubmission$1 = RewardsCellPendingTaxSubmission;
+const PartnerNotCreatedSetupNotStarted = RewardsCellPartnerNotCreatedSetupNotStarted;
+const PartnerCreatedSetupStartedButIncomplete = RewardsCellPartnerCreatedSetupStartedButIncomplete;
+const PendingW9 = RewardsCellPendingW9Required;
 
 const TaxAndCashReferralTableRewardsCell = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TaxAndCashReferralTableRewardsCell_stories,
+  RewardsCellFraudDenied: RewardsCellFraudDenied,
+  RewardsCellFraudPendingReview: RewardsCellFraudPendingReview,
+  RewardsCellPartnerNotCreatedSetupNotStarted: RewardsCellPartnerNotCreatedSetupNotStarted,
+  RewardsCellPartnerCreatedSetupStartedButIncomplete: RewardsCellPartnerCreatedSetupStartedButIncomplete,
+  RewardsCellPayoutCancelled: RewardsCellPayoutCancelled,
+  RewardsCellPayoutFailed: RewardsCellPayoutFailed,
+  RewardsCellPayoutProcessing: RewardsCellPayoutProcessing,
+  RewardsCellPayoutApproved: RewardsCellPayoutApproved,
+  RewardsCellPendingW9Required: RewardsCellPendingW9Required,
+  RewardsCellUsTaxPartnerNotConnected: RewardsCellUsTaxPartnerNotConnected,
+  RewardsCellPendingTaxSubmission: RewardsCellPendingTaxSubmission,
+  RewardsCellPendingNewTaxForm: RewardsCellPendingNewTaxForm,
+  RewardsCellPendingTaxReview: RewardsCellPendingTaxReview,
+  RewardsCellExistingTaxFormNoWithdrawalSettings: RewardsCellExistingTaxFormNoWithdrawalSettings,
+  RewardsCellMissingPayoutConfiguration: RewardsCellMissingPayoutConfiguration,
+  RewardsCellNoMatchingRule: RewardsCellNoMatchingRule,
   CashReward: CashReward,
   PayoutApproved: PayoutApproved,
   PayoutProcessing: PayoutProcessing,
@@ -12436,7 +12508,7 @@ const scenario2 = "@author:derek\n@owner:derek\nFeature: Reward Table reward Col
 
 const scenario4 = "@author:derek @owner:derek\nFeature: Reward Table Source Column\n  Shows the source of each reward\n\n  @motivating @ui\n  Scenario Outline: The title of the source column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the source column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Source          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario: The source column displays manual if the reward is caused by a manual action\n    Given a user with a \"MANUAL\" reward\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Manual\"\n\n  @motivating @ui\n  Scenario: The source column displays the program name if the reward is caused automatically by a program\n    Given a user with a \"AUTOMATED\" program reward\n    And the program has name \"Loyalty Program\"\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Loyalty Program\"\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable reward exchange text with amount if the reward is caused by reward exchange\n    Given the \"reward-exchange-text\" prop is <propValue>\n    And a user with a \"MANUAL\" reward\n    But it was created by a reward exchange\n    Then they view the rewards table\n    Then the source displays <exchangeText>\n    And under it displays the following\n      | prettyRedeemedCredit → prettyValue |\n\n    Examples:\n      | propValue | exchangeText    |\n      |           | Reward Exchange |\n      | Exchanged | Exchanged       |\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable referral information if the reward is from a referral\n    Given the \"reward-source-text\" prop is <propValue>\n    And a user with a referral reward\n    And that reward has <rewardSource>\n    When they view the rewards table\n    Then then source displays <referralText>\n    And under it displays the full name of the <referralUser>\n\n    Examples:\n      | propValue                                                                             | rewardSource  | referralText | referralUser  |\n      |                                                                                       | REFERRED      | Referred by  | referrer user |\n      |                                                                                       | FRIEND_SIGNUP | Referral to  | referred user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | REFERRED      | Referred you | referrer user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | FRIEND_SIGNUP | You Referred | referred user |\n\n  @motivating @ui\n  Scenario Outline: The source column displays the existing name for a referral if either the first name or last name does not exist\n    Given a user with a referral reward\n    And referral user exists\n    And referral user has <name>\n    But referral user has no <otherName>\n    When they view the rewards table\n    Then referral user's name is displayed as <name>\n\n    Examples:\n      | name       | otherName  |\n      | first.name | last.name  |\n      | last.name  | first.name |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Your Friend\" if the referral user has no names\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    And the <referralUser> has no first name\n    And the <referralUser> has no last name\n    When they view the rewards table\n    Then then source displays <sourceText>\n    And under it displays \"Your Friend\"\n\n    Examples:\n      | rewardSource  | referralUser  | sourceText  |\n      | FRIEND_SIGNUP | referrer      | Referral to |\n      | REFERRED      | referred user | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted User\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted User\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted referral\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted referral\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n\n  @minutia @ui\n  Scenario Outline: Name fallbacks for referral users without names are customizable\n    Given <prop> with <value>\n    And a user with a referral reward\n    But the referral user <hadAction>\n    When they view the rewards table\n    Then the source displays <value> as the referral user\n\n    Examples:\n      | prop           | value           | hadAction                       |\n      | deleted-user   | Former Customer | was deleted                     |\n      | anonymous-user | Nameless User   | had first and last name deleted |\n\n  @motivating\n  Scenario Outline: Source text can be customized\n    Given the \"reward-source-text\" prop is \"{rewardSource, select, MANUAL {Support} AUTOMATED {Loyalty Program} other {}}\"\n    And a user with a <rewardSource> reward\n    When they view the rewards table\n    Then the source is <sourceText>\n\n    Examples:\n      | rewardSource | sourceText      |\n      | MANUAL       | Support         |\n      | AUTOMATED    | Loyalty Program |\n";
 
-const scenario3 = "@author:derek @owner:derek\nFeature: Reward Table Status Column\n  Shows the status of each reward\n\n  Background:\n    Given the status column is included in the reward table\n\n  @motivating @ui\n  Scenario Outline: The title of the status column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the status column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Status          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario Outline: The status column displays the status of each reward\n    Given a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status                   | text             | pillColour |\n      | AVAILABLE                | Available        | success    |\n      | CANCELLED                | Cancelled        | danger     |\n      | PENDING                  | Pending          | warning    |\n      | EXPIRED                  | Expired          | danger     |\n      | REDEEMED                 | Redeemed         | primary    |\n      | PENDING_REVIEW           | Pending          | warning    |\n      | PAYOUT_TRANSFERRED       | Payout Approved  | primary    |\n      | PAYOUT_NOT_YET_DUE       | Payout Approved  | primary    |\n      | PAYOUT_OVERDUE           | Payout Failed    | danger     |\n      | PAYOUT_REVERSED          | Payout Cancelled | danger     |\n      | PROCESSING               | Processing       | warning    |\n      | PENDING_TAX_REVIEW       | Pending          | warning    |\n      | PENDING_NEW_TAX_FORM     | Pending          | warning    |\n      | PENDING_TAX_SUBMISSION   | Pending          | warning    |\n      | PENDING_PARTNER_CREATION | Pending          | warning    |\n      | DENIED                   | Denied           | danger     |\n\n  @motivating\n  Scenario Outline: Reward status related information is displayed under status pills\n    Given a user\n    And they have a <reward>\n    And their program is\n    When they view the reward table\n    Then they see their reward\n    And under the pill is <text>\n    And the date is localized to the users locale\n\n    Examples: Standard Rewards\n      | reward                               | text                     |\n      | available reward with an expiry date | Expires <localized date> |\n      | redeemed reward                      | <localized date>         |\n      | expired reward                       | <localized date>         |\n      | cancelled reward                     | <localized date>         |\n      | pending reward with a scheduled date | Until <localized date>   |\n      \n    Examples: Tax & Payout Rewards\n      | reward                                                       | text                                                                            |\n      | pending reward due to W9                                     | W-9 required                                                                    |\n      | pending reward due to fulfillment error | Fulfillment error |\n      | reward pending review of referral                            | Awaiting review                                                                 |\n      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                |\n      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                    |\n      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                              |\n      | pending reward due to tax document being in review           | Awaiting tax form review.                                                       |\n      | reward whose payout is processing | Processing until <localized date>. Payout is then scheduled based on your settings. |\n      | reward whose payout failed        | Payout failed due to a fulfillment issue and is currently being retried.            |\n      | reward whose payout was approved                             | Payout approved and scheduled for payment based on your settings.               |\n      | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                       |\n      | cancelled reward from denied referral                        | Detected self-referral                                                          |\n\n  @minutia\n  Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection\n    Given a user\n    And they are in a program that has Impact tax handling enabled\n    And they have at least one pending reward\n    And the reward's pending reasons include \"MISSING_PAYOUT_CONFIGURATION\"\n    Then the status description will be\n      \"\"\"\n      Complete your tax and cash payout setup to receive your rewards.\n      \"\"\"\n\n  @motivating\n  Scenario Outline: Statuses can be customized via ICU format\n    Given the \"status-text\" prop is \"{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} PAYOUT_SENT {Payout Sent!} PAYOUT_FAILED {Payout Failed!} PENDING_TAX_REVIEW {Pending Tax Review!} PENDING_NEW_TAX_FORM {Pending new tax form!} PENDING_TAX_SUBMISSION {Pending tax submission!} PENDING_PARTNER_CREATION {Pending partner creation!} DENIED {Unlucky!}}\"\n    And a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status             | text              | pillColour |\n      | AVAILABLE          | Redeem me!        | success    |\n      | CANCELLED          | Unavailable       | danger     |\n      | PENDING            | Coming soon!      | warning    |\n      | EXPIRED            | Past due          | danger     |\n      | REDEEMED           | Spent             | primary    |\n      | PENDING_REVIEW     | Pending Review!   | warning    |\n      | PAYOUT_TRANSFERRED | Payout Approved!  | primary    |\n      | PAYOUT_NOT_YET_DUE | Payout Approved!  | primary    |\n      | PAYOUT_OVERDUE     | Payout Failed!    | danger     |\n      | PAYOUT_REVERSED    | Payout Cancelled! | danger     |\n      | DENIED             | Unlucky!          | danger     |\n\n  @minutia @ui\n  Scenario Outline: Expiry status date text can be configured\n    Given the \"expiry-text\" prop has <value>\n    And a user with an available reward with an expiry date\n    When they view the reward table\n    Then they see <text> under the Available Status pill\n\n    Examples:\n      | value         | text                           |\n      | Expires       | Expires <localized date>       |\n      | Redeem before | Redeem before <localized date> |\n\n  @motivating\n  Scenario: Payout-related reward statuses are determined by the state of the Paid Funds Transfer\n    Given a user has a reward with a connected Paid Funds Transfer (PFT)\n    When the PFT is in <pftState>\n    Then the reward's status is <status>\n    And the status is displayed in a <pillColour> pill with <text>\n    And under the pill is <description>\n\n    Examples:\n      | pftState                                           | status              | text             | pillColour | description                                                                     |\n      | transfer date is in the future | PROCESSING | Processing | warning | Processing until <localized date>. Payout is then scheduled based on your settings. |\n      | successfully transferred to payment provider       | PAYOUT_TRANSFERRED  | Payout Approved  | primary    | Payout approved and scheduled for payment based on your settings.               |\n      | approved but payout scheduled date not yet arrived | PAYOUT_NOT_YET_DUE  | Payout Approved  | primary    | Payout approved and scheduled for payment based on your settings.               |\n      | failed due to fulfillment issue and retrying | PAYOUT_OVERDUE | Payout Failed | danger | Payout failed due to a fulfillment issue and is currently being retried. |\n      | reversed or cancelled after being processed        | PAYOUT_REVERSED     | Payout Cancelled | danger     | If you think this is a mistake, contact our Support team.                       |";
+const scenario3 = "@author:derek @owner:derek\nFeature: Reward Table Status Column\n  Shows the status of each reward\n\n  Background:\n    Given the status column is included in the reward table\n\n  @motivating @ui\n  Scenario Outline: The title of the status column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the status column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Status          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario Outline: The status column displays the status of each reward\n    Given a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status                   | text             | pillColour |\n      | AVAILABLE                | Available        | success    |\n      | CANCELLED                | Cancelled        | danger     |\n      | PENDING                  | Pending          | warning    |\n      | EXPIRED                  | Expired          | danger     |\n      | REDEEMED                 | Redeemed         | primary    |\n      | PENDING_REVIEW           | Pending          | warning    |\n      | PAYOUT_TRANSFERRED       | Payout Approved  | primary    |\n      | PAYOUT_NOT_YET_DUE       | Payout Approved  | primary    |\n      | PAYOUT_OVERDUE           | Payout Failed    | danger     |\n      | PAYOUT_REVERSED          | Payout Cancelled | danger     |\n      | PROCESSING               | Processing       | warning    |\n      | PENDING_TAX_REVIEW       | Pending          | warning    |\n      | PENDING_NEW_TAX_FORM     | Pending          | warning    |\n      | PENDING_TAX_SUBMISSION   | Pending          | warning    |\n      | PENDING_PARTNER_CREATION | Pending          | warning    |\n      | DENIED                   | Denied           | danger     |\n\n  @motivating\n  Scenario Outline: Status precedence ladder\n    Given a reward, its referral fraud state, the user's Impact tax connection\n    Then <rule> is produced\n    And the <resultingStatus>, <resultingBadgeText>, and <resultingDescription> is determined in the following <order>:\n\n    Examples:\n      | order | rule                                                                                                               | resultingStatus  | resultingBadgeText | resultingDescription                                                           |\n      |     1 | referral.fraudData.moderationStatus is \"DENIED\"                                                                    | DENIED           | Denied             | Detected self-referral                                                         |\n      |     2 | referral.fraudData.moderationStatus is \"PENDING\"                                                                   | PENDING_REVIEW   | Pending            | Awaiting review                                                                |\n      |     3 | reward.rewardedCash is true AND impactConnection is NOT connected                                                  | PENDING          | Pending            | Complete your cash payout setup to receive your rewards.                       |\n      |     4 | reward.rewardedCash is true AND impactConnection is connected AND publisher.withdrawalSettings is missing          | PENDING          | Pending            | Complete your cash payout setup to receive your rewards.                       |\n      |     5 | partnerFundsTransfer.status is \"REVERSED\"                                                                          | PAYOUT_CANCELLED | Payout Cancelled   | If you think this is a mistake, contact our Support team.                      |\n      |     6 | partnerFundsTransfer.status is \"OVERDUE\"                                                                           | PAYOUT_FAILED    | Payout Failed      | Payout failed due to a fulfillment issue and is currently being retried.       |\n      |     7 | reward.pendingReasons includes \"MISSING_PAYOUT_CONFIGURATION\" AND publisher.withdrawalSettings is missing          | PENDING          | Pending            | Complete your cash payout setup to receive your rewards.                       |\n      |     8 | partnerFundsTransfer.dateScheduled is in the future                                                                | PROCESSING       | Payment Processing | Processing until Jan 1, 2026. Payout is then scheduled based on your settings. |\n      |     9 | partnerFundsTransfer.status is \"TRANSFERRED\" / \"NOT_YET_DUE\", or dateScheduled has passed without REVERSED/OVERDUE | PAYOUT_APPROVED  | Payout Approved    | Payout approved and scheduled for payment based on your settings.              |\n      |    10 | reward.dateCancelled is set                                                                                        | CANCELLED        | Cancelled          | Jan 1, 2026                                                                    |\n      |    11 | reward.statuses includes \"EXPIRED\"                                                                                 | EXPIRED          | Expired            | Jan 1, 2026                                                                    |\n      |    12 | reward.statuses includes \"PENDING\"                                                                                 | PENDING          | Pending            | Until Jan 1, 2026                                                              |\n      |    13 | statuses includes \"REDEEMED\"                                                                                       | REDEEMED         | Redeemed           | Jan 1, 2026                                                                    |\n      |    14 | statuses includes \"AVAILABLE\"                                                                                      | AVAILABLE        | Available          | Expires Jan 1, 2026                                                            |\n      |    15 | statuses includes \"CANCELLED\"                                                                                      | CANCELLED        | Cancelled          | Jan 1, 2026                                                                    |\n# This spec should probably be inserted in to the above spec after rule 9 because it gets invoked when the reward state is pending\n# and does not hit the rules that output pending from above\n\n  @motivating\n  Scenario Outline: PENDING description precedence ladder\n    Given a PENDING reward, its pendingReasons, and the user's Impact tax connection\n    Then <rule> is produced\n    And the <resultingStatus>, <resultingBadgeText>, and <resultingDescription> is determined in the following order:\n\n    Examples:\n      | order | rule                                                                                                                                    | resultingStatus | resultingBadgeText | resultingDescription                                             |\n      |     1 | pendingReasons includes \"US_TAX\" AND impactConnection.taxHandlingEnabled is false                                                       | PENDING         | Pending            | W-9 required                                                     |\n      |     2 | pendingReasons includes \"US_TAX\" AND impactConnection is NOT connected                                                                  | PENDING         | Pending            | Complete your tax and cash payout setup to receive your rewards. |\n      |     3 | pendingReasons includes \"US_TAX\" AND publisher.requiredTaxDocumentType is set AND publisher.currentTaxDocument is missing               | PENDING         | Pending            | Submit your tax documents to receive your rewards.               |\n      |     4 | pendingReasons includes \"US_TAX\" AND publisher.requiredTaxDocumentType is set AND publisher.currentTaxDocument.status is \"INACTIVE\"     | PENDING         | Pending            | Invalid tax form. Submit a new form to receive your rewards.     |\n      |     5 | pendingReasons includes \"US_TAX\" AND publisher.requiredTaxDocumentType is set AND publisher.currentTaxDocument.status is \"NOT_VERIFIED\" | PENDING         | Pending            | Awaiting tax form review.                                        |\n      |     6 | pendingReasons includes \"US_TAX\" AND publisher.withdrawalSettings is missing                                                            | PENDING         | Pending            | Complete your tax and cash payout setup to receive your rewards. |\n      |     7 | pendingReasons includes \"MISSING_PAYOUT_CONFIGURATION\"                                                                                  | PENDING         | Pending            | Complete your tax and cash payout setup to receive your rewards. |\n      |     8 | reward.rewardedCash is true AND impactConnection is NOT connected (fallback when no pendingReason returned)                             | PENDING         | Pending            | Complete your tax and cash payout setup to receive your rewards. |\n      |     9 | reward.rewardedCash is true AND impactConnection is connected AND publisher.withdrawalSettings is missing (fallback)                    | PENDING         | Pending            | Complete your tax and cash payout setup to receive your rewards. |\n\n  @motivating\n  Scenario Outline: Reward status related information is displayed under status pills\n    Given a user\n    And they have a <reward>\n    And their program is\n    When they view the reward table\n    Then they see their reward\n    And under the pill is <text>\n    And the date is localized to the users locale\n\n    Examples: Standard Rewards\n      | reward                               | text                     |\n      | available reward with an expiry date | Expires <localized date> |\n      | redeemed reward                      | <localized date>         |\n      | expired reward                       | <localized date>         |\n      | cancelled reward                     | <localized date>         |\n      | pending reward with a scheduled date | Until <localized date>   |\n\n    Examples: Tax & Payout Rewards\n      | reward                                                       | text                                                                                |\n      | pending reward due to W9                                     | W-9 required                                                                        |\n      | pending reward due to fulfillment error                      | Fulfillment error                                                                   |\n      | reward pending review of referral                            | Awaiting review                                                                     |\n      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                    |\n      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                        |\n      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                                  |\n      | pending reward due to tax document being in review           | Awaiting tax form review.                                                           |\n      | reward whose payout is processing                            | Processing until <localized date>. Payout is then scheduled based on your settings. |\n      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.            |\n      | reward whose payout was approved                             | Payout approved and scheduled for payment based on your settings.                   |\n      | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                           |\n      | cancelled reward from denied referral                        | Detected self-referral                                                              |\n\n  @minutia\n  Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection\n    Given a user\n    And they are in a program that has Impact tax handling enabled\n    And they have at least one pending reward\n    And the reward's pending reasons include \"MISSING_PAYOUT_CONFIGURATION\"\n    Then the status description will be\n      \"\"\"\n      Complete your tax and cash payout setup to receive your rewards.\n      \"\"\"\n\n  @motivating\n  Scenario Outline: Statuses can be customized via ICU format\n    Given the \"status-text\" prop is \"{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} PAYOUT_SENT {Payout Sent!} PAYOUT_FAILED {Payout Failed!} PENDING_TAX_REVIEW {Pending Tax Review!} PENDING_NEW_TAX_FORM {Pending new tax form!} PENDING_TAX_SUBMISSION {Pending tax submission!} PENDING_PARTNER_CREATION {Pending partner creation!} DENIED {Unlucky!}}\"\n    And a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples:\n      | status             | text              | pillColour |\n      | AVAILABLE          | Redeem me!        | success    |\n      | CANCELLED          | Unavailable       | danger     |\n      | PENDING            | Coming soon!      | warning    |\n      | EXPIRED            | Past due          | danger     |\n      | REDEEMED           | Spent             | primary    |\n      | PENDING_REVIEW     | Pending Review!   | warning    |\n      | PAYOUT_TRANSFERRED | Payout Approved!  | primary    |\n      | PAYOUT_NOT_YET_DUE | Payout Approved!  | primary    |\n      | PAYOUT_OVERDUE     | Payout Failed!    | danger     |\n      | PAYOUT_REVERSED    | Payout Cancelled! | danger     |\n      | DENIED             | Unlucky!          | danger     |\n\n  @minutia @ui\n  Scenario Outline: Expiry status date text can be configured\n    Given the \"expiry-text\" prop has <value>\n    And a user with an available reward with an expiry date\n    When they view the reward table\n    Then they see <text> under the Available Status pill\n\n    Examples:\n      | value         | text                           |\n      | Expires       | Expires <localized date>       |\n      | Redeem before | Redeem before <localized date> |\n\n  @motivating\n  Scenario: Payout-related reward statuses are determined by the state of the Paid Funds Transfer\n    Given a user has a reward with a connected Paid Funds Transfer (PFT)\n    When the PFT is in <pftState>\n    Then the reward's status is <status>\n    And the status is displayed in a <pillColour> pill with <text>\n    And under the pill is <description>\n\n    Examples:\n      | pftState                                           | status             | text             | pillColour | description                                                                         |\n      | transfer date is in the future                     | PROCESSING         | Processing       | warning    | Processing until <localized date>. Payout is then scheduled based on your settings. |\n      | successfully transferred to payment provider       | PAYOUT_TRANSFERRED | Payout Approved  | primary    | Payout approved and scheduled for payment based on your settings.                   |\n      | approved but payout scheduled date not yet arrived | PAYOUT_NOT_YET_DUE | Payout Approved  | primary    | Payout approved and scheduled for payment based on your settings.                   |\n      | failed due to fulfillment issue and retrying       | PAYOUT_OVERDUE     | Payout Failed    | danger     | Payout failed due to a fulfillment issue and is currently being retried.            |\n      | reversed or cancelled after being processed        | PAYOUT_REVERSED    | Payout Cancelled | danger     | If you think this is a mistake, contact our Support team.                           |\n";
 
 const scenario$x = scenario1 + scenario2 + scenario3 + scenario4;
 const RewardsTableCell_stories = {
@@ -12964,6 +13036,9 @@ const RewardsTable$1 = /*#__PURE__*/Object.freeze({
 const TaxAndCashRewardsTableCell_stories = {
   title: "Components/Tax And Cash Rewards Table Cell",
 };
+// Reusable timestamps (current date is May 2026)
+const PAST$1 = 1640995200000; // Jan 1, 2022
+const FUTURE$1 = 2779257600000; // ~2058
 const cashReward$1 = {
   id: "68c34fd98a6cb4f5f8394084",
   type: "CREDIT",
@@ -12983,13 +13058,13 @@ const cashReward$1 = {
     name: "Cash",
   },
   name: null,
-  dateCreated: 1757630425085,
-  dateScheduledFor: 1757631025115,
-  dateGiven: 1757630737115,
+  dateCreated: PAST$1,
+  dateScheduledFor: null,
+  dateGiven: PAST$1,
   dateExpires: null,
   dateCancelled: null,
-  dateRedeemed: 1757630737115,
-  dateModified: 1757630737115,
+  dateRedeemed: null,
+  dateModified: PAST$1,
   rewardSource: "MANUAL",
   fuelTankCode: null,
   fuelTankType: null,
@@ -13022,173 +13097,266 @@ const cashReward$1 = {
   },
   referral: null,
   description: null,
-  statuses: ["REDEEMED"],
+  statuses: [],
   rewardRedemptionTransactions: {
     data: null,
   },
   exchangedRewardRedemptionTransaction: null,
   pendingReasons: [],
+  rewardedCash: true,
 };
-const pending$1 = {
-  statuses: ["PENDING"],
-};
-const processingPFT = {
-  partnerFundsTransfer: {
-    id: "123",
-    status: null,
-    dateCreated: 1355612521321,
-    dateScheduled: 2779257600000,
-    dateTransferred: null,
+// ============================================================
+// Reusable tax connections
+// ============================================================
+const fullySetupTaxConnection$1 = {
+  connected: true,
+  taxHandlingEnabled: true,
+  connectionStatus: "COMPLETED",
+  publisher: {
+    requiredTaxDocumentType: "W9",
+    currentTaxDocument: {
+      status: "ACTIVE",
+      type: "W9",
+      dateCreated: PAST$1,
+    },
+    withdrawalSettings: { paymentMethod: "BANK_TRANSFER" },
+    payoutsAccount: null,
   },
 };
-const taxConnection$1 = {
+const connectedNoWithdrawalSettings$1 = {
   connected: true,
   taxHandlingEnabled: true,
-  connectionStatus: "NOT_STARTED",
+  connectionStatus: "COMPLETED",
   publisher: {
-    requiredTaxDocumentType: "W8BEN",
+    requiredTaxDocumentType: "W9",
     currentTaxDocument: {
-      status: "NOT_VERIFIED",
-      type: "W8BEN",
-      dateCreated: 321321487,
-    },
-    withdrawalSettings: {
-      paymentMethod: "BANK_TRANSFER",
+      status: "ACTIVE",
+      type: "W9",
+      dateCreated: PAST$1,
     },
+    withdrawalSettings: null,
     payoutsAccount: null,
   },
 };
-const CashReward$1 = () => {
-  return (h("sqm-rewards-table-reward-cell", { reward: { ...cashReward$1 }, availableText: "{availableAmount} remaining" }));
-};
-const StatusCellPendingTaxReview = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: { ...cashReward$1, ...pending$1, pendingReasons: ["US_TAX"] }, taxConnection: {
-      ...taxConnection$1,
-      publisher: {
-        requiredTaxDocumentType: "W8BEN",
-        currentTaxDocument: {
-          status: "",
-        },
-        ...taxConnection$1.publisher,
-      },
-    } }));
-};
-const StatusCellPendingNewTaxForm = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
-      ...cashReward$1,
-      statuses: ["PENDING"],
-      pendingReasons: ["US_TAX"],
-    }, taxConnection: {
-      connected: true,
-      taxHandlingEnabled: true,
-      publisher: {
-        requiredTaxDocumentType: "W8BEN",
-        withdrawalSettings: {
-          paymentMethod: "BANK_TRANSFER",
-        },
-        payoutsAccount: null,
-        currentTaxDocument: {
-          status: "INACTIVE",
-          type: "W8BEN",
-          dateCreated: 321321487,
-        },
-      },
-    } }));
-};
-const StatusCellPendingTaxSubmission = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: { ...cashReward$1, ...pending$1, pendingReasons: ["US_TAX"] }, taxConnection: {
-      ...taxConnection$1,
-      publisher: {
-        ...taxConnection$1.publisher,
-        requiredTaxDocumentType: "W8BEN",
-        currentTaxDocument: null,
-      },
-    } }));
-};
-const StatusCellPartnerCreatedSetupStartedButIncomplete = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
-      ...cashReward$1,
-      ...pending$1,
-      pendingReasons: ["US_TAX"],
-    }, taxConnection: {
-      ...taxConnection$1,
-      connected: false,
-    } }));
-};
-const StatusCellPartnerNotCreatedSetupNotStarted = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
-      ...cashReward$1,
-      ...pending$1,
-      pendingReasons: ["US_TAX"],
-    }, taxConnection: {
-      ...taxConnection$1,
-      connected: false,
-    } }));
-};
-const StatusCellPendingW9 = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
-      ...cashReward$1,
-      ...pending$1,
-      pendingReasons: ["US_TAX"],
-    }, taxConnection: {
-      ...taxConnection$1,
-      taxHandlingEnabled: false,
-    } }));
-};
-const StatusCellPayoutSent = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Sent", reward: {
-      ...cashReward$1,
-      partnerFundsTransfer: {
-        id: "transfer-123",
-        status: "TRANSFERRED",
-        dateScheduled: 1640995200000,
-        dateTransferred: 1640995200000,
-        dateCreated: 1640995200000,
-      },
-    }, taxConnection: taxConnection$1 }));
-};
-const StatusCellPayoutFailed = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Failed", reward: {
-      ...cashReward$1,
-      partnerFundsTransfer: {
-        id: "transfer-failed",
-        status: "OVERDUE",
-        dateScheduled: 1640995200000,
-        dateTransferred: null,
-        dateCreated: 1640995200000,
+const notConnectedTaxConnection$1 = {
+  connected: false,
+  taxHandlingEnabled: true,
+  connectionStatus: "NOT_STARTED",
+  publisher: null,
+};
+// ============================================================
+// Reward Cell (kept from original)
+// ============================================================
+const CashReward$1 = () => (h("sqm-rewards-table-reward-cell", { reward: { ...cashReward$1, statuses: ["REDEEMED"], dateRedeemed: PAST$1 }, availableText: "{availableAmount} remaining" }));
+// ============================================================
+// STATUS PRECEDENCE LADDER — one story per rule
+// (See sqm-rewards-table-status-column-new.feature § 2)
+// ============================================================
+// 1. Fraud check denied the referral → status is Denied
+const StatusCellFraudDenied = () => (h("sqm-rewards-table-status-cell", { statusText: "Denied", reward: {
+    ...cashReward$1,
+    referral: { fraudData: { moderationStatus: "DENIED" } },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 2. Fraud check is still pending review → status is Pending Review
+const StatusCellFraudPendingReview = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    referral: { fraudData: { moderationStatus: "PENDING" } },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 3. Partner funds transfer was reversed → status is Payout Cancelled
+const StatusCellPayoutCancelled = () => (h("sqm-rewards-table-status-cell", { statusText: "Payout Cancelled", reward: {
+    ...cashReward$1,
+    partnerFundsTransfer: {
+      id: "pft-reversed",
+      status: "REVERSED",
+      dateCreated: PAST$1,
+      dateScheduled: PAST$1,
+      dateTransferred: null,
+    },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 4. Partner funds transfer is overdue → status is Payout Failed
+const StatusCellPayoutFailed = () => (h("sqm-rewards-table-status-cell", { statusText: "Payout Failed", reward: {
+    ...cashReward$1,
+    partnerFundsTransfer: {
+      id: "pft-overdue",
+      status: "OVERDUE",
+      dateCreated: PAST$1,
+      dateScheduled: PAST$1,
+      dateTransferred: null,
+    },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 5. Connected partner has not finished withdrawal settings setup → status is Pending
+const StatusCellPartnerCreatedSetupStartedButIncomplete = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    partnerFundsTransfer: {
+      id: "pft-not-yet-due",
+      status: "NOT_YET_DUE",
+      dateCreated: PAST$1,
+      dateScheduled: FUTURE$1,
+      dateTransferred: null,
+    },
+  }, taxConnection: connectedNoWithdrawalSettings$1 }));
+// Reward is pending US_TAX and the partner has not been created yet → shows the partner-setup prompt
+const StatusCellPartnerNotCreatedSetupNotStarted = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: notConnectedTaxConnection$1 }));
+// 6. Reward has MISSING_PAYOUT_CONFIGURATION pending reason and no withdrawal settings → status is Pending
+const StatusCellMissingPayoutConfiguration = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+  }, taxConnection: connectedNoWithdrawalSettings$1 }));
+// 7. Partner funds transfer is scheduled for a future date → status is Processing
+const StatusCellPayoutProcessing = () => (h("sqm-rewards-table-status-cell", { statusText: "Processing", reward: {
+    ...cashReward$1,
+    partnerFundsTransfer: {
+      id: "pft-processing",
+      status: null,
+      dateCreated: PAST$1,
+      dateScheduled: FUTURE$1,
+      dateTransferred: null,
+    },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 8. Partner funds transfer has been transferred → status is Payout Approved
+const StatusCellPayoutApproved = () => (h("sqm-rewards-table-status-cell", { statusText: "Payout Approved", reward: {
+    ...cashReward$1,
+    partnerFundsTransfer: {
+      id: "pft-transferred",
+      status: "TRANSFERRED",
+      dateCreated: PAST$1,
+      dateScheduled: PAST$1,
+      dateTransferred: PAST$1,
+    },
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 9. Reward has a cancellation date set → status is Cancelled
+const StatusCellRewardCancelled = () => (h("sqm-rewards-table-status-cell", { statusText: "Cancelled", reward: {
+    ...cashReward$1,
+    statuses: ["CANCELLED"],
+    dateCancelled: PAST$1,
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 10. Reward statuses include EXPIRED → status is Expired
+const StatusCellRewardExpired = () => (h("sqm-rewards-table-status-cell", { statusText: "Expired", reward: {
+    ...cashReward$1,
+    statuses: ["EXPIRED"],
+    dateExpires: PAST$1,
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 11. Reward is pending and scheduled for a future date → status is Pending with the scheduled date shown
+const StatusCellPendingScheduled$1 = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["SCHEDULED"],
+    dateScheduledFor: FUTURE$1,
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// 12. Reward does not match any precedence rule → no badge text, no description
+const StatusCellNoMatchingRule = () => (h("sqm-rewards-table-status-cell", { statusText: "", reward: {
+    ...cashReward$1,
+    statuses: [],
+  }, taxConnection: fullySetupTaxConnection$1 }));
+// ============================================================
+// US_TAX getTaxPendingReasons branches (Pending Description Resolution § 5)
+// ============================================================
+// Reward is pending US_TAX but tax handling is disabled → shows "W-9 required"
+const StatusCellPendingW9Required = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: { ...fullySetupTaxConnection$1, taxHandlingEnabled: false } }));
+// Partner is connected but has not submitted any tax documents → shows the submit-tax-docs prompt
+const StatusCellPendingTaxSubmission = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: {
+    ...fullySetupTaxConnection$1,
+    publisher: {
+      ...fullySetupTaxConnection$1.publisher,
+      currentTaxDocument: null,
+    },
+  } }));
+// Partner's tax document is inactive (rejected) → shows the submit-a-new-form prompt
+const StatusCellPendingNewTaxForm = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: {
+    ...fullySetupTaxConnection$1,
+    publisher: {
+      ...fullySetupTaxConnection$1.publisher,
+      currentTaxDocument: {
+        status: "INACTIVE",
+        type: "W9",
+        dateCreated: PAST$1,
       },
-    } }));
-};
-const StatusCellPayoutProcessing = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Payment Processing", reward: { ...cashReward$1, ...processingPFT } }));
-};
-const StatusCellPayoutCancelled = () => {
-  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Cancelled", reward: {
-      ...cashReward$1,
-      partnerFundsTransfer: {
-        id: "transfer-reversed",
-        status: "REVERSED",
-        dateScheduled: 1640995200000,
-        dateTransferred: null,
-        dateCreated: 1640995200000,
+    },
+  } }));
+// Partner's tax document is awaiting verification → shows the awaiting-review prompt
+const StatusCellPendingTaxReview = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: {
+    ...fullySetupTaxConnection$1,
+    publisher: {
+      ...fullySetupTaxConnection$1.publisher,
+      currentTaxDocument: {
+        status: "NOT_VERIFIED",
+        type: "W9",
+        dateCreated: PAST$1,
       },
-    } }));
-};
+    },
+  } }));
+// Partner has an active tax form but has not configured withdrawal settings → shows the partner-setup prompt
+const StatusCellExistingTaxFormNoWithdrawalSettings = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: ["US_TAX"],
+  }, taxConnection: connectedNoWithdrawalSettings$1 }));
+// Partner is connected, no tax form is required, but withdrawal settings are not submitted → shows the partner-setup prompt
+const StatusCellConnectedNoTaxRequiredNoWithdrawalSettings = () => (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+    ...cashReward$1,
+    statuses: ["PENDING"],
+    pendingReasons: [],
+  }, taxConnection: {
+    connected: true,
+    taxHandlingEnabled: true,
+    connectionStatus: "COMPLETED",
+    publisher: {
+      requiredTaxDocumentType: null,
+      currentTaxDocument: null,
+      withdrawalSettings: null,
+      payoutsAccount: null,
+    },
+  } }));
+// Aliases kept for the table-level stories file
+const StatusCellPayoutSent = StatusCellPayoutApproved;
+const StatusCellPendingW9 = StatusCellPendingW9Required;
 
 const TaxAndCashRewardsTableCell = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TaxAndCashRewardsTableCell_stories,
   CashReward: CashReward$1,
-  StatusCellPendingTaxReview: StatusCellPendingTaxReview,
-  StatusCellPendingNewTaxForm: StatusCellPendingNewTaxForm,
-  StatusCellPendingTaxSubmission: StatusCellPendingTaxSubmission,
+  StatusCellFraudDenied: StatusCellFraudDenied,
+  StatusCellFraudPendingReview: StatusCellFraudPendingReview,
+  StatusCellPayoutCancelled: StatusCellPayoutCancelled,
+  StatusCellPayoutFailed: StatusCellPayoutFailed,
   StatusCellPartnerCreatedSetupStartedButIncomplete: StatusCellPartnerCreatedSetupStartedButIncomplete,
   StatusCellPartnerNotCreatedSetupNotStarted: StatusCellPartnerNotCreatedSetupNotStarted,
-  StatusCellPendingW9: StatusCellPendingW9,
-  StatusCellPayoutSent: StatusCellPayoutSent,
-  StatusCellPayoutFailed: StatusCellPayoutFailed,
+  StatusCellMissingPayoutConfiguration: StatusCellMissingPayoutConfiguration,
   StatusCellPayoutProcessing: StatusCellPayoutProcessing,
-  StatusCellPayoutCancelled: StatusCellPayoutCancelled
+  StatusCellPayoutApproved: StatusCellPayoutApproved,
+  StatusCellRewardCancelled: StatusCellRewardCancelled,
+  StatusCellRewardExpired: StatusCellRewardExpired,
+  StatusCellPendingScheduled: StatusCellPendingScheduled$1,
+  StatusCellNoMatchingRule: StatusCellNoMatchingRule,
+  StatusCellPendingW9Required: StatusCellPendingW9Required,
+  StatusCellPendingTaxSubmission: StatusCellPendingTaxSubmission,
+  StatusCellPendingNewTaxForm: StatusCellPendingNewTaxForm,
+  StatusCellPendingTaxReview: StatusCellPendingTaxReview,
+  StatusCellExistingTaxFormNoWithdrawalSettings: StatusCellExistingTaxFormNoWithdrawalSettings,
+  StatusCellConnectedNoTaxRequiredNoWithdrawalSettings: StatusCellConnectedNoTaxRequiredNoWithdrawalSettings,
+  StatusCellPayoutSent: StatusCellPayoutSent,
+  StatusCellPendingW9: StatusCellPendingW9
 });
 
 const TaxAndCashRewardsTable_stories = {
@@ -14077,21 +14245,145 @@ const CustomStyles$1 = () => {
   return h(CopyTextView, Object.assign({}, props));
 };
 const CustomStylesWithDemoHooks = () => {
-  const props = {
-    copyString: "https://noah.example.com",
-    open: false,
-    tooltiptext: "Copied!",
-    backgroundColor: "#1ed760",
-    borderRadius: "30px",
-    textColor: "red",
-    buttonType: "primary",
-    borderColor: "#121212",
-  };
-  return (h("sqm-share-link", { demoData: { ...props }, backgroundColor: "#1ed760" }));
+  return (h("sqm-share-link", { demoData: {
+      copyTextViewProps: {
+        copyString: "https://noah.example.com",
+        open: false,
+        tooltiptext: "Copied!",
+        backgroundColor: "#1ed760",
+        borderRadius: "30px",
+        textColor: "red",
+        buttonType: "primary",
+        borderColor: "#121212",
+      },
+    }, backgroundColor: "#1ed760" }));
 };
 const FullStack = () => {
   return h("sqm-share-link", null);
 };
+// Customize URL stories
+const noopFn = () => { };
+const defaultCustomizeProps = {
+  copyTextViewProps: {
+    copyString: "https://ssqt.co/abc123",
+    open: false,
+    tooltiptext: "Copied!",
+  },
+  allowCustomization: true,
+  customizeLinkLabel: "Customize Link",
+  saveLabelText: "Save",
+  savingLabelText: "Saving...",
+  cancelLabelText: "Cancel",
+  editLabelText: "Edit your link",
+  charactersRemainingText: "{count} characters remaining",
+  validatingLabelText: "Validating...",
+  isEditing: false,
+  editValue: "",
+  domainPrefix: "https://ssqt.co/",
+  editsRemaining: 3,
+  maxEdits: 5,
+  limitReached: false,
+  validationError: null,
+  isValidating: false,
+  isSaving: false,
+  characterLimit: 15,
+  minCharacters: 3,
+  charactersRemaining: 15,
+  editLimitText: "You can edit your link up to 5 times.",
+  editLimitReachedText: "5 edit limit reached. To make more changes, please contact {supportLink}.",
+  supportLinkText: "Support",
+  customizeDisabled: false,
+  customizeDisabledTooltip: "Link customization is not available.",
+  minCharactersText: "Minimum 3 characters",
+  onCustomizeClick: noopFn,
+  onEditValueChange: noopFn,
+  onSave: noopFn,
+  onCancel: noopFn,
+};
+const CustomizeUrlDefault = () => {
+  return h(ShareLinkView, Object.assign({}, defaultCustomizeProps));
+};
+const CustomizeUrlEditing = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+  })));
+};
+const CustomizeUrlCustomized = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+  })));
+};
+const CustomizeUrlLimitReached = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    copyTextViewProps: {
+      ...defaultCustomizeProps.copyTextViewProps,
+      copyString: "https://ssqt.co/bobtesterson",
+    },
+    editsRemaining: 0,
+    limitReached: true,
+  })));
+};
+const CustomizeUrlDisabled = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    customizeDisabled: true,
+  })));
+};
+const CustomizeUrlValidationError = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "EXISTING_CODE_CONFLICT",
+      title: "This link is already taken",
+      description: "Try adding numbers, a dash or underscore to create a unique link.",
+    },
+  })));
+};
+const CustomizeUrlInvalidCharacters = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "INVALID_CHARACTER",
+      title: "Please use only letters, numbers, dashes and underscores",
+      description: "Special characters can break the link when sharing.",
+    },
+  })));
+};
+const CustomizeUrlProfanity = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "nvoiwb18",
+    charactersRemaining: 7,
+    validationError: {
+      code: "BLOCKED_WORD",
+      title: "Please try a different link",
+      description: "This link contains a restricted word.",
+    },
+  })));
+};
+const CustomizeUrlSaving = () => {
+  return (h(ShareLinkView, Object.assign({}, {
+    ...defaultCustomizeProps,
+    isEditing: true,
+    editValue: "bobtesterson",
+    isSaving: true,
+  })));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14106,7 +14398,16 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CopyButtonBelow: CopyButtonBelow$3,
   CustomStyles: CustomStyles$1,
   CustomStylesWithDemoHooks: CustomStylesWithDemoHooks,
-  FullStack: FullStack
+  FullStack: FullStack,
+  CustomizeUrlDefault: CustomizeUrlDefault,
+  CustomizeUrlEditing: CustomizeUrlEditing,
+  CustomizeUrlCustomized: CustomizeUrlCustomized,
+  CustomizeUrlLimitReached: CustomizeUrlLimitReached,
+  CustomizeUrlDisabled: CustomizeUrlDisabled,
+  CustomizeUrlValidationError: CustomizeUrlValidationError,
+  CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
+  CustomizeUrlProfanity: CustomizeUrlProfanity,
+  CustomizeUrlSaving: CustomizeUrlSaving
 });
 
 const UseShareLink_stories = {
@@ -14144,11 +14445,11 @@ const BareBonesView$1 = createHookStory(() => {
   return (h("div", null,
     "Sharelink:",
     " ",
-    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyString)));
+    h("code", { style: { borderStyle: "solid", borderWidth: "1px", padding: "2px" } }, res.copyTextViewProps.copyString)));
 });
 const RegularView$2 = createHookStory(() => {
   setupGraphQL$c();
-  return (h(CopyTextView, Object.assign({}, useShareLink({
+  return (h(ShareLinkView, Object.assign({}, useShareLink({
     programId: "klip-referral-program",
     tooltiptext: "Copied to clipboard",
     tooltiplifespan: 1000,
@@ -14156,19 +14457,29 @@ const RegularView$2 = createHookStory(() => {
 });
 const FastTooltip = createHookStory(() => {
   setupGraphQL$c();
-  return (h(CopyTextView, Object.assign({}, useShareLink({
+  return (h(ShareLinkView, Object.assign({}, useShareLink({
     programId: "klip-referral-program",
-    tooltiptext: "⠀⠀⠀⠀⠀⠀⠀⠀⠀HELLO THERE!!!\n⠀⠀⠀⡯⡯⡾⠝⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢊⠘⡮⣣⠪⠢⡑⡌\n⠀⠀⠀⠟⠝⠈⠀⠀⠀⠡⠀⠠⢈⠠⢐⢠⢂⢔⣐⢄⡂⢔⠀⡁⢉⠸⢨⢑⠕⡌\n⠀⠀⡀⠁⠀⠀⠀⡀⢂⠡⠈⡔⣕⢮⣳⢯⣿⣻⣟⣯⣯⢷⣫⣆⡂⠀⠀⢐⠑⡌\n⢀⠠⠐⠈⠀⢀⢂⠢⡂⠕⡁⣝⢮⣳⢽⡽⣾⣻⣿⣯⡯⣟⣞⢾⢜⢆⠀⡀⠀⠪\n⣬⠂⠀⠀⢀⢂⢪⠨⢂⠥⣺⡪⣗⢗⣽⢽⡯⣿⣽⣷⢿⡽⡾⡽⣝⢎⠀⠀⠀⢡\n⣿⠀⠀⠀⢂⠢⢂⢥⢱⡹⣪⢞⡵⣻⡪⡯⡯⣟⡾⣿⣻⡽⣯⡻⣪⠧⠑⠀⠁⢐\n⣿⠀⠀⠀⠢⢑⠠⠑⠕⡝⡎⡗⡝⡎⣞⢽⡹⣕⢯⢻⠹⡹⢚⠝⡷⡽⡨⠀⠀⢔\n⣿⡯⠀⢈⠈⢄⠂⠂⠐⠀⠌⠠⢑⠱⡱⡱⡑⢔⠁⠀⡀⠐⠐⠐⡡⡹⣪⠀⠀⢘\n⣿⣽⠀⡀⡊⠀⠐⠨⠈⡁⠂⢈⠠⡱⡽⣷⡑⠁⠠⠑⠀⢉⢇⣤⢘⣪⢽⠀⢌⢎\n⣿⢾⠀⢌⠌⠀⡁⠢⠂⠐⡀⠀⢀⢳⢽⣽⡺⣨⢄⣑⢉⢃⢭⡲⣕⡭⣹⠠⢐⢗\n⣿⡗⠀⠢⠡⡱⡸⣔⢵⢱⢸⠈⠀⡪⣳⣳⢹⢜⡵⣱⢱⡱⣳⡹⣵⣻⢔⢅⢬⡷\n⣷⡇⡂⠡⡑⢕⢕⠕⡑⠡⢂⢊⢐⢕⡝⡮⡧⡳⣝⢴⡐⣁⠃⡫⡒⣕⢏⡮⣷⡟\n⣷⣻⣅⠑⢌⠢⠁⢐⠠⠑⡐⠐⠌⡪⠮⡫⠪⡪⡪⣺⢸⠰⠡⠠⠐⢱⠨⡪⡪⡰\n⣯⢷⣟⣇⡂⡂⡌⡀⠀⠁⡂⠅⠂⠀⡑⡄⢇⠇⢝⡨⡠⡁⢐⠠⢀⢪⡐⡜⡪⡊\n⣿⢽⡾⢹⡄⠕⡅⢇⠂⠑⣴⡬⣬⣬⣆⢮⣦⣷⣵⣷⡗⢃⢮⠱⡸⢰⢱⢸⢨⢌\n⣯⢯⣟⠸⣳⡅⠜⠔⡌⡐⠈⠻⠟⣿⢿⣿⣿⠿⡻⣃⠢⣱⡳⡱⡩⢢⠣⡃⠢⠁\n⡯⣟⣞⡇⡿⣽⡪⡘⡰⠨⢐⢀⠢⢢⢄⢤⣰⠼⡾⢕⢕⡵⣝⠎⢌⢪⠪⡘⡌⠀\n⡯⣳⠯⠚⢊⠡⡂⢂⠨⠊⠔⡑⠬⡸⣘⢬⢪⣪⡺⡼⣕⢯⢞⢕⢝⠎⢻⢼⣀⠀\n⠁⡂⠔⡁⡢⠣⢀⠢⠀⠅⠱⡐⡱⡘⡔⡕⡕⣲⡹⣎⡮⡏⡑⢜⢼⡱⢩⣗⣯⣟\n⢀⢂⢑⠀⡂⡃⠅⠊⢄⢑⠠⠑⢕⢕⢝⢮⢺⢕⢟⢮⢊⢢⢱⢄⠃⣇⣞⢞⣞⢾\n⢀⠢⡑⡀⢂⢊⠠⠁⡂⡐⠀⠅⡈⠪⠪⠪⠣⠫⠑⡁⢔⠕⣜⣜⢦⡰⡎⡯⡾⡽",
+    tooltiptext: "Copied to clipboard",
     tooltiplifespan: 500,
   }))));
 });
+const CustomizeUrlEnabled = createHookStory(() => {
+  setupGraphQL$c();
+  return (h(ShareLinkView, Object.assign({}, useShareLink({
+    programId: "klip-referral-program",
+    tooltiptext: "Copied to clipboard",
+    tooltiplifespan: 1000,
+    allowCustomization: true,
+  }))));
+});
 
 const UseShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': UseShareLink_stories,
   BareBonesView: BareBonesView$1,
   RegularView: RegularView$2,
-  FastTooltip: FastTooltip
+  FastTooltip: FastTooltip,
+  CustomizeUrlEnabled: CustomizeUrlEnabled
 });
 
 const scenario$C = "@author:Zach\n@owner:Zach\nFeature: Tabs\n\n  The Tabs takes in the Tab component as children and maps through to display their header and content.\n\n  Background: A user on the portal is viewing the widget\n    Given a user viewing the Tabs component\n\n  @motivating\n  Scenario: Content inside the active tab is shown\n    Given the header is set to <tabHeader>\n    And the content inside is <tabContent>\n    And the user has clicked <tabHeader>\n    Then the <tabContent> is shown\n    Examples:\n      | tabHeader | tabContent               |\n      | Settings  | This is the settings tab |\n      | General   | This is the general tab  |\n      | History   | This is the history tab  |\n\n  @motivating\n  @ui\n  Scenario: The placement of the tabs is configurable\n    Given The placement prop has been passed a valid <placement>\n    Then tabs are placed on the <placementResult>\n    Examples:\n      | placement | placementResult                |\n      |           | top of the content             |\n      | left      | left hand side of the content  |\n      | right     | right hand side of the content |\n      | bottom    | bottom of the content          |\n\n\n  @minutia\n  @ui\n  Scenario Outline: Tabs are setup to use the brand color\n    Given the brand color is set to darkblue\n    Then the text inside the active tab is darkblue\n    And the underline of the active tab is darkblue\n\n  @ui\n  Scenario: Tabs are responsive\n    Given the user is on a mobile device\n    When there are more tabs than the horizontal space allows for\n    Then clickable arrows appear on the left and right of the tabs\n    And the tabs are scrollable\n\n  @landmine\n  Scenario: Program section cannot be used inside of tabs\n    Given a tabs component\n    And tab containing a program section with program-id \"test123\"\n    And the program section wraps a component using program context\n    When the tabs component is rendered\n    Then the \"sq:program-id\" event listener for the program section is removed\n    And the component does not use program-id \"test123\" to source its data\n    And falls back to the global program id";
@@ -18756,6 +19067,7 @@ const defaultText$1 = {
   descriptionNewPartner: "Confirm your country and currency now to get your future rewards faster.",
   descriptionExistingPartner: "We noticed you are already an Impact.com partner, please confirm your information.",
   supportDescriptionExistingPartner: "If this is a mistake, please contact Support or sign up for this referral program with a different email.",
+  supportLink: "Support",
   countryLabel: "Country",
   currencyLabel: "Currency",
   submitButtonLabel: "Submit",
@@ -18880,6 +19192,16 @@ const Closed = () => {
   };
   return h(PartnerInfoModalView, Object.assign({}, props));
 };
+const SQMComponentExistingPartner = () => {
+  return (h("sqm-partner-info-modal", { "support-link": "Support", "support-description-existing-partner": "If this is a mistake, please contact {supportLink} or sign up for this referral program with a different email.", "allow-banking-collection": "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information", "terms-and-conditions-label": "terms and conditions", "terms-and-conditions-link": "https://terms.advocate.impact.com/PayoutTermsAndConditions.html", demoData: {
+      states: { open: true, isExistingPartner: true },
+    } }));
+};
+const SQMComponentNewPartner = () => {
+  return (h("sqm-partner-info-modal", { demoData: {
+      states: { open: true, isExistingPartner: false },
+    } }));
+};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -18892,7 +19214,9 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   Submitting: Submitting,
   WithError: WithError$3,
   ValidationError: ValidationError$1,
-  Closed: Closed
+  Closed: Closed,
+  SQMComponentExistingPartner: SQMComponentExistingPartner,
+  SQMComponentNewPartner: SQMComponentNewPartner
 });
 
 const WidgetVerification_stories = {
@@ -18920,6 +19244,59 @@ const WidgetVerification = /*#__PURE__*/Object.freeze({
   Loading: Loading$h
 });
 
+const scenario$G = "@owner:zach @author:zach\nFeature: User Attribute\n  Displays a user's custom field value.\n\n  Background: A user exists\n    Given a user is logged in\n    And the user has custom fields\n\n  @motivating\n  Scenario: A custom field value is displayed\n    Given the component has prop \"value\" with value \"firstName\"\n    And the user has a custom field \"firstName\" with value \"John\"\n    When the component is rendered\n    Then the text \"John\" is displayed\n\n  @landmine\n  Scenario: Nothing is rendered when the custom field does not exist\n    Given the component has prop \"value\" with value \"nonExistentField\"\n    And the user does not have a custom field \"nonExistentField\"\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario: Nothing is rendered while user data is loading\n    Given the component is loading user data\n    When the component is rendered\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario Outline: Optional styling props can be applied to customize the text appearance\n    Given the component has prop <prop> with value <value>\n    When the component is rendered\n    Then the text is displayed with <cssProperty> set to <value>\n\n    Examples:\n      | prop         | value       | cssProperty |\n      | fontSize     | 24          | font-size   |\n      | color        | #E91E63   | color       |\n      | fontWeight   | 700         | font-weight |\n\n  @minutia\n  Scenario: Style props are optional and default to no custom styling\n    Given the component has no style props set\n    When the component is rendered\n    Then the text is displayed with default browser styles\n";
+
+const UserAttribute_stories = {
+  title: "Components/User Attribute",
+  parameters: {
+    scenario: scenario$G,
+  },
+};
+const Default$x = () => {
+  return (h("sqm-user-attribute", { demoData: {
+      loading: false,
+      value: "impact.com",
+    } }));
+};
+/*
+ Verifies that an sqm-user-attribute with no valid value
+ collapses completely and does not create extra space
+ (e.g. a double gap) in a flex layout.
+ */
+const InvalidValue = () => {
+  return (h("div", { style: { display: "flex", flexDirection: "column", gap: "16px" } },
+    h("div", { style: { background: "#e0e0e0", padding: "8px" } }, "Above"),
+    h("sqm-user-attribute", { demoData: {
+        loading: false,
+        value: null,
+      } }),
+    h("div", { style: { background: "#e0e0e0", padding: "8px" } }, "Below")));
+};
+const Loading$i = () => {
+  return (h("sqm-user-attribute", { demoData: {
+      loading: true,
+      value: "impact.com",
+    } }));
+};
+const WithCustomStyles = () => {
+  return (h("sqm-user-attribute", { demoData: {
+      loading: false,
+      value: "impact.com",
+      fontSize: 24,
+      color: "#4CAF50",
+      fontWeight: 700,
+    } }));
+};
+
+const UserAttribute = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': UserAttribute_stories,
+  Default: Default$x,
+  InvalidValue: InvalidValue,
+  Loading: Loading$i,
+  WithCustomStyles: WithCustomStyles
+});
+
 function deepFreeze(obj) {
     if (obj instanceof Map) {
         obj.clear = obj.delete = obj.set = function () {
@@ -21615,6 +21992,7 @@ const stories = [
   TaxAndCashReferralTable$1,
   PartnerInfoModal,
   WidgetVerification,
+  UserAttribute,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {