@financial-times/cp-content-pipeline-ui 11.3.2 → 12.0.1

package/CHANGELOG.md

@@ -574,6 +574,40 @@
     * @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
     * @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
 
+## [12.0.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v12.0.0...cp-content-pipeline-ui-v12.0.1) (2026-05-20)
+
+
+### Bug Fixes
+
+* ci-3632 toppers responsive images were set too small for their display ranges ([0800f88](https://github.com/Financial-Times/cp-content-pipeline/commit/0800f883660f961579fc0fcd2c980a1abcda6552))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * @financial-times/cp-content-pipeline-client bumped from ^6.0.0 to ^6.0.1
+    * @financial-times/cp-content-pipeline-schema bumped from ^5.0.0 to ^5.0.1
+
+## [12.0.0](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v11.3.2...cp-content-pipeline-ui-v12.0.0) (2026-05-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* ci-3413 partner content topper strategy
+
+### Features
+
+* ci-3413 partner content topper strategy ([76816cd](https://github.com/Financial-Times/cp-content-pipeline/commit/76816cda5d5f18c735df9ad2607306b096129204))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * @financial-times/cp-content-pipeline-client bumped from ^5.2.0 to ^6.0.0
+    * @financial-times/cp-content-pipeline-schema bumped from ^4.3.0 to ^5.0.0
+
 ## [11.3.2](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v11.3.1...cp-content-pipeline-ui-v11.3.2) (2026-05-07)
 
 

package/lib/components/PartnerContentHeader/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-declare const PartnerContentHeader: ({ name, disclaimer, }: {
+import type { Article } from '@financial-times/cp-content-pipeline-client';
+declare const PartnerContentHeader: ({ name, disclaimerType, }: {
     name: string;
-    disclaimer: string;
+    disclaimerType?: Article["disclaimerType"];
 }) => React.JSX.Element;
 export default PartnerContentHeader;

package/lib/components/PartnerContentHeader/index.js

@@ -5,13 +5,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const cjs_1 = require("@financial-times/o3-tooltip/cjs");
-const PartnerContentHeader = ({ name = 'Partner', disclaimer, }) => {
+const DISCLAIMER_MESSAGES = {
+    'co-created-content': (name) => `This content was paid for by ${name} and produced in partnership with the Financial Times Commercial department`,
+    'client-supplied-content': (name) => `This content was paid for and produced by ${name}`,
+    'ft-studios-risky': (name) => `This advertisement has been produced by the Commercial department of the Financial Times on behalf of ${name}`,
+    auditor: (name) => `This content was paid for and produced by ${name} with the Financial Times Commercial department`,
+    fallback: (name) => `This content was paid for by ${name} and produced in partnership with the Financial Times Commercial department`,
+};
+const PartnerContentHeader = ({ name = 'the sponsor', disclaimerType, }) => {
     return (react_1.default.createElement("div", { className: "partner-content-header", "data-o3-brand": "core" },
         react_1.default.createElement("div", { className: "partner-content-header__content" },
             react_1.default.createElement("div", { className: "partner-content-header__client" }, name),
             react_1.default.createElement("div", { className: "partner-content-header__title" },
                 react_1.default.createElement("p", null, "Partner Content"),
-                react_1.default.createElement(cjs_1.TooltipToggle, { placement: "bottom", content: disclaimer, infoLabel: "More information on Partner Content" })))));
+                react_1.default.createElement(cjs_1.TooltipToggle, { placement: "bottom", content: DISCLAIMER_MESSAGES[disclaimerType ?? 'fallback'](name), infoLabel: "More information on Partner Content" })))));
 };
 exports.default = PartnerContentHeader;
 //# sourceMappingURL=index.js.map

package/lib/components/PartnerContentHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PartnerContentHeader/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,yDAA+D;AAE/D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,GAAG,SAAS,EAChB,UAAU,GAIX,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAC,wBAAwB,mBAAe,MAAM;QAC1D,uCAAK,SAAS,EAAC,iCAAiC;YAC9C,uCAAK,SAAS,EAAC,gCAAgC,IAAE,IAAI,CAAO;YAC5D,uCAAK,SAAS,EAAC,+BAA+B;gBAC5C,2DAAsB;gBACtB,8BAAC,mBAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,qCAAqC,GAC/C,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PartnerContentHeader/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,yDAA+D;AAG/D,MAAM,mBAAmB,GAGrB;IACF,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC7B,gCAAgC,IAAI,6EAA6E;IACnH,yBAAyB,EAAE,CAAC,IAAI,EAAE,EAAE,CAClC,6CAA6C,IAAI,EAAE;IACrD,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC3B,yGAAyG,IAAI,EAAE;IACjH,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,6CAA6C,IAAI,iDAAiD;IACpG,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CACjB,gCAAgC,IAAI,6EAA6E;CACpH,CAAA;AAED,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,GAAG,aAAa,EACpB,cAAc,GAIf,EAAE,EAAE;IACH,OAAO,CACL,uCAAK,SAAS,EAAC,wBAAwB,mBAAe,MAAM;QAC1D,uCAAK,SAAS,EAAC,iCAAiC;YAC9C,uCAAK,SAAS,EAAC,gCAAgC,IAAE,IAAI,CAAO;YAC5D,uCAAK,SAAS,EAAC,+BAA+B;gBAC5C,2DAAsB;gBACtB,8BAAC,mBAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,mBAAmB,CAAC,cAAc,IAAI,UAAU,CAAC,CAAC,IAAI,CAAC,EAChE,SAAS,EAAC,qCAAqC,GAC/C,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,oBAAoB,CAAA"}

package/lib/components/PartnerContentHeader/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/PartnerContentHeader/index.spec.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const _1 = __importDefault(require("."));
+jest.mock('@financial-times/o3-tooltip/cjs', () => ({
+    TooltipToggle: ({ content, infoLabel, }) => (react_1.default.createElement("button", { "data-testid": "tooltip-toggle", "aria-label": infoLabel }, content)),
+}));
+describe('PartnerContentHeader', () => {
+    const name = 'Acme Corp';
+    const cases = [
+        [
+            'fallback',
+            undefined,
+            'This content was paid for by Acme Corp and produced in partnership with the Financial Times Commercial department',
+        ],
+        [
+            'co-created-content',
+            'co-created-content',
+            'This content was paid for by Acme Corp and produced in partnership with the Financial Times Commercial department',
+        ],
+        [
+            'client-supplied-content',
+            'client-supplied-content',
+            'This content was paid for and produced by Acme Corp',
+        ],
+        [
+            'ft-studios-risky',
+            'ft-studios-risky',
+            'This advertisement has been produced by the Commercial department of the Financial Times on behalf of Acme Corp',
+        ],
+        [
+            'auditor',
+            'auditor',
+            'This content was paid for and produced by Acme Corp with the Financial Times Commercial department',
+        ],
+    ];
+    it.each(cases)('renders the %s disclaimer string', (_, disclaimerType, expected) => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(_1.default, { name: name, disclaimerType: disclaimerType }));
+        const clientName = container.querySelector('.partner-content-header__client');
+        const tooltipToggle = react_2.screen.getByTestId('tooltip-toggle');
+        expect(clientName?.textContent).toBe(name);
+        expect(tooltipToggle.textContent).toBe(expected);
+    });
+});
+//# sourceMappingURL=index.spec.js.map

package/lib/components/PartnerContentHeader/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/PartnerContentHeader/index.spec.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA6C;AAC7C,kDAAuD;AACvD,yCAAoC;AAEpC,IAAI,CAAC,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE,CAAC,CAAC;IAClD,aAAa,EAAE,CAAC,EACd,OAAO,EACP,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,yDAAoB,gBAAgB,gBAAa,SAAS,IACvD,OAAO,CACD,CACV;CACF,CAAC,CAAC,CAAA;AAEH,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,MAAM,IAAI,GAAG,WAAW,CAAA;IACxB,MAAM,KAAK,GAMP;QACF;YACE,UAAU;YACV,SAAS;YACT,mHAAmH;SACpH;QACD;YACE,oBAAoB;YACpB,oBAAoB;YACpB,mHAAmH;SACpH;QACD;YACE,yBAAyB;YACzB,yBAAyB;YACzB,qDAAqD;SACtD;QACD;YACE,kBAAkB;YAClB,kBAAkB;YAClB,iHAAiH;SAClH;QACD;YACE,SAAS;YACT,SAAS;YACT,oGAAoG;SACrG;KACF,CAAA;IAED,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CACZ,kCAAkC,EAClC,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,UAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,CACrE,CAAA;QAED,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CACxC,iCAAiC,CAClC,CAAA;QACD,MAAM,aAAa,GAAG,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;QAE1D,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1C,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAClD,CAAC,CACF,CAAA;AACH,CAAC,CAAC,CAAA"}

package/lib/components/Topper/HeaderSlot.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ArticleQuery } from '@financial-times/cp-content-pipeline-client';
+type Content = ArticleQuery['content'];
+type HeaderSlotProps = {
+    content: Content;
+};
+declare const HeaderSlot: React.FC<HeaderSlotProps>;
+export default HeaderSlot;

package/lib/components/Topper/HeaderSlot.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const PartnerContentHeader_1 = __importDefault(require("../PartnerContentHeader"));
+const isHeaderSlotType = (value) => value in headerConfigs;
+/**
+ * add new configs for new components to this map.
+ * They take the format:
+ * 'headerSlotTypeFromAPIData': {
+ *  Component: YourNewImportedComponent,
+ *  getProps: (content) => ({props: props})
+ * } satisfies HeaderConfig<ComponentProps<typeof YourNewImportedComponent>>,
+ * Also remember to import the component at the top of this file
+ */
+const headerConfigs = {
+    'partner-content': {
+        Component: PartnerContentHeader_1.default,
+        getProps: (content) => ({
+            name: ('clientName' in content && content.clientName) || 'Sponsor',
+            disclaimerType: content.__typename === 'Article' ? content.disclaimerType : undefined,
+        }),
+    },
+};
+/*
+ * Factory component to render specialised components to the slot above the main topper area. Full instructions in packages/schema/src/model/strategies/topper/README.md
+ */
+const HeaderSlot = ({ content }) => {
+    const headerSlotType = content?.topper?.headerSlot?.type;
+    if (!headerSlotType || !isHeaderSlotType(headerSlotType))
+        return null;
+    const { Component, getProps } = headerConfigs[headerSlotType];
+    return react_1.default.createElement(Component, { ...getProps(content) });
+};
+exports.default = HeaderSlot;
+//# sourceMappingURL=HeaderSlot.js.map

package/lib/components/Topper/HeaderSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSlot.js","sourceRoot":"","sources":["../../../src/components/Topper/HeaderSlot.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4D;AAC5D,mFAA0D;AAa1D,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAA2B,EAAE,CAClE,KAAK,IAAI,aAAa,CAAA;AAExB;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG;IACpB,iBAAiB,EAAE;QACjB,SAAS,EAAE,8BAAoB;QAC/B,QAAQ,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC;YAC/B,IAAI,EAAE,CAAC,YAAY,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,SAAS;YAClE,cAAc,EACZ,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;SACxE,CAAC;KACiE;CACtE,CAAA;AAED;;GAEG;AACH,MAAM,UAAU,GAA8B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,cAAc,GAAG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,CAAA;IACxD,IAAI,CAAC,cAAc,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC;QAAE,OAAO,IAAI,CAAA;IAErE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,cAAc,CAAC,CAAA;IAE7D,OAAO,8BAAC,SAAS,OAAK,QAAQ,CAAC,OAAO,CAAC,GAAI,CAAA;AAC7C,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/lib/components/Topper/Picture.js

@@ -30,8 +30,7 @@ const topperGetBreakpointsMap = {
                 return {
                     normal: { minWidth: 1220, maxWidth: 1439 },
                     wide: { minWidth: 1440, maxWidth: 1919 },
-                    wideL: { minWidth: 1920, maxWidth: 3839 },
-                    wideXL: { minWidth: 3840 },
+                    wideL: { minWidth: 1920 },
                 };
         }
     },
@@ -59,21 +58,6 @@ const topperGetBreakpointsMap = {
                 };
         }
     },
-    PartnerContentTopper(image) {
-        switch (image.format) {
-            case 'square':
-                return { maxWidth: 490 };
-            case 'standard':
-                return { minWidth: 491, maxWidth: 1219 };
-            case 'wide':
-                return {
-                    normal: { minWidth: 1220, maxWidth: 1439 },
-                    wide: { minWidth: 1440, maxWidth: 1919 },
-                    wideL: { minWidth: 1920, maxWidth: 3839 },
-                    wideXL: { minWidth: 3840 },
-                };
-        }
-    },
 };
 const Picture = (props) => {
     const { topper, alt = '' } = props;

package/lib/components/Topper/Picture.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picture.js","sourceRoot":"","sources":["../../../src/components/Topper/Picture.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Picture.js","sourceRoot":"","sources":["../../../src/components/Topper/Picture.tsx"],"names":[],"mappings":"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"}

package/lib/components/Topper/index.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const Wrapper_1 = __importDefault(require("./Wrapper"));
+const HeaderSlot_1 = __importDefault(require("./HeaderSlot"));
 const Tags_1 = __importDefault(require("./Tags"));
 const Headline_1 = __importDefault(require("./Headline"));
 const Intro_1 = __importDefault(require("./Intro"));
@@ -38,25 +39,16 @@ const LiveBlogIndicator_1 = __importDefault(require("./LiveBlogIndicator"));
 const MainImage_1 = __importDefault(require("../MainImage"));
 const Flourish_1 = __importDefault(require("../content-tree/Flourish"));
 const classnames_1 = __importDefault(require("classnames"));
-const PartnerContentHeader_1 = __importDefault(require("../PartnerContentHeader"));
-const DISCLAIMER_MESSAGES = {
-    'co-created-content': (sponsorName) => `This content was paid for by ${sponsorName} and produced in partnership with the Financial Times Commercial department`,
-    'client-supplied-content': (sponsorName) => `This content was paid for and produced by ${sponsorName}`,
-    'ft-studios-risky': (sponsorName) => `This advertisement has been produced by the Commercial department of the Financial Times on behalf of ${sponsorName}`,
-    auditor: (sponsorName) => `This content was paid for and produced by ${sponsorName} with the Financial Times Commercial department`,
-};
 const Topper = ({ content, slot, followButtonSlot, showPremiumLabel = false, readNextSlot, }) => {
     const { topper } = content;
     if (!topper) {
         return null;
     }
-    const isArticle = content.__typename === 'Article';
     const isPackage = content.__typename === 'ContentPackage';
     const isLiveBlog = content.__typename === 'LiveBlogPackage';
     const isBasic = topper.__typename === 'BasicTopper';
     const isOpinion = topper.__typename === 'OpinionTopper';
     const isFlourish = topper.__typename === 'TopperWithFlourish' && !!topper.leadFlourish;
-    const isPartnerContent = topper.__typename === 'PartnerContentTopper';
     const mainImageTopper = isBasic || isOpinion || topper.__typename === 'BrandedTopper';
     const hasLayout = ('layoutConfiguration' in topper && topper.layoutConfiguration) ||
         ('layout' in topper && topper.layout);
@@ -68,8 +60,6 @@ const Topper = ({ content, slot, followButtonSlot, showPremiumLabel = false, rea
     const hasColumnists = 'columnists' in topper &&
         !!topper.columnists &&
         topper.columnists.length > 0;
-    const sponsorName = 'clientName' in content && content.clientName;
-    const disclaimerType = isArticle ? content.disclaimerType : undefined;
     const modifiers = [];
     isPackage && modifiers.push('package');
     isPackage && hasDesign && modifiers.push(`package-${topper.design}`);
@@ -102,11 +92,8 @@ const Topper = ({ content, slot, followButtonSlot, showPremiumLabel = false, rea
         }
         return defaultPublishDate;
     };
-    const disclaimer = disclaimerType
-        ? DISCLAIMER_MESSAGES[disclaimerType](sponsorName || 'the sponsor')
-        : `This content was paid for by ${sponsorName || 'the sponsor'} and produced in partnership with the Financial Times Commercial department`;
     return (react_1.default.createElement(react_1.Fragment, null,
-        isPartnerContent && (react_1.default.createElement(PartnerContentHeader_1.default, { name: sponsorName || 'Sponsor', disclaimer: disclaimer || '' })),
+        topper.headerSlot && react_1.default.createElement(HeaderSlot_1.default, { content: content }),
         react_1.default.createElement("div", { className: (0, classnames_1.default)({
                 'article-topper': true,
                 'pinned-post__topper--no-image': isLiveBlog,

package/lib/components/Topper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Topper/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Topper/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/cp-content-pipeline-ui",
-  "version": "11.3.2",
+  "version": "12.0.1",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -17,8 +17,8 @@
     "@babel/preset-react": "^7.22.5",
     "@dotcom-tool-kit/npm": "^5.0.1",
     "@financial-times/content-tree": "0.6.0",
-    "@financial-times/cp-content-pipeline-client": "^5.2.0",
-    "@financial-times/cp-content-pipeline-schema": "^4.3.0",
+    "@financial-times/cp-content-pipeline-client": "^6.0.1",
+    "@financial-times/cp-content-pipeline-schema": "^5.0.1",
     "@financial-times/cp-content-pipeline-styles": "^4.8.2",
     "@financial-times/n-scrollytelling-image": "^1.1.0",
     "@financial-times/o-grid": "^6.1.8",

package/src/components/PartnerContentHeader/index.spec.tsx

@@ -0,0 +1,71 @@
+import React, { ComponentProps } from 'react'
+import { render, screen } from '@testing-library/react'
+import PartnerContentHeader from '.'
+
+jest.mock('@financial-times/o3-tooltip/cjs', () => ({
+  TooltipToggle: ({
+    content,
+    infoLabel,
+  }: {
+    content: string
+    infoLabel: string
+  }) => (
+    <button data-testid="tooltip-toggle" aria-label={infoLabel}>
+      {content}
+    </button>
+  ),
+}))
+
+describe('PartnerContentHeader', () => {
+  const name = 'Acme Corp'
+  const cases: Array<
+    [
+      string,
+      ComponentProps<typeof PartnerContentHeader>['disclaimerType'],
+      string
+    ]
+  > = [
+    [
+      'fallback',
+      undefined,
+      'This content was paid for by Acme Corp and produced in partnership with the Financial Times Commercial department',
+    ],
+    [
+      'co-created-content',
+      'co-created-content',
+      'This content was paid for by Acme Corp and produced in partnership with the Financial Times Commercial department',
+    ],
+    [
+      'client-supplied-content',
+      'client-supplied-content',
+      'This content was paid for and produced by Acme Corp',
+    ],
+    [
+      'ft-studios-risky',
+      'ft-studios-risky',
+      'This advertisement has been produced by the Commercial department of the Financial Times on behalf of Acme Corp',
+    ],
+    [
+      'auditor',
+      'auditor',
+      'This content was paid for and produced by Acme Corp with the Financial Times Commercial department',
+    ],
+  ]
+
+  it.each(cases)(
+    'renders the %s disclaimer string',
+    (_, disclaimerType, expected) => {
+      const { container } = render(
+        <PartnerContentHeader name={name} disclaimerType={disclaimerType} />
+      )
+
+      const clientName = container.querySelector(
+        '.partner-content-header__client'
+      )
+      const tooltipToggle = screen.getByTestId('tooltip-toggle')
+
+      expect(clientName?.textContent).toBe(name)
+      expect(tooltipToggle.textContent).toBe(expected)
+    }
+  )
+})

package/src/components/PartnerContentHeader/index.tsx

@@ -1,12 +1,29 @@
 import React from 'react'
 import { TooltipToggle } from '@financial-times/o3-tooltip/cjs'
+import type { Article } from '@financial-times/cp-content-pipeline-client'
+
+const DISCLAIMER_MESSAGES: Record<
+  NonNullable<Article['disclaimerType'] | 'fallback'>,
+  (name: string) => string
+> = {
+  'co-created-content': (name) =>
+    `This content was paid for by ${name} and produced in partnership with the Financial Times Commercial department`,
+  'client-supplied-content': (name) =>
+    `This content was paid for and produced by ${name}`,
+  'ft-studios-risky': (name) =>
+    `This advertisement has been produced by the Commercial department of the Financial Times on behalf of ${name}`,
+  auditor: (name) =>
+    `This content was paid for and produced by ${name} with the Financial Times Commercial department`,
+  fallback: (name) =>
+    `This content was paid for by ${name} and produced in partnership with the Financial Times Commercial department`,
+}
 
 const PartnerContentHeader = ({
-  name = 'Partner',
-  disclaimer,
+  name = 'the sponsor',
+  disclaimerType,
 }: {
   name: string
-  disclaimer: string
+  disclaimerType?: Article['disclaimerType']
 }) => {
   return (
     <div className="partner-content-header" data-o3-brand="core">
@@ -16,7 +33,7 @@ const PartnerContentHeader = ({
           <p>Partner Content</p>
           <TooltipToggle
             placement="bottom"
-            content={disclaimer}
+            content={DISCLAIMER_MESSAGES[disclaimerType ?? 'fallback'](name)}
             infoLabel="More information on Partner Content"
           />
         </div>

package/src/components/Topper/HeaderSlot.tsx

@@ -0,0 +1,50 @@
+import React, { ComponentProps, ComponentType } from 'react'
+import PartnerContentHeader from '../PartnerContentHeader'
+import type { ArticleQuery } from '@financial-times/cp-content-pipeline-client'
+
+type Content = ArticleQuery['content']
+type HeaderSlotProps = {
+  content: Content
+}
+type HeaderConfig<TProps> = {
+  Component: ComponentType<TProps>
+  getProps: (content: Content) => TProps
+}
+type HeaderSlotType = keyof typeof headerConfigs
+
+const isHeaderSlotType = (value: string): value is HeaderSlotType =>
+  value in headerConfigs
+
+/**
+ * add new configs for new components to this map.
+ * They take the format:
+ * 'headerSlotTypeFromAPIData': {
+ *  Component: YourNewImportedComponent,
+ *  getProps: (content) => ({props: props})
+ * } satisfies HeaderConfig<ComponentProps<typeof YourNewImportedComponent>>,
+ * Also remember to import the component at the top of this file
+ */
+const headerConfigs = {
+  'partner-content': {
+    Component: PartnerContentHeader,
+    getProps: (content: Content) => ({
+      name: ('clientName' in content && content.clientName) || 'Sponsor',
+      disclaimerType:
+        content.__typename === 'Article' ? content.disclaimerType : undefined,
+    }),
+  } satisfies HeaderConfig<ComponentProps<typeof PartnerContentHeader>>,
+}
+
+/*
+ * Factory component to render specialised components to the slot above the main topper area. Full instructions in packages/schema/src/model/strategies/topper/README.md
+ */
+const HeaderSlot: React.FC<HeaderSlotProps> = ({ content }) => {
+  const headerSlotType = content?.topper?.headerSlot?.type
+  if (!headerSlotType || !isHeaderSlotType(headerSlotType)) return null
+
+  const { Component, getProps } = headerConfigs[headerSlotType]
+
+  return <Component {...getProps(content)} />
+}
+
+export default HeaderSlot

package/src/components/Topper/Picture.tsx

@@ -37,8 +37,7 @@ const topperGetBreakpointsMap: Partial<
         return {
           normal: { minWidth: 1220, maxWidth: 1439 },
           wide: { minWidth: 1440, maxWidth: 1919 },
-          wideL: { minWidth: 1920, maxWidth: 3839 },
-          wideXL: { minWidth: 3840 },
+          wideL: { minWidth: 1920 },
         }
     }
   },
@@ -68,22 +67,6 @@ const topperGetBreakpointsMap: Partial<
         }
     }
   },
-
-  PartnerContentTopper(image) {
-    switch (image.format) {
-      case 'square':
-        return { maxWidth: 490 }
-      case 'standard':
-        return { minWidth: 491, maxWidth: 1219 }
-      case 'wide':
-        return {
-          normal: { minWidth: 1220, maxWidth: 1439 },
-          wide: { minWidth: 1440, maxWidth: 1919 },
-          wideL: { minWidth: 1920, maxWidth: 3839 },
-          wideXL: { minWidth: 3840 },
-        }
-    }
-  },
 }
 
 export type PictureProps = {

package/src/components/Topper/index.tsx

@@ -1,5 +1,6 @@
 import React, { Fragment, ReactElement } from 'react'
 import Wrapper from './Wrapper'
+import HeaderSlot from './HeaderSlot'
 import Tags from './Tags'
 import Headline from './Headline'
 import Intro from './Intro'
@@ -11,11 +12,7 @@ import MainImage from '../MainImage'
 import { FollowButtonSlot } from './FollowButtonSlot'
 import Flourish from '../content-tree/Flourish'
 import classnames from 'classnames'
-import type {
-  ArticleQuery,
-  Article,
-} from '@financial-times/cp-content-pipeline-client'
-import PartnerContentHeader from '../PartnerContentHeader'
+import type { ArticleQuery } from '@financial-times/cp-content-pipeline-client'
 
 export type TopperProps = {
   content: ArticleQuery['content']
@@ -25,20 +22,6 @@ export type TopperProps = {
   readNextSlot?: () => ReactElement
 }
 
-const DISCLAIMER_MESSAGES: Record<
-  NonNullable<Article['disclaimerType']>,
-  (sponsorName: string) => string
-> = {
-  'co-created-content': (sponsorName) =>
-    `This content was paid for by ${sponsorName} and produced in partnership with the Financial Times Commercial department`,
-  'client-supplied-content': (sponsorName) =>
-    `This content was paid for and produced by ${sponsorName}`,
-  'ft-studios-risky': (sponsorName) =>
-    `This advertisement has been produced by the Commercial department of the Financial Times on behalf of ${sponsorName}`,
-  auditor: (sponsorName) =>
-    `This content was paid for and produced by ${sponsorName} with the Financial Times Commercial department`,
-}
-
 const Topper: React.FC<TopperProps> = ({
   content,
   slot,
@@ -52,14 +35,12 @@ const Topper: React.FC<TopperProps> = ({
     return null
   }
 
-  const isArticle = content.__typename === 'Article'
   const isPackage = content.__typename === 'ContentPackage'
   const isLiveBlog = content.__typename === 'LiveBlogPackage'
   const isBasic = topper.__typename === 'BasicTopper'
   const isOpinion = topper.__typename === 'OpinionTopper'
   const isFlourish =
     topper.__typename === 'TopperWithFlourish' && !!topper.leadFlourish
-  const isPartnerContent = topper.__typename === 'PartnerContentTopper'
   const mainImageTopper =
     isBasic || isOpinion || topper.__typename === 'BrandedTopper'
   const hasLayout =
@@ -74,8 +55,6 @@ const Topper: React.FC<TopperProps> = ({
     'columnists' in topper &&
     !!topper.columnists &&
     topper.columnists.length > 0
-  const sponsorName = 'clientName' in content && content.clientName
-  const disclaimerType = isArticle ? content.disclaimerType : undefined
 
   const modifiers: string[] = []
 
@@ -119,21 +98,9 @@ const Topper: React.FC<TopperProps> = ({
     return defaultPublishDate
   }
 
-  const disclaimer = disclaimerType
-    ? DISCLAIMER_MESSAGES[disclaimerType](sponsorName || 'the sponsor')
-    : `This content was paid for by ${
-        sponsorName || 'the sponsor'
-      } and produced in partnership with the Financial Times Commercial department`
-
   return (
     <Fragment>
-      {/** TODO: make the name dynamic when upstream is ready */}
-      {isPartnerContent && (
-        <PartnerContentHeader
-          name={sponsorName || 'Sponsor'}
-          disclaimer={disclaimer || ''}
-        />
-      )}
+      {topper.headerSlot && <HeaderSlot content={content} />}
       <div
         className={classnames({
           'article-topper': true,