@rpg-engine/long-bow 0.7.30 → 0.7.32

package/dist/stories/Features/chat/ChatRevamp.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatRevampProps>;
 export declare const Private: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatRevampProps>;
 export declare const Trade: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatRevampProps>;
+export declare const Guild: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatRevampProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.7.30",
+  "version": "0.7.32",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/ChatRevamp/ChatContent.tsx

@@ -22,6 +22,8 @@ interface ChatContentProps {
   privateChatCharacters?: PrivateChatCharacter[];
   hideSearchCharacterUI: () => void;
   onCharacterClick?: (character: PrivateChatCharacter) => void;
+  isGuild: boolean;
+  onSendGuildChatMessage: (message: string) => void;
 }
 
 export const ChatContent: React.FC<ChatContentProps> = ({
@@ -42,6 +44,8 @@ export const ChatContent: React.FC<ChatContentProps> = ({
   privateChatCharacters,
   hideSearchCharacterUI,
   onCharacterClick,
+  isGuild,
+  onSendGuildChatMessage,
 }) => {
   const handleSendMessage = (message: string) => {
     if (autoCloseOnSend) {
@@ -52,6 +56,8 @@ export const ChatContent: React.FC<ChatContentProps> = ({
       onSendPrivateChatMessage(message);
     } else if (isTrade) {
       onSendTradeMessage(message);
+    } else if (isGuild) {
+      onSendGuildChatMessage(message);
     } else {
       onSendGlobalChatMessage(message);
     }

package/src/components/ChatRevamp/ChatRevamp.tsx

@@ -11,6 +11,7 @@ import { IChatRevampProps } from './types';
 export const ChatRevamp: React.FC<IChatRevampProps> = ({
   chatMessages,
   onSendGlobalChatMessage,
+  onSendGuildChatMessage, // Add this new prop
   onChangeCharacterName,
   onFocus,
   onBlur,
@@ -36,6 +37,7 @@ export const ChatRevamp: React.FC<IChatRevampProps> = ({
 }) => {
   const isPrivate = activeTab === 'private';
   const isTrade = activeTab === 'trade';
+  const isGuild = activeTab === 'guild';
 
   const chatHook = useChat({
     minimizedByDefault,
@@ -88,11 +90,13 @@ export const ChatRevamp: React.FC<IChatRevampProps> = ({
               <ChatContent
                 isPrivate={isPrivate}
                 isTrade={isTrade}
+                isGuild={isGuild}
                 searchCharacterUI={searchCharacterUI}
                 chatMessages={chatMessages}
                 onSendGlobalChatMessage={onSendGlobalChatMessage}
                 onSendPrivateChatMessage={onSendPrivateChatMessage}
                 onSendTradeMessage={onSendTradeMessage}
+                onSendGuildChatMessage={onSendGuildChatMessage}
                 onCloseButton={onCloseButton}
                 styles={styles}
                 onFocus={onFocus}

package/src/components/ChatRevamp/types.ts

@@ -38,4 +38,6 @@ export interface IChatRevampProps {
   showSearchCharacterUI: () => void;
   minimizedByDefault?: boolean;
   autoCloseOnSend?: boolean;
+  onSendGuildChatMessage: (message: string) => void;
+  isInGuild: boolean;
 }

package/src/components/TimeWidget/TimeWidget.tsx

@@ -21,10 +21,15 @@ export const TimeWidget: React.FC<IClockWidgetProps> = ({
   scale,
 }) => {
   return (
-    <Draggable scale={scale}>
+    <Draggable
+      scale={scale}
+      cancel=".time-widget-close,.time-widget-container,.time-widget-container *"
+    >
       <WidgetContainer>
-        <CloseButton onPointerDown={onClose}>X</CloseButton>
-        <DayNightContainer>
+        <CloseButton onPointerDown={onClose} className="time-widget-close">
+          X
+        </CloseButton>
+        <DayNightContainer className="time-widget-container">
           <DayNightPeriod periodOfDay={periodOfDay} />
         </DayNightContainer>
         <Time>{TimeClock}</Time>

package/src/stories/Features/chat/ChatRevamp.stories.tsx

@@ -132,6 +132,7 @@ const tabsMock = [
   { label: 'Global', id: 'global' },
   { label: 'Private', id: 'private' },
   { label: 'Trade', id: 'trade' },
+  { label: 'Guild', id: 'guild' }, // Add the Guild tab
 ];
 
 const recentPrivateChatCharactersMock = [
@@ -182,6 +183,9 @@ Default.args = {
   hideSearchCharacterUI: () => {
     console.log('Hiding search character UI...');
   },
+  onSendGuildChatMessage: value => {
+    console.log('Sending guild chat message:', value);
+  },
 };
 
 export const Private = Template.bind({});
@@ -230,3 +234,28 @@ Trade.args = {
   onChangeTab: () => {},
   onSendTradeMessage: () => {},
 };
+
+export const Guild = Template.bind({});
+
+Guild.args = {
+  onSendGlobalChatMessage: () => {
+    console.log('Sending global message...');
+  },
+  onSendPrivateChatMessage: () => {
+    console.log('Sending private message...');
+  },
+  onSendTradeMessage: () => {
+    console.log('Sending trade message...');
+  },
+  onSendGuildChatMessage: value => {
+    console.log('Sending guild chat message:', value);
+  },
+  onChangeCharacterName: () => {},
+  chatMessages: chatMessagesMock,
+  styles: { width: `calc(100% - 0.5rem * 2)`, height: '200px' },
+  onCloseButton: () => {},
+  tabs: tabsMock,
+  privateChatCharacters: recentPrivateChatCharactersMock,
+  activeTab: 'guild',
+  onChangeTab: () => {},
+};