@cooperco/cooper-component-library 0.1.78 → 0.1.80

package/dist/cms/contentful/queries/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 {
@@ -15,6 +16,9 @@ export const getContainerModule: DocumentNode = gql`
 							sys {
 								id
 							}
+							... on HighlightedText {
+								text
+							}
 						}
 					}
 				}
@@ -38,6 +42,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			leftContent {
 				... on Accordion {
@@ -83,6 +93,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			rightContent {
 				... on Accordion {
@@ -115,6 +131,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			backgroundImage {
 				...imageFragment

package/dist/cms/contentful/queries/fragments.js

@@ -137,6 +137,8 @@ export const tileContentFragment = gql `
 			...tileLabelFragment
 		}
 		alignment
+		bodyCopyAlignment
+		footer
 		variant
 	}
 `;

package/dist/cms/contentful/queries/fragments.ts

@@ -146,6 +146,8 @@ export const tileContentFragment: DocumentNode = gql`
 			...tileLabelFragment
 		}
 		alignment
+		bodyCopyAlignment
+		footer
 		variant
 	}
 `

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

@@ -1,5 +1,5 @@
 import { gql } from 'graphql-tag';
-import { tileContentFragment, tileLabelFragment } from './fragments.js';
+import { tileContentFragment, tileLabelFragment, ctaFragment, } from './fragments.js';
 export const getTileContent = gql `
 	${tileContentFragment}
 	query tileContentQuery($id: String!, $preview: Boolean = false) {
@@ -18,6 +18,7 @@ export const getTileLabel = gql `
 `;
 export const getTileCollection = gql `
 	${tileContentFragment}
+	${ctaFragment}
 	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
 		tileCollectionModule(id: $id, preview: $preview) {
 			headline
@@ -26,6 +27,11 @@ export const getTileCollection = gql `
 					...tileContentFragment
 				}
 			}
+			ctasCollection(limit: 4) {
+				items {
+					...ctaFragment
+				}
+			}
 			backgroundColor
 			variant
 			tileLabelType

package/dist/cms/contentful/queries/tileCollection.query.ts

@@ -1,6 +1,10 @@
 import { gql } from 'graphql-tag'
 import type { DocumentNode } from 'graphql'
-import { tileContentFragment, tileLabelFragment } from './fragments.js'
+import {
+	tileContentFragment,
+	tileLabelFragment,
+	ctaFragment,
+} from './fragments.js'
 
 export const getTileContent: DocumentNode = gql`
 	${tileContentFragment}
@@ -22,6 +26,7 @@ export const getTileLabel: DocumentNode = gql`
 
 export const getTileCollection: DocumentNode = gql`
 	${tileContentFragment}
+	${ctaFragment}
 	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
 		tileCollectionModule(id: $id, preview: $preview) {
 			headline
@@ -30,6 +35,11 @@ export const getTileCollection: DocumentNode = gql`
 					...tileContentFragment
 				}
 			}
+			ctasCollection(limit: 4) {
+				items {
+					...ctaFragment
+				}
+			}
 			backgroundColor
 			variant
 			tileLabelType

package/dist/cms/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/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/fragments.ts

@@ -146,6 +146,8 @@ export const tileContentFragment: DocumentNode = gql`
 			...tileLabelFragment
 		}
 		alignment
+		bodyCopyAlignment
+		footer
 		variant
 	}
 `

package/dist/cms/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/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/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/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/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/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/queries/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 {
@@ -15,6 +16,9 @@ export const getContainerModule: DocumentNode = gql`
 							sys {
 								id
 							}
+							... on HighlightedText {
+								text
+							}
 						}
 					}
 				}
@@ -38,6 +42,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			leftContent {
 				... on Accordion {
@@ -83,6 +93,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			rightContent {
 				... on Accordion {
@@ -115,6 +131,12 @@ export const getContainerModule: DocumentNode = gql`
 					}
 					__typename
 				}
+				... on TileCollectionModule {
+					sys {
+						id
+					}
+					__typename
+				}
 			}
 			backgroundImage {
 				...imageFragment

package/dist/cms/queries/fragments.ts

@@ -146,6 +146,8 @@ export const tileContentFragment: DocumentNode = gql`
 			...tileLabelFragment
 		}
 		alignment
+		bodyCopyAlignment
+		footer
 		variant
 	}
 `

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

@@ -1,6 +1,10 @@
 import { gql } from 'graphql-tag'
 import type { DocumentNode } from 'graphql'
-import { tileContentFragment, tileLabelFragment } from './fragments.js'
+import {
+	tileContentFragment,
+	tileLabelFragment,
+	ctaFragment,
+} from './fragments.js'
 
 export const getTileContent: DocumentNode = gql`
 	${tileContentFragment}
@@ -22,6 +26,7 @@ export const getTileLabel: DocumentNode = gql`
 
 export const getTileCollection: DocumentNode = gql`
 	${tileContentFragment}
+	${ctaFragment}
 	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
 		tileCollectionModule(id: $id, preview: $preview) {
 			headline
@@ -30,6 +35,11 @@ export const getTileCollection: DocumentNode = gql`
 					...tileContentFragment
 				}
 			}
+			ctasCollection(limit: 4) {
+				items {
+					...ctaFragment
+				}
+			}
 			backgroundColor
 			variant
 			tileLabelType