bnstooltips 1.7.0 → 1.7.3

package/build/index.es.js

@@ -5844,32 +5844,50 @@ function ItemImproveTooltip(_a) {
         fullHeight: fullHeight,
     };
     if (!offline) {
-        if (data.itemResult != null) {
-            // if (data.useMileageSave != null && data.useMileageSave === true)
-            //   tooltipBaseProps.mainInfos.push(
-            //     <div>The upgrade change is 100% when the mileage meter is filled.</div>
-            //   );
+        if (data.itemNext != null && data.upgradeOptions != null && data.upgradeOptions.length > 0) {
+            if (data.useMileageSave != null && data.useMileageSave === true && data.upgradeOptions.find(function (x) { return x.isRandom; }) != null)
+                tooltipBaseProps.mainInfos.push(React.createElement("div", null, "The upgrade chance is 100% when the pity meter is filled."));
+            // if (data.itemPrev != null) {
+            //   tooltipBaseProps.subInfoGroups.push({
+            //     title: "Previous Upgrade:",
+            //     texts: [
+            //       <ItemIconNameDiv showUpgrade={true} client={client} region={region} item={data.itemPrev} interactive={true} />
+            //     ]
+            //   });
+            // }
             tooltipBaseProps.subInfoGroups.push({
                 title: "Next Upgrade:",
                 texts: [
-                    React.createElement(ItemIconNameDiv, { showUpgrade: true, client: client, region: region, item: data.itemResult, interactive: true })
+                    React.createElement(ItemIconNameDiv, { showUpgrade: true, client: client, region: region, item: data.itemNext, interactive: true })
                 ]
             });
-            var costGroup = {
-                title: "Upgrade Cost:",
-                texts: []
-            };
-            if (data.itemCost != null && data.itemCost.length > 0)
-                costGroup.texts.push(React.createElement(DecomposeResults, { showUpgrade: false, client: client, region: region, items: data.itemCost }));
-            if (data.moneyCost != null && data.moneyCost > 0) {
-                costGroup.texts.push(React.createElement("div", { className: "TooltipBase_flex ItemImproveTooltip_moneyContainer" },
-                    React.createElement("span", { className: "TooltipBase_grade-6" }, "Money:\u00A0"),
-                    React.createElement(Money, { money: data.moneyCost })));
-            }
-            tooltipBaseProps.subInfoGroups.push(costGroup);
+            data.upgradeOptions.forEach(function (upgradeOption, i, _) {
+                var costGroup = {
+                    title: "Upgrade option " + (i + 1) + ":",
+                    texts: []
+                };
+                if (upgradeOption.isRandom != null && upgradeOption.isRandom === true) {
+                    costGroup.texts.push(React.createElement("div", { className: "TooltipBase_flex ItemImproveTooltip_moneyContainer" },
+                        React.createElement("span", { className: "TooltipBase_grade-8" }, "This option has a chance to fail!")));
+                }
+                if (upgradeOption.mainItemCost != null) {
+                    var mainItems;
+                    mainItems.push(upgradeOption.mainItemCost);
+                    costGroup.texts.push(React.createElement(DecomposeResults, { client: client, region: region, showUpgrade: false, items: mainItems }));
+                }
+                if (upgradeOption.subItemCost != null && upgradeOption.subItemCost.length > 0) {
+                    costGroup.texts.push(React.createElement(DecomposeResults, { client: client, region: region, showUpgrade: false, items: upgradeOption.subItemCost }));
+                }
+                if (upgradeOption.moneyCost != null && upgradeOption.moneyCost > 0) {
+                    costGroup.texts.push(React.createElement("div", { className: "TooltipBase_flex ItemImproveTooltip_moneyContainer" },
+                        React.createElement("span", { className: "TooltipBase_grade-6" }, "Money:\u00A0"),
+                        React.createElement(Money, { money: upgradeOption.moneyCost })));
+                }
+                tooltipBaseProps.subInfoGroups.push(costGroup);
+            });
         }
     }
-    if (data.options != null && data.options.length > 0) {
+    if (data.bonusEffectOptions != null && data.bonusEffectOptions.length > 0) {
         tooltipBaseProps.mainInfos.push(React.createElement("div", null, "Random effects can be obtained when upgrading."));
         var subInfoGroupStats_1 = {
             title: "Possible Stats:",
@@ -5879,7 +5897,7 @@ function ItemImproveTooltip(_a) {
             title: "Possible Effects:",
             texts: []
         };
-        data.options.forEach(function (option) {
+        data.bonusEffectOptions.forEach(function (option) {
             if (option.isEffect) {
                 subInfoGroupEffects_1.texts.push(React.createElement("div", { className: "ItemImproveTooltip_option", dangerouslySetInnerHTML: { __html: option.effectDescription } }));
             }
@@ -5913,7 +5931,7 @@ var ItemImproveTooltipWrapper = function (_a) {
     var _k = useState(true), isOffline = _k[0], setIsOffline = _k[1];
     return (React.createElement(React.Fragment, null,
         children,
-        childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemImproveTooltip, { region: region, data: data, offline: isOffline, client: client, debug: debug }), theme: "grade8", reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
+        childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemImproveTooltip, { region: region, data: data, offline: isOffline, client: client, debug: debug }), theme: "grade4", reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 function ItemTooltip(_a) {