From f2e109b388b2c695e541fbec9ce7279841e09225 Mon Sep 17 00:00:00 2001
From: Sahand Seifi <sahand.seifi@gmail.com>
Date: Fri, 31 Oct 2025 10:36:23 -0400
Subject: [PATCH 1/2] Add destinationType parameter to SlackConnect component
 and update core SDK to 1.1.0

---
 lib/components/Slack/SlackConnect.tsx | 81 ++++++++++++++++++++++++---
 package.json                          |  2 +-
 src/LiveComponents.tsx                |  6 +-
 3 files changed, 78 insertions(+), 11 deletions(-)

diff --git a/lib/components/Slack/SlackConnect.tsx b/lib/components/Slack/SlackConnect.tsx
index 1f6eeea..5a5126a 100644
--- a/lib/components/Slack/SlackConnect.tsx
+++ b/lib/components/Slack/SlackConnect.tsx
@@ -29,6 +29,12 @@ interface SlackConnectProps {
   cancelButtonText?: string;
   connectedText?: string;
   selectChannelText?: string;
+  /**
+   * Controls what type of Slack destination the user can select:
+   * - 'me': Only allows sending to the authenticated user's own DM (no channel picker or edit option)
+   * - 'any': Allows selecting any channel or user (default behavior)
+   */
+  destinationType?: 'me' | 'any';
 }
 
 export function SlackConnect({
@@ -39,7 +45,8 @@ export function SlackConnect({
   saveButtonText = 'Save',
   cancelButtonText = 'Cancel',
   connectedText = 'Slack notifications will be sent to:',
-  selectChannelText = 'Choose a channel or user to receive notifications:'
+  selectChannelText = 'Choose a channel or user to receive notifications:',
+  destinationType = 'any'
 }: SlackConnectProps = {}) {
   const context = useContext(NotificationAPIContext);
   const client = context?.getClient();
@@ -123,9 +130,50 @@ export function SlackConnect({
 
   useEffect(() => {
     if (slackToken && !slackChannel && !isEditing) {
-      loadChannels();
+      if (destinationType === 'me') {
+        // Auto-set DM for 'me' mode
+        const autoSetDirectMessage = async () => {
+          try {
+            setLoading(true);
+            setError(null);
+
+            // Get the current Slack user's info
+            const response = await client?.slack.getChannels();
+
+            // Use the authenticated user from the response
+            const currentUser = response?.me;
+
+            if (currentUser && currentUser.name && client) {
+              // Set the channel to the current user's DM
+              const formattedChannel = `@${currentUser.name}`;
+              await client.slack.setChannel(formattedChannel);
+              setSlackChannel(formattedChannel);
+            } else {
+              setError(
+                'Unable to automatically set direct message. Please try again.'
+              );
+            }
+          } catch (err) {
+            console.error('Error setting direct message:', err);
+            setError('Failed to set direct message. Please try again.');
+          } finally {
+            setLoading(false);
+          }
+        };
+        autoSetDirectMessage();
+      } else {
+        // Load channels for 'any' mode
+        loadChannels();
+      }
     }
-  }, [slackToken, slackChannel, isEditing, loadChannels]);
+  }, [
+    slackToken,
+    slackChannel,
+    isEditing,
+    loadChannels,
+    destinationType,
+    client
+  ]);
 
   const handleConnectSlack = async () => {
     if (!client) return;
@@ -278,8 +326,25 @@ export function SlackConnect({
     );
   }
 
+  // For 'me' mode, show loading while auto-setting DM
+  if (destinationType === 'me' && slackToken && !slackChannel) {
+    return (
+      <Box>
+        {error && (
+          <Alert severity="error" sx={{ mb: 2 }}>
+            {error}
+          </Alert>
+        )}
+        <Box display="flex" justifyContent="center" alignItems="center" p={3}>
+          <CircularProgress />
+        </Box>
+      </Box>
+    );
+  }
+
   // Has token but no channel (or editing)
-  if (!slackChannel || isEditing) {
+  // Don't show channel picker for 'me' mode - it auto-sets
+  if ((!slackChannel || isEditing) && destinationType === 'any') {
     return (
       <Box>
         {error && (
@@ -361,9 +426,11 @@ export function SlackConnect({
       <Typography variant="body1" fontWeight="medium">
         {slackChannel}
       </Typography>
-      <Button variant="outlined" onClick={handleEdit} disabled={loading}>
-        {editButtonText}
-      </Button>
+      {destinationType === 'any' && (
+        <Button variant="outlined" onClick={handleEdit} disabled={loading}>
+          {editButtonText}
+        </Button>
+      )}
       <Button
         variant="text"
         color="error"
diff --git a/package.json b/package.json
index 316b18e..52b0a6b 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
     "@fontsource/roboto": "^5.1.1",
     "@mui/icons-material": "^6.3.1",
     "@mui/material": "^6.3.1",
-    "@notificationapi/core": "^1.0.2",
+    "@notificationapi/core": "^1.1.0",
     "javascript-time-ago": "^2.5.10",
     "liquidjs": "^10.14.0",
     "rc-virtual-list": "^3.11.5",
diff --git a/src/LiveComponents.tsx b/src/LiveComponents.tsx
index 51793cd..df74469 100644
--- a/src/LiveComponents.tsx
+++ b/src/LiveComponents.tsx
@@ -144,6 +144,9 @@ const LiveComponents: React.FC<LiveComponentsProps> = ({
             playSoundOnNewNotification={true}
             debug={debugMode}
           >
+            <h2>Slack Connect:</h2>
+            <SlackConnect />
+
             <h2>Popup:</h2>
             <NotificationPopup />
 
@@ -202,9 +205,6 @@ const LiveComponents: React.FC<LiveComponentsProps> = ({
             <NotificationPreferencesInline />
 
             <Divider sx={{ marginTop: 3 }} />
-
-            <h2>Slack Connect:</h2>
-            <SlackConnect />
           </NotificationAPIProvider>
         </ErrorBoundary>
       </div>

From cc0ba6e7001c8436da0b880629f0a2c784574024 Mon Sep 17 00:00:00 2001
From: Sahand Seifi <sahand.seifi@gmail.com>
Date: Fri, 31 Oct 2025 10:40:45 -0400
Subject: [PATCH 2/2] 1.6.0

---
 package-lock.json | 12 ++++++------
 package.json      |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ba5b1c7..c9a9a26 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,19 +1,19 @@
 {
   "name": "@notificationapi/react",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@notificationapi/react",
-      "version": "1.5.1",
+      "version": "1.6.0",
       "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
         "@fontsource/roboto": "^5.1.1",
         "@mui/icons-material": "^6.3.1",
         "@mui/material": "^6.3.1",
-        "@notificationapi/core": "^1.0.2",
+        "@notificationapi/core": "^1.1.0",
         "javascript-time-ago": "^2.5.10",
         "liquidjs": "^10.14.0",
         "rc-virtual-list": "^3.11.5",
@@ -1735,9 +1735,9 @@
       }
     },
     "node_modules/@notificationapi/core": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@notificationapi/core/-/core-1.0.2.tgz",
-      "integrity": "sha512-GvsY+uKRfvTUkAtjmSYQVSz/v9TSvZUHpo22Kfbaso4VZqzyp1WQIIHCrG1Vi9do7F6kEuaoeAGB3kusVdY1uA=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@notificationapi/core/-/core-1.1.0.tgz",
+      "integrity": "sha512-Dr3b0XdonGx71Hk+B9Rcx7dPxMj2Ski378sBLRuEK67nC0ywhRmbiMtTUN5Qj4FkbcOw+quy1yDfzc5eFCniFA=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
diff --git a/package.json b/package.json
index 52b0a6b..bb354e3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.5.1",
+  "version": "1.6.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",