@rpg-engine/long-bow 0.8.197 → 0.8.199

package/dist/long-bow.cjs.development.js

@@ -23,7 +23,7 @@ var lodash = require('lodash');
 var mobxReactLite = require('mobx-react-lite');
 var ai = require('react-icons/ai');
 var reactColorful = require('react-colorful');
-var Clock = require('pixelarticons/react/Clock');
+var DateTime = require('pixelarticons/react/DateTime');
 var Settings2 = require('pixelarticons/react/Settings2');
 var ShoppingBag = require('pixelarticons/react/ShoppingBag');
 var ShoppingCart = require('pixelarticons/react/ShoppingCart');
@@ -35,10 +35,9 @@ var Search = require('pixelarticons/react/Search');
 var Delete = require('pixelarticons/react/Delete');
 require('rpgui/rpgui.css');
 require('rpgui/rpgui.min.js');
-var Coins = require('pixelarticons/react/Coins');
-var Box = require('pixelarticons/react/Box');
 var Crown = require('pixelarticons/react/Crown');
 var Gift = require('pixelarticons/react/Gift');
+var Package = require('pixelarticons/react/Package');
 var capitalize = _interopDefault(require('lodash/capitalize'));
 
 function _arrayLikeToArray(r, a) {
@@ -638,7 +637,9 @@ var ButtonContainer = /*#__PURE__*/styled__default.button.withConfig({
 })(["height:45px;font-size:", ";"], uiFonts.size.small);
 
 var NO_IMAGE_SPRITE_KEY = 'others/no-image.png';
+var atlasSpriteAliases = /*#__PURE__*/new Map([['mysticstaff', 'staffs/mystic-lightning-staff.png'], ['silverarrow', 'ranged-weapons/silvermoon-arrow.png']]);
 var atlasBaseNameLookupCache = /*#__PURE__*/new WeakMap();
+var atlasNormalizedNameLookupCache = /*#__PURE__*/new WeakMap();
 var getBaseName = function getBaseName(spriteKey) {
   var normalizedKey = spriteKey.trim();
   if (!normalizedKey) {
@@ -650,6 +651,13 @@ var getBaseName = function getBaseName(spriteKey) {
   }
   return fileName.replace(/\.png$/, '');
 };
+var normalizeBaseName = function normalizeBaseName(spriteKey) {
+  var baseName = getBaseName(spriteKey);
+  if (!baseName) {
+    return null;
+  }
+  return baseName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/[^a-zA-Z0-9]+/g, '').toLowerCase();
+};
 var getAtlasBaseNameLookup = function getAtlasBaseNameLookup(atlasJSON) {
   var _atlasJSON$frames;
   if (!atlasJSON || typeof atlasJSON !== 'object') {
@@ -670,8 +678,28 @@ var getAtlasBaseNameLookup = function getAtlasBaseNameLookup(atlasJSON) {
   atlasBaseNameLookupCache.set(atlasJSON, lookup);
   return lookup;
 };
+var getAtlasNormalizedNameLookup = function getAtlasNormalizedNameLookup(atlasJSON) {
+  var _atlasJSON$frames2;
+  if (!atlasJSON || typeof atlasJSON !== 'object') {
+    return new Map();
+  }
+  var cachedLookup = atlasNormalizedNameLookupCache.get(atlasJSON);
+  if (cachedLookup) {
+    return cachedLookup;
+  }
+  var frames = (_atlasJSON$frames2 = atlasJSON == null ? void 0 : atlasJSON.frames) != null ? _atlasJSON$frames2 : {};
+  var lookup = new Map();
+  Object.keys(frames).forEach(function (frameKey) {
+    var normalizedBaseName = normalizeBaseName(frameKey);
+    if (normalizedBaseName && !lookup.has(normalizedBaseName)) {
+      lookup.set(normalizedBaseName, frameKey);
+    }
+  });
+  atlasNormalizedNameLookupCache.set(atlasJSON, lookup);
+  return lookup;
+};
 var resolveAtlasSpriteKey = function resolveAtlasSpriteKey(atlasJSON, spriteKey) {
-  var _getAtlasBaseNameLook;
+  var _getAtlasNormalizedNa;
   if (!spriteKey) {
     return null;
   }
@@ -694,7 +722,19 @@ var resolveAtlasSpriteKey = function resolveAtlasSpriteKey(atlasJSON, spriteKey)
   if (!baseName) {
     return null;
   }
-  return (_getAtlasBaseNameLook = getAtlasBaseNameLookup(atlasJSON).get(baseName)) != null ? _getAtlasBaseNameLook : null;
+  var directBaseMatch = getAtlasBaseNameLookup(atlasJSON).get(baseName);
+  if (directBaseMatch) {
+    return directBaseMatch;
+  }
+  var normalizedBaseName = normalizeBaseName(normalizedKey);
+  if (!normalizedBaseName) {
+    return null;
+  }
+  var aliasedSpriteKey = atlasSpriteAliases.get(normalizedBaseName);
+  if (aliasedSpriteKey && frames[aliasedSpriteKey]) {
+    return aliasedSpriteKey;
+  }
+  return (_getAtlasNormalizedNa = getAtlasNormalizedNameLookup(atlasJSON).get(normalizedBaseName)) != null ? _getAtlasNormalizedNa : null;
 };
 
 var toUppercaseHexColor = function toUppercaseHexColor(color) {
@@ -45129,7 +45169,9 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
   var mainRow = _ref.mainRow,
     subRows = _ref.subRows,
     _ref$badgeLabel = _ref.badgeLabel,
-    badgeLabel = _ref$badgeLabel === void 0 ? 'offers' : _ref$badgeLabel;
+    badgeLabel = _ref$badgeLabel === void 0 ? 'offers' : _ref$badgeLabel,
+    _ref$metaRightInset = _ref.metaRightInset,
+    metaRightInset = _ref$metaRightInset === void 0 ? 120 : _ref$metaRightInset;
   var _useState = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -45142,7 +45184,9 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
         return !e;
       });
     } : undefined
-  }, mainRow, hasMultiple && React__default.createElement(GroupMeta, null, React__default.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React__default.createElement(Chevron, {
+  }, mainRow, hasMultiple && React__default.createElement(GroupMeta, {
+    "$rightInset": metaRightInset
+  }, React__default.createElement(OfferBadge, null, totalCount, " ", badgeLabel), React__default.createElement(Chevron, {
     "$expanded": expanded
   }, "\u25B8"))), expanded && React__default.createElement(SubRows, null, subRows));
 };
@@ -45160,7 +45204,10 @@ var GroupHeader = /*#__PURE__*/styled__default.div.withConfig({
 var GroupMeta = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "GroupedRowContainer__GroupMeta",
   componentId: "sc-12q03tq-2"
-})(["position:absolute;right:100px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;pointer-events:none;"]);
+})(["position:absolute;right:", ";top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding-left:10px;background:linear-gradient(to left,rgba(25,23,23,0.85),rgba(25,23,23,0));pointer-events:none;z-index:1;"], function (_ref3) {
+  var $rightInset = _ref3.$rightInset;
+  return $rightInset + "px";
+});
 var OfferBadge = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "GroupedRowContainer__OfferBadge",
   componentId: "sc-12q03tq-3"
@@ -45168,8 +45215,8 @@ var OfferBadge = /*#__PURE__*/styled__default.span.withConfig({
 var Chevron = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "GroupedRowContainer__Chevron",
   componentId: "sc-12q03tq-4"
-})(["display:inline-block;font-size:0.7rem;color:rgba(255,255,255,0.4);transition:transform 0.2s ease;transform:rotate(", ");"], function (_ref3) {
-  var $expanded = _ref3.$expanded;
+})(["display:inline-block;font-size:0.7rem;color:rgba(255,255,255,0.4);transition:transform 0.2s ease;transform:rotate(", ");"], function (_ref4) {
+  var $expanded = _ref4.$expanded;
   return $expanded ? '90deg' : '0deg';
 });
 var SubRows = /*#__PURE__*/styled__default.div.withConfig({
@@ -45494,7 +45541,8 @@ var GroupedBuyOrderRow = function GroupedBuyOrderRow(_ref2) {
   return React__default.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestOrder),
     subRows: otherOrders.map(makeRow),
-    badgeLabel: "requests"
+    badgeLabel: "requests",
+    metaRightInset: 156
   });
 };
 // ── Styled components matching MarketplaceRows layout ──
@@ -45960,7 +46008,7 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   }))), React__default.createElement(DCPrice, null, shared.formatDCAmount(dcEquivalentPrice)))))), React__default.createElement(ActionSection$1, null, React__default.createElement(CTAButton, {
-    icon: onMarketPlaceItemBuy ? React__default.createElement(Coins.Coins, {
+    icon: onMarketPlaceItemBuy ? React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }) : React__default.createElement(Delete.Delete, {
@@ -46012,7 +46060,8 @@ var GroupedMarketplaceRow = function GroupedMarketplaceRow(_ref2) {
   return React__default.createElement(GroupedRowContainer, {
     mainRow: makeRow(bestListing),
     subRows: otherListings.map(makeRow),
-    badgeLabel: "offers"
+    badgeLabel: "offers",
+    metaRightInset: 132
   });
 };
 var ItemSection$1 = /*#__PURE__*/styled__default.div.withConfig({
@@ -46553,7 +46602,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
 var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__ItemComponentScrollWrapper",
   componentId: "sc-1si8t7i-7"
-})(["overflow-y:scroll;overflow-x:hidden;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
+})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:390px;min-height:120px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){max-height:250px;}"]);
 var MarketSection = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__MarketSection",
   componentId: "sc-1si8t7i-8"
@@ -46977,7 +47026,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
   })), React__default.createElement(BalanceAmount$1, {
     "$disabled": false
   }, dcBalance), React__default.createElement(BalanceCurrencyLabel, null, "DC")), React__default.createElement(SmallCTAButton, {
-    icon: React__default.createElement(Coins.Coins, {
+    icon: React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }),
@@ -48192,7 +48241,7 @@ var Marketplace = function Marketplace(props) {
     }, {
       id: 'history',
       label: 'History',
-      icon: React__default.createElement(Clock.Clock, {
+      icon: React__default.createElement(DateTime.DateTime, {
         width: 18,
         height: 18
       })
@@ -48371,7 +48420,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   })), React__default.createElement(DCPrice$2, null, shared.formatDCAmount(price))), isBeingBought && React__default.createElement(PendingBadge$1, null, "Sale Pending"))), React__default.createElement(ActionSection$2, null, React__default.createElement(CTAButton, {
-    icon: onCharacterBuy ? React__default.createElement(Coins.Coins, {
+    icon: onCharacterBuy ? React__default.createElement(Wallet.Wallet, {
       width: 18,
       height: 18
     }) : undefined,
@@ -49834,146 +49883,150 @@ var COMBAT_COLOR = '#C5283D';
 var CRAFTING_COLOR = '#597DCE';
 var ATTRIBUTE_COLOR = '#6833A3';
 var LEVEL_COLOR = '#0E79B2';
+// Keep this copy aligned with ../rpg-api:
+// SkillIncrease.ts, BattleDamageCalculator.ts, BattleEvent.ts,
+// ResourceRequirementConstants.ts, PlantHarvest.ts,
+// ItemCraftableQueue.ts, ItemMinLevelCalculator.ts, NPCExperience.ts.
 var SKILL_INFO_DATA = {
   first: {
     name: 'Fist',
     color: COMBAT_COLOR,
-    description: 'Governs your effectiveness when fighting unarmed or with punch-type weapons. Your level directly scales unarmed attack damage and attack speed.',
-    howToTrain: 'Deal damage to enemies while fighting with no weapon equipped or while wearing leather gloves.',
-    notes: 'No equipment is required to train this skill — useful for new players. Berserker class receives a strong affinity bonus.'
+    description: 'Used for unarmed attacks. Higher Fist improves your chance to hit and the damage you deal while fighting empty-handed.',
+    howToTrain: 'Land non-spell hits with no weapon equipped.',
+    notes: 'Some gloves require Fist, but you train it by fighting unarmed. Berserkers learn it especially well.'
   },
   club: {
     name: 'Club',
     color: COMBAT_COLOR,
-    description: 'Determines your proficiency with mace-type weapons such as clubs and hammers. Higher level increases damage dealt and reduces attack interval.',
-    howToTrain: 'Deal damage to enemies while wielding any mace-type weapon.',
-    notes: 'Mace weapons deal more consistent damage than swords but have slower attack speed. Useful against heavily armored enemies.'
+    description: 'Used for maces and clubs. Higher Club improves your chance to hit and the damage you deal with those weapons.',
+    howToTrain: 'Land non-spell hits with a mace or club weapon equipped.',
+    notes: 'Some mace-type weapons require Club to equip. Warriors and Berserkers learn it faster than most classes.'
   },
   sword: {
     name: 'Sword',
     color: COMBAT_COLOR,
-    description: 'Governs your mastery of one-handed and two-handed swords. Level scales both the damage bonus and effective swing speed of sword attacks.',
-    howToTrain: 'Deal damage to enemies while wielding any sword-type weapon.',
-    notes: 'Swords are the most balanced combat skill — moderate damage, moderate speed. Knight class has an affinity bonus to sword progression.'
+    description: 'Used for swords. Higher Sword improves your chance to hit and the damage you deal with sword attacks.',
+    howToTrain: 'Land non-spell hits with a sword equipped.',
+    notes: 'Some swords require Sword to equip. Warriors and Berserkers are the natural Sword classes.'
   },
   axe: {
     name: 'Axe',
     color: COMBAT_COLOR,
-    description: 'Controls your skill with axe-type weapons. High axe level gives the biggest per-hit damage increase of any melee weapon type.',
-    howToTrain: 'Deal damage to enemies while wielding any axe-type weapon.',
-    notes: 'Axes have the highest damage ceiling of melee weapons but the slowest base attack speed. Best for burst damage on single targets.'
+    description: 'Used for axes. Higher Axe improves your chance to hit and the damage you deal with axe attacks.',
+    howToTrain: 'Land non-spell hits with an axe equipped.',
+    notes: 'Some axes require Axe to equip. Berserkers are the natural Axe class, with Warriors close behind.'
   },
   distance: {
     name: 'Distance',
     color: COMBAT_COLOR,
-    description: 'Measures your accuracy and damage with ranged weapons such as bows, crossbows, and spears. Level reduces miss chance and increases projectile damage.',
-    howToTrain: 'Deal damage to enemies using any ranged weapon.',
-    notes: 'Allows attacking from a safe range. Archer class receives a notable affinity bonus. Vigor level affects the delay between ranged shots.'
+    description: 'Used for ranged weapons and spears. Higher Distance improves your accuracy and damage, especially for Hunters.',
+    howToTrain: 'Land non-spell hits with a ranged weapon or spear.',
+    notes: 'Some ranged weapons and abilities also require Distance. Hunters rely on it the most for bows and spears.'
   },
   shielding: {
     name: 'Shielding',
     color: COMBAT_COLOR,
-    description: 'Represents your skill at blocking with shields. Higher level increases the percentage of incoming damage blocked per successful shield block and lowers block failure chance.',
-    howToTrain: 'Receive attacks from enemies while a shield is equipped in your off-hand slot.',
-    notes: 'Purely defensive — trains only when you are being hit, not when you attack. Any shield enables training. Paladin and Knight classes have affinity bonuses.'
+    description: 'Used when reducing incoming damage with a shield. With a shield equipped, Shielding boosts your defense and lets the shield absorb part of each hit.',
+    howToTrain: 'Take hits or blocks while a shield is equipped.',
+    notes: 'Shielding gains use a hard cooldown, so extra hits do not spam progress. Warriors benefit from it the most, with Berserkers also training it well.'
   },
   dagger: {
     name: 'Dagger',
     color: COMBAT_COLOR,
-    description: 'Governs your technique with daggers and short blades. Daggers are fast but deal less per-hit damage; high level compensates with additional attack speed and critical hit probability.',
-    howToTrain: 'Deal damage to enemies while wielding any dagger-type weapon.',
-    notes: 'Daggers have the fastest attack speed of any melee weapon type. Rogue class has a strong affinity bonus to dagger progression.'
+    description: 'Used for daggers. Higher Dagger improves your chance to hit and the damage you deal with dagger attacks.',
+    howToTrain: 'Land non-spell hits with a dagger equipped.',
+    notes: 'Some daggers require Dagger to equip. Rogues are the main Dagger class, and Hunters also train it well.'
   },
   fishing: {
     name: 'Fishing',
     color: CRAFTING_COLOR,
-    description: 'Determines your success rate and yield when fishing. Higher levels unlock catches of rarer fish species and reduce waiting time between bites.',
-    howToTrain: 'Use a fishing rod near any water body with a fish resource. Each successful catch grants Skill Points.',
-    notes: 'A fishing rod must be equipped. Caught fish can be cooked with the Cooking skill. Druid class has a 10% bonus.'
+    description: 'Governs fishing rewards and access to higher-tier catches. Higher Fishing lets you catch better fish and shell rewards.',
+    howToTrain: 'Successfully fish reward items such as fish or shell resources.',
+    notes: 'Higher-tier catches also depend on the rod you are using.'
   },
   farming: {
     name: 'Farming',
     color: CRAFTING_COLOR,
-    description: 'Controls your efficiency when cultivating crops. Level affects harvest quantity, double-harvest chance, and which rare crop varieties you can grow.',
-    howToTrain: 'Plant seeds in farming spots using a watering can, then harvest mature crops. Each harvest grants Skill Points.',
-    notes: 'Requires seeds (purchasable from farming NPCs) and a watering can. Crops must be watered at least once before harvest. Druid class has a 20% affinity bonus.'
+    description: 'Governs plant harvesting. Higher Farming increases crop yield and improves harvest rarity when plants are collected.',
+    howToTrain: 'Plant and harvest crops. Harvesting plants grants Farming SP.',
+    notes: 'Some seeds require Farming before you can plant them.'
   },
   mining: {
     name: 'Mining',
     color: CRAFTING_COLOR,
-    description: 'Governs your ability to extract ore and stone from rock nodes. Level determines which ore types you can mine and how many resources you yield per swing.',
-    howToTrain: 'Mine rock or ore nodes with a pickaxe. Each successful resource extraction grants Skill Points.',
-    notes: 'A pickaxe must be equipped. Higher mining levels unlock rarer ores found in deeper zones. Dwarf race has a 20% bonus.'
+    description: 'Governs mining rewards and unlocks higher-tier ore, stone, and gem drops.',
+    howToTrain: 'Mine resource nodes and successfully receive mining rewards.',
+    notes: 'Better mining rewards depend on both your Mining level and your pickaxe.'
   },
   lumberjacking: {
     name: 'Lumberjacking',
     color: CRAFTING_COLOR,
-    description: 'Controls your skill at chopping trees for wood. Level determines which tree types you can cut and the number of logs obtained per swing.',
-    howToTrain: 'Chop tree resource nodes with an axe equipped. Each log obtained grants Skill Points.',
-    notes: 'Any axe-type weapon doubles as a lumberjacking tool — there is no separate lumberjacking tool. Rarer wood types require higher skill and appear in higher-level zones.'
+    description: 'Governs woodcutting rewards and unlocks higher-tier wood drops.',
+    howToTrain: 'Chop resource nodes and successfully receive wood rewards.',
+    notes: 'Better wood tiers depend on both your Lumberjacking level and the tool you are using.'
   },
   blacksmithing: {
     name: 'Blacksmithing',
     color: CRAFTING_COLOR,
-    description: 'Determines your ability to craft metal equipment such as weapons and armor at forge stations. Higher level unlocks stronger recipes and improves crafted item quality.',
-    howToTrain: "Craft metal items at a blacksmith's forge using ingots and other materials. Each successful craft grants Skill Points.",
-    notes: 'Requires materials obtained from mining. Blacksmithing produces tradeable equipment items. Higher level recipes require rare ingots. Rogue class has a 10% bonus.'
+    description: 'Governs blacksmithing recipes and ingot processing. Higher Blacksmithing improves craft success and unlocks stronger smithing recipes.',
+    howToTrain: 'Successfully smelt bars or craft gear with Blacksmithing recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   cooking: {
     name: 'Cooking',
     color: CRAFTING_COLOR,
-    description: 'Governs your ability to prepare food from raw ingredients. Cooked food restores HP or provides temporary stat buffs. Higher level produces more potent food.',
-    howToTrain: 'Cook raw food items at a cooking station or campfire. Each successful cook grants Skill Points.',
-    notes: 'Raw ingredients come from fishing, farming, and monster drops. Cooked meals restore more HP than potions at equivalent cost and can provide additional buffs.'
+    description: 'Governs cooking recipes. Higher Cooking improves craft success and unlocks recipes with higher cooking requirements.',
+    howToTrain: 'Successfully cook food with Cooking recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   alchemy: {
     name: 'Alchemy',
     color: CRAFTING_COLOR,
-    description: 'Controls your skill at brewing potions and elixirs. Higher levels unlock stronger potion recipes, reduce failure chance, and increase the potency of brewed potions.',
-    howToTrain: 'Brew potions at an alchemy station using herbs, reagents, and vials. Each successful brew grants Skill Points.',
-    notes: 'Herb reagents are gathered from nature nodes across the world. High-level alchemy produces Greater and Superior potions that substantially outperform shop-bought equivalents. Druid has a 20% bonus.'
+    description: 'Governs alchemy recipes. Higher Alchemy improves craft success and unlocks recipes with higher alchemy requirements.',
+    howToTrain: 'Successfully brew potions or craft reagents with Alchemy recipes.',
+    notes: 'You only gain SP from successful crafts.'
   },
   magic: {
     name: 'Magic',
     color: ATTRIBUTE_COLOR,
-    description: 'Governs the power and efficiency of spells and magic-type weapons. Higher Magic level increases spell damage, spell range, and reduces mana consumption.',
-    howToTrain: 'Deal damage to enemies using spells from your spellbook, or fight while wielding a magic staff or wand.',
-    notes: 'Magic starts at level 0 and is one of the slower attributes to train since it requires active spell use. Sorcerer and Mage classes receive strong affinity bonuses. Also increases maximum mana.'
+    description: 'Used for spell power, rune scaling, staff or magic-weapon attacks, gear used by mage classes, and some carry-weight calculations.',
+    howToTrain: 'Cast spells or land non-spell hits with magic or staff weapons.',
+    notes: 'Sorcerers and Druids are the mage classes, and both lean on Magic and staves. They also use Magic instead of Strength for max carry weight.'
   },
   magicResistance: {
     name: 'Magic Resistance',
     color: ATTRIBUTE_COLOR,
-    description: 'Reduces the damage taken from incoming magical attacks and spells. Each level of magic resistance reduces a percentage of spell damage received.',
-    howToTrain: 'Receive magic damage from enemies (spells, magical attacks, staff hits aimed at you).',
-    notes: 'Purely defensive — trains only when you are the target of magical attacks. Cannot be trained offensively. Essential for characters that frequently face casters or magic creatures.'
+    description: 'Used when reducing incoming magic damage. Higher Magic Resistance improves your defense against spells and other magical attacks.',
+    howToTrain: 'Take damage from spells, magic weapons, runes, or other magical attacks.',
+    notes: 'This only trains on incoming magic damage, not on casting. Sorcerers and Druids improve it faster than other classes.'
   },
   strength: {
     name: 'Strength',
     color: ATTRIBUTE_COLOR,
-    description: 'Directly increases melee attack damage for all physical weapon types. Also increases how much weight your character can carry.',
-    howToTrain: 'Deal melee damage to enemies using any physical weapon or unarmed combat.',
-    notes: 'Applies to all physical weapon types regardless of which combat skill you use. Warrior and Berserker classes gain Strength faster due to class affinity.'
+    description: 'Used for physical damage, carry weight for non-mages, item requirements, and many strength-scaling abilities.',
+    howToTrain: 'Land non-spell hits with physical weapons or while fighting unarmed.',
+    notes: 'When you attack with magic or staff weapons, Strength is not trained. Warriors and Berserkers get the most out of it.'
   },
   resistance: {
     name: 'Resistance',
     color: ATTRIBUTE_COLOR,
-    description: 'Reduces incoming physical damage from melee and ranged attacks. Higher resistance provides a percentage reduction to the physical damage you receive per hit.',
-    howToTrain: 'Receive physical damage from enemies (melee hits, arrows, projectiles).',
-    notes: 'Passive defense — trains only when you take physical damage. Tank-oriented classes (Paladin, Knight) receive faster resistance growth. Stacks with Shielding for substantial physical damage reduction.'
+    description: 'Used in physical defense and damage reduction. Higher Resistance lowers the damage you take from non-magic attacks.',
+    howToTrain: 'Take non-magic damage from melee, ranged, or other physical attacks.',
+    notes: 'Shield users stack Resistance with Shielding for better mitigation. Warriors are strongest here, with Berserkers and Druids also holding up well.'
   },
   dexterity: {
     name: 'Dexterity',
     color: ATTRIBUTE_COLOR,
-    description: 'Increases your attack speed (reduces attack interval) and improves your chance to dodge incoming attacks. Also slightly improves accuracy with ranged weapons.',
-    howToTrain: 'Deal physical damage to enemies or successfully dodge incoming attacks.',
-    notes: 'Attack speed compounds with damage — more attacks per second means proportionally more total damage. One of the most impactful combat attributes. Archer and Rogue classes have strong dexterity affinity.'
+    description: 'Dexterity affects accuracy and blocking, and Hunters also rely on it heavily for ranged damage. Some Rogue and Hunter abilities scale from it.',
+    howToTrain: 'Make incoming attacks miss you. Each miss grants Dexterity SP.',
+    notes: 'Some accessories require Dexterity. Hunters and Rogues lean on it the most.'
   },
   level: {
     name: 'Character Level',
     color: LEVEL_COLOR,
-    description: 'Your overall character level, derived from total Experience Points (XP) accumulated. It summarizes your overall progress and may unlock access to certain areas or content.',
-    howToTrain: 'XP is gained by killing monsters, completing quests, and reaching skill level milestones. Unlike skill SP, all XP accumulates into a single shared pool that determines your character level.',
-    notes: 'Uses a cubic progression formula (level³ × 3 XP per level), so higher levels require exponentially more XP. Character level itself does not directly affect combat — individual skill levels handle that.'
+    description: 'Your overall character level. It affects attack, defense, damage, movement speed, health, mana, spell unlocks, and other progression systems.',
+    howToTrain: 'Gain XP from defeated enemies and other experience rewards.',
+    notes: 'Level-ups refresh derived stats such as max health and max mana and can unlock new spells.'
   }
 };
 
@@ -73127,6 +73180,173 @@ var QuantityInput$1 = /*#__PURE__*/styled__default.input.withConfig({
   componentId: "sc-ulazq3-11"
 })(["width:40px;text-align:center;margin:0 auto;font-size:0.875rem;background:rgba(0,0,0,0.2);color:#ffffff;border:none;padding:0.25rem;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}"]);
 
+var StoreRedeemSection = function StoreRedeemSection(_ref) {
+  var onRedeem = _ref.onRedeem,
+    onInputFocus = _ref.onInputFocus,
+    onInputBlur = _ref.onInputBlur;
+  var _useState = React.useState(''),
+    code = _useState[0],
+    setCode = _useState[1];
+  var _useState2 = React.useState('idle'),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var _useState3 = React.useState(),
+    dcAmount = _useState3[0],
+    setDcAmount = _useState3[1];
+  var _useState4 = React.useState(''),
+    errorMessage = _useState4[0],
+    setErrorMessage = _useState4[1];
+  var canSubmit = code.trim().length > 0 && status !== 'loading';
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var normalizedCode, result, _result$error;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (canSubmit) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            normalizedCode = code.trim().toUpperCase();
+            setStatus('loading');
+            setErrorMessage('');
+            _context.prev = 5;
+            _context.next = 8;
+            return onRedeem(normalizedCode);
+          case 8:
+            result = _context.sent;
+            if (result.success) {
+              setStatus('success');
+              setDcAmount(result.dcAmount);
+            } else {
+              setStatus('error');
+              setErrorMessage((_result$error = result.error) != null ? _result$error : 'Redemption failed. Please try again.');
+            }
+            _context.next = 16;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](5);
+            setStatus('error');
+            setErrorMessage('Something went wrong. Please try again.');
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 12]]);
+    }));
+    return function handleSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleReset = function handleReset() {
+    setCode('');
+    setStatus('idle');
+    setDcAmount(undefined);
+    setErrorMessage('');
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter') {
+      void handleSubmit();
+    }
+  };
+  if (status === 'success') {
+    return React__default.createElement(Container$O, null, React__default.createElement(ResultContainer, null, React__default.createElement(SuccessIcon, null, React__default.createElement(fa.FaCheckCircle, {
+      size: 32
+    })), React__default.createElement(SuccessTitle, null, "Code Redeemed!"), dcAmount != null && React__default.createElement(DCAmountDisplay, null, "+", dcAmount.toLocaleString(), " DC"), React__default.createElement(SuccessHint, null, "Your wallet balance has been updated."), React__default.createElement(ButtonWrapper$3, null, React__default.createElement(CTAButton, {
+      icon: React__default.createElement(fa.FaTicketAlt, null),
+      label: "Redeem Another",
+      onClick: handleReset
+    }))));
+  }
+  if (status === 'error') {
+    return React__default.createElement(Container$O, null, React__default.createElement(ResultContainer, null, React__default.createElement(ErrorIcon, null, React__default.createElement(fa.FaExclamationCircle, {
+      size: 32
+    })), React__default.createElement(ErrorTitle, null, errorMessage), React__default.createElement(ButtonWrapper$3, null, React__default.createElement(CTAButton, {
+      icon: React__default.createElement(fa.FaTicketAlt, null),
+      label: "Try Again",
+      onClick: handleReset
+    }))));
+  }
+  return React__default.createElement(Container$O, null, React__default.createElement(Title$p, null, "Redeem a Voucher Code"), React__default.createElement(Description$7, null, "Enter your voucher code below to receive Definya Coins."), React__default.createElement(InputRow, null, React__default.createElement(CodeInput, {
+    type: "text",
+    value: code,
+    onChange: function onChange(e) {
+      return setCode(e.target.value);
+    },
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    onKeyDown: handleKeyDown,
+    placeholder: "Enter code...",
+    disabled: status === 'loading',
+    autoComplete: "off",
+    spellCheck: false
+  })), React__default.createElement(ButtonWrapper$3, null, React__default.createElement(CTAButton, {
+    icon: React__default.createElement(fa.FaTicketAlt, null),
+    label: status === 'loading' ? 'Redeeming...' : 'Redeem Code',
+    onClick: function onClick() {
+      void handleSubmit();
+    },
+    disabled: !canSubmit,
+    fullWidth: true
+  })));
+};
+var Container$O = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__Container",
+  componentId: "sc-1pzosml-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;max-width:420px;margin:0 auto;gap:1rem;"]);
+var Title$p = /*#__PURE__*/styled__default.h3.withConfig({
+  displayName: "StoreRedeemSection__Title",
+  componentId: "sc-1pzosml-1"
+})(["font-family:'Press Start 2P',cursive;font-size:0.85rem;color:", ";margin:0;text-align:center;"], uiColors.white);
+var Description$7 = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "StoreRedeemSection__Description",
+  componentId: "sc-1pzosml-2"
+})(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:", ";margin:0;text-align:center;line-height:1.6;"], uiColors.lightGray);
+var InputRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__InputRow",
+  componentId: "sc-1pzosml-3"
+})(["width:100%;"]);
+var CodeInput = /*#__PURE__*/styled__default.input.withConfig({
+  displayName: "StoreRedeemSection__CodeInput",
+  componentId: "sc-1pzosml-4"
+})(["width:100%;padding:12px 14px;font-family:'Press Start 2P',cursive;font-size:0.75rem;color:", ";background:rgba(0,0,0,0.4);border:2px solid #f59e0b;border-radius:4px;text-transform:uppercase;letter-spacing:2px;text-align:center;box-sizing:border-box;outline:none;&::placeholder{color:", ";text-transform:none;letter-spacing:0;}&:focus{border-color:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,0.3);}&:disabled{opacity:0.5;cursor:not-allowed;}"], uiColors.white, uiColors.lightGray);
+var ButtonWrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__ButtonWrapper",
+  componentId: "sc-1pzosml-5"
+})(["width:100%;margin-top:0.5rem;"]);
+var ResultContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__ResultContainer",
+  componentId: "sc-1pzosml-6"
+})(["display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;"]);
+var glowPulse$1 = /*#__PURE__*/styled.keyframes(["0%,100%{opacity:1;}50%{opacity:0.7;}"]);
+var SuccessIcon = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__SuccessIcon",
+  componentId: "sc-1pzosml-7"
+})(["color:", ";animation:", " 1.5s ease-in-out infinite;"], uiColors.green, glowPulse$1);
+var SuccessTitle = /*#__PURE__*/styled__default.h3.withConfig({
+  displayName: "StoreRedeemSection__SuccessTitle",
+  componentId: "sc-1pzosml-8"
+})(["font-family:'Press Start 2P',cursive;font-size:0.85rem;color:", ";margin:0;"], uiColors.green);
+var DCAmountDisplay = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__DCAmountDisplay",
+  componentId: "sc-1pzosml-9"
+})(["font-family:'Press Start 2P',cursive;font-size:1.2rem;color:#fef08a;text-shadow:0 0 10px rgba(254,240,138,0.5);"]);
+var SuccessHint = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "StoreRedeemSection__SuccessHint",
+  componentId: "sc-1pzosml-10"
+})(["font-family:'Press Start 2P',cursive;font-size:0.5rem;color:", ";margin:0;"], uiColors.lightGray);
+var ErrorIcon = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreRedeemSection__ErrorIcon",
+  componentId: "sc-1pzosml-11"
+})(["color:", ";"], uiColors.red);
+var ErrorTitle = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "StoreRedeemSection__ErrorTitle",
+  componentId: "sc-1pzosml-12"
+})(["font-family:'Press Start 2P',cursive;font-size:0.65rem;color:", ";margin:0;text-align:center;line-height:1.6;"], uiColors.red);
+
 var StoreItemDetails = function StoreItemDetails(_ref) {
   var _item$regionalPrice;
   var item = _ref.item,
@@ -73140,12 +73360,12 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     if (typeof imageUrl === 'string') return imageUrl;
     return imageUrl["default"] || imageUrl.src;
   };
-  return React__default.createElement(Container$O, null, React__default.createElement(Header$j, null, React__default.createElement(BackButton, {
+  return React__default.createElement(Container$P, null, React__default.createElement(Header$j, null, React__default.createElement(BackButton, {
     onClick: onBack
   }, React__default.createElement(fa.FaArrowLeft, null), React__default.createElement("span", null, "Back"))), React__default.createElement(Content$5, null, React__default.createElement(DetailsGrid, null, React__default.createElement(ItemIcon, null, React__default.createElement("img", {
     src: getImageSrc(),
     alt: item.name
-  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$9, null, item.name), React__default.createElement(ItemPrice$2, null, currencySymbol, 'priceUSD' in item ? item.priceUSD : (_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$7, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
+  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$9, null, item.name), React__default.createElement(ItemPrice$2, null, currencySymbol, 'priceUSD' in item ? item.priceUSD : (_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$8, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaCartPlus, null),
     label: "Add to Cart",
     onClick: function onClick() {
@@ -73154,7 +73374,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     fullWidth: true
   }))));
 };
-var Container$O = /*#__PURE__*/styled__default.div.withConfig({
+var Container$P = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__Container",
   componentId: "sc-k3ho5z-0"
 })(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
@@ -73190,7 +73410,7 @@ var ItemPrice$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__ItemPrice",
   componentId: "sc-k3ho5z-8"
 })(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#fef08a;"]);
-var Description$7 = /*#__PURE__*/styled__default.p.withConfig({
+var Description$8 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "StoreItemDetails__Description",
   componentId: "sc-k3ho5z-9"
 })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.875rem;line-height:1.6;color:#ffffff;"]);
@@ -73243,7 +73463,10 @@ var Store = function Store(_ref) {
     onPurchaseError = _ref.onPurchaseError,
     onBuyDC = _ref.onBuyDC,
     _ref$currencySymbol = _ref.currencySymbol,
-    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol;
+    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
+    onRedeem = _ref.onRedeem,
+    onRedeemInputFocus = _ref.onRedeemInputFocus,
+    onRedeemInputBlur = _ref.onRedeemInputBlur;
   var _useState = React.useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -73365,7 +73588,7 @@ var Store = function Store(_ref) {
     return React__default.createElement(ErrorMessage$3, null, error);
   }
   // Build tabs dynamically based on props
-  var tabIds = [].concat(tabOrder != null ? tabOrder : ['premium', 'packs', 'items'], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
+  var tabIds = [].concat(tabOrder != null ? tabOrder : ['premium', 'packs', 'items'], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
   var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
     return !(hidePremiumTab && id === 'premium');
   })));
@@ -73485,7 +73708,7 @@ var Store = function Store(_ref) {
     items: {
       id: 'items',
       title: 'Items',
-      icon: React__default.createElement(Box.Box, {
+      icon: React__default.createElement(Package.Package, {
         width: 18,
         height: 18
       }),
@@ -73505,6 +73728,18 @@ var Store = function Store(_ref) {
         currencySymbol: currencySymbol
       })
     },
+    redeem: {
+      id: 'redeem',
+      title: 'Redeem',
+      icon: React__default.createElement(fa.FaTicketAlt, {
+        size: 16
+      }),
+      content: onRedeem ? React__default.createElement(StoreRedeemSection, {
+        onRedeem: onRedeem,
+        onInputFocus: onRedeemInputFocus,
+        onInputBlur: onRedeemInputBlur
+      }) : null
+    },
     wallet: {
       id: 'wallet',
       title: walletLabel != null ? walletLabel : 'Wallet',
@@ -73589,7 +73824,7 @@ var Store = function Store(_ref) {
       return handleAddPackToCart(selectedPack);
     },
     currencySymbol: currencySymbol
-  }) : React__default.createElement(Container$P, null, featuredItems && featuredItems.length > 0 && React__default.createElement(FeaturedBanner, {
+  }) : React__default.createElement(Container$Q, null, featuredItems && featuredItems.length > 0 && React__default.createElement(FeaturedBanner, {
     items: featuredItems,
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
@@ -73671,7 +73906,7 @@ var Store = function Store(_ref) {
     fullWidth: true
   }))));
 };
-var Container$P = /*#__PURE__*/styled__default.div.withConfig({
+var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Store__Container",
   componentId: "sc-64dj00-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;gap:0.5rem;position:relative;"]);
@@ -74054,7 +74289,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React__default.createElement(Container$Q, null, React__default.createElement(Title$p, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
+  }, React__default.createElement(Container$R, null, React__default.createElement(Title$q, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
     className: "golden"
   }), React__default.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -74071,7 +74306,7 @@ var TradingMenu = function TradingMenu(_ref) {
       scale: scale,
       isBuy: isBuy()
     });
-  })), React__default.createElement(InfoSection$2, null, React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), !hasGoldForSale() ? React__default.createElement(AlertText, null, "Sorry, not enough money.") : React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", getFinalGold().toFixed(2)))), React__default.createElement(ButtonWrapper$3, null, React__default.createElement(Button, {
+  })), React__default.createElement(InfoSection$2, null, React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), !hasGoldForSale() ? React__default.createElement(AlertText, null, "Sorry, not enough money.") : React__default.createElement(GoldInfo, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", getFinalGold().toFixed(2)))), React__default.createElement(ButtonWrapper$4, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     disabled: !hasGoldForSale(),
     onPointerDown: function onPointerDown() {
@@ -74082,11 +74317,11 @@ var TradingMenu = function TradingMenu(_ref) {
     onPointerDown: onClose
   }, "Cancel"))));
 };
-var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
+var Container$R = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
-var Title$p = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$q = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-1"
 })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -74106,7 +74341,7 @@ var AlertText = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "TradingMenu__AlertText",
   componentId: "sc-1wjsz1l-5"
 })(["color:red !important;text-align:center;margin:0.3rem 0;font-size:0.5rem;"]);
-var ButtonWrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
+var ButtonWrapper$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingMenu__ButtonWrapper",
   componentId: "sc-1wjsz1l-6"
 })(["display:flex;justify-content:space-around;width:100%;margin-top:1rem;"]);
@@ -74116,11 +74351,11 @@ var Truncate = function Truncate(_ref) {
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     children = _ref.children;
-  return React__default.createElement(Container$R, {
+  return React__default.createElement(Container$S, {
     maxLines: maxLines
   }, children);
 };
-var Container$R = /*#__PURE__*/styled__default.div.withConfig({
+var Container$S = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Truncate__Container",
   componentId: "sc-6x00qb-0"
 })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
@@ -74229,7 +74464,7 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
       };
     });
   }, [lessons, imageStyle]);
-  return React__default.createElement(Container$S, null, React__default.createElement(Stepper, {
+  return React__default.createElement(Container$T, null, React__default.createElement(Stepper, {
     steps: generateLessons,
     finalCTAButton: {
       label: 'Close',
@@ -74247,7 +74482,7 @@ var LessonBody = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonBody",
   componentId: "sc-7tgzv2-1"
 })([""]);
-var Container$S = /*#__PURE__*/styled__default.div.withConfig({
+var Container$T = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__Container",
   componentId: "sc-7tgzv2-2"
 })(["width:80%;max-width:600px;@media (max-width:600px){width:95%;}"]);
@@ -74376,6 +74611,7 @@ exports.SpriteFromAtlas = SpriteFromAtlas;
 exports.Stepper = Stepper;
 exports.Store = Store;
 exports.StoreBadges = StoreBadges;
+exports.StoreRedeemSection = StoreRedeemSection;
 exports.TRANSACTION_TYPE_FILTER_ALL = TRANSACTION_TYPE_FILTER_ALL;
 exports.TabBody = TabBody;
 exports.Table = Table;