{"version":3,"file":"static/chunks/65459-cded8084475b0a4e.js","mappings":"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","sources":["webpack://_N_E/./components/assets/common/AssetTabBanner/TabBannerProvider/index.jsx","webpack://_N_E/./hooks/use-tabbed-banner-context.js","webpack://_N_E/./components/assets/common/AssetTabBanner/asset-settings.js","webpack://_N_E/./components/assets/common/AssetTabBanner/index.jsx","webpack://_N_E/./components/assets/site/desktop/AssetBlueTabbedHeroSingle/asset-settings.js","webpack://_N_E/./components/assets/site/desktop/AssetBlueTabbedHeroSingle/index.jsx","webpack://_N_E/./components/site/desktop/AggregateValueBubble/index.jsx","webpack://_N_E/./components/graphics/ribbons/RibbonMemberSince.jsx","webpack://_N_E/./components/site/desktop/BannerSupplementalSkinny/index.jsx","webpack://_N_E/./utils/element-in-view.js","webpack://_N_E/./components/assets/common/AssetTabBanner/styles.module.scss"],"sourcesContent":["import { createContext, useState } from \"react\";\n\nexport const TabbedBannerContext = createContext([]);\n\nexport const TabbedBannerProvider = ({ children }) => {\n  const [activeCard, setActiveCard] = useState(\"\");\n\n  return (\n    <TabbedBannerContext.Provider\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      value={[activeCard, setActiveCard]}\n    >\n      {children}\n    </TabbedBannerContext.Provider>\n  );\n};\n","import { TabbedBannerContext } from \"@assets/common/AssetTabBanner/TabBannerProvider\";\nimport { useContext } from \"react\";\n\nexport const useTabbedBannerContext = () => {\n  const context = useContext(TabbedBannerContext);\n\n  if (!context) {\n    throw new Error(\"TabbedBannerContext cannot be empty.\");\n  }\n\n  return context;\n};\n","export const ASSET_KEY = \"asset-tab-banner\";\n\nexport const ASSET_SETTINGS = {\n  [ASSET_KEY]: {},\n};\n","import {\n  TAGULAR_ACTION_OUTCOMES,\n  TAGULAR_ELEMENT_TYPES,\n  TAGULAR_LOCATIONS,\n} from \"@constants/tagular\";\nimport { useTabbedBannerContext } from \"@hooks/use-tabbed-banner-context\";\nimport getField from \"@utils/contentful/get-field\";\nimport fireElementClicked from \"@utils/tagular/fire-element-clicked\";\nimport cn from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { ASSET_KEY } from \"./asset-settings\";\nimport styles from \"./styles.module.scss\";\n\nconst propTypesAssetTabBanner = {\n  sectionId: PropTypes.string,\n  cards: PropTypes.array,\n};\n\n/**\n * Asset: AssetTabBanner\n */\nconst AssetTabBanner = ({ sectionId = ASSET_KEY, cards, ...props }) => {\n  const [activeCard, setActiveCard] = useTabbedBannerContext();\n  const handleTabClick = (tabText, cardId, index) => {\n    fireElementClicked({\n      actionOutcome: TAGULAR_ACTION_OUTCOMES.SET_TAB,\n      location: TAGULAR_LOCATIONS.TABS,\n      position: index + 1,\n      text: tabText.toLowerCase(),\n      elementType: TAGULAR_ELEMENT_TYPES.TAB,\n    });\n    setActiveCard(cardId);\n  };\n\n  if (!cards) {\n    return null;\n  }\n\n  return (\n    <nav\n      data-contentful-section-id={sectionId}\n      aria-label=\"Related cards\"\n      {...props}\n    >\n      <ul className=\"flex gap-2 w-full h-72 border-b-2 border-white border-solid\">\n        {cards?.map((card, index) => {\n          const cardDisplayName = getField(card, \"displayName\");\n          const isActive = card?.id === activeCard;\n\n          return (\n            <li\n              className={cn(isActive && \"relative\", \"flex w-full text-center\")}\n              key={cardDisplayName}\n              data-test-button=\"tab\"\n              aria-current={isActive ? \"page\" : null}\n            >\n              {isActive ? (\n                <div\n                  className={cn(\n                    \"text-white capitalize font-bold flex flex-grow justify-center items-center bg-amex-deepBlue \",\n                    styles.link\n                  )}\n                >\n                  {cardDisplayName}\n                </div>\n              ) : (\n                <button\n                  type=\"button\"\n                  className={cn(\n                    isActive ? \"text-white\" : \"text-grey-4\",\n                    \"flex flex-grow justify-center items-center font-bold no-underline capitalize bg-amex-deepBlue\"\n                  )}\n                  onClick={() =>\n                    handleTabClick(cardDisplayName, card?.id, index)\n                  }\n                >\n                  {cardDisplayName}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n\nAssetTabBanner.propTypes = propTypesAssetTabBanner;\n\nexport default AssetTabBanner;\n","import { AMEX_CNS_CARD_IDS } from \"@constants/cards\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\n\nexport const ASSET_KEY = \"asset-blue-tabbed-hero-single\";\n\nexport const ASSET_SETTINGS = {\n  [ASSET_KEY]: {\n    [PAGE_SETTINGS_KEYS.PRIMARY_CARD]: AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED,\n    [PAGE_SETTINGS_KEYS.CARDS_ON_PAGE]: [\n      AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED,\n      AMEX_CNS_CARD_IDS.BLUE_CASH_EVERYDAY,\n    ],\n    [PAGE_SETTINGS_KEYS.FOCUS_HERO]: {\n      [AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED]: {\n        benefits: [\n          {\n            fields: {\n              name: \"BCPFocusCashBackSupermarkets\",\n              title: \"Earn <strong>6%</strong> Cash Back\",\n              body: \"<strong>at U.S. supermarkets</strong><br> on up to $6,000 per year in purchases (then 1%).<sup>&Dagger;</sup> Cash back is received in the form of Reward Dollars that can be redeemed as a statement credit.\",\n            },\n          },\n          {\n            fields: {\n              name: \"BCPCashBackStreamingV1\",\n              title: \"Earn <strong>6%</strong> Cash Back\",\n              body: \"<strong>on select U.S. streaming subscriptions<sup>‡</sup></strong> Cash back is received in the form of Reward Dollars that can be redeemed as a statement credit.\",\n            },\n          },\n          {\n            fields: {\n              name: \"BCPCashBackGasStationsV1\",\n              title: \"Earn <strong>3%</strong> Cash Back\",\n              body: \"<strong>at U.S. gas stations</strong><br>and on transit <sup>‡</sup> Cash back is received in the form of Reward Dollars that can be redeemed as a statement credit.\",\n            },\n          },\n          {\n            fields: {\n              name: \"BCPFocusHero1\",\n              title: \"Earn <strong>1%</strong> Cash Back\",\n              body: \"<strong>on other purchases<sup>‡</sup></strong><br/>Redeem Cash Back as a statement credit with no $25 redemption minimum.\",\n            },\n          },\n        ],\n      },\n    },\n  },\n};\n","import AssetTabBanner from \"@assets/common/AssetTabBanner\";\nimport { FOCUS_HERO_THEMES } from \"@common/FocusHero\";\nimport { HERO_THEMES } from \"@components/site/desktop/AggregateValueBubble\";\nimport HeroSingle from \"@components/site/desktop/HeroSingle\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\nimport useCardsOnPage from \"@hooks/use-cards-on-page\";\nimport usePrimaryCard from \"@hooks/use-primary-card\";\nimport { useTabbedBannerContext } from \"@hooks/use-tabbed-banner-context\";\nimport cn from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useEffect } from \"react\";\nimport { ASSET_KEY, ASSET_SETTINGS } from \"./asset-settings\";\n\nconst propTypesAssetBlueTabbedHeroSingle = {\n  sectionId: PropTypes.string,\n};\n\n/**\n * Asset: AssetBlueTabbedHeroSingle\n */\nconst AssetBlueTabbedHeroSingle = ({ sectionId = ASSET_KEY, ...props }) => {\n  const { [sectionId]: assetSettings } = ASSET_SETTINGS;\n  const cards = useCardsOnPage(\n    assetSettings?.[PAGE_SETTINGS_KEYS.CARDS_ON_PAGE]\n  );\n  const primaryCard = usePrimaryCard();\n  const [activeCard, setActiveCard] = useTabbedBannerContext();\n\n  useEffect(() => {\n    setActiveCard(primaryCard?.id);\n  }, []);\n\n  return (\n    <section\n      className=\"animate-preamp-asset-fade-in\"\n      {...props}\n      data-test-container=\"tabbed hero\"\n    >\n      <AssetTabBanner cards={cards} />\n      <HeroSingle\n        style={{\n          \"--image-url\": `url(\"/imgs/textures/thick-black-1.svg\")`,\n        }}\n        cardId={activeCard}\n        showNav={false}\n        showCardTitleAbove={false}\n        showHeroTitle={false}\n        focusHeroProps={{\n          cardId: activeCard,\n          theme: FOCUS_HERO_THEMES.BLUE_TITLE_MULTIPLIERS,\n          iconProps: {\n            className: \"text-amex-brightBlue\",\n          },\n          showDisclaimer: false,\n          focusHeroContent:\n            assetSettings?.[PAGE_SETTINGS_KEYS.FOCUS_HERO]?.[activeCard],\n        }}\n        backgroundPanelStyles=\"bg-white border-2 border-solid border-grey-2\"\n        theme={HERO_THEMES.LIGHT}\n        {...props}\n        className={cn(\n          \"bg-[length:250px] bg-[image:var(--image-url)]\",\n          props?.className\n        )}\n        data-test-image\n      />\n    </section>\n  );\n};\n\nAssetBlueTabbedHeroSingle.propTypes = propTypesAssetBlueTabbedHeroSingle;\n\nexport default AssetBlueTabbedHeroSingle;\n","import DangerSet from \"@common/DangerSet\";\nimport { offerPropTypes } from \"@common/Offer\";\nimport Title from \"@common/Title\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\nimport useAppContext from \"@hooks/use-app-context\";\nimport usePrimaryCard from \"@hooks/use-primary-card\";\nimport { useSection } from \"@providers/AmexContentProvider\";\nimport getBenefits from \"@utils/contentful/get-benefits\";\nimport cn from \"classnames\";\nimport omit from \"lodash/omit\";\nimport PropTypes from \"prop-types\";\nimport HeroBubble from \"../HeroBubble\";\n\nexport const HERO_THEMES = Object.freeze({\n  DARK: \"DARK\",\n  LIGHT: \"LIGHT\",\n  NEUTRAL: \"NEUTRAL\",\n});\n\nexport const aggregateValueBubblePropTypes = {\n  focusHeroProps: PropTypes.object,\n  offerProps: PropTypes.shape({ ...omit(offerPropTypes, \"card\") }),\n  sectionId: PropTypes.string,\n  theme: PropTypes.oneOf(Object.values(HERO_THEMES)),\n  cardId: PropTypes.string,\n  assetVariation: PropTypes.string,\n  withPadding: PropTypes.bool,\n};\n\nconst AggregateValueBubble = ({\n  focusHeroProps,\n  offerProps,\n  sectionId = PAGE_SETTINGS_KEYS.AGGREGATE_CLAIMS,\n  cardId,\n  withPadding = true,\n  ...props\n}) => {\n  const { isAppLoading } = useAppContext();\n  const section = useSection(sectionId);\n  const primaryCard = usePrimaryCard();\n  const benefits = getBenefits(section, primaryCard?.id);\n  const benefit = benefits.find((b) => b.fields?.card?.sys?.id === cardId);\n\n  if (!primaryCard) {\n    return null;\n  }\n\n  return (\n    <section\n      data-contentful-section-id={sectionId}\n      data-test-container=\"hero-single\"\n      {...props}\n      className={cn(\n        \"relative w-full\",\n        isAppLoading ? \"hide-all-but-loaders\" : \"animate-base-site-fade-in\",\n        { \"pb-24 pt-56\": withPadding },\n        props.className\n      )}\n    >\n      <div className=\"m-auto max-w-content\">\n        <div className=\"mx-wrapper md:mx-wrapper-md lg:mx-wrapper-lg\">\n          <div className=\"grid gap-24\">\n            <HeroBubble className=\"relative bg-white text-grey-6 shadow-md grid\">\n              <DangerSet\n                as={Title}\n                asProps={{ as: \"h1\", title: 4 }}\n                html={benefit?.fields?.meta?.headLine}\n                className=\"text-t2 font-bold text-amex-deepBlue mb-20\"\n              />\n              <DangerSet\n                asProps={{ as: \"p\", title: 4 }}\n                html={benefit?.fields?.title}\n                className=\"offer-title--default text-amex-deepBlue mb-20\"\n              />\n              <DangerSet\n                asProps={{ as: \"p\", title: 4 }}\n                html={benefit?.fields?.body}\n                className=\"text-t6 font-normal\"\n              />\n            </HeroBubble>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nAggregateValueBubble.propTypes = aggregateValueBubblePropTypes;\n\nexport default AggregateValueBubble;\n","const RibbonMemberSince = (props) => (\n  <svg\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 150 32\"\n    aria-hidden=\"true\"\n    aria-label=\"Member Since\"\n    data-testid=\"graphic-ribbon-member-since\"\n    {...props}\n  >\n    <path\n      d=\"M120.24 13.317c-20.009 0-24.038-10.183-45.238-10.183s-25.225 10.183-45.24 10.183c-7.247 0-13.297-2.055-18.94-5.67L4.836 21.043c7.867 4.588 16.127 6.823 24.928 6.825 23.002 0 28.42-10.183 45.24-10.183 16.818 0 22.243 10.183 45.239 10.183 8.795 0 17.056-2.234 24.927-6.825l-5.988-13.396c-5.623 3.603-11.671 5.67-18.939 5.67h-.002Zm0 13.317C97.425 26.634 92.231 16.45 75 16.45S52.58 26.634 29.76 26.634c-8.254 0-16.316-2.11-23.35-6.101L11.363 9.45c5.46 3.34 11.806 5.101 18.397 5.101 20.29 0 24.388-10.183 45.24-10.183s24.944 10.183 45.238 10.183c6.591 0 12.935-1.761 18.395-5.1l4.952 11.082c-7.033 3.992-15.095 6.1-23.35 6.1h.005Zm0-16.45C101.044 10.184 97 0 75 0 53 0 48.954 10.183 29.76 10.183c-8.102 0-15.245-2.77-21.52-8.683L0 21.62c9.137 6.358 19.175 9.383 29.76 9.383 23.186 0 29.773-10.183 45.24-10.183 15.467 0 22.054 10.183 45.24 10.183 10.564 0 20.606-3.013 29.76-9.383L141.758 1.5c-6.273 5.913-13.416 8.683-21.518 8.683v.002Zm0 19.584c-22.913 0-29.432-10.183-45.24-10.183-15.808 0-22.33 10.183-45.24 10.183-10.223 0-19.979-2.973-28.245-8.601l7.19-17.554c5.672 5.04 13.112 7.804 21.055 7.804 19.557 0 23.523-10.183 45.24-10.183 21.717 0 25.685 10.183 45.238 10.183 7.941 0 15.383-2.766 21.056-7.804l7.189 17.554c-8.268 5.628-18.023 8.599-28.245 8.6h.002Zm-85.321-6.91-.019 1.219a66.75 66.75 0 0 1-5.14.197c-.39 0-.779-.023-1.168-.034v-7.364c.39.012.779.033 1.168.033 1.748 0 3.375-.08 4.915-.211.006.414.015.828.02 1.242a50.31 50.31 0 0 1-4.83.208v1.788c1.38.021 2.764-.016 4.143-.108v1.232a50.75 50.75 0 0 1-4.143.11v1.852c1.683.03 3.37-.027 5.052-.167l.002.002Zm12.046-8.824a71.702 71.702 0 0 0 1.791-.659V21.2c-.419.145-.843.287-1.275.425.006-1.89.015-3.779.021-5.668v-.24s-.04.205-.12.441c-.938 2.126-1.876 4.23-2.813 6.32a45.38 45.38 0 0 1-1.115.279 602.284 602.284 0 0 1-2.754-4.99c-.11-.182-.142-.42-.142-.42v.213c.005 1.933.007 3.868.01 5.801-.412.074-.824.147-1.251.214v-7.497a47.314 47.314 0 0 0 1.737-.351 724.668 724.668 0 0 0 2.738 5.02c.041.093.08.185.123.28l.033-.009.09-.261c.977-2.222 1.952-4.465 2.929-6.725l-.002.002Zm54.123 7.101v-7.82c.416.159.839.316 1.266.47v7.775c-.427-.14-.85-.282-1.266-.427v.002Zm28.624 2.128v-7.547a37.224 37.224 0 0 0 5.686-1.935l.019 1.362a44.23 44.23 0 0 1-4.471 1.532v1.845a43.822 43.822 0 0 0 3.835-1.232v1.29a43.124 43.124 0 0 1-3.835 1.233v1.965a42.337 42.337 0 0 0 4.675-1.444l-.017 1.274a45.081 45.081 0 0 1-5.892 1.657ZM23.829 16.436v7.436c-.425-.057-.85-.117-1.275-.186l.021-5.538.002-.251s-.09.324-.237.57a532.876 532.876 0 0 1-2.813 4.64c-.402-.093-.8-.202-1.2-.304-.84-2.046-1.68-4.103-2.517-6.176a3.893 3.893 0 0 1-.183-.64v.242l.01 5.785c-.418-.136-.84-.266-1.252-.412v-7.915c.61.27 1.232.519 1.857.755.95 2.325 1.9 4.635 2.85 6.924l.043.133c.017-.031.034-.062.05-.096a561.048 561.048 0 0 0 2.978-5.224c.141.017.291.063.43.077.413.078.817.111 1.234.176l.002.004Zm90.256.14v7.42c-.439-.043-.862-.09-1.285-.14l-4.692-6.47-.02.006.01 5.704c-.423-.088-.842-.18-1.252-.276v-7.606a48.38 48.38 0 0 0 1.535.39l4.463 6.203.021-.006-.021-5.375c.404.054.823.102 1.241.148v.002ZM81.052 9.212c0-1.366-.908-2.262-2.808-2.45-.767-.044-2.734-.123-3.498-.077v7.408c.085 0 .169-.004.254-.004.34 0 .669.01 1 .017v-3.003c.617.02 1.231.053 1.848.094.644 1.032 1.29 2.082 1.933 3.155.525.059 1.038.128 1.542.205a195.894 195.894 0 0 0-2.092-3.397c1.259-.232 1.819-1.07 1.819-1.95l.002.002Zm-3.098.787a47.37 47.37 0 0 0-1.837-.099V7.921c.62.004 1.208.019 1.885.048 1.225.092 1.748.45 1.748 1.195 0 .816-.983.891-1.796.832V10Zm-8.07 4.395a40.577 40.577 0 0 0-5.786 1.126V7.869a44.918 44.918 0 0 1 5.587-.89l.02 1.279a24 24 0 0 0-4.395.642v1.789a23.68 23.68 0 0 1 3.77-.554v1.232a23.887 23.887 0 0 0-3.77.554v2.021a24.124 24.124 0 0 1 4.594-.763l-.019 1.211-.002.004ZM58.262 13.4c.812-.606 1.166-1.606 1.027-2.322-.2-1.015-1.338-1.406-2.892-.787l-2.933 1.095v7.881l3.618-1.462c1.713-.683 2.565-1.73 2.565-3.032 0-.79-.586-1.396-1.386-1.37V13.4Zm-3.473 4.061V15.37l2.025-.807c.672-.268 1.556-.297 1.556.416s-.492 1.251-1.423 1.624l-2.158.857v.002Zm0-3.427v-1.837l2.014-.855c.65-.26 1.26-.314 1.26.389 0 .59-.637 1.253-1.547 1.617l-1.727.688v-.002Zm42.033 2.737c0 1.483-1.256 2.264-3.163 1.747-1.812-.494-2.968-1.686-3.204-3.247l1.584.625c.258.71.812 1.19 1.672 1.425.936.253 1.813.176 1.813-.805 0-.833-.685-1.178-2.048-1.869-1.685-.843-2.915-1.36-2.915-3.144 0-1.417 1.246-2.055 2.934-1.596 1.219.332 2.802 1.033 3.069 3.136l-1.494-.645c-.371-.92-1.294-1.261-1.627-1.353-.8-.22-1.596-.134-1.596.698 0 .833.652 1.111 2.185 1.875 1.559.774 2.79 1.387 2.79 3.153Zm28.558 5.327c-.433 1.61-1.806 2.466-3.479 2.466-2.133 0-3.608-1.786-3.608-3.901 0-2.394 1.506-4.043 3.75-4.103 1.677-.046 2.839.79 3.285 2.146l-1.358.147c-.342-.806-1.002-1.067-1.869-1.046-1.496.04-2.462 1.146-2.462 2.82 0 1.502.814 2.688 2.297 2.688.919 0 1.661-.278 2.023-1.127l1.423-.092-.002.002Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default RibbonMemberSince;\n","import Button, { BUTTON_VARIATIONS } from \"@common/Button\";\nimport DangerSet from \"@common/DangerSet\";\nimport Title from \"@common/Title\";\nimport RibbonMemberSince from \"@components/graphics/ribbons/RibbonMemberSince\";\nimport CUSTOM_PROP_TYPES from \"@constants/custom-prop-types\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\nimport { TAGULAR_ELEMENT_TYPES } from \"@constants/tagular\";\nimport useAppContext from \"@hooks/use-app-context\";\nimport usePageSettings from \"@hooks/use-page-settings\";\nimport fireElementClicked from \"@utils/tagular/fire-element-clicked\";\nimport cn from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nexport const BANNER_SUPPLEMENTAL_SKINNY_THEMES = Object.freeze({\n  LIGHT: \"light\",\n  DARK: \"dark\",\n});\n\n// PropTypes\nconst bannerSupplementalSkinnyPropTypes = {\n  sectionId: PropTypes.string, // PAGE_SETTINGS_KEYS.BANNER_SUPPLEMENTAL_SKINNY\n  theme: PropTypes.oneOf(Object.values(BANNER_SUPPLEMENTAL_SKINNY_THEMES)), // Defaults to BANNER_SUPPLEMENTAL_SKINNY_THEMES.DARK,\n  titleProps: PropTypes.shape(CUSTOM_PROP_TYPES.TITLE),\n};\n\n/**\n * Component: BannerSupplementalSkinny\n */\nconst BannerSupplementalSkinny = ({\n  sectionId = PAGE_SETTINGS_KEYS.BANNER_SUPPLEMENTAL_SKINNY,\n  theme = BANNER_SUPPLEMENTAL_SKINNY_THEMES.DARK,\n  titleProps,\n  ...props\n}) => {\n  const { [sectionId]: data } = usePageSettings();\n  const { isAppLoading } = useAppContext();\n  if (!data) return null;\n  const { content } = data;\n\n  // Tracking\n  const handleAddMember = () => {\n    fireElementClicked({\n      text: \"Add Additional Card Members\",\n      elementType: TAGULAR_ELEMENT_TYPES.BUTTON,\n    });\n  };\n\n  return (\n    <aside\n      aria-label=\"Card Members\"\n      data-contentful-section-id={sectionId}\n      data-test-container={sectionId}\n      {...props}\n      className={cn(\n        \"relative flex items-center justify-between overflow-hidden py-28\",\n        {\n          \"bg-amex-brightBlue text-white\":\n            theme === BANNER_SUPPLEMENTAL_SKINNY_THEMES.DARK,\n        },\n        {\n          \"bg-white text-grey-6\":\n            theme === BANNER_SUPPLEMENTAL_SKINNY_THEMES.LIGHT,\n        },\n        isAppLoading ? \"hide-all-but-loaders\" : \"animate-base-site-fade-in\",\n        props?.className\n      )}\n    >\n      <div\n        className={cn(\n          \"flex items-center max-w-[300px] -ml-24\",\n          {\n            \"text-amex-brightBlue-12\":\n              theme === BANNER_SUPPLEMENTAL_SKINNY_THEMES.DARK,\n          },\n          {\n            \"text-amex-brightBlue-3\":\n              theme === BANNER_SUPPLEMENTAL_SKINNY_THEMES.LIGHT,\n          },\n          props?.className\n        )}\n        aria-hidden=\"true\"\n      >\n        <RibbonMemberSince className=\"w-[300px]\" />\n      </div>\n\n      <div className=\"max-w-[900px] flex w-full items-center mr-wrapper md:mr-wrapper-md lg:mr-wrapper-lg\">\n        <div className=\"px-16 max-w-[500px]\">\n          <DangerSet\n            as={Title}\n            asProps={{\n              title: 4,\n              as: \"h2\",\n            }}\n            {...titleProps}\n            className={cn(\"mb-8 font-bold\", titleProps?.className)}\n            html={content.title}\n          />\n          <DangerSet as=\"p\" html={content.text} />\n        </div>\n        <div>\n          <Button\n            href={content.link.href}\n            data-test-button=\"Add Member\"\n            onClick={handleAddMember}\n            as=\"Link\"\n            target=\"_blank\"\n            variation={\n              theme === BANNER_SUPPLEMENTAL_SKINNY_THEMES.LIGHT\n                ? BUTTON_VARIATIONS.PRIMARY\n                : BUTTON_VARIATIONS.SECONDARY\n            }\n            className=\"max-w-full m-0\"\n          >\n            {content.link.text}\n          </Button>\n        </div>\n      </div>\n    </aside>\n  );\n};\n\nBannerSupplementalSkinny.propTypes = bannerSupplementalSkinnyPropTypes;\n\nexport default BannerSupplementalSkinny;\n","import useAppContext from \"@hooks/use-app-context\";\nimport { isTest } from \"@utils/environments\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\nexport const ElementInView = ({\n  children,\n  onInView,\n  timed = false,\n  percentInView = -20,\n}) => {\n  const [isInView, setIsInView] = useState(isTest);\n  const { isAppLoading } = useAppContext();\n  const triggerRef = useRef(null);\n  const observerRef = useRef(null);\n  useEffect(() => {\n    if (isAppLoading) {\n      return;\n    }\n    const url = new URLSearchParams(window.location.search);\n    if (url.has(\"dynamic_disabled\")) {\n      setIsInView(true);\n      return;\n    }\n    let dynamicTimeOut;\n    if (timed) {\n      dynamicTimeOut = setTimeout(() => setIsInView(true), 5000);\n    }\n    if (triggerRef.current) {\n      if (typeof IntersectionObserver === \"undefined\") {\n        // Fallback for browsers that do not support IntersectionObserver\n        setIsInView(true);\n        return;\n      }\n      observerRef.current = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (\n              entry.isIntersecting &&\n              entry.intersectionRatio >= percentInView / 100\n            ) {\n              setIsInView(true);\n              if (onInView) onInView();\n              if (observerRef.current && triggerRef.current) {\n                observerRef.current.unobserve(triggerRef.current);\n              }\n            }\n          });\n        },\n        {\n          threshold: Array.from({ length: 101 }, (_, i) => i / 100),\n        }\n      );\n\n      observerRef.current.observe(triggerRef.current);\n    }\n\n    return () => {\n      if (timed) {\n        clearTimeout(dynamicTimeOut);\n      }\n      if (observerRef.current && triggerRef.current) {\n        observerRef.current.unobserve(triggerRef.current);\n      }\n    };\n  }, [onInView, percentInView, isAppLoading]);\n\n  const isRenderProps = typeof children === \"function\";\n\n  if (isAppLoading) {\n    return null;\n  }\n\n  return React.createElement(\n    \"div\",\n    {\n      ref: triggerRef,\n      style: { minHeight: \"50px\" },\n    },\n    isRenderProps ? children(isInView) : children\n  );\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"link\":\"styles_link__rjN4J\"};"],"names":["TabbedBannerContext","createContext","TabbedBannerProvider","children","param","activeCard","setActiveCard","useState","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Provider","value","useTabbedBannerContext","context","useContext","propTypesAssetTabBanner","sectionId","PropTypes","cards","AssetTabBanner","props","handleTabClick","tabText","cardId","index","fireElementClicked","actionOutcome","TAGULAR_ACTION_OUTCOMES","SET_TAB","location","TAGULAR_LOCATIONS","TABS","position","text","toLowerCase","elementType","TAGULAR_ELEMENT_TYPES","TAB","jsx_runtime","nav","data-contentful-section-id","aria-label","ul","className","map","card","cardDisplayName","getField","isActive","id","li","cn","data-test-button","aria-current","div","styles","button","type","onClick","propTypes","ASSET_KEY","ASSET_SETTINGS","PAGE_SETTINGS_KEYS","PRIMARY_CARD","AMEX_CNS_CARD_IDS","BLUE_CASH_PREFERRED","CARDS_ON_PAGE","BLUE_CASH_EVERYDAY","FOCUS_HERO","benefits","fields","name","title","body","propTypesAssetBlueTabbedHeroSingle","AssetBlueTabbedHeroSingle","assetSettings","useCardsOnPage","primaryCard","usePrimaryCard","useEffect","jsxs","section","data-test-container","HeroSingle","style","showNav","showCardTitleAbove","showHeroTitle","focusHeroProps","theme","FOCUS_HERO_THEMES","BLUE_TITLE_MULTIPLIERS","iconProps","showDisclaimer","focusHeroContent","backgroundPanelStyles","HERO_THEMES","LIGHT","data-test-image","desktop_AssetBlueTabbedHeroSingle","Object","freeze","DARK","NEUTRAL","aggregateValueBubblePropTypes","offerProps","omit","offerPropTypes","values","assetVariation","withPadding","AggregateValueBubble","benefit","AGGREGATE_CLAIMS","isAppLoading","useAppContext","useSection","getBenefits","find","b","sys","HeroBubble","DangerSet","as","Title","asProps","html","meta","headLine","__webpack_exports__","ZP","ribbons_RibbonMemberSince","svg","fill","xmlns","viewBox","aria-hidden","data-testid","path","d","BANNER_SUPPLEMENTAL_SKINNY_THEMES","bannerSupplementalSkinnyPropTypes","titleProps","CUSTOM_PROP_TYPES","TITLE","BannerSupplementalSkinny","BANNER_SUPPLEMENTAL_SKINNY","data","usePageSettings","content","aside","RibbonMemberSince","Button","href","link","BUTTON","target","variation","BUTTON_VARIATIONS","PRIMARY","SECONDARY","desktop_BannerSupplementalSkinny","ElementInView","onInView","timed","percentInView","isInView","setIsInView","isTest","triggerRef","useRef","observerRef","dynamicTimeOut","url","URLSearchParams","window","search","has","setTimeout","current","IntersectionObserver","entries","forEach","entry","isIntersecting","intersectionRatio","unobserve","threshold","Array","from","length","_","i","observe","clearTimeout","isRenderProps","React","ref","minHeight","module","exports"],"sourceRoot":""}