@cooperco/cooper-component-library 0.1.121 → 0.1.122

package/dist/cms/queries/splitModule.query.ts

@@ -1,79 +1,53 @@
 import { gql } from 'graphql-tag'
 import type { DocumentNode } from 'graphql'
+import { imageFragment } from './fragments.js'
 
 export const getSplitModule: DocumentNode = gql`
+	${imageFragment}
 	query splitModuleQuery($id: String!, $preview: Boolean = false) {
 		splitModule(id: $id, preview: $preview) {
 			sys {
 				id
 			}
 
-			start {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
-					}
-				}
+			image {
+				...imageFragment
 			}
 
-			center {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
+			header {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
 					}
 				}
 			}
 
-			end {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
+			bodyCopy {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
 					}
 				}
 			}
 
+			variant
+
 			backgroundColor
 		}
 	}

package/dist/cms/scripts/0090-splitmodule-flat-fields.cjs

@@ -0,0 +1,114 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+
+		splitModule
+			.createField('image')
+			.name('Image')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations([{ linkContentType: ['image'] }])
+
+		// header / bodyCopy are RichText mirroring contentModule.headline /
+		// contentModule.bodyCopy (verified on qa-2026-07-01) so the existing
+		// rich-text documents — bold marks, embedded highlightedText numbers
+		// ("80+"), footnotes — copy over losslessly and the consumer renders
+		// them the same way it renders contentModule today. Localized to match
+		// the source fields (en-US, es, ru, zh).
+		splitModule
+			.createField('header')
+			.name('Header')
+			.type('RichText')
+			.localized(true)
+			.required(false)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+						'embedded-entry-inline',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			])
+
+		splitModule
+			.createField('bodyCopy')
+			.name('Body Copy')
+			.type('RichText')
+			.localized(true)
+			.required(false)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+						'embedded-entry-inline',
+						'table',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['testimonialModule'],
+								message: 'You can embed Testimonial entries.',
+							},
+						],
+					},
+				},
+			])
+
+		splitModule
+			.createField('variant')
+			.name('Variant')
+			.type('Symbol')
+			.required(true)
+			.validations([
+				{ in: ['2 Section', '3 Section', 'Background Image'] },
+			])
+
+		splitModule.changeFieldControl('variant', 'builtin', 'dropdown')
+
+		// Order the new fields after entryName using the proven beforeField form
+		// (afterField is avoided — every existing migration here uses beforeField,
+		// and field ordering is cosmetic, not worth risking a migration abort).
+		splitModule.moveField('variant').beforeField('backgroundColor')
+		splitModule.moveField('bodyCopy').beforeField('variant')
+		splitModule.moveField('header').beforeField('bodyCopy')
+		splitModule.moveField('image').beforeField('header')
+	},
+
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+		splitModule.deleteField('image')
+		splitModule.deleteField('header')
+		splitModule.deleteField('bodyCopy')
+		splitModule.deleteField('variant')
+	},
+}

package/dist/cms/scripts/0091-splitmodule-migrate-data.cjs

@@ -0,0 +1,73 @@
+// Schema migration for splitModule: remove the old slot fields now that the
+// flat fields (image/header/bodyCopy/variant) were added in 0090.
+//
+// VERIFIED against qa-2026-07-01 (via Contentful MCP):
+//   - splitModule fields are: entryName, start, center, end, backgroundImage,
+//     backgroundColor. There is NO `headline` field (do not deleteField it —
+//     that would abort the migration).
+//
+// DATA HANDLING: this is a MODEL-ONLY migration. The plan is to DELETE all
+// existing splitModule entries BEFORE running these migrations, then re-author
+// them by hand against the new schema. With zero entries present, deleting
+// start/center/end/backgroundImage affects only the content type — there is no
+// entry data to lose or migrate. (If entries still existed, deleting these
+// fields would drop their slot content.)
+//
+// Because there is no data step, migrations run linearly: 0090 -> 0091 -> 0092.
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+		// NOTE: the live splitModule type has NO `headline` field (verified on
+		// qa-2026-07-01: fields are entryName, start, center, end,
+		// backgroundImage, backgroundColor). Only delete fields that exist —
+		// deleting a non-existent field aborts the whole migration.
+		splitModule.deleteField('start')
+		splitModule.deleteField('center')
+		splitModule.deleteField('end')
+		splitModule.deleteField('backgroundImage')
+	},
+
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+
+		const slotValidations = [
+			{ linkContentType: ['image', 'video', 'contentModule'] },
+		]
+
+		splitModule
+			.createField('start')
+			.name('Start')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations(slotValidations)
+
+		splitModule
+			.createField('center')
+			.name('Center')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations(slotValidations)
+
+		splitModule
+			.createField('end')
+			.name('End')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations(slotValidations)
+
+		splitModule
+			.createField('backgroundImage')
+			.name('Background Image')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations([{ linkContentType: ['image'] }])
+	},
+}

package/dist/cms/scripts/0092-splitmodule-collection-constraints.cjs

@@ -0,0 +1,88 @@
+// Collection + page constraints for the SplitModule consolidation.
+//
+//  1. Restrict containerCollectionModule.modules to splitModule only (it no
+//     longer accepts containerModule). The content-type id / __typename are
+//     unchanged. NOTE: the display-name change below is optional — remove the
+//     collection.name(...) lines if you want to keep the "Container Collection
+//     Module" label. The Vue component keeps the ContainerCollectionModule name.
+//  2. Remove splitModule from page.pageModules — SplitModule is collection-only
+//     and must not be droppable directly onto a page.
+//
+//  MANUAL STEP (not automatable in this migration — cross-type entry change):
+//  The "50,000+ transplants" row is currently a containerModule entry. Convert
+//  it to a splitModule entry with variant 'Background Image' (header/bodyCopy
+//  copied over, backgroundImage -> image incl. mobileMedia), then swap the
+//  reference inside the collection's modules list. Leave the old containerModule
+//  entry unpublished (do not delete) so `down` can restore it. Do this AFTER
+//  0090/0091 have run and BEFORE relying on the collection rendering only
+//  SplitModules.
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['splitModule'] }],
+		})
+
+		const page = migration.editContentType('page')
+		page.editField('pageModules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: [
+						'carouselModule',
+						'chartModule',
+						'containerCollectionModule',
+						'containerModule',
+						'contentModule',
+						'logoCollectionModule',
+						'placeholderModule',
+						'productModule',
+						'tabModule',
+						'testimonialModule',
+						'tileCollectionModule',
+					],
+				},
+			],
+		})
+	},
+
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['containerModule', 'splitModule'] }],
+		})
+
+		const page = migration.editContentType('page')
+		page.editField('pageModules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: [
+						'carouselModule',
+						'chartModule',
+						'containerCollectionModule',
+						'containerModule',
+						'contentModule',
+						'logoCollectionModule',
+						'placeholderModule',
+						'productModule',
+						'splitModule',
+						'tabModule',
+						'testimonialModule',
+						'tileCollectionModule',
+					],
+				},
+			],
+		})
+	},
+}

package/dist/cms/scripts/0093-splitmodule-bodycopy-no-embeds.cjs

@@ -0,0 +1,57 @@
+// Remove inline entry embeds from splitModule.bodyCopy.
+//
+// 0090 created bodyCopy allowing embedded-entry-inline (testimonialModule),
+// mirroring contentModule. SplitModule does not render embedded entries, so
+// this drops embedded-entry-inline from the allowed node types and removes the
+// per-node testimonialModule validation. Plain rich text (bold/italic/lists/
+// hyperlinks/table) is retained. `down` restores the original embed support.
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+
+		splitModule.editField('bodyCopy').validations([
+			{
+				enabledMarks: ['bold', 'italic', 'underline'],
+				message: 'Only bold, italic, and underline marks are allowed',
+			},
+			{
+				enabledNodeTypes: ['ordered-list', 'unordered-list', 'hr', 'hyperlink', 'table'],
+			},
+		])
+	},
+
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const splitModule = migration.editContentType('splitModule')
+
+		splitModule.editField('bodyCopy').validations([
+			{
+				enabledMarks: ['bold', 'italic', 'underline'],
+				message: 'Only bold, italic, and underline marks are allowed',
+			},
+			{
+				enabledNodeTypes: [
+					'ordered-list',
+					'unordered-list',
+					'hr',
+					'hyperlink',
+					'embedded-entry-inline',
+					'table',
+				],
+			},
+			{
+				nodes: {
+					'embedded-entry-inline': [
+						{
+							linkContentType: ['testimonialModule'],
+							message: 'You can embed Testimonial entries.',
+						},
+					],
+				},
+			},
+		])
+	},
+}

package/dist/cms/splitModule.query.ts

@@ -1,79 +1,53 @@
 import { gql } from 'graphql-tag'
 import type { DocumentNode } from 'graphql'
+import { imageFragment } from './fragments.js'
 
 export const getSplitModule: DocumentNode = gql`
+	${imageFragment}
 	query splitModuleQuery($id: String!, $preview: Boolean = false) {
 		splitModule(id: $id, preview: $preview) {
 			sys {
 				id
 			}
 
-			start {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
-					}
-				}
+			image {
+				...imageFragment
 			}
 
-			center {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
+			header {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
 					}
 				}
 			}
 
-			end {
-				__typename
-
-				... on ContentModule {
-					sys {
-						id
-					}
-				}
-
-				... on Image {
-					sys {
-						id
-					}
-				}
-
-				... on Video {
-					sys {
-						id
+			bodyCopy {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
 					}
 				}
 			}
 
+			variant
+
 			backgroundColor
 		}
 	}