@servicetitan/launchdarkly-service 28.2.0 → 28.3.0

package/dist/create-flag-keys.d.ts

@@ -0,0 +1,7 @@
+import { FlagKey } from './types';
+type FlagKeys<S> = {
+    [K in keyof S]: FlagKey<S, K>;
+};
+export declare function createFlagKeys<S>(...keys: (keyof S)[]): FlagKeys<S>;
+export {};
+//# sourceMappingURL=create-flag-keys.d.ts.map

package/dist/create-flag-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-flag-keys.d.ts","sourceRoot":"","sources":["../src/create-flag-keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,KAAK,QAAQ,CAAC,CAAC,IAAI;KACd,CAAC,IAAI,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAEnE"}

package/dist/create-flag-keys.js

@@ -0,0 +1,4 @@
+export function createFlagKeys(...keys) {
+    return keys.reduce((result, key) => ({ ...result, [key]: key }), {});
+}
+//# sourceMappingURL=create-flag-keys.js.map

package/dist/create-flag-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-flag-keys.js","sourceRoot":"","sources":["../src/create-flag-keys.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,cAAc,CAAI,GAAG,IAAiB;IAClD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAiB,CAAC,CAAC;AACxF,CAAC"}

package/dist/feature-flag-provider.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare function FeatureFlagProvider({ children }: PropsWithChildren): import("react").ReactNode;
+//# sourceMappingURL=feature-flag-provider.d.ts.map

package/dist/feature-flag-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-provider.d.ts","sourceRoot":"","sources":["../src/feature-flag-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAIrD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,6BASlE"}

package/dist/feature-flag-provider.js

@@ -0,0 +1,13 @@
+import { useDependencies } from '@servicetitan/react-ioc';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+import { useEffect } from 'react';
+import { FeatureFlagStore } from './feature-flag-store';
+export function FeatureFlagProvider({ children }) {
+    const [{ setFlags }] = useDependencies(FeatureFlagStore);
+    const flags = useFlags();
+    useEffect(() => {
+        setFlags(flags);
+    }, [flags, setFlags]);
+    return children;
+}
+//# sourceMappingURL=feature-flag-provider.js.map

package/dist/feature-flag-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-provider.js","sourceRoot":"","sources":["../src/feature-flag-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAAqB;IAC/D,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,QAAQ,CAAC;AACpB,CAAC"}

package/dist/feature-flag-store.d.ts

@@ -0,0 +1,7 @@
+import { LDFlagSet } from 'launchdarkly-react-client-sdk';
+export declare class FeatureFlagStore<T extends LDFlagSet = LDFlagSet> {
+    flags: T;
+    constructor();
+    setFlags(flags: T): void;
+}
+//# sourceMappingURL=feature-flag-store.d.ts.map

package/dist/feature-flag-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-store.d.ts","sourceRoot":"","sources":["../src/feature-flag-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAG1D,qBACa,gBAAgB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IAE7C,KAAK,EAAE,CAAC,CAAmB;;IAOvC,QAAQ,CAAC,KAAK,EAAE,CAAC;CAGpB"}

package/dist/feature-flag-store.js

@@ -0,0 +1,42 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { injectable } from '@servicetitan/react-ioc';
+import { action, makeObservable, observable } from 'mobx';
+let FeatureFlagStore = class FeatureFlagStore {
+    constructor() {
+        // @ts-expect-error because 'LDFlagSet' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint
+        Object.defineProperty(this, "flags", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        makeObservable(this);
+    }
+    setFlags(flags) {
+        this.flags = flags;
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], FeatureFlagStore.prototype, "flags", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], FeatureFlagStore.prototype, "setFlags", null);
+FeatureFlagStore = __decorate([
+    injectable(),
+    __metadata("design:paramtypes", [])
+], FeatureFlagStore);
+export { FeatureFlagStore };
+//# sourceMappingURL=feature-flag-store.js.map

package/dist/feature-flag-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-store.js","sourceRoot":"","sources":["../src/feature-flag-store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGnD,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAIzB;QAHA,yJAAyJ;QAC7I;;;;mBAAW,EAAe;WAAC;QAGnC,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAGD,QAAQ,CAAC,KAAQ;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;CACJ,CAAA;AAVe;IAAX,UAAU;;+CAA4B;AAOvC;IADC,MAAM;;;;gDAGN;AAXQ,gBAAgB;IAD5B,UAAU,EAAE;;GACA,gBAAgB,CAY5B"}

package/dist/index.d.ts

@@ -1,5 +1,8 @@
+export * from './create-flag-keys';
+export * from './feature-flag-store';
 export * from './get-ld-client';
 export * from './ld-provider';
 export * from './ld-service-provider';
 export * from './types';
+export * from './with-feature-flag';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,5 +1,8 @@
+export * from './create-flag-keys';
+export * from './feature-flag-store';
 export * from './get-ld-client';
 export * from './ld-provider';
 export * from './ld-service-provider';
 export * from './types';
+export * from './with-feature-flag';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC"}

package/dist/ld-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ld-provider.d.ts","sourceRoot":"","sources":["../src/ld-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,cAAc,IAAI,kBAAkB,EACvC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAKnE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,SAAS,CAAC,GAAG;IAChF,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAmC5D,CAAC"}
+{"version":3,"file":"ld-provider.d.ts","sourceRoot":"","sources":["../src/ld-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,cAAc,IAAI,kBAAkB,EACvC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAO/E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,SAAS,CAAC,GAAG;IAChF,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CA+C3D,CAAC"}

package/dist/ld-provider.js

@@ -1,14 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Log } from '@servicetitan/log-service';
-import { useOptionalDependencies } from '@servicetitan/react-ioc';
+import { provide, useOptionalDependencies } from '@servicetitan/react-ioc';
 import { LDProvider as BaseLDProvider, } from 'launchdarkly-react-client-sdk';
-import { useEffect, useState } from 'react';
+import { useEffect, useReducer, useState } from 'react';
+import { FeatureFlagProvider } from './feature-flag-provider';
+import { FeatureFlagStore } from './feature-flag-store';
 import { getLDClient } from './get-ld-client';
 import { LD_SERVICE_TOKEN } from './types';
-export const LDProvider = props => {
+export const LDProvider = provide({
+    singletons: [FeatureFlagStore],
+})(props => {
     const { children, clientSideID, context, projectName, waitForInitialization = true } = props;
     const [ldClient, setLDClient] = useState();
     const [ldService, log] = useOptionalDependencies(LD_SERVICE_TOKEN, Log);
+    const [counter, forceUpdate] = useReducer((x) => x + 1, 0);
     useEffect(() => {
         (async function initializeClient() {
             var _a;
@@ -31,9 +36,17 @@ export const LDProvider = props => {
         })();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [clientSideID]); // only reload if clientSideID changes
+    useEffect(() => {
+        if (!waitForInitialization && ldClient) {
+            ldClient.on('initialized', forceUpdate);
+            return () => {
+                ldClient.off('initialized', forceUpdate);
+            };
+        }
+    }, [ldClient, waitForInitialization]);
     if (!ldClient) {
         return null;
     }
-    return (_jsx(BaseLDProvider, { clientSideID: clientSideID, ldClient: ldClient, children: children }));
-};
+    return (_jsx(BaseLDProvider, { clientSideID: clientSideID, ldClient: ldClient, children: _jsx(FeatureFlagProvider, { children: children }) }, counter.toString()));
+});
 //# sourceMappingURL=ld-provider.js.map

package/dist/ld-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ld-provider.js","sourceRoot":"","sources":["../src/ld-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EACH,UAAU,IAAI,cAAc,GAE/B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAyB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,MAAM,CAAC,MAAM,UAAU,GAA0C,KAAK,CAAC,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,qBAAqB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAY,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,uBAAuB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACX,CAAC,KAAK,UAAU,gBAAgB;;YAC5B,MAAM,MAAM,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;YACzC,MAAM,MAAM,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,MAAM,CAAC,mCAAI,WAAW,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,qBAAqB,EAAE,CAAC;gBACxB,IAAI,CAAC;oBACD,MAAM,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;gBAC1C,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACb,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC;wBACP,QAAQ,EAAE,cAAc;wBACxB,IAAI,EAAE,sBAAsB;wBAC5B,KAAK;wBACL,OAAO,EAAE,IAAI,WAAW,+BAA+B;qBAC1D,CAAC,CAAC;gBACP,CAAC;YACL,CAAC;YACD,WAAW,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,EAAE,CAAC;QACL,uDAAuD;IAC3D,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,sCAAsC;IAE1D,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,cAAc,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,YACzD,QAAQ,GACI,CACpB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"ld-provider.js","sourceRoot":"","sources":["../src/ld-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EACH,UAAU,IAAI,cAAc,GAE/B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAyB,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,MAAM,CAAC,MAAM,UAAU,GAA0C,OAAO,CAAC;IACrE,UAAU,EAAE,CAAC,gBAAgB,CAAC;CACjC,CAAC,CAAC,KAAK,CAAC,EAAE;IACP,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,qBAAqB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAY,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,uBAAuB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACX,CAAC,KAAK,UAAU,gBAAgB;;YAC5B,MAAM,MAAM,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;YACzC,MAAM,MAAM,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,MAAM,CAAC,mCAAI,WAAW,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,qBAAqB,EAAE,CAAC;gBACxB,IAAI,CAAC;oBACD,MAAM,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;gBAC1C,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACb,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC;wBACP,QAAQ,EAAE,cAAc;wBACxB,IAAI,EAAE,sBAAsB;wBAC5B,KAAK;wBACL,OAAO,EAAE,IAAI,WAAW,+BAA+B;qBAC1D,CAAC,CAAC;gBACP,CAAC;YACL,CAAC;YACD,WAAW,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,EAAE,CAAC;QACL,uDAAuD;IAC3D,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,sCAAsC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,qBAAqB,IAAI,QAAQ,EAAE,CAAC;YACrC,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE;gBACR,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAC7C,CAAC,CAAC;QACN,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,cAAc,IAA0B,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,YACnF,KAAC,mBAAmB,cAAE,QAAQ,GAAuB,IADpC,OAAO,CAAC,QAAQ,EAAE,CAEtB,CACpB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/tests/feature-flag-provider.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=feature-flag-provider.test.d.ts.map

package/dist/tests/feature-flag-provider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-provider.test.d.ts","sourceRoot":"","sources":["../../src/tests/feature-flag-provider.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/tests/feature-flag-provider.test.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom';
+import { Provider } from '@servicetitan/react-ioc';
+import { render, screen } from '@testing-library/react';
+import { FeatureFlagProvider } from '../feature-flag-provider';
+import { FeatureFlagStore } from '../feature-flag-store';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+jest.mock('launchdarkly-react-client-sdk', () => ({
+    useFlags: jest.fn(),
+}));
+describe(`[launchdarkly-service] ${FeatureFlagProvider.name}`, () => {
+    const flags = { foo: 'bar', baz: 'qux' };
+    const mockFeatureFlagStore = {
+        setFlags: jest.fn(),
+    };
+    const Component = () => {
+        return `<Component />`;
+    };
+    beforeEach(() => {
+        jest.mocked(useFlags).mockImplementation(() => flags);
+    });
+    const subject = () => render(_jsx(Provider, { singletons: [{ provide: FeatureFlagStore, useValue: mockFeatureFlagStore }], children: _jsx(FeatureFlagProvider, { children: _jsx(Component, {}) }) }));
+    test('renders children', () => {
+        subject();
+        expect(screen.getByText(`<Component />`)).toBeInTheDocument();
+    });
+    test('sets feature flags in store', () => {
+        subject();
+        expect(mockFeatureFlagStore.setFlags).toHaveBeenCalledWith(flags);
+    });
+});
+//# sourceMappingURL=feature-flag-provider.test.js.map

package/dist/tests/feature-flag-provider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-provider.test.js","sourceRoot":"","sources":["../../src/tests/feature-flag-provider.test.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,IAAI,CAAC,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;CACtB,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,0BAA0B,mBAAmB,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE;IAChE,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IACzC,MAAM,oBAAoB,GAAG;QACzB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;KACtB,CAAC;IAEF,MAAM,SAAS,GAAO,GAAG,EAAE;QACvB,OAAO,eAAe,CAAC;IAC3B,CAAC,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAG,EAAE,CACjB,MAAM,CACF,KAAC,QAAQ,IAAC,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC,YACjF,KAAC,mBAAmB,cAChB,KAAC,SAAS,KAAG,GACK,GACf,CACd,CAAC;IAEN,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,OAAO,EAAE,CAAC;QAEV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,OAAO,EAAE,CAAC;QAEV,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/tests/feature-flag-store.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=feature-flag-store.test.d.ts.map

package/dist/tests/feature-flag-store.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-store.test.d.ts","sourceRoot":"","sources":["../../src/tests/feature-flag-store.test.ts"],"names":[],"mappings":""}

package/dist/tests/feature-flag-store.test.js

@@ -0,0 +1,27 @@
+import { FeatureFlagStore } from '../feature-flag-store';
+describe(`[launchdarkly-service] ${FeatureFlagStore.name}`, () => {
+    const subject = () => new FeatureFlagStore();
+    test('has no flags initially', () => {
+        expect(subject().flags).toEqual({});
+    });
+    describe('setFlags', () => {
+        let store;
+        let flags;
+        beforeEach(() => {
+            store = new FeatureFlagStore();
+            flags = { foo: 'bar' };
+        });
+        const subject = (...args) => store.setFlags(...args);
+        test('sets flags', () => {
+            subject(flags);
+            expect(store.flags).toEqual(flags);
+        });
+        test('stores copy of flags', () => {
+            subject(flags);
+            const originalFlags = { ...flags };
+            flags.baz = 'qux';
+            expect(store.flags).toEqual(originalFlags);
+        });
+    });
+});
+//# sourceMappingURL=feature-flag-store.test.js.map

package/dist/tests/feature-flag-store.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flag-store.test.js","sourceRoot":"","sources":["../../src/tests/feature-flag-store.test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAQ,CAAC,0BAA0B,gBAAgB,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE;IAC7D,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC;IAE7C,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACtB,IAAI,KAAuB,CAAC;QAC5B,IAAI,KAAgB,CAAC;QAErB,UAAU,CAAC,GAAG,EAAE;YACZ,KAAK,GAAG,IAAI,gBAAgB,EAAE,CAAC;YAC/B,KAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,CAAC,GAAG,IAA8C,EAAE,EAAE,CAClE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QAE5B,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,CAAC;YAEf,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;YAEf,MAAM,aAAa,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;YACnC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;YAElB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/tests/ld-provider.test.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@testing-library/jest-dom';
 import { Log } from '@servicetitan/log-service';
-import { Provider } from '@servicetitan/react-ioc';
+import { Provider, useDependencies } from '@servicetitan/react-ioc';
 import { render, screen, waitFor } from '@testing-library/react';
-import { Fragment } from 'react';
+import { act, Fragment } from 'react';
+import { FeatureFlagStore } from '../feature-flag-store';
 import { getLDClient } from '../get-ld-client';
 import { LDProvider } from '../ld-provider';
 import { LD_SERVICE_TOKEN } from '../types';
@@ -14,12 +15,15 @@ function formatProps(props) {
 }
 function mockComponent(name) {
     return {
-        [name]: ({ children, ...props }) => (_jsxs(Fragment, { children: [_jsx("div", { children: `<${name} ${formatProps(props)}>` }), children] })),
+        [name]: ({ children, ...props }) => (_jsxs(Fragment, { children: [_jsx("div", { children: `<${name} ${formatProps(props)} />` }), children] })),
     };
 }
 jest.mock('launchdarkly-react-client-sdk', () => ({
     ...mockComponent('LDProvider'),
 }));
+jest.mock('../feature-flag-provider', () => ({
+    ...mockComponent('FeatureFlagProvider'),
+}));
 jest.mock('../get-ld-client', () => ({
     getLDClient: jest.fn(),
 }));
@@ -28,18 +32,25 @@ describe(`[launchdarkly-service] ${LDProvider.name}`, () => {
         error: jest.fn(),
     };
     const ldClient = {
+        on: jest.fn(),
+        off: jest.fn(),
         waitUntilReady: jest.fn().mockResolvedValue(undefined),
         waitForInitialization: jest.fn().mockResolvedValue(undefined),
         toString: () => 'ldClient',
     };
     let singletons;
     let props;
+    let providedFeatureFlagStore;
+    let renderCount;
     const Component = () => {
+        [providedFeatureFlagStore] = useDependencies(FeatureFlagStore);
+        renderCount += 1;
         return _jsx("div", { children: '<Component />' });
     };
     beforeEach(() => {
         jest.clearAllMocks();
         jest.mocked(getLDClient).mockReturnValue(ldClient);
+        renderCount = 0;
         singletons = [];
         props = { clientSideID: 'foo', projectName: 'bar' };
     });
@@ -48,25 +59,52 @@ describe(`[launchdarkly-service] ${LDProvider.name}`, () => {
     };
     function expectLDProvider(props) {
         if (props) {
-            expect(screen.getByText(`<LDProvider ${formatProps(props)}>`)).toBeInTheDocument();
+            expect(screen.getByText(`<LDProvider ${formatProps(props)} />`)).toBeInTheDocument();
         }
         else {
-            expect(screen.getByText(/<LDProvider .*>/)).toBeInTheDocument();
+            expect(screen.getByText(/<LDProvider .* \/>/)).toBeInTheDocument();
         }
     }
-    test('renders base LDProvider after client is ready and initialized', async () => {
+    test('renders base LDProvider and FeatureFlagProvider after client is ready and initialized', async () => {
         subject();
         await waitFor(() => expectLDProvider({ clientSideID: props.clientSideID, ldClient }));
+        expect(screen.getByText('<FeatureFlagProvider />')).toBeInTheDocument();
         expect(screen.getByText('<Component />')).toBeInTheDocument();
         expect(ldClient.waitForInitialization).toHaveBeenCalled();
     });
+    test('provides FeatureFlagStore', () => {
+        subject();
+        expect(providedFeatureFlagStore).toBeDefined();
+    });
     describe('when waitForInitialization is false', () => {
-        beforeEach(() => (props.waitForInitialization = false));
+        let initializedCallback;
+        beforeEach(() => {
+            var _a;
+            props.waitForInitialization = false;
+            (_a = jest.mocked(ldClient.on)) === null || _a === void 0 ? void 0 : _a.mockImplementation((event, callback) => {
+                if (event === 'initialized') {
+                    initializedCallback = callback;
+                }
+            });
+        });
         test('does not wait for client to initialize', async () => {
             subject();
             await waitFor(() => expectLDProvider());
             expect(ldClient.waitForInitialization).not.toHaveBeenCalled();
         });
+        test('re-renders when client is initialized', async () => {
+            subject();
+            await waitFor(() => expectLDProvider());
+            expect(renderCount).toBe(1);
+            act(() => initializedCallback === null || initializedCallback === void 0 ? void 0 : initializedCallback());
+            expect(renderCount).toBe(2);
+        });
+        test('deregisters listener when component is unmounted', async () => {
+            const { unmount } = subject();
+            await waitFor(() => expectLDProvider());
+            unmount();
+            expect(jest.mocked(ldClient.off)).toHaveBeenCalledWith('initialized', initializedCallback);
+        });
     });
     describe('when initialization fails', () => {
         beforeEach(() => {

package/dist/tests/ld-provider.test.js.map

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

package/dist/tests/with-feature-flag.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=with-feature-flag.test.d.ts.map

package/dist/tests/with-feature-flag.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-feature-flag.test.d.ts","sourceRoot":"","sources":["../../src/tests/with-feature-flag.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/tests/with-feature-flag.test.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+import { WithFeatureFlag } from '../with-feature-flag';
+jest.mock('launchdarkly-react-client-sdk', () => ({
+    useFlags: jest.fn(),
+}));
+describe(`[launchdarkly-service] ${WithFeatureFlag.name}`, () => {
+    const flagKey = 'foo';
+    const childContent = 'Flag is ON';
+    let props;
+    let flagValue;
+    beforeEach(() => {
+        props = { flagKey, children: childContent };
+        jest.mocked(useFlags).mockImplementation(() => ({ [flagKey]: flagValue }));
+    });
+    const subject = () => render(_jsx(WithFeatureFlag, { ...props }));
+    function itRendersNothing() {
+        test('renders nothing', () => {
+            subject();
+            expect(screen.queryByText(childContent)).not.toBeInTheDocument();
+        });
+    }
+    function itRendersChildren() {
+        test('renders children', () => {
+            subject();
+            expect(screen.getByText(childContent)).toBeInTheDocument();
+        });
+    }
+    itRendersNothing();
+    describe('when flag is turned on', () => {
+        beforeEach(() => (flagValue = true));
+        itRendersChildren();
+        describe('with on prop', () => {
+            const onContent = 'Flag is ENABLED';
+            beforeEach(() => (props.on = () => onContent));
+            test('renders on content', () => {
+                subject();
+                expect(screen.getByText(onContent)).toBeInTheDocument();
+            });
+        });
+    });
+    describe('when flag is turned off', () => {
+        beforeEach(() => (flagValue = false));
+        itRendersNothing();
+        describe('with off prop', () => {
+            const offContent = 'flag is OFF';
+            beforeEach(() => (props.off = () => offContent));
+            test('renders off content', () => {
+                subject();
+                expect(screen.getByText(offContent)).toBeInTheDocument();
+            });
+        });
+    });
+    describe('with flag value', () => {
+        beforeEach(() => (props.value = 'bar'));
+        itRendersNothing();
+        describe('when flag matches value', () => {
+            beforeEach(() => (flagValue = props.value));
+            itRendersChildren();
+        });
+    });
+});
+//# sourceMappingURL=with-feature-flag.test.js.map

package/dist/tests/with-feature-flag.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-feature-flag.test.js","sourceRoot":"","sources":["../../src/tests/with-feature-flag.test.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAe,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,IAAI,CAAC,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;CACtB,CAAC,CAAC,CAAC;AAEJ,QAAQ,CAAC,0BAA0B,eAAe,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,YAAY,CAAC;IAClC,IAAI,KAA4C,CAAC;IACjD,IAAI,SAAsB,CAAC;IAE3B,UAAU,CAAC,GAAG,EAAE;QACZ,KAAK,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC,CAAC;IAE7D,SAAS,gBAAgB;QACrB,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;YACzB,OAAO,EAAE,CAAC;YAEV,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACrE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAS,iBAAiB;QACtB,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC1B,OAAO,EAAE,CAAC;YAEV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/D,CAAC,CAAC,CAAC;IACP,CAAC;IAED,gBAAgB,EAAE,CAAC;IAEnB,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACpC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC;QAErC,iBAAiB,EAAE,CAAC;QAEpB,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,MAAM,SAAS,GAAG,iBAAiB,CAAC;YAEpC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;YAE/C,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;gBAC5B,OAAO,EAAE,CAAC;gBAEV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC5D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACrC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;QAEtC,gBAAgB,EAAE,CAAC;QAEnB,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,MAAM,UAAU,GAAG,aAAa,CAAC;YAEjC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;YAEjD,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE;gBAC7B,OAAO,EAAE,CAAC;gBAEV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;QAExC,gBAAgB,EAAE,CAAC;QAEnB,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACrC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAE5C,iBAAiB,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/types.d.ts

@@ -8,4 +8,7 @@ export interface ClientConfig {
 export interface LDService {
     getClient: (config: ClientConfig) => LDClient;
 }
+export type FlagKey<S, K extends keyof S> = K & {
+    typeRef?: S[K];
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE3F,eAAO,MAAM,gBAAgB,0DAA6C,CAAC;AAE3E,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,QAAQ,CAAC;CACjD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE3F,eAAO,MAAM,gBAAgB,0DAA6C,CAAC;AAE3E,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,QAAQ,CAAC;CACjD;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CAClB,CAAC"}

package/dist/with-feature-flag.d.ts

@@ -0,0 +1,18 @@
+import { LDFlagSet } from 'launchdarkly-js-client-sdk';
+import { ComponentType, ReactNode } from 'react';
+import { FlagKey } from './types';
+interface BaseProps<S extends LDFlagSet, T extends keyof S> {
+    flagKey: FlagKey<S, T>;
+    off?: ComponentType;
+    value?: S[T];
+}
+export type WithFeatureFlagProps<S extends LDFlagSet, T extends keyof S = keyof S> = (BaseProps<S, T> & {
+    children?: ReactNode;
+    on?: never;
+}) | (BaseProps<S, T> & {
+    on?: ComponentType;
+    children?: never;
+});
+export declare function WithFeatureFlag<S extends LDFlagSet, T extends keyof S = keyof S>(props: WithFeatureFlagProps<S, T>): ReactNode;
+export {};
+//# sourceMappingURL=with-feature-flag.d.ts.map

package/dist/with-feature-flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-feature-flag.d.ts","sourceRoot":"","sources":["../src/with-feature-flag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,UAAU,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,SAAS,MAAM,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CAChB;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,IAC3E,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACxD,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,EAC5E,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,GAClC,SAAS,CAUX"}

package/dist/with-feature-flag.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFlags } from 'launchdarkly-react-client-sdk';
+export function WithFeatureFlag(props) {
+    const { flagKey, value } = props;
+    const flagValue = useFlags()[flagKey];
+    const isEnabled = value !== undefined ? flagValue === value : !!flagValue;
+    if (isEnabled) {
+        return props.on ? _jsx(props.on, {}) : props.children;
+    }
+    return props.off ? _jsx(props.off, {}) : null;
+}
+//# sourceMappingURL=with-feature-flag.js.map

package/dist/with-feature-flag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-feature-flag.js","sourceRoot":"","sources":["../src/with-feature-flag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAczD,MAAM,UAAU,eAAe,CAC3B,KAAiC;IAEjC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,SAAS,GAAG,QAAQ,EAAK,CAAC,OAAO,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAC,KAAK,CAAC,EAAE,KAAG,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IACpD,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAC,KAAK,CAAC,GAAG,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/launchdarkly-service",
-    "version": "28.2.0",
+    "version": "28.3.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/launchdarkly-service",
     "repository": {
@@ -16,19 +16,22 @@
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/log-service": "28.2.0",
-        "@servicetitan/react-ioc": "28.2.0",
+        "@servicetitan/log-service": "28.3.0",
+        "@servicetitan/react-ioc": "28.3.0",
         "@testing-library/dom": "^10.4.0",
-        "@testing-library/react": "^16.0.1",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "^16.1.0",
         "launchdarkly-js-client-sdk": "3.5.0",
         "launchdarkly-react-client-sdk": "^3.6.0",
+        "mobx": "~6.13.5",
         "react": "~18.3.1"
     },
     "peerDependencies": {
-        "@servicetitan/log-service": "28.2.0",
-        "@servicetitan/react-ioc": "28.2.0",
+        "@servicetitan/log-service": "28.3.0",
+        "@servicetitan/react-ioc": "28.3.0",
         "launchdarkly-js-client-sdk": "3.5.0",
         "launchdarkly-react-client-sdk": "^3.6.0",
+        "mobx": ">= 6.13.5",
         "react": ">=17.0.2"
     },
     "publishConfig": {
@@ -37,5 +40,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "df48bdf4994bce3971c7e4f099eeb11ebb4945e6"
+    "gitHead": "63ce3ca18966fc5522a3b61df5e4c55f82b4272e"
 }

package/src/create-flag-keys.ts

@@ -0,0 +1,9 @@
+import { FlagKey } from './types';
+
+type FlagKeys<S> = {
+    [K in keyof S]: FlagKey<S, K>;
+};
+
+export function createFlagKeys<S>(...keys: (keyof S)[]): FlagKeys<S> {
+    return keys.reduce((result, key) => ({ ...result, [key]: key }), {} as FlagKeys<S>);
+}

package/src/feature-flag-provider.tsx

@@ -0,0 +1,16 @@
+import { useDependencies } from '@servicetitan/react-ioc';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+import { PropsWithChildren, useEffect } from 'react';
+
+import { FeatureFlagStore } from './feature-flag-store';
+
+export function FeatureFlagProvider({ children }: PropsWithChildren) {
+    const [{ setFlags }] = useDependencies(FeatureFlagStore);
+    const flags = useFlags();
+
+    useEffect(() => {
+        setFlags(flags);
+    }, [flags, setFlags]);
+
+    return children;
+}

package/src/feature-flag-store.ts

@@ -0,0 +1,18 @@
+import { injectable } from '@servicetitan/react-ioc';
+import { LDFlagSet } from 'launchdarkly-react-client-sdk';
+import { action, makeObservable, observable } from 'mobx';
+
+@injectable()
+export class FeatureFlagStore<T extends LDFlagSet = LDFlagSet> {
+    // @ts-expect-error because 'LDFlagSet' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint
+    @observable flags: T = {} as LDFlagSet;
+
+    constructor() {
+        makeObservable(this);
+    }
+
+    @action
+    setFlags(flags: T) {
+        this.flags = flags;
+    }
+}

package/src/index.ts

@@ -1,4 +1,7 @@
+export * from './create-flag-keys';
+export * from './feature-flag-store';
 export * from './get-ld-client';
 export * from './ld-provider';
 export * from './ld-service-provider';
 export * from './types';
+export * from './with-feature-flag';

package/src/ld-provider.tsx

@@ -1,12 +1,14 @@
 import { Log } from '@servicetitan/log-service';
-import { useOptionalDependencies } from '@servicetitan/react-ioc';
+import { provide, useOptionalDependencies } from '@servicetitan/react-ioc';
 import { LDClient } from 'launchdarkly-js-client-sdk';
 import {
     LDProvider as BaseLDProvider,
     ProviderConfig as BaseProviderConfig,
 } from 'launchdarkly-react-client-sdk';
-import { FC, PropsWithChildren, useEffect, useState } from 'react';
+import { FC, PropsWithChildren, useEffect, useReducer, useState } from 'react';
 
+import { FeatureFlagProvider } from './feature-flag-provider';
+import { FeatureFlagStore } from './feature-flag-store';
 import { getLDClient } from './get-ld-client';
 import { LD_SERVICE_TOKEN } from './types';
 
@@ -15,10 +17,13 @@ export type ProviderConfig = Pick<BaseProviderConfig, 'clientSideID' | 'context'
     waitForInitialization?: boolean;
 };
 
-export const LDProvider: FC<PropsWithChildren<ProviderConfig>> = props => {
+export const LDProvider: FC<PropsWithChildren<ProviderConfig>> = provide({
+    singletons: [FeatureFlagStore],
+})(props => {
     const { children, clientSideID, context, projectName, waitForInitialization = true } = props;
     const [ldClient, setLDClient] = useState<LDClient>();
     const [ldService, log] = useOptionalDependencies(LD_SERVICE_TOKEN, Log);
+    const [counter, forceUpdate] = useReducer((x: number) => x + 1, 0);
 
     useEffect(() => {
         (async function initializeClient() {
@@ -41,13 +46,22 @@ export const LDProvider: FC<PropsWithChildren<ProviderConfig>> = props => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [clientSideID]); // only reload if clientSideID changes
 
+    useEffect(() => {
+        if (!waitForInitialization && ldClient) {
+            ldClient.on('initialized', forceUpdate);
+            return () => {
+                ldClient.off('initialized', forceUpdate);
+            };
+        }
+    }, [ldClient, waitForInitialization]);
+
     if (!ldClient) {
         return null;
     }
 
     return (
-        <BaseLDProvider clientSideID={clientSideID} ldClient={ldClient}>
-            {children}
+        <BaseLDProvider key={counter.toString()} clientSideID={clientSideID} ldClient={ldClient}>
+            <FeatureFlagProvider>{children}</FeatureFlagProvider>
         </BaseLDProvider>
     );
-};
+});

package/src/tests/feature-flag-provider.test.tsx

@@ -0,0 +1,48 @@
+import '@testing-library/jest-dom';
+import { Provider } from '@servicetitan/react-ioc';
+import { FC } from 'react';
+import { render, screen } from '@testing-library/react';
+
+import { FeatureFlagProvider } from '../feature-flag-provider';
+import { FeatureFlagStore } from '../feature-flag-store';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+
+jest.mock('launchdarkly-react-client-sdk', () => ({
+    useFlags: jest.fn(),
+}));
+
+describe(`[launchdarkly-service] ${FeatureFlagProvider.name}`, () => {
+    const flags = { foo: 'bar', baz: 'qux' };
+    const mockFeatureFlagStore = {
+        setFlags: jest.fn(),
+    };
+
+    const Component: FC = () => {
+        return `<Component />`;
+    };
+
+    beforeEach(() => {
+        jest.mocked(useFlags).mockImplementation(() => flags);
+    });
+
+    const subject = () =>
+        render(
+            <Provider singletons={[{ provide: FeatureFlagStore, useValue: mockFeatureFlagStore }]}>
+                <FeatureFlagProvider>
+                    <Component />
+                </FeatureFlagProvider>
+            </Provider>
+        );
+
+    test('renders children', () => {
+        subject();
+
+        expect(screen.getByText(`<Component />`)).toBeInTheDocument();
+    });
+
+    test('sets feature flags in store', () => {
+        subject();
+
+        expect(mockFeatureFlagStore.setFlags).toHaveBeenCalledWith(flags);
+    });
+});

package/src/tests/feature-flag-store.test.ts

@@ -0,0 +1,38 @@
+import { LDFlagSet } from 'launchdarkly-js-client-sdk';
+import { FeatureFlagStore } from '../feature-flag-store';
+
+describe(`[launchdarkly-service] ${FeatureFlagStore.name}`, () => {
+    const subject = () => new FeatureFlagStore();
+
+    test('has no flags initially', () => {
+        expect(subject().flags).toEqual({});
+    });
+
+    describe('setFlags', () => {
+        let store: FeatureFlagStore;
+        let flags: LDFlagSet;
+
+        beforeEach(() => {
+            store = new FeatureFlagStore();
+            flags = { foo: 'bar' };
+        });
+
+        const subject = (...args: Parameters<FeatureFlagStore['setFlags']>) =>
+            store.setFlags(...args);
+
+        test('sets flags', () => {
+            subject(flags);
+
+            expect(store.flags).toEqual(flags);
+        });
+
+        test('stores copy of flags', () => {
+            subject(flags);
+
+            const originalFlags = { ...flags };
+            flags.baz = 'qux';
+
+            expect(store.flags).toEqual(originalFlags);
+        });
+    });
+});

package/src/tests/ld-provider.test.tsx

@@ -1,10 +1,11 @@
 import '@testing-library/jest-dom';
 import { Log } from '@servicetitan/log-service';
-import { Provider } from '@servicetitan/react-ioc';
+import { Provider, useDependencies } from '@servicetitan/react-ioc';
 import { render, screen, waitFor } from '@testing-library/react';
 import { LDClient } from 'launchdarkly-js-client-sdk';
-import { FC, Fragment } from 'react';
+import { act, FC, Fragment } from 'react';
 
+import { FeatureFlagStore } from '../feature-flag-store';
 import { getLDClient } from '../get-ld-client';
 import { LDProvider } from '../ld-provider';
 import { LD_SERVICE_TOKEN, LDService } from '../types';
@@ -19,15 +20,19 @@ function mockComponent(name: string) {
     return {
         [name]: ({ children, ...props }: any) => (
             <Fragment>
-                <div>{`<${name} ${formatProps(props)}>`}</div>
+                <div>{`<${name} ${formatProps(props)} />`}</div>
                 {children}
             </Fragment>
         ),
     };
 }
+
 jest.mock('launchdarkly-react-client-sdk', () => ({
     ...mockComponent('LDProvider'),
 }));
+jest.mock('../feature-flag-provider', () => ({
+    ...mockComponent('FeatureFlagProvider'),
+}));
 jest.mock('../get-ld-client', () => ({
     getLDClient: jest.fn(),
 }));
@@ -37,20 +42,27 @@ describe(`[launchdarkly-service] ${LDProvider.name}`, () => {
         error: jest.fn(),
     };
     const ldClient: Partial<LDClient> & { toString: () => string } = {
+        on: jest.fn(),
+        off: jest.fn(),
         waitUntilReady: jest.fn().mockResolvedValue(undefined),
         waitForInitialization: jest.fn().mockResolvedValue(undefined),
         toString: () => 'ldClient',
     };
     let singletons: Required<Parameters<typeof Provider>[0]>['singletons'];
     let props: Parameters<typeof LDProvider>[0];
+    let providedFeatureFlagStore: FeatureFlagStore;
+    let renderCount: number;
 
     const Component: FC = () => {
+        [providedFeatureFlagStore] = useDependencies(FeatureFlagStore);
+        renderCount += 1;
         return <div>{'<Component />'}</div>;
     };
 
     beforeEach(() => {
         jest.clearAllMocks();
         jest.mocked(getLDClient).mockReturnValue(ldClient as LDClient);
+        renderCount = 0;
         singletons = [];
         props = { clientSideID: 'foo', projectName: 'bar' };
     });
@@ -67,23 +79,39 @@ describe(`[launchdarkly-service] ${LDProvider.name}`, () => {
 
     function expectLDProvider(props?: Record<string, any>) {
         if (props) {
-            expect(screen.getByText(`<LDProvider ${formatProps(props)}>`)).toBeInTheDocument();
+            expect(screen.getByText(`<LDProvider ${formatProps(props)} />`)).toBeInTheDocument();
         } else {
-            expect(screen.getByText(/<LDProvider .*>/)).toBeInTheDocument();
+            expect(screen.getByText(/<LDProvider .* \/>/)).toBeInTheDocument();
         }
     }
 
-    test('renders base LDProvider after client is ready and initialized', async () => {
+    test('renders base LDProvider and FeatureFlagProvider after client is ready and initialized', async () => {
         subject();
 
         await waitFor(() => expectLDProvider({ clientSideID: props.clientSideID, ldClient }));
 
+        expect(screen.getByText('<FeatureFlagProvider />')).toBeInTheDocument();
         expect(screen.getByText('<Component />')).toBeInTheDocument();
         expect(ldClient.waitForInitialization).toHaveBeenCalled();
     });
 
+    test('provides FeatureFlagStore', () => {
+        subject();
+
+        expect(providedFeatureFlagStore).toBeDefined();
+    });
+
     describe('when waitForInitialization is false', () => {
-        beforeEach(() => (props.waitForInitialization = false));
+        let initializedCallback: Function;
+
+        beforeEach(() => {
+            props.waitForInitialization = false;
+            jest.mocked(ldClient.on)?.mockImplementation((event, callback) => {
+                if (event === 'initialized') {
+                    initializedCallback = callback;
+                }
+            });
+        });
 
         test('does not wait for client to initialize', async () => {
             subject();
@@ -92,6 +120,29 @@ describe(`[launchdarkly-service] ${LDProvider.name}`, () => {
 
             expect(ldClient.waitForInitialization).not.toHaveBeenCalled();
         });
+
+        test('re-renders when client is initialized', async () => {
+            subject();
+
+            await waitFor(() => expectLDProvider());
+            expect(renderCount).toBe(1);
+
+            act(() => initializedCallback?.());
+            expect(renderCount).toBe(2);
+        });
+
+        test('deregisters listener when component is unmounted', async () => {
+            const { unmount } = subject();
+
+            await waitFor(() => expectLDProvider());
+
+            unmount();
+
+            expect(jest.mocked(ldClient.off)).toHaveBeenCalledWith(
+                'initialized',
+                initializedCallback
+            );
+        });
     });
 
     describe('when initialization fails', () => {

package/src/tests/with-feature-flag.test.tsx

@@ -0,0 +1,89 @@
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import { LDFlagValue, useFlags } from 'launchdarkly-react-client-sdk';
+
+import { WithFeatureFlag } from '../with-feature-flag';
+
+jest.mock('launchdarkly-react-client-sdk', () => ({
+    useFlags: jest.fn(),
+}));
+
+describe(`[launchdarkly-service] ${WithFeatureFlag.name}`, () => {
+    const flagKey = 'foo';
+    const childContent = 'Flag is ON';
+    let props: Parameters<typeof WithFeatureFlag>[0];
+    let flagValue: LDFlagValue;
+
+    beforeEach(() => {
+        props = { flagKey, children: childContent };
+        jest.mocked(useFlags).mockImplementation(() => ({ [flagKey]: flagValue }));
+    });
+
+    const subject = () => render(<WithFeatureFlag {...props} />);
+
+    function itRendersNothing() {
+        test('renders nothing', () => {
+            subject();
+
+            expect(screen.queryByText(childContent)).not.toBeInTheDocument();
+        });
+    }
+
+    function itRendersChildren() {
+        test('renders children', () => {
+            subject();
+
+            expect(screen.getByText(childContent)).toBeInTheDocument();
+        });
+    }
+
+    itRendersNothing();
+
+    describe('when flag is turned on', () => {
+        beforeEach(() => (flagValue = true));
+
+        itRendersChildren();
+
+        describe('with on prop', () => {
+            const onContent = 'Flag is ENABLED';
+
+            beforeEach(() => (props.on = () => onContent));
+
+            test('renders on content', () => {
+                subject();
+
+                expect(screen.getByText(onContent)).toBeInTheDocument();
+            });
+        });
+    });
+
+    describe('when flag is turned off', () => {
+        beforeEach(() => (flagValue = false));
+
+        itRendersNothing();
+
+        describe('with off prop', () => {
+            const offContent = 'flag is OFF';
+
+            beforeEach(() => (props.off = () => offContent));
+
+            test('renders off content', () => {
+                subject();
+
+                expect(screen.getByText(offContent)).toBeInTheDocument();
+            });
+        });
+    });
+
+    describe('with flag value', () => {
+        beforeEach(() => (props.value = 'bar'));
+
+        itRendersNothing();
+
+        describe('when flag matches value', () => {
+            beforeEach(() => (flagValue = props.value));
+
+            itRendersChildren();
+        });
+    });
+});

package/src/types.ts

@@ -12,3 +12,7 @@ export interface ClientConfig {
 export interface LDService {
     getClient: (config: ClientConfig) => LDClient;
 }
+
+export type FlagKey<S, K extends keyof S> = K & {
+    typeRef?: S[K];
+};

package/src/with-feature-flag.tsx

@@ -0,0 +1,28 @@
+import { LDFlagSet } from 'launchdarkly-js-client-sdk';
+import { useFlags } from 'launchdarkly-react-client-sdk';
+import { ComponentType, ReactNode } from 'react';
+import { FlagKey } from './types';
+
+interface BaseProps<S extends LDFlagSet, T extends keyof S> {
+    flagKey: FlagKey<S, T>;
+    off?: ComponentType;
+    value?: S[T];
+}
+
+export type WithFeatureFlagProps<S extends LDFlagSet, T extends keyof S = keyof S> =
+    | (BaseProps<S, T> & { children?: ReactNode; on?: never })
+    | (BaseProps<S, T> & { on?: ComponentType; children?: never });
+
+export function WithFeatureFlag<S extends LDFlagSet, T extends keyof S = keyof S>(
+    props: WithFeatureFlagProps<S, T>
+): ReactNode {
+    const { flagKey, value } = props;
+    const flagValue = useFlags<S>()[flagKey];
+
+    const isEnabled = value !== undefined ? flagValue === value : !!flagValue;
+    if (isEnabled) {
+        return props.on ? <props.on /> : props.children;
+    }
+
+    return props.off ? <props.off /> : null;
+}