@rpg-engine/long-bow 0.7.13 → 0.7.15

package/dist/components/Quests/QuestList.d.ts

@@ -1,6 +1,16 @@
-import { IQuest } from '@rpg-engine/shared';
+import { IQuest, QuestStatus } from '@rpg-engine/shared';
 import React from 'react';
+import { CSSProperties } from 'styled-components';
 export interface IQuestListProps {
     quests?: IQuest[];
+    styles?: {
+        container?: CSSProperties;
+        card?: CSSProperties;
+        label?: CSSProperties;
+        value?: CSSProperties;
+    };
 }
 export declare const QuestList: React.FC<IQuestListProps>;
+export declare const formatQuestText: (text: string) => string;
+export declare const getQuestStatusColor: (status?: QuestStatus | undefined) => string;
+export declare const formatQuestStatus: (status?: QuestStatus | undefined) => string;

package/dist/long-bow.cjs.development.js

@@ -31955,22 +31955,36 @@ var Thumbnail = /*#__PURE__*/styled__default.img.withConfig({
 })(["color:white;z-index:22;width:32px * 1.5;margin-right:0.5rem;position:relative;top:-4px;"]);
 
 var QuestList = function QuestList(_ref) {
-  var quests = _ref.quests;
-  return React__default.createElement(QuestListContainer, null, quests && quests.length > 0 ? quests.map(function (quest, i) {
-    var _formatStatus;
+  var quests = _ref.quests,
+    styles = _ref.styles;
+  return React__default.createElement(QuestListContainer, {
+    style: styles == null ? void 0 : styles.container
+  }, quests && quests.length > 0 ? quests.map(function (quest, i) {
+    var _formatQuestStatus;
     return React__default.createElement(QuestCard, {
-      key: i
-    }, React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Title:"), React__default.createElement(Value, null, formatText(quest.title))), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Status:"), React__default.createElement(Value, {
-      style: {
-        color: getStatusColor(quest.status)
-      }
-    }, (_formatStatus = formatStatus(quest.status)) != null ? _formatStatus : 'Unknown')), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Description:"), React__default.createElement(Value, null, quest.description)));
+      key: i,
+      style: styles == null ? void 0 : styles.card
+    }, React__default.createElement(QuestItem, null, React__default.createElement(Label, {
+      style: styles == null ? void 0 : styles.label
+    }, "Title:"), React__default.createElement(Value, {
+      style: styles == null ? void 0 : styles.value
+    }, formatQuestText(quest.title))), React__default.createElement(QuestItem, null, React__default.createElement(Label, {
+      style: styles == null ? void 0 : styles.label
+    }, "Status:"), React__default.createElement(Value, {
+      style: _extends({}, styles == null ? void 0 : styles.value, {
+        color: getQuestStatusColor(quest.status)
+      })
+    }, (_formatQuestStatus = formatQuestStatus(quest.status)) != null ? _formatQuestStatus : 'Unknown')), React__default.createElement(QuestItem, null, React__default.createElement(Label, {
+      style: styles == null ? void 0 : styles.label
+    }, "Description:"), React__default.createElement(Value, {
+      style: styles == null ? void 0 : styles.value
+    }, quest.description)));
   }) : React__default.createElement(NoQuestContainer, null, React__default.createElement("p", null, "There are no ongoing quests")));
 };
 var QuestListContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestList__QuestListContainer",
   componentId: "sc-1c1y8sp-0"
-})(["margin-top:20px;margin-bottom:40px;max-height:400px;padding:10px;border-radius:10px;font-size:0.7rem;"]);
+})(["max-height:400px;padding:10px;border-radius:10px;font-size:0.7rem;"]);
 var QuestCard = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestList__QuestCard",
   componentId: "sc-1c1y8sp-1"
@@ -31991,78 +32005,13 @@ var NoQuestContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestList__NoQuestContainer",
   componentId: "sc-1c1y8sp-5"
 })(["text-align:center;p{margin-top:5px;color:", ";}"], uiColors.lightGray);
-// const formatObjectives = (
-//   objectives: (IQuestObjectiveKill | IQuestObjectiveInteraction)[]
-// ) => {
-//   try {
-//     if (!objectives || !Array.isArray(objectives)) return '';
-//     return objectives
-//       .map(objective => {
-//         if ('killCountTarget' in objective) {
-//           const killObjective = objective as IQuestObjectiveKill;
-//           return `Kill ${formatText(
-//             killObjective.creatureKeys?.join(', ') ?? ''
-//           )}: ${killObjective.killCount ?? 0}/${killObjective.killCountTarget ??
-//             0}`;
-//         } else if ('targetNPCkey' in objective) {
-//           const interactionObjective = objective as IQuestObjectiveInteraction;
-//           return `Interact with NPC: ${formatText(
-//             interactionObjective.targetNPCkey ?? ''
-//           )}`;
-//         } else {
-//           return '';
-//         }
-//       })
-//       .filter(Boolean)
-//       .join('; ');
-//   } catch (error) {
-//     console.error('Error formatting objectives:', error);
-//     return '';
-//   }
-// };
-// const formatRewards = (rewards: IQuest['rewards']) => {
-//   try {
-//     if (!rewards || !Array.isArray(rewards)) return '';
-//     return rewards
-//       .map(reward => {
-//         const itemKeysFormatted = reward?.itemKeys
-//           ?.map(itemKey =>
-//             itemKey && reward?.qty !== undefined
-//               ? `${itemKey} x${reward.qty}`
-//               : ''
-//           )
-//           .filter(Boolean)
-//           .join(', ');
-//         const spellKeysFormatted = reward?.spellKeys
-//           ?.filter(Boolean)
-//           .join(', ');
-//         const formattedReward = itemKeysFormatted
-//           ? `${formatText(itemKeysFormatted)}`
-//           : '';
-//         if (spellKeysFormatted) {
-//           return formattedReward
-//             ? `${formattedReward}, Spells: ${formatText(spellKeysFormatted)}`
-//             : `Spells: ${formatText(spellKeysFormatted)}`;
-//         }
-//         return formattedReward || '';
-//       })
-//       .filter(Boolean)
-//       .join('; ');
-//   } catch (error) {
-//     console.error(
-//       `Error formatting rewards: ${JSON.stringify(rewards)}:`,
-//       error
-//     );
-//     return '';
-//   }
-// };
-var formatText = function formatText(text) {
+var formatQuestText = function formatQuestText(text) {
   if (!text) return '';
   return text.split('-').map(function (word) {
     return word.charAt(0).toUpperCase() + word.slice(1);
   }).join(' ');
 };
-var getStatusColor = function getStatusColor(status) {
+var getQuestStatusColor = function getQuestStatusColor(status) {
   switch (status) {
     case shared.QuestStatus.Pending:
       return uiColors.orange;
@@ -32074,7 +32023,7 @@ var getStatusColor = function getStatusColor(status) {
       return uiColors.white;
   }
 };
-var formatStatus = function formatStatus(status) {
+var formatQuestStatus = function formatQuestStatus(status) {
   if (!status) return '';
   return status.split(/(?=[A-Z])/).join(' ').replace(/^\w/, function (c) {
     return c.toUpperCase();
@@ -33693,8 +33642,11 @@ exports.Truncate = Truncate;
 exports.TutorialStepper = TutorialStepper;
 exports.UserActionLink = UserActionLink;
 exports._RPGUI = _RPGUI;
+exports.formatQuestStatus = formatQuestStatus;
+exports.formatQuestText = formatQuestText;
 exports.getMockedPlayersRowsLeader = getMockedPlayersRowsLeader;
 exports.getMockedPlayersRowsNotLeader = getMockedPlayersRowsNotLeader;
+exports.getQuestStatusColor = getQuestStatusColor;
 exports.mockedPartyManager = mockedPartyManager;
 exports.mockedPartyRows = mockedPartyRows;
 exports.mockedPlayersRows = mockedPlayersRows;