@rpg-engine/long-bow 0.8.157 → 0.8.159

package/dist/long-bow.esm.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useMemo, me
 import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
 import { BeatLoader } from 'react-spinners';
 import { v4 } from 'uuid';
-import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, goldToDC, MarketplaceTransactionType, MarketplaceAcceptedCurrency, CharacterClass, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, formatDCAmount, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, goldToDC, MarketplaceTransactionType, MarketplaceAcceptedCurrency, CharacterClass, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
 export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
@@ -39284,7 +39284,7 @@ var FilterRow = /*#__PURE__*/styled.div.withConfig({
 var FilterLabel = /*#__PURE__*/styled.p.withConfig({
   displayName: "DCHistoryPanel__FilterLabel",
   componentId: "sc-debjdj-2"
-})(["margin:0;font-size:0.7rem;color:#ccc;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;"]);
+})(["margin:0 !important;font-size:0.7rem !important;color:#ccc !important;font-family:'Press Start 2P',cursive !important;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;"]);
 var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "DCHistoryPanel__StyledDropdown",
   componentId: "sc-debjdj-3"
@@ -39308,23 +39308,23 @@ var TxRight = /*#__PURE__*/styled.div.withConfig({
 var TxType = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxType",
   componentId: "sc-debjdj-8"
-})(["font-size:7px;font-family:'Press Start 2P',cursive;"]);
+})(["font-size:8px !important;font-family:'Press Start 2P',cursive !important;"]);
 var TxAmount = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxAmount",
   componentId: "sc-debjdj-9"
-})(["font-size:8px;font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
+})(["font-size:9px !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;"]);
 var TxNote = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxNote",
   componentId: "sc-debjdj-10"
-})(["font-size:6px;color:", ";font-family:'Press Start 2P',cursive;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], uiColors.lightGray);
+})(["font-size:7px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], uiColors.lightGray);
 var TxDate = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxDate",
   componentId: "sc-debjdj-11"
-})(["font-size:6px;color:rgba(255,255,255,0.4);font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
+})(["font-size:7px !important;color:rgba(255,255,255,0.4) !important;font-family:'Press Start 2P',cursive !important;white-space:nowrap;"]);
 var LoadingRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__LoadingRow",
   componentId: "sc-debjdj-12"
-})(["display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;color:", ";font-size:9px;font-family:'Press Start 2P',cursive;"], uiColors.white);
+})(["display:flex;align-items:center;gap:8px;justify-content:center;padding:16px;color:", " !important;font-size:9px !important;font-family:'Press Start 2P',cursive !important;"], uiColors.white);
 var Spinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__Spinner",
   componentId: "sc-debjdj-13"
@@ -39332,7 +39332,7 @@ var Spinner = /*#__PURE__*/styled.div.withConfig({
 var EmptyMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCHistoryPanel__EmptyMessage",
   componentId: "sc-debjdj-14"
-})(["font-size:8px;color:", ";font-family:'Press Start 2P',cursive;text-align:center;padding:20px;"], uiColors.lightGray);
+})(["font-size:8px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;text-align:center;padding:20px;"], uiColors.lightGray);
 
 // Global style to prevent body scrolling when modal is open
 var GlobalStyle = /*#__PURE__*/createGlobalStyle(["body{overflow:hidden;width:100%;height:100%;}"]);
@@ -39646,11 +39646,11 @@ var PanelContainer$1 = /*#__PURE__*/styled.div.withConfig({
 var FieldLabel = /*#__PURE__*/styled.label.withConfig({
   displayName: "DCTransferPanel__FieldLabel",
   componentId: "sc-k1vvb1-1"
-})(["font-size:9px;color:#f59e0b;font-family:'Press Start 2P',cursive;margin-top:8px;"]);
+})(["font-size:9px !important;color:#f59e0b !important;font-family:'Press Start 2P',cursive !important;margin-top:8px;"]);
 var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "DCTransferPanel__StyledInput",
   componentId: "sc-k1vvb1-2"
-})(["background:rgba(0,0,0,0.6);border:1px solid #f59e0b;color:", ";padding:6px 8px;font-size:12px;font-family:'Press Start 2P',cursive;width:100%;box-sizing:border-box;&:disabled{opacity:0.5;}&:focus{outline:none;border-color:", ";}"], uiColors.white, uiColors.white);
+})(["background:rgba(0,0,0,0.6) !important;border:1px solid #f59e0b !important;color:", " !important;padding:6px 8px !important;font-size:11px !important;font-family:'Press Start 2P',cursive !important;width:100% !important;box-sizing:border-box !important;&:disabled{opacity:0.5;}&:focus{outline:none;border-color:", " !important;}"], uiColors.white, uiColors.white);
 var ButtonRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ButtonRow",
   componentId: "sc-k1vvb1-3"
@@ -39662,7 +39662,7 @@ var Spinner$1 = /*#__PURE__*/styled.div.withConfig({
 var ResultMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ResultMessage",
   componentId: "sc-k1vvb1-5"
-})(["margin-top:8px;padding:8px;font-size:9px;font-family:'Press Start 2P',cursive;color:", ";border:1px solid ", ";background:rgba(0,0,0,0.4);text-align:center;"], function (_ref2) {
+})(["margin-top:8px;padding:8px;font-size:9px !important;font-family:'Press Start 2P',cursive !important;color:", " !important;border:1px solid ", ";background:rgba(0,0,0,0.4);text-align:center;"], function (_ref2) {
   var $success = _ref2.$success;
   return $success ? uiColors.green : uiColors.red;
 }, function (_ref3) {
@@ -39672,7 +39672,7 @@ var ResultMessage = /*#__PURE__*/styled.div.withConfig({
 var ErrorMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__ErrorMessage",
   componentId: "sc-k1vvb1-6"
-})(["font-size:9px;color:", ";font-family:'Press Start 2P',cursive;"], uiColors.red);
+})(["font-size:9px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;"], uiColors.red);
 var AutocompleteWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCTransferPanel__AutocompleteWrapper",
   componentId: "sc-k1vvb1-7"
@@ -39686,6 +39686,8 @@ var DropdownItem = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-k1vvb1-9"
 })(["padding:6px 8px;font-size:11px;font-family:'Press Start 2P',cursive;color:", ";cursor:pointer;&:hover{background:rgba(245,158,11,0.3);}"], uiColors.white);
 
+var DC_TO_GOLD = 5500;
+var DC_TO_USD = 100;
 var DCWalletContent = function DCWalletContent(_ref) {
   var _historyData$transact, _historyData$totalPag, _historyData$currentP;
   var dcBalance = _ref.dcBalance,
@@ -39702,17 +39704,9 @@ var DCWalletContent = function DCWalletContent(_ref) {
     onBuyDC = _ref.onBuyDC,
     onSearchCharacter = _ref.onSearchCharacter,
     searchResults = _ref.searchResults;
-  var _useState = useState('balance'),
-    activeTab = _useState[0],
-    setActiveTab = _useState[1];
+  var usdValue = (dcBalance / DC_TO_USD).toFixed(2);
+  var goldValue = (dcBalance * DC_TO_GOLD).toLocaleString();
   var tabs = [{
-    id: 'balance',
-    title: 'Balance',
-    content: React.createElement(BalanceContent, null, React.createElement(BalanceLabel, null, "Your DC Balance"), React.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), React.createElement(DCHint, null, "Spend on the Store, buy items on the Marketplace, or transfer to any player."), onBuyDC && React.createElement(BuyButton, {
-      onPointerDown: onBuyDC,
-      title: "Buy Definya Coins"
-    }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy More DC")))
-  }, {
     id: 'transfer',
     title: 'Transfer',
     content: React.createElement(DCTransferPanel, {
@@ -39738,50 +39732,91 @@ var DCWalletContent = function DCWalletContent(_ref) {
       onRequestHistory: onRequestHistory
     })
   }];
-  return React.createElement(WalletContainer, null, React.createElement(InternalTabs, {
+  return React.createElement(WalletContainer, null, React.createElement(BalanceHeader, null, React.createElement(BalanceTop, null, React.createElement(BalanceBlock, null, React.createElement(BalanceLabel, null, "DC BALANCE"), React.createElement(BalanceAmount, null, formatDCAmount(dcBalance), " ", React.createElement(BalanceDC, null, "DC")), React.createElement(BalanceEquiv, null, "\u2248 $", usdValue, " USD \xA0\xB7\xA0 ", goldValue, " Gold")), onBuyDC && React.createElement(BuyButton, {
+    onPointerDown: onBuyDC,
+    role: "button",
+    tabIndex: 0,
+    title: "Buy Definya Coins"
+  }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy DC"))), React.createElement(RateStrip, null, React.createElement(RateItem, null, React.createElement(RateNum, null, "1 DC"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "5,500 Gold")), React.createElement(RateDivider, null), React.createElement(RateItem, null, React.createElement(RateNum, null, "100 DC"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "1 USD")), React.createElement(RateDivider, null), React.createElement(RateItem, null, React.createElement(RateNum, null, "1 USD"), React.createElement(RateSep, null, "="), React.createElement(RateVal, null, "550K Gold")))), React.createElement(TabsWrapper, null, React.createElement(InternalTabs, {
     tabs: tabs,
-    activeTab: activeTab,
     onTabChange: function onTabChange(tabId) {
-      setActiveTab(tabId);
-      if (tabId === 'history') {
-        onRequestHistory(1);
-      }
+      if (tabId === 'history') onRequestHistory(1);
     },
     activeTextColor: "#000000",
     activeColor: "#fef08a",
     inactiveColor: "#6b7280",
     borderColor: "#f59e0b",
     hoverColor: "#fef3c7"
-  }));
+  })));
 };
 var WalletContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCWalletContent__WalletContainer",
   componentId: "sc-1hrivmk-0"
-})(["display:flex;flex-direction:column;width:100%;min-height:300px;gap:0.5rem;"]);
-var BalanceContent = /*#__PURE__*/styled.div.withConfig({
-  displayName: "DCWalletContent__BalanceContent",
+})(["display:flex;flex-direction:column;width:100%;min-height:300px;"]);
+var BalanceHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceHeader",
   componentId: "sc-1hrivmk-1"
-})(["display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;"]);
+})(["background:rgba(0,0,0,0.35);border:1px solid rgba(245,158,11,0.25);border-radius:6px;padding:14px 16px 10px;margin:0 2.5% 10px;display:flex;flex-direction:column;gap:10px;"]);
+var BalanceTop = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceTop",
+  componentId: "sc-1hrivmk-2"
+})(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
+var BalanceBlock = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceBlock",
+  componentId: "sc-1hrivmk-3"
+})(["display:flex;flex-direction:column;gap:5px;"]);
 var BalanceLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCWalletContent__BalanceLabel",
-  componentId: "sc-1hrivmk-2"
-})(["font-family:'Press Start 2P',cursive;font-size:10px;color:", ";"], uiColors.lightGray);
+  componentId: "sc-1hrivmk-4"
+})(["font-family:'Press Start 2P',cursive !important;font-size:9px !important;color:rgba(245,158,11,0.7) !important;letter-spacing:1px;"]);
 var BalanceAmount = /*#__PURE__*/styled.div.withConfig({
   displayName: "DCWalletContent__BalanceAmount",
-  componentId: "sc-1hrivmk-3"
-})(["font-family:'Press Start 2P',cursive;font-size:28px;color:#fef08a;text-shadow:2px 2px 0 #000;letter-spacing:2px;"]);
-var DCHint = /*#__PURE__*/styled.p.withConfig({
-  displayName: "DCWalletContent__DCHint",
-  componentId: "sc-1hrivmk-4"
-})(["margin:0 !important;font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:rgba(255,255,255,0.4) !important;text-align:center !important;line-height:1.8 !important;max-width:280px;"]);
-var BuyButton = /*#__PURE__*/styled.button.withConfig({
-  displayName: "DCWalletContent__BuyButton",
   componentId: "sc-1hrivmk-5"
-})(["display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;background:#f59e0b;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;&:hover{background:#fbbf24;}&:active{background:#d97706;}"]);
+})(["font-family:'Press Start 2P',cursive !important;font-size:24px !important;color:#fef08a !important;text-shadow:2px 2px 0 #000 !important;letter-spacing:2px;line-height:1 !important;"]);
+var BalanceDC = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__BalanceDC",
+  componentId: "sc-1hrivmk-6"
+})(["font-size:14px !important;color:rgba(254,240,138,0.6) !important;"]);
+var BalanceEquiv = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BalanceEquiv",
+  componentId: "sc-1hrivmk-7"
+})(["font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:rgba(255,255,255,0.45) !important;letter-spacing:0.5px;"]);
+var BuyButton = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__BuyButton",
+  componentId: "sc-1hrivmk-8"
+})(["display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 16px;background:#f59e0b;border-radius:4px;color:#000 !important;cursor:pointer;flex-shrink:0;font-size:14px;white-space:nowrap;user-select:none;text-shadow:none !important;&:hover{background:#fbbf24;}&:active{background:#d97706;}"]);
 var BuyButtonLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCWalletContent__BuyButtonLabel",
-  componentId: "sc-1hrivmk-6"
-})(["font-family:'Press Start 2P',cursive;font-size:8px;"]);
+  componentId: "sc-1hrivmk-9"
+})(["font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:#000 !important;white-space:nowrap !important;text-shadow:none !important;"]);
+var RateStrip = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateStrip",
+  componentId: "sc-1hrivmk-10"
+})(["display:flex;align-items:center;border-top:1px solid rgba(245,158,11,0.1);padding-top:8px;"]);
+var RateItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateItem",
+  componentId: "sc-1hrivmk-11"
+})(["display:flex;align-items:center;gap:5px;flex:1;justify-content:center;"]);
+var RateDivider = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__RateDivider",
+  componentId: "sc-1hrivmk-12"
+})(["width:1px;height:12px;background:rgba(245,158,11,0.2);"]);
+var RateNum = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateNum",
+  componentId: "sc-1hrivmk-13"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.5) !important;"]);
+var RateSep = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateSep",
+  componentId: "sc-1hrivmk-14"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.2) !important;"]);
+var RateVal = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DCWalletContent__RateVal",
+  componentId: "sc-1hrivmk-15"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(254,240,138,0.6) !important;"]);
+var TabsWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DCWalletContent__TabsWrapper",
+  componentId: "sc-1hrivmk-16"
+})(["padding:0 2.5%;"]);
 
 var _excluded$3 = ["onClose"];
 var DCWalletModal = function DCWalletModal(_ref) {
@@ -44606,9 +44641,7 @@ var typeOptions = /*#__PURE__*/[{
   id: 1,
   value: '',
   option: 'All Types'
-}].concat( /*#__PURE__*/Object.keys(ItemSubType).filter(function (t) {
-  return t !== 'DeadBody';
-}).map(function (t, index) {
+}].concat( /*#__PURE__*/Object.keys(ItemType).map(function (t, index) {
   return {
     id: index + 2,
     value: t,