@tent-official/react-walkthrough 1.5.1 → 1.6.1

package/dist/index.mjs

@@ -623,7 +623,7 @@ var WalkthroughOverlay = ({
   prevColor,
   skipColor
 } = {}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   injectKeyframes();
   const { activeTour } = useGlobalState();
   const instanceIdRef = useRef(null);
@@ -946,11 +946,12 @@ var WalkthroughOverlay = ({
     nextLabel: tourNextLabel = "Next",
     prevLabel: tourPrevLabel = "Back",
     skipLabel: tourSkipLabel = "Skip",
-    doneLabel = "Done"
+    doneLabel: tourDoneLabel = "Done"
   } = activeTour;
   const nextLabel = (_h = step.nextLabel) != null ? _h : tourNextLabel;
   const prevLabel = (_i = step.prevLabel) != null ? _i : tourPrevLabel;
   const skipLabel = (_j = step.skipLabel) != null ? _j : tourSkipLabel;
+  const doneLabel = (_k = step.doneLabel) != null ? _k : tourDoneLabel;
   const advanceStep = (hasTrigger) => {
     var _a2;
     const currentOrigIdx = validSteps[currentValidPos]._originalIdx;
@@ -992,12 +993,13 @@ var WalkthroughOverlay = ({
       const SETTLE_DELAY = 150;
       const targetEl = document.getElementById(nextElId);
       if (targetEl) {
-        let targetStepIdx = -1;
-        for (let i = currentOrigIdx + 1; i < activeTour.steps.length; i++) {
-          if (resolveElId(activeTour.steps[i].el) === nextElId) {
-            targetStepIdx = i;
-            break;
-          }
+        let targetStepIdx = activeTour.steps.findIndex(
+          (s, i) => i > currentOrigIdx && resolveElId(s.el) === nextElId
+        );
+        if (targetStepIdx === -1) {
+          targetStepIdx = activeTour.steps.findIndex(
+            (s) => resolveElId(s.el) === nextElId
+          );
         }
         if (targetStepIdx !== -1) {
           const targetStepDef = activeTour.steps[targetStepIdx];
@@ -1142,10 +1144,10 @@ var WalkthroughOverlay = ({
     displayPosRef.current = currentValidPos;
   }
   const ds = displayStepRef.current;
-  const dir = (_k = popoverPos == null ? void 0 : popoverPos.dir) != null ? _k : "bottom";
-  const align = (_l = popoverPos == null ? void 0 : popoverPos.align) != null ? _l : "start";
-  const offsetX = (_m = popoverPos == null ? void 0 : popoverPos.offsetX) != null ? _m : 0;
-  const offsetY = (_n = popoverPos == null ? void 0 : popoverPos.offsetY) != null ? _n : 0;
+  const dir = (_l = popoverPos == null ? void 0 : popoverPos.dir) != null ? _l : "bottom";
+  const align = (_m = popoverPos == null ? void 0 : popoverPos.align) != null ? _m : "start";
+  const offsetX = (_n = popoverPos == null ? void 0 : popoverPos.offsetX) != null ? _n : 0;
+  const offsetY = (_o = popoverPos == null ? void 0 : popoverPos.offsetY) != null ? _o : 0;
   const anchorStyle = popoverReady ? {
     position: "fixed",
     top: rect.top,
@@ -1244,7 +1246,7 @@ var WalkthroughOverlay = ({
       /* @__PURE__ */ jsxs(PopoverBody, { children: [
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "row", justifyContent: "space-between" }, children: [
           pStep.title ? /* @__PURE__ */ jsx(PopoverTitle, { children: pStep.title }) : "",
-          ((_o = pStep.isShowStep) != null ? _o : pIsShowStep) && /* @__PURE__ */ jsxs("span", { style: { color: "#a1a1aa", fontSize: "12px", fontWeight: "400" }, children: [
+          ((_p = pStep.isShowStep) != null ? _p : pIsShowStep) && /* @__PURE__ */ jsxs("span", { style: { color: "#a1a1aa", fontSize: "12px", fontWeight: "400" }, children: [
             pDisplayCurrentStep,
             "/",
             pDisplayTotalSteps
@@ -1269,7 +1271,7 @@ var WalkthroughOverlay = ({
           }
         ) }),
         /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-          ((_p = pStep.isShowPrev) != null ? _p : pIsShowPrev) && pCurrentValidPos > 0 && /* @__PURE__ */ jsx(
+          ((_q = pStep.isShowPrev) != null ? _q : pIsShowPrev) && pCurrentValidPos > 0 && /* @__PURE__ */ jsx(
             "button",
             {
               className: "wt-btn",