@rpg-engine/long-bow 0.5.13 → 0.5.15

package/src/index.tsx

@@ -1,6 +1,7 @@
 export * from './components/Button';
 export * from './components/Character/CharacterSelection';
 export * from './components/Chat/Chat';
+export * from './components/ChatRevamp/ChatRevamp';
 export * from './components/Chatdeprecated/ChatDeprecated';
 export * from './components/CheckButton';
 export * from './components/CircularController/CircularController';

package/src/mocks/itemContainer.mocks.ts

@@ -5,6 +5,7 @@ import {
   ItemSlotType,
   ItemSubType,
   ItemType,
+  UserAccountTypes,
 } from '@rpg-engine/shared';
 
 export const items: IItem[] = [
@@ -42,16 +43,20 @@ export const items: IItem[] = [
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
     rarity: ItemRarities.Legendary,
+    canBePurchasedOnlyByPremiumPlans: [
+      UserAccountTypes.PremiumGold,
+      UserAccountTypes.PremiumUltimate,
+    ],
     minRequirements: {
       level: 10,
       skill: {
         name: 'sword',
         level: 5,
-      }
+      },
     },
-    equippedBuffDescription: "Character speed +10%",
+    equippedBuffDescription: 'Character speed +10%',
     entityEffectChance: 50,
-    entityEffects: ['freezing']
+    entityEffects: ['freezing'],
   },
   {
     _id: '629acef1c7c8e8002ff73564',
@@ -541,36 +546,36 @@ export const items: IItem[] = [
     rarity: ItemRarities.Common,
   },
   {
-    "type": ItemType.Consumable,
-    "subType": ItemSubType.Food,
-    "rarity": "Common",
-    "textureAtlas": "items",
-    "allowedEquipSlotType": [],
-    "maxStackSize": 100,
-    "isUsable": false,
-    "isStorable": true,
-    "isItemContainer": false,
-    "isSolid": false,
-    "requiredAmmoKeys": [],
-    "isTwoHanded": false,
-    "hasUseWith": false,
-    "entityEffects": [],
-    "entityEffectChance": 0,
-    "_id": "64529049d45546003b2c6c6d",
-    "key": "apple",
-    "texturePath": "foods/apple.png",
+    type: ItemType.Consumable,
+    subType: ItemSubType.Food,
+    rarity: 'Common',
+    textureAtlas: 'items',
+    allowedEquipSlotType: [],
+    maxStackSize: 100,
+    isUsable: false,
+    isStorable: true,
+    isItemContainer: false,
+    isSolid: false,
+    requiredAmmoKeys: [],
+    isTwoHanded: false,
+    hasUseWith: false,
+    entityEffects: [],
+    entityEffectChance: 0,
+    _id: '64529049d45546003b2c6c6d',
+    key: 'apple',
+    texturePath: 'foods/apple.png',
     textureKey: 'apple',
     isEquipable: false,
     isStackable: true,
-    "name": "Apple",
-    "description": "A red apple.",
-    "weight": 0.05,
-    "stackQty": 16,
-    "attack": 0,
-    "defense": 0,
-    fullDescription: "",
-    usableEffectDescription: "Regenerates 10 HP and Mana 5 times"
-  }
+    name: 'Apple',
+    description: 'A red apple.',
+    weight: 0.05,
+    stackQty: 16,
+    attack: 0,
+    defense: 0,
+    fullDescription: '',
+    usableEffectDescription: 'Regenerates 10 HP and Mana 5 times',
+  },
 ];
 
 export const itemContainerMock: IItemContainer = {
@@ -595,7 +600,6 @@ export const itemContainerMock: IItemContainer = {
     13: items[13],
     14: items[14],
     15: items[15],
-    21: items[15],
     //remaining slots are considered null by default
   },
   allowedItemTypes: [],

package/src/stories/ChatRevamp.stories.tsx

@@ -0,0 +1,248 @@
+import { ChatMessageType } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import {
+  ChatRevamp,
+  IChatRevampProps,
+} from '../components/ChatRevamp/ChatRevamp';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'ChatRevamp',
+  component: ChatRevamp,
+};
+
+export default meta;
+
+const chatMessagesMock = [
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-2',
+    message: 'Good morning!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-3',
+    message: 'How are you doing?',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-4',
+    message: 'Hey hey hey!!!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-5',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-6',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-7',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-8',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: '22222EEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: '22222EEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: '22222EEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+];
+
+const tabsMock = [
+  { label: 'Global', id: 'global' },
+  { label: 'Private', id: 'private' },
+];
+
+const recentPrivateChatCharactersMock = [
+  { _id: 'someid', name: 'Guilherme' },
+  { _id: 'someid2', name: 'Guilherme2' },
+];
+
+const Template: Story<IChatRevampProps> = args => (
+  <RPGUIRoot>
+    <ChatRevamp {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  onSendGlobalChatMessage: () => {},
+  onChangeCharacterName: () => {},
+  chatMessages: chatMessagesMock,
+  opacity: 0.5,
+  styles: { width: `calc(100% - 0.5rem * 2)`, height: '200px' },
+  onCloseButton: () => console.log('closing chat...'),
+  tabs: tabsMock,
+  privateChatCharacters: recentPrivateChatCharactersMock,
+  activeTab: 'global',
+  onChangeTab: () => {},
+  onSendPrivateChatMessage: () => {},
+};
+
+export const PrivateCharacters = Template.bind({});
+
+PrivateCharacters.args = {
+  onSendGlobalChatMessage: () => {},
+  onChangeCharacterName: () => {},
+  chatMessages: chatMessagesMock,
+  opacity: 0.5,
+  styles: { width: `calc(100% - 0.5rem * 2)`, height: '200px' },
+  onCloseButton: () => {},
+  tabs: tabsMock,
+  privateChatCharacters: recentPrivateChatCharactersMock,
+  activeTab: 'private',
+  onChangeTab: () => {},
+  onSendPrivateChatMessage: () => {},
+};