@rpg-engine/long-bow 0.8.129 → 0.8.131

package/dist/long-bow.esm.js

@@ -5,7 +5,7 @@ import { v4 } from 'uuid';
 import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
-import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaHistory, FaShoppingCart } from 'react-icons/fa';
+import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaHistory, FaWallet, FaShoppingCart } from 'react-icons/fa';
 import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
 import { IoMdContract, IoMdExpand } from 'react-icons/io';
 import Draggable from 'react-draggable';
@@ -58847,69 +58847,6 @@ var DropdownContainer$2 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-l6f466-3"
 })(["flex:0.25;min-width:140px;"]);
 
-var ShoppingCardHorizontal = function ShoppingCardHorizontal(_ref) {
-  var title = _ref.title,
-    description = _ref.description,
-    imageUrl = _ref.imageUrl,
-    onClick = _ref.onClick,
-    footer = _ref.footer,
-    className = _ref.className;
-  var getImageSrc = function getImageSrc() {
-    if (!imageUrl) return '/placeholder-thumbnail.png';
-    if (typeof imageUrl === 'string') return imageUrl;
-    return imageUrl["default"] || imageUrl.src;
-  };
-  return React.createElement(CardContainer, {
-    onClick: onClick,
-    className: className
-  }, React.createElement(LeftSection, null, imageUrl && React.createElement(CardThumbnail, null, React.createElement("img", {
-    src: getImageSrc(),
-    alt: title
-  }))), React.createElement(RightSection, null, React.createElement(CardTitle, null, React.createElement(Ellipsis, {
-    maxLines: 1,
-    maxWidth: "100%"
-  }, title)), React.createElement(CardDescription, null, React.createElement(Ellipsis, {
-    maxLines: 3,
-    maxWidth: "100%"
-  }, description)), footer && React.createElement(CardFooter, {
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, footer)));
-};
-var CardContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartCardHorizontal__CardContainer",
-  componentId: "sc-ngkh06-0"
-})(["display:flex;background:rgba(0,0,0,0.3);border-radius:4px;border:1px solid ", ";cursor:", ";transition:transform 0.2s ease;&:hover{transform:", ";}max-width:380px;"], uiColors.darkGray, function (props) {
-  return props.onClick ? 'pointer' : 'default';
-}, function (props) {
-  return props.onClick ? 'translateY(-2px)' : 'none';
-});
-var LeftSection = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartCardHorizontal__LeftSection",
-  componentId: "sc-ngkh06-1"
-})(["width:120px;flex-shrink:0;"]);
-var RightSection = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartCardHorizontal__RightSection",
-  componentId: "sc-ngkh06-2"
-})(["flex:1;display:flex;flex-direction:column;padding:12px;min-width:0;max-width:100%;"]);
-var CardThumbnail = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartCardHorizontal__CardThumbnail",
-  componentId: "sc-ngkh06-3"
-})(["width:100%;height:100%;background:rgba(0,0,0,0.2);overflow:hidden;img{width:100%;height:100%;object-fit:cover;}"]);
-var CardTitle = /*#__PURE__*/styled.h3.withConfig({
-  displayName: "CartCardHorizontal__CardTitle",
-  componentId: "sc-ngkh06-4"
-})(["margin:0;font-size:0.6rem;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:8px;"], uiColors.yellow);
-var CardDescription = /*#__PURE__*/styled.p.withConfig({
-  displayName: "CartCardHorizontal__CardDescription",
-  componentId: "sc-ngkh06-5"
-})(["margin:0;font-size:0.55rem;color:", ";font-family:'Press Start 2P',cursive;line-height:1.4;margin-bottom:8px;"], uiColors.lightGray);
-var CardFooter = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CartCardHorizontal__CardFooter",
-  componentId: "sc-ngkh06-6"
-})(["margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,0.1);"]);
-
 var usePackFiltering = function usePackFiltering(packs) {
   var _useState = useState(''),
     searchQuery = _useState[0],
@@ -58934,28 +58871,28 @@ var StorePacksSection = function StorePacksSection(_ref) {
     searchQuery = _usePackFiltering.searchQuery,
     setSearchQuery = _usePackFiltering.setSearchQuery,
     filteredPacks = _usePackFiltering.filteredPacks;
-  var renderPackFooter = useCallback(function (pack) {
-    return React.createElement(FooterContainer, null, React.createElement(Price, null, "$", pack.priceUSD), React.createElement(CTAButton, {
+  var getImageSrc = function getImageSrc(imageUrl) {
+    if (typeof imageUrl === 'string') return imageUrl;
+    return imageUrl["default"] || imageUrl.src;
+  };
+  var renderPack = useCallback(function (pack) {
+    return React.createElement(PackRow, {
+      key: pack.key,
+      onClick: function onClick() {
+        return onSelectPack == null ? void 0 : onSelectPack(pack);
+      }
+    }, React.createElement(PackIconContainer, null, React.createElement("img", {
+      src: getImageSrc(pack.image),
+      alt: pack.title
+    })), React.createElement(PackDetails, null, React.createElement(PackName, null, pack.title), React.createElement(PackPrice, null, "$", pack.priceUSD), pack.description && React.createElement(PackDescription, null, pack.description)), React.createElement(Controls$2, null, React.createElement(CTAButton, {
       icon: React.createElement(FaCartPlus, null),
       label: "Add",
       onClick: function onClick(e) {
         e.stopPropagation();
         onAddToCart(pack);
       }
-    }));
-  }, [onAddToCart]);
-  var renderPack = useCallback(function (pack) {
-    return React.createElement(ShoppingCardHorizontal, {
-      key: pack.key,
-      title: pack.title,
-      description: pack.description,
-      imageUrl: pack.image,
-      footer: renderPackFooter(pack),
-      onClick: function onClick() {
-        return onSelectPack == null ? void 0 : onSelectPack(pack);
-      }
-    });
-  }, [onSelectPack, renderPackFooter]);
+    })));
+  }, [onSelectPack, onAddToCart]);
   return React.createElement(ScrollableContent, {
     items: filteredPacks,
     renderItem: renderPack,
@@ -58965,19 +58902,38 @@ var StorePacksSection = function StorePacksSection(_ref) {
       onChange: setSearchQuery,
       placeholder: 'Search packs...'
     },
-    layout: "grid",
-    gridColumns: 2,
+    layout: "list",
     maxHeight: "420px"
   });
 };
-var FooterContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "StorePacksSection__FooterContainer",
+var PackRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackRow",
   componentId: "sc-ulazq3-0"
-})(["display:flex;align-items:center;justify-content:space-between;gap:8px;"]);
-var Price = /*#__PURE__*/styled.span.withConfig({
-  displayName: "StorePacksSection__Price",
+})(["display:flex;align-items:center;gap:0.75rem;padding:0.5rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1);cursor:pointer;&:last-child{border-bottom:none;}&:hover{background:rgba(255,255,255,0.04);}"]);
+var PackIconContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackIconContainer",
   componentId: "sc-ulazq3-1"
-})(["font-family:'Press Start 2P',cursive;font-size:0.6rem;color:#fef08a;"]);
+})(["width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;img{width:100%;height:100%;object-fit:cover;}"]);
+var PackDetails = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackDetails",
+  componentId: "sc-ulazq3-2"
+})(["flex:1;display:flex;flex-direction:column;gap:0.25rem;min-width:0;"]);
+var PackName = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackName",
+  componentId: "sc-ulazq3-3"
+})(["font-family:'Press Start 2P',cursive;font-size:0.75rem;color:#ffffff;"]);
+var PackPrice = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackPrice",
+  componentId: "sc-ulazq3-4"
+})(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:#fef08a;"]);
+var PackDescription = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__PackDescription",
+  componentId: "sc-ulazq3-5"
+})(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:rgba(255,255,255,0.7);line-height:1.4;"]);
+var Controls$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StorePacksSection__Controls",
+  componentId: "sc-ulazq3-6"
+})(["display:flex;align-items:center;flex-shrink:0;"]);
 
 var StoreItemDetails = function StoreItemDetails(_ref) {
   var item = _ref.item,
@@ -59056,6 +59012,8 @@ var Store = function Store(_ref) {
     atlasIMG = _ref.atlasIMG,
     _onPurchase2 = _ref.onPurchase,
     onShowHistory = _ref.onShowHistory,
+    onShowWallet = _ref.onShowWallet,
+    walletLabel = _ref.walletLabel,
     userAccountType = _ref.userAccountType,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
@@ -59067,7 +59025,8 @@ var Store = function Store(_ref) {
     defaultActiveTab = _ref.defaultActiveTab,
     _ref$textInputItemKey = _ref.textInputItemKeys,
     textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey,
-    customPacksContent = _ref.customPacksContent;
+    customPacksContent = _ref.customPacksContent,
+    customWalletContent = _ref.customWalletContent;
   var _useState = useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -59211,6 +59170,11 @@ var Store = function Store(_ref) {
         userAccountType: userAccountType,
         textInputItemKeys: textInputItemKeys
       })
+    },
+    wallet: {
+      id: 'wallet',
+      title: 'Wallet',
+      content: customWalletContent != null ? customWalletContent : null
     }
   };
   var tabs = availableTabIds.map(function (id) {
@@ -59267,10 +59231,14 @@ var Store = function Store(_ref) {
     onAddToCart: function onAddToCart() {
       return handleAddPackToCart(selectedPack);
     }
-  }) : React.createElement(Container$N, null, React.createElement(TopBar$1, null, React.createElement(HistoryButton, null, onShowHistory && React.createElement(CTAButton, {
+  }) : React.createElement(Container$N, null, React.createElement(TopBar$1, null, React.createElement(LeftButtons, null, onShowHistory && React.createElement(CTAButton, {
     icon: React.createElement(FaHistory, null),
     label: "History",
     onClick: onShowHistory
+  }), onShowWallet && React.createElement(CTAButton, {
+    icon: React.createElement(FaWallet, null),
+    label: walletLabel != null ? walletLabel : 'DC Wallet',
+    onClick: onShowWallet
   })), React.createElement(CartButton, null, React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
     label: getTotalItems() + " items ($" + getTotalPrice().toFixed(2) + ")",
@@ -59301,10 +59269,10 @@ var TopBar$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__TopBar",
   componentId: "sc-64dj00-1"
 })(["display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 1rem;flex-shrink:0;margin-top:0.5rem;"]);
-var HistoryButton = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Store__HistoryButton",
+var LeftButtons = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Store__LeftButtons",
   componentId: "sc-64dj00-2"
-})(["min-width:fit-content;margin-right:auto;"]);
+})(["display:flex;gap:0.5rem;min-width:fit-content;margin-right:auto;"]);
 var CartButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__CartButton",
   componentId: "sc-64dj00-3"