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

package/dist/assets/SetUpDefaultSection-BM57n5BV-BGP1G39B.js

@@ -0,0 +1,174 @@
+import{e as Q,u as V,j as o,_ as w,M as Z,du as u,o as i,C as a,f2 as D,f3 as j,g as C,f4 as ee,X as ie,bd as oe,q as l,p as te,a5 as B,b5 as se,i as E,ae as re,B as ne,b1 as le,f8 as ae}from"./index-P_4M6V8j.js";import{b as de,n as t}from"./vendor-rkTZJa59.js";const n={sectionWidth:new a(343,580,726),descriptionMarginBottom:new a(12,l[3]),iconContainerMaxWidthHeight:new a(l[6],l[7]),iconContainerMarginRight:new a(12,l[3]),iconPadding:new a(10,12),rowGap:new a(l[2],l[3]),containerPadding:new a(l[3],l[4]),navIconLeftMargin:new a(12,l[4]),tagIconContainerDivMarginTop:new a(l[2],l[0])},_={title:new ie("standardSemiBold","largeSemiBold")},{commonSetUp:{setUp:S}}=Z.getLocalizedStrings(),ce=t(le)`
+  margin-left: 6px;
+  width: 12px;
+  height: 12px;
+`,pe=t.div`
+  display: flex;
+  align-items: center;
+`,he=t.div`
+  position: relative;
+`,ge=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: absolute;
+  top: ${i.sp4};
+  right: -153px;
+  width: 300px;
+  z-index: 3;
+  height: ${i.sp7};
+  border-radius: ${i.sp1};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp2} ${e.theme.colors.grey1}`};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  background: ${e=>e.theme.colors.grey4};
+`,me=t(ae)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  margin-right: ${i.sp2};
+  margin-left: ${i.sp4};
+`,ue=t(B)`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+`,xe=t.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.grey1};
+  border-radius: ${i.sp2};
+  ${e=>e.isFootNoteAvailable&&`
+    border-bottom-right-radius: ${i.sp0};
+    border-bottom-left-radius: ${i.sp0};
+  `}
+`,we=({windowSize:e,title:P,isError:p,isCardPaymentMethod:$=!1,showAddPaymentMethodDropDown:f=!1,addPaymentMethodDropdownOpen:r,isDisabled:m,updateCardPaymentModalState:x,setAddPaymentMethodDropdownOpen:d,openPlaidDialog:y,productType:h,setEventSourceType:v,referrer:M,analytics:b})=>{const z=()=>{r===!0&&d!=null&&d(!1)};return o.jsxs(pe,{children:[o.jsx(ve,{windowSize:e,isDisabled:m,isError:p,children:P}),f?o.jsxs(he,{"data-testid":w("add-payment-method-wrapper",h),children:[o.jsx(ce,{"data-testid":w("add-payment-method",h),onClick:g=>{g.stopPropagation(),d?.(!(r??!1))}}),r===!0?o.jsx(te,{onClickAway:z,children:o.jsxs(ge,{children:[o.jsx(me,{}),o.jsx(ue,{onClick:g=>{g.stopPropagation(),$&&x!=null?(x(!0),v!=null&&b!=null&&h!=null&&(v("link_new_credit_card"),b.trackCreditCardConnect(h,"link_new_credit_card",M))):y?.(g,"link_new_bank_account"),d?.(!1)},"data-testid":w("add-card",h),children:$?S.addNewCard:S.linkNewAccount})]})}):null]}):null]})};function Ye({style:e,header:P,footNote:p,title:$,subTitle:f,status:r,statusInfoIcon:m,icon:x,isActive:d=!0,isDisabled:y=!1,isClickable:h=!0,isCompleted:v=!1,showCompletedIcon:M=!1,isError:b,hasError:z=!1,subTitleIcon:g,isLoading:c,isTagLoading:A,isActiveWhileLoading:N=!1,shouldHover:W=!0,showRightArrow:I=!0,onClick:H,showAddPaymentMethodDropDown:R=!1,updateCardPaymentModalState:G,openPlaidDialog:O,isCardPaymentMethod:F,analytics:J,productType:k,referrer:Y,setEventSourceType:U,additionalInfo:L}){const s=Q(),X=V(),[q,K]=de.useState(!1);return o.jsxs($e,{windowSize:s,style:e,isActive:d&&!y,isLoading:c??!1,isActiveWhileLoading:N,"data-testid":w("setup-default-section",k),children:[o.jsxs(Ae,{children:[M===!0?o.jsx(_e,{children:v?o.jsx(Ne,{}):o.jsx(We,{})}):null,o.jsxs(Le,{windowSize:s,children:[P,d===!1?o.jsx(Be,{children:S.comingSoon}):null]})]}),o.jsxs(ze,{windowSize:s,width:e?.width,shouldHover:W,isClickable:h,children:[o.jsxs(xe,{isFootNoteAvailable:p!=null,children:[o.jsxs(ke,{windowSize:s,width:e?.width,isfootNoteAvailable:p!=null,onClick:d&&!y?H:void 0,"data-testid":w("setup-approval-section-elements",k),children:[o.jsxs(fe,{children:[o.jsx(u,{isLoading:c??!1,customStyle:{width:i.sp7,height:i.sp7,borderRadius:"50%",marginRight:i.sp3},children:o.jsx(Me,{iconColor:x.color,windowSize:s,isDarkMode:X.mode==="dark",children:x.element})}),o.jsxs(De,{children:[o.jsxs(Te,{children:[o.jsx(u,{isLoading:c??!1,customStyle:{width:"200px",height:i.sp4,marginBottom:`${n.descriptionMarginBottom.valuePx(s)}`,marginTop:i.sp2},children:o.jsx(we,{windowSize:s,title:$,isError:b,showAddPaymentMethodDropDown:R,setAddPaymentMethodDropdownOpen:K,addPaymentMethodDropdownOpen:q,updateCardPaymentModalState:G,isCardPaymentMethod:F??!1,openPlaidDialog:O,analytics:J,productType:k,referrer:Y,setEventSourceType:U})}),f.length>0?o.jsx(be,{children:o.jsx(u,{isLoading:c??!1,customStyle:{width:i.sp12,height:`${i.sp4}`,marginBottom:`${n.descriptionMarginBottom.valuePx(s)}`},children:o.jsxs(je,{children:[f,g!=null?o.jsx(Se,{children:g.element}):null]})})}):null]}),r!=null&&s==="small"?o.jsx(u,{isLoading:c??!1,customStyle:{width:i.sp12,height:i.sp4,marginBottom:`${n.descriptionMarginBottom.valuePx(s)}`},children:o.jsxs(T,{windowSize:s,children:[m??m,o.jsx(D,{style:{width:"max-content",padding:0},tagTitle:r.name,textColor:j(r.code),showLoader:A})]})}):null,c===!1&&L!=null?o.jsxs(He,{children:[o.jsx(Re,{statusColor:r!=null?j(r.code).color:void 0}),o.jsx(Ge,{statusColor:r!=null?j(r.code).color:void 0,children:L})]}):null]})]}),o.jsxs(ye,{children:[r!=null&&s!=="small"?o.jsxs(T,{windowSize:s,children:[o.jsx(Ie,{children:m??m}),o.jsx(u,{isLoading:c??!1,customStyle:{width:i.sp12,height:`${i.sp4}`,marginBottom:`${n.descriptionMarginBottom.valuePx(s)}`},children:o.jsx(D,{style:{width:"max-content",padding:0},tagTitle:r.name,textColor:j(r.code),showLoader:A})})]}):null,I===!0?o.jsx(Ce,{windowSize:s,children:o.jsx(Pe,{width:i.sp4,height:i.sp4})}):null]})]}),z?o.jsx(Oe,{children:S.bankAccountLinkingError}):null]}),o.jsx(u,{isLoading:c??!1,customStyle:{marginTop:n.rowGap.valuePx(s),width:"48%",height:i.sp3,marginBottom:i.sp2,marginLeft:i.sp3},children:typeof p=="string"?o.jsx(Ee,{children:p}):p})]})]})}const $e=t.div`
+  display: flex;
+  flex-direction: column;
+  pointer-events: ${e=>(e.isLoading===!0||e.isActive===!1)&&e.isActiveWhileLoading===!1?"none":"initial"};
+  opacity: ${e=>e.isActive?1:.32};
+  padding-top: ${i.sp3};
+  row-gap: ${e=>n.rowGap.valuePx(e.windowSize)};
+`,fe=t.div`
+  display: flex;
+  align-items: center;
+`,ye=t.div`
+  display: flex;
+  align-items: center;
+`,T=t.div`
+  display: flex;
+  align-items: flex-end;
+  margin-top: ${e=>n.tagIconContainerDivMarginTop.valuePx(e.windowSize)};
+  gap: ${i.sp2};
+`,ve=t.div`
+  ${e=>`${_.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?C.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
+`,be=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+`,je=t(B)`
+  color: ${e=>e.theme.colors.hero};
+`,Se=t.span`
+  padding-left: ${i.sp1};
+`,Ce=t.div`
+  display: flex;
+  color: inherit;
+  margin-left: ${e=>n.navIconLeftMargin.valuePx(e.windowSize)};
+`,Pe=t(re)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+`,Me=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>n.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${i.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?C.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>n.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>n.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>n.iconContainerMarginRight.valuePx(e.windowSize)};
+`,ze=t.div`
+  width: ${e=>e.width!=null?e.width:n.sectionWidth.valuePx(e.windowSize)};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  &:hover {
+    border: ${e=>`1px solid  ${e.shouldHover?e.theme.colors.primary:e.theme.colors.grey3}`};
+    color: ${e=>e.theme.colors.primary};
+    cursor: ${e=>e.isClickable?"pointer":"default"};
+    position: relative;
+  }
+`,ke=t.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  padding: ${e=>n.containerPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  fill: ${e=>e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.grey1};
+  border-top-right-radius: ${i.sp2};
+  border-top-left-radius: ${i.sp2};
+  border-bottom-right-radius: ${e=>e.isfootNoteAvailable?i.sp0:i.sp2};
+  border-bottom-left-radius: ${e=>e.isfootNoteAvailable?i.sp0:i.sp2};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,Ae=t.div`
+  display: flex;
+  align-items: center;
+`,Le=t.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${_.title.style(e.windowSize)}`};
+`,De=t.div`
+  display: flex;
+  flex-direction: column;
+`,Te=t.div``,Be=t(oe)`
+  color: ${e=>e.theme.colors.comingSoon};
+  margin-left: ${i.sp3};
+`,Ee=t(ne)`
+  padding: ${i.sp2} ${i.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
+  width: 100%;
+  box-sizing: border-box;
+  text-align: center;
+  color: ${e=>e.theme.colors.grey1};
+`,_e=t.div`
+  margin-right: ${i.sp2};
+`,Ne=t(ee)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${C.success};
+`,We=t.div`
+  height: 14px;
+  width: 14px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`,Ie=t.div`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  margin: auto;
+`,He=t.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  margin-top: ${i.sp1};
+`,Re=t(se)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.statusColor!=null?e.statusColor.toString():e.theme.colors.grey1};
+`,Ge=t(E)`
+  color: ${e=>e.statusColor!=null?e.statusColor.toString():e.theme.colors.grey1};
+`,Oe=t(E)`
+  display: flex;
+  color: ${C.important};
+  margin-left: 88px;
+  margin-bottom: ${i.sp3};
+  border-radius: ${i.sp1};
+`;export{we as $,Ee as L,Ye as Y};

package/dist/assets/SignIn-BMjCrrGx-DVM_TdnN.js

@@ -0,0 +1,407 @@
+import{e as q,z as Ne,a as Ge,M as b,j as i,b as M,G as We,F as qe,R as Xe,o,c as ce,C as S,d as Ke,X as ge,h as je,g as m,L as Qe,f as Ye,i as ke,x as ve,k as ei,l as pe,m as ii,T as oi,J as ze,n as Ie,v as F,B as X,r as ni,p as ri,q as L,s as ti,t as si,H as li,w as ai}from"./index-P_4M6V8j.js";import{b as d,n,f as di,k as Ee,j as ci}from"./vendor-rkTZJa59.js";import{i as gi}from"./ZeniCopyright-D6e3OekQ-3nIDquq3.js";import{_ as pi}from"./ProductsCarousel-BaTq9uMB-DT3_7m1I.js";import{t as hi}from"./handshake-BPg58FML-CVKh3Eii.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";const mi=(e=.68,c=1.3,l=1440,g=2560)=>{const[p,a]=d.useState(()=>typeof window<"u"?window.innerWidth:l);return d.useEffect(()=>{const w=()=>{a(window.innerWidth)};return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]),wi(p,e,c,l,g)},wi=(e,c,l,g,p)=>{const a=Math.max(g,Math.min(p,e)),w=l-c,x=p-g,v=x>0?(a-g)/x:0;return c+w*v},xi=e=>d.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M5.49686 0.437846C3.50884 1.1044 1.81485 2.56223 0.871312 4.40709C0.542169 5.04355 0.305187 5.71871 0.160364 6.41967C-0.199498 8.15702 0.0506501 10.0105 0.866923 11.593C1.39794 12.6251 2.16155 13.5454 3.08315 14.2636C3.95647 14.943 4.97023 15.4505 6.04982 15.73C7.41028 16.0869 8.8585 16.0783 10.2277 15.773C11.4653 15.4935 12.6371 14.9129 13.5718 14.07C14.5592 13.1799 15.2658 12.0102 15.6388 10.7502C16.047 9.37833 16.0996 7.9119 15.8451 6.50138C13.2866 6.50138 10.7236 6.50138 8.16511 6.50138C8.16511 7.54207 8.16511 8.58276 8.16511 9.62345C9.64844 9.62345 11.1318 9.62345 12.6151 9.62345C12.444 10.6211 11.8383 11.5328 10.9826 12.0962C10.4428 12.4531 9.82399 12.681 9.18326 12.7928C8.54253 12.9003 7.87546 12.9132 7.23473 12.7885C6.58084 12.6595 5.96205 12.3929 5.41787 12.0188C4.54893 11.421 3.88626 10.548 3.54834 9.56325C3.20164 8.56126 3.19725 7.44746 3.54834 6.44977C3.7941 5.74451 4.19784 5.09515 4.73325 4.56191C5.39153 3.89965 6.24731 3.42661 7.17329 3.23309C7.96323 3.06968 8.79706 3.09978 9.56945 3.3277C10.2277 3.52122 10.8334 3.87815 11.3293 4.34259C11.8296 3.85235 12.3299 3.3621 12.8302 2.87186C13.0935 2.60954 13.3699 2.35581 13.6245 2.08489C12.8653 1.39683 11.97 0.842081 10.9957 0.48945C9.24031 -0.147006 7.26545 -0.159907 5.49686 0.437846Z",fill:"white"}),d.createElement("path",{d:"M5.49686 0.43784C7.26106 -0.159913 9.2403 -0.147012 10.9957 0.485144C11.97 0.837775 12.8609 1.38822 13.6245 2.08058C13.3699 2.35151 13.0935 2.60523 12.8302 2.86755C12.3299 3.3578 11.8296 3.84804 11.3293 4.33828C10.8334 3.87384 10.2277 3.52121 9.56945 3.32339C8.79706 3.09547 7.96323 3.06107 7.17329 3.22879C6.25169 3.4223 5.39592 3.89534 4.73325 4.5576C4.19784 5.08655 3.79409 5.74021 3.54833 6.44547C2.65745 5.76601 1.76657 5.09085 0.871307 4.41139C1.81485 2.56223 3.50884 1.1044 5.49686 0.43784Z",fill:"#EA4335"}),d.createElement("path",{d:"M0.164771 6.41539C0.309594 5.71873 0.546576 5.03927 0.875719 4.40282C1.7666 5.08228 2.65748 5.75744 3.55274 6.4369C3.20166 7.43888 3.20166 8.55268 3.55274 9.55037C2.66186 10.2298 1.77099 10.9093 0.880107 11.5844C0.0550569 10.0062 -0.195091 8.15275 0.164771 6.41539Z",fill:"#FBBC05"}),d.createElement("path",{d:"M8.16515 6.49707C10.7237 6.49707 13.2866 6.49707 15.8451 6.49707C16.0997 7.90329 16.0426 9.36972 15.6389 10.7458C15.2659 12.0059 14.5593 13.1756 13.5719 14.0657C12.7073 13.4078 11.8428 12.7498 10.9782 12.0919C11.834 11.5285 12.4396 10.6168 12.6108 9.61914C11.1274 9.61914 9.6441 9.61914 8.16077 9.61914C8.16516 8.57845 8.16515 7.53776 8.16515 6.49707Z",fill:"#4285F4"}),d.createElement("path",{d:"M0.871338 11.5887C1.76222 10.9135 2.6531 10.2341 3.54397 9.55461C3.88628 10.5394 4.54457 11.4124 5.4135 12.0101C5.95769 12.3843 6.58086 12.6509 7.23037 12.7799C7.8711 12.9089 8.53377 12.8917 9.17889 12.7842C9.81962 12.6724 10.4384 12.4445 10.9782 12.0875C11.8428 12.7455 12.7073 13.4034 13.5718 14.0614C12.6371 14.9086 11.4653 15.4848 10.2278 15.7644C8.85853 16.0697 7.4103 16.0783 6.04985 15.7214C4.97026 15.4418 3.9565 14.9387 3.08317 14.2549C2.16596 13.5411 1.40235 12.6208 0.871338 11.5887Z",fill:"#34A853"})),ui=e=>d.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("path",{d:"M0 0H7.58546V7.58546H0V0Z",fill:"#F25022"}),d.createElement("path",{d:"M8.37742 0H15.9629V7.58546H8.37742V0Z",fill:"#7FBA00"}),d.createElement("path",{d:"M0 8.37741H7.58546V15.9629H0V8.37741Z",fill:"#00A4EF"}),d.createElement("path",{d:"M8.41454 8.41454H16V16H8.41454V8.41454Z",fill:"#FFB900"})),fi=n.div`
+  margin-left: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${ai.Roboto};
+  ${e=>{const c=e.windowSize==="small"?F.standardMedium:F.largeMedium;return`
+      font-size: ${c.fontSize};
+      font-weight: ${c.fontWeight};
+      line-height: ${c.lineHeight};
+    `}}
+`,$i=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?"100%":"264px"};
+  min-height: ${e=>e.windowSize==="small"?o.sp7:o.sp8};
+  border: 1px solid;
+  box-sizing: border-box;
+  border-radius: ${o.sp2};
+
+  opacity: ${e=>e.disabled?.32:1};
+  border-color: ${e=>e.disabled?e.theme.colors.hero:e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.brandColorSapphireLight};
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,Si=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,bi=n(xi)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+`,Ci=n(ui)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+`;function Me({type:e,titleText:c,disabled:l,loadingIndication:g,onClick:p}){const a=q(),w=i.jsxs(Si,{children:[e==="Google"?i.jsx(bi,{}):i.jsx(Ci,{}),i.jsx(fi,{windowSize:a,children:c})]});return i.jsx($i,{windowSize:a,disabled:l===!0,onClick:l===!0?void 0:p,children:g===!0?i.jsx(ii,{size:"Standard",start:g===!0}):w})}const yi=({inProgress:e,disabled:c,onSuccess:l,onSignedInCallback:g,getSignedInUser:p,onError:a})=>{const w=ei({onSuccess:l,flow:"auth-code",onError:a}),x=()=>{if(p()!=null){g();return}w()};return i.jsx(Me,{onClick:x,disabled:c,type:"Google",titleText:b.getLocalizedStrings().signIn.signInGoogleButton,loadingIndication:e})},ji=e=>{const{clientId:c,scopes:l,getSignedInUser:g,onSignedInCallback:p,render:a,onSuccess:w,onFailure:x,disabled:v}=e;let{responseType:$,responseMode:C,prompt:z,redirectUri:I}=e,_,t;const E="https://login.microsoftonline.com/common/oauth2/v2.0/authorize",U=["openid","profile"];$=$??"code",C=C??"fragment",z=z??"consent",di.useEffect(()=>{const u=pe.toZeniUrl(window.location[C==="fragment"?"hash":"search"],!0).query;(window.location.search||window.location.hash)&&(u.code!=null||u.access_token!=null||u.error!=null)&&P()},[]);const V=()=>{const u=encodeURIComponent((l??U).join(" "));return I=I??window.location.origin+window.location.pathname,`${E}?client_id=${c}&response_type=${$}&redirect_uri=${encodeURIComponent(I)}&scope=${u}&prompt=${z}&response_mode=${C}`},P=()=>{window.opener?.authScope.authCompletedCB(pe.toZeniUrl(window.location[C==="fragment"?"hash":"search"],!0).query),window.close()};return a({onClick:()=>{if(g()!=null){p();return}_=!1;const u=(h,O)=>{const B=window.screen.width/2-287.5,T=window.screen.height/2-600/2,A=window.open(h,O,`toolbar=0,status=0, width=575, height=600, top=${T}, left=${B}`);t=setInterval(()=>{A.closed&&!_&&(x({error:b.getLocalizedStrings().signIn.signInError,errorDetail:{reason:"Signin popup window was closed"}}),clearInterval(t))},500)};window.authScope={authCompletedCB:h=>{_=!0,clearInterval(t),$==="code"&&h.code?w({code:h.code}):$==="token"&&h.access_token?w({accessToken:h.access_token,tokenType:h.token_type,scope:h.scope}):h.error==="access_denied"?x({error:b.getLocalizedStrings().signIn.signInAuthError,errorDetail:h}):x({error:b.getLocalizedStrings().signIn.signInError,errorDetail:h})}},u(V(),"Microsoft Sign In")},disabled:v})},R={width:new S(343,572,572),containerTop:new S(17,25,25)},{signIn:{emailNotFoundPopup:D},common:{gotIt:ki}}=b.getLocalizedStrings();function vi({signInError:e,onClose:c}){const l=q(),[g,p]=d.useState(!1),a=e?.email;return i.jsx(zi,{windowSize:l,role:"presentation",style:{background:m.overlayDark},children:i.jsx(ri,{onClickAway:()=>{p(!0),c()},children:i.jsxs(Mi,{windowSize:l,className:g?"containerClass fade":"containerClass",fade:g,children:[i.jsxs(Li,{children:[D.title,i.jsx(Fi,{children:a})]}),i.jsxs(Vi,{children:[i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(_i,{})}),i.jsx(G,{windowSize:l,children:D.confirmEmail})]}),i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(Ti,{})}),i.jsx(G,{windowSize:l,children:D.checkAccess})]}),i.jsxs(W,{children:[i.jsx(N,{children:i.jsx(Pi,{})}),i.jsx(G,{windowSize:l,children:D.contactZeni})]})]}),i.jsx(ze,{label:ki,variant:"primary",onClick:()=>{p(!0),c()}})]})})})}const zi=n.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${m.overlayDark};
+  .fade {
+    animation: ${e=>Ei(e)} 0.25s linear;
+  }
+`,Ii=({windowSize:e})=>Ee`
+  0% {
+    top: 100%;
+  }
+  100% {
+    top: ${R.containerTop.valuePercentage(e)};
+  }
+`,Ei=({windowSize:e})=>Ee`
+  0% {
+    top: ${R.containerTop.valuePercentage(e)};
+  }
+  100% {
+    top: 100%;
+  }
+`,Mi=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp2};
+  position: relative;
+  top: ${e=>e.fade?"100%":R.containerTop.valuePercentage(e.windowSize)};
+  padding: ${o.sp5} ${o.sp0};
+  width: ${e=>R.width.valuePx(e.windowSize)};
+  animation: ${e=>Ii(e)} 0.25s linear;
+  box-shadow: ${m.Elevation2Dark};
+  overflow: hidden;
+  z-index: 1;
+  ::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background-image: ${e=>e.theme.mode==="dark"?"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-dark-1.svg)":"url(https://storage.googleapis.com/zeni-apis.appspot.com/images/infinite-pattern-light-1.svg)"};
+    z-index: -1;
+    transform: rotate(-8.9deg);
+    background-size: contain;
+    background-repeat: no-repeat;
+    scale: ${e=>e.windowSize==="small"?"142%":"125%"};
+    background-position: ${e=>e.windowSize==="small"?"5px 100%":"42px 180%"};
+  }
+`,Li=n(ti)`
+  margin-bottom: ${o.sp6};
+  color: ${m.important};
+  padding: ${o.sp0} ${o.sp6};
+`,N=n.div`
+  margin-right: 12px;
+  height: ${o.sp7};
+  width: ${o.sp7};
+  background-color: ${e=>e.theme.mode==="dark"?m.brandColorJadeDark:m.brandColorJadeLight};
+  border-radius: ${o.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,G=n(Ie)`
+  width: calc(100% - 120px);
+  color: ${e=>e.theme.colors.primary};
+  text-align: start;
+`,W=n.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: ${o.sp5};
+`,K=e=>ci`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e.theme.colors.primary};
+`,_i=n(ve)`
+  ${K};
+`,Pi=n(hi)`
+  ${K};
+`,Ti=n(li)`
+  ${K};
+`,Fi=n(si)`
+  word-break: break-all;
+`,Vi=n.div`
+  padding: ${o.sp0} ${o.sp6};
+`,s=b.getLocalizedStrings(),Le={signInHeading:new ge("h5Regular","h2Regular"),signInMessage:new ge("standardRegular","h6Regular")},k={ZeniLogoContainerLeftMargin:new S(L[0],L[5]),ZeniLogoContainerTopMargin:new S(12,L[3]),headingContainerTopMargin:new S(36,10),signInContainerPaddingTop:new S(L[12],L[4]),emailInputFontSize:new S(F.standardRegular.fontSizeValue,F.extraLargeRegular.fontSizeValue),emailInputVerticalPadding:new S(L[3],12)},Oi=n.div`
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="light"?"l":"d"}.svg)`};
+
+  background-color: ${e=>e.theme.colors.background};
+  background-size: cover;
+  height: 100vh;
+  max-height: -webkit-fill-available; // fallback for older browsers
+  height: 100dvh; // using new units from google I/O 2022 https://youtu.be/Xy9ZXRRgpLk?t=982
+  display: flex;
+  flex-direction: column;
+  background-position: 50px ${o.sp0};
+  background-repeat: no-repeat;
+  overflow-x: hidden;
+`,Bi=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  padding: ${o.sp0} ${o.sp4} ${o.sp0} ${o.sp4};
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.background};
+  background-color: transparent;
+  row-gap: ${e=>e.windowSize==="extra-large"?o.sp3:o.sp5};
+`,he=n(je)`
+  ${e=>`${Le.signInHeading.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,me=n(je)`
+  ${e=>`${Le.signInMessage.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`,we=n(X)`
+  margin: ${o.sp0} ${o.sp0} ${o.sp0} ${o.sp0};
+  color: ${e=>e.theme.colors.grey1};
+`,xe=n(X)`
+  margin: ${o.sp1} ${o.sp0} ${o.sp1} ${o.sp0};
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+`,Ai=n(ni)`
+  color: ${m.important};
+  text-align: center;
+  white-space: pre;
+`,Zi=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+  flex-shrink: 0;
+  position: relative;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+`,Di=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid
+    ${e=>e.hasError?m.important:e.theme.colors.grey1};
+  border-radius: ${o.sp2};
+  padding-top: ${e=>k.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>k.emailInputVerticalPadding.valuePx(e.windowSize)};
+  padding-left: ${o.sp4};
+  padding-right: ${o.sp2};
+  width: ${e=>e.windowSize==="small"?"100%":"354px"};
+  max-width: 100%;
+  height: ${o.sp8};
+  box-sizing: border-box;
+  &:focus-within,
+  &:hover {
+    border: 1px solid
+      ${e=>e.hasError?m.important:e.theme.colors.primary};
+  }
+`,Ri=n(oi,{shouldForwardProp:e=>e!=="isValid"&&e!=="windowSize"})`
+  flex: 1;
+
+  & .MuiOutlinedInput-root {
+    border: none;
+    box-shadow: none;
+
+    &:hover .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    &.Mui-focused .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+
+    .MuiOutlinedInput-notchedOutline {
+      border: none;
+    }
+  }
+
+  & .MuiInputBase-input {
+    padding: ${o.sp0} ${o.sp2} ${o.sp0} ${o.sp0};
+    font-size: ${e=>k.emailInputFontSize.valuePx(e.windowSize)};
+    color: ${e=>e.isValid?e.theme.colors.primary:m.important};
+    height: auto;
+
+    &::placeholder {
+      color: ${e=>e.theme.colors.grey1};
+      opacity: 1;
+    }
+  }
+`,Ui=n(ke)`
+  color: ${m.important};
+  text-align: center;
+  width: 100%;
+`,ue=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp3};
+  width: 100%;
+`,fe=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp3};
+  background-color: ${e=>e.isDarkTheme?m.neutralGrey5Dark:m.brandColorJadeLight}80;
+  border-radius: 50px;
+  padding: 12px ${o.sp4};
+  box-sizing: border-box;
+`,Hi=n(ve)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.brandColorSapphire};
+  flex-shrink: 0;
+`,Ji=n.div`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  background-color: ${m.neutralGrey5Light};
+  border: 1px solid ${e=>e.theme.colors.brandColorJade};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`,$e=n(Qe)`
+  color: ${e=>e.isDarkTheme?m.brandColorJadeLight:e.theme.colors.brandColorSapphire};
+  flex: 1;
+`,Se=n(Ye)`
+  color: ${e=>e.theme.colors.primary};
+`,be=n(ke)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,Ni=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: ${e=>e.windowSize==="small"?"100%":"unset"};
+  margin-top: ${e=>k.signInContainerPaddingTop.valuePx(e.windowSize)};
+`,Gi=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: ${e=>e.showEmailError&&e.showEmailForm?o.sp1:o.sp3};
+  max-width: 100%;
+`,Wi=n.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp4};
+  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
+  width: 100%;
+`,qi=n.div`
+  width: 100%;
+`,Ce=n.div`
+  margin-top: ${e=>k.headingContainerTopMargin.valuePx(e.windowSize)};
+  row-gap: ${e=>e.isMagicLinkSent?e.windowSize==="small"?"150px":o.sp4:o.sp2};
+  flex-direction: column;
+`,Xi=n.div`
+  display: flex;
+  flex-direction: column;
+  display: flex;
+  width: 100%;
+  margin-left: ${e=>k.ZeniLogoContainerLeftMargin.valuePx(e.windowSize)};
+  margin-top: ${e=>k.ZeniLogoContainerTopMargin.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"center":"start"};
+
+  .zeni-logo {
+    align-self: ${e=>e.windowSize==="small"?"center":"self-start"};
+  }
+`,Ki=n(Ke)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${o.sp4};
+`,Qi=n.div`
+  width: 100%;
+`,Yi=n.div`
+  width: 1167px;
+  height: 384px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+`,eo=n(ze)`
+  padding: ${o.sp2} ${o.sp3};
+`,io=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.showEmailForm&&e.windowSize!=="small"?"354px":"100%"};
+  gap: ${o.sp3};
+  max-width: 100%;
+`,ye=n.div`
+  width: ${e=>e.windowSize==="small"?"118px":"247px"};
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey2};
+  flex-shrink: 0;
+`,oo=n(Ie)`
+  text-transform: capitalize;
+  color: ${e=>e.theme.colors.hero};
+  flex-shrink: 0;
+`,no=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp2};
+  width: 100%;
+`,ro=n.button`
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  ${F.smallMedium.css}
+  text-align: center;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 100%;
+    background: ${e=>e.theme.colors.grey2};
+    z-index: 0;
+    pointer-events: none;
+  }
+
+  &:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 0%;
+    background: ${e=>e.theme.colors.primary};
+    transition: width 0.3s ease;
+    z-index: 1;
+    pointer-events: none;
+  }
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    &:after {
+      width: 100%;
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+`,to=n(X)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+`,so=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1px;
+`;function So({googleClientId:e,microsoftClientId:c,fetchState:l,signInError:g={},showEmailLogin:p=!0,sendMagicLinkStatus:a,magicLinkExpired:w,magicLinkExpiredEmail:x,getSignedInUser:v,onSignedInCallback:$,clearSignInError:C,onOAuthSuccess:z,onOAuthError:I,sendMagicLink:_}){const t=q(),{dark:E}=Ne(),U=mi(.68,1.3,1440,2560),V=l==="In-Progress",P=l==="Error",[u,h]=d.useState(void 0),[O,B]=d.useState(""),[T,A]=d.useState(!1),[Q,H]=d.useState(!1),[f,Y]=d.useState(!1),_e=l==="In-Progress"&&O==="google",Pe=l==="In-Progress"&&O==="microsoft",ee=Ge({mode:"onSubmit",defaultValues:{email:""}}),{register:Te,handleSubmit:Fe,formState:{errors:ie},setValue:oe,watch:Ve,clearErrors:Oe}=ee,Z=a.fetchState==="Error"&&a.error?.error?.type==="email_not_found",ne=a.fetchState==="Error"&&a.error?.details?.application_error_code!=="LOGIN_VIA_EMAIL_LOCKED"&&!Z,re=Ve("email"),te=!!ie.email||Q||ne,se=!!ie.email;d.useEffect(()=>{p&&w===!0&&x!=null&&x.trim()!==""&&(oe("email",x),H(!0),Y(!0))},[p,w,x,oe]);const Be=r=>{H(!1),r.email.trim()&&_(r.email)},Ae=()=>{H(!1),Oe("email")},le=P&&g.type==="email_not_found";d.useEffect(()=>{(le||Z)&&A(!0)},[Z,le]);const Ze=r=>{console.log(JSON.stringify(r)),h(void 0),z(r.code,"google"),B("google")},De=r=>{const j="Error = "+r?.error+" Error Description = "+r?.error_description;h(j),I?.(JSON.stringify(r),"google")},Re=r=>{console.log(JSON.stringify(r)),h(void 0),z(r.code,"microsoft"),B("microsoft")},Ue=r=>{console.log(JSON.stringify(r)),h(r.error??"Microsoft authorization failed."),I?.(JSON.stringify(r),"microsoft")},He=()=>{let r="";return(P||u!=null)&&T===!1&&(r=u??s.signIn.signInAuthError),r},ae=a.fetchState==="Completed"?s.signIn.confirmationLinkSent:s.signIn.heading,de=s.signIn.message,y=a.fetchState==="Completed",Je=Z&&a.error?.error?a.error.error:g;return i.jsxs(Oi,{windowSize:t,children:[i.jsxs(Bi,{windowSize:t,children:[i.jsxs(Qi,{children:[i.jsx(Xi,{windowSize:t,children:i.jsx(Ki,{className:"zeni-logo"})}),i.jsxs(Ce,{isMagicLinkSent:y,windowSize:t,style:{display:t==="small"?"flex":"none"},children:[i.jsx(he,{windowSize:t,children:ae}),i.jsx(M,{controller:!y,children:i.jsx(me,{windowSize:t,children:de})}),i.jsx(M,{controller:y,children:i.jsxs(ue,{children:[i.jsx(fe,{isDarkTheme:E,children:i.jsx($e,{isDarkTheme:E,children:b.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,j,J)=>i.jsxs("span",{children:[r,j<J.length-1&&i.jsx(Se,{children:re})]},j))})}),i.jsx(be,{children:s.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsxs(Ce,{isMagicLinkSent:y,windowSize:t,style:{display:t==="small"?"none":"flex"},children:[i.jsx(he,{windowSize:t,children:ae}),i.jsx(M,{controller:!y,children:i.jsx(me,{windowSize:t,children:de})}),i.jsx(M,{controller:y,children:i.jsxs(ue,{children:[i.jsxs(fe,{isDarkTheme:E,children:[i.jsx(Ji,{children:i.jsx(Hi,{})}),i.jsx($e,{isDarkTheme:E,children:b.getLocalizedStrings().signIn.magicLinkSent.primaryMessage.split("__email__").map((r,j,J)=>i.jsxs("span",{children:[r,j<J.length-1&&i.jsx(Se,{children:re})]},j))})]}),i.jsx(be,{children:s.signIn.magicLinkSent.secondaryMessage})]})})]}),i.jsx(M,{controller:!y,children:i.jsxs(Ni,{windowSize:t,children:[i.jsxs(Gi,{showEmailError:te,showEmailForm:f,children:[!f&&i.jsxs(Wi,{windowSize:t,children:[i.jsx(We,{clientId:e,children:i.jsx(yi,{disabled:V,inProgress:_e,getSignedInUser:v,onSuccess:Ze,onSignedInCallback:$,onError:De})}),i.jsx(ji,{clientId:c,scopes:["openid","profile","email","offline_access","User.Read"],getSignedInUser:v,prompt:"select_account",responseType:"code",responseMode:"query",render:r=>i.jsx(Me,{onClick:r.onClick,disabled:V||r.disabled,type:"Microsoft",titleText:s.signIn.signInMicrosoftButton,loadingIndication:Pe}),onSignedInCallback:$,onSuccess:Re,onFailure:Ue})]}),p&&f&&i.jsx(qe,{...ee,children:i.jsxs(Zi,{windowSize:t,children:[i.jsx("form",{onSubmit:Fe(Be),children:i.jsxs(Di,{windowSize:t,hasError:se,children:[i.jsx(Ri,{windowSize:t,type:"text",placeholder:s.signIn.workEmailExample,variant:"outlined",fullWidth:!0,isValid:!se,autoComplete:"off",...Te("email",{required:s.signIn.invalidEmailMessage,pattern:{value:Xe,message:s.signIn.invalidEmailMessage},onChange:Ae})}),i.jsx(eo,{variant:"primary",type:"submit",label:s.signIn.signInButton,loading:a.fetchState==="In-Progress"})]})}),te&&i.jsx(Ui,{children:Q?s.signIn.magicLinkExpired:ne?s.common.errorMessage.somethingWentWrongPleaseTryAgain:s.signIn.invalidEmailMessage})]})}),p&&i.jsxs(no,{children:[i.jsxs(io,{showEmailForm:f,windowSize:t,children:[i.jsx(ye,{showEmailForm:f,windowSize:t}),i.jsx(oo,{children:s.common.texts.or.toUpperCase()}),i.jsx(ye,{showEmailForm:f,windowSize:t})]}),i.jsxs(so,{children:[i.jsx(ro,{onClick:()=>Y(!f),children:f?s.signIn.googleOrMicrosoftLink:s.signIn.workEmailLink}),i.jsx(to,{isVisible:!f,children:s.signIn.workEmailSubText})]})]})]}),T===!1&&P&&i.jsx(qi,{children:i.jsx(Ai,{children:He()})})]})})]}),i.jsx(M,{controller:t!=="small",children:i.jsx(Yi,{children:i.jsx(pi,{scale:U})})}),i.jsx(we,{style:{maxWidth:"100%",textAlign:"center",marginBottom:t==="small"?o.sp5:o.sp1},children:i.jsxs(we,{children:[i.jsxs(xe,{children:[s.signIn.termsPrivacyFinePrintPart,s.signIn.agreeWith,i.jsx(ce,{href:s.signIn.termsUrl,target:"_Blank",rel:"noopener noreferrer",linkText:s.signIn.termsOfService})," ",s.signIn.and," ",i.jsx(ce,{href:s.signIn.privacyPolicyUrl,target:"_Blank",rel:"noopener noreferrer",linkText:s.signIn.privacyPolicy}),"."]}),i.jsx(xe,{children:i.jsx(gi,{})})]})})]}),T&&i.jsx(vi,{signInError:Je,onClose:()=>{C(),A(!1)}})]})}export{So as default};

package/dist/assets/{SignInScreen-l-67Uvxk.js → SignInScreen-BP8BTBPi.js}

@@ -1 +1 @@
-import{j as p}from"./mui-C42whWwM.js";import{b as S,f as m}from"./vendor-rkTZJa59.js";import{g as f,u as l,f as I}from"./redux-2gfZRks6.js";import{kq as u,u as w,l as r,B as h,kp as C,H as E,kX as v,kt as d}from"./index-CteHikkY.js";import{f as U}from"./analyticsHelper-fHYf245D.js";import{a as x,u as y,N as k}from"./routing-VwiwPky5.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-CBL_L82S.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function T(o){const a=o.tenantState.fetchState,i=o.tenantState.sendEmailMagicLinkFetchState;return{googleClientId:d.googleClientId,microsoftClientId:d.microsoftClientId,signInError:o.tenantState.error?.error,fetchState:a,sendMagicLinkStatus:i,showEmailLogin:!1}}function P(o,a){const{location:i,navigate:s}=a;return console.warn(JSON.stringify(window.location)),{onOAuthError:(t,e)=>{L({message:`OAuth error from provider ${e} with error ${t}`,level:"error",tags:{authProvider:e,errorType:"zeni.login.error"},extra:{error:t,windowLocation:window.location.href}})},onOAuthSuccess:(t,e)=>{const g=e==="google"?window.location.origin:window.location.origin+window.location.pathname;o(r.doSignIn({authCode:t,oauthProvider:e,appType:"web",redirectUri:r.toZeniUrl(g),sourceUri:r.toZeniUrl(i.state!=null?i.state.origin:"")}))},getSignedInUser:()=>u.getSignedInUser(),onSignedInCallback:()=>{const t=i.state?.origin;t&&t!=="/"?s(t,{replace:!0}):window.open(window.location.origin,"_self")},clearSignInError:()=>{o(r.resetSignInState())}}}const z=I(T,P)(v),A=m.memo(z);function F(){const o=f(),a=x(),i=u.getSignedInUser(),s=l(n=>n.tenantState.fetchState),t=l(n=>n.tenantState.signInState),e=l(n=>n.tenantState.loggedInUser),g=w().mode,c=y();if(S.useEffect(()=>{if(t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null){u.saveSignedInUserWithSession(e,e.zeniSessionId),r.updateZeniAPIClientConfig(e.userId,e.zeniSessionId),o(r.updateSignInState("Completed")),h.updateAppLocaleID("en"),U(e,g);const n=c.state?.queryParams;setTimeout(()=>{C.trackLogin(E.Event.loginSuccess,e.authProvider??"google",n?.utmSource,n?.utmMedium)},2e3)}},[]),t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null||i!=null){const n=c.state?.origin??"/";return p.jsx(k,{to:n,state:{...c.state,origin:""}})}else return p.jsx(A,{navigate:a,location:c})}export{F as default};
+import{j as d}from"./mui-C42whWwM.js";import{b as S,f as m}from"./vendor-rkTZJa59.js";import{g as f,u as l,f as I}from"./redux-2gfZRks6.js";import{kc as u,u as w,l as r,M as h,kb as C,I as E,kJ as v,kf as p}from"./index-P_4M6V8j.js";import{f as U}from"./analyticsHelper-q5gZKv1q.js";import{a as x,u as y,N as k}from"./routing-VwiwPky5.js";import{c as L}from"./sentry-osuhWjvS.js";import"./analytics-CBL_L82S.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function T(o){const a=o.tenantState.fetchState,i=o.tenantState.sendEmailMagicLinkFetchState;return{googleClientId:p.googleClientId,microsoftClientId:p.microsoftClientId,signInError:o.tenantState.error?.error,fetchState:a,sendMagicLinkStatus:i,showEmailLogin:!1}}function P(o,a){const{location:i,navigate:s}=a;return console.warn(JSON.stringify(window.location)),{onOAuthError:(t,e)=>{L({message:`OAuth error from provider ${e} with error ${t}`,level:"error",tags:{authProvider:e,errorType:"zeni.login.error"},extra:{error:t,windowLocation:window.location.href}})},onOAuthSuccess:(t,e)=>{const g=e==="google"?window.location.origin:window.location.origin+window.location.pathname;o(r.doSignIn({authCode:t,oauthProvider:e,appType:"web",redirectUri:r.toZeniUrl(g),sourceUri:r.toZeniUrl(i.state!=null?i.state.origin:"")}))},getSignedInUser:()=>u.getSignedInUser(),onSignedInCallback:()=>{const t=i.state?.origin;t&&t!=="/"?s(t,{replace:!0}):window.open(window.location.origin,"_self")},clearSignInError:()=>{o(r.resetSignInState())}}}const b=I(T,P)(v),z=m.memo(b);function J(){const o=f(),a=x(),i=u.getSignedInUser(),s=l(n=>n.tenantState.fetchState),t=l(n=>n.tenantState.signInState),e=l(n=>n.tenantState.loggedInUser),g=w().mode,c=y();if(S.useEffect(()=>{if(t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null){u.saveSignedInUserWithSession(e,e.zeniSessionId),r.updateZeniAPIClientConfig(e.userId,e.zeniSessionId),o(r.updateSignInState("Completed")),h.updateAppLocaleID("en"),U(e,g);const n=c.state?.queryParams;setTimeout(()=>{C.trackLogin(E.Event.loginSuccess,e.authProvider??"google",n?.utmSource,n?.utmMedium)},2e3)}},[]),t==="In-Progress"&&s==="Completed"&&e?.zeniSessionId!=null||i!=null){const n=c.state?.origin??"/";return d.jsx(k,{to:n,state:{...c.state,origin:""}})}else return d.jsx(z,{navigate:a,location:c})}export{J as default};