@rpg-engine/long-bow 0.8.220 → 0.8.222

package/dist/long-bow.esm.js

@@ -6,7 +6,7 @@ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemConta
 export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
-import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaCheckCircle, FaTicketAlt, FaExclamationCircle, FaArrowLeft, FaUsers, FaWallet, FaHistory } from 'react-icons/fa';
+import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaInfoCircle, FaBolt, FaCartPlus, FaCheckCircle, FaTicketAlt, FaExclamationCircle, FaArrowLeft, FaUsers, FaWallet, FaHistory } from 'react-icons/fa';
 import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
 import { IoMdContract, IoMdExpand } from 'react-icons/io';
 import ReactDOM, { createPortal } from 'react-dom';
@@ -2560,7 +2560,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
 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) {
+})(["height:", ";width:", ";min-width:", ";min-height:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}@media (max-width:600px){width:100vw !important;min-width:unset !important;height:100dvh !important;}"], function (props) {
   return props.height;
 }, function (_ref2) {
   var width = _ref2.width;
@@ -37557,7 +37557,6 @@ var CartView = function CartView(_ref2) {
     paymentMethodLabel = _ref2.paymentMethodLabel,
     trustSignals = _ref2.trustSignals,
     onCloseStore = _ref2.onCloseStore,
-    onBuyDC = _ref2.onBuyDC,
     onCheckoutStart = _ref2.onCheckoutStart,
     onPurchaseSuccess = _ref2.onPurchaseSuccess,
     onPurchaseError = _ref2.onPurchaseError,
@@ -37636,11 +37635,6 @@ var CartView = function CartView(_ref2) {
       return _ref3.apply(this, arguments);
     };
   }();
-  // Show DC discount nudge when items have DC pricing and user might benefit
-  var hasDCItems = cartItems.some(function (ci) {
-    return ci.item.dcPrice;
-  });
-  var showDCNudge = hasDCItems && onBuyDC;
   if (purchasedItems) {
     return React.createElement(PurchaseSuccess, {
       items: purchasedItems.map(function (ci) {
@@ -37665,9 +37659,8 @@ var CartView = function CartView(_ref2) {
     return s + ci.quantity;
   }, 0), ")"), React.createElement(CloseButton$h, {
     onPointerDown: onClose
-  }, React.createElement(FaTimes, null))), React.createElement(CartItems, null, cartItems.length === 0 ? React.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
+  }, React.createElement(FaTimes, null))), React.createElement(MainContent$1, null, React.createElement(CartItems, null, cartItems.length === 0 ? React.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
     var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
-    console.log('Item metadataType: , texturePath:', cartItem.item.metadataType, cartItem.item.texturePath);
     var getSpriteKey = function getSpriteKey(textureKey) {
       return textureKey + '/down/standing/0.png';
     };
@@ -37691,15 +37684,13 @@ var CartView = function CartView(_ref2) {
         onRemoveFromCart(cartItem.item.key);
       }
     }));
-  })), React.createElement(Footer$2, null, showDCNudge && React.createElement(DCNudge, {
-    onPointerDown: onBuyDC
-  }, React.createElement(FaCoins, null), React.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React.createElement(DCNudgeLink, null, "Buy DC \u2192")), React.createElement(TrustBar, {
-    signals: trustSignals
-  }), React.createElement(TotalInfo, null, React.createElement(OrderSummaryLabel, null, "Order Summary"), React.createElement(TotalRow, null, React.createElement("span", null, "Subtotal:"), React.createElement("span", null, currencySymbol, formatPrice(total))), dcTotal > 0 && React.createElement(TotalRow, null, React.createElement("span", null, "DC:"), React.createElement("span", null, React.createElement(MMORPGNumber, {
+  })), cartItems.length > 0 && React.createElement(OrderSummaryPanel, null, React.createElement(OrderSummaryLabel, null, "Order Summary"), React.createElement(TotalRow, null, React.createElement("span", null, "Subtotal:"), React.createElement("span", null, currencySymbol, formatPrice(total))), dcTotal > 0 && React.createElement(TotalRow, null, React.createElement("span", null, "DC:"), React.createElement("span", null, React.createElement(MMORPGNumber, {
     value: dcTotal
   }), " DC")), React.createElement(TotalRow, {
     "$isTotal": true
-  }, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, formatPrice(total))), paymentMethodLabel && React.createElement(PaymentMethodRow, null, React.createElement("span", null, "Paying with:"), React.createElement("span", null, paymentMethodLabel)), error && React.createElement(ErrorMessage$2, null, error)), React.createElement(CTAButton, {
+  }, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, formatPrice(total))), paymentMethodLabel && React.createElement(PaymentMethodRow, null, React.createElement("span", null, "Paying with:"), React.createElement("span", null, paymentMethodLabel)))), React.createElement(Footer$2, null, React.createElement(TrustBar, {
+    signals: trustSignals
+  }), error && React.createElement(ErrorMessage$2, null, error), React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingBag, null),
     label: isLoading ? 'Processing...' : "Pay " + currencySymbol + formatPrice(total),
     onClick: handlePurchase,
@@ -37710,7 +37701,7 @@ var CartView = function CartView(_ref2) {
 var Container$M = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Container",
   componentId: "sc-ydtyl1-0"
-})(["display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;overflow:hidden;box-sizing:border-box;"]);
+})(["display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;overflow:hidden;box-sizing:border-box;@media (max-width:480px){padding:0.75rem 0.5rem;}"]);
 var Header$g = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Header",
   componentId: "sc-ydtyl1-1"
@@ -37723,87 +37714,85 @@ var CloseButton$h = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__CloseButton",
   componentId: "sc-ydtyl1-3"
 })(["padding:0.5rem;min-width:unset;width:42px;height:42px;display:flex;font-size:1.5rem;align-items:center;color:white;justify-content:center;"]);
+var MainContent$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CartView__MainContent",
+  componentId: "sc-ydtyl1-4"
+})(["display:grid;grid-template-columns:1fr 260px;gap:1rem;flex:1;min-height:0;margin:1rem 0;@media (max-width:700px){grid-template-columns:1fr;gap:0.75rem;}"]);
 var CartItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__CartItems",
-  componentId: "sc-ydtyl1-4"
-})(["display:flex;flex-direction:column;gap:0.5rem;flex:1;min-height:0;overflow-y:auto;margin:1rem 0;padding-right:0.5rem;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px;&:hover{background:#fbbf24;}}"]);
+  componentId: "sc-ydtyl1-5"
+})(["display:flex;flex-direction:column;gap:0.5rem;min-height:0;overflow-y:auto;padding-right:0.5rem;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px;&:hover{background:#fbbf24;}}"]);
+var OrderSummaryPanel = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CartView__OrderSummaryPanel",
+  componentId: "sc-ydtyl1-6"
+})(["display:flex;flex-direction:column;gap:0.5rem;padding:1rem;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.08);border-radius:6px;align-self:start;@media (max-width:480px){padding:0.75rem;}"]);
 var EmptyCart = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__EmptyCart",
-  componentId: "sc-ydtyl1-5"
+  componentId: "sc-ydtyl1-7"
 })(["display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff;font-family:'Press Start 2P',cursive;font-size:0.875rem;opacity:0.7;"]);
 var CartItemRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__CartItemRow",
-  componentId: "sc-ydtyl1-6"
-})(["display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;background:rgba(0,0,0,0.2);border-radius:4px;"]);
+  componentId: "sc-ydtyl1-8"
+})(["display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;background:rgba(0,0,0,0.2);border-radius:4px;@media (max-width:480px){gap:0.5rem;padding:0.4rem 0.5rem;}"]);
 var ItemIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ItemIconContainer",
-  componentId: "sc-ydtyl1-7"
+  componentId: "sc-ydtyl1-9"
 })(["width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:2px;"]);
 var ItemDetails$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ItemDetails",
-  componentId: "sc-ydtyl1-8"
+  componentId: "sc-ydtyl1-10"
 })(["flex:1;display:flex;flex-direction:column;gap:0.5rem;"]);
 var ItemName$6 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ItemName",
-  componentId: "sc-ydtyl1-9"
+  componentId: "sc-ydtyl1-11"
 })(["font-family:'Press Start 2P',cursive;font-size:0.65rem;color:#ffffff;"]);
 var ItemInfo$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ItemInfo",
-  componentId: "sc-ydtyl1-10"
-})(["display:flex;align-items:center;gap:0.4rem;font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fef08a;"]);
+  componentId: "sc-ydtyl1-12"
+})(["display:flex;align-items:center;flex-wrap:wrap;gap:0.4rem;font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fef08a;"]);
 var Footer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Footer",
-  componentId: "sc-ydtyl1-11"
+  componentId: "sc-ydtyl1-13"
 })(["display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0;@media (max-width:600px){gap:0.75rem;padding-top:0.75rem;}"]);
-var TotalInfo = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartView__TotalInfo",
-  componentId: "sc-ydtyl1-12"
-})(["display:flex;flex-direction:column;gap:0.5rem;"]);
 var OrderSummaryLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__OrderSummaryLabel",
-  componentId: "sc-ydtyl1-13"
+  componentId: "sc-ydtyl1-14"
 })(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem;"]);
 var TotalRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__TotalRow",
-  componentId: "sc-ydtyl1-14"
-})(["display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Press Start 2P',cursive;font-size:", ";color:", ";", " span:last-child{color:#fef08a;}"], function (p) {
+  componentId: "sc-ydtyl1-15"
+})(["display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Press Start 2P',cursive;font-size:", ";color:", ";", " span:last-child{color:#fef08a;}@media (max-width:480px){font-size:", ";gap:0.5rem;}"], function (p) {
   return p.$isTotal ? '1rem' : '0.75rem';
 }, function (p) {
   return p.$isTotal ? '#ffffff' : 'rgba(255,255,255,0.7)';
 }, function (p) {
   return p.$isTotal && "\n    padding-top: 0.5rem;\n    border-top: 1px solid rgba(255,255,255,0.15);\n    margin-top: 0.25rem;\n  ";
+}, function (p) {
+  return p.$isTotal ? '0.7rem' : '0.55rem';
 });
 var PaymentMethodRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__PaymentMethodRow",
-  componentId: "sc-ydtyl1-15"
-})(["display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Press Start 2P',cursive;font-size:0.5rem;color:rgba(255,255,255,0.5);margin-top:0.25rem;span:last-child{color:rgba(255,255,255,0.8);}"]);
-var DCNudge = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartView__DCNudge",
   componentId: "sc-ydtyl1-16"
-})(["display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:4px;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.45rem;color:#fbbf24;transition:background 0.15s;line-height:1.4;flex-wrap:wrap;&:hover{background:rgba(245,158,11,0.18);}svg{flex-shrink:0;font-size:0.7rem;}span{flex:1;min-width:140px;}"]);
-var DCNudgeLink = /*#__PURE__*/styled.span.withConfig({
-  displayName: "CartView__DCNudgeLink",
-  componentId: "sc-ydtyl1-17"
-})(["color:#f59e0b;white-space:nowrap;text-decoration:underline;flex:0 0 auto !important;"]);
+})(["display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Press Start 2P',cursive;font-size:0.5rem;color:rgba(255,255,255,0.5);margin-top:0.25rem;span:last-child{color:rgba(255,255,255,0.8);}"]);
 var ErrorMessage$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ErrorMessage",
-  componentId: "sc-ydtyl1-18"
+  componentId: "sc-ydtyl1-17"
 })(["color:#ef4444;font-size:0.875rem;font-family:'Press Start 2P',cursive;text-align:center;"]);
 var MetadataInfo = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__MetadataInfo",
-  componentId: "sc-ydtyl1-19"
+  componentId: "sc-ydtyl1-18"
 })(["display:flex;align-items:center;margin-top:0.25rem;gap:0.4rem;font-size:0.55rem;color:#a3e635;background:rgba(163,230,53,0.1);padding:0.2rem 0.4rem;border-radius:4px;"]);
 var MetadataLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__MetadataLabel",
-  componentId: "sc-ydtyl1-20"
+  componentId: "sc-ydtyl1-19"
 })(["display:flex;align-items:center;gap:0.25rem;font-weight:bold;color:#d9f99d;"]);
 var MetadataValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__MetadataValue",
-  componentId: "sc-ydtyl1-21"
+  componentId: "sc-ydtyl1-20"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 var CartMeta = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__CartMeta",
-  componentId: "sc-ydtyl1-22"
+  componentId: "sc-ydtyl1-21"
 })(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#ffffff;opacity:0.8;margin-top:0.25rem;"]);
 
 function calcTimeLeft(endsAt) {
@@ -39892,7 +39881,6 @@ var Store = function Store(_ref) {
     onCheckoutStart = _ref.onCheckoutStart,
     onPurchaseSuccess = _ref.onPurchaseSuccess,
     onPurchaseError = _ref.onPurchaseError,
-    onBuyDC = _ref.onBuyDC,
     _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     onRedeem = _ref.onRedeem,
@@ -40132,7 +40120,6 @@ var Store = function Store(_ref) {
     onCheckoutStart: onCheckoutStart,
     onPurchaseSuccess: onPurchaseSuccess,
     onPurchaseError: onPurchaseError,
-    onBuyDC: onBuyDC,
     currencySymbol: currencySymbol
   }) : selectedPack ? React.createElement(StoreItemDetails, {
     item: _extends({}, selectedPack, {
@@ -40172,7 +40159,7 @@ var Store = function Store(_ref) {
         if (pack) onQuickBuy(packToBlueprint(pack), 1);
       }
     } : undefined
-  }), React.createElement(MainContent$1, null, React.createElement(StoreHeader, {
+  }), React.createElement(MainContent$2, null, React.createElement(StoreHeader, {
     tabs: availableTabIds.map(function (id) {
       var _tabsMap$id, _tabsMap$id2;
       return {
@@ -40196,7 +40183,7 @@ var Container$Q = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__Container",
   componentId: "sc-64dj00-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;gap:0.5rem;position:relative;overflow:hidden;"]);
-var MainContent$1 = /*#__PURE__*/styled.div.withConfig({
+var MainContent$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__MainContent",
   componentId: "sc-64dj00-1"
 })(["flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;"]);