@servicetitan/web-components 28.1.0 → 28.2.0

package/dist/utils/index.js

@@ -1,6 +1,7 @@
 export * from './get-bundle-info';
 export * from './get-element-name';
 export * from './get-entry-points';
+export * from './get-ld-service-token';
 export * from './get-mfe-supports-rerendering';
 export * from './get-version-mismatches';
 export * from './is-versioned-url';

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC"}

package/dist/utils/validate-bundle-info.d.ts

@@ -1,9 +1,12 @@
 import { Log } from '@servicetitan/log-service';
-import { ExposedDependencies } from '../common';
+import { ExposedDependencies, ExposedInstanceDependencies } from '../common';
 import { BundleInfo } from './get-bundle-info';
-export declare function validateBundleInfo({ mismatch }: BundleInfo, { exposedDependencies, logService, packageName, }: {
+interface Context {
     exposedDependencies?: ExposedDependencies;
+    exposedInstanceDependencies?: ExposedInstanceDependencies;
     logService?: Log;
-    packageName: string;
-}): void;
+    packageUrl: string;
+}
+export declare function validateBundleInfo({ mismatch, mfeHasCompatibleLaunchDarklyVersion }: BundleInfo, { exposedDependencies, exposedInstanceDependencies, logService, packageUrl }: Context): void;
+export {};
 //# sourceMappingURL=validate-bundle-info.d.ts.map

package/dist/utils/validate-bundle-info.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validate-bundle-info.d.ts","sourceRoot":"","sources":["../../src/utils/validate-bundle-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,wBAAgB,kBAAkB,CAC9B,EAAE,QAAQ,EAAE,EAAE,UAAU,EACxB,EACI,mBAAwB,EACxB,UAAU,EACV,WAAW,GACd,EAAE;IAAE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,QAqB1F"}
+{"version":3,"file":"validate-bundle-info.d.ts","sourceRoot":"","sources":["../../src/utils/validate-bundle-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,UAAU,OAAO;IACb,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACtB;AACD,wBAAgB,kBAAkB,CAC9B,EAAE,QAAQ,EAAE,mCAAmC,EAAE,EAAE,UAAU,EAC7D,EAAE,mBAAwB,EAAE,2BAA2B,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,OAAO,QAwC7F"}

package/dist/utils/validate-bundle-info.js

@@ -1,19 +1,37 @@
-export function validateBundleInfo({ mismatch }, { exposedDependencies = {}, logService, packageName, }) {
-    if (!mismatch || !logService) {
+export function validateBundleInfo({ mismatch, mfeHasCompatibleLaunchDarklyVersion }, { exposedDependencies = {}, exposedInstanceDependencies, logService, packageUrl }) {
+    var _a, _b;
+    if (!logService) {
         return;
     }
-    const data = { package: packageName, dependencies: JSON.stringify(mismatch) };
-    if (Object.keys(exposedDependencies).length === 0) {
-        logService.warning({
-            category: 'MicroFrontends.NoExposedDependencies',
-            message: 'Cannot use light bundle because the host is not exposing dependencies or the list of shared dependencies is empty.',
-            data,
-        });
+    if (mismatch) {
+        const data = { package: packageUrl, dependencies: JSON.stringify(mismatch) };
+        if (Object.keys(exposedDependencies).length === 0) {
+            logService.warning({
+                category: 'MicroFrontends.NoExposedDependencies',
+                message: 'Cannot use light bundle because the host is not exposing dependencies or the list of shared dependencies is empty.',
+                data,
+            });
+        }
+        else {
+            logService.warning({
+                category: 'MicroFrontends.DependenciesMismatch',
+                message: 'Some of the package dependencies have incompatible versions.',
+                data,
+            });
+        }
     }
-    else {
+    /**
+     * Note, only checking false here because the value is undefined when the host
+     * or the MFE isn't using LaunchDarkly at all.
+     */
+    if (mfeHasCompatibleLaunchDarklyVersion === false) {
+        const data = {
+            package: packageUrl,
+            hostVersion: (_b = (_a = exposedInstanceDependencies === null || exposedInstanceDependencies === void 0 ? void 0 : exposedInstanceDependencies.launchDarkly) === null || _a === void 0 ? void 0 : _a.version) !== null && _b !== void 0 ? _b : '',
+        };
         logService.warning({
-            category: 'MicroFrontends.DependenciesMismatch',
-            message: 'Some of the package dependencies have incompatible versions.',
+            category: 'MicroFrontends.LaunchDarklyMismatch',
+            message: 'LaunchDarkly versions are incompatible',
             data,
         });
     }

package/dist/utils/validate-bundle-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate-bundle-info.js","sourceRoot":"","sources":["../../src/utils/validate-bundle-info.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,kBAAkB,CAC9B,EAAE,QAAQ,EAAc,EACxB,EACI,mBAAmB,GAAG,EAAE,EACxB,UAAU,EACV,WAAW,GACwE;IAEvF,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,OAAO;IACX,CAAC;IAED,MAAM,IAAI,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC9E,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChD,UAAU,CAAC,OAAO,CAAC;YACf,QAAQ,EAAE,sCAAsC;YAChD,OAAO,EACH,oHAAoH;YACxH,IAAI;SACP,CAAC,CAAC;IACP,CAAC;SAAM,CAAC;QACJ,UAAU,CAAC,OAAO,CAAC;YACf,QAAQ,EAAE,qCAAqC;YAC/C,OAAO,EAAE,8DAA8D;YACvE,IAAI;SACP,CAAC,CAAC;IACP,CAAC;AACL,CAAC"}
+{"version":3,"file":"validate-bundle-info.js","sourceRoot":"","sources":["../../src/utils/validate-bundle-info.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,kBAAkB,CAC9B,EAAE,QAAQ,EAAE,mCAAmC,EAAc,EAC7D,EAAE,mBAAmB,GAAG,EAAE,EAAE,2BAA2B,EAAE,UAAU,EAAE,UAAU,EAAW;;IAE1F,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO;IACX,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACX,MAAM,IAAI,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7E,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChD,UAAU,CAAC,OAAO,CAAC;gBACf,QAAQ,EAAE,sCAAsC;gBAChD,OAAO,EACH,oHAAoH;gBACxH,IAAI;aACP,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,OAAO,CAAC;gBACf,QAAQ,EAAE,qCAAqC;gBAC/C,OAAO,EAAE,8DAA8D;gBACvE,IAAI;aACP,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED;;;OAGG;IAEH,IAAI,mCAAmC,KAAK,KAAK,EAAE,CAAC;QAChD,MAAM,IAAI,GAAG;YACT,OAAO,EAAE,UAAU;YACnB,WAAW,EAAE,MAAA,MAAA,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,YAAY,0CAAE,OAAO,mCAAI,EAAE;SACxE,CAAC;QACF,UAAU,CAAC,OAAO,CAAC;YACf,QAAQ,EAAE,qCAAqC;YAC/C,OAAO,EAAE,wCAAwC;YACjD,IAAI;SACP,CAAC,CAAC;IACP,CAAC;AACL,CAAC"}

package/dist/utils/web-component.d.ts

@@ -1,5 +1,6 @@
 import { Log } from '@servicetitan/log-service';
-import { ExposedDependencies } from '../common';
+import { type LDService } from '@servicetitan/launchdarkly-service';
+import { ExposedDependencies, ExposedInstanceDependencies } from '../common';
 import { EventBus } from '../event-bus';
 import { BundleInfo } from './get-bundle-info';
 import { LoaderDataProps } from '../loader';
@@ -8,6 +9,8 @@ interface WebComponentProps {
     bundleInfo: BundleInfo;
     eventBus: EventBus;
     exposedDependencies?: ExposedDependencies;
+    exposedInstanceDependencies?: ExposedInstanceDependencies;
+    ldService?: LDService;
     logService?: Log;
 }
 export declare function webComponent(props: WebComponentProps): ({ LoadingFallback, ...props }: LoaderDataProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/web-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAGhD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,WAAW,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,UAAU,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,mCAKV,eAAe,6CAoDzD"}
+{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAiB,MAAM,WAAW,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,mCAaV,eAAe,6CAsDzD"}

package/dist/utils/web-component.js

@@ -4,7 +4,7 @@ import { useOptionalDependencies } from '@servicetitan/react-ioc';
 import { getElementName } from './get-element-name';
 import { HistoryManager } from '../history-manager';
 export function webComponent(props) {
-    const { basename, bundleInfo, eventBus, exposedDependencies, logService } = props;
+    const { basename, bundleInfo, eventBus, exposedDependencies, exposedInstanceDependencies, ldService, logService, } = props;
     const { WebComponent, disposer, mfeSupportsRerendering } = bundleInfo;
     const elementName = getElementName(bundleInfo);
     return ({ LoadingFallback, ...props }) => {
@@ -12,9 +12,11 @@ export function webComponent(props) {
         const [historyManager] = useOptionalDependencies(HistoryManager);
         const handleRef = (webComponent) => {
             webComponent === null || webComponent === void 0 ? void 0 : webComponent.provide({
+                ldService,
                 logService,
                 historyManager,
                 exposedDependencies,
+                exposedInstanceDependencies,
                 eventBus,
                 basename,
                 onReady: () => {

package/dist/utils/web-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/web-components",
-    "version": "28.1.0",
+    "version": "28.2.0",
     "description": "",
     "repository": {
         "type": "git",
@@ -15,16 +15,17 @@
         "src"
     ],
     "dependencies": {
-        "@servicetitan/error-boundary": "28.1.0",
+        "@servicetitan/error-boundary": "28.2.0",
         "lodash.get": "~4.4.2",
         "mitt": "~3.0.1",
         "semver": "~7.6.3"
     },
     "devDependencies": {
-        "@servicetitan/anvil2": "^1.16.7",
+        "@servicetitan/anvil2": "^1.16.8",
         "@servicetitan/design-system": "~14.5.0",
-        "@servicetitan/log-service": "28.1.0",
-        "@servicetitan/react-ioc": "28.1.0",
+        "@servicetitan/launchdarkly-service": "28.2.0",
+        "@servicetitan/log-service": "28.2.0",
+        "@servicetitan/react-ioc": "28.2.0",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.0.1",
@@ -34,15 +35,16 @@
         "@types/react-dom": "~18.3.0",
         "@types/semver": "~7.5.8",
         "history": "~4.10.1",
+        "launchdarkly-react-client-sdk": "^3.6.0",
         "react": "~18.3.1",
         "react-dom": "~18.3.1",
         "shadow-dom-testing-library": "^1.11.3"
     },
     "peerDependencies": {
-        "@servicetitan/anvil2": ">=1.16.7",
+        "@servicetitan/anvil2": ">=1.16.8",
         "@servicetitan/design-system": ">=14.5.0",
-        "@servicetitan/log-service": "28.1.0",
-        "@servicetitan/react-ioc": "28.1.0",
+        "@servicetitan/log-service": "28.2.0",
+        "@servicetitan/react-ioc": "28.2.0",
         "history": "~4.10.1",
         "react": ">=17.0.2",
         "react-dom": ">=17.0.2"
@@ -53,6 +55,9 @@
         },
         "@servicetitan/design-system": {
             "optional": true
+        },
+        "@servicetitan/launchdarkly-service": {
+            "optional": true
         }
     },
     "publishConfig": {
@@ -61,5 +66,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "27d173aad0e016014bed59385886d0fd7ca3fb17"
+    "gitHead": "df48bdf4994bce3971c7e4f099eeb11ebb4945e6"
 }

package/src/__tests__/get-value-for-environment.test.ts

@@ -0,0 +1,77 @@
+import {
+    Environment,
+    EnvironmentValues,
+    getValueForEnvironment,
+} from '../get-value-for-environment';
+
+describe(`[web-components] ${getValueForEnvironment.name}`, () => {
+    const originalLocation = window.location;
+    const values: EnvironmentValues = {
+        dev: 'dev-value',
+        go: 'go-value',
+        next: 'next-value',
+        qa: 'qa-value',
+        stage: 'stage-value',
+        test: 'test-value',
+    };
+    let hostname: string | undefined;
+    let defaultEnvironment: Environment | undefined;
+
+    const subject = () => getValueForEnvironment(values, defaultEnvironment, hostname);
+
+    beforeAll(() => {
+        Object.defineProperty(window, 'location', {
+            configurable: true,
+            value: new URL('https://example.com'),
+        });
+    });
+    afterAll(() => {
+        Object.defineProperty(window, 'location', {
+            configurable: true,
+            value: originalLocation,
+        });
+    });
+
+    beforeEach(() => {
+        hostname = undefined;
+        defaultEnvironment = undefined;
+        process.env.NODE_ENV = 'production';
+    });
+
+    test('returns id for "qa" environment', () => {
+        expect(subject()).toBe(values.qa);
+    });
+
+    describe('when in test environment', () => {
+        beforeEach(() => (process.env.NODE_ENV = 'test'));
+
+        test('returns id for "test" environment', () => {
+            expect(subject()).toBe(values.test);
+        });
+    });
+
+    describe('with a default environment', () => {
+        beforeEach(() => (defaultEnvironment = 'dev'));
+
+        test('returns id for default environment', () => {
+            expect(subject()).toBe(values[defaultEnvironment!]);
+        });
+    });
+
+    describe.each([
+        { host: '127.0.0.1', key: 'dev' },
+        { host: 'localhost', key: 'dev' },
+        { host: 'go.servicetitan.com', key: 'go' },
+        { host: 'next.servicetitan.com', key: 'next' },
+        { host: 'stage.servicetitan.com', key: 'stage' },
+    ] as {
+        host: string;
+        key: Environment;
+    }[])('when hostname contains "$host"', ({ host, key }) => {
+        beforeEach(() => (hostname = host));
+
+        test(`returns id for "${key}" environment`, () => {
+            expect(subject()).toBe(values[key]);
+        });
+    });
+});

package/src/__tests__/globals.test.ts

@@ -1,6 +1,6 @@
 describe('[web-components] globals', () => {
     function itExportsGlobal(globalName: string) {
-        test(`exports the global ${globalName}`, () => {
+        test(`exports "${globalName}"`, () => {
             jest.isolateModules(() => {
                 const globalValue = 'foo';
                 Object.assign(global, { [globalName]: globalValue });
@@ -10,11 +10,7 @@ describe('[web-components] globals', () => {
         });
     }
 
-    describe('EXPOSED_DEPENDENCIES', () => {
-        itExportsGlobal('EXPOSED_DEPENDENCIES');
-    });
-
-    describe('WEB_COMPONENT_NAME', () => {
-        itExportsGlobal('WEB_COMPONENT_NAME');
-    });
+    ['EXPOSED_DEPENDENCIES', 'EXPOSED_INSTANCE_DEPENDENCIES', 'WEB_COMPONENT_NAME'].forEach(name =>
+        itExportsGlobal(name)
+    );
 });

package/src/__tests__/loader.test.tsx

@@ -1,20 +1,27 @@
 import '@testing-library/jest-dom';
 import { act, render, screen, waitFor } from '@testing-library/react';
+import { LD_SERVICE_TOKEN } from '@servicetitan/launchdarkly-service';
 import { Log } from '@servicetitan/log-service';
 import { Provider, ProviderProps } from '@servicetitan/react-ioc';
 import { FC, RefObject, useEffect, useRef } from 'react';
 
 import * as common from '../common';
-import { Entries, EXPOSED_DEPENDENCIES_TOKEN } from '../common';
+import {
+    EXPOSED_DEPENDENCIES_TOKEN,
+    EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+    Entries,
+    ExposedDependencies,
+    ExposedInstanceDependencies,
+} from '../common';
 import { EVENT_BUS_TOKEN } from '../event-bus';
 import { HistoryManager } from '../history-manager';
 import { Loader, LoaderProps } from '../loader';
 import { Metadata } from '../utils/get-bundle-info';
+import { getMFEHasCompatibleLaunchDarklyVersion } from '../utils/get-mfe-has-compatible-launchdarkly-version';
 import { getVersionMismatches } from '../utils/get-version-mismatches';
 
-jest.mock('../utils/get-version-mismatches', () => ({
-    getVersionMismatches: jest.fn(),
-}));
+jest.mock('../utils/get-mfe-has-compatible-launchdarkly-version');
+jest.mock('../utils/get-version-mismatches');
 
 describe('[web-components] Loader', () => {
     const localHosts = ['localhost', '127.0.0.1'];
@@ -112,6 +119,7 @@ describe('[web-components] Loader', () => {
             }
             return getJsonMockFns[url]();
         });
+        jest.mocked(getMFEHasCompatibleLaunchDarklyVersion).mockReturnValue(true);
         jest.mocked(getVersionMismatches).mockReturnValue({});
     });
 
@@ -594,10 +602,11 @@ describe('[web-components] Loader', () => {
                     [Log, 'logService'],
                     [HistoryManager, 'historyManager'],
                     [EXPOSED_DEPENDENCIES_TOKEN, 'exposedDependencies'],
+                    [EXPOSED_INSTANCE_DEPENDENCIES_TOKEN, 'exposedInstanceDependencies'],
                     [EVENT_BUS_TOKEN, 'eventBus'],
                 ] as [any, string][]
             ).forEach(([klass, propName]) => {
-                describe(`when ${propName} is provided to the parent <Provider>`, () => {
+                describe(`when ${propName} is provided`, () => {
                     beforeEach(() => {
                         singletons?.push({ provide: klass, useValue: propName });
                     });
@@ -609,6 +618,64 @@ describe('[web-components] Loader', () => {
                 });
             });
 
+            describe('when ldService is provided via EXPOSED_INSTANCE_DEPENDENCIES', () => {
+                const ldService = Symbol('ldService');
+
+                beforeEach(() => {
+                    singletons?.push({
+                        provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                        useValue: { launchDarkly: { version: '1.0', ldService } },
+                    });
+                });
+
+                test('provides ldService to the web component', async () => {
+                    await webComponentReadySetup();
+                    expect(webComponentState.ldService).toEqual(ldService);
+                });
+
+                describe('when MFE has incompatible LaunchDarkly version', () => {
+                    beforeEach(() => {
+                        jest.mocked(getMFEHasCompatibleLaunchDarklyVersion).mockReturnValue(false);
+                    });
+
+                    test('does not provide ldService to the web component', async () => {
+                        await webComponentReadySetup();
+                        expect(webComponentState.ldService).toBeUndefined();
+                    });
+                });
+            });
+
+            describe('when only LaunchDarkly version is provided via EXPOSED_INTERNAL_DEPENDENCIES', () => {
+                const ldService = Symbol('ldService');
+
+                beforeEach(() => {
+                    singletons?.push({
+                        provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                        useValue: { launchDarkly: { version: '1.0' } },
+                    });
+                });
+
+                describe('when ldService is provided via LD_SERVICE_TOKEN', () => {
+                    beforeEach(() =>
+                        singletons?.push({ provide: LD_SERVICE_TOKEN, useValue: ldService })
+                    );
+
+                    test('add ldService to exposedInternalDependencies provided to web component', async () => {
+                        await webComponentReadySetup();
+                        expect(webComponentState.exposedInstanceDependencies).toEqual(
+                            expect.objectContaining({
+                                launchDarkly: expect.objectContaining({ ldService }),
+                            })
+                        );
+                    });
+
+                    test('provides ldService to the web component', async () => {
+                        await webComponentReadySetup();
+                        expect(webComponentState.ldService).toEqual(ldService);
+                    });
+                });
+            });
+
             describe('when onDispose is called from the web component', () => {
                 async function onDisposeSetup() {
                     await webComponentReadySetup();
@@ -670,19 +737,28 @@ describe('[web-components] Loader', () => {
             });
 
             describe('when there are version mismatches', () => {
+                const exposedDependencies: ExposedDependencies = {
+                    foo: { variable: 'foo', version: '1.0' },
+                };
+                const exposedInstanceDependencies: ExposedInstanceDependencies = {
+                    launchDarkly: { version: '1.0' },
+                };
                 const mismatchedDeps = {
-                    foo: {
-                        host: 'bar',
-                        package: 'baz',
-                    },
+                    foo: { host: '1.0', package: '2.0' },
                 };
 
                 beforeEach(() => {
                     jest.mocked(getVersionMismatches).mockReturnValue(mismatchedDeps);
-                    singletons?.push({
-                        provide: EXPOSED_DEPENDENCIES_TOKEN,
-                        useValue: { foo: 'bar' },
-                    });
+                    singletons?.push(
+                        {
+                            provide: EXPOSED_DEPENDENCIES_TOKEN,
+                            useValue: exposedDependencies,
+                        },
+                        {
+                            provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                            useValue: exposedInstanceDependencies,
+                        }
+                    );
                 });
 
                 itAddsJsEntrypointToWebComponent(
@@ -733,6 +809,29 @@ describe('[web-components] Loader', () => {
                             );
                         });
                     });
+
+                    describe('when MFE has incompatible version of LaunchDarkly', () => {
+                        beforeEach(() => {
+                            jest.mocked(getMFEHasCompatibleLaunchDarklyVersion).mockReturnValue(
+                                false
+                            );
+                        });
+
+                        test('logs "LaunchDarkly mismatch" warning', async () => {
+                            await webComponentReadySetup();
+
+                            expect(logService.warning).toHaveBeenCalledWith(
+                                expect.objectContaining({
+                                    category: 'MicroFrontends.LaunchDarklyMismatch',
+                                    data: {
+                                        package: props.src,
+                                        hostVersion:
+                                            exposedInstanceDependencies.launchDarkly?.version,
+                                    },
+                                })
+                            );
+                        });
+                    });
                 });
             });
         });

package/src/common.ts

@@ -1,6 +1,7 @@
 import { useRef } from 'react';
 
 import { symbolToken } from '@servicetitan/react-ioc';
+import { type LDService } from '@servicetitan/launchdarkly-service';
 import { Log } from '@servicetitan/log-service';
 
 import { EventBus } from './event-bus';
@@ -14,17 +15,26 @@ export type ExposedDependencies = Record<
     }
 >;
 
+export interface ExposedInstanceDependencies {
+    launchDarkly?: { version: string; ldService?: LDService };
+}
+
 export const BASENAME_TOKEN = symbolToken<string>('BASENAME_TOKEN');
 export const EXPOSED_DEPENDENCIES_TOKEN = symbolToken<ExposedDependencies>(
     'EXPOSED_DEPENDENCIES_TOKEN'
 );
+export const EXPOSED_INSTANCE_DEPENDENCIES_TOKEN = symbolToken<ExposedInstanceDependencies>(
+    'EXPOSED_INSTANCE_DEPENDENCIES_TOKEN'
+);
 export const IS_WEB_COMPONENT_TOKEN = symbolToken<boolean>('IS_WEB_COMPONENT_TOKEN');
 export const RENDER_ROOT_TOKEN = symbolToken<ShadowRoot>('RENDER_ROOT_TOKEN');
 
 export interface Entries {
+    ldService?: LDService;
     logService?: Log;
     historyManager?: HistoryManager;
     exposedDependencies?: ExposedDependencies;
+    exposedInstanceDependencies?: ExposedInstanceDependencies;
     eventBus?: EventBus;
     basename?: string;
     onReady: () => void;

package/src/get-value-for-environment.ts

@@ -0,0 +1,42 @@
+export type Environment = 'dev' | 'go' | 'next' | 'qa' | 'stage' | 'test';
+export type EnvironmentValues = Partial<Record<Environment, string>>;
+
+export function getValueForEnvironment(
+    values: EnvironmentValues,
+    defaultEnvironment: Environment = 'qa',
+    hostname: string = window.location.hostname
+) {
+    const keys = Object.keys(values) as (keyof typeof values)[];
+    const key = detectEnvironment(keys, defaultEnvironment, hostname);
+    return values[key];
+}
+
+function detectEnvironment(
+    keys: Environment[],
+    defaultEnvironment: Environment,
+    hostname: string
+): Environment {
+    if (isTestEnvironment()) {
+        return 'test';
+    }
+
+    if (isLocalHost(hostname)) {
+        return 'dev';
+    }
+
+    for (const key of keys) {
+        if (hostname.indexOf(`${key}.servicetitan.com`) >= 0) {
+            return key;
+        }
+    }
+
+    return defaultEnvironment;
+}
+
+function isLocalHost(hostname: string) {
+    return ['localhost', '127.0.0.1'].some(host => hostname.indexOf(host) >= 0);
+}
+
+function isTestEnvironment() {
+    return process.env.NODE_ENV === 'test';
+}

package/src/globals.ts

@@ -1,8 +1,9 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import { ExposedDependencies } from './common';
+import { ExposedDependencies, ExposedInstanceDependencies } from './common';
 
 declare global {
     export const EXPOSED_DEPENDENCIES: ExposedDependencies | undefined;
+    export const EXPOSED_INSTANCE_DEPENDENCIES: ExposedInstanceDependencies | undefined;
     export const WEB_COMPONENT_NAME: string | undefined;
 }
 
@@ -17,9 +18,17 @@ function get<T>(fetch: () => T) {
 const _EXPOSED_DEPENDENCIES = get(() => {
     return EXPOSED_DEPENDENCIES;
 });
-export { _EXPOSED_DEPENDENCIES as EXPOSED_DEPENDENCIES };
 
 const _WEB_COMPONENT_NAME = get(() => {
     return WEB_COMPONENT_NAME;
 });
-export { _WEB_COMPONENT_NAME as WEB_COMPONENT_NAME };
+
+const _EXPOSED_INSTANCE_DEPENDENCIES = get(() => {
+    return EXPOSED_INSTANCE_DEPENDENCIES;
+});
+
+export {
+    _EXPOSED_DEPENDENCIES as EXPOSED_DEPENDENCIES,
+    _EXPOSED_INSTANCE_DEPENDENCIES as EXPOSED_INSTANCE_DEPENDENCIES,
+    _WEB_COMPONENT_NAME as WEB_COMPONENT_NAME,
+};

package/src/index.ts

@@ -1,6 +1,7 @@
 export * from './common';
+export * from './contexts';
 export * from './event-bus';
+export * from './get-value-for-environment';
 export * from './history-manager';
-export * from './contexts';
-export * from './register';
 export * from './loader';
+export * from './register';