@rpg-engine/long-bow 0.8.208 → 0.8.209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Marketplace/BuyOrderDetailsModal.d.ts +1 -0
- package/dist/components/Marketplace/BuyOrderPanel.d.ts +1 -0
- package/dist/components/Marketplace/Marketplace.d.ts +1 -0
- package/dist/components/Store/Store.d.ts +4 -1
- package/dist/long-bow.cjs.development.js +33 -9
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +34 -10
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Marketplace/BuyOrderDetailsModal.tsx +5 -2
- package/src/components/Marketplace/BuyOrderPanel.tsx +3 -0
- package/src/components/Marketplace/Marketplace.tsx +4 -0
- package/src/components/Store/Store.tsx +15 -2
package/dist/long-bow.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemConta
|
|
|
6
6
|
export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
|
|
7
7
|
import dayjs from 'dayjs';
|
|
8
8
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
9
|
-
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, FaWallet, FaHistory } from 'react-icons/fa';
|
|
9
|
+
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';
|
|
10
10
|
import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
|
|
11
11
|
import { IoMdContract, IoMdExpand } from 'react-icons/io';
|
|
12
12
|
import ReactDOM, { createPortal } from 'react-dom';
|
|
@@ -11275,7 +11275,8 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
|
|
|
11275
11275
|
atlasJSON = _ref.atlasJSON,
|
|
11276
11276
|
atlasIMG = _ref.atlasIMG,
|
|
11277
11277
|
enableHotkeys = _ref.enableHotkeys,
|
|
11278
|
-
disableHotkeys = _ref.disableHotkeys
|
|
11278
|
+
disableHotkeys = _ref.disableHotkeys,
|
|
11279
|
+
scale = _ref.scale;
|
|
11279
11280
|
if (!isOpen || !blueprint) return null;
|
|
11280
11281
|
var stopPropagation = function stopPropagation(e) {
|
|
11281
11282
|
e.stopPropagation();
|
|
@@ -11287,7 +11288,9 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
|
|
|
11287
11288
|
};
|
|
11288
11289
|
return React.createElement(ModalPortal, null, React.createElement(Overlay$5, {
|
|
11289
11290
|
onPointerDown: handleClose
|
|
11290
|
-
}), React.createElement(ModalContainer$3,
|
|
11291
|
+
}), React.createElement(ModalContainer$3, {
|
|
11292
|
+
"$scale": scale
|
|
11293
|
+
}, React.createElement(ModalContent$3, {
|
|
11291
11294
|
onClick: stopPropagation,
|
|
11292
11295
|
onPointerDown: stopPropagation
|
|
11293
11296
|
}, React.createElement(Header$9, null, React.createElement(Title$a, null, "Place Buy Request"), React.createElement(CloseButton$b, {
|
|
@@ -11346,7 +11349,10 @@ var Overlay$5 = /*#__PURE__*/styled.div.withConfig({
|
|
|
11346
11349
|
var ModalContainer$3 = /*#__PURE__*/styled.div.withConfig({
|
|
11347
11350
|
displayName: "BuyOrderDetailsModal__ModalContainer",
|
|
11348
11351
|
componentId: "sc-6bghe9-1"
|
|
11349
|
-
})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"])
|
|
11352
|
+
})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;", ""], function (_ref2) {
|
|
11353
|
+
var $scale = _ref2.$scale;
|
|
11354
|
+
return $scale !== undefined && $scale !== 1 ? "transform: scale(" + $scale + ");" : '';
|
|
11355
|
+
});
|
|
11350
11356
|
var ModalContent$3 = /*#__PURE__*/styled.div.withConfig({
|
|
11351
11357
|
displayName: "BuyOrderDetailsModal__ModalContent",
|
|
11352
11358
|
componentId: "sc-6bghe9-2"
|
|
@@ -11710,7 +11716,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
|
|
|
11710
11716
|
onYourBuyOrdersPageChange = props.onYourBuyOrdersPageChange,
|
|
11711
11717
|
onCancelBuyOrder = props.onCancelBuyOrder,
|
|
11712
11718
|
enableHotkeys = props.enableHotkeys,
|
|
11713
|
-
disableHotkeys = props.disableHotkeys
|
|
11719
|
+
disableHotkeys = props.disableHotkeys,
|
|
11720
|
+
scale = props.scale;
|
|
11714
11721
|
// Local blueprint display: cleared immediately on Place Request so the
|
|
11715
11722
|
// panel returns to "Select Item" without waiting for the consumer to update
|
|
11716
11723
|
// the prop. Cancel keeps it shown so the user can reopen the modal.
|
|
@@ -11757,7 +11764,8 @@ var BuyOrderPanel = function BuyOrderPanel(props) {
|
|
|
11757
11764
|
atlasJSON: atlasJSON,
|
|
11758
11765
|
atlasIMG: atlasIMG,
|
|
11759
11766
|
enableHotkeys: enableHotkeys,
|
|
11760
|
-
disableHotkeys: disableHotkeys
|
|
11767
|
+
disableHotkeys: disableHotkeys,
|
|
11768
|
+
scale: scale
|
|
11761
11769
|
}), React.createElement(FormRow, null, displayedBlueprint ? React.createElement(SelectedBlueprintDisplay, {
|
|
11762
11770
|
onPointerDown: onOpenBlueprintSearch
|
|
11763
11771
|
}, React.createElement(RarityContainer, {
|
|
@@ -14394,7 +14402,9 @@ var Marketplace = function Marketplace(props) {
|
|
|
14394
14402
|
characterNameFilter = _props$characterNameF === void 0 ? '' : _props$characterNameF,
|
|
14395
14403
|
onCharacterNameFilterChange = props.onCharacterNameFilterChange,
|
|
14396
14404
|
characterAtlasIMG = props.characterAtlasIMG,
|
|
14397
|
-
characterAtlasJSON = props.characterAtlasJSON
|
|
14405
|
+
characterAtlasJSON = props.characterAtlasJSON,
|
|
14406
|
+
_props$fullScreen = props.fullScreen,
|
|
14407
|
+
fullScreen = _props$fullScreen === void 0 ? false : _props$fullScreen;
|
|
14398
14408
|
var _useState = useState('marketplace'),
|
|
14399
14409
|
activeTab = _useState[0],
|
|
14400
14410
|
setActiveTab = _useState[1];
|
|
@@ -14428,6 +14438,7 @@ var Marketplace = function Marketplace(props) {
|
|
|
14428
14438
|
onCloseButton: function onCloseButton() {
|
|
14429
14439
|
if (onClose) onClose();
|
|
14430
14440
|
},
|
|
14441
|
+
isFullScreen: fullScreen,
|
|
14431
14442
|
width: "920px",
|
|
14432
14443
|
cancelDrag: "#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
|
|
14433
14444
|
scale: scale
|
|
@@ -14551,7 +14562,8 @@ var Marketplace = function Marketplace(props) {
|
|
|
14551
14562
|
onYourBuyOrdersPageChange: onYourBuyOrdersPageChange != null ? onYourBuyOrdersPageChange : function () {},
|
|
14552
14563
|
onCancelBuyOrder: onCancelBuyOrder != null ? onCancelBuyOrder : function () {},
|
|
14553
14564
|
enableHotkeys: props.enableHotkeys,
|
|
14554
|
-
disableHotkeys: props.disableHotkeys
|
|
14565
|
+
disableHotkeys: props.disableHotkeys,
|
|
14566
|
+
scale: scale
|
|
14555
14567
|
}), React.createElement(BlueprintSearchModal, {
|
|
14556
14568
|
isOpen: isBlueprintSearchOpen,
|
|
14557
14569
|
onClose: function onClose() {
|
|
@@ -39690,8 +39702,11 @@ var Store = function Store(_ref) {
|
|
|
39690
39702
|
_ref$textInputItemKey = _ref.textInputItemKeys,
|
|
39691
39703
|
textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey,
|
|
39692
39704
|
customPacksContent = _ref.customPacksContent,
|
|
39705
|
+
customCharactersContent = _ref.customCharactersContent,
|
|
39693
39706
|
customWalletContent = _ref.customWalletContent,
|
|
39694
39707
|
customHistoryContent = _ref.customHistoryContent,
|
|
39708
|
+
_ref$fullScreen = _ref.fullScreen,
|
|
39709
|
+
fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
|
|
39695
39710
|
_ref$packsTabLabel = _ref.packsTabLabel,
|
|
39696
39711
|
packsTabLabel = _ref$packsTabLabel === void 0 ? 'Packs' : _ref$packsTabLabel,
|
|
39697
39712
|
packsBadge = _ref.packsBadge,
|
|
@@ -39838,7 +39853,7 @@ var Store = function Store(_ref) {
|
|
|
39838
39853
|
return React.createElement(ErrorMessage$3, null, error);
|
|
39839
39854
|
}
|
|
39840
39855
|
// Build tabs dynamically based on props
|
|
39841
|
-
var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
39856
|
+
var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, customCharactersContent ? ['characters'] : [], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
39842
39857
|
var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
|
|
39843
39858
|
return !(hidePremiumTab && id === 'premium');
|
|
39844
39859
|
})));
|
|
@@ -39978,6 +39993,14 @@ var Store = function Store(_ref) {
|
|
|
39978
39993
|
currencySymbol: currencySymbol
|
|
39979
39994
|
})
|
|
39980
39995
|
},
|
|
39996
|
+
characters: {
|
|
39997
|
+
id: 'characters',
|
|
39998
|
+
title: 'Characters',
|
|
39999
|
+
icon: React.createElement(FaUsers, {
|
|
40000
|
+
size: 16
|
|
40001
|
+
}),
|
|
40002
|
+
content: customCharactersContent != null ? customCharactersContent : null
|
|
40003
|
+
},
|
|
39981
40004
|
redeem: {
|
|
39982
40005
|
id: 'redeem',
|
|
39983
40006
|
title: 'Redeem',
|
|
@@ -40024,7 +40047,8 @@ var Store = function Store(_ref) {
|
|
|
40024
40047
|
minWidth: "600px",
|
|
40025
40048
|
height: "auto",
|
|
40026
40049
|
type: RPGUIContainerTypes.Framed,
|
|
40027
|
-
cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button"
|
|
40050
|
+
cancelDrag: "[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button",
|
|
40051
|
+
isFullScreen: fullScreen
|
|
40028
40052
|
}, isCollectingMetadata && currentMetadataItem && currentMetadataItem.metadataType ? React.createElement(MetadataCollector, {
|
|
40029
40053
|
metadataType: currentMetadataItem.metadataType,
|
|
40030
40054
|
config: currentMetadataItem.metadataConfig || {},
|