@rpg-engine/long-bow 0.8.131 → 0.8.134

package/dist/long-bow.esm.js

@@ -58644,7 +58644,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  })), React.createElement(ItemDetails$2, null, React.createElement(ItemName$2, null, item.name), React.createElement(ItemPrice$1, null, "$", item.price), React.createElement(ItemDescription, null, item.description)), React.createElement(Controls$1, null, showTextInput ? React.createElement(TextInput, {
+  })), React.createElement(ItemDetails$2, null, React.createElement(ItemName$2, null, item.name), React.createElement(ItemPrice$1, null, "$", item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React.createElement(ItemDescription, null, item.description)), React.createElement(Controls$1, null, showTextInput ? React.createElement(TextInput, {
     type: "text",
     value: textInputValue,
     placeholder: textInputPlaceholder,
@@ -58950,7 +58950,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
   }, 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", {
     src: getImageSrc(),
     alt: item.name
-  })), React.createElement(ItemInfo$2, null, React.createElement(ItemName$3, null, item.name), React.createElement(ItemPrice$2, null, "$", 'priceUSD' in item ? item.priceUSD : item.price), React.createElement(Description$6, null, item.description))), React.createElement(Actions, null, React.createElement(CTAButton, {
+  })), React.createElement(ItemInfo$2, null, React.createElement(ItemName$3, null, item.name), React.createElement(ItemPrice$2, null, "$", 'priceUSD' in item ? item.priceUSD : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React.createElement(Description$6, null, item.description))), React.createElement(Actions, null, React.createElement(CTAButton, {
     icon: React.createElement(FaCartPlus, null),
     label: "Add to Cart",
     onClick: function onClick() {
@@ -59026,7 +59026,9 @@ var Store = function Store(_ref) {
     _ref$textInputItemKey = _ref.textInputItemKeys,
     textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey,
     customPacksContent = _ref.customPacksContent,
-    customWalletContent = _ref.customWalletContent;
+    customWalletContent = _ref.customWalletContent,
+    _ref$packsTabLabel = _ref.packsTabLabel,
+    packsTabLabel = _ref$packsTabLabel === void 0 ? 'Packs' : _ref$packsTabLabel;
   var _useState = useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -59150,7 +59152,7 @@ var Store = function Store(_ref) {
     },
     packs: {
       id: 'packs',
-      title: 'Packs',
+      title: packsTabLabel,
       content: customPacksContent != null ? customPacksContent : React.createElement(StorePacksSection, {
         packs: packs.filter(function (pack) {
           return pack.priceUSD < 9.99;
@@ -59302,6 +59304,117 @@ var ErrorMessage$2 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-64dj00-9"
 })(["text-align:center;color:", ";padding:2rem;"], uiColors.red);
 
+var PaymentMethodModal = function PaymentMethodModal(_ref) {
+  var dcBalance = _ref.dcBalance,
+    onPayWithDC = _ref.onPayWithDC,
+    onPayWithCard = _ref.onPayWithCard,
+    onClose = _ref.onClose;
+  var _useState = useState('card'),
+    selected = _useState[0],
+    setSelected = _useState[1];
+  var stopPropagation = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var handleConfirm = useCallback(function () {
+    if (selected === 'dc') {
+      onPayWithDC();
+    } else {
+      onPayWithCard();
+    }
+  }, [selected, onPayWithDC, onPayWithCard]);
+  return React.createElement(ModalPortal, null, React.createElement(Overlay$4, {
+    onPointerDown: onClose
+  }), React.createElement(ModalContainer$1, null, React.createElement(ModalContent$1, {
+    onClick: stopPropagation,
+    onTouchStart: stopPropagation,
+    onPointerDown: stopPropagation
+  }, React.createElement(Header$a, null, React.createElement(Title$f, null, "How would you like to pay?"), React.createElement(CloseButton$a, {
+    onPointerDown: onClose,
+    "aria-label": "Close"
+  }, React.createElement(FaTimes, null))), React.createElement(Options, null, React.createElement(RadioOption, {
+    "$selected": selected === 'card',
+    onPointerDown: function onPointerDown() {
+      return setSelected('card');
+    }
+  }, React.createElement(RadioCircle, {
+    "$selected": selected === 'card'
+  }), React.createElement(OptionText, null, React.createElement(OptionLabel, null, "Credit Card"), React.createElement(OptionSub, null, "Stripe secure checkout"))), React.createElement(RadioOption, {
+    "$selected": selected === 'dc',
+    onPointerDown: function onPointerDown() {
+      return setSelected('dc');
+    }
+  }, React.createElement(RadioCircle, {
+    "$selected": selected === 'dc'
+  }), React.createElement(OptionText, null, React.createElement(OptionLabel, null, "Definya Coin"), React.createElement(OptionSub, null, dcBalance.toLocaleString(), " DC available")))), React.createElement(ConfirmRow, null, React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: handleConfirm
+  }, "Confirm")))));
+};
+var Overlay$4 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__Overlay",
+  componentId: "sc-1dxy6lr-0"
+})(["position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;"]);
+var ModalContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__ModalContainer",
+  componentId: "sc-1dxy6lr-1"
+})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
+var ModalContent$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__ModalContent",
+  componentId: "sc-1dxy6lr-2"
+})(["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;}}"]);
+var Header$a = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__Header",
+  componentId: "sc-1dxy6lr-3"
+})(["display:flex;align-items:center;justify-content:space-between;"]);
+var Title$f = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "PaymentMethodModal__Title",
+  componentId: "sc-1dxy6lr-4"
+})(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
+var CloseButton$a = /*#__PURE__*/styled.button.withConfig({
+  displayName: "PaymentMethodModal__CloseButton",
+  componentId: "sc-1dxy6lr-5"
+})(["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;}"]);
+var Options = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__Options",
+  componentId: "sc-1dxy6lr-6"
+})(["display:flex;flex-direction:column;gap:8px;"]);
+var RadioOption = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__RadioOption",
+  componentId: "sc-1dxy6lr-7"
+})(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s;&:hover{border-color:#f59e0b;}"], function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.15)';
+}, function (_ref3) {
+  var $selected = _ref3.$selected;
+  return $selected ? 'rgba(245,158,11,0.1)' : 'transparent';
+});
+var RadioCircle = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__RadioCircle",
+  componentId: "sc-1dxy6lr-8"
+})(["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 (_ref4) {
+  var $selected = _ref4.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.4)';
+}, function (_ref5) {
+  var $selected = _ref5.$selected;
+  return $selected ? 1 : 0;
+});
+var OptionText = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__OptionText",
+  componentId: "sc-1dxy6lr-9"
+})(["display:flex;flex-direction:column;gap:3px;"]);
+var OptionLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "PaymentMethodModal__OptionLabel",
+  componentId: "sc-1dxy6lr-10"
+})(["font-family:'Press Start 2P',cursive;font-size:0.65rem;color:#ffffff;"]);
+var OptionSub = /*#__PURE__*/styled.span.withConfig({
+  displayName: "PaymentMethodModal__OptionSub",
+  componentId: "sc-1dxy6lr-11"
+})(["font-family:'Press Start 2P',cursive;font-size:0.5rem;color:rgba(255,255,255,0.55);"]);
+var ConfirmRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PaymentMethodModal__ConfirmRow",
+  componentId: "sc-1dxy6lr-12"
+})(["display:flex;justify-content:center;margin-top:4px;"]);
+
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React.createElement("textarea", Object.assign({}, props));
@@ -59336,7 +59449,7 @@ var TimeWidget = function TimeWidget(_ref) {
   return React.createElement(Draggable, {
     scale: scale,
     cancel: ".time-widget-close,.time-widget-container,.time-widget-container *"
-  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$a, {
+  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$b, {
     onPointerDown: onClose,
     className: "time-widget-close"
   }, "X"), React.createElement(DayNightContainer, {
@@ -59353,7 +59466,7 @@ var Time = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
 })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
-var CloseButton$a = /*#__PURE__*/styled.p.withConfig({
+var CloseButton$b = /*#__PURE__*/styled.p.withConfig({
   displayName: "TimeWidget__CloseButton",
   componentId: "sc-1ja236h-2"
 })(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);
@@ -59632,7 +59745,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React.createElement(Container$O, null, React.createElement(Title$f, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
+  }, React.createElement(Container$O, null, React.createElement(Title$g, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
     className: "golden"
   }), React.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -59664,7 +59777,7 @@ var Container$O = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
-var Title$f = /*#__PURE__*/styled.h1.withConfig({
+var Title$g = /*#__PURE__*/styled.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-1"
 })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -59844,5 +59957,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CartView, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, HistoryDialog, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceRows, MetadataCollector, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
+export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CartView, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, HistoryDialog, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceRows, MetadataCollector, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
 //# sourceMappingURL=long-bow.esm.js.map