Revert "[NASAA-203/204] - Create AmpExperiment component, add top sto…

…ries experiment to PS articles"

src/app/pages/ArticlePage/ArticlePage.styles.ts

@@ -81,30 +81,14 @@ export default {
         paddingBottom: `${spacings.QUADRUPLE}rem`,
       },
     }),
-  featuresSection: ({ spacings, mq }: Theme) =>
-    css({
-      marginBottom: `${spacings.TRIPLE}rem`,
 
-      [mq.GROUP_4_MIN_WIDTH]: {
-        marginBottom: `${spacings.FULL}rem`,
-        padding: `${spacings.DOUBLE}rem`,
-      },
-    }),
-  topStoriesSection: ({ spacings, mq }: Theme) =>
+  topStoriesAndFeaturesSection: ({ spacings, mq }: Theme) =>
     css({
       marginBottom: `${spacings.TRIPLE}rem`,
+
       [mq.GROUP_4_MIN_WIDTH]: {
-        display: 'block',
         marginBottom: `${spacings.FULL}rem`,
         padding: `${spacings.DOUBLE}rem`,
       },
-      '[amp-x-topStoriesExperiment="show_at_halfway"] &': {
-        display: 'none',
-        [mq.GROUP_4_MIN_WIDTH]: {
-          display: 'block',
-          marginBottom: `${spacings.FULL}rem`,
-          padding: `${spacings.DOUBLE}rem`,
-        },
-      },
     }),
 };

src/app/pages/ArticlePage/ArticlePage.tsx

@@ -59,26 +59,20 @@ import {
 import { ServiceContext } from '../../contexts/ServiceContext';
 import RelatedContentSection from '../../components/RelatedContentSection';
 import Disclaimer from '../../components/Disclaimer';
+
 import SecondaryColumn from './SecondaryColumn';
+
 import styles from './ArticlePage.styles';
 import { ComponentToRenderProps, TimeStampProps } from './types';
-import AmpExperiment from '../../components/AmpExperiment';
-import {
-  experimentTopStoriesConfig,
-  getExperimentTopStories,
-  ExperimentTopStories,
-} from './experimentTopStories/helpers';
 
 const ArticlePage = ({ pageData }: { pageData: Article }) => {
-  const { isApp, pageType, service, isAmp, id } = useContext(RequestContext);
-
+  const { isApp, pageType, service } = useContext(RequestContext);
   const {
     articleAuthor,
     isTrustProjectParticipant,
     showRelatedTopics,
     brandName,
   } = useContext(ServiceContext);
-
   const { enabled: preloadLeadImageToggle } = useToggle('preloadLeadImage');
 
   const {
@@ -137,16 +131,6 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
     ...(isCPS && { pageTitle: `${atiAnalytics.pageTitle} - ${brandName}` }),
   };
 
-  const topStoriesContent = pageData?.secondaryColumn?.topStories;
-  const { shouldEnableExperimentTopStories, transformedBlocks } =
-    getExperimentTopStories({
-      blocks,
-      topStoriesContent,
-      isAmp,
-      service,
-      id,
-    });
-
   const componentsToRender = {
     visuallyHiddenHeadline,
     headline: headings,
@@ -190,10 +174,6 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
       <Disclaimer {...props} increasePaddingOnDesktop={false} />
     ),
     podcastPromo: () => (podcastPromoEnabled ? <InlinePodcastPromo /> : null),
-    experimentTopStories: () =>
-      topStoriesContent ? (
-        <ExperimentTopStories topStoriesContent={topStoriesContent} />
-      ) : null,
   };
 
   const visuallyHiddenBlock = {
@@ -203,8 +183,8 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
   };
 
   const articleBlocks = startsWithHeading
-    ? transformedBlocks
-    : [visuallyHiddenBlock, ...transformedBlocks];
+    ? blocks
+    : [visuallyHiddenBlock, ...blocks];
 
   const promoImageBlocks =
     pageData?.promo?.images?.defaultPromoImage?.blocks ?? [];
@@ -226,9 +206,6 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
 
   return (
     <div css={styles.pageWrapper}>
-      {shouldEnableExperimentTopStories && (
-        <AmpExperiment experimentConfig={experimentTopStoriesConfig} />
-      )}
       <ATIAnalytics atiData={atiData} />
       <ChartbeatAnalytics
         sectionName={pageData?.relatedContent?.section?.name}

src/app/pages/ArticlePage/SecondaryColumn.tsx

@@ -21,12 +21,15 @@ const SecondaryColumn = ({ pageData }: { pageData: Article }) => {
   return (
     <div css={styles.secondaryColumn}>
       {topStoriesContent && (
-        <div css={styles.topStoriesSection} data-testid="top-stories">
+        <div
+          css={styles.topStoriesAndFeaturesSection}
+          data-testid="top-stories"
+        >
           <TopStoriesSection content={topStoriesContent} />
         </div>
       )}
       {featuresContent && (
-        <div css={styles.featuresSection} data-testid="features">
+        <div css={styles.topStoriesAndFeaturesSection} data-testid="features">
           <FeaturesAnalysis
             content={featuresContent}
             parentColumns={{}}