@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -46181,6 +46181,8 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
|
|
|
46181
46181
|
});
|
|
46182
46182
|
|
|
46183
46183
|
var BUY_REQUESTS_PER_PAGE = 5;
|
|
46184
|
+
var MARKETPLACE_PANEL_HEIGHT = '390px';
|
|
46185
|
+
var MARKETPLACE_PANEL_MOBILE_HEIGHT = '250px';
|
|
46184
46186
|
var formatBlueprintKey$1 = function formatBlueprintKey(key) {
|
|
46185
46187
|
var name = key.includes('/') ? key.split('/').pop() : key;
|
|
46186
46188
|
return name.replace(/[-_]/g, ' ').replace(/\b\w/g, function (c) {
|
|
@@ -46599,7 +46601,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
46599
46601
|
var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
46600
46602
|
displayName: "BuyPanel__ItemComponentScrollWrapper",
|
|
46601
46603
|
componentId: "sc-1si8t7i-7"
|
|
46602
|
-
})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;
|
|
46604
|
+
})(["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);
|
|
46603
46605
|
var MarketSection = /*#__PURE__*/styled.div.withConfig({
|
|
46604
46606
|
displayName: "BuyPanel__MarketSection",
|
|
46605
46607
|
componentId: "sc-1si8t7i-8"
|
|
@@ -73465,17 +73467,19 @@ var Store = function Store(_ref) {
|
|
|
73465
73467
|
onRedeem = _ref.onRedeem,
|
|
73466
73468
|
onRedeemInputFocus = _ref.onRedeemInputFocus,
|
|
73467
73469
|
onRedeemInputBlur = _ref.onRedeemInputBlur;
|
|
73470
|
+
var defaultTabOrder = ['premium', 'packs', 'items'];
|
|
73468
73471
|
var _useState = useState(null),
|
|
73469
73472
|
selectedPack = _useState[0],
|
|
73470
73473
|
setSelectedPack = _useState[1];
|
|
73471
73474
|
var _useState2 = useState(function () {
|
|
73472
|
-
var
|
|
73475
|
+
var _initialTabs$;
|
|
73476
|
+
var initialTabs = (tabOrder != null ? tabOrder : defaultTabOrder).filter(function (id) {
|
|
73473
73477
|
return !(hidePremiumTab && id === 'premium');
|
|
73474
73478
|
});
|
|
73475
73479
|
if (defaultActiveTab && initialTabs.includes(defaultActiveTab)) {
|
|
73476
73480
|
return defaultActiveTab;
|
|
73477
73481
|
}
|
|
73478
|
-
return hidePremiumTab ? 'items' : 'premium';
|
|
73482
|
+
return (_initialTabs$ = initialTabs[0]) != null ? _initialTabs$ : hidePremiumTab ? 'items' : 'premium';
|
|
73479
73483
|
}),
|
|
73480
73484
|
activeTab = _useState2[0],
|
|
73481
73485
|
setActiveTab = _useState2[1];
|
|
@@ -73586,7 +73590,7 @@ var Store = function Store(_ref) {
|
|
|
73586
73590
|
return React.createElement(ErrorMessage$3, null, error);
|
|
73587
73591
|
}
|
|
73588
73592
|
// Build tabs dynamically based on props
|
|
73589
|
-
var tabIds = [].concat(tabOrder != null ? tabOrder :
|
|
73593
|
+
var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
|
|
73590
73594
|
var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
|
|
73591
73595
|
return !(hidePremiumTab && id === 'premium');
|
|
73592
73596
|
})));
|