@zeniai/web-components 3.16.41 → 3.16.43

package/dist/CustomerOnboardingProductSuitePage-glASK9h9.cjs

@@ -0,0 +1,202 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-DHyNpoQL.cjs"),k=require("react"),n=require("@emotion/styled"),z=require("@zeniai/client-epic-state"),e=require("./index-DccWx-ku.cjs"),B=require("./ConfettiBurst-CNAoNFa7.cjs"),D=require("./HelpButton-BgyWixA5.cjs"),F=require("./ProductsCarousel-Csf_a0XQ.cjs");function I(o){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const u=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(l,a,u.get?u:{enumerable:!0,get:()=>o[a]})}}return l.default=o,Object.freeze(l)}const s=I(k),W=o=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},s.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"}),s.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"}),s.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.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"}),s.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_=e.appLocale.getLocalizedStrings(),w=({hasVerifiedBankAccount:o,meetingUrl:l,showUpdatePaymentDetailButton:a=!1,isVisitingFirstTime:u=!1,handleUpdatePaymentAddressDetailClick:b,...v})=>{const d=e.useWindowSizeContext(),f=e.useToolkitContext().analytics,j=e.useGlobalInfoContext(),E=j.loggedInUser,c=j.currentTenant,[C,$]=k.useState(!1),{handleLogOutClick:R,onZeniLogoClick:L,handleCockpitClick:P}=v,T=t.useTheme(),{customerOnboardingPage:p}=_,x=i=>{const r=p.productSuite.messageBox;if(!i)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:M}=i,{isPayrollEnabled:g,isCfoEnabled:m,isTaxEnabled:h}=M;return g&&m&&h?[r.withTaxAndPayroll,r.withCFO]:g&&m?[r.withPayroll,r.withCFO]:g&&h?[r.taxAndPayroll]:m&&h?[r.withTax,r.withCFO]:g?[r.onlyPayroll]:m?[r.onlyCFO]:h?[r.onlyTax]:[r.default]},O=i=>{if(b(),!i)return;let r="";o?r="bank_account":r="credit_card",f.trackOnboardingClickUpdatePaymentDetails(r,z.getProductSettingsString(i.productSettings))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(q,{children:t.jsxRuntimeExports.jsxs(H,{windowSize:d,children:[t.jsxRuntimeExports.jsx(U,{windowSize:d,children:t.jsxRuntimeExports.jsx(e.NavBar,{title:p.productSuite.navTitle,showBackButton:!1,backgroundColor:T.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:e.Space.sp0,paddingBottom:e.Space.sp0},leftSideComponent:t.jsxRuntimeExports.jsx(re,{children:t.jsxRuntimeExports.jsx(ie,{"data-testid":e.generateDataTestId("zeni-logo-customer-onboarding-product-suite"),onClick:L})}),rightSideComponent:a?t.jsxRuntimeExports.jsxs(ae,{"data-testid":e.generateDataTestId("update-to-payment-address-details"),onClick:()=>O(c),children:[t.jsxRuntimeExports.jsx(se,{}),t.jsxRuntimeExports.jsx(ce,{className:"btnText",children:p.productSuite.updatePaymentDetails})]}):t.jsxRuntimeExports.jsx(le,{})})}),t.jsxRuntimeExports.jsxs(N,{windowSize:d,children:[t.jsxRuntimeExports.jsx(A,{style:{gap:x(c).length>1?e.Space.sp2:e.Space.sp1,padding:x(c).length>1?`12px ${e.Space.sp4} 12px ${e.Space.sp4}`:`12px ${e.Space.sp3} 12px ${e.Space.sp3}`},children:t.jsxRuntimeExports.jsxs(Z,{children:[t.jsxRuntimeExports.jsxs(S,{children:[t.jsxRuntimeExports.jsx(J,{children:t.jsxRuntimeExports.jsx(V,{})}),t.jsxRuntimeExports.jsx(y,{children:x(c)[0]})]}),t.jsxRuntimeExports.jsx(S,{children:x(c).slice(1).map(i=>t.jsxRuntimeExports.jsx(y,{children:i},i))})]})}),t.jsxRuntimeExports.jsx(G,{children:t.jsxRuntimeExports.jsx(K,{children:p.productSuite.sectionTitle})}),t.jsxRuntimeExports.jsx(Q,{children:t.jsxRuntimeExports.jsx(F.ProductsCarousel,{scale:1,showUpdatePaymentDetailButton:a,stopCarousel:C})}),t.jsxRuntimeExports.jsxs(X,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[t.jsxRuntimeExports.jsx(Y,{className:"discover-class",children:p.productSuite.sectionFooter}),t.jsxRuntimeExports.jsx(ee,{className:"discover-class"})]})]}),t.jsxRuntimeExports.jsx(te,{children:t.jsxRuntimeExports.jsxs(oe,{children:[t.jsxRuntimeExports.jsx(ne,{windowSize:d,children:t.jsxRuntimeExports.jsx(e.LogoutButton,{signedInUser:E,currentTenant:c,onLogOutClick:R,onCockpitClick:P})}),t.jsxRuntimeExports.jsx(D.HelpButton,{isFooterRendered:!1,meetingUrl:l,analytics:f,productType:"onboarding_interim",showPopup:C,setShowPopup:$})]})})]})}),t.jsxRuntimeExports.jsx(B.default,{showConfetti:u})]})},q=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100%;
+  overflow: visible;
+`,H=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  background-image: ${o=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${o.windowSize==="small"?"m":"w"}-${o.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${o=>o.theme.colors.grey4};
+  background-size: inherit;
+  background-attachment: fixed;
+  background-position: ${o=>o.windowSize==="small"?"center center":"right center"};
+  background-repeat: no-repeat;
+
+  ${o=>o.theme.breakpoints.down("lg")} {
+    background-size: cover;
+  }
+`,U=n.div`
+  position: fixed;
+  width: 100%;
+  top: ${e.Space.sp0};
+  left: 0;
+  right: 0;
+  height: 62px;
+  padding: 0 ${e.Space.sp2};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 3;
+`,N=n.div`
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin: 86px 0 0 0;
+`,A=n.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  border-radius: 50px;
+  margin-bottom: ${e.Space.sp7};
+  cursor: default;
+  overflow: hidden;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: ${e.Colors.brandColorJadeLight};
+    opacity: 0.5;
+    z-index: 0;
+  }
+
+  > * {
+    position: relative;
+    z-index: 1;
+  }
+`,Z=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+`,S=n.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+`,J=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e.textStyles.largeRegular.lineHeight};
+  height: ${e.textStyles.largeRegular.lineHeight};
+  border-radius: 50%;
+  outline: 1px solid ${e.Colors.brandColorJadeDark};
+  background-color: ${e.Colors.brandColorPearl};
+`,V=n(e.SvgEmail)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.brandColorSapphire};
+`,y=n(e.LargeRegular)`
+  color: ${e.Colors.brandColorSapphire};
+  text-align: center;
+  margin-left: ${e.Space.sp2};
+`,G=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin-bottom: ${e.Space.sp4};
+  cursor: default;
+`,K=n(e.H5Regular)`
+  color: ${o=>o.theme.colors.primary};
+  text-align: center;
+  margin-left: ${e.Space.sp2};
+  margin-right: ${e.Space.sp2};
+`,Q=n.div`
+  width: 1328px;
+  height: 512px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  margin-bottom: ${e.Space.sp4};
+`,X=n.a`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  width: 100%;
+  cursor: pointer;
+  color: ${e.Colors.brandColorSapphire};
+  &:hover {
+    .discover-class {
+      color: ${o=>o.theme.colors.primary};
+    }
+  }
+`,Y=n(e.H6Regular)`
+  color: inherit;
+  text-align: center;
+`,ee=n(e.SvgArrowRight)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: inherit;
+  margin-left: 6px;
+  margin-top: ${e.Space.sp1};
+`,te=n.div`
+  width: 100%;
+  padding: 10px ${e.Space.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 3;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+`,oe=n.div`
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+`,ne=n.div`
+  display: flex;
+  left: ${e.Space.sp4};
+  bottom: ${e.Space.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,re=n.div`
+  display: flex;
+`,ie=n(e.SvgZeniLogoFull)`
+  height: ${e.Space.sp4};
+  width: 102px;
+  color: ${o=>o.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${e.Space.sp5};
+`,se=n(W)`
+  width: ${e.Space.sp4};
+  min-width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+`,ae=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: fit-content;
+  white-space: nowrap;
+  cursor: pointer;
+  color: ${o=>o.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${o=>o.theme.colors.primary};
+    }
+    svg {
+      color: ${o=>o.theme.colors.primary};
+    }
+  }
+  margin-right: ${e.Space.sp2};
+`,ce=n(e.StandardRegular)`
+  margin-left: ${e.Space.sp2};
+`,le=n.div`
+  width: 200px;
+  height: ${e.Space.sp4};
+`;exports.CustomerOnboardingProductSuitePage=w;exports.default=w;