@rpg-engine/long-bow 0.8.207 → 0.8.209

package/dist/long-bow.esm.js

@@ -6,7 +6,7 @@ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemConta
 export { MarketplaceAcceptedCurrency } 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, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaCheckCircle, FaTicketAlt, FaExclamationCircle, FaArrowLeft, FaWallet, FaHistory } from 'react-icons/fa';
+import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaCheckCircle, FaTicketAlt, FaExclamationCircle, FaArrowLeft, FaUsers, FaWallet, FaHistory } from 'react-icons/fa';
 import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
 import { IoMdContract, IoMdExpand } from 'react-icons/io';
 import ReactDOM, { createPortal } from 'react-dom';
@@ -11275,7 +11275,8 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    scale = _ref.scale;
   if (!isOpen || !blueprint) return null;
   var stopPropagation = function stopPropagation(e) {
     e.stopPropagation();
@@ -11287,7 +11288,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
   };
   return React.createElement(ModalPortal, null, React.createElement(Overlay$5, {
     onPointerDown: handleClose
-  }), React.createElement(ModalContainer$3, null, React.createElement(ModalContent$3, {
+  }), React.createElement(ModalContainer$3, {
+    "$scale": scale
+  }, React.createElement(ModalContent$3, {
     onClick: stopPropagation,
     onPointerDown: stopPropagation
   }, React.createElement(Header$9, null, React.createElement(Title$a, null, "Place Buy Request"), React.createElement(CloseButton$b, {
@@ -11346,7 +11349,10 @@ var Overlay$5 = /*#__PURE__*/styled.div.withConfig({
 var ModalContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyOrderDetailsModal__ModalContainer",
   componentId: "sc-6bghe9-1"
-})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
+})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;", ""], function (_ref2) {
+  var $scale = _ref2.$scale;
+  return $scale !== undefined && $scale !== 1 ? "transform: scale(" + $scale + ");" : '';
+});
 var ModalContent$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyOrderDetailsModal__ModalContent",
   componentId: "sc-6bghe9-2"
@@ -11710,7 +11716,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     onYourBuyOrdersPageChange = props.onYourBuyOrdersPageChange,
     onCancelBuyOrder = props.onCancelBuyOrder,
     enableHotkeys = props.enableHotkeys,
-    disableHotkeys = props.disableHotkeys;
+    disableHotkeys = props.disableHotkeys,
+    scale = props.scale;
   // Local blueprint display: cleared immediately on Place Request so the
   // panel returns to "Select Item" without waiting for the consumer to update
   // the prop. Cancel keeps it shown so the user can reopen the modal.
@@ -11757,7 +11764,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
     enableHotkeys: enableHotkeys,
-    disableHotkeys: disableHotkeys
+    disableHotkeys: disableHotkeys,
+    scale: scale
   }), React.createElement(FormRow, null, displayedBlueprint ? React.createElement(SelectedBlueprintDisplay, {
     onPointerDown: onOpenBlueprintSearch
   }, React.createElement(RarityContainer, {
@@ -13347,6 +13355,12 @@ var rarityColor$1 = function rarityColor(rarity) {
   var _RARITY_COLORS$toLowe;
   return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[(rarity != null ? rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
 };
+var rarityGlowColor = function rarityGlowColor(rarity) {
+  var _RARITY_COLORS$key;
+  var key = (rarity != null ? rarity : '').toLowerCase();
+  if (!key || key === 'common') return null;
+  return (_RARITY_COLORS$key = RARITY_COLORS$1[key]) != null ? _RARITY_COLORS$key : null;
+};
 var formatEquipmentSlot = function formatEquipmentSlot(slot) {
   if (!slot) return 'Unknown';
   return slot.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/[_-]+/g, ' ').replace(/\b\w/g, function (_char) {
@@ -13393,7 +13407,7 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
     var a = _ref2[1];
     var b = _ref3[1];
     return b - a;
-  }).slice(0, 8);
+  });
   return React.createElement(ModalPortal, null, isConfirming && React.createElement(ConfirmModal, {
     onConfirm: handleConfirm,
     onClose: function onClose() {
@@ -13411,7 +13425,7 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
     onPointerDown: handleClose,
     "aria-label": "Close",
     type: "button"
-  }, React.createElement(FaTimes, null))), React.createElement(HeroSection, null, React.createElement(SpriteContainer$5, null, React.createElement(SpriteFromAtlas, {
+  }, React.createElement(FaTimes, null))), React.createElement(ScrollableBody, null, React.createElement(HeroSection, null, React.createElement(SpriteContainer$5, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: characterAtlasIMG,
     atlasJSON: characterAtlasJSON,
     spriteKey: snap.textureKey + "/down/standing/0.png",
@@ -13421,7 +13435,7 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
     centered: true
   })), React.createElement(HeroInfo, null, React.createElement(CharacterName$1, null, snap.name || 'Unknown'), React.createElement(CharacterClass, null, "Lv.", snap.level, " \xB7 ", snap["class"]), React.createElement(CharacterOrigin, null, snap.race, " \xB7 ", snap.faction), React.createElement(ModeBadge, {
     "$hardcore": ((_snap$mode = snap.mode) == null ? void 0 : _snap$mode.toLowerCase()) === 'hardcore'
-  }, snap.mode || 'Standard'))), React.createElement(Divider, null), React.createElement(MetaColumns, null, topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsList, null, topSkills.map(function (_ref4) {
+  }, snap.mode || 'Standard'), snap.gold != null && snap.gold > 0 && React.createElement(GoldRow, null, React.createElement(GoldLabel, null, "GOLD"), React.createElement(GoldAmount$1, null, snap.gold.toLocaleString())))), React.createElement(Divider, null), React.createElement(MetaColumns, null, topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsList, null, topSkills.map(function (_ref4) {
     var name = _ref4[0],
       value = _ref4[1];
     return React.createElement(SkillRow, {
@@ -13430,7 +13444,9 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
   }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Equipment"), React.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
     return React.createElement(EquipmentRow, {
       key: i
-    }, React.createElement(EquipmentSprite, null, React.createElement(SpriteFromAtlas, {
+    }, React.createElement(EquipmentSprite, {
+      "$rarity": eq.rarity
+    }, React.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: eq.itemKey,
@@ -13438,10 +13454,16 @@ var CharacterDetailModal = function CharacterDetailModal(_ref) {
       width: 32,
       height: 32,
       centered: true
-    })), React.createElement(EquipMeta, null, React.createElement(EquipName, null, eq.itemName), React.createElement(EquipDetails, null, React.createElement(EquipSlot, null, formatEquipmentSlot(eq.slot)), React.createElement(RarityBadge, {
+    }), eq.attachedGems && eq.attachedGems.length > 0 && React.createElement(GemRow, null, eq.attachedGems.map(function (gem, gi) {
+      var _gemColors$gem$key;
+      return React.createElement(GemDot, {
+        key: gi,
+        "$color": (_gemColors$gem$key = gemColors[gem.key]) != null ? _gemColors$gem$key : '#fff'
+      });
+    }))), React.createElement(EquipMeta, null, React.createElement(EquipName, null, eq.itemName), React.createElement(EquipDetails, null, React.createElement(EquipSlot, null, formatEquipmentSlot(eq.slot)), React.createElement(RarityBadge, {
       "$rarity": eq.rarity
     }, eq.rarity || 'Common'))));
-  })))), React.createElement(Divider, null), React.createElement(Footer$1, null, React.createElement(SellerInfo, null, "Listed by ", listing.listedByCharacterName), React.createElement(FooterActions, null, React.createElement(PriceDisplay, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
+  }))))), React.createElement(FooterDivider, null), React.createElement(Footer$1, null, React.createElement(SellerInfo, null, "Listed by ", listing.listedByCharacterName), React.createElement(FooterActions, null, React.createElement(PriceDisplay, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
@@ -13469,7 +13491,7 @@ var ModalContainer$5 = /*#__PURE__*/styled.div.withConfig({
 var ModalContent$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__ModalContent",
   componentId: "sc-1kdn1l6-2"
-})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:580px;max-width:96%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 16px;width:580px;max-width:96%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$2);
 var Header$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__Header",
   componentId: "sc-1kdn1l6-3"
@@ -13520,103 +13542,141 @@ var Divider = /*#__PURE__*/styled.hr.withConfig({
   displayName: "CharacterDetailModal__Divider",
   componentId: "sc-1kdn1l6-13"
 })(["border:none;border-top:1px solid rgba(255,255,255,0.06);margin:0;flex-shrink:0;"]);
+var FooterDivider = /*#__PURE__*/styled(Divider).withConfig({
+  displayName: "CharacterDetailModal__FooterDivider",
+  componentId: "sc-1kdn1l6-14"
+})([""]);
+var ScrollableBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__ScrollableBody",
+  componentId: "sc-1kdn1l6-15"
+})(["flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:14px;min-height:0;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"]);
 var Section$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__Section",
-  componentId: "sc-1kdn1l6-14"
+  componentId: "sc-1kdn1l6-16"
 })(["display:flex;flex-direction:column;gap:8px;"]);
 var SectionTitle$3 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SectionTitle",
-  componentId: "sc-1kdn1l6-15"
+  componentId: "sc-1kdn1l6-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#f59e0b !important;text-transform:uppercase;letter-spacing:1px;"]);
 var MetaColumns = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__MetaColumns",
-  componentId: "sc-1kdn1l6-16"
+  componentId: "sc-1kdn1l6-18"
 })(["display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;@media (max-width:640px){grid-template-columns:1fr;}"]);
 var SkillsList = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__SkillsList",
-  componentId: "sc-1kdn1l6-17"
+  componentId: "sc-1kdn1l6-19"
 })(["display:flex;flex-direction:column;gap:4px;"]);
 var SkillRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__SkillRow",
-  componentId: "sc-1kdn1l6-18"
+  componentId: "sc-1kdn1l6-20"
 })(["display:flex;justify-content:space-between;align-items:center;gap:8px;"]);
 var SkillName = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SkillName",
-  componentId: "sc-1kdn1l6-19"
+  componentId: "sc-1kdn1l6-21"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:capitalize;"]);
 var SkillValue = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SkillValue",
-  componentId: "sc-1kdn1l6-20"
+  componentId: "sc-1kdn1l6-22"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fef08a !important;"]);
 var EquipmentList = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipmentList",
-  componentId: "sc-1kdn1l6-21"
+  componentId: "sc-1kdn1l6-23"
 })(["display:flex;flex-direction:column;gap:5px;"]);
 var EquipmentRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipmentRow",
-  componentId: "sc-1kdn1l6-22"
+  componentId: "sc-1kdn1l6-24"
 })(["display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:4px;min-width:0;"]);
 var EquipmentSprite = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipmentSprite",
-  componentId: "sc-1kdn1l6-23"
-})(["display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;"]);
+  componentId: "sc-1kdn1l6-25"
+})(["position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:3px;", ""], function (_ref7) {
+  var $rarity = _ref7.$rarity;
+  var color = rarityGlowColor($rarity);
+  return color ? "box-shadow: 0 0 4px 3px " + color + " inset, 0 0 6px 2px " + color + ";" : '';
+});
+var GemRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__GemRow",
+  componentId: "sc-1kdn1l6-26"
+})(["position:absolute;bottom:-1px;left:0;display:flex;gap:1px;pointer-events:none;"]);
+var GemDot = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__GemDot",
+  componentId: "sc-1kdn1l6-27"
+})(["width:5px;height:5px;border-radius:1px;transform:rotate(45deg);background:radial-gradient( circle at 30% 30%,rgba(255,255,255,0.8),transparent 40% ),linear-gradient(45deg,", ",rgba(255,255,255,0.2));border:1px solid rgba(0,0,0,0.6);box-shadow:0 0 3px ", ";"], function (_ref8) {
+  var $color = _ref8.$color;
+  return $color;
+}, function (_ref9) {
+  var $color = _ref9.$color;
+  return $color;
+});
+var GoldRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__GoldRow",
+  componentId: "sc-1kdn1l6-28"
+})(["display:flex;align-items:center;gap:4px;margin-top:2px;"]);
+var GoldLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__GoldLabel",
+  componentId: "sc-1kdn1l6-29"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+var GoldAmount$1 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__GoldAmount",
+  componentId: "sc-1kdn1l6-30"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fde68a !important;"]);
 var EquipMeta = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipMeta",
-  componentId: "sc-1kdn1l6-24"
+  componentId: "sc-1kdn1l6-31"
 })(["display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;"]);
 var EquipDetails = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__EquipDetails",
-  componentId: "sc-1kdn1l6-25"
+  componentId: "sc-1kdn1l6-32"
 })(["display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;"]);
 var EquipSlot = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__EquipSlot",
-  componentId: "sc-1kdn1l6-26"
+  componentId: "sc-1kdn1l6-33"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.34rem !important;color:#6b7280 !important;text-transform:capitalize;min-width:0;"]);
 var EquipName = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__EquipName",
-  componentId: "sc-1kdn1l6-27"
+  componentId: "sc-1kdn1l6-34"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#d1d5db !important;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 var RarityBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__RarityBadge",
-  componentId: "sc-1kdn1l6-28"
-})(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref7) {
-  var $rarity = _ref7.$rarity;
+  componentId: "sc-1kdn1l6-35"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref10) {
+  var $rarity = _ref10.$rarity;
   return rarityColor$1($rarity);
-}, function (_ref8) {
-  var $rarity = _ref8.$rarity;
+}, function (_ref11) {
+  var $rarity = _ref11.$rarity;
   return rarityColor$1($rarity);
 });
 var Footer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__Footer",
-  componentId: "sc-1kdn1l6-29"
+  componentId: "sc-1kdn1l6-36"
 })(["display:flex;flex-direction:column;gap:8px;flex-shrink:0;"]);
 var SellerInfo = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__SellerInfo",
-  componentId: "sc-1kdn1l6-30"
+  componentId: "sc-1kdn1l6-37"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var FooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__FooterActions",
-  componentId: "sc-1kdn1l6-31"
+  componentId: "sc-1kdn1l6-38"
 })(["display:flex;align-items:center;justify-content:space-between;gap:12px;@media (max-width:640px){flex-direction:column;align-items:stretch;}"]);
 var PriceDisplay = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterDetailModal__PriceDisplay",
-  componentId: "sc-1kdn1l6-32"
+  componentId: "sc-1kdn1l6-39"
 })(["display:flex;align-items:center;gap:6px;line-height:1;"]);
 var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__DCCoinWrapper",
-  componentId: "sc-1kdn1l6-33"
+  componentId: "sc-1kdn1l6-40"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
 var PriceAmount = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__PriceAmount",
-  componentId: "sc-1kdn1l6-34"
+  componentId: "sc-1kdn1l6-41"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.7rem !important;color:#fef08a !important;"]);
 var BuyBtn = /*#__PURE__*/styled(CTAButton).withConfig({
   displayName: "CharacterDetailModal__BuyBtn",
-  componentId: "sc-1kdn1l6-35"
+  componentId: "sc-1kdn1l6-42"
 })(["flex-shrink:0;padding:10px 18px;height:34px;span{font-size:0.6rem;}"]);
 var PendingNotice = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterDetailModal__PendingNotice",
-  componentId: "sc-1kdn1l6-36"
+  componentId: "sc-1kdn1l6-43"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 
 var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
@@ -14342,7 +14402,9 @@ var Marketplace = function Marketplace(props) {
     characterNameFilter = _props$characterNameF === void 0 ? '' : _props$characterNameF,
     onCharacterNameFilterChange = props.onCharacterNameFilterChange,
     characterAtlasIMG = props.characterAtlasIMG,
-    characterAtlasJSON = props.characterAtlasJSON;
+    characterAtlasJSON = props.characterAtlasJSON,
+    _props$fullScreen = props.fullScreen,
+    fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen;
   var _useState = useState('marketplace'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
@@ -14376,6 +14438,7 @@ var Marketplace = function Marketplace(props) {
     onCloseButton: function onCloseButton() {
       if (onClose) onClose();
     },
+    isFullScreen: fullScreen,
     width: "920px",
     cancelDrag: "#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
     scale: scale
@@ -14499,7 +14562,8 @@ var Marketplace = function Marketplace(props) {
     onYourBuyOrdersPageChange: onYourBuyOrdersPageChange != null ? onYourBuyOrdersPageChange : function () {},
     onCancelBuyOrder: onCancelBuyOrder != null ? onCancelBuyOrder : function () {},
     enableHotkeys: props.enableHotkeys,
-    disableHotkeys: props.disableHotkeys
+    disableHotkeys: props.disableHotkeys,
+    scale: scale
   }), React.createElement(BlueprintSearchModal, {
     isOpen: isBlueprintSearchOpen,
     onClose: function onClose() {
@@ -39638,8 +39702,11 @@ var Store = function Store(_ref) {
     _ref$textInputItemKey = _ref.textInputItemKeys,
     textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey,
     customPacksContent = _ref.customPacksContent,
+    customCharactersContent = _ref.customCharactersContent,
     customWalletContent = _ref.customWalletContent,
     customHistoryContent = _ref.customHistoryContent,
+    _ref$fullScreen = _ref.fullScreen,
+    fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$packsTabLabel = _ref.packsTabLabel,
     packsTabLabel = _ref$packsTabLabel === void 0 ? 'Packs' : _ref$packsTabLabel,
     packsBadge = _ref.packsBadge,
@@ -39786,7 +39853,7 @@ var Store = function Store(_ref) {
     return React.createElement(ErrorMessage$3, null, error);
   }
   // Build tabs dynamically based on props
-  var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
+  var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, customCharactersContent ? ['characters'] : [], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
   var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
     return !(hidePremiumTab && id === 'premium');
   })));
@@ -39926,6 +39993,14 @@ var Store = function Store(_ref) {
         currencySymbol: currencySymbol
       })
     },
+    characters: {
+      id: 'characters',
+      title: 'Characters',
+      icon: React.createElement(FaUsers, {
+        size: 16
+      }),
+      content: customCharactersContent != null ? customCharactersContent : null
+    },
     redeem: {
       id: 'redeem',
       title: 'Redeem',
@@ -39972,7 +40047,8 @@ var Store = function Store(_ref) {
     minWidth: "600px",
     height: "auto",
     type: RPGUIContainerTypes.Framed,
-    cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button"
+    cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button",
+    isFullScreen: fullScreen
   }, isCollectingMetadata && currentMetadataItem && currentMetadataItem.metadataType ? React.createElement(MetadataCollector, {
     metadataType: currentMetadataItem.metadataType,
     config: currentMetadataItem.metadataConfig || {},