Merge pull request #4688 from ruhani2/feat/add-ability-to-toggle-sett…

…ings-in-iframe feat: added feature to toggle visibility of settings in iframe
novuhq · Oct 29, 2023 · 8be7ba4 · 8be7ba4 · github-actions · Oct 29, 2023
2 parents ca1176b + 242fabb
commit 8be7ba4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/apps/widget/src/components/notification-center/NotificationCenterWidget.tsx b/apps/widget/src/components/notification-center/NotificationCenterWidget.tsx
@@ -39,6 +39,7 @@ export function NotificationCenterWidget(props: INotificationCenterWidgetProps)
   const [colorScheme, setColorScheme] = useState<ColorScheme>('light');
   const [doLogout, setDoLogout] = useState(false);
   const [preferenceFilter, setPreferenceFilter] = useState<(userPreference: IUserPreferenceSettings) => boolean>();
+  const [showUserPreferences, setShowUserPreferences] = useState<boolean>(true);
 
   useEffect(() => {
     if (fontFamily !== DEFAULT_FONT_FAMILY) {
@@ -94,6 +95,10 @@ export function NotificationCenterWidget(props: INotificationCenterWidgetProps)
           setPreferenceFilter(() => data.value.preferenceFilter);
         }
 
+        if (data.value.showUserPreferences) {
+          setShowUserPreferences(data.value.showUserPreferences);
+        }
+
         setFrameInitialized(true);
       }
 
@@ -145,6 +150,7 @@ export function NotificationCenterWidget(props: INotificationCenterWidgetProps)
               preferenceFilter={preferenceFilter}
               theme={theme}
               tabs={tabs}
+              showUserPreferences={showUserPreferences}
             />
           </NovuNotificationCenterWrapper>
         </NovuProvider>

diff --git a/libs/embed/src/embed.ts b/libs/embed/src/embed.ts
@@ -48,6 +48,8 @@ class Novu {
 
   private listeners: { [key: string]: (data: any) => void } = {};
 
+  private showUserPreferences?: boolean;
+
   constructor(onloadFunc = function () {}) {
     this.debugMode = false;
     this.onloadFunc = onloadFunc;
@@ -79,6 +81,7 @@ class Novu {
       this.tabs = selectorOrOptions.tabs;
       this.stores = selectorOrOptions.stores;
       this.colorScheme = selectorOrOptions.colorScheme;
+      this.showUserPreferences = selectorOrOptions.showUserPreferences;
     }
 
     this.clientId = clientId;
@@ -248,6 +251,7 @@ class Novu {
                 tabs: this.tabs,
                 stores: this.stores,
                 colorScheme: this.colorScheme,
+                showUserPreferences: this.showUserPreferences,
               },
             },
             '*'
@@ -425,4 +429,5 @@ interface IOptions {
   tabs: ITab[];
   stores: IStore[];
   colorScheme?: ColorScheme;
+  showUserPreferences?: boolean;
 }