@rpg-engine/long-bow 0.8.185 → 0.8.187

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.
@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useMemo, me
2
2
  import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
3
3
  import { BeatLoader } from 'react-spinners';
4
4
  import { v4 } from 'uuid';
5
- import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, MarketplaceAcceptedCurrency, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$1, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
5
+ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, MarketplaceAcceptedCurrency, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$2, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
6
6
  export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
7
7
  import dayjs from 'dayjs';
8
8
  import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
@@ -47170,6 +47170,257 @@ var Hint = /*#__PURE__*/styled.p.withConfig({
47170
47170
  componentId: "sc-1lvibyi-7"
47171
47171
  })(["margin:14px 0 0 0;font-size:0.48rem;color:#666;line-height:1.6;"]);
47172
47172
 
47173
+ var RARITY_COLORS$1 = {
47174
+ legendary: '#f59e0b',
47175
+ epic: '#a855f7',
47176
+ rare: '#3b82f6',
47177
+ uncommon: '#22c55e',
47178
+ common: '#6b7280'
47179
+ };
47180
+ var rarityColor$1 = function rarityColor(rarity) {
47181
+ var _RARITY_COLORS$toLowe;
47182
+ return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[(rarity != null ? rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
47183
+ };
47184
+ var CharacterDetailModal = function CharacterDetailModal(_ref) {
47185
+ var _snap$skills, _snap$mode, _snap$equipment;
47186
+ var listing = _ref.listing,
47187
+ isOpen = _ref.isOpen,
47188
+ onClose = _ref.onClose,
47189
+ onBuy = _ref.onBuy,
47190
+ atlasJSON = _ref.atlasJSON,
47191
+ atlasIMG = _ref.atlasIMG,
47192
+ characterAtlasJSON = _ref.characterAtlasJSON,
47193
+ characterAtlasIMG = _ref.characterAtlasIMG,
47194
+ enableHotkeys = _ref.enableHotkeys,
47195
+ disableHotkeys = _ref.disableHotkeys;
47196
+ var _useState = useState(false),
47197
+ isConfirming = _useState[0],
47198
+ setIsConfirming = _useState[1];
47199
+ var handleClose = useCallback(function () {
47200
+ setIsConfirming(false);
47201
+ enableHotkeys == null ? void 0 : enableHotkeys();
47202
+ onClose();
47203
+ }, [enableHotkeys, onClose]);
47204
+ var handleBuyClick = useCallback(function () {
47205
+ setIsConfirming(true);
47206
+ disableHotkeys == null ? void 0 : disableHotkeys();
47207
+ }, [disableHotkeys]);
47208
+ var handleConfirm = useCallback(function () {
47209
+ if (!listing) return;
47210
+ onBuy(listing._id);
47211
+ setIsConfirming(false);
47212
+ enableHotkeys == null ? void 0 : enableHotkeys();
47213
+ onClose();
47214
+ }, [listing, onBuy, enableHotkeys, onClose]);
47215
+ var stopPropagation = useCallback(function (e) {
47216
+ e.stopPropagation();
47217
+ }, []);
47218
+ if (!isOpen || !listing) return null;
47219
+ var snap = listing.characterSnapshot;
47220
+ var topSkills = Object.entries((_snap$skills = snap.skills) != null ? _snap$skills : {}).sort(function (_ref2, _ref3) {
47221
+ var a = _ref2[1];
47222
+ var b = _ref3[1];
47223
+ return b - a;
47224
+ }).slice(0, 8);
47225
+ return React.createElement(ModalPortal, null, isConfirming && React.createElement(ConfirmModal, {
47226
+ onConfirm: handleConfirm,
47227
+ onClose: function onClose() {
47228
+ setIsConfirming(false);
47229
+ enableHotkeys == null ? void 0 : enableHotkeys();
47230
+ },
47231
+ message: "Buy " + snap.name + " for " + formatDCAmount(listing.price) + " DC?"
47232
+ }), React.createElement(Overlay$7, {
47233
+ onPointerDown: handleClose
47234
+ }), React.createElement(ModalContainer$5, null, React.createElement(ModalContent$5, {
47235
+ onClick: stopPropagation,
47236
+ onTouchStart: stopPropagation,
47237
+ onPointerDown: stopPropagation
47238
+ }, React.createElement(Header$b, null, React.createElement(Title$c, null, "Character Details"), React.createElement(CloseButton$d, {
47239
+ onPointerDown: handleClose,
47240
+ "aria-label": "Close",
47241
+ type: "button"
47242
+ }, React.createElement(FaTimes, null))), React.createElement(HeroSection, null, React.createElement(SpriteContainer$5, null, React.createElement(SpriteFromAtlas, {
47243
+ atlasIMG: characterAtlasIMG,
47244
+ atlasJSON: characterAtlasJSON,
47245
+ spriteKey: snap.textureKey + "/down/standing/0.png",
47246
+ imgScale: 4,
47247
+ height: 96,
47248
+ width: 96
47249
+ })), React.createElement(HeroInfo, null, React.createElement(CharacterName$1, null, snap.name || 'Unknown'), React.createElement(CharacterClass, null, "Lv.", snap.level, " \xB7 ", snap["class"]), React.createElement(CharacterOrigin, null, snap.race, " \xB7 ", snap.faction), React.createElement(ModeBadge, {
47250
+ "$hardcore": ((_snap$mode = snap.mode) == null ? void 0 : _snap$mode.toLowerCase()) === 'hardcore'
47251
+ }, snap.mode || 'Standard'))), React.createElement(Divider, null), topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsGrid, null, topSkills.map(function (_ref4) {
47252
+ var name = _ref4[0],
47253
+ value = _ref4[1];
47254
+ return React.createElement(SkillRow, {
47255
+ key: name
47256
+ }, React.createElement(SkillName, null, name), React.createElement(SkillValue, null, value));
47257
+ }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React.createElement(React.Fragment, null, React.createElement(Divider, null), React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Equipment"), React.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
47258
+ return React.createElement(EquipmentRow, {
47259
+ key: i
47260
+ }, React.createElement(EquipSlot, null, eq.slot), React.createElement(EquipName, null, eq.itemName), React.createElement(RarityBadge, {
47261
+ "$rarity": eq.rarity
47262
+ }, eq.rarity || 'Common'));
47263
+ })))), React.createElement(Divider, null), React.createElement(Footer$1, null, React.createElement(SellerInfo, null, "Listed by ", listing.listedByCharacterName), React.createElement(FooterActions, null, React.createElement(PriceDisplay, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
47264
+ atlasIMG: atlasIMG,
47265
+ atlasJSON: atlasJSON,
47266
+ spriteKey: "others/definya-coin.png",
47267
+ imgScale: 1
47268
+ })), React.createElement(PriceAmount, null, formatDCAmount(listing.price), " DC")), React.createElement(BuyBtn, {
47269
+ icon: React.createElement(ShoppingBag, {
47270
+ width: 18,
47271
+ height: 18
47272
+ }),
47273
+ label: "Buy Character",
47274
+ disabled: listing.isBeingBought,
47275
+ onClick: handleBuyClick
47276
+ })), listing.isBeingBought && React.createElement(PendingNotice, null, "Purchase already in progress")))));
47277
+ };
47278
+ var scaleIn$2 = /*#__PURE__*/keyframes(["from{transform:scale(0.88);opacity:0;}to{transform:scale(1);opacity:1;}"]);
47279
+ var Overlay$7 = /*#__PURE__*/styled.div.withConfig({
47280
+ displayName: "CharacterDetailModal__Overlay",
47281
+ componentId: "sc-1kdn1l6-0"
47282
+ })(["position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:1000;"]);
47283
+ var ModalContainer$5 = /*#__PURE__*/styled.div.withConfig({
47284
+ displayName: "CharacterDetailModal__ModalContainer",
47285
+ componentId: "sc-1kdn1l6-1"
47286
+ })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
47287
+ var ModalContent$5 = /*#__PURE__*/styled.div.withConfig({
47288
+ displayName: "CharacterDetailModal__ModalContent",
47289
+ componentId: "sc-1kdn1l6-2"
47290
+ })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:480px;max-width:94%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
47291
+ var Header$b = /*#__PURE__*/styled.div.withConfig({
47292
+ displayName: "CharacterDetailModal__Header",
47293
+ componentId: "sc-1kdn1l6-3"
47294
+ })(["display:flex;align-items:center;justify-content:space-between;flex-shrink:0;"]);
47295
+ var Title$c = /*#__PURE__*/styled.h3.withConfig({
47296
+ displayName: "CharacterDetailModal__Title",
47297
+ componentId: "sc-1kdn1l6-4"
47298
+ })(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.6rem !important;color:#fef08a !important;"]);
47299
+ var CloseButton$d = /*#__PURE__*/styled.button.withConfig({
47300
+ displayName: "CharacterDetailModal__CloseButton",
47301
+ componentId: "sc-1kdn1l6-5"
47302
+ })(["background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#fff;}"]);
47303
+ var HeroSection = /*#__PURE__*/styled.div.withConfig({
47304
+ displayName: "CharacterDetailModal__HeroSection",
47305
+ componentId: "sc-1kdn1l6-6"
47306
+ })(["display:flex;align-items:center;gap:16px;"]);
47307
+ var SpriteContainer$5 = /*#__PURE__*/styled.div.withConfig({
47308
+ displayName: "CharacterDetailModal__SpriteContainer",
47309
+ componentId: "sc-1kdn1l6-7"
47310
+ })(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;width:96px;height:96px;flex-shrink:0;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:6px;"]);
47311
+ var HeroInfo = /*#__PURE__*/styled.div.withConfig({
47312
+ displayName: "CharacterDetailModal__HeroInfo",
47313
+ componentId: "sc-1kdn1l6-8"
47314
+ })(["display:flex;flex-direction:column;gap:6px;flex:1;"]);
47315
+ var CharacterName$1 = /*#__PURE__*/styled.span.withConfig({
47316
+ displayName: "CharacterDetailModal__CharacterName",
47317
+ componentId: "sc-1kdn1l6-9"
47318
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#f3f4f6 !important;"]);
47319
+ var CharacterClass = /*#__PURE__*/styled.span.withConfig({
47320
+ displayName: "CharacterDetailModal__CharacterClass",
47321
+ componentId: "sc-1kdn1l6-10"
47322
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#9ca3af !important;"]);
47323
+ var CharacterOrigin = /*#__PURE__*/styled.span.withConfig({
47324
+ displayName: "CharacterDetailModal__CharacterOrigin",
47325
+ componentId: "sc-1kdn1l6-11"
47326
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.42rem !important;color:#6b7280 !important;"]);
47327
+ var ModeBadge = /*#__PURE__*/styled.span.withConfig({
47328
+ displayName: "CharacterDetailModal__ModeBadge",
47329
+ componentId: "sc-1kdn1l6-12"
47330
+ })(["display:inline-block;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:", " !important;border:1px solid ", ";border-radius:3px;padding:2px 6px;text-transform:uppercase;letter-spacing:0.5px;width:fit-content;"], function (_ref5) {
47331
+ var $hardcore = _ref5.$hardcore;
47332
+ return $hardcore ? '#ef4444' : '#6b7280';
47333
+ }, function (_ref6) {
47334
+ var $hardcore = _ref6.$hardcore;
47335
+ return $hardcore ? 'rgba(239,68,68,0.4)' : 'rgba(107,114,128,0.3)';
47336
+ });
47337
+ var Divider = /*#__PURE__*/styled.hr.withConfig({
47338
+ displayName: "CharacterDetailModal__Divider",
47339
+ componentId: "sc-1kdn1l6-13"
47340
+ })(["border:none;border-top:1px solid rgba(255,255,255,0.06);margin:0;flex-shrink:0;"]);
47341
+ var Section$3 = /*#__PURE__*/styled.div.withConfig({
47342
+ displayName: "CharacterDetailModal__Section",
47343
+ componentId: "sc-1kdn1l6-14"
47344
+ })(["display:flex;flex-direction:column;gap:8px;"]);
47345
+ var SectionTitle$3 = /*#__PURE__*/styled.span.withConfig({
47346
+ displayName: "CharacterDetailModal__SectionTitle",
47347
+ componentId: "sc-1kdn1l6-15"
47348
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#f59e0b !important;text-transform:uppercase;letter-spacing:1px;"]);
47349
+ var SkillsGrid = /*#__PURE__*/styled.div.withConfig({
47350
+ displayName: "CharacterDetailModal__SkillsGrid",
47351
+ componentId: "sc-1kdn1l6-16"
47352
+ })(["display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;"]);
47353
+ var SkillRow = /*#__PURE__*/styled.div.withConfig({
47354
+ displayName: "CharacterDetailModal__SkillRow",
47355
+ componentId: "sc-1kdn1l6-17"
47356
+ })(["display:flex;justify-content:space-between;align-items:center;gap:8px;"]);
47357
+ var SkillName = /*#__PURE__*/styled.span.withConfig({
47358
+ displayName: "CharacterDetailModal__SkillName",
47359
+ componentId: "sc-1kdn1l6-18"
47360
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:capitalize;"]);
47361
+ var SkillValue = /*#__PURE__*/styled.span.withConfig({
47362
+ displayName: "CharacterDetailModal__SkillValue",
47363
+ componentId: "sc-1kdn1l6-19"
47364
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fef08a !important;"]);
47365
+ var EquipmentList = /*#__PURE__*/styled.div.withConfig({
47366
+ displayName: "CharacterDetailModal__EquipmentList",
47367
+ componentId: "sc-1kdn1l6-20"
47368
+ })(["display:flex;flex-direction:column;gap:5px;"]);
47369
+ var EquipmentRow = /*#__PURE__*/styled.div.withConfig({
47370
+ displayName: "CharacterDetailModal__EquipmentRow",
47371
+ componentId: "sc-1kdn1l6-21"
47372
+ })(["display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
47373
+ var EquipSlot = /*#__PURE__*/styled.span.withConfig({
47374
+ displayName: "CharacterDetailModal__EquipSlot",
47375
+ componentId: "sc-1kdn1l6-22"
47376
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.34rem !important;color:#6b7280 !important;text-transform:capitalize;min-width:52px;flex-shrink:0;"]);
47377
+ var EquipName = /*#__PURE__*/styled.span.withConfig({
47378
+ displayName: "CharacterDetailModal__EquipName",
47379
+ componentId: "sc-1kdn1l6-23"
47380
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#d1d5db !important;flex:1;"]);
47381
+ var RarityBadge = /*#__PURE__*/styled.span.withConfig({
47382
+ displayName: "CharacterDetailModal__RarityBadge",
47383
+ componentId: "sc-1kdn1l6-24"
47384
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref7) {
47385
+ var $rarity = _ref7.$rarity;
47386
+ return rarityColor$1($rarity);
47387
+ }, function (_ref8) {
47388
+ var $rarity = _ref8.$rarity;
47389
+ return rarityColor$1($rarity);
47390
+ });
47391
+ var Footer$1 = /*#__PURE__*/styled.div.withConfig({
47392
+ displayName: "CharacterDetailModal__Footer",
47393
+ componentId: "sc-1kdn1l6-25"
47394
+ })(["display:flex;flex-direction:column;gap:8px;flex-shrink:0;"]);
47395
+ var SellerInfo = /*#__PURE__*/styled.span.withConfig({
47396
+ displayName: "CharacterDetailModal__SellerInfo",
47397
+ componentId: "sc-1kdn1l6-26"
47398
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47399
+ var FooterActions = /*#__PURE__*/styled.div.withConfig({
47400
+ displayName: "CharacterDetailModal__FooterActions",
47401
+ componentId: "sc-1kdn1l6-27"
47402
+ })(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
47403
+ var PriceDisplay = /*#__PURE__*/styled.div.withConfig({
47404
+ displayName: "CharacterDetailModal__PriceDisplay",
47405
+ componentId: "sc-1kdn1l6-28"
47406
+ })(["display:flex;align-items:center;gap:6px;line-height:1;"]);
47407
+ var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
47408
+ displayName: "CharacterDetailModal__DCCoinWrapper",
47409
+ componentId: "sc-1kdn1l6-29"
47410
+ })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
47411
+ var PriceAmount = /*#__PURE__*/styled.span.withConfig({
47412
+ displayName: "CharacterDetailModal__PriceAmount",
47413
+ componentId: "sc-1kdn1l6-30"
47414
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.7rem !important;color:#fef08a !important;"]);
47415
+ var BuyBtn = /*#__PURE__*/styled(CTAButton).withConfig({
47416
+ displayName: "CharacterDetailModal__BuyBtn",
47417
+ componentId: "sc-1kdn1l6-31"
47418
+ })(["flex-shrink:0;padding:10px 18px;height:34px;span{font-size:0.6rem;}"]);
47419
+ var PendingNotice = /*#__PURE__*/styled.span.withConfig({
47420
+ displayName: "CharacterDetailModal__PendingNotice",
47421
+ componentId: "sc-1kdn1l6-32"
47422
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47423
+
47173
47424
  var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
47174
47425
  var characterListings = _ref.characterListings,
47175
47426
  totalCount = _ref.totalCount,
@@ -47189,8 +47440,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
47189
47440
  _ref$isLoading = _ref.isLoading,
47190
47441
  isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
47191
47442
  var _useState = useState(null),
47192
- buyingListingId = _useState[0],
47193
- setBuyingListingId = _useState[1];
47443
+ selectedListing = _useState[0],
47444
+ setSelectedListing = _useState[1];
47194
47445
  var _useState2 = useState(nameFilter),
47195
47446
  localNameFilter = _useState2[0],
47196
47447
  setLocalNameFilter = _useState2[1];
@@ -47216,17 +47467,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
47216
47467
  setLocalNameFilter(value);
47217
47468
  onNameFilterChange == null ? void 0 : onNameFilterChange(value);
47218
47469
  };
47219
- var handleBuyClick = function handleBuyClick(listingId) {
47220
- setBuyingListingId(listingId);
47221
- };
47222
- var handleBuyConfirm = function handleBuyConfirm() {
47223
- if (buyingListingId) {
47224
- onCharacterBuy(buyingListingId);
47225
- setBuyingListingId(null);
47226
- enableHotkeys == null ? void 0 : enableHotkeys();
47227
- }
47228
- };
47229
- var renderCharacterSprite = function renderCharacterSprite(snapshot) {
47470
+ var renderCharacterSprite = function renderCharacterSprite(listing) {
47471
+ var snapshot = listing.characterSnapshot;
47230
47472
  return React.createElement(SpriteFromAtlas, {
47231
47473
  atlasIMG: characterAtlasIMG,
47232
47474
  atlasJSON: characterAtlasJSON,
@@ -47236,13 +47478,19 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
47236
47478
  width: 64
47237
47479
  });
47238
47480
  };
47239
- return React.createElement(React.Fragment, null, buyingListingId && React.createElement(ConfirmModal, {
47481
+ return React.createElement(React.Fragment, null, React.createElement(CharacterDetailModal, {
47482
+ listing: selectedListing,
47483
+ isOpen: !!selectedListing,
47240
47484
  onClose: function onClose() {
47241
- setBuyingListingId(null);
47242
- enableHotkeys == null ? void 0 : enableHotkeys();
47485
+ return setSelectedListing(null);
47243
47486
  },
47244
- onConfirm: handleBuyConfirm,
47245
- message: "Are you sure you want to buy this character?"
47487
+ onBuy: onCharacterBuy,
47488
+ atlasJSON: atlasJSON,
47489
+ atlasIMG: atlasIMG,
47490
+ characterAtlasJSON: characterAtlasJSON,
47491
+ characterAtlasIMG: characterAtlasIMG,
47492
+ enableHotkeys: enableHotkeys,
47493
+ disableHotkeys: disableHotkeys
47246
47494
  }), React.createElement(ToolbarRow$1, null, React.createElement(SearchField$1, null, React.createElement(Input, {
47247
47495
  onChange: function onChange(e) {
47248
47496
  return handleNameFilterChange(e.target.value);
@@ -47259,21 +47507,13 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
47259
47507
  width: 32,
47260
47508
  height: 32
47261
47509
  }), React.createElement(EmptyText, null, "No character listings found.")) : React.createElement(ListingsGrid, null, filteredListings.map(function (listing) {
47262
- var _listing$characterSna2, _listing$characterSna3;
47263
47510
  return React.createElement(CharacterListingCard, {
47264
47511
  key: listing._id,
47265
47512
  onClick: function onClick() {
47266
- return handleBuyClick(listing._id);
47513
+ return setSelectedListing(listing);
47267
47514
  },
47268
47515
  "$isBeingBought": listing.isBeingBought
47269
- }, React.createElement(CharacterSprite, null, renderCharacterSprite(listing.characterSnapshot)), React.createElement(CharacterInfo, null, React.createElement(CharacterName$1, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React.createElement(CharacterDetails, null, listing.characterSnapshot.race, " \xB7 ", listing.characterSnapshot.faction), React.createElement(ModeBadge, {
47270
- "$hardcore": ((_listing$characterSna2 = listing.characterSnapshot.mode) == null ? void 0 : _listing$characterSna2.toLowerCase()) === 'hardcore'
47271
- }, listing.characterSnapshot.mode || 'Standard'), ((_listing$characterSna3 = listing.characterSnapshot.equipment) == null ? void 0 : _listing$characterSna3.length) > 0 && React.createElement(EquipmentRow, null, listing.characterSnapshot.equipment.slice(0, 3).map(function (eq, i) {
47272
- return React.createElement(EquipBadge, {
47273
- key: i,
47274
- "$rarity": eq.rarity
47275
- }, eq.rarity || 'Common');
47276
- })), React.createElement(SellerInfo, null, "by ", listing.listedByCharacterName), React.createElement(ListingPrice, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
47516
+ }, React.createElement(CharacterSprite, null, renderCharacterSprite(listing)), React.createElement(CharacterInfo, null, React.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React.createElement(ListingPrice, null, React.createElement(DCCoinWrapper$3, null, React.createElement(SpriteFromAtlas, {
47277
47517
  atlasIMG: atlasIMG,
47278
47518
  atlasJSON: atlasJSON,
47279
47519
  spriteKey: "others/definya-coin.png",
@@ -47328,7 +47568,7 @@ var CharacterInfo = /*#__PURE__*/styled.div.withConfig({
47328
47568
  displayName: "CharacterMarketplacePanel__CharacterInfo",
47329
47569
  componentId: "sc-1aiauep-6"
47330
47570
  })(["display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%;"]);
47331
- var CharacterName$1 = /*#__PURE__*/styled.span.withConfig({
47571
+ var CharacterName$2 = /*#__PURE__*/styled.span.withConfig({
47332
47572
  displayName: "CharacterMarketplacePanel__CharacterName",
47333
47573
  componentId: "sc-1aiauep-7"
47334
47574
  })(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#f3f4f6 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -47336,83 +47576,42 @@ var CharacterMeta = /*#__PURE__*/styled.span.withConfig({
47336
47576
  displayName: "CharacterMarketplacePanel__CharacterMeta",
47337
47577
  componentId: "sc-1aiauep-8"
47338
47578
  })(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47339
- var CharacterDetails = /*#__PURE__*/styled.span.withConfig({
47340
- displayName: "CharacterMarketplacePanel__CharacterDetails",
47341
- componentId: "sc-1aiauep-9"
47342
- })(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47343
- var RARITY_COLORS$1 = {
47344
- legendary: '#f59e0b',
47345
- epic: '#a855f7',
47346
- rare: '#3b82f6',
47347
- uncommon: '#22c55e',
47348
- common: '#6b7280'
47349
- };
47350
- var ModeBadge = /*#__PURE__*/styled.span.withConfig({
47351
- displayName: "CharacterMarketplacePanel__ModeBadge",
47352
- componentId: "sc-1aiauep-10"
47353
- })(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", ";border-radius:3px;padding:1px 4px;text-transform:uppercase;letter-spacing:0.5px;"], function (_ref7) {
47354
- var $hardcore = _ref7.$hardcore;
47355
- return $hardcore ? '#ef4444' : '#6b7280';
47356
- }, function (_ref8) {
47357
- var $hardcore = _ref8.$hardcore;
47358
- return $hardcore ? 'rgba(239,68,68,0.4)' : 'rgba(107,114,128,0.3)';
47359
- });
47360
- var EquipmentRow = /*#__PURE__*/styled.div.withConfig({
47361
- displayName: "CharacterMarketplacePanel__EquipmentRow",
47362
- componentId: "sc-1aiauep-11"
47363
- })(["display:flex;flex-wrap:wrap;gap:3px;justify-content:center;"]);
47364
- var EquipBadge = /*#__PURE__*/styled.span.withConfig({
47365
- displayName: "CharacterMarketplacePanel__EquipBadge",
47366
- componentId: "sc-1aiauep-12"
47367
- })(["font-family:'Press Start 2P',cursive !important;font-size:0.3rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 3px;text-transform:uppercase;letter-spacing:0.3px;"], function (_ref9) {
47368
- var _RARITY_COLORS$toLowe;
47369
- var $rarity = _ref9.$rarity;
47370
- return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[($rarity != null ? $rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
47371
- }, function (_ref10) {
47372
- var _RARITY_COLORS$toLowe2;
47373
- var $rarity = _ref10.$rarity;
47374
- return (_RARITY_COLORS$toLowe2 = RARITY_COLORS$1[($rarity != null ? $rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe2 : RARITY_COLORS$1.common;
47375
- });
47376
- var SellerInfo = /*#__PURE__*/styled.span.withConfig({
47377
- displayName: "CharacterMarketplacePanel__SellerInfo",
47378
- componentId: "sc-1aiauep-13"
47379
- })(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:#666 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47380
47579
  var ListingPrice = /*#__PURE__*/styled.div.withConfig({
47381
47580
  displayName: "CharacterMarketplacePanel__ListingPrice",
47382
- componentId: "sc-1aiauep-14"
47581
+ componentId: "sc-1aiauep-9"
47383
47582
  })(["display:flex;align-items:center;justify-content:center;gap:4px;font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#fef08a !important;line-height:1;"]);
47384
- var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
47583
+ var DCCoinWrapper$3 = /*#__PURE__*/styled.span.withConfig({
47385
47584
  displayName: "CharacterMarketplacePanel__DCCoinWrapper",
47386
- componentId: "sc-1aiauep-15"
47585
+ componentId: "sc-1aiauep-10"
47387
47586
  })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
47388
47587
  var BeingBoughtBadge = /*#__PURE__*/styled.span.withConfig({
47389
47588
  displayName: "CharacterMarketplacePanel__BeingBoughtBadge",
47390
- componentId: "sc-1aiauep-16"
47589
+ componentId: "sc-1aiauep-11"
47391
47590
  })(["position:absolute;top:6px;right:6px;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);border-radius:4px;padding:2px 6px;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
47392
47591
  var PagerFooter$1 = /*#__PURE__*/styled.div.withConfig({
47393
47592
  displayName: "CharacterMarketplacePanel__PagerFooter",
47394
- componentId: "sc-1aiauep-17"
47593
+ componentId: "sc-1aiauep-12"
47395
47594
  })(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
47396
47595
  var LoadingState$1 = /*#__PURE__*/styled.div.withConfig({
47397
47596
  displayName: "CharacterMarketplacePanel__LoadingState",
47398
- componentId: "sc-1aiauep-18"
47597
+ componentId: "sc-1aiauep-13"
47399
47598
  })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
47400
47599
  var spin$1 = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
47401
47600
  var Spinner$3 = /*#__PURE__*/styled.div.withConfig({
47402
47601
  displayName: "CharacterMarketplacePanel__Spinner",
47403
- componentId: "sc-1aiauep-19"
47602
+ componentId: "sc-1aiauep-14"
47404
47603
  })(["width:28px;height:28px;border:3px solid rgba(245,158,11,0.2);border-top-color:#f59e0b;border-radius:50%;animation:", " 0.7s linear infinite;"], spin$1);
47405
47604
  var LoadingText$2 = /*#__PURE__*/styled.span.withConfig({
47406
47605
  displayName: "CharacterMarketplacePanel__LoadingText",
47407
- componentId: "sc-1aiauep-20"
47606
+ componentId: "sc-1aiauep-15"
47408
47607
  })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#8a8a8a !important;text-transform:uppercase;letter-spacing:1px;"]);
47409
47608
  var EmptyState$5 = /*#__PURE__*/styled.div.withConfig({
47410
47609
  displayName: "CharacterMarketplacePanel__EmptyState",
47411
- componentId: "sc-1aiauep-21"
47610
+ componentId: "sc-1aiauep-16"
47412
47611
  })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;"]);
47413
47612
  var EmptyText = /*#__PURE__*/styled.span.withConfig({
47414
47613
  displayName: "CharacterMarketplacePanel__EmptyText",
47415
- componentId: "sc-1aiauep-22"
47614
+ componentId: "sc-1aiauep-17"
47416
47615
  })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#71717a !important;text-transform:uppercase;letter-spacing:1px;"]);
47417
47616
 
47418
47617
  var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
@@ -47471,7 +47670,7 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
47471
47670
  imgScale: 3,
47472
47671
  height: 64,
47473
47672
  width: 64
47474
- })), React.createElement(CharacterInfo$1, null, React.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React.createElement(ListingPrice$1, null, React.createElement(DCCoinWrapper$3, null, React.createElement(SpriteFromAtlas, {
47673
+ })), React.createElement(CharacterInfo$1, null, React.createElement(CharacterName$3, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React.createElement(ListingPrice$1, null, React.createElement(DCCoinWrapper$4, null, React.createElement(SpriteFromAtlas, {
47475
47674
  atlasIMG: atlasIMG,
47476
47675
  atlasJSON: atlasJSON,
47477
47676
  spriteKey: "others/definya-coin.png",
@@ -47525,7 +47724,7 @@ var CharacterInfo$1 = /*#__PURE__*/styled.div.withConfig({
47525
47724
  displayName: "MyCharacterListingsPanel__CharacterInfo",
47526
47725
  componentId: "sc-su21a6-4"
47527
47726
  })(["display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;"]);
47528
- var CharacterName$2 = /*#__PURE__*/styled.span.withConfig({
47727
+ var CharacterName$3 = /*#__PURE__*/styled.span.withConfig({
47529
47728
  displayName: "MyCharacterListingsPanel__CharacterName",
47530
47729
  componentId: "sc-su21a6-5"
47531
47730
  })(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#f3f4f6;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -47537,7 +47736,7 @@ var ListingPrice$1 = /*#__PURE__*/styled.div.withConfig({
47537
47736
  displayName: "MyCharacterListingsPanel__ListingPrice",
47538
47737
  componentId: "sc-su21a6-7"
47539
47738
  })(["display:flex;align-items:center;gap:6px;font-family:'Press Start 2P',cursive;font-size:0.5rem;color:#fef08a;"]);
47540
- var DCCoinWrapper$3 = /*#__PURE__*/styled.span.withConfig({
47739
+ var DCCoinWrapper$4 = /*#__PURE__*/styled.span.withConfig({
47541
47740
  displayName: "MyCharacterListingsPanel__DCCoinWrapper",
47542
47741
  componentId: "sc-su21a6-8"
47543
47742
  })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -47659,13 +47858,13 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
47659
47858
  enableHotkeys == null ? void 0 : enableHotkeys();
47660
47859
  },
47661
47860
  message: "Are you sure you want to list this character for sale?"
47662
- }), React.createElement(Overlay$7, {
47861
+ }), React.createElement(Overlay$8, {
47663
47862
  onPointerDown: handleClose
47664
- }), React.createElement(ModalContainer$5, null, React.createElement(ModalContent$5, {
47863
+ }), React.createElement(ModalContainer$6, null, React.createElement(ModalContent$6, {
47665
47864
  onClick: stopPropagation,
47666
47865
  onTouchStart: stopPropagation,
47667
47866
  onPointerDown: stopPropagation
47668
- }, React.createElement(Header$b, null, React.createElement(Title$c, null, "List Character for Sale"), React.createElement(CloseButton$d, {
47867
+ }, React.createElement(Header$c, null, React.createElement(Title$d, null, "List Character for Sale"), React.createElement(CloseButton$e, {
47669
47868
  onPointerDown: handleClose,
47670
47869
  "aria-label": "Close",
47671
47870
  type: "button"
@@ -47695,7 +47894,7 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
47695
47894
  imgScale: 2,
47696
47895
  height: 40,
47697
47896
  width: 40
47698
- })), React.createElement(CharacterInfo$2, null, React.createElement(CharacterName$3, null, character.name || 'Unknown'), React.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
47897
+ })), React.createElement(CharacterInfo$2, null, React.createElement(CharacterName$4, null, character.name || 'Unknown'), React.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
47699
47898
  })), React.createElement(PriceSection$1, null, React.createElement(PriceLabel, null, "Set Price (DC)"), React.createElement(PriceRow$1, null, React.createElement(Input, {
47700
47899
  onChange: function onChange(e) {
47701
47900
  return setPrice(e.target.value);
@@ -47715,35 +47914,35 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
47715
47914
  label: "List",
47716
47915
  disabled: !canList,
47717
47916
  onClick: handleListClick
47718
- })), price && Number(price) > 0 && React.createElement(PricePreview, null, React.createElement(DCCoinWrapper$4, null, React.createElement(SpriteFromAtlas, {
47917
+ })), price && Number(price) > 0 && React.createElement(PricePreview, null, React.createElement(DCCoinWrapper$5, null, React.createElement(SpriteFromAtlas, {
47719
47918
  atlasIMG: atlasIMG,
47720
47919
  atlasJSON: atlasJSON,
47721
47920
  spriteKey: "others/definya-coin.png",
47722
47921
  imgScale: 1
47723
47922
  })), React.createElement(PricePreviewAmount, null, Number(price).toLocaleString(), " DC")), React.createElement(DCRateStrip, null)))));
47724
47923
  };
47725
- var scaleIn$2 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
47726
- var Overlay$7 = /*#__PURE__*/styled.div.withConfig({
47924
+ var scaleIn$3 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
47925
+ var Overlay$8 = /*#__PURE__*/styled.div.withConfig({
47727
47926
  displayName: "CharacterListingModal__Overlay",
47728
47927
  componentId: "sc-1uxkx35-0"
47729
47928
  })(["position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:1000;"]);
47730
- var ModalContainer$5 = /*#__PURE__*/styled.div.withConfig({
47929
+ var ModalContainer$6 = /*#__PURE__*/styled.div.withConfig({
47731
47930
  displayName: "CharacterListingModal__ModalContainer",
47732
47931
  componentId: "sc-1uxkx35-1"
47733
47932
  })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
47734
- var ModalContent$5 = /*#__PURE__*/styled.div.withConfig({
47933
+ var ModalContent$6 = /*#__PURE__*/styled.div.withConfig({
47735
47934
  displayName: "CharacterListingModal__ModalContent",
47736
47935
  componentId: "sc-1uxkx35-2"
47737
- })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$2);
47738
- var Header$b = /*#__PURE__*/styled.div.withConfig({
47936
+ })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$3);
47937
+ var Header$c = /*#__PURE__*/styled.div.withConfig({
47739
47938
  displayName: "CharacterListingModal__Header",
47740
47939
  componentId: "sc-1uxkx35-3"
47741
47940
  })(["display:flex;align-items:center;justify-content:space-between;"]);
47742
- var Title$c = /*#__PURE__*/styled.h3.withConfig({
47941
+ var Title$d = /*#__PURE__*/styled.h3.withConfig({
47743
47942
  displayName: "CharacterListingModal__Title",
47744
47943
  componentId: "sc-1uxkx35-4"
47745
47944
  })(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#fef08a !important;"]);
47746
- var CloseButton$d = /*#__PURE__*/styled.button.withConfig({
47945
+ var CloseButton$e = /*#__PURE__*/styled.button.withConfig({
47747
47946
  displayName: "CharacterListingModal__CloseButton",
47748
47947
  componentId: "sc-1uxkx35-5"
47749
47948
  })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;pointer-events:auto;&:hover{color:#ffffff;}"]);
@@ -47785,7 +47984,7 @@ var CharacterInfo$2 = /*#__PURE__*/styled.div.withConfig({
47785
47984
  displayName: "CharacterListingModal__CharacterInfo",
47786
47985
  componentId: "sc-1uxkx35-10"
47787
47986
  })(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
47788
- var CharacterName$3 = /*#__PURE__*/styled.span.withConfig({
47987
+ var CharacterName$4 = /*#__PURE__*/styled.span.withConfig({
47789
47988
  displayName: "CharacterListingModal__CharacterName",
47790
47989
  componentId: "sc-1uxkx35-11"
47791
47990
  })(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#f3f4f6 !important;"]);
@@ -47797,7 +47996,7 @@ var PricePreview = /*#__PURE__*/styled.div.withConfig({
47797
47996
  displayName: "CharacterListingModal__PricePreview",
47798
47997
  componentId: "sc-1uxkx35-13"
47799
47998
  })(["display:flex;align-items:center;gap:6px;"]);
47800
- var DCCoinWrapper$4 = /*#__PURE__*/styled.span.withConfig({
47999
+ var DCCoinWrapper$5 = /*#__PURE__*/styled.span.withConfig({
47801
48000
  displayName: "CharacterListingModal__DCCoinWrapper",
47802
48001
  componentId: "sc-1uxkx35-14"
47803
48002
  })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -48206,7 +48405,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
48206
48405
  isBeingBought = listing.isBeingBought;
48207
48406
  return React.createElement(ItemRowWrapper, {
48208
48407
  "$isHighlighted": disabled || isBeingBought
48209
- }, React.createElement(ItemSection$3, null, React.createElement(SpriteContainer$5, null, React.createElement(CharacterSprite$2, null, React.createElement(SpriteFromAtlas, {
48408
+ }, React.createElement(ItemSection$3, null, React.createElement(SpriteContainer$6, null, React.createElement(CharacterSprite$2, null, React.createElement(SpriteFromAtlas, {
48210
48409
  atlasIMG: characterAtlasIMG,
48211
48410
  atlasJSON: characterAtlasJSON,
48212
48411
  spriteKey: characterSnapshot.textureKey + "/down/standing/0.png",
@@ -48217,7 +48416,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
48217
48416
  maxLines: 1,
48218
48417
  maxWidth: "180px",
48219
48418
  fontSize: "10px"
48220
- }, characterSnapshot.name || 'Unknown Character')), React.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React.createElement(CharacterClass, null, characterSnapshot["class"]), React.createElement(PriceRow$2, null, React.createElement(DCCoinWrapper$5, null, React.createElement(SpriteFromAtlas, {
48419
+ }, characterSnapshot.name || 'Unknown Character')), React.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React.createElement(CharacterClass$1, null, characterSnapshot["class"]), React.createElement(PriceRow$2, null, React.createElement(DCCoinWrapper$6, null, React.createElement(SpriteFromAtlas, {
48221
48420
  atlasIMG: atlasIMG,
48222
48421
  atlasJSON: atlasJSON,
48223
48422
  spriteKey: "others/definya-coin.png",
@@ -48241,7 +48440,7 @@ var ItemSection$3 = /*#__PURE__*/styled.div.withConfig({
48241
48440
  displayName: "CharacterMarketplaceRows__ItemSection",
48242
48441
  componentId: "sc-1pxkdig-0"
48243
48442
  })(["display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0;"]);
48244
- var SpriteContainer$5 = /*#__PURE__*/styled.div.withConfig({
48443
+ var SpriteContainer$6 = /*#__PURE__*/styled.div.withConfig({
48245
48444
  displayName: "CharacterMarketplaceRows__SpriteContainer",
48246
48445
  componentId: "sc-1pxkdig-1"
48247
48446
  })(["position:relative;flex-shrink:0;min-width:44px;"]);
@@ -48261,7 +48460,7 @@ var CharacterMeta$3 = /*#__PURE__*/styled.span.withConfig({
48261
48460
  displayName: "CharacterMarketplaceRows__CharacterMeta",
48262
48461
  componentId: "sc-1pxkdig-5"
48263
48462
  })(["font-size:0.45rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;"]);
48264
- var CharacterClass = /*#__PURE__*/styled.span.withConfig({
48463
+ var CharacterClass$1 = /*#__PURE__*/styled.span.withConfig({
48265
48464
  displayName: "CharacterMarketplaceRows__CharacterClass",
48266
48465
  componentId: "sc-1pxkdig-6"
48267
48466
  })(["font-size:0.4rem;color:#666;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -48269,7 +48468,7 @@ var PriceRow$2 = /*#__PURE__*/styled.div.withConfig({
48269
48468
  displayName: "CharacterMarketplaceRows__PriceRow",
48270
48469
  componentId: "sc-1pxkdig-7"
48271
48470
  })(["display:flex;align-items:center;gap:0.4rem;margin-top:0.2rem;"]);
48272
- var DCCoinWrapper$5 = /*#__PURE__*/styled.span.withConfig({
48471
+ var DCCoinWrapper$6 = /*#__PURE__*/styled.span.withConfig({
48273
48472
  displayName: "CharacterMarketplaceRows__DCCoinWrapper",
48274
48473
  componentId: "sc-1pxkdig-8"
48275
48474
  })(["display:flex;align-items:center;justify-content:center;position:relative;top:-0.5rem;left:-0.4rem;"]);
@@ -48492,7 +48691,7 @@ var PartyCreate = function PartyCreate(_ref) {
48492
48691
  style: {
48493
48692
  width: '100%'
48494
48693
  }
48495
- }, React.createElement(Title$d, null, "Create Party"), React.createElement("hr", {
48694
+ }, React.createElement(Title$e, null, "Create Party"), React.createElement("hr", {
48496
48695
  className: "golden"
48497
48696
  }))), React.createElement("h1", null, "Type your party name"), React.createElement(Input, {
48498
48697
  placeholder: "Type party name",
@@ -48515,7 +48714,7 @@ var Wrapper$3 = /*#__PURE__*/styled.div.withConfig({
48515
48714
  displayName: "PartyCreate__Wrapper",
48516
48715
  componentId: "sc-13brop0-0"
48517
48716
  })(["display:flex;flex-direction:column;width:100%;"]);
48518
- var Title$d = /*#__PURE__*/styled.h1.withConfig({
48717
+ var Title$e = /*#__PURE__*/styled.h1.withConfig({
48519
48718
  displayName: "PartyCreate__Title",
48520
48719
  componentId: "sc-13brop0-1"
48521
48720
  })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48564,7 +48763,7 @@ var PartyDashboard = function PartyDashboard(_ref) {
48564
48763
  style: {
48565
48764
  width: '100%'
48566
48765
  }
48567
- }, React.createElement(Title$e, null, "Party Dashboard"), React.createElement(Button, {
48766
+ }, React.createElement(Title$f, null, "Party Dashboard"), React.createElement(Button, {
48568
48767
  buttonType: ButtonTypes.RPGUIButton
48569
48768
  }, "Create"), React.createElement("hr", {
48570
48769
  className: "golden"
@@ -48591,7 +48790,7 @@ var RowsWrapper = /*#__PURE__*/styled.div.withConfig({
48591
48790
  displayName: "PartyDashboard__RowsWrapper",
48592
48791
  componentId: "sc-16cm41r-1"
48593
48792
  })(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
48594
- var Title$e = /*#__PURE__*/styled.h1.withConfig({
48793
+ var Title$f = /*#__PURE__*/styled.h1.withConfig({
48595
48794
  displayName: "PartyDashboard__Title",
48596
48795
  componentId: "sc-16cm41r-2"
48597
48796
  })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48628,7 +48827,7 @@ var PartyInvite = function PartyInvite(_ref) {
48628
48827
  style: {
48629
48828
  width: '100%'
48630
48829
  }
48631
- }, React.createElement(Title$f, null, "Invite for Party"), React.createElement("hr", {
48830
+ }, React.createElement(Title$g, null, "Invite for Party"), React.createElement("hr", {
48632
48831
  className: "golden"
48633
48832
  }))), React.createElement(RowsWrapper$1, {
48634
48833
  className: "playersRows"
@@ -48647,7 +48846,7 @@ var Wrapper$5 = /*#__PURE__*/styled.div.withConfig({
48647
48846
  displayName: "PartyInvite__Wrapper",
48648
48847
  componentId: "sc-eu8ggt-0"
48649
48848
  })(["display:flex;flex-direction:column;width:100%;"]);
48650
- var Title$f = /*#__PURE__*/styled.h1.withConfig({
48849
+ var Title$g = /*#__PURE__*/styled.h1.withConfig({
48651
48850
  displayName: "PartyInvite__Title",
48652
48851
  componentId: "sc-eu8ggt-1"
48653
48852
  })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48818,52 +49017,52 @@ var mockedPlayersRows2 = {
48818
49017
  id: /*#__PURE__*/v4(),
48819
49018
  leader: {
48820
49019
  _id: /*#__PURE__*/v4(),
48821
- "class": CharacterClass$1.Druid,
49020
+ "class": CharacterClass$2.Druid,
48822
49021
  name: 'leader'
48823
49022
  },
48824
49023
  members: [{
48825
49024
  _id: /*#__PURE__*/v4(),
48826
- "class": CharacterClass$1.Druid,
49025
+ "class": CharacterClass$2.Druid,
48827
49026
  name: 'blblb'
48828
49027
  }, {
48829
49028
  _id: /*#__PURE__*/v4(),
48830
- "class": CharacterClass$1.Druid,
49029
+ "class": CharacterClass$2.Druid,
48831
49030
  name: 'blblb'
48832
49031
  }, {
48833
49032
  _id: /*#__PURE__*/v4(),
48834
- "class": CharacterClass$1.Druid,
49033
+ "class": CharacterClass$2.Druid,
48835
49034
  name: 'blblb'
48836
49035
  }, {
48837
49036
  _id: /*#__PURE__*/v4(),
48838
- "class": CharacterClass$1.Druid,
49037
+ "class": CharacterClass$2.Druid,
48839
49038
  name: 'blblb'
48840
49039
  }, {
48841
49040
  _id: /*#__PURE__*/v4(),
48842
- "class": CharacterClass$1.Druid,
49041
+ "class": CharacterClass$2.Druid,
48843
49042
  name: 'blblb'
48844
49043
  }, {
48845
49044
  _id: /*#__PURE__*/v4(),
48846
- "class": CharacterClass$1.Druid,
49045
+ "class": CharacterClass$2.Druid,
48847
49046
  name: 'blblb'
48848
49047
  }, {
48849
49048
  _id: /*#__PURE__*/v4(),
48850
- "class": CharacterClass$1.Druid,
49049
+ "class": CharacterClass$2.Druid,
48851
49050
  name: 'blblb'
48852
49051
  }, {
48853
49052
  _id: /*#__PURE__*/v4(),
48854
- "class": CharacterClass$1.Druid,
49053
+ "class": CharacterClass$2.Druid,
48855
49054
  name: 'blblb'
48856
49055
  }, {
48857
49056
  _id: /*#__PURE__*/v4(),
48858
- "class": CharacterClass$1.Druid,
49057
+ "class": CharacterClass$2.Druid,
48859
49058
  name: 'blblb'
48860
49059
  }, {
48861
49060
  _id: /*#__PURE__*/v4(),
48862
- "class": CharacterClass$1.Druid,
49061
+ "class": CharacterClass$2.Druid,
48863
49062
  name: 'blblb'
48864
49063
  }, {
48865
49064
  _id: /*#__PURE__*/v4(),
48866
- "class": CharacterClass$1.Druid,
49065
+ "class": CharacterClass$2.Druid,
48867
49066
  name: 'blblb'
48868
49067
  }],
48869
49068
  maxSize: 5,
@@ -48932,20 +49131,20 @@ var getMockedPlayersRowsLeader = function getMockedPlayersRowsLeader(userId) {
48932
49131
  id: v4(),
48933
49132
  leader: {
48934
49133
  _id: userId,
48935
- "class": CharacterClass$1.Warrior,
49134
+ "class": CharacterClass$2.Warrior,
48936
49135
  name: 'YourName'
48937
49136
  },
48938
49137
  members: [{
48939
49138
  _id: v4(),
48940
- "class": CharacterClass$1.Druid,
49139
+ "class": CharacterClass$2.Druid,
48941
49140
  name: 'Member1'
48942
49141
  }, {
48943
49142
  _id: v4(),
48944
- "class": CharacterClass$1.Sorcerer,
49143
+ "class": CharacterClass$2.Sorcerer,
48945
49144
  name: 'Member2'
48946
49145
  }, {
48947
49146
  _id: v4(),
48948
- "class": CharacterClass$1.Rogue,
49147
+ "class": CharacterClass$2.Rogue,
48949
49148
  name: 'Member3'
48950
49149
  }],
48951
49150
  maxSize: 5,
@@ -48958,20 +49157,20 @@ var getMockedPlayersRowsNotLeader = function getMockedPlayersRowsNotLeader(userI
48958
49157
  id: v4(),
48959
49158
  leader: {
48960
49159
  _id: v4(),
48961
- "class": CharacterClass$1.Druid,
49160
+ "class": CharacterClass$2.Druid,
48962
49161
  name: 'LeaderName'
48963
49162
  },
48964
49163
  members: [{
48965
49164
  _id: userId,
48966
- "class": CharacterClass$1.Warrior,
49165
+ "class": CharacterClass$2.Warrior,
48967
49166
  name: 'YourName'
48968
49167
  }, {
48969
49168
  _id: v4(),
48970
- "class": CharacterClass$1.Sorcerer,
49169
+ "class": CharacterClass$2.Sorcerer,
48971
49170
  name: 'Member2'
48972
49171
  }, {
48973
49172
  _id: v4(),
48974
- "class": CharacterClass$1.Rogue,
49173
+ "class": CharacterClass$2.Rogue,
48975
49174
  name: 'Member3'
48976
49175
  }],
48977
49176
  maxSize: 5,
@@ -49089,7 +49288,7 @@ var QuestInfo = function QuestInfo(_ref) {
49089
49288
  onPointerDown: onRightClick
49090
49289
  }), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
49091
49290
  className: "drag-handler"
49092
- }, React.createElement(Title$g, null, React.createElement(Thumbnail, {
49291
+ }, React.createElement(Title$h, null, React.createElement(Thumbnail, {
49093
49292
  src: quests[currentIndex].thumbnail || img$8
49094
49293
  }), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
49095
49294
  className: "golden"
@@ -49108,7 +49307,7 @@ var QuestInfo = function QuestInfo(_ref) {
49108
49307
  }, button.title);
49109
49308
  })))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
49110
49309
  className: "drag-handler"
49111
- }, React.createElement(Title$g, null, React.createElement(Thumbnail, {
49310
+ }, React.createElement(Title$h, null, React.createElement(Thumbnail, {
49112
49311
  src: quests[0].thumbnail || img$8
49113
49312
  }), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
49114
49313
  className: "golden"
@@ -49155,7 +49354,7 @@ var TitleContainer$1 = /*#__PURE__*/styled.div.withConfig({
49155
49354
  displayName: "QuestInfo__TitleContainer",
49156
49355
  componentId: "sc-1wccpiy-6"
49157
49356
  })(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
49158
- var Title$g = /*#__PURE__*/styled.h1.withConfig({
49357
+ var Title$h = /*#__PURE__*/styled.h1.withConfig({
49159
49358
  displayName: "QuestInfo__Title",
49160
49359
  componentId: "sc-1wccpiy-7"
49161
49360
  })(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
@@ -49490,7 +49689,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
49490
49689
  atlasJSON = _ref.atlasJSON,
49491
49690
  buffAndDebuff = _ref.buffAndDebuff;
49492
49691
  // Use CharacterClass.None as default if skillKey is provided but characterClass is not
49493
- var effectiveClass = characterClass != null ? characterClass : CharacterClass$1.None;
49692
+ var effectiveClass = characterClass != null ? characterClass : CharacterClass$2.None;
49494
49693
  // Calculate the effective level based on actual SP/XP (handles data inconsistencies)
49495
49694
  var calculateEffectiveLevel = function calculateEffectiveLevel() {
49496
49695
  if (!skillKey) {
@@ -49543,7 +49742,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
49543
49742
  var result = level * (buffAndDebuff / 100);
49544
49743
  return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
49545
49744
  };
49546
- return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$6, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
49745
+ return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$7, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
49547
49746
  atlasIMG: atlasIMG,
49548
49747
  atlasJSON: atlasJSON,
49549
49748
  spriteKey: texturePath,
@@ -49559,7 +49758,7 @@ var ProgressBarWrapper = /*#__PURE__*/styled.div.withConfig({
49559
49758
  displayName: "SkillProgressBar__ProgressBarWrapper",
49560
49759
  componentId: "sc-5vuroc-0"
49561
49760
  })(["position:relative;&:hover ", ",&:active ", "{visibility:visible;}width:100%;height:auto;top:8px;"], Tooltip, Tooltip);
49562
- var SpriteContainer$6 = /*#__PURE__*/styled.div.withConfig({
49761
+ var SpriteContainer$7 = /*#__PURE__*/styled.div.withConfig({
49563
49762
  displayName: "SkillProgressBar__SpriteContainer",
49564
49763
  componentId: "sc-5vuroc-1"
49565
49764
  })(["position:relative;top:-3px;left:0;"]);
@@ -49696,7 +49895,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
49696
49895
  }
49697
49896
  // Calculate skillPointsToNextLevel using tiered exponential formula with character class
49698
49897
  var calcSkillPointsToNextLevel = function calcSkillPointsToNextLevel() {
49699
- var effectiveClass = characterClass != null ? characterClass : CharacterClass$1.None;
49898
+ var effectiveClass = characterClass != null ? characterClass : CharacterClass$2.None;
49700
49899
  var _getSkillConstants = getSkillConstants(key, effectiveClass),
49701
49900
  A = _getSkillConstants.A,
49702
49901
  baseAffinityB = _getSkillConstants.b,
@@ -49730,7 +49929,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
49730
49929
  cancelDrag: "#skillsDiv",
49731
49930
  scale: scale,
49732
49931
  width: "100%"
49733
- }, onCloseButton && React.createElement(CloseButton$e, {
49932
+ }, onCloseButton && React.createElement(CloseButton$f, {
49734
49933
  onPointerDown: onCloseButton
49735
49934
  }, "X"), React.createElement(SkillsContainerDiv, {
49736
49935
  id: "skillsDiv"
@@ -49765,12 +49964,12 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
49765
49964
  displayName: "SkillsContainer__SkillSplitDiv",
49766
49965
  componentId: "sc-1g0c67q-2"
49767
49966
  })(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
49768
- var CloseButton$e = /*#__PURE__*/styled.div.withConfig({
49967
+ var CloseButton$f = /*#__PURE__*/styled.div.withConfig({
49769
49968
  displayName: "SkillsContainer__CloseButton",
49770
49969
  componentId: "sc-1g0c67q-3"
49771
49970
  })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
49772
49971
 
49773
- var Divider = function Divider(_ref) {
49972
+ var Divider$1 = function Divider(_ref) {
49774
49973
  var className = _ref.className,
49775
49974
  _ref$margin = _ref.margin,
49776
49975
  margin = _ref$margin === void 0 ? '4px 0' : _ref$margin;
@@ -49844,7 +50043,7 @@ var SocialModal = function SocialModal(_ref) {
49844
50043
  onClick: handleDiscordClick
49845
50044
  }, React.createElement(FaDiscord, null), " Discord"), React.createElement(SocialButton$1, {
49846
50045
  onClick: handleRedditClick
49847
- }, React.createElement(FaReddit, null), " Reddit")), React.createElement(Divider, {
50046
+ }, React.createElement(FaReddit, null), " Reddit")), React.createElement(Divider$1, {
49848
50047
  margin: "8px 0"
49849
50048
  }), React.createElement(DropdownContainer$1, null, React.createElement(Dropdown, {
49850
50049
  options: whatsAppGroups,
@@ -49901,7 +50100,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
49901
50100
  castingType = spell.castingType,
49902
50101
  cooldown = spell.cooldown,
49903
50102
  maxDistanceGrid = spell.maxDistanceGrid;
49904
- return React.createElement(Container$G, null, React.createElement(Header$c, null, React.createElement("div", null, React.createElement(Title$h, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
50103
+ return React.createElement(Container$G, null, React.createElement(Header$d, null, React.createElement("div", null, React.createElement(Title$i, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
49905
50104
  className: "label"
49906
50105
  }, "Casting Type:"), React.createElement("div", {
49907
50106
  className: "value"
@@ -49931,7 +50130,7 @@ var Container$G = /*#__PURE__*/styled.div.withConfig({
49931
50130
  displayName: "SpellInfo__Container",
49932
50131
  componentId: "sc-4hbw3q-0"
49933
50132
  })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
49934
- var Title$h = /*#__PURE__*/styled.div.withConfig({
50133
+ var Title$i = /*#__PURE__*/styled.div.withConfig({
49935
50134
  displayName: "SpellInfo__Title",
49936
50135
  componentId: "sc-4hbw3q-1"
49937
50136
  })(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
@@ -49943,7 +50142,7 @@ var Description$5 = /*#__PURE__*/styled.div.withConfig({
49943
50142
  displayName: "SpellInfo__Description",
49944
50143
  componentId: "sc-4hbw3q-3"
49945
50144
  })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
49946
- var Header$c = /*#__PURE__*/styled.div.withConfig({
50145
+ var Header$d = /*#__PURE__*/styled.div.withConfig({
49947
50146
  displayName: "SpellInfo__Header",
49948
50147
  componentId: "sc-4hbw3q-4"
49949
50148
  })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
@@ -50159,7 +50358,7 @@ var Spell = function Spell(_ref) {
50159
50358
  onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
50160
50359
  isSettingShortcut: isSettingShortcut && !disabled,
50161
50360
  className: "spell"
50162
- }, disabled && React.createElement(Overlay$8, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
50361
+ }, disabled && React.createElement(Overlay$9, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
50163
50362
  className: "cooldown"
50164
50363
  }, activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)) : null, React.createElement(SpriteFromAtlas, {
50165
50364
  atlasIMG: atlasIMG,
@@ -50168,9 +50367,9 @@ var Spell = function Spell(_ref) {
50168
50367
  imgScale: IMAGE_SCALE,
50169
50368
  containerStyle: CONTAINER_STYLE,
50170
50369
  centered: true
50171
- })), React.createElement(Info, null, React.createElement(Title$i, null, React.createElement("span", null, name), React.createElement("span", {
50370
+ })), React.createElement(Info, null, React.createElement(Title$j, null, React.createElement("span", null, name), React.createElement("span", {
50172
50371
  className: "spell"
50173
- }, "(", magicWords, ")")), React.createElement(Description$6, null, description)), React.createElement(Divider$1, null), React.createElement(Cost, null, React.createElement("span", null, "Mana cost:"), React.createElement("span", {
50372
+ }, "(", magicWords, ")")), React.createElement(Description$6, null, description)), React.createElement(Divider$2, null), React.createElement(Cost, null, React.createElement("span", null, "Mana cost:"), React.createElement("span", {
50174
50373
  className: "mana"
50175
50374
  }, manaCost))));
50176
50375
  };
@@ -50189,7 +50388,7 @@ var Info = /*#__PURE__*/styled.span.withConfig({
50189
50388
  displayName: "Spell__Info",
50190
50389
  componentId: "sc-j96fa2-2"
50191
50390
  })(["width:0;flex:1;@media (orientation:portrait){display:none;}"]);
50192
- var Title$i = /*#__PURE__*/styled.p.withConfig({
50391
+ var Title$j = /*#__PURE__*/styled.p.withConfig({
50193
50392
  displayName: "Spell__Title",
50194
50393
  componentId: "sc-j96fa2-3"
50195
50394
  })(["display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;margin:0;span{font-size:", " !important;font-weight:bold !important;color:", " !important;margin-right:0.5rem;}.spell{font-size:", " !important;font-weight:normal !important;color:", " !important;}"], uiFonts.size.medium, uiColors.yellow, uiFonts.size.small, uiColors.lightGray);
@@ -50197,7 +50396,7 @@ var Description$6 = /*#__PURE__*/styled.div.withConfig({
50197
50396
  displayName: "Spell__Description",
50198
50397
  componentId: "sc-j96fa2-4"
50199
50398
  })(["font-size:", " !important;line-height:1.1 !important;"], uiFonts.size.small);
50200
- var Divider$1 = /*#__PURE__*/styled.div.withConfig({
50399
+ var Divider$2 = /*#__PURE__*/styled.div.withConfig({
50201
50400
  displayName: "Spell__Divider",
50202
50401
  componentId: "sc-j96fa2-5"
50203
50402
  })(["width:1px;height:100%;margin:0 1rem;background-color:", ";"], uiColors.lightGray);
@@ -50205,7 +50404,7 @@ var Cost = /*#__PURE__*/styled.p.withConfig({
50205
50404
  displayName: "Spell__Cost",
50206
50405
  componentId: "sc-j96fa2-6"
50207
50406
  })(["display:flex;align-items:center;flex-direction:column;gap:0.5rem;div{z-index:1;}.mana{position:relative;font-size:", ";font-weight:bold;z-index:1;&::after{position:absolute;content:'';top:0;left:0;background-color:", ";width:100%;height:100%;border-radius:50%;transform:scale(1.8);filter:blur(10px);z-index:-1;}}"], uiFonts.size.medium, uiColors.blue);
50208
- var Overlay$8 = /*#__PURE__*/styled.p.withConfig({
50407
+ var Overlay$9 = /*#__PURE__*/styled.p.withConfig({
50209
50408
  displayName: "Spell__Overlay",
50210
50409
  componentId: "sc-j96fa2-7"
50211
50410
  })(["margin:0 !important;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:", ";font-size:", " !important;font-weight:bold;z-index:10;background-color:rgba(0 0 0 / 0.2);"], uiColors.yellow, uiFonts.size.large);
@@ -50254,7 +50453,7 @@ var Spellbook = function Spellbook(_ref) {
50254
50453
  height: "inherit",
50255
50454
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
50256
50455
  scale: scale
50257
- }, React.createElement(Container$K, null, React.createElement(Title$j, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
50456
+ }, React.createElement(Container$K, null, React.createElement(Title$k, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
50258
50457
  setSettingShortcutIndex: setSettingShortcutIndex,
50259
50458
  settingShortcutIndex: settingShortcutIndex,
50260
50459
  shortcuts: shortcuts,
@@ -50287,7 +50486,7 @@ var Spellbook = function Spellbook(_ref) {
50287
50486
  }, spell)));
50288
50487
  }))));
50289
50488
  };
50290
- var Title$j = /*#__PURE__*/styled.h1.withConfig({
50489
+ var Title$k = /*#__PURE__*/styled.h1.withConfig({
50291
50490
  displayName: "Spellbook__Title",
50292
50491
  componentId: "sc-r02nfq-0"
50293
50492
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
@@ -70707,7 +70906,7 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
70707
70906
  key: i,
70708
70907
  "$i": i
70709
70908
  });
70710
- })), React.createElement(Header$d, null, React.createElement(TrophyArea, null, React.createElement(TrophyIcon, null, React.createElement(FaStar, null))), React.createElement(Title$k, null, "PURCHASE COMPLETE!"), React.createElement(Subtitle$2, null, "Your items are ready")), React.createElement(ItemsList, null, items.map(function (item, i) {
70909
+ })), React.createElement(Header$e, null, React.createElement(TrophyArea, null, React.createElement(TrophyIcon, null, React.createElement(FaStar, null))), React.createElement(Title$l, null, "PURCHASE COMPLETE!"), React.createElement(Subtitle$2, null, "Your items are ready")), React.createElement(ItemsList, null, items.map(function (item, i) {
70711
70910
  var _item$metadata;
70712
70911
  var isCharSkin = item.metadataType === MetadataType.CharacterSkin;
70713
70912
  var spriteKey = isCharSkin && (_item$metadata = item.metadata) != null && _item$metadata.selectedSkinTextureKey ? item.metadata.selectedSkinTextureKey + "/down/standing/0.png" : item.texturePath;
@@ -70731,13 +70930,13 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
70731
70930
  onPointerDown: onClose
70732
70931
  }, React.createElement(FaTimes, null), " Close Store")));
70733
70932
  };
70734
- var scaleIn$3 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
70933
+ var scaleIn$4 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
70735
70934
  var _float = /*#__PURE__*/keyframes(["0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(-60px) rotate(360deg);opacity:0;}"]);
70736
70935
  var glowPulse = /*#__PURE__*/keyframes(["0%,100%{box-shadow:0 0 12px rgba(245,158,11,0.5),0 0 24px rgba(245,158,11,0.2);}50%{box-shadow:0 0 24px rgba(245,158,11,0.8),0 0 48px rgba(245,158,11,0.4);}"]);
70737
70936
  var Container$L = /*#__PURE__*/styled.div.withConfig({
70738
70937
  displayName: "PurchaseSuccess__Container",
70739
70938
  componentId: "sc-18z5q21-0"
70740
- })(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$3);
70939
+ })(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$4);
70741
70940
  var Sparkles = /*#__PURE__*/styled.div.withConfig({
70742
70941
  displayName: "PurchaseSuccess__Sparkles",
70743
70942
  componentId: "sc-18z5q21-1"
@@ -70754,7 +70953,7 @@ var Spark = /*#__PURE__*/styled.div.withConfig({
70754
70953
  }, function (p) {
70755
70954
  return p.$i * 0.2;
70756
70955
  });
70757
- var Header$d = /*#__PURE__*/styled.div.withConfig({
70956
+ var Header$e = /*#__PURE__*/styled.div.withConfig({
70758
70957
  displayName: "PurchaseSuccess__Header",
70759
70958
  componentId: "sc-18z5q21-3"
70760
70959
  })(["display:flex;flex-direction:column;align-items:center;gap:0.5rem;"]);
@@ -70766,7 +70965,7 @@ var TrophyIcon = /*#__PURE__*/styled.div.withConfig({
70766
70965
  displayName: "PurchaseSuccess__TrophyIcon",
70767
70966
  componentId: "sc-18z5q21-5"
70768
70967
  })(["width:64px;height:64px;border-radius:50%;background:rgba(245,158,11,0.15);border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center;animation:", " 2s ease-in-out infinite;svg{font-size:1.75rem;color:#f59e0b;}"], glowPulse);
70769
- var Title$k = /*#__PURE__*/styled.h2.withConfig({
70968
+ var Title$l = /*#__PURE__*/styled.h2.withConfig({
70770
70969
  displayName: "PurchaseSuccess__Title",
70771
70970
  componentId: "sc-18z5q21-6"
70772
70971
  })(["font-family:'Press Start 2P',cursive;font-size:0.9rem;color:#fef08a;margin:0;text-shadow:0 0 8px rgba(245,158,11,0.6);"]);
@@ -70935,9 +71134,9 @@ var CartView = function CartView(_ref2) {
70935
71134
  onClose: onCloseStore != null ? onCloseStore : onClose
70936
71135
  });
70937
71136
  }
70938
- return React.createElement(Container$M, null, React.createElement(Header$e, null, React.createElement(Title$l, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
71137
+ return React.createElement(Container$M, null, React.createElement(Header$f, null, React.createElement(Title$m, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
70939
71138
  return s + ci.quantity;
70940
- }, 0), ")"), React.createElement(CloseButton$f, {
71139
+ }, 0), ")"), React.createElement(CloseButton$g, {
70941
71140
  onPointerDown: onClose
70942
71141
  }, React.createElement(FaTimes, null))), React.createElement(CartItems, null, cartItems.length === 0 ? React.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
70943
71142
  var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
@@ -70965,7 +71164,7 @@ var CartView = function CartView(_ref2) {
70965
71164
  onRemoveFromCart(cartItem.item.key);
70966
71165
  }
70967
71166
  }));
70968
- })), React.createElement(Footer$1, null, showDCNudge && React.createElement(DCNudge, {
71167
+ })), React.createElement(Footer$2, null, showDCNudge && React.createElement(DCNudge, {
70969
71168
  onPointerDown: onBuyDC
70970
71169
  }, React.createElement(FaCoins, null), React.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React.createElement(DCNudgeLink, null, "Buy DC \u2192")), React.createElement(TrustBar, {
70971
71170
  signals: trustSignals
@@ -70983,15 +71182,15 @@ var Container$M = /*#__PURE__*/styled.div.withConfig({
70983
71182
  displayName: "CartView__Container",
70984
71183
  componentId: "sc-ydtyl1-0"
70985
71184
  })(["display:flex;flex-direction:column;width:100%;gap:1rem;padding:1rem;"]);
70986
- var Header$e = /*#__PURE__*/styled.div.withConfig({
71185
+ var Header$f = /*#__PURE__*/styled.div.withConfig({
70987
71186
  displayName: "CartView__Header",
70988
71187
  componentId: "sc-ydtyl1-1"
70989
71188
  })(["display:flex;justify-content:space-between;align-items:center;"]);
70990
- var Title$l = /*#__PURE__*/styled.h2.withConfig({
71189
+ var Title$m = /*#__PURE__*/styled.h2.withConfig({
70991
71190
  displayName: "CartView__Title",
70992
71191
  componentId: "sc-ydtyl1-2"
70993
71192
  })(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#ffffff;margin:0;"]);
70994
- var CloseButton$f = /*#__PURE__*/styled.div.withConfig({
71193
+ var CloseButton$g = /*#__PURE__*/styled.div.withConfig({
70995
71194
  displayName: "CartView__CloseButton",
70996
71195
  componentId: "sc-ydtyl1-3"
70997
71196
  })(["padding:0.5rem;min-width:unset;width:42px;height:42px;display:flex;font-size:1.5rem;align-items:center;color:white;justify-content:center;"]);
@@ -71023,7 +71222,7 @@ var ItemInfo$2 = /*#__PURE__*/styled.div.withConfig({
71023
71222
  displayName: "CartView__ItemInfo",
71024
71223
  componentId: "sc-ydtyl1-10"
71025
71224
  })(["display:flex;align-items:center;gap:0.4rem;font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fef08a;"]);
71026
- var Footer$1 = /*#__PURE__*/styled.div.withConfig({
71225
+ var Footer$2 = /*#__PURE__*/styled.div.withConfig({
71027
71226
  displayName: "CartView__Footer",
71028
71227
  componentId: "sc-ydtyl1-11"
71029
71228
  })(["display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0;@media (max-width:600px){gap:0.75rem;padding-top:0.75rem;}"]);
@@ -71590,13 +71789,13 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
71590
71789
  }
71591
71790
  }, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
71592
71791
  var dcSubText = dcRequired !== undefined ? dcBalance.toLocaleString() + " DC available \xB7 " + dcRequired.toLocaleString() + " DC needed" : dcBalance.toLocaleString() + " DC available";
71593
- return React.createElement(ModalPortal, null, React.createElement(Overlay$9, {
71792
+ return React.createElement(ModalPortal, null, React.createElement(Overlay$a, {
71594
71793
  onPointerDown: onClose
71595
- }), React.createElement(ModalContainer$6, null, React.createElement(ModalContent$6, {
71794
+ }), React.createElement(ModalContainer$7, null, React.createElement(ModalContent$7, {
71596
71795
  onClick: stopPropagation,
71597
71796
  onTouchStart: stopPropagation,
71598
71797
  onPointerDown: stopPropagation
71599
- }, React.createElement(Header$f, null, React.createElement(Title$m, null, "How would you like to pay?"), React.createElement(CloseButton$g, {
71798
+ }, React.createElement(Header$g, null, React.createElement(Title$n, null, "How would you like to pay?"), React.createElement(CloseButton$h, {
71600
71799
  onPointerDown: onClose,
71601
71800
  "aria-label": "Close"
71602
71801
  }, React.createElement(FaTimes, null))), React.createElement(Options$1, null, React.createElement(RadioOption$2, {
@@ -71626,27 +71825,27 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
71626
71825
  onPointerDown: handleConfirm
71627
71826
  }, "Confirm")))));
71628
71827
  };
71629
- var Overlay$9 = /*#__PURE__*/styled.div.withConfig({
71828
+ var Overlay$a = /*#__PURE__*/styled.div.withConfig({
71630
71829
  displayName: "PaymentMethodModal__Overlay",
71631
71830
  componentId: "sc-1dxy6lr-0"
71632
71831
  })(["position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;"]);
71633
- var ModalContainer$6 = /*#__PURE__*/styled.div.withConfig({
71832
+ var ModalContainer$7 = /*#__PURE__*/styled.div.withConfig({
71634
71833
  displayName: "PaymentMethodModal__ModalContainer",
71635
71834
  componentId: "sc-1dxy6lr-1"
71636
71835
  })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
71637
- var ModalContent$6 = /*#__PURE__*/styled.div.withConfig({
71836
+ var ModalContent$7 = /*#__PURE__*/styled.div.withConfig({
71638
71837
  displayName: "PaymentMethodModal__ModalContent",
71639
71838
  componentId: "sc-1dxy6lr-2"
71640
71839
  })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 24px;min-width:300px;max-width:90%;display:flex;flex-direction:column;gap:16px;pointer-events:auto;animation:scaleIn 0.15s ease-out;@keyframes scaleIn{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}"]);
71641
- var Header$f = /*#__PURE__*/styled.div.withConfig({
71840
+ var Header$g = /*#__PURE__*/styled.div.withConfig({
71642
71841
  displayName: "PaymentMethodModal__Header",
71643
71842
  componentId: "sc-1dxy6lr-3"
71644
71843
  })(["display:flex;align-items:center;justify-content:space-between;"]);
71645
- var Title$m = /*#__PURE__*/styled.h3.withConfig({
71844
+ var Title$n = /*#__PURE__*/styled.h3.withConfig({
71646
71845
  displayName: "PaymentMethodModal__Title",
71647
71846
  componentId: "sc-1dxy6lr-4"
71648
71847
  })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
71649
- var CloseButton$g = /*#__PURE__*/styled.button.withConfig({
71848
+ var CloseButton$h = /*#__PURE__*/styled.button.withConfig({
71650
71849
  displayName: "PaymentMethodModal__CloseButton",
71651
71850
  componentId: "sc-1dxy6lr-5"
71652
71851
  })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#ffffff;}"]);
@@ -71856,7 +72055,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
71856
72055
  height: 32,
71857
72056
  imgScale: 2,
71858
72057
  centered: true
71859
- }) : React.createElement(DefaultIcon, null, "\uD83D\uDC64")), React.createElement(ItemDetails$5, null, React.createElement(Header$g, null, React.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React.createElement(SelectedSkinNav, null, React.createElement(SelectedSkin, null, "Selected:"), React.createElement(SkinNavArrow, {
72058
+ }) : React.createElement(DefaultIcon, null, "\uD83D\uDC64")), React.createElement(ItemDetails$5, null, React.createElement(Header$h, null, React.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React.createElement(SelectedSkinNav, null, React.createElement(SelectedSkin, null, "Selected:"), React.createElement(SkinNavArrow, {
71860
72059
  direction: "left",
71861
72060
  onPointerDown: handlePreviousSkin,
71862
72061
  size: 24
@@ -71869,7 +72068,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
71869
72068
  display: 'flex',
71870
72069
  alignItems: 'center'
71871
72070
  }
71872
- }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$6, {
72071
+ }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$7, {
71873
72072
  "$scale": 0.8
71874
72073
  }, React.createElement(SpriteFromAtlas, {
71875
72074
  atlasIMG: atlasIMG,
@@ -71883,7 +72082,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
71883
72082
  alignItems: 'center',
71884
72083
  gap: '2px'
71885
72084
  }
71886
- }, React.createElement(DCCoinWrapper$6, null, React.createElement(SimpleTooltip, {
72085
+ }, React.createElement(DCCoinWrapper$7, null, React.createElement(SimpleTooltip, {
71887
72086
  content: "Definya Coin",
71888
72087
  direction: "top"
71889
72088
  }, React.createElement(SpriteFromAtlas, {
@@ -71902,7 +72101,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
71902
72101
  style: {
71903
72102
  margin: '0 4px'
71904
72103
  }
71905
- }, "\xB7"), React.createElement(DCCoinWrapper$6, {
72104
+ }, "\xB7"), React.createElement(DCCoinWrapper$7, {
71906
72105
  "$scale": 0.9
71907
72106
  }, React.createElement(SimpleTooltip, {
71908
72107
  content: "Definya Coin",
@@ -71970,7 +72169,7 @@ var Controls = /*#__PURE__*/styled.div.withConfig({
71970
72169
  displayName: "StoreCharacterSkinRow__Controls",
71971
72170
  componentId: "sc-81xqsx-8"
71972
72171
  })(["display:flex;align-items:center;gap:0.5rem;min-width:fit-content;"]);
71973
- var DCCoinWrapper$6 = /*#__PURE__*/styled.span.withConfig({
72172
+ var DCCoinWrapper$7 = /*#__PURE__*/styled.span.withConfig({
71974
72173
  displayName: "StoreCharacterSkinRow__DCCoinWrapper",
71975
72174
  componentId: "sc-81xqsx-9"
71976
72175
  })(["display:flex;align-items:center;justify-content:center;position:relative;top:", ";left:", ";margin-right:0.3rem;"], function (p) {
@@ -71983,7 +72182,7 @@ var SkinNavArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
71983
72182
  displayName: "StoreCharacterSkinRow__SkinNavArrow",
71984
72183
  componentId: "sc-81xqsx-10"
71985
72184
  })(["position:static;"]);
71986
- var Header$g = /*#__PURE__*/styled.div.withConfig({
72185
+ var Header$h = /*#__PURE__*/styled.div.withConfig({
71987
72186
  displayName: "StoreCharacterSkinRow__Header",
71988
72187
  componentId: "sc-81xqsx-11"
71989
72188
  })(["display:flex;align-items:center;gap:0.5rem;"]);
@@ -72193,7 +72392,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
72193
72392
  display: 'flex',
72194
72393
  alignItems: 'center'
72195
72394
  }
72196
- }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$7, {
72395
+ }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$8, {
72197
72396
  "$scale": 0.8
72198
72397
  }, React.createElement(SpriteFromAtlas, {
72199
72398
  atlasIMG: atlasIMG,
@@ -72207,7 +72406,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
72207
72406
  alignItems: 'center',
72208
72407
  gap: '2px'
72209
72408
  }
72210
- }, React.createElement(DCCoinWrapper$7, null, React.createElement(SimpleTooltip, {
72409
+ }, React.createElement(DCCoinWrapper$8, null, React.createElement(SimpleTooltip, {
72211
72410
  content: "Definya Coin",
72212
72411
  direction: "top"
72213
72412
  }, React.createElement(SpriteFromAtlas, {
@@ -72226,7 +72425,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
72226
72425
  style: {
72227
72426
  margin: '0 4px'
72228
72427
  }
72229
- }, "\xB7"), React.createElement(DCCoinWrapper$7, {
72428
+ }, "\xB7"), React.createElement(DCCoinWrapper$8, {
72230
72429
  "$scale": 0.9
72231
72430
  }, React.createElement(SimpleTooltip, {
72232
72431
  content: "Definya Coin",
@@ -72315,7 +72514,7 @@ var ItemDescription = /*#__PURE__*/styled.div.withConfig({
72315
72514
  displayName: "StoreItemRow__ItemDescription",
72316
72515
  componentId: "sc-ptotuo-7"
72317
72516
  })(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:rgba(255,255,255,0.85);line-height:1.4;margin-top:2px;"]);
72318
- var DCCoinWrapper$7 = /*#__PURE__*/styled.span.withConfig({
72517
+ var DCCoinWrapper$8 = /*#__PURE__*/styled.span.withConfig({
72319
72518
  displayName: "StoreItemRow__DCCoinWrapper",
72320
72519
  componentId: "sc-ptotuo-8"
72321
72520
  })(["display:flex;align-items:center;justify-content:center;position:relative;top:", ";left:", ";margin-right:0.3rem;"], function (p) {
@@ -72704,7 +72903,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
72704
72903
  if (typeof imageUrl === 'string') return imageUrl;
72705
72904
  return imageUrl["default"] || imageUrl.src;
72706
72905
  };
72707
- return React.createElement(Container$O, null, React.createElement(Header$h, null, React.createElement(BackButton, {
72906
+ return React.createElement(Container$O, null, React.createElement(Header$i, null, React.createElement(BackButton, {
72708
72907
  onClick: onBack
72709
72908
  }, React.createElement(FaArrowLeft, null), React.createElement("span", null, "Back"))), React.createElement(Content$5, null, React.createElement(DetailsGrid, null, React.createElement(ItemIcon, null, React.createElement("img", {
72710
72909
  src: getImageSrc(),
@@ -72722,7 +72921,7 @@ var Container$O = /*#__PURE__*/styled.div.withConfig({
72722
72921
  displayName: "StoreItemDetails__Container",
72723
72922
  componentId: "sc-k3ho5z-0"
72724
72923
  })(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
72725
- var Header$h = /*#__PURE__*/styled.div.withConfig({
72924
+ var Header$i = /*#__PURE__*/styled.div.withConfig({
72726
72925
  displayName: "StoreItemDetails__Header",
72727
72926
  componentId: "sc-k3ho5z-1"
72728
72927
  })(["display:flex;align-items:center;gap:1rem;"]);
@@ -73228,7 +73427,7 @@ var Store = function Store(_ref) {
73228
73427
  }), React.createElement(CartButtonWrapper, null, React.createElement(CTAButton, {
73229
73428
  icon: React.createElement(FaShoppingCart, null),
73230
73429
  onClick: handleOpenCart
73231
- }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$2, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
73430
+ }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$3, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
73232
73431
  icon: React.createElement(FaShoppingCart, null),
73233
73432
  label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
73234
73433
  onClick: handleOpenCart,
@@ -73259,7 +73458,7 @@ var TabContent = /*#__PURE__*/styled.div.withConfig({
73259
73458
  displayName: "Store__TabContent",
73260
73459
  componentId: "sc-64dj00-5"
73261
73460
  })(["flex:1;overflow-y:auto;"]);
73262
- var Footer$2 = /*#__PURE__*/styled.div.withConfig({
73461
+ var Footer$3 = /*#__PURE__*/styled.div.withConfig({
73263
73462
  displayName: "Store__Footer",
73264
73463
  componentId: "sc-64dj00-6"
73265
73464
  })(["display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:2px solid #f59e0b;background:rgba(0,0,0,0.2);flex-shrink:0;"]);
@@ -73322,7 +73521,7 @@ var TimeWidget = function TimeWidget(_ref) {
73322
73521
  return React.createElement(Draggable, {
73323
73522
  scale: scale,
73324
73523
  cancel: ".time-widget-close,.time-widget-container,.time-widget-container *"
73325
- }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$h, {
73524
+ }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$i, {
73326
73525
  onPointerDown: onClose,
73327
73526
  className: "time-widget-close"
73328
73527
  }, "X"), React.createElement(DayNightContainer, {
@@ -73339,7 +73538,7 @@ var Time = /*#__PURE__*/styled.div.withConfig({
73339
73538
  displayName: "TimeWidget__Time",
73340
73539
  componentId: "sc-1ja236h-1"
73341
73540
  })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
73342
- var CloseButton$h = /*#__PURE__*/styled.p.withConfig({
73541
+ var CloseButton$i = /*#__PURE__*/styled.p.withConfig({
73343
73542
  displayName: "TimeWidget__CloseButton",
73344
73543
  componentId: "sc-1ja236h-2"
73345
73544
  })(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);
@@ -73448,7 +73647,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
73448
73647
  }
73449
73648
  return null;
73450
73649
  };
73451
- return React.createElement(ItemWrapper$1, null, React.createElement(ItemIconContainer$3, null, React.createElement(SpriteContainer$7, null, React.createElement(ItemInfoWrapper, {
73650
+ return React.createElement(ItemWrapper$1, null, React.createElement(ItemIconContainer$3, null, React.createElement(SpriteContainer$8, null, React.createElement(ItemInfoWrapper, {
73452
73651
  atlasIMG: atlasIMG,
73453
73652
  atlasJSON: atlasJSON,
73454
73653
  equipmentSet: equipmentSet,
@@ -73520,7 +73719,7 @@ var ItemIconContainer$3 = /*#__PURE__*/styled.div.withConfig({
73520
73719
  displayName: "TradingItemRow__ItemIconContainer",
73521
73720
  componentId: "sc-mja0b5-3"
73522
73721
  })(["display:flex;justify-content:flex-start;align-items:center;flex:0 0 40px;"]);
73523
- var SpriteContainer$7 = /*#__PURE__*/styled.div.withConfig({
73722
+ var SpriteContainer$8 = /*#__PURE__*/styled.div.withConfig({
73524
73723
  displayName: "TradingItemRow__SpriteContainer",
73525
73724
  componentId: "sc-mja0b5-4"
73526
73725
  })(["position:relative;top:-0.5rem;left:0;"]);
@@ -73618,7 +73817,7 @@ var TradingMenu = function TradingMenu(_ref) {
73618
73817
  width: "500px",
73619
73818
  cancelDrag: "#TraderContainer",
73620
73819
  scale: scale
73621
- }, React.createElement(Container$Q, null, React.createElement(Title$n, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
73820
+ }, React.createElement(Container$Q, null, React.createElement(Title$o, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
73622
73821
  className: "golden"
73623
73822
  }), React.createElement(ScrollWrapper, {
73624
73823
  id: "TraderContainer"
@@ -73650,7 +73849,7 @@ var Container$Q = /*#__PURE__*/styled.div.withConfig({
73650
73849
  displayName: "TradingMenu__Container",
73651
73850
  componentId: "sc-1wjsz1l-0"
73652
73851
  })(["width:100%;"]);
73653
- var Title$n = /*#__PURE__*/styled.h1.withConfig({
73852
+ var Title$o = /*#__PURE__*/styled.h1.withConfig({
73654
73853
  displayName: "TradingMenu__Title",
73655
73854
  componentId: "sc-1wjsz1l-1"
73656
73855
  })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -73832,5 +74031,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
73832
74031
  componentId: "sc-7tgzv2-6"
73833
74032
  })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
73834
74033
 
73835
- export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, 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, 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 };
74034
+ 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, 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, 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 };
73836
74035
  //# sourceMappingURL=long-bow.esm.js.map