@rpg-engine/long-bow 0.8.67 → 0.8.68
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/Store/Store.d.ts +13 -1
- package/dist/long-bow.cjs.development.js +17 -8
- 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 +18 -9
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/Store.tsx +31 -2
- package/src/stories/Features/store/Store.stories.tsx +3 -1
package/dist/long-bow.esm.js
CHANGED
|
@@ -5,7 +5,7 @@ import { v4 } from 'uuid';
|
|
|
5
5
|
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, RewardType, isMobileOrTablet, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getSPForLevel, getXPForLevel, MetadataType, PurchaseType, UserAccountTypes, PeriodOfDay } from '@rpg-engine/shared';
|
|
6
6
|
import dayjs from 'dayjs';
|
|
7
7
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
8
|
-
import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaShoppingCart } from 'react-icons/fa';
|
|
8
|
+
import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaHistory, FaShoppingCart } from 'react-icons/fa';
|
|
9
9
|
import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
|
|
10
10
|
import { IoMdContract, IoMdExpand } from 'react-icons/io';
|
|
11
11
|
import Draggable from 'react-draggable';
|
|
@@ -38237,6 +38237,7 @@ var Store = function Store(_ref) {
|
|
|
38237
38237
|
atlasJSON = _ref.atlasJSON,
|
|
38238
38238
|
atlasIMG = _ref.atlasIMG,
|
|
38239
38239
|
_onPurchase = _ref.onPurchase,
|
|
38240
|
+
onShowHistory = _ref.onShowHistory,
|
|
38240
38241
|
userAccountType = _ref.userAccountType,
|
|
38241
38242
|
_ref$loading = _ref.loading,
|
|
38242
38243
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
@@ -38414,7 +38415,11 @@ var Store = function Store(_ref) {
|
|
|
38414
38415
|
onAddToCart: function onAddToCart() {
|
|
38415
38416
|
return handleAddPackToCart(selectedPack);
|
|
38416
38417
|
}
|
|
38417
|
-
}) : React.createElement(Container$N, null, React.createElement(TopBar$1, null, React.createElement(
|
|
38418
|
+
}) : React.createElement(Container$N, null, React.createElement(TopBar$1, null, React.createElement(HistoryButton, null, onShowHistory && React.createElement(CTAButton, {
|
|
38419
|
+
icon: React.createElement(FaHistory, null),
|
|
38420
|
+
label: "History",
|
|
38421
|
+
onClick: onShowHistory
|
|
38422
|
+
})), React.createElement(CartButton, null, React.createElement(CTAButton, {
|
|
38418
38423
|
icon: React.createElement(FaShoppingCart, null),
|
|
38419
38424
|
label: getTotalItems() + " items ($" + getTotalPrice().toFixed(2) + ")",
|
|
38420
38425
|
onClick: openCart
|
|
@@ -38442,33 +38447,37 @@ var TopBar$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
38442
38447
|
displayName: "Store__TopBar",
|
|
38443
38448
|
componentId: "sc-64dj00-1"
|
|
38444
38449
|
})(["display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 1rem;flex-shrink:0;margin-top:0.5rem;"]);
|
|
38450
|
+
var HistoryButton = /*#__PURE__*/styled.div.withConfig({
|
|
38451
|
+
displayName: "Store__HistoryButton",
|
|
38452
|
+
componentId: "sc-64dj00-2"
|
|
38453
|
+
})(["min-width:fit-content;margin-right:auto;"]);
|
|
38445
38454
|
var CartButton = /*#__PURE__*/styled.div.withConfig({
|
|
38446
38455
|
displayName: "Store__CartButton",
|
|
38447
|
-
componentId: "sc-64dj00-
|
|
38456
|
+
componentId: "sc-64dj00-3"
|
|
38448
38457
|
})(["min-width:fit-content;"]);
|
|
38449
38458
|
var MainContent$1 = /*#__PURE__*/styled.div.withConfig({
|
|
38450
38459
|
displayName: "Store__MainContent",
|
|
38451
|
-
componentId: "sc-64dj00-
|
|
38460
|
+
componentId: "sc-64dj00-4"
|
|
38452
38461
|
})(["flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;.rpgui-tabs-content{flex:1;overflow-y:auto;padding-right:0.5rem;}"]);
|
|
38453
38462
|
var Footer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
38454
38463
|
displayName: "Store__Footer",
|
|
38455
|
-
componentId: "sc-64dj00-
|
|
38464
|
+
componentId: "sc-64dj00-5"
|
|
38456
38465
|
})(["display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:2px solid #f59e0b;background:rgba(0,0,0,0.2);flex-shrink:0;"]);
|
|
38457
38466
|
var CartSummary = /*#__PURE__*/styled.div.withConfig({
|
|
38458
38467
|
displayName: "Store__CartSummary",
|
|
38459
|
-
componentId: "sc-64dj00-
|
|
38468
|
+
componentId: "sc-64dj00-6"
|
|
38460
38469
|
})(["display:flex;flex-direction:column;gap:0.5rem;"]);
|
|
38461
38470
|
var CartInfo = /*#__PURE__*/styled.div.withConfig({
|
|
38462
38471
|
displayName: "Store__CartInfo",
|
|
38463
|
-
componentId: "sc-64dj00-
|
|
38472
|
+
componentId: "sc-64dj00-7"
|
|
38464
38473
|
})(["display:flex;align-items:center;gap:0.75rem;font-family:'Press Start 2P',cursive;font-size:0.75rem;color:#ffffff;span:last-child{color:#fef08a;}"]);
|
|
38465
38474
|
var LoadingMessage$1 = /*#__PURE__*/styled.div.withConfig({
|
|
38466
38475
|
displayName: "Store__LoadingMessage",
|
|
38467
|
-
componentId: "sc-64dj00-
|
|
38476
|
+
componentId: "sc-64dj00-8"
|
|
38468
38477
|
})(["text-align:center;color:", ";padding:2rem;"], uiColors.white);
|
|
38469
38478
|
var ErrorMessage$2 = /*#__PURE__*/styled.div.withConfig({
|
|
38470
38479
|
displayName: "Store__ErrorMessage",
|
|
38471
|
-
componentId: "sc-64dj00-
|
|
38480
|
+
componentId: "sc-64dj00-9"
|
|
38472
38481
|
})(["text-align:center;color:", ";padding:2rem;"], uiColors.red);
|
|
38473
38482
|
|
|
38474
38483
|
var TextArea = function TextArea(_ref) {
|