@hiver/connector-agent 4.16.1 → 4.17.0

package/features/slack/components/StartModal/dropdownOmni.d.ts

@@ -0,0 +1,121 @@
+export declare const isOmniDropdownHost: () => boolean;
+/** Resolved values from outlook-ui apps/v2 .../fields/{SelectNew,WrapNew}.vue. */
+export declare const OMNI_DROPDOWN: {
+    readonly triggerBorderColor: "#d6dde8";
+    readonly triggerBorderHover: "#94a3b8";
+    readonly triggerBorderFocus: "#276cf0";
+    readonly triggerRadius: 6;
+    readonly triggerMinHeight: 40;
+    readonly chevronSize: 20;
+    readonly panelRadius: 8;
+    readonly panelShadow: "0 6px 30px #00000010";
+    readonly panelMinWidth: 180;
+    readonly panelGap: "4px";
+    readonly optionMargin: "0 6px";
+    readonly optionPadding: "6px 10px";
+    readonly optionRadius: 6;
+    readonly optionColor: "#334155";
+    readonly optionActiveColor: "#3e4c5a";
+    readonly optionHighlightBg: "#f1f5f9";
+};
+/**
+ * Omni override block appended to a field trigger's Emotion template
+ * (SelectTrigger / InputShell). Empty string on non-omni hosts, so the
+ * base rules stand untouched. Appended last → wins by cascade order.
+ */
+export declare const omniTriggerOverrides: () => string;
+/**
+ * Paper sx for SelectField's MUI Menu — soft omni shadow + rounded panel,
+ * with a little top/bottom list padding so the first/last inset pill keeps a
+ * touch of breathing room from the panel edge.
+ */
+export declare const omniMenuPaperSx: () => {
+    borderRadius: string;
+    boxShadow: "0 6px 30px #00000010";
+    minWidth: 180;
+    border: string;
+    '& .MuiList-root': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+} | {
+    borderRadius?: undefined;
+    boxShadow?: undefined;
+    minWidth?: undefined;
+    border?: undefined;
+    '& .MuiList-root'?: undefined;
+};
+/**
+ * Per-item sx for SelectField's MUI MenuItem — inset rounded rows (horizontal
+ * inset + rounded corners), no vertical gap between rows, compact geometry
+ * (MUI forces a 48px min-height), and ONE shared colour for hover + selected.
+ */
+export declare const omniMenuItemSx: () => {
+    minHeight: string;
+    margin: "0 6px";
+    padding: "6px 10px";
+    borderRadius: string;
+    color: "#334155";
+    '&:hover': {
+        backgroundColor: "#f1f5f9";
+        color: "#3e4c5a";
+    };
+    '&.Mui-selected': {
+        backgroundColor: string;
+        color: "#3e4c5a";
+    };
+    '&.Mui-selected:hover': {
+        backgroundColor: string;
+        color: "#3e4c5a";
+    };
+} | {
+    minHeight?: undefined;
+    margin?: undefined;
+    padding?: undefined;
+    borderRadius?: undefined;
+    color?: undefined;
+    '&:hover'?: undefined;
+    '&.Mui-selected'?: undefined;
+    '&.Mui-selected:hover'?: undefined;
+};
+/**
+ * Popper sx for the channel/member Autocompletes — matches the omni panel
+ * chrome, a gap below the input, and inset rounded option rows that share one
+ * highlight colour for focus + selected.
+ */
+export declare const omniAutocompletePopperSx: () => {
+    '& .MuiAutocomplete-paper': {
+        borderRadius: string;
+        boxShadow: "0 6px 30px #00000010";
+        border: string;
+        marginTop: "4px";
+    };
+    '& .MuiAutocomplete-listbox': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    '& .MuiAutocomplete-option': {
+        minHeight: string;
+        margin: "0 6px";
+        padding: "6px 10px";
+        borderRadius: string;
+        color: "#334155";
+    };
+    '& .MuiAutocomplete-option.Mui-focused': {
+        backgroundColor: string;
+    };
+    '& .MuiAutocomplete-option[aria-selected="true"]': {
+        backgroundColor: string;
+    };
+    '& .MuiAutocomplete-option[aria-selected="true"].Mui-focused': {
+        backgroundColor: string;
+    };
+} | {
+    '& .MuiAutocomplete-paper'?: undefined;
+    '& .MuiAutocomplete-listbox'?: undefined;
+    '& .MuiAutocomplete-option'?: undefined;
+    '& .MuiAutocomplete-option.Mui-focused'?: undefined;
+    '& .MuiAutocomplete-option[aria-selected="true"]'?: undefined;
+    '& .MuiAutocomplete-option[aria-selected="true"].Mui-focused'?: undefined;
+};
+//# sourceMappingURL=dropdownOmni.d.ts.map

package/features/slack/components/StartModal/dropdownOmni.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownOmni.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/dropdownOmni.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,kBAAkB,QAAO,OAAuE,CAAC;AAE9G,kFAAkF;AAClF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAwBhB,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,QAAO,MAchC,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CASpB,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC7B,CAAC"}

package/features/slack/components/StartModal/index.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+interface StartModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** Called after a successful start, with the linked channel id so
+     *  the parent can transition to the linked-conv view. */
+    onStarted?: (channelId: string) => void;
+}
+/**
+ * UI-2 — shared shell for the "Start new" flow. Two tabs:
+ *
+ *   Slack thread   (UI-3, frame 683:665296) — pick an existing
+ *                  channel, post a thread starter.
+ *   Slack channel  (UI-4, frame 683:664668) — create a brand-new
+ *                  private channel + members + first message.
+ *
+ * Submit/cancel actions are shared. The tab bodies are dedicated
+ * components (SlackThreadTab / SlackChannelTab) that own their
+ * fields — this shell just orchestrates state + dispatch.
+ *
+ * The actual API call lands at:
+ *   POST /v1/connectors/slack/agent/start/existing-channel  (thread)
+ *   POST /v1/connectors/slack/agent/start/new-channel       (channel)
+ */
+export declare const StartModal: FC<StartModalProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/features/slack/components/StartModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AA+BlD,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;6DACyD;IACzD,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoM1C,CAAC"}

package/features/slack/components/StartModal/style.d.ts

@@ -0,0 +1,39 @@
+import { BoxProps, ButtonProps, IconButtonProps, StackProps } from '@hiver/hiver-ui-kit';
+import { StyledComponent } from '@emotion/styled';
+/**
+ * Start-modal primitives — matches Figma frame 683:665888 (applies to
+ * both the Slack thread + Slack channel tabs). <Modal> supplies the
+ * dialog frame; this file owns the visual chrome.
+ *
+ * Design note: rather than fight MUI's standard-variant input
+ * internals (the underline + adornment slots resist `sx` overrides),
+ * the fields are built from our own bordered container (InputShell /
+ * SelectTrigger / MessageTextarea) with a bare input inside. MUI's
+ * Autocomplete still drives the dropdown logic via renderInput; we
+ * just own the chrome. See SlackThreadTab / SlackChannelTab.
+ */
+export declare const ModalShell: StyledComponent<BoxProps>;
+export declare const ModalHeader: StyledComponent<StackProps>;
+export declare const HeaderTitle: StyledComponent<BoxProps>;
+export declare const CloseIconWrap: StyledComponent<IconButtonProps>;
+export declare const ModalContent: StyledComponent<BoxProps>;
+export declare const FieldStack: StyledComponent<BoxProps>;
+export declare const ModalFooter: StyledComponent<StackProps>;
+export declare const TabTrack: StyledComponent<BoxProps>;
+export declare const TabButton: StyledComponent<ButtonProps & {
+    active?: boolean;
+}>;
+export declare const FieldLabel: StyledComponent<BoxProps>;
+export declare const InputShell: StyledComponent<BoxProps>;
+export declare const BareInput: StyledComponent<React.InputHTMLAttributes<HTMLInputElement>>;
+export declare const SelectTrigger: StyledComponent<ButtonProps & {
+    placeholder?: boolean;
+}>;
+export declare const SelectValue: StyledComponent<BoxProps>;
+export declare const MemberChip: StyledComponent<BoxProps>;
+export declare const ChipRemove: StyledComponent<IconButtonProps>;
+export declare const MessageTextarea: StyledComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;
+export declare const FormError: StyledComponent<BoxProps>;
+export declare const CancelButton: StyledComponent<ButtonProps>;
+export declare const PrimaryButton: StyledComponent<ButtonProps>;
+//# sourceMappingURL=style.d.ts.map

package/features/slack/components/StartModal/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAMvD;;;;;;;;;;;GAWG;AAIH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAOhD,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,UAAU,CAOnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,QAAQ,CAMjD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,eAAe,CAY1D,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAKlD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAIhD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,UAAU,CAKnD,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAO9C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CA8BzE,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAOhD,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAgBhD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAelF,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CA6BlF,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,QAAQ,CAOjD,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAchD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,eAAe,CAUvD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CA6B9F,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAK/C,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CA0BrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,CAuBtD,CAAC"}

package/features/slack/components/figma-tokens.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Design tokens extracted from the Slack M1 Figma file (key
+ * l8xIG3MI2gKbvpSfykSR1y) on 2026-06-09 via figma MCP's
+ * get_variable_defs + get_design_context for the linked-conv
+ * panel (frames 683:666914 tab bar / 683:666932 chat content /
+ * 683:667011 composer).
+ *
+ * Why these live here and not @hiver/hiver-ui-kit: the design
+ * system in Figma uses a slate ramp + #276cf0 primary blue that
+ * doesn't fully map to hiver-ui-kit's theme.palette today (which
+ * leans on purple primary). Rather than mutate the shared theme,
+ * we ship Slack-scoped tokens that match Figma exactly. When
+ * @hiver/hiver-ui-kit catches up, this file goes away.
+ *
+ * Token names follow Figma's "Slate/Text/Body" → slateTextBody
+ * convention so the design-handoff trace is obvious.
+ */
+export declare const slackTokens: {
+    readonly color: {
+        readonly slateTextTitle: "#0f172a";
+        readonly slateTextBody: "#334155";
+        readonly slateTextSubtle: "#64758b";
+        readonly slateTextDisabled: "#94a3b8";
+        readonly slateTextCaption: "#cbd5e1";
+        readonly textLabel: "#0c3e9d";
+        readonly blueTextBody: "#0c3e9d";
+        readonly slateBorderLight: "#e2e8f0";
+        readonly slateBorderMild: "#edf1f6";
+        readonly slateSurfaceWhite: "#ffffff";
+        readonly slateSurfaceSubtle: "#f8fafc";
+        readonly slateSurfaceSubtle100: "#f1f5f9";
+        readonly slateSurface150: "#edf1f6";
+        readonly slateSurfaceDisabled: "#e2e8f0";
+        readonly slateSurfaceDark600: "#475569";
+        readonly errorTextSubtle: "#b81717";
+        readonly errorSurfaceDefault: "#b81717";
+        readonly errorSurfaceHover: "#9e1414";
+        readonly primarySurfaceDefault: "#276cf0";
+        readonly primaryBorderDefault: "#276cf0";
+        readonly primarySurfaceSubtle: "#e6effd";
+        readonly primaryBorderSubtle: "#d4e2fc";
+        readonly indigoSurfaceSubtle: "#f5f7ff";
+        readonly hotBorderMain: "#f3f4f6";
+        readonly violetSurfaceFaint: "#fcf0ff";
+        readonly slackAubergine: "#4a154b";
+        readonly slackAubergineHover: "#3a103b";
+    };
+    readonly space: {
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly xl: 12;
+        readonly xxl: 16;
+        readonly panel: 20;
+    };
+    readonly radius: {
+        readonly none: 0;
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly full: 9999;
+    };
+    readonly font: {
+        readonly family: "'Hanken Grotesk', system-ui, sans-serif";
+        readonly weightRegular: 400;
+        readonly weightMedium: 500;
+    };
+    readonly textStyles: {
+        readonly bodyXs: {
+            readonly fontSize: 13;
+            readonly lineHeight: "19px";
+            readonly fontWeight: 500;
+        };
+        readonly body: {
+            readonly fontSize: 14;
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly bodyMedium: {
+            readonly fontSize: 14;
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly lineHeight: "18px";
+            readonly fontWeight: 400;
+        };
+    };
+};
+export type SlackTokens = typeof slackTokens;
+//# sourceMappingURL=figma-tokens.d.ts.map

package/features/slack/components/figma-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma-tokens.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/figma-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}

package/features/slack/components/style.d.ts

@@ -0,0 +1,54 @@
+import { BoxProps, ButtonProps, IconButtonProps, StackProps } from '@hiver/hiver-ui-kit';
+import { StyledComponent } from '@emotion/styled';
+/**
+ * Tab content root for the Slack feature. outlook-ui owns the
+ * surrounding tab bar; we paint just the body.
+ */
+export declare const TabContentRoot: StyledComponent<BoxProps>;
+/**
+ * Ready-state container — Hiver↔Slack hero illustration + body +
+ * Start New CTA. Figma frame 683:664077 centers this in the
+ * available area.
+ */
+export declare const ReadyStateContainer: StyledComponent<StackProps>;
+export declare const HeroIllustrationWrapper: StyledComponent<BoxProps>;
+/**
+ * Ready-state containment — Figma frame 683:663263 (Conversation_Open).
+ * The tab content area is a subtle-gray backdrop with 8px padding; the
+ * hero + copy + CTA live inside a rounded white card. The card fills
+ * the available height and centers its content vertically, so the gray
+ * shows only as a thin 8px border around the full-height card.
+ */
+export declare const ReadyStateFrame: StyledComponent<BoxProps>;
+export declare const ReadyStateCard: StyledComponent<StackProps>;
+/**
+ * Primary CTA — matches Figma's blue (#276cf0) primary surface.
+ * 8/16 padding, radius 6, Inter Medium 14/20, white text. The
+ * 0 2 3 rgba(0,0,0,0.07) drop shadow matches the Send button per
+ * Figma 683:667027.
+ */
+export declare const PrimaryButton: StyledComponent<ButtonProps>;
+/**
+ * Connect-Slack CTA — Slack brand aubergine (#4a154b) with a leading
+ * hash glyph, per Figma 683:660098. Distinct from the blue
+ * PrimaryButton; content-sized (NOT full width), radius 6, 8/32 pad.
+ */
+export declare const ConnectSlackButton: StyledComponent<ButtonProps>;
+export declare const SecondaryButton: StyledComponent<ButtonProps>;
+/**
+ * Centered modal — Figma 683:660097 / 660098. Backdrop dims at
+ * rgba(0,0,0,0.4) approx; card is 399 wide × auto tall, radius
+ * 12px, white bg with a soft large drop shadow.
+ */
+export declare const ModalBackdrop: StyledComponent<BoxProps>;
+export declare const ModalCard: StyledComponent<BoxProps>;
+/**
+ * Logo panel inside the Connect modal — lavender wash with the
+ * Hiver / swap / Slack icon trio centered. Per Figma 683:660099
+ * the inner frame is 383×164 inside the 399×312 modal (i.e. a
+ * full-width band that takes the top half).
+ */
+export declare const ModalLogoPanel: StyledComponent<BoxProps>;
+export declare const ModalCloseButton: StyledComponent<IconButtonProps>;
+export declare const LogoImage: StyledComponent<React.ImgHTMLAttributes<HTMLImageElement>>;
+//# sourceMappingURL=style.d.ts.map

package/features/slack/components/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CAOpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,eAAe,CAAC,UAAU,CAO3D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,eAAe,CAAC,QAAQ,CAM7D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,QAAQ,CAQrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,UAAU,CAatD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,CAqBtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,WAAW,CAwB3D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,WAAW,CAexD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CASnD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAa/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CASpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,eAAe,CAiB7D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAIhF,CAAC"}

package/features/slack/constants/api.d.ts

@@ -0,0 +1,13 @@
+export declare const SLACK_BASE_URL = "/v1/connectors/slack";
+export declare const SLACK_AGENT_BASE = "/v1/connectors/slack/agent";
+export declare const SLACK_START_EXISTING_CHANNEL_API: string;
+export declare const SLACK_START_NEW_CHANNEL_API: string;
+export declare const SLACK_MESSAGES_API: string;
+export declare const SLACK_MESSAGE_BY_ID_API: string;
+export declare const SLACK_EXTERNAL_CONVERSATION_API: string;
+export declare const SLACK_THREAD_API: string;
+export declare const SLACK_EXTERNAL_CONVERSATIONS_BY_TARGET_API: string;
+export declare const SLACK_CHANNEL_MEMBERS_API: string;
+export declare const SLACK_CHANNELS_API: string;
+export declare const SLACK_WORKSPACE_USERS_API: string;
+//# sourceMappingURL=api.d.ts.map

package/features/slack/constants/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/constants/api.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,yBAAyB,CAAC;AACrD,eAAO,MAAM,gBAAgB,+BAA4B,CAAC;AAE1D,eAAO,MAAM,gCAAgC,EAAE,MAAqD,CAAC;AACrG,eAAO,MAAM,2BAA2B,EAAE,MAAgD,CAAC;AAE3F,eAAO,MAAM,kBAAkB,EAAE,MAAuC,CAAC;AAGzE,eAAO,MAAM,uBAAuB,EAAE,MAA0D,CAAC;AAEjG,eAAO,MAAM,+BAA+B,EAAE,MAAiE,CAAC;AAGhH,eAAO,MAAM,gBAAgB,EAAE,MAAmF,CAAC;AACnH,eAAO,MAAM,0CAA0C,EAAE,MAA+D,CAAC;AAEzH,eAAO,MAAM,yBAAyB,EAAE,MAA8C,CAAC;AAMvF,eAAO,MAAM,kBAAkB,EAAE,MAAuC,CAAC;AASzE,eAAO,MAAM,yBAAyB,EAAE,MAAoC,CAAC"}

package/features/slack/context.d.ts

@@ -0,0 +1,75 @@
+import { FC, ReactNode } from 'react';
+import { ITrackingData } from '../../context';
+/**
+ * Per-panel context the host (outlook-ui) injects when mounting
+ * the Slack right-panel. Mirrors EmailLoggerProvider's shape so the
+ * Vue→React bridge stays consistent across panels.
+ *
+ * `connectorId` resolves to the install row for this user-group's
+ * Slack connector. The host knows it from its connectors list; we
+ * could fetch + match here, but a prop is one round-trip cheaper and
+ * keeps the panel rendering immediately on mount.
+ */
+export interface SlackContextData {
+    hiverConvId: string;
+    connectorId: string;
+    /**
+     * Shared mailbox id this conversation belongs to. Required for the
+     * Phase 9 effective-config endpoint (`/configs/effective?sm_id=`),
+     * which gates whether Slack renders for the current agent + SM.
+     * Sourced by the host from the conversation's current SM (first
+     * non-personal inbox in outlook-ui's case).
+     */
+    smId: string;
+    isAdmin: boolean;
+    /**
+     * Gainsight tracking sink, injected by the host (outlook-ui passes
+     * its `sendEventData`). Unlike the rest of the agent app, the Slack
+     * tab mounts via its own provider stack — NOT MainAppProvider — so
+     * tracking is threaded through this context instead. Optional so dev
+     * mounts / tests that don't wire analytics fall through to a no-op
+     * at the call site (`sendTrackingEvent?.(...)`).
+     */
+    sendTrackingEvent?: (event: string, data?: ITrackingData) => void;
+    /**
+     * Host-injected emoji picker. The composer renders only the trigger button;
+     * when the agent clicks it we hand the host the button's DOM node plus a
+     * sink for the chosen emoji, and the host renders its own picker anchored
+     * there. This lets outlook-ui reuse its exact Vue emoji picker (pixel-
+     * identical to the rest of the app) without embedding Vue in this React
+     * library. When absent (dev mounts / hosts that don't inject one), the
+     * composer falls back to a small built-in emoji grid.
+     */
+    openEmojiPicker?: (args: {
+        anchorEl: HTMLElement;
+        onSelect: (emoji: string) => void;
+        onClose?: () => void;
+    }) => void;
+    /**
+     * Slack-notification deep-link: the `ts` of the message that triggered the
+     * notification. When set, the linked-conversation panel scrolls that message
+     * into view and paints it with the highlight wash (then fades). Sourced by
+     * the host from the notification's `message-ts` query param.
+     */
+    highlightMessageTs?: string;
+    /**
+     * Thread root ts of the triggering message, set when it's a reply. In channel
+     * mode the list only shows thread roots (replies are lazy-loaded), so we
+     * highlight the thread's top-level message — `highlightThreadTs` — instead of
+     * the reply. Absent for top-level messages (highlight falls back to
+     * `highlightMessageTs`).
+     */
+    highlightThreadTs?: string;
+    /**
+     * Called once the panel has consumed the highlight (scrolled + painted) so the
+     * host can strip the deep-link params from the URL — a tab re-mount or refresh
+     * then won't re-trigger the highlight.
+     */
+    onHighlightConsumed?: () => void;
+}
+export declare const SlackContextProvider: FC<{
+    value: SlackContextData;
+    children: ReactNode;
+}>;
+export declare const useSlackContext: () => SlackContextData;
+//# sourceMappingURL=context.d.ts.map

package/features/slack/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/features/slack/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAClE;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACrH;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAID,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAErF,CAAC;AAKF,eAAO,MAAM,eAAe,QAAO,gBAMlC,CAAC"}

package/features/slack/hooks/__tests__/useOlderMessages.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useOlderMessages.test.d.ts.map

package/features/slack/hooks/__tests__/useOlderMessages.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOlderMessages.test.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/hooks/__tests__/useOlderMessages.test.ts"],"names":[],"mappings":""}

package/features/slack/hooks/useLeftChannelGuard.d.ts

@@ -0,0 +1,5 @@
+export declare function useLeftChannelGuard(): {
+    hasLeftChannel: boolean;
+    guard: <T>(fn: () => Promise<T>) => Promise<T>;
+};
+//# sourceMappingURL=useLeftChannelGuard.d.ts.map

package/features/slack/hooks/useLeftChannelGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLeftChannelGuard.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useLeftChannelGuard.ts"],"names":[],"mappings":"AA2BA,wBAAgB,mBAAmB;;YAGA,CAAC,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,CAAC;EAiBtE"}

package/features/slack/hooks/useOlderMessages.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+import { SlackMessage, SlackOlderPage, SlackThreadGroup } from '../types/wire';
+/**
+ * Older-page pagination state for a scrollable list (messages in thread mode,
+ * thread-roots in channel mode).
+ *
+ * Reconciles the live, polled "page 0" window (owned by a useQuery upstream)
+ * with on-demand older history: page 0 stays cheap on the 5s poll, while
+ * older pages are fetched imperatively here and held in session-local state
+ * that is NEVER re-polled (frozen history). The render layer merges
+ * `olderItems` with the polled window, deduping by `getKey`.
+ *
+ * The first older fetch seeds its cursor from page 0's `nextCursor`
+ * (`seedCursor`); each subsequent fetch walks back via the previous page's
+ * cursor. Scroll position is preserved across prepends so the viewport
+ * stays anchored on the same row.
+ */
+interface UseOlderArgs {
+    /** Fetch one older page given the cursor (before_ts) and page-size hint. */
+    fetchPage: (beforeTs: string, pageSize?: number) => Promise<SlackOlderPage>;
+    /** Page-0 cursor (oldest ts of the live window) — seeds the first fetch. */
+    seedCursor?: string | null;
+    /** Page-0 page-size hint, forwarded to the server. */
+    seedPageSize?: number;
+    /** Scroll container; used to preserve scroll position across prepend. */
+    scrollRef: RefObject<HTMLElement | null>;
+    /** Clears accumulated older pages when it changes (e.g. conv/thread id). */
+    resetKey: string;
+    /** Fired once per SUCCESSFUL older-page fetch (not per scroll event). */
+    onLoaded?: () => void;
+}
+export interface UseOlderMessagesResult {
+    olderMessages: SlackMessage[];
+    loadOlder: () => void;
+    isLoadingOlder: boolean;
+    olderError: boolean;
+    canLoadOlder: boolean;
+}
+/** Thread mode: accumulate older messages (dedup by externalMessageId). */
+export declare function useOlderMessages(args: UseOlderArgs): UseOlderMessagesResult;
+export interface UseOlderThreadsResult {
+    olderThreads: SlackThreadGroup[];
+    loadOlder: () => void;
+    isLoadingOlder: boolean;
+    olderError: boolean;
+    canLoadOlder: boolean;
+}
+/** Channel mode: accumulate older thread-roots (dedup by rootTs). */
+export declare function useOlderThreads(args: UseOlderArgs): UseOlderThreadsResult;
+export {};
+//# sourceMappingURL=useOlderMessages.d.ts.map

package/features/slack/hooks/useOlderMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOlderMessages.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useOlderMessages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAElG;;;;;;;;;;;;;;GAcG;AACH,UAAU,YAAY;IACpB,4EAA4E;IAC5E,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC5E,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAwGD,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,sBAAsB,CAO3E;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,CAOzE"}

package/features/slack/hooks/useSlackTabLabel.d.ts

@@ -0,0 +1,23 @@
+interface SlackTabLabel {
+    label: string;
+    /** True once we have a confirmed link; lets the host render a
+     *  Slack icon next to the channel name (vs the generic "Slack"
+     *  fallback) and apply any active-link styling. */
+    isLinked: boolean;
+}
+/**
+ * Resolves the tab label outlook-ui renders in its conversation
+ * tab bar.
+ *
+ *  - Pre-link: "Slack" (host renders Slack icon + label)
+ *  - Linked:   channel name (e.g. "l2-escalations-zap") from
+ *              external_conversation; host still renders the Slack
+ *              icon so the user knows it's the Slack tab.
+ *
+ * Lives on the connectors-ui side because the linked-conv lookup
+ * already happens here for the tab content. Avoids the host
+ * duplicating that fetch just to compute a label.
+ */
+export declare function useSlackTabLabel(hiverConvId: string): SlackTabLabel;
+export {};
+//# sourceMappingURL=useSlackTabLabel.d.ts.map

package/features/slack/hooks/useSlackTabLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackTabLabel.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useSlackTabLabel.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;uDAEmD;IACnD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAiBnE"}

package/features/slack/messageType.d.ts

@@ -0,0 +1,16 @@
+import { SlackMessage } from './types/wire';
+/**
+ * Slack message-type policy lives on the UI side: the API sends the raw
+ * Slack `subtype` and the client decides what to do with it. Today that
+ * means hiding the reply affordance for system messages; a future
+ * milestone can branch rendering (e.g. a centered "X joined" notice)
+ * off the same field.
+ *
+ * These system subtypes are channel lifecycle events that Slack does NOT
+ * allow thread replies on — attempting to reply 500s on their side.
+ */
+export declare const NON_REPLYABLE_SUBTYPES: ReadonlySet<string>;
+/** Ordinary messages (no subtype) are replyable; system subtypes above
+ *  are not. Unknown subtypes default to replyable. */
+export declare const isReplyable: (message: Pick<SlackMessage, "subtype">) => boolean;
+//# sourceMappingURL=messageType.d.ts.map

package/features/slack/messageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageType.d.ts","sourceRoot":"","sources":["../../../src/features/slack/messageType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAerD,CAAC;AAEH;sDACsD;AACtD,eAAO,MAAM,WAAW,YAAa,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,KAAG,OACH,CAAC"}