@zeniai/web-components 3.17.8 → 3.17.9

package/dist/LowBalancePopup-C2c34BLg.cjs

@@ -0,0 +1,34 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),d=require("@emotion/styled"),p=require("@zeniai/client-epic-state"),e=require("./index-BQB0Z3KX.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/LowBalancePopup-SVo1lS6h.js

@@ -0,0 +1,219 @@
+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-usWkcKCS.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/MagicLinkACHDetailsPage-DkcF2MZw.js

@@ -0,0 +1,39 @@
+import { j as A } from "./vendor-.pnpm-B2klaOGU.js";
+import { A as b } from "./ACHDetailsPage-C-kvNsV-.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/MagicLinkACHDetailsPage-PbtpnsSi.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./vendor-.pnpm-D0ILHvHB.cjs"),y=require("./ACHDetailsPage-FdCJOfL4.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/MagicLinkDomesticWireDetailsPage-Bwb4uyCa.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./vendor-.pnpm-D0ILHvHB.cjs"),D=require("./DomesticWireDetailsPage-BEYL4VzR.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-BybtB7er.js

@@ -0,0 +1,44 @@
+import { j as y } from "./vendor-.pnpm-B2klaOGU.js";
+import { D } from "./DomesticWireDetailsPage-C_aeBdRL.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-BpKxj3xt.js

@@ -0,0 +1,43 @@
+import { j as S } from "./vendor-.pnpm-B2klaOGU.js";
+import { I as p } from "./InternationalWireSwiftDetailsPage-tCSPP9DD.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-DfL7seZ7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./vendor-.pnpm-D0ILHvHB.cjs"),m=require("./InternationalWireSwiftDetailsPage-DO-qbLet.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-C5Hpq0qq.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("@emotion/styled"),t=require("./index-BQB0Z3KX.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/MagicLinkSuccessPage-CUxLS-4h.js

@@ -0,0 +1,59 @@
+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-usWkcKCS.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/MagicLinkTitleSection-C4ZVM0kp.js

@@ -0,0 +1,40 @@
+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-usWkcKCS.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/MagicLinkTitleSection-s55jBjbM.cjs

@@ -0,0 +1,17 @@
+"use strict";const c=require("./vendor-.pnpm-D0ILHvHB.cjs"),s=require("@emotion/styled"),t=require("./index-BQB0Z3KX.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/MailingDetailsSection-CTQsW1Ad.js

@@ -0,0 +1,74 @@
+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-usWkcKCS.js";
+import { L as b } from "./LabeledAddressValueField-D_DLhQyN.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-sLjuAEn9.cjs

@@ -0,0 +1,21 @@
+"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),e=require("./index-BQB0Z3KX.cjs"),g=require("./LabeledAddressValueField-CgxTlgDu.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;