@ninetailed/experience.js-react 4.2.0-beta.7 → 4.2.0-beta.9

package/index.cjs

@@ -2380,39 +2380,47 @@ const ExperimentsProvider = ({
   }));
 };
 
-const NinetailedProvider = ({
-  children,
-  clientId,
-  experiments: _experiments = [],
-  maximumActiveExperiments,
-  environment,
-  preview,
-  url,
-  profile,
-  locale,
-  requestTimeout,
-  plugins: _plugins = [],
-  onLog,
-  onError
-}) => {
-  const ninetailed = React.useMemo(() => new experience_js.Ninetailed({
-    clientId,
-    environment,
-    preview
-  }, {
-    url,
-    plugins: _plugins,
-    profile,
-    locale,
-    requestTimeout,
-    onLog,
-    onError
-  }), []);
+const NinetailedProvider = props => {
+  const ninetailed = React.useMemo(() => {
+    if ('ninetailed' in props) {
+      return props.ninetailed;
+    }
+    const {
+      clientId,
+      environment,
+      preview,
+      url,
+      profile,
+      locale,
+      requestTimeout,
+      plugins = [],
+      onLog,
+      onError
+    } = props;
+    return new experience_js.Ninetailed({
+      clientId,
+      environment,
+      preview
+    }, {
+      url,
+      plugins,
+      profile,
+      locale,
+      requestTimeout,
+      onLog,
+      onError
+    });
+  }, []);
+  const {
+    experiments = [],
+    maximumActiveExperiments,
+    children
+  } = props;
   return jsxRuntime.jsx(NinetailedContext.Provider, Object.assign({
     value: ninetailed
   }, {
     children: jsxRuntime.jsx(ExperimentsProvider, Object.assign({
-      experiments: _experiments,
+      experiments: experiments,
       maximumActiveExperiments: maximumActiveExperiments
     }, {
       children: children

package/index.js

@@ -2372,39 +2372,47 @@ const ExperimentsProvider = ({
   }));
 };
 
-const NinetailedProvider = ({
-  children,
-  clientId,
-  experiments: _experiments = [],
-  maximumActiveExperiments,
-  environment,
-  preview,
-  url,
-  profile,
-  locale,
-  requestTimeout,
-  plugins: _plugins = [],
-  onLog,
-  onError
-}) => {
-  const ninetailed = useMemo(() => new Ninetailed({
-    clientId,
-    environment,
-    preview
-  }, {
-    url,
-    plugins: _plugins,
-    profile,
-    locale,
-    requestTimeout,
-    onLog,
-    onError
-  }), []);
+const NinetailedProvider = props => {
+  const ninetailed = useMemo(() => {
+    if ('ninetailed' in props) {
+      return props.ninetailed;
+    }
+    const {
+      clientId,
+      environment,
+      preview,
+      url,
+      profile,
+      locale,
+      requestTimeout,
+      plugins = [],
+      onLog,
+      onError
+    } = props;
+    return new Ninetailed({
+      clientId,
+      environment,
+      preview
+    }, {
+      url,
+      plugins,
+      profile,
+      locale,
+      requestTimeout,
+      onLog,
+      onError
+    });
+  }, []);
+  const {
+    experiments = [],
+    maximumActiveExperiments,
+    children
+  } = props;
   return jsx(NinetailedContext.Provider, Object.assign({
     value: ninetailed
   }, {
     children: jsx(ExperimentsProvider, Object.assign({
-      experiments: _experiments,
+      experiments: experiments,
       maximumActiveExperiments: maximumActiveExperiments
     }, {
       children: children

package/lib/NinetailedProvider.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
-import { NinetailedPlugin, ExperienceConfiguration } from '@ninetailed/experience.js';
+import { Ninetailed, NinetailedPlugin, ExperienceConfiguration } from '@ninetailed/experience.js';
 import { Profile, Locale, OnErrorHandler, OnLogHandler } from '@ninetailed/experience.js-shared';
-export type NinetailedProviderProps = {
-    clientId: string;
-    environment?: string;
+type ExperimentProviderProps = {
     experiments?: ExperienceConfiguration<any>[];
     maximumActiveExperiments?: number;
+};
+export type NinetailedProviderInstantiationProps = {
+    clientId: string;
+    environment?: string;
     preview?: boolean;
     url?: string;
     plugins?: (NinetailedPlugin | NinetailedPlugin[])[];
@@ -14,5 +16,9 @@ export type NinetailedProviderProps = {
     requestTimeout?: number;
     onLog?: OnLogHandler;
     onError?: OnErrorHandler;
-};
-export declare const NinetailedProvider: ({ children, clientId, experiments, maximumActiveExperiments, environment, preview, url, profile, locale, requestTimeout, plugins, onLog, onError, }: React.PropsWithChildren<NinetailedProviderProps>) => JSX.Element;
+} & ExperimentProviderProps;
+export type NinetailedProviderProps = NinetailedProviderInstantiationProps | ({
+    ninetailed: Ninetailed;
+} & ExperimentProviderProps);
+export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => JSX.Element;
+export {};

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export type { Profile, Variant } from '@ninetailed/experience.js-shared';
 export type { ExperienceConfiguration, ExperienceType, EXPERIENCE_TRAIT_PREFIX, } from '@ninetailed/experience.js';
 export { NinetailedProvider } from './NinetailedProvider';
-export type { NinetailedProviderProps } from './NinetailedProvider';
+export type { NinetailedProviderProps, NinetailedProviderInstantiationProps, } from './NinetailedProvider';
 export { useNinetailed } from './useNinetailed';
 export { useProfile } from './useProfile';
 export { usePersonalize } from './usePersonalize';

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "4.2.0-beta.7",
+  "version": "4.2.0-beta.9",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "dependencies": {
     "@analytics/google-analytics": "0.5.3",
     "react-visibility-sensor": "5.1.1",
-    "@ninetailed/experience.js": "4.2.0-beta.7",
+    "@ninetailed/experience.js": "4.2.0-beta.9",
     "react-intersection-observer": "8.34.0",
-    "@ninetailed/experience.js-shared": "4.2.0-beta.7",
+    "@ninetailed/experience.js-shared": "4.2.0-beta.9",
     "radash": "10.9.0",
     "analytics": "0.8.1"
   },