@rpg-engine/long-bow 0.8.227 → 0.8.228

package/dist/long-bow.esm.js

@@ -14356,6 +14356,103 @@ 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 CharacterTradePanel = function CharacterTradePanel(_ref) {
+  var characterListings = _ref.characterListings,
+    characterListingsTotal = _ref.characterListingsTotal,
+    characterListingsPage = _ref.characterListingsPage,
+    characterListingsItemsPerPage = _ref.characterListingsItemsPerPage,
+    onCharacterListingsPageChange = _ref.onCharacterListingsPageChange,
+    onCharacterBuy = _ref.onCharacterBuy,
+    characterNameFilter = _ref.characterNameFilter,
+    onCharacterNameFilterChange = _ref.onCharacterNameFilterChange,
+    characterListingsLoading = _ref.characterListingsLoading,
+    myCharacterListings = _ref.myCharacterListings,
+    myCharacterListingsTotal = _ref.myCharacterListingsTotal,
+    myCharacterListingsPage = _ref.myCharacterListingsPage,
+    onMyCharacterListingsPageChange = _ref.onMyCharacterListingsPageChange,
+    onCharacterDelist = _ref.onCharacterDelist,
+    accountCharacters = _ref.accountCharacters,
+    onCharacterList = _ref.onCharacterList,
+    activeCharacterId = _ref.activeCharacterId,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = useState('browse'),
+    subTab = _useState[0],
+    setSubTab = _useState[1];
+  return React.createElement(React.Fragment, null, React.createElement(CharacterSubTabs, null, React.createElement(CharacterSubTab, {
+    "$active": subTab === 'browse',
+    onClick: function onClick() {
+      return setSubTab('browse');
+    },
+    type: "button"
+  }, "Browse"), React.createElement(CharacterSubTab, {
+    "$active": subTab === 'my-listings',
+    onClick: function onClick() {
+      return setSubTab('my-listings');
+    },
+    type: "button"
+  }, "My Listings")), subTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
+    characterListings: characterListings,
+    totalCount: characterListingsTotal,
+    currentPage: characterListingsPage,
+    itemsPerPage: characterListingsItemsPerPage,
+    onPageChange: onCharacterListingsPageChange,
+    onCharacterBuy: onCharacterBuy,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys,
+    nameFilter: characterNameFilter,
+    onNameFilterChange: onCharacterNameFilterChange,
+    isLoading: characterListingsLoading
+  }), subTab === 'my-listings' && React.createElement(MyCharacterListingsPanel, {
+    myCharacterListings: myCharacterListings,
+    totalCount: myCharacterListingsTotal,
+    currentPage: myCharacterListingsPage,
+    itemsPerPage: 10,
+    onPageChange: onMyCharacterListingsPageChange,
+    onCharacterDelist: onCharacterDelist,
+    accountCharacters: accountCharacters,
+    onCharacterList: onCharacterList,
+    activeCharacterId: activeCharacterId,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
+  }));
+};
+var CharacterSubTabs = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterTradePanel__CharacterSubTabs",
+  componentId: "sc-qjqvzx-0"
+})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
+var CharacterSubTab = /*#__PURE__*/styled.button.withConfig({
+  displayName: "CharacterTradePanel__CharacterSubTab",
+  componentId: "sc-qjqvzx-1"
+})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref2) {
+  var $active = _ref2.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
+}, function (_ref4) {
+  var $active = _ref4.$active;
+  return $active ? '#f59e0b' : '#777';
+}, function (_ref5) {
+  var $active = _ref5.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
+}, function (_ref6) {
+  var $active = _ref6.$active;
+  return $active ? '#f59e0b' : '#bbb';
+});
+
 var Marketplace = function Marketplace(props) {
   var onClose = props.onClose,
     scale = props.scale,
@@ -14447,9 +14544,6 @@ var Marketplace = function Marketplace(props) {
   var _useState3 = useState(false),
     isBlueprintSearchOpen = _useState3[0],
     setIsBlueprintSearchOpen = _useState3[1];
-  var _useState4 = useState('browse'),
-    characterSubTab = _useState4[0],
-    setCharacterSubTab = _useState4[1];
   var handleCurrencyChange = function handleCurrencyChange(value) {
     setAcceptedCurrency(value);
     onAcceptedCurrencyChange == null ? void 0 : onAcceptedCurrencyChange(value);
@@ -14529,51 +14623,31 @@ var Marketplace = function Marketplace(props) {
     }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
-  }), activeTab === 'marketplace' && React.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React.createElement(React.Fragment, null, React.createElement(CharacterSubTabs, null, React.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'browse',
-    onClick: function onClick() {
-      return setCharacterSubTab('browse');
-    },
-    type: "button"
-  }, "Browse"), React.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'my-listings',
-    onClick: function onClick() {
-      return setCharacterSubTab('my-listings');
-    },
-    type: "button"
-  }, "My Listings")), characterSubTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
+  }), activeTab === 'marketplace' && React.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React.createElement(CharacterTradePanel, {
     characterListings: characterListings != null ? characterListings : [],
-    totalCount: characterListingsTotal != null ? characterListingsTotal : 0,
-    currentPage: characterListingsPage != null ? characterListingsPage : 1,
-    itemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
-    onPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
+    characterListingsTotal: characterListingsTotal != null ? characterListingsTotal : 0,
+    characterListingsPage: characterListingsPage != null ? characterListingsPage : 1,
+    characterListingsItemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
+    onCharacterListingsPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
     onCharacterBuy: onCharacterBuy != null ? onCharacterBuy : 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,
-    nameFilter: characterNameFilter,
-    onNameFilterChange: onCharacterNameFilterChange,
-    isLoading: characterListingsLoading
-  }), characterSubTab === 'my-listings' && React.createElement(MyCharacterListingsPanel, {
+    characterNameFilter: characterNameFilter,
+    onCharacterNameFilterChange: onCharacterNameFilterChange,
+    characterListingsLoading: characterListingsLoading,
     myCharacterListings: myCharacterListings != null ? myCharacterListings : [],
-    totalCount: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
-    currentPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
-    itemsPerPage: 10,
-    onPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
+    myCharacterListingsTotal: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
+    myCharacterListingsPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
+    onMyCharacterListingsPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
     onCharacterDelist: onCharacterDelist != null ? onCharacterDelist : function () {},
     accountCharacters: accountCharacters != null ? accountCharacters : [],
     onCharacterList: onCharacterList != null ? onCharacterList : function () {},
     activeCharacterId: props.characterId,
     atlasJSON: props.atlasJSON,
     atlasIMG: props.atlasIMG,
-    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
-    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
     enableHotkeys: props.enableHotkeys,
     disableHotkeys: props.disableHotkeys
-  })), activeTab === 'sell' && React.createElement(ManagmentPanel, Object.assign({}, props, {
+  }), activeTab === 'sell' && React.createElement(ManagmentPanel, Object.assign({}, props, {
     acceptedCurrency: acceptedCurrency
   })), activeTab === 'buy-orders' && React.createElement(React.Fragment, null, React.createElement(BuyOrderPanel, {
     atlasJSON: props.atlasJSON,
@@ -14634,29 +14708,6 @@ var PagerContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Marketplace__PagerContainer",
   componentId: "sc-h904b1-0"
 })(["display:flex;justify-content:center;align-items:center;width:95%;margin:6px auto 0 auto;padding:4px 10px;"]);
-var CharacterSubTabs = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Marketplace__CharacterSubTabs",
-  componentId: "sc-h904b1-1"
-})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
-var CharacterSubTab = /*#__PURE__*/styled.button.withConfig({
-  displayName: "Marketplace__CharacterSubTab",
-  componentId: "sc-h904b1-2"
-})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref) {
-  var $active = _ref.$active;
-  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
-}, function (_ref2) {
-  var $active = _ref2.$active;
-  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
-}, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active ? '#f59e0b' : '#777';
-}, function (_ref4) {
-  var $active = _ref4.$active;
-  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
-}, function (_ref5) {
-  var $active = _ref5.$active;
-  return $active ? '#f59e0b' : '#bbb';
-});
 
 var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
   var listing = _ref.listing,
@@ -40795,5 +40846,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-7"
 })(["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, 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, StoreRedeemSection, 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, CharacterTradePanel, 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, StoreRedeemSection, 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