@hiver/connector-agent 4.13.2 → 4.13.3-slack-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/app/connector-cards.d.ts.map +1 -1
- package/app/omni-slack/SlackConnectModalIsland.d.ts +22 -0
- package/app/omni-slack/SlackConnectModalIsland.d.ts.map +1 -0
- package/app/omni-slack/index.d.ts +14 -0
- package/app/omni-slack/index.d.ts.map +1 -0
- package/app/omni-slack/provider.d.ts +15 -0
- package/app/omni-slack/provider.d.ts.map +1 -0
- package/app/provider.d.ts.map +1 -1
- package/features/connector-cards/api/userAuth.d.ts +25 -0
- package/features/connector-cards/api/userAuth.d.ts.map +1 -0
- package/features/connector-cards/components/card-list/CardWithUserAuth.d.ts +33 -0
- package/features/connector-cards/components/card-list/CardWithUserAuth.d.ts.map +1 -0
- package/features/connector-cards/components/card-list/ListCards.d.ts.map +1 -1
- package/features/connector-cards/components/card-list/NoCardsUserAuthGate.d.ts +24 -0
- package/features/connector-cards/components/card-list/NoCardsUserAuthGate.d.ts.map +1 -0
- package/features/connector-cards/components/connection-in-progress-modal/index.d.ts +19 -0
- package/features/connector-cards/components/connection-in-progress-modal/index.d.ts.map +1 -0
- package/features/connector-cards/components/user-auth-card/__tests__/UserAuthCard.test.d.ts +2 -0
- package/features/connector-cards/components/user-auth-card/__tests__/UserAuthCard.test.d.ts.map +1 -0
- package/features/connector-cards/components/user-auth-card/index.d.ts +33 -0
- package/features/connector-cards/components/user-auth-card/index.d.ts.map +1 -0
- package/features/connector-cards/components/user-auth-card/style.d.ts +29 -0
- package/features/connector-cards/components/user-auth-card/style.d.ts.map +1 -0
- package/features/connector-cards/constants/api.d.ts +2 -0
- package/features/connector-cards/constants/api.d.ts.map +1 -1
- package/features/connector-cards/hooks/useUserAuthFlow.d.ts +42 -0
- package/features/connector-cards/hooks/useUserAuthFlow.d.ts.map +1 -0
- package/features/connector-cards/store/userAuth.d.ts +85 -0
- package/features/connector-cards/store/userAuth.d.ts.map +1 -0
- package/features/connector-cards/store/userAuth.test.d.ts +2 -0
- package/features/connector-cards/store/userAuth.test.d.ts.map +1 -0
- package/features/connector-cards/utils/registerUserAuthCallback.d.ts +13 -0
- package/features/connector-cards/utils/registerUserAuthCallback.d.ts.map +1 -0
- package/features/slack/api/channels.d.ts +11 -0
- package/features/slack/api/channels.d.ts.map +1 -0
- package/features/slack/api/conversations.d.ts +17 -0
- package/features/slack/api/conversations.d.ts.map +1 -0
- package/features/slack/api/effective-config.d.ts +21 -0
- package/features/slack/api/effective-config.d.ts.map +1 -0
- package/features/slack/api/index.d.ts +4 -0
- package/features/slack/api/index.d.ts.map +1 -0
- package/features/slack/api/linked-conv.d.ts +33 -0
- package/features/slack/api/linked-conv.d.ts.map +1 -0
- package/features/slack/api/members.d.ts +10 -0
- package/features/slack/api/members.d.ts.map +1 -0
- package/features/slack/api/messages.d.ts +10 -0
- package/features/slack/api/messages.d.ts.map +1 -0
- package/features/slack/api/normalise.d.ts +3 -0
- package/features/slack/api/normalise.d.ts.map +1 -0
- package/features/slack/avatar/SlackAvatar.d.ts +20 -0
- package/features/slack/avatar/SlackAvatar.d.ts.map +1 -0
- package/features/slack/avatar/cache.d.ts +10 -0
- package/features/slack/avatar/cache.d.ts.map +1 -0
- package/features/slack/avatar/index.d.ts +2 -0
- package/features/slack/avatar/index.d.ts.map +1 -0
- package/features/slack/components/HeroIllustration.d.ts +16 -0
- package/features/slack/components/HeroIllustration.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/ChannelThreadGroup.d.ts +25 -0
- package/features/slack/components/LinkedConversationPanel/ChannelThreadGroup.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/Composer.d.ts +41 -0
- package/features/slack/components/LinkedConversationPanel/Composer.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/LeftChannelBanner.d.ts +26 -0
- package/features/slack/components/LinkedConversationPanel/LeftChannelBanner.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/MentionPicker.d.ts +23 -0
- package/features/slack/components/LinkedConversationPanel/MentionPicker.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/MessageItem.d.ts +27 -0
- package/features/slack/components/LinkedConversationPanel/MessageItem.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/ReconnectSlackBanner.d.ts +15 -0
- package/features/slack/components/LinkedConversationPanel/ReconnectSlackBanner.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/ThreadDetailView.d.ts +19 -0
- package/features/slack/components/LinkedConversationPanel/ThreadDetailView.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/ThreadSkeleton.d.ts +3 -0
- package/features/slack/components/LinkedConversationPanel/ThreadSkeleton.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/index.d.ts +27 -0
- package/features/slack/components/LinkedConversationPanel/index.d.ts.map +1 -0
- package/features/slack/components/LinkedConversationPanel/style.d.ts +90 -0
- package/features/slack/components/LinkedConversationPanel/style.d.ts.map +1 -0
- package/features/slack/components/SlackConnectModal.d.ts +24 -0
- package/features/slack/components/SlackConnectModal.d.ts.map +1 -0
- package/features/slack/components/SlackConversationTab.d.ts +31 -0
- package/features/slack/components/SlackConversationTab.d.ts.map +1 -0
- package/features/slack/components/SlackLogo.d.ts +11 -0
- package/features/slack/components/SlackLogo.d.ts.map +1 -0
- package/features/slack/components/StartModal/SelectField.d.ts +19 -0
- package/features/slack/components/StartModal/SelectField.d.ts.map +1 -0
- package/features/slack/components/StartModal/SlackChannelTab.d.ts +21 -0
- package/features/slack/components/StartModal/SlackChannelTab.d.ts.map +1 -0
- package/features/slack/components/StartModal/SlackThreadTab.d.ts +25 -0
- package/features/slack/components/StartModal/SlackThreadTab.d.ts.map +1 -0
- package/features/slack/components/StartModal/TabIcon.d.ts +16 -0
- package/features/slack/components/StartModal/TabIcon.d.ts.map +1 -0
- package/features/slack/components/StartModal/index.d.ts +27 -0
- package/features/slack/components/StartModal/index.d.ts.map +1 -0
- package/features/slack/components/StartModal/style.d.ts +38 -0
- package/features/slack/components/StartModal/style.d.ts.map +1 -0
- package/features/slack/components/figma-tokens.d.ts +89 -0
- package/features/slack/components/figma-tokens.d.ts.map +1 -0
- package/features/slack/components/style.d.ts +54 -0
- package/features/slack/components/style.d.ts.map +1 -0
- package/features/slack/constants/api.d.ts +12 -0
- package/features/slack/constants/api.d.ts.map +1 -0
- package/features/slack/context.d.ts +30 -0
- package/features/slack/context.d.ts.map +1 -0
- package/features/slack/hooks/useLeftChannelGuard.d.ts +5 -0
- package/features/slack/hooks/useLeftChannelGuard.d.ts.map +1 -0
- package/features/slack/hooks/useSlackTabLabel.d.ts +23 -0
- package/features/slack/hooks/useSlackTabLabel.d.ts.map +1 -0
- package/features/slack/messageType.d.ts +16 -0
- package/features/slack/messageType.d.ts.map +1 -0
- package/features/slack/types/wire.d.ts +126 -0
- package/features/slack/types/wire.d.ts.map +1 -0
- package/features/toast-message/ToastRoot.d.ts.map +1 -1
- package/features/write-form/utils/response.d.ts.map +1 -1
- package/index.d.ts +5 -0
- package/index.d.ts.map +1 -1
- package/index.es.js +12100 -9258
- package/index.umd.js +1002 -404
- package/main-dev.d.ts.map +1 -1
- package/package.json +1 -1
- package/store/hooks.d.ts +2 -0
- package/store/hooks.d.ts.map +1 -1
- package/store/index.d.ts +6 -0
- package/store/index.d.ts.map +1 -1
- package/testing/mocks/handlers/fetch-cards.d.ts +2 -2
- package/testing/mocks/handlers/fetch-cards.d.ts.map +1 -1
- package/testing/mocks/handlers/slack.d.ts +35 -0
- package/testing/mocks/handlers/slack.d.ts.map +1 -0
- package/testing/mocks/handlers/user-auth.d.ts +31 -0
- package/testing/mocks/handlers/user-auth.d.ts.map +1 -0
- package/testing/mocks/handlers/write-capability.d.ts.map +1 -1
- package/testing/mocks/handlers.d.ts.map +1 -1
- package/types/cards.d.ts +1 -0
- package/types/cards.d.ts.map +1 -1
- package/types/form.d.ts +2 -0
- package/types/form.d.ts.map +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linked-conv.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/api/linked-conv.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE1F;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,OAAO,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EACnB,OAAO,UAAO,EACd,iBAAiB,GAAE,MAAqC,sFAoBzD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,2EASrE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChannelMember } from '../types/wire';
|
|
2
|
+
export declare const getChannelMembers: (hiverConvId: string) => Promise<ChannelMember[]>;
|
|
3
|
+
/**
|
|
4
|
+
* Cached channel-members query. Used by the linked-conv panel to
|
|
5
|
+
* resolve `<@USER_ID>` mention tokens to display names, and by the
|
|
6
|
+
* composer's @-mention picker — same queryKey → one shared fetch.
|
|
7
|
+
* Names are stable, so a long staleTime avoids refetch churn.
|
|
8
|
+
*/
|
|
9
|
+
export declare function useChannelMembers(hiverConvId: string, enabled?: boolean): import('@tanstack/react-query').UseQueryResult<ChannelMember[], Error>;
|
|
10
|
+
//# sourceMappingURL=members.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"members.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/api/members.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,eAAO,MAAM,iBAAiB,gBAAuB,MAAM,KAAG,OAAO,CAAC,aAAa,EAAE,CASpF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,UAAO,0EAQpE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PostMessageRequest, SlackMessage } from '../types/wire';
|
|
2
|
+
export declare const postMessage: (payload: PostMessageRequest) => Promise<SlackMessage>;
|
|
3
|
+
/**
|
|
4
|
+
* Delete a message the signed-in agent authored. Backend runs chat.delete
|
|
5
|
+
* on the agent's own user token and drops it from the Redis cache, then
|
|
6
|
+
* returns 204. `hiver_conv_id` resolves the linked channel/thread the
|
|
7
|
+
* message lives in.
|
|
8
|
+
*/
|
|
9
|
+
export declare const deleteMessage: (externalMessageId: string, hiverConvId: string) => Promise<void>;
|
|
10
|
+
//# sourceMappingURL=messages.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/api/messages.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAqBpF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAOnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,sBAA6B,MAAM,eAAe,MAAM,KAAG,OAAO,CAAC,IAAI,CAWhG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalise.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/api/normalise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAA6C,MAAM,6BAA6B,CAAC;AAyB3G,eAAO,MAAM,qBAAqB,QAAS,YAAY,KAAG,YAGxD,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Two-letter initials from a display name, falling back to an id (and finally
|
|
4
|
+
* '?') so the avatar never renders blank when the BE hasn't enriched a name.
|
|
5
|
+
*/
|
|
6
|
+
export declare const initialsFor: (name?: string | null, fallback?: string | null) => string;
|
|
7
|
+
/**
|
|
8
|
+
* Renders a member's avatar with a layered fallback so it is *always* visible:
|
|
9
|
+
* cached blob (no CDN hit) → raw <img> if bytes can't be fetched → initials
|
|
10
|
+
*
|
|
11
|
+
* Renders inner content only (an <img> or the initials text), so it slots into
|
|
12
|
+
* whatever avatar container the call site provides (`AvatarCircle`, the
|
|
13
|
+
* mention-picker circle, etc.).
|
|
14
|
+
*/
|
|
15
|
+
export declare const SlackAvatar: FC<{
|
|
16
|
+
url?: string | null;
|
|
17
|
+
name?: string | null;
|
|
18
|
+
fallbackId?: string | null;
|
|
19
|
+
}>;
|
|
20
|
+
//# sourceMappingURL=SlackAvatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlackAvatar.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/avatar/SlackAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAuB,MAAM,OAAO,CAAC;AAU/D;;;GAGG;AAIH,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,IAAI,aAAa,MAAM,GAAG,IAAI,KAAG,MAQ5E,CAAC;AA2CF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAWA,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Synchronous peek — lets a component render a cached avatar with no flash. */
|
|
2
|
+
export declare function peekAvatar(key: string): string | null;
|
|
3
|
+
/**
|
|
4
|
+
* Resolve an avatar URL to a locally-served object URL, fetching + caching on
|
|
5
|
+
* first sight and reusing the cached Blob forever after. Rejects if the bytes
|
|
6
|
+
* can't be fetched (CORS-blocked, or 429 past retries) — callers should fall
|
|
7
|
+
* back to a raw `<img>` in that case.
|
|
8
|
+
*/
|
|
9
|
+
export declare function loadAvatar(url: string): Promise<string>;
|
|
10
|
+
//# sourceMappingURL=cache.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/avatar/cache.ts"],"names":[],"mappings":"AAkDA,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAErD;AA0DD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAqBvD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Hero illustration for the Slack tab's empty/ready state — the
|
|
4
|
+
* designer-exported composition showing Hiver ⇄ Slack with the
|
|
5
|
+
* three M1/M2 capability chips baked in (Create channel / Link
|
|
6
|
+
* thread / Read messages). Since the chips are part of the asset,
|
|
7
|
+
* the surrounding tab content no longer renders a separate chip
|
|
8
|
+
* row — just the body copy and the "Start New" CTA below.
|
|
9
|
+
*
|
|
10
|
+
* The lavender panel and inner card are part of the SVG; we don't
|
|
11
|
+
* need to wrap it in any tinted container.
|
|
12
|
+
*/
|
|
13
|
+
export declare const HeroIllustration: FC<{
|
|
14
|
+
width?: number;
|
|
15
|
+
}>;
|
|
16
|
+
//# sourceMappingURL=HeroIllustration.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeroIllustration.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/HeroIllustration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAQnD,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { SlackThreadGroup } from '../../types/wire';
|
|
3
|
+
interface ChannelThreadGroupProps {
|
|
4
|
+
thread: SlackThreadGroup;
|
|
5
|
+
/** externalUserId → display name, shared with the composer's picker
|
|
6
|
+
* so `<@U…>` tokens render as `@DisplayName`. */
|
|
7
|
+
memberNames?: Map<string, string>;
|
|
8
|
+
/** Drill into this thread's detail view (root + lazily-loaded
|
|
9
|
+
* replies). Fired by both the hover "Reply" action and the
|
|
10
|
+
* "Replies (n)" link. */
|
|
11
|
+
onOpenThread: (rootTs: string) => void;
|
|
12
|
+
/** Whether the viewer may post in this channel. When false, the
|
|
13
|
+
* hover "Reply" toolbar is suppressed (the "Replies (n)" read link
|
|
14
|
+
* stays — reading is always allowed). Defaults to true. */
|
|
15
|
+
canReply?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* B4 channel LIST item — a single top-level message (thread root).
|
|
19
|
+
* Replies are NOT rendered here (lazy); instead, a "Replies (n)" link
|
|
20
|
+
* drills into the thread detail view, as does the hover "Reply" action.
|
|
21
|
+
* Per Figma 683:661492.
|
|
22
|
+
*/
|
|
23
|
+
export declare const ChannelThreadGroup: FC<ChannelThreadGroupProps>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=ChannelThreadGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChannelThreadGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ChannelThreadGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAKpE,UAAU,uBAAuB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB;sDACkD;IAClD,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC;;8BAE0B;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;gEAE4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA2C1D,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface ComposerProps {
|
|
3
|
+
/** Wraps every agent API call so the parent's left-channel
|
|
4
|
+
* guard hook can flip into the not_in_channel state on 502. */
|
|
5
|
+
guard?: <T>(fn: () => Promise<T>) => Promise<T>;
|
|
6
|
+
/** Channel mode (B4): when set, the composer replies INTO this thread
|
|
7
|
+
* (root ts) instead of posting a new top-level channel message. */
|
|
8
|
+
threadTs?: string;
|
|
9
|
+
/** Fired after a successful send — lets an inline reply composer
|
|
10
|
+
* collapse itself once the message is away. */
|
|
11
|
+
onSent?: () => void;
|
|
12
|
+
/** Smaller, single-row presentation for the inline reply box. */
|
|
13
|
+
compact?: boolean;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
autoFocus?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Composer per Figma 683:667012. Plain textarea + emoji /
|
|
19
|
+
* attachment slots (UI-7 + UI-8 stubs) + Send button.
|
|
20
|
+
*
|
|
21
|
+
* UI-10 layered on top:
|
|
22
|
+
* - Typing `@` opens the MentionPicker, anchored to a hidden
|
|
23
|
+
* div positioned at the cursor's location (approximate — we
|
|
24
|
+
* anchor to the textarea itself for M1; revisit if PD wants
|
|
25
|
+
* cursor-precise positioning).
|
|
26
|
+
* - As the user keeps typing, the substring between the `@` and
|
|
27
|
+
* the cursor filters the picker.
|
|
28
|
+
* - Picking a member replaces the in-flight `@xxx` with
|
|
29
|
+
* `@DisplayName ` in the textarea and remembers the
|
|
30
|
+
* externalUserId mapping. On send, every tracked
|
|
31
|
+
* `@DisplayName` literal gets swapped back to Slack's
|
|
32
|
+
* `<@externalUserId>` mention syntax server-side.
|
|
33
|
+
* - Esc closes the picker; Backspace before the `@` does too.
|
|
34
|
+
*
|
|
35
|
+
* Mention map is a flat array (not a Map) because the same name
|
|
36
|
+
* could be inserted twice — we replace the first matching span
|
|
37
|
+
* per occurrence at send time.
|
|
38
|
+
*/
|
|
39
|
+
export declare const Composer: FC<ComposerProps>;
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=Composer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/Composer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyD,MAAM,OAAO,CAAC;AA0BlF,UAAU,aAAa;IACrB;oEACgE;IAChE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD;wEACoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;oDACgD;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgctC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface LeftChannelBannerProps {
|
|
3
|
+
/** Slack workspace id (team_id). Used for the deep-link app
|
|
4
|
+
* scheme + web fallback URL. When undefined we omit the
|
|
5
|
+
* CTA — the user can rejoin in their browser separately. */
|
|
6
|
+
externalTeamId?: string;
|
|
7
|
+
externalChannelId: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* UI-16 — empty-state banner that replaces the composer when an
|
|
11
|
+
* agent action returned 502 / not_in_channel. The plan memory
|
|
12
|
+
* (plan-slack-m1-left-channel-ux) calls for:
|
|
13
|
+
*
|
|
14
|
+
* - Neutral info banner copy
|
|
15
|
+
* - "Open in Slack" CTA using slack://channel?team=…&id=… with
|
|
16
|
+
* a https://app.slack.com/client/… web fallback
|
|
17
|
+
* - Keep cached messages visible (the parent already handles
|
|
18
|
+
* this by only swapping the composer surface)
|
|
19
|
+
* - State auto-clears on the next successful agent action —
|
|
20
|
+
* handled in the parent's wrapper hook.
|
|
21
|
+
*
|
|
22
|
+
* No Figma frame yet — using the M1 defaults from the plan.
|
|
23
|
+
*/
|
|
24
|
+
export declare const LeftChannelBanner: FC<LeftChannelBannerProps>;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=LeftChannelBanner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LeftChannelBanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/LeftChannelBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,UAAU,sBAAsB;IAC9B;;iEAE6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiFxD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ChannelMember } from '../../types/wire';
|
|
3
|
+
interface MentionPickerProps {
|
|
4
|
+
anchor: HTMLElement | null;
|
|
5
|
+
query: string;
|
|
6
|
+
members: ChannelMember[];
|
|
7
|
+
onPick: (member: ChannelMember) => void;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* UI-10 — @ mention picker per Figma 683:670087. Shows above the
|
|
12
|
+
* composer with a scrollable list of channel members. Each row =
|
|
13
|
+
* 24px avatar + display name (Inter Medium 13/19 slate-body).
|
|
14
|
+
* Filtered by the `query` substring after the `@` keystroke.
|
|
15
|
+
*
|
|
16
|
+
* Keyboard handling lives in the parent Composer (so the textarea
|
|
17
|
+
* keeps focus while the popover navigates); this component only
|
|
18
|
+
* renders the list + handles row clicks. ArrowUp/Down + Enter are
|
|
19
|
+
* translated by the parent into onPick calls.
|
|
20
|
+
*/
|
|
21
|
+
export declare const MentionPicker: FC<MentionPickerProps>;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=MentionPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MentionPicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/MentionPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoEhD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { SlackMessage } from '../../types/wire';
|
|
3
|
+
interface MessageItemProps {
|
|
4
|
+
message: SlackMessage;
|
|
5
|
+
/** externalUserId → display name, for rendering `<@U…>` mention
|
|
6
|
+
* tokens as `@DisplayName`. Falls back to `@<id>` when unknown. */
|
|
7
|
+
memberNames?: Map<string, string>;
|
|
8
|
+
/** When provided, a hover toolbar with a "Reply" action is shown on
|
|
9
|
+
* the row (channel list roots). Omitted → no toolbar (e.g. replies
|
|
10
|
+
* inside an open thread). */
|
|
11
|
+
onReply?: () => void;
|
|
12
|
+
/** Thread-detail replies: indent the content by 32px. Applied as row
|
|
13
|
+
* padding (not a wrapper) so the hover highlight stays full-width. */
|
|
14
|
+
indented?: boolean;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Single Chat-UI row per Figma 683:666933 / 666934.
|
|
18
|
+
* Layout: 30×30 rounded-100 avatar + 8px gap + body column.
|
|
19
|
+
* Body column gap 4px, header row 12px gap items-baseline.
|
|
20
|
+
*
|
|
21
|
+
* The BE still emits editedAt/deletedAt for messages edited or
|
|
22
|
+
* deleted natively in Slack, so we render the `(edited)` badge and
|
|
23
|
+
* the "This message was deleted." tombstone for inbound display.
|
|
24
|
+
*/
|
|
25
|
+
export declare const MessageItem: FC<MessageItemProps>;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=MessageItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAQzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAYhE,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB;wEACoE;IACpE,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC;;kCAE8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+ID;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2I5C,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Composer replacement for the `slack_not_connected` block reason —
|
|
4
|
+
* the viewer reached the linked panel but has no active Slack auth
|
|
5
|
+
* (e.g. token revoked between the connect-status check and this read).
|
|
6
|
+
*
|
|
7
|
+
* This is a defensive surface: SlackConversationTab already gates the
|
|
8
|
+
* whole panel behind `userAuthState === 'connected'` and opens
|
|
9
|
+
* <SlackConnectModal> when auth is missing, so in practice the modal
|
|
10
|
+
* handles (re)connection. We still block the composer here rather than
|
|
11
|
+
* let a doomed send through — the whole point of the per-viewer hint
|
|
12
|
+
* is to avoid the wait-for-failure experience.
|
|
13
|
+
*/
|
|
14
|
+
export declare const ReconnectSlackBanner: FC;
|
|
15
|
+
//# sourceMappingURL=ReconnectSlackBanner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReconnectSlackBanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ReconnectSlackBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAoClC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface ThreadDetailViewProps {
|
|
3
|
+
/** Root ts of the thread being viewed. */
|
|
4
|
+
threadTs: string;
|
|
5
|
+
channelId: string;
|
|
6
|
+
memberNames?: Map<string, string>;
|
|
7
|
+
hasLeftChannel: boolean;
|
|
8
|
+
guard?: <T>(fn: () => Promise<T>) => Promise<T>;
|
|
9
|
+
onBack: () => void;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* B4 channel thread-detail (Figma 683:669379) — drilled in from the
|
|
13
|
+
* channel list. Lazily fetches the thread's messages (root + replies),
|
|
14
|
+
* shows a "‹ back" affordance, and a composer that replies INTO this
|
|
15
|
+
* thread. Replies are only fetched here, never in the list view.
|
|
16
|
+
*/
|
|
17
|
+
export declare const ThreadDetailView: FC<ThreadDetailViewProps>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=ThreadDetailView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThreadDetailView.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ThreadDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwE3B,UAAU,qBAAqB;IAC7B,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkFtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThreadSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ThreadSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+B3B,eAAO,MAAM,cAAc,EAAE,EAM5B,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* UI-5 — content of the Slack tab when a Slack thread is already
|
|
4
|
+
* linked to the current Hiver conversation. Layout per Figma frame
|
|
5
|
+
* 683:666565 (and variants 665917 / 660800):
|
|
6
|
+
*
|
|
7
|
+
* ┌──────────────────────────────────────┐
|
|
8
|
+
* │ Parent message (pinned, not scroll) │
|
|
9
|
+
* ├──────────────────────────────────────┤
|
|
10
|
+
* │ Reply 1 │
|
|
11
|
+
* │ Reply 2 │
|
|
12
|
+
* │ ... │ ← scrollable
|
|
13
|
+
* ├──────────────────────────────────────┤
|
|
14
|
+
* │ Composer (UI-9 slot) │
|
|
15
|
+
* └──────────────────────────────────────┘
|
|
16
|
+
*
|
|
17
|
+
* Backend's `messages` array is reverse-chronological with the
|
|
18
|
+
* parent slot pinned at index 0 (cache shape — see plan-slack-m1-
|
|
19
|
+
* phase-4). UI-5 keeps that invariant in render: index 0 is the
|
|
20
|
+
* <ParentPin>, the tail is the scrollable list reversed so newest
|
|
21
|
+
* sits at the bottom (chat convention).
|
|
22
|
+
*
|
|
23
|
+
* The 50-entry trim flag (`isTrimmed`) renders a muted footer at
|
|
24
|
+
* the top of the scroll list when the cache hit the M1 cap.
|
|
25
|
+
*/
|
|
26
|
+
export declare const LinkedConversationPanel: FC;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiD,MAAM,OAAO,CAAC;AAkB1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,uBAAuB,EAAE,EA2MrC,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { BoxProps, ButtonProps, StackProps } from '@hiver/hiver-ui-kit';
|
|
2
|
+
import { StyledComponent } from '@emotion/styled';
|
|
3
|
+
/**
|
|
4
|
+
* Layout for the linked-conv tab content per Figma frame
|
|
5
|
+
* 683:666932. The host (outlook-ui) owns the tab bar above; we
|
|
6
|
+
* paint the area under it. Outer vertical borders match the
|
|
7
|
+
* Figma frame which has `border-l border-r border-[#e2e8f0]`.
|
|
8
|
+
*/
|
|
9
|
+
export declare const LinkedRoot: StyledComponent<BoxProps>;
|
|
10
|
+
/**
|
|
11
|
+
* Pinned parent slot. Per Figma the parent message is just a
|
|
12
|
+
* normal Chat-UI row at the top of the panel (same px-[20px]
|
|
13
|
+
* py-[12px] as replies). No visible separator below it in the
|
|
14
|
+
* static frame — the visual separation comes from the
|
|
15
|
+
* subsequent rows starting at their own padded slot.
|
|
16
|
+
*/
|
|
17
|
+
export declare const ParentPin: StyledComponent<BoxProps>;
|
|
18
|
+
export declare const RepliesScroll: StyledComponent<BoxProps>;
|
|
19
|
+
/**
|
|
20
|
+
* Thread-detail "‹ back" row (Figma 683:669379) — sits above the
|
|
21
|
+
* drilled-in thread, left-aligned with the message column.
|
|
22
|
+
*/
|
|
23
|
+
export declare const BackRow: StyledComponent<BoxProps>;
|
|
24
|
+
/**
|
|
25
|
+
* Channel-mode scroll region (B4) — the full list of thread groups in
|
|
26
|
+
* the linked channel. Same scroll mechanics as RepliesScroll.
|
|
27
|
+
*/
|
|
28
|
+
export declare const ChannelThreadsScroll: StyledComponent<BoxProps>;
|
|
29
|
+
/**
|
|
30
|
+
* One thread group (a root message + its "Replies (n)" link). Threads
|
|
31
|
+
* are separated by whitespace only — the Figma has no divider rule
|
|
32
|
+
* between messages.
|
|
33
|
+
*/
|
|
34
|
+
export declare const ThreadGroupRoot: StyledComponent<BoxProps>;
|
|
35
|
+
/**
|
|
36
|
+
* Thread-detail reply stack (Figma 683:669746). Replies are indented
|
|
37
|
+
* 32px so their avatars sit under the root message's text column, and a
|
|
38
|
+
* vertical rail with a rounded elbow connects each reply back to the
|
|
39
|
+
* thread — mirroring the design's "Line 19" + "Vector 3" guide.
|
|
40
|
+
*/
|
|
41
|
+
export declare const ThreadReplies: StyledComponent<BoxProps>;
|
|
42
|
+
/**
|
|
43
|
+
* The reply-threading guide (vertical rail + rounded elbow) is drawn in
|
|
44
|
+
* ThreadDetailView's ReplyConnector with real positioned elements rather
|
|
45
|
+
* than pseudo-elements here — it needs deterministic per-reply control
|
|
46
|
+
* (e.g. capping the rail at the LAST reply), which CSS positional
|
|
47
|
+
* selectors didn't deliver reliably through the styled Box.
|
|
48
|
+
*/
|
|
49
|
+
/**
|
|
50
|
+
* Composer outer slot — Figma 683:667011 gives this a 20px
|
|
51
|
+
* surrounding pad and white background. The inner box (border +
|
|
52
|
+
* radius) is composed inside the Composer component itself.
|
|
53
|
+
*/
|
|
54
|
+
export declare const ComposerSlotRoot: StyledComponent<BoxProps>;
|
|
55
|
+
/**
|
|
56
|
+
* One Chat-UI row (Figma 683:666934). Padded 20/12 with 8px gap
|
|
57
|
+
* between avatar and body column.
|
|
58
|
+
*/
|
|
59
|
+
export declare const MessageRow: StyledComponent<StackProps>;
|
|
60
|
+
/**
|
|
61
|
+
* Floating per-message action bar, pinned to the row's top-right
|
|
62
|
+
* (Figma 683:661942: 26px tall white pill, 0.5px hairline border, a
|
|
63
|
+
* soft `0 0 2px rgba(51,65,85,0.25)` shadow, 6px radius). M1 carries a
|
|
64
|
+
* single icon-only "Reply" action — the reaction/emoji affordance is
|
|
65
|
+
* omitted.
|
|
66
|
+
*
|
|
67
|
+
* Figma floats it ~half-above the row's top edge (negative offset), so
|
|
68
|
+
* we use `top: -13px` (= -height/2) to overhang upward. Rows don't clip
|
|
69
|
+
* their own overflow, so this overlaps the row above cleanly; only the
|
|
70
|
+
* topmost row scrolled flush to the viewport top can clip — an
|
|
71
|
+
* acceptable edge case. A high z-index keeps it above adjacent rows'
|
|
72
|
+
* hover background. `overflow: hidden` clamps the button's hover tint
|
|
73
|
+
* to the pill's rounded corners.
|
|
74
|
+
*/
|
|
75
|
+
export declare const HoverToolbar: StyledComponent<BoxProps>;
|
|
76
|
+
export declare const ReplyButton: StyledComponent<ButtonProps>;
|
|
77
|
+
export declare const DeleteButton: StyledComponent<ButtonProps>;
|
|
78
|
+
/**
|
|
79
|
+
* Avatar — 30px fully rounded per Figma 683:666937 (`size-[30px]
|
|
80
|
+
* rounded-[100px]`). Background per-author in production; the
|
|
81
|
+
* fallback uses Hiver's purple-light tint.
|
|
82
|
+
*/
|
|
83
|
+
export declare const AvatarCircle: StyledComponent<BoxProps>;
|
|
84
|
+
export declare const MessageBodyCol: StyledComponent<BoxProps>;
|
|
85
|
+
/**
|
|
86
|
+
* Header row — author + timestamp baseline-aligned with 12px gap
|
|
87
|
+
* (Figma 683:666940).
|
|
88
|
+
*/
|
|
89
|
+
export declare const MessageHeaderRow: StyledComponent<StackProps>;
|
|
90
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAQhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAG/C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CAMnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,QAAQ,CAG7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,QAAQ,CAGrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CAGnD,CAAC;AAEF;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,UAAU,CAmBlD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAalD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,WAAW,CAkBpD,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CAmBrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAoBlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CAMpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,UAAU,CAKxD,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface SlackConnectModalProps {
|
|
3
|
+
connectorId: string;
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
/** Fired once when user-auth transitions to `connected`. Lets a
|
|
7
|
+
* host (outlook-ui) re-check auth status and swap the pre-auth
|
|
8
|
+
* button for the Slack tab. */
|
|
9
|
+
onConnected?: () => void;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Connect Slack modal — Figma frame 683:659445 (default) and
|
|
13
|
+
* 683:660125 (Connecting variant).
|
|
14
|
+
*
|
|
15
|
+
* Card 399×auto, white bg, radius 12. Top band is a 164px lavender
|
|
16
|
+
* (primary-subtle #e6effd) logo panel showing Hiver ⇄ Slack
|
|
17
|
+
* icons. Below: body copy + primary blue CTA. Close X at top-right.
|
|
18
|
+
*
|
|
19
|
+
* Reuses useUserAuthFlow from connector-cards so the OAuth popup
|
|
20
|
+
* + status polling is identical to other user-tier integrations.
|
|
21
|
+
*/
|
|
22
|
+
export declare const SlackConnectModal: FC<SlackConnectModalProps>;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=SlackConnectModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlackConnectModal.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackConnectModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAuBxC,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;oCAEgC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoFxD,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface SlackConversationTabProps {
|
|
3
|
+
/** Optional external trigger for parent-driven open. Internal
|
|
4
|
+
* state still owns visibility; the host can listen if it needs to
|
|
5
|
+
* track when the user opens the start flow. */
|
|
6
|
+
onStartFlowRequested?: () => void;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* UI-1 — Slack tab content inside the host's conversation-thread
|
|
10
|
+
* tab bar (sibling to "Conversation"). The host (outlook-ui) mounts
|
|
11
|
+
* this component inside the active-tab panel of its tab system.
|
|
12
|
+
*
|
|
13
|
+
* State machine collapses several backend signals into one of:
|
|
14
|
+
* - `gated` — effective-config says enabled=false. Soft hint
|
|
15
|
+
* with the reason code; no CTA. Admin needs to
|
|
16
|
+
* configure Slack first.
|
|
17
|
+
* - `disconnected`/`reauth_required`/`workspace_mismatch` —
|
|
18
|
+
* opens <SlackConnectModal> over the whole app.
|
|
19
|
+
* Tab content shows a thin pending state behind.
|
|
20
|
+
* - `linked` — a Slack thread is already linked to this Hiver
|
|
21
|
+
* conv. Renders LinkedConversationPanel (UI-5,
|
|
22
|
+
* placeholder stub until that ships).
|
|
23
|
+
* - `ready` — connected, no link yet. Shows hero
|
|
24
|
+
* illustration + chip row + "Start New" CTA.
|
|
25
|
+
*
|
|
26
|
+
* Loading states fall through to a small inline message — reads
|
|
27
|
+
* are cheap and a single retry is enough.
|
|
28
|
+
*/
|
|
29
|
+
export declare const SlackConversationTab: FC<SlackConversationTabProps>;
|
|
30
|
+
export default SlackConversationTab;
|
|
31
|
+
//# sourceMappingURL=SlackConversationTab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlackConversationTab.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackConversationTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAoB7D,UAAU,yBAAyB;IACjC;;oDAEgD;IAChD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA2H9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Inlined Slack logomark — Slack's brand-approved four-square shape.
|
|
4
|
+
* Inlined rather than fetched from @hiver/hiver-ui-kit because the
|
|
5
|
+
* kit doesn't ship third-party logos, and a single SVG is cheaper
|
|
6
|
+
* than a managed asset for the empty-state hero.
|
|
7
|
+
*/
|
|
8
|
+
export declare const SlackLogo: FC<{
|
|
9
|
+
size?: number;
|
|
10
|
+
}>;
|
|
11
|
+
//# sourceMappingURL=SlackLogo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlackLogo.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAO3C,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SelectOption<V extends string> {
|
|
3
|
+
value: V;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface SelectFieldProps<V extends string> {
|
|
7
|
+
value: V;
|
|
8
|
+
options: SelectOption<V>[];
|
|
9
|
+
onChange: (value: V) => void;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Bordered select that matches Figma's field chrome. Built on a custom
|
|
13
|
+
* trigger + MUI Menu rather than MUI's <Select> so the border, radius,
|
|
14
|
+
* padding, and chevron land exactly — MUI's Select renders its own
|
|
15
|
+
* standard-variant input that resists `sx` overrides.
|
|
16
|
+
*/
|
|
17
|
+
export declare function SelectField<V extends string>({ value, options, onChange }: SelectFieldProps<V>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=SelectField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM;IACzC,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAgC9F"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Form-state shape kept distinct from the wire type. UX uses a
|
|
4
|
+
* 'public' | 'private' string for the channel Type select, and
|
|
5
|
+
* 'message' as the field name on the form; the wire shape uses
|
|
6
|
+
* `isPrivate: boolean` and `messageText` — StartModal transforms
|
|
7
|
+
* at the submit boundary.
|
|
8
|
+
*/
|
|
9
|
+
export interface ChannelFormValues {
|
|
10
|
+
channelName: string;
|
|
11
|
+
channelType: 'public' | 'private';
|
|
12
|
+
memberEmails: string[];
|
|
13
|
+
message: string;
|
|
14
|
+
}
|
|
15
|
+
interface SlackChannelTabProps {
|
|
16
|
+
values: ChannelFormValues;
|
|
17
|
+
onChange: (next: ChannelFormValues) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const SlackChannelTab: FC<SlackChannelTabProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=SlackChannelTab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlackChannelTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/SlackChannelTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2B,MAAM,OAAO,CAAC;AAQpD;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,oBAAoB;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AA6BD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuFpD,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface SlackThreadTabProps {
|
|
3
|
+
channelId: string | null;
|
|
4
|
+
message: string;
|
|
5
|
+
onChannelChange: (channelId: string | null) => void;
|
|
6
|
+
onMessageChange: (message: string) => void;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* UI-3 — Slack thread tab body. Pick an existing channel and write
|
|
10
|
+
* a thread starter. Matches Figma frame 683:665296.
|
|
11
|
+
*
|
|
12
|
+
* The channel picker keeps MUI's Autocomplete for its search + popup
|
|
13
|
+
* logic, but renders into our own bordered field chrome via
|
|
14
|
+
* `renderInput` (InputShell + BareInput) so the border/radius/padding
|
|
15
|
+
* match Figma exactly — see style.ts for why we don't fight MUI's
|
|
16
|
+
* standard-variant input. The `#channel` / `🔒channel` prefix carries
|
|
17
|
+
* Slack's public/private indicator.
|
|
18
|
+
*
|
|
19
|
+
* On submit, parent (StartModal) calls
|
|
20
|
+
* POST /v1/connectors/slack/agent/start/existing-channel
|
|
21
|
+
* with the selected channelId + message.
|
|
22
|
+
*/
|
|
23
|
+
export declare const SlackThreadTab: FC<SlackThreadTabProps>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=SlackThreadTab.d.ts.map
|