@rpg-engine/long-bow 0.6.0 → 0.6.1

package/dist/long-bow.esm.js

@@ -13659,6 +13659,48 @@ var rarityColor = function rarityColor(item) {
   }
 };
 
+var onRenderGems = function onRenderGems(itemId, gemQty) {
+  var qtyClassName = 'small';
+  if (gemQty <= 2) {
+    qtyClassName = 'regular';
+  }
+  if (gemQty > 0) {
+    return React.createElement(ItemSlotQty, {
+      itemId: itemId,
+      gemQty: gemQty,
+      qtyClassName: qtyClassName
+    });
+  }
+  return undefined;
+};
+var ItemSlotQty = function ItemSlotQty(_ref) {
+  var itemId = _ref.itemId,
+    gemQty = _ref.gemQty,
+    qtyClassName = _ref.qtyClassName;
+  var gemArray = Array.from({
+    length: gemQty
+  }, function () {
+    return '🔶';
+  });
+  return React.createElement(ItemQtyContainer, {
+    key: "qty-" + itemId,
+    className: "item-slot-qty"
+  }, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "48px"
+  }, React.createElement(ItemQty, {
+    className: qtyClassName
+  }, gemArray.join(''))));
+};
+var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ItemGem__ItemQtyContainer",
+  componentId: "sc-1ekseaq-0"
+})(["position:relative;width:85%;height:16px;top:25px;left:5px;pointer-events:none;display:flex;"]);
+var ItemQty = /*#__PURE__*/styled.span.withConfig({
+  displayName: "ItemGem__ItemQty",
+  componentId: "sc-1ekseaq-1"
+})(["&.regular{font-size:", ";}&.small{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall);
+
 var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   var isFractionalStackQty = stackQty % 1 !== 0;
   var isLargerThan999 = stackQty > 999;
@@ -13666,7 +13708,7 @@ var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   if (isLargerThan999) qtyClassName = 'small';
   if (isFractionalStackQty) qtyClassName = 'xsmall';
   if (stackQty > 1) {
-    return React.createElement(ItemSlotQty, {
+    return React.createElement(ItemSlotQty$1, {
       itemId: itemId,
       stackQty: stackQty,
       qtyClassName: qtyClassName
@@ -13674,25 +13716,25 @@ var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   }
   return undefined;
 };
-var ItemSlotQty = function ItemSlotQty(_ref) {
+var ItemSlotQty$1 = function ItemSlotQty(_ref) {
   var itemId = _ref.itemId,
     stackQty = _ref.stackQty,
     qtyClassName = _ref.qtyClassName;
-  return React.createElement(ItemQtyContainer, {
+  return React.createElement(ItemQtyContainer$1, {
     key: "qty-" + itemId,
     className: "item-slot-qty"
   }, React.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "48px"
-  }, React.createElement(ItemQty, {
+  }, React.createElement(ItemQty$1, {
     className: qtyClassName
   }, Math.round(stackQty * 100) / 100, ' ')));
 };
-var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
+var ItemQtyContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemSlotQty__ItemQtyContainer",
   componentId: "sc-keb1s5-0"
 })(["position:relative;width:85%;height:16px;top:25px;left:2px;pointer-events:none;display:flex;justify-content:flex-end;"]);
-var ItemQty = /*#__PURE__*/styled.span.withConfig({
+var ItemQty$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "ItemSlotQty__ItemQty",
   componentId: "sc-keb1s5-1"
 })(["&.regular{font-size:", ";}&.small{font-size:", ";}&.xsmall{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall, uiFonts.size.xxsmall);
@@ -13703,8 +13745,13 @@ var ItemSlotRenderer = function ItemSlotRenderer(_ref) {
     atlasIMG = _ref.atlasIMG,
     slotSpriteMask = _ref.slotSpriteMask,
     item = _ref.item;
+  var renderStackInfo = function renderStackInfo(item) {
+    return item.stackQty && item.stackQty > 1 && onRenderStackInfo(item._id, item.stackQty);
+  };
+  var renderGems = function renderGems(item) {
+    return item.attachedGems && onRenderGems(item._id, item.attachedGems.length);
+  };
   var renderItem = function renderItem(item) {
-    var _item$stackQty;
     if (!(item != null && item.texturePath)) {
       return null;
     }
@@ -13721,7 +13768,7 @@ var ItemSlotRenderer = function ItemSlotRenderer(_ref) {
       }, atlasJSON),
       imgScale: 3,
       imgClassname: "sprite-from-atlas-img--item"
-    }), onRenderStackInfo(item._id, (_item$stackQty = item.stackQty) != null ? _item$stackQty : 0));
+    }), renderStackInfo(item), renderGems(item));
   };
   var renderEquipment = function renderEquipment(itemToRender) {
     var _itemToRender$allowed;
@@ -18959,74 +19006,6 @@ var SpellList = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-r02nfq-2"
 })(["width:100%;min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;"]);
 
-var Stepper = function Stepper(_ref) {
-  var _steps$currentStep;
-  var steps = _ref.steps,
-    finalCTAButton = _ref.finalCTAButton;
-  var _useState = useState(0),
-    currentStep = _useState[0],
-    setCurrentStep = _useState[1];
-  var currentComponent = (_steps$currentStep = steps[currentStep]) == null ? void 0 : _steps$currentStep.component;
-  var totalSteps = steps.length;
-  var onStepChange = function onStepChange(step) {
-    setCurrentStep(step);
-  };
-  return React.createElement(StepperContainer, {
-    className: "stepper-container"
-  }, React.createElement(StepperTop, null, Array.from({
-    length: totalSteps
-  }, function (_, i) {
-    return React.createElement(ProgressIndicator, {
-      key: i,
-      isActive: i <= currentStep,
-      onClick: function onClick() {
-        return onStepChange(i);
-      }
-    });
-  })), React.createElement(StepperBody, null, currentComponent), React.createElement(StepperFooter, null, currentStep > 0 && React.createElement(SelectArrow, {
-    direction: "left",
-    onPointerDown: function onPointerDown() {
-      return onStepChange(Math.max(0, currentStep - 1));
-    }
-  }), currentStep < totalSteps - 1 && React.createElement(SelectArrow, {
-    direction: "right",
-    onPointerDown: function onPointerDown() {
-      return onStepChange(Math.min(totalSteps - 1, currentStep + 1));
-    }
-  }), currentStep === totalSteps - 1 && finalCTAButton && React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton,
-    onPointerDown: function onPointerDown() {
-      return finalCTAButton.onClick;
-    }
-  }, finalCTAButton.label)));
-};
-var StepperContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Stepper__StepperContainer",
-  componentId: "sc-13obf1-0"
-})(["display:flex;flex-direction:column;height:100%;"]);
-var StepperTop = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Stepper__StepperTop",
-  componentId: "sc-13obf1-1"
-})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
-var StepperBody = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Stepper__StepperBody",
-  componentId: "sc-13obf1-2"
-})(["flex:8;"]);
-var StepperFooter = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Stepper__StepperFooter",
-  componentId: "sc-13obf1-3"
-})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
-var ProgressIndicator = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Stepper__ProgressIndicator",
-  componentId: "sc-13obf1-4"
-})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";cursor:pointer;"], function (_ref2) {
-  var isActive = _ref2.isActive;
-  return isActive ? uiColors.orange : uiColors.lightGray;
-}, function (_ref3) {
-  var isActive = _ref3.isActive;
-  return isActive ? 1 : 0.25;
-}, uiColors.raisinBlack);
-
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React.createElement("textarea", Object.assign({}, props));
@@ -19317,7 +19296,7 @@ var TradingMenu = function TradingMenu(_ref) {
       scale: scale,
       isBuy: isBuy()
     }));
-  })), React.createElement(GoldWrapper, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React.createElement(TotalWrapper, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertWrapper, null, React.createElement("p", null, " Sorry, not enough money.")) : React.createElement(GoldWrapper, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold().toFixed(2))), React.createElement(ButtonWrapper$2, null, React.createElement(Button, {
+  })), React.createElement(GoldWrapper, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold)), React.createElement(TotalWrapper, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertWrapper, null, React.createElement("p", null, " Sorry, not enough money.")) : React.createElement(GoldWrapper, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold())), React.createElement(ButtonWrapper$2, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     disabled: !hasGoldForSale(),
     onPointerDown: function onPointerDown() {
@@ -19461,5 +19440,5 @@ var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-gptoxp-5"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
 
-export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, Stepper, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map