https://app.optery.com/_next/static/chunks/12171.0d90d0d96dc64c12.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="6092c66a-4dcf-4240-92ff-8a4847a0e89f",e._sentryDebugIdIdentifier="sentry-dbid-6092c66a-4dcf-4240-92ff-8a4847a0e89f")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12171],{3972:(e,r,t)=>{"use strict";t.d(r,{A:()=>M});var a=t(54568),n=t(7620),o=t(74597),i=t(58306),s=t(6352),d=t(43912),l=t(23585),c=t(87998),_=t(37701),m=t(37842),u=t(80360),p=t(60769),h=t(48069),D=t(20778),x=t(41165),g=t(36404),f=t(73085),v=t(37560),k=t(34045),b=t(28461),w=t.n(b),B=t(33971),A=t(84728);t(2278),t(27345);var y=t(10098);let j=function(e){let r=(0,B.c)("UI.CustomDatePicker"),t=(0,i.A)("(max-width:968px)"),o=(0,n.useRef)(null),b=(0,n.useRef)(null),[j,C]=(0,n.useState)(null),M=e=>{e.preventDefault(),C(j?null:e.currentTarget)},Y=!!j,L=Y?"simple-popper":void 0,N={range:()=>({startDate:(0,c.o)(new Date(e.value.startDate)),endDate:(0,_.D)(new Date(e.value.endDate))}),isSelected(e){let r=this.range();return(0,m.r)(e.startDate,r.startDate)&&(0,m.r)(e.endDate,r.endDate)}},[S,O]=(0,n.useState)([{startDate:new Date(e.value.startDate),endDate:new Date(e.value.endDate),key:"selection"}]);function I(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return null==e?void 0:e.map(e=>({...N,...e}))}let R={startOfWeek:(0,u.k)(new Date),endOfWeek:(0,p.$)(new Date),startOfLastWeek:(0,u.k)((0,h.f)(new Date,-7)),endOfLastWeek:(0,p.$)((0,h.f)(new Date,-7)),startOfToday:(0,c.o)(new Date),endOfToday:(0,_.D)(new Date),startOfYesterday:(0,c.o)((0,h.f)(new Date,-1)),endOfYesterday:(0,_.D)((0,h.f)(new Date,-1)),startOfMonth:(0,D.w)(new Date),endOfMonth:(0,x.p)(new Date),startOfLastMonth:(0,D.w)((0,g.a)(new Date,1)),endOfLastMonth:(0,x.p)((0,g.a)(new Date,1)),startOfYear:(0,f.D)(new Date),endOfYear:(0,v.Q)(new Date),startOfLastYear:(0,f.D)((0,k.d)(new Date,1)),endOfLastYear:(0,v.Q)((0,k.d)(new Date,1))},H=I([{label:r("this_month"),range:()=>({startDate:R.startOfMonth,endDate:R.endOfMonth})},{label:r("last_month"),range:()=>({startDate:R.startOfLastMonth,endDate:R.endOfLastMonth})},{label:r("last_3_months"),range:()=>({startDate:(0,D.w)((0,g.a)(new Date,3)),endDate:R.endOfMonth})},{label:r("last_6_months"),range:()=>({startDate:(0,D.w)((0,g.a)(new Date,6)),endDate:R.endOfMonth})},{label:r("this_year"),range:()=>({startDate:R.startOfYear,endDate:R.endOfYear})},{label:r("last_year"),range:()=>({startDate:R.startOfLastYear,endDate:R.endOfLastYear})}]);return(0,n.useEffect)(()=>{let e=e=>{let r=e.target;o.current&&b.current&&!o.current.contains(r)&&!b.current.contains(r)&&C(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[o,b]),(0,a.jsxs)("div",{children:[(0,a.jsxs)(l.A,{"aria-describedby":L,sx:{display:"flex",justifyContent:"space-between",cursor:"pointer",width:"100%"},component:"button",ref:b,onClick:M,children:[(null==e?void 0:e.placeHolder)??(0,a.jsxs)("span",{className:"text-[var(--color-grey-100)]",children:[" ",w()(new Date(e.value.startDate)).format("MM/DD/YYYY")," ","-"," ",w()(new Date(e.value.endDate)).format("MM/DD/YYYY")]})," ",(0,a.jsx)(y.A,{className:"flex shrink-0 w-5 h-5"})]}),(0,a.jsx)(d.A,{disablePortal:!1,placement:t?"bottom":"bottom-end",id:L,open:Y,anchorEl:j,sx:{overflowY:"auto",overflowX:"hidden",boxShadow:"0 0 30px var(--color-black-op-15)","@media(max-width:509px)":{maxHeight:"70vh",overflowY:"auto",width:"90%"}},children:(0,a.jsxs)(l.A,{ref:o,sx:{display:"flex",flexDirection:"column",boxShadow:"var(--color-grey-box-shadow-date-picker) 0px 1px 5px 0px",backgroundColor:"var(--color-white)","& .rdrCalendarWrapper.rdrDateRangeWrapper ,.rdrDefinedRangesWrapper,.rdrStaticRangeLabel":{backgroundColor:"var(--color-white)"},"& .rdrMonthAndYearPickers select":{"& option":{color:"var(--color-grey-80)",backgroundColor:"var(--color-white)"}},"& .rdrNextPrevButton":{},"& .rdrDayDisabled":{},"& .rdrStaticRange":{background:"var(--color-white)",borderColor:"var(--color-grey-40)",":hover .rdrStaticRangeLabel":{background:"var(--color-grey-40)"},":focus .rdrStaticRangeLabel":{background:"var(--color-grey-40)"}},"& .rdrStaticRangeLabel":{color:"var(--color-grey-100)",":active":{color:"var(--color-primary-btn)"},":focus":{color:"var(--color-primary)"}},"& .rdrStaticRangeSelected span":{color:"var(--color-primary) !important"},"& .rdrStartEdge ,.rdrInRange, .rdrEndEdge":{color:"var(--color-primary-btn) !important"},"& .rdrDayPassive .rdrDayNumber span":{color:"var(--color-black-op-24)"},"& .rdrDayNumber span":{color:"var(--color-grey-100)"},"& .rdrDateRangePickerWrapper":{flexDirection:{xs:"column",sm:"row"}

1,"& .rdrDefinedRangesWrapper":{width:{xs:"100%",sm:"226px"},borderColor:"var(--color-grey-40)"},"& .rdrStaticRanges":{"@media(max-width:509px)":{display:"grid",gridTemplateColumns:"repeat(2, 1fr)"},"& .rdrMonth":{width:"100%"}}}},children:[(0,a.jsx)(A.Ur,{onChange:r=>{let{selection:t}=r;(null==e?void 0:e.fixedDate)&&t.startDate&&t.endDate?O(e=>[{...e[0],startDate:t.startDate,endDate:e[0].endDate}]):O([t])},moveRangeOnFirstSelection:!1,months:2,ranges:S,direction:t?"vertical":"horizontal",showDateDisplay:!1,staticRanges:(null==e?void 0:e.customStaticRanges)?I(e.customStaticRanges):H,inputRanges:[],maxDate:(null==e?void 0:e.maxDate)?new Date(e.maxDate):void 0,rangeColors:["var(--color-date-picker-range)"]}),(0,a.jsxs)(l.A,{sx:{display:"flex",gap:"15px",justifyContent:"flex-end",padding:"0px 15px 15px 0px"},children:[(0,a.jsx)(s.A,{onClick:M,sx:{maxWidth:"120px",color:"var(--color-primary-btn)"},children:r("cancel")}),(0,a.jsx)(s.A,{onClick:r=>{r.preventDefault(),e.onChange({startDate:S[0].startDate,endDate:S[0].endDate}),M(r)},sx:{maxWidth:"120px",background:"var(--color-primary-btn)",color:"var(--color-primary-btn-text)","&:hover":{backgroundColor:"var(--color-primary-btn)"}},children:r("apply")})]})]})})]})},C=(0,o.n9)()(()=>({root:{width:"100%","@media(min-width:600px)":{minWidth:"300px"}},container:{display:"flex",flexWrap:"wrap","& > div":{"& > div":{"&:before":{borderBottom:"none!important"},"&:after":{display:"none"},"& input":{color:"rgba(0,0,0,0)",outline:"none",boxShadow:"none"}}}},textField:{"& > div":{padding:0,fontSize:"14px",lineHeight:"18px",color:"var(--color-primary-btn-text)",letterSpacing:"0.1px",width:"120px",fontFamily:"Poppins"}},removeCalendar:{"& > div":{paddingRight:"25px","&:before":{width:"8px",height:"1px",content:'""',display:"inline-block",backgroundColor:"var(--color-primary-btn)",position:"absolute",right:"10px",top:"8px",left:"initial",borderRadius:"4px"}}}}));function M(e){let{setFilterDate:r,filterDate:t}=e,{classes:n}=C();return(0,a.jsx)("form",{className:`${n.root}`,noValidate:!0,children:(0,a.jsx)(j,{className:`${n.textField} ${n.removeCalendar}`,onChange:e=>r(e),value:t})})}},10098:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var a=t(54568);let n=e=>{let{className:r,fill:t="var(--color-primary-text)"}=e;return(0,a.jsxs)("svg",{className:r,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M15.8333 3.33203H4.16667C3.24619 3.33203 2.5 4.07822 2.5 4.9987V16.6654C2.5 17.5858 3.24619 18.332 4.16667 18.332H15.8333C16.7538 18.332 17.5 17.5858 17.5 16.6654V4.9987C17.5 4.07822 16.7538 3.33203 15.8333 3.33203Z",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M13.334 1.66797V5.0013",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M6.66602 1.66797V5.0013",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M2.5 8.33203H17.5",stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}},12171:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>f});var a=t(54568),n=t(97813),o=t(28461),i=t.n(o),s=t(42925),d=t(7620),l=t(93984),c=t(32617),_=t(90477),m=t(50138),u=t.n(m),p=t(12964),h=t.n(p),D=t(3972),x=t(33971);let g=(0,s.default)(()=>Promise.all([t.e(45942),t.e(11225)]).then(t.bind(t,11225)).then(e=>e.PageWithText),{loadableGenerated:{webpack:()=>[11225]},ssr:!1}),f=e=>{var r,t,o,s,m,p,f;let{data:v,filterDate:k,setFilterDate:b}=e,w=(0,x.c)("Account"),[B,A]=(0,d.useState)(v),[y,j]=d.useState([]);return(0,d.useEffect)(()=>{A(v)},[v]),d.useEffect(()=>{if(B.length){let e=Number((B.length/3).toFixed(0))+Number(B.length%3?1:0),r=[];for(let t=1;t<=e;t++)r.push({number:t,isCurrent:1==t});j(()=>r)}},[null==B?void 0:B.length]),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:u().tableHeaderHeading,children:w("common.invoices")}),(0,a.jsx)("div",{className:u().actionsGroup,children:(0,a.jsx)("div",{className:`${u().sortBtn}`,children:(0,a.jsx)(D.A,{filterDate:k,setFilterDate:b})})}

1),(0,a.jsx)("div",{className:h().tableBody,children:(B.length>2?B.slice((((null==(r=y.find(e=>e.isCurrent))?void 0:r.number)??1)-1)*3,(((null==(t=y.find(e=>e.isCurrent))?void 0:t.number)??1)-1)*3+3):B).map((e,r)=>{var t;return(0,a.jsx)(d.Fragment,{children:(0,a.jsx)("div",{className:`${u().cardContainer}`,children:(0,a.jsxs)("div",{style:{width:"100%"},children:[(0,a.jsxs)("div",{className:u().row,children:[(0,a.jsx)("div",{children:(0,a.jsxs)("p",{className:u().invoiceNo,children:["# ",null==e?void 0:e.number]})}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{style:{display:"flex",justifyContent:"flex-end"},children:(0,a.jsx)("a",{href:null==e?void 0:e.invoice_pdf,target:"_blank",rel:"noreferrer",children:(0,a.jsx)(_.A,{})})})})]}),(0,a.jsxs)("div",{className:u().row,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:u().cardHeading,children:w("common.date")}),(0,a.jsx)("span",{style:{fontSize:"14px",color:"var(--color-grey-100)"},children:i()(new Date(null==e?void 0:e.created)).format("MMM D, YYYY")})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:u().cardHeading,children:w("common.status")}),(0,a.jsx)("span",{style:{fontSize:"14px"},className:`
2                ${(null==e||null==(t=e.status)?void 0:t.toUpperCase())==="PAID"?u().active:u().expired}
3              `,children:(null==e?void 0:e.status.charAt(0).toUpperCase())+(null==e?void 0:e.status.slice(1))})]})]}),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:u().cardHeading,children:w("common.billing_period")}),(0,a.jsx)("span",{style:{color:"var(--color-grey-100)"},children:i()(new Date(null==e?void 0:e.period_start)).isSame(i()(new Date(null==e?void 0:e.period_end)))?`${i()(new Date(null==e?void 0:e.period_start)).format("MMM D, YYYY")}`:`${i()(new Date(null==e?void 0:e.period_start)).format("MMM D, YYYY")} - ${i()(new Date(null==e?void 0:e.period_end)).format("MMM D, YYYY")}`})]})})]})})},r)})}),0===v.length&&(0,a.jsxs)("p",{className:"text-center my-8 text-black",children:[w("common.no_record_found")," ",(0,a.jsxs)("span",{className:"font-medium",children:[i()(new Date(k.startDate)).format("MMM D, YYYY")," -"," ",i()(new Date(k.endDate)).format("MMM D, YYYY")]})]}),(null==v?void 0:v.length)>0&&(0,a.jsx)("div",{className:"flex flex-col md:flex-row items-center justify-between my-4",children:(0,a.jsxs)("div",{className:"flex flex-wrap grow items-center justify-end space-x-2 sm:space-x-4 pagination px-10",children:[(0,a.jsx)(g,{onClick:()=>(()=>{let e;if(!y||0===y.length)return;let r=y.find(e=>e.isCurrent);if(!r||!r.number||r.number<=1)return;let t=Number(r.number);if(isNaN(t)||t<1)return;try{e=JSON.parse(JSON.stringify(y))}catch(e){return}if(!e||!Array.isArray(e)||0===e.length)return;let a=t-1,n=a-1;a>=0&&a<e.length&&n>=0&&n<e.length&&e[a]&&e[n]&&(e[a].isCurrent=!1,e[n].isCurrent=!0,j(()=>e))})(),disabled:!y||0===y.length||(null==(o=y[0])?void 0:o.isCurrent),buttonLabel:w("pagination.prev_page"),children:(0,a.jsx)(l.A,{color:(null==(s=y[0])?void 0:s.isCurrent)?"var(--color-navigation-disabled)":"var(--color-navigation-active)"})}),(0,a.jsx)(n.A,{sx:{width:"34px",height:"34px",border:"1px solid var(--color-primary)",backgroundColor:"var(--color-white)",color:"var(--color-grey-100)",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,a.jsx)("b",{children:null==(m=y.find(e=>e.isCurrent))?void 0:m.number})}),(0,a.jsx)(g,{onClick:()=>(()=>{let e;if(!y||0===y.length)return;let r=y.find(e=>e.isCurrent);if(!r||!r.number||r.number<1)return;let t=Number(r.number);if(isNaN(t)||t<1||t>=y.length)return;try{e=JSON.parse(JSON.stringify(y))}catch(e){return}if(!e||!Array.isArray(e)||0===e.length)return;let a=t-1,n=a+1;a>=0&&a<e.length&&n>=0&&n<e.length&&e[a]&&e[n]&&(e[a].isCurrent=!1,e[n].isCurrent=!0,j(()=>e))})(),disabled:!y||0===y.length||(null==(p=y[y.length-1])?void 0:p.isCurrent),buttonLabel:w("pagination.next_page"),children:(0,a.jsx)(c.A,{color:(null==(f=y[y.length-1])?void 0:f.isCurrent)?"var(--color-navigation-disabled)":"var(--color-navigation-active)"})})]})})]})}},12964:e=>{e.exports={DataBrokerMobile:"AdministratorDataBroker_DataBrokerMobile__UYoLT",row:"AdministratorDataBroker_row__vy_H9",statusText:"AdministratorDataBroker_statusText__6QnC6",cardHeading:"AdministratorDataBroker_cardHeading__FZ_92",DetailButton:"AdministratorDataBroker_DetailButton__8c5ge",contentHeight:"AdministratorDataBroker_contentHeight__5XD2z",customFlagFooter:"AdministratorDataBroker_customFlagFooter__vudj0",cardContainer:"AdministratorDataBroker_cardContainer__EALHB",ExposureRisk:"AdministratorDataBroker_ExposureRisk__zatlF",ExposerConContainer:"AdministratorDataBroker_ExposerConContainer__1v_OI",GraphIcon:"AdministratorDataBroker_GraphIcon__yLxJQ",RightArrow:"AdministratorDataBroker_RightArrow__2SAJn",modalAddressText:"AdministratorDataBroker_modalAddressText__ONixu",modalAddressLink:"AdministratorDataBroker_modalAddressLink__eChBk",backBtn:"AdministratorDataBroker_backBtn__00id6",continueBtn:"AdministratorDataBroker_continueBtn__Ucj5O",modalAddressBtn:"AdministratorDataBroker_modalAddressBtn__q36PG",modalAddressCheckbox:"AdministratorDataBroker_modalAddressCheckbox__dZqEH",ShowMoreBtn:"AdministratorDataBroker_ShowMoreBtn__yS1nD",mobileTable:"AdministratorDataBroker_mobileTable__wqy9o",ynBox:"AdministratorDataBroker_ynBox__iLw_U",ynBlock:"AdministratorDataBroker_ynBlock__MXOla",btn:"AdministratorDataBroker_btn__RSiL5",meBtn:"AdministratorDataBroker_meBtn__HXUyh",notMeBtn:"AdministratorDataBroker_notMeBtn__wPXb6",dangerBtn:"AdministratorDataBroker_dangerBtn__wi_F4",clearResponseBtn:"AdministratorDataBroker_clearResponseBtn__iVbIX",backgroundInfoWrapper:"AdministratorDataBroker_backgroundInfoWrapper__RpI96",dataBrokerName:"AdministratorDataBroker_dataBrokerName__nrxRX",info:"AdministratorDataBroker_info__TUSgu",heading:"AdministratorDataBroker_heading__f1QL1",content:"AdministratorDataBroker_content__6dpBX",contentUrl:"AdministratorDataBroker_contentUrl__o8f_k",text1:"AdministratorDataBroker_text1__7GazX",text2:"AdministratorDataBroker_text2__lOUua",planHighlight:"AdministratorDataBroker_planHighlight__ycXXW",planHighlightCore:"AdministratorDataBroker_planHighlightCore__0iKQ8","MuiDialog-paperWidthSm":"AdministratorDataBroker_MuiDialog-paperWidthSm__kcHyp",actions:"AdministratorDataBroker_actions__cN4Vc",primaryBtn:"AdministratorDataBroker_primaryBtn__ztIke",transparentBtn:"AdministratorDataBroker_transparentBtn__OkDIE",text3:"AdministratorDataBroker_text3__uxxBY",flagModal:"AdministratorDataBroker_flagModal__dlqa6",cardHeader:"AdministratorDataBroker_cardHeader__76jR0",userStatus:"AdministratorDataBroker_userStatus__ouqJJ",textSuccess:"AdministratorDataBroker_textSuccess__XLoG5",tableHeaderHeading:"AdministratorDataBroker_tableHeaderHeading__ELE9N",DotIcon:"AdministratorDataBroker_DotIcon__R7urh",tableBody:"AdministratorDataBroker_tableBody__GDdy_",dataHeader:"AdministratorDataBroker_dataHeader__t8xYZ",selectedCard:"AdministratorDataBroker_selectedCard__lalL0",active:"AdministratorDataBroker_active__7wcA7",sent:"AdministratorDataBroker_sent__UUGUj",expired:"AdministratorDataBroker_expired__6eJlE",deleteIcon:"AdministratorDataBroker_deleteIcon__D65AL",lessInfo:"AdministratorDataBroker_lessInfo__Hyb84",moreInfoText:"AdministratorDataBroker_moreInfoText__QRfnC",downIcon:"AdministratorDataBroker_downIcon___ZIIu",moreInfo:"AdministratorDataBroker_moreInfo__iZggb",cardEmail:"AdministratorDataBroker_cardEmail__P8Za9",copiedIcon:"AdministratorDataBroker_copiedIcon__5PJC9",menuItem:"AdministratorDataBroker_menuItem__wi_rt"}},32617:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var a=t(54568);let n=e=>{let{color:r="var(--color-grey-60)",width:t=20,height:n=20}=e;return(0,a.jsx)("svg",{width:t,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M7 15L12 10L7 5.00002",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}},93984:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var a=t(54568);let n=e=>{let{color:r="var(--color-grey-60)",width:t=20,height:n=20}=e;return(0,a.jsx)("svg",{width:t,height:n,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M13 15L8 10L13 5.00002",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}}}]);