react-dynamic-stepper/dist/react-dynamic-stepper.esm.js

Advanced and multi-feature react stepper component designed to be incredibly versatile for a variety of workflows and use cases.

import{jsxs as c,jsx as l,Fragment as i}from"react/jsx-runtime";import{forwardRef as t,useState as e,useCallback as n,useImperativeHandle as o,Fragment as d}from"react";var a=function(c){var l=c.initialWrapper,i=c.condition,t=c.wrapper,e=c.children;return i?t(e):l(e)};var r="EylPp33c",b="efTFy-id",s="AbMAgFzj",G="SQ2WFHBj",u="Ec4eHllk",B="Fb8RyioL",Z="_790KipiB",I="AIEdAYEy",X="_89knnOy6",W="VQoPOzdX",g="yEfXLe-g",Q="YDtItWbE",L="Lql71L0o",F="_1yI4RHGH",p="_8E70694l",y="O3MTKsxY",x="I0UYGWE9",m="r4QaAAQQ",V="fllxzx1F",N="W0otqMDJ",Y="fiAxr6hI",C="YF2t3xTb",R="_139qzlk2";!function(c,l){void 0===l&&(l={});var i=l.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===i&&t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.styleSheet?e.styleSheet.cssText=c:e.appendChild(document.createTextNode(c))}}('.EylPp33c{min-height:100%}.EylPp33c,.EylPp33c .efTFy-id{display:flex;flex-direction:column}.EylPp33c .efTFy-id{flex-grow:1}.EylPp33c *{box-sizing:border-box}.EylPp33c .AbMAgFzj{display:flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}.EylPp33c .AbMAgFzj .SQ2WFHBj{flex-basis:100%;padding:.5rem;position:relative;text-align:center}.EylPp33c .AbMAgFzj .SQ2WFHBj.Ec4eHllk.Fb8RyioL:after{left:-50%}.EylPp33c .AbMAgFzj .SQ2WFHBj._790KipiB .AIEdAYEy{background-color:var(--default-background-color);border-color:var(--default-background-color);cursor:auto}.EylPp33c .AbMAgFzj .SQ2WFHBj._790KipiB ._89knnOy6{color:var(--default-background-color);cursor:auto}.EylPp33c .AbMAgFzj .SQ2WFHBj.VQoPOzdX .AIEdAYEy{background-color:var(--success-background-color);border-color:var(--success-background-color);cursor:pointer}.EylPp33c .AbMAgFzj .SQ2WFHBj.VQoPOzdX ._89knnOy6{color:var(--success-background-color);cursor:pointer}.EylPp33c .AbMAgFzj .SQ2WFHBj.VQoPOzdX.Fb8RyioL:after{background-color:var(--success-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj._790KipiB .AIEdAYEy,.EylPp33c .AbMAgFzj .SQ2WFHBj._790KipiB ._89knnOy6{cursor:auto}.EylPp33c .AbMAgFzj .SQ2WFHBj.yEfXLe-g .AIEdAYEy{background-color:var(--warning-background-color);border-color:var(--warning-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.yEfXLe-g ._89knnOy6{color:var(--warning-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.yEfXLe-g.Fb8RyioL:after{background-color:var(--warning-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.YDtItWbE .AIEdAYEy{background-color:var(--danger-background-color);border-color:var(--danger-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.YDtItWbE ._89knnOy6{color:var(--danger-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.YDtItWbE.Fb8RyioL:after{background-color:var(--danger-background-color)}.EylPp33c .AbMAgFzj .SQ2WFHBj.Fb8RyioL:after{background-color:var(--disabled-background-color);content:" ";height:.125rem;left:50%;position:absolute;top:1.5rem;width:100%;z-index:1}.EylPp33c .AbMAgFzj .SQ2WFHBj.Fb8RyioL:last-child:after{display:none}.EylPp33c .AbMAgFzj .Lql71L0o{display:block;position:relative;z-index:2}.EylPp33c .AbMAgFzj .AIEdAYEy{align-items:center;background-color:var(--disabled-background-color);border:1px solid var(--disabled-background-color);border-radius:50%;color:#fff;display:inline-flex;font-size:1rem;height:2rem;justify-content:center;line-height:2.5rem;position:relative;text-align:center;width:2rem;z-index:2}.EylPp33c .AbMAgFzj .AIEdAYEy ._1yI4RHGH{fill:#fff;width:14px}.EylPp33c .AbMAgFzj ._89knnOy6{color:#cfd7de;display:block;margin-top:.5rem;position:relative;z-index:2}@media (min-width:650px){.EylPp33c ._8E70694l.Fb8RyioL .SQ2WFHBj:after{top:50%;transform:translateY(-50%)}.EylPp33c ._8E70694l .Lql71L0o,.EylPp33c ._8E70694l ._89knnOy6{display:inline-block;vertical-align:middle}.EylPp33c ._8E70694l ._89knnOy6{background:#fff;margin:0;padding:0 .5rem;text-align:left}}.EylPp33c .O3MTKsxY{flex-direction:row}.EylPp33c .O3MTKsxY .I0UYGWE9{flex-direction:column;justify-content:center;width:auto}.EylPp33c .O3MTKsxY .I0UYGWE9 .r4QaAAQQ{display:flex;flex-direction:column;justify-content:center;min-height:70%}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj{display:flex;text-align:start}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj:last-child{flex-basis:auto}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL:not(:last-child):before{border-right:2px solid var(--disabled-background-color);content:"";height:100%;left:1.5rem;position:absolute;top:10px}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL.Ec4eHllk:not(:last-child):before{left:auto;right:1.5rem}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL:after{content:none}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL.VQoPOzdX:not(:last-child):before{border-right-color:var(--success-background-color)}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL.yEfXLe-g:not(:last-child):before{border-right-color:var(--warning-background-color)}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL.YDtItWbE:not(:last-child):before{border-right-color:var(--danger-background-color)}.EylPp33c .O3MTKsxY .I0UYGWE9 .SQ2WFHBj.Fb8RyioL.Ec4eHllk:after{left:auto;right:1.5rem}.EylPp33c .O3MTKsxY .I0UYGWE9 ._89knnOy6{padding-inline-start:.5rem}.EylPp33c .O3MTKsxY .I0UYGWE9+.fllxzx1F{margin-inline-start:2rem}.EylPp33c .fllxzx1F{flex:1;min-height:100px;padding:10px}.EylPp33c .W0otqMDJ{align-items:center;display:flex;padding:0 10px 10px}.EylPp33c .fiAxr6hI{border:none;border-radius:4px;color:#000000de;cursor:pointer;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.02857em;line-height:1.75;min-width:64px;outline:none;padding:6px 16px}.EylPp33c .fiAxr6hI.YF2t3xTb{background-color:#1976d2;color:#fff}.EylPp33c .fiAxr6hI._139qzlk2{background-color:var(--success-background-color);color:#fff}.EylPp33c .fiAxr6hI:disabled{background-color:#0000001f;color:#00000042;cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,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Q0FFMUIsa0JBQ0YiLCJmaWxlIjoiU3RlcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdGVwcGVyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICAvKiBzdHlsZXMgb2YgZGVmYXVsdCBzdGVwcGVyICovXG4gIC8qIHN0eWxlcyBvZiBpbmxpbmUgc3RlcHBlciAqL1xuICAvKiBzdHlsZXMgb2YgdmVydGljYWwgc3RlcHBlciAqL1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNXJlbTtcbiAgZmxleC1iYXNpczogMTAwJTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLXJpZ2h0LXRvLWxlZnQuaXMtc3RlcC1jb25uZWN0b3I6YWZ0ZXIge1xuICBsZWZ0OiAtNTAlO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtYWN0aXZlIC5zdGVwcGVyLWluZGljYXRvci1pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0LWJhY2tncm91bmQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kZWZhdWx0LWJhY2tncm91bmQtY29sb3IpO1xuICBjdXJzb3I6IGluaXRpYWw7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy1hY3RpdmUgLnN0ZXBwZXItbGFiZWwge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY3Vyc29yOiBpbml0aWFsO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtY29tcGxldGUgLnN0ZXBwZXItaW5kaWNhdG9yLWluZm8ge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN1Y2Nlc3MtYmFja2dyb3VuZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN1Y2Nlc3MtYmFja2dyb3VuZC1jb2xvcik7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWNvbXBsZXRlIC5zdGVwcGVyLWxhYmVsIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MtYmFja2dyb3VuZC1jb2xvcik7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWNvbXBsZXRlLmlzLXN0ZXAtY29ubmVjdG9yOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3VjY2Vzcy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWFjdGl2ZSAuc3RlcHBlci1pbmRpY2F0b3ItaW5mbyxcbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWFjdGl2ZSAuc3RlcHBlci1sYWJlbCB7XG4gIGN1cnNvcjogaW5pdGlhbDtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLXdhcm5pbmcgLnN0ZXBwZXItaW5kaWNhdG9yLWluZm8ge1xuICBib3JkZXItY29sb3I6IHZhcigtLXdhcm5pbmctYmFja2dyb3VuZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdhcm5pbmctYmFja2dyb3VuZC1jb2xvcik7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy13YXJuaW5nIC5zdGVwcGVyLWxhYmVsIHtcbiAgY29sb3I6IHZhcigtLXdhcm5pbmctYmFja2dyb3VuZC1jb2xvcik7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy13YXJuaW5nLmlzLXN0ZXAtY29ubmVjdG9yOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2FybmluZy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWVycm9yIC5zdGVwcGVyLWluZGljYXRvci1pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kYW5nZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhbmdlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWVycm9yIC5zdGVwcGVyLWxhYmVsIHtcbiAgY29sb3I6IHZhcigtLWRhbmdlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLWVycm9yLmlzLXN0ZXAtY29ubmVjdG9yOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFuZ2VyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtc3RlcC1jb25uZWN0b3I6YWZ0ZXIge1xuICBjb250ZW50OiBcIiBcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogMS41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAwLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG4gIHotaW5kZXg6IDE7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy1zdGVwLWNvbm5lY3RvcjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZCAuc3RlcHBlci1pbmRpY2F0b3Ige1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAyO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkIC5zdGVwcGVyLWluZGljYXRvci1pbmZvIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAyLjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICNmZmZmZmY7XG4gIHotaW5kZXg6IDI7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQgLnN0ZXBwZXItaW5kaWNhdG9yLWluZm8gLnN0ZXBwZXItdGljayB7XG4gIHdpZHRoOiAxNHB4O1xuICBmaWxsOiAjZmZmZmZmO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkIC5zdGVwcGVyLWxhYmVsIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXRvcDogMC41cmVtO1xuICBjb2xvcjogI2NmZDdkZTtcbiAgei1pbmRleDogMjtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA2NTBweCkge1xuICAuc3RlcHBlci13cmFwcGVyIC5pbmxpbmUtc3RlcHBlci1oZWFkLmlzLXN0ZXAtY29ubmVjdG9yIC5zdGVwcGVyLXN0ZXA6YWZ0ZXIge1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgfVxuICAuc3RlcHBlci13cmFwcGVyIC5pbmxpbmUtc3RlcHBlci1oZWFkIC5zdGVwcGVyLWluZGljYXRvcixcbiAgLnN0ZXBwZXItd3JhcHBlciAuaW5saW5lLXN0ZXBwZXItaGVhZCAuc3RlcHBlci1sYWJlbCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIH1cbiAgLnN0ZXBwZXItd3JhcHBlciAuaW5saW5lLXN0ZXBwZXItaGVhZCAuc3RlcHBlci1sYWJlbCB7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICAgIG1hcmdpbjogMDtcbiAgfVxufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCB7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQtYm9keS13cmFwcGVyLXZlcnRpY2FsIC52ZXJ0aWNhbC1zdGVwcGVyLWhlYWQge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IGF1dG87XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQtYm9keS13cmFwcGVyLXZlcnRpY2FsIC52ZXJ0aWNhbC1zdGVwcGVyLWhlYWQgLmlubmVyLXZlcnRpY2FsLWhlYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtaW4taGVpZ2h0OiA3MCU7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQtYm9keS13cmFwcGVyLXZlcnRpY2FsIC52ZXJ0aWNhbC1zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXA6bGFzdC1jaGlsZCB7XG4gIGZsZXgtYmFzaXM6IGF1dG87XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQtYm9keS13cmFwcGVyLXZlcnRpY2FsIC52ZXJ0aWNhbC1zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy1zdGVwLWNvbm5lY3Rvcjpub3QoOmxhc3QtY2hpbGQpOjpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgbGVmdDogMS41cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHZhcigtLWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtc3RlcC1jb25uZWN0b3IuaXMtcmlnaHQtdG8tbGVmdDpub3QoOmxhc3QtY2hpbGQpOjpiZWZvcmUge1xuICBsZWZ0OiBhdXRvO1xuICByaWdodDogMS41cmVtO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtc3RlcC1jb25uZWN0b3I6YWZ0ZXIge1xuICBjb250ZW50OiBub25lO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtc3RlcC1jb25uZWN0b3IuaXMtY29tcGxldGU6bm90KDpsYXN0LWNoaWxkKTo6YmVmb3JlIHtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS1zdWNjZXNzLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLXN0ZXAuaXMtc3RlcC1jb25uZWN0b3IuaXMtd2FybmluZzpub3QoOmxhc3QtY2hpbGQpOjpiZWZvcmUge1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLXdhcm5pbmctYmFja2dyb3VuZC1jb2xvcik7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWhlYWQtYm9keS13cmFwcGVyLXZlcnRpY2FsIC52ZXJ0aWNhbC1zdGVwcGVyLWhlYWQgLnN0ZXBwZXItc3RlcC5pcy1zdGVwLWNvbm5lY3Rvci5pcy1lcnJvcjpub3QoOmxhc3QtY2hpbGQpOjpiZWZvcmUge1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWRhbmdlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZC1ib2R5LXdyYXBwZXItdmVydGljYWwgLnZlcnRpY2FsLXN0ZXBwZXItaGVhZCAuc3RlcHBlci1zdGVwLmlzLXN0ZXAtY29ubmVjdG9yLmlzLXJpZ2h0LXRvLWxlZnQ6YWZ0ZXIge1xuICByaWdodDogMS41cmVtO1xuICBsZWZ0OiBhdXRvO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1oZWFkLWJvZHktd3JhcHBlci12ZXJ0aWNhbCAudmVydGljYWwtc3RlcHBlci1oZWFkIC5zdGVwcGVyLWxhYmVsIHtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItaGVhZC1ib2R5LXdyYXBwZXItdmVydGljYWwgLnZlcnRpY2FsLXN0ZXBwZXItaGVhZCArIC5zdGVwcGVyLWJvZHkge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiAycmVtO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1ib2R5IHtcbiAgZmxleDogMTtcbiAgbWluLWhlaWdodDogMTAwcHg7XG4gIHBhZGRpbmc6IDEwcHg7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWZvb3RlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgMTBweCAxMHB4IDEwcHg7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWZvb3Rlci1idG4ge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgcGFkZGluZzogNnB4IDE2cHg7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIG1pbi13aWR0aDogNjRweDtcbiAgZm9udC1mYW1pbHk6IFwiUm9ib3RvXCIsIFwiSGVsdmV0aWNhXCIsIFwiQXJpYWxcIiwgc2Fucy1zZXJpZjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNzU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDI4NTdlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uc3RlcHBlci13cmFwcGVyIC5zdGVwcGVyLWZvb3Rlci1idG4ucHJpbWFyeSB7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTk3NmQyO1xufVxuLnN0ZXBwZXItd3JhcHBlciAuc3RlcHBlci1mb290ZXItYnRuLnN1Y2Nlc3Mge1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3VjY2Vzcy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zdGVwcGVyLXdyYXBwZXIgLnN0ZXBwZXItZm9vdGVyLWJ0bjpkaXNhYmxlZCB7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMjYpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufSJdfQ== */');var h=function(i){var t=i.isKeepIndicatorOnComplete,e=void 0!==t&&t,n=i.indicator,o=i.label,d=i.navigateToStepHandler,a=i.index,r=i.isActive,b=i.isComplete,s=i.isWarning,p=i.isError,y=i.isStepConnector,x=i.isRightToLeftLanguage,m=i.pallet,V=[G];return r&&V.push(Z),b&&V.push(W),s&&V.push(g),p&&V.push(Q),x&&V.push(u),y&&V.push(B),c("div",{"data-testid":"step-wrapper",className:V.join(" "),style:{"--default-background-color":null==m?void 0:m.default,"--warning-background-color":null==m?void 0:m.warning,"--danger-background-color":null==m?void 0:m.danger,"--success-background-color":null==m?void 0:m.success,"--disabled-background-color":null==m?void 0:m.disabled},children:[l("div",{className:L,children:l("span",{className:I,onClick:b||p?function(){return d(a)}:void 0,children:!e&&b?l("svg",{className:F,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 490 490","data-testid":"check-mark",children:l("path",{d:"M452.253 28.326L197.831 394.674 29.044 256.875 0 292.469l207.253 169.205L490 54.528z"})}):n})}),l("div",{className:X,onClick:b||p?function(){return d(a)}:void 0,children:o})]})},w=function(c){var t=c.steps,e=c.navigateToStepHandler,n=c.isVertical,o=c.isInline,d=c.isSequenceStepper,r=c.isStepConnector,b=c.isRightToLeftLanguage,G=c.currentTabIndex,u=c.pallet,B=[s];return n&&B.push(x),o&&B.push(p),l("div",{className:B.join(" "),"data-testid":"stepper-head-wrapper",children:l(a,{initialWrapper:function(c){return l(i,{children:c})},condition:n,wrapper:function(c){return l("div",{className:m,children:c})},children:t.map((function(c,i){return l(h,{index:i,navigateToStepHandler:e,isActive:i===G,isKeepIndicatorOnComplete:c.header.isKeepIndicatorOnComplete,isComplete:d?c.isComplete&&i<=G:c.isComplete,isWarning:c.isWarning,isError:c.isError,isRightToLeftLanguage:b,indicator:c.header.indicator?c.header.indicator:i+1,label:c.header.label,pallet:u,isStepConnector:r},i)}))})})};function v(c,l,i,t){return new(i||(i=Promise))((function(e,n){function o(c){try{a(t.next(c))}catch(c){n(c)}}function d(c){try{a(t.throw(c))}catch(c){n(c)}}function a(c){var l;c.done?e(c.value):(l=c.value,l instanceof i?l:new i((function(c){c(l)}))).then(o,d)}a((t=t.apply(c,l||[])).next())}))}function H(c,l){var i,t,e,n={label:0,sent:function(){if(1&e[0])throw e[1];return e[1]},trys:[],ops:[]},o=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return o.next=d(0),o.throw=d(1),o.return=d(2),"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function d(d){return function(a){return function(d){if(i)throw new TypeError("Generator is already executing.");for(;o&&(o=0,d[0]&&(n=0)),n;)try{if(i=1,t&&(e=2&d[0]?t.return:d[0]?t.throw||((e=t.return)&&e.call(t),0):t.next)&&!(e=e.call(t,d[1])).done)return e;switch(t=0,e&&(d=[2&d[0],e.value]),d[0]){case 0:case 1:e=d;break;case 4:return n.label++,{value:d[1],done:!1};case 5:n.label++,t=d[1],d=[0];continue;case 7:d=n.ops.pop(),n.trys.pop();continue;default:if(!(e=n.trys,(e=e.length>0&&e[e.length-1])||6!==d[0]&&2!==d[0])){n=0;continue}if(3===d[0]&&(!e||d[1]>e[0]&&d[1]<e[3])){n.label=d[1];break}if(6===d[0]&&n.label<e[1]){n.label=e[1],e=d;break}if(e&&n.label<e[2]){n.label=e[2],n.ops.push(d);break}e[2]&&n.ops.pop(),n.trys.pop();continue}d=l.call(c,n)}catch(c){d=[6,c],t=0}finally{i=e=0}if(5&d[0])throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}([d,a])}}}"function"==typeof SuppressedError&&SuppressedError;var E=function(i){var t,e,n,o,d,a,r,b,s,G,u=i.isPrevBtn,B=i.previousStepHandler,Z=i.isLastStep,I=i.nextStepHandler,X=i.footerData,W=i.steps,g=i.currentTabIndex,Q=i.successColor,L=[Y];Z?L.push(R):L.push(C);return c("div",{className:N,style:{justifyContent:u?"space-between":"flex-end"},children:[u&&l("button",{className:"".concat(X.prevBtnClassName?X.prevBtnClassName:Y),onClick:B,children:null!==(o=null!==(t=X.prevBtnLabel)&&void 0!==t?t:null===(n=null===(e=W[g])||void 0===e?void 0:e.footer)||void 0===n?void 0:n.prevButtonLabel)&&void 0!==o?o:"Back to ".concat(W[g-1].header.label)}),l("button",{className:"".concat(!Z&&X.nextBtnClassName?X.nextBtnClassName:Z&&X.submitBtnClassName?X.submitBtnClassName:L.join(" ")),onClick:Z?function(){return v(void 0,void 0,void 0,(function(){var c,l;return H(this,(function(i){switch(i.label){case 0:if(null===(l=W[g].footer)||void 0===l?void 0:l.isPreventNextClick)return[3,4];i.label=1;case 1:return i.trys.push([1,3,,4]),[4,X.submitHandler()];case 2:return i.sent(),[3,4];case 3:throw c=i.sent(),console.log(c),c;case 4:return[2]}}))}))}:(null===(d=W[g].footer)||void 0===d?void 0:d.onClickHandler)?function(){return v(void 0,void 0,void 0,(function(){var c,l,i,t;return H(this,(function(e){switch(e.label){case 0:if(null===(l=W[g].footer)||void 0===l?void 0:l.isPreventNextClick)return[3,4];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,null===(t=null===(i=W[g].footer)||void 0===i?void 0:i.onClickHandler)||void 0===t?void 0:t.call(i)];case 2:return e.sent(),I(),[3,4];case 3:throw c=e.sent(),console.log(c),c;case 4:return[2]}}))}))}:I,disabled:(Z?W.some((function(c){return!c.isComplete})):!W[g].isComplete)||W[g].isLoading,style:{"--success-background-color":Q},children:Z?null!==(a=X.submitBtnLabel)&&void 0!==a?a:"Submit":null!==(G=null!==(r=X.nextBtnLabel)&&void 0!==r?r:null===(s=null===(b=W[g])||void 0===b?void 0:b.footer)||void 0===s?void 0:s.nextButtonLabel)&&void 0!==G?G:"Continue to ".concat(W[g+1].header.label)})]})},A=t((function(i,t){var a=i.isRightToLeftLanguage,s=void 0!==a&&a,G=i.isVertical,u=void 0!==G&&G,B=i.isInline,Z=void 0!==B&&B,I=i.isSequenceStepper,X=void 0!==I&&I,W=i.isStepConnector,g=void 0===W||W,Q=i.steps,L=i.footerData,F=i.pallet,p=void 0===F?{default:"#627c90",warning:"#f1c40f",danger:"#e95a4b",success:"#4caf50",disabled:"#e3e8ec"}:F,x=e(0),m=x[0],N=x[1],Y=m===Q.length-1,C=0!==m,R=n((function(c){c!==m&&N(c)}),[m]);return o(t,(function(){return{navigateToStep:R}}),[R]),c("div",{"data-testid":"stepper-wrapper",className:r,dir:s?"rtl":"ltr",children:[c("div",{className:"".concat(b," ").concat(u?y:""),children:[l(w,{steps:Q,navigateToStepHandler:R,isVertical:u,isInline:Z,currentTabIndex:m,isRightToLeftLanguage:s,isSequenceStepper:X,pallet:p,isStepConnector:g}),l("div",{className:V,children:Q.map((function(c,i){return l(d,{children:i===m&&c.content},i)}))})]}),l(E,{isPrevBtn:C,previousStepHandler:function(){N((function(c){return c-1}))},isLastStep:Y,nextStepHandler:function(){var c;(null===(c=Q[m].footer)||void 0===c?void 0:c.isPreventNextClick)||N((function(c){return c!==Q.length-1?c+1:c}))},footerData:L,steps:Q,currentTabIndex:m,successColor:p.success})]})}));export{A as Stepper};
//# sourceMappingURL=react-dynamic-stepper.esm.js.map