@zeniai/web-components 3.16.31 → 3.16.32

package/dist/VideoPopup-AiIJXmij.cjs

@@ -0,0 +1,31 @@
+"use strict";const t=require("./vendor-.pnpm-B6vI-hvj.cjs"),n=require("@emotion/styled"),i=require("./index-B5Auxr4x.cjs"),s=require("./VideoPlayer-Cw6GzXNW.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-BmSbL0tQ.js

@@ -0,0 +1,60 @@
+import { j as i, C as a } from "./vendor-.pnpm-DxbX2tX4.js";
+import t from "@emotion/styled";
+import { u as d, j as l, C as c, S as n, R as r } from "./index-Cynhe4j_.js";
+import { V as p } from "./VideoPlayer-Bh9pi5bb.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-DfPbJNDz.js

@@ -0,0 +1,228 @@
+import { j as r } from "./vendor-.pnpm-DxbX2tX4.js";
+import i from "@emotion/styled";
+import { getAuditWarningsCount as C } from "@zeniai/client-epic-state";
+import { u as j, a as D, hb as I, ai as M, B as L, t as E, S as s, R as p, av as P, K as R, b as B, H as z, C as w, aj as N, ba as T, gm as A, D as u } from "./index-Cynhe4j_.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(K, { 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(J, { 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%;
+`, K = i.div`
+  position: relative;
+`, J = 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-Yha8aZ_P.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-B6vI-hvj.cjs"),i=require("@emotion/styled"),f=require("@zeniai/client-epic-state"),o=require("./index-B5Auxr4x.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;