@rpg-engine/long-bow 0.8.208 → 0.8.209

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

@@ -15,5 +15,6 @@ export interface IBuyOrderDetailsModalProps {
     atlasIMG: any;
     enableHotkeys?: () => void;
     disableHotkeys?: () => void;
+    scale?: number;
 }
 export declare const BuyOrderDetailsModal: React.FC<IBuyOrderDetailsModalProps>;

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

@@ -20,6 +20,7 @@ export interface IBuyOrderPanelProps {
     onCancelBuyOrder: (buyOrderId: string) => void;
     enableHotkeys?: () => void;
     disableHotkeys?: () => void;
+    scale?: number;
 }
 declare const BUY_ORDERS_PER_PAGE = 5;
 export declare const BuyOrderPanel: React.FC<IBuyOrderPanelProps>;

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

@@ -92,5 +92,6 @@ export interface IMarketPlaceProps {
     characterListingsLoading?: boolean;
     characterNameFilter?: string;
     onCharacterNameFilterChange?: (name: string) => void;
+    fullScreen?: boolean;
 }
 export declare const Marketplace: React.FC<IMarketPlaceProps>;

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

@@ -1,7 +1,7 @@
 import { IItemPack, IPurchase, IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 import { IFeaturedItem } from './FeaturedBanner';
-declare type TabId = 'premium' | 'packs' | 'items' | 'wallet' | 'history' | 'redeem';
+declare type TabId = 'premium' | 'packs' | 'items' | 'characters' | 'wallet' | 'history' | 'redeem';
 export interface IStoreProps {
     items: IProductBlueprint[];
     packs?: IItemPack[];
@@ -21,8 +21,11 @@ export interface IStoreProps {
     defaultActiveTab?: TabId;
     textInputItemKeys?: string[];
     customPacksContent?: React.ReactNode;
+    customCharactersContent?: React.ReactNode;
     customWalletContent?: React.ReactNode;
     customHistoryContent?: React.ReactNode;
+    /** When true the store renders full-screen (useful on mobile). */
+    fullScreen?: boolean;
     packsBadge?: string;
     featuredItems?: IFeaturedItem[];
     onQuickBuy?: (item: IProductBlueprint, quantity?: number) => void;

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

@@ -11278,7 +11278,8 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    scale = _ref.scale;
   if (!isOpen || !blueprint) return null;
   var stopPropagation = function stopPropagation(e) {
     e.stopPropagation();
@@ -11290,7 +11291,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
   };
   return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$5, {
     onPointerDown: handleClose
-  }), React__default.createElement(ModalContainer$3, null, React__default.createElement(ModalContent$3, {
+  }), React__default.createElement(ModalContainer$3, {
+    "$scale": scale
+  }, React__default.createElement(ModalContent$3, {
     onClick: stopPropagation,
     onPointerDown: stopPropagation
   }, React__default.createElement(Header$9, null, React__default.createElement(Title$a, null, "Place Buy Request"), React__default.createElement(CloseButton$b, {
@@ -11349,7 +11352,10 @@ var Overlay$5 = /*#__PURE__*/styled__default.div.withConfig({
 var ModalContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderDetailsModal__ModalContainer",
   componentId: "sc-6bghe9-1"
-})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
+})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;", ""], function (_ref2) {
+  var $scale = _ref2.$scale;
+  return $scale !== undefined && $scale !== 1 ? "transform: scale(" + $scale + ");" : '';
+});
 var ModalContent$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyOrderDetailsModal__ModalContent",
   componentId: "sc-6bghe9-2"
@@ -11713,7 +11719,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     onYourBuyOrdersPageChange = props.onYourBuyOrdersPageChange,
     onCancelBuyOrder = props.onCancelBuyOrder,
     enableHotkeys = props.enableHotkeys,
-    disableHotkeys = props.disableHotkeys;
+    disableHotkeys = props.disableHotkeys,
+    scale = props.scale;
   // Local blueprint display: cleared immediately on Place Request so the
   // panel returns to "Select Item" without waiting for the consumer to update
   // the prop. Cancel keeps it shown so the user can reopen the modal.
@@ -11760,7 +11767,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
     enableHotkeys: enableHotkeys,
-    disableHotkeys: disableHotkeys
+    disableHotkeys: disableHotkeys,
+    scale: scale
   }), React__default.createElement(FormRow, null, displayedBlueprint ? React__default.createElement(SelectedBlueprintDisplay, {
     onPointerDown: onOpenBlueprintSearch
   }, React__default.createElement(RarityContainer, {
@@ -14397,7 +14405,9 @@ var Marketplace = function Marketplace(props) {
     characterNameFilter = _props$characterNameF === void 0 ? '' : _props$characterNameF,
     onCharacterNameFilterChange = props.onCharacterNameFilterChange,
     characterAtlasIMG = props.characterAtlasIMG,
-    characterAtlasJSON = props.characterAtlasJSON;
+    characterAtlasJSON = props.characterAtlasJSON,
+    _props$fullScreen = props.fullScreen,
+    fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen;
   var _useState = React.useState('marketplace'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
@@ -14431,6 +14441,7 @@ var Marketplace = function Marketplace(props) {
     onCloseButton: function onCloseButton() {
       if (onClose) onClose();
     },
+    isFullScreen: fullScreen,
     width: "920px",
     cancelDrag: "#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
     scale: scale
@@ -14554,7 +14565,8 @@ var Marketplace = function Marketplace(props) {
     onYourBuyOrdersPageChange: onYourBuyOrdersPageChange != null ? onYourBuyOrdersPageChange : function () {},
     onCancelBuyOrder: onCancelBuyOrder != null ? onCancelBuyOrder : function () {},
     enableHotkeys: props.enableHotkeys,
-    disableHotkeys: props.disableHotkeys
+    disableHotkeys: props.disableHotkeys,
+    scale: scale
   }), React__default.createElement(BlueprintSearchModal, {
     isOpen: isBlueprintSearchOpen,
     onClose: function onClose() {
@@ -39692,8 +39704,11 @@ var Store = function Store(_ref) {
     _ref$textInputItemKey = _ref.textInputItemKeys,
     textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey,
     customPacksContent = _ref.customPacksContent,
+    customCharactersContent = _ref.customCharactersContent,
     customWalletContent = _ref.customWalletContent,
     customHistoryContent = _ref.customHistoryContent,
+    _ref$fullScreen = _ref.fullScreen,
+    fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$packsTabLabel = _ref.packsTabLabel,
     packsTabLabel = _ref$packsTabLabel === void 0 ? 'Packs' : _ref$packsTabLabel,
     packsBadge = _ref.packsBadge,
@@ -39840,7 +39855,7 @@ var Store = function Store(_ref) {
     return React__default.createElement(ErrorMessage$3, null, error);
   }
   // Build tabs dynamically based on props
-  var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
+  var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, customCharactersContent ? ['characters'] : [], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
   var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
     return !(hidePremiumTab && id === 'premium');
   })));
@@ -39980,6 +39995,14 @@ var Store = function Store(_ref) {
         currencySymbol: currencySymbol
       })
     },
+    characters: {
+      id: 'characters',
+      title: 'Characters',
+      icon: React__default.createElement(fa.FaUsers, {
+        size: 16
+      }),
+      content: customCharactersContent != null ? customCharactersContent : null
+    },
     redeem: {
       id: 'redeem',
       title: 'Redeem',
@@ -40026,7 +40049,8 @@ var Store = function Store(_ref) {
     minWidth: "600px",
     height: "auto",
     type: exports.RPGUIContainerTypes.Framed,
-    cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button"
+    cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button",
+    isFullScreen: fullScreen
   }, isCollectingMetadata && currentMetadataItem && currentMetadataItem.metadataType ? React__default.createElement(MetadataCollector, {
     metadataType: currentMetadataItem.metadataType,
     config: currentMetadataItem.metadataConfig || {},