@ninetailed/experience.js-react 7.5.0 → 7.5.1

package/index.cjs

@@ -234,8 +234,10 @@ const selectValueFromProfile = (profile, id) => {
   }
   return radash.get(profile, matchingSelector);
 };
+
 const MergeTag = ({
-  id
+  id,
+  fallback
 }) => {
   const {
     loading,
@@ -244,11 +246,10 @@ const MergeTag = ({
   if (loading || !profile) {
     return null;
   }
-  const value = selectValueFromProfile(profile, id);
-  // DON'T CHANGE
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+  const value = selectValueFromProfile(profile, id) || fallback;
+  return value ? jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: value
-  });
+  }) : null;
 };
 
 const useExperienceSelectionMiddleware = ({

package/index.js

@@ -226,8 +226,10 @@ const selectValueFromProfile = (profile, id) => {
   }
   return get(profile, matchingSelector);
 };
+
 const MergeTag = ({
-  id
+  id,
+  fallback
 }) => {
   const {
     loading,
@@ -236,11 +238,10 @@ const MergeTag = ({
   if (loading || !profile) {
     return null;
   }
-  const value = selectValueFromProfile(profile, id);
-  // DON'T CHANGE
-  return jsx(Fragment, {
+  const value = selectValueFromProfile(profile, id) || fallback;
+  return value ? jsx(Fragment, {
     children: value
-  });
+  }) : null;
 };
 
 const useExperienceSelectionMiddleware = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.5.0",
+  "version": "7.5.1",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
@@ -10,8 +10,8 @@
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js": "7.5.0",
-    "@ninetailed/experience.js-shared": "7.5.0",
+    "@ninetailed/experience.js": "7.5.1",
+    "@ninetailed/experience.js-shared": "7.5.1",
     "radash": "10.9.0",
     "react-intersection-observer": "8.34.0",
     "react-is": "18.2.0"

package/src/lib/MergeTag/MergeTag.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+type MergeTagProps = {
+    id: string;
+    fallback?: string;
+};
+export declare const MergeTag: ({ id, fallback, }: PropsWithChildren<MergeTagProps>) => JSX.Element | null;
+export {};

package/src/lib/MergeTag/helpers.d.ts

@@ -0,0 +1,3 @@
+import { Profile } from '@ninetailed/experience.js-shared';
+export declare const generateSelectors: (id: string) => string[];
+export declare const selectValueFromProfile: (profile: Profile, id: string) => unknown;

package/src/lib/MergeTag/index.d.ts

@@ -0,0 +1 @@
+export * from './MergeTag';

package/src/lib/NinetailedProvider.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { Ninetailed, NinetailedPlugin, OnInitProfileId, Storage } from '@ninetailed/experience.js';
-import { Profile, Locale, OnErrorHandler, OnLogHandler, NinetailedRequestContext } from '@ninetailed/experience.js-shared';
+import { Locale, OnErrorHandler, OnLogHandler, NinetailedRequestContext } from '@ninetailed/experience.js-shared';
 export type NinetailedProviderInstantiationProps = {
     clientId: string;
     environment?: string;
     preview?: boolean;
     url?: string;
     plugins?: (NinetailedPlugin | NinetailedPlugin[])[];
-    profile?: Profile;
     locale?: Locale;
     requestTimeout?: number;
     onLog?: OnLogHandler;

package/src/lib/MergeTag.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { Profile } from '@ninetailed/experience.js';
-type MergeTagProps = {
-    id: string;
-};
-export declare const generateSelectors: (id: string) => string[];
-export declare const selectValueFromProfile: (profile: Profile, id: string) => unknown;
-export declare const MergeTag: React.FC<React.PropsWithChildren<MergeTagProps>>;
-export {};