text: "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t=require("react"),r=e(t),a=e(require("styled-components")),i=require("hamburger-react"),l=require("@storybook/addon-links"),o=require("react-router-dom");function c(e){if(null==e)throw new TypeError("Cannot destructure undefined")}function s(e,n){return n||(n=e.slice(0)),e.raw=n,e}var d,f,m,u,p,h,g,x,y,w,E,v,b,k,M,A,C,S,Z,z,O,j,D,P,F,T,B,I,L,q,R,V=a.button(n||(n=s(["\n  height: 50px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  border-radius: 3px;\n  outline: none;\n  &:hover {\n    transform: scale(1.1);\n  }\n"]))),N=function(e){var n=e.onClick,t=e.bgColor,a=void 0===t?"#2d547a":t;return r.createElement(V,{onClick:function(){return n()},style:{background:a||"#2d547a",border:"1px solid "+a,width:e.width||"180px"},disabled:e.disabled},r.createElement("span",{style:{padding:"5px",color:"white",textAlign:"right",width:"60%",fontSize:"1rem",fontFamily:"'Montserrat', sans-serif"}},e.label||"Button1"),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50.782",height:"50.893",viewBox:"-10 0 113.782 111.893"},r.createElement("path",{d:"M559.318-1060.837l-48.089-1.561-59.85-110.331h106a7.784,7.784,0,0,1,7.783,7.787v98.362A5.743,5.743,0,0,1,559.318-1060.837Zm-18.753-58.42-18.143-18.16a1.581,1.581,0,0,0-1.117-.462,1.567,1.567,0,0,0-1.117.462,1.581,1.581,0,0,0,0,2.236l12.138,12.138,5.689,5.689-17.826,17.836a1.579,1.579,0,0,0,0,2.234,1.578,1.578,0,0,0,2.234,0l18.143-18.158A2.694,2.694,0,0,0,540.566-1119.257Z",transform:"translate(-451.379 1172.729)",fill:"#fff"})))},W=a.div(d||(d=s(["\n    margin-top: 15px;\n    height: 95px;\n    width: 95px;\n    border-radius: 20px;\n    background: linear-gradient(145deg, #ffffff, #e0e0e0);\n    box-shadow: 8px 8px 16px #d4d4d4, -8px -8px 16px #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    border: none;\n    color: '#345e88' !important\n    cursor: pointer;\n    align-content: center;\n    transition: ease-in-out 0.5s;\n    img{\n      width: 40%;\n      max-width:100px;\n      max-height: 60px;\n      margin: 0 auto;\n      }\n    h5{\n        color: '#345e88'\n    }\n    &:hover{\n        box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5),\n      inset 8px 8px 16px rgba(0, 0, 0, 0.1);\n      img{\n      width: 30%;\n      max-height: 60px;\n      margin: 0 auto;\n      }\n      h5{\n        font-size: 15px;\n        font-family:\"Montserrat\" ,sans-serif;\n      }\n    }\n"]))),Y=a.h5(f||(f=s(['\n    text-align: center;\n    font-size: 17px;\n    margin: 2px auto;\n    width: 100px;\n    text-decoration: none;\n    font-family:"Montserrat";\n    font-weight:500;\n']))),$=a.div(m||(m=s(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: 5px;\n    width: 100%;\n"]))),H=a.div(u||(u=s(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-evenly;\n    align-items: center;\n    margin: 0 auto;\n"]))),Q=function(e){var n=e.isMock,t=void 0!==n&&n,c=e.setCurrentScreen,d=void 0===c?function(){return null}:c,f=l.linkTo("quickaccesslink","quick-access-2");t||(f=o.useNavigate());var m=[{label:"Offers",destination:function(){return f("/")}},{label:"Plans",destination:function(){return f("/plans")}},{label:"Settings",destination:function(){return f("/settings")}}],u=r.useState(!1),h=u[0],g=u[1],x=a.div(p||(p=s(["\n    display: flex;\n    width: 100%;\n    justify-content: center;\n  "])));return r.createElement("div",null,r.createElement($,{style:{background:"#2D547A"}},r.createElement("span",{id:"quickAccess",style:{margin:"auto 0",padding:"10px",color:"white",fontFamily:"Montserrat"}},"Quick Access Links"),r.createElement(i.Pivot,{toggled:h,toggle:g,color:"white",size:20})),h&&r.createElement("div",null,r.createElement(H,null,m.map((function(e,n){return function(e,n){return r.createElement("div",t?{key:n,style:{textDecoration:"none",color:"#426c96",background:"transparent",outline:"none",border:"none"},onClick:function(){return d(n)}}:{key:n,style:{textDecoration:"none",color:"#426c96",background:"transparent",outline:"none",border:"none"},onClick:function(){return e.destination()}},r.createElement(W,null,r.createElement(x,null,function(e){switch(e){case 0:return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34.977",height:"42.891",viewBox:"0 0 34.977 42.891"},r.createElement("g",{transform:"translate(-1540.767 -319.211)"},r.createElement("path",{d:"M1574.367,337.033h-12.155V362.1h10.916a1.382,1.382,0,0,0,1.377-1.378v-13.78a1.383,1.383,0,0,0,1.239-1.371v-7.162A1.381,1.381,0,0,0,1574.367,337.033Z",fill:"#2d547a"}),r.createElement("path",{d:"M1559.859,337.033H1547.7a1.382,1.382,0,0,0-1.378,1.378v7.162a1.383,1.383,0,0,0,1.24,1.371v13.78a1.382,1.382,0,0,0,1.377,1.378h10.916Z",fill:"#2d547a"}),r.createElement("path",{d:"M1574.8,327.333a4.807,4.807,0,0,0-4.267-1.874,4.74,4.74,0,0,0-2.093.674,11.882,11.882,0,0,0-1.349.968,12.622,12.622,0,0,0-3.3,4.4,40.956,40.956,0,0,0-1.556,3.854c-.038.11-.07.2-.1.286l.173.019a29.5,29.5,0,0,0,4.041.134,13.5,13.5,0,0,0,5.359-1.249,7.134,7.134,0,0,0,2.8-2.416,6.225,6.225,0,0,0,.849-1.907A3.443,3.443,0,0,0,1574.8,327.333Zm-2.986,3.145a5.031,5.031,0,0,1-1.531,1.674,16.5,16.5,0,0,1-4.237,2.021c-1.4.456-2.556.809-3.333,1.042.55-.617,1.4-1.586,2.45-2.794a14.652,14.652,0,0,1,3.553-3.054c.361-.209.754-.414,1.146-.593a2.019,2.019,0,0,1,2.244.475c.089.164.086.08.074.209A3.691,3.691,0,0,1,1571.815,330.478Z",fill:"#2d547a"}),r.createElement("path",{d:"M1563.331,324.254a7.618,7.618,0,0,0-2.384-3.73,5.434,5.434,0,0,0-5.387-.971,7.089,7.089,0,0,0-2.245,1.374,5.464,5.464,0,0,0-1.533,2.365,6.133,6.133,0,0,0,.635,4.692,16.307,16.307,0,0,0,4.235,4.724,33.1,33.1,0,0,0,3.335,2.3,9.508,9.508,0,0,0,.881.45c.072.032.135.06.189.081.011-.021.023-.046.034-.07a35.742,35.742,0,0,0,1.877-4.677A11.722,11.722,0,0,0,1563.331,324.254Zm-2.906,10.291c-.546-.776-1.357-1.876-2.278-3.234a21.219,21.219,0,0,1-2.573-4.731c-.523-1.895-.191-2.411,1.388-3.182a1.621,1.621,0,0,1,1.591.225,4.8,4.8,0,0,1,1.545,1.846,12.329,12.329,0,0,1,.846,5.026c-.02,2.039-.056,3.652-.069,4.576C1560.747,334.933,1560.525,334.685,1560.425,334.545Z",fill:"#2d547a"}),r.createElement("path",{d:"M1556.436,334.4c-1.852-.807-3.494-3.059-5.837-5.125-.989-.884-1.894-2.187-3.693-2.995a5.438,5.438,0,0,0-3.873.088,4.193,4.193,0,0,0-2.254,2.714.179.179,0,0,0,.008.148c.027.031.077.058.235,0a7.684,7.684,0,0,1,1.659-.354,6.269,6.269,0,0,1,2.959.454,13.528,13.528,0,0,1,3.179,2.133c1.222.908,2.227,1.692,3.442,2.572a10.779,10.779,0,0,0,3.641,1.831c2.408.58,3.928-.083,3.88-.291C1559.77,335.249,1558.234,335.3,1556.436,334.4Z",fill:"#2d547a"})));case 1:return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38.918",height:"43.069",viewBox:"0 0 38.918 43.069"},r.createElement("g",{transform:"translate(-1610.73 -327.915)"},r.createElement("path",{d:"M1638.3,364.732v1.947h-1.872v-1.814a7.683,7.683,0,0,1-3.247-.821l.573-2.234a6.75,6.75,0,0,0,3.17.84c1.089,0,1.833-.42,1.833-1.184,0-.726-.61-1.184-2.023-1.661-2.044-.688-3.438-1.643-3.438-3.495,0-1.681,1.184-3,3.227-3.4V351.1h1.872v1.68a6.885,6.885,0,0,1,2.769.63l-.554,2.158a6.339,6.339,0,0,0-2.751-.649c-1.24,0-1.641.534-1.641,1.069,0,.63.669,1.031,2.291,1.642,2.273.8,3.189,1.853,3.189,3.572C1641.7,362.9,1640.5,364.35,1638.3,364.732Z",fill:"#2d547a"}),r.createElement("path",{d:"M1633.3,346.2a13.183,13.183,0,0,1,3.756-.658v-2.9H1633.3Z",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1627.569 342.632)",fill:"#2d547a"}),r.createElement("path",{d:"M1621.953,354v3.756h2.282a13.161,13.161,0,0,1,.853-3.756Z",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1621.837 342.632)",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1621.886 348.315)",fill:"#2d547a"}),r.createElement("path",{d:"M1634.451,335.867a2.668,2.668,0,0,0,2.669-2.668v-2.615a2.669,2.669,0,1,0-5.338,0V333.2A2.668,2.668,0,0,0,1634.451,335.867Z",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1616.154 342.636)",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1616.22 353.998)",fill:"#2d547a"}),r.createElement("path",{d:"M1629.328,348.315h-1.709V349.9A13.365,13.365,0,0,1,1629.328,348.315Z",fill:"#2d547a"}),r.createElement("rect",{width:"3.756",height:"3.756",transform:"translate(1616.203 348.319)",fill:"#2d547a"}),r.createElement("path",{d:"M1618.933,335.867a2.668,2.668,0,0,0,2.669-2.668v-2.615a2.669,2.669,0,1,0-5.337,0V333.2A2.668,2.668,0,0,0,1618.933,335.867Z",fill:"#2d547a"}),r.createElement("path",{d:"M1624.286,360.328h-10.21V340.313h25.232v5.35a13.146,13.146,0,0,1,3.346.937V332.8h-4.422v.4a3.781,3.781,0,1,1-7.562,0v-.4h-7.955v.4a3.781,3.781,0,0,1-7.563,0v-.4h-4.422v31.187h14.534A13.147,13.147,0,0,1,1624.286,360.328Z",fill:"#2d547a"}),r.createElement("path",{d:"M1637.443,370.984a12.205,12.205,0,1,1,12.2-12.205A12.219,12.219,0,0,1,1637.443,370.984Zm0-21.805a9.6,9.6,0,1,0,9.6,9.6A9.611,9.611,0,0,0,1637.443,349.179Z",fill:"#2d547a"})));case 2:return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38.822",height:"39.069",viewBox:"0 0 38.822 39.069"},r.createElement("g",{transform:"translate(-1668.464 -329.915)"},r.createElement("path",{d:"M1670.789,339.605l.563,2.333-1.4,2.368,2.221,2.334,2.435-1.279,2.3.679,1.352,2.395,3.132-.756.11-2.748,1.738-1.654,2.75.028.912-3.091-2.326-1.469-.563-2.332,1.4-2.368-2.221-2.335-2.434,1.279-2.3-.679-1.351-2.395-3.132.756-.11,2.748-1.739,1.654-2.75-.027-.911,3.09Zm7.915-3.889a3.606,3.606,0,1,1-4.479,2.439A3.607,3.607,0,0,1,1678.7,335.716Z",fill:"#2d547a"}),r.createElement("path",{d:"M1680.748,353.956l0,3.494,3.519.869,1.006,2.435-1.879,3.1,2.468,2.472,3.1-1.874,2.433,1.011.863,3.52,3.494,0,.868-3.518,2.435-1.007,3.1,1.88,2.473-2.469-1.874-3.1,1.01-2.434,3.52-.862,0-3.494-3.519-.868-1.006-2.436,1.879-3.1-2.469-2.472-3.1,1.874-2.433-1.01-.863-3.52-3.494,0-.868,3.518-2.435,1.007-3.1-1.879-2.473,2.468,1.874,3.1-1.01,2.434Zm12.586-3.453a5.255,5.255,0,1,1-4.53,5.893A5.255,5.255,0,0,1,1693.334,350.5Z",fill:"#2d547a"})));default:return null}}(n)),r.createElement(Y,{className:"text",id:"offer",style:{color:"#345e88"}},e.label)))}(e,n)})))))},U=a.div(h||(h=s(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  border-radius: 5px;\n  margin: 15px auto;\n  min-height: 100px;\n  max-height: 250;\n  width: 95%;\n  padding: 17px;\n  padding-top: 7px;\n  background: linear-gradient(145deg, #ffffff, #e0e0e0);\n  box-shadow: 8px 8px 16px #d4d4d4, -8px -8px 16px #ffffff;\n"]))),_=a.div(g||(g=s(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"]))),K=a.img(x||(x=s(["\n  width: 30px;\n  height: 30px;\n  padding: 5px;\n"]))),G=a.div(y||(y=s(["\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 500;\n  font-size: 22px;\n  padding: 5px;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n"]))),J=a.div(w||(w=s(["\n  font-family: 'Montserrat', sans-serif;\n  min-width: 110px;\n  font-weight: 400;\n  font-size: 14px;\n  color: gray;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  padding: 5px;\n"]))),X=a.div(E||(E=s(["\n  border-radius: 5px;\n  margin: 15px auto;\n  min-height: 100px;\n  max-height: 250px;\n  width: 95%;\n  padding: 17px;\n  padding-top: 5px;\n  background: linear-gradient(145deg, #ffffff, #e0e0e0);\n  box-shadow: 8px 8px 16px #d4d4d4, -8px -8px 16px #ffffff;\n  padding-bottom: 20px;\n  transition: ease-in-out 0.5s;\n  cursor: pointer;\n  &:hover {\n    transform: scale(1.02);\n    transition: ease-in-out 0.5s;\n  }\n"]))),ee=a.div(v||(v=s(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin: 5px auto;\n"]))),ne=a.div(b||(b=s(["\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 500;\n  font-size: 22px;\n  padding: 5px;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  text-align: left;\n"]))),te=a.div(k||(k=s(["\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 500;\n  font-size: 18px;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n"]))),re=a.div(M||(M=s(["\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 400;\n  font-size: 15px;\n  color: gray;\n  padding: 5px;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0px;\n  margin-inline-end: 0px;\n  text-align: center;\n  height: 30px;\n"]))),ae=a.div(A||(A=s(["\n  width: 30px;\n  height: 30px;\n  background-color: #2d547a;\n  display: flex;\n  align-items: center;\n"]))),ie=function(e){var n=e.monthlyFee,t=e.paymentLength,a=e.totalFee,i=e.total;return r.createElement(X,null,r.createElement(ee,null,r.createElement("div",null,r.createElement(ne,{style:{minWidth:"150px",width:"70%"}},e.monthlyPayment,r.createElement("sup",{style:{verticalAlign:"sup",fontSize:"small"}},"00/mo"))),r.createElement("div",{style:{border:"2px solid #2D547A",fontFamily:"'Montserrat', sans-serif",height:"30px",width:"120px",display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",color:"#2D547A",fontWeight:"500"}}," ",t," ",r.createElement(ae,null,r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"18",viewBox:"-5 0 19.669 33.003"},r.createElement("g",{transform:"translate(0.689 0.5)"},r.createElement("path",{d:"M0,3.352A3.474,3.474,0,0,0,.915,5.729L10.634,16,.926,26.274a3.5,3.5,0,0,0,0,4.743,3.04,3.04,0,0,0,4.482,0L17.356,18.372a3.479,3.479,0,0,0,0-4.736L5.408.986a3.04,3.04,0,0,0-4.482,0A3.452,3.452,0,0,0,0,3.352",transform:"translate(0 0)",fill:"#f7f7f7",stroke:"#fafafa",strokeWidth:"1"})))))),r.createElement(ee,null,r.createElement("div",{style:{width:"33.3%",borderRight:"2px solid #d5d5d5"}},r.createElement(re,null,"Monthly Fee"),r.createElement(te,{style:{textAlign:"center"}},n)),r.createElement("div",{style:{borderRight:"2px solid #d5d5d5",width:"33.3%"}},r.createElement(re,null,"Total Fee"),r.createElement(te,{style:{textAlign:"center"}},a)),r.createElement("div",{style:{width:"33.3%"}},r.createElement(re,null,"Total"),r.createElement(te,{style:{textAlign:"center"}},i))))},le=a.div(C||(C=s(["\n  min-width: 100px;\n  width: 30%;\n  max-width: 200px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 5px;\n  padding: 5px;\n  box-sizing: border-box;\n  cursor: pointer;\n"]))),oe=a.div(S||(S=s(["\n  width: 90%;\n  height: 10px;\n  background-color: #c7c7c7;\n  position: relative;\n  top: -30px;\n  z-index: -2;\n  margin: 0 auto;\n"]))),ce=a.div(Z||(Z=s(["\n  height: 7px;\n  background-color: #f5a033;\n  position: relative;\n  top: -22px;\n  z-index: -1;\n  /* margin: 0 auto; */\n"]))),se=a.div(z||(z=s(["\n  font-family: 'Montserrat', sans-serif;\n  width: 100%;\n  margin: 20px auto;\n  font-weight: 400;\n  font-size: 15px;\n  text-align: center;\n  color: gray;\n"]))),de=function(e){var n=e.listOfOffers,t=e.setCurrentSelectedOffer,a=e.setTabController;return r.createElement("div",null,r.createElement(se,null,"Select one of the offers below"),n.map((function(e,n){return r.createElement("div",{style:{border:"none",background:"transparent"},key:n,onClick:function(){t(e),a(1)}},r.createElement(ie,Object.assign({},e)))})))},fe=a.div(O||(O=s(["\n  width: 50%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: ease-in-out 0.5s;\n  cursor: pointer;\n  span {\n    font-family: \"'Montserrat', sans-serif\";\n  }\n  &:hover {\n    transition: ease-in-out 0.5s;\n    transform: scale(1.1);\n  }\n"]))),me=function(e){var n=e.getIndex,t=e.index,a=void 0===t?0:t;return r.createElement("div",{style:{width:e.width||"350px",height:e.height||"50px",display:"flex",border:"1px solid #2C5379",margin:"0 auto",marginBottom:"40px"}},r.createElement(fe,{onClick:function(){return n(0)},style:{background:0===a?"#2C5379":"transparent",color:0===a?"white":"black"}},r.createElement("span",{style:{fontFamily:"'Montserrat', sans-serif",fontSize:"15px"}},"AUTO-PAY")),r.createElement(fe,{onClick:function(){return n(1)},style:{background:1===a?"#2C5379":"transparent",color:1===a?"white":"black"}},r.createElement("span",{style:{fontFamily:"'Montserrat', sans-serif",fontSize:"15px"}},"MANUAL PAYMENT")))},ue=a.div(j||(j=s(["\n  width: 100%;\n  margin: 20px auto;\n  color: gray;\n  font-family: 'Montserrat', sans-serif;\n  text-align: center;\n"]))),pe=a.span(D||(D=s(["\n  font-weight: 600;\n  color: black;\n  font-family: 'Montserrat', sans-serif;\n"]))),he=a.div(P||(P=s(["\n  font-family: 'Montserrat', sans-serif;\n  margin-top: 20px;\n  width: 100%;\n  margin: 0 auto;\n  font-weight: 700;\n  font-size: 20px;\n  text-align: center;\n"]))),ge=function(e){var n=e.setTabController,t=e.selectedOffer,a=r.useState(0),i=a[0];return r.createElement("div",{style:{display:"block",justifyItems:"center",width:"95%",margin:"0 auto"}},r.createElement("div",null,r.createElement(me,{getIndex:a[1],index:i}),function(e){switch(e){case 0:return r.createElement("div",{style:{margin:"0 auto",width:"100%"}},r.createElement(he,null,"Auto-Pay"),r.createElement(ue,null,"Account ending in ***1989 will be automatically drafted"," ",r.createElement(pe,null,t.monthlyFee)," on the 1st of every month. Your first automatic withdrawal starts on ",r.createElement(pe,null,"12/1/2021")," and ends on ",r.createElement(pe,null,"5/1/2021"),"."));case 1:return r.createElement("div",{style:{margin:"0 auto",width:"100%"}},r.createElement(he,null,"Manual-Pay"),r.createElement(ue,null,"By selecting manual payment, you will be responsible for making a payment by phone, online, or through a branch by your due date every month to avoid paying penalties."));default:return null}}(i),r.createElement("div",{style:{margin:"20px auto",display:"flex",justifyContent:"center"}},r.createElement(N,{label:"Process",onClick:function(){return n(2)}}))))},xe=a.div(F||(F=s(["\n  width: 100%;\n  margin: 20px auto;\n  color: gray;\n  font-family: 'Montserrat', sans-serif;\n  text-align: center;\n"]))),ye=a.span(T||(T=s(["\n  font-weight: 600;\n  color: black;\n  font-family: 'Montserrat', sans-serif;\n"]))),we=a.input(B||(B=s(["\n  width: 40px;\n  height: 40px;\n  margin-right: 10px;\n  &:checked {\n    background-color: #2d547a;\n  }\n"]))),Ee=function(e){var n=e.offerInfo,t=e.setTabController,a=r.useState(!1),i=a[0],l=a[1];return r.createElement("div",null,r.createElement(xe,null,"By clicking “I Agree” below, ",r.createElement(ye,null,"$",n.total)," will be deposited in your account ending in ***1989. Your"," ",r.createElement(ye,null,n.paymentLength)," payments of"," ",r.createElement(ye,null,"$",n.monthlyPayment," ")," will be automatically withdrawn from the account ending in ***1989. You will receive an email reminder 5 days prior to the automatic withdrawal."),r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement(we,{type:"checkbox",onChange:function(e){return l(e.target.checked)}}),r.createElement("span",{style:{fontFamily:"'Montserrat', sans-serif",fontSize:"12px",fontWeight:"700"}},"I have read and agree to the terms of service. A copy of the agreement will be sent to tom@gmail.com")),r.createElement("div",{style:{display:"flex",justifyContent:"center",height:"200px",alignItems:"center"}},r.createElement(N,{label:"CONFIRM",bgColor:i?"#2d547a":"#718eac",onClick:function(){return t(3)},disabled:!i})))},ve=a.div(I||(I=s(["\n  width: 100%;\n  margin: 20px auto;\n  color: gray;\n  font-family: 'Montserrat', sans-serif;\n  text-align: center;\n"]))),be=a.span(L||(L=s(["\n  font-weight: 600;\n  color: black;\n  font-family: 'Montserrat', sans-serif;\n"]))),ke=a.div(q||(q=s(["\n  font-family: 'Montserrat', sans-serif;\n  margin-top: 20px;\n  width: 100%;\n  margin: 0 auto;\n  font-weight: 700;\n  font-size: 20px;\n  text-align: center;\n"])));function Me(e){var n=e.offerInfo;return r.createElement("div",null,r.createElement(ke,null,"Congrats !!!"),r.createElement(ve,null,r.createElement(be,null," $",n.total)," will be deposited into your checking account ending in ***1989. Your first payment of $",r.createElement(be,null,n.monthlyPayment," ")," will be deducted from your account ending in ***1989 on 12/1/2021. A copy of your agreement has been sent to tom@gmail.com and can also be viewed under Plans."),r.createElement("div",{style:{margin:"40px auto",display:"flex",justifyContent:"center"}},r.createElement(N,{width:"200px",label:"More Offers",onClick:function(){return null}})))}function Ae(e){return r.createElement(e.isStoryBook?"div":o.HashRouter,null,e.children)}var Ce,Se=a.div(R||(R=s(["\n  min-height: 100vh;\n"])));function Ze(e){return c(e),r.createElement(Se,null,"Offer Page")}var ze,Oe=a.div(Ce||(Ce=s(["\n    min-height: 100vh;\n  "])));function je(e){return c(e),r.createElement(Oe,null,"Plans Page")}var De=a.div(ze||(ze=s(["\n    min-height: 100vh;\n  "])));function Pe(e){return c(e),r.createElement(De,null,"Settings Page")}exports.EquipifiSDK=function(e){var n=e.isStoryBook,t=void 0===n||n,a=r.useState(0),i=a[0];return r.createElement(Ae,{isStoryBook:t},r.createElement(Q,{isMock:t,setCurrentScreen:a[1]}),t?function(){switch(i){case 0:return r.createElement(Ze,null);case 1:return r.createElement(je,null);case 2:return r.createElement(Pe,null);default:return null}}():r.createElement(o.Routes,null,r.createElement(o.Route,{path:"/",element:r.createElement(Ze,null)}),r.createElement(o.Route,{path:"/plans",element:r.createElement(je,null)}),r.createElement(o.Route,{path:"/settings",element:r.createElement(Pe,null)})))},exports.OfferCard=ie,exports.OfferTracker=function(e){var n=e.pages1,a=t.useState(0),i=a[0],l=a[1],o=t.useState([]),c=o[0],s=o[1],d=t.useState({monthlyPayment:"",monthlyFee:"",totalFee:"",total:"",paymentLength:""}),f=d[0],m=d[1],u=function(e){return console.log(i,e,c),i!==e||c.includes(i)?i!==e&&c.includes(e)?"#F5A033":i===e&&!c.includes(i)||i===e&&!c.includes(i)?"#2D547A":"#DDDDDE":"#2D547A"},p=function(e){return console.log("current",e),l(e),0===e?s([]):c.includes(e)?s(c.filter((function(n){return n!==e}))):s([].concat(c,[e-1]))},h=function(e){p(e),l(e)};return r.createElement("div",null,r.createElement("div",{style:{background:"transparent",width:"100%"}},r.createElement("div",{style:{margin:"0 auto",width:"95%"}},r.createElement("div",{style:{display:"flex",justifyContent:"space-between",margin:"0 auto"}},3!==i&&["Select Offer","Payment Options","Accept"].map((function(e,n){return r.createElement(le,{style:{background:u(n),color:"#DDDDDE"!==u(n)?"white":"black"},onClick:function(){if(c.includes(n))return p(n)},key:n},c.includes(n)?r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 24 24",fill:"white"},r.createElement("path",{d:"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"})):r.createElement("span",{style:{fontFamily:"'Montserrat', sans-serif",textAlign:"center",fontSize:"15px"}},e))}))),r.createElement(ce,{style:{width:0===i?"0%":1===i?"50%":"100%"}})),r.createElement(oe,null)),function(){switch(i){case 0:return r.createElement(de,{listOfOffers:n.listOfOffers,setCurrentSelectedOffer:m,setTabController:h});case 1:return r.createElement(ge,{setTabController:h,selectedOffer:f});case 2:return r.createElement(Ee,{offerInfo:f,setTabController:h});case 3:return r.createElement(Me,{offerInfo:f,setTabController:h});default:return null}}())},exports.PrimaryBtn=N,exports.QuickAccessLink=Q,exports.TransactionCard=function(e){var n=e.transactionDate,t=e.transactionAmount,a=e.offerExpiration,i=e.onClick,l=e.icon;return r.createElement(U,{onClick:function(){return i()}},r.createElement(_,null,r.createElement("div",null,r.createElement(G,{style:{minWidth:"150px",width:"70%"}},e.transactionName),r.createElement(J,null,n)),r.createElement("div",{style:{display:"flex",width:"30%",minWidth:"150px",justifyContent:"space-between"}},r.createElement("div",null,r.createElement(G,{style:{textAlign:"center",color:"gray"}},t),r.createElement(J,{style:{textAlign:"center"}},"offer Ends in ",a," days")),r.createElement(K,{src:l}))))};
  //# sourceMappingURL=equipifi.cjs.production.min.js.map
  