@rpg-engine/long-bow 0.8.226 → 0.8.228

package/dist/components/Marketplace/CharacterTradePanel.d.ts

@@ -0,0 +1,28 @@
+import { ICharacter, ICharacterListing } from '@rpg-engine/shared';
+import React from 'react';
+export interface ICharacterTradePanelProps {
+    characterListings: ICharacterListing[];
+    characterListingsTotal: number;
+    characterListingsPage: number;
+    characterListingsItemsPerPage: number;
+    onCharacterListingsPageChange: (page: number) => void;
+    onCharacterBuy: (listingId: string) => void;
+    characterNameFilter?: string;
+    onCharacterNameFilterChange?: (name: string) => void;
+    characterListingsLoading?: boolean;
+    myCharacterListings: ICharacterListing[];
+    myCharacterListingsTotal: number;
+    myCharacterListingsPage: number;
+    onMyCharacterListingsPageChange: (page: number) => void;
+    onCharacterDelist: (listingId: string) => void;
+    accountCharacters: ICharacter[];
+    onCharacterList: (characterId: string, price: number) => void;
+    activeCharacterId?: string;
+    atlasJSON: any;
+    atlasIMG: any;
+    characterAtlasJSON?: any;
+    characterAtlasIMG?: any;
+    enableHotkeys?: () => void;
+    disableHotkeys?: () => void;
+}
+export declare const CharacterTradePanel: React.FC<ICharacterTradePanelProps>;

package/dist/components/Marketplace/characterListingUtils.d.ts

@@ -0,0 +1,3 @@
+import { ICharacter } from '@rpg-engine/shared';
+export declare const isCharacterEligibleForListing: (character: ICharacter) => boolean;
+export declare const getEligibleCharactersForListing: (accountCharacters: ICharacter[], activeCharacterId?: string | undefined) => ICharacter[];

package/dist/components/Spellbook/Spell.d.ts

@@ -7,6 +7,7 @@ export interface ISpellProps {
     charMagicLevel: number;
     charSkillLevels?: Record<string, number>;
     onPointerUp?: (spellKey: string) => void;
+    onClick?: (spellKey: string) => void;
     isSettingShortcut?: boolean;
     spellKey: string;
     spell: ISpell;

package/dist/components/Store/hooks/useStoreCart.d.ts

@@ -9,7 +9,7 @@ interface IUseStoreCart {
     isCartOpen: boolean;
     handleAddToCart: (item: IProductBlueprint, quantity: number, metadata?: Record<string, any>) => void;
     handleRemoveFromCart: (itemKey: string) => void;
-    handlePurchase: (onPurchase: (purchase: IPurchase) => void) => void;
+    handlePurchase: (onPurchase: (purchase: IPurchase) => Promise<boolean>) => Promise<boolean>;
     openCart: () => void;
     closeCart: () => void;
     getTotalItems: () => number;

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export * from './components/Marketplace/HistoryPanel';
 export * from './components/Marketplace/BlueprintSearchModal';
 export * from './components/Marketplace/CharacterMarketplacePanel';
 export * from './components/Marketplace/CharacterMarketplaceRows';
+export * from './components/Marketplace/CharacterTradePanel';
 export * from './components/Marketplace/CharacterDetailModal';
 export * from './components/Marketplace/CharacterListingForm';
 export * from './components/Marketplace/CharacterListingModal';

package/dist/long-bow.cjs.development.js

@@ -13889,6 +13889,29 @@ var EmptyText = /*#__PURE__*/styled__default.span.withConfig({
   componentId: "sc-1aiauep-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#71717a !important;text-transform:uppercase;letter-spacing:1px;"]);
 
+var toTimestamp = function toTimestamp(value) {
+  if (!value) return 0;
+  var timestamp = new Date(value).getTime();
+  return Number.isFinite(timestamp) ? timestamp : 0;
+};
+var isCharacterEligibleForListing = function isCharacterEligibleForListing(character) {
+  return !character.isListedForSale;
+};
+var getEligibleCharactersForListing = function getEligibleCharactersForListing(accountCharacters, activeCharacterId) {
+  return accountCharacters.filter(isCharacterEligibleForListing).sort(function (left, right) {
+    var leftIsActive = !!activeCharacterId && left._id === activeCharacterId;
+    var rightIsActive = !!activeCharacterId && right._id === activeCharacterId;
+    if (leftIsActive !== rightIsActive) {
+      return leftIsActive ? 1 : -1;
+    }
+    var tradedAtDiff = toTimestamp(right.tradedAt) - toTimestamp(left.tradedAt);
+    if (tradedAtDiff !== 0) {
+      return tradedAtDiff;
+    }
+    return 0;
+  });
+};
+
 var CharacterListingModal = function CharacterListingModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -13913,10 +13936,10 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
   var stopPropagation = React.useCallback(function (e) {
     e.stopPropagation();
   }, []);
+  var eligibleCharacters = React.useMemo(function () {
+    return getEligibleCharactersForListing(accountCharacters, activeCharacterId);
+  }, [accountCharacters, activeCharacterId]);
   if (!isOpen) return null;
-  var eligibleCharacters = accountCharacters.filter(function (c) {
-    return !c.isListedForSale;
-  });
   var isActiveCharacter = function isActiveCharacter(c) {
     return !!activeCharacterId && c._id === activeCharacterId;
   };
@@ -14176,9 +14199,7 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
       enableHotkeys == null ? void 0 : enableHotkeys();
     }
   };
-  var eligibleCount = accountCharacters.filter(function (c) {
-    return !c.isListedForSale && !c.tradedAt;
-  }).length;
+  var eligibleCount = getEligibleCharactersForListing(accountCharacters).length;
   return React__default.createElement(React__default.Fragment, null, delistingId && React__default.createElement(ConfirmModal, {
     onClose: function onClose() {
       setDelistingId(null);
@@ -14338,6 +14359,103 @@ var EmptySubtext = /*#__PURE__*/styled__default.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 = React.useState('browse'),
+    subTab = _useState[0],
+    setSubTab = _useState[1];
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterSubTabs, null, React__default.createElement(CharacterSubTab, {
+    "$active": subTab === 'browse',
+    onClick: function onClick() {
+      return setSubTab('browse');
+    },
+    type: "button"
+  }, "Browse"), React__default.createElement(CharacterSubTab, {
+    "$active": subTab === 'my-listings',
+    onClick: function onClick() {
+      return setSubTab('my-listings');
+    },
+    type: "button"
+  }, "My Listings")), subTab === 'browse' && React__default.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__default.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__default.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__default.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,
@@ -14429,9 +14547,6 @@ var Marketplace = function Marketplace(props) {
   var _useState3 = React.useState(false),
     isBlueprintSearchOpen = _useState3[0],
     setIsBlueprintSearchOpen = _useState3[1];
-  var _useState4 = React.useState('browse'),
-    characterSubTab = _useState4[0],
-    setCharacterSubTab = _useState4[1];
   var handleCurrencyChange = function handleCurrencyChange(value) {
     setAcceptedCurrency(value);
     onAcceptedCurrencyChange == null ? void 0 : onAcceptedCurrencyChange(value);
@@ -14511,51 +14626,31 @@ var Marketplace = function Marketplace(props) {
     }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
-  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterSubTabs, null, React__default.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'browse',
-    onClick: function onClick() {
-      return setCharacterSubTab('browse');
-    },
-    type: "button"
-  }, "Browse"), React__default.createElement(CharacterSubTab, {
-    "$active": characterSubTab === 'my-listings',
-    onClick: function onClick() {
-      return setCharacterSubTab('my-listings');
-    },
-    type: "button"
-  }, "My Listings")), characterSubTab === 'browse' && React__default.createElement(CharacterMarketplacePanel, {
+  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React__default.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__default.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__default.createElement(ManagmentPanel, Object.assign({}, props, {
+  }), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
     acceptedCurrency: acceptedCurrency
   })), activeTab === 'buy-orders' && React__default.createElement(React__default.Fragment, null, React__default.createElement(BuyOrderPanel, {
     atlasJSON: props.atlasJSON,
@@ -14616,29 +14711,6 @@ var PagerContainer$2 = /*#__PURE__*/styled__default.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__default.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__default.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,
@@ -14795,9 +14867,7 @@ var CharacterListingForm = function CharacterListingForm(_ref) {
   var _useState = React.useState(false),
     isModalOpen = _useState[0],
     setIsModalOpen = _useState[1];
-  var eligibleCount = accountCharacters.filter(function (c) {
-    return !c.isListedForSale && !c.tradedAt;
-  }).length;
+  var eligibleCount = getEligibleCharactersForListing(accountCharacters).length;
   return React__default.createElement(Wrapper$2, null, React__default.createElement(CharacterListingModal, {
     isOpen: isModalOpen,
     onClose: function onClose() {
@@ -16865,6 +16935,7 @@ var Spell = function Spell(_ref) {
     charMagicLevel = _ref.charMagicLevel,
     charSkillLevels = _ref.charSkillLevels,
     onPointerUp = _ref.onPointerUp,
+    onClick = _ref.onClick,
     isSettingShortcut = _ref.isSettingShortcut,
     spell = _ref.spell,
     activeCooldown = _ref.activeCooldown;
@@ -16893,10 +16964,11 @@ var Spell = function Spell(_ref) {
     height: '32px'
   };
   var IMAGE_SCALE = 2;
+  var handleClick = onClick != null ? onClick : onPointerUp;
   return React__default.createElement(SpellInfoWrapper, {
     spell: spell
   }, React__default.createElement(Container$J, {
-    onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
+    onClick: handleClick == null ? void 0 : handleClick.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
   }, disabled && React__default.createElement(Overlay$a, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React__default.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React__default.createElement("span", {
@@ -38159,30 +38231,48 @@ var useStoreCart = function useStoreCart() {
       });
     });
   };
-  var handlePurchase = function handlePurchase(onPurchase) {
-    var purchaseUnits = cartItems.map(function (cartItem) {
-      return {
-        purchaseKey: cartItem.item.key,
-        qty: cartItem.quantity,
-        type: getPurchaseType(cartItem.item),
-        name: cartItem.item.name,
-        metadata: cartItem.metadata || cartItem.item.metadataConfig
-      };
-    });
-    var purchase = {
-      _id: uuidv4(),
-      userId: '1',
-      status: 'pending',
-      createdAt: new Date().toISOString(),
-      updatedAt: new Date().toISOString(),
-      purchases: purchaseUnits
+  var handlePurchase = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(onPurchase) {
+      var purchaseUnits, purchase, success;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            purchaseUnits = cartItems.map(function (cartItem) {
+              return {
+                purchaseKey: cartItem.item.key,
+                qty: cartItem.quantity,
+                type: getPurchaseType(cartItem.item),
+                name: cartItem.item.name,
+                metadata: cartItem.metadata || cartItem.item.metadataConfig
+              };
+            });
+            purchase = {
+              _id: uuidv4(),
+              userId: '1',
+              status: 'pending',
+              createdAt: new Date().toISOString(),
+              updatedAt: new Date().toISOString(),
+              purchases: purchaseUnits
+            };
+            _context2.next = 4;
+            return onPurchase(purchase);
+          case 4:
+            success = _context2.sent;
+            if (success && isMounted.current) {
+              setCartItems([]);
+              setIsCartOpen(false);
+            }
+            return _context2.abrupt("return", success);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handlePurchase(_x4) {
+      return _ref2.apply(this, arguments);
     };
-    onPurchase(purchase);
-    if (isMounted.current) {
-      setCartItems([]);
-      setIsCartOpen(false);
-    }
-  };
+  }();
   var openCart = function openCart() {
     return setIsCartOpen(true);
   };
@@ -40108,24 +40198,9 @@ var Store = function Store(_ref) {
     cartItems: cartItems,
     onRemoveFromCart: handleRemoveFromCartTracked,
     onClose: closeCart,
-    onPurchase: function () {
-      var _onPurchase2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              handleCartPurchase(_onPurchase);
-              return _context.abrupt("return", true);
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function onPurchase() {
-        return _onPurchase2.apply(this, arguments);
-      }
-      return onPurchase;
-    }(),
+    onPurchase: function onPurchase() {
+      return handleCartPurchase(_onPurchase);
+    },
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
     onCheckoutStart: onCheckoutStart,
@@ -40796,6 +40871,7 @@ exports.CharacterMarketplacePanel = CharacterMarketplacePanel;
 exports.CharacterMarketplaceRows = CharacterMarketplaceRows;
 exports.CharacterSelection = CharacterSelection;
 exports.CharacterSkinSelectionModal = CharacterSkinSelectionModal;
+exports.CharacterTradePanel = CharacterTradePanel;
 exports.Chat = Chat;
 exports.ChatDeprecated = ChatDeprecated;
 exports.ChatRevamp = ChatRevamp;