@hashicorp/react-components 1.1.8 → 1.1.11

package/src/components/consent-manager/util/cookies.test.ts

@@ -1,75 +0,0 @@
-import cookies from 'js-cookie'
-import * as cookiesJS from './cookies.js'
-
-it('should not show preferences loaded before cookies are saved', () => {
-	expect(cookiesJS.preferencesSavedAndLoaded()).toBe(false)
-})
-
-it('should show preferences loaded if cookies are loaded', () => {
-	const preferences = JSON.stringify({ loadAll: true, version: 1 })
-	const originalCookiesGet = cookies.get
-
-	// mocks
-	cookies.get = vi.fn().mockImplementationOnce(() => preferences)
-	cookiesJS.loadPreferences()
-
-	const preferencesLoaded = cookiesJS.preferencesSavedAndLoaded()
-	expect(preferencesLoaded).toBe(true)
-
-	cookies.get = originalCookiesGet
-})
-
-it('should get the domain', () => {
-	const originalLocation = global.window.location
-	const originalCookiesGet = cookies.get
-	const originalCookiesSet = cookies.set
-
-	// mocks
-	delete global.window.location
-	global.window.location = { hostname: 'foo.bar.baz.net' }
-	cookies.get = vi.fn().mockImplementationOnce(() => 'baz.net')
-	cookies.set = vi.fn()
-
-	expect(cookiesJS.getDomain()).toBe('baz.net')
-
-	// restore mocks
-	global.window.location = originalLocation
-	cookies.get = originalCookiesGet
-	cookies.set = originalCookiesSet
-})
-
-it('should load preferences', () => {
-	const preferences = { loadAll: true, version: 1 }
-	const originalCookiesGet = cookies.get
-
-	// mocks
-	cookies.get = vi.fn().mockImplementationOnce(() => preferences)
-
-	expect(cookiesJS.loadPreferences()).toStrictEqual(preferences)
-
-	// restore mocks
-	cookies.get = originalCookiesGet
-})
-
-it('should save preferences', () => {
-	global.window.location = { hostname: 'foo.bar.baz.net' }
-	const preferences = { loadAll: true, version: 1 }
-	const version = 1
-	const args = [
-		cookiesJS.COOKIE_KEY,
-		JSON.stringify(preferences),
-		{ expires: cookiesJS.COOKIE_EXPIRES, domain: '' },
-	]
-	const originalCookiesSet = cookies.set
-
-	// mocks
-	cookies.set = vi.fn()
-
-	cookiesJS.savePreferences(preferences, version)
-
-	const lastArgs = cookies.set.mock.calls[cookies.set.mock.calls.length - 1]
-
-	expect(lastArgs).toStrictEqual(args)
-
-	cookies.set = originalCookiesSet
-})

package/src/components/consent-manager/util/cookies.ts

@@ -1,70 +0,0 @@
-/*
-  Cookies structure:
-  {
-    { segment: { Hotjar: true, Intercom: false, .. } },
-    { custom: { OptinMonster: true } },
-    { categories: { Functional: true } }
-  }
-*/
-
-import cookies from 'js-cookie'
-export const COOKIE_KEY = 'hashi-consent-preferences'
-export const COOKIE_EXPIRES = 183
-
-let preferences = undefined
-let preferencesLoaded = false
-
-export function getDomain() {
-	const host = window.location.hostname
-	const parts = host.split('.')
-	const levels: string[] = []
-	let result = ''
-
-	// get all domain levels
-	for (let i = parts.length - 2; i >= 0; i--) {
-		levels.push(parts.slice(i).join('.'))
-	}
-
-	// find top level domain
-	for (let i = 0; i < levels.length; i++) {
-		const cname = '__tld__'
-		const domain = levels[i]
-		const opts = { domain: '.' + domain }
-
-		cookies.set(cname, '1', opts)
-		if (cookies.get(cname)) {
-			cookies.set(cname, 'null', opts)
-			result = domain
-			break
-		}
-	}
-
-	return result
-}
-
-export const loadPreferences = () => {
-	if (!preferences) {
-		const value = cookies.get(COOKIE_KEY)
-		if (value && value !== {}.toString()) {
-			preferences = JSON.parse(value)
-			if (preferences) {
-				preferencesLoaded = true
-			}
-		}
-	}
-
-	return preferences
-}
-
-export function savePreferences(prefs, version) {
-	const domain = getDomain()
-	const prefsWithVersion = Object.assign(prefs, { version: version })
-	cookies.set(COOKIE_KEY, JSON.stringify(prefsWithVersion), {
-		expires: COOKIE_EXPIRES,
-		domain,
-	})
-	preferences = prefsWithVersion
-	preferencesLoaded = true
-}
-
-export const preferencesSavedAndLoaded = () => preferencesLoaded

package/src/components/consent-manager/util/integrations.test.ts

@@ -1,115 +0,0 @@
-test('fetches integrations from segment, formats them as expected', async () => {
-	vi.resetModules()
-	global.fetch = () =>
-		Promise.resolve({
-			ok: true,
-			json: () => mockSegmentResponse,
-		}) as any
-	const getIntegrations = await import('./integrations')
-	const resp = await getIntegrations.default(
-		mockProps.segmentServices,
-		mockProps.additionalServices,
-		'XXX - segment key'
-	)
-	expect(resp['Test Category'][0].name).toBe('Test Non-Segment Service')
-	expect(resp['Test Category'][0].origin).toBe('custom')
-	expect(resp['Test Category'][1].name).toBe('Test Non-Segment Service 2')
-	expect(resp['Test Category'][1].origin).toBe('custom')
-	expect(resp['Test Category'][2].name).toBe('Google Analytics')
-	expect(resp['Test Category'][2].origin).toBe('segment')
-	expect(resp['Test Category'][3].name).toBe('LinkedIn Insight Tag')
-	expect(resp['Test Category'][3].origin).toBe('segment')
-	expect(resp['Email Marketing'][0].name).toBe('Marketo V2')
-	expect(resp['Email Marketing'][0].origin).toBe('segment')
-})
-
-const mockSegmentResponse = [
-	{
-		name: 'Google Analytics',
-		creationName: 'Google Analytics',
-		description:
-			'Google Analytics is the most popular analytics tool for the web. It’s free and provides a wide range of features. It’s especially good at measuring traffic sources and ad campaigns.',
-		website: 'http://google.com/analytics',
-		category: 'Test Category',
-	},
-	{
-		name: 'LinkedIn Insight Tag',
-		creationName: 'LinkedIn Insight Tag',
-		description:
-			'The LinkedIn Insight Tag is a piece of lightweight JavaScript code that you can add to your website to enable in-depth campaign reporting and unlock valuable insights about your website visitors. As a LinkedIn Marketing Solutions customer, you can use the LinkedIn Insight Tag to track conversions, retarget website visitors, and unlock additional insights about members interacting with your ads.',
-		website: 'https://www.linkedin.com',
-		category: 'Advertising',
-	},
-	{
-		name: 'Marketo V2',
-		creationName: 'Marketo V2',
-		description:
-			'Marketo is a marketing automation tool that can help you engage customers and prospects.',
-		website: 'https://www.marketo.com/',
-		category: 'Email Marketing',
-	},
-	{
-		name: 'Heap',
-		creationName: 'Heap',
-		description:
-			'Heap is an analytics tool that automatically tracks all of the actions your users perform just by flipping a switch, instead of after adding custom tracking code.',
-		website: 'http://heapanalytics.com',
-		category: 'Analytics',
-	},
-	{
-		name: 'Google Tag Manager',
-		creationName: 'Google Tag Manager',
-		description:
-			'Google Tag Manager lets you add or update your website tags, easily and for free.',
-		website: 'https://www.google.com/analytics/tag-manager/',
-		category: 'Tag Managers',
-	},
-	{
-		name: 'Amazon S3',
-		creationName: 'Amazon S3',
-		description:
-			'Our Amazon S3 copies our log files of your raw API calls from our S3 bucket to yours, where you can then perform custom analysis on them.',
-		website: 'http://aws.amazon.com/s3',
-		category: 'Analytics',
-	},
-]
-
-const mockProps = {
-	segmentServices: [
-		{
-			name: 'LinkedIn Insight Tag',
-			category: 'Test Category',
-			description: 'description',
-		},
-	],
-	additionalServices: [
-		{
-			name: 'Test Non-Segment Service',
-			category: 'Test Category',
-			description: 'description',
-			body: 'test body',
-			url: 'test url',
-		},
-		{
-			name: 'Test Non-Segment Service 2',
-			category: 'Test Category',
-			description: 'description',
-			body: 'test body 2',
-			url: 'test url 2',
-			async: true,
-			addToBody: true,
-			dataAttrs: [
-				{
-					name: 'test',
-					value: 'foobar',
-				},
-			],
-		},
-	],
-	categories: [
-		{
-			name: 'Test Category',
-			description: 'description',
-		},
-	],
-}

package/src/components/consent-manager/util/integrations.ts

@@ -1,110 +0,0 @@
-import type { ConsentManagerService } from '../types'
-
-/*
-  integrations.js
-  Fetches integrations from Segment given write key and applies user-defined
-  overrides. Combines with custom scripts to give a complete view into
-  scripts that the site is trying to load. Finally, groups it all by category.
-*/
-
-export type ConsentManagerServiceWithOrigin = ConsentManagerService & {
-	origin: string
-}
-
-export default function getIntegrations(
-	segmentServices: ConsentManagerService[] = [],
-	additionalServices: ConsentManagerService[] = [],
-	segmentWriteKey: string | undefined
-): Promise<Record<string, ConsentManagerServiceWithOrigin[]>> {
-	return fetchIntegrationsFromSegment(segmentWriteKey)
-		.then((segmentOriginated) =>
-			zipIntegrations(segmentServices, additionalServices, segmentOriginated)
-		)
-		.then(groupByCategory)
-}
-
-interface SegmentIntegration {
-	name: string
-	creationName: string
-	description: string
-	website: string
-	category: string
-}
-
-// Get integrations from Segment by write key
-async function fetchIntegrationsFromSegment(
-	segmentWriteKey: string | undefined
-) {
-	const res = await fetch(
-		`https://artemis.hashicorp.com/v1/projects/${segmentWriteKey}/integrations`
-	)
-	if (!res.ok) {
-		throw new Error(
-			`Failed to fetch integrations: HTTP ${res.status} ${res.statusText}`
-		)
-	}
-	return (await res.json()) as SegmentIntegration[]
-}
-
-// Include developer overrides for fetched Segment integrations
-function zipIntegrations(
-	segmentOverrides: ConsentManagerService[],
-	additionalServices: ConsentManagerService[] | undefined,
-	segmentOriginated: SegmentIntegration[]
-): ConsentManagerServiceWithOrigin[] {
-	// Create Segment integration object with name as key for quick retrieval
-	const segmentObj = segmentOriginated.reduce((obj, segment) => {
-		obj[segment.name] = segment
-		obj[segment.name].origin = 'segment'
-		return obj
-	}, {})
-
-	// Go through each developer-defined segment service and update
-	// segmentObj with any overrides
-	for (let i = 0; i < segmentOverrides.length; i++) {
-		if (
-			Object.prototype.hasOwnProperty.call(segmentObj, segmentOverrides[i].name)
-		) {
-			segmentObj[segmentOverrides[i].name] = Object.assign(
-				segmentObj[segmentOverrides[i].name],
-				segmentOverrides[i]
-			)
-		} else {
-			/* eslint-disable-next-line */
-			console.warn(
-				`Unmatched integration config for ${segmentOverrides[i].name}`
-			)
-		}
-	}
-
-	// Include additional (non-Segment) services
-	const allIntegrations = additionalServices
-		? additionalServices.map((integration) => {
-				return { ...integration, origin: 'custom' }
-		  })
-		: []
-
-	for (const key in segmentObj) {
-		allIntegrations.push(segmentObj[key])
-	}
-
-	// Returns array with all integrations, with origin key (segment or custom)
-	return allIntegrations
-}
-
-// Group by category for display purposes
-function groupByCategory(
-	integrations: ConsentManagerServiceWithOrigin[]
-): Record<string, ConsentManagerServiceWithOrigin[]> {
-	const grouped: Record<string, ConsentManagerServiceWithOrigin[]> = {}
-
-	integrations.forEach((integration) => {
-		if (Object.prototype.hasOwnProperty.call(grouped, integration.category)) {
-			grouped[integration.category].push(integration)
-		} else {
-			grouped[integration.category] = [integration]
-		}
-	})
-
-	return grouped
-}

package/src/components/intro/index.tsx

@@ -1,82 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-import classNames from 'classnames'
-import type { IntroProps } from './types'
-import Actions from '../actions'
-import s from './style.module.css'
-
-export default function Intro({
-	appearance = 'light',
-	textAlignment = 'left',
-	eyebrow,
-	heading,
-	headingElement: HeadingElement = 'h2',
-	headingSize = 2,
-	description,
-	actions,
-}: IntroProps) {
-	const headingSizeClassname = `g-type-display-${headingSize}`
-	const descriptionSizeClassname =
-		headingSize === 1 ? 'g-type-body-large' : 'g-type-body'
-	const descriptionClassName = classNames(
-		s.description,
-		descriptionSizeClassname
-	)
-	return (
-		<div
-			className={classNames(s.intro, s[appearance], s[textAlignment])}
-			data-testid="intro"
-		>
-			{eyebrow ? <p className={s.eyebrow}>{eyebrow}</p> : null}
-			<HeadingElement className={classNames(s.heading, headingSizeClassname)}>
-				{heading}
-			</HeadingElement>
-			<Description className={descriptionClassName}>{description}</Description>
-			{actions && actions.ctas && actions.ctas.length > 0 ? (
-				<div className={s.actions}>
-					<Actions
-						appearance={appearance}
-						layout={actions.layout}
-						alignment={textAlignment}
-						theme={actions.theme}
-						size={actions.size}
-						ctas={actions.ctas}
-					/>
-				</div>
-			) : null}
-		</div>
-	)
-}
-
-const containsHTML = (str: string) => /<[a-z][\s\S]*>/i.test(str)
-
-function Description({
-	className,
-	children,
-}: {
-	className: string
-	children: IntroProps['description']
-}) {
-	// ReactNode
-	if (typeof children === 'object') {
-		return <div className={className}>{children}</div>
-	}
-
-	// HTML String
-	if (typeof children === 'string' && containsHTML(children)) {
-		return (
-			<div
-				dangerouslySetInnerHTML={{
-					__html: children,
-				}}
-				className={className}
-			/>
-		)
-	}
-
-	// String
-	return <p className={className}>{children}</p>
-}

package/src/components/intro/style.module.css

@@ -1,67 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-.intro {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-
-	&.center {
-		text-align: center;
-		align-items: center;
-	}
-}
-
-.eyebrow {
-	--color: var(--wpl-neutral-500);
-
-	composes: hdsplus-typography-label from global;
-	font-weight: var(--font-weight-bold);
-	text-transform: uppercase;
-	margin: 0 0 32px;
-	color: var(--color);
-
-	@nest .dark & {
-		--color: var(--wpl-neutral-300);
-	}
-}
-
-.heading {
-	--color: var(--wpl-neutral-900);
-
-	margin: 0;
-	color: var(--color);
-
-	@nest .dark & {
-		--color: var(--wpl-neutral-0);
-	}
-}
-
-.description {
-	--color: var(--wpl-neutral-500);
-
-	margin: 16px 0 0;
-	color: var(--color);
-
-	@nest .dark & {
-		--color: var(--wpl-neutral-400);
-	}
-
-	& > * {
-		color: inherit;
-
-		&:first-child {
-			margin-top: 0;
-		}
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-}
-
-.actions {
-	margin-top: 32px;
-}

package/src/components/intro/types.ts

@@ -1,44 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-import type { ActionsProps } from '../actions/types'
-import React from 'react'
-
-type WithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>
-
-export interface IntroProps {
-	/**
-	 * Display intro on light or dark backgrounds.
-	 */
-	appearance?: 'light' | 'dark'
-	/**
-	 * Controls the text alignment rendering.
-	 */
-	textAlignment?: 'left' | 'center'
-	/**
-	 * Optional text displayed above the heading.
-	 */
-	eyebrow?: string
-	/**
-	 * Text displayed within the heading element.
-	 */
-	heading: string
-	/**
-	 * Controls which element the heading renders as.
-	 */
-	headingElement?: 'h1' | 'h2' | 'h3' | 'h4'
-	/**
-	 * Controls the size at which the heading is rendered.
-	 */
-	headingSize?: 1 | 2 | 3
-	/**
-	 * Text following the heading element.
-	 */
-	description: string | React.ReactNode
-	/**
-	 * Render CTAs following the description element.
-	 */
-	actions?: WithOptional<ActionsProps, 'ctas'>
-}

package/src/components/marketo-form/CHANGELOG.md

@@ -1,122 +0,0 @@
-# @hashicorp/react-marketo-form
-
-## 0.9.0
-
-### Minor Changes
-
-- [#928](https://github.com/hashicorp/react-components/pull/928) [`cc787d0f`](https://github.com/hashicorp/react-components/commit/cc787d0f5c880fe5d569b68ea54d56e5bc1642b6) Thanks [@dstaley](https://github.com/dstaley)! - Add support for htmltext fields
-
-### Patch Changes
-
-- [#972](https://github.com/hashicorp/react-components/pull/972) [`dbb75084`](https://github.com/hashicorp/react-components/commit/dbb75084839ef20949c37114ea3e58ebd955b33d) Thanks [@dstaley](https://github.com/dstaley)! - Remove content API
-
-## 0.8.4
-
-### Patch Changes
-
-- [#959](https://github.com/hashicorp/react-components/pull/959) [`2084dc74`](https://github.com/hashicorp/react-components/commit/2084dc74bb3390227011c9b2052b4ac393554b6e) Thanks [@dstaley](https://github.com/dstaley)! - Treat all-whitespace values as invalid
-
-## 0.8.3
-
-### Patch Changes
-
-- [#941](https://github.com/hashicorp/react-components/pull/941) [`855af8ac`](https://github.com/hashicorp/react-components/commit/855af8ac0cad8a89920b733c1f914d2dff91c391) Thanks [@BRKalow](https://github.com/BRKalow)! - Updates @hashicorp/platform-analytics to address type errors.
-
-- Updated dependencies [[`b4ac21ad`](https://github.com/hashicorp/react-components/commit/b4ac21adec2d76163e1f6a9c3ca5173440d4a934)]:
-  - @hashicorp/react-form-fields@0.2.0
-
-## 0.8.2
-
-### Patch Changes
-
-- [#886](https://github.com/hashicorp/react-components/pull/886) [`cbb148e4`](https://github.com/hashicorp/react-components/commit/cbb148e409f362333e6e898b529cd5c92462b79c) Thanks [@dstaley](https://github.com/dstaley)! - Require emails to have domains
-
-## 0.8.1
-
-### Patch Changes
-
-- [#884](https://github.com/hashicorp/react-components/pull/884) [`d7a4fda2`](https://github.com/hashicorp/react-components/commit/d7a4fda22665ab92ad075c66ca11811b13d819ce) Thanks [@dstaley](https://github.com/dstaley)! - Explicitly set default values for hidden fields
-
-## 0.8.0
-
-### Minor Changes
-
-- [#857](https://github.com/hashicorp/react-components/pull/857) [`2dfb913c`](https://github.com/hashicorp/react-components/commit/2dfb913cde43b4354183bbd04e65975aadd995e5) Thanks [@dstaley](https://github.com/dstaley)! - Add support for Marketo-driven localization
-
-### Patch Changes
-
-- Updated dependencies [[`3c65a8bf`](https://github.com/hashicorp/react-components/commit/3c65a8bf3a6699fe9fca4422f6ff04a26ffeefd4)]:
-  - @hashicorp/react-form-fields@0.1.1
-
-## 0.7.1
-
-### Patch Changes
-
-- [#868](https://github.com/hashicorp/react-components/pull/868) [`10a7dc7f`](https://github.com/hashicorp/react-components/commit/10a7dc7f92b55533a8a0c0c0216999695b165913) Thanks [@dstaley](https://github.com/dstaley)! - - `MarketoForm` will now treat skipped records as errors, and correctly invoke any `onSubmitError` handlers.
-  - Added a new `onSubmitStart` handler that's called as soon as the submission process begins.
-
-## 0.7.0
-
-### Minor Changes
-
-- [#816](https://github.com/hashicorp/react-components/pull/816) [`e6c258c8`](https://github.com/hashicorp/react-components/commit/e6c258c860adb36363827995cb89e54ea2b5f21e) Thanks [@dstaley](https://github.com/dstaley)! - Use @hashicorp/react-form-fields for base field inputs
-
-## 0.6.0
-
-### Minor Changes
-
-- [#832](https://github.com/hashicorp/react-components/pull/832) [`50fbf782`](https://github.com/hashicorp/react-components/commit/50fbf782f2e0c7640f2d26e4f07f0fe477bad245) Thanks [@dstaley](https://github.com/dstaley)! - Call segment.identify on form submissions
-
-## 0.5.0
-
-### Minor Changes
-
-- [#828](https://github.com/hashicorp/react-components/pull/828) [`bafded5c`](https://github.com/hashicorp/react-components/commit/bafded5c510546f1ea236e3455d7af8fb5060115) Thanks [@nandereck](https://github.com/nandereck)! - Allow for hidden autofill values to be passed through
-
-## 0.4.0
-
-### Minor Changes
-
-- [#815](https://github.com/hashicorp/react-components/pull/815) [`5850beac`](https://github.com/hashicorp/react-components/commit/5850beac3128d64d2b9853f023640d33461672e2) Thanks [@nandereck](https://github.com/nandereck)! - Surface field ID on the FieldWrapper component
-
-## 0.3.2
-
-### Patch Changes
-
-- [#791](https://github.com/hashicorp/react-components/pull/791) [`6bd4f1cb`](https://github.com/hashicorp/react-components/commit/6bd4f1cbf150b2f6238500004e00bd116c25a40a) Thanks [@dstaley](https://github.com/dstaley)! - Export Field component for external usage
-
-## 0.3.1
-
-### Patch Changes
-
-- [#802](https://github.com/hashicorp/react-components/pull/802) [`67020b77`](https://github.com/hashicorp/react-components/commit/67020b77bccd38298078d3b5e1fa8757a81e09d8) Thanks [@dstaley](https://github.com/dstaley)! - Throw error if form query parameter is missing
-
-## 0.3.0
-
-### Minor Changes
-
-- [`1125f588`](https://github.com/hashicorp/react-components/commit/1125f588137049b7c91b018342cc199da88d1e23) Thanks [@dstaley](https://github.com/dstaley)! - Report skipped records as errors
-
-## 0.2.0
-
-### Minor Changes
-
-- [#755](https://github.com/hashicorp/react-components/pull/755) [`e803cc00`](https://github.com/hashicorp/react-components/commit/e803cc00d473a6570328473dfb760c5b52a8b3b2) Thanks [@dstaley](https://github.com/dstaley)! - Update react-hook-form
-
-## 0.1.2
-
-### Patch Changes
-
-- [#745](https://github.com/hashicorp/react-components/pull/745) [`e8424612`](https://github.com/hashicorp/react-components/commit/e842461209fcebc5a940128dad1f0acaf8183780) Thanks [@dstaley](https://github.com/dstaley)! - Keep dirty values when resetting form
-
-## 0.1.1
-
-### Patch Changes
-
-- [#743](https://github.com/hashicorp/react-components/pull/743) [`cbbd5082`](https://github.com/hashicorp/react-components/commit/cbbd508249da7b7bf737ccafc9cfe679686b9c18) Thanks [@dstaley](https://github.com/dstaley)! - Correctly keep modified values when recalculating initial state
-
-## 0.1.0
-
-### Minor Changes
-
-- [#630](https://github.com/hashicorp/react-components/pull/630) [`fdccbcc9`](https://github.com/hashicorp/react-components/commit/fdccbcc99ed85aafbdc6af4442f482d6ce5820af) Thanks [@dstaley](https://github.com/dstaley)! - Initial release

package/src/components/marketo-form/README.md

@@ -1 +0,0 @@
-# @hashicorp/react-marketo-form