@zeniai/web-components 3.17.1 → 3.17.2

package/dist/VideoPopup-D0ArpNLY.cjs

@@ -1,31 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),i=require("./index-oPmOjv0R.cjs"),s=require("./VideoPlayer-B0o2cNRd.cjs"),r={width:new i.ResponsiveSized(300,770,770),height:new i.ResponsiveSized(195,500,500)},d=n.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${i.Colors.blackColor}CC;
-`,c=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${i.Space.sp2};
-  position: relative;
-  top: 5%;
-  width: ${e=>r.width.valuePx(e.windowSize)};
-  height: ${e=>r.height.valuePx(e.windowSize)};
-  padding: ${i.Space.sp3};
-  background: ${e=>e.theme.colors.grey3};
-`,l=n.div`
-  position: relative;
-  width: 100%;
-  height: 100%;
-`;function a(e){const o=i.useWindowSizeContext();return t.jsxRuntimeExports.jsx(d,{windowSize:o,role:"presentation",children:t.jsxRuntimeExports.jsx(t.ClickAwayListener,{onClickAway:()=>e.onCancelClick(),children:t.jsxRuntimeExports.jsx(c,{windowSize:o,"data-testid":i.generateDataTestId("video-popup"),children:t.jsxRuntimeExports.jsx(l,{children:t.jsxRuntimeExports.jsx(s.VideoPlayer,{src:e.videoUrl,controls:!0,width:"100%",height:"100%"})})})})})}exports.VideoPopup=a;

package/dist/VideoPopup-zwgeCmVb.js

@@ -1,60 +0,0 @@
-import { j as i, C as a } from "./vendor-.pnpm-B2klaOGU.js";
-import t from "@emotion/styled";
-import { u as d, e as l, C as c, S as n, R as r } from "./index-DOPIZEh4.js";
-import { V as p } from "./VideoPlayer-Dgs4bTia.js";
-const s = {
-  width: new r(300, 770, 770),
-  height: new r(195, 500, 500)
-}, h = t.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${c.blackColor}CC;
-`, w = t.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${(e) => e.theme.colors.grey5};
-  border-radius: ${n.sp2};
-  position: relative;
-  top: 5%;
-  width: ${(e) => s.width.valuePx(e.windowSize)};
-  height: ${(e) => s.height.valuePx(e.windowSize)};
-  padding: ${n.sp3};
-  background: ${(e) => e.theme.colors.grey3};
-`, x = t.div`
-  position: relative;
-  width: 100%;
-  height: 100%;
-`;
-function f(e) {
-  const o = d();
-  return /* @__PURE__ */ i.jsx(h, { windowSize: o, role: "presentation", children: /* @__PURE__ */ i.jsx(a, { onClickAway: () => e.onCancelClick(), children: /* @__PURE__ */ i.jsx(
-    w,
-    {
-      windowSize: o,
-      "data-testid": l("video-popup"),
-      children: /* @__PURE__ */ i.jsx(x, { children: /* @__PURE__ */ i.jsx(
-        p,
-        {
-          src: e.videoUrl,
-          controls: !0,
-          width: "100%",
-          height: "100%"
-        }
-      ) })
-    }
-  ) }) });
-}
-export {
-  f as V
-};

package/dist/WarningsDrawerPage-Bch6SI8Y.js

@@ -1,228 +0,0 @@
-import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
-import i from "@emotion/styled";
-import { getAuditWarningsCount as C } from "@zeniai/client-epic-state";
-import { u as j, a as D, he as I, ap as M, B as L, t as E, S as s, R as p, aw as P, J as R, b as B, H as z, C as w, ai as N, bc as T, gp as A, D as u } from "./index-DOPIZEh4.js";
-const e = D.getLocalizedStrings(), h = {
-  navBarHeight: new p(62, 62, 62),
-  navBarPaddingLeft: new p(u[3], u[3], u[8]),
-  navBarPaddingRight: new p(u[3], u[3], u[8]),
-  navBarPaddingTop: new p(12, 12, u[3]),
-  navBarPaddingBottom: new p(12, 12, 19)
-}, F = {
-  title: new P("largeMedium", "largeSemiBold")
-}, me = ({
-  companyView: n,
-  allUsers: c,
-  onRetryBankAccountConnection: o,
-  onCloseClick: d
-}) => {
-  const l = j(), S = n != null ? C(n) : 0, k = n?.onboardingInfo?.bankAccountLinked, x = n?.onboardingInfo?.qboLinked, f = n?.onboardingInfo?.identityVerified, v = n?.onboardingInfo?.businessVerified, y = n?.onboardingInfo?.accountingConnectionCreationMode === "zeni_user", $ = [];
-  if (k != null) {
-    const t = c.find(
-      (g) => g.userId === k.userIds[0]
-    ), { errorMessage: a, successMessage: m } = H(
-      k,
-      y,
-      t
-    );
-    $.push({
-      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
-      userInfo: t,
-      message: a ?? m ?? `${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,
-      onClickRetry: o
-    });
-  }
-  if (x != null) {
-    const t = c.find(
-      (g) => g.userId === x.userIds[0]
-    ), { errorMessage: a, successMessage: m } = Q(
-      x,
-      y,
-      t
-    );
-    $.push({
-      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
-      userInfo: t,
-      message: a ?? m ?? `${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`
-    });
-  }
-  if (f != null) {
-    const t = c.find(
-      (g) => g.userId === f.userIds[0]
-    ), { errorMessage: a, successMessage: m } = W(
-      f,
-      y,
-      t
-    );
-    $.push({
-      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
-      userInfo: t,
-      message: a ?? m ?? `${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${f.status}`
-    });
-  }
-  if (v != null) {
-    const t = c.find(
-      (g) => g.userId === v.userIds[0]
-    ), { errorMessage: a, successMessage: m } = O(
-      v,
-      y,
-      t
-    );
-    $.push({
-      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
-      userInfo: t,
-      message: a ?? m ?? `${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${v.status}`
-    });
-  }
-  return /* @__PURE__ */ r.jsxs(_, { children: [
-    /* @__PURE__ */ r.jsx(q, { windowSize: l, children: /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsxs(Y, { windowSize: l, children: [
-      /* @__PURE__ */ r.jsx(Z, { windowSize: l, children: n?.name }),
-      /* @__PURE__ */ r.jsx(re, { onClick: d })
-    ] }) }) }),
-    /* @__PURE__ */ r.jsxs(K, { children: [
-      /* @__PURE__ */ r.jsx(X, { children: S > 0 ? /* @__PURE__ */ r.jsxs(b, { children: [
-        /* @__PURE__ */ r.jsx(b, { children: I(
-          e.cockpit.review.warningsDrawer.issueFound
-        ) }),
-        /* @__PURE__ */ r.jsx(te, { children: `${e.common.strings.openingBrace}${S}${e.common.strings.closingBrace}` })
-      ] }) : /* @__PURE__ */ r.jsx(b, { children: `${e.common.no} 
-              ${I(
-        e.cockpit.review.warningsDrawer.issueFound
-      )}` }) }),
-      $.map((t, a) => /* @__PURE__ */ r.jsx(
-        G,
-        {
-          isStepInError: t.status === "Error",
-          children: /* @__PURE__ */ r.jsxs(V, { children: [
-            /* @__PURE__ */ r.jsx(U, { children: t.status === "Complete" ? /* @__PURE__ */ r.jsx(oe, {}) : t.status === "Error" ? /* @__PURE__ */ r.jsx(M, {}) : /* @__PURE__ */ r.jsx(se, {}) }),
-            /* @__PURE__ */ r.jsxs(ee, { children: [
-              /* @__PURE__ */ r.jsx(ne, { isStepInError: t.status === "Error", children: t.message }),
-              t.status === "Error" ? /* @__PURE__ */ r.jsx(
-                L,
-                {
-                  label: e.common.retry,
-                  onClick: t.onClickRetry,
-                  loading: n?.retryBankAccountConnectionFetchState.fetchState === "In-Progress",
-                  variant: "light_transparent",
-                  style: {
-                    padding: `${s.sp1} ${s.sp3}`,
-                    borderRadius: s.sp1
-                  },
-                  textStyle: {
-                    ...E.extraSmallMedium.cssObject
-                  }
-                }
-              ) : null
-            ] })
-          ] })
-        },
-        a
-      ))
-    ] })
-  ] });
-}, H = (n, c, o) => {
-  const d = n.error === !0 ? n.errorDetails != null ? n.errorDetails.summary : e.cockpit.review.errors.bankAccountLinked : null, l = n.completed === !0 ? o != null ? `${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : e.cockpit.onboarding.header.linkBankAccount : null;
-  return { errorMessage: d, successMessage: l };
-}, Q = (n, c, o) => {
-  const d = n.error === !0 ? n.errorDetails != null ? n.errorDetails.summary : e.cockpit.review.errors.qboLinked : null, l = n.completed === !0 ? o != null ? `${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.onboarding.header.connectToQBO}` : null;
-  return { errorMessage: d, successMessage: l };
-}, W = (n, c, o) => {
-  const d = n.status === "Error" ? o != null ? `${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}` : null, l = n.status === "Complete" ? o != null ? `${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}` : null;
-  return { errorMessage: d, successMessage: l };
-}, O = (n, c, o) => {
-  const d = n.status === "Error" ? o != null ? `${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}` : null, l = n.status === "Complete" ? o != null ? `${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}` : null;
-  return { errorMessage: d, successMessage: l };
-}, _ = i.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${s.sp3};
-`, q = i.div`
-  min-height: ${(n) => h.navBarHeight.valuePx(n.windowSize)};
-  position: sticky;
-  background-color: ${(n) => n.theme.colors.grey4};
-  border-bottom: 1px solid transparent;
-  z-index: 1;
-  top: ${s.sp0};
-  width: 100%;
-`, J = i.div`
-  position: relative;
-`, K = i.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${s.sp3} ${s.sp8} 102px ${s.sp8};
-`, X = i(z)`
-  color: ${(n) => n.theme.colors.primary};
-  margin-bottom: ${s.sp3};
-  margin-right: ${s.sp6};
-`, Y = i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  padding-right: ${(n) => h.navBarPaddingRight.valuePx(n.windowSize)};
-  padding-left: ${(n) => h.navBarPaddingLeft.valuePx(n.windowSize)};
-  padding-top: ${(n) => h.navBarPaddingTop.valuePx(n.windowSize)};
-  padding-bottom: ${(n) => h.navBarPaddingBottom.valuePx(n.windowSize)};
-  height: 100%;
-`, Z = i(R)`
-  ${(n) => `${F.title.style(n.windowSize)}`};
-  display: flex;
-  flex: 1 1 auto;
-  color: ${(n) => n.theme.colors.primary};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`, G = i.div`
-  display: flex;
-  background-color: ${(n) => n.isStepInError ? w.alertLight : n.theme.colors.grey5};
-  border: ${(n) => `1px solid ${n.theme.colors.grey3}`};
-  border-radius: ${s.sp2};
-  margin-bottom: ${s.sp3};
-  border-color: ${(n) => n.isStepInError ? w.brandColorGold : n.theme.colors.grey2};
-  flex-direction: column;
-`, V = i.div`
-  display: flex;
-  margin: 12px ${s.sp3} 12px ${s.sp3};
-  align-items: center;
-`, U = i.div`
-  display: flex;
-`, ee = i.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`, ne = i.div`
-  display: flex;
-  color: ${(n) => n.isStepInError ? w.brandColorGoldDark : n.theme.colors.primary};
-  margin-left: ${s.sp2};
-  align-items: center;
-`, oe = i(T)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${w.success};
-`, se = i(A)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${(n) => n.theme.colors.hero};
-`, re = i(B)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  cursor: pointer;
-  color: ${(n) => n.theme.colors.hero};
-  &:hover {
-    color: ${(n) => n.theme.colors.primary};
-  }
-`, b = i.div`
-  display: flex;
-`, te = i(N)`
-  display: flex;
-  align-items: end;
-  color: ${w.brandColorGoldDark};
-  margin-left: ${s.sp2};
-`;
-export {
-  me as default
-};

package/dist/WarningsDrawerPage-EtGrOhGM.cjs

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),i=require("@emotion/styled"),f=require("@zeniai/client-epic-state"),o=require("./index-oPmOjv0R.cjs"),e=o.appLocale.getLocalizedStrings(),g={navBarHeight:new o.ResponsiveSized(62,62,62),navBarPaddingLeft:new o.ResponsiveSized(o.sp[3],o.sp[3],o.sp[8]),navBarPaddingRight:new o.ResponsiveSized(o.sp[3],o.sp[3],o.sp[8]),navBarPaddingTop:new o.ResponsiveSized(12,12,o.sp[3]),navBarPaddingBottom:new o.ResponsiveSized(12,12,19)},k={title:new o.ResponsiveSizedStyle("largeMedium","largeSemiBold")},b=({companyView:n,allUsers:c,onRetryBankAccountConnection:s,onCloseClick:d})=>{const l=o.useWindowSizeContext(),y=n!=null?f.getAuditWarningsCount(n):0,w=n?.onboardingInfo?.bankAccountLinked,v=n?.onboardingInfo?.qboLinked,$=n?.onboardingInfo?.identityVerified,x=n?.onboardingInfo?.businessVerified,h=n?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(w!=null){const t=c.find(p=>p.userId===w.userIds[0]),{errorMessage:a,successMessage:m}=j(w,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:s})}if(v!=null){const t=c.find(p=>p.userId===v.userIds[0]),{errorMessage:a,successMessage:m}=R(v,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if($!=null){const t=c.find(p=>p.userId===$.userIds[0]),{errorMessage:a,successMessage:m}=E($,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${$.status}`})}if(x!=null){const t=c.find(p=>p.userId===x.userIds[0]),{errorMessage:a,successMessage:m}=I(x,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${x.status}`})}return r.jsxRuntimeExports.jsxs(C,{children:[r.jsxRuntimeExports.jsx(D,{windowSize:l,children:r.jsxRuntimeExports.jsx(M,{children:r.jsxRuntimeExports.jsxs(P,{windowSize:l,children:[r.jsxRuntimeExports.jsx(B,{windowSize:l,children:n?.name}),r.jsxRuntimeExports.jsx(Q,{onClick:d})]})})}),r.jsxRuntimeExports.jsxs(z,{children:[r.jsxRuntimeExports.jsx(L,{children:y>0?r.jsxRuntimeExports.jsxs(S,{children:[r.jsxRuntimeExports.jsx(S,{children:o.capitaliseWords(e.cockpit.review.warningsDrawer.issueFound)}),r.jsxRuntimeExports.jsx(H,{children:`${e.common.strings.openingBrace}${y}${e.common.strings.closingBrace}`})]}):r.jsxRuntimeExports.jsx(S,{children:`${e.common.no} 
-              ${o.capitaliseWords(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((t,a)=>r.jsxRuntimeExports.jsx(N,{isStepInError:t.status==="Error",children:r.jsxRuntimeExports.jsxs(T,{children:[r.jsxRuntimeExports.jsx(A,{children:t.status==="Complete"?r.jsxRuntimeExports.jsx(F,{}):t.status==="Error"?r.jsxRuntimeExports.jsx(o.SvgHighImportanceFilled,{}):r.jsxRuntimeExports.jsx(O,{})}),r.jsxRuntimeExports.jsxs(W,{children:[r.jsxRuntimeExports.jsx(q,{isStepInError:t.status==="Error",children:t.message}),t.status==="Error"?r.jsxRuntimeExports.jsx(o.Button,{label:e.common.retry,onClick:t.onClickRetry,loading:n?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${o.Space.sp1} ${o.Space.sp3}`,borderRadius:o.Space.sp1},textStyle:{...o.textStyles.extraSmallMedium.cssObject}}):null]})]})},a))]})]})},j=(n,c,s)=>{const d=n.error===!0?n.errorDetails!=null?n.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=n.completed===!0?s!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null;return{errorMessage:d,successMessage:l}},R=(n,c,s)=>{const d=n.error===!0?n.errorDetails!=null?n.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=n.completed===!0?s!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null;return{errorMessage:d,successMessage:l}},E=(n,c,s)=>{const d=n.status==="Error"?s!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,l=n.status==="Complete"?s!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},I=(n,c,s)=>{const d=n.status==="Error"?s!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,l=n.status==="Complete"?s!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},C=i.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${o.Space.sp3};
-`,D=i.div`
-  min-height: ${n=>g.navBarHeight.valuePx(n.windowSize)};
-  position: sticky;
-  background-color: ${n=>n.theme.colors.grey4};
-  border-bottom: 1px solid transparent;
-  z-index: 1;
-  top: ${o.Space.sp0};
-  width: 100%;
-`,M=i.div`
-  position: relative;
-`,z=i.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${o.Space.sp3} ${o.Space.sp8} 102px ${o.Space.sp8};
-`,L=i(o.H5Regular)`
-  color: ${n=>n.theme.colors.primary};
-  margin-bottom: ${o.Space.sp3};
-  margin-right: ${o.Space.sp6};
-`,P=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  padding-right: ${n=>g.navBarPaddingRight.valuePx(n.windowSize)};
-  padding-left: ${n=>g.navBarPaddingLeft.valuePx(n.windowSize)};
-  padding-top: ${n=>g.navBarPaddingTop.valuePx(n.windowSize)};
-  padding-bottom: ${n=>g.navBarPaddingBottom.valuePx(n.windowSize)};
-  height: 100%;
-`,B=i(o.StyledText)`
-  ${n=>`${k.title.style(n.windowSize)}`};
-  display: flex;
-  flex: 1 1 auto;
-  color: ${n=>n.theme.colors.primary};
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,N=i.div`
-  display: flex;
-  background-color: ${n=>n.isStepInError?o.Colors.alertLight:n.theme.colors.grey5};
-  border: ${n=>`1px solid ${n.theme.colors.grey3}`};
-  border-radius: ${o.Space.sp2};
-  margin-bottom: ${o.Space.sp3};
-  border-color: ${n=>n.isStepInError?o.Colors.brandColorGold:n.theme.colors.grey2};
-  flex-direction: column;
-`,T=i.div`
-  display: flex;
-  margin: 12px ${o.Space.sp3} 12px ${o.Space.sp3};
-  align-items: center;
-`,A=i.div`
-  display: flex;
-`,W=i.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`,q=i.div`
-  display: flex;
-  color: ${n=>n.isStepInError?o.Colors.brandColorGoldDark:n.theme.colors.primary};
-  margin-left: ${o.Space.sp2};
-  align-items: center;
-`,F=i(o.SvgTickRoundFill)`
-  width: ${o.Space.sp4};
-  height: ${o.Space.sp4};
-  color: ${o.Colors.success};
-`,O=i(o.SvgQueryRound)`
-  width: ${o.Space.sp4};
-  height: ${o.Space.sp4};
-  color: ${n=>n.theme.colors.hero};
-`,Q=i(o.SvgClose)`
-  width: ${o.Space.sp4};
-  height: ${o.Space.sp4};
-  cursor: pointer;
-  color: ${n=>n.theme.colors.hero};
-  &:hover {
-    color: ${n=>n.theme.colors.primary};
-  }
-`,S=i.div`
-  display: flex;
-`,H=i(o.LargeRegular)`
-  display: flex;
-  align-items: end;
-  color: ${o.Colors.brandColorGoldDark};
-  margin-left: ${o.Space.sp2};
-`;exports.default=b;