genesys-spark 4.0.0-beta.64 → 4.0.0-beta.65

package/dist/index.js

@@ -241,7 +241,7 @@ var intl = /*#__PURE__*/Object.freeze({
     relativeTimeFormat: relativeTimeFormat
 });
 
-var ASSET_PREFIX = '/spark-components/build-assets/4.0.0-beta.64-1/genesys-webcomponents/';
+var ASSET_PREFIX = '/spark-components/build-assets/4.0.0-beta.65-3/genesys-webcomponents/';
 var SCRIPT_PATH = 'genesys-webcomponents.esm.js';
 var STYLE_PATH = 'genesys-webcomponents.css';
 var assetsOrigin = getAssetsOrigin();

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "genesys-spark",
-  "version": "4.0.0-beta.64",
+  "version": "4.0.0-beta.65",
   "description": "",
   "license": "ISC",
   "author": "",
   "type": "module",
   "main": "dist/index.js",
+  "files": [
+    "dist/src/*.d.ts"
+  ],
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c --watch",
@@ -16,6 +19,7 @@
     "test.watch": "jest --watch",
     "version-sync": "npm version --no-git-tag-version --allow-same-version"
   },
+  "types": "dist/src/index.d.ts",
   "dependencies": {
     "@rollup/plugin-replace": "^5.0.5",
     "@rollup/plugin-typescript": "^11.1.5",

package/.eslintignore

@@ -1,5 +0,0 @@
-node_modules/
-dist/
-rollup.config.js
-jest.config.js
-

package/.eslintrc.json

@@ -1,34 +0,0 @@
-{
-  "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
-  "root": true,
-  "env": {
-    "browser": true,
-    "es6": true
-  },
-  "rules": {
-    "no-unused-vars": "off",
-    "no-undef": "off"
-  },
-  "extends": ["genesys-spark-components"],
-  "parserOptions": {
-    "sourceType": "module",
-    "project": ["./tsconfig.json"]
-  },
-  "overrides": [
-    {
-      "files": ["./test/**/*.ts"],
-      "env": {
-        "node": true,
-        "es6": true,
-        "jest": true
-      },
-      "extends": ["genesys-spark-components/typescript"],
-      "rules": {
-        "@typescript-eslint/no-unsafe-assignment": "off",
-        "@typescript-eslint/ban-ts-comment": "off",
-        "@typescript-eslint/no-explicit-any": "off"
-      }
-    }
-  ]
-}

package/.lintstagedrc.json

@@ -1,6 +0,0 @@
-{
-  "*": "prettier --ignore-unknown --write",
-  "*.{css,html,scss}": "stylelint --fix",
-  "*.{ts,tsx,js,jsx}": "eslint --fix ",
-  "package.json": ["prettier-package-json --write"]
-}

package/.prettierignore

@@ -1,2 +0,0 @@
-node_modules/
-dist/

package/dist/test/hosts.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/test/intl.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/test/loading.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/jest.config.js

@@ -1,5 +0,0 @@
-/** @type {import('ts-jest').JestConfigWithTsJest} */
-export default {
-  preset: 'ts-jest',
-  testEnvironment: 'jsdom'
-};

package/rollup.config.js

@@ -1,23 +0,0 @@
-import replace from '@rollup/plugin-replace';
-import typescript from '@rollup/plugin-typescript';
-
-const IS_DEV_MODE = process.env.ROLLUP_WATCH === 'true';
-
-export default {
-  input: 'src/index.ts',
-  output: {
-    dir: 'dist'
-  },
-  plugins: [
-    replace({
-      values: {
-        IS_DEV_MODE: IS_DEV_MODE,
-        __ASSET_PREFIX__: IS_DEV_MODE
-          ? '/dist/genesys-webcomponents/'
-          : process.env.COMPONENT_ASSETS_PATH
-      },
-      preventAssignment: true
-    }),
-    typescript({ noEmitOnError: false })
-  ]
-};

package/src/hosts.ts

@@ -1,57 +0,0 @@
-declare global {
-  // IS_DEV_MODE is rewritten by @rollup/plugin-replace. This definition lets
-  // our typescript file typecheck.
-  var IS_DEV_MODE: boolean;
-}
-
-// Default domain to load assets from
-const DEFAULT_DOMAIN = 'mypurecloud.com';
-
-// List of Genesys UI domains that do not follow the ${region}.pure.cloud format
-const NON_STANDARD_DOMAINS = [
-  'inindca.com',
-  'inintca.com',
-  'mypurecloud.com.au',
-  'mypurecloud.com',
-  'mypurecloud.de',
-  'mypurecloud.ie',
-  'mypurecloud.jp'
-  // 'use2.us-gov-pure.cloud', Assets are not currently deployed to FedRAMP. It should fall back to the default domain.
-];
-
-/**
- * Returns the origin that web component assets should be loaded from.
- * Will use the domain of the current window if it matches a Genesys domain.
- */
-export function getAssetsOrigin(): string {
-  if (IS_DEV_MODE == true) {
-    // This conditional is optimized out in production due to @rollup/plugin-replace
-    // and rollup's dead code elimination
-    return 'http://localhost:3333';
-  }
-
-  const matchedDomain = getRegionDomain();
-  return `https://app.${matchedDomain || DEFAULT_DOMAIN}`;
-}
-
-export function getFontOrigin(): string {
-  if (IS_DEV_MODE == true) {
-    // Fonts aren't locally hosted during dev mode
-    return 'http://app.inindca.com';
-  }
-  return getAssetsOrigin();
-}
-
-function getRegionDomain() {
-  const pageHost = window.location.hostname;
-
-  // We can automatically handle the standard domain format: ${region}.pure.cloud
-  if (pageHost.endsWith('.pure.cloud')) {
-    return pageHost.split('.').slice(-3).join('.');
-  }
-
-  // For older domains, we have to do a lookup
-  return NON_STANDARD_DOMAINS.find(regionDomain =>
-    pageHost.endsWith(regionDomain)
-  );
-}

package/src/index.ts

@@ -1,39 +0,0 @@
-import { getAssetsOrigin, getFontOrigin } from './hosts';
-import {
-  checkAndLoadScript,
-  checkAndLoadStyle,
-  checkAndLoadFonts
-} from './loading';
-
-const ASSET_PREFIX = '__ASSET_PREFIX__';
-const SCRIPT_PATH = 'genesys-webcomponents.esm.js';
-const STYLE_PATH = 'genesys-webcomponents.css';
-
-const assetsOrigin = getAssetsOrigin();
-const SCRIPT_SRC = `${assetsOrigin}${ASSET_PREFIX}${SCRIPT_PATH}`;
-const STYLE_HREF = `${assetsOrigin}${ASSET_PREFIX}${STYLE_PATH}`;
-const fontOrigin = getFontOrigin();
-const FONTS = {
-  Urbanist: `${fontOrigin}/webfonts/urbanist.css`,
-  'Noto Sans': `${fontOrigin}/webfonts/noto-sans.css`
-};
-
-/**
- * Loads the spark web components, as well as required CSS and fonts from a
- * shared CDN. Performance can be optimized by pre-loading fonts in static HTML.
- *
- * @returns a promise that succeeds if the component script and styles
- * load successfully. It is not recommended to wait on this promise or to stop
- * application bootstrap if it rejects. Its primary use should be for logging
- * unexpected failures.
- */
-export function registerSparkComponents(): Promise<void> {
-  return Promise.all([
-    checkAndLoadScript(SCRIPT_SRC),
-    checkAndLoadStyle(STYLE_HREF),
-    checkAndLoadFonts(FONTS)
-  ]).then();
-}
-
-// Re-export of utility modules
-export * as Intl from './intl';

package/src/intl.ts

@@ -1,88 +0,0 @@
-/**
- * Provides an [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat)
- * object for formatting dates and times. Unlike the native version, `locale` is
- * an optional argument. If not provided, the function will try to determine the
- * locale from the DOM, where it should be set for a11y reasons.
- * @param locale optional locale to use for formatting
- * @param options options to pass to the Intl.DateTimeFormat constructor
- * @returns a new DateTimeFormat
- */
-export function dateTimeFormat(
-  localeOrOptions: string | Intl.DateTimeFormatOptions,
-  options?: Intl.DateTimeFormatOptions
-): Intl.DateTimeFormat {
-  let locale = undefined;
-  if (typeof localeOrOptions === 'string') {
-    locale = localeOrOptions;
-  } else {
-    options = localeOrOptions;
-  }
-
-  if (locale != undefined) {
-    return new Intl.DateTimeFormat(locale, options);
-  } else {
-    const userLocale = determineDisplayLocale();
-    return new Intl.DateTimeFormat(userLocale, options);
-  }
-}
-/**
- * Provides an [Intl.RelativeTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat)
- * object for formatting dates and times. Unlike the native version, `locale` is
- * an optional argument. If not provided, the function will try to determine the
- * locale from the DOM, where it should be set for a11y reasons.
- * @param locale optional locale to use for formatting
- * @param options options to pass to the Intl.RelativeTimeFormat constructor
- * @returns a new RelativeTimeFormat
- */
-export function relativeTimeFormat(
-  localeOrOptions: string | Intl.RelativeTimeFormatOptions,
-  options?: Intl.RelativeTimeFormatOptions
-): Intl.RelativeTimeFormat {
-  let locale = undefined;
-  if (typeof localeOrOptions === 'string') {
-    locale = localeOrOptions;
-  } else {
-    options = localeOrOptions;
-  }
-
-  if (locale != undefined) {
-    return new Intl.RelativeTimeFormat(locale, options);
-  } else {
-    const userLocale = determineDisplayLocale();
-    return new Intl.RelativeTimeFormat(userLocale, options);
-  }
-}
-
-/**
- * Makes a best effort to return the locale that should be used for a given element
- * by checking language tags on ancestors. If no element is provided, it will
- * start with the document's <body> tag. If no locale can be found, it will use
- * the browser's locale preference. It will also try to add a region to regionless
- * locales when there is a partial match with the browser's locale.
- * @returns a locale string (e.g. 'en-US', 'en', 'de-DE', etc)
- */
-export function determineDisplayLocale(
-  element: HTMLElement = document.body
-): string {
-  const domLocale = element.closest<HTMLElement>('[lang]')?.lang;
-  if (!domLocale || browserHasRegionData(domLocale)) {
-    // If we can't find a locale in the DOM, or we find a locale without a region that matches the
-    // users's browser locale, use the browser locale.
-    return navigator.language;
-  } else {
-    return domLocale;
-  }
-}
-
-/**
- * Returns true if the provided locale only has a language, but the user's
- * browser settings have the same language with a locale.
- * @param localeString The locale to check
- * @returns true if the region can be guessed from the browser settings.
- */
-function browserHasRegionData(localeString: string): boolean {
-  return (
-    localeString.length == 2 &&
-    navigator.language.startsWith(`${localeString}-`)
-  );
-}

package/src/loading.ts

@@ -1,90 +0,0 @@
-/**
- * Add a script tag to the document if it is not already present.
- * @param scriptSrc The src attribute of the script
- * @returns a promise that resolves if the script loads or is already present
- */
-export function checkAndLoadScript(scriptSrc: string): Promise<void> {
-  const existingTag = document.querySelector(`script[src="${scriptSrc}"]`);
-  if (existingTag) {
-    return Promise.resolve();
-  } else {
-    const scriptTag = document.createElement('script');
-    scriptTag.setAttribute('type', 'module');
-    scriptTag.setAttribute('src', scriptSrc);
-    const result = new Promise<void>((resolve, reject) => {
-      scriptTag.addEventListener('load', () => {
-        resolve();
-      });
-      scriptTag.addEventListener('error', () => {
-        reject(`Spark script failed to load: ${scriptSrc}`);
-      });
-    });
-    document.head.appendChild(scriptTag);
-    return result;
-  }
-}
-
-/**
- * Add a stylesheet link tag to the document if it is not already present.
- * @param styleHref The href attribute of the stylesheet
- * @returns a promise that resolves if the style loads or is already present
- */
-export function checkAndLoadStyle(styleHref: string): Promise<void> {
-  const existingTag = document.querySelector(`link[href="${styleHref}"]`);
-  if (existingTag) {
-    return Promise.resolve();
-  } else {
-    const styleTag = document.createElement('link');
-    styleTag.setAttribute('href', styleHref);
-    styleTag.setAttribute('rel', 'stylesheet');
-    const result = new Promise<void>((resolve, reject) => {
-      styleTag.addEventListener('load', () => {
-        resolve();
-      });
-      styleTag.addEventListener('error', () => {
-        reject(`Spark styles failed to load: ${styleHref}`);
-      });
-    });
-    document.head.appendChild(styleTag);
-    return result;
-  }
-}
-
-/**
- * Given an object that maps font-family identifiers to CSS urls e.g:
- * {
- *   "Urbanist": "/urbanist.css",
- *   "Noto Sans": "/noto-sans.css"
- * }
- * This function checks for loaded fonts with those identifiers. If a font is
- * not found, the corresponding stylesheet is added to the document.
- * @param fonts An object mapping font-family identifiers to CSS file urls
- * @returns A promise that resolves once the script tags has finished loading.
- * It does not fail if the script tags fail to load because we don't want to fail
- * the whole component loading process in that situation.
- */
-export function checkAndLoadFonts(fonts: {
-  [key: string]: string;
-}): Promise<void> {
-  const fontsToLoad = { ...fonts }; //clone our input so we can safely mutate it.
-
-  document.fonts.forEach(fontFace => {
-    // If the family is defined with quotes in CSS (e.g. `font-family: "Noto Sans"),
-    // those quotes may be preserved JS, depending on the browser.
-    const normalizedFamily = fontFace.family.replace(/"/g, '');
-    if (fontsToLoad[normalizedFamily]) {
-      // remove the font from the set to load
-      delete fontsToLoad[normalizedFamily];
-    }
-  });
-
-  return Promise.all(
-    Object.values(fontsToLoad).map(href => {
-      return checkAndLoadStyle(href).catch(() => {
-        // Don't fail loading process for fonts, since the components
-        // should still be reasonably usable.
-        console.info(`genesys-spark: couldn't load font style ${href}`);
-      });
-    })
-  ).then(() => {}); // flatten the promise array
-}

package/test/hosts.spec.ts

@@ -1,69 +0,0 @@
-import { getAssetsOrigin, getFontOrigin } from '../src/hosts';
-
-const NON_STANDARD_DOMAINS = [
-  'inindca.com',
-  'inintca.com',
-  'mypurecloud.com.au',
-  'mypurecloud.com',
-  'mypurecloud.de',
-  'mypurecloud.ie',
-  'mypurecloud.jp'
-];
-
-describe('The hosts module', () => {
-  beforeEach(() => {
-    window.IS_DEV_MODE = false;
-  });
-
-  describe('when determining asset domains', () => {
-    it('Will return the correct domain for pages in a `pure.cloud` region', () => {
-      setLocation('https://uis.region.pure.cloud/page');
-      expect(getAssetsOrigin()).toBe('https://app.region.pure.cloud');
-    });
-
-    it('Will return a default domain for non-genesys hosted pages', () => {
-      setLocation('https://www.example.com/page');
-      expect(getAssetsOrigin()).toBe('https://app.mypurecloud.com');
-    });
-
-    NON_STANDARD_DOMAINS.forEach(domain => {
-      const withSubDomain = `https://dummySubdomain.${domain}/page`;
-      it(`Will recognize ${withSubDomain} as a Genesys domain`, () => {
-        setLocation(withSubDomain);
-        expect(getAssetsOrigin()).toBe(`https://app.${domain}`);
-      });
-    });
-  });
-
-  describe('when determining font domains', () => {
-    it('Will return the correct domain for pages in a `pure.cloud` region', () => {
-      setLocation('https://uis.region.pure.cloud/page');
-      expect(getFontOrigin()).toBe('https://app.region.pure.cloud');
-    });
-
-    it('Will return a default domain for non-genesys hosted pages', () => {
-      setLocation('https://www.example.com/page');
-      expect(getFontOrigin()).toBe('https://app.mypurecloud.com');
-    });
-
-    NON_STANDARD_DOMAINS.forEach(domain => {
-      const withSubDomain = `https://dummySubdomain.${domain}/page`;
-      it(`Will recognize ${withSubDomain} as a Genesys domain`, () => {
-        setLocation(withSubDomain);
-        expect(getFontOrigin()).toBe(`https://app.${domain}`);
-      });
-    });
-  });
-});
-
-/**
- * This is an absolutely disgusting abdication of the type system, but it's a
- * damn sight simpler than most ways to get dynamic per-test location updates.
- * See: https://github.com/jestjs/jest/issues/5124
- */
-function setLocation(location: string) {
-  //@ts-ignore
-  delete window.location;
-  //@ts-ignore
-  window.location = new URL(location);
-}

package/test/intl.spec.ts

@@ -1,104 +0,0 @@
-import {
-  determineDisplayLocale,
-  dateTimeFormat,
-  relativeTimeFormat
-} from '../src/intl';
-
-describe('The intl module', () => {
-  beforeEach(() => {
-    // Reset the Dom
-    document.documentElement.innerHTML = '<head></head><body></body>';
-    // Remove language attribute from <html>
-    document.documentElement.removeAttribute('lang');
-    // Reset/set navigator.language to a known value
-    Object.defineProperty(window.navigator, 'language', {
-      value: 'yy-YY',
-      configurable: true
-    });
-  });
-
-  describe('When determining what locale to use', () => {
-    test('It will determine the display locale from <body> if no locale is provided', () => {
-      document.body.setAttribute('lang', 'xx-XX');
-      expect(determineDisplayLocale()).toBe('xx-XX');
-    });
-    test('It will determine the display locale from <html> if no locale is provided', () => {
-      document.documentElement.setAttribute('lang', 'xx-XX');
-      expect(determineDisplayLocale()).toBe('xx-XX');
-    });
-    test('Given an element with a language attribute, it will determine the locale from that tag', () => {
-      const target = document.createElement('div');
-      target.setAttribute('lang', 'xx-XX');
-      expect(determineDisplayLocale(target)).toBe('xx-XX');
-    });
-    test("Given an element without a language attribute, it will check the element's ancestors for a language attribute", () => {
-      const localeOwner = document.createElement('div');
-      localeOwner.setAttribute('lang', 'xx-XX');
-      localeOwner.innerHTML =
-        '<div><div><span class="target"></span></div></div>';
-      const target =
-        localeOwner.querySelector<HTMLElement>('.target') || undefined;
-      expect(target).not.toBeUndefined();
-      expect(determineDisplayLocale(target)).toBe('xx-XX');
-    });
-    test("If no language tag is found, uses the browser's language", () => {
-      expect(determineDisplayLocale()).toBe('yy-YY');
-    });
-    test('If given a partial match to the browser language, it will pull the region from the browser', () => {
-      document.body.setAttribute('lang', 'yy');
-      expect(determineDisplayLocale()).toBe('yy-YY');
-    });
-  });
-
-  describe('When creating a DateTimeFormat', () => {
-    const formatOptions: Intl.DateTimeFormatOptions = {};
-    beforeEach(() => {
-      jest.resetAllMocks();
-      jest.spyOn(Intl, 'DateTimeFormat');
-    });
-    it('Calls through to the browser implementation', () => {
-      dateTimeFormat('xx-XX', formatOptions);
-      expect(Intl.DateTimeFormat).toHaveBeenCalledWith('xx-XX', formatOptions);
-    });
-    it('The locale is optional and will defer to `determineDisplayLocale`', () => {
-      document.body.setAttribute('lang', 'xx-XX');
-      dateTimeFormat(formatOptions);
-      expect(Intl.DateTimeFormat).toHaveBeenCalledWith('xx-XX', formatOptions);
-    });
-    it('Maintains optional format options', () => {
-      dateTimeFormat('en-US');
-      expect(Intl.DateTimeFormat).toHaveBeenCalledWith('en-US', undefined);
-    });
-  });
-
-  describe('When creating a RelativeTimeFormat', () => {
-    const formatOptions: Intl.RelativeTimeFormatOptions = {};
-    beforeEach(() => {
-      jest.resetAllMocks();
-      // This has to be different than the DateTimeFormat mock - probably because of some ES6 class
-      // thing that I can't be bothered to figure out.
-      Object.defineProperty(Intl, 'RelativeTimeFormat', {
-        value: jest.fn()
-      });
-    });
-    it('Calls through to the browser implementation', () => {
-      relativeTimeFormat('xx-XX', formatOptions);
-      expect(Intl.RelativeTimeFormat).toHaveBeenCalledWith(
-        'xx-XX',
-        formatOptions
-      );
-    });
-    it('The locale is optional and will defer to `determineDisplayLocale`', () => {
-      document.body.setAttribute('lang', 'xx-XX');
-      relativeTimeFormat(formatOptions);
-      expect(Intl.RelativeTimeFormat).toHaveBeenCalledWith(
-        'xx-XX',
-        formatOptions
-      );
-    });
-    it('Maintains optional format options', () => {
-      relativeTimeFormat('en-US');
-      expect(Intl.RelativeTimeFormat).toHaveBeenCalledWith('en-US', undefined);
-    });
-  });
-});

package/test/loading.spec.ts

@@ -1,150 +0,0 @@
-import {
-  checkAndLoadFonts,
-  checkAndLoadScript,
-  checkAndLoadStyle
-} from '../src/loading';
-
-const SCRIPT_URL = 'https://localhost/script.js';
-const STYLE_URL = 'https://localhost/style.css';
-const FONTS = {
-  Font1: `font1.css`,
-  Font2: `font2.css`
-};
-
-describe('The loading module', () => {
-  afterEach(() => {
-    document.head.innerHTML = '';
-    document.body.innerHTML = '';
-  });
-
-  describe('checkAndLoadScript', () => {
-    test('will create a new script tag and wait for it to load', async () => {
-      const promise = checkAndLoadScript(SCRIPT_URL);
-      const tag = document.querySelector(`script[src="${SCRIPT_URL}"]`);
-
-      expect(tag).not.toBeNull(); // The tag was created
-      tag?.dispatchEvent(new Event('load')); // The promise will resolve
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-    test('will fail if the script fails to load', async () => {
-      const promise = checkAndLoadScript(SCRIPT_URL);
-      const tag = document.querySelector(`script[src="${SCRIPT_URL}"]`);
-
-      expect(tag).not.toBeNull(); // The tag was created
-      tag?.dispatchEvent(new Event('error')); // The promise will reject
-
-      await expect(promise).rejects.toContain(SCRIPT_URL);
-    });
-    test('will not create a tag if one already exists', async () => {
-      const script = document.createElement('script');
-      script.setAttribute('src', SCRIPT_URL);
-      document.body.appendChild(script);
-
-      await checkAndLoadScript(SCRIPT_URL); // Should resolve immediately
-      const tags = document.querySelectorAll(`script[src="${SCRIPT_URL}"]`);
-      expect(tags.length).toBe(1); // A second tag was not created
-    });
-  });
-  describe('checkAndLoadStyle', () => {
-    test('will create a new link tag and wait for it to load', async () => {
-      const promise = checkAndLoadStyle(STYLE_URL);
-      const tag = document.querySelector(
-        `link[href="${STYLE_URL}"][rel="stylesheet"]`
-      );
-
-      expect(tag).not.toBeNull(); // The tag was created
-      tag?.dispatchEvent(new Event('load')); // The promise will resolve
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-    test('will fail if the style fails to load', async () => {
-      const promise = checkAndLoadStyle(STYLE_URL);
-      const tag = document.querySelector(
-        `link[href="${STYLE_URL}"][rel="stylesheet"]`
-      );
-
-      expect(tag).not.toBeNull(); // The tag was created
-      tag?.dispatchEvent(new Event('error')); // The promise will reject
-
-      await expect(promise).rejects.toContain(STYLE_URL);
-    });
-    test('will not create a tag if one already exists', async () => {
-      const link = document.createElement('link');
-      link.setAttribute('href', STYLE_URL);
-      link.setAttribute('rel', 'stylesheet');
-      document.body.appendChild(link);
-
-      await checkAndLoadStyle(STYLE_URL); // Should resolve immediately
-      const tags = document.querySelectorAll(`link[href="${STYLE_URL}"]`);
-      expect(tags.length).toBe(1); // A second tag was not created
-    });
-  });
-  describe('checkAndLoadFonts', () => {
-    let documentFonts: Array<any> = [];
-
-    beforeEach(() => {
-      documentFonts = [];
-      //@ts-ignore - needed to be able to stub out font API
-      document.fonts = documentFonts;
-    });
-
-    test('Will load missing fonts', async () => {
-      const promise = checkAndLoadFonts(FONTS);
-      const tag1 = document.querySelector(`link[href="font1.css"]`);
-      const tag2 = document.querySelector(`link[href="font2.css"]`);
-
-      expect(tag1).not.toBeNull();
-      expect(tag2).not.toBeNull();
-
-      tag1?.dispatchEvent(new Event('load'));
-      tag2?.dispatchEvent(new Event('load'));
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-
-    test('Will not load fonts that are already loaded', async () => {
-      documentFonts.push({ family: 'Font2' });
-
-      const promise = checkAndLoadFonts(FONTS);
-      const tag1 = document.querySelector(`link[href="font1.css"]`);
-      const tag2 = document.querySelector(`link[href="font2.css"]`);
-
-      expect(tag1).not.toBeNull();
-      expect(tag2).toBeNull();
-
-      tag1?.dispatchEvent(new Event('load'));
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-
-    test('Ignores quotes on the family when checking for loaded fonts', async () => {
-      documentFonts.push({ family: '"Font2"' });
-
-      const promise = checkAndLoadFonts(FONTS);
-      const tag1 = document.querySelector(`link[href="font1.css"]`);
-      const tag2 = document.querySelector(`link[href="font2.css"]`);
-
-      expect(tag1).not.toBeNull();
-      expect(tag2).toBeNull();
-
-      tag1?.dispatchEvent(new Event('load'));
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-
-    test('Still resolves even if fonts fail to load', async () => {
-      const promise = checkAndLoadFonts(FONTS);
-      const tag1 = document.querySelector(`link[href="font1.css"]`);
-      const tag2 = document.querySelector(`link[href="font2.css"]`);
-
-      expect(tag1).not.toBeNull();
-      expect(tag2).not.toBeNull();
-
-      tag1?.dispatchEvent(new Event('error'));
-      tag2?.dispatchEvent(new Event('error'));
-
-      await expect(promise).resolves.toBe(undefined);
-    });
-  });
-});

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "@tsconfig/strictest/tsconfig.json",
-  "compilerOptions": {
-    "noEmitOnError": true,
-    "outDir": "dist",
-    "declaration": true,
-    "lib": ["ESNext.Intl", "DOM"]
-  },
-  "include": ["src", "test"]
-}