@rpg-engine/long-bow 0.8.184 → 0.8.185

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -46,6 +46,7 @@ export * from './components/Marketplace/BlueprintSearchModal';
46
46
  export * from './components/Marketplace/CharacterMarketplacePanel';
47
47
  export * from './components/Marketplace/CharacterMarketplaceRows';
48
48
  export * from './components/Marketplace/CharacterListingForm';
49
+ export * from './components/Marketplace/CharacterListingModal';
49
50
  export * from './components/Marketplace/MyCharacterListingsPanel';
50
51
  export * from './components/Multitab/TabBody';
51
52
  export * from './components/Multitab/TabsContainer';
@@ -63,6 +64,9 @@ export * from './components/RangeSlider';
63
64
  export * from './components/RPGUI/RPGUIContainer';
64
65
  export * from './components/RPGUI/RPGUIRoot';
65
66
  export * from './components/shared/CTAButton/CTAButton';
67
+ export * from './components/shared/DCRateStrip';
68
+ export * from './components/shared/Pagination/Pagination';
69
+ export * from './components/shared/RadioOption';
66
70
  export * from './components/shared/SpriteFromAtlas';
67
71
  export * from './components/Shortcuts/Shortcuts';
68
72
  export * from './components/SkillProgressBar';
@@ -49274,6 +49274,76 @@ var InputRadio = function InputRadio(_ref) {
49274
49274
  }));
49275
49275
  };
49276
49276
 
49277
+ /**
49278
+ * A selectable row with an amber radio circle indicator.
49279
+ * Used for single-select option lists throughout the Marketplace UI.
49280
+ * Export `RadioCircle` separately so consumers can compose custom layouts.
49281
+ */
49282
+ var RadioOption$1 = function RadioOption(_ref) {
49283
+ var selected = _ref.selected,
49284
+ _ref$disabled = _ref.disabled,
49285
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
49286
+ onSelect = _ref.onSelect,
49287
+ children = _ref.children;
49288
+ var handleClick = function handleClick() {
49289
+ if (!disabled) {
49290
+ onSelect();
49291
+ }
49292
+ };
49293
+ return React__default.createElement(RadioOptionContainer, {
49294
+ "$selected": selected,
49295
+ "$disabled": disabled,
49296
+ onClick: handleClick,
49297
+ role: "radio",
49298
+ "aria-checked": selected,
49299
+ "aria-disabled": disabled
49300
+ }, React__default.createElement(RadioCircle$2, {
49301
+ "$selected": selected
49302
+ }), children);
49303
+ };
49304
+ var RadioOptionContainer = /*#__PURE__*/styled__default.div.withConfig({
49305
+ displayName: "RadioOption__RadioOptionContainer",
49306
+ componentId: "sc-rmm0nc-0"
49307
+ })(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
49308
+ var $selected = _ref2.$selected;
49309
+ return $selected ? '#f59e0b' : 'rgba(255,255,255,0.15)';
49310
+ }, function (_ref3) {
49311
+ var $selected = _ref3.$selected;
49312
+ return $selected ? 'rgba(245,158,11,0.1)' : 'transparent';
49313
+ }, function (_ref4) {
49314
+ var $disabled = _ref4.$disabled;
49315
+ return $disabled ? 'not-allowed' : 'pointer';
49316
+ }, function (_ref5) {
49317
+ var $disabled = _ref5.$disabled;
49318
+ return $disabled ? 0.5 : 1;
49319
+ }, function (_ref6) {
49320
+ var $disabled = _ref6.$disabled;
49321
+ return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
49322
+ });
49323
+ var RadioCircle$2 = /*#__PURE__*/styled__default.div.withConfig({
49324
+ displayName: "RadioOption__RadioCircle",
49325
+ componentId: "sc-rmm0nc-1"
49326
+ })(["width:16px;height:16px;border-radius:50%;border:2px solid ", ";display:flex;align-items:center;justify-content:center;flex-shrink:0;&::after{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref7) {
49327
+ var $selected = _ref7.$selected;
49328
+ return $selected ? '#f59e0b' : 'rgba(255,255,255,0.4)';
49329
+ }, function (_ref8) {
49330
+ var $selected = _ref8.$selected;
49331
+ return $selected ? 1 : 0;
49332
+ });
49333
+ /** Convenience wrapper for option label text with RPGUI font override. */
49334
+ var RadioOptionLabel = /*#__PURE__*/styled__default.span.withConfig({
49335
+ displayName: "RadioOption__RadioOptionLabel",
49336
+ componentId: "sc-rmm0nc-2"
49337
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:", " !important;"], function (_ref9) {
49338
+ var $disabled = _ref9.$disabled;
49339
+ return $disabled ? 'rgba(255,255,255,0.4)' : '#ffffff';
49340
+ });
49341
+ /** Convenience wrapper for option sub-text with RPGUI font override. */
49342
+ var RadioOptionSub = /*#__PURE__*/styled__default.span.withConfig({
49343
+ displayName: "RadioOption__RadioOptionSub",
49344
+ componentId: "sc-rmm0nc-3"
49345
+ })(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:rgba(255,255,255,0.5) !important;"]);
49346
+
49277
49347
  var Shortcuts = function Shortcuts(_ref) {
49278
49348
  var shortcuts = _ref.shortcuts,
49279
49349
  onShortcutCast = _ref.onShortcutCast,
@@ -71531,27 +71601,27 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
71531
71601
  }, React__default.createElement(Header$f, null, React__default.createElement(Title$m, null, "How would you like to pay?"), React__default.createElement(CloseButton$g, {
71532
71602
  onPointerDown: onClose,
71533
71603
  "aria-label": "Close"
71534
- }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(Options$1, null, React__default.createElement(RadioOption$1, {
71604
+ }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(Options$1, null, React__default.createElement(RadioOption$2, {
71535
71605
  "$selected": selected === 'card',
71536
71606
  onPointerDown: function onPointerDown() {
71537
71607
  return setSelected('card');
71538
71608
  }
71539
- }, React__default.createElement(RadioCircle$2, {
71609
+ }, React__default.createElement(RadioCircle$3, {
71540
71610
  "$selected": selected === 'card'
71541
- }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$1, {
71611
+ }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$2, {
71542
71612
  "$selected": selected === 'pix',
71543
71613
  onPointerDown: function onPointerDown() {
71544
71614
  return setSelected('pix');
71545
71615
  }
71546
- }, React__default.createElement(RadioCircle$2, {
71616
+ }, React__default.createElement(RadioCircle$3, {
71547
71617
  "$selected": selected === 'pix'
71548
- }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$1, {
71618
+ }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$2, {
71549
71619
  "$selected": selected === 'dc',
71550
71620
  "$disabled": dcDisabled,
71551
71621
  onPointerDown: dcDisabled ? undefined : function () {
71552
71622
  return setSelected('dc');
71553
71623
  }
71554
- }, React__default.createElement(RadioCircle$2, {
71624
+ }, React__default.createElement(RadioCircle$3, {
71555
71625
  "$selected": selected === 'dc'
71556
71626
  }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Definya Coin"), React__default.createElement(OptionSub$1, null, dcSubText)))), React__default.createElement(ConfirmRow$1, null, React__default.createElement(Button, {
71557
71627
  buttonType: exports.ButtonTypes.RPGUIButton,
@@ -71586,7 +71656,7 @@ var Options$1 = /*#__PURE__*/styled__default.div.withConfig({
71586
71656
  displayName: "PaymentMethodModal__Options",
71587
71657
  componentId: "sc-1dxy6lr-6"
71588
71658
  })(["display:flex;flex-direction:column;gap:8px;"]);
71589
- var RadioOption$1 = /*#__PURE__*/styled__default.div.withConfig({
71659
+ var RadioOption$2 = /*#__PURE__*/styled__default.div.withConfig({
71590
71660
  displayName: "PaymentMethodModal__RadioOption",
71591
71661
  componentId: "sc-1dxy6lr-7"
71592
71662
  })(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s,opacity 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
@@ -71605,7 +71675,7 @@ var RadioOption$1 = /*#__PURE__*/styled__default.div.withConfig({
71605
71675
  var $disabled = _ref6.$disabled;
71606
71676
  return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
71607
71677
  });
71608
- var RadioCircle$2 = /*#__PURE__*/styled__default.div.withConfig({
71678
+ var RadioCircle$3 = /*#__PURE__*/styled__default.div.withConfig({
71609
71679
  displayName: "PaymentMethodModal__RadioCircle",
71610
71680
  componentId: "sc-1dxy6lr-8"
71611
71681
  })(["width:16px;height:16px;border-radius:50%;border:2px solid ", ";display:flex;align-items:center;justify-content:center;flex-shrink:0;&::after{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref7) {
@@ -73781,6 +73851,7 @@ exports.BuyOrderRow = BuyOrderRow;
73781
73851
  exports.CTAButton = CTAButton;
73782
73852
  exports.CartView = CartView;
73783
73853
  exports.CharacterListingForm = CharacterListingForm;
73854
+ exports.CharacterListingModal = CharacterListingModal;
73784
73855
  exports.CharacterMarketplacePanel = CharacterMarketplacePanel;
73785
73856
  exports.CharacterMarketplaceRows = CharacterMarketplaceRows;
73786
73857
  exports.CharacterSelection = CharacterSelection;
@@ -73793,6 +73864,7 @@ exports.CheckItem = CheckItem;
73793
73864
  exports.CircularController = CircularController;
73794
73865
  exports.CountdownTimer = CountdownTimer;
73795
73866
  exports.CraftBook = CraftBook;
73867
+ exports.DCRateStrip = DCRateStrip;
73796
73868
  exports.DCWalletContent = DCWalletContent;
73797
73869
  exports.DCWalletModal = DCWalletModal;
73798
73870
  exports.DailyTasks = DailyTasks;
@@ -73834,6 +73906,7 @@ exports.MetadataCollector = MetadataCollector;
73834
73906
  exports.MyCharacterListingsPanel = MyCharacterListingsPanel;
73835
73907
  exports.NPCDialog = NPCDialog;
73836
73908
  exports.NPCMultiDialog = NPCMultiDialog;
73909
+ exports.Pagination = Pagination;
73837
73910
  exports.PartyCreate = PartyCreate;
73838
73911
  exports.PartyDashboard = PartyDashboard;
73839
73912
  exports.PartyInvite = PartyInvite;
@@ -73851,6 +73924,10 @@ exports.QuestList = QuestList;
73851
73924
  exports.QuestionDialog = QuestionDialog;
73852
73925
  exports.RPGUIContainer = RPGUIContainer;
73853
73926
  exports.RPGUIRoot = RPGUIRoot;
73927
+ exports.RadioCircle = RadioCircle$2;
73928
+ exports.RadioOption = RadioOption$1;
73929
+ exports.RadioOptionLabel = RadioOptionLabel;
73930
+ exports.RadioOptionSub = RadioOptionSub;
73854
73931
  exports.RangeSlider = RangeSlider;
73855
73932
  exports.SelectArrow = SelectArrow;
73856
73933
  exports.Shortcuts = Shortcuts;