@rpg-engine/long-bow 0.8.212 → 0.8.214

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

@@ -26,6 +26,10 @@ export interface IStoreProps {
     customHistoryContent?: React.ReactNode;
     /** When true the store renders full-screen (useful on mobile). */
     fullScreen?: boolean;
+    /** Override the DraggableContainer width (e.g. "90vw"). Defaults to "1000px". */
+    containerWidth?: string;
+    /** Override the DraggableContainer height (e.g. "80vh"). Defaults to "auto". */
+    containerHeight?: string;
     packsBadge?: string;
     featuredItems?: IFeaturedItem[];
     onQuickBuy?: (item: IProductBlueprint, quantity?: number) => void;

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

@@ -10874,7 +10874,7 @@ var Tabs = function Tabs(_ref) {
 var TabsContainer = /*#__PURE__*/styled__default.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__default.button.withConfig({
   displayName: "Tabs__TabButton",
   componentId: "sc-n35er2-1"
@@ -14442,7 +14442,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__default.createElement(Tabs, {
@@ -39709,6 +39710,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,
@@ -39737,14 +39740,15 @@ var Store = function Store(_ref) {
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
   var _useState2 = React.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];
@@ -39997,7 +40001,7 @@ var Store = function Store(_ref) {
     },
     characters: {
       id: 'characters',
-      title: 'Characters',
+      title: 'Char Trade',
       icon: React__default.createElement(fa.FaUsers, {
         size: 16
       }),
@@ -40045,9 +40049,9 @@ var Store = function Store(_ref) {
   return React__default.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: exports.RPGUIContainerTypes.Framed,
     cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button",
     isFullScreen: fullScreen
@@ -40065,11 +40069,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();
           }
@@ -40154,7 +40156,7 @@ var Store = function Store(_ref) {
         }
       }
     } : undefined
-  }), React__default.createElement(MainContent$1, null, React__default.createElement(HeaderRow, null, React__default.createElement(Tabs, {
+  }), React__default.createElement(MainContent$1, null, React__default.createElement(HeaderRow, null, React__default.createElement(TabsFlexWrapper, null, React__default.createElement(Tabs, {
     options: availableTabIds.map(function (id) {
       var _tabsMap$id, _tabsMap$id2;
       return {
@@ -40172,7 +40174,7 @@ var Store = function Store(_ref) {
         _onTabChange(nextTab, itemCount);
       }
     }
-  }), React__default.createElement(CartButtonWrapper, null, React__default.createElement(CTAButton, {
+  })), React__default.createElement(CartButtonWrapper, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingCart, null),
     onClick: handleOpenCart
   }), getTotalItems() > 0 && React__default.createElement(CartBadge, null, getTotalItems()))), React__default.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React__default.createElement(Footer$3, null, React__default.createElement(CartSummary, null, React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Items in cart:"), React__default.createElement("span", null, getTotalItems())), React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React__default.createElement(CTAButton, {
@@ -40189,50 +40191,54 @@ var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
 var HeaderRow = /*#__PURE__*/styled__default.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__default.div.withConfig({
+  displayName: "Store__TabsFlexWrapper",
+  componentId: "sc-64dj00-2"
+})(["flex:1;min-width:0;"]);
 var CartButtonWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Store__CartButtonWrapper",
-  componentId: "sc-64dj00-2"
-})(["position:relative;"]);
+  componentId: "sc-64dj00-3"
+})(["position:relative;flex-shrink:0;"]);
 var CartBadge = /*#__PURE__*/styled__default.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__default.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__default.div.withConfig({
   displayName: "Store__TabContent",
-  componentId: "sc-64dj00-5"
+  componentId: "sc-64dj00-6"
 })(["flex:1;overflow-y:auto;"]);
 var Footer$3 = /*#__PURE__*/styled__default.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__default.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__default.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__default.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__default.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__default.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__default.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) {