https://textreader.ai/component---src-pages-my-account-index-tsx-d96f540f6e58c211262d.js

1"use strict";(self.webpackChunktextreader=self.webpackChunktextreader||[]).push([[992],{1009:function(e,t,a){a.r(t),a.d(t,{default:function(){return S}});var r=a(6540),l=a(1411),s=a(4794),c=a(3737),n=a(4460),o=a(3171),m=a(1617);var i=e=>{let{percent:t,text:a,noMessage:l}=e;return r.createElement("div",{className:"progress-section"},r.createElement("div",{className:"final__animation-bar-2 "+(l?"":"show-tooltip")},r.createElement("span",{"data-label":a||t+"%",style:{width:t+"%"},className:"tooltip-bg"})))},d=e=>{let{}=e;const{user:t,setUser:a}=(0,r.useContext)(c.R),{0:l,1:d}=(0,r.useState)({show:!1,type:""}),{0:u,1:p}=(0,r.useState)(!1),g=async()=>{const e=await(0,m.wz)();e&&a(e),e&&!e.id&&(0,s.navigate)("/")};(0,r.useEffect)((()=>{g()}),[]);return t&&t.id?r.createElement("div",{className:"profile-card row position-relative"},r.createElement("div",{className:"left-section col-lg-5"},r.createElement("div",{className:"d-block d-lg-flex m-auto"},r.createElement("img",{src:t.picture,alt:t.name,className:""})),r.createElement("div",{className:"name-info"},r.createElement("div",{className:"title"},t.name),r.createElement("div",null,t.email))),r.createElement("div",{className:"col-lg-7 right-section my-auto"},r.createElement("div",{className:"progress-container mt-2 d-flex flex-wrap"},r.createElement("div",{className:"text-left mr-2"},"Registration date:"),r.createElement("div",{style:{textTransform:"capitalize"}},(0,n.$3)(t.created_at))),t.package_data&&"number"==typeof t.package_data.limit&&"number"==typeof t.request_left&&r.createElement(r.Fragment,null,t.package_data.name&&r.createElement("div",{className:"progress-container mt-2 d-flex flex-wrap"},r.createElement("div",{className:"text-left mr-2"},"Current plan:"),r.createElement("div",{style:{textTransform:"capitalize"},className:"mr-2"},"free"===t.package_data.name.toLowerCase()?"Free":n.ax[t.package_data.name.replace("_OLD","")]),r.createElement("div",{onClick:()=>(0,s.navigate)("/#pricing"),className:"clickable-text-bold"},"Upgrade")),r.createElement("div",{className:"progress-container mt-2 d-flex flex-wrap"},r.createElement("div",{className:"text-left mr-2"},"Quotas consumed:"),500===t.package_data.limit?t.package_data.limit-t.request_left:r.createElement(i,{percent:t.request_left>t.package_data.limit||t.request_left<=0?100:(t.package_data.limit-t.request_left)/t.package_data.limit*100||0,text:`${t.request_left>t.package_data.limit||t.request_left<=0?100:Math.round((t.package_data.limit-t.request_left)/t.package_data.limit*100)}% used out of 100%`}))),"LTD"!==t.package_data.name&&"free"!==t.package_data.name&&r.createElement("div",{className:"d-flex cancel-section"},t.cancel_at?r.createElement("div",{className:"ml-auto"},r.createElement("span",null,"Your subscription will be canceled on ",(0,n.pp)(t.cancel_at),".")," ","stripe"===t.package_data.product_type&&r.createElement("span",{className:"clickable-text",onClick:()=>d({show:!0,type:"resume"})},"Resume subscription")):r.createElement("span",{className:"ml-auto clickable-text",onClick:()=>d({show:!0,type:"cancel"})},"Cancel subscription renewal"))),l&&l.show&&r.createElement(o.a,{isOpen:l.show,dark:!0,modalToggle:()=>d({show:!1,type:""}),title:"cancel"===l.type?"Please confirm that you want to cancel your subscription renewal.":"Please confirm that you want to resume your subscription renewal.",onButtonClick:()=>"cancel"===l.type?(async()=>{await(0,m.gP)(t.package_data.product_type,!0),d({show:!1,type:""}),g()})():(async()=>{await(0,m.gP)(t.package_data.product_type,!1),d({show:!1,type:""}),g()})(),buttonText:u?r.createElement("div",{className:"spinner-border text-secondary spinner-border-sm",role:"status"},r.createElement("span",{className:"sr-only"})):"Confirm",danger:!0})):r.createElement(r.Fragment,null)},u=a(4506);var p={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};let g;const y=new Uint8Array(16);function N(){if(!g&&(g="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!g))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return g(y)}const E=[];for(let _=0;_<256;++_)E.push((_+256).toString(16).slice(1));function v(e,t=0){return E[e[t+0]]+E[e[t+1]]+E[e[t+2]]+E[e[t+3]]+"-"+E[e[t+4]]+E[e[t+5]]+"-"+E[e[t+6]]+E[e[t+7]]+"-"+E[e[t+8]]+E[e[t+9]]+"-"+E[e[t+10]]+E[e[t+11]]+E[e[t+12]]+E[e[t+13]]+E[e[t+14]]+E[e[t+15]]}var x=function(e,t,a){if(p.randomUUID&&!t&&!e)return p.randomUUID();const r=(e=e||{}).random||(e.rng||N)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){a=a||0;for(let e=0;e<16;++e)t[a+e]=r[e];return t}return v(r)},f=a(2173);const M=e=>{let{activePage:t,totalCount:a,itemsPerPage:l,showNext:s,onChange:c,className:n}=e,o=Math.ceil(a/l);s&&t>=o&&(o=t+1);const m=()=>r.createElement("div",{key:x(),className:"pagination-item noselect"},r.createElement("span",{className:""},"...")),i=e=>r.createElement(r.Fragment,{key:x()},("left"===e&&t>1||"left"!==e&&t<o)&&r.createElement("div",{className:"pagination-item noselect",onClick:()=>{"left"===e?t>1&&c(t-1):t<o&&c(t+1)}},r.createElement("span",{className:`icon ${e}-icon`},f.Pu))),d=e=>r.createElement("div",{key:x(),className:`pagination-item ${t===e?"active":""} noselect`,onClick:()=>c(e)},r.createElement("span",{className:""},e));return r.createElement("div",{className:`pagination ${n||""} `},(e=>{let a=[],l=!1,s=!1;const c=a=>t<=4&&a<=6||(t>e-4&&a>e-6||(a===t||a===t-1||a===t+1||a===t-2||a===t+2));return e>7?(t>4&&(l=!0),t<=e-4&&(s=!0),t<e-4&&t>4&&(a=[1].concat((0,u.A)(Array.from(new Array(e).keys(),(e=>e+1)).filter(c)),[e])),t>=e-4&&t>4&&(a=[1].concat((0,u.A)(Array.from(new Array(e).keys(),(e=>e+1)).filter(c)),[e])),t<=e-4&&t<=4&&(a=[].concat((0,u.A)(Array.from(new Array(e).keys(),(e=>e+1)).filter(c)),[e]))):a=Array.from(new Array(e).keys(),(e=>e+1)).filter((e=>0!==e)),r.createElement("div",{className:"pagination-items",key:x()}

1,i("left"),(0,u.A)(new Set(a)).map((a=>0===a?null:(t<e-4?a===t-2&&l:a===e-(e>8&&t===e-4?6:5)&&l)||(t>=4?a===t+2&&s:6===a&&s)?m():d(a))),i("right"))})(o))};var k=(0,r.memo)(M);const w=[5,15,25,30,50],A=e=>{let{list:t,total:a,sort:l,setSort:c,page:o,setPage:m,limit:i,setLimit:d}=e;const{0:u,1:p}=(0,r.useState)(!1);return r.createElement(r.Fragment,null,r.createElement("div",{className:" w-100 history_table mx-auto"},r.createElement("div",{className:"row w-100 table-header"},r.createElement("div",{className:"primary-text col-md-5 text-left",onClick:()=>{c({sortBy:"source",type:"desc"===l.type&&"source"===l.sortBy?"asc":"desc"})}},"Text",r.createElement("span",{className:"sorting-arrow "+("source"===l.sortBy?"active":"")},"desc"===l.type?"↓":"↑")),r.createElement("div",{className:"primary-text col-md-3 text-left",onClick:()=>{c({sortBy:"scanned_at",type:"desc"===l.type&&"scanned_at"===l.sortBy?"asc":"desc"})}},"Scan date",r.createElement("span",{className:"sorting-arrow "+("scanned_at"===l.sortBy?"active":"")},"desc"===l.type?"↓":"↑")),r.createElement("div",{className:"primary-text col-md-2 text-left"}),r.createElement("div",{className:"primary-text col-md-3"})),t.map((e=>{var t;return r.createElement("div",{className:"cursor-pointer row w-100 table-body mb-2",key:e.id},r.createElement("div",{className:"secondary-text text-truncate col-sm-12 col-xl-5 text-left my-auto"},null===(t=JSON.parse(e.result))||void 0===t?void 0:t.source),r.createElement("div",{className:"secondary-text col-sm-4 col-xl-3 text-sm-xl-right text-left my-auto"},(0,n.$3)(e.scanned_at)),r.createElement("div",{className:"secondary-text col-sm-4 col-xl-2 text-sm-lg-right text-left my-auto"},r.createElement("span",{className:"status-badge "+("success"===e.status?"success":"prending"===e.status?"primary":"fail")},e.status)),r.createElement("div",{className:"col-sm-4 col-xl-2 text-right d-flex my-auto"},r.createElement("div",{onClick:()=>{var t;return(0,n.h1)(null===(t=JSON.parse(e.result))||void 0===t?void 0:t.mp3URL)},className:"mr-2 my-auto"},f.kZ),r.createElement("div",{className:"clickable-text-bold my-auto",style:{whiteSpace:"nowrap"},onClick:()=>{var t,a;return(a=null===(t=JSON.parse(e.result))||void 0===t?void 0:t.mp3URL)&&localStorage.setItem("text-reader-result",a),void(a&&(0,s.navigate)(`/${(new Date).getTime()}`))}},"See result →")))}))),r.createElement("div",{className:"table-footer"},r.createElement("div",{className:"table-footer-left d-flex"},r.createElement("span",{className:"row-num-lable"},"Rows per page"),r.createElement("div",{className:"dropdown"},r.createElement("button",{className:"btn btn-secondary dropdown-toggle",onClick:()=>p(!u)},i),u&&r.createElement("div",{className:"dropdown-menu"},w.map((e=>r.createElement("div",{key:e,className:"dropdown-item",onClick:()=>(d(e),m(1),void p(!1))},e)))))),Math.ceil(a/i)>1&&r.createElement("div",{className:"table-footer-right"},r.createElement(k,{activePage:o,onChange:e=>{m(e)},totalCount:Math.ceil(a/i),itemsPerPage:1}))))};var b=(0,r.memo)(A);const h=()=>{const{0:e,1:t}=(0,r.useState)([]),{0:a,1:l}=(0,r.useState)(0),{0:s,1:c}=(0,r.useState)(!1),n=(0,r.useRef)(null),{0:o,1:i}=(0,r.useState)(1),{0:d,1:u}=(0,r.useState)(25),{0:p,1:g}=(0,r.useState)(""),{0:y,1:N}=(0,r.useState)({sortBy:"scanned_at",type:"desc"}),{0:E,1:v}=(0,r.useState)(!0),{0:x,1:f}=(0,r.useState)(!1),M=(0,r.useCallback)((async e=>{c(!0);const a=await(0,m.TA)(e),r=(null==a?void 0:a.result)&&Array.isArray(a.result)&&a.result.map((e=>{const t=e.result&&JSON.parse(e.result),a=(null==t||t.toolName,null==t?void 0:t.keyword);return{...e,keyword:a,csv:null==t?void 0:t.csvURL,json:null==t?void 0:t.jsonURL}}));t(r||[]),l((null==a?void 0:a.total)||0),c(!1),v(!1)}),[m.TA]);(0,r.useEffect)((()=>{const e=Object.values(y);M({page:o,limit:d,source:p,order:{[e[0]]:e[1]}})}),[M,o,d,p,y]);const k=(0,r.useCallback)((()=>{g(n&&n.current?n.current.value:""),i(1),f(!0)}),[n]),w=(0,r.useCallback)((e=>{"Enter"===e.key&&(g(n&&n.current?n.current.value:""),i(1),f(!0))}),[n]);return r.createElement("div",{className:E?"w-100 text-center":"w-100"},E?r.createElement("div",{className:"spinner-border text-secondary mx-auto",role:"status"},r.createElement("span",{className:"sr-only"})):e&&e.length>0||x?r.createElement("div",{className:"card-container"},r.createElement("div",{className:"card"},r.createElement("div",{className:"table-search-container"},r.createElement("input",{className:"input is-rounded inputBar",type:"text",placeholder:"Search...",onKeyPress:w,maxLength:320,ref:n}),r.createElement("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgMTRMMjAuNSAxOUwxOSAyMC41TDE0IDE1LjVWMTQuNzFMMTMuNzMgMTQuNDNDMTIuNTU0IDE1LjQ0MzkgMTEuMDUyNyAxNi4wMDExIDkuNSAxNkM3Ljc3NjA5IDE2IDYuMTIyNzkgMTUuMzE1MiA0LjkwMzgxIDE0LjA5NjJDMy42ODQ4MiAxMi44NzcyIDMgMTEuMjIzOSAzIDkuNUMzIDcuNzc2MDkgMy42ODQ4MiA2LjEyMjc5IDQuOTAzODEgNC45MDM4MUM2LjEyMjc5IDMuNjg0ODIgNy43NzYwOSAzIDkuNSAzQzExLjIyMzkgMyAxMi44NzcyIDMuNjg0ODIgMTQuMDk2MiA0LjkwMzgxQzE1LjMxNTIgNi4xMjI3OSAxNiA3Ljc3NjA5IDE2IDkuNUM

1xNiAxMS4xMSAxNS40MSAxMi41OSAxNC40MyAxMy43M0wxNC43MSAxNEgxNS41Wk05LjUgMTRDMTIgMTQgMTQgMTIgMTQgOS41QzE0IDcgMTIgNSA5LjUgNUM3IDUgNSA3IDUgOS41QzUgMTIgNyAxNCA5LjUgMTRaIiBmaWxsPSIjNTA1NzYzIi8+Cjwvc3ZnPgo=",onClick:k,className:"loop-icon"})),s?r.createElement("div",{className:"spinner-border mx-auto my-4 text-secondary",role:"status"},r.createElement("span",{className:"sr-only"})):e.length<1?r.createElement("div",{className:"primary-text w-100 text-center"},"Nothing to show"):r.createElement(b,{list:e,total:a,page:o,setPage:i,limit:d,setLimit:u,sort:y,setSort:N}))):r.createElement("div",{className:"primary-text w-100 text-center"},"Nothing to show"))};var I=(0,r.memo)(h);const D=()=>r.createElement(l.A,{title:"My Account",showLogo:!0},r.createElement("div",{className:"px-3"},r.createElement(d,null),r.createElement(I,null)));var S=(0,r.memo)(D)}}]);
2//# sourceMappingURL=component---src-pages-my-account-index-tsx-d96f540f6e58c211262d.js.map