@zeniai/web-components 3.17.11 → 3.17.13

package/dist/CustomerOnboardingProductSuitePage-BjvA4Agy.cjs

@@ -1,202 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),k=require("react"),n=require("@emotion/styled"),z=require("@zeniai/client-epic-state"),e=require("./index-B3k6KNNf.cjs"),B=require("./ConfettiBurst-CK-H29oq.cjs"),D=require("./ProductsCarousel-CrITaNdq.cjs");function F(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=F(k),I=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"})),W=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}=W,x=r=>{const i=p.productSuite.messageBox;if(!r)return[i.withTaxAndPayroll,i.withCFO];const{productSettings:M}=r,{isPayrollEnabled:g,isCfoEnabled:m,isTaxEnabled:h}=M;return g&&m&&h?[i.withTaxAndPayroll,i.withCFO]:g&&m?[i.withPayroll,i.withCFO]:g&&h?[i.taxAndPayroll]:m&&h?[i.withTax,i.withCFO]:g?[i.onlyPayroll]:m?[i.onlyCFO]:h?[i.onlyTax]:[i.default]},O=r=>{if(b(),!r)return;let i="";o?i="bank_account":i="credit_card",f.trackOnboardingClickUpdatePaymentDetails(i,z.getProductSettingsString(r.productSettings))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_,{children:t.jsxRuntimeExports.jsxs(q,{windowSize:d,children:[t.jsxRuntimeExports.jsx(H,{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(ne,{children:t.jsxRuntimeExports.jsx(ie,{"data-testid":e.generateDataTestId("zeni-logo-customer-onboarding-product-suite"),onClick:L})}),rightSideComponent:a?t.jsxRuntimeExports.jsxs(se,{"data-testid":e.generateDataTestId("update-to-payment-address-details"),onClick:()=>O(c),children:[t.jsxRuntimeExports.jsx(re,{}),t.jsxRuntimeExports.jsx(ae,{className:"btnText",children:p.productSuite.updatePaymentDetails})]}):t.jsxRuntimeExports.jsx(ce,{})})}),t.jsxRuntimeExports.jsxs(U,{windowSize:d,children:[t.jsxRuntimeExports.jsx(N,{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(A,{children:[t.jsxRuntimeExports.jsxs(S,{children:[t.jsxRuntimeExports.jsx(Z,{children:t.jsxRuntimeExports.jsx(J,{})}),t.jsxRuntimeExports.jsx(y,{children:x(c)[0]})]}),t.jsxRuntimeExports.jsx(S,{children:x(c).slice(1).map(r=>t.jsxRuntimeExports.jsx(y,{children:r},r))})]})}),t.jsxRuntimeExports.jsx(V,{children:t.jsxRuntimeExports.jsx(G,{children:p.productSuite.sectionTitle})}),t.jsxRuntimeExports.jsx(K,{children:t.jsxRuntimeExports.jsx(D.ProductsCarousel,{scale:1,showUpdatePaymentDetailButton:a,stopCarousel:C})}),t.jsxRuntimeExports.jsxs(Q,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[t.jsxRuntimeExports.jsx(X,{className:"discover-class",children:p.productSuite.sectionFooter}),t.jsxRuntimeExports.jsx(Y,{className:"discover-class"})]})]}),t.jsxRuntimeExports.jsx(ee,{children:t.jsxRuntimeExports.jsxs(te,{children:[t.jsxRuntimeExports.jsx(oe,{windowSize:d,children:t.jsxRuntimeExports.jsx(e.LogoutButton,{signedInUser:E,currentTenant:c,onLogOutClick:R,onCockpitClick:P})}),t.jsxRuntimeExports.jsx(e.HelpButton,{isFooterRendered:!1,meetingUrl:l,analytics:f,productType:"onboarding_interim",showPopup:C,setShowPopup:$})]})})]})}),t.jsxRuntimeExports.jsx(B.default,{showConfetti:u})]})},_=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100%;
-  overflow: visible;
-`,q=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;
-  }
-`,H=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;
-`,U=n.div`
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin: 86px 0 0 0;
-`,N=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;
-  }
-`,A=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;
-`,Z=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};
-`,J=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};
-`,V=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin-bottom: ${e.Space.sp4};
-  cursor: default;
-`,G=n(e.H5Regular)`
-  color: ${o=>o.theme.colors.primary};
-  text-align: center;
-  margin-left: ${e.Space.sp2};
-  margin-right: ${e.Space.sp2};
-`,K=n.div`
-  width: 1328px;
-  height: 512px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  margin-bottom: ${e.Space.sp4};
-`,Q=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};
-    }
-  }
-`,X=n(e.H6Regular)`
-  color: inherit;
-  text-align: center;
-`,Y=n(e.SvgArrowRight)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: inherit;
-  margin-left: 6px;
-  margin-top: ${e.Space.sp1};
-`,ee=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;
-`,te=n.div`
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-`,oe=n.div`
-  display: flex;
-  left: ${e.Space.sp4};
-  bottom: ${e.Space.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,ne=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};
-`,re=n(I)`
-  width: ${e.Space.sp4};
-  min-width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-`,se=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};
-`,ae=n(e.StandardRegular)`
-  margin-left: ${e.Space.sp2};
-`,ce=n.div`
-  width: 200px;
-  height: ${e.Space.sp4};
-`;exports.CustomerOnboardingProductSuitePage=w;exports.default=w;

package/dist/CustomerOnboardingProductSuitePage-BkNBWgdK.js

@@ -1,348 +0,0 @@
-import { u as D, j as e } from "./vendor-.pnpm-B2klaOGU.js";
-import * as s from "react";
-import { useState as F } from "react";
-import o from "@emotion/styled";
-import { getProductSettingsString as R } from "@zeniai/client-epic-state";
-import { u as I, dD as W, dB as H, a as U, aE as A, S as t, e as y, L as N, hL as _, o as V, j as Z, C as l, t as k, af as J, ai as G, H as q, V as K, O as Q } from "./index-Dg4HzhKR.js";
-import X from "./ConfettiBurst-C0z_kWoI.js";
-import { P as Y } from "./ProductsCarousel-Mg_93o4R.js";
-const ee = (n) => /* @__PURE__ */ s.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ s.createElement("path", { d: "M10.4437 14.2906V15.5621", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ s.createElement("path", { d: "M11.2918 6.23773V7.50922", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ s.createElement("path", { d: "M18.5536 13.8079L21.074 16.3283", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ s.createElement("path", { d: "M13.6133 18.7533L16.1337 21.2737", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), te = U.getLocalizedStrings(), Ee = ({
-  hasVerifiedBankAccount: n,
-  meetingUrl: b,
-  showUpdatePaymentDetailButton: m = !1,
-  isVisitingFirstTime: v = !1,
-  handleUpdatePaymentAddressDetailClick: $,
-  ...S
-}) => {
-  const c = I(), x = W().analytics, f = H(), L = f.loggedInUser, a = f.currentTenant, [C, P] = F(!1), { handleLogOutClick: T, onZeniLogoClick: B, handleCockpitClick: M } = S, z = D(), { customerOnboardingPage: d } = te, p = (r) => {
-    const i = d.productSuite.messageBox;
-    if (!r)
-      return [i.withTaxAndPayroll, i.withCFO];
-    const { productSettings: O } = r, { isPayrollEnabled: g, isCfoEnabled: h, isTaxEnabled: u } = O;
-    return g && h && u ? [i.withTaxAndPayroll, i.withCFO] : g && h ? [i.withPayroll, i.withCFO] : g && u ? [i.taxAndPayroll] : h && u ? [i.withTax, i.withCFO] : g ? [i.onlyPayroll] : h ? [i.onlyCFO] : u ? [i.onlyTax] : [i.default];
-  }, E = (r) => {
-    if ($(), !r)
-      return;
-    let i = "";
-    n ? i = "bank_account" : i = "credit_card", x.trackOnboardingClickUpdatePaymentDetails(
-      i,
-      R(r.productSettings)
-    );
-  };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(oe, { children: /* @__PURE__ */ e.jsxs(ne, { windowSize: c, children: [
-      /* @__PURE__ */ e.jsx(ie, { windowSize: c, children: /* @__PURE__ */ e.jsx(
-        A,
-        {
-          title: d.productSuite.navTitle,
-          showBackButton: !1,
-          backgroundColor: z.colors.grey4,
-          style: {
-            zIndex: 5
-          },
-          source: "CustomerOnboardingProductSuitePage",
-          showLeftSection: c !== "small",
-          titleStyle: {
-            display: "flex",
-            alignItems: "center"
-          },
-          navBarContainerStyles: {
-            paddingTop: t.sp0,
-            paddingBottom: t.sp0
-          },
-          leftSideComponent: /* @__PURE__ */ e.jsx(ye, { children: /* @__PURE__ */ e.jsx(
-            ke,
-            {
-              "data-testid": y(
-                "zeni-logo-customer-onboarding-product-suite"
-              ),
-              onClick: B
-            }
-          ) }),
-          rightSideComponent: m ? /* @__PURE__ */ e.jsxs(
-            je,
-            {
-              "data-testid": y(
-                "update-to-payment-address-details"
-              ),
-              onClick: () => E(
-                a
-              ),
-              children: [
-                /* @__PURE__ */ e.jsx(we, {}),
-                /* @__PURE__ */ e.jsx(be, { className: "btnText", children: d.productSuite.updatePaymentDetails })
-              ]
-            }
-          ) : /* @__PURE__ */ e.jsx(ve, {})
-        }
-      ) }),
-      /* @__PURE__ */ e.jsxs(re, { windowSize: c, children: [
-        /* @__PURE__ */ e.jsx(
-          se,
-          {
-            style: {
-              gap: p(a).length > 1 ? t.sp2 : t.sp1,
-              padding: p(a).length > 1 ? `12px ${t.sp4} 12px ${t.sp4}` : `12px ${t.sp3} 12px ${t.sp3}`
-            },
-            children: /* @__PURE__ */ e.jsxs(ae, { children: [
-              /* @__PURE__ */ e.jsxs(w, { children: [
-                /* @__PURE__ */ e.jsx(le, { children: /* @__PURE__ */ e.jsx(ce, {}) }),
-                /* @__PURE__ */ e.jsx(j, { children: p(a)[0] })
-              ] }),
-              /* @__PURE__ */ e.jsx(w, { children: p(a).slice(1).map((r) => /* @__PURE__ */ e.jsx(j, { children: r }, r)) })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(de, { children: /* @__PURE__ */ e.jsx(pe, { children: d.productSuite.sectionTitle }) }),
-        /* @__PURE__ */ e.jsx(ge, { children: /* @__PURE__ */ e.jsx(
-          Y,
-          {
-            scale: 1,
-            showUpdatePaymentDetailButton: m,
-            stopCarousel: C
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(
-          he,
-          {
-            href: "https://www.zeni.ai",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              /* @__PURE__ */ e.jsx(ue, { className: "discover-class", children: d.productSuite.sectionFooter }),
-              /* @__PURE__ */ e.jsx(me, { className: "discover-class" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(fe, { children: [
-        /* @__PURE__ */ e.jsx(Ce, { windowSize: c, children: /* @__PURE__ */ e.jsx(
-          N,
-          {
-            signedInUser: L,
-            currentTenant: a,
-            onLogOutClick: T,
-            onCockpitClick: M
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          _,
-          {
-            isFooterRendered: !1,
-            meetingUrl: b,
-            analytics: x,
-            productType: "onboarding_interim",
-            showPopup: C,
-            setShowPopup: P
-          }
-        )
-      ] }) })
-    ] }) }),
-    /* @__PURE__ */ e.jsx(X, { showConfetti: v })
-  ] });
-}, oe = o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100%;
-  overflow: visible;
-`, ne = o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  min-height: 100vh;
-  background-image: ${(n) => `url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${n.windowSize === "small" ? "m" : "w"}-${n.theme.mode === "dark" ? "d" : "l"}.svg)`};
-  background-color: ${(n) => n.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${(n) => n.windowSize === "small" ? "center center" : "right center"};
-  background-repeat: no-repeat;
-
-  ${(n) => n.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`, ie = 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;
-`, se = 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;
-  }
-`, ae = o.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-`, w = o.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-`, le = o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${k.largeRegular.lineHeight};
-  height: ${k.largeRegular.lineHeight};
-  border-radius: 50%;
-  outline: 1px solid ${l.brandColorJadeDark};
-  background-color: ${l.brandColorPearl};
-`, ce = o(J)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${l.brandColorSapphire};
-`, j = o(G)`
-  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;
-`, pe = o(q)`
-  color: ${(n) => n.theme.colors.primary};
-  text-align: center;
-  margin-left: ${t.sp2};
-  margin-right: ${t.sp2};
-`, ge = 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: ${(n) => n.theme.colors.primary};
-    }
-  }
-`, ue = o(K)`
-  color: inherit;
-  text-align: center;
-`, me = o(Q)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: inherit;
-  margin-left: 6px;
-  margin-top: ${t.sp1};
-`, xe = 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;
-`, fe = o.div`
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-`, Ce = o.div`
-  display: flex;
-  left: ${t.sp4};
-  bottom: ${t.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`, ye = o.div`
-  display: flex;
-`, ke = o(Z)`
-  height: ${t.sp4};
-  width: 102px;
-  color: ${(n) => n.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${t.sp5};
-`, we = o(ee)`
-  width: ${t.sp4};
-  min-width: ${t.sp4};
-  height: ${t.sp4};
-`, je = o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: fit-content;
-  white-space: nowrap;
-  cursor: pointer;
-  color: ${(n) => n.theme.colors.hero};
-  &:hover {
-    .btnText {
-      color: ${(n) => n.theme.colors.primary};
-    }
-    svg {
-      color: ${(n) => n.theme.colors.primary};
-    }
-  }
-  margin-right: ${t.sp2};
-`, be = o(V)`
-  margin-left: ${t.sp2};
-`, ve = o.div`
-  width: 200px;
-  height: ${t.sp4};
-`;
-export {
-  Ee as CustomerOnboardingProductSuitePage,
-  Ee as default
-};