@zeniai/web-cockpit-ui 1.15.68-qa → 2.0.0-dev

package/dist/assets/CustomerOnboardingProductSuitePage-CG0HKCpQ-C0roMOz5.js

@@ -1,202 +0,0 @@
-import{e as F,a9 as I,ay as M,g as U,V as e,bE as _,o as t,ac as k,bp as W,fL as V,O as A,an as H,ah as N,d as l,w as C,ai as R,n as J,c as Z,as as G,b1 as q}from"./index-AibcVs8o.js";import{a as n}from"./sentry-D1ATZ09m.js";import{n as o}from"./mui-CKa4KRJ2.js";import{GP as K}from"./zeni-epic-state-n9DAAepz.js";import Q from"./ConfettiBurst-BZCXEGYA-Do0yS2i8.js";import{T as X}from"./ProductsCarousel-C3M0ocdF-Bt8auSak.js";import"./liveblocks-CkHat3gw.js";import"./core-BkNBJTfZ.js";import"./recharts-Bm8U4EbE.js";import"./lottie-CiNEXYTH.js";import"./analytics-dIF_tB7z.js";import"./lexical--yBvDuds.js";import"./utils-CYPfyH0l.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new i.Error().stack;p&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[p]="420f2579-8d04-478d-972a-aae8985d5d6c",i._sentryDebugIdIdentifier="sentry-dbid-420f2579-8d04-478d-972a-aae8985d5d6c")}catch{}})();const Y=i=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},n.createElement("path",{d:"M9.88423 20.4894C8.54548 20.3068 6.19267 19.6022 4.33971 17.8674C2.48676 16.1326 1.39881 13.7328 1.31521 11.1959C1.23161 8.65899 2.15921 6.19276 3.89394 4.33977C5.62866 2.48678 8.02843 1.39882 10.5653 1.31522C13.1022 1.23161 15.5684 2.15923 17.4213 3.89399C19.2743 5.62875 20.1176 7.48634 20.4166 9.67794",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.5596 7.50903H10.7439C10.39 7.50916 10.0465 7.62876 9.76901 7.84845C9.49152 8.06815 9.29632 8.37508 9.21501 8.71955C9.1337 9.06401 9.17105 9.42584 9.321 9.74644C9.47096 10.067 9.72474 10.3276 10.0412 10.486L11.6941 11.3133C12.0107 11.4717 12.2644 11.7323 12.4144 12.0529C12.5643 12.3735 12.6017 12.7353 12.5204 13.0798C12.4391 13.4242 12.2439 13.7312 11.9664 13.9509C11.6889 14.1706 11.3454 14.2902 10.9915 14.2903H9.16902",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.5285 21.8743L12 22.8825L13.0081 19.3539L20.2143 12.1476C20.3088 12.0531 20.437 12 20.5707 12C20.7044 12 20.8325 12.0531 20.9271 12.1476L22.7347 13.9542C22.7816 14.001 22.8189 14.0567 22.8443 14.1179C22.8697 14.1791 22.8828 14.2448 22.8828 14.3111C22.8828 14.3774 22.8697 14.4431 22.8443 14.5043C22.8189 14.5655 22.7816 14.6212 22.7347 14.668L15.5285 21.8743Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ee=A.getLocalizedStrings(),Me=({hasVerifiedBankAccount:i,meetingUrl:p,showUpdatePaymentDetailButton:x=!1,isVisitingFirstTime:$=!1,handleUpdatePaymentAddressDetailClick:v,...L})=>{const d=F(),f=I().analytics,w=M(),S=w.loggedInUser,a=w.currentTenant,[y,P]=n.useState(!1),{handleLogOutClick:T,onZeniLogoClick:z,handleCockpitClick:E}=L,D=U(),{customerOnboardingPage:c}=ee,h=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:B}=s,{isPayrollEnabled:g,isCfoEnabled:u,isTaxEnabled:m}=B;return g&&u&&m?[r.withTaxAndPayroll,r.withCFO]:g&&u?[r.withPayroll,r.withCFO]:g&&m?[r.taxAndPayroll]:u&&m?[r.withTax,r.withCFO]:g?[r.onlyPayroll]:u?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},O=s=>{if(v(),!s)return;let r="";i?r="bank_account":r="credit_card",f.trackOnboardingClickUpdatePaymentDetails(r,K(s.productSettings))};return e.jsxs(e.Fragment,{children:[e.jsx(te,{children:e.jsxs(ie,{windowSize:d,children:[e.jsx(oe,{windowSize:d,children:e.jsx(_,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:D.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:e.jsx(we,{children:e.jsx(ye,{"data-testid":k("zeni-logo-customer-onboarding-product-suite"),onClick:z})}),rightSideComponent:x?e.jsxs(Ce,{"data-testid":k("update-to-payment-address-details"),onClick:()=>O(a),children:[e.jsx(ke,{}),e.jsx(be,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx(je,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:h(a).length>1?t.sp2:t.sp1,padding:h(a).length>1?`12px ${t.sp4} 12px ${t.sp4}`:`12px ${t.sp3} 12px ${t.sp3}`},children:e.jsxs(se,{children:[e.jsxs(b,{children:[e.jsx(ae,{children:e.jsx(le,{})}),e.jsx(j,{children:h(a)[0]})]}),e.jsx(b,{children:h(a).slice(1).map(s=>e.jsx(j,{children:s},s))})]})}),e.jsx(de,{children:e.jsx(ce,{children:c.productSuite.sectionTitle})}),e.jsx(pe,{children:e.jsx(X,{scale:1,showUpdatePaymentDetailButton:x,stopCarousel:y})}),e.jsxs(he,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ge,{className:"discover-class",children:c.productSuite.sectionFooter}),e.jsx(ue,{className:"discover-class"})]})]}),e.jsx(me,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(W,{signedInUser:S,currentTenant:a,onLogOutClick:T,onCockpitClick:E})}),e.jsx(V,{isFooterRendered:!1,meetingUrl:p,analytics:f,productType:"onboarding_interim",showPopup:y,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:$})]})},te=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100%;
-  overflow: visible;
-`,ie=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  min-height: 100vh;
-  background-image: ${i=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${i.windowSize==="small"?"m":"w"}-${i.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${i=>i.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${i=>i.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${i=>i.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,oe=o.div`
-  position: fixed;
-  width: 100%;
-  top: ${t.sp0};
-  left: 0;
-  right: 0;
-  height: 62px;
-  padding: 0 ${t.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 3;
-`,re=o.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin: 86px 0 0 0;
-`,ne=o.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: fit-content;
-  border-radius: 50px;
-  margin-bottom: ${t.sp7};
-  cursor: default;
-  overflow: hidden;
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: ${l.brandColorJadeLight};
-    opacity: 0.5;
-    z-index: 0;
-  }
-
-  > * {
-    position: relative;
-    z-index: 1;
-  }
-`,se=o.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-`,b=o.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-`,ae=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${C.largeRegular.lineHeight};
-  height: ${C.largeRegular.lineHeight};
-  border-radius: 50%;
-  outline: 1px solid ${l.brandColorJadeDark};
-  background-color: ${l.brandColorPearl};
-`,le=o(R)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${l.brandColorSapphire};
-`,j=o(J)`
-  color: ${l.brandColorSapphire};
-  text-align: center;
-  margin-left: ${t.sp2};
-`,de=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin-bottom: ${t.sp4};
-  cursor: default;
-`,ce=o(Z)`
-  color: ${i=>i.theme.colors.primary};
-  text-align: center;
-  margin-left: ${t.sp2};
-  margin-right: ${t.sp2};
-`,pe=o.div`
-  width: 1328px;
-  height: 512px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  margin-bottom: ${t.sp4};
-`,he=o.a`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  width: 100%;
-  cursor: pointer;
-  color: ${l.brandColorSapphire};
-  &:hover {
-    .discover-class {
-      color: ${i=>i.theme.colors.primary};
-    }
-  }
-`,ge=o(G)`
-  color: inherit;
-  text-align: center;
-`,ue=o(q)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: inherit;
-  margin-left: 6px;
-  margin-top: ${t.sp1};
-`,me=o.div`
-  width: 100%;
-  padding: 10px ${t.sp3};
-  position: sticky;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 3;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: column;
-`,xe=o.div`
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-`,fe=o.div`
-  display: flex;
-  left: ${t.sp4};
-  bottom: ${t.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,we=o.div`
-  display: flex;
-`,ye=o(N)`
-  height: ${t.sp4};
-  width: 102px;
-  color: ${i=>i.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${t.sp5};
-`,ke=o(Y)`
-  width: ${t.sp4};
-  min-width: ${t.sp4};
-  height: ${t.sp4};
-`,Ce=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: fit-content;
-  white-space: nowrap;
-  cursor: pointer;
-  color: ${i=>i.theme.colors.hero};
-  &:hover {
-    .btnText {
-      color: ${i=>i.theme.colors.primary};
-    }
-    svg {
-      color: ${i=>i.theme.colors.primary};
-    }
-  }
-  margin-right: ${t.sp2};
-`,be=o(H)`
-  margin-left: ${t.sp2};
-`,je=o.div`
-  width: 200px;
-  height: ${t.sp4};
-`;export{Me as CustomerOnboardingProductSuitePage,Me as default};