@rpg-engine/long-bow 0.8.226 → 0.8.228
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/CharacterTradePanel.d.ts +28 -0
- package/dist/components/Marketplace/characterListingUtils.d.ts +3 -0
- package/dist/components/Spellbook/Spell.d.ts +1 -0
- package/dist/components/Store/hooks/useStoreCart.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +187 -111
- 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 +187 -112
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Marketplace/CharacterListingForm.tsx +2 -3
- package/src/components/Marketplace/CharacterListingModal.tsx +7 -5
- package/src/components/Marketplace/CharacterTradePanel.tsx +151 -0
- package/src/components/Marketplace/Marketplace.tsx +26 -93
- package/src/components/Marketplace/MyCharacterListingsPanel.tsx +2 -4
- package/src/components/Marketplace/__test__/characterListingUtils.spec.ts +55 -0
- package/src/components/Marketplace/characterListingUtils.ts +38 -0
- package/src/components/Spellbook/Spell.tsx +5 -1
- package/src/components/Store/Store.tsx +1 -1
- package/src/components/Store/__test__/Store.spec.tsx +16 -0
- package/src/components/Store/__test__/useStoreCart.spec.tsx +98 -0
- package/src/components/Store/hooks/useStoreCart.ts +6 -4
- package/src/index.tsx +1 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -13886,6 +13886,29 @@ var EmptyText = /*#__PURE__*/styled.span.withConfig({
|
|
|
13886
13886
|
componentId: "sc-1aiauep-17"
|
|
13887
13887
|
})(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#71717a !important;text-transform:uppercase;letter-spacing:1px;"]);
|
|
13888
13888
|
|
|
13889
|
+
var toTimestamp = function toTimestamp(value) {
|
|
13890
|
+
if (!value) return 0;
|
|
13891
|
+
var timestamp = new Date(value).getTime();
|
|
13892
|
+
return Number.isFinite(timestamp) ? timestamp : 0;
|
|
13893
|
+
};
|
|
13894
|
+
var isCharacterEligibleForListing = function isCharacterEligibleForListing(character) {
|
|
13895
|
+
return !character.isListedForSale;
|
|
13896
|
+
};
|
|
13897
|
+
var getEligibleCharactersForListing = function getEligibleCharactersForListing(accountCharacters, activeCharacterId) {
|
|
13898
|
+
return accountCharacters.filter(isCharacterEligibleForListing).sort(function (left, right) {
|
|
13899
|
+
var leftIsActive = !!activeCharacterId && left._id === activeCharacterId;
|
|
13900
|
+
var rightIsActive = !!activeCharacterId && right._id === activeCharacterId;
|
|
13901
|
+
if (leftIsActive !== rightIsActive) {
|
|
13902
|
+
return leftIsActive ? 1 : -1;
|
|
13903
|
+
}
|
|
13904
|
+
var tradedAtDiff = toTimestamp(right.tradedAt) - toTimestamp(left.tradedAt);
|
|
13905
|
+
if (tradedAtDiff !== 0) {
|
|
13906
|
+
return tradedAtDiff;
|
|
13907
|
+
}
|
|
13908
|
+
return 0;
|
|
13909
|
+
});
|
|
13910
|
+
};
|
|
13911
|
+
|
|
13889
13912
|
var CharacterListingModal = function CharacterListingModal(_ref) {
|
|
13890
13913
|
var isOpen = _ref.isOpen,
|
|
13891
13914
|
onClose = _ref.onClose,
|
|
@@ -13910,10 +13933,10 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
|
|
|
13910
13933
|
var stopPropagation = useCallback(function (e) {
|
|
13911
13934
|
e.stopPropagation();
|
|
13912
13935
|
}, []);
|
|
13936
|
+
var eligibleCharacters = useMemo(function () {
|
|
13937
|
+
return getEligibleCharactersForListing(accountCharacters, activeCharacterId);
|
|
13938
|
+
}, [accountCharacters, activeCharacterId]);
|
|
13913
13939
|
if (!isOpen) return null;
|
|
13914
|
-
var eligibleCharacters = accountCharacters.filter(function (c) {
|
|
13915
|
-
return !c.isListedForSale;
|
|
13916
|
-
});
|
|
13917
13940
|
var isActiveCharacter = function isActiveCharacter(c) {
|
|
13918
13941
|
return !!activeCharacterId && c._id === activeCharacterId;
|
|
13919
13942
|
};
|
|
@@ -14173,9 +14196,7 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
|
|
|
14173
14196
|
enableHotkeys == null ? void 0 : enableHotkeys();
|
|
14174
14197
|
}
|
|
14175
14198
|
};
|
|
14176
|
-
var eligibleCount = accountCharacters.
|
|
14177
|
-
return !c.isListedForSale && !c.tradedAt;
|
|
14178
|
-
}).length;
|
|
14199
|
+
var eligibleCount = getEligibleCharactersForListing(accountCharacters).length;
|
|
14179
14200
|
return React.createElement(React.Fragment, null, delistingId && React.createElement(ConfirmModal, {
|
|
14180
14201
|
onClose: function onClose() {
|
|
14181
14202
|
setDelistingId(null);
|
|
@@ -14335,6 +14356,103 @@ var EmptySubtext = /*#__PURE__*/styled.span.withConfig({
|
|
|
14335
14356
|
componentId: "sc-su21a6-17"
|
|
14336
14357
|
})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#52525b !important;text-align:center;max-width:260px;line-height:1.6;"]);
|
|
14337
14358
|
|
|
14359
|
+
var CharacterTradePanel = function CharacterTradePanel(_ref) {
|
|
14360
|
+
var characterListings = _ref.characterListings,
|
|
14361
|
+
characterListingsTotal = _ref.characterListingsTotal,
|
|
14362
|
+
characterListingsPage = _ref.characterListingsPage,
|
|
14363
|
+
characterListingsItemsPerPage = _ref.characterListingsItemsPerPage,
|
|
14364
|
+
onCharacterListingsPageChange = _ref.onCharacterListingsPageChange,
|
|
14365
|
+
onCharacterBuy = _ref.onCharacterBuy,
|
|
14366
|
+
characterNameFilter = _ref.characterNameFilter,
|
|
14367
|
+
onCharacterNameFilterChange = _ref.onCharacterNameFilterChange,
|
|
14368
|
+
characterListingsLoading = _ref.characterListingsLoading,
|
|
14369
|
+
myCharacterListings = _ref.myCharacterListings,
|
|
14370
|
+
myCharacterListingsTotal = _ref.myCharacterListingsTotal,
|
|
14371
|
+
myCharacterListingsPage = _ref.myCharacterListingsPage,
|
|
14372
|
+
onMyCharacterListingsPageChange = _ref.onMyCharacterListingsPageChange,
|
|
14373
|
+
onCharacterDelist = _ref.onCharacterDelist,
|
|
14374
|
+
accountCharacters = _ref.accountCharacters,
|
|
14375
|
+
onCharacterList = _ref.onCharacterList,
|
|
14376
|
+
activeCharacterId = _ref.activeCharacterId,
|
|
14377
|
+
atlasJSON = _ref.atlasJSON,
|
|
14378
|
+
atlasIMG = _ref.atlasIMG,
|
|
14379
|
+
characterAtlasJSON = _ref.characterAtlasJSON,
|
|
14380
|
+
characterAtlasIMG = _ref.characterAtlasIMG,
|
|
14381
|
+
enableHotkeys = _ref.enableHotkeys,
|
|
14382
|
+
disableHotkeys = _ref.disableHotkeys;
|
|
14383
|
+
var _useState = useState('browse'),
|
|
14384
|
+
subTab = _useState[0],
|
|
14385
|
+
setSubTab = _useState[1];
|
|
14386
|
+
return React.createElement(React.Fragment, null, React.createElement(CharacterSubTabs, null, React.createElement(CharacterSubTab, {
|
|
14387
|
+
"$active": subTab === 'browse',
|
|
14388
|
+
onClick: function onClick() {
|
|
14389
|
+
return setSubTab('browse');
|
|
14390
|
+
},
|
|
14391
|
+
type: "button"
|
|
14392
|
+
}, "Browse"), React.createElement(CharacterSubTab, {
|
|
14393
|
+
"$active": subTab === 'my-listings',
|
|
14394
|
+
onClick: function onClick() {
|
|
14395
|
+
return setSubTab('my-listings');
|
|
14396
|
+
},
|
|
14397
|
+
type: "button"
|
|
14398
|
+
}, "My Listings")), subTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
|
|
14399
|
+
characterListings: characterListings,
|
|
14400
|
+
totalCount: characterListingsTotal,
|
|
14401
|
+
currentPage: characterListingsPage,
|
|
14402
|
+
itemsPerPage: characterListingsItemsPerPage,
|
|
14403
|
+
onPageChange: onCharacterListingsPageChange,
|
|
14404
|
+
onCharacterBuy: onCharacterBuy,
|
|
14405
|
+
atlasJSON: atlasJSON,
|
|
14406
|
+
atlasIMG: atlasIMG,
|
|
14407
|
+
characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
|
|
14408
|
+
characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
|
|
14409
|
+
enableHotkeys: enableHotkeys,
|
|
14410
|
+
disableHotkeys: disableHotkeys,
|
|
14411
|
+
nameFilter: characterNameFilter,
|
|
14412
|
+
onNameFilterChange: onCharacterNameFilterChange,
|
|
14413
|
+
isLoading: characterListingsLoading
|
|
14414
|
+
}), subTab === 'my-listings' && React.createElement(MyCharacterListingsPanel, {
|
|
14415
|
+
myCharacterListings: myCharacterListings,
|
|
14416
|
+
totalCount: myCharacterListingsTotal,
|
|
14417
|
+
currentPage: myCharacterListingsPage,
|
|
14418
|
+
itemsPerPage: 10,
|
|
14419
|
+
onPageChange: onMyCharacterListingsPageChange,
|
|
14420
|
+
onCharacterDelist: onCharacterDelist,
|
|
14421
|
+
accountCharacters: accountCharacters,
|
|
14422
|
+
onCharacterList: onCharacterList,
|
|
14423
|
+
activeCharacterId: activeCharacterId,
|
|
14424
|
+
atlasJSON: atlasJSON,
|
|
14425
|
+
atlasIMG: atlasIMG,
|
|
14426
|
+
characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : atlasJSON,
|
|
14427
|
+
characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : atlasIMG,
|
|
14428
|
+
enableHotkeys: enableHotkeys,
|
|
14429
|
+
disableHotkeys: disableHotkeys
|
|
14430
|
+
}));
|
|
14431
|
+
};
|
|
14432
|
+
var CharacterSubTabs = /*#__PURE__*/styled.div.withConfig({
|
|
14433
|
+
displayName: "CharacterTradePanel__CharacterSubTabs",
|
|
14434
|
+
componentId: "sc-qjqvzx-0"
|
|
14435
|
+
})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
|
|
14436
|
+
var CharacterSubTab = /*#__PURE__*/styled.button.withConfig({
|
|
14437
|
+
displayName: "CharacterTradePanel__CharacterSubTab",
|
|
14438
|
+
componentId: "sc-qjqvzx-1"
|
|
14439
|
+
})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref2) {
|
|
14440
|
+
var $active = _ref2.$active;
|
|
14441
|
+
return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
|
|
14442
|
+
}, function (_ref3) {
|
|
14443
|
+
var $active = _ref3.$active;
|
|
14444
|
+
return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
|
|
14445
|
+
}, function (_ref4) {
|
|
14446
|
+
var $active = _ref4.$active;
|
|
14447
|
+
return $active ? '#f59e0b' : '#777';
|
|
14448
|
+
}, function (_ref5) {
|
|
14449
|
+
var $active = _ref5.$active;
|
|
14450
|
+
return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
|
|
14451
|
+
}, function (_ref6) {
|
|
14452
|
+
var $active = _ref6.$active;
|
|
14453
|
+
return $active ? '#f59e0b' : '#bbb';
|
|
14454
|
+
});
|
|
14455
|
+
|
|
14338
14456
|
var Marketplace = function Marketplace(props) {
|
|
14339
14457
|
var onClose = props.onClose,
|
|
14340
14458
|
scale = props.scale,
|
|
@@ -14426,9 +14544,6 @@ var Marketplace = function Marketplace(props) {
|
|
|
14426
14544
|
var _useState3 = useState(false),
|
|
14427
14545
|
isBlueprintSearchOpen = _useState3[0],
|
|
14428
14546
|
setIsBlueprintSearchOpen = _useState3[1];
|
|
14429
|
-
var _useState4 = useState('browse'),
|
|
14430
|
-
characterSubTab = _useState4[0],
|
|
14431
|
-
setCharacterSubTab = _useState4[1];
|
|
14432
14547
|
var handleCurrencyChange = function handleCurrencyChange(value) {
|
|
14433
14548
|
setAcceptedCurrency(value);
|
|
14434
14549
|
onAcceptedCurrencyChange == null ? void 0 : onAcceptedCurrencyChange(value);
|
|
@@ -14508,51 +14623,31 @@ var Marketplace = function Marketplace(props) {
|
|
|
14508
14623
|
}]),
|
|
14509
14624
|
activeTabId: activeTab,
|
|
14510
14625
|
onTabChange: handleTabChange
|
|
14511
|
-
}), activeTab === 'marketplace' && React.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React.createElement(
|
|
14512
|
-
"$active": characterSubTab === 'browse',
|
|
14513
|
-
onClick: function onClick() {
|
|
14514
|
-
return setCharacterSubTab('browse');
|
|
14515
|
-
},
|
|
14516
|
-
type: "button"
|
|
14517
|
-
}, "Browse"), React.createElement(CharacterSubTab, {
|
|
14518
|
-
"$active": characterSubTab === 'my-listings',
|
|
14519
|
-
onClick: function onClick() {
|
|
14520
|
-
return setCharacterSubTab('my-listings');
|
|
14521
|
-
},
|
|
14522
|
-
type: "button"
|
|
14523
|
-
}, "My Listings")), characterSubTab === 'browse' && React.createElement(CharacterMarketplacePanel, {
|
|
14626
|
+
}), activeTab === 'marketplace' && React.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React.createElement(CharacterTradePanel, {
|
|
14524
14627
|
characterListings: characterListings != null ? characterListings : [],
|
|
14525
|
-
|
|
14526
|
-
|
|
14527
|
-
|
|
14528
|
-
|
|
14628
|
+
characterListingsTotal: characterListingsTotal != null ? characterListingsTotal : 0,
|
|
14629
|
+
characterListingsPage: characterListingsPage != null ? characterListingsPage : 1,
|
|
14630
|
+
characterListingsItemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
|
|
14631
|
+
onCharacterListingsPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
|
|
14529
14632
|
onCharacterBuy: onCharacterBuy != null ? onCharacterBuy : function () {},
|
|
14530
|
-
|
|
14531
|
-
|
|
14532
|
-
|
|
14533
|
-
characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
|
|
14534
|
-
enableHotkeys: props.enableHotkeys,
|
|
14535
|
-
disableHotkeys: props.disableHotkeys,
|
|
14536
|
-
nameFilter: characterNameFilter,
|
|
14537
|
-
onNameFilterChange: onCharacterNameFilterChange,
|
|
14538
|
-
isLoading: characterListingsLoading
|
|
14539
|
-
}), characterSubTab === 'my-listings' && React.createElement(MyCharacterListingsPanel, {
|
|
14633
|
+
characterNameFilter: characterNameFilter,
|
|
14634
|
+
onCharacterNameFilterChange: onCharacterNameFilterChange,
|
|
14635
|
+
characterListingsLoading: characterListingsLoading,
|
|
14540
14636
|
myCharacterListings: myCharacterListings != null ? myCharacterListings : [],
|
|
14541
|
-
|
|
14542
|
-
|
|
14543
|
-
|
|
14544
|
-
onPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
|
|
14637
|
+
myCharacterListingsTotal: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
|
|
14638
|
+
myCharacterListingsPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
|
|
14639
|
+
onMyCharacterListingsPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
|
|
14545
14640
|
onCharacterDelist: onCharacterDelist != null ? onCharacterDelist : function () {},
|
|
14546
14641
|
accountCharacters: accountCharacters != null ? accountCharacters : [],
|
|
14547
14642
|
onCharacterList: onCharacterList != null ? onCharacterList : function () {},
|
|
14548
14643
|
activeCharacterId: props.characterId,
|
|
14549
14644
|
atlasJSON: props.atlasJSON,
|
|
14550
14645
|
atlasIMG: props.atlasIMG,
|
|
14551
|
-
characterAtlasJSON: characterAtlasJSON
|
|
14552
|
-
characterAtlasIMG: characterAtlasIMG
|
|
14646
|
+
characterAtlasJSON: characterAtlasJSON,
|
|
14647
|
+
characterAtlasIMG: characterAtlasIMG,
|
|
14553
14648
|
enableHotkeys: props.enableHotkeys,
|
|
14554
14649
|
disableHotkeys: props.disableHotkeys
|
|
14555
|
-
})
|
|
14650
|
+
}), activeTab === 'sell' && React.createElement(ManagmentPanel, Object.assign({}, props, {
|
|
14556
14651
|
acceptedCurrency: acceptedCurrency
|
|
14557
14652
|
})), activeTab === 'buy-orders' && React.createElement(React.Fragment, null, React.createElement(BuyOrderPanel, {
|
|
14558
14653
|
atlasJSON: props.atlasJSON,
|
|
@@ -14613,29 +14708,6 @@ var PagerContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
14613
14708
|
displayName: "Marketplace__PagerContainer",
|
|
14614
14709
|
componentId: "sc-h904b1-0"
|
|
14615
14710
|
})(["display:flex;justify-content:center;align-items:center;width:95%;margin:6px auto 0 auto;padding:4px 10px;"]);
|
|
14616
|
-
var CharacterSubTabs = /*#__PURE__*/styled.div.withConfig({
|
|
14617
|
-
displayName: "Marketplace__CharacterSubTabs",
|
|
14618
|
-
componentId: "sc-h904b1-1"
|
|
14619
|
-
})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
|
|
14620
|
-
var CharacterSubTab = /*#__PURE__*/styled.button.withConfig({
|
|
14621
|
-
displayName: "Marketplace__CharacterSubTab",
|
|
14622
|
-
componentId: "sc-h904b1-2"
|
|
14623
|
-
})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref) {
|
|
14624
|
-
var $active = _ref.$active;
|
|
14625
|
-
return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
|
|
14626
|
-
}, function (_ref2) {
|
|
14627
|
-
var $active = _ref2.$active;
|
|
14628
|
-
return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
|
|
14629
|
-
}, function (_ref3) {
|
|
14630
|
-
var $active = _ref3.$active;
|
|
14631
|
-
return $active ? '#f59e0b' : '#777';
|
|
14632
|
-
}, function (_ref4) {
|
|
14633
|
-
var $active = _ref4.$active;
|
|
14634
|
-
return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
|
|
14635
|
-
}, function (_ref5) {
|
|
14636
|
-
var $active = _ref5.$active;
|
|
14637
|
-
return $active ? '#f59e0b' : '#bbb';
|
|
14638
|
-
});
|
|
14639
14711
|
|
|
14640
14712
|
var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
|
|
14641
14713
|
var listing = _ref.listing,
|
|
@@ -14792,9 +14864,7 @@ var CharacterListingForm = function CharacterListingForm(_ref) {
|
|
|
14792
14864
|
var _useState = useState(false),
|
|
14793
14865
|
isModalOpen = _useState[0],
|
|
14794
14866
|
setIsModalOpen = _useState[1];
|
|
14795
|
-
var eligibleCount = accountCharacters.
|
|
14796
|
-
return !c.isListedForSale && !c.tradedAt;
|
|
14797
|
-
}).length;
|
|
14867
|
+
var eligibleCount = getEligibleCharactersForListing(accountCharacters).length;
|
|
14798
14868
|
return React.createElement(Wrapper$2, null, React.createElement(CharacterListingModal, {
|
|
14799
14869
|
isOpen: isModalOpen,
|
|
14800
14870
|
onClose: function onClose() {
|
|
@@ -16863,6 +16933,7 @@ var Spell = function Spell(_ref) {
|
|
|
16863
16933
|
charMagicLevel = _ref.charMagicLevel,
|
|
16864
16934
|
charSkillLevels = _ref.charSkillLevels,
|
|
16865
16935
|
onPointerUp = _ref.onPointerUp,
|
|
16936
|
+
onClick = _ref.onClick,
|
|
16866
16937
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
16867
16938
|
spell = _ref.spell,
|
|
16868
16939
|
activeCooldown = _ref.activeCooldown;
|
|
@@ -16891,10 +16962,11 @@ var Spell = function Spell(_ref) {
|
|
|
16891
16962
|
height: '32px'
|
|
16892
16963
|
};
|
|
16893
16964
|
var IMAGE_SCALE = 2;
|
|
16965
|
+
var handleClick = onClick != null ? onClick : onPointerUp;
|
|
16894
16966
|
return React.createElement(SpellInfoWrapper, {
|
|
16895
16967
|
spell: spell
|
|
16896
16968
|
}, React.createElement(Container$J, {
|
|
16897
|
-
|
|
16969
|
+
onClick: handleClick == null ? void 0 : handleClick.bind(null, spellKey),
|
|
16898
16970
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
16899
16971
|
className: "spell"
|
|
16900
16972
|
}, disabled && React.createElement(Overlay$a, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
|
|
@@ -38157,30 +38229,48 @@ var useStoreCart = function useStoreCart() {
|
|
|
38157
38229
|
});
|
|
38158
38230
|
});
|
|
38159
38231
|
};
|
|
38160
|
-
var handlePurchase = function
|
|
38161
|
-
var
|
|
38162
|
-
|
|
38163
|
-
|
|
38164
|
-
|
|
38165
|
-
|
|
38166
|
-
|
|
38167
|
-
|
|
38168
|
-
|
|
38169
|
-
|
|
38170
|
-
|
|
38171
|
-
|
|
38172
|
-
|
|
38173
|
-
|
|
38174
|
-
|
|
38175
|
-
|
|
38176
|
-
|
|
38232
|
+
var handlePurchase = /*#__PURE__*/function () {
|
|
38233
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(onPurchase) {
|
|
38234
|
+
var purchaseUnits, purchase, success;
|
|
38235
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
38236
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
38237
|
+
case 0:
|
|
38238
|
+
purchaseUnits = cartItems.map(function (cartItem) {
|
|
38239
|
+
return {
|
|
38240
|
+
purchaseKey: cartItem.item.key,
|
|
38241
|
+
qty: cartItem.quantity,
|
|
38242
|
+
type: getPurchaseType(cartItem.item),
|
|
38243
|
+
name: cartItem.item.name,
|
|
38244
|
+
metadata: cartItem.metadata || cartItem.item.metadataConfig
|
|
38245
|
+
};
|
|
38246
|
+
});
|
|
38247
|
+
purchase = {
|
|
38248
|
+
_id: uuidv4(),
|
|
38249
|
+
userId: '1',
|
|
38250
|
+
status: 'pending',
|
|
38251
|
+
createdAt: new Date().toISOString(),
|
|
38252
|
+
updatedAt: new Date().toISOString(),
|
|
38253
|
+
purchases: purchaseUnits
|
|
38254
|
+
};
|
|
38255
|
+
_context2.next = 4;
|
|
38256
|
+
return onPurchase(purchase);
|
|
38257
|
+
case 4:
|
|
38258
|
+
success = _context2.sent;
|
|
38259
|
+
if (success && isMounted.current) {
|
|
38260
|
+
setCartItems([]);
|
|
38261
|
+
setIsCartOpen(false);
|
|
38262
|
+
}
|
|
38263
|
+
return _context2.abrupt("return", success);
|
|
38264
|
+
case 7:
|
|
38265
|
+
case "end":
|
|
38266
|
+
return _context2.stop();
|
|
38267
|
+
}
|
|
38268
|
+
}, _callee2);
|
|
38269
|
+
}));
|
|
38270
|
+
return function handlePurchase(_x4) {
|
|
38271
|
+
return _ref2.apply(this, arguments);
|
|
38177
38272
|
};
|
|
38178
|
-
|
|
38179
|
-
if (isMounted.current) {
|
|
38180
|
-
setCartItems([]);
|
|
38181
|
-
setIsCartOpen(false);
|
|
38182
|
-
}
|
|
38183
|
-
};
|
|
38273
|
+
}();
|
|
38184
38274
|
var openCart = function openCart() {
|
|
38185
38275
|
return setIsCartOpen(true);
|
|
38186
38276
|
};
|
|
@@ -40106,24 +40196,9 @@ var Store = function Store(_ref) {
|
|
|
40106
40196
|
cartItems: cartItems,
|
|
40107
40197
|
onRemoveFromCart: handleRemoveFromCartTracked,
|
|
40108
40198
|
onClose: closeCart,
|
|
40109
|
-
onPurchase: function () {
|
|
40110
|
-
|
|
40111
|
-
|
|
40112
|
-
while (1) switch (_context.prev = _context.next) {
|
|
40113
|
-
case 0:
|
|
40114
|
-
handleCartPurchase(_onPurchase);
|
|
40115
|
-
return _context.abrupt("return", true);
|
|
40116
|
-
case 2:
|
|
40117
|
-
case "end":
|
|
40118
|
-
return _context.stop();
|
|
40119
|
-
}
|
|
40120
|
-
}, _callee);
|
|
40121
|
-
}));
|
|
40122
|
-
function onPurchase() {
|
|
40123
|
-
return _onPurchase2.apply(this, arguments);
|
|
40124
|
-
}
|
|
40125
|
-
return onPurchase;
|
|
40126
|
-
}(),
|
|
40199
|
+
onPurchase: function onPurchase() {
|
|
40200
|
+
return handleCartPurchase(_onPurchase);
|
|
40201
|
+
},
|
|
40127
40202
|
atlasJSON: atlasJSON,
|
|
40128
40203
|
atlasIMG: atlasIMG,
|
|
40129
40204
|
onCheckoutStart: onCheckoutStart,
|
|
@@ -40771,5 +40846,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
40771
40846
|
componentId: "sc-7tgzv2-7"
|
|
40772
40847
|
})(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
|
|
40773
40848
|
|
|
40774
|
-
export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, StoreRedeemSection, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
|
|
40849
|
+
export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, CharacterTradePanel, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, StoreRedeemSection, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
|
|
40775
40850
|
//# sourceMappingURL=long-bow.esm.js.map
|