@zeniai/web-components 3.17.1 → 3.17.2

package/dist/LowBalancePopup-BWDYAWMP.js

@@ -1,219 +0,0 @@
-import { g as T, j as o, F as U } from "./vendor-.pnpm-B2klaOGU.js";
-import p from "@emotion/styled";
-import { toOutsideZeniPaymentModeType as W, zeniDate as P, dateNow as M } from "@zeniai/client-epic-state";
-import { a as D, u as z, aP as L, fn as E, R as r, aH as A, S as e, aR as Y, D as s, n as N, a7 as V, e_ as Z } from "./index-DOPIZEh4.js";
-const d = {
-  labelWidth: new r(152, 176, 176),
-  paddingBottom: new r(s[3], s[2]),
-  sideMargin: new r(s[3], s[8], s[8]),
-  width: new r(300, 420, 420),
-  paddingRight: new r(s[4], s[3])
-}, H = p.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.sp0} 2px ${e.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.sp2};
-  margin: ${(t) => t.windowSize === "small" ? `${e.sp5} ${e.sp3} ${e.sp6} ${e.sp3}` : `${e.sp5} ${e.sp8} ${e.sp6} ${e.sp8}`};
-`, J = p.div`
-  display: flex;
-  flex: 1;
-  background-color: ${(t) => t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;
-function te({
-  saveDetailsFetchState: t,
-  paymentData: i,
-  onProceedForMarkAsPaid: u,
-  onCancel: h
-}) {
-  const {
-    spendManagement: {
-      billPay: {
-        billDetails: { paymentOutsideZeni: g, paymentDate: y, cancel: a }
-      }
-    },
-    dateFormat: { visual: f, analytics: x }
-  } = D.getLocalizedStrings(), {
-    popUpTitle: b,
-    paymentModeLabel: v,
-    markAsPaid: F,
-    defaultDateInfo: j,
-    paymentModeOptions: w,
-    selectDate: k,
-    selectMethod: C
-  } = g, l = z(), $ = "payment-outside-zeni-form", c = "paymentMode", m = "paymentDate", S = T({
-    mode: "all",
-    values: {
-      [c]: {
-        selectedOption: i?.paymentMode,
-        allOptions: w.map((n) => n.value)
-      },
-      [m]: i?.paymentDate?.toDate()
-    }
-  }), O = S.handleSubmit((n) => {
-    u({
-      paymentDate: n[m] != null ? P(n[m].toString()) : P(
-        M().startOf("month").format(x.YYYYDashMMDashDDFormat).toString()
-      ),
-      paymentMode: n[c]?.selectedOption != null ? W(
-        n[c]?.selectedOption
-      ) : "other"
-    });
-  }), R = (n) => w.find((I) => I.value === n)?.label ?? "";
-  return /* @__PURE__ */ o.jsx(U, { ...S, children: /* @__PURE__ */ o.jsx("form", { id: $, onSubmit: O, children: /* @__PURE__ */ o.jsx(
-    L,
-    {
-      formId: $,
-      titleComponent: /* @__PURE__ */ o.jsx(Y, { children: b }),
-      primaryButtonText: F,
-      primaryButtonWidth: 128,
-      secondaryButtonWidth: 128,
-      secondaryButtonText: a,
-      isLoading: t === "In-Progress",
-      isDisabled: t === "In-Progress",
-      isEditPopup: !0,
-      shouldClickAway: t !== "In-Progress",
-      action: {
-        onOkClick: () => null,
-        onCancelClick: h
-      },
-      children: /* @__PURE__ */ o.jsxs(H, { windowSize: l, children: [
-        /* @__PURE__ */ o.jsx(
-          E,
-          {
-            label: {
-              label: v,
-              width: d.labelWidth.value(l)
-            },
-            style: {
-              width: d.width.valuePx(l)
-            },
-            singleSelectField: {
-              singleSelect: {
-                getLabelForId: R,
-                showTickMark: !1,
-                alwaysShowEyeTooltip: !1,
-                name: c,
-                placeholder: C,
-                showValueEyeIcon: !1,
-                showEyeIconOnSelect: !1
-              },
-              defaultValue: {
-                selectedOption: i?.paymentMode,
-                allOptions: w?.map((n) => n.value) ?? []
-              }
-            },
-            isFunctional: !0
-          }
-        ),
-        /* @__PURE__ */ o.jsx(J, {}),
-        /* @__PURE__ */ o.jsx(
-          A,
-          {
-            label: {
-              label: y,
-              width: d.labelWidth.value(l)
-            },
-            style: {
-              paddingBottom: d.paddingBottom.valuePx(l),
-              width: d.width.valuePx(l),
-              borderRadius: e.sp0
-            },
-            additionalPaymentInfoLabel: j,
-            additionalPaymentInfoLabelStyle: {
-              borderBottomRightRadius: e.sp2,
-              borderBottomLeftRadius: e.sp2,
-              paddingTop: e.sp1,
-              paddingBottom: e.sp1,
-              paddingLeft: e.sp3,
-              paddingRight: d.paddingRight.valuePx(l),
-              textAlign: "left"
-            },
-            dateField: {
-              name: m,
-              placeholder: k,
-              defaultValue: i?.paymentDate,
-              dateFormat: f.defaultInput,
-              maxDate: M(),
-              minDate: P("01 Jan 1900"),
-              autoComplete: "off"
-            }
-          }
-        )
-      ] })
-    }
-  ) }) });
-}
-const oe = ({
-  withdrawFrom: t,
-  paymentDate: i,
-  onOkClick: u,
-  onCancelClick: h,
-  onClickAway: g
-}) => {
-  const {
-    dateFormat: y,
-    spendManagement: { billPay: a },
-    common: { strings: f }
-  } = D.getLocalizedStrings();
-  if (t != null && i != null) {
-    const x = `${t?.label} ${t?.maskedAccountNumber}`, b = /* @__PURE__ */ o.jsx(_, { children: /* @__PURE__ */ o.jsxs(q, { children: [
-      /* @__PURE__ */ o.jsx(B, { children: x }),
-      a.insufficientFunds.popUp.hasLowBalance,
-      f.space,
-      a.insufficientFunds.popUp.addMoney,
-      /* @__PURE__ */ o.jsx(B, { children: i?.format(y.visual.MMMDFormat) }),
-      a.insufficientFunds.popUp.avoidFailure
-    ] }) });
-    return /* @__PURE__ */ o.jsx(
-      L,
-      {
-        titleComponent: /* @__PURE__ */ o.jsx(G, { children: a.insufficientFunds.popUp.title }),
-        primaryButtonText: a.billDetails.buttons.approveAnyways,
-        secondaryButtonText: a.billDetails.editBill,
-        containerStyle: { maxWidth: 474 },
-        descriptionComponent: b,
-        action: {
-          onOkClick: u,
-          onCancelClick: h,
-          onClickAway: g
-        },
-        secondaryButtonWidth: 166,
-        primaryButtonWidth: "auto",
-        showLine: !1,
-        buttonSeparatorStyle: {
-          width: e.sp3
-        },
-        buttonContainerStyle: {
-          paddingBottom: e.sp6
-        }
-      }
-    );
-  }
-}, _ = p.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding-left: ${e.sp7};
-  padding-right: ${e.sp7};
-  margin-top: ${e.sp3};
-  white-space: pre-line;
-`, q = p(N)`
-  color: ${(t) => t.theme.colors.hero};
-`, B = p(V)`
-  color: ${(t) => t.theme.colors.primary};
-`, G = p(Z)`
-  margin-top: ${e.sp6};
-  padding-left: ${e.sp8};
-  padding-right: ${e.sp8};
-  color: ${(t) => t.theme.colors.primary};
-  word-break: break-word;
-`;
-export {
-  oe as L,
-  te as P
-};

package/dist/LowBalancePopup-Epaw-O5T.cjs

@@ -1,34 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),d=require("@emotion/styled"),p=require("@zeniai/client-epic-state"),e=require("./index-oPmOjv0R.cjs"),l={labelWidth:new e.ResponsiveSized(152,176,176),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),sideMargin:new e.ResponsiveSized(e.sp[3],e.sp[8],e.sp[8]),width:new e.ResponsiveSized(300,420,420),paddingRight:new e.ResponsiveSized(e.sp[4],e.sp[3])},L=d.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};
-  margin: ${t=>t.windowSize==="small"?`${e.Space.sp5} ${e.Space.sp3} ${e.Space.sp6} ${e.Space.sp3}`:`${e.Space.sp5} ${e.Space.sp8} ${e.Space.sp6} ${e.Space.sp8}`};
-`,F=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${t=>t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;function C({saveDetailsFetchState:t,paymentData:a,onProceedForMarkAsPaid:u,onCancel:m}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:x,paymentDate:h,cancel:i}}},dateFormat:{visual:S,analytics:g}}=e.appLocale.getLocalizedStrings(),{popUpTitle:y,paymentModeLabel:j,markAsPaid:$,defaultDateInfo:R,paymentModeOptions:f,selectDate:v,selectMethod:M}=x,s=e.useWindowSizeContext(),b="payment-outside-zeni-form",r="paymentMode",c="paymentDate",w=o.useForm({mode:"all",values:{[r]:{selectedOption:a?.paymentMode,allOptions:f.map(n=>n.value)},[c]:a?.paymentDate?.toDate()}}),B=w.handleSubmit(n=>{u({paymentDate:n[c]!=null?p.zeniDate(n[c].toString()):p.zeniDate(p.dateNow().startOf("month").format(g.YYYYDashMMDashDDFormat).toString()),paymentMode:n[r]?.selectedOption!=null?p.toOutsideZeniPaymentModeType(n[r]?.selectedOption):"other"})}),D=n=>f.find(E=>E.value===n)?.label??"";return o.jsxRuntimeExports.jsx(o.FormProvider,{...w,children:o.jsxRuntimeExports.jsx("form",{id:b,onSubmit:B,children:o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{formId:b,titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:y}),primaryButtonText:$,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:i,isLoading:t==="In-Progress",isDisabled:t==="In-Progress",isEditPopup:!0,shouldClickAway:t!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:m},children:o.jsxRuntimeExports.jsxs(L,{windowSize:s,children:[o.jsxRuntimeExports.jsx(e.LabeledSingleSelectField,{label:{label:j,width:l.labelWidth.value(s)},style:{width:l.width.valuePx(s)},singleSelectField:{singleSelect:{getLabelForId:D,showTickMark:!1,alwaysShowEyeTooltip:!1,name:r,placeholder:M,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:a?.paymentMode,allOptions:f?.map(n=>n.value)??[]}},isFunctional:!0}),o.jsxRuntimeExports.jsx(F,{}),o.jsxRuntimeExports.jsx(e.LabeledDatePickerField,{label:{label:h,width:l.labelWidth.value(s)},style:{paddingBottom:l.paddingBottom.valuePx(s),width:l.width.valuePx(s),borderRadius:e.Space.sp0},additionalPaymentInfoLabel:R,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:e.Space.sp2,borderBottomLeftRadius:e.Space.sp2,paddingTop:e.Space.sp1,paddingBottom:e.Space.sp1,paddingLeft:e.Space.sp3,paddingRight:l.paddingRight.valuePx(s),textAlign:"left"},dateField:{name:c,placeholder:v,defaultValue:a?.paymentDate,dateFormat:S.defaultInput,maxDate:p.dateNow(),minDate:p.zeniDate("01 Jan 1900"),autoComplete:"off"}})]})})})})}const k=({withdrawFrom:t,paymentDate:a,onOkClick:u,onCancelClick:m,onClickAway:x})=>{const{dateFormat:h,spendManagement:{billPay:i},common:{strings:S}}=e.appLocale.getLocalizedStrings();if(t!=null&&a!=null){const g=`${t?.label} ${t?.maskedAccountNumber}`,y=o.jsxRuntimeExports.jsx(z,{children:o.jsxRuntimeExports.jsxs(O,{children:[o.jsxRuntimeExports.jsx(P,{children:g}),i.insufficientFunds.popUp.hasLowBalance,S.space,i.insufficientFunds.popUp.addMoney,o.jsxRuntimeExports.jsx(P,{children:a?.format(h.visual.MMMDFormat)}),i.insufficientFunds.popUp.avoidFailure]})});return o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(I,{children:i.insufficientFunds.popUp.title}),primaryButtonText:i.billDetails.buttons.approveAnyways,secondaryButtonText:i.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:y,action:{onOkClick:u,onCancelClick:m,onClickAway:x},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:e.Space.sp3},buttonContainerStyle:{paddingBottom:e.Space.sp6}})}},z=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding-left: ${e.Space.sp7};
-  padding-right: ${e.Space.sp7};
-  margin-top: ${e.Space.sp3};
-  white-space: pre-line;
-`,O=d(e.StandardRegularSp)`
-  color: ${t=>t.theme.colors.hero};
-`,P=d(e.StandardMediumSp)`
-  color: ${t=>t.theme.colors.primary};
-`,I=d(e.H6Medium)`
-  margin-top: ${e.Space.sp6};
-  padding-left: ${e.Space.sp8};
-  padding-right: ${e.Space.sp8};
-  color: ${t=>t.theme.colors.primary};
-  word-break: break-word;
-`;exports.LowBalancePopup=k;exports.PaymentOutsideZeniPopup=C;

package/dist/MagicLinkACHDetailsPage-B-DmxhNe.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./vendor-.pnpm-D0ILHvHB.cjs"),y=require("./ACHDetailsPage-CYaTrNWk.cjs"),S=({magicLinkViewState:e,magicLinkBankAccountDetails:t,onSaveHandler:n,onACHDetailsUpdated:a,onFetchBankName:o,isDisabled:r,companyName:c})=>{const{fetchState:i,error:u,bankNameByRouting:s,bankAccountToCreate:g,fetchBankNameByRoutingStatus:l}=t,{currencySymbol:m,amount:b}=e;return k.jsxRuntimeExports.jsx(y.ACHDetailsPage,{bankAccountToCreate:g,bankAccountCreationState:{fetchState:i,error:u},bankNameByRouting:s,fetchBankNameByRoutingStatus:l,onSaveHandler:n,onACHDetailsUpdated:a,onFetchBankName:o,isDisabled:r,companyName:c,isMagicLink:!0,currencySymbol:m,amount:b})};exports.default=S;

package/dist/MagicLinkACHDetailsPage-BlQol4OK.js

@@ -1,39 +0,0 @@
-import { j as A } from "./vendor-.pnpm-B2klaOGU.js";
-import { A as b } from "./ACHDetailsPage-Cm-zIweQ.js";
-const x = ({
-  magicLinkViewState: t,
-  magicLinkBankAccountDetails: a,
-  onSaveHandler: e,
-  onACHDetailsUpdated: n,
-  onFetchBankName: o,
-  isDisabled: r,
-  companyName: c
-}) => {
-  const {
-    fetchState: i,
-    error: s,
-    bankNameByRouting: u,
-    bankAccountToCreate: m,
-    fetchBankNameByRoutingStatus: g
-  } = a, { currencySymbol: k, amount: f } = t;
-  return /* @__PURE__ */ A.jsx(
-    b,
-    {
-      bankAccountToCreate: m,
-      bankAccountCreationState: { fetchState: i, error: s },
-      bankNameByRouting: u,
-      fetchBankNameByRoutingStatus: g,
-      onSaveHandler: e,
-      onACHDetailsUpdated: n,
-      onFetchBankName: o,
-      isDisabled: r,
-      companyName: c,
-      isMagicLink: !0,
-      currencySymbol: k,
-      amount: f
-    }
-  );
-};
-export {
-  x as default
-};

package/dist/MagicLinkDomesticWireDetailsPage-BFhlHwn4.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./vendor-.pnpm-D0ILHvHB.cjs"),D=require("./DomesticWireDetailsPage-DUsK_5w2.cjs"),S=({magicLinkViewState:e,magicLinkBankAccountDetails:t,mailingAddressDetails:r,isDisabled:a,companyName:n,onSaveHandler:o,onWireDetailsUpdated:i,onFetchBankName:s,onAddressClick:c})=>{const{fetchState:u,error:d,bankNameByRouting:m,bankAccountToCreate:g,fetchBankNameByRoutingStatus:l}=t,{currencySymbol:y,amount:b}=e;return k.jsxRuntimeExports.jsx(D.DomesticWireDetailsPage,{bankAccountToCreate:g,bankAccountCreationState:{fetchState:u,error:d},bankNameByRouting:m,addressToEdit:r,addressType:"vendor_address",fetchBankNameByRoutingStatus:l,isDisabled:a,onSaveHandler:o,onWireDetailsUpdated:i,onAddressClick:c,onFetchBankName:s,companyName:n,isMagicLink:!0,currencySymbol:y,amount:b})};exports.default=S;

package/dist/MagicLinkDomesticWireDetailsPage-wNhfCAUO.js

@@ -1,44 +0,0 @@
-import { j as y } from "./vendor-.pnpm-B2klaOGU.js";
-import { D } from "./DomesticWireDetailsPage-CBzIsmr_.js";
-const x = ({
-  magicLinkViewState: t,
-  magicLinkBankAccountDetails: e,
-  mailingAddressDetails: a,
-  isDisabled: o,
-  companyName: r,
-  onSaveHandler: s,
-  onWireDetailsUpdated: n,
-  onFetchBankName: i,
-  onAddressClick: c
-}) => {
-  const {
-    fetchState: m,
-    error: u,
-    bankNameByRouting: d,
-    bankAccountToCreate: g,
-    fetchBankNameByRoutingStatus: k
-  } = e, { currencySymbol: f, amount: p } = t;
-  return /* @__PURE__ */ y.jsx(
-    D,
-    {
-      bankAccountToCreate: g,
-      bankAccountCreationState: { fetchState: m, error: u },
-      bankNameByRouting: d,
-      addressToEdit: a,
-      addressType: "vendor_address",
-      fetchBankNameByRoutingStatus: k,
-      isDisabled: o,
-      onSaveHandler: s,
-      onWireDetailsUpdated: n,
-      onAddressClick: c,
-      onFetchBankName: i,
-      companyName: r,
-      isMagicLink: !0,
-      currencySymbol: f,
-      amount: p
-    }
-  );
-};
-export {
-  x as default
-};

package/dist/MagicLinkInternationalWireDetailsPage-DI3Gcb4K.js

@@ -1,43 +0,0 @@
-import { j as S } from "./vendor-.pnpm-B2klaOGU.js";
-import { I as p } from "./InternationalWireSwiftDetailsPage-DKQ9d1KE.js";
-const b = ({
-  magicLinkViewState: t,
-  magicLinkBankAccountDetails: a,
-  mailingAddressDetails: n,
-  isDisabled: e,
-  companyName: r,
-  onSaveHandler: o,
-  onBankDetailsUpdated: i,
-  onFetchBankNameBySwift: s,
-  onAddressClick: c
-}) => {
-  const {
-    internationalBankAccountCreateStatus: u,
-    internationalBankAccountToCreate: d,
-    fetchBankNameBySwiftStatus: m,
-    bankNameBySwift: k
-  } = a, { currencySymbol: l, amount: f } = t;
-  return /* @__PURE__ */ S.jsx(
-    p,
-    {
-      bankAccountToCreate: d,
-      bankAccountCreationState: u,
-      bankNameBySwift: k,
-      addressToEdit: n,
-      addressType: "vendor_address",
-      fetchBankNameBySwiftStatus: m,
-      isDisabled: e,
-      onSaveHandler: o,
-      onBankDetailsUpdated: i,
-      onAddressClick: c,
-      onFetchBankNameBySwift: s,
-      companyName: r,
-      isMagicLink: !0,
-      currencySymbol: l,
-      amount: f
-    }
-  );
-};
-export {
-  b as default
-};

package/dist/MagicLinkInternationalWireDetailsPage-Dtc38HUY.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./vendor-.pnpm-D0ILHvHB.cjs"),m=require("./InternationalWireSwiftDetailsPage-BIhdyJeq.cjs"),y=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:n,isDisabled:a,companyName:r,onSaveHandler:i,onBankDetailsUpdated:o,onFetchBankNameBySwift:s,onAddressClick:c})=>{const{internationalBankAccountCreateStatus:u,internationalBankAccountToCreate:l,fetchBankNameBySwiftStatus:d,bankNameBySwift:S}=e,{currencySymbol:k,amount:f}=t;return g.jsxRuntimeExports.jsx(m.InternationalWireSwiftDetailsPage,{bankAccountToCreate:l,bankAccountCreationState:u,bankNameBySwift:S,addressToEdit:n,addressType:"vendor_address",fetchBankNameBySwiftStatus:d,isDisabled:a,onSaveHandler:i,onBankDetailsUpdated:o,onAddressClick:c,onFetchBankNameBySwift:s,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};exports.default=y;

package/dist/MagicLinkSuccessPage-BDtaT40N.js

@@ -1,59 +0,0 @@
-import { j as t, L as i } from "./vendor-.pnpm-B2klaOGU.js";
-import o from "@emotion/styled";
-import { r, a, S as n, j as c, H as l, ai as g } from "./index-DOPIZEh4.js";
-const L = () => {
-  const [e] = r("Confetti"), s = a.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;
-  return e != null ? /* @__PURE__ */ t.jsxs(p, { children: [
-    /* @__PURE__ */ t.jsx(
-      i,
-      {
-        loop: !1,
-        play: !0,
-        segments: [100, 299],
-        animationData: e,
-        style: { position: "absolute" },
-        rendererSettings: {
-          preserveAspectRatio: "xMidYMid slice"
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx(x, { children: /* @__PURE__ */ t.jsx(h, {}) }),
-    /* @__PURE__ */ t.jsxs(d, { children: [
-      /* @__PURE__ */ t.jsx(m, { children: s.successTitle }),
-      /* @__PURE__ */ t.jsx(u, { children: s.successNote })
-    ] })
-  ] }) : null;
-}, p = o.div`
-  z-index: 999;
-  height: 100vh;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.background};
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, d = o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  opacity: 80%;
-  margin: 0 ${n.sp4};
-`, m = o(l)`
-  color: ${(e) => e.theme.colors.primary};
-  text-align: center;
-`, u = o(g)`
-  color: ${(e) => e.theme.colors.hero};
-  text-align: center;
-`, x = o.div`
-  position: absolute;
-  top: ${n.sp5};
-  left: ${n.sp5};
-  background-color: ${(e) => e.theme.colors.background};
-`, h = o(c)`
-  color: ${(e) => e.theme.colors.primary};
-  height: ${n.sp4};
-`;
-export {
-  L as default
-};

package/dist/MagicLinkSuccessPage-qE9SKFNX.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("@emotion/styled"),t=require("./index-oPmOjv0R.cjs"),s=()=>{const[e]=t.useAnimation("Confetti"),i=t.appLocale.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;return e!=null?n.jsxRuntimeExports.jsxs(r,{children:[n.jsxRuntimeExports.jsx(n.Lottie,{loop:!1,play:!0,segments:[100,299],animationData:e,style:{position:"absolute"},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}),n.jsxRuntimeExports.jsx(p,{children:n.jsxRuntimeExports.jsx(u,{})}),n.jsxRuntimeExports.jsxs(c,{children:[n.jsxRuntimeExports.jsx(l,{children:i.successTitle}),n.jsxRuntimeExports.jsx(a,{children:i.successNote})]})]}):null},r=o.div`
-  z-index: 999;
-  height: 100vh;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.background};
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,c=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  opacity: 80%;
-  margin: 0 ${t.Space.sp4};
-`,l=o(t.H5Regular)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,a=o(t.LargeRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,p=o.div`
-  position: absolute;
-  top: ${t.Space.sp5};
-  left: ${t.Space.sp5};
-  background-color: ${e=>e.theme.colors.background};
-`,u=o(t.SvgZeniLogoFull)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${t.Space.sp4};
-`;exports.default=s;

package/dist/MagicLinkTitleSection-2lQrSqBL.cjs

@@ -1,17 +0,0 @@
-"use strict";const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),s=require("@emotion/styled"),t=require("./index-oPmOjv0R.cjs"),p=require("react");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const o=C(p),d=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z",fill:"currentColor"})),u=({companyName:e,currencySymbol:i,amount:n})=>{const r=t.appLocale.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,a=n>0?` ${t.amountValueToString("0,0.[00]",n,i)}`:"",l=r.title.replace(/<tenant_name>/,e)+a;return c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[c.jsxRuntimeExports.jsx(S,{children:l}),c.jsxRuntimeExports.jsxs(x,{children:[r.description.replace(/<tenant_name>/,e),c.jsxRuntimeExports.jsxs(g,{children:[c.jsxRuntimeExports.jsx(m,{}),r.encrypted]})]})]})},g=s(t.StandardMedium)`
-  display: flex;
-  gap: ${t.Space.sp1};
-  color: ${t.Colors.successDark};
-`,m=s(d)`
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  color: inherit;
-`,x=s(t.StandardRegular)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: ${t.Space.sp4};
-  color: ${e=>e.theme.colors.champion};
-  margin-top: ${t.Space.sp3};
-`,S=s(t.H5Regular)``;exports.MagicLinkTitleSection=u;

package/dist/MagicLinkTitleSection-3hHoa2Y_.js

@@ -1,40 +0,0 @@
-import { j as t } from "./vendor-.pnpm-B2klaOGU.js";
-import s from "@emotion/styled";
-import { a as C, dM as p, H as d, S as n, o as m, C as g, _ as x } from "./index-DOPIZEh4.js";
-import * as o from "react";
-const h = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z", fill: "currentColor" })), j = ({
-  companyName: e,
-  currencySymbol: i,
-  amount: r
-}) => {
-  const a = C.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen, c = r > 0 ? ` ${p("0,0.[00]", r, i)}` : "", l = a.title.replace(/<tenant_name>/, e) + c;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(w, { children: l }),
-    /* @__PURE__ */ t.jsxs(u, { children: [
-      a.description.replace(/<tenant_name>/, e),
-      /* @__PURE__ */ t.jsxs(S, { children: [
-        /* @__PURE__ */ t.jsx(f, {}),
-        a.encrypted
-      ] })
-    ] })
-  ] });
-}, S = s(x)`
-  display: flex;
-  gap: ${n.sp1};
-  color: ${g.successDark};
-`, f = s(h)`
-  width: ${n.sp4};
-  height: ${n.sp4};
-  color: inherit;
-`, u = s(m)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: ${n.sp4};
-  color: ${(e) => e.theme.colors.champion};
-  margin-top: ${n.sp3};
-`, w = s(d)``;
-export {
-  j as M
-};

package/dist/MailingDetailsSection-Bqq-sUiw.js

@@ -1,74 +0,0 @@
-import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
-import d from "@emotion/styled";
-import { u, a as $, R as t, S as i, fj as x, w as f, D as a } from "./index-DOPIZEh4.js";
-import { L as b } from "./LabeledAddressValueField-Bk9QuGMe.js";
-const o = {
-  largeLabelWidth: new t(120, 140, 220),
-  paddingTopBottom: new t(a[3], a[3]),
-  paddingLeftRight: new t(a[2], a[6]),
-  marginRight: new t(a[3], a[8]),
-  marginLeft: new t(a[3], a[6]),
-  marginLeftTitle: new t(a[4], a[6])
-}, T = ({
-  sectionId: e,
-  addressToEdit: l,
-  addressType: m,
-  isDisabled: p,
-  onAddressClick: g
-}) => {
-  const n = u(), s = $.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails, c = o.largeLabelWidth.value(n);
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(v, { size: n, children: s.addressDetailTitle }),
-    /* @__PURE__ */ r.jsx(L, { size: n, children: /* @__PURE__ */ r.jsx(
-      b,
-      {
-        isDisabled: p,
-        label: {
-          label: s.address,
-          width: c
-        },
-        addressValueField: {
-          name: w(e, "mailingAddress"),
-          placeholder: x(s.address),
-          defaultValue: l,
-          registerOptions: {
-            validate: (h) => h != null
-          },
-          onClick: () => {
-            g(m);
-          }
-        },
-        additionalInfoLabel: s.additionalAddressLabel,
-        showAdditionalInfoLabel: !0,
-        style: {
-          width: "auto",
-          padding: `${i.sp2} ${i.sp2} ${i.sp2} ${i.sp0}`
-        },
-        hasHoverBorder: !1
-      }
-    ) })
-  ] });
-}, w = (e, l) => `${e}.${l}`, L = d.div`
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  background-color: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  box-shadow: ${(e) => `${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  margin-left: ${(e) => o.marginLeft.valuePx(e.size)};
-  margin-right: ${(e) => o.marginRight.valuePx(e.size)};
-  margin-top: ${(e) => o.paddingTopBottom.valuePx(e.size)};
-  margin-bottom: ${(e) => o.paddingTopBottom.valuePx(e.size)};
-  &:hover {
-    border: 1px solid ${(e) => e.theme.colors.primary};
-  }
-`, v = d(f)`
-  color: ${(e) => e.theme.colors.primary};
-  margin-bottom: ${i.sp3};
-  margin-top: ${i.sp5};
-  margin-left: ${(e) => o.marginLeftTitle.valuePx(e.size)};
-`;
-export {
-  T as M
-};

package/dist/MailingDetailsSection-YFMjcM9x.cjs

@@ -1,21 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),e=require("./index-oPmOjv0R.cjs"),g=require("./LabeledAddressValueField-DHQuhYKt.cjs"),s={largeLabelWidth:new e.ResponsiveSized(120,140,220),paddingTopBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftRight:new e.ResponsiveSized(e.sp[2],e.sp[6]),marginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),marginLeftTitle:new e.ResponsiveSized(e.sp[4],e.sp[6])},u=({sectionId:i,addressToEdit:o,addressType:d,isDisabled:l,onAddressClick:p})=>{const r=e.useWindowSizeContext(),a=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,c=s.largeLabelWidth.value(r);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(S,{size:r,children:a.addressDetailTitle}),t.jsxRuntimeExports.jsx(h,{size:r,children:t.jsxRuntimeExports.jsx(g.LabeledAddressValueField,{isDisabled:l,label:{label:a.address,width:c},addressValueField:{name:x(i,"mailingAddress"),placeholder:e.getPlaceholderTextWithPrefix(a.address),defaultValue:o,registerOptions:{validate:m=>m!=null},onClick:()=>{p(d)}},additionalInfoLabel:a.additionalAddressLabel,showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${e.Space.sp2} ${e.Space.sp2} ${e.Space.sp2} ${e.Space.sp0}`},hasHoverBorder:!1})})]})},x=(i,o)=>`${i}.${o}`,h=n.div`
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  background-color: ${i=>i.theme.colors.grey5};
-  border: 1px solid ${i=>i.theme.colors.grey3};
-  box-shadow: ${i=>`${e.Space.sp0} 2px ${e.Space.sp1} ${i.theme.colors.dropShadowNormal}`};
-  border-radius: ${e.Space.sp2};
-  margin-left: ${i=>s.marginLeft.valuePx(i.size)};
-  margin-right: ${i=>s.marginRight.valuePx(i.size)};
-  margin-top: ${i=>s.paddingTopBottom.valuePx(i.size)};
-  margin-bottom: ${i=>s.paddingTopBottom.valuePx(i.size)};
-  &:hover {
-    border: 1px solid ${i=>i.theme.colors.primary};
-  }
-`,S=n(e.LargeMedium)`
-  color: ${i=>i.theme.colors.primary};
-  margin-bottom: ${e.Space.sp3};
-  margin-top: ${e.Space.sp5};
-  margin-left: ${i=>s.marginLeftTitle.valuePx(i.size)};
-`;exports.MailingDetailsSection=u;