@servicetitan/web-components 28.1.1 → 28.3.0

package/dist/utils/index.d.ts

@@ -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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","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.d.ts","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/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,mCAUV,eAAe,6CAuDzD"}

package/dist/utils/web-component.js

@@ -4,17 +4,21 @@ 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;
+    var _a;
+    const { basename, bundleInfo, eventBus, exposedDependencies, ldService, logService } = props;
     const { WebComponent, disposer, mfeSupportsRerendering } = bundleInfo;
     const elementName = getElementName(bundleInfo);
+    const exposedInstanceDependencies = ensureLDVersion(props.exposedInstanceDependencies, (_a = bundleInfo.bundledWith) === null || _a === void 0 ? void 0 : _a['launchdarkly-js-client-sdk']);
     return ({ LoadingFallback, ...props }) => {
         const [isLoading, setIsLoading] = useState(true);
         const [historyManager] = useOptionalDependencies(HistoryManager);
         const handleRef = (webComponent) => {
             webComponent === null || webComponent === void 0 ? void 0 : webComponent.provide({
+                ldService,
                 logService,
                 historyManager,
                 exposedDependencies,
+                exposedInstanceDependencies,
                 eventBus,
                 basename,
                 onReady: () => {
@@ -36,7 +40,9 @@ export function webComponent(props) {
         const key = mfeSupportsRerendering ? undefined : stringifiedData;
         const dataAttrs = useMemo(() => composeDataAttributes(props.data), [props.data]);
         const styleUrls = getStyleUrls(bundleInfo);
-        return (_jsxs(Fragment, { children: [isLoading && _jsx(LoadingFallback, {}), _jsx(WebComponent, { ref: handleRef, class: props.className, ...(styleUrls && { 'style-urls': styleUrls }), ...dataAttrs, "data-mfe-data": stringifiedData, "data-mfe-name": elementName }, key)] }));
+        return (_jsxs(Fragment, { children: [isLoading && _jsx(LoadingFallback, {}), _jsx(WebComponent, { 
+                    // @ts-expect-error because property ref does not exist on IntrinsicAttributes
+                    ref: handleRef, class: props.className, ...(styleUrls && { 'style-urls': styleUrls }), ...dataAttrs, "data-mfe-data": stringifiedData, "data-mfe-name": elementName }, key)] }));
     };
 }
 /*
@@ -49,6 +55,13 @@ function composeDataAttributes(data = {}) {
         value,
     ]));
 }
+function ensureLDVersion(exposedInstanceDependencies = {}, version) {
+    var _a;
+    if (version && !((_a = exposedInstanceDependencies.launchDarkly) === null || _a === void 0 ? void 0 : _a.ldService)) {
+        return { ...exposedInstanceDependencies, launchDarkly: { version } };
+    }
+    return exposedInstanceDependencies;
+}
 function getStyleUrls({ urls }) {
     if (urls.css.length) {
         return encodeURIComponent(JSON.stringify(urls.css));

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

@@ -1 +1 @@
-{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMlE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAWpD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACjD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC;IACtE,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CAAC,EAAE,eAAe,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;QACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAEjE,MAAM,SAAS,GAAG,CAAC,YAAkC,EAAE,EAAE;YACrD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;gBAClB,UAAU;gBACV,cAAc;gBACd,mBAAmB;gBACnB,QAAQ;gBACR,QAAQ;gBACR,OAAO,EAAE,GAAG,EAAE;oBACV,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;gBACD,SAAS,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAC;gBACf,CAAC;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,qEAAqE;QACrE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAEhF;;;;;WAKG;QACH,MAAM,GAAG,GAAG,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;QACjE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACjF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QAE3C,OAAO,CACH,MAAC,QAAQ,eACJ,SAAS,IAAI,KAAC,eAAe,KAAG,EACjC,KAAC,YAAY,IAET,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,CAAC,SAAS,KAClB,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,KAK1C,SAAS,mBACE,eAAe,mBACf,WAAW,IAVrB,GAAG,CAWV,IACK,CACd,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,SAAS,qBAAqB,CAAC,OAAuC,EAAE;IACpE,OAAO,MAAM,CAAC,WAAW,CACrB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QACvC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACrE,KAAK;KACR,CAAC,CACL,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAA4B;IACpD,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,CAAC;AACL,CAAC"}
+{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMlE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAapD,MAAM,UAAU,YAAY,CAAC,KAAwB;;IACjD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7F,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC;IACtE,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAE/C,MAAM,2BAA2B,GAAG,eAAe,CAC/C,KAAK,CAAC,2BAA2B,EACjC,MAAA,UAAU,CAAC,WAAW,0CAAG,4BAA4B,CAAC,CACzD,CAAC;IAEF,OAAO,CAAC,EAAE,eAAe,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;QACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAEjE,MAAM,SAAS,GAAG,CAAC,YAAkC,EAAE,EAAE;YACrD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;gBAClB,SAAS;gBACT,UAAU;gBACV,cAAc;gBACd,mBAAmB;gBACnB,2BAA2B;gBAC3B,QAAQ;gBACR,QAAQ;gBACR,OAAO,EAAE,GAAG,EAAE;oBACV,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;gBACD,SAAS,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAC;gBACf,CAAC;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,qEAAqE;QACrE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAEhF;;;;;WAKG;QACH,MAAM,GAAG,GAAG,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;QACjE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACjF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QAE3C,OAAO,CACH,MAAC,QAAQ,eACJ,SAAS,IAAI,KAAC,eAAe,KAAG,EACjC,KAAC,YAAY;oBAET,8EAA8E;oBAC9E,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,CAAC,SAAS,KAClB,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,KAK1C,SAAS,mBACE,eAAe,mBACf,WAAW,IAXrB,GAAG,CAYV,IACK,CACd,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,SAAS,qBAAqB,CAAC,OAAuC,EAAE;IACpE,OAAO,MAAM,CAAC,WAAW,CACrB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QACvC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACrE,KAAK;KACR,CAAC,CACL,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CACpB,8BAA2D,EAAE,EAC7D,OAAgB;;IAEhB,IAAI,OAAO,IAAI,CAAC,CAAA,MAAA,2BAA2B,CAAC,YAAY,0CAAE,SAAS,CAAA,EAAE,CAAC;QAClE,OAAO,EAAE,GAAG,2BAA2B,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;IACzE,CAAC;IACD,OAAO,2BAA2B,CAAC;AACvC,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAA4B;IACpD,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,CAAC;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/web-components",
-    "version": "28.1.1",
+    "version": "28.3.0",
     "description": "",
     "repository": {
         "type": "git",
@@ -15,34 +15,36 @@
         "src"
     ],
     "dependencies": {
-        "@servicetitan/error-boundary": "28.1.1",
+        "@servicetitan/error-boundary": "28.3.0",
         "lodash.get": "~4.4.2",
         "mitt": "~3.0.1",
         "semver": "~7.6.3"
     },
     "devDependencies": {
-        "@servicetitan/anvil2": "^1.16.7",
-        "@servicetitan/design-system": "~14.5.0",
-        "@servicetitan/log-service": "28.1.1",
-        "@servicetitan/react-ioc": "28.1.1",
+        "@servicetitan/anvil2": "^1.16.13",
+        "@servicetitan/design-system": "~14.5.1",
+        "@servicetitan/launchdarkly-service": "28.3.0",
+        "@servicetitan/log-service": "28.3.0",
+        "@servicetitan/react-ioc": "28.3.0",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^16.0.1",
+        "@testing-library/react": "^16.1.0",
         "@types/history": "~4.7.10",
         "@types/lodash.get": "~4.4.6",
         "@types/react": "~18.3.3",
         "@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/design-system": ">=14.5.0",
-        "@servicetitan/log-service": "28.1.1",
-        "@servicetitan/react-ioc": "28.1.1",
+        "@servicetitan/anvil2": ">=1.16.13",
+        "@servicetitan/design-system": ">=14.5.1",
+        "@servicetitan/log-service": "28.3.0",
+        "@servicetitan/react-ioc": "28.3.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": "35c714f4eaf0ba60dd6fa3fc583f0283edfb4a44"
+    "gitHead": "63ce3ca18966fc5522a3b61df5e4c55f82b4272e"
 }

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,104 @@ 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', () => {
+                beforeEach(() => {
+                    singletons?.push({
+                        provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                        useValue: { launchDarkly: { version: '1.0' } },
+                    });
+                });
+
+                describe('when ldService is provided via LD_SERVICE_TOKEN', () => {
+                    const ldService = Symbol('ldService');
+
+                    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 metadata.bundledWith includes LaunchDarkly', () => {
+                const version = '1.0.0';
+
+                beforeEach(() => {
+                    metadata.bundledWith = { 'launchdarkly-js-client-sdk': version };
+                });
+
+                function itAddsLaunchDarklyVersion() {
+                    test('adds LaunchDarkly version to exposedInternalDependencies provided to web component', async () => {
+                        await webComponentReadySetup();
+
+                        expect(webComponentState.exposedInstanceDependencies).toEqual(
+                            expect.objectContaining({ launchDarkly: { version } })
+                        );
+                    });
+                }
+
+                describe('when EXPOSED_INTERNAL_DEPENDENCIES omits launchDarkly', () => {
+                    beforeEach(() => {
+                        singletons?.push({
+                            provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                            useValue: {},
+                        });
+                    });
+
+                    itAddsLaunchDarklyVersion();
+                });
+
+                describe('when EXPOSED_INTERNAL_DEPENDENCIES.launchDarkly omits ldService', () => {
+                    beforeEach(() => {
+                        singletons?.push({
+                            provide: EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
+                            useValue: { launchDarkly: { version: '1.2.3' } },
+                        });
+                    });
+
+                    itAddsLaunchDarklyVersion();
+                });
+            });
+
             describe('when onDispose is called from the web component', () => {
                 async function onDisposeSetup() {
                     await webComponentReadySetup();
@@ -670,19 +777,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 +849,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/__tests__/register-legacy-root.test.tsx

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom';
-import { render, waitFor } from '@testing-library/react';
+import { render } from '@testing-library/react';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore because Jest mistakenly complains that "'shadow-dom-testing-library' cannot be imported using this construct".
 import { screen } from 'shadow-dom-testing-library';
@@ -30,10 +30,7 @@ describe('[web-components] register', () => {
         test('useMFEDataContext provides updated data', async () => {
             setup();
 
-            await waitFor(() => {
-                expect(screen.getByShadowText(`Prop: string, Value: "baz"`)).toBeInTheDocument();
-            });
-            expect(screen.getByShadowText(`Data: string, Value: "baz"`)).toBeInTheDocument();
+            expect(await screen.findByShadowText(`Data: string, Value: "baz"`)).toBeInTheDocument();
         });
     });
 });

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;