@rpg-engine/long-bow 0.8.138 → 0.8.139

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, 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, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, formatDCAmount, goldToDC, CharacterClass, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
 import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaHistory, FaWallet } from 'react-icons/fa';
@@ -30388,11 +30388,18 @@ var DCHistoryPanel = function DCHistoryPanel(_ref) {
     var color = (_TRANSACTION_TYPE_COL = TRANSACTION_TYPE_COLORS[tx.type]) != null ? _TRANSACTION_TYPE_COL : '#f59e0b';
     var subtitle = (_tx$note = tx.note) != null ? _tx$note : tx.relatedCharacterName ? tx.relatedCharacterName : '';
     return React.createElement(TransactionRow, {
-      key: tx._id
+      key: tx._id,
+      style: {
+        borderLeft: "3px solid " + color
+      }
     }, React.createElement(TxLeft, null, React.createElement(TxType, {
-      "$color": color
+      style: {
+        color: color
+      }
     }, label), subtitle ? React.createElement(TxNote, null, subtitle) : null), React.createElement(TxRight, null, React.createElement(TxAmount, {
-      "$credit": isCredit
+      style: {
+        color: isCredit ? '#4CAF50' : '#D04648'
+      }
     }, isCredit ? '+' : '', tx.amount, " DC"), React.createElement(TxDate, null, formatDate(tx.createdAt))));
   })), totalPages > 1 && React.createElement(Pagination, {
     currentPage: currentPage,
@@ -30435,17 +30442,11 @@ var TxRight = /*#__PURE__*/styled.div.withConfig({
 var TxType = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxType",
   componentId: "sc-debjdj-8"
-})(["font-size:7px;color:", ";font-family:'Press Start 2P',cursive;"], function (_ref2) {
-  var $color = _ref2.$color;
-  return $color;
-});
+})(["font-size:7px;font-family:'Press Start 2P',cursive;"]);
 var TxAmount = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxAmount",
   componentId: "sc-debjdj-9"
-})(["font-size:8px;font-family:'Press Start 2P',cursive;color:", ";white-space:nowrap;"], function (_ref3) {
-  var $credit = _ref3.$credit;
-  return $credit ? uiColors.green : uiColors.red;
-});
+})(["font-size:8px;font-family:'Press Start 2P',cursive;white-space:nowrap;"]);
 var TxNote = /*#__PURE__*/styled.span.withConfig({
   displayName: "DCHistoryPanel__TxNote",
   componentId: "sc-debjdj-10"
@@ -30833,7 +30834,7 @@ var DCWalletModal = function DCWalletModal(_ref) {
     content: React.createElement(BalanceContent, null, React.createElement(BalanceLabel, null, "Your DC Balance"), React.createElement(BalanceAmount, null, dcBalance.toLocaleString(), " DC"), onBuyDC && React.createElement(BuyButton, {
       onPointerDown: onBuyDC,
       title: "Buy Definya Coins"
-    }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy DC")))
+    }, React.createElement(FaShoppingCart, null), React.createElement(BuyButtonLabel, null, "Buy More DC")))
   }, {
     id: 'transfer',
     title: 'Transfer',
@@ -35641,9 +35642,9 @@ var MarketplaceBuyModal = function MarketplaceBuyModal(_ref) {
     "$selected": selected === 'dc'
   }), React.createElement(OptionText, null, React.createElement(OptionLabel, {
     "$disabled": !hasSufficientDC
-  }, "Definya Coin"), React.createElement(OptionSub, null, dcEquivalentPrice.toLocaleString(), " DC", ' ', React.createElement(BalanceHint, {
+  }, "Definya Coin"), React.createElement(OptionSub, null, formatDCAmount(dcEquivalentPrice), " DC", ' ', React.createElement(BalanceHint, {
     "$insufficient": !hasSufficientDC
-  }, "(", dcBalance.toLocaleString(), " available)"))))), React.createElement(ConfirmRow, null, React.createElement(Button, {
+  }, "(", formatDCAmount(dcBalance), " available)"))))), React.createElement(ConfirmRow, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onPointerDown: handleConfirm
   }, "Confirm")))));
@@ -35769,7 +35770,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, item.name)))), React.createElement(Flex$1, null, React.createElement(PriceContainer, null, React.createElement(ItemIconContainer, null, React.createElement(GoldContainer, null, React.createElement(SpriteFromAtlas, {
+  }, item.name)))), React.createElement(Flex$1, null, React.createElement(ItemIconContainer, null, React.createElement(GoldContainer, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/gold-coin-qty-5.png",
@@ -35778,11 +35779,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "120px",
     fontSize: "10px"
-  }, "$", itemPrice)))), dcEquivalentPrice !== undefined && React.createElement(DCPriceLabel, null, React.createElement(Ellipsis, {
-    maxLines: 1,
-    maxWidth: "80px",
-    fontSize: "9px"
-  }, dcEquivalentPrice, " DC"))), React.createElement(ButtonContainer$3, null, React.createElement(Button, {
+  }, "$", itemPrice))), dcEquivalentPrice !== undefined && React.createElement(DCPriceLabel, null, formatDCAmount(dcEquivalentPrice), " DC")), React.createElement(ButtonContainer$3, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     disabled: disabled,
     onPointerDown: function onPointerDown() {
@@ -35820,25 +35817,21 @@ var SpriteContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__SpriteContainer",
   componentId: "sc-wmpr1o-6"
 })(["position:relative;left:0.5rem;"]);
-var PriceContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "MarketplaceRows__PriceContainer",
-  componentId: "sc-wmpr1o-7"
-})(["display:flex;flex-direction:column;align-items:flex-start;gap:2px;"]);
-var DCPriceLabel = /*#__PURE__*/styled.p.withConfig({
+var DCPriceLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "MarketplaceRows__DCPriceLabel",
-  componentId: "sc-wmpr1o-8"
-})(["margin:0;margin-left:40px;color:#fef08a;font-size:0.7rem;"]);
+  componentId: "sc-wmpr1o-7"
+})(["margin-left:8px;color:#fef08a;font-size:0.65rem;white-space:nowrap;"]);
 var PriceValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__PriceValue",
-  componentId: "sc-wmpr1o-9"
+  componentId: "sc-wmpr1o-8"
 })(["margin-left:40px;"]);
 var ButtonContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__ButtonContainer",
-  componentId: "sc-wmpr1o-10"
+  componentId: "sc-wmpr1o-9"
 })(["margin:auto;"]);
 var RarityContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__RarityContainer",
-  componentId: "sc-wmpr1o-11"
+  componentId: "sc-wmpr1o-10"
 })(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref2) {
   var item = _ref2.item;
   return rarityColor(item);
@@ -35939,7 +35932,7 @@ var BuyPanel = function BuyPanel(_ref) {
   }) : null;
   var hasDCBalance = dcBalance > 0 && dcToGoldSwapRate > 0;
   var getDCEquivalentPrice = function getDCEquivalentPrice(goldPrice) {
-    return dcToGoldSwapRate > 0 ? Math.ceil(goldPrice / dcToGoldSwapRate) : 0;
+    return dcToGoldSwapRate > 0 ? goldToDC(goldPrice) : 0;
   };
   return React.createElement(React.Fragment, null, buyingItemId && buyingItem && hasDCBalance && React.createElement(MarketplaceBuyModal, {
     goldPrice: buyingItem.price,
@@ -59920,7 +59913,6 @@ var Store = function Store(_ref) {
     }
   }) : React.createElement(Container$N, null, React.createElement(TopBar$1, null, React.createElement(LeftButtons, null, onShowHistory && React.createElement(CTAButton, {
     icon: React.createElement(FaHistory, null),
-    label: "History",
     onClick: onShowHistory
   }), onShowWallet && React.createElement(CTAButton, {
     icon: React.createElement(FaWallet, null),