@kameleoon/react-sdk 4.0.0 → 4.0.1

package/dist/stories/Form.js

@@ -0,0 +1,215 @@
+"use strict";
+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 (_) 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 };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Radio_1 = __importDefault(require("./Radio"));
+var constants_1 = require("./constants");
+var constants_2 = require("../constants");
+var __1 = require("..");
+var KameleoonError_1 = require("../KameleoonError");
+var useErrors_1 = require("../useErrors");
+function Form(_a) {
+    var _this = this;
+    var _b, _c, _d, _e, _f;
+    var variationAssociatedDataError = _a.variationAssociatedDataError, triggerExperimentError = _a.triggerExperimentError, activateFeatureError = _a.activateFeatureError, featureErrors = _a.featureErrors, client = _a.client, feature = _a.feature, isRenderProps = _a.isRenderProps, getVisitorCode = _a.getVisitorCode, hasFeature = _a.hasFeature, addData = _a.addData, addBrowser = _a.addBrowser, addPageView = _a.addPageView, addDevice = _a.addDevice, addConversion = _a.addConversion, getVariationAssociatedData = _a.getVariationAssociatedData, retrieveDataFromRemoteSource = _a.retrieveDataFromRemoteSource, getVariationId = _a.getVariationId, runWhenReady = _a.runWhenReady;
+    var _g = __read((0, react_1.useState)(''), 2), visitorCode = _g[0], setVisitorCode = _g[1];
+    var _h = __read((0, react_1.useState)(false), 2), featureFlag = _h[0], setFeatureFlag = _h[1];
+    var _j = __read((0, react_1.useState)([]), 2), featureVariables = _j[0], setFeatureVariables = _j[1];
+    var _k = __read((0, react_1.useState)([]), 2), customData = _k[0], setCustomData = _k[1];
+    var _l = __read((0, react_1.useState)(), 2), variationId = _l[0], setVariationId = _l[1];
+    var _m = __read((0, react_1.useState)(), 2), variationData = _m[0], setVariationData = _m[1];
+    var _o = __read((0, react_1.useState)(null), 2), remoteSourceData = _o[0], setRemoteSourceData = _o[1];
+    var _p = (0, useErrors_1.useErrors)(), errors = _p.errors, setErrors = _p.setErrors;
+    function displayCustomData() {
+        var kameleoonConfig = localStorage.getItem(constants_2.KAMELEOON_SDK_LOCAL_STORAGE_KEY);
+        if (kameleoonConfig && visitorCode) {
+            var data = JSON.parse(kameleoonConfig).kameleoonTargetingData[visitorCode];
+            setCustomData(data);
+        }
+    }
+    function handleAddBrowser(event) {
+        event.preventDefault();
+        if (visitorCode && addBrowser && addData) {
+            addData(visitorCode, addBrowser(__1.Browser.Chrome));
+            displayCustomData();
+        }
+    }
+    function handleAddPageView(event) {
+        event.preventDefault();
+        if (visitorCode && addData && addPageView) {
+            addData(visitorCode, addPageView(constants_1.KAMELEOON_URL, 'Page View'));
+            displayCustomData();
+        }
+    }
+    function handleAddDevice(event) {
+        event.preventDefault();
+        if (visitorCode && addData && addDevice) {
+            addData(visitorCode, addDevice(__1.DeviceType.Desktop));
+            displayCustomData();
+        }
+    }
+    function handleAddConversion(event) {
+        event.preventDefault();
+        if (visitorCode && addData && addConversion) {
+            addData(visitorCode, addConversion(constants_1.KAMELEOON_GOAL_ID));
+            displayCustomData();
+        }
+    }
+    var processRetrievedData = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var _a, data, error;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!retrieveDataFromRemoteSource) return [3 /*break*/, 2];
+                    return [4 /*yield*/, retrieveDataFromRemoteSource(constants_1.KAMELEOON_VISITOR_KEY)];
+                case 1:
+                    _a = _b.sent(), data = _a.data, error = _a.error;
+                    if (data) {
+                        setRemoteSourceData(data);
+                    }
+                    if (error) {
+                        throw new KameleoonError_1.KameleoonError(error.type);
+                    }
+                    _b.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [retrieveDataFromRemoteSource]);
+    var getVariationSuccessCallback = (0, react_1.useCallback)(function () {
+        if (!isRenderProps && getVariationId) {
+            setVariationId(getVariationId(constants_1.USER_ID, constants_1.EXPERIMENT_ID));
+        }
+    }, [getVariationId, isRenderProps]);
+    var getVariationErrorCallback = (0, react_1.useCallback)(function () {
+        throw new Error("Couldn't get server configuration from HTTP request in a specified time");
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (runWhenReady) {
+            runWhenReady(getVariationSuccessCallback, getVariationErrorCallback, 1000);
+        }
+    }, [
+        getVariationErrorCallback,
+        getVariationId,
+        getVariationSuccessCallback,
+        isRenderProps,
+        runWhenReady,
+    ]);
+    (0, react_1.useEffect)(function () {
+        if (variationId && getVariationAssociatedData) {
+            setVariationData(getVariationAssociatedData(variationId));
+        }
+    }, [getVariationAssociatedData, variationId]);
+    (0, react_1.useEffect)(function () {
+        if (getVisitorCode) {
+            setVisitorCode(getVisitorCode(constants_1.KAMELEOON_URL));
+        }
+    }, [getVisitorCode]);
+    (0, react_1.useEffect)(function () {
+        if (hasFeature) {
+            setFeatureFlag(hasFeature(constants_1.FEATURE_KEY, constants_1.USER_ID));
+        }
+    }, [hasFeature]);
+    (0, react_1.useEffect)(function () {
+        if (feature.variables) {
+            setFeatureVariables(feature.variables);
+        }
+    }, [feature, isRenderProps]);
+    (0, react_1.useEffect)(function () {
+        processRetrievedData();
+    }, [processRetrievedData]);
+    (0, react_1.useEffect)(function () {
+        var newErrors = __spreadArray([
+            activateFeatureError === null || activateFeatureError === void 0 ? void 0 : activateFeatureError.type,
+            triggerExperimentError === null || triggerExperimentError === void 0 ? void 0 : triggerExperimentError.type,
+            variationAssociatedDataError === null || variationAssociatedDataError === void 0 ? void 0 : variationAssociatedDataError.type
+        ], __read(featureErrors), false);
+        setErrors(newErrors);
+    }, [
+        activateFeatureError,
+        featureErrors,
+        setErrors,
+        triggerExperimentError,
+        variationAssociatedDataError,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Feature flag activation test" }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Always active", isActive: true }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active only when feature flag is on", isActive: isRenderProps ? feature.isActive : featureFlag }, void 0), !isRenderProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active only when kameleoon client is connected", isActive: Boolean(client) }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active only when visitor code is present", isActive: Boolean(visitorCode) }, void 0)] }, void 0)), (0, jsx_runtime_1.jsx)("h1", { children: "Feature flag variables test" }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when string variable is present", isActive: Boolean((_b = featureVariables[0]) === null || _b === void 0 ? void 0 : _b[constants_1.FeatureVariables.STRING]) }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when boolean variable is present", isActive: Boolean((_c = featureVariables[1]) === null || _c === void 0 ? void 0 : _c[constants_1.FeatureVariables.BOOLEAN]) }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when number variable is present", isActive: Boolean((_d = featureVariables[2]) === null || _d === void 0 ? void 0 : _d[constants_1.FeatureVariables.NUMBER]) }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when JSON variable is present", isActive: Boolean((_e = featureVariables[3]) === null || _e === void 0 ? void 0 : _e[constants_1.FeatureVariables.JSON]) }, void 0), (0, jsx_runtime_1.jsx)("h1", { children: "Multi Environment test" }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active only when client environment option is set to value different from the default 'production' (variables above will become inactive), make sure to disable other stories and clear local storage, as for now client is not capable of handling several environments simultaneously", isActive: Boolean((_f = featureVariables[0]) === null || _f === void 0 ? void 0 : _f[constants_1.FeatureVariables.MULTI_ENVIRONMENT]) }, void 0), !isRenderProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Remote Source Data test" }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when data from the remote was received and it's not empty", isActive: Boolean(remoteSourceData) }, void 0)] }, void 0)), !isRenderProps && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Feature flag associated variation test" }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when experiment is triggered", isActive: Boolean(variationId) }, void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, { title: "Active when variationData is present", isActive: Boolean(variationData) }, void 0), (0, jsx_runtime_1.jsx)("h1", { children: "Feature flag custom data test" }, void 0), (0, jsx_runtime_1.jsx)("br", {}, void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: handleAddBrowser }, { children: "Add browser data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: handleAddPageView }, { children: "Add page view data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: handleAddDevice }, { children: "Add device data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: handleAddConversion }, { children: "Add conversion data" }), void 0), (0, jsx_runtime_1.jsx)("p", { children: "Custom data:" }, void 0), customData.map(function (item, index) {
+                        // eslint-disable-next-line react/no-array-index-key
+                        return (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(item.data) }, index);
+                    })] }, void 0)), (0, jsx_runtime_1.jsx)("h1", { children: "Errors test" }, void 0), Boolean(errors === null || errors === void 0 ? void 0 : errors.length) && ((0, jsx_runtime_1.jsx)("ul", { children: errors === null || errors === void 0 ? void 0 : errors.map(function (error) { return ((0, jsx_runtime_1.jsx)("li", { children: error }, error)); }) }, void 0))] }, void 0));
+}
+exports.default = (0, react_1.memo)(Form);
+//# sourceMappingURL=Form.js.map

package/dist/stories/Form.js.map

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

package/dist/stories/FormHOC.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/stories/FormHOC.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var compose_1 = __importDefault(require("../compose"));
+var constants_1 = require("./constants");
+var index_1 = require("../index");
+var Form_1 = __importDefault(require("./Form"));
+function FormHOC(props) {
+    return (0, jsx_runtime_1.jsx)(Form_1.default, __assign({}, props, { isRenderProps: false }), void 0);
+}
+var variableKeys = {
+    production: [
+        constants_1.FeatureVariables.STRING,
+        constants_1.FeatureVariables.BOOLEAN,
+        constants_1.FeatureVariables.NUMBER,
+        constants_1.FeatureVariables.JSON,
+    ],
+    development: constants_1.FeatureVariables.MULTI_ENVIRONMENT,
+    staging: constants_1.FeatureVariables.MULTI_ENVIRONMENT,
+};
+var withKameleoonHOCs = (0, compose_1.default)(index_1.withKameleoon, index_1.withVisitorCode, index_1.withActivateFeature, index_1.withAddData, index_1.withBrowser, index_1.withPageView, index_1.withDevice, index_1.withConversion, index_1.withTriggerExperiment, index_1.withRunWhenReady, index_1.withVariationAssociatedData, index_1.withRetrieveDataFromRemoteSource, (0, index_1.withFeature)({
+    featureKey: constants_1.FEATURE_KEY,
+    variableKeys: variableKeys,
+    visitorCode: constants_1.USER_ID,
+}));
+exports.default = withKameleoonHOCs(FormHOC);
+//# sourceMappingURL=FormHOC.js.map

package/dist/stories/FormHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHOC.js","sourceRoot":"","sources":["../../src/stories/FormHOC.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAiC;AACjC,yCAAqE;AACrE,kCAckB;AAClB,gDAA0C;AAE1C,SAAS,OAAO,CAAC,KAAiB;IAChC,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,EAAE,KAAK,YAAI,CAAC;AACnD,CAAC;AAED,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE;QACV,4BAAgB,CAAC,MAAM;QACvB,4BAAgB,CAAC,OAAO;QACxB,4BAAgB,CAAC,MAAM;QACvB,4BAAgB,CAAC,IAAI;KACtB;IACD,WAAW,EAAE,4BAAgB,CAAC,iBAAiB;IAC/C,OAAO,EAAE,4BAAgB,CAAC,iBAAiB;CAC5C,CAAC;AAEF,IAAM,iBAAiB,GAAG,IAAA,iBAAO,EAC/B,qBAAa,EACb,uBAAe,EACf,2BAAmB,EACnB,mBAAW,EACX,mBAAW,EACX,oBAAY,EACZ,kBAAU,EACV,sBAAc,EACd,6BAAqB,EACrB,wBAAgB,EAChB,mCAA2B,EAC3B,wCAAgC,EAChC,IAAA,mBAAW,EAAC;IACV,UAAU,EAAE,uBAAW;IACvB,YAAY,cAAA;IACZ,WAAW,EAAE,mBAAO;CACrB,CAAC,CACH,CAAC;AAEF,kBAAe,iBAAiB,CAAC,OAAO,CAAC,CAAC"}

package/dist/stories/FormHook.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FormHook(): JSX.Element;

package/dist/stories/FormHook.js

@@ -0,0 +1,74 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormHook = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var index_1 = require("../index");
+var Form_1 = __importDefault(require("./Form"));
+var constants_1 = require("./constants");
+function FormHook() {
+    var client = (0, index_1.useKameleoon)().client;
+    var getVisitorCode = (0, index_1.useVisitorCode)().getVisitorCode;
+    var addData = (0, index_1.useAddData)().addData;
+    var addBrowser = (0, index_1.useBrowser)().addBrowser;
+    var addPageView = (0, index_1.usePageView)().addPageView;
+    var addDevice = (0, index_1.useDevice)().addDevice;
+    var addConversion = (0, index_1.useConversion)().addConversion;
+    var _a = (0, index_1.useVariationAssociatedData)(), getVariationAssociatedData = _a.getVariationAssociatedData, variationAssociatedDataError = _a.error;
+    var trackConversion = (0, index_1.useTrackingConversion)().trackConversion;
+    var _b = (0, index_1.useTriggerExperiment)(), getVariationId = _b.getVariationId, triggerExperimentError = _b.error;
+    var _c = (0, index_1.useActivateFeature)(), hasFeature = _c.hasFeature, activateFeatureError = _c.error;
+    var retrieveDataFromRemoteSource = (0, index_1.useRetrieveDataFromRemoteSource)().retrieveDataFromRemoteSource;
+    var runWhenReady = (0, index_1.useRunWhenReady)().runWhenReady;
+    var variableKeys = {
+        production: [
+            constants_1.FeatureVariables.STRING,
+            constants_1.FeatureVariables.BOOLEAN,
+            constants_1.FeatureVariables.NUMBER,
+            constants_1.FeatureVariables.JSON,
+        ],
+        development: constants_1.FeatureVariables.MULTI_ENVIRONMENT,
+        staging: constants_1.FeatureVariables.MULTI_ENVIRONMENT,
+    };
+    var _d = (0, index_1.useFeature)({
+        featureKey: constants_1.FEATURE_KEY,
+        variableKeys: variableKeys,
+        visitorCode: constants_1.USER_ID,
+    }), feature = _d.feature, featureErrors = _d.errors;
+    var props = {
+        variationAssociatedDataError: variationAssociatedDataError,
+        triggerExperimentError: triggerExperimentError,
+        activateFeatureError: activateFeatureError,
+        featureErrors: featureErrors,
+        client: client,
+        feature: feature,
+        getVisitorCode: getVisitorCode,
+        hasFeature: hasFeature,
+        addData: addData,
+        addBrowser: addBrowser,
+        addPageView: addPageView,
+        addDevice: addDevice,
+        addConversion: addConversion,
+        getVariationAssociatedData: getVariationAssociatedData,
+        retrieveDataFromRemoteSource: retrieveDataFromRemoteSource,
+        getVariationId: getVariationId,
+        trackConversion: trackConversion,
+        runWhenReady: runWhenReady,
+    };
+    return (0, jsx_runtime_1.jsx)(Form_1.default, __assign({}, props, { isRenderProps: false }), void 0);
+}
+exports.FormHook = FormHook;
+//# sourceMappingURL=FormHook.js.map

package/dist/stories/FormHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHook.js","sourceRoot":"","sources":["../../src/stories/FormHook.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kCAekB;AAClB,gDAA0B;AAC1B,yCAAqE;AAErE,SAAgB,QAAQ;IACd,IAAA,MAAM,GAAK,IAAA,oBAAY,GAAE,OAAnB,CAAoB;IAC1B,IAAA,cAAc,GAAK,IAAA,sBAAc,GAAE,eAArB,CAAsB;IACpC,IAAA,OAAO,GAAK,IAAA,kBAAU,GAAE,QAAjB,CAAkB;IACzB,IAAA,UAAU,GAAK,IAAA,kBAAU,GAAE,WAAjB,CAAkB;IAC5B,IAAA,WAAW,GAAK,IAAA,mBAAW,GAAE,YAAlB,CAAmB;IAC9B,IAAA,SAAS,GAAK,IAAA,iBAAS,GAAE,UAAhB,CAAiB;IAC1B,IAAA,aAAa,GAAK,IAAA,qBAAa,GAAE,cAApB,CAAqB;IACpC,IAAA,KACJ,IAAA,kCAA0B,GAAE,EADtB,0BAA0B,gCAAA,EAAS,4BAA4B,WACzC,CAAC;IACvB,IAAA,eAAe,GAAK,IAAA,6BAAqB,GAAE,gBAA5B,CAA6B;IAC9C,IAAA,KACJ,IAAA,4BAAoB,GAAE,EADhB,cAAc,oBAAA,EAAS,sBAAsB,WAC7B,CAAC;IACnB,IAAA,KAA8C,IAAA,0BAAkB,GAAE,EAAhE,UAAU,gBAAA,EAAS,oBAAoB,WAAyB,CAAC;IACjE,IAAA,4BAA4B,GAAK,IAAA,uCAA+B,GAAE,6BAAtC,CAAuC;IACnE,IAAA,YAAY,GAAK,IAAA,uBAAe,GAAE,aAAtB,CAAuB;IAE3C,IAAM,YAAY,GAAG;QACnB,UAAU,EAAE;YACV,4BAAgB,CAAC,MAAM;YACvB,4BAAgB,CAAC,OAAO;YACxB,4BAAgB,CAAC,MAAM;YACvB,4BAAgB,CAAC,IAAI;SACtB;QACD,WAAW,EAAE,4BAAgB,CAAC,iBAAiB;QAC/C,OAAO,EAAE,4BAAgB,CAAC,iBAAiB;KAC5C,CAAC;IAEI,IAAA,KAAqC,IAAA,kBAAU,EAAC;QACpD,UAAU,EAAE,uBAAW;QACvB,YAAY,cAAA;QACZ,WAAW,EAAE,mBAAO;KACrB,CAAC,EAJM,OAAO,aAAA,EAAU,aAAa,YAIpC,CAAC;IAEH,IAAM,KAAK,GAAG;QACZ,4BAA4B,8BAAA;QAC5B,sBAAsB,wBAAA;QACtB,oBAAoB,sBAAA;QACpB,aAAa,eAAA;QACb,MAAM,QAAA;QACN,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,UAAU,YAAA;QACV,OAAO,SAAA;QACP,UAAU,YAAA;QACV,WAAW,aAAA;QACX,SAAS,WAAA;QACT,aAAa,eAAA;QACb,0BAA0B,4BAAA;QAC1B,4BAA4B,8BAAA;QAC5B,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,YAAY,cAAA;KACb,CAAC;IAEF,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,EAAE,KAAK,YAAI,CAAC;AACnD,CAAC;AAxDD,4BAwDC"}

package/dist/stories/FormRenderProps.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IFormProps } from './Form';
+export declare function FormRenderProps(props: IFormProps): JSX.Element;

package/dist/stories/FormRenderProps.js

@@ -0,0 +1,24 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRenderProps = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Form_1 = __importDefault(require("./Form"));
+function FormRenderProps(props) {
+    return (0, jsx_runtime_1.jsx)(Form_1.default, __assign({}, props, { isRenderProps: true }), void 0);
+}
+exports.FormRenderProps = FormRenderProps;
+//# sourceMappingURL=FormRenderProps.js.map

package/dist/stories/FormRenderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRenderProps.js","sourceRoot":"","sources":["../../src/stories/FormRenderProps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0C;AAE1C,SAAgB,eAAe,CAAC,KAAiB;IAC/C,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,kBAAG,CAAC;AAC3C,CAAC;AAFD,0CAEC"}

package/dist/stories/Radio.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    title: string;
+    isActive: boolean;
+};
+declare function Radio(props: Props): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Radio>;
+export default _default;

package/dist/stories/Radio.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+function Radio(props) {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", name: "feature-radio", disabled: !props.isActive }, void 0), props.title] }, void 0) }, void 0));
+}
+exports.default = (0, react_1.memo)(Radio);
+//# sourceMappingURL=Radio.js.map

package/dist/stories/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/stories/Radio.tsx"],"names":[],"mappings":";;;AAAA,+BAA6B;AAO7B,SAAS,KAAK,CAAC,KAAY;IACzB,OAAO,CACL,0CACE,8CACE,kCAAO,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,EAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,WAAI,EACrE,KAAK,CAAC,KAAK,YACN,WACJ,CACP,CAAC;AACJ,CAAC;AACD,kBAAe,IAAA,YAAI,EAAC,KAAK,CAAC,CAAC"}

package/dist/stories/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const KAMELEOON_URL = "https://app.kameleoon.com";
+export declare const KAMELEOON_SITE_CODE = "0fpmcg34lg";
+export declare const KAMELEOON_VISITOR_KEY = "4rXwHd620g";
+export declare const KAMELEOON_GOAL_ID = 238446;
+export declare const FEATURE_KEY = "react_sdk_test";
+export declare const USER_ID = "98983";
+export declare const EXPERIMENT_ID = 143611;
+export declare const GOAL_ID = 245023;
+export declare const REFRESH_INTERVAL = 5;
+export declare enum FeatureVariables {
+    STRING = "test_variable_one",
+    BOOLEAN = "test_variable_two",
+    NUMBER = "test_variable_three",
+    JSON = "test_variable_four",
+    MULTI_ENVIRONMENT = "test_variable_multi_environment"
+}

package/dist/stories/constants.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureVariables = exports.REFRESH_INTERVAL = exports.GOAL_ID = exports.EXPERIMENT_ID = exports.USER_ID = exports.FEATURE_KEY = exports.KAMELEOON_GOAL_ID = exports.KAMELEOON_VISITOR_KEY = exports.KAMELEOON_SITE_CODE = exports.KAMELEOON_URL = void 0;
+exports.KAMELEOON_URL = 'https://app.kameleoon.com';
+exports.KAMELEOON_SITE_CODE = '0fpmcg34lg';
+exports.KAMELEOON_VISITOR_KEY = '4rXwHd620g';
+exports.KAMELEOON_GOAL_ID = 238446;
+exports.FEATURE_KEY = 'react_sdk_test';
+exports.USER_ID = '98983';
+exports.EXPERIMENT_ID = 143611;
+exports.GOAL_ID = 245023;
+exports.REFRESH_INTERVAL = 5;
+var FeatureVariables;
+(function (FeatureVariables) {
+    FeatureVariables["STRING"] = "test_variable_one";
+    FeatureVariables["BOOLEAN"] = "test_variable_two";
+    FeatureVariables["NUMBER"] = "test_variable_three";
+    FeatureVariables["JSON"] = "test_variable_four";
+    FeatureVariables["MULTI_ENVIRONMENT"] = "test_variable_multi_environment";
+})(FeatureVariables = exports.FeatureVariables || (exports.FeatureVariables = {}));
+//# sourceMappingURL=constants.js.map

package/dist/stories/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/stories/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,2BAA2B,CAAC;AAC5C,QAAA,mBAAmB,GAAG,YAAY,CAAC;AACnC,QAAA,qBAAqB,GAAG,YAAY,CAAC;AACrC,QAAA,iBAAiB,GAAG,MAAM,CAAC;AAC3B,QAAA,WAAW,GAAG,gBAAgB,CAAC;AAC/B,QAAA,OAAO,GAAG,OAAO,CAAC;AAClB,QAAA,aAAa,GAAG,MAAM,CAAC;AACvB,QAAA,OAAO,GAAG,MAAM,CAAC;AACjB,QAAA,gBAAgB,GAAG,CAAC,CAAC;AAElC,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAC1B,gDAA4B,CAAA;IAC5B,iDAA6B,CAAA;IAC7B,kDAA8B,CAAA;IAC9B,+CAA2B,CAAA;IAC3B,yEAAqD,CAAA;AACvD,CAAC,EANW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAM3B"}

package/dist/types.d.ts

@@ -0,0 +1,37 @@
+import { FeatureResultField, KameleoonException } from './constants';
+import { KameleoonError } from './KameleoonError';
+export declare type Without<T, K> = Pick<T, Exclude<keyof T, K>>;
+declare type JSONValue = string | number | boolean | {
+    [x: string]: JSONValue;
+} | JSONValue[];
+export declare type FeatureFlagVariableType = boolean | number | string | undefined;
+export declare type FeatureVariableType = Record<string, FeatureFlagVariableType>;
+export declare type UnknownPropsType = Record<string, unknown>;
+export declare type VariableKeyType = string | string[];
+export declare type VariableKeysType = {
+    [environment: string]: VariableKeyType;
+};
+export declare type RemoteSourceDataType = Record<string, JSONValue>;
+export declare type VariationAssociatedDataType = Record<string | number | symbol, JSONValue> | null;
+export declare type RemoteSourceResultType = {
+    data: RemoteSourceDataType | null;
+    error: KameleoonError | null;
+};
+export interface IFeature {
+    feature: {
+        /** Feature flag status */
+        [FeatureResultField.IsActive]: boolean;
+        /** Feature flag variables */
+        [FeatureResultField.Variables]: FeatureVariableType[];
+    };
+    errors: KameleoonException[];
+}
+export interface IFeatureParams {
+    /** Unique identifier or key of the feature you want to expose to a user */
+    featureKey: string | number;
+    /** Key of the variable */
+    variableKeys: VariableKeysType;
+    /** Unique identifier of the user */
+    visitorCode?: string;
+}
+export {};

package/dist/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;AAAA,yCAAqE"}

package/dist/useActivateFeature.d.ts

@@ -0,0 +1,14 @@
+import { KameleoonError } from './KameleoonError';
+interface ActivateFeatureHookResult {
+    /**
+     * @param visitorCode - unique identifier of the user
+     * @param featureKey - unique identifier or key of the feature you want to expose to a user
+     */
+    hasFeature: (featureKey: string | number, visitorCode?: string) => boolean;
+    error: KameleoonError | null;
+}
+/**
+ * A React Hook that returns callback function which activates a feature toggle
+ */
+export declare function useActivateFeature(): ActivateFeatureHookResult;
+export {};

package/dist/useActivateFeature.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActivateFeature = void 0;
+var react_1 = require("react");
+var useKameleoon_1 = require("./useKameleoon");
+var ProviderError_1 = require("./ProviderError");
+var useError_1 = require("./useError");
+var useVisitorCode_1 = require("./useVisitorCode");
+/**
+ * A React Hook that returns callback function which activates a feature toggle
+ */
+function useActivateFeature() {
+    var client = (0, useKameleoon_1.useKameleoon)().client;
+    var _a = (0, useError_1.useError)(), error = _a.error, setError = _a.setError;
+    var getVisitorCode = (0, useVisitorCode_1.useVisitorCode)().getVisitorCode;
+    var hasFeature = (0, react_1.useCallback)(function (featureKey, visitorCode) {
+        try {
+            var userCode = visitorCode !== null && visitorCode !== void 0 ? visitorCode : getVisitorCode('');
+            return client.activateFeature(userCode, featureKey);
+        }
+        catch (unknownError) {
+            setError(unknownError);
+            return false;
+        }
+    }, [client, getVisitorCode, setError]);
+    if (!client) {
+        throw new ProviderError_1.ProviderError('useActivateFeature');
+    }
+    return {
+        hasFeature: hasFeature,
+        error: error,
+    };
+}
+exports.useActivateFeature = useActivateFeature;
+//# sourceMappingURL=useActivateFeature.js.map

package/dist/useActivateFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActivateFeature.js","sourceRoot":"","sources":["../src/useActivateFeature.ts"],"names":[],"mappings":";;;AAAA,+BAAoC;AACpC,+CAA8C;AAC9C,iDAAgD;AAEhD,uCAAsC;AACtC,mDAAkD;AAWlD;;GAEG;AACH,SAAgB,kBAAkB;IACxB,IAAA,MAAM,GAAK,IAAA,2BAAY,GAAE,OAAnB,CAAoB;IAC5B,IAAA,KAAsB,IAAA,mBAAQ,GAAE,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAC;IAC/B,IAAA,cAAc,GAAK,IAAA,+BAAc,GAAE,eAArB,CAAsB;IAE5C,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,UAA2B,EAAE,WAAoB;QAChD,IAAI;YACF,IAAM,QAAQ,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,cAAc,CAAC,EAAE,CAAC,CAAC;YAEnD,OAAO,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;SACrD;QAAC,OAAO,YAAY,EAAE;YACrB,QAAQ,CAAC,YAAY,CAAC,CAAC;YAEvB,OAAO,KAAK,CAAC;SACd;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,6BAAa,CAAC,oBAAoB,CAAC,CAAC;KAC/C;IAED,OAAO;QACL,UAAU,YAAA;QACV,KAAK,OAAA;KACN,CAAC;AACJ,CAAC;AA5BD,gDA4BC"}

package/dist/useAddData.d.ts

@@ -0,0 +1,14 @@
+import { DataInterface as IData } from 'kameleoon-client-javascript/dist/interfaces/interfaces';
+interface AddDataHookResult {
+    /**
+     * @param visitorCode - unique identifier of the user
+     * @param dataTypes - custom data types which may be passed separated by a comma
+     */
+    addData: (visitorCode: string, ...dataTypes: IData[]) => void;
+}
+/**
+ * A React Hook that returns callback function which adds various data
+ * to associate this data with the current user
+ */
+export declare function useAddData(): AddDataHookResult;
+export {};

package/dist/useAddData.js

@@ -0,0 +1,49 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAddData = void 0;
+var react_1 = require("react");
+var useKameleoon_1 = require("./useKameleoon");
+/**
+ * A React Hook that returns callback function which adds various data
+ * to associate this data with the current user
+ */
+function useAddData() {
+    var client = (0, useKameleoon_1.useKameleoon)().client;
+    var addData = (0, react_1.useCallback)(function (visitorCode) {
+        var dataTypes = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            dataTypes[_i - 1] = arguments[_i];
+        }
+        client.addData.apply(client, __spreadArray([visitorCode], __read(dataTypes), false));
+    }, [client]);
+    return {
+        addData: addData,
+    };
+}
+exports.useAddData = useAddData;
+//# sourceMappingURL=useAddData.js.map