@rpg-engine/long-bow 0.8.212 → 0.8.214

package/dist/long-bow.esm.js

@@ -10871,7 +10871,7 @@ var Tabs = function Tabs(_ref) {
 var TabsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Tabs__TabsContainer",
   componentId: "sc-n35er2-0"
-})(["display:flex;gap:10px;width:95%;margin:0 auto 15px auto;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px;"]);
+})(["display:flex;gap:10px;width:95%;margin:0 auto 15px auto;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);
 var TabButton$1 = /*#__PURE__*/styled.button.withConfig({
   displayName: "Tabs__TabButton",
   componentId: "sc-n35er2-1"
@@ -14439,7 +14439,8 @@ var Marketplace = function Marketplace(props) {
       if (onClose) onClose();
     },
     isFullScreen: fullScreen,
-    width: "920px",
+    width: "1050px",
+    minWidth: "750px",
     cancelDrag: "#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
     scale: scale
   }, React.createElement(Tabs, {
@@ -39707,6 +39708,8 @@ var Store = function Store(_ref) {
     customHistoryContent = _ref.customHistoryContent,
     _ref$fullScreen = _ref.fullScreen,
     fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
+    containerWidth = _ref.containerWidth,
+    containerHeight = _ref.containerHeight,
     _ref$packsTabLabel = _ref.packsTabLabel,
     packsTabLabel = _ref$packsTabLabel === void 0 ? 'Packs' : _ref$packsTabLabel,
     packsBadge = _ref.packsBadge,
@@ -39735,14 +39738,15 @@ var Store = function Store(_ref) {
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
   var _useState2 = useState(function () {
-      var _initialTabs$;
-      var initialTabs = (tabOrder != null ? tabOrder : defaultTabOrder).filter(function (id) {
+      var _validTabs$;
+      var allTabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, customCharactersContent ? ['characters'] : [], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
+      var validTabs = Array.from(new Set(allTabIds.filter(function (id) {
         return !(hidePremiumTab && id === 'premium');
-      });
-      if (defaultActiveTab && initialTabs.includes(defaultActiveTab)) {
+      })));
+      if (defaultActiveTab && validTabs.includes(defaultActiveTab)) {
         return defaultActiveTab;
       }
-      return (_initialTabs$ = initialTabs[0]) != null ? _initialTabs$ : hidePremiumTab ? 'items' : 'premium';
+      return (_validTabs$ = validTabs[0]) != null ? _validTabs$ : hidePremiumTab ? 'items' : 'premium';
     }),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
@@ -39995,7 +39999,7 @@ var Store = function Store(_ref) {
     },
     characters: {
       id: 'characters',
-      title: 'Characters',
+      title: 'Char Trade',
       icon: React.createElement(FaUsers, {
         size: 16
       }),
@@ -40043,9 +40047,9 @@ var Store = function Store(_ref) {
   return React.createElement(DraggableContainer, {
     title: "Store",
     onCloseButton: onClose,
-    width: "850px",
-    minWidth: "600px",
-    height: "auto",
+    width: containerWidth != null ? containerWidth : "1000px",
+    minWidth: "700px",
+    height: containerHeight != null ? containerHeight : "auto",
     type: RPGUIContainerTypes.Framed,
     cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button",
     isFullScreen: fullScreen
@@ -40063,11 +40067,9 @@ var Store = function Store(_ref) {
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
-              return handleCartPurchase(_onPurchase4);
-            case 2:
+              handleCartPurchase(_onPurchase4);
               return _context4.abrupt("return", true);
-            case 3:
+            case 2:
             case "end":
               return _context4.stop();
           }
@@ -40152,7 +40154,7 @@ var Store = function Store(_ref) {
         }
       }
     } : undefined
-  }), React.createElement(MainContent$1, null, React.createElement(HeaderRow, null, React.createElement(Tabs, {
+  }), React.createElement(MainContent$1, null, React.createElement(HeaderRow, null, React.createElement(TabsFlexWrapper, null, React.createElement(Tabs, {
     options: availableTabIds.map(function (id) {
       var _tabsMap$id, _tabsMap$id2;
       return {
@@ -40170,7 +40172,7 @@ var Store = function Store(_ref) {
         _onTabChange(nextTab, itemCount);
       }
     }
-  }), React.createElement(CartButtonWrapper, null, React.createElement(CTAButton, {
+  })), React.createElement(CartButtonWrapper, null, React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
     onClick: handleOpenCart
   }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$3, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
@@ -40187,50 +40189,54 @@ var Container$Q = /*#__PURE__*/styled.div.withConfig({
 var HeaderRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__HeaderRow",
   componentId: "sc-64dj00-1"
-})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.25rem;padding-top:10px;padding-right:12px;"]);
+})(["display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:0.25rem;padding-top:10px;padding-right:12px;"]);
+var TabsFlexWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Store__TabsFlexWrapper",
+  componentId: "sc-64dj00-2"
+})(["flex:1;min-width:0;"]);
 var CartButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CartButtonWrapper",
-  componentId: "sc-64dj00-2"
-})(["position:relative;"]);
+  componentId: "sc-64dj00-3"
+})(["position:relative;flex-shrink:0;"]);
 var CartBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CartBadge",
-  componentId: "sc-64dj00-3"
+  componentId: "sc-64dj00-4"
 })(["position:absolute;top:-8px;right:-8px;background:#ef4444;color:white;font-family:'Press Start 2P',cursive;font-size:0.5rem;padding:4px;border-radius:50%;border:2px solid #000;display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;box-sizing:content-box;"]);
 var MainContent$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__MainContent",
-  componentId: "sc-64dj00-4"
+  componentId: "sc-64dj00-5"
 })(["flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;"]);
 var TabContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__TabContent",
-  componentId: "sc-64dj00-5"
+  componentId: "sc-64dj00-6"
 })(["flex:1;overflow-y:auto;"]);
 var Footer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__Footer",
-  componentId: "sc-64dj00-6"
+  componentId: "sc-64dj00-7"
 })(["display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:2px solid #f59e0b;background:rgba(0,0,0,0.2);flex-shrink:0;"]);
 var CartSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CartSummary",
-  componentId: "sc-64dj00-7"
+  componentId: "sc-64dj00-8"
 })(["display:flex;flex-direction:column;gap:0.5rem;"]);
 var CartInfo = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CartInfo",
-  componentId: "sc-64dj00-8"
+  componentId: "sc-64dj00-9"
 })(["display:flex;align-items:center;gap:0.75rem;font-family:'Press Start 2P',cursive;font-size:0.75rem;color:#ffffff;span:last-child{color:#fef08a;}"]);
 var TabLabelWithBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "Store__TabLabelWithBadge",
-  componentId: "sc-64dj00-9"
+  componentId: "sc-64dj00-10"
 })(["display:inline-flex;align-items:center;gap:5px;"]);
 var LoadingMessage$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__LoadingMessage",
-  componentId: "sc-64dj00-10"
+  componentId: "sc-64dj00-11"
 })(["text-align:center;color:", ";padding:2rem;"], uiColors.white);
 var ErrorMessage$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__ErrorMessage",
-  componentId: "sc-64dj00-11"
+  componentId: "sc-64dj00-12"
 })(["text-align:center;color:", ";padding:2rem;"], uiColors.red);
 var CenteredContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CenteredContent",
-  componentId: "sc-64dj00-12"
+  componentId: "sc-64dj00-13"
 })(["display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;"]);
 
 var TextArea = function TextArea(_ref) {