@zeniai/web-cockpit-ui 1.14.22-qa → 1.14.23-dev

package/dist/assets/TransactionList-CEfjoVPA-Fnrm73eH.js

@@ -1,147 +0,0 @@
-import{bI as ot,e as R,j as e,ai as rt,_ as u,de as st,M as j,df as nt,d9 as lt,dg as dt,o as a,g as A,bZ as ct,C as U,l as m,m as mt,n as k,q as w,i as ft,dh as V,cy as W,$ as _,B as xt}from"./index-NilHeiJu.js";import{b,n,f as ut}from"./vendor-rkTZJa59.js";import{g as G}from"./BoxItem-Bf9DDBGl-CQKtUhxk.js";import{o as B}from"./commonDimensions-DbTYS1hy-q1OJGzej.js";const D=t=>t?24:125,ht={containerPaddingBottom:new U(w[9],w[8])},Z=n.div`
-  box-sizing: border-box;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-  height: ${t=>D(t.isLoadNextItem)}px;
-  color: ${t=>t.theme.colors.grey1};
-  &:hover {
-    color: ${t=>t.theme.colors.champion};
-  }
-  padding-top: ${t=>t.isLoadNextItem?0:45}px;
-  padding-bottom: ${t=>ht.containerPaddingBottom.valuePx(t.windowSize)};
-`,pt=n(k)`
-  display: flex;
-  cursor: pointer;
-`;function N({firstMonthOfFY:t,isLoadNextItem:o,isLoading:d,timePeriod:i,fixedTimePeriod:r,timeframe:f,doLoadMoreTransactions:x}){let l=i;if(o)if(r!=null){const $=m.addPeriod(i.endDate.startOf("month"),t,r.numberOfPeriods,r.timeframe);l={startDate:l.endDate.add(1,"day"),endDate:$}}else{const $=m.addPeriod(i.endDate.startOf("month"),t,1,f),{startOfTimeframeFY:Y,endOfTimeframeFY:p}=m.getStartOfAndEndOfTimeframeForFY($,t,f);l={startDate:Y,endDate:p}}else if(r!=null)l={startDate:m.subtractPeriod(i.startDate.startOf("month"),t,r.numberOfPeriods,r.timeframe),endDate:i.startDate.subtract(1,"day")};else{const $=m.subtractPeriod(i.startDate.startOf("month"),t,1,f),{startOfTimeframeFY:Y,endOfTimeframeFY:p}=m.getStartOfAndEndOfTimeframeForFY($,t,f);l={startDate:Y,endDate:p}}const s=j.getLocalizedStrings();let h="";r==null?f==="month"?h=`${o===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousMonthPrefix} (${m.formatZeniDate(l.startDate,s.dateFormat.visual.MMMYYYYFormat,t)})`:f==="quarter"?h=`${o===!0?s.transactionList.loadNextQuarterPrefix:s.transactionList.loadPreviousQuarterPrefix} (${s.transactionList.quarterPrefix}${m.formatZeniDate(l.startDate,s.dateFormat.visual.QYYYYformat,t)})`:h=`${o===!0?s.transactionList.loadNextYearPrefix:s.transactionList.loadPreviousYearPrefix} (${m.formatZeniDate(l.startDate,s.dateFormat.visual.YYYYformat,t)})`:h=`${o===!0?s.transactionList.loadNextMonthPrefix:s.transactionList.loadPreviousPrefix} ${r.numberOfPeriods} ${s.transactionList.monthsSuffix} - (${m.formatZeniDate(l.startDate,s.dateFormat.visual.MMMYYYYFormat,t)} - ${m.formatZeniDate(l.endDate,s.dateFormat.visual.MMMYYYYFormat,t)})`;const M=R();return d===!0?e.jsx(Z,{windowSize:M,isLoadNextItem:o,children:e.jsx(mt,{size:"Small",start:!0})}):e.jsx(Z,{windowSize:M,isLoadNextItem:o,children:e.jsx(pt,{"data-testid":u("load-more-transactions",h),onClick:()=>{x?.(l,f)},children:h})})}N.displayName="LoadMoreTransactions";const{common:{strings:{empty:q}}}=j.getLocalizedStrings(),gt=n(xt)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  padding: 1px 6px;
-  border: 1px solid ${t=>t.theme.colors.grey2};
-  border-radius: ${a.sp1};
-  color: ${t=>t.theme.colors.grey1};
-  min-width: max-content;
-`,bt=n.div`
-  display: flex;
-  padding: ${a.sp3} ${a.sp4};
-  flex-direction: row;
-  width: 100%;
-`,wt=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,$t=n(k)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  max-height: ${a.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,vt=n(k)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  text-align: right;
-  width: ${t=>B.amountWidth.valuePx(t.windowSize)};
-`,yt=n.div`
-  display: flex;
-`;function jt({transaction:t,onItemClick:o}){const{description:d,typeName:i,amount:r,logo:f,vendorId:x}=t,l=m.isVendorTransaction(t)&&x==null;return e.jsxs(bt,{onClick:()=>o?.(t),"data-testid":u("transaction-item-medium",t.id),children:[e.jsx(V,{photoUrl:l===!1?f?.toString()??q:q,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:w[4],height:w[4]},fallbackAvatar:e.jsx(yt,{children:e.jsx(W,{name:d,size:a.sp4})})}),e.jsxs(wt,{children:[e.jsx($t,{children:d}),i!=null?e.jsx(gt,{className:"tag",children:i}):null]}),e.jsx(vt,{children:_("0,0.00",r)})]})}function kt({data:t,boxType:o,onItemClick:d}){const i=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(jt,{transaction:t,onItemClick:i?void 0:d});return e.jsx(G,{content:r,boxType:o,isDisabled:i})}const{common:{strings:{empty:Q}}}=j.getLocalizedStrings(),Yt=n.div`
-  display: flex;
-  padding: ${a.sp3} ${a.sp4};
-  flex-direction: row;
-  width: 100%;
-`,Lt=n.div`
-  width: 100%;
-`,Mt=n(k)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  max-height: ${a.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,Pt=n(k)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  text-align: right;
-  width: ${t=>B.amountWidth.valuePx(t.windowSize)};
-`,St=n.div`
-  display: flex;
-`;function Dt({transaction:t,onItemClick:o}){const{description:d,amount:i,logo:r,vendorId:f}=t,x=m.isVendorTransaction(t)&&f==null;return e.jsxs(Yt,{onClick:()=>o?.(t),"data-testid":u("transaction-item-small",t.id),children:[e.jsx(V,{photoUrl:x===!1?r?.toString()??Q:Q,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:w[4],height:w[4]},fallbackAvatar:e.jsx(St,{children:e.jsx(W,{name:d,size:a.sp4})})}),e.jsx(Lt,{children:e.jsx(Mt,{children:d})}),e.jsx(Pt,{children:_("0,0.00",i)})]})}function Ft({data:t,boxType:o,onItemClick:d}){const i=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(Dt,{transaction:t,onItemClick:i?void 0:d});return e.jsx(G,{content:r,boxType:o,isDisabled:i})}function Tt(t){return R()==="small"?e.jsx(Ft,{...t}):e.jsx(kt,{...t})}const It=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${t=>`${a.sp0} 2px ${a.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  background-color: ${t=>t.theme.colors.grey5};
-`,zt=n(ft)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${a.sp2};
-  margin-top: ${a.sp3};
-  color: ${t=>t.theme.colors.grey1};
-`,Ot=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,Ct=(t,o)=>o.length===1?"roundedBox":t===0?"topRoundedBox":t===o.length-1?"bottomRoundedBox":"box",Nt=t=>t*B.transactionItemHeight+45;function Rt({date:t,transactions:o,onItemClick:d}){const{dateFormat:i}=j.getLocalizedStrings();return e.jsxs(Ot,{"data-testid":u("transactions-group"),children:[e.jsx(zt,{children:m.dateNow().year()===t.year()?t.format(i.visual.MMMDFormat):t.format(i.visual.MMMDCommaYYYYformat)}),e.jsx(It,{children:o.map((r,f)=>e.jsx(Tt,{data:r,boxType:Ct(f,o),onItemClick:x=>{d?.(x)},"data-testid":u("transaction-item",r.id)},r.id))})]})}const Bt=ut.memo(Rt),{dateFormat:Et}=j.getLocalizedStrings();function Ht(t){const o=st(t,i=>i.date.format(Et.visual.MMMDCommaYYYYformat)),d=nt(o,i=>i.length>0);return lt(d,i=>({date:i[0].date,transactions:dt(i,r=>r.updateTime,"desc")}))}const y=j.getLocalizedStrings(),At={listItemMargin:new U(w[3],w[8])},Zt=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 99.9%;
-`,S=n.div`
-  margin: ${t=>`${a.sp0} ${At.listItemMargin.valuePx(t.windowSize)}`};
-`,qt=n.div`
-  min-height: ${a.sp8};
-`,Qt=n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,Ut=n(k)`
-  display: flex;
-  color: ${t=>t.theme.colors.grey2};
-`,Vt=n(ct)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${a.sp2};
-    height: ${a.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${t=>t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${a.sp2};
-      height: ${a.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${t=>t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`,Kt=b.forwardRef(function({firstMonthOfFY:t,timeframe:o,timePeriod:d,transactions:i,isFirstLotLoading:r,currentScrollYOffset:f,componentName:x,showLoadNext:l,showLoadPrevious:s,onTransactionItemClick:h,onTransactionListScroll:M,onListInnerElementHeightChanged:$},Y){const p=b.useMemo(()=>Ht(i),[i]),F=b.createRef(),[T,J]=b.useState(!1);b.useEffect(()=>{F.current?.resetAfterIndex(0)},[i,F]);const X=Y,L=b.useRef(null),[K,tt]=b.useState(void 0);b.useEffect(()=>{!T&&r===!1&&J(!0)},[r,T]),ot({componentName:x,enabled:T});const et=()=>{if(L!=null&&typeof L=="object"&&L.current){const c=L.current;c!=null&&c.clientHeight>0&&c.clientHeight!=K&&(tt(c.clientHeight),$?.(c.clientHeight))}},I=p.length===0,E=s!=null,z=l!=null,O=p.length+(l!=null?1:0)+(s!=null?1:0)+(I===!0?1:0),H=c=>z===!0?c-1:c,P=R(),it=({index:c,style:v})=>{if(z===!0&&c===0)return e.jsx("div",{style:{...v},children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","list-item-load-more"),children:e.jsx(N,{firstMonthOfFY:t,isLoadNextItem:!0,isLoading:l?.isLoading==!0,timePeriod:d,timeframe:o,fixedTimePeriod:l?.fixedTimePeriod,doLoadMoreTransactions:(g,C)=>{l?.onLoadNextClick?.(g,C)}})})});if(E===!0&&c===O-1)return e.jsx("div",{style:{...v},children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","list-item-load-previous"),children:e.jsx(N,{firstMonthOfFY:t,isLoadNextItem:!1,isLoading:s?.isLoading==!0,timePeriod:d,fixedTimePeriod:s?.fixedTimePeriod,timeframe:o,doLoadMoreTransactions:(g,C)=>{s?.onLoadPreviousClick?.(g,C)}})})});if(I===!1){const g=p[H(c)];return e.jsx("div",{style:{...v},children:e.jsxs(S,{windowSize:P,children:[e.jsx(Bt,{date:g.date,transactions:g.transactions,onItemClick:h}),s==null?e.jsx(qt,{}):null]})})}else return e.jsx("div",{style:{...v},children:e.jsx(Qt,{children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","transactions-list-empty"),children:e.jsx(Ut,{children:Wt(d,l?.isLoading==!0||s?.isLoading==!0)})})})})},at=c=>z===!0&&c===0?D(!0):E===!0&&c===O-1?D(!1):I===!1?Nt(p[H(c)].transactions.length):D(!1);return e.jsx(Zt,{children:e.jsx(rt,{children:({height:c,width:v})=>e.jsx(Vt,{"data-testid":u("transaction-list"),ref:F,height:c,width:v,innerRef:L,outerRef:X,onItemsRendered:et,itemCount:O,itemSize:at,onScroll:({scrollOffset:g})=>{M?.(g)},initialScrollOffset:f??0,children:it})})})}),Wt=(t,o)=>o===!0?y.transactionList.fetching:t.startDate.isSame(t.endDate,"month")?`${y.transactionList.noTransactionsFoundForPrefix} (${t.startDate.format(y.dateFormat.visual.MMMYYFormat)})`:`${y.transactionList.noTransactionsFoundForPeriodPrefix} (${t.startDate.format(y.dateFormat.visual.MMMYYFormat)} - ${t.endDate.format(y.dateFormat.visual.MMMYYFormat)})`;export{Kt as p};

package/dist/assets/VerifyDevice-dg83_W2W-db8vxgEO.js

@@ -1,96 +0,0 @@
-import{a1 as z,a as J,M as O,j as r,bn as q,b as d,l as B,F as H,bo as U,o as n,i as y,J as C,bp as W,n as N,bq as X,br as D,g as j,ao as b,bs as Y}from"./index-NilHeiJu.js";import{b as c,n as t}from"./vendor-rkTZJa59.js";import{AccountLockedInfo as Z}from"./AccountLockedInfoModal-CaIpZQOZ-CNfkV6iH.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./handshake-BPg58FML-CVKh3Eii.js";const G=e=>{if(!e)return"";try{const s=X(e);if(!s){const l=e.replace(/\D/g,"");if(l.length>=4){const $=l.slice(-4);return`+${l.slice(0,-4)||"1"} (•••) ••• ${$}`}return D(e)||e}const p=s.countryCallingCode,m=s.nationalNumber.slice(-4);return`+${p} (•••) ••• ${m}`}catch{const s=e.replace(/\D/g,"");if(s.length>=4){const p=s.slice(-4);return`+${s.slice(0,-4)||"1"} (•••) ••• ${p}`}return D(e)||e}},k=300,I=30,F=2,V=6,o=O.getLocalizedStrings().commonSetUp.twoFactorAuthentication,x="otpInputField",ke=e=>{const s=e.verifyOtpFetchState==="In-Progress",[p,m]=c.useState(!1),[l,$]=c.useState(!1),[f,P]=c.useState(0),[v,S]=c.useState(k),[u,E]=c.useState(I),w=z(e.verifyOtpFetchState),h=J({mode:"all",reValidateMode:"onChange",defaultValues:{[x]:""}}),g=h.watch(x),_=()=>{e.onCancelVerifyDevice()},R=()=>{g.trim().length===V&&e.onVerifyOtp(g)},T=o.footerHelperText.replace(/<button_text>/,o.verify);c.useEffect(()=>{w==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(m(!0),P(i=>i+1),h.setValue(x,""))},[w,e.verifyOtpFetchState,h]),c.useEffect(()=>{if(v<=0){$(!0);return}const i=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[v]),c.useEffect(()=>{if(u<=0)return;const i=setInterval(()=>{E(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(i)},[u]);const M=i=>{const a=Math.floor(i/60),A=i%60;return`${a}:${A.toString().padStart(2,"0")}`};return r.jsx(q,{open:!0,onClose:e.onCancelVerifyDevice,children:r.jsxs(K,{children:[r.jsx(d,{controller:f>F,children:r.jsx(Z,{unlockDate:B.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),r.jsx(d,{controller:f<=F,children:r.jsx(H,{...h,children:r.jsxs(pe,{children:[r.jsxs(de,{children:[r.jsx(Q,{children:o.verifyDeviceTitle}),r.jsx(ee,{children:o.verifyDeviceDescription}),r.jsx(re,{children:G(e.phoneNumber+"")})]}),r.jsxs(te,{children:[r.jsx(U,{value:g,valueLength:6,hasError:l===!0||p===!0,style:{margin:n.sp0},onChange:i=>h.setValue(x,i)}),r.jsx(d,{controller:l===!1,children:r.jsx(L,{children:r.jsxs(ue,{children:[o.codeExpiresIn," ",M(v)]})})}),r.jsx(d,{controller:l===!0,children:r.jsx(L,{children:r.jsx(xe,{children:o.codeExpired})})})]}),p===!0?r.jsxs(r.Fragment,{children:[r.jsx(d,{controller:f===1,children:r.jsx(ne,{children:o.incorrectCode})}),r.jsx(d,{controller:f===2,children:r.jsx(me,{children:r.jsxs(y,{children:[r.jsx(fe,{}),o.accountLockWarning]})})})]}):null,r.jsx(d,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="ERR_OTP_RESEND_LIMIT_EXCEEDED",children:r.jsxs(oe,{children:[r.jsx(ie,{children:o.codeNotReceived}),r.jsx(le,{disabled:u>0,onClick:()=>{e.onResendOtp(),m(!1),h.setValue(x,""),S(k),E(I)},children:o.resend}),u>0&&r.jsxs(se,{children:[O.getLocalizedStrings().common.in.toLowerCase()," ",u,"s"]})]})}),r.jsxs(he,{children:[r.jsxs(ce,{children:[r.jsx(C,{label:o.cancel,onClick:_,style:{width:82}}),r.jsx(C,{variant:"primary",label:o.verify,onClick:R,style:{width:82},loading:s,disabled:g.trim().length!==V||l===!0})]}),r.jsx(ae,{children:T})]})]})})})]})})},K=t.div`
-  display: flex;
-  flex-direction: column;
-  width: 456px;
-  padding: ${n.sp5} ${n.sp6};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${n.sp2};
-`,Q=t(W)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,ee=t(N)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,re=t(N)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,te=t.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  row-gap: ${n.sp1};
-`,ne=t(b)`
-  color: ${j.important};
-  text-align: center;
-`,oe=t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${n.sp1};
-`,ie=t(b)`
-  color: ${e=>e.theme.colors.grey1};
-`,se=t(b)`
-  color: ${e=>e.theme.colors.grey1};
-`,le=t.button`
-  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.link};
-  cursor: ${e=>e.disabled?"default":"pointer"};
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-
-  &:hover {
-    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,ce=t.div`
-  display: flex;
-  justify-content: center;
-  column-gap: ${n.sp3};
-`,ae=t(y)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,de=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp2};
-`,pe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp3};
-`,he=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp2};
-  margin-top: ${n.sp2};
-`,L=t.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: ${e=>e.theme.colors.background};
-`,ue=t(y)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,xe=t(y)`
-  color: ${j.important};
-  text-align: center;
-`,me=t.div`
-  display: flex;
-  justify-content: center;
-  background: ${j.importantLight};
-  border-radius: ${n.sp1};
-  color: ${j.important};
-  word-wrap: normal;
-  padding: ${n.sp1} ${n.sp6};
-  text-align: center;
-`,fe=t(Y)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  top: 2px;
-  position: relative;
-`;export{ke as default};