@cooperco/cooper-component-library 0.1.60 → 0.1.61

package/dist/cms/contentful/migrations/scripts/0055-create-cta-action.cjs

@@ -0,0 +1,50 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const ctaAction = migration.createContentType('ctaAction', {
+			name: 'CTA Action',
+			description: 'Used to control CTA actions other than navigation.',
+			displayField: 'entryName',
+		})
+
+		addEntryNameField(ctaAction)
+
+		// Title
+		ctaAction.createField('title', {
+			name: 'Title',
+			type: 'Symbol',
+			required: true,
+		})
+
+		// Aria Description
+		ctaAction.createField('ariaDescription', {
+			name: 'Aria Description',
+			type: 'Symbol',
+			required: true,
+		})
+		ctaAction.changeFieldControl('ariaDescription', 'builtin', 'singleLine', {
+			helpText: 'Aria description for CTA Action',
+		})
+
+		// Cta Type
+		ctaAction.createField('triggerMappingValue', {
+			name: 'Trigger Mapping Value',
+			type: 'Symbol',
+			required: true,
+			validations: [
+				{
+					in: ['Sign-in modal'],
+				},
+			],
+		})
+		ctaAction.changeFieldControl('triggerMappingValue', 'builtin', 'dropdown', {
+			helpText: 'A trigger that will determine the action of the CTA',
+		})
+	},
+	down: function (migration) {
+		migration.deleteContentType('ctaAction')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0056-update-cta.cjs

@@ -0,0 +1,25 @@
+module.exports = {
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const cta = migration.editContentType('cta')
+
+		cta.createField('ctaAction', {
+			name: 'CTA Action',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: ['ctaAction'],
+				},
+			],
+		})
+		cta.moveField('ctaAction').beforeField('link')
+		cta.changeFieldControl('ctaAction', 'builtin', 'entry-link-list', {
+			helpText: 'If CTA Action is used, the Link will be ignored.',
+		})
+	},
+	down: function (migration) {
+		const cta = migration.editContentType('cta')
+		cta.deleteField('ctaAction')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0057-add-show-cart-to-page.cjs

@@ -0,0 +1,26 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const page = migration.editContentType('page')
+
+		// Add showCart field
+		const showCartField = page.createField("showCart");
+		showCartField
+			.name("Show Cart")
+			.type("Boolean")
+			.localized(false)
+			.required(false)
+			.disabled(false)
+			.omitted(false)
+		page.changeFieldControl("showCart", "builtin", "boolean", { 
+			"helpText": "Toggle to show/hide the cart functionality on this page" 
+		})
+	},
+
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: async function (migration) {
+		const page = migration.editContentType('page')
+		page.deleteField('showCart')
+	},
+} 

package/dist/cms/contentful/queries/accordion.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getAccordion: DocumentNode;

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

@@ -0,0 +1,19 @@
+import { gql } from 'graphql-tag';
+import { accordionItemFragment } from './fragments.js';
+export const getAccordion = gql `
+	${accordionItemFragment}
+	query accordionQuery($id: String!, $preview: Boolean = false) {
+		accordion(id: $id, preview: $preview) {
+			__typename
+			headline
+			accordionType
+			loadMoreButtonTitle
+			startOpen
+			accordionItemCollection {
+				items {
+					...accordionItemFragment
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,21 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { accordionItemFragment } from './fragments.js'
+
+export const getAccordion: DocumentNode = gql`
+	${accordionItemFragment}
+	query accordionQuery($id: String!, $preview: Boolean = false) {
+		accordion(id: $id, preview: $preview) {
+			__typename
+			headline
+			accordionType
+			loadMoreButtonTitle
+			startOpen
+			accordionItemCollection {
+				items {
+					...accordionItemFragment
+				}
+			}
+		}
+	}
+`

package/dist/cms/contentful/queries/carousel.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getCarousel: DocumentNode;

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

@@ -0,0 +1,32 @@
+import { gql } from 'graphql-tag';
+export const getCarousel = gql `
+	query carouselQuery($id: String!, $preview: Boolean = false) {
+		carouselModule(id: $id, preview: $preview) {
+			headline
+			backgroundColor
+			variant
+			carouselItemsCollection {
+				items {
+					... on TestimonialModule {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on TileContent {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on ContainerModule {
+						sys {
+							id
+						}
+						__typename
+					}
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,34 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+
+export const getCarousel: DocumentNode = gql`
+	query carouselQuery($id: String!, $preview: Boolean = false) {
+		carouselModule(id: $id, preview: $preview) {
+			headline
+			backgroundColor
+			variant
+			carouselItemsCollection {
+				items {
+					... on TestimonialModule {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on TileContent {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on ContainerModule {
+						sys {
+							id
+						}
+						__typename
+					}
+				}
+			}
+		}
+	}
+`

package/dist/cms/contentful/queries/containerModule.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getContainerModule: DocumentNode;

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

@@ -0,0 +1,140 @@
+import { gql } from 'graphql-tag';
+import { imageFragment, videoFragment } from './fragments.js';
+export const getContainerModule = gql `
+	${imageFragment}
+	${videoFragment}
+	query containerModuleQuery($id: String!, $preview: Boolean = false) {
+		containerModule(id: $id, preview: $preview) {
+			headline {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+						}
+					}
+				}
+			}
+			fullWidthContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			leftContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+					bodyCopy {
+						json
+						links {
+							entries {
+								inline {
+									sys {
+										id
+									}
+								}
+							}
+						}
+					}
+					backgroundColor
+				}
+				... on Image {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Video {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			rightContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Image {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Video {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			backgroundImage {
+				...imageFragment
+			}
+			backgroundColor
+			variant
+			mobileImagePosition
+			testimonialTile {
+				entryName
+				headline
+				quote
+				author
+				details
+				media {
+					... on Image {
+						...imageFragment
+					}
+					... on Video {
+						...videoFragment
+					}
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,142 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { imageFragment, videoFragment } from './fragments.js'
+
+export const getContainerModule: DocumentNode = gql`
+	${imageFragment}
+	${videoFragment}
+	query containerModuleQuery($id: String!, $preview: Boolean = false) {
+		containerModule(id: $id, preview: $preview) {
+			headline {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+						}
+					}
+				}
+			}
+			fullWidthContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			leftContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+					bodyCopy {
+						json
+						links {
+							entries {
+								inline {
+									sys {
+										id
+									}
+								}
+							}
+						}
+					}
+					backgroundColor
+				}
+				... on Image {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Video {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			rightContent {
+				... on Accordion {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on TileContent {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on ContentModule {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Image {
+					sys {
+						id
+					}
+					__typename
+				}
+				... on Video {
+					sys {
+						id
+					}
+					__typename
+				}
+			}
+			backgroundImage {
+				...imageFragment
+			}
+			backgroundColor
+			variant
+			mobileImagePosition
+			testimonialTile {
+				entryName
+				headline
+				quote
+				author
+				details
+				media {
+					... on Image {
+						...imageFragment
+					}
+					... on Video {
+						...videoFragment
+					}
+				}
+			}
+		}
+	}
+`

package/dist/cms/contentful/queries/contentModule.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getContentModule: DocumentNode;

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

@@ -0,0 +1,49 @@
+import { gql } from 'graphql-tag';
+import { imageFragment, ctaFragment } from './fragments.js';
+export const getContentModule = gql `
+	${imageFragment}
+	${ctaFragment}
+	query contentModuleQuery($id: String!, $preview: Boolean = false) {
+		contentModule(id: $id, preview: $preview) {
+			alignment
+			logo {
+				...imageFragment
+			}
+			subHeadline
+			headline {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			bodyCopy {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+						}
+					}
+				}
+			}
+			ctasCollection(limit: 6) {
+				items {
+					...ctaFragment
+				}
+			}
+			backgroundColor
+			alignment
+		}
+	}
+`;

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

@@ -0,0 +1,51 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { imageFragment, ctaFragment } from './fragments.js'
+
+export const getContentModule: DocumentNode = gql`
+	${imageFragment}
+	${ctaFragment}
+	query contentModuleQuery($id: String!, $preview: Boolean = false) {
+		contentModule(id: $id, preview: $preview) {
+			alignment
+			logo {
+				...imageFragment
+			}
+			subHeadline
+			headline {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			bodyCopy {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+						}
+					}
+				}
+			}
+			ctasCollection(limit: 6) {
+				items {
+					...ctaFragment
+				}
+			}
+			backgroundColor
+			alignment
+		}
+	}
+`

package/dist/cms/contentful/queries/cta.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getCTA: DocumentNode;

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

@@ -0,0 +1,10 @@
+import { gql } from 'graphql-tag';
+import { ctaFragment } from './fragments.js';
+export const getCTA = gql `
+	${ctaFragment}
+	query ctaQuery($id: String!, $preview: Boolean = false) {
+		cta(id: $id, preview: $preview) {
+			...ctaFragment
+		}
+	}
+`;

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

@@ -0,0 +1,12 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { ctaFragment } from './fragments.js'
+
+export const getCTA: DocumentNode = gql`
+	${ctaFragment}
+	query ctaQuery($id: String!, $preview: Boolean = false) {
+		cta(id: $id, preview: $preview) {
+			...ctaFragment
+		}
+	}
+`

package/dist/cms/contentful/queries/footer.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getFooter: DocumentNode;

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

@@ -0,0 +1,44 @@
+import { gql } from 'graphql-tag';
+import { socialMediaFragment, imageFragment, linkFragment, } from './fragments.js';
+export const getFooter = gql `
+	${socialMediaFragment}
+	${imageFragment}
+	${linkFragment}
+	query footerQuery($id: String!, $preview: Boolean = false) {
+		footer(id: $id, preview: $preview) {
+			backgroundColor
+			logo {
+				...imageFragment
+			}
+			socialMediaCollection(limit: 10) {
+				items {
+					...socialMediaFragment
+				}
+			}
+			navigationElementsCollection(limit: 10) {
+				items {
+					sys {
+						id
+					}
+				}
+			}
+			copyright
+			copyrightLinksCollection {
+				items {
+					sys {
+						id
+					}
+					link {
+						...linkFragment
+					}
+				}
+			}
+			copyrightLogosCollection {
+				items {
+					...imageFragment
+				}
+			}
+			legalText
+		}
+	}
+`;