@rpg-engine/long-bow 0.8.190 → 0.8.191

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.
@@ -1,5 +1,5 @@
1
1
  import React, { useState, useEffect, Component, useRef, useCallback, useMemo, memo, useContext, createContext, Fragment } from 'react';
2
- import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
2
+ import styled, { css, createGlobalStyle, keyframes } from 'styled-components';
3
3
  import { BeatLoader } from 'react-spinners';
4
4
  import { v4 } from 'uuid';
5
5
  import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, 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';
@@ -9,8 +9,8 @@ import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
9
9
  import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaPaperPlane, FaShoppingCart, FaChevronUp, FaChevronDown, FaReddit, FaLock, FaRocket, FaHeadset, FaStar, FaShoppingBag, FaTrash, FaCoins, FaInfoCircle, FaBolt, FaCartPlus, FaArrowLeft, FaWallet, FaHistory } from 'react-icons/fa';
10
10
  import { RxMagnifyingGlass, RxCross2 } from 'react-icons/rx';
11
11
  import { IoMdContract, IoMdExpand } from 'react-icons/io';
12
- import Draggable from 'react-draggable';
13
12
  import ReactDOM, { createPortal } from 'react-dom';
13
+ import Draggable from 'react-draggable';
14
14
  import { camelCase, debounce } from 'lodash-es';
15
15
  import { observer } from 'mobx-react-lite';
16
16
  import { AiFillFilter, AiOutlineFilter, AiFillCaretRight } from 'react-icons/ai';
@@ -36029,6 +36029,105 @@ var CheckButton = function CheckButton(_ref) {
36029
36029
  }));
36030
36030
  };
36031
36031
 
36032
+ var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
36033
+ var ModalPortal = function ModalPortal(_ref) {
36034
+ var children = _ref.children;
36035
+ return ReactDOM.createPortal(React.createElement(Container$9, {
36036
+ className: "rpgui-content"
36037
+ }, children), modalRoot);
36038
+ };
36039
+ var Container$9 = /*#__PURE__*/styled.div.withConfig({
36040
+ displayName: "ModalPortal__Container",
36041
+ componentId: "sc-dgmp04-0"
36042
+ })(["position:static !important;"]);
36043
+
36044
+ // Global style to prevent body scrolling when modal is open
36045
+ var GlobalStyle = /*#__PURE__*/createGlobalStyle(["body{overflow:hidden;width:100%;height:100%;}"]);
36046
+ var ConfirmModal = function ConfirmModal(_ref) {
36047
+ var onConfirm = _ref.onConfirm,
36048
+ onClose = _ref.onClose,
36049
+ _ref$message = _ref.message,
36050
+ message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
36051
+ var handleConfirm = useCallback(function (e) {
36052
+ e.preventDefault();
36053
+ e.stopPropagation();
36054
+ onConfirm();
36055
+ }, [onConfirm]);
36056
+ var handleClose = useCallback(function (e) {
36057
+ e.preventDefault();
36058
+ e.stopPropagation();
36059
+ onClose();
36060
+ }, [onClose]);
36061
+ // Fix type issues by separating event handlers for different event types
36062
+ var stopPropagationClick = useCallback(function (e) {
36063
+ e.stopPropagation();
36064
+ }, []);
36065
+ var stopPropagationTouch = useCallback(function (e) {
36066
+ e.stopPropagation();
36067
+ }, []);
36068
+ var stopPropagationPointer = useCallback(function (e) {
36069
+ e.stopPropagation();
36070
+ }, []);
36071
+ return React.createElement(ModalPortal, null, React.createElement(GlobalStyle, null), React.createElement(Overlay, {
36072
+ onPointerDown: handleClose
36073
+ }), React.createElement(ModalContainer, null, React.createElement(ModalContent, {
36074
+ onClick: stopPropagationClick,
36075
+ onTouchStart: stopPropagationTouch,
36076
+ onTouchEnd: stopPropagationTouch,
36077
+ onTouchMove: stopPropagationTouch,
36078
+ onPointerDown: stopPropagationPointer
36079
+ }, React.createElement(Header$1, null, React.createElement(Title, null, "Confirm"), React.createElement(CloseButton$3, {
36080
+ onPointerDown: handleClose,
36081
+ "aria-label": "Close"
36082
+ }, React.createElement(FaTimes, null))), React.createElement(MessageContainer, null, typeof message === 'string' ? React.createElement(Message$1, null, message) : message), React.createElement(ButtonsContainer$1, null, React.createElement(CancelButtonWrapper, null, React.createElement(Button, {
36083
+ buttonType: ButtonTypes.RPGUIButton,
36084
+ onPointerDown: handleClose
36085
+ }, "No")), React.createElement(Button, {
36086
+ buttonType: ButtonTypes.RPGUIButton,
36087
+ onPointerDown: handleConfirm
36088
+ }, "Yes")))));
36089
+ };
36090
+ var Overlay = /*#__PURE__*/styled.div.withConfig({
36091
+ displayName: "ConfirmModal__Overlay",
36092
+ componentId: "sc-11qkyu1-0"
36093
+ })(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;touch-action:none;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
36094
+ var ModalContainer = /*#__PURE__*/styled.div.withConfig({
36095
+ displayName: "ConfirmModal__ModalContainer",
36096
+ componentId: "sc-11qkyu1-1"
36097
+ })(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"]);
36098
+ var ModalContent = /*#__PURE__*/styled.div.withConfig({
36099
+ displayName: "ConfirmModal__ModalContent",
36100
+ componentId: "sc-11qkyu1-2"
36101
+ })(["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;}}@media (max-width:768px){width:85%;}"]);
36102
+ var Header$1 = /*#__PURE__*/styled.div.withConfig({
36103
+ displayName: "ConfirmModal__Header",
36104
+ componentId: "sc-11qkyu1-3"
36105
+ })(["display:flex;align-items:center;justify-content:space-between;"]);
36106
+ var Title = /*#__PURE__*/styled.h3.withConfig({
36107
+ displayName: "ConfirmModal__Title",
36108
+ componentId: "sc-11qkyu1-4"
36109
+ })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
36110
+ var CloseButton$3 = /*#__PURE__*/styled.button.withConfig({
36111
+ displayName: "ConfirmModal__CloseButton",
36112
+ componentId: "sc-11qkyu1-5"
36113
+ })(["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;}"]);
36114
+ var MessageContainer = /*#__PURE__*/styled.div.withConfig({
36115
+ displayName: "ConfirmModal__MessageContainer",
36116
+ componentId: "sc-11qkyu1-6"
36117
+ })(["text-align:center;"]);
36118
+ var Message$1 = /*#__PURE__*/styled.p.withConfig({
36119
+ displayName: "ConfirmModal__Message",
36120
+ componentId: "sc-11qkyu1-7"
36121
+ })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.6rem;color:rgba(255,255,255,0.85);line-height:1.8;"]);
36122
+ var ButtonsContainer$1 = /*#__PURE__*/styled.div.withConfig({
36123
+ displayName: "ConfirmModal__ButtonsContainer",
36124
+ componentId: "sc-11qkyu1-8"
36125
+ })(["display:flex;justify-content:center;gap:20px;margin-top:4px;@media (max-width:768px){gap:30px;}"]);
36126
+ var CancelButtonWrapper = /*#__PURE__*/styled.div.withConfig({
36127
+ displayName: "ConfirmModal__CancelButtonWrapper",
36128
+ componentId: "sc-11qkyu1-9"
36129
+ })(["filter:grayscale(0.7);"]);
36130
+
36032
36131
  var CheckItem = function CheckItem(_ref) {
36033
36132
  var label = _ref.label,
36034
36133
  _ref$defaultValue = _ref.defaultValue,
@@ -36209,7 +36308,7 @@ var CircularController = function CircularController(_ref) {
36209
36308
  return word[0];
36210
36309
  })));
36211
36310
  };
36212
- return React.createElement(ButtonsContainer$1, null, React.createElement(ShortcutsContainer, null, Array.from({
36311
+ return React.createElement(ButtonsContainer$2, null, React.createElement(ShortcutsContainer, null, Array.from({
36213
36312
  length: 12
36214
36313
  }).map(function (_, i) {
36215
36314
  return renderShortcut(i);
@@ -36231,7 +36330,7 @@ var CancelButton = /*#__PURE__*/styled(Button$1).withConfig({
36231
36330
  displayName: "CircularController__CancelButton",
36232
36331
  componentId: "sc-1fewf3h-1"
36233
36332
  })(["width:3rem;height:3rem;font-size:0.8rem;position:relative;left:2.6rem;span{margin-top:4px;margin-left:2px;pointer-events:none;}"]);
36234
- var ButtonsContainer$1 = /*#__PURE__*/styled.div.withConfig({
36333
+ var ButtonsContainer$2 = /*#__PURE__*/styled.div.withConfig({
36235
36334
  displayName: "CircularController__ButtonsContainer",
36236
36335
  componentId: "sc-1fewf3h-2"
36237
36336
  })(["display:flex;align-items:center;justify-content:center;gap:0.5rem;scale:0.9;"]);
@@ -36386,7 +36485,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
36386
36485
  },
36387
36486
  defaultPosition: initialPosition,
36388
36487
  scale: scale
36389
- }, React.createElement(Container$9, {
36488
+ }, React.createElement(Container$a, {
36390
36489
  ref: draggableRef,
36391
36490
  width: width,
36392
36491
  height: height || 'auto',
@@ -36397,15 +36496,15 @@ var DraggableContainer = function DraggableContainer(_ref) {
36397
36496
  opacity: opacity
36398
36497
  }, title && React.createElement(TitleContainer, {
36399
36498
  className: "drag-handler"
36400
- }, React.createElement(Title, null, imgSrc && React.createElement(Icon, {
36499
+ }, React.createElement(Title$1, null, imgSrc && React.createElement(Icon, {
36401
36500
  src: imgSrc,
36402
36501
  width: imgWidth
36403
- }), title)), onCloseButton && React.createElement(CloseButton$3, {
36502
+ }), title)), onCloseButton && React.createElement(CloseButton$4, {
36404
36503
  className: "container-close",
36405
36504
  onPointerDown: onCloseButton
36406
36505
  }, "X"), children));
36407
36506
  };
36408
- var Container$9 = /*#__PURE__*/styled.div.withConfig({
36507
+ var Container$a = /*#__PURE__*/styled.div.withConfig({
36409
36508
  displayName: "DraggableContainer__Container",
36410
36509
  componentId: "sc-184mpyl-0"
36411
36510
  })(["height:", ";width:", ";min-width:", ";min-height:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
@@ -36426,7 +36525,7 @@ var Container$9 = /*#__PURE__*/styled.div.withConfig({
36426
36525
  var isFullScreen = _ref6.isFullScreen;
36427
36526
  return isFullScreen && css(["justify-content:center;align-items:flex-start;align-content:flex-start;"]);
36428
36527
  });
36429
- var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
36528
+ var CloseButton$4 = /*#__PURE__*/styled.div.withConfig({
36430
36529
  displayName: "DraggableContainer__CloseButton",
36431
36530
  componentId: "sc-184mpyl-1"
36432
36531
  })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
@@ -36434,7 +36533,7 @@ var TitleContainer = /*#__PURE__*/styled.div.withConfig({
36434
36533
  displayName: "DraggableContainer__TitleContainer",
36435
36534
  componentId: "sc-184mpyl-2"
36436
36535
  })(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;max-height:42px;"]);
36437
- var Title = /*#__PURE__*/styled.h1.withConfig({
36536
+ var Title$1 = /*#__PURE__*/styled.h1.withConfig({
36438
36537
  displayName: "DraggableContainer__Title",
36439
36538
  componentId: "sc-184mpyl-3"
36440
36539
  })(["color:white;z-index:22;font-size:", ";"], uiFonts.size.large);
@@ -36482,7 +36581,7 @@ var Dropdown = function Dropdown(_ref) {
36482
36581
  onChange(selectedValue);
36483
36582
  }
36484
36583
  }, [selectedValue]);
36485
- return React.createElement(Container$a, {
36584
+ return React.createElement(Container$b, {
36486
36585
  onMouseLeave: function onMouseLeave() {
36487
36586
  return setOpened(false);
36488
36587
  },
@@ -36510,7 +36609,7 @@ var Dropdown = function Dropdown(_ref) {
36510
36609
  }, option.option);
36511
36610
  })));
36512
36611
  };
36513
- var Container$a = /*#__PURE__*/styled.div.withConfig({
36612
+ var Container$b = /*#__PURE__*/styled.div.withConfig({
36514
36613
  displayName: "Dropdown__Container",
36515
36614
  componentId: "sc-8arn65-0"
36516
36615
  })(["position:relative;width:", ";"], function (props) {
@@ -36531,18 +36630,6 @@ var DropdownOptions$1 = /*#__PURE__*/styled.ul.withConfig({
36531
36630
  return props.opensUp ? 'auto' : '100%';
36532
36631
  });
36533
36632
 
36534
- var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
36535
- var ModalPortal = function ModalPortal(_ref) {
36536
- var children = _ref.children;
36537
- return ReactDOM.createPortal(React.createElement(Container$b, {
36538
- className: "rpgui-content"
36539
- }, children), modalRoot);
36540
- };
36541
- var Container$b = /*#__PURE__*/styled.div.withConfig({
36542
- displayName: "ModalPortal__Container",
36543
- componentId: "sc-dgmp04-0"
36544
- })(["position:static !important;"]);
36545
-
36546
36633
  function useTouchTarget() {
36547
36634
  var getTouchTarget = useCallback(function (e) {
36548
36635
  // Check if it's a touch event
@@ -37443,7 +37530,7 @@ var ItemInfo = function ItemInfo(_ref) {
37443
37530
  var skillName = (_item$minRequirements = item.minRequirements) == null ? void 0 : (_item$minRequirements2 = _item$minRequirements.skill) == null ? void 0 : _item$minRequirements2.name;
37444
37531
  return React.createElement(Container$d, {
37445
37532
  item: item
37446
- }, React.createElement(Header$1, null, React.createElement("div", null, React.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React.createElement(Rarity, {
37533
+ }, React.createElement(Header$2, null, React.createElement("div", null, React.createElement(Title$2, null, item.name), item.rarity !== 'Common' && React.createElement(Rarity, {
37447
37534
  item: item
37448
37535
  }, item.rarity), React.createElement(Type, null, item.subType)), React.createElement(AllowedSlots, null, renderAvaibleSlots())), item.minRequirements && React.createElement(LevelRequirement, null, React.createElement("div", {
37449
37536
  className: "title"
@@ -37466,7 +37553,7 @@ var Container$d = /*#__PURE__*/styled.div.withConfig({
37466
37553
  var item = _ref3.item;
37467
37554
  return "0 0 5px 2px " + rarityColor(item);
37468
37555
  });
37469
- var Title$1 = /*#__PURE__*/styled.div.withConfig({
37556
+ var Title$2 = /*#__PURE__*/styled.div.withConfig({
37470
37557
  displayName: "ItemInfo__Title",
37471
37558
  componentId: "sc-1xm4q8k-1"
37472
37559
  })(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
@@ -37496,7 +37583,7 @@ var Description = /*#__PURE__*/styled.div.withConfig({
37496
37583
  displayName: "ItemInfo__Description",
37497
37584
  componentId: "sc-1xm4q8k-6"
37498
37585
  })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
37499
- var Header$1 = /*#__PURE__*/styled.div.withConfig({
37586
+ var Header$2 = /*#__PURE__*/styled.div.withConfig({
37500
37587
  displayName: "ItemInfo__Header",
37501
37588
  componentId: "sc-1xm4q8k-7"
37502
37589
  })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
@@ -38085,7 +38172,7 @@ var CraftBook = function CraftBook(_ref) {
38085
38172
  cancelDrag: ".inputRadioCraftBook",
38086
38173
  onCloseButton: onClose,
38087
38174
  scale: scale
38088
- }, React.createElement(Wrapper, null, React.createElement(HeaderContainer, null, React.createElement(Title$2, null, "Craftbook"), React.createElement(HeaderControls, null, React.createElement(DropdownWrapper, null, React.createElement(Dropdown, {
38175
+ }, React.createElement(Wrapper, null, React.createElement(HeaderContainer, null, React.createElement(Title$3, null, "Craftbook"), React.createElement(HeaderControls, null, React.createElement(DropdownWrapper, null, React.createElement(Dropdown, {
38089
38176
  options: categoryOptions,
38090
38177
  onChange: function onChange(value) {
38091
38178
  setSelectedType(value);
@@ -38179,7 +38266,7 @@ var HeaderContainer = /*#__PURE__*/styled.div.withConfig({
38179
38266
  displayName: "CraftBook__HeaderContainer",
38180
38267
  componentId: "sc-19q95ue-1"
38181
38268
  })(["display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 0;"]);
38182
- var Title$2 = /*#__PURE__*/styled.h1.withConfig({
38269
+ var Title$3 = /*#__PURE__*/styled.h1.withConfig({
38183
38270
  displayName: "CraftBook__Title",
38184
38271
  componentId: "sc-19q95ue-2"
38185
38272
  })(["font-size:1.2rem;color:", " !important;margin:0;text-shadow:2px 2px 2px rgba(0,0,0,0.5);"], uiColors.yellow);
@@ -39372,93 +39459,6 @@ var EmptyMessage = /*#__PURE__*/styled.div.withConfig({
39372
39459
  componentId: "sc-debjdj-14"
39373
39460
  })(["font-size:8px !important;color:", " !important;font-family:'Press Start 2P',cursive !important;text-align:center;padding:20px;"], uiColors.lightGray);
39374
39461
 
39375
- // Global style to prevent body scrolling when modal is open
39376
- var GlobalStyle = /*#__PURE__*/createGlobalStyle(["body{overflow:hidden;width:100%;height:100%;}"]);
39377
- var ConfirmModal = function ConfirmModal(_ref) {
39378
- var onConfirm = _ref.onConfirm,
39379
- onClose = _ref.onClose,
39380
- _ref$message = _ref.message,
39381
- message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
39382
- var handleConfirm = useCallback(function (e) {
39383
- e.preventDefault();
39384
- e.stopPropagation();
39385
- onConfirm();
39386
- }, [onConfirm]);
39387
- var handleClose = useCallback(function (e) {
39388
- e.preventDefault();
39389
- e.stopPropagation();
39390
- onClose();
39391
- }, [onClose]);
39392
- // Fix type issues by separating event handlers for different event types
39393
- var stopPropagationClick = useCallback(function (e) {
39394
- e.stopPropagation();
39395
- }, []);
39396
- var stopPropagationTouch = useCallback(function (e) {
39397
- e.stopPropagation();
39398
- }, []);
39399
- var stopPropagationPointer = useCallback(function (e) {
39400
- e.stopPropagation();
39401
- }, []);
39402
- return React.createElement(ModalPortal, null, React.createElement(GlobalStyle, null), React.createElement(Overlay, {
39403
- onPointerDown: handleClose
39404
- }), React.createElement(ModalContainer, null, React.createElement(ModalContent, {
39405
- onClick: stopPropagationClick,
39406
- onTouchStart: stopPropagationTouch,
39407
- onTouchEnd: stopPropagationTouch,
39408
- onTouchMove: stopPropagationTouch,
39409
- onPointerDown: stopPropagationPointer
39410
- }, React.createElement(Header$2, null, React.createElement(Title$3, null, "Confirm"), React.createElement(CloseButton$4, {
39411
- onPointerDown: handleClose,
39412
- "aria-label": "Close"
39413
- }, React.createElement(FaTimes, null))), React.createElement(MessageContainer, null, typeof message === 'string' ? React.createElement(Message$1, null, message) : message), React.createElement(ButtonsContainer$2, null, React.createElement(CancelButtonWrapper, null, React.createElement(Button, {
39414
- buttonType: ButtonTypes.RPGUIButton,
39415
- onPointerDown: handleClose
39416
- }, "No")), React.createElement(Button, {
39417
- buttonType: ButtonTypes.RPGUIButton,
39418
- onPointerDown: handleConfirm
39419
- }, "Yes")))));
39420
- };
39421
- var Overlay = /*#__PURE__*/styled.div.withConfig({
39422
- displayName: "ConfirmModal__Overlay",
39423
- componentId: "sc-11qkyu1-0"
39424
- })(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;touch-action:none;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
39425
- var ModalContainer = /*#__PURE__*/styled.div.withConfig({
39426
- displayName: "ConfirmModal__ModalContainer",
39427
- componentId: "sc-11qkyu1-1"
39428
- })(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);"]);
39429
- var ModalContent = /*#__PURE__*/styled.div.withConfig({
39430
- displayName: "ConfirmModal__ModalContent",
39431
- componentId: "sc-11qkyu1-2"
39432
- })(["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;}}@media (max-width:768px){width:85%;}"]);
39433
- var Header$2 = /*#__PURE__*/styled.div.withConfig({
39434
- displayName: "ConfirmModal__Header",
39435
- componentId: "sc-11qkyu1-3"
39436
- })(["display:flex;align-items:center;justify-content:space-between;"]);
39437
- var Title$3 = /*#__PURE__*/styled.h3.withConfig({
39438
- displayName: "ConfirmModal__Title",
39439
- componentId: "sc-11qkyu1-4"
39440
- })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
39441
- var CloseButton$4 = /*#__PURE__*/styled.button.withConfig({
39442
- displayName: "ConfirmModal__CloseButton",
39443
- componentId: "sc-11qkyu1-5"
39444
- })(["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;}"]);
39445
- var MessageContainer = /*#__PURE__*/styled.div.withConfig({
39446
- displayName: "ConfirmModal__MessageContainer",
39447
- componentId: "sc-11qkyu1-6"
39448
- })(["text-align:center;"]);
39449
- var Message$1 = /*#__PURE__*/styled.p.withConfig({
39450
- displayName: "ConfirmModal__Message",
39451
- componentId: "sc-11qkyu1-7"
39452
- })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.6rem;color:rgba(255,255,255,0.85);line-height:1.8;"]);
39453
- var ButtonsContainer$2 = /*#__PURE__*/styled.div.withConfig({
39454
- displayName: "ConfirmModal__ButtonsContainer",
39455
- componentId: "sc-11qkyu1-8"
39456
- })(["display:flex;justify-content:center;gap:20px;margin-top:4px;@media (max-width:768px){gap:30px;}"]);
39457
- var CancelButtonWrapper = /*#__PURE__*/styled.div.withConfig({
39458
- displayName: "ConfirmModal__CancelButtonWrapper",
39459
- componentId: "sc-11qkyu1-9"
39460
- })(["filter:grayscale(0.7);"]);
39461
-
39462
39462
  var CTAButton = function CTAButton(_ref) {
39463
39463
  var icon = _ref.icon,
39464
39464
  label = _ref.label,
@@ -74034,5 +74034,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
74034
74034
  componentId: "sc-7tgzv2-6"
74035
74035
  })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
74036
74036
 
74037
- 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 };
74037
+ export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, 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 };
74038
74038
  //# sourceMappingURL=long-bow.esm.js.map