@flagship.io/react-sdk 3.0.1 → 3.0.2-alpha.0

package/dist/tests/mock/index.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { FlagshipSdkConfig } from '@flagship.io/js-sdk';
+import { FsState } from '../../FlagshipContext';
+export declare const apiAnswers: {
+    oneModifInMoreThanOneCampaign: import("@flagship.io/js-sdk").DecisionApiResponseData;
+};
+export declare const defaultConfig: FlagshipSdkConfig;
+export declare const DefaultLoadingComponent: React.SFC;
+export declare const defaultContext: {
+    hasError: boolean;
+    state: FsState;
+};
+export declare const anonymousIdForTest = "anonymousTest";
+export declare const providerProps: {
+    visitorData: {
+        id: string;
+        context: {
+            isAuth: boolean;
+            isVip: boolean;
+        };
+    };
+    config: {
+        fetchNow: boolean;
+        enableConsoleLogs: boolean;
+        enableSafeMode: boolean;
+        enableErrorLayout: boolean;
+        nodeEnv: string;
+        apiKey: string;
+    };
+    envId: string;
+};
+export declare const fetchedModifications: ({
+    id: string;
+    slug: null;
+    type: string;
+    variation: {
+        id: string;
+        modifications: {
+            type: string;
+            value: {
+                array: number[];
+                complex: {
+                    carray: {
+                        cobject: number;
+                    }[];
+                };
+                object: {
+                    value: number;
+                };
+                discount?: undefined;
+            };
+        };
+        reference: boolean;
+    };
+    variationGroupId: string;
+} | {
+    id: string;
+    slug: null;
+    type: string;
+    variation: {
+        id: string;
+        modifications: {
+            type: string;
+            value: {
+                discount: string;
+                array?: undefined;
+                complex?: undefined;
+                object?: undefined;
+            };
+        };
+        reference: boolean;
+    };
+    variationGroupId: string;
+})[];

package/dist/tests/mock/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchedModifications = exports.providerProps = exports.anonymousIdForTest = exports.defaultContext = exports.DefaultLoadingComponent = exports.defaultConfig = exports.apiAnswers = void 0;
+var react_1 = __importDefault(require("react"));
+var oneModifInMoreThanOneCampaign_1 = __importDefault(require("./apiAnswers/oneModifInMoreThanOneCampaign"));
+var env_1 = require("./env");
+exports.apiAnswers = {
+    oneModifInMoreThanOneCampaign: oneModifInMoreThanOneCampaign_1.default
+};
+exports.defaultConfig = {};
+exports.DefaultLoadingComponent = function () { return react_1.default.createElement("div", null, "Loading Flagship React SDK"); };
+exports.defaultContext = {
+    hasError: false,
+    state: {
+        fsSdk: null,
+        fsVisitor: null,
+        log: null,
+        fsModifications: null,
+        status: {
+            isSdkReady: false,
+            isLoading: true,
+            isVisitorDefined: false,
+            lastRefresh: null,
+            firstInitSuccess: null,
+            hasError: false
+        },
+        private: {
+            previousFetchedModifications: undefined
+        }
+    }
+};
+exports.anonymousIdForTest = 'anonymousTest';
+exports.providerProps = {
+    visitorData: {
+        id: env_1.vId,
+        context: { isAuth: true, isVip: false }
+    },
+    config: {
+        fetchNow: true,
+        enableConsoleLogs: true,
+        enableSafeMode: true,
+        enableErrorLayout: true,
+        nodeEnv: 'production',
+        apiKey: 'M2FYdfXsJ12tjJQuadw7y9DZojqNGBvecpjGXY93'
+    },
+    envId: 'bn1ab7m56qolupi5sa0g'
+};
+exports.fetchedModifications = [
+    {
+        id: 'bsq046crms2g1jsvtb20',
+        slug: null,
+        type: 'ab',
+        variation: {
+            id: 'bsq046crms2g1jsvtb40',
+            modifications: {
+                type: 'JSON',
+                value: {
+                    array: [1, 2, 3],
+                    complex: {
+                        carray: [
+                            {
+                                cobject: 0
+                            }
+                        ]
+                    },
+                    object: {
+                        value: 123456
+                    }
+                }
+            },
+            reference: false
+        },
+        variationGroupId: 'bsq046crms2g1jsvtb30'
+    },
+    {
+        id: 'bqjfstuirtfg01mctmn0',
+        slug: null,
+        type: 'perso',
+        variation: {
+            id: 'bqjfstuirtfg01mctmp0',
+            modifications: { type: 'JSON', value: { discount: '10%' } },
+            reference: false
+        },
+        variationGroupId: 'bqjfstuirtfg01mctmo0'
+    }
+];
+//# sourceMappingURL=index.js.map

package/dist/tests/mock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tests/mock/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwD;AAIxD,6GAAuF;AACvF,6BAA4B;AAEf,QAAA,UAAU,GAAG;IAEtB,6BAA6B,yCAAA;CAChC,CAAC;AAEW,QAAA,aAAa,GAAsB,EAE/C,CAAC;AAEW,QAAA,uBAAuB,GAAc,cAAM,OAAA,wEAAqC,EAArC,CAAqC,CAAC;AAEjF,QAAA,cAAc,GAGvB;IACA,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE;QACH,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,GAAG,EAAE,IAAI;QACT,eAAe,EAAE,IAAI;QACrB,MAAM,EAAE;YACJ,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,IAAI;YACf,gBAAgB,EAAE,KAAK;YACvB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,IAAI;YACtB,QAAQ,EAAE,KAAK;SAClB;QACD,OAAO,EAAE;YACL,4BAA4B,EAAE,SAAS;SAC1C;KACJ;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,eAAe,CAAC;AAErC,QAAA,aAAa,GAAG;IACzB,WAAW,EAAE;QACT,EAAE,EAAE,SAAG;QACP,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;KAC1C;IACD,MAAM,EAAE;QACJ,QAAQ,EAAE,IAAI;QACd,iBAAiB,EAAE,IAAI;QACvB,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,IAAI;QACvB,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,0CAA0C;KACrD;IACD,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEW,QAAA,oBAAoB,GAAG;IAChC;QACI,EAAE,EAAE,sBAAsB;QAC1B,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE;YACP,EAAE,EAAE,sBAAsB;YAC1B,aAAa,EAAE;gBACX,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE;oBACH,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAChB,OAAO,EAAE;wBACL,MAAM,EAAE;4BACJ;gCACI,OAAO,EAAE,CAAC;6BACb;yBACJ;qBACJ;oBACD,MAAM,EAAE;wBACJ,KAAK,EAAE,MAAM;qBAChB;iBACJ;aACJ;YACD,SAAS,EAAE,KAAK;SACnB;QACD,gBAAgB,EAAE,sBAAsB;KAC3C;IACD;QACI,EAAE,EAAE,sBAAsB;QAC1B,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,OAAO;QACb,SAAS,EAAE;YACP,EAAE,EAAE,sBAAsB;YAC1B,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC3D,SAAS,EAAE,KAAK;SACnB;QACD,gBAAgB,EAAE,sBAAsB;KAC3C;CACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flagship.io/react-sdk",
-  "version": "3.0.1",
+  "version": "3.0.2-alpha.0",
   "description": "Flagship REACT SDK",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -11,7 +11,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@flagship.io/js-sdk": "^3.0.3",
+    "@flagship.io/js-sdk": "^3.0.5-alpha.0",
     "encoding": "^0.1.13"
   },
   "peerDependencies": {
@@ -97,4 +97,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

package/dist/es/Flag.js

@@ -1,36 +0,0 @@
-import { FlagMetadata, LogLevel } from '@flagship.io/js-sdk';
-import { noVisitorMessage } from './constants';
-import { log } from './utils';
-export class Flag {
-  constructor(defaultValue) {
-    log(LogLevel.WARNING, noVisitorMessage, 'GetFlag');
-    this._defaultValue = defaultValue;
-  }
-
-  getValue() {
-    log(LogLevel.WARNING, noVisitorMessage, 'getValue');
-    return this._defaultValue;
-  }
-
-  exists() {
-    log(LogLevel.WARNING, noVisitorMessage, 'exists');
-    return false;
-  }
-
-  userExposed() {
-    log(LogLevel.WARNING, noVisitorMessage, 'userExposed');
-    return Promise.resolve();
-  }
-
-  get metadata() {
-    log(LogLevel.WARNING, noVisitorMessage, 'metadata');
-    return new FlagMetadata({
-      campaignId: '',
-      campaignType: '',
-      isReference: false,
-      variationGroupId: '',
-      variationId: ''
-    });
-  }
-
-}

package/dist/es/FlagshipContext.js

@@ -1,229 +0,0 @@
-// eslint-disable-next-line no-use-before-define
-import React, { useState, useEffect, createContext, useRef } from "react";
-import { Flagship, FlagshipStatus } from "@flagship.io/js-sdk";
-import { getModificationsFromCampaigns, logError, useNonInitialEffect } from "./utils";
-const initStat = {
-  status: {
-    isLoading: true,
-    isSdkReady: false
-  }
-};
-export const FlagshipContext = /*#__PURE__*/createContext({
-  state: { ...initStat
-  }
-});
-export const FlagshipProvider = ({
-  children,
-  fetchNow,
-  envId,
-  apiKey,
-  decisionMode,
-  decisionApiUrl,
-  timeout,
-  logLevel,
-  statusChangedCallback,
-  logManager,
-  pollingInterval,
-  visitorData,
-  onInitStart,
-  onInitDone,
-  onBucketingSuccess,
-  onBucketingFail,
-  loadingComponent,
-  onBucketingUpdated,
-  onUpdate,
-  enableClientCache,
-  initialBucketing,
-  initialCampaigns,
-  initialModifications,
-  initialFlagsData,
-  synchronizeOnBucketingUpdated,
-  activateDeduplicationTime,
-  hitDeduplicationTime,
-  visitorCacheImplementation,
-  hitCacheImplementation,
-  disableCache
-}) => {
-  let modifications = new Map();
-
-  if (initialFlagsData && initialFlagsData.forEach) {
-    initialFlagsData.forEach(flag => {
-      modifications.set(flag.key, flag);
-    });
-  } else if (initialModifications && initialModifications.forEach) {
-    initialModifications.forEach(modification => {
-      modifications.set(modification.key, modification);
-    });
-  } else if (initialCampaigns) {
-    modifications = getModificationsFromCampaigns(initialCampaigns);
-  }
-
-  const [state, setState] = useState({ ...initStat,
-    modifications
-  });
-  const [lastModified, setLastModified] = useState();
-  const stateRef = useRef();
-  stateRef.current = state;
-  useNonInitialEffect(() => {
-    if (synchronizeOnBucketingUpdated) {
-      var _state$visitor;
-
-      (_state$visitor = state.visitor) === null || _state$visitor === void 0 ? void 0 : _state$visitor.fetchFlags();
-    }
-  }, [lastModified]);
-  useNonInitialEffect(() => {
-    createVisitor(true);
-  }, [JSON.stringify(visitorData)]);
-  useEffect(() => {
-    initSdk();
-  }, [envId, apiKey, decisionMode]);
-
-  function initializeState(param) {
-    const newStatus = {
-      isSdkReady: param.isSdkReady,
-      isLoading: param.isLoading,
-      isVisitorDefined: !!param.fsVisitor,
-      lastRefresh: new Date().toISOString()
-    };
-    setState(currentState => {
-      if (!currentState.status.firstInitSuccess) {
-        newStatus.firstInitSuccess = new Date().toISOString();
-      }
-
-      return { ...currentState,
-        visitor: param.fsVisitor,
-        modifications: param.fsVisitor.modifications,
-        config: Flagship.getConfig(),
-        status: { ...currentState.status,
-          ...newStatus
-        }
-      };
-    });
-    return newStatus;
-  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-  const onVisitorReady = (fsVisitor, error) => {
-    if (error) {
-      logError(Flagship.getConfig(), error.message || error, "onReady");
-      return;
-    }
-
-    const newStatus = initializeState({
-      fsVisitor,
-      isSdkReady: true,
-      isLoading: false
-    });
-
-    if (onUpdate) {
-      onUpdate({
-        fsModifications: fsVisitor.modifications,
-        config: Flagship.getConfig(),
-        status: newStatus
-      });
-    }
-  };
-
-  const createVisitor = (fetchFlags = false) => {
-    if (!visitorData) {
-      return;
-    }
-
-    const fsVisitor = Flagship.newVisitor({
-      visitorId: visitorData.id,
-      context: visitorData.context,
-      isAuthenticated: visitorData.isAuthenticated,
-      hasConsented: visitorData.hasConsented,
-      initialCampaigns,
-      initialModifications,
-      initialFlagsData
-    });
-    fsVisitor === null || fsVisitor === void 0 ? void 0 : fsVisitor.on("ready", error => {
-      onVisitorReady(fsVisitor, error);
-    });
-
-    if (!fetchNow && fsVisitor && !fetchFlags) {
-      initializeState({
-        fsVisitor,
-        isSdkReady: true,
-        isLoading: false
-      });
-    }
-
-    if (fetchFlags && !fetchNow) {
-      fsVisitor === null || fsVisitor === void 0 ? void 0 : fsVisitor.fetchFlags();
-    }
-  };
-
-  const statusChanged = status => {
-    if (statusChangedCallback) {
-      statusChangedCallback(status);
-    }
-
-    if (status === FlagshipStatus.STARTING && onInitStart) {
-      onInitStart();
-      return;
-    }
-
-    if (status === FlagshipStatus.READY_PANIC_ON || status === FlagshipStatus.READY) {
-      if (onInitDone) {
-        onInitDone();
-      }
-
-      createVisitor();
-    }
-  };
-
-  const onBucketingLastModified = lastUpdate => {
-    if (onBucketingUpdated) {
-      onBucketingUpdated(lastUpdate);
-    }
-
-    setLastModified(lastUpdate);
-  };
-
-  const initSdk = () => {
-    Flagship.start(envId, apiKey, {
-      decisionMode,
-      fetchNow,
-      timeout,
-      logLevel,
-      statusChangedCallback: statusChanged,
-      logManager,
-      pollingInterval,
-      onBucketingFail,
-      onBucketingSuccess,
-      enableClientCache,
-      decisionApiUrl,
-      onBucketingUpdated: onBucketingLastModified,
-      initialBucketing,
-      activateDeduplicationTime,
-      hitDeduplicationTime,
-      visitorCacheImplementation,
-      hitCacheImplementation,
-      disableCache,
-      language: 1
-    });
-  };
-
-  const handleDisplay = () => {
-    const isFirstInit = !state.visitor;
-
-    if (state.status.isLoading && loadingComponent && isFirstInit && fetchNow) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, loadingComponent);
-    }
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  };
-
-  return /*#__PURE__*/React.createElement(FlagshipContext.Provider, {
-    value: {
-      state,
-      setState
-    }
-  }, handleDisplay());
-};
-FlagshipProvider.defaultProps = {
-  activateDeduplicationTime: 10,
-  hitDeduplicationTime: 10
-};