@featbit/react-client-sdk 1.0.0

package/dist/asyncWithFbProvider.js

@@ -0,0 +1,129 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect } from 'react';
+import { defaultReactOptions } from './types';
+import { Provider } from './context';
+import { initClient } from './initClient';
+import getFlagsProxy from "./getFlagsProxy";
+/**
+ * This is an async function which initializes feature-flags.co's JS SDK (`@featbit/js-client-sdk`)
+ * and awaits it so all flags and the fbClient are ready before the consumer app is rendered.
+ *
+ * The difference between `withFbProvider` and `asyncWithFbProvider` is that `withFbProvider` initializes
+ * `@featbit/js-client-sdk` at componentDidMount. This means your flags and the fbClient are only available after
+ * your app has mounted. This can result in a flicker due to flag changes at startup time.
+ *
+ * `asyncWithFbProvider` initializes `@featbit/js-client-sdk` at the entry point of your app prior to render.
+ * This means that your flags and the fbClient are ready at the beginning of your app. This ensures your app does not
+ * flicker due to flag changes at startup time.
+ *
+ * `asyncWithFbProvider` accepts a config object which is used to initialize `@featbit/js-client-sdk`.
+ *
+ * `asyncWithFbProvider` does not support the `deferInitialization` config option because `asyncWithFbProvider` needs
+ * to be initialized at the entry point prior to render to ensure your flags and the fbClient are ready at the beginning
+ * of your app.
+ *
+ * It returns a provider which is a React FunctionComponent which:
+ * - saves all flags and the ldClient instance in the context API
+ * - subscribes to flag changes and propagate them through the context API
+ *
+ * @param config - The configuration used to initialize FeatBit's JS SDK
+ */
+export default function asyncWithFbProvider(config) {
+    return __awaiter(this, void 0, void 0, function () {
+        var options, userReactOptions, reactOptions, _a, fetchedFlags, fbClient, bootstrapFlags, FbProvider;
+        var _this = this;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    options = config.options, userReactOptions = config.reactOptions;
+                    reactOptions = __assign(__assign({}, defaultReactOptions), userReactOptions);
+                    return [4 /*yield*/, initClient(reactOptions, options)];
+                case 1:
+                    _a = _b.sent(), fetchedFlags = _a.flags, fbClient = _a.fbClient;
+                    bootstrapFlags = ((options === null || options === void 0 ? void 0 : options.bootstrap) || []).reduce(function (acc, flag) {
+                        acc[flag.id] = flag.variation;
+                        return acc;
+                    }, {});
+                    FbProvider = function (_a) {
+                        var children = _a.children;
+                        var _b = useState(function () { return (__assign({ unproxiedFlags: fetchedFlags }, getFlagsProxy(fbClient, bootstrapFlags, fetchedFlags, reactOptions))); }), state = _b[0], setState = _b[1];
+                        useEffect(function () {
+                            fbClient.on('update', function (changedKeys) {
+                                var updates = changedKeys.reduce(function (acc, key) { return __awaiter(_this, void 0, void 0, function () {
+                                    var _a, _b;
+                                    return __generator(this, function (_c) {
+                                        switch (_c.label) {
+                                            case 0:
+                                                _a = acc;
+                                                _b = key;
+                                                return [4 /*yield*/, fbClient.variation(key, '')];
+                                            case 1:
+                                                _a[_b] = _c.sent();
+                                                return [2 /*return*/, acc];
+                                        }
+                                    });
+                                }); }, {});
+                                if (Object.keys(updates).length > 0) {
+                                    setState(function (_a) {
+                                        var unproxiedFlags = _a.unproxiedFlags;
+                                        var updatedUnproxiedFlags = __assign(__assign({}, unproxiedFlags), updates);
+                                        return __assign({ unproxiedFlags: updatedUnproxiedFlags }, getFlagsProxy(fbClient, bootstrapFlags, updatedUnproxiedFlags, reactOptions));
+                                    });
+                                }
+                            });
+                        }, []);
+                        var flags = state.flags, flagKeyMap = state.flagKeyMap;
+                        return React.createElement(Provider, { value: { flags: flags, flagKeyMap: flagKeyMap, fbClient: fbClient } }, children);
+                    };
+                    return [2 /*return*/, FbProvider];
+            }
+        });
+    });
+}
+//# sourceMappingURL=asyncWithFbProvider.js.map

package/dist/asyncWithFbProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncWithFbProvider.js","sourceRoot":"../src/","sources":["asyncWithFbProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAkB,mBAAmB,EAAY,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAgB,mBAAmB,CAAC,MAAsB;;;;;;;oBAC/D,OAAO,GAAoC,MAAM,QAA1C,EAAgB,gBAAgB,GAAI,MAAM,aAAV,CAAW;oBACnD,YAAY,yBAAO,mBAAmB,GAAK,gBAAgB,CAAC,CAAC;oBAC1B,qBAAM,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,EAAA;;oBAA1E,KAAmC,SAAuC,EAAjE,YAAY,WAAA,EAAE,QAAQ,cAAA;oBAE/B,cAAc,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,GAA4B,EAAE,IAAS;wBAC/F,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;wBAC9B,OAAO,GAAG,CAAC;oBACb,CAAC,EAAE,EAA6B,CAAC,CAAC;oBAE5B,UAAU,GAAG,UAAC,EAAmC;4BAAlC,QAAQ,cAAA;wBACrB,IAAA,KAAoB,QAAQ,CAAC,cAAM,OAAA,YACvC,cAAc,EAAE,YAAY,IACzB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,CAAC,EACtE,EAHuC,CAGvC,CAAC,EAHI,KAAK,QAAA,EAAE,QAAQ,QAGnB,CAAC;wBAEJ,SAAS,CAAC;4BACR,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAC,WAAqB;gCAC1C,IAAM,OAAO,GAAa,WAAW,CAAC,MAAM,CAAC,UAAO,GAAG,EAAE,GAAG;;;;;gDAC1D,KAAA,GAAG,CAAA;gDAAC,KAAA,GAAG,CAAA;gDAAI,qBAAM,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,CAAC,EAAA;;gDAA5C,MAAQ,GAAG,SAAiC,CAAC;gDAC7C,sBAAO,GAAG,EAAC;;;qCACZ,EAAE,EAAc,CAAC,CAAC;gCAEnB,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;oCACnC,QAAQ,CAAC,UAAC,EAAkB;4CAAhB,cAAc,oBAAA;wCACxB,IAAM,qBAAqB,yBAAQ,cAAc,GAAK,OAAO,CAAE,CAAC;wCAEhE,kBACE,cAAc,EAAE,qBAAqB,IAClC,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,qBAAqB,EAAE,YAAY,CAAC,EAC/E;oCACJ,CAAC,CAAC,CAAC;iCACJ;4BACH,CAAC,CAAC,CAAC;wBACL,CAAC,EAAE,EAAE,CAAC,CAAC;wBAEC,IAAA,KAAK,GAAiB,KAAK,MAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;wBACpC,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE,IAAI,QAAQ,CAAa,CAAC;oBACnF,CAAC,CAAC;oBAEF,sBAAO,UAAU,EAAC;;;;CACnB"}

package/dist/context.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { IFbClient } from '@featbit/js-client-sdk';
+import { FlagKeyMap, IFlagSet } from "./types";
+interface FbContext {
+    flags: IFlagSet;
+    /**
+     * Map of camelized flag keys to their original unmodified form. Empty if useCamelCaseFlagKeys option is false.
+     */
+    flagKeyMap: FlagKeyMap;
+    fbClient?: IFbClient;
+}
+declare const context: import("react").Context<FbContext>;
+declare const Provider: import("react").Provider<FbContext>, Consumer: import("react").Consumer<FbContext>;
+export { Provider, Consumer, FbContext };
+export default context;

package/dist/context.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var context = createContext({ flags: {}, flagKeyMap: {}, fbClient: undefined });
+var Provider = context.Provider, Consumer = context.Consumer;
+export { Provider, Consumer };
+export default context;
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"../src/","sources":["context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AActC,IAAM,OAAO,GAAG,aAAa,CAAY,EAAC,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC,CAAC;AAGzF,IAAA,QAAQ,GAEN,OAAO,SAFD,EACR,QAAQ,GACN,OAAO,SADD,CACE;AAEZ,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAa,CAAC;AACzC,eAAe,OAAO,CAAC"}

package/dist/getFlagsProxy.d.ts

@@ -0,0 +1,6 @@
+import { FbReactOptions, FlagKeyMap, IFlagSet } from "./types";
+import { IFbClient } from "@featbit/js-client-sdk";
+export default function getFlagsProxy(fbClient: IFbClient, bootstrapFlags: IFlagSet, fetchedFlags: IFlagSet, reactOptions?: FbReactOptions): {
+    flags: IFlagSet;
+    flagKeyMap: FlagKeyMap;
+};

package/dist/getFlagsProxy.js

@@ -0,0 +1,56 @@
+import { defaultReactOptions } from "./types";
+import camelCase from "lodash.camelcase";
+export default function getFlagsProxy(fbClient, bootstrapFlags, fetchedFlags, reactOptions) {
+    if (reactOptions === void 0) { reactOptions = defaultReactOptions; }
+    var _a = reactOptions.useCamelCaseFlagKeys, useCamelCaseFlagKeys = _a === void 0 ? false : _a, _b = reactOptions.sendEventsOnFlagRead, sendEventsOnFlagRead = _b === void 0 ? true : _b;
+    var _c = useCamelCaseFlagKeys ? getCamelizedKeysAndFlagMap(fetchedFlags) : [fetchedFlags], flags = _c[0], _d = _c[1], flagKeyMap = _d === void 0 ? {} : _d;
+    return {
+        flags: toFlagsProxy(fbClient, bootstrapFlags, flags, flagKeyMap, fetchedFlags, useCamelCaseFlagKeys, sendEventsOnFlagRead),
+        flagKeyMap: flagKeyMap,
+    };
+}
+function getCamelizedKeysAndFlagMap(rawFlags) {
+    var flags = {};
+    var flagKeyMap = {};
+    for (var rawFlagKey in rawFlags) {
+        // Exclude system keys
+        if (rawFlagKey.indexOf('$') === 0) {
+            continue;
+        }
+        var camelKey = camelCase(rawFlagKey);
+        flags[camelKey] = rawFlags[rawFlagKey];
+        flagKeyMap[camelKey] = rawFlagKey;
+    }
+    return [flags, flagKeyMap];
+}
+function hasFlag(flags, flagKey) {
+    return Object.prototype.hasOwnProperty.call(flags, flagKey);
+}
+function toFlagsProxy(fbClient, bootstrapFlags, flags, flagKeyMap, flagsWithRawFlagKeys, useCamelCaseFlagKeys, sendEventsOnFlagRead) {
+    return new Proxy(flags, {
+        get: function (target, prop, receiver) {
+            var currentValue = Reflect.get(target, prop, receiver) || flagsWithRawFlagKeys[prop];
+            // check if flag key exists as camelCase or original case
+            var validFlagKey = hasFlag(flagKeyMap, prop) || hasFlag(target, prop) || hasFlag(flagsWithRawFlagKeys, prop);
+            if (!validFlagKey && hasFlag(bootstrapFlags, prop)) {
+                return bootstrapFlags[prop];
+            }
+            // only process flag keys and ignore symbols and native Object functions
+            if (typeof prop === 'symbol' || !validFlagKey) {
+                return currentValue;
+            }
+            if (useCamelCaseFlagKeys && prop !== camelCase(prop)) {
+                console.warn("You're attempting to access a flag with its original keyId: ".concat(prop, ", even though useCamelCaseFlagKeys is set to true."));
+            }
+            if (currentValue === undefined) {
+                return undefined;
+            }
+            if (!sendEventsOnFlagRead) {
+                return currentValue;
+            }
+            var pristineFlagKey = useCamelCaseFlagKeys ? (flagKeyMap[prop] || prop) : prop;
+            return fbClient.variation(pristineFlagKey, currentValue);
+        },
+    });
+}
+//# sourceMappingURL=getFlagsProxy.js.map

package/dist/getFlagsProxy.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import asyncWithFbProvider from './asyncWithFbProvider';
+import context from './context';
+import FbProvider from './provider';
+import useFlags from './useFlags';
+import useFbClient from './useFbClient';
+import { camelCaseKeys } from './utils';
+import withFbConsumer from './withFbConsumer';
+import withFbProvider from './withFbProvider';
+export * from './types';
+export { FbProvider, context, asyncWithFbProvider, camelCaseKeys, useFlags, useFbClient, withFbProvider, withFbConsumer };

package/dist/index.js

@@ -0,0 +1,11 @@
+import asyncWithFbProvider from './asyncWithFbProvider';
+import context from './context';
+import FbProvider from './provider';
+import useFlags from './useFlags';
+import useFbClient from './useFbClient';
+import { camelCaseKeys } from './utils';
+import withFbConsumer from './withFbConsumer';
+import withFbProvider from './withFbProvider';
+export * from './types';
+export { FbProvider, context, asyncWithFbProvider, camelCaseKeys, useFlags, useFbClient, withFbProvider, withFbConsumer };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,cAAc,SAAS,CAAC;AAExB,OAAO,EACL,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACf,CAAC"}

package/dist/initClient.d.ts

@@ -0,0 +1,12 @@
+import { AllFlagsFbClient, FbReactOptions } from './types';
+import { IOptions } from '@featbit/js-client-sdk';
+/**
+ * Internal function to initialize the `@featbit/js-client-sdk`.
+ *
+ * @param reactOptions Initialization options for the FeatBit React SDK
+ * @param options @featbit/js-client-sdk initialization options
+ *
+ * @see `ProviderConfig` for more details about the parameters
+ * @return An initialized client and flags
+ */
+export declare const initClient: (reactOptions?: FbReactOptions, options?: IOptions) => Promise<AllFlagsFbClient>;

package/dist/initClient.js

@@ -0,0 +1,84 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { defaultReactOptions } from './types';
+import { FbClientBuilder } from '@featbit/js-client-sdk';
+import { fetchFlags } from "./utils";
+/**
+ * Internal function to initialize the `@featbit/js-client-sdk`.
+ *
+ * @param reactOptions Initialization options for the FeatBit React SDK
+ * @param options @featbit/js-client-sdk initialization options
+ *
+ * @see `ProviderConfig` for more details about the parameters
+ * @return An initialized client and flags
+ */
+export var initClient = function (reactOptions, options) {
+    if (reactOptions === void 0) { reactOptions = defaultReactOptions; }
+    if (options === void 0) { options = {}; }
+    return __awaiter(void 0, void 0, void 0, function () {
+        var fbClient;
+        return __generator(this, function (_a) {
+            fbClient = new FbClientBuilder(__assign({}, options)).build();
+            return [2 /*return*/, new Promise(function (resolve) {
+                    fbClient.on('ready', function () { return __awaiter(void 0, void 0, void 0, function () {
+                        var flags;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, fetchFlags(fbClient)];
+                                case 1:
+                                    flags = _a.sent();
+                                    resolve({ flags: flags, fbClient: fbClient });
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                })];
+        });
+    });
+};
+//# sourceMappingURL=initClient.js.map

package/dist/initClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initClient.js","sourceRoot":"../src/","sources":["initClient.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAoB,mBAAmB,EAAkB,MAAM,SAAS,CAAC;AAChF,OAAO,EAAE,eAAe,EAAY,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UACxB,YAAkD,EAClD,OAAsB;IADtB,6BAAA,EAAA,kCAAkD;IAClD,wBAAA,EAAA,YAAsB;;;;YAEhB,QAAQ,GAAG,IAAI,eAAe,cAAK,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;YAE3D,sBAAO,IAAI,OAAO,CAAmB,UAAC,OAAO;oBAC3C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;;;;wCACL,qBAAM,UAAU,CAAC,QAAQ,CAAC,EAAA;;oCAAlC,KAAK,GAAG,SAA0B;oCACxC,OAAO,CAAC,EAAC,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAAC;;;;yBAC5B,CAAC,CAAC;gBACL,CAAC,CAAC,EAAC;;;CACJ,CAAC"}

package/dist/provider.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { EnhancedComponent, ProviderConfig, IFlagSet } from './types';
+import { FbContext } from './context';
+import { IFbClient } from '@featbit/js-client-sdk';
+interface FbHocState extends FbContext {
+    unproxiedFlags: IFlagSet;
+}
+/**
+ * The `FbProvider` is a component which accepts a config object which is used to
+ * initialize `@featbit/js-client-sdk`.
+ *
+ * This Provider does three things:
+ * - It initializes the FeatBit instance by calling `@featbit/js-client-sdk` init on `componentDidMount`
+ * - It saves all flags and the FeatBit instance in the context API
+ * - It subscribes to flag changes and propagate them through the context API
+ *
+ * Because the `@featbit/js-client-sdk` is only initialized on `componentDidMount`, your flags and the
+ * FeatBit are only available after your app has mounted. This can result in a flicker due to flag changes at
+ * startup time.
+ *
+ * This component can be used as a standalone provider. However, be mindful to only include the component once
+ * within your application. This provider is used inside the `withFbProviderHOC` and can be used instead to initialize
+ * the `@featbit/js-client-sdk`. For async initialization, check out the `asyncWithFbProvider` function
+ */
+declare class FbProvider extends React.Component<ProviderConfig, FbHocState> implements EnhancedComponent {
+    readonly state: Readonly<FbHocState>;
+    bootstrapFlags: IFlagSet;
+    constructor(props: ProviderConfig);
+    getReactOptions: () => {
+        useCamelCaseFlagKeys: boolean;
+        sendEventsOnFlagRead: boolean;
+    };
+    subscribeToChanges: (fbClient: IFbClient) => void;
+    init: () => Promise<void>;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: ProviderConfig): Promise<void>;
+    render(): React.JSX.Element | null;
+}
+export default FbProvider;

package/dist/provider.js

@@ -0,0 +1,201 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from "react";
+import { defaultReactOptions } from './types';
+import { Provider } from './context';
+import { camelCaseKeys, fetchFlags } from "./utils";
+import { initClient } from './initClient';
+import getFlagsProxy from "./getFlagsProxy";
+/**
+ * The `FbProvider` is a component which accepts a config object which is used to
+ * initialize `@featbit/js-client-sdk`.
+ *
+ * This Provider does three things:
+ * - It initializes the FeatBit instance by calling `@featbit/js-client-sdk` init on `componentDidMount`
+ * - It saves all flags and the FeatBit instance in the context API
+ * - It subscribes to flag changes and propagate them through the context API
+ *
+ * Because the `@featbit/js-client-sdk` is only initialized on `componentDidMount`, your flags and the
+ * FeatBit are only available after your app has mounted. This can result in a flicker due to flag changes at
+ * startup time.
+ *
+ * This component can be used as a standalone provider. However, be mindful to only include the component once
+ * within your application. This provider is used inside the `withFbProviderHOC` and can be used instead to initialize
+ * the `@featbit/js-client-sdk`. For async initialization, check out the `asyncWithFbProvider` function
+ */
+var FbProvider = /** @class */ (function (_super) {
+    __extends(FbProvider, _super);
+    function FbProvider(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getReactOptions = function () { return (__assign(__assign({}, defaultReactOptions), _this.props.reactOptions)); };
+        _this.subscribeToChanges = function (fbClient) {
+            fbClient.on('update', function (changedKeys) {
+                var updates = changedKeys.reduce(function (acc, key) {
+                    acc[key] = fbClient.variation(key, '');
+                    return acc;
+                }, {});
+                var unproxiedFlags = __assign(__assign({}, _this.state.unproxiedFlags), updates);
+                if (Object.keys(updates).length > 0) {
+                    _this.setState(__assign({ unproxiedFlags: unproxiedFlags }, getFlagsProxy(fbClient, _this.bootstrapFlags, unproxiedFlags, _this.getReactOptions())));
+                }
+            });
+        };
+        _this.init = function () { return __awaiter(_this, void 0, void 0, function () {
+            var options, client, reactOptions, unproxiedFlags, initialisedOutput;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        options = this.props.options;
+                        client = this.props.fbClient;
+                        reactOptions = this.getReactOptions();
+                        if (!client) return [3 /*break*/, 2];
+                        return [4 /*yield*/, fetchFlags(client)];
+                    case 1:
+                        unproxiedFlags = _a.sent();
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, initClient(reactOptions, options)];
+                    case 3:
+                        initialisedOutput = _a.sent();
+                        unproxiedFlags = initialisedOutput.flags;
+                        client = initialisedOutput.fbClient;
+                        _a.label = 4;
+                    case 4:
+                        this.setState(__assign(__assign({ unproxiedFlags: unproxiedFlags }, getFlagsProxy(client, this.bootstrapFlags, unproxiedFlags, reactOptions)), { fbClient: client }));
+                        this.subscribeToChanges(client);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        var options = props.options;
+        _this.bootstrapFlags = ((options === null || options === void 0 ? void 0 : options.bootstrap) || []).reduce(function (acc, flag) {
+            acc[flag.id] = flag.variation;
+            return acc;
+        }, {});
+        ;
+        _this.state = {
+            flags: {},
+            unproxiedFlags: {},
+            flagKeyMap: {},
+            fbClient: undefined,
+        };
+        if ((options === null || options === void 0 ? void 0 : options.bootstrap) && (options === null || options === void 0 ? void 0 : options.bootstrap.length) > 0) {
+            var useCamelCaseFlagKeys = _this.getReactOptions().useCamelCaseFlagKeys;
+            var flags = useCamelCaseFlagKeys ? camelCaseKeys(_this.bootstrapFlags) : _this.bootstrapFlags;
+            _this.state = {
+                flags: flags,
+                unproxiedFlags: flags,
+                flagKeyMap: {},
+                fbClient: undefined,
+            };
+        }
+        return _this;
+    }
+    FbProvider.prototype.componentDidMount = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, options, deferInitialization;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, options = _a.options, deferInitialization = _a.deferInitialization;
+                        if (deferInitialization && !options) {
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, this.init()];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FbProvider.prototype.componentDidUpdate = function (prevProps) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var _b, options, deferInitialization, userJustLoaded;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _b = this.props, options = _b.options, deferInitialization = _b.deferInitialization;
+                        userJustLoaded = !((_a = prevProps.options) === null || _a === void 0 ? void 0 : _a.user) && (options === null || options === void 0 ? void 0 : options.user);
+                        if (!(deferInitialization && userJustLoaded)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.init()];
+                    case 1:
+                        _c.sent();
+                        _c.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FbProvider.prototype.render = function () {
+        var _a = this.state, flags = _a.flags, flagKeyMap = _a.flagKeyMap, fbClient = _a.fbClient;
+        // Conditional rendering when fbClient is null
+        if (fbClient === undefined) {
+            return null; // or Loading Indicator or any other placeholder
+        }
+        return React.createElement(Provider, { value: { flags: flags, flagKeyMap: flagKeyMap, fbClient: fbClient } }, this.props.children);
+    };
+    return FbProvider;
+}(React.Component));
+export default FbProvider;
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

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