@rpg-engine/long-bow 0.8.199 → 0.8.200
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/long-bow.cjs.development.js +8 -4
- 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 +8 -4
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Marketplace/BuyPanel.tsx +4 -3
- package/src/components/Marketplace/__test__/BuyPanel.spec.tsx +45 -3
- package/src/components/Store/Store.tsx +4 -3
- package/src/components/Store/__test__/Store.spec.tsx +191 -0
- package/src/stories/Features/store/Store.stories.tsx +62 -0
|
@@ -46184,6 +46184,8 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
|
|
|
46184
46184
|
});
|
|
46185
46185
|
|
|
46186
46186
|
var BUY_REQUESTS_PER_PAGE = 5;
|
|
46187
|
+
var MARKETPLACE_PANEL_HEIGHT = '390px';
|
|
46188
|
+
var MARKETPLACE_PANEL_MOBILE_HEIGHT = '250px';
|
|
46187
46189
|
var formatBlueprintKey$1 = function formatBlueprintKey(key) {
|
|
46188
46190
|
var name = key.includes('/') ? key.split('/').pop() : key;
|
|
46189
46191
|
return name.replace(/[-_]/g, ' ').replace(/\b\w/g, function (c) {
|
|
@@ -46602,7 +46604,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
46602
46604
|
var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
|
|
46603
46605
|
displayName: "BuyPanel__ItemComponentScrollWrapper",
|
|
46604
46606
|
componentId: "sc-1si8t7i-7"
|
|
46605
|
-
})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;
|
|
46607
|
+
})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:", ";width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:", ";}"], MARKETPLACE_PANEL_HEIGHT, MARKETPLACE_PANEL_MOBILE_HEIGHT);
|
|
46606
46608
|
var MarketSection = /*#__PURE__*/styled__default.div.withConfig({
|
|
46607
46609
|
displayName: "BuyPanel__MarketSection",
|
|
46608
46610
|
componentId: "sc-1si8t7i-8"
|
|
@@ -73467,17 +73469,19 @@ var Store = function Store(_ref) {
|
|
|
73467
73469
|
onRedeem = _ref.onRedeem,
|
|
73468
73470
|
onRedeemInputFocus = _ref.onRedeemInputFocus,
|
|
73469
73471
|
onRedeemInputBlur = _ref.onRedeemInputBlur;
|
|
73472
|
+
var defaultTabOrder = ['premium', 'packs', 'items'];
|
|
73470
73473
|
var _useState = React.useState(null),
|
|
73471
73474
|
selectedPack = _useState[0],
|
|
73472
73475
|
setSelectedPack = _useState[1];
|
|
73473
73476
|
var _useState2 = React.useState(function () {
|
|
73474
|
-
var
|
|
73477
|
+
var _initialTabs$;
|
|
73478
|
+
var initialTabs = (tabOrder != null ? tabOrder : defaultTabOrder).filter(function (id) {
|
|
73475
73479
|
return !(hidePremiumTab && id === 'premium');
|
|
73476
73480
|
});
|
|
73477
73481
|
if (defaultActiveTab && initialTabs.includes(defaultActiveTab)) {
|
|
73478
73482
|
return defaultActiveTab;
|
|
73479
73483
|
}
|
|
73480
|
-
return hidePremiumTab ? 'items' : 'premium';
|
|
73484
|
+
return (_initialTabs$ = initialTabs[0]) != null ? _initialTabs$ : hidePremiumTab ? 'items' : 'premium';
|
|
73481
73485
|
}),
|
|
73482
73486
|
activeTab = _useState2[0],
|
|
73483
73487
|
setActiveTab = _useState2[1];
|
|
@@ -73588,7 +73592,7 @@ var Store = function Store(_ref) {
|
|
|
73588
73592
|
return React__default.createElement(ErrorMessage$3, null, error);
|
|
73589
73593
|
}
|
|
73590
73594
|
// Build tabs dynamically based on props
|
|
73591
|
-
var tabIds = [].concat(tabOrder != null ? tabOrder :
|
|
73595
|
+
var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
73592
73596
|
var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
|
|
73593
73597
|
return !(hidePremiumTab && id === 'premium');
|
|
73594
73598
|
})));
|