@zeniai/web-components 3.16.60 → 3.16.61

package/dist/BankAccountSection-BroWfNc_.js

@@ -1,398 +0,0 @@
-import { j as a, d as D, m as V, bE as W } from "./vendor-.pnpm-DtFedGku.js";
-import { useEffect as q } from "react";
-import h from "@emotion/styled";
-import { A as E, S as m, p as F, u as P, j as S, aB as A, R as i, D as t, aD as L, a as H, aQ as x, fh as y, at as z, aV as R } from "./index-BPKgPg77.js";
-const B = h.div`
-  color: ${(e) => e.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  display: flex;
-  padding: 0 ${m.sp3};
-  pointer-events: initial;
-  min-height: 100%;
-`, I = h(F)`
-  color: ${(e) => e.theme.colors.grey1};
-  height: 100%;
-  width: 100%;
-  min-height: 100%;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  user-select: none;
-  margin-right: ${m.sp2};
-`, G = (e) => {
-  const { placeholder: l, loaderSize: o = "Small", style: r } = e;
-  return /* @__PURE__ */ a.jsxs(B, { style: r, children: [
-    l != null ? /* @__PURE__ */ a.jsxs(I, { children: [
-      l,
-      " "
-    ] }) : null,
-    /* @__PURE__ */ a.jsx(
-      E,
-      {
-        size: o,
-        start: !0,
-        style: { display: "flex" }
-      }
-    )
-  ] });
-}, d = {
-  width: new i(343, 580, 726),
-  height: new i(t[6], t[6]),
-  controlHeight: new i(t[6], t[6]),
-  paddingTopBottom: new i(t[2], t[2]),
-  marginTop: new i(t[2], t[2]),
-  marginBottom: new i(t[2], t[2]),
-  marginRight: new i(t[2], t[2]),
-  labelMarginLeft: new i(t[3], t[4]),
-  labelMarginRight: new i(t[3], t[4]),
-  labelMarginTop: new i(t[2], t[2])
-};
-function O({
-  isDisabled: e,
-  label: l,
-  loader: o,
-  style: r
-}) {
-  const b = P();
-  return /* @__PURE__ */ a.jsxs(
-    Q,
-    {
-      size: b,
-      isDisabled: e != null,
-      style: r,
-      "data-testid": S("labeled-item-with-loader", l.label),
-      children: [
-        /* @__PURE__ */ a.jsx(
-          A,
-          {
-            isDisabled: e,
-            label: l.label,
-            style: {
-              marginLeft: d.labelMarginLeft.value(b),
-              marginRight: d.labelMarginRight.value(b),
-              marginTop: d.labelMarginTop.value(b),
-              width: l.width ?? "auto"
-            }
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          G,
-          {
-            ...o,
-            style: {
-              minHeight: d.controlHeight.value(b),
-              display: "flex",
-              flexGrow: 1,
-              ...o.style
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-const Q = h.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${(e) => e.theme.colors.grey5};
-  width: ${(e) => d.width.valuePx(e.size)};
-  min-height: ${(e) => d.height.valuePx(e.size)};
-  padding-right: ${(e) => d.marginRight.valuePx(e.size)};
-  padding-top: ${(e) => d.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${(e) => d.paddingTopBottom.valuePx(e.size)};
-  opacity: ${(e) => e.isDisabled ? 0.32 : 1};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`, u = {
-  largeLabelWidth: new i(120, 140, 220),
-  paddingTopBottom: new i(t[2], t[2]),
-  labelHeight: new i(t[6], t[6]),
-  labelMarginLeft: new i(t[3], t[4]),
-  labelMarginRight: new i(t[3], t[4]),
-  labelMarginTop: new i(t[2], t[2]),
-  controlHeight: new i(t[6], t[6])
-}, ee = ({
-  sectionId: e,
-  bankAccountToCreate: l,
-  isDisabled: o,
-  fetchBankNameByRoutingStatus: r,
-  style: b
-}) => {
-  const g = P(), {
-    getValues: M,
-    setValue: N,
-    formState: { errors: T }
-  } = D(), $ = L(
-    r.fetchState
-  ), v = L(l?.bankRoutingNumber), j = V(T, s(e, "bankName"));
-  q(() => {
-    ($ === "In-Progress" || v != null && v !== l?.bankRoutingNumber) && r.fetchState === "Completed" && l?.bankName != null && N(
-      s(e, "bankName"),
-      l?.bankName,
-      { shouldValidate: j }
-    );
-  }, [
-    $,
-    v,
-    j,
-    r.fetchState,
-    e,
-    l?.bankName,
-    l?.bankRoutingNumber,
-    N
-  ]);
-  const k = r.fetchState === "Completed" || r.fetchState === "Error" ? o : "disabled", w = H.getLocalizedStrings().spendManagement.billPay.vendorCreation, { achDetails: n } = w, c = u.largeLabelWidth.value(g);
-  return /* @__PURE__ */ a.jsx(
-    _,
-    {
-      style: b,
-      "data-testid": S("bank-account-section", e),
-      children: /* @__PURE__ */ a.jsxs(C, { children: [
-        /* @__PURE__ */ a.jsx(
-          x,
-          {
-            label: {
-              label: n.bankRoutingNumber,
-              width: c
-            },
-            text: {
-              type: "text",
-              name: s(e, "bankRoutingNumber"),
-              placeholder: y(
-                n.bankRoutingNumber
-              ),
-              defaultValue: l?.bankRoutingNumber,
-              options: {
-                required: !0,
-                pattern: /^\d{9}$/
-              }
-            },
-            isDisabled: o,
-            style: { width: "auto" },
-            showAdditionalInfoLabel: !1,
-            additionalInfoLabel: n.invalidRoutingNumber
-          }
-        ),
-        /* @__PURE__ */ a.jsx(f, {}),
-        r.fetchState === "In-Progress" ? /* @__PURE__ */ a.jsx(
-          O,
-          {
-            label: {
-              label: n.bankName,
-              width: c
-            },
-            loader: {
-              placeholder: n.fetchingBankName
-            },
-            style: {
-              width: "auto"
-            }
-          }
-        ) : /* @__PURE__ */ a.jsx(
-          x,
-          {
-            label: {
-              label: n.bankName,
-              width: c
-            },
-            text: {
-              type: "text",
-              name: s(e, "bankName"),
-              placeholder: y(n.bankName),
-              defaultValue: l?.bankName,
-              options: {
-                required: !0
-              }
-            },
-            isDisabled: k,
-            style: {
-              width: "auto",
-              opacity: k === "disabled" ? 0.32 : 1
-            },
-            showAdditionalInfoLabel: !1,
-            additionalInfoLabel: n.invalidBankName
-          }
-        ),
-        /* @__PURE__ */ a.jsx(f, {}),
-        /* @__PURE__ */ a.jsxs(J, { size: g, children: [
-          /* @__PURE__ */ a.jsx(
-            A,
-            {
-              label: w.achDetails.accountTypeLabel,
-              htmlFor: s(e, "bankAccountType"),
-              style: {
-                marginLeft: u.labelMarginLeft.value(g),
-                marginRight: u.labelMarginRight.value(g),
-                width: c
-              }
-            }
-          ),
-          /* @__PURE__ */ a.jsxs(K, { labelWidth: c, size: g, children: [
-            /* @__PURE__ */ a.jsx(
-              z,
-              {
-                label: {
-                  label: w.achDetails.checkingAccountTypeLabel
-                },
-                style: { paddingRight: `${m.sp4}`, width: "auto" },
-                radioField: {
-                  name: s(e, "bankAccountType"),
-                  id: "checking",
-                  value: "checking",
-                  registerOptions: {
-                    required: !0
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              z,
-              {
-                label: {
-                  label: w.achDetails.savingsAccountTypeLabel
-                },
-                style: { width: "auto" },
-                radioField: {
-                  name: s(e, "bankAccountType"),
-                  id: "savings",
-                  value: "savings",
-                  registerOptions: {
-                    required: !0
-                  }
-                }
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ a.jsx(f, {}),
-        /* @__PURE__ */ a.jsx(
-          x,
-          {
-            label: {
-              label: n.bankAccountNumber,
-              width: c
-            },
-            text: {
-              type: "text",
-              name: s(e, "bankAccountNumber"),
-              placeholder: y(
-                n.bankAccountNumber
-              ),
-              defaultValue: l?.bankAccountNumber,
-              options: {
-                required: !0,
-                validate: (p) => p != null ? W.accountNumber(p).isValid : !0,
-                pattern: R
-              }
-            },
-            isDisabled: o,
-            style: { width: "auto" },
-            showAdditionalInfoLabel: !1,
-            additionalInfoLabel: n.invalidAccountNumber
-          }
-        ),
-        /* @__PURE__ */ a.jsx(f, {}),
-        /* @__PURE__ */ a.jsx(
-          x,
-          {
-            label: {
-              label: n.confirmedBankAccountNumber,
-              width: c
-            },
-            text: {
-              type: "text",
-              name: s(e, "confirmedBankAccountNumber"),
-              placeholder: n.confirmedBankAccountNumberPlaceholder,
-              defaultValue: l?.confirmedBankAccountNumber,
-              options: {
-                required: !0,
-                pattern: R,
-                validate: (p) => p != null ? M(`${e}.bankAccountNumber`) === p : !1
-              }
-            },
-            disableCopyPaste: !0,
-            isDisabled: o,
-            style: { width: "auto" },
-            showAdditionalInfoLabel: !1,
-            additionalInfoLabel: n.accountNumberDontMatch
-          }
-        ),
-        /* @__PURE__ */ a.jsx(f, {}),
-        /* @__PURE__ */ a.jsx(
-          x,
-          {
-            label: {
-              label: n.accountNickName,
-              width: c
-            },
-            text: {
-              type: "text",
-              name: s(e, "bankAccountName"),
-              placeholder: y(
-                n.accountNickName
-              ),
-              defaultValue: l?.bankAccountName,
-              options: {
-                required: !1
-              }
-            },
-            isDisabled: o,
-            style: { width: "auto" }
-          }
-        )
-      ] })
-    }
-  );
-}, s = (e, l) => `${e}.${l}`, _ = h.div`
-  display: flex;
-  flex-direction: column;
-`, C = h.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  box-shadow: ${(e) => `${m.sp0} 2px ${m.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${m.sp2};
-`, f = h.div`
-  display: flex;
-  flex: 1;
-  background-color: ${(e) => e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`, J = h.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${(e) => e.theme.colors.grey5};
-  min-height: ${(e) => u.labelHeight.valuePx(e.size)};
-  padding-right: ${(e) => u.labelMarginRight.valuePx(e.size)};
-  padding-top: ${(e) => u.labelMarginTop.valuePx(e.size)};
-  padding-bottom: ${(e) => u.paddingTopBottom.valuePx(e.size)};
-  align-items: center;
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${(e) => e.theme.colors.primary};
-  }
-`, K = h.div`
-  display: flex;
-  flex-direction: row;
-  width: ${(e) => `calc(100% - ${e.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${(e) => u.controlHeight.valuePx(e.size)};
-  align-items: center;
-`;
-export {
-  ee as B
-};

package/dist/BankAccountSection-CqbEZs_U.cjs

@@ -1,79 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),S=require("react"),u=require("@emotion/styled"),e=require("./index-DUVvaTyk.cjs"),N=u.div`
-  color: ${t=>t.theme.colors.primary};
-  align-items: center;
-  justify-content: flex-end;
-  display: flex;
-  padding: 0 ${e.Space.sp3};
-  pointer-events: initial;
-  min-height: 100%;
-`,z=u(e.StandardRegular)`
-  color: ${t=>t.theme.colors.grey1};
-  height: 100%;
-  width: 100%;
-  min-height: 100%;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  user-select: none;
-  margin-right: ${e.Space.sp2};
-`,L=t=>{const{placeholder:a,loaderSize:n="Small",style:s}=t;return i.jsxRuntimeExports.jsxs(N,{style:s,children:[a!=null?i.jsxRuntimeExports.jsxs(z,{children:[a," "]}):null,i.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:n,start:!0,style:{display:"flex"}})]})},r={width:new e.ResponsiveSized(343,580,726),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])};function $({isDisabled:t,label:a,loader:n,style:s}){const c=e.useWindowSizeContext();return i.jsxRuntimeExports.jsxs(k,{size:c,isDisabled:t!=null,style:s,"data-testid":e.generateDataTestId("labeled-item-with-loader",a.label),children:[i.jsxRuntimeExports.jsx(e.Label,{isDisabled:t,label:a.label,style:{marginLeft:r.labelMarginLeft.value(c),marginRight:r.labelMarginRight.value(c),marginTop:r.labelMarginTop.value(c),width:a.width??"auto"}}),i.jsxRuntimeExports.jsx(L,{...n,style:{minHeight:r.controlHeight.value(c),display:"flex",flexGrow:1,...n.style}})]})}const k=u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${t=>t.theme.colors.grey5};
-  width: ${t=>r.width.valuePx(t.size)};
-  min-height: ${t=>r.height.valuePx(t.size)};
-  padding-right: ${t=>r.marginRight.valuePx(t.size)};
-  padding-top: ${t=>r.paddingTopBottom.valuePx(t.size)};
-  padding-bottom: ${t=>r.paddingTopBottom.valuePx(t.size)};
-  opacity: ${t=>t.isDisabled?.32:1};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,p={largeLabelWidth:new e.ResponsiveSized(120,140,220),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6])},E=({sectionId:t,bankAccountToCreate:a,isDisabled:n,fetchBankNameByRoutingStatus:s,style:c})=>{const x=e.useWindowSizeContext(),{getValues:y,setValue:f,formState:{errors:j}}=i.useFormContext(),R=e.usePrevious(s.fetchState),g=e.usePrevious(a?.bankRoutingNumber),v=i.has(j,o(t,"bankName"));S.useEffect(()=>{(R==="In-Progress"||g!=null&&g!==a?.bankRoutingNumber)&&s.fetchState==="Completed"&&a?.bankName!=null&&f(o(t,"bankName"),a?.bankName,{shouldValidate:v})},[R,g,v,s.fetchState,t,a?.bankName,a?.bankRoutingNumber,f]);const w=s.fetchState==="Completed"||s.fetchState==="Error"?n:"disabled",b=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,{achDetails:l}=b,d=p.largeLabelWidth.value(x);return i.jsxRuntimeExports.jsx(P,{style:c,"data-testid":e.generateDataTestId("bank-account-section",t),children:i.jsxRuntimeExports.jsxs(T,{children:[i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:l.bankRoutingNumber,width:d},text:{type:"text",name:o(t,"bankRoutingNumber"),placeholder:e.getPlaceholderTextWithPrefix(l.bankRoutingNumber),defaultValue:a?.bankRoutingNumber,options:{required:!0,pattern:/^\d{9}$/}},isDisabled:n,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidRoutingNumber}),i.jsxRuntimeExports.jsx(m,{}),s.fetchState==="In-Progress"?i.jsxRuntimeExports.jsx($,{label:{label:l.bankName,width:d},loader:{placeholder:l.fetchingBankName},style:{width:"auto"}}):i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:l.bankName,width:d},text:{type:"text",name:o(t,"bankName"),placeholder:e.getPlaceholderTextWithPrefix(l.bankName),defaultValue:a?.bankName,options:{required:!0}},isDisabled:w,style:{width:"auto",opacity:w==="disabled"?.32:1},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidBankName}),i.jsxRuntimeExports.jsx(m,{}),i.jsxRuntimeExports.jsxs(A,{size:x,children:[i.jsxRuntimeExports.jsx(e.Label,{label:b.achDetails.accountTypeLabel,htmlFor:o(t,"bankAccountType"),style:{marginLeft:p.labelMarginLeft.value(x),marginRight:p.labelMarginRight.value(x),width:d}}),i.jsxRuntimeExports.jsxs(M,{labelWidth:d,size:x,children:[i.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:b.achDetails.checkingAccountTypeLabel},style:{paddingRight:`${e.Space.sp4}`,width:"auto"},radioField:{name:o(t,"bankAccountType"),id:"checking",value:"checking",registerOptions:{required:!0}}}),i.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:b.achDetails.savingsAccountTypeLabel},style:{width:"auto"},radioField:{name:o(t,"bankAccountType"),id:"savings",value:"savings",registerOptions:{required:!0}}})]})]}),i.jsxRuntimeExports.jsx(m,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:l.bankAccountNumber,width:d},text:{type:"text",name:o(t,"bankAccountNumber"),placeholder:e.getPlaceholderTextWithPrefix(l.bankAccountNumber),defaultValue:a?.bankAccountNumber,options:{required:!0,validate:h=>h!=null?i.distExports.accountNumber(h).isValid:!0,pattern:e.DIGITS_PATTERN}},isDisabled:n,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidAccountNumber}),i.jsxRuntimeExports.jsx(m,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:l.confirmedBankAccountNumber,width:d},text:{type:"text",name:o(t,"confirmedBankAccountNumber"),placeholder:l.confirmedBankAccountNumberPlaceholder,defaultValue:a?.confirmedBankAccountNumber,options:{required:!0,pattern:e.DIGITS_PATTERN,validate:h=>h!=null?y(`${t}.bankAccountNumber`)===h:!1}},disableCopyPaste:!0,isDisabled:n,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.accountNumberDontMatch}),i.jsxRuntimeExports.jsx(m,{}),i.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:l.accountNickName,width:d},text:{type:"text",name:o(t,"bankAccountName"),placeholder:e.getPlaceholderTextWithPrefix(l.accountNickName),defaultValue:a?.bankAccountName,options:{required:!1}},isDisabled:n,style:{width:"auto"}})]})})},o=(t,a)=>`${t}.${a}`,P=u.div`
-  display: flex;
-  flex-direction: column;
-`,T=u.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey5};
-  border: 1px solid ${t=>t.theme.colors.grey3};
-  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.Space.sp2};
-`,m=u.div`
-  display: flex;
-  flex: 1;
-  background-color: ${t=>t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,A=u.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${t=>t.theme.colors.grey5};
-  min-height: ${t=>p.labelHeight.valuePx(t.size)};
-  padding-right: ${t=>p.labelMarginRight.valuePx(t.size)};
-  padding-top: ${t=>p.labelMarginTop.valuePx(t.size)};
-  padding-bottom: ${t=>p.paddingTopBottom.valuePx(t.size)};
-  align-items: center;
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${t=>t.theme.colors.primary};
-  }
-`,M=u.div`
-  display: flex;
-  flex-direction: row;
-  width: ${t=>`calc(100% - ${t.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${t=>p.controlHeight.valuePx(t.size)};
-  align-items: center;
-`;exports.BankAccountSection=E;

package/dist/BankAccountWarningSection-7qd9K3wZ.cjs

@@ -1,51 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),t=require("@emotion/styled"),e=require("./index-DUVvaTyk.cjs"),{common:{navBar:{back:m}}}=e.appLocale.getLocalizedStrings(),s={navBarContainerPadding:new e.ResponsiveSized(10,e.sp[3]),formTitleMarginTop:new e.ResponsiveSized(e.sp[0],e.sp[3]),formTitleMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[0]),customTitleMarginBottom:new e.ResponsiveSized(e.sp[0],e.sp[3]),customTitleMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),customTitleMarginRight:new e.ResponsiveSized(e.sp[5],e.sp[8])},x={formTitle:new e.ResponsiveSizedStyle("h6Medium","h5Medium")},u=({header:n,isDirty:r,isMagicLink:l,onBackClick:c,setShowConfirmationPopup:p})=>{const i=e.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[i==="small"?o.jsxRuntimeExports.jsxs($,{windowSize:i,children:[l?null:o.jsxRuntimeExports.jsx(g,{onClick:()=>r?p?.(!0):c?.(),"data-testid":e.generateDataTestId("bank-account-page-back-click-mobile")}),o.jsxRuntimeExports.jsx(d,{windowSize:i,children:n})]}):o.jsxRuntimeExports.jsx(S,{children:l?null:o.jsxRuntimeExports.jsx(e.Tooltip,{title:m,enterDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(g,{onClick:()=>r?p?.(!0):c?.(),"data-testid":e.generateDataTestId("bank-account-page-back-click")})})}),i!=="small"?o.jsxRuntimeExports.jsx(d,{windowSize:i,children:n}):null]})},d=t(e.StyledText)`
-  ${n=>`${x.formTitle.style(n.windowSize)}`};
-  color: ${n=>n.theme.colors.primary};
-  margin-bottom: ${n=>s.customTitleMarginBottom.valuePx(n.windowSize)};
-  margin-top: ${e.Space.sp3};
-  margin-left: ${n=>s.customTitleMarginLeft.valuePx(n.windowSize)};
-  margin-right: ${n=>s.customTitleMarginRight.valuePx(n.windowSize)};
-`,g=t(e.SvgArrowLeft)`
-  cursor: pointer;
-  color: ${n=>n.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${n=>n.theme.colors.primary};
-  }
-`,S=t.div`
-  margin: ${e.Space.sp3} ${e.Space.sp8} ${e.Space.sp3} ${e.Space.sp6};
-`,$=t.div`
-  display: flex;
-  align-items: center;
-  position: absolute;
-  top: ${e.Space.sp0};
-  padding-top: ${n=>s.navBarContainerPadding.valuePx(n.windowSize)};
-  padding-bottom: ${n=>s.navBarContainerPadding.valuePx(n.windowSize)};
-  padding-right: ${e.Space.sp5};
-  padding-left: ${e.Space.sp0};
-  z-index: 2;
-  background-color: ${n=>n.theme.colors.grey4};
-`,a={marginBottom:new e.ResponsiveSized(e.sp[5],e.sp[3]),marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[6])},v=({warningText:n})=>{const r=e.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(h,{size:r,children:[o.jsxRuntimeExports.jsx(R,{children:o.jsxRuntimeExports.jsx(z,{})}),o.jsxRuntimeExports.jsx(w,{children:n})]})},h=t.div`
-  display: flex;
-  background-color: ${e.Colors.alertLight};
-  border: 1px solid ${e.Colors.brandColorGoldDark};
-  border-radius: ${e.Space.sp2};
-  color: ${e.Colors.alertDark};
-  margin-bottom: ${n=>a.marginBottom.valuePx(n.size)};
-  padding: ${e.Space.sp3} ${e.Space.sp4} ${e.Space.sp3} ${e.Space.sp4};
-  margin-right: ${n=>a.marginRight.valuePx(n.size)};
-  margin-left: ${n=>a.marginLeft.valuePx(n.size)};
-`,w=t(e.StandardRegular)`
-  display: flex;
-  flex-grow: 1;
-  color: ${e.Colors.brandColorGoldDark};
-`,R=t.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${e.Space.sp2};
-`,z=t(e.SvgHighImportanceFilled)`
-  width: ${e.Space.sp4};
-  height: ${e.Space.sp4};
-  color: ${e.Colors.brandColorGoldDark};
-`;exports.BankAccountPageNavSection=u;exports.BankAccountWarningSection=v;

package/dist/BankAccountWarningSection-lNbSkw5-.js

@@ -1,110 +0,0 @@
-import { j as t } from "./vendor-.pnpm-DtFedGku.js";
-import i from "@emotion/styled";
-import { u as h, j as u, Z as w, a as f, S as o, R as a, F as v, av as S, K as b, D as n, C as s, ai as z, p as T } from "./index-BPKgPg77.js";
-const {
-  common: {
-    navBar: { back: j }
-  }
-} = f.getLocalizedStrings(), l = {
-  navBarContainerPadding: new a(10, n[3]),
-  formTitleMarginTop: new a(n[0], n[3]),
-  formTitleMarginLeft: new a(n[3], n[0]),
-  customTitleMarginBottom: new a(n[0], n[3]),
-  customTitleMarginLeft: new a(n[3], n[6]),
-  customTitleMarginRight: new a(n[5], n[8])
-}, k = {
-  formTitle: new S("h6Medium", "h5Medium")
-}, W = ({
-  header: e,
-  isDirty: c,
-  isMagicLink: g,
-  onBackClick: m,
-  setShowConfirmationPopup: p
-}) => {
-  const r = h();
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    r === "small" ? /* @__PURE__ */ t.jsxs(y, { windowSize: r, children: [
-      g ? null : /* @__PURE__ */ t.jsx(
-        $,
-        {
-          onClick: () => c ? p?.(!0) : m?.(),
-          "data-testid": u(
-            "bank-account-page-back-click-mobile"
-          )
-        }
-      ),
-      /* @__PURE__ */ t.jsx(x, { windowSize: r, children: e })
-    ] }) : /* @__PURE__ */ t.jsx(B, { children: g ? null : /* @__PURE__ */ t.jsx(w, { title: j, enterDelay: 600, placement: "bottom", children: /* @__PURE__ */ t.jsx(
-      $,
-      {
-        onClick: () => c ? p?.(!0) : m?.(),
-        "data-testid": u("bank-account-page-back-click")
-      }
-    ) }) }),
-    r !== "small" ? /* @__PURE__ */ t.jsx(x, { windowSize: r, children: e }) : null
-  ] });
-}, x = i(b)`
-  ${(e) => `${k.formTitle.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-  margin-bottom: ${(e) => l.customTitleMarginBottom.valuePx(e.windowSize)};
-  margin-top: ${o.sp3};
-  margin-left: ${(e) => l.customTitleMarginLeft.valuePx(e.windowSize)};
-  margin-right: ${(e) => l.customTitleMarginRight.valuePx(e.windowSize)};
-`, $ = i(v)`
-  cursor: pointer;
-  color: ${(e) => e.theme.colors.hero};
-  width: 20px;
-  height: 20px;
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, B = i.div`
-  margin: ${o.sp3} ${o.sp8} ${o.sp3} ${o.sp6};
-`, y = i.div`
-  display: flex;
-  align-items: center;
-  position: absolute;
-  top: ${o.sp0};
-  padding-top: ${(e) => l.navBarContainerPadding.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => l.navBarContainerPadding.valuePx(e.windowSize)};
-  padding-right: ${o.sp5};
-  padding-left: ${o.sp0};
-  z-index: 2;
-  background-color: ${(e) => e.theme.colors.grey4};
-`, d = {
-  marginBottom: new a(n[5], n[3]),
-  marginRight: new a(n[3], n[8]),
-  marginLeft: new a(n[3], n[6])
-}, F = ({ warningText: e }) => {
-  const c = h();
-  return /* @__PURE__ */ t.jsxs(C, { size: c, children: [
-    /* @__PURE__ */ t.jsx(M, { children: /* @__PURE__ */ t.jsx(R, {}) }),
-    /* @__PURE__ */ t.jsx(P, { children: e })
-  ] });
-}, C = i.div`
-  display: flex;
-  background-color: ${s.alertLight};
-  border: 1px solid ${s.brandColorGoldDark};
-  border-radius: ${o.sp2};
-  color: ${s.alertDark};
-  margin-bottom: ${(e) => d.marginBottom.valuePx(e.size)};
-  padding: ${o.sp3} ${o.sp4} ${o.sp3} ${o.sp4};
-  margin-right: ${(e) => d.marginRight.valuePx(e.size)};
-  margin-left: ${(e) => d.marginLeft.valuePx(e.size)};
-`, P = i(T)`
-  display: flex;
-  flex-grow: 1;
-  color: ${s.brandColorGoldDark};
-`, M = i.div`
-  display: flex;
-  align-items: center;
-  margin-right: ${o.sp2};
-`, R = i(z)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${s.brandColorGoldDark};
-`;
-export {
-  W as B,
-  F as a
-};