@kameleoon/react-sdk 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -5,8 +5,16 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 [Project Homepage](https://developers.kameleoon.com/react-js-sdk.html)
 
+# 2.1.0 (2022-04-18)
+
+
+### Features
+
+* retrieve data from remote source 
+
 # 2.0.0 (2022-02-24)
 
+
 ### Features
 
 * add multi environment support 

package/README.md

@@ -435,9 +435,9 @@ export default compose(withVisitorCode, withActivateFeature)(MyComponent);
 ```
 
 ## Obtain variation associated data
-A callback function `getVariationAssociatedData()` which retrieves JSON data assiciated with a variation. The JSON data usually represents some metadata of the variation, and can be configured on our web application interface or via our Automation API.
+A callback function `getVariationAssociatedData()` which retrieves JSON data associated with a variation. The JSON data usually represents some metadata of the variation, and can be configured on our web application interface or via our Automation API.
 
-This calllback function takes the `variationId` as a parameter and will return the data as a JavaScript object. It will throw an exception `(KameleoonException.VariationConfigurationNotFound)` if the `variationId` is wrong or corresponds to an experiment that is not yet online.
+This callback function takes the `variationId` as a parameter and will return the data as a JavaScript object. It will throw an exception `(KameleoonException.VariationConfigurationNotFound)` if the `variationId` is wrong or corresponds to an experiment that is not yet online.
 
 #### Exceptions Thrown
 - `KameleoonException.VariationConfigurationNotFound` - Exception indicating that the requested variation ID has not been found in the internal configuration of the SDK. This is usually normal and means that the variation's corresponding experiment has not yet been activated on Kameleoon's side.
@@ -494,6 +494,74 @@ class MyComponent extends React.Component {
 export default withVariationAssociatedData(MyComponent);
 ```
 
+## Obtain data from remote source
+An callback function `retrieveDataFromRemoteSource()` can be used to retrieve data using specific key and siteCode from Kameleoon provider. The Data is stored on a remote Kameleoon server. Usually data will be stored on our remote servers via the use of our Data API. This method, along with the availability of our highly scalable servers for this purpose, provides a convenient way to quickly store massive amounts of data that can be later retrieved for each of your visitors / users.
+
+Note that since a server call is required, this mechanism is asynchronous, make sure to properly handle promise which will be returned from a function call.
+
+
+#### Exceptions Thrown
+- Local Error will be thrown if remote source data couldn't be accessed or retrieved data contains an empty JSON.
+
+#### `retrieveDataFromRemoteSource()`
+
+##### Arguments
+- `key: string` - unique key for the current siteCode used to store data on the remote source (can be created via `POST` request to Kameleoon Data API). This field is mandatory.
+
+##### Returns
+- JSON object with the data posted to Kameleoon Data API.
+
+#### Types
+- `RemoteSourceDataType` can be used for handling data type.
+
+### `useRetrieveDataFromRemoteSource`
+#### Returns
+- A callback function `retrieveDataFromRemoteSource()`.
+
+#### Example
+```jsx
+import { useEffect, useCallback } from 'react';
+import { useRetrieveDataFromRemoteSource, RemoteSourceDataType } from '@kameleoon/react-sdk';
+
+function MyComponent(): JSX.Element {
+  const { retrieveDataFromRemoteSource } = useRetrieveDataFromRemoteSource();
+
+  const processRetrievedData = useCallback(async () => {
+    const data: RemoteSourceDataType = await retrieveDataFromRemoteSource('example-key');
+    // Your code
+  }, [retrieveDataFromRemoteSource]);
+
+  useEffect(() => {
+    processRetrievedData();
+  }, [processRetrievedData]);
+
+  ...
+}
+```
+### `withRetrieveDataFromRemoteSource`
+#### Arguments
+- `Component: React.Component` - component which will be enhanced with the prop `retrieveDataFromRemoteSource()`.
+
+#### Returns
+- A wrapped component with additional props as described above.
+
+#### Example
+```jsx
+import { withRetrieveDataFromRemoteSource, RemoteSourceDataType } from '@kameleoon/react-sdk';
+
+class MyComponent extends React.Component {
+  async componentDidMount() {
+    const { retrieveDataFromRemoteSource } = this.props;
+    const data: RemoteSourceDataType = await getVariationAssociatedData('example-key');
+    // Your code
+  }
+
+  ...
+}
+
+export default withRetrieveDataFromRemoteSource(MyComponent);
+```
+
 ## Obtain feature variable
 A callback function `getFeatureVariable()` which retrieves a feature variable.
 

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { KAMELEOON_SDK_LOCAL_STORAGE_KEY, Browser } from './constants';
 export { Browser as IBrowser, Conversion as IConversion, Interest as IInterest, PageView as IPageView, } from 'kameleoon-client-javascript/dist/data';
 export { default as compose } from './compose';
 export { default as KameleoonProvider } from './KameleoonProvider';
+export * from './types';
 export { createClient } from './kameleoonClient';
 export { Feature } from './Feature';
 export { useKameleoon } from './useKameleoon';
@@ -13,6 +14,7 @@ export { useActivateFeature } from './useActivateFeature';
 export { useVariationAssociatedData } from './useVariationAssociatedData';
 export { useFeatureVariable } from './useFeatureVariable';
 export { useTrackingConversion } from './useTrackingConversion';
+export { useRetrieveDataFromRemoteSource } from './useRetrieveDataFromRemoteSource';
 export { useAddData } from './useAddData';
 export { useFlush } from './useFlush';
 export { useBrowser } from './useBrowser';
@@ -26,6 +28,7 @@ export { withVisitorCode } from './withVisitorCode';
 export { withTriggerExperiment } from './withTriggerExperiment';
 export { withActivateFeature } from './withActivateFeature';
 export { withVariationAssociatedData } from './withVariationAssociatedData';
+export { withRetrieveDataFromRemoteSource } from './withRetrieveDataFromRemoteSource';
 export { withFeatureVariable } from './withFeatureVariable';
 export { withTrackingConversion } from './withTrackingConversion';
 export { withAddData } from './withAddData';

package/dist/index.js

@@ -1,9 +1,19 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withInterest = exports.withCustomData = exports.withConversion = exports.withPageView = exports.withBrowser = exports.withFlush = exports.withAddData = exports.withTrackingConversion = exports.withFeatureVariable = exports.withVariationAssociatedData = exports.withActivateFeature = exports.withTriggerExperiment = exports.withVisitorCode = exports.withFeature = exports.withKameleoon = exports.useInterest = exports.useCustomData = exports.useConversion = exports.usePageView = exports.useBrowser = exports.useFlush = exports.useAddData = exports.useTrackingConversion = exports.useFeatureVariable = exports.useVariationAssociatedData = exports.useActivateFeature = exports.useTriggerExperiment = exports.useVisitorCode = exports.useFeature = exports.useKameleoon = exports.Feature = exports.createClient = exports.KameleoonProvider = exports.compose = exports.IPageView = exports.IInterest = exports.IConversion = exports.IBrowser = exports.Browser = exports.KAMELEOON_SDK_LOCAL_STORAGE_KEY = exports.KameleoonContext = void 0;
+exports.withInterest = exports.withCustomData = exports.withConversion = exports.withPageView = exports.withBrowser = exports.withFlush = exports.withAddData = exports.withTrackingConversion = exports.withFeatureVariable = exports.withRetrieveDataFromRemoteSource = exports.withVariationAssociatedData = exports.withActivateFeature = exports.withTriggerExperiment = exports.withVisitorCode = exports.withFeature = exports.withKameleoon = exports.useInterest = exports.useCustomData = exports.useConversion = exports.usePageView = exports.useBrowser = exports.useFlush = exports.useAddData = exports.useRetrieveDataFromRemoteSource = exports.useTrackingConversion = exports.useFeatureVariable = exports.useVariationAssociatedData = exports.useActivateFeature = exports.useTriggerExperiment = exports.useVisitorCode = exports.useFeature = exports.useKameleoon = exports.Feature = exports.createClient = exports.KameleoonProvider = exports.compose = exports.IPageView = exports.IInterest = exports.IConversion = exports.IBrowser = exports.Browser = exports.KAMELEOON_SDK_LOCAL_STORAGE_KEY = exports.KameleoonContext = void 0;
 var KameleoonContext_1 = require("./KameleoonContext");
 Object.defineProperty(exports, "KameleoonContext", { enumerable: true, get: function () { return KameleoonContext_1.KameleoonContext; } });
 var constants_1 = require("./constants");
@@ -18,6 +28,7 @@ var compose_1 = require("./compose");
 Object.defineProperty(exports, "compose", { enumerable: true, get: function () { return __importDefault(compose_1).default; } });
 var KameleoonProvider_1 = require("./KameleoonProvider");
 Object.defineProperty(exports, "KameleoonProvider", { enumerable: true, get: function () { return __importDefault(KameleoonProvider_1).default; } });
+__exportStar(require("./types"), exports);
 var kameleoonClient_1 = require("./kameleoonClient");
 Object.defineProperty(exports, "createClient", { enumerable: true, get: function () { return kameleoonClient_1.createClient; } });
 var Feature_1 = require("./Feature");
@@ -38,6 +49,8 @@ var useFeatureVariable_1 = require("./useFeatureVariable");
 Object.defineProperty(exports, "useFeatureVariable", { enumerable: true, get: function () { return useFeatureVariable_1.useFeatureVariable; } });
 var useTrackingConversion_1 = require("./useTrackingConversion");
 Object.defineProperty(exports, "useTrackingConversion", { enumerable: true, get: function () { return useTrackingConversion_1.useTrackingConversion; } });
+var useRetrieveDataFromRemoteSource_1 = require("./useRetrieveDataFromRemoteSource");
+Object.defineProperty(exports, "useRetrieveDataFromRemoteSource", { enumerable: true, get: function () { return useRetrieveDataFromRemoteSource_1.useRetrieveDataFromRemoteSource; } });
 var useAddData_1 = require("./useAddData");
 Object.defineProperty(exports, "useAddData", { enumerable: true, get: function () { return useAddData_1.useAddData; } });
 var useFlush_1 = require("./useFlush");
@@ -64,6 +77,8 @@ var withActivateFeature_1 = require("./withActivateFeature");
 Object.defineProperty(exports, "withActivateFeature", { enumerable: true, get: function () { return withActivateFeature_1.withActivateFeature; } });
 var withVariationAssociatedData_1 = require("./withVariationAssociatedData");
 Object.defineProperty(exports, "withVariationAssociatedData", { enumerable: true, get: function () { return withVariationAssociatedData_1.withVariationAssociatedData; } });
+var withRetrieveDataFromRemoteSource_1 = require("./withRetrieveDataFromRemoteSource");
+Object.defineProperty(exports, "withRetrieveDataFromRemoteSource", { enumerable: true, get: function () { return withRetrieveDataFromRemoteSource_1.withRetrieveDataFromRemoteSource; } });
 var withFeatureVariable_1 = require("./withFeatureVariable");
 Object.defineProperty(exports, "withFeatureVariable", { enumerable: true, get: function () { return withFeatureVariable_1.withFeatureVariable; } });
 var withTrackingConversion_1 = require("./withTrackingConversion");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,yCAAuE;AAA9D,4HAAA,+BAA+B,OAAA;AAAE,oGAAA,OAAO,OAAA;AACjD,8DAK+C;AAJ7C,gGAAA,OAAO,OAAY;AACnB,mGAAA,UAAU,OAAe;AACzB,iGAAA,QAAQ,OAAa;AACrB,iGAAA,QAAQ,OAAa;AAEvB,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,qDAAiD;AAAxC,+GAAA,YAAY,OAAA;AACrB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,2EAA0E;AAAjE,wIAAA,0BAA0B,OAAA;AACnC,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,6EAA4E;AAAnE,0IAAA,2BAA2B,OAAA;AACpC,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,yCAAuE;AAA9D,4HAAA,+BAA+B,OAAA;AAAE,oGAAA,OAAO,OAAA;AACjD,8DAK+C;AAJ7C,gGAAA,OAAO,OAAY;AACnB,mGAAA,UAAU,OAAe;AACzB,iGAAA,QAAQ,OAAa;AACrB,iGAAA,QAAQ,OAAa;AAEvB,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,0CAAwB;AACxB,qDAAiD;AAAxC,+GAAA,YAAY,OAAA;AACrB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,2EAA0E;AAAjE,wIAAA,0BAA0B,OAAA;AACnC,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,qFAAoF;AAA3E,kJAAA,+BAA+B,OAAA;AACxC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,6EAA4E;AAAnE,0IAAA,2BAA2B,OAAA;AACpC,uFAAsF;AAA7E,oJAAA,gCAAgC,OAAA;AACzC,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}

package/dist/stories/Form.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { KameleoonClient } from 'kameleoon-client-javascript';
 import { DataInterface } from 'kameleoon-client-javascript/dist/interfaces/interfaces';
-import { AnyType, IFeature } from '../types';
+import { AnyType, IFeature, RemoteSourceDataType } from '../types';
 import { IBrowser, IConversion, IInterest, IPageView, Browser } from '..';
 export interface IFormProps {
     client?: KameleoonClient;
@@ -15,8 +15,9 @@ export interface IFormProps {
     addInterest?: (index: number) => IInterest;
     addConversion?: (goalId: number, revenue?: number, negative?: boolean) => IConversion;
     getVariationAssociatedData?: (variationId: number) => AnyType;
+    retrieveDataFromRemoteSource?: (key: string) => Promise<RemoteSourceDataType>;
     getVariationId?: (visitorCode: string, experimentId: number) => number;
 }
-declare function Form({ client, feature, isRenderProps, getVisitorCode, hasFeature, addData, addBrowser, addPageView, addInterest, addConversion, getVariationAssociatedData, getVariationId, }: IFormProps): JSX.Element;
+declare function Form({ client, feature, isRenderProps, getVisitorCode, hasFeature, addData, addBrowser, addPageView, addInterest, addConversion, getVariationAssociatedData, retrieveDataFromRemoteSource, getVariationId, }: IFormProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Form>;
 export default _default;

package/dist/stories/Form.js

@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,39 +57,16 @@ var constants_1 = require("./constants");
 var constants_2 = require("../constants");
 var __1 = require("..");
 function Form(_a) {
+    var _this = this;
     var _b, _c, _d, _e, _f;
-    var client = _a.client, feature = _a.feature, isRenderProps = _a.isRenderProps, getVisitorCode = _a.getVisitorCode, hasFeature = _a.hasFeature, addData = _a.addData, addBrowser = _a.addBrowser, addPageView = _a.addPageView, addInterest = _a.addInterest, addConversion = _a.addConversion, getVariationAssociatedData = _a.getVariationAssociatedData, getVariationId = _a.getVariationId;
+    var client = _a.client, feature = _a.feature, isRenderProps = _a.isRenderProps, getVisitorCode = _a.getVisitorCode, hasFeature = _a.hasFeature, addData = _a.addData, addBrowser = _a.addBrowser, addPageView = _a.addPageView, addInterest = _a.addInterest, addConversion = _a.addConversion, getVariationAssociatedData = _a.getVariationAssociatedData, retrieveDataFromRemoteSource = _a.retrieveDataFromRemoteSource, getVariationId = _a.getVariationId;
     var _g = (0, react_1.useState)(''), visitorCode = _g[0], setVisitorCode = _g[1];
     var _h = (0, react_1.useState)(false), featureFlag = _h[0], setFeatureFlag = _h[1];
     var _j = (0, react_1.useState)([]), featureVariables = _j[0], setFeatureVariables = _j[1];
     var _k = (0, react_1.useState)([]), customData = _k[0], setCustomData = _k[1];
     var _l = (0, react_1.useState)(), variationId = _l[0], setVariationId = _l[1];
     var _m = (0, react_1.useState)(), variationData = _m[0], setVariationData = _m[1];
-    (0, react_1.useEffect)(function () {
-        if (!isRenderProps && getVariationId) {
-            setVariationId(getVariationId(constants_1.USER_ID, constants_1.EXPERIMENT_ID));
-        }
-    }, [getVariationId, isRenderProps]);
-    (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.USER_ID, constants_1.FEATURE_KEY));
-        }
-    }, [hasFeature]);
-    (0, react_1.useEffect)(function () {
-        if (feature.variables) {
-            setFeatureVariables(feature.variables);
-        }
-    }, [feature, isRenderProps]);
+    var _o = (0, react_1.useState)(null), remoteSourceData = _o[0], setRemoteSourceData = _o[1];
     function displayCustomData() {
         var kameleoonConfig = localStorage.getItem(constants_2.KAMELEOON_SDK_LOCAL_STORAGE_KEY);
         if (kameleoonConfig && visitorCode) {
@@ -89,7 +102,50 @@ function Form(_a) {
             displayCustomData();
         }
     }
-    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: "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: handleAddInterest }, { children: "Add interest 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) {
+    var processRetrievedData = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!retrieveDataFromRemoteSource) return [3 /*break*/, 2];
+                    return [4 /*yield*/, retrieveDataFromRemoteSource(constants_1.KAMELEOON_VISITOR_KEY)];
+                case 1:
+                    data = _a.sent();
+                    setRemoteSourceData(data);
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [retrieveDataFromRemoteSource]);
+    (0, react_1.useEffect)(function () {
+        if (!isRenderProps && getVariationId) {
+            setVariationId(getVariationId(constants_1.USER_ID, constants_1.EXPERIMENT_ID));
+        }
+    }, [getVariationId, isRenderProps]);
+    (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.USER_ID, constants_1.FEATURE_KEY));
+        }
+    }, [hasFeature]);
+    (0, react_1.useEffect)(function () {
+        if (feature.variables) {
+            setFeatureVariables(feature.variables);
+        }
+    }, [feature, isRenderProps]);
+    (0, react_1.useEffect)(function () {
+        processRetrievedData();
+    }, [processRetrievedData]);
+    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), (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), !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: handleAddInterest }, { children: "Add interest 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))] }, void 0));

package/dist/stories/Form.js.map

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

package/dist/stories/FormHOC.js

@@ -32,7 +32,7 @@ var variableKeys = {
     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.withInterest, index_1.withConversion, index_1.withTriggerExperiment, index_1.withVariationAssociatedData, (0, index_1.withFeature)({
+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.withInterest, index_1.withConversion, index_1.withTriggerExperiment, index_1.withVariationAssociatedData, index_1.withRetrieveDataFromRemoteSource, (0, index_1.withFeature)({
     featureKey: constants_1.FEATURE_KEY,
     variableKeys: variableKeys,
     visitorCode: constants_1.USER_ID,

package/dist/stories/FormHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHOC.js","sourceRoot":"","sources":["../../src/stories/FormHOC.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAiC;AACjC,yCAAqE;AACrE,kCAYkB;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,oBAAY,EACZ,sBAAc,EACd,6BAAqB,EACrB,mCAA2B,EAC3B,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"}
+{"version":3,"file":"FormHOC.js","sourceRoot":"","sources":["../../src/stories/FormHOC.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAiC;AACjC,yCAAqE;AACrE,kCAakB;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,oBAAY,EACZ,sBAAc,EACd,6BAAqB,EACrB,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.js

@@ -31,6 +31,7 @@ function FormHook() {
     var trackConversion = (0, index_1.useTrackingConversion)().trackConversion;
     var getVariationId = (0, index_1.useTriggerExperiment)().getVariationId;
     var hasFeature = (0, index_1.useActivateFeature)().hasFeature;
+    var retrieveDataFromRemoteSource = (0, index_1.useRetrieveDataFromRemoteSource)().retrieveDataFromRemoteSource;
     var variableKeys = {
         production: [
             constants_1.FeatureVariables.STRING,
@@ -57,6 +58,7 @@ function FormHook() {
         addInterest: addInterest,
         addConversion: addConversion,
         getVariationAssociatedData: getVariationAssociatedData,
+        retrieveDataFromRemoteSource: retrieveDataFromRemoteSource,
         getVariationId: getVariationId,
         trackConversion: trackConversion,
     };

package/dist/stories/FormHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHook.js","sourceRoot":"","sources":["../../src/stories/FormHook.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAAqE;AACrE,kCAakB;AAClB,gDAA0B;AAE1B,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,WAAW,GAAK,IAAA,mBAAW,GAAE,YAAlB,CAAmB;IAC9B,IAAA,aAAa,GAAK,IAAA,qBAAa,GAAE,cAApB,CAAqB;IAClC,IAAA,0BAA0B,GAAK,IAAA,kCAA0B,GAAE,2BAAjC,CAAkC;IAC5D,IAAA,eAAe,GAAK,IAAA,6BAAqB,GAAE,gBAA5B,CAA6B;IAC5C,IAAA,cAAc,GAAK,IAAA,4BAAoB,GAAE,eAA3B,CAA4B;IAC1C,IAAA,UAAU,GAAK,IAAA,0BAAkB,GAAE,WAAzB,CAA0B;IAC5C,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;IAEF,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC;QACzB,UAAU,EAAE,uBAAW;QACvB,YAAY,cAAA;QACZ,WAAW,EAAE,mBAAO;KACrB,CAAC,CAAC;IAEH,IAAM,KAAK,GAAG;QACZ,MAAM,QAAA;QACN,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,UAAU,YAAA;QACV,OAAO,SAAA;QACP,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,aAAa,eAAA;QACb,0BAA0B,4BAAA;QAC1B,cAAc,gBAAA;QACd,eAAe,iBAAA;KAChB,CAAC;IAEF,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,EAAE,KAAK,YAAI,CAAC;AACnD,CAAC;AA7CD,4BA6CC"}
+{"version":3,"file":"FormHook.js","sourceRoot":"","sources":["../../src/stories/FormHook.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAAqE;AACrE,kCAckB;AAClB,gDAA0B;AAE1B,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,WAAW,GAAK,IAAA,mBAAW,GAAE,YAAlB,CAAmB;IAC9B,IAAA,aAAa,GAAK,IAAA,qBAAa,GAAE,cAApB,CAAqB;IAClC,IAAA,0BAA0B,GAAK,IAAA,kCAA0B,GAAE,2BAAjC,CAAkC;IAC5D,IAAA,eAAe,GAAK,IAAA,6BAAqB,GAAE,gBAA5B,CAA6B;IAC5C,IAAA,cAAc,GAAK,IAAA,4BAAoB,GAAE,eAA3B,CAA4B;IAC1C,IAAA,UAAU,GAAK,IAAA,0BAAkB,GAAE,WAAzB,CAA0B;IACpC,IAAA,4BAA4B,GAAK,IAAA,uCAA+B,GAAE,6BAAtC,CAAuC;IAE3E,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;IAEF,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC;QACzB,UAAU,EAAE,uBAAW;QACvB,YAAY,cAAA;QACZ,WAAW,EAAE,mBAAO;KACrB,CAAC,CAAC;IAEH,IAAM,KAAK,GAAG;QACZ,MAAM,QAAA;QACN,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,UAAU,YAAA;QACV,OAAO,SAAA;QACP,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,aAAa,eAAA;QACb,0BAA0B,4BAAA;QAC1B,4BAA4B,8BAAA;QAC5B,cAAc,gBAAA;QACd,eAAe,iBAAA;KAChB,CAAC;IAEF,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,EAAE,KAAK,YAAI,CAAC;AACnD,CAAC;AAhDD,4BAgDC"}

package/dist/stories/constants.d.ts

@@ -1,5 +1,6 @@
 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";

package/dist/stories/constants.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureVariables = exports.GOAL_ID = exports.EXPERIMENT_ID = exports.USER_ID = exports.FEATURE_KEY = exports.KAMELEOON_GOAL_ID = exports.KAMELEOON_SITE_CODE = exports.KAMELEOON_URL = void 0;
+exports.FeatureVariables = 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';

package/dist/stories/constants.js.map

@@ -1 +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,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;AAE9B,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"}
+{"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;AAE9B,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

@@ -1,6 +1,9 @@
 import { FeatureResultField } from './constants';
 export declare type AnyType = any;
 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>;
@@ -8,6 +11,7 @@ export declare type VariableKeyType = string | string[];
 export declare type VariableKeysType = {
     [environment: string]: VariableKeyType;
 };
+export declare type RemoteSourceDataType = Record<string, JSONValue>;
 export interface IFeature {
     /** Feature flag status */
     [FeatureResultField.IsActive]: boolean;
@@ -22,3 +26,4 @@ export interface IFeatureParams {
     /** Unique identifier of the user */
     visitorCode?: string;
 }
+export {};

package/dist/useRetrieveDataFromRemoteSource.d.ts

@@ -0,0 +1,12 @@
+import { RemoteSourceDataType } from './types';
+interface RetrieveDataFromRemoteSourceHookResult {
+    /**
+     * @param key - unique key for data defined for Kameleoon Data API
+     */
+    retrieveDataFromRemoteSource: (key: string) => Promise<RemoteSourceDataType>;
+}
+/**
+ * A React Hook that returns asynchronous callback function which retrieves data from Kameleoon Data API
+ */
+export declare function useRetrieveDataFromRemoteSource(): RetrieveDataFromRemoteSourceHookResult;
+export {};

package/dist/useRetrieveDataFromRemoteSource.js

@@ -0,0 +1,76 @@
+"use strict";
+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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRetrieveDataFromRemoteSource = void 0;
+var react_1 = require("react");
+var useKameleoon_1 = require("./useKameleoon");
+var ProviderError_1 = require("./ProviderError");
+/**
+ * A React Hook that returns asynchronous callback function which retrieves data from Kameleoon Data API
+ */
+function useRetrieveDataFromRemoteSource() {
+    var _this = this;
+    var client = (0, useKameleoon_1.useKameleoon)().client;
+    var isObjectEmpty = (0, react_1.useCallback)(function (object) {
+        return (object &&
+            Object.keys(object).length === 0 &&
+            Object.getPrototypeOf(object) === Object.prototype);
+    }, []);
+    var retrieveDataFromRemoteSource = (0, react_1.useCallback)(function (key) { return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, client.retrieveDataFromRemoteSource(key)];
+                case 1:
+                    data = (_a.sent());
+                    if (isObjectEmpty(data)) {
+                        throw new Error('No data was retrieved from remote source or the data is empty');
+                    }
+                    return [2 /*return*/, data];
+            }
+        });
+    }); }, [client, isObjectEmpty]);
+    if (!client) {
+        throw new ProviderError_1.ProviderError('useKameleoon');
+    }
+    return {
+        retrieveDataFromRemoteSource: retrieveDataFromRemoteSource,
+    };
+}
+exports.useRetrieveDataFromRemoteSource = useRetrieveDataFromRemoteSource;
+//# sourceMappingURL=useRetrieveDataFromRemoteSource.js.map

package/dist/useRetrieveDataFromRemoteSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRetrieveDataFromRemoteSource.js","sourceRoot":"","sources":["../src/useRetrieveDataFromRemoteSource.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoC;AACpC,+CAA8C;AAC9C,iDAAgD;AAUhD;;GAEG;AACH,SAAgB,+BAA+B;IAA/C,iBAmCC;IAlCS,IAAA,MAAM,GAAK,IAAA,2BAAY,GAAE,OAAnB,CAAoB;IAElC,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,UAAC,MAA4B;QAC7D,OAAO,CACL,MAAM;YACN,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;YAChC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,SAAS,CACnD,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,4BAA4B,GAAG,IAAA,mBAAW,EAC9C,UAAO,GAAW;;;;wBACF,qBAAM,MAAM,CAAC,4BAA4B,CACrD,GAAG,CACJ,EAAA;;oBAFK,IAAI,GAAG,CAAC,SAEb,CAAyB;oBAE1B,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE;wBACvB,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;qBACH;oBAED,sBAAO,IAAI,EAAC;;;SACb,EACD,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,6BAAa,CAAC,cAAc,CAAC,CAAC;KACzC;IAED,OAAO;QACL,4BAA4B,8BAAA;KAC7B,CAAC;AACJ,CAAC;AAnCD,0EAmCC"}

package/dist/withRetrieveDataFromRemoteSource.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { UnknownPropsType, Without, RemoteSourceDataType } from './types';
+interface IWithRetrieveDataFromRemoteSource {
+    /**
+     * @param key - unique key for data defined for Kameleoon Data API
+     */
+    retrieveDataFromRemoteSource: (key: string) => Promise<RemoteSourceDataType>;
+}
+/**
+ * A React HOC that gives a wrapped component access to callback function
+ * which retrieves data from Kameleoon Data API
+ */
+export declare function withRetrieveDataFromRemoteSource<Props extends UnknownPropsType>(Component: React.ComponentType<Props>): React.ComponentType<Props & Without<Props, IWithRetrieveDataFromRemoteSource>>;
+export {};

package/dist/withRetrieveDataFromRemoteSource.js

@@ -0,0 +1,28 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withRetrieveDataFromRemoteSource = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useRetrieveDataFromRemoteSource_1 = require("./useRetrieveDataFromRemoteSource");
+/**
+ * A React HOC that gives a wrapped component access to callback function
+ * which retrieves data from Kameleoon Data API
+ */
+function withRetrieveDataFromRemoteSource(Component) {
+    return function WrappedComponent(props) {
+        var retrieveDataFromRemoteSource = (0, useRetrieveDataFromRemoteSource_1.useRetrieveDataFromRemoteSource)().retrieveDataFromRemoteSource;
+        return ((0, jsx_runtime_1.jsx)(Component, __assign({ retrieveDataFromRemoteSource: retrieveDataFromRemoteSource }, props), void 0));
+    };
+}
+exports.withRetrieveDataFromRemoteSource = withRetrieveDataFromRemoteSource;
+//# sourceMappingURL=withRetrieveDataFromRemoteSource.js.map

package/dist/withRetrieveDataFromRemoteSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withRetrieveDataFromRemoteSource.js","sourceRoot":"","sources":["../src/withRetrieveDataFromRemoteSource.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,qFAAoF;AASpF;;;GAGG;AACH,SAAgB,gCAAgC,CAG9C,SAAqC;IAIrC,OAAO,SAAS,gBAAgB,CAAC,KAAY;QACnC,IAAA,4BAA4B,GAAK,IAAA,iEAA+B,GAAE,6BAAtC,CAAuC;QAE3E,OAAO,CACL,uBAAC,SAAS,aACR,4BAA4B,EAAE,4BAA4B,IACrD,KAAe,UACpB,CACH,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAjBD,4EAiBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kameleoon/react-sdk",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Kameleoon React SDK",
   "files": [
     "dist"
@@ -12,6 +12,7 @@
     "build": "npm run clear && tsc",
     "deploy": "npm publish --tag latest --access public",
     "release": "../../scripts/release.sh react-sdk",
+    "update-documentation": "../../scripts/update_documentation.sh react",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
@@ -34,7 +35,7 @@
   },
   "dependencies": {
     "@types/validator": "^13.6.3",
-    "kameleoon-client-javascript": "^1.0.6",
+    "kameleoon-client-javascript": "^1.0.7",
     "validator": "^13.6.0"
   },
   "devDependencies": {