@zeniai/web-components 3.17.24 → 3.17.25

package/dist/VendorInternationalWireSwiftDetailsPage-CBKqnkvK.js

@@ -1,52 +0,0 @@
-import { j as p } from "./vendor-.pnpm-UYinI_7q.js";
-import { useEffect as v } from "react";
-import { I as w } from "./InternationalWireSwiftDetailsPage-DqTA5UPe.js";
-const B = ({
-  vendorViewDetails: s,
-  bankAccountContext: r,
-  isDisabled: n,
-  onSaveHandler: o,
-  onBankDetailsUpdated: d,
-  onBackClick: t,
-  onFetchBankNameBySwift: i,
-  onAddressClick: f
-}) => {
-  const {
-    internationalBankAccountCreateStatus: a,
-    internationalBankAccountToCreate: S,
-    editVendorState: m,
-    newVendorState: u,
-    bankNameBySwift: c,
-    fetchBankNameBySwiftStatus: l
-  } = s, e = {
-    ...m ?? u
-  };
-  return v(() => {
-    (r === "vendor" && a.fetchState === "Completed" || e?.saveStatus?.fetchState === "Completed") && t();
-  }, [
-    a,
-    e?.saveStatus?.fetchState,
-    t,
-    r
-  ]), /* @__PURE__ */ p.jsx(
-    w,
-    {
-      bankAccountToCreate: S,
-      bankAccountCreationState: a,
-      bankNameBySwift: c,
-      addressToEdit: e?.vendorNewAddressStatus?.addressToCreate,
-      mailingAddress: e?.vendorAddress,
-      addressType: "vendor_address",
-      fetchBankNameBySwiftStatus: l,
-      isDisabled: n,
-      onSaveHandler: o,
-      onBankDetailsUpdated: d,
-      onBackClick: t,
-      onAddressClick: f,
-      onFetchBankNameBySwift: i
-    }
-  );
-};
-export {
-  B as default
-};

package/dist/VendorInternationalWireSwiftDetailsPage-CDFxzbfs.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./vendor-.pnpm-DLVCFIC_.cjs"),p=require("react"),w=require("./InternationalWireSwiftDetailsPage-CfWvyUM5.cjs"),g=({vendorViewDetails:r,bankAccountContext:n,isDisabled:s,onSaveHandler:d,onBankDetailsUpdated:o,onBackClick:t,onFetchBankNameBySwift:i,onAddressClick:u})=>{const{internationalBankAccountCreateStatus:a,internationalBankAccountToCreate:S,editVendorState:c,newVendorState:f,bankNameBySwift:l,fetchBankNameBySwiftStatus:m}=r,e={...c??f};return p.useEffect(()=>{(n==="vendor"&&a.fetchState==="Completed"||e?.saveStatus?.fetchState==="Completed")&&t()},[a,e?.saveStatus?.fetchState,t,n]),v.jsxRuntimeExports.jsx(w.InternationalWireSwiftDetailsPage,{bankAccountToCreate:S,bankAccountCreationState:a,bankNameBySwift:l,addressToEdit:e?.vendorNewAddressStatus?.addressToCreate,mailingAddress:e?.vendorAddress,addressType:"vendor_address",fetchBankNameBySwiftStatus:m,isDisabled:s,onSaveHandler:d,onBankDetailsUpdated:o,onBackClick:t,onAddressClick:u,onFetchBankNameBySwift:i})};exports.default=g;

package/dist/VendorsAccountsSection-ByrtY2Ck.cjs

@@ -1,68 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-DLVCFIC_.cjs"),c=require("@emotion/styled"),t=require("./index-BSvKy2E6.cjs"),r={labelWidth:new t.ResponsiveSized(270,340,350),sectionWidth:new t.ResponsiveSized(343,580,726),iconContainerMaxWidthHeight:new t.ResponsiveSized(t.sp[6],t.sp[7]),iconContainerMarginRight:new t.ResponsiveSized(12,t.sp[3]),iconPadding:new t.ResponsiveSized(10,12),rowGap:new t.ResponsiveSized(t.sp[2],t.sp[3]),elementsMarginLeftRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),controlWidth:t.Space.sp6},C={title:new t.ResponsiveSizedStyle("standardMedium","largeMedium")},Q=c.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>r.rowGap.valuePx(e.windowSize)};
-`,U=c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>r.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-  fill: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,x=c.div`
-  display: flex;
-  align-items: flex-start;
-  flex-direction: row;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${t.Space.sp4};
-  margin-bottom: ${t.Space.sp0};
-`,X=c.div`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${C.title.style(e.windowSize)}`};
-`,m=c.div`
-  display: flex;
-  flex-direction: column;
-`,h=c.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.iconColor.toString()};
-  border-radius: ${t.Space.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?t.Colors.neutralGrey5Light:e.theme.colors.brandColorOnyx};
-  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.iconContainerMarginRight.valuePx(e.windowSize)};
-`,g=c.div`
-  ${e=>`${C.title.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-`,S=c(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-`,f=c(t.SvgVendors)`
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-`,j=c.div`
-  display: flex;
-  flex-direction: column;
-`,R=c.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${t.Space.sp3};
-  margin-bottom: ${t.Space.sp3};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${t.Space.sp2};
-`,E=(e,d)=>`${e}.${d}`;function Y({sectionId:e,vendorAccountMappingSection:d,isAccruedExpensesFeatureEnabled:_,showTitle:z=!0}){const n=t.useWindowSizeContext(),l=o.useTheme(),{accruedExpensesAccountHierarchy:M,accruedExpensesAccountList:w,accruedExpensesRecommendations:b,fixedAssetsAccountHierarchy:T,fixedAssetsAccountList:A,fixedAssetsRecommendations:v,prepaidExpensesAccountHierarchy:O,prepaidExpensesAccountList:y,prepaidExpensesRecommendations:$,selectedAccruedExpensesAccountIds:I,selectedFixedAssetsAccountIds:L,selectedPrepaidExpensesAccountIds:P}=d,i=t.appLocale.getLocalizedStrings().uncategorizedAccountsMapping,a=r.labelWidth.value(n),k=t.getGroupedAccountOptions(O,$,"Accounts"),F=t.getGroupedAccountOptions(T,v,"Accounts"),q=t.getGroupedAccountOptions(M,b,"Accounts"),B=$[0]?.account?.reason??"",V=i.tooltip.replace("__based__",B).replace("__account__",i.vendorSection.prepaidExpenseAccount),W=v[0]?.account?.reason??"",G=i.tooltip.replace("__based__",W).replace("__account__",i.vendorSection.fixedAssetsAccount),H=b[0]?.account?.reason??"",D=i.tooltip.replace("__based__",H).replace("__account__",i.vendorSection.accruedExpensesAccount),J=y.filter(s=>P.includes(s.accountId)??!1),N=A.filter(s=>L.includes(s.accountId)??!1),K=w.filter(s=>I.includes(s.accountId)??!1),p={valueContainer:s=>({...s,padding:`2px ${t.Space.sp3}`,overflow:"unset"}),multiValue:s=>({...s,margin:0})},u=l.mode==="light"?new o.Color(l.colors.brandColorJadeLight):new o.Color(l.colors.brandColorJadeDark);return o.jsxRuntimeExports.jsxs(Q,{windowSize:n,children:[z?o.jsxRuntimeExports.jsx(X,{windowSize:n,children:i.vendorSection.heading}):null,o.jsxRuntimeExports.jsxs(U,{windowSize:n,children:[o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.prepaidExpenseTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.prepaidExpenseSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.prepaidExpenselabel,width:a},groupedMultiSelectField:{name:E(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:k,selectedOptions:J.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:V,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,y)}})})}),o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.FixedAssetsTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.fixedAssetsSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.fixedAssetslabel,width:a},groupedMultiSelectField:{name:E(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:F,selectedOptions:N.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:G,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,A)}})})}),_?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(x,{windowSize:n,children:[o.jsxRuntimeExports.jsx(h,{windowSize:n,iconColor:u,isDarkMode:l.mode==="dark",children:o.jsxRuntimeExports.jsx(f,{})}),o.jsxRuntimeExports.jsxs(m,{children:[o.jsxRuntimeExports.jsx(g,{windowSize:n,children:i.vendorSection.AccruedExpensesTitle}),o.jsxRuntimeExports.jsx(S,{children:i.vendorSection.accruedExpensesSubTitle})]})]}),o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(R,{windowSize:n,children:o.jsxRuntimeExports.jsx(t.LabeledGroupedMultiSelectField,{label:{label:i.vendorSection.accruedExpenseslabel,width:a},groupedMultiSelectField:{name:E(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:q,selectedOptions:K.map(s=>s.qboId).filter(s=>s!=null)},placeholder:i.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${l.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:p,tooltip:{text:D,sticky:!1},valueToId:s=>t.getCOAIdForCategory(s,w)}})})})]}):null]})]})}exports.VendorsAccountsSection=Y;

package/dist/VendorsAccountsSection-C9NkRN0p.js

@@ -1,279 +0,0 @@
-import { u as oe, b as P, j as o } from "./vendor-.pnpm-UYinI_7q.js";
-import c from "@emotion/styled";
-import { u as te, a as ie, R as d, iD as m, am as g, S as s, jo as f, aw as ne, C as se, gk as re, F as ce, D as a } from "./index-ymbrtWl5.js";
-const r = {
-  labelWidth: new d(270, 340, 350),
-  sectionWidth: new d(343, 580, 726),
-  iconContainerMaxWidthHeight: new d(a[6], a[7]),
-  iconContainerMarginRight: new d(12, a[3]),
-  iconPadding: new d(10, 12),
-  rowGap: new d(a[2], a[3]),
-  elementsMarginLeftRight: new d(a[3], a[4]),
-  controlWidth: s.sp6
-}, k = {
-  title: new ne("standardMedium", "largeMedium")
-}, le = c.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${(e) => r.rowGap.valuePx(e.windowSize)};
-`, de = c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${(e) => r.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  box-shadow: ${(e) => `${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${s.sp2};
-  fill: ${(e) => e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  &:hover {
-    border: 1px solid ${(e) => e.theme.colors.primary};
-    fill: ${(e) => e.theme.colors.primary};
-  }
-`, S = c.div`
-  display: flex;
-  align-items: flex-start;
-  flex-direction: row;
-  margin-left: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${s.sp4};
-  margin-bottom: ${s.sp0};
-`, ae = c.div`
-  color: ${(e) => e.theme.colors.primary};
-  ${(e) => `${k.title.style(e.windowSize)}`};
-`, w = c.div`
-  display: flex;
-  flex-direction: column;
-`, b = c.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: ${(e) => r.iconPadding.valuePx(e.windowSize)};
-  background: ${(e) => e.iconColor.toString()};
-  border-radius: ${s.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${(e) => e.isDarkMode ? se.neutralGrey5Light : e.theme.colors.brandColorOnyx};
-  max-width: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${(e) => r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${(e) => r.iconContainerMarginRight.valuePx(e.windowSize)};
-`, y = c.div`
-  ${(e) => `${k.title.style(e.windowSize)}`};
-  color: ${(e) => e.theme.colors.primary};
-`, A = c(ce)`
-  color: ${(e) => e.theme.colors.hero};
-`, $ = c(re)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-`, v = c.div`
-  display: flex;
-  flex-direction: column;
-`, j = c.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${(e) => r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${s.sp3};
-  margin-bottom: ${s.sp3};
-  background-color: ${(e) => e.theme.colors.grey5};
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  border-radius: ${s.sp2};
-`, C = (e, u) => `${e}.${u}`;
-function he({
-  sectionId: e,
-  vendorAccountMappingSection: u,
-  isAccruedExpensesFeatureEnabled: I,
-  showTitle: L = !0
-}) {
-  const n = te(), l = oe(), {
-    accruedExpensesAccountHierarchy: O,
-    accruedExpensesAccountList: E,
-    accruedExpensesRecommendations: R,
-    fixedAssetsAccountHierarchy: F,
-    fixedAssetsAccountList: _,
-    fixedAssetsRecommendations: M,
-    prepaidExpensesAccountHierarchy: B,
-    prepaidExpensesAccountList: T,
-    prepaidExpensesRecommendations: z,
-    selectedAccruedExpensesAccountIds: V,
-    selectedFixedAssetsAccountIds: W,
-    selectedPrepaidExpensesAccountIds: H
-  } = u, i = ie.getLocalizedStrings().uncategorizedAccountsMapping, p = r.labelWidth.value(n), q = m(
-    B,
-    z,
-    "Accounts"
-  ), D = m(
-    F,
-    M,
-    "Accounts"
-  ), G = m(
-    O,
-    R,
-    "Accounts"
-  ), J = z[0]?.account?.reason ?? "", N = i.tooltip.replace("__based__", J).replace("__account__", i.vendorSection.prepaidExpenseAccount), K = M[0]?.account?.reason ?? "", Q = i.tooltip.replace("__based__", K).replace("__account__", i.vendorSection.fixedAssetsAccount), U = R[0]?.account?.reason ?? "", X = i.tooltip.replace("__based__", U).replace("__account__", i.vendorSection.accruedExpensesAccount), Y = T.filter(
-    (t) => H.includes(t.accountId) ?? !1
-  ), Z = _.filter(
-    (t) => W.includes(t.accountId) ?? !1
-  ), ee = E.filter(
-    (t) => V.includes(t.accountId) ?? !1
-  ), x = {
-    valueContainer: (t) => ({
-      ...t,
-      padding: `2px ${s.sp3}`,
-      overflow: "unset"
-    }),
-    multiValue: (t) => ({
-      ...t,
-      margin: 0
-    })
-  }, h = l.mode === "light" ? new P(l.colors.brandColorJadeLight) : new P(l.colors.brandColorJadeDark);
-  return /* @__PURE__ */ o.jsxs(le, { windowSize: n, children: [
-    L ? /* @__PURE__ */ o.jsx(ae, { windowSize: n, children: i.vendorSection.heading }) : null,
-    /* @__PURE__ */ o.jsxs(de, { windowSize: n, children: [
-      /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
-        /* @__PURE__ */ o.jsx(
-          b,
-          {
-            windowSize: n,
-            iconColor: h,
-            isDarkMode: l.mode === "dark",
-            children: /* @__PURE__ */ o.jsx($, {})
-          }
-        ),
-        /* @__PURE__ */ o.jsxs(w, { children: [
-          /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.prepaidExpenseTitle }),
-          /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.prepaidExpenseSubTitle })
-        ] })
-      ] }),
-      /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
-        g,
-        {
-          label: {
-            label: i.vendorSection.prepaidExpenselabel,
-            width: p
-          },
-          groupedMultiSelectField: {
-            name: C(e, "prepaidExpensesAccount"),
-            treeViewStructure: !0,
-            groupType: "Accounts",
-            registerOptions: {
-              required: !1
-            },
-            defaultValue: {
-              allOptions: q,
-              selectedOptions: Y.map((t) => t.qboId).filter((t) => t != null)
-            },
-            placeholder: i.placeholder.accountPlaceholders,
-            style: {
-              borderBottom: `1px solid ${l.colors.grey3}`,
-              borderBottomLeftRadius: "inherit",
-              borderBottomRightRadius: "inherit"
-            },
-            customStyleConfig: x,
-            tooltip: { text: N, sticky: !1 },
-            valueToId: (t) => f(t, T)
-          }
-        }
-      ) }) }),
-      /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
-        /* @__PURE__ */ o.jsx(
-          b,
-          {
-            windowSize: n,
-            iconColor: h,
-            isDarkMode: l.mode === "dark",
-            children: /* @__PURE__ */ o.jsx($, {})
-          }
-        ),
-        /* @__PURE__ */ o.jsxs(w, { children: [
-          /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.FixedAssetsTitle }),
-          /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.fixedAssetsSubTitle })
-        ] })
-      ] }),
-      /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
-        g,
-        {
-          label: {
-            label: i.vendorSection.fixedAssetslabel,
-            width: p
-          },
-          groupedMultiSelectField: {
-            name: C(e, "fixedAssetsAccount"),
-            treeViewStructure: !0,
-            groupType: "Accounts",
-            registerOptions: {
-              required: !1
-            },
-            defaultValue: {
-              allOptions: D,
-              selectedOptions: Z.map((t) => t.qboId).filter((t) => t != null)
-            },
-            placeholder: i.placeholder.accountPlaceholders,
-            style: {
-              borderBottom: `1px solid ${l.colors.grey3}`,
-              borderBottomLeftRadius: "inherit",
-              borderBottomRightRadius: "inherit"
-            },
-            customStyleConfig: x,
-            tooltip: { text: Q, sticky: !1 },
-            valueToId: (t) => f(t, _)
-          }
-        }
-      ) }) }),
-      I ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsxs(S, { windowSize: n, children: [
-          /* @__PURE__ */ o.jsx(
-            b,
-            {
-              windowSize: n,
-              iconColor: h,
-              isDarkMode: l.mode === "dark",
-              children: /* @__PURE__ */ o.jsx($, {})
-            }
-          ),
-          /* @__PURE__ */ o.jsxs(w, { children: [
-            /* @__PURE__ */ o.jsx(y, { windowSize: n, children: i.vendorSection.AccruedExpensesTitle }),
-            /* @__PURE__ */ o.jsx(A, { children: i.vendorSection.accruedExpensesSubTitle })
-          ] })
-        ] }),
-        /* @__PURE__ */ o.jsx(v, { children: /* @__PURE__ */ o.jsx(j, { windowSize: n, children: /* @__PURE__ */ o.jsx(
-          g,
-          {
-            label: {
-              label: i.vendorSection.accruedExpenseslabel,
-              width: p
-            },
-            groupedMultiSelectField: {
-              name: C(e, "accruedExpensesAccount"),
-              treeViewStructure: !0,
-              groupType: "Accounts",
-              registerOptions: {
-                required: !1
-              },
-              defaultValue: {
-                allOptions: G,
-                selectedOptions: ee.map((t) => t.qboId).filter((t) => t != null)
-              },
-              placeholder: i.placeholder.accountPlaceholders,
-              style: {
-                borderBottom: `1px solid ${l.colors.grey3}`,
-                borderBottomLeftRadius: "inherit",
-                borderBottomRightRadius: "inherit"
-              },
-              customStyleConfig: x,
-              tooltip: { text: X, sticky: !1 },
-              valueToId: (t) => f(
-                t,
-                E
-              )
-            }
-          }
-        ) }) })
-      ] }) : null
-    ] })
-  ] });
-}
-export {
-  he as V
-};

package/dist/VerifyDevice-DWu23EEf.cjs

@@ -1,112 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DLVCFIC_.cjs"),c=require("react"),r=require("@emotion/styled"),k=require("@zeniai/client-epic-state"),t=require("./index-BSvKy2E6.cjs"),E=require("./AccountLockedInfoModal-BSu-Nq0Z.cjs"),M=e=>{if(!e)return"";try{const i=n.parsePhoneNumber(e);if(!i){const x=e.replace(/\D/g,"");if(x.length>=4){const u=x.slice(-4);return`+${x.slice(0,-4)||"1"} (•••) ••• ${u}`}return n.formatPhoneNumberIntl(e)||e}const d=i.countryCallingCode,l=i.nationalNumber.slice(-4);return`+${d} (•••) ••• ${l}`}catch{const i=e.replace(/\D/g,"");if(i.length>=4){const d=i.slice(-4);return`+${i.slice(0,-4)||"1"} (•••) ••• ${d}`}return n.formatPhoneNumberIntl(e)||e}},C=120,$=30,v=2,A="456px",w="256px",I=6,o=t.appLocale.getLocalizedStrings().commonSetUp.twoFactorAuthentication,j="otpInputField",N=e=>{const i=e.verifyOtpFetchState==="In-Progress",[d,h]=c.useState(!1),[l,x]=c.useState(!1),[u,D]=c.useState(0),[f,R]=c.useState(C),[p,S]=c.useState($),y=t.usePrevious(e.verifyOtpFetchState),m=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:{[j]:""}}),g=m.watch(j),b=()=>{e.onCancelVerifyDevice()},_=()=>{g.trim().length===I&&e.onVerifyOtp(g)},L=o.footerHelperText.replace(/<button_text>/,o.verify);c.useEffect(()=>{y==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(h(!0),D(s=>s+1),m.setValue(j,""))},[y,e.verifyOtpFetchState,m]),c.useEffect(()=>{if(f<=0){x(!0);return}const s=setInterval(()=>{R(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[f]),c.useEffect(()=>{if(p<=0)return;const s=setInterval(()=>{S(a=>a<=1?0:a-1)},1e3);return()=>clearInterval(s)},[p]);const O=s=>{const a=Math.floor(s/60),P=s%60;return`${a}:${P.toString().padStart(2,"0")}`};return n.jsxRuntimeExports.jsx(t.Modal,{open:!0,children:n.jsxRuntimeExports.jsxs(F,{children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u>v,children:n.jsxRuntimeExports.jsx(E.AccountLockedInfo,{unlockDate:k.dateNow().add(1,"hour"),onSubmit:e.onCancelVerifyDevice})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u<=v,children:n.jsxRuntimeExports.jsx(n.FormProvider,{...m,children:n.jsxRuntimeExports.jsxs(Y,{children:[n.jsxRuntimeExports.jsxs(K,{children:[n.jsxRuntimeExports.jsx(V,{children:o.verifyDeviceTitle}),n.jsxRuntimeExports.jsx(B,{children:o.verifyDeviceDescription}),n.jsxRuntimeExports.jsxs(H,{children:[e.phoneNumber!=null&&n.jsxRuntimeExports.jsx(q,{children:M(e.phoneNumber+"")}),n.jsxRuntimeExports.jsx(t.Tooltip,{placement:"top",title:n.jsxRuntimeExports.jsxs(t.SmallRegular,{children:[o.changePhoneNumberHelperText,n.jsxRuntimeExports.jsx(ie,{href:`mailto:${E.ZENI_SUPPORT_EMAIL}`,children:E.ZENI_SUPPORT_EMAIL})]}),enterDelay:600,children:n.jsxRuntimeExports.jsx(se,{})})]})]}),n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(t.OtpInput,{value:g,valueLength:6,hasError:l===!0||d===!0,style:{margin:t.Space.sp0},onChange:s=>{m.setValue(j,s),h(!1)}}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:l===!1,children:n.jsxRuntimeExports.jsx(T,{children:n.jsxRuntimeExports.jsxs(te,{children:[o.codeExpiresIn," ",O(f)]})})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:l===!0,children:n.jsxRuntimeExports.jsx(T,{children:n.jsxRuntimeExports.jsx(ne,{children:o.codeExpired})})})]}),d===!0&&l===!1?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u>=1,children:n.jsxRuntimeExports.jsx(U,{children:o.incorrectCode})}),n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:u===2,children:n.jsxRuntimeExports.jsx(re,{children:n.jsxRuntimeExports.jsxs(t.SmallRegular,{children:[n.jsxRuntimeExports.jsx(oe,{}),o.accountLockWarning]})})})]}):null,n.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:e.resendVerifyDeviceOTPFetchState.error?.details?.application_error_code!=="OTP_RESEND_LIMIT_EXCEEDED",children:n.jsxRuntimeExports.jsxs(X,{children:[n.jsxRuntimeExports.jsx(z,{children:o.codeNotReceived}),n.jsxRuntimeExports.jsx(G,{disabled:p>0,onClick:()=>{p===0&&(e.onResendOtp(),h(!1),x(!1),m.setValue(j,""),R(C),S($))},children:o.resend}),p>0&&n.jsxRuntimeExports.jsxs(Z,{children:[t.appLocale.getLocalizedStrings().common.in.toLowerCase()," ",p,"s"]})]})}),n.jsxRuntimeExports.jsxs(ee,{children:[n.jsxRuntimeExports.jsxs(Q,{children:[n.jsxRuntimeExports.jsx(t.Button,{label:o.cancel,onClick:b,style:{width:82}}),n.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:o.verify,onClick:_,style:{width:82},loading:i,disabled:g.trim().length!==I||l===!0})]}),n.jsxRuntimeExports.jsx(J,{children:L})]})]})})})]})})},F=r.div`
-  display: flex;
-  flex-direction: column;
-  min-width: ${w};
-  max-width: ${A};
-  padding: ${t.Space.sp5} ${t.Space.sp6};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${t.Space.sp2};
-`,V=r(t.H6Medium)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,B=r(t.StandardRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,q=r(t.StandardRegular)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,H=r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${t.Space.sp1};
-`,W=r.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  row-gap: ${t.Space.sp1};
-`,U=r(t.StandardRegularSp)`
-  color: ${t.Colors.important};
-  text-align: center;
-`,X=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${t.Space.sp1};
-`,z=r(t.StandardRegularSp)`
-  color: ${e=>e.theme.colors.hero};
-`,Z=r(t.StandardRegularSp)`
-  color: ${e=>e.theme.colors.hero};
-`,G=r.button`
-  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.link};
-  cursor: ${e=>e.disabled?"default":"pointer"};
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-
-  &:hover {
-    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,Q=r.div`
-  display: flex;
-  justify-content: center;
-  column-gap: ${t.Space.sp3};
-`,J=r(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,K=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${t.Space.sp2};
-`,Y=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${t.Space.sp3};
-`,ee=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${t.Space.sp2};
-  margin-top: ${t.Space.sp2};
-`,T=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: ${e=>e.theme.colors.background};
-`,te=r(t.SmallRegular)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,ne=r(t.SmallRegular)`
-  color: ${t.Colors.important};
-  text-align: center;
-`,re=r.div`
-  display: flex;
-  justify-content: center;
-  background: ${t.Colors.importantLight};
-  border-radius: ${t.Space.sp1};
-  color: ${t.Colors.important};
-  word-wrap: normal;
-  padding: ${t.Space.sp1} ${t.Space.sp6};
-  text-align: center;
-`,oe=r(t.SvgLock)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  top: 2px;
-  position: relative;
-`,se=r(t.SvgInfo)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.grey1};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ie=r.a`
-  text-decoration: underline;
-  color: inherit;
-`;exports.default=N;