@cooperco/cooper-component-library 0.1.59 → 0.1.61

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

@@ -0,0 +1,23 @@
+import { gql } from 'graphql-tag';
+import { metaDataFragment } from './fragments.js';
+export const getPage = gql `
+	${metaDataFragment}
+	query PageQuery($slug: String!, $preview: Boolean = false) {
+		pageCollection(where: { slug: $slug }, limit: 1, preview: $preview) {
+			items {
+				showCart
+				pageModulesCollection(limit: 50) {
+					items {
+						__typename
+						sys {
+							id
+						}
+					}
+				}
+				metadata {
+					...metaDataFragment
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,25 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { metaDataFragment } from './fragments.js'
+
+export const getPage: DocumentNode = gql`
+	${metaDataFragment}
+	query PageQuery($slug: String!, $preview: Boolean = false) {
+		pageCollection(where: { slug: $slug }, limit: 1, preview: $preview) {
+			items {
+				showCart
+				pageModulesCollection(limit: 50) {
+					items {
+						__typename
+						sys {
+							id
+						}
+					}
+				}
+				metadata {
+					...metaDataFragment
+				}
+			}
+		}
+	}
+`

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

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

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

@@ -0,0 +1,16 @@
+import { gql } from 'graphql-tag';
+import { imageFragment } from './fragments.js';
+export const getPageMetadata = gql `
+	${imageFragment}
+	query pageMetadataQuery($id: String!, $preview: Boolean = false) {
+		pageMetadata(id: $id, preview: $preview) {
+			entryName
+			title
+			description
+			keywords
+			socialImage {
+				...imageFragment
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,18 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { imageFragment } from './fragments.js'
+
+export const getPageMetadata: DocumentNode = gql`
+	${imageFragment}
+	query pageMetadataQuery($id: String!, $preview: Boolean = false) {
+		pageMetadata(id: $id, preview: $preview) {
+			entryName
+			title
+			description
+			keywords
+			socialImage {
+				...imageFragment
+			}
+		}
+	}
+`

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

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

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

@@ -0,0 +1,59 @@
+// ~/graphql/queries/getProductModule.ts
+import { gql } from 'graphql-tag';
+import { imageFragment } from './fragments.js';
+export const getProductModule = gql `
+	${imageFragment}
+	query GetProductModule($id: String!) {
+		productModuleCollection(where: { sys: { id: $id } }, limit: 1) {
+			items {
+				__typename
+				entryName
+				headerTitle
+				subtitle
+				headerLogo {
+					...imageFragment
+				}
+				tabsCollection {
+					items {
+						sys {
+							id
+						}
+						entryName
+						title
+						productId
+						headerTitle
+						bodyCopy {
+							entryName
+							bodyCopy {
+								json
+							}
+						}
+						cta {
+							title
+							link {
+								externalUrl
+								page {
+									slug
+								}
+							}
+						}
+					}
+				}
+				footerContent {
+					... on ContainerModule {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on LogoCollectionModule {
+						sys {
+							id
+						}
+						__typename
+					}
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,61 @@
+// ~/graphql/queries/getProductModule.ts
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { imageFragment } from './fragments.js'
+
+export const getProductModule: DocumentNode = gql`
+	${imageFragment}
+	query GetProductModule($id: String!) {
+		productModuleCollection(where: { sys: { id: $id } }, limit: 1) {
+			items {
+				__typename
+				entryName
+				headerTitle
+				subtitle
+				headerLogo {
+					...imageFragment
+				}
+				tabsCollection {
+					items {
+						sys {
+							id
+						}
+						entryName
+						title
+						productId
+						headerTitle
+						bodyCopy {
+							entryName
+							bodyCopy {
+								json
+							}
+						}
+						cta {
+							title
+							link {
+								externalUrl
+								page {
+									slug
+								}
+							}
+						}
+					}
+				}
+				footerContent {
+					... on ContainerModule {
+						sys {
+							id
+						}
+						__typename
+					}
+					... on LogoCollectionModule {
+						sys {
+							id
+						}
+						__typename
+					}
+				}
+			}
+		}
+	}
+`

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

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

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

@@ -0,0 +1,23 @@
+import { gql } from 'graphql-tag';
+import { imageFragment, videoFragment } from './fragments.js';
+export const getTestimonialModule = gql `
+	${imageFragment}
+	${videoFragment}
+	query TestimonialModuleQuery($id: String!, $preview: Boolean = false) {
+		testimonialModule(id: $id, preview: $preview) {
+			entryName
+			headline
+			quote
+			author
+			details
+			media {
+				... on Image {
+					...imageFragment
+				}
+				... on Video {
+					...videoFragment
+				}
+			}
+		}
+	}
+`;

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

@@ -0,0 +1,25 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { imageFragment, videoFragment } from './fragments.js'
+
+export const getTestimonialModule: DocumentNode = gql`
+	${imageFragment}
+	${videoFragment}
+	query TestimonialModuleQuery($id: String!, $preview: Boolean = false) {
+		testimonialModule(id: $id, preview: $preview) {
+			entryName
+			headline
+			quote
+			author
+			details
+			media {
+				... on Image {
+					...imageFragment
+				}
+				... on Video {
+					...videoFragment
+				}
+			}
+		}
+	}
+`

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

@@ -0,0 +1,4 @@
+import type { DocumentNode } from 'graphql';
+export declare const getTileContent: DocumentNode;
+export declare const getTileLabel: DocumentNode;
+export declare const getTileCollection: DocumentNode;

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

@@ -0,0 +1,35 @@
+import { gql } from 'graphql-tag';
+import { tileContentFragment, tileLabelFragment } from './fragments.js';
+export const getTileContent = gql `
+	${tileContentFragment}
+	query tileContentQuery($id: String!, $preview: Boolean = false) {
+		tileContent(id: $id, preview: $preview) {
+			...tileContentFragment
+		}
+	}
+`;
+export const getTileLabel = gql `
+	${tileLabelFragment}
+	query TileLabelQuery($id: String!, $preview: Boolean = false) {
+		tileLabel(id: $id, preview: $preview) {
+			...tileLabelFragment
+		}
+	}
+`;
+export const getTileCollection = gql `
+	${tileContentFragment}
+	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
+		tileCollectionModule(id: $id, preview: $preview) {
+			headline
+			tilesCollection(limit: 6) {
+				items {
+					...tileContentFragment
+				}
+			}
+			backgroundColor
+			variant
+			tileLabelType
+			includeDecoration
+		}
+	}
+`;

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

@@ -0,0 +1,39 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { tileContentFragment, tileLabelFragment } from './fragments.js'
+
+export const getTileContent: DocumentNode = gql`
+	${tileContentFragment}
+	query tileContentQuery($id: String!, $preview: Boolean = false) {
+		tileContent(id: $id, preview: $preview) {
+			...tileContentFragment
+		}
+	}
+`
+
+export const getTileLabel: DocumentNode = gql`
+	${tileLabelFragment}
+	query TileLabelQuery($id: String!, $preview: Boolean = false) {
+		tileLabel(id: $id, preview: $preview) {
+			...tileLabelFragment
+		}
+	}
+`
+
+export const getTileCollection: DocumentNode = gql`
+	${tileContentFragment}
+	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
+		tileCollectionModule(id: $id, preview: $preview) {
+			headline
+			tilesCollection(limit: 6) {
+				items {
+					...tileContentFragment
+				}
+			}
+			backgroundColor
+			variant
+			tileLabelType
+			includeDecoration
+		}
+	}
+`

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

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

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

@@ -0,0 +1,11 @@
+import { gql } from 'graphql-tag';
+import { videoFragment, imageFragment } from './fragments.js';
+export const getVideo = gql `
+	${imageFragment}
+	${videoFragment}
+	query videoQuery($id: String!, $preview: Boolean = false) {
+		video(id: $id, preview: $preview) {
+			...videoFragment
+		}
+	}
+`;

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

@@ -0,0 +1,13 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { videoFragment, imageFragment } from './fragments.js'
+
+export const getVideo: DocumentNode = gql`
+	${imageFragment}
+	${videoFragment}
+	query videoQuery($id: String!, $preview: Boolean = false) {
+		video(id: $id, preview: $preview) {
+			...videoFragment
+		}
+	}
+`

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

@@ -0,0 +1,50 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import {
+	socialMediaFragment,
+	imageFragment,
+	linkFragment,
+} from './fragments.js'
+
+export const getFooter: DocumentNode = 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
+		}
+	}
+`

package/dist/cms/fragments.ts

@@ -0,0 +1,183 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+
+export const imageFragment: DocumentNode = gql`
+	fragment imageFragment on Image {
+		__typename
+		entryName
+		altTag
+		media {
+			url
+			title
+			description
+		}
+		mobileMedia {
+			url
+			title
+			description
+		}
+	}
+`
+
+export const videoFragment: DocumentNode = gql`
+	fragment videoFragment on Video {
+		__typename
+		entryName
+		url
+		thumbnail {
+			...imageFragment
+		}
+	}
+`
+
+export const metaDataFragment: DocumentNode = gql`
+	${imageFragment}
+	fragment metaDataFragment on PageMetadata {
+		entryName
+		title
+		description
+		keywords
+		socialImage {
+			...imageFragment
+		}
+	}
+`
+
+export const accordionItemFragment: DocumentNode = gql`
+	${imageFragment}
+	fragment accordionItemFragment on AccordionItem {
+		headline
+		bodyCopy {
+			json
+			links {
+				entries {
+					inline {
+						sys {
+							id
+						}
+					}
+				}
+			}
+		}
+		icon {
+			...imageFragment
+		}
+		color
+	}
+`
+
+export const linkFragment: DocumentNode = gql`
+	fragment linkFragment on Link {
+		ariaDescription
+		page {
+			sys {
+				id
+			}
+			slug
+		}
+		anchor
+		externalUrl
+		target
+		ariaLabel
+	}
+`
+
+export const ctaFragment: DocumentNode = gql`
+	${linkFragment}
+	${imageFragment}
+	fragment ctaFragment on Cta {
+		title
+		link {
+			...linkFragment
+		}
+		type
+		logo {
+			...imageFragment
+		}
+		ariaLabel
+		ariaDescription
+		target
+		anchor
+		size
+	}
+`
+
+export const tileLabelFragment: DocumentNode = gql`
+	fragment tileLabelFragment on TileLabel {
+		entryName
+		copy
+		color
+	}
+`
+
+export const tileContentFragment: DocumentNode = gql`
+	${imageFragment}
+	${ctaFragment}
+	${tileLabelFragment}
+	fragment tileContentFragment on TileContent {
+		subheadline
+		headline
+		bodyCopy {
+			json
+			links {
+				entries {
+					inline {
+						sys {
+							id
+						}
+						... on HighlightedText {
+							text
+						}
+					}
+				}
+			}
+		}
+		image {
+			...imageFragment
+		}
+		backgroundColor
+		ctasCollection(limit: 6) {
+			items {
+				...ctaFragment
+			}
+		}
+		tileLabel {
+			...tileLabelFragment
+		}
+		alignment
+		variant
+	}
+`
+
+export const socialMediaFragment: DocumentNode = gql`
+	${imageFragment}
+	${linkFragment}
+	fragment socialMediaFragment on SocialMedia {
+		link {
+			...linkFragment
+		}
+		icon {
+			...imageFragment
+		}
+	}
+`
+
+export const navigationElementFragment: DocumentNode = gql`
+	${linkFragment}
+	fragment navigationElementFragment on NavigationElement {
+		title
+		link {
+			...linkFragment
+		}
+		subNavigationElementsCollection(limit: 10) {
+			items {
+				... on NavigationElement {
+					title
+					link {
+						...linkFragment
+					}
+				}
+			}
+		}
+	}
+`

package/dist/cms/header.query.ts

@@ -0,0 +1,41 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { ctaFragment, imageFragment, linkFragment } from './fragments.js'
+
+export const getHeader: DocumentNode = gql`
+	${imageFragment}
+	${ctaFragment}
+	${linkFragment}
+	query headerQuery($id: String!, $preview: Boolean = false) {
+		primaryNavigation(id: $id, preview: $preview) {
+			logo {
+				...imageFragment
+			}
+			navigationElementsCollection {
+				items {
+					title
+					dividerLine
+					link {
+						...linkFragment
+					}
+					subNavigationElementsCollection(limit: 10) {
+						items {
+							title
+							link {
+								...linkFragment
+							}
+						}
+					}
+				}
+			}
+			ctasCollection {
+				items {
+					...ctaFragment
+					logo {
+						...imageFragment
+					}
+				}
+			}
+		}
+	}
+`

package/dist/cms/helpers/addEntryNameField.cjs

@@ -0,0 +1,9 @@
+const addEntryNameField = (contentType) => {
+	contentType.createField('entryName', {
+		type: 'Symbol',
+		name: 'Entry Name',
+		required: true,
+	})
+}
+
+module.exports = addEntryNameField

package/dist/cms/image.query.ts

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