@cooperco/cooper-component-library 0.1.79 → 0.1.81

package/dist/cms/0065-create-hello-banner.cjs

@@ -0,0 +1,62 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const helloBanner = migration.createContentType('helloBanner', {
+			name: 'Hello Banner',
+			displayField: 'entryName',
+			description: 'Manage the hello banner component',
+		})
+
+		// Add required entryName field
+		addEntryNameField(helloBanner)
+
+		// Active field
+		helloBanner
+			.createField('active')
+			.name('Active')
+			.type('Boolean')
+			.required(true)
+			.defaultValue({ 'en-US': false })
+		helloBanner.changeFieldControl('active', 'builtin', 'boolean', {
+			helpText: 'Toggle to show/hide the hello banner',
+		})
+
+		// Full Copy field
+		helloBanner
+			.createField('fullCopy')
+			.name('Full Copy')
+			.type('Text')
+			.required(true)
+		helloBanner.changeFieldControl('fullCopy', 'builtin', 'multipleLine', {
+			helpText: 'Main promotional text displayed on desktop and mobile expanded',
+		})
+
+		// Mobile Collapsed field
+		helloBanner
+			.createField('mobileCollapsed')
+			.name('Mobile Collapsed')
+			.type('Symbol')
+			.required(true)
+		helloBanner.changeFieldControl('mobileCollapsed', 'builtin', 'singleLine', {
+			helpText: 'Text displayed when the hello banner is collapsed on mobile devices',
+		})
+
+		// CTA reference
+		helloBanner.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			required: false,
+			validations: [{ linkContentType: ['cta'] }],
+		})
+		helloBanner.changeFieldControl('cta', 'builtin', 'entryLinkEditor', {
+			helpText: 'Call-to-action button or link',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('helloBanner')
+	},
+}

package/dist/cms/0066-add-tile-collection-to-container-module.cjs

@@ -0,0 +1,86 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const containerModule = migration.editContentType('containerModule')
+
+		// Add tileCollectionModule to fullWidthContent validations
+		containerModule.editField('fullWidthContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'tileCollectionModule',
+				],
+			},
+		])
+
+		// Add tileCollectionModule to leftContent validations
+		containerModule.editField('leftContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+					'tileCollectionModule',
+				],
+			},
+		])
+
+		// Add tileCollectionModule to rightContent validations
+		containerModule.editField('rightContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+					'tileCollectionModule',
+				],
+			},
+		])
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const containerModule = migration.editContentType('containerModule')
+
+		// Revert fullWidthContent to original validations
+		containerModule.editField('fullWidthContent').validations([
+			{
+				linkContentType: ['contentModule', 'tileContent', 'accordion'],
+			},
+		])
+
+		// Revert leftContent to original validations
+		containerModule.editField('leftContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+				],
+			},
+		])
+
+		// Revert rightContent to original validations
+		containerModule.editField('rightContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+				],
+			},
+		])
+	},
+}

package/dist/cms/0067-add-cta-to-tile-collection-module.cjs

@@ -0,0 +1,37 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileCollectionModule =
+			migration.editContentType('tileCollectionModule')
+
+		tileCollectionModule
+			.createField('ctas')
+			.name('CTAs')
+			.type('Array')
+			.items({
+				type: 'Link',
+				linkType: 'Entry',
+				validations: [{ linkContentType: ['cta'] }],
+			})
+			.validations([{ size: { max: 4 } }])
+		tileCollectionModule.changeFieldControl(
+			'ctas',
+			'builtin',
+			'entryLinksEditor',
+			{
+				helpText: 'Call-to-action buttons displayed below the tile collection',
+			}
+		)
+
+		tileCollectionModule.moveField('ctas').afterField('tiles')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileCollectionModule =
+			migration.editContentType('tileCollectionModule')
+		tileCollectionModule.deleteField('ctas')
+	},
+}

package/dist/cms/0068-add-body-copy-alignment-to-tile-content.cjs

@@ -0,0 +1,35 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+
+		tileContent.createField('bodyCopyAlignment', {
+			name: 'Body Copy Alignment',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Left', 'Center', 'Right'],
+				},
+			],
+		})
+		tileContent.changeFieldControl(
+			'bodyCopyAlignment',
+			'builtin',
+			'dropdown',
+			{
+				helpText:
+					'Override the body copy text alignment independently from the general alignment. If not set, body copy will follow the general alignment.',
+			}
+		)
+
+		tileContent.moveField('bodyCopyAlignment').afterField('bodyCopy')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+		tileContent.deleteField('bodyCopyAlignment')
+	},
+}

package/dist/cms/0069-add-footer-to-tile-content.cjs

@@ -0,0 +1,25 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+
+		tileContent.createField('footer', {
+			name: 'Footer',
+			type: 'Symbol',
+		})
+		tileContent.changeFieldControl('footer', 'builtin', 'singleLine', {
+			helpText: 'Optional footer text displayed below the body copy and CTAs.',
+		})
+
+		tileContent.moveField('footer').afterField('bodyCopyAlignment')
+		tileContent.moveField('backgroundColor').afterField('tileLabel')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+		tileContent.deleteField('footer')
+	},
+}

package/dist/cms/0070-make-cta-type-required.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const cta = migration.editContentType('cta')
+		cta.editField('type').required(true)
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const cta = migration.editContentType('cta')
+		cta.editField('type').required(false)
+	},
+}

package/dist/cms/containerModule.query.ts

@@ -7,6 +7,7 @@ export const getContainerModule: DocumentNode = gql`
 	${videoFragment}
 	query containerModuleQuery($id: String!, $preview: Boolean = false) {
 		containerModule(id: $id, preview: $preview) {
+			__typename
 			headline {
 				json
 				links {
@@ -41,6 +42,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			leftContent {
 				... on Accordion {
@@ -86,6 +93,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			rightContent {
 				... on Accordion {
@@ -118,6 +131,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			backgroundImage {
 				...imageFragment

package/dist/cms/contentful/migrations/drafts/create-hello-banner.cjs

@@ -0,0 +1,62 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const helloBanner = migration.createContentType('helloBanner', {
+			name: 'Hello Banner',
+			displayField: 'entryName',
+			description: 'Manage the hello banner component',
+		})
+
+		// Add required entryName field
+		addEntryNameField(helloBanner)
+
+		// Active field
+		helloBanner
+			.createField('active')
+			.name('Active')
+			.type('Boolean')
+			.required(true)
+			.defaultValue({ 'en-US': false })
+		helloBanner.changeFieldControl('active', 'builtin', 'boolean', {
+			helpText: 'Toggle to show/hide the hello banner',
+		})
+
+		// Full Copy field
+		helloBanner
+			.createField('fullCopy')
+			.name('Full Copy')
+			.type('Text')
+			.required(true)
+		helloBanner.changeFieldControl('fullCopy', 'builtin', 'multipleLine', {
+			helpText: 'Main promotional text displayed on desktop and mobile expanded',
+		})
+
+		// Mobile Collapsed field
+		helloBanner
+			.createField('mobileCollapsed')
+			.name('Mobile Collapsed')
+			.type('Symbol')
+			.required(true)
+		helloBanner.changeFieldControl('mobileCollapsed', 'builtin', 'singleLine', {
+			helpText: 'Text displayed when the hello banner is collapsed on mobile devices',
+		})
+
+		// CTA reference
+		helloBanner.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			required: false,
+			validations: [{ linkContentType: ['cta'] }],
+		})
+		helloBanner.changeFieldControl('cta', 'builtin', 'entryLinkEditor', {
+			helpText: 'Call-to-action button or link',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('helloBanner')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0065-create-hello-banner.cjs

@@ -0,0 +1,62 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const helloBanner = migration.createContentType('helloBanner', {
+			name: 'Hello Banner',
+			displayField: 'entryName',
+			description: 'Manage the hello banner component',
+		})
+
+		// Add required entryName field
+		addEntryNameField(helloBanner)
+
+		// Active field
+		helloBanner
+			.createField('active')
+			.name('Active')
+			.type('Boolean')
+			.required(true)
+			.defaultValue({ 'en-US': false })
+		helloBanner.changeFieldControl('active', 'builtin', 'boolean', {
+			helpText: 'Toggle to show/hide the hello banner',
+		})
+
+		// Full Copy field
+		helloBanner
+			.createField('fullCopy')
+			.name('Full Copy')
+			.type('Text')
+			.required(true)
+		helloBanner.changeFieldControl('fullCopy', 'builtin', 'multipleLine', {
+			helpText: 'Main promotional text displayed on desktop and mobile expanded',
+		})
+
+		// Mobile Collapsed field
+		helloBanner
+			.createField('mobileCollapsed')
+			.name('Mobile Collapsed')
+			.type('Symbol')
+			.required(true)
+		helloBanner.changeFieldControl('mobileCollapsed', 'builtin', 'singleLine', {
+			helpText: 'Text displayed when the hello banner is collapsed on mobile devices',
+		})
+
+		// CTA reference
+		helloBanner.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			required: false,
+			validations: [{ linkContentType: ['cta'] }],
+		})
+		helloBanner.changeFieldControl('cta', 'builtin', 'entryLinkEditor', {
+			helpText: 'Call-to-action button or link',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('helloBanner')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0066-add-tile-collection-to-container-module.cjs

@@ -0,0 +1,86 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const containerModule = migration.editContentType('containerModule')
+
+		// Add tileCollectionModule to fullWidthContent validations
+		containerModule.editField('fullWidthContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'tileCollectionModule',
+				],
+			},
+		])
+
+		// Add tileCollectionModule to leftContent validations
+		containerModule.editField('leftContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+					'tileCollectionModule',
+				],
+			},
+		])
+
+		// Add tileCollectionModule to rightContent validations
+		containerModule.editField('rightContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+					'tileCollectionModule',
+				],
+			},
+		])
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const containerModule = migration.editContentType('containerModule')
+
+		// Revert fullWidthContent to original validations
+		containerModule.editField('fullWidthContent').validations([
+			{
+				linkContentType: ['contentModule', 'tileContent', 'accordion'],
+			},
+		])
+
+		// Revert leftContent to original validations
+		containerModule.editField('leftContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+				],
+			},
+		])
+
+		// Revert rightContent to original validations
+		containerModule.editField('rightContent').validations([
+			{
+				linkContentType: [
+					'contentModule',
+					'tileContent',
+					'accordion',
+					'image',
+					'video',
+				],
+			},
+		])
+	},
+}

package/dist/cms/contentful/migrations/scripts/0067-add-cta-to-tile-collection-module.cjs

@@ -0,0 +1,37 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileCollectionModule =
+			migration.editContentType('tileCollectionModule')
+
+		tileCollectionModule
+			.createField('ctas')
+			.name('CTAs')
+			.type('Array')
+			.items({
+				type: 'Link',
+				linkType: 'Entry',
+				validations: [{ linkContentType: ['cta'] }],
+			})
+			.validations([{ size: { max: 4 } }])
+		tileCollectionModule.changeFieldControl(
+			'ctas',
+			'builtin',
+			'entryLinksEditor',
+			{
+				helpText: 'Call-to-action buttons displayed below the tile collection',
+			}
+		)
+
+		tileCollectionModule.moveField('ctas').afterField('tiles')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileCollectionModule =
+			migration.editContentType('tileCollectionModule')
+		tileCollectionModule.deleteField('ctas')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0068-add-body-copy-alignment-to-tile-content.cjs

@@ -0,0 +1,35 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+
+		tileContent.createField('bodyCopyAlignment', {
+			name: 'Body Copy Alignment',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Left', 'Center', 'Right'],
+				},
+			],
+		})
+		tileContent.changeFieldControl(
+			'bodyCopyAlignment',
+			'builtin',
+			'dropdown',
+			{
+				helpText:
+					'Override the body copy text alignment independently from the general alignment. If not set, body copy will follow the general alignment.',
+			}
+		)
+
+		tileContent.moveField('bodyCopyAlignment').afterField('bodyCopy')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+		tileContent.deleteField('bodyCopyAlignment')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0069-add-footer-to-tile-content.cjs

@@ -0,0 +1,25 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+
+		tileContent.createField('footer', {
+			name: 'Footer',
+			type: 'Symbol',
+		})
+		tileContent.changeFieldControl('footer', 'builtin', 'singleLine', {
+			helpText: 'Optional footer text displayed below the body copy and CTAs.',
+		})
+
+		tileContent.moveField('footer').afterField('bodyCopyAlignment')
+		tileContent.moveField('backgroundColor').afterField('tileLabel')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileContent = migration.editContentType('tileContent')
+		tileContent.deleteField('footer')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0070-make-cta-type-required.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const cta = migration.editContentType('cta')
+		cta.editField('type').required(true)
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const cta = migration.editContentType('cta')
+		cta.editField('type').required(false)
+	},
+}

package/dist/cms/contentful/queries/containerModule.query.js

@@ -5,6 +5,7 @@ export const getContainerModule = gql `
 	${videoFragment}
 	query containerModuleQuery($id: String!, $preview: Boolean = false) {
 		containerModule(id: $id, preview: $preview) {
+			__typename
 			headline {
 				json
 				links {
@@ -39,6 +40,12 @@ export const getContainerModule = gql `
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			leftContent {
 				... on Accordion {
@@ -84,6 +91,12 @@ export const getContainerModule = gql `
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			rightContent {
 				... on Accordion {
@@ -116,6 +129,12 @@ export const getContainerModule = gql `
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			backgroundImage {
 				...imageFragment