@kameleoon/react-sdk 1.2.1 → 2.1.0

package/CHANGELOG.md

@@ -5,6 +5,31 @@ 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 
+
+### Breaking change
+
+* variableKeys became an object and no longer can be used as an array or a string 
+
+# 1.2.2 (2022-02-06)
+
+
+### Bug fixes
+
+* bundle source and internal changelog 
+
 # 1.2.1 (2022-02-06)
 
 

package/README.md

@@ -29,8 +29,11 @@ A `KameleoonClient` created using `createClient()` to run experiments and retriv
   - `siteCode: string` - code of the website on which experiments run. This unique code id can be found in our platform.
   - `visitorCode: string` (optional) - visitor code is an optional parameter, if it is used, it automatically create custom data to check if visitor is targeted.
   - `option: SDKConfiguration` (optional) - JSON object filled with configuration parameters.
-    - `actions_configuration_refresh_interval: number` (optional) - this specifies the refresh interval, in minutes, of the configuration for experiments and feature flags (the active experiments and feature flags are fetched from the Kameleoon servers). It means that once you launch an experiment, pause it, or stop it the changes can take (at most) the duration of this interval to be propagated in production to your servers. If not specified, the **default interval is 60 minutes**.
-    - `visitor_data_maximum_size: number` (optional) - this specifies the maximum amount of memory that [the map holding all the visitor data](https://developers.kameleoon.com/javascript-sdk.html#technical-considerations) (in particular custom data) can take (in MB on the browser LocalStorage). If specified, **max size is 5MB**. If not specified, the **default size is 1MB**.
+    - `actions_configuration_refresh_interval: number` (optional) - an option specifying the refresh interval, in minutes, of the configuration for experiments and feature flags (the active experiments and feature flags are fetched from the Kameleoon servers). It means that once you launch an experiment, pause it, or stop it the changes can take (at most) the duration of this interval to be propagated in production to your servers. If not specified, the **default interval is 60 minutes**.
+    - `visitor_data_maximum_size: number` (optional) - an option specifying the maximum amount of memory that [the map holding all the visitor data](https://developers.kameleoon.com/javascript-sdk.html#technical-considerations) (in particular custom data) can take (in MB on the browser LocalStorage). If specified, **max size is 5MB**. If not specified, the **default size is 1MB**.
+    - `environment: string` (optional) - an option specifying which feature flag configuration will be used, by default each feature flag is split into **production**, **staging**, **development**. If not specified, will be set to **default value** of **production**.
+
+    **NOTICE:** make sure not to use several client instances in one application with different `environment` as it is not fully supported yet and might lead to local storage configuration being overwritten and cause bugs.
 
 #### Returns
 - A `KameleoonClient` instance.
@@ -40,11 +43,12 @@ A `KameleoonClient` created using `createClient()` to run experiments and retriv
 import { createClient } from '@kameleoon/react-sdk';
 
 const client = createClient({
-  siteCode: '0fpmcg34lg',
+  siteCode: 'dfl102d38e',
   visitorCode: '280295',
   options: {
     visitor_data_maximum_size: 1,
-    actions_configuration_refresh_interval: 60
+    actions_configuration_refresh_interval: 60,
+    environment: 'staging'
   }
 });
 ```
@@ -61,11 +65,12 @@ Use this provider in root level by wrapping your app to gain an access to `Kamel
 import { KameleoonProvider, createClient } from '@kameleoon/react-sdk';
 
 const client = createClient({
-  siteCode: '0fpmcg34lg'
+  siteCode: 'dfl102d38e'
   visitorCode: '280295',
   options: {
     visitor_data_maximum_size: 1,
-    actions_configuration_refresh_interval: 60
+    actions_configuration_refresh_interval: 60,
+    environment: 'staging'
   }
 });
 
@@ -128,7 +133,7 @@ Returns the status of a feature flag and its variables.
 #### Arguments
 - `featureParams: IFeatureParams`
   - `featureKey: string | number` - unique identifier or key of the feature you want to expose to a user.
-  - `variableKey: string | string[]` - key of the variable.
+  - `variableKeys: VariableKeysType` - keys for the variables on different environments.
   - `visitorCode: string` (optional) - unique identifier of the user.
 
 #### Returns
@@ -148,7 +153,7 @@ function MyComponent(): JSX.Element {
   const { getVisitorCode } = useVisitorCode();
   const { isActive } = useFeature({
     featureKey: 'red-button',
-    variableKey: 'red-button',
+    variableKeys: { production: 'red-button' },
     visitorCode: getVisitorCode('example.com'),
   });
 
@@ -171,7 +176,7 @@ class MyComponent extends React.Component {
 
 export default withFeature({
   featureKey: 'red-button',
-  variableKey: 'red-button',
+  variableKeys: { production: 'red-button' },
   visitorCode: '280295'
 })(MyComponent);
 ```
@@ -180,7 +185,7 @@ export default withFeature({
 #### Props
 - `children: (featureResult: IFeature) => ReactNode` - child elements of `Feature`.
 - `featureKey: string | number` - unique identifier or key of the feature you want to expose to a user.
-- `variableKey: string` - key of the variable.
+- `variableKeys: VariableKeysType` - keys for the variables on different environments.
 - `visitorCode: string` - unique identifier of the user.
 
 #### Returns
@@ -203,7 +208,7 @@ class MyComponent extends React.Component {
 class MyCompWrapper extends React.Component { 
   render() {
     return(
-      <Feature featureKey="red-button" variableKey="red-button" visitorCode="280295">
+      <Feature featureKey="red-button" variableKeys={{production: "red-button"}} visitorCode="280295">
         (({isActive, variables}) => (
           <MyComponent isActive={isActive} variables={variables} />
         ))
@@ -430,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.
@@ -489,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/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const KAMELEOON_SDK_LOCAL_STORAGE_KEY = "kameleoonJavaScriptClientData";
+export declare const PRODUCTION = "production";
 export declare enum Browser {
     Chrome = "CHROME",
     Internet_Explorer = "INTERNET_EXPLORER",

package/dist/constants.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureResultField = exports.Browser = exports.KAMELEOON_SDK_LOCAL_STORAGE_KEY = void 0;
+exports.FeatureResultField = exports.Browser = exports.PRODUCTION = exports.KAMELEOON_SDK_LOCAL_STORAGE_KEY = void 0;
 exports.KAMELEOON_SDK_LOCAL_STORAGE_KEY = 'kameleoonJavaScriptClientData';
+exports.PRODUCTION = 'production';
 var Browser;
 (function (Browser) {
     Browser["Chrome"] = "CHROME";

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,+BAA+B,GAAG,+BAA+B,CAAC;AAE/E,IAAY,OAOX;AAPD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,kDAAuC,CAAA;IACvC,8BAAmB,CAAA;IACnB,4BAAiB,CAAA;IACjB,0BAAe,CAAA;IACf,0BAAe,CAAA;AACjB,CAAC,EAPW,OAAO,GAAP,eAAO,KAAP,eAAO,QAOlB;AAED,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,2CAAqB,CAAA;IACrB,6CAAuB,CAAA;AACzB,CAAC,EAHW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAG7B"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,+BAA+B,GAAG,+BAA+B,CAAC;AAClE,QAAA,UAAU,GAAG,YAAY,CAAC;AAEvC,IAAY,OAOX;AAPD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,kDAAuC,CAAA;IACvC,8BAAmB,CAAA;IACnB,4BAAiB,CAAA;IACjB,0BAAe,CAAA;IACf,0BAAe,CAAA;AACjB,CAAC,EAPW,OAAO,GAAP,eAAO,KAAP,eAAO,QAOlB;AAED,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,2CAAqB,CAAA;IACrB,6CAAuB,CAAA;AACzB,CAAC,EAHW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAG7B"}

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,8 +1,8 @@
 import React from 'react';
-import { AnyType, IFeature } from '../types';
 import { KameleoonClient } from 'kameleoon-client-javascript';
-import { IBrowser, IConversion, IInterest, IPageView, Browser } from '../';
 import { DataInterface } from 'kameleoon-client-javascript/dist/interfaces/interfaces';
+import { AnyType, IFeature, RemoteSourceDataType } from '../types';
+import { IBrowser, IConversion, IInterest, IPageView, Browser } from '..';
 export interface IFormProps {
     client?: KameleoonClient;
     feature: IFeature;
@@ -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 };
 };
@@ -19,41 +55,18 @@ 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 __1 = require("..");
 function Form(_a) {
-    var _b, _c, _d, _e;
-    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 _f = (0, react_1.useState)(''), visitorCode = _f[0], setVisitorCode = _f[1];
-    var _g = (0, react_1.useState)(false), featureFlag = _g[0], setFeatureFlag = _g[1];
-    var _h = (0, react_1.useState)([]), featureVariables = _h[0], setFeatureVariables = _h[1];
-    var _j = (0, react_1.useState)([]), customData = _j[0], setCustomData = _j[1];
-    var _k = (0, react_1.useState)(), variationId = _k[0], setVariationId = _k[1];
-    var _l = (0, react_1.useState)(), variationData = _l[0], setVariationData = _l[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 _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, 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];
+    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,51 @@ 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.FEATURE_VARIABLES.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.FEATURE_VARIABLES.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.FEATURE_VARIABLES.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.FEATURE_VARIABLES.JSON]) }, 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({ onClick: handleAddBrowser }, { children: "Add browser data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ onClick: handleAddPageView }, { children: "Add page view data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ onClick: handleAddInterest }, { children: "Add interest data" }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ 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

@@ -22,14 +22,19 @@ 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 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)({
-    featureKey: constants_1.FEATURE_KEY,
-    variableKey: [
-        constants_1.FEATURE_VARIABLES.STRING,
-        constants_1.FEATURE_VARIABLES.BOOLEAN,
-        constants_1.FEATURE_VARIABLES.NUMBER,
-        constants_1.FEATURE_VARIABLES.JSON,
+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.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,
 }));
 exports.default = withKameleoonHOCs(FormHOC);

package/dist/stories/FormHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHOC.js","sourceRoot":"","sources":["../../src/stories/FormHOC.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAiC;AACjC,yCAAsE;AACtE,kCAYkB;AAClB,gDAA0C;AAE1C,SAAS,OAAO,CAAC,KAAiB;IAChC,OAAO,uBAAC,cAAI,eAAK,KAAK,IAAE,aAAa,EAAE,KAAK,YAAI,CAAC;AACnD,CAAC;AAED,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,WAAW,EAAE;QACX,6BAAiB,CAAC,MAAM;QACxB,6BAAiB,CAAC,OAAO;QACzB,6BAAiB,CAAC,MAAM;QACxB,6BAAiB,CAAC,IAAI;KACvB;IACD,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"}