(this["webpackJsonpsvgapi-panel"]=this["webpackJsonpsvgapi-panel"]||[]).push([[0],[,,,,,,function(e,t,a){e.exports=a.p+"static/media/logo_white.ad121703.svg"},,function(e,t,a){},,function(e,t,a){e.exports=a(17)},,,,,function(e,t,a){},function(e,t,a){},function(e,t,a){"use strict";a.r(t);var n=a(0),l=a.n(n),r=a(9),o=a.n(r),i=(a(15),a(1)),c=a(2),s=a(4),u=a(3),m=a(5),d=a(6),p=a.n(d),h=(a(8),function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,l=new Array(n),r=0;r<n;r++)l[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(u.a)(t)).call.apply(e,[this].concat(l)))).state={email:"",pass:""},a.onFormSubmit=function(e){a.authUser(),e.preventDefault()},a}return Object(m.a)(t,e),Object(c.a)(t,[{key:"authUser",value:function(){var e=this;console.log("start auth");var t=new FormData;return t.append("email",this.state.email),t.append("pass",this.state.pass),this.setState({indicator:"Please wait..."}),fetch("https://api.svgapi.com/login.php",{method:"POST",credentials:"include",body:t}).then((function(e){return e.json()})).then((function(t){console.log(t),"success"!=t?e.setState({indicator:"Please check your login credentials!"}):(e.setState({indicator:"Success!"}),setTimeout((function(){e.props.loggedIn()}),200))}))}},{key:"fetchUser",value:function(){}},{key:"render",value:function(){var e=this;return l.a.createElement("div",{className:"App"},l.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},l.a.createElement("div",{className:"panelTop"},l.a.createElement("img",{src:p.a,style:{width:150}}),l.a.createElement("div",{className:"partner"},"Control Panel")),this.state.indicator&&l.a.createElement("div",{className:"indicator"},this.state.indicator),l.a.createElement("form",{onSubmit:this.onFormSubmit},l.a.createElement("p",null,l.a.createElement("label",null,l.a.createElement("div",{className:"label"},"E-mail:"),l.a.createElement("input",{type:"text",onChange:function(t){return e.setState({email:t.target.value})}}))),l.a.createElement("p",null,l.a.createElement("label",null,l.a.createElement("div",{className:"label"},"Password:"),l.a.createElement("input",{type:"password",onChange:function(t){return e.setState({pass:t.target.value})}}))),l.a.createElement("div",{className:"button",style:{width:300,textAlign:"center"},onClick:function(){return e.authUser()}},"Login"),l.a.createElement("button",{type:"submit",style:{display:"none"}},"Submit")),l.a.createElement("p",{className:"registerExplain"},"If you haven't already; in order to register, please go to ",l.a.createElement("a",{href:"https://svgapi.com/pricing"},"Pricing")," and choose a plan suitable for you. "),l.a.createElement("p",{className:"registerExplain"},l.a.createElement("br",null),"Contact us at ",l.a.createElement("a",{href:"mailto:info@svgapi.com"},"info@svgapi.com")," for your questions and problems. ")))}}]),t}(l.a.Component)),g=!0,f=new(function(){function e(){Object(i.a)(this,e),this.development=g}return Object(c.a)(e,[{key:"getUser",value:function(){return this.user}},{key:"fetchUser",value:function(){var e=this;fetch("https://api.svgapi.com/user.php",{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(t){null==t&&console.log("NO_AUTH"),t&&(console.log("Logged In"),e.setUser(t))})).catch((function(e){console.log(e)}))}},{key:"setUser",value:function(e){this.user=e}}]),e}()),v=function(e){function t(){return Object(i.a)(this,t),Object(s.a)(this,Object(u.a)(t).apply(this,arguments))}return Object(m.a)(t,e),Object(c.a)(t,[{key:"getPlanCredit",value:function(e){return"starter"==e?5e3:"maker"==e?5e4:"professional"==e?5e5:void 0}},{key:"render",value:function(){return l.a.createElement("div",null,l.a.createElement("h2",null,"Usage"),l.a.createElement("p",null,"See your usage for your current plan."),l.a.createElement("div",{style:{width:300,background:"#eee",boxShadow:"0 0 5px rgba(0, 0, 0, .05)"}},l.a.createElement("div",{style:{width:Number(this.getPlanCredit(f.getUser().plan)-f.getUser().credit)/this.getPlanCredit(f.getUser().plan)*100+"%",background:"#141414",height:30}})),l.a.createElement("p",{style:{paddingTop:20,fontSize:"1.2em"}},(this.getPlanCredit(f.getUser().plan)-f.getUser().credit).toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")," / ",this.getPlanCredit(f.getUser().plan).toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")," API Calls"),l.a.createElement("h2",null,"Announcements"),l.a.createElement("p",null,"Updates from us, version updates, breaking updates and or the news we would like you to know will be listed here."),l.a.createElement("p",{className:"nonExisting"},"There is no announcements to show"))}}]),t}(l.a.Component),E=(a(16),function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,l=new Array(n),r=0;r<n;r++)l[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(u.a)(t)).call.apply(e,[this].concat(l)))).state={domain:f.getUser().domain,added:!1,development:0!=f.getUser().is_dev},a}return Object(m.a)(t,e),Object(c.a)(t,[{key:"toggleDevelopment",value:function(){var e=this.state.development;e=!e,console.log(e),this.setState({development:e});var t="https://api.svgapi.com/updateDev.php?dev="+Number(e);fetch(t,{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(t){f.user.is_dev=e?1:0}))}},{key:"updateDomain",value:function(e){console.log(e),fetch("https://api.svgapi.com/update.php?domain="+e,{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(t){f.user.domain=e}))}},{key:"addNew",value:function(){var e=this.state.domain;e=e?e+","+this.refs._domain.value:this.refs._domain.value,this.setState({domain:e,added:!0}),this.updateDomain(e)}},{key:"removeDomain",value:function(e){var t=this.state.domain;t=(t=t.replace(e+",","")).replace(e,""),this.setState({domain:t}),this.updateDomain(t)}},{key:"render",value:function(){var e=this;return l.a.createElement("div",null,l.a.createElement("h2",null,"Allowed Domains"),l.a.createElement("p",null,"See the allowed domains for your account spesific endpoint."),l.a.createElement("div",{className:"domains"},!this.state.domain&&l.a.createElement("div",{className:"nonExisting"},"You don't have any allowed domains, you can add one in the following section."),this.state.domain&&this.state.domain.split(",").map((function(t,a){if(t)return l.a.createElement("p",{key:a},t," ",l.a.createElement("span",{className:"remove",onClick:function(){return e.removeDomain(t)}},"(Remove)"))}))),l.a.createElement("br",null),l.a.createElement("h2",null,"Add Domain"),l.a.createElement("p",null,"Allow another domain to access your account spesific endpoint"),l.a.createElement("div",{className:"addNewDomain"},!this.state.added&&l.a.createElement(l.a.Fragment,null,l.a.createElement("input",{type:"text",placeholder:"mydomain.com",ref:"_domain"}),l.a.createElement("div",{className:"button",onClick:function(){return e.addNew()}},"Allow Domain"))),l.a.createElement("br",null),l.a.createElement("h2",null,"Domain Key"),l.a.createElement("p",null,"See your domain key, used for the API endpoint."),l.a.createElement("div",{className:"code"},f.getUser().domain_key),l.a.createElement("p",{style:{position:"relative",top:8}},"Using it in an example."),l.a.createElement("div",{className:"code"},l.a.createElement("b",null,"GET")," https://api.svgapi.com/v1/",l.a.createElement("b",null,f.getUser().domain_key),"/list/?search=apple"),l.a.createElement("br",null),l.a.createElement("h2",null,"Development Mode"),l.a.createElement("p",null,"You can toggle development mode to allow all requests for your api endpoint. In order to use API in backend or for your localhost, you should toggle this."),l.a.createElement("label",{className:"switch"},l.a.createElement("input",{type:"checkbox",checked:this.state.development,readOnly:!0}),l.a.createElement("span",{className:"slider round"})),l.a.createElement("div",{style:{width:50,height:20,position:"relative",bottom:40,background:"transparent",cursor:"pointer"},onClick:function(){return e.toggleDevelopment()}}),l.a.createElement("p",null,l.a.createElement("b",null,"NOTE:")," If you are making frontend calls to your api endpoint, make sure to ",l.a.createElement("b",null,"not keep development mode open"),", as others access to your endpoint can use your credits, from other domains or via backend."))}}]),t}(l.a.Component)),b=function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,l=new Array(n),r=0;r<n;r++)l[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(u.a)(t)).call.apply(e,[this].concat(l)))).state={bills:null},a}return Object(m.a)(t,e),Object(c.a)(t,[{key:"componentDidMount",value:function(){this.fetchBills()}},{key:"fetchBills",value:function(){var e=this;fetch("https://api.svgapi.com/bill.php",{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(t){e.setState({bills:t})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=JSON.parse(f.getUser().payment_object);return l.a.createElement("div",null,l.a.createElement("h2",null,"Billing Info"),l.a.createElement("p",null,"All the invoices are sent to your email address (",f.getUser().email,") the same day your card/paypal is charged. By clicking edit this invoice, you can add your business address."),l.a.createElement("p",null,"Your next bill will be at ",l.a.createElement("strong",null,f.getUser().next_bill_date)," with an amount of ",l.a.createElement("strong",null,e.next_payment_amount," USD")),l.a.createElement("h2",null,"Past Invoices"),l.a.createElement("p",null,"See and edit your past invoices, a copy of this invoices are also sent to your email address. The invoices opens in new tab, and you can edit your business address."),this.state.bills&&this.state.bills.map((function(e,t){var a=JSON.parse(e);return l.a.createElement("div",{className:"bill",key:t},"Order Id: ",a.order_id,l.a.createElement("br",null),"Costumer: ",a.customer_name,l.a.createElement("br",null),"Payment Time: ",a.event_time,l.a.createElement("br",null),"Payment Method: ",a.payment_method,l.a.createElement("br",null),"Payment Amount: ",a.balance_gross," USD",l.a.createElement("br",null),"Plan Name: ",a.plan_name,l.a.createElement("br",null),l.a.createElement("a",{href:a.receipt_url,target:"_blank"},"See Invoice"))})),l.a.createElement("p",null,"Do you see a problem? Contact us and we will try to fix it at ",l.a.createElement("a",{href:"mailto:info@svgapi.com",target:"_blank"},"info@svgapi.com")))}}]),t}(l.a.Component),y=function(e){function t(){return Object(i.a)(this,t),Object(s.a)(this,Object(u.a)(t).apply(this,arguments))}return Object(m.a)(t,e),Object(c.a)(t,[{key:"getPlanId",value:function(e){return"starter"==e?580889:"maker"==e?580882:"professional"==e?580884:void 0}},{key:"componentDidMount",value:function(){window.Paddle.Setup({vendor:106664,eventCallback:function(e){console.log("paddle is working",e.event),"Checkout.Complete"==e.event&&f.fetchUser()}})}},{key:"getPrice",value:function(e){return"starter"==e||"free"==e?"9,90":"maker"==e?"24,90":"professional"==e?"149,90":void 0}},{key:"test",value:function(){window.Paddle.Checkout.open({product:580889,email:"tokakburak@gmail.com"})}},{key:"changePlan",value:function(e){var t=JSON.parse(f.getUser().subscription_object).subscription_id,a=this.getPlanId(e);fetch("https://api.svgapi.com/updatePlan.php?subscription_id="+t+"&planid="+a,{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(e){1==e.success?(alert("Successfully done! Please login again for the changes to take effect."),window.location.href="https://panel.svgapi.com"):alert("Error! "+e.error.message)}))}},{key:"render",value:function(){var e=this;return l.a.createElement("div",null,l.a.createElement("h2",null,"Changing Your Plan"),l.a.createElement("p",null,"When you upgrade or change your plan, the difference between plans will be prorated, this means; if you upgrade to another plan, your current plan's not-yet-used value will be reducted from your upgraded bill."),l.a.createElement("div",{className:"plans"},l.a.createElement("p",null,l.a.createElement("b",null,"Starter Plan"),l.a.createElement("li",null,"5,000 Calls/Month"),l.a.createElement("li",null,"Unlimited domains"),l.a.createElement("li",null,"$9.90/mo"),l.a.createElement(l.a.Fragment,null,"starter"==f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none",background:"#fff",color:"#aaa"}},"Current"),"starter"!=f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none"},onClick:function(){return e.changePlan("starter")}},"Change"))),l.a.createElement("p",null,l.a.createElement("b",null,"Maker Plan"),l.a.createElement("li",null,"50,000 Calls/Month"),l.a.createElement("li",null,"Unlimited domains"),l.a.createElement("li",null,"$24.90/mo"),l.a.createElement(l.a.Fragment,null,"maker"==f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none",background:"#fff",color:"#aaa"}},"Current"),"maker"!=f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none"},onClick:function(){return e.changePlan("maker")}},"Change"))),l.a.createElement("p",null,l.a.createElement("b",null,"Professional Plan"),l.a.createElement("li",null,"500,000 Calls/Month"),l.a.createElement("li",null,"Unlimited domains"),l.a.createElement("li",null,"$149.90/mo"),l.a.createElement(l.a.Fragment,null,"professional"==f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none",background:"#fff",color:"#aaa"}},"Current"),"professional"!=f.getUser().plan&&l.a.createElement("div",{className:"button",style:{float:"none"},onClick:function(){return e.changePlan("professional")}},"Change")))),l.a.createElement("p",null,"Contact us if you are maintaining a bigger volume project, with your estimated monthly call volume and information about your project at ",l.a.createElement("a",{href:"mailto:info@svgapi.com",target:"_blank"},"info@svgapi.com")))}}]),t}(l.a.Component),k=function(e){function t(){return Object(i.a)(this,t),Object(s.a)(this,Object(u.a)(t).apply(this,arguments))}return Object(m.a)(t,e),Object(c.a)(t,[{key:"getPrice",value:function(e){return"starter"==e||"free"==e?"9,90":"maker"==e?"24,90":"professional"==e?"149,90":void 0}},{key:"render",value:function(){var e=JSON.parse(f.getUser().subscription_object);return l.a.createElement("div",null,l.a.createElement("h2",null,"Subscription Details"),"deleted"!=e.status&&l.a.createElement(l.a.Fragment,null,l.a.createElement("p",null,"You are currently subscribed to ",l.a.createElement("strong",null,f.getUser().plan)," plan. Which is $",this.getPrice(f.getUser().plan),"/month, your card will be charged by paddle.com when applicable."),l.a.createElement("p",null,"Your next bill date is ",l.a.createElement("strong",null,f.getUser().next_bill_date)," (this information is supplied by paddle.com).")),"trialing"==e.status&&l.a.createElement("div",null,l.a.createElement("p",null,"You are currently in trial period, your period ends in the ",l.a.createElement("strong",null,e.next_bill_date),". Don't worry, if you forget to cancel your subscription, you can contact us to get a full refund!")),l.a.createElement("h2",null,"Update Payment Method"),l.a.createElement("p",null,"If you would like to change your payment method, or change your current card, click the following link."),l.a.createElement("p",null,l.a.createElement("a",{href:e.update_url,target:"_blank"},"Click to Change")," (Opens in a new tab)"),l.a.createElement("h2",null,"Canceling Subscription"),l.a.createElement("p",null,'You can cancel your subscription anytime for any reason, all your data in our server will be removed 7 days after your current paid period ends. During this time, you can always come back and choose another plan on "Change Plan" tab.'),l.a.createElement("p",null,l.a.createElement("a",{href:e.cancel_url,target:"_blank",style:{color:"red"}},"Click to Cancel")," (Opens in a new tab)"),l.a.createElement("p",null,l.a.createElement("b",null,"Note:")," After you cancel your subscription, make sure you getan information email from paddle."),l.a.createElement("p",null,"Your current subscription status is: ",l.a.createElement("b",null,e.status)," (You might need to relogin after canceling if you think this is not accurate)"))}}]),t}(l.a.Component),C=function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,l=new Array(n),r=0;r<n;r++)l[r]=arguments[r];return(a=Object(s.a)(this,(e=Object(u.a)(t)).call.apply(e,[this].concat(l)))).state={login:!1,sidebar:!0,page:"dashboard"},a}return Object(m.a)(t,e),Object(c.a)(t,[{key:"changePage",value:function(e){this.setState({page:e})}},{key:"renderPage",value:function(e){switch(e){case"dashboard":return l.a.createElement(v,null);case"domains":return l.a.createElement(E,null);case"billing":return l.a.createElement(b,null);case"plan":return l.a.createElement(y,null);case"subscription":return l.a.createElement(k,null);default:return l.a.createElement(v,null)}}},{key:"toggleSidebar",value:function(){var e=this.state.sidebar;this.setState({sidebar:!e})}},{key:"isLoggedIn",value:function(){var e=this;fetch("https://api.svgapi.com/user.php",{method:"GET",credentials:"include"}).then((function(e){return e.json()})).then((function(t){null==t&&console.log("NO_AUTH"),t&&(console.log("Logged In"),f.setUser(t),e.setState({login:!0}))})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return this.state.login?l.a.createElement("div",{className:"App"},l.a.createElement("div",{className:"dashboardCarrier"},this.state.sidebar&&l.a.createElement("div",{className:"sidebar"},l.a.createElement("div",{className:"enterance"},l.a.createElement("img",{className:"logo",src:p.a,style:{width:110}}),l.a.createElement("div",{className:"partner"},"ADMIN PANEL")),l.a.createElement("div",{className:"nav"},l.a.createElement("div",{onClick:function(){return e.changePage("dashboard")},className:"dashboard"==this.state.page?"active":""},"Dashboard"),l.a.createElement("div",{onClick:function(){return e.changePage("domains")},className:"domains"==this.state.page?"active":""},"Manage Domains"),l.a.createElement("div",{className:"seperator"}),l.a.createElement("div",{onClick:function(){return e.changePage("billing")},className:"billing"==this.state.page?"active":""},"Billing Info"),l.a.createElement("div",{onClick:function(){return e.changePage("plan")},className:"plan"==this.state.page?"active":""},"Change Plan"),l.a.createElement("div",{onClick:function(){return e.changePage("subscription")},className:"subscription"==this.state.page?"active":""},"Subscription")),l.a.createElement("div",{className:"navbar-group"},l.a.createElement("svg",{onClick:function(){return e.setState({login:!1})},width:"24",height:"24",viewBox:"0 0 24 24",fill:"#fff"},l.a.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),l.a.createElement("path",{d:"M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})),l.a.createElement("div",null,"Hey, ",f.getUser().name," \u2764"))),l.a.createElement("div",{className:"dashboardRight",id:"dr"},l.a.createElement("div",{className:"dashboardHeader"},l.a.createElement("svg",{width:"17px",height:"10px",viewBox:"0 0 17 10",version:"1.1",onClick:function(){return e.toggleSidebar()},style:{marginRight:15,cursor:"pointer"}},l.a.createElement("defs",null),l.a.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.a.createElement("g",{id:"Group-5",fill:"#5A5A5A",fillRule:"nonzero"},l.a.createElement("path",{d:"M16,8 L7,8 C6.45,8 6,8.45 6,9 C6,9.55 6.45,10 7,10 L16,10 C16.55,10 17,9.55 17,9 C17,8.45 16.55,8 16,8 Z M16,4 L7,4 C6.45,4 6,4.45 6,5 C6,5.55 6.45,6 7,6 L16,6 C16.55,6 17,5.55 17,5 C17,4.45 16.55,4 16,4 Z M16,0 L7,0 C6.45,0 6,0.45 6,1 C6,1.55 6.45,2 7,2 L16,2 C16.55,2 17,1.55 17,1 C17,0.45 16.55,0 16,0 Z",id:"Shape"}),l.a.createElement("path",{d:"M2.8825,1.29647719 L0.2925,3.88647719 C-0.0975,4.27647719 -0.0975,4.90647719 0.2925,5.29647719 L2.8825,7.88647719 C3.5125,8.51647719 4.5925,8.06647719 4.5925,7.17647719 L4.5925,1.99647719 C4.5925,1.10647719 3.5125,0.666477188 2.8825,1.29647719 Z",id:"Shape"})))),l.a.createElement("div",{className:"title"},l.a.createElement("span",null,this.state.page[0].toUpperCase()+this.state.page.substr(1))),l.a.createElement("div",null)),l.a.createElement("div",{className:"dashboardContent"},this.renderPage(this.state.page),l.a.createElement("div",{style:{height:150}}))))):l.a.createElement(h,{loggedIn:function(){return e.isLoggedIn()}})}}]),t}(l.a.Component);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(l.a.createElement(C,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()}))}],[[10,1,2]]]);
//# sourceMappingURL=main.4bc47097.chunk.js.map