@rpg-engine/long-bow 0.8.232 → 0.8.234

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

@@ -5849,7 +5849,9 @@ var DCTransferPanel = function DCTransferPanel(_ref) {
     onInputFocus = _ref.onInputFocus,
     onInputBlur = _ref.onInputBlur,
     onSearchCharacter = _ref.onSearchCharacter,
-    searchResults = _ref.searchResults;
+    searchResults = _ref.searchResults,
+    _ref$feePercent = _ref.feePercent,
+    feePercent = _ref$feePercent === void 0 ? 0 : _ref$feePercent;
   var _useState = React.useState(''),
     recipientName = _useState[0],
     setRecipientName = _useState[1];
@@ -5909,7 +5911,8 @@ var DCTransferPanel = function DCTransferPanel(_ref) {
       setValidationError('Amount must be a positive integer.');
       return false;
     }
-    if (parsedAmount > dcBalance) {
+    var fee = Math.floor(parsedAmount * feePercent);
+    if (parsedAmount + fee > dcBalance) {
       setValidationError('Insufficient DC balance.');
       return false;
     }
@@ -5919,13 +5922,16 @@ var DCTransferPanel = function DCTransferPanel(_ref) {
   var handleSendClick = React.useCallback(function () {
     if (!validate()) return;
     setShowConfirm(true);
-  }, [recipientName, amount, dcBalance, characterName]);
+  }, [recipientName, amount, dcBalance, characterName, feePercent]);
   var handleConfirmTransfer = React.useCallback(function () {
     setShowConfirm(false);
     onSendTransfer(recipientName.trim(), parseInt(amount, 10));
     setRecipientName('');
     setAmount('');
   }, [recipientName, amount, onSendTransfer]);
+  var transferAmount = parseInt(amount, 10);
+  var transferFee = Math.floor(transferAmount * feePercent);
+  var transferTotal = transferAmount + transferFee;
   return React__default.createElement(PanelContainer$1, null, React__default.createElement(FieldLabel, null, "Recipient Character Name"), React__default.createElement(AutocompleteWrapper, {
     ref: dropdownRef
   }, React__default.createElement(StyledInput, {
@@ -5971,7 +5977,7 @@ var DCTransferPanel = function DCTransferPanel(_ref) {
     onBlur: onInputBlur,
     placeholder: "0",
     disabled: transferLoading
-  }), validationError && React__default.createElement(ErrorMessage, null, validationError), React__default.createElement(ButtonRow, null, React__default.createElement(CTAButton, {
+  }), feePercent > 0 && React__default.createElement(FeeDisclosure, null, feePercent * 100, "% transfer fee is added to the sender debit."), validationError && React__default.createElement(ErrorMessage, null, validationError), React__default.createElement(ButtonRow, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaPaperPlane, null),
     label: transferLoading ? 'Sending...' : 'Send',
     onClick: handleSendClick,
@@ -5979,8 +5985,8 @@ var DCTransferPanel = function DCTransferPanel(_ref) {
     fullWidth: true
   })), transferLoading && React__default.createElement(Spinner$1, null), transferResult && React__default.createElement(ResultMessage, {
     "$success": transferResult.success
-  }, transferResult.message), showConfirm && React__default.createElement(ConfirmModal, {
-    message: "Transfer " + parseInt(amount, 10) + " DC to \"" + recipientName.trim() + "\"?",
+  }, transferResult.message, !!transferResult.fee && " \xB7 " + transferResult.fee.toLocaleString() + " DC fee"), showConfirm && React__default.createElement(ConfirmModal, {
+    message: feePercent > 0 ? "Transfer " + transferAmount.toLocaleString() + " DC to \"" + recipientName.trim() + "\"? Fee: " + transferFee.toLocaleString() + " DC \xB7 Total: " + transferTotal.toLocaleString() + " DC" : "Transfer " + transferAmount.toLocaleString() + " DC to \"" + recipientName.trim() + "\"?",
     onConfirm: handleConfirmTransfer,
     onClose: function onClose() {
       return setShowConfirm(false);
@@ -6021,17 +6027,21 @@ var ErrorMessage = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DCTransferPanel__ErrorMessage",
   componentId: "sc-k1vvb1-6"
 })(["font-size:9px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;"], uiColors.red);
+var FeeDisclosure = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "DCTransferPanel__FeeDisclosure",
+  componentId: "sc-k1vvb1-7"
+})(["margin:0;color:rgba(254,240,138,0.65);font-size:7px !important;line-height:1.4 !important;"]);
 var AutocompleteWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DCTransferPanel__AutocompleteWrapper",
-  componentId: "sc-k1vvb1-7"
+  componentId: "sc-k1vvb1-8"
 })(["position:relative;width:100%;"]);
 var DropdownList = /*#__PURE__*/styled__default.ul.withConfig({
   displayName: "DCTransferPanel__DropdownList",
-  componentId: "sc-k1vvb1-8"
+  componentId: "sc-k1vvb1-9"
 })(["position:absolute;top:100%;left:0;right:0;background:rgba(10,10,30,0.95);border:1px solid #f59e0b;border-top:none;list-style:none;padding:0;margin:0;max-height:120px;overflow-y:auto;z-index:10;"]);
 var DropdownItem = /*#__PURE__*/styled__default.li.withConfig({
   displayName: "DCTransferPanel__DropdownItem",
-  componentId: "sc-k1vvb1-9"
+  componentId: "sc-k1vvb1-10"
 })(["padding:6px 8px;font-size:11px;font-family:'Press Start 2P',cursive;color:", ";cursor:pointer;&:hover{background:rgba(245,158,11,0.3);}"], uiColors.white);
 
 var DC_TO_USD$1 = 100;
@@ -6050,7 +6060,9 @@ var DCWalletContent = function DCWalletContent(_ref) {
     onInputBlur = _ref.onInputBlur,
     onBuyDC = _ref.onBuyDC,
     onSearchCharacter = _ref.onSearchCharacter,
-    searchResults = _ref.searchResults;
+    searchResults = _ref.searchResults,
+    _ref$feePercent = _ref.feePercent,
+    feePercent = _ref$feePercent === void 0 ? 0 : _ref$feePercent;
   var usdValue = (dcBalance / DC_TO_USD$1).toFixed(2);
   var tabs = [{
     id: 'transfer',
@@ -6059,6 +6071,7 @@ var DCWalletContent = function DCWalletContent(_ref) {
       dcBalance: dcBalance,
       transferLoading: transferLoading,
       transferResult: transferResult,
+      feePercent: feePercent,
       onSendTransfer: onSendTransfer,
       onClearTransferResult: onClearTransferResult,
       characterName: characterName,
@@ -13063,7 +13076,9 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     onMoneyWithdraw = _ref.onMoneyWithdraw,
     currentPage = _ref.currentPage,
     _ref$dcToGoldSwapRate = _ref.dcToGoldSwapRate,
-    dcToGoldSwapRate = _ref$dcToGoldSwapRate === void 0 ? 0 : _ref$dcToGoldSwapRate;
+    dcToGoldSwapRate = _ref$dcToGoldSwapRate === void 0 ? 0 : _ref$dcToGoldSwapRate,
+    _ref$commissionPercen = _ref.commissionPercent,
+    commissionPercent = _ref$commissionPercen === void 0 ? 0 : _ref$commissionPercen;
   var _useState = React.useState(''),
     price = _useState[0],
     setPrice = _useState[1];
@@ -13081,6 +13096,10 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     var _itemsContainer$curre;
     (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
   }, [currentPage]);
+  var parsedPrice = Number(price);
+  var netGoldProceeds = parsedPrice - Math.floor(parsedPrice * commissionPercent);
+  var netDCProceeds = shared.goldToDC(netGoldProceeds);
+  var netProceedsLabel = listingCurrency === shared.MarketplaceAcceptedCurrency.Gold ? netGoldProceeds.toLocaleString() + " gold" : listingCurrency === shared.MarketplaceAcceptedCurrency.Dc ? shared.formatDCAmount(netDCProceeds) + " DC" : netGoldProceeds.toLocaleString() + " gold or " + shared.formatDCAmount(netDCProceeds) + " DC";
   return React__default.createElement(React__default.Fragment, null, isCreatingOffer && React__default.createElement(ConfirmModal, {
     onClose: setIsCreatingOffer.bind(null, false),
     onConfirm: function onConfirm() {
@@ -13154,7 +13173,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
         setIsCreatingOffer(true);
       }
     }
-  })), React__default.createElement(CurrencyToggleRow, null, React__default.createElement(CurrencyToggleLabel, null, "Accept:"), LISTING_CURRENCY_OPTIONS.map(function (opt) {
+  })), commissionPercent > 0 && React__default.createElement(FeeDisclosure$1, null, commissionPercent * 100, "% marketplace commission is deducted from seller proceeds."), price && Number(price) > 0 && commissionPercent > 0 && React__default.createElement(NetProceeds, null, "You'll receive: ", netProceedsLabel, ' ', "(after ", commissionPercent * 100, "% commission)"), React__default.createElement(CurrencyToggleRow, null, React__default.createElement(CurrencyToggleLabel, null, "Accept:"), LISTING_CURRENCY_OPTIONS.map(function (opt) {
     return React__default.createElement(CurrencyToggleButton, {
       key: opt.value,
       "$active": listingCurrency === opt.value,
@@ -13239,48 +13258,56 @@ var SellDescription = /*#__PURE__*/styled__default.p.withConfig({
 var PriceInputWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__PriceInputWrapper",
   componentId: "sc-1yyi6jn-5"
-})(["display:flex;flex-direction:column;flex-grow:1;p{margin:0 0 8px 0;font-size:0.6rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;}.price-input{width:60px;height:32px;flex-grow:1;font-size:0.7rem;}.offer-btn{padding:10px 14px;height:32px;}"]);
+})(["display:flex;flex-direction:column;flex-grow:1;> p:first-child{margin:0 0 8px 0;font-size:0.6rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;}.price-input{width:60px;height:32px;flex-grow:1;font-size:0.7rem;}.offer-btn{padding:10px 14px;height:32px;}"]);
+var NetProceeds = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "ManagmentPanel__NetProceeds",
+  componentId: "sc-1yyi6jn-6"
+})(["margin:8px 0 0;color:#fef08a;font-size:8px !important;line-height:1.5 !important;"]);
+var FeeDisclosure$1 = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "ManagmentPanel__FeeDisclosure",
+  componentId: "sc-1yyi6jn-7"
+})(["margin:6px 0 0;color:rgba(254,240,138,0.65);font-size:7px !important;line-height:1.4 !important;"]);
 var GoldIcon$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__GoldIcon",
-  componentId: "sc-1yyi6jn-6"
+  componentId: "sc-1yyi6jn-8"
 })(["position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;flex-shrink:0;top:-0.5rem;left:-0.5rem;"]);
 var WealthWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__WealthWrapper",
-  componentId: "sc-1yyi6jn-7"
+  componentId: "sc-1yyi6jn-9"
 })(["display:flex;flex-direction:column;gap:8px;flex-grow:1;& > :last-child{margin-top:auto;}"]);
 var BalanceRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__BalanceRow",
-  componentId: "sc-1yyi6jn-8"
+  componentId: "sc-1yyi6jn-10"
 })(["display:flex;align-items:center;justify-content:flex-end;gap:10px;background:rgba(0,0,0,0.3);border-radius:4px;border:1px solid rgba(255,255,255,0.05);padding:8px 12px;"]);
 var BalanceAmount$1 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ManagmentPanel__BalanceAmount",
-  componentId: "sc-1yyi6jn-9"
+  componentId: "sc-1yyi6jn-11"
 })(["font-family:'Press Start 2P',cursive;font-size:0.8rem;color:", ";text-shadow:0 2px 4px rgba(0,0,0,0.5);margin-left:auto;"], function (props) {
   return props.$disabled ? uiColors.lightGray : '#fef08a';
 });
 var BalanceCurrencyLabel = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ManagmentPanel__BalanceCurrencyLabel",
-  componentId: "sc-1yyi6jn-10"
+  componentId: "sc-1yyi6jn-12"
 })(["font-size:0.5rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;min-width:45px;text-align:right;"]);
 var ItemComponentScrollWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__ItemComponentScrollWrapper",
-  componentId: "sc-1yyi6jn-11"
+  componentId: "sc-1yyi6jn-13"
 })(["overflow-y:scroll;overflow-x:hidden;height:335px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:195px;}"]);
 var SmallCTAButton = /*#__PURE__*/styled__default(CTAButton).withConfig({
   displayName: "ManagmentPanel__SmallCTAButton",
-  componentId: "sc-1yyi6jn-12"
+  componentId: "sc-1yyi6jn-14"
 })(["padding:8px 12px;height:32px;span{font-size:0.65rem;}svg{font-size:1.1rem;}"]);
 var CurrencyToggleRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__CurrencyToggleRow",
-  componentId: "sc-1yyi6jn-13"
+  componentId: "sc-1yyi6jn-15"
 })(["display:flex;align-items:center;gap:6px;margin-top:8px;"]);
 var CurrencyToggleLabel = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ManagmentPanel__CurrencyToggleLabel",
-  componentId: "sc-1yyi6jn-14"
+  componentId: "sc-1yyi6jn-16"
 })(["font-size:0.5rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;"]);
 var CurrencyToggleButton = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ManagmentPanel__CurrencyToggleButton",
-  componentId: "sc-1yyi6jn-15"
+  componentId: "sc-1yyi6jn-17"
 })(["padding:3px 8px;font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;border-radius:4px;border:1px solid ", " !important;background:", " !important;color:", " !important;cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;&:hover{border-color:", " !important;color:", " !important;}"], function (_ref3) {
   var $active = _ref3.$active;
   return $active ? '#f59e0b' : 'rgba(255,255,255,0.15)';
@@ -13299,7 +13326,7 @@ var CurrencyToggleButton = /*#__PURE__*/styled__default.button.withConfig({
 });
 var DCPreview = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ManagmentPanel__DCPreview",
-  componentId: "sc-1yyi6jn-16"
+  componentId: "sc-1yyi6jn-18"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:rgba(167,139,250,0.8) !important;white-space:nowrap;margin-left:auto;"]);
 
 var CURRENCY_OPTIONS = [{
@@ -13942,7 +13969,9 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
     characterAtlasIMG = _ref.characterAtlasIMG,
     onCharacterList = _ref.onCharacterList,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    _ref$commissionPercen = _ref.commissionPercent,
+    commissionPercent = _ref$commissionPercen === void 0 ? 0 : _ref$commissionPercen;
   var _useState = React.useState(null),
     selectedId = _useState[0],
     setSelectedId = _useState[1];
@@ -14060,7 +14089,7 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
     centered: true
   })), React__default.createElement(PricePreviewAmount, null, React__default.createElement(MMORPGNumber, {
     value: Number(price)
-  }), " DC")), React__default.createElement(DCRateStrip, null)))));
+  }), " DC")), price && Number(price) > 0 && commissionPercent > 0 && React__default.createElement(NetProceeds$1, null, "You'll receive:", ' ', (Number(price) - Math.floor(Number(price) * commissionPercent)).toLocaleString(), " DC", ' ', "(after ", commissionPercent * 100, "% commission)"), React__default.createElement(DCRateStrip, null)))));
 };
 var scaleIn$3 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var Overlay$8 = /*#__PURE__*/styled__default.div.withConfig({
@@ -14075,25 +14104,29 @@ var ModalContent$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__ModalContent",
   componentId: "sc-1uxkx35-2"
 })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$3);
+var NetProceeds$1 = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "CharacterListingModal__NetProceeds",
+  componentId: "sc-1uxkx35-3"
+})(["margin:0;color:#fef08a;font-size:8px !important;line-height:1.5 !important;"]);
 var Header$c = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__Header",
-  componentId: "sc-1uxkx35-3"
+  componentId: "sc-1uxkx35-4"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 var Title$d = /*#__PURE__*/styled__default.h3.withConfig({
   displayName: "CharacterListingModal__Title",
-  componentId: "sc-1uxkx35-4"
+  componentId: "sc-1uxkx35-5"
 })(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#fef08a !important;"]);
 var CloseButton$f = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "CharacterListingModal__CloseButton",
-  componentId: "sc-1uxkx35-5"
+  componentId: "sc-1uxkx35-6"
 })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;pointer-events:auto;&:hover{color:#ffffff;}"]);
 var CharacterList$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__CharacterList",
-  componentId: "sc-1uxkx35-6"
+  componentId: "sc-1uxkx35-7"
 })(["display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:260px;padding:2px;&::-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 CharacterRow = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__CharacterRow",
-  componentId: "sc-1uxkx35-7"
+  componentId: "sc-1uxkx35-8"
 })(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";background:", ";}&:focus-visible{outline:2px solid rgba(245,158,11,0.6);outline-offset:2px;}"], function (_ref2) {
   var $selected = _ref2.$selected,
     $disabled = _ref2.$disabled;
@@ -14119,7 +14152,7 @@ var CharacterRow = /*#__PURE__*/styled__default.div.withConfig({
 });
 var RadioCircle$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__RadioCircle",
-  componentId: "sc-1uxkx35-8"
+  componentId: "sc-1uxkx35-9"
 })(["width:14px;height:14px;border-radius:50%;border:2px solid ", ";flex-shrink:0;display:flex;align-items:center;justify-content:center;&::after{content:'';width:6px;height:6px;border-radius:50%;background:", ";opacity:", ";transition:opacity 0.15s;}"], function (_ref8) {
   var $selected = _ref8.$selected,
     $disabled = _ref8.$disabled;
@@ -14133,55 +14166,55 @@ var RadioCircle$1 = /*#__PURE__*/styled__default.div.withConfig({
 });
 var ActiveTag = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__ActiveTag",
-  componentId: "sc-1uxkx35-9"
+  componentId: "sc-1uxkx35-10"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#666 !important;background:rgba(255,255,255,0.06);padding:3px 6px;border-radius:3px;white-space:nowrap;margin-left:auto;"]);
 var SpriteWrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__SpriteWrapper",
-  componentId: "sc-1uxkx35-10"
+  componentId: "sc-1uxkx35-11"
 })(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;flex-shrink:0;width:40px;height:40px;"]);
 var CharacterInfo$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__CharacterInfo",
-  componentId: "sc-1uxkx35-11"
+  componentId: "sc-1uxkx35-12"
 })(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
 var CharacterName$3 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__CharacterName",
-  componentId: "sc-1uxkx35-12"
+  componentId: "sc-1uxkx35-13"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#f3f4f6 !important;"]);
 var CharacterMeta$1 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__CharacterMeta",
-  componentId: "sc-1uxkx35-13"
+  componentId: "sc-1uxkx35-14"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var PricePreview = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__PricePreview",
-  componentId: "sc-1uxkx35-14"
+  componentId: "sc-1uxkx35-15"
 })(["display:flex;align-items:center;gap:6px;"]);
 var DCCoinWrapper$4 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__DCCoinWrapper",
-  componentId: "sc-1uxkx35-15"
+  componentId: "sc-1uxkx35-16"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
 var PricePreviewAmount = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__PricePreviewAmount",
-  componentId: "sc-1uxkx35-16"
+  componentId: "sc-1uxkx35-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#fef08a !important;"]);
 var PriceSection$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__PriceSection",
-  componentId: "sc-1uxkx35-17"
+  componentId: "sc-1uxkx35-18"
 })(["display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,0.06);padding-top:12px;"]);
 var PriceLabel = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "CharacterListingModal__PriceLabel",
-  componentId: "sc-1uxkx35-18"
+  componentId: "sc-1uxkx35-19"
 })(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var PriceRow$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__PriceRow",
-  componentId: "sc-1uxkx35-19"
+  componentId: "sc-1uxkx35-20"
 })(["display:flex;gap:8px;align-items:center;.price-input{flex:1;height:12px;}"]);
 var ListBtn = /*#__PURE__*/styled__default(CTAButton).withConfig({
   displayName: "CharacterListingModal__ListBtn",
-  componentId: "sc-1uxkx35-20"
+  componentId: "sc-1uxkx35-21"
 })(["flex-shrink:0;padding:10px 16px;height:32px;span{font-size:0.6rem;}svg{font-size:1.1rem;}"]);
 var EmptyState$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__EmptyState",
-  componentId: "sc-1uxkx35-21"
+  componentId: "sc-1uxkx35-22"
 })(["display:flex;align-items:center;justify-content:center;padding:32px 16px;font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#666 !important;text-transform:uppercase;letter-spacing:1px;"]);
 
 var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
@@ -14199,7 +14232,9 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
     characterAtlasJSON = _ref.characterAtlasJSON,
     characterAtlasIMG = _ref.characterAtlasIMG,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    _ref$commissionPercen = _ref.commissionPercent,
+    commissionPercent = _ref$commissionPercen === void 0 ? 0 : _ref$commissionPercen;
   var _useState = React.useState(null),
     delistingId = _useState[0],
     setDelistingId = _useState[1];
@@ -14242,7 +14277,8 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
       setIsListingModalOpen(false);
     },
     enableHotkeys: enableHotkeys,
-    disableHotkeys: disableHotkeys
+    disableHotkeys: disableHotkeys,
+    commissionPercent: commissionPercent
   }), React__default.createElement(Toolbar, null, React__default.createElement(ListCharacterBtn, {
     icon: React__default.createElement(ShoppingBag.ShoppingBag, {
       width: 16,
@@ -14401,7 +14437,9 @@ var CharacterTradePanel = function CharacterTradePanel(_ref) {
     characterAtlasJSON = _ref.characterAtlasJSON,
     characterAtlasIMG = _ref.characterAtlasIMG,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    _ref$commissionPercen = _ref.commissionPercent,
+    commissionPercent = _ref$commissionPercen === void 0 ? 0 : _ref$commissionPercen;
   var _useState = React.useState('browse'),
     subTab = _useState[0],
     setSubTab = _useState[1];
@@ -14448,7 +14486,8 @@ var CharacterTradePanel = function CharacterTradePanel(_ref) {
     characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
     characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
     enableHotkeys: enableHotkeys,
-    disableHotkeys: disableHotkeys
+    disableHotkeys: disableHotkeys,
+    commissionPercent: commissionPercent
   }));
 };
 var CharacterSubTabs = /*#__PURE__*/styled__default.div.withConfig({
@@ -14668,7 +14707,8 @@ var Marketplace = function Marketplace(props) {
     characterAtlasJSON: characterAtlasJSON,
     characterAtlasIMG: characterAtlasIMG,
     enableHotkeys: props.enableHotkeys,
-    disableHotkeys: props.disableHotkeys
+    disableHotkeys: props.disableHotkeys,
+    commissionPercent: props.commissionPercent
   }), 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, {
@@ -38006,6 +38046,17 @@ var CloseLink = /*#__PURE__*/styled__default.div.withConfig({
   componentId: "sc-18z5q21-16"
 })(["font-family:'Press Start 2P',cursive;font-size:0.5rem;color:rgba(255,255,255,0.45);cursor:pointer;display:flex;align-items:center;gap:0.3rem;transition:color 0.15s;&:hover{color:rgba(255,255,255,0.7);}"]);
 
+var GENERIC_PURCHASE_FAILED_MESSAGE = 'Purchase failed. Please try again.';
+var normalizePurchaseResult = function normalizePurchaseResult(result) {
+  if (typeof result === 'boolean') {
+    return result ? {
+      status: 'success'
+    } : {
+      status: 'failed'
+    };
+  }
+  return result;
+};
 var MetadataDisplay = function MetadataDisplay(_ref) {
   var type = _ref.type,
     metadata = _ref.metadata;
@@ -38053,7 +38104,7 @@ var CartView = function CartView(_ref2) {
   };
   var handlePurchase = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var snapshot, trackItems, success, errMsg, _errMsg;
+      var snapshot, trackItems, purchaseResult, _purchaseResult$error, errMsg, _errMsg;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -38069,36 +38120,38 @@ var CartView = function CartView(_ref2) {
               };
             });
             onCheckoutStart == null ? void 0 : onCheckoutStart(trackItems, total);
-            _context.next = 8;
+            _context.t0 = normalizePurchaseResult;
+            _context.next = 9;
             return onPurchase();
-          case 8:
-            success = _context.sent;
-            if (success) {
+          case 9:
+            _context.t1 = _context.sent;
+            purchaseResult = (0, _context.t0)(_context.t1);
+            if (purchaseResult.status === 'success') {
               onPurchaseSuccess == null ? void 0 : onPurchaseSuccess(trackItems, total);
               setPurchasedItems(snapshot);
-            } else {
-              errMsg = 'Purchase failed. Please try again.';
+            } else if (purchaseResult.status === 'failed') {
+              errMsg = (_purchaseResult$error = purchaseResult.error) != null ? _purchaseResult$error : GENERIC_PURCHASE_FAILED_MESSAGE;
               onPurchaseError == null ? void 0 : onPurchaseError(errMsg);
               setError(errMsg);
             }
-            _context.next = 18;
+            _context.next = 20;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](0);
+          case 14:
+            _context.prev = 14;
+            _context.t2 = _context["catch"](0);
             _errMsg = 'An error occurred during purchase. Please try again.';
             onPurchaseError == null ? void 0 : onPurchaseError(_errMsg);
             setError(_errMsg);
-            console.error('Purchase error:', _context.t0);
-          case 18:
-            _context.prev = 18;
+            console.error('Purchase error:', _context.t2);
+          case 20:
+            _context.prev = 20;
             setIsLoading(false);
-            return _context.finish(18);
-          case 21:
+            return _context.finish(20);
+          case 23:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 12, 18, 21]]);
+      }, _callee, null, [[0, 14, 20, 23]]);
     }));
     return function handlePurchase() {
       return _ref3.apply(this, arguments);
@@ -38617,7 +38670,7 @@ var useStoreCart = function useStoreCart() {
   };
   var handlePurchase = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(onPurchase) {
-      var purchaseUnits, purchase, success;
+      var purchaseUnits, purchase, result, success;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -38641,13 +38694,14 @@ var useStoreCart = function useStoreCart() {
             _context2.next = 4;
             return onPurchase(purchase);
           case 4:
-            success = _context2.sent;
+            result = _context2.sent;
+            success = typeof result === 'boolean' ? result : result.status === 'success';
             if (success && isMounted.current) {
               setCartItems([]);
               setIsCartOpen(false);
             }
-            return _context2.abrupt("return", success);
-          case 7:
+            return _context2.abrupt("return", result);
+          case 8:
           case "end":
             return _context2.stop();
         }
@@ -38781,7 +38835,9 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     onPayWithPix = _ref.onPayWithPix,
     onClose = _ref.onClose,
     _ref$showPix = _ref.showPix,
-    showPix = _ref$showPix === void 0 ? false : _ref$showPix;
+    showPix = _ref$showPix === void 0 ? false : _ref$showPix,
+    _ref$isProcessing = _ref.isProcessing,
+    isProcessing = _ref$isProcessing === void 0 ? false : _ref$isProcessing;
   var _useState = React.useState('card'),
     selected = _useState[0],
     setSelected = _useState[1];
@@ -38795,6 +38851,7 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     e.stopPropagation();
   }, []);
   var handleConfirm = React.useCallback(function () {
+    if (isProcessing) return;
     if (selected === 'dc' && !dcDisabled) {
       onPayWithDC();
     } else if (selected === 'pix') {
@@ -38802,7 +38859,10 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     } else {
       onPayWithCard();
     }
-  }, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
+  }, [selected, dcDisabled, isProcessing, onPayWithDC, onPayWithCard, onPayWithPix]);
+  var handleClose = React.useCallback(function () {
+    if (!isProcessing) onClose();
+  }, [isProcessing, onClose]);
   var dcSubText = dcRequired !== undefined ? React__default.createElement(React__default.Fragment, null, React__default.createElement(MMORPGNumber, {
     value: dcBalance
   }), " DC available \xB7", ' ', React__default.createElement(MMORPGNumber, {
@@ -38811,40 +38871,44 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     value: dcBalance
   }), " DC available");
   return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$b, {
-    onPointerDown: onClose
+    onPointerDown: handleClose
   }), React__default.createElement(ModalContainer$8, null, React__default.createElement(ModalContent$8, {
     onClick: stopPropagation,
     onTouchStart: stopPropagation,
     onPointerDown: stopPropagation
   }, React__default.createElement(Header$i, null, React__default.createElement(Title$p, null, "How would you like to pay?"), React__default.createElement(CloseButton$j, {
-    onPointerDown: onClose,
-    "aria-label": "Close"
+    onPointerDown: handleClose,
+    "aria-label": "Close",
+    disabled: isProcessing
   }, React__default.createElement(Cancel.Cancel, null))), React__default.createElement(Options$1, null, React__default.createElement(RadioOption$2, {
     "$selected": selected === 'card',
-    onPointerDown: function onPointerDown() {
+    "$disabled": isProcessing,
+    onPointerDown: isProcessing ? undefined : function () {
       return setSelected('card');
     }
   }, React__default.createElement(RadioCircle$3, {
     "$selected": selected === 'card'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$2, {
     "$selected": selected === 'pix',
-    onPointerDown: function onPointerDown() {
+    "$disabled": isProcessing,
+    onPointerDown: isProcessing ? undefined : function () {
       return setSelected('pix');
     }
   }, React__default.createElement(RadioCircle$3, {
     "$selected": selected === 'pix'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$2, {
     "$selected": selected === 'dc',
-    "$disabled": dcDisabled,
-    onPointerDown: dcDisabled ? undefined : function () {
+    "$disabled": dcDisabled || isProcessing,
+    onPointerDown: dcDisabled || isProcessing ? undefined : function () {
       return setSelected('dc');
     }
   }, React__default.createElement(RadioCircle$3, {
     "$selected": selected === 'dc'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Definya Coin"), React__default.createElement(OptionSub$1, null, dcSubText)))), React__default.createElement(ConfirmRow$1, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onPointerDown: handleConfirm
-  }, "Confirm")))));
+    onPointerDown: handleConfirm,
+    disabled: isProcessing
+  }, isProcessing ? 'Processing...' : 'Confirm')))));
 };
 var Overlay$b = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__Overlay",