{"version":3,"file":"static/chunks/8219-5104cf64ddcceb88.js","mappings":"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","sources":["webpack://_N_E/./apps/components/common/CmCardBenefitRewards/TabBenefitAdditionalUser.jsx","webpack://_N_E/./apps/components/common/CmCardBenefitRewards/index.jsx","webpack://_N_E/./components/site/desktop/CardTileWithBenefitsTabs/index.jsx"],"sourcesContent":["import AmexLink from \"@common/AmexLink\";\nimport LegalLinks from \"@common/LegalLinks\";\nimport Title from \"@common/Title\";\nimport CUSTOM_PROP_TYPES from \"@constants/custom-prop-types\";\nimport { URL_ROUTES } from \"@constants/global\";\nimport usePageSettings from \"@hooks/use-page-settings\";\nimport getField from \"@utils/contentful/get-field\";\nimport getOffer from \"@utils/contentful/get-offer\";\nimport cn from \"classnames\";\nimport PropTypes from \"prop-types\";\n\n// PropTypes\nconst tabBenefitAdditionalUserPropTypes = {\n  sectionId: PropTypes.string,\n  card: CUSTOM_PROP_TYPES.CARD,\n  titleProps: PropTypes.object,\n};\n\n/**\n * Component: TabBenefitAdditionalUser\n */\nconst TabBenefitAdditionalUser = ({\n  card,\n  sectionId,\n  titleProps = { title: 5, as: \"h5\" },\n  subHeadingProps = { title: 6, as: \"h6\" },\n  ...props\n}) => {\n  const pageSettings = usePageSettings();\n  return (\n    <div {...props} className={cn(\"p-16 bg-[#f8f8f9]\", props?.className)}>\n      <Title {...titleProps} className=\"mb-8 font-medium text-amex-deepBlue\">\n        Experience Card Membership Together\n      </Title>\n      <p className=\"text-grey-6 text-p2\">\n        <span className=\"block mb-2 font-medium\">\n          Share Card Membership benefits with the ones you love while earning\n          the rewards you like.<sup>‡</sup>\n        </span>\n        Request Additional Cards for anyone else that you'd like to have on your\n        account. Since your Card account is enrolled in the Membership Rewards®\n        program, you will earn points for purchases made by each Additional Card\n        Member in the same way you earn points for your own purchases.‡\n      </p>\n      <div>\n        <AmexLink\n          className=\"w-[254px] bg-amex-brightBlue rounded-md my-24 py-12 flex items-center text-white font-normal h-50 justify-center\"\n          data-test-learn-more\n          href={URL_ROUTES.APPLY_URL_SUPPLEMENTARY}\n        >\n          Add Additional Card Members\n        </AmexLink>\n      </div>\n      <Title {...subHeadingProps} className=\"font-medium text-p3\">\n        Annual Fee\n      </Title>\n      <p className=\"text-p3\">\n        The annual fee for the Platinum Card is $695<sup>&curren;</sup>. The\n        annual fee for each Additional Platinum Card is $195. There is no annual\n        fee for Companion Platinum Cards.<sup>&dagger;</sup>\n      </p>\n      <LegalLinks\n        className=\"py-8\"\n        offer={getOffer(card, pageSettings)}\n        cardName={getField(card, \"displayName\", { sectionId })}\n        alignCenter={false}\n        forceLegalLinkInNewTab\n        sectionId={sectionId}\n      />\n    </div>\n  );\n};\n\nTabBenefitAdditionalUser.propTypes = tabBenefitAdditionalUserPropTypes;\n\nexport default TabBenefitAdditionalUser;\n","import AnnualFee from \"@common/AnnualFee\";\nimport ApplyButton from \"@common/ApplyButton\";\nimport Button, { BUTTON_THEMES, BUTTON_VARIATIONS } from \"@common/Button\";\nimport CardArt, { CARD_ART_VARIATIONS } from \"@common/CardArt\";\nimport CardArtStacker from \"@common/CardArtStacker\";\nimport ConditionalWrapper from \"@common/ConditionalWrapper\";\nimport DangerSet from \"@common/DangerSet\";\nimport LegalLinks from \"@common/LegalLinks\";\nimport Offer from \"@common/Offer\";\nimport Tooltip from \"@common/Tooltip\";\nimport { GOLD_CARD_TOOLTIP } from \"@common/Tooltip/constants\";\nimport { AMEX_CNS_CARD_IDS } from \"@constants/cards\";\nimport CUSTOM_PROP_TYPES from \"@constants/custom-prop-types\";\nimport { PAGE_SETTINGS_KEYS } from \"@constants/page-settings-keys\";\nimport usePageSettings from \"@hooks/use-page-settings\";\nimport { useSection } from \"@providers/AmexContentProvider\";\nimport ContentfulProps from \"@utils/contentful/contentful-props\";\nimport getBenefits from \"@utils/contentful/get-benefits\";\nimport getField from \"@utils/contentful/get-field\";\nimport getOffer from \"@utils/contentful/get-offer\";\nimport getCardUrl from \"@utils/get-card-url\";\nimport injectOffer from \"@utils/inject-offer\";\nimport cn from \"classnames\";\nimport { isEmpty } from \"lodash\";\nimport PropTypes from \"prop-types\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport TabBenefitAdditionalUser from \"./TabBenefitAdditionalUser\";\n\n// PropTypes\nconst propTypesCmCardBenefitRewards = {\n  sectionId: PropTypes.string, // Defaults to PAGE_SETTINGS_KEYS.CM_V2_PAIRS\n  primaryCard: CUSTOM_PROP_TYPES.CARD,\n  showOffer: PropTypes.bool, // Defaults to true\n  showApplyNow: PropTypes.bool, // Defaults to true\n  legalLinkPosition: PropTypes.string, // Defaults to CM_LEGAL_LINK_POSITIONS.BELOW\n  showGoldRoseGold: PropTypes.bool, // Defaults to false\n};\n\nexport const CM_LEGAL_LINK_POSITIONS = {\n  ABOVE: \"above\",\n  BELOW: \"below\",\n};\n\n/**\n * Component: CmCardBenefitRewards\n */\nconst CmCardBenefitRewards = ({\n  sectionId = PAGE_SETTINGS_KEYS.CM_V2_PAIRS,\n  primaryCard,\n  secondaryCard,\n  showOffer = true,\n  showApplyNow = true,\n  legalLinkPosition = CM_LEGAL_LINK_POSITIONS.BELOW,\n  showGoldRoseGold = false,\n  tooltipContent = GOLD_CARD_TOOLTIP,\n  rewardFooter,\n  ...props\n}) => {\n  const { CM_TRAVEL_BENEFITS } = PAGE_SETTINGS_KEYS;\n  const pageSettings = usePageSettings();\n  const { isMobileRender, isCardMemberRender } = pageSettings;\n  const travelBenefitsSection = useSection(CM_TRAVEL_BENEFITS);\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n  const offer = getOffer(primaryCard, pageSettings);\n\n  const { travelBenefits } = useMemo(\n    () => ({\n      travelBenefits: getBenefits(travelBenefitsSection, primaryCard.id),\n    }),\n    [primaryCard]\n  );\n\n  const tabContent = [\n    PAGE_SETTINGS_KEYS.CM_REWARDS,\n    PAGE_SETTINGS_KEYS.CM_BENEFITS,\n    PAGE_SETTINGS_KEYS.CM_TRAVEL_BENEFITS,\n    \"none\",\n  ];\n\n  const selectedTabSection = useSection(tabContent[selectedTabIndex]);\n  const benefits = getBenefits(selectedTabSection, primaryCard.id);\n\n  const tabs = useMemo(() => {\n    const memoTabs = [\n      { content: \"Everyday rewards\" },\n      { content: \"Everyday benefits\" },\n    ];\n\n    if (!isEmpty(travelBenefits)) {\n      memoTabs.push({ content: \"Travel benefits\" });\n    }\n    if (primaryCard.id === AMEX_CNS_CARD_IDS.PLATINUM) {\n      memoTabs.push({ content: \"Add an Additional User\" });\n    }\n\n    return memoTabs;\n  }, [travelBenefits?.length, primaryCard.id]);\n\n  const CardArtWrapper = useCallback(\n    (c) => (\n      <Tooltip\n        as=\"button\"\n        type=\"button\"\n        content={tooltipContent}\n        className=\"gap-8 mx-auto\"\n      >\n        {c}\n      </Tooltip>\n    ),\n    [tooltipContent]\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-white flex mx-auto relative max-w-lg p-24 rounded-lg\",\n        props.className\n      )}\n    >\n      <div className=\"flex-[3_3_26%] relative\">\n        <ConditionalWrapper\n          condition={\n            !!tooltipContent && primaryCard.id === AMEX_CNS_CARD_IDS.GOLD\n          }\n          wrapper={CardArtWrapper}\n        >\n          <div>\n            {!secondaryCard ? (\n              <CardArt\n                card={primaryCard}\n                variation={\n                  showGoldRoseGold && primaryCard.id === AMEX_CNS_CARD_IDS.GOLD\n                    ? CARD_ART_VARIATIONS.STACKED\n                    : CARD_ART_VARIATIONS.DEFAULT\n                }\n              />\n            ) : (\n              <CardArtStacker\n                cardIds={[primaryCard.id, secondaryCard.id]}\n                className=\"w-[240px] max-w-full relative\"\n                sourceSizes=\"240px\"\n              />\n            )}\n          </div>\n        </ConditionalWrapper>\n        <AnnualFee\n          as=\"p\"\n          offer={offer}\n          sectionId={sectionId}\n          className=\"mx-0 mt-24 mb-8 text-center text-p2\"\n        />\n        {legalLinkPosition === CM_LEGAL_LINK_POSITIONS.ABOVE && (\n          <div className=\"mt-8 text-center\">\n            <LegalLinks\n              offer={offer}\n              cardName={getField(primaryCard, \"displayName\", { sectionId })}\n              className=\"inline-flex\"\n              alignCenter={false}\n              forceLegalLinkInNewTab\n              sectionId={sectionId}\n            />\n          </div>\n        )}\n        {showApplyNow && (\n          <ApplyButton\n            card={primaryCard}\n            offer={offer}\n            data-test-button=\"Apply Now\"\n            sectionId={sectionId}\n            theme={BUTTON_THEMES.LIGHT}\n            variation={BUTTON_VARIATIONS.BRAND_DEEP_BLUE}\n            className=\"w-full\"\n          />\n        )}\n        <Button\n          as=\"Link\"\n          data-test-button=\"See Details\"\n          href={getCardUrl(primaryCard.id, isMobileRender, isCardMemberRender)}\n          variation={BUTTON_VARIATIONS.SECONDARY}\n          className=\"!border-amex-deepBlue !text-amex-deepBlue w-full max-w-auto m-0 mt-4\"\n        >\n          See Details\n        </Button>\n\n        {legalLinkPosition === CM_LEGAL_LINK_POSITIONS.BELOW && (\n          <div className=\"mt-8 text-center\">\n            <LegalLinks\n              offer={offer}\n              cardName={getField(primaryCard, \"displayName\", { sectionId })}\n              className=\"inline-flex\"\n              alignCenter={false}\n              forceLegalLinkInNewTab\n              sectionId={sectionId}\n            />\n          </div>\n        )}\n      </div>\n      <div className=\"flex-[7_7_74%] ml-40\">\n        {showOffer && (\n          <div className=\"mb-40\">\n            <Offer\n              alignBarkerCenter={false}\n              card={primaryCard}\n              sectionId={sectionId}\n              titleProps={{\n                asProps: {\n                  as: \"h3\",\n                  title: 4,\n                },\n              }}\n              bnplPotAprProps={{\n                titleProps: {\n                  as: \"h4\",\n                },\n              }}\n              labelPrefix=\"Offer (Within Standard Banner) for:\"\n              className={cn(\"text-start\")}\n              showBnplPotApr={[\n                AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED,\n                AMEX_CNS_CARD_IDS.BLUE_CASH_EVERYDAY,\n                AMEX_CNS_CARD_IDS.PLATINUM,\n              ].includes(primaryCard.id)}\n            />\n          </div>\n        )}\n        <div className=\"flex flex-row mb-16 flex-nowrap\">\n          {tabs.map((t, index) => (\n            <button\n              data-test-toggle=\"cm-tabs\"\n              key={index}\n              type=\"button\"\n              onClick={() => setSelectedTabIndex(index)}\n              className={cn(\n                \"bg-transparent text-amex-deepBlue cursor-pointer pb-4 border-b-2 border-solid border-transparent\",\n                {\n                  \"border-b-amex-deepBlue font-medium\":\n                    selectedTabIndex === index,\n                },\n                { \"ml-32\": index !== 0 }\n              )}\n            >\n              {t?.content}\n            </button>\n          ))}\n        </div>\n        <div>\n          {selectedTabIndex === 3 ? (\n            <TabBenefitAdditionalUser\n              card={primaryCard}\n              sectionId={sectionId}\n              titleProps={{ title: 3, as: \"h3\" }}\n              subheadingProps={{ title: 4, as: \"h4\" }}\n            />\n          ) : (\n            <div\n              className=\"p-16 bg-grey-1\"\n              data-contentful-section-id={tabContent[selectedTabIndex]}\n            >\n              <ul\n                className={cn(\"grid gap-24\", {\n                  \"grid-cols-1\": benefits.length === 1,\n                  \"grid-cols-2\": benefits.length === 2,\n                  \"grid-cols-3\": benefits.length === 3,\n                  \"grid-cols-4\": benefits.length === 4,\n                  \"grid-cols-5\": benefits.length === 5,\n                  \"grid-cols-6\": benefits.length === 6,\n                })}\n              >\n                {benefits.map((benefit, index) => (\n                  <li key={index}>\n                    <h3 className=\"text-t6\">\n                      {selectedTabIndex === 0 && (\n                        <DangerSet\n                          as=\"span\"\n                          {...ContentfulProps(benefit, \"icon\")}\n                          html={benefit?.fields?.icon}\n                          className=\"font-medium text-amex-deepBlue text-t3\"\n                        />\n                      )}\n                      <DangerSet\n                        className=\"block my-4 font-bold text-amex-deepBlue text-p2\"\n                        as=\"span\"\n                        {...ContentfulProps(benefit, \"title\")}\n                        html={benefit?.fields?.title}\n                      />\n                    </h3>\n                    <DangerSet\n                      className=\"text-grey-6 text-p2 [&>a]:break-words\"\n                      as=\"p\"\n                      {...ContentfulProps(benefit, \"body\")}\n                      html={injectOffer(benefit?.fields?.body, offer)}\n                    />\n                  </li>\n                ))}\n              </ul>\n              {primaryCard?.id === AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED && (\n                <p className=\"mx-12 mt-12\">\n                  You may see a different welcome offer on other American\n                  Express pages or advertisements.\n                </p>\n              )}\n              {rewardFooter && selectedTabIndex === 0 && (\n                <DangerSet\n                  as=\"p\"\n                  html={rewardFooter}\n                  className=\"pt-32 text-p2\"\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCmCardBenefitRewards.propTypes = propTypesCmCardBenefitRewards;\n\nexport default CmCardBenefitRewards;\n","import TabBenefitAdditionalUser from \"@apps/components/common/CmCardBenefitRewards/TabBenefitAdditionalUser\";\nimport Apply from \"@common/Apply\";\nimport Button, { BUTTON_VARIATIONS } from \"@common/Button\";\nimport CardArt from \"@common/CardArt\";\nimport CardArtStacker from \"@common/CardArtStacker\";\nimport DangerSet from \"@common/DangerSet\";\nimport Offer from \"@common/Offer\";\nimport Title from \"@common/Title\";\nimport { AMEX_CNS_CARD_IDS } from \"@constants/cards\";\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 usePageSettings from \"@hooks/use-page-settings\";\nimport { useSection } from \"@providers/AmexContentProvider\";\nimport ContentfulProps from \"@utils/contentful/contentful-props\";\nimport getBenefits from \"@utils/contentful/get-benefits\";\nimport getField from \"@utils/contentful/get-field\";\nimport getOffer from \"@utils/contentful/get-offer\";\nimport getCardUrl from \"@utils/get-card-url\";\nimport injectOffer from \"@utils/inject-offer\";\nimport fireElementClicked from \"@utils/tagular/fire-element-clicked\";\nimport cn from \"classnames\";\nimport { isEmpty } from \"lodash\";\nimport PropTypes from \"prop-types\";\nimport { useMemo, useState } from \"react\";\n\n// PropTypes\nconst cardTileWithBenefitsTabsPropTypes = {\n  sectionId: PropTypes.string, // Defaults to PAGE_SETTINGS_KEYS.CM_V2_PAIRS\n  primaryCard: CUSTOM_PROP_TYPES.CARD,\n  secondaryCard: CUSTOM_PROP_TYPES.CARD,\n  hasTravelBenefits: PropTypes.bool,\n  tagularProps: CUSTOM_PROP_TYPES.TAGULAR_PRODUCT,\n  howYouEarnSectionId: PropTypes.string, // Defaults to PAGE_SETTINGS_KEYS.CM_REWARDS\n  everyDaySectionId: PropTypes.string, // Defaults to PAGE_SETTINGS_KEYS.CM_BENEFITS\n  travelSectionId: PropTypes.string, // Defaults to PAGE_SETTINGS_KEYS.CM_TRAVEL_BENEFITS,\n  cardArtProps: PropTypes.object,\n  iconsAreBold: PropTypes.bool, // Defaults to False\n  sections: PropTypes.arrayOf(PropTypes.object),\n};\n\n/**\n * Component: CardTileWithBenefitsTabs\n */\nconst CardTileWithBenefitsTabs = ({\n  sectionId = PAGE_SETTINGS_KEYS.CM_V2_PAIRS,\n  primaryCard,\n  secondaryCard,\n  hasTravelBenefits = true,\n  tagularProps,\n  iconsAreBold = false,\n  howYouEarnSectionId = PAGE_SETTINGS_KEYS.CM_REWARDS,\n  everyDaySectionId = PAGE_SETTINGS_KEYS.CM_BENEFITS,\n  travelSectionId = PAGE_SETTINGS_KEYS.CM_TRAVEL_BENEFITS,\n  cardArtProps,\n  sections,\n  ...props\n}) => {\n  const { CM_TRAVEL_BENEFITS } = PAGE_SETTINGS_KEYS;\n  const { isMobileRender, isCardMemberRender } = usePageSettings();\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n\n  const handleViewDetails = () => {\n    fireElementClicked({\n      actionOutcome: `Link to ${getField(\n        primaryCard,\n        \"displayName\",\n        sectionId\n      )} Single Page`,\n      text: \"View Details\",\n      elementType: TAGULAR_ELEMENT_TYPES.BUTTON,\n      ...tagularProps,\n    });\n  };\n\n  const handleChangeTab = (index, tabName) => {\n    fireElementClicked({\n      actionOutcome: \"Set Tab\",\n      text: tabName,\n      elementType: TAGULAR_ELEMENT_TYPES.BUTTON,\n      ...tagularProps,\n    });\n    setSelectedTabIndex(index);\n  };\n\n  const travelBenefitsSection = useSection(CM_TRAVEL_BENEFITS);\n\n  const { travelBenefits } = useMemo(\n    () => ({\n      travelBenefits: getBenefits(travelBenefitsSection, primaryCard.id),\n    }),\n    [primaryCard]\n  );\n\n  const tabContent = [\n    howYouEarnSectionId,\n    everyDaySectionId,\n    travelSectionId,\n    \"none\",\n  ];\n  const section = useSection(tabContent[selectedTabIndex]);\n  let benefits = getBenefits(section, primaryCard.id);\n  if (sections?.length) {\n    benefits = getBenefits(sections[selectedTabIndex], primaryCard.id);\n  }\n\n  const tabs = useMemo(() => {\n    const memoTabs = [\n      { content: \"How You Earn\" },\n      { content: \"Everyday benefits\" },\n    ];\n\n    if (!isEmpty(travelBenefits) && hasTravelBenefits) {\n      memoTabs.push({ content: \"Travel benefits\" });\n    }\n    if (primaryCard.id === AMEX_CNS_CARD_IDS.PLATINUM && isCardMemberRender) {\n      memoTabs.push({ content: \"Add an Additional User\" });\n    }\n\n    return memoTabs;\n  }, [travelBenefits?.length, primaryCard.id]);\n\n  return (\n    <div\n      className={cn(\n        \"bg-white flex mx-auto relative p-24 rounded-lg shadow-xs\",\n        props.className\n      )}\n      data-test-card-id={primaryCard.id}\n    >\n      <div className=\"flex-[3_3_26%] relative\">\n        <div>\n          <DangerSet\n            as={Title}\n            asProps={{\n              as: \"h3\",\n              title: 6,\n            }}\n            className=\"pb-12 text-center\"\n            {...ContentfulProps(primaryCard, \"displayName\")}\n            html={getField(primaryCard, \"displayName\", sectionId)}\n          />\n          <div className={cn(cardArtProps?.className)}>\n            {!secondaryCard?.id ? (\n              <CardArt hasMetaOverrideTheme card={primaryCard} />\n            ) : (\n              <CardArtStacker\n                cardIds={[primaryCard.id, secondaryCard.id]}\n                className=\"w-[240px] max-w-full relative\"\n                sourceSizes=\"240px\"\n              />\n            )}\n          </div>\n        </div>\n        <Apply\n          sectionId={sectionId}\n          labelPrefix=\"Apply details (within Great For) for:\"\n          card={primaryCard}\n          alignCenter={false}\n          buttonProps={{ className: \"min-w-full\" }}\n          className=\"!text-left max-w-auto pt-24\"\n          forceLegalLinkInNewTab\n          {...tagularProps}\n        />\n        <Button\n          as=\"Link\"\n          data-test-button=\"See Details\"\n          href={getCardUrl(primaryCard.id, isMobileRender, isCardMemberRender)}\n          variation={BUTTON_VARIATIONS.SECONDARY}\n          className=\"w-full m-0 mt-4 max-w-auto\"\n          onClick={handleViewDetails}\n        >\n          View Details\n        </Button>\n      </div>\n      <div className=\"flex-[7_7_74%] ml-40\">\n        <div className=\"mb-40\">\n          <Offer\n            alignBarkerCenter={false}\n            card={primaryCard}\n            sectionId={sectionId}\n            titleProps={{\n              asProps: {\n                as: \"h3\",\n                title: 4,\n              },\n            }}\n            bnplPotAprProps={{\n              titleProps: {\n                as: \"h4\",\n              },\n            }}\n            labelPrefix=\"Offer (Within Standard Banner) for:\"\n            className={cn(\"text-start\")}\n            showBnplPotApr={[\n              AMEX_CNS_CARD_IDS.BLUE_CASH_PREFERRED,\n              AMEX_CNS_CARD_IDS.BLUE_CASH_EVERYDAY,\n              AMEX_CNS_CARD_IDS.PLATINUM,\n            ].includes(primaryCard.id)}\n          />\n        </div>\n        <div className=\"flex flex-row mb-16 flex-nowrap\">\n          {tabs.map((tab, index) => (\n            <button\n              data-test-toggle=\"cm-tabs\"\n              key={index}\n              type=\"button\"\n              onClick={() => handleChangeTab(index, tab?.content)}\n              className={cn(\n                \"relative m-0 flex-1 inline-flex justify-center items-center text-t6 py-12 gap-8 focus:ring-inset capitalize px-8\",\n                {\n                  \"text-amex-brightBlue bg-grey-1 border-t border-grey-2\":\n                    selectedTabIndex !== index,\n                },\n                {\n                  \"before:h-4 before:w-full before:bg-amex-deepBlue before:absolute before:top-0 text-amex-deepBlue bg-white \":\n                    selectedTabIndex === index,\n                }\n              )}\n            >\n              {tab?.content}\n            </button>\n          ))}\n        </div>\n        <div>\n          {selectedTabIndex === 3 ? (\n            <TabBenefitAdditionalUser\n              card={primaryCard}\n              sectionId={sectionId}\n              titleProps={{ title: 6, as: \"h3\" }}\n              subHeadingProps={{ title: 6, as: \"h4\" }}\n            />\n          ) : (\n            <div data-contentful-section-id={tabContent[selectedTabIndex]}>\n              <ul\n                className={cn(\"grid gap-24 \", {\n                  \"grid-cols-1\": benefits.length === 1,\n                  \"grid-cols-2\": benefits.length === 2,\n                  \"grid-cols-3\": benefits.length === 3,\n                  \"grid-cols-4\": benefits.length === 4,\n                  \"grid-cols-5\": benefits.length === 5,\n                  \"grid-cols-6\": benefits.length === 6,\n                })}\n              >\n                {benefits.map((benefit, index) => (\n                  <li key={index} className=\"p-16 bg-grey-1\">\n                    <Title as=\"h3\" title={6}>\n                      {selectedTabIndex === 0 && (\n                        <DangerSet\n                          as=\"span\"\n                          {...ContentfulProps(benefit, \"icon\")}\n                          html={benefit?.fields?.icon}\n                          className={cn(\n                            \" text-amex-deepBlue text-t3\",\n                            iconsAreBold ? \"font-bold\" : \"font-medium\"\n                          )}\n                        />\n                      )}\n                      <DangerSet\n                        className=\"block my-4 font-bold text-amex-deepBlue text-p2\"\n                        as=\"span\"\n                        {...ContentfulProps(benefit, \"title\")}\n                        html={benefit?.fields?.title}\n                      />\n                    </Title>\n                    <DangerSet\n                      className=\"text-grey-6 text-p2 [&>a]:break-words\"\n                      as=\"p\"\n                      {...ContentfulProps(benefit, \"body\")}\n                      html={injectOffer(\n                        benefit?.fields?.body,\n                        getOffer(primaryCard)\n                      )}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCardTileWithBenefitsTabs.propTypes = cardTileWithBenefitsTabsPropTypes;\n\nexport default CardTileWithBenefitsTabs;\n"],"names":["tabBenefitAdditionalUserPropTypes","sectionId","PropTypes","card","CUSTOM_PROP_TYPES","CARD","titleProps","TabBenefitAdditionalUser","title","as","subHeadingProps","props","param","pageSettings","usePageSettings","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","div","className","cn","jsx","Title","p","span","sup","AmexLink","data-test-learn-more","href","URL_ROUTES","APPLY_URL_SUPPLEMENTARY","LegalLinks","offer","getOffer","cardName","getField","alignCenter","forceLegalLinkInNewTab","propTypes","__webpack_exports__","Z","propTypesCmCardBenefitRewards","primaryCard","showOffer","showApplyNow","legalLinkPosition","showGoldRoseGold","CM_LEGAL_LINK_POSITIONS","ABOVE","BELOW","CmCardBenefitRewards","PAGE_SETTINGS_KEYS","CM_V2_PAIRS","secondaryCard","tooltipContent","GOLD_CARD_TOOLTIP","rewardFooter","CM_TRAVEL_BENEFITS","isMobileRender","isCardMemberRender","travelBenefitsSection","useSection","selectedTabIndex","setSelectedTabIndex","useState","travelBenefits","useMemo","getBenefits","id","tabContent","CM_REWARDS","CM_BENEFITS","selectedTabSection","benefits","tabs","memoTabs","content","isEmpty","push","AMEX_CNS_CARD_IDS","PLATINUM","length","CardArtWrapper","useCallback","Tooltip","type","c","ConditionalWrapper","condition","GOLD","wrapper","CardArtStacker","cardIds","sourceSizes","CardArt","variation","CARD_ART_VARIATIONS","STACKED","DEFAULT","AnnualFee","ApplyButton","data-test-button","theme","BUTTON_THEMES","LIGHT","BUTTON_VARIATIONS","BRAND_DEEP_BLUE","Button","getCardUrl","SECONDARY","Offer","alignBarkerCenter","asProps","bnplPotAprProps","labelPrefix","showBnplPotApr","BLUE_CASH_PREFERRED","BLUE_CASH_EVERYDAY","includes","map","t","index","button","data-test-toggle","onClick","subheadingProps","data-contentful-section-id","ul","benefit","li","h3","DangerSet","ContentfulProps","html","fields","icon","injectOffer","body","cardTileWithBenefitsTabsPropTypes","hasTravelBenefits","tagularProps","TAGULAR_PRODUCT","howYouEarnSectionId","everyDaySectionId","travelSectionId","cardArtProps","iconsAreBold","sections","CardTileWithBenefitsTabs","handleChangeTab","tabName","fireElementClicked","actionOutcome","text","elementType","TAGULAR_ELEMENT_TYPES","BUTTON","section","data-test-card-id","hasMetaOverrideTheme","Apply","buttonProps","concat","tab"],"sourceRoot":""}