@rpg-engine/long-bow 0.8.189 → 0.8.191

package/dist/long-bow.esm.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, Component, useRef, useCallback, useMemo, memo, useContext, createContext, Fragment } from 'react';
-import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
+import styled, { css, createGlobalStyle, keyframes } 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, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, MarketplaceAcceptedCurrency, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$2, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
@@ -9,8 +9,8 @@ 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, FaArrowLeft, FaWallet, FaHistory } from 'react-icons/fa';
 import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
 import { IoMdContract, IoMdExpand } from 'react-icons/io';
-import Draggable from 'react-draggable';
 import ReactDOM, { createPortal } from 'react-dom';
+import Draggable from 'react-draggable';
 import { camelCase, debounce } from 'lodash-es';
 import { observer } from 'mobx-react-lite';
 import { AiFillFilter, AiOutlineFilter, AiFillCaretRight } from 'react-icons/ai';
@@ -36029,6 +36029,105 @@ var CheckButton = function CheckButton(_ref) {
   }));
 };
 
+var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
+var ModalPortal = function ModalPortal(_ref) {
+  var children = _ref.children;
+  return ReactDOM.createPortal(React.createElement(Container$9, {
+    className: "rpgui-content"
+  }, children), modalRoot);
+};
+var Container$9 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ModalPortal__Container",
+  componentId: "sc-dgmp04-0"
+})(["position:static !important;"]);
+
+// Global style to prevent body scrolling when modal is open
+var GlobalStyle = /*#__PURE__*/createGlobalStyle(["body{overflow:hidden;width:100%;height:100%;}"]);
+var ConfirmModal = function ConfirmModal(_ref) {
+  var onConfirm = _ref.onConfirm,
+    onClose = _ref.onClose,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
+  var handleConfirm = useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    onConfirm();
+  }, [onConfirm]);
+  var handleClose = useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    onClose();
+  }, [onClose]);
+  // Fix type issues by separating event handlers for different event types
+  var stopPropagationClick = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var stopPropagationTouch = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var stopPropagationPointer = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  return React.createElement(ModalPortal, null, React.createElement(GlobalStyle, null), React.createElement(Overlay, {
+    onPointerDown: handleClose
+  }), React.createElement(ModalContainer, null, React.createElement(ModalContent, {
+    onClick: stopPropagationClick,
+    onTouchStart: stopPropagationTouch,
+    onTouchEnd: stopPropagationTouch,
+    onTouchMove: stopPropagationTouch,
+    onPointerDown: stopPropagationPointer
+  }, React.createElement(Header$1, null, React.createElement(Title, null, "Confirm"), React.createElement(CloseButton$3, {
+    onPointerDown: handleClose,
+    "aria-label": "Close"
+  }, React.createElement(FaTimes, null))), React.createElement(MessageContainer, null, typeof message === 'string' ? React.createElement(Message$1, null, message) : message), React.createElement(ButtonsContainer$1, null, React.createElement(CancelButtonWrapper, null, React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: handleClose
+  }, "No")), React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: handleConfirm
+  }, "Yes")))));
+};
+var Overlay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__Overlay",
+  componentId: "sc-11qkyu1-0"
+})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;touch-action:none;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
+var ModalContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__ModalContainer",
+  componentId: "sc-11qkyu1-1"
+})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"]);
+var ModalContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__ModalContent",
+  componentId: "sc-11qkyu1-2"
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 24px;min-width:300px;max-width:90%;display:flex;flex-direction:column;gap:16px;pointer-events:auto;animation:scaleIn 0.15s ease-out;@keyframes scaleIn{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}@media (max-width:768px){width:85%;}"]);
+var Header$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__Header",
+  componentId: "sc-11qkyu1-3"
+})(["display:flex;align-items:center;justify-content:space-between;"]);
+var Title = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "ConfirmModal__Title",
+  componentId: "sc-11qkyu1-4"
+})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
+var CloseButton$3 = /*#__PURE__*/styled.button.withConfig({
+  displayName: "ConfirmModal__CloseButton",
+  componentId: "sc-11qkyu1-5"
+})(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#ffffff;}"]);
+var MessageContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__MessageContainer",
+  componentId: "sc-11qkyu1-6"
+})(["text-align:center;"]);
+var Message$1 = /*#__PURE__*/styled.p.withConfig({
+  displayName: "ConfirmModal__Message",
+  componentId: "sc-11qkyu1-7"
+})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.6rem;color:rgba(255,255,255,0.85);line-height:1.8;"]);
+var ButtonsContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__ButtonsContainer",
+  componentId: "sc-11qkyu1-8"
+})(["display:flex;justify-content:center;gap:20px;margin-top:4px;@media (max-width:768px){gap:30px;}"]);
+var CancelButtonWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ConfirmModal__CancelButtonWrapper",
+  componentId: "sc-11qkyu1-9"
+})(["filter:grayscale(0.7);"]);
+
 var CheckItem = function CheckItem(_ref) {
   var label = _ref.label,
     _ref$defaultValue = _ref.defaultValue,
@@ -36209,7 +36308,7 @@ var CircularController = function CircularController(_ref) {
       return word[0];
     })));
   };
-  return React.createElement(ButtonsContainer$1, null, React.createElement(ShortcutsContainer, null, Array.from({
+  return React.createElement(ButtonsContainer$2, null, React.createElement(ShortcutsContainer, null, Array.from({
     length: 12
   }).map(function (_, i) {
     return renderShortcut(i);
@@ -36231,7 +36330,7 @@ var CancelButton = /*#__PURE__*/styled(Button$1).withConfig({
   displayName: "CircularController__CancelButton",
   componentId: "sc-1fewf3h-1"
 })(["width:3rem;height:3rem;font-size:0.8rem;position:relative;left:2.6rem;span{margin-top:4px;margin-left:2px;pointer-events:none;}"]);
-var ButtonsContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var ButtonsContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CircularController__ButtonsContainer",
   componentId: "sc-1fewf3h-2"
 })(["display:flex;align-items:center;justify-content:center;gap:0.5rem;scale:0.9;"]);
@@ -36386,7 +36485,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
     },
     defaultPosition: initialPosition,
     scale: scale
-  }, React.createElement(Container$9, {
+  }, React.createElement(Container$a, {
     ref: draggableRef,
     width: width,
     height: height || 'auto',
@@ -36397,15 +36496,15 @@ var DraggableContainer = function DraggableContainer(_ref) {
     opacity: opacity
   }, title && React.createElement(TitleContainer, {
     className: "drag-handler"
-  }, React.createElement(Title, null, imgSrc && React.createElement(Icon, {
+  }, React.createElement(Title$1, null, imgSrc && React.createElement(Icon, {
     src: imgSrc,
     width: imgWidth
-  }), title)), onCloseButton && React.createElement(CloseButton$3, {
+  }), title)), onCloseButton && React.createElement(CloseButton$4, {
     className: "container-close",
     onPointerDown: onCloseButton
   }, "X"), children));
 };
-var Container$9 = /*#__PURE__*/styled.div.withConfig({
+var Container$a = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__Container",
   componentId: "sc-184mpyl-0"
 })(["height:", ";width:", ";min-width:", ";min-height:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
@@ -36426,7 +36525,7 @@ var Container$9 = /*#__PURE__*/styled.div.withConfig({
   var isFullScreen = _ref6.isFullScreen;
   return isFullScreen && css(["justify-content:center;align-items:flex-start;align-content:flex-start;"]);
 });
-var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
   componentId: "sc-184mpyl-1"
 })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
@@ -36434,7 +36533,7 @@ var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
   componentId: "sc-184mpyl-2"
 })(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;max-height:42px;"]);
-var Title = /*#__PURE__*/styled.h1.withConfig({
+var Title$1 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "DraggableContainer__Title",
   componentId: "sc-184mpyl-3"
 })(["color:white;z-index:22;font-size:", ";"], uiFonts.size.large);
@@ -36482,7 +36581,7 @@ var Dropdown = function Dropdown(_ref) {
       onChange(selectedValue);
     }
   }, [selectedValue]);
-  return React.createElement(Container$a, {
+  return React.createElement(Container$b, {
     onMouseLeave: function onMouseLeave() {
       return setOpened(false);
     },
@@ -36510,7 +36609,7 @@ var Dropdown = function Dropdown(_ref) {
     }, option.option);
   })));
 };
-var Container$a = /*#__PURE__*/styled.div.withConfig({
+var Container$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "Dropdown__Container",
   componentId: "sc-8arn65-0"
 })(["position:relative;width:", ";"], function (props) {
@@ -36531,18 +36630,6 @@ var DropdownOptions$1 = /*#__PURE__*/styled.ul.withConfig({
   return props.opensUp ? 'auto' : '100%';
 });
 
-var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
-var ModalPortal = function ModalPortal(_ref) {
-  var children = _ref.children;
-  return ReactDOM.createPortal(React.createElement(Container$b, {
-    className: "rpgui-content"
-  }, children), modalRoot);
-};
-var Container$b = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ModalPortal__Container",
-  componentId: "sc-dgmp04-0"
-})(["position:static !important;"]);
-
 function useTouchTarget() {
   var getTouchTarget = useCallback(function (e) {
     // Check if it's a touch event
@@ -37443,7 +37530,7 @@ var ItemInfo = function ItemInfo(_ref) {
   var skillName = (_item$minRequirements = item.minRequirements) == null ? void 0 : (_item$minRequirements2 = _item$minRequirements.skill) == null ? void 0 : _item$minRequirements2.name;
   return React.createElement(Container$d, {
     item: item
-  }, React.createElement(Header$1, null, React.createElement("div", null, React.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React.createElement(Rarity, {
+  }, React.createElement(Header$2, null, React.createElement("div", null, React.createElement(Title$2, null, item.name), item.rarity !== 'Common' && React.createElement(Rarity, {
     item: item
   }, item.rarity), React.createElement(Type, null, item.subType)), React.createElement(AllowedSlots, null, renderAvaibleSlots())), item.minRequirements && React.createElement(LevelRequirement, null, React.createElement("div", {
     className: "title"
@@ -37466,7 +37553,7 @@ var Container$d = /*#__PURE__*/styled.div.withConfig({
   var item = _ref3.item;
   return "0 0 5px 2px " + rarityColor(item);
 });
-var Title$1 = /*#__PURE__*/styled.div.withConfig({
+var Title$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Title",
   componentId: "sc-1xm4q8k-1"
 })(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
@@ -37496,7 +37583,7 @@ var Description = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Description",
   componentId: "sc-1xm4q8k-6"
 })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
-var Header$1 = /*#__PURE__*/styled.div.withConfig({
+var Header$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Header",
   componentId: "sc-1xm4q8k-7"
 })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
@@ -38085,7 +38172,7 @@ var CraftBook = function CraftBook(_ref) {
     cancelDrag: ".inputRadioCraftBook",
     onCloseButton: onClose,
     scale: scale
-  }, React.createElement(Wrapper, null, React.createElement(HeaderContainer, null, React.createElement(Title$2, null, "Craftbook"), React.createElement(HeaderControls, null, React.createElement(DropdownWrapper, null, React.createElement(Dropdown, {
+  }, React.createElement(Wrapper, null, React.createElement(HeaderContainer, null, React.createElement(Title$3, null, "Craftbook"), React.createElement(HeaderControls, null, React.createElement(DropdownWrapper, null, React.createElement(Dropdown, {
     options: categoryOptions,
     onChange: function onChange(value) {
       setSelectedType(value);
@@ -38179,7 +38266,7 @@ var HeaderContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__HeaderContainer",
   componentId: "sc-19q95ue-1"
 })(["display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 0;"]);
-var Title$2 = /*#__PURE__*/styled.h1.withConfig({
+var Title$3 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "CraftBook__Title",
   componentId: "sc-19q95ue-2"
 })(["font-size:1.2rem;color:", " !important;margin:0;text-shadow:2px 2px 2px rgba(0,0,0,0.5);"], uiColors.yellow);
@@ -39372,93 +39459,6 @@ var EmptyMessage = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-debjdj-14"
 })(["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%;}"]);
-var ConfirmModal = function ConfirmModal(_ref) {
-  var onConfirm = _ref.onConfirm,
-    onClose = _ref.onClose,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
-  var handleConfirm = useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    onConfirm();
-  }, [onConfirm]);
-  var handleClose = useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    onClose();
-  }, [onClose]);
-  // Fix type issues by separating event handlers for different event types
-  var stopPropagationClick = useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
-  var stopPropagationTouch = useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
-  var stopPropagationPointer = useCallback(function (e) {
-    e.stopPropagation();
-  }, []);
-  return React.createElement(ModalPortal, null, React.createElement(GlobalStyle, null), React.createElement(Overlay, {
-    onPointerDown: handleClose
-  }), React.createElement(ModalContainer, null, React.createElement(ModalContent, {
-    onClick: stopPropagationClick,
-    onTouchStart: stopPropagationTouch,
-    onTouchEnd: stopPropagationTouch,
-    onTouchMove: stopPropagationTouch,
-    onPointerDown: stopPropagationPointer
-  }, React.createElement(Header$2, null, React.createElement(Title$3, null, "Confirm"), React.createElement(CloseButton$4, {
-    onPointerDown: handleClose,
-    "aria-label": "Close"
-  }, React.createElement(FaTimes, null))), React.createElement(MessageContainer, null, typeof message === 'string' ? React.createElement(Message$1, null, message) : message), React.createElement(ButtonsContainer$2, null, React.createElement(CancelButtonWrapper, null, React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton,
-    onPointerDown: handleClose
-  }, "No")), React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton,
-    onPointerDown: handleConfirm
-  }, "Yes")))));
-};
-var Overlay = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__Overlay",
-  componentId: "sc-11qkyu1-0"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;touch-action:none;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
-var ModalContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__ModalContainer",
-  componentId: "sc-11qkyu1-1"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"]);
-var ModalContent = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__ModalContent",
-  componentId: "sc-11qkyu1-2"
-})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 24px;min-width:300px;max-width:90%;display:flex;flex-direction:column;gap:16px;pointer-events:auto;animation:scaleIn 0.15s ease-out;@keyframes scaleIn{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}@media (max-width:768px){width:85%;}"]);
-var Header$2 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__Header",
-  componentId: "sc-11qkyu1-3"
-})(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$3 = /*#__PURE__*/styled.h3.withConfig({
-  displayName: "ConfirmModal__Title",
-  componentId: "sc-11qkyu1-4"
-})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
-var CloseButton$4 = /*#__PURE__*/styled.button.withConfig({
-  displayName: "ConfirmModal__CloseButton",
-  componentId: "sc-11qkyu1-5"
-})(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#ffffff;}"]);
-var MessageContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__MessageContainer",
-  componentId: "sc-11qkyu1-6"
-})(["text-align:center;"]);
-var Message$1 = /*#__PURE__*/styled.p.withConfig({
-  displayName: "ConfirmModal__Message",
-  componentId: "sc-11qkyu1-7"
-})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.6rem;color:rgba(255,255,255,0.85);line-height:1.8;"]);
-var ButtonsContainer$2 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__ButtonsContainer",
-  componentId: "sc-11qkyu1-8"
-})(["display:flex;justify-content:center;gap:20px;margin-top:4px;@media (max-width:768px){gap:30px;}"]);
-var CancelButtonWrapper = /*#__PURE__*/styled.div.withConfig({
-  displayName: "ConfirmModal__CancelButtonWrapper",
-  componentId: "sc-11qkyu1-9"
-})(["filter:grayscale(0.7);"]);
-
 var CTAButton = function CTAButton(_ref) {
   var icon = _ref.icon,
     label = _ref.label,
@@ -48041,63 +48041,6 @@ var EmptySubtext = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-su21a6-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#52525b !important;text-align:center;max-width:260px;line-height:1.6;"]);
 
-var CharacterListingForm = function CharacterListingForm(_ref) {
-  var accountCharacters = _ref.accountCharacters,
-    onCharacterList = _ref.onCharacterList,
-    atlasJSON = _ref.atlasJSON,
-    atlasIMG = _ref.atlasIMG,
-    characterAtlasJSON = _ref.characterAtlasJSON,
-    characterAtlasIMG = _ref.characterAtlasIMG,
-    enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
-  var _useState = useState(false),
-    isModalOpen = _useState[0],
-    setIsModalOpen = _useState[1];
-  var eligibleCount = accountCharacters.filter(function (c) {
-    return !c.isListedForSale && !c.tradedAt;
-  }).length;
-  return React.createElement(Wrapper$2, null, React.createElement(CharacterListingModal, {
-    isOpen: isModalOpen,
-    onClose: function onClose() {
-      return setIsModalOpen(false);
-    },
-    accountCharacters: accountCharacters,
-    atlasJSON: atlasJSON,
-    atlasIMG: atlasIMG,
-    characterAtlasJSON: characterAtlasJSON,
-    characterAtlasIMG: characterAtlasIMG,
-    onCharacterList: onCharacterList,
-    enableHotkeys: enableHotkeys,
-    disableHotkeys: disableHotkeys
-  }), React.createElement(Description$4, null, "List one of your offline characters on the marketplace. Prices are set in DC."), React.createElement(OpenButton, {
-    icon: React.createElement(ShoppingBag, {
-      width: 20,
-      height: 20
-    }),
-    label: "List a Character" + (eligibleCount > 0 ? " (" + eligibleCount + " eligible)" : ''),
-    disabled: eligibleCount === 0,
-    onClick: function onClick() {
-      return setIsModalOpen(true);
-    }
-  }), eligibleCount === 0 && React.createElement(NoEligible, null, "No eligible characters to list."));
-};
-var Wrapper$2 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CharacterListingForm__Wrapper",
-  componentId: "sc-fxv1tt-0"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;width:95%;margin:0 auto;"]);
-var Description$4 = /*#__PURE__*/styled.p.withConfig({
-  displayName: "CharacterListingForm__Description",
-  componentId: "sc-fxv1tt-1"
-})(["margin:0;font-size:0.5rem;color:#666;text-align:center;line-height:1.6;max-width:320px;"]);
-var OpenButton = /*#__PURE__*/styled(CTAButton).withConfig({
-  displayName: "CharacterListingForm__OpenButton",
-  componentId: "sc-fxv1tt-2"
-})(["padding:14px 24px;span{font-size:0.65rem;}svg{font-size:1.2rem;}"]);
-var NoEligible = /*#__PURE__*/styled.span.withConfig({
-  displayName: "CharacterListingForm__NoEligible",
-  componentId: "sc-fxv1tt-3"
-})(["font-size:0.45rem;color:#52525b;text-transform:uppercase;letter-spacing:1px;"]);
-
 var Marketplace = function Marketplace(props) {
   var onClose = props.onClose,
     scale = props.scale,
@@ -48279,13 +48222,7 @@ var Marketplace = function Marketplace(props) {
       return setCharacterSubTab('my-listings');
     },
     type: "button"
-  }, "My Listings"), React.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'list',
-    onClick: function onClick() {
-      return setCharacterSubTab('list');
-    },
-    type: "button"
-  }, "List Character")), characterSubTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
+  }, "My Listings")), characterSubTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
     characterListings: characterListings != null ? characterListings : [],
     totalCount: characterListingsTotal != null ? characterListingsTotal : 0,
     currentPage: characterListingsPage != null ? characterListingsPage : 1,
@@ -48316,15 +48253,6 @@ var Marketplace = function Marketplace(props) {
     characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
     enableHotkeys: props.enableHotkeys,
     disableHotkeys: props.disableHotkeys
-  }), characterSubTab === 'list' && React.createElement(CharacterListingForm, {
-    accountCharacters: accountCharacters != null ? accountCharacters : [],
-    onCharacterList: onCharacterList != null ? onCharacterList : function () {},
-    atlasJSON: props.atlasJSON,
-    atlasIMG: props.atlasIMG,
-    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
-    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
-    enableHotkeys: props.enableHotkeys,
-    disableHotkeys: props.disableHotkeys
   })), activeTab === 'sell' && React.createElement(ManagmentPanel, Object.assign({}, props, {
     acceptedCurrency: acceptedCurrency
   })), activeTab === 'buy-orders' && React.createElement(React.Fragment, null, React.createElement(BuyOrderPanel, {
@@ -48552,6 +48480,63 @@ var OtherListingRow = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1pxkdig-15"
 })(["opacity:0.85;&:hover{opacity:1;}"]);
 
+var CharacterListingForm = function CharacterListingForm(_ref) {
+  var accountCharacters = _ref.accountCharacters,
+    onCharacterList = _ref.onCharacterList,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = useState(false),
+    isModalOpen = _useState[0],
+    setIsModalOpen = _useState[1];
+  var eligibleCount = accountCharacters.filter(function (c) {
+    return !c.isListedForSale && !c.tradedAt;
+  }).length;
+  return React.createElement(Wrapper$2, null, React.createElement(CharacterListingModal, {
+    isOpen: isModalOpen,
+    onClose: function onClose() {
+      return setIsModalOpen(false);
+    },
+    accountCharacters: accountCharacters,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
+    onCharacterList: onCharacterList,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
+  }), React.createElement(Description$4, null, "List one of your offline characters on the marketplace. Prices are set in DC."), React.createElement(OpenButton, {
+    icon: React.createElement(ShoppingBag, {
+      width: 20,
+      height: 20
+    }),
+    label: "List a Character" + (eligibleCount > 0 ? " (" + eligibleCount + " eligible)" : ''),
+    disabled: eligibleCount === 0,
+    onClick: function onClick() {
+      return setIsModalOpen(true);
+    }
+  }), eligibleCount === 0 && React.createElement(NoEligible, null, "No eligible characters to list."));
+};
+var Wrapper$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterListingForm__Wrapper",
+  componentId: "sc-fxv1tt-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;width:95%;margin:0 auto;"]);
+var Description$4 = /*#__PURE__*/styled.p.withConfig({
+  displayName: "CharacterListingForm__Description",
+  componentId: "sc-fxv1tt-1"
+})(["margin:0;font-size:0.5rem;color:#666;text-align:center;line-height:1.6;max-width:320px;"]);
+var OpenButton = /*#__PURE__*/styled(CTAButton).withConfig({
+  displayName: "CharacterListingForm__OpenButton",
+  componentId: "sc-fxv1tt-2"
+})(["padding:14px 24px;span{font-size:0.65rem;}svg{font-size:1.2rem;}"]);
+var NoEligible = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterListingForm__NoEligible",
+  componentId: "sc-fxv1tt-3"
+})(["font-size:0.45rem;color:#52525b;text-transform:uppercase;letter-spacing:1px;"]);
+
 var TabBody = function TabBody(_ref) {
   var id = _ref.id,
     children = _ref.children,
@@ -74049,5 +74034,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
+export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
 //# sourceMappingURL=long-bow.esm.js.map