@zeniai/web-components 3.16.55 → 3.16.57

package/dist/VendorInternationalWireDetailsPage-CqSan_FN.cjs

@@ -1,152 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-BW93Fnli.cjs"),P=require("react"),x=require("@emotion/styled"),W=require("@zeniai/client-epic-state"),e=require("./index-DWk0ezoc.cjs"),H=require("./BankAccountWarningSection-DPNi3yBS.cjs"),ie=require("./MailingDetailsSection-Cb7Fz_8i.cjs"),se=require("./CurrencySelectField-CSDBHXvL.cjs"),w={width:new e.ResponsiveSized(343,580,726),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},X={infoLabel:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function le({isDisabled:t,label:o,currencySelectField:i,style:h,errorInfoLabel:p,isAdditionalInfoLabelLoading:l=!1,showAdditionalLabelTooltip:s=!1,additionalLabelTooltip:j,additionalInfoLabel:b,showAdditionalInfoLabel:$=!0}){const S=e.useWindowSizeContext(),{formState:{errors:g}}=n.useFormContext(),v=n.useTheme(),R=n.has(g,i.name),u=()=>{if(l===!0)return n.jsxRuntimeExports.jsx(pe,{children:n.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0})});if($&&b||R){let c=null;return s===!0&&$&&j&&(c=n.jsxRuntimeExports.jsx(e.Tooltip,{placement:S==="small"?"bottom":"right",maxWidth:"364px",title:n.jsxRuntimeExports.jsx(ce,{children:j}),children:n.jsxRuntimeExports.jsx(me,{children:n.jsxRuntimeExports.jsx(xe,{})})})),n.jsxRuntimeExports.jsxs(ue,{size:S,isError:R,hasToolTip:s,isDisabled:t!=null,children:[c,b]})}};return n.jsxRuntimeExports.jsxs(re,{size:S,style:h,isDisabled:t!=null,isError:R,"data-testid":e.generateDataTestId("labeled-currency-field",i.name),children:[n.jsxRuntimeExports.jsx(e.Label,{isDisabled:t,label:o.label,htmlFor:i.name,style:{marginLeft:w.labelMarginLeft.value(S),marginRight:w.labelMarginRight.value(S),marginTop:w.labelMarginTop.value(S),width:o.width??"auto",color:t==="disabled"?v.colors.grey2:v.colors.hero}}),n.jsxRuntimeExports.jsxs(de,{labelWidth:o.width,children:[n.jsxRuntimeExports.jsx(se.CurrencySelectField,{...i,isDisabled:t,style:{display:"flex",flexGrow:1,height:w.controlHeight.value(S)}}),R?n.jsxRuntimeExports.jsx(ae,{windowSize:S,hasError:R,children:p}):null,u()]})]})}const re=x.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${t=>t.theme.colors.grey5};
-  width: ${t=>w.width.valuePx(t.size)};
-  min-height: ${t=>w.height.valuePx(t.size)};
-  padding-right: ${t=>w.marginRight.valuePx(t.size)};
-  padding-top: ${t=>w.paddingTopBottom.valuePx(t.size)};
-  padding-bottom: ${t=>w.paddingTopBottom.valuePx(t.size)};
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 2;
-    outline: 1px solid ${t=>t.theme.colors.primary};
-    .select-control {
-      background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.background};
-    }
-  }
-
-  .select-control {
-    background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.grey5};
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: ${t=>t.isDisabled===!0?"none":`1px solid ${t.theme.colors.primary}`};
-    .select-control {
-      background-color: ${t=>t.isDisabled===!0?t.theme.colors.grey5:t.isError?e.Colors.importantLight:t.theme.colors.background};
-    }
-  }
-`,ae=x.label`
-  color: ${t=>t.hasError===!0?e.Colors.important:t.additionalInfoTextColor??t.theme.colors.grey1};
-  width: auto;
-  ${t=>`${X.infoLabel.style(t.windowSize)}`};
-  padding-right: ${e.Space.sp3};
-  text-align: right;
-`,de=x.div`
-  display: flex;
-  width: ${t=>t.labelWidth!=null?`calc(100% - ${t.labelWidth}px)`:"auto"};
-  justify-content: flex-end;
-  flex-direction: column;
-  position: relative;
-`,ce=x(e.SmallRegular)`
-  padding: 12px;
-  color: ${t=>t.theme.colors.grey1};
-  background: ${t=>t.theme.colors.overlayColor};
-  border-radius: ${e.Space.sp1};
-`,pe=x.div`
-  padding-right: ${e.Space.sp3};
-  padding-top: ${e.Space.sp1};
-  display: flex;
-  justify-content: flex-end;
-`,ue=x.label`
-  display: flex;
-  justify-content: flex-end;
-  color: ${t=>t.isDisabled?t.theme.colors.grey2:t.isError?e.Colors.important:t.theme.colors.hero};
-  ${t=>`${X.infoLabel.style(t.size)}`};
-  padding-right: ${e.Space.sp3};
-  text-align: right;
-  margin-top: ${t=>t.hasToolTip===!0?e.Space.sp1:e.Space.sp0};
-`,me=x.div`
-  display: flex;
-  margin-right: ${e.Space.sp2};
-  margin-top: 2px;
-  align-items: center;
-`,xe=x(e.SvgInfo)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: inherit;
-`,z={largeLabelWidth:new e.ResponsiveSized(120,140,220),paddingTopBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),labelHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),toolTipWidth:new e.ResponsiveSized(60,150)},ge=({dynamicFormFetchState:t,dynamicFormConfig:o,supportedAccountTypes:i,supportedCountries:h,supportedCurrencies:p,wireAccountToCreate:l,sectionId:s,isCountryDropdownReadonly:j,isCurrencyDropdownReadonly:b,isDisabled:$,style:S})=>{const g=e.useWindowSizeContext(),{getValues:v}=n.useFormContext(),R=n.useTheme(),u=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,{international:c}=u,y=z.largeLabelWidth.value(g),D=l?.accountType?.type,C=l?.countryCode==null,M=l?.currencyCode==null,E=["phone","email","other"];return n.jsxRuntimeExports.jsx(he,{style:S,children:n.jsxRuntimeExports.jsxs(ye,{children:[n.jsxRuntimeExports.jsx(e.LabeledCountrySelectField,{isDisabled:j===!0?"readonly":void 0,label:{label:c.country,width:y},style:{width:"auto"},countrySelectField:{name:L(s,"vendorCountry"),placeholder:c.countryPlaceholder,defaultValue:e.getCountryOptions(l?.countryCode,h.map(a=>a.countryCode)),registerOptions:{validate:a=>!!(a!=null&&a.selectedOption)}},additionalInfoLabel:u.international.countryAdditionalInfo}),n.jsxRuntimeExports.jsx(T,{}),n.jsxRuntimeExports.jsx(le,{isDisabled:C===!0?"disabled":b===!0?"readonly":void 0,label:{label:c.currency,width:y},style:{width:"auto"},currencySelectField:{name:L(s,"vendorCurrency"),placeholder:c.currencyPlaceholder,defaultValue:{allOptions:p.map(a=>({label:`${a.currencySymbol} - ${a.currencyName}`,value:a.currencyCode,countryCode:a.countryCode,currency:a.currencyName})),selectedOption:l?.currencyCode},registerOptions:{validate:a=>!!(a!=null&&a.selectedOption)}},additionalInfoLabel:u.international.currencyAdditionalInfo}),n.jsxRuntimeExports.jsx(T,{}),M!==!0&&t==="Completed"?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.LabeledSingleSelectPickerField,{isDisabled:void 0,label:{label:c.typeOfAccount,width:y},style:{width:"auto"},singleSelectPickerField:{name:L(s,"typeOfAccount"),placeholder:c.typeOfAccountPlaceholder,defaultValue:{selectedOption:l?.accountType?.type,allOptions:i.map(a=>({label:a.title,value:a.type}))},registerOptions:{validate:a=>!!(a!=null&&a.selectedOption)}}}),n.jsxRuntimeExports.jsx(T,{})]}):null,l!=null&&D!=null&&l.dynamicForm[D]!=null&&o.length>0?Object.keys(l.dynamicForm[D]).map(a=>{const r=o.filter(I=>I.name===a)[0],m=l.accountType?.type;if(m!=null&&r!=null){const I=l.dynamicForm[m][a];switch(r.fieldType){case"text":return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:r.label+c.colon,width:y},text:{type:"text",name:O(s,"dynamicForm",m,r.name),placeholder:r.placeholder,defaultValue:I,options:{required:r.required,pattern:r.validationRegex!=null?new RegExp(r.validationRegex):void 0,maxLength:r.maxLength,minLength:r.minLength}},isDisabled:$,style:{width:"auto"},showAdditionalInfoLabel:!1},O(s,"dynamicForm",m,r.name)),n.jsxRuntimeExports.jsx(T,{})]});case"select":return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.LabeledSingleSelectPickerField,{isDisabled:void 0,label:{label:r.label+c.colon,width:y},style:{width:"auto"},singleSelectPickerField:{name:O(s,"dynamicForm",m,r.name),placeholder:r.placeholder,defaultValue:{selectedOption:I,allOptions:r.valuesAllowed??[]}}},O(s,"dynamicForm",m,r.name)),n.jsxRuntimeExports.jsx(T,{})]});case"radio":return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(N,{size:g,children:[n.jsxRuntimeExports.jsx(e.Label,{label:r.label+c.colon,htmlFor:O(s,"dynamicForm",m,r.name),style:{marginLeft:z.labelMarginLeft.value(g),marginRight:z.labelMarginRight.value(g),width:y}}),n.jsxRuntimeExports.jsx(U,{labelWidth:y,size:g,children:r.valuesAllowed?.map(B=>n.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:B.label},style:{paddingRight:`${e.Space.sp4}`,width:"auto"},radioField:{name:O(s,"dynamicForm",m,r.name),id:r.name,value:B.value,registerOptions:{required:!0}}},B.value))})]},O(s,"dynamicForm",m,r.name)),n.jsxRuntimeExports.jsx(T,{})]});default:return null}}else return null}):null,n.jsxRuntimeExports.jsxs(fe,{size:g,children:[n.jsxRuntimeExports.jsxs(N,{size:g,children:[n.jsxRuntimeExports.jsx(e.Label,{label:c.addSource,htmlFor:L(s,"source"),style:{marginLeft:z.labelMarginLeft.value(g),marginRight:z.labelMarginRight.value(g),width:y},showTooltip:!0,tooltipTitle:c.sourceTooltip,toolTipWidth:z.toolTipWidth.valuePx(g)}),n.jsxRuntimeExports.jsxs(U,{labelWidth:y,size:g,children:[n.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:c.phone},style:{paddingRight:`${e.Space.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(s,"source"),id:E[0],value:E[0],registerOptions:{required:!0},radioSize:"small"}}),n.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:c.email},style:{paddingRight:`${e.Space.sp4}`,width:"auto"},isContainerClickable:!0,radioField:{name:L(s,"source"),id:E[1],value:E[1],registerOptions:{required:!0},radioSize:"small"}}),n.jsxRuntimeExports.jsx(e.LabeledRadioField,{label:{label:c.other},style:{width:"auto"},isContainerClickable:!0,radioField:{name:L(s,"source"),id:E[2],value:E[2],registerOptions:{required:!0},radioSize:"small"}})]})]}),v(`${s}.source`)==="other"?n.jsxRuntimeExports.jsx(e.TextField,{type:"text",name:L(s,"otherSource"),placeholder:c.sourcePlaceholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:e.Space.sp7,width:"calc(100% - largeLabelWidth)",background:R.colors.background,border:`1px solid ${R.colors.background}`,marginLeft:y},registerOptions:{required:!0,validate:a=>v(`${s}.source`)==="other"&&!!a}}):null]}),n.jsxRuntimeExports.jsx(T,{})]})})},L=(t,o)=>`${t}.${o}`,O=(t,o,i,h)=>`${t}.${o}.${i}.${h}`,he=x.div`
-  display: flex;
-  flex-direction: column;
-`,ye=x.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};
-`,T=x.div`
-  display: flex;
-  flex: 1;
-  background-color: ${t=>t.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,fe=x.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding-right: ${t=>z.labelMarginRight.valuePx(t.size)};
-  padding-top: ${t=>z.labelMarginTop.valuePx(t.size)};
-  padding-bottom: ${t=>z.paddingTopBottom.valuePx(t.size)};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${t=>t.theme.colors.primary};
-  }
-`,N=x.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  align-items: flex-start;
-  background-color: ${t=>t.theme.colors.grey5};
-  min-height: ${t=>z.labelHeight.valuePx(t.size)};
-  align-items: center;
-`,U=x.div`
-  display: flex;
-  flex-direction: row;
-  width: ${t=>`calc(100% - ${t.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${t=>z.controlHeight.valuePx(t.size)};
-  align-items: center;
-`,k={paddingTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),paddingBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),paddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),paddingTopBottomContainer:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftContainer:new e.ResponsiveSized(e.sp[3],e.sp[6]),paddingRightContainer:new e.ResponsiveSized(e.sp[3],e.sp[8]),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginLeft:new e.ResponsiveSized(e.sp[4],e.sp[6]),labelMarginLeft:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),buttonWidth:new e.ResponsiveSized(140,140)},G="internationalDetailsPage",f="internationalWireSection",be="mailingAddressSection",J=t=>`${t}_form`,Se=({internationalWireView:t,vendorType:o,isCountryDropdownReadonly:i=!1,isCurrencyDropdownReadonly:h=!1,isDisabled:p,addressType:l,addressToEdit:s,mailingAddress:j,billAmount:b,onAccountDetailsUpdated:$,onCurrencyUpdated:S,onSaveHandler:g,onBackClick:v,onAddressClick:R})=>{const u=e.useWindowSizeContext(),c=t.createInternationalWireDetails.localData,y=t.createInternationalWireDetails.createStatus,D=t.fetchState,C=n.useForm({mode:"all",reValidateMode:"onChange",defaultValues:P.useMemo(()=>K(t),[t]),values:K(t)}),[M,E]=P.useState(!1),[a,r]=P.useState(!1),m=e.appLocale.getLocalizedStrings().spendManagement.billPay.vendorCreation,I=e.appLocale.getLocalizedStrings().common.footer,{international:B}=m.wireDetails,Y={onOkClick:()=>{r(!1),C.reset(),v()},onCancelClick:()=>{r(!1)}},Z=(d,F)=>{if(d.includes("account_holder_name")||d.includes("bank_account_iban")||d.includes("bank_swift_code")||d.includes("account_number")||d.includes("sort_code")||d.includes("ifsc_code")||d.includes("upi_id")||d.includes("contact_no")||d.includes("bank_code")||d.includes("institution_number")||d.includes("transit_number")||d.includes("identification_value")||d.includes("branch_code")||d.includes("clabe")||d.includes("bsb_code")||d.includes("proxy_value")||d.includes("php_e_wallet_no")){E(!0);return}const _=d===`${f}.vendorCountry`,q=d===`${f}.vendorCurrency`;q&&F[f].vendorCurrency.selectedOption!=null&&S(F[f].vendorCurrency.selectedOption,b,o);const ne={...F},oe=Q(ne,t,_,q,h);$(oe,b,o,q||_)};P.useEffect(()=>{const d=C.watch((F,{name:_})=>{_!=null&&F!=null&&n.defer(()=>Z(_,F))});return()=>{d.unsubscribe()}});const A=P.useCallback(()=>{const d=C.getValues(),F=Q(d,t,!1,!1,h);$(F,b,o,!1),E(!1)},[C,t,h,$,b,o]),V=P.useCallback(()=>{M&&A(),R(l)},[M,A,R,l]),ee=C.handleSubmit(d=>{M&&A(),g()}),te=!n.isEqual(j!=null?W.getFormattedAddress(j):j,s!=null?W.getFormattedAddress(s):s)||C.formState.isDirty;return n.jsxRuntimeExports.jsxs(Ce,{children:[n.jsxRuntimeExports.jsxs(ze,{size:u,children:[a===!0?n.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:m.discardTitle}),descriptionComponent:n.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:m.discardDescription}),primaryButtonText:m.discard,secondaryButtonText:m.cancel,action:Y}):null,n.jsxRuntimeExports.jsx(H.BankAccountPageNavSection,{header:B.addInternationalWireDetails,isDirty:te,onBackClick:v,setShowConfirmationPopup:r}),y?.fetchState==="Error"&&y.error?.code===409?n.jsxRuntimeExports.jsx(H.BankAccountWarningSection,{warningText:m.bankAccountCommon.accountExistWarning}):null,n.jsxRuntimeExports.jsx($e,{size:u,children:m.bankAccountCommon.accountDetailsTitle}),n.jsxRuntimeExports.jsx(n.FormProvider,{...C,children:n.jsxRuntimeExports.jsxs("form",{id:J(G),onSubmit:ee,children:[n.jsxRuntimeExports.jsx(je,{size:u,children:n.jsxRuntimeExports.jsx(ge,{wireAccountToCreate:c,dynamicFormFetchState:D,supportedAccountTypes:t.supportedAccountTypes,supportedCountries:t.supportedCountries,supportedCurrencies:t.supportedCurrencies,dynamicFormConfig:t.dynamicForm,sectionId:f,isDisabled:p,isCountryDropdownReadonly:i,isCurrencyDropdownReadonly:h})}),n.jsxRuntimeExports.jsx(ie.MailingDetailsSection,{sectionId:be,isDisabled:p,addressType:l,addressToEdit:s,onAddressClick:V})]})})]}),n.jsxRuntimeExports.jsx(e.Footer,{formId:J(G),primaryBtn:{label:m.bankAccountCommon.saveAccount,isLoading:y.fetchState==="In-Progress",style:{width:k.buttonWidth.value(u)},isDisabled:p!=null},cancelBtn:{label:I.cancel,style:{width:k.buttonWidth.value(u)},shouldResetOnCancel:!1,onClick:()=>{C.formState.isDirty?r(!0):(C.reset(),v())}}})]})},ve=t=>{const o=t.dynamicForm,i=t.createInternationalWireDetails.localData?.dynamicForm,h=t.createInternationalWireDetails.localData?.accountType?.type;let p={};return i!=null&&o.length>0?(Object.keys(i).forEach(l=>{l===h?(p={...p,[l]:{}},Object.keys(i[l]).forEach(s=>{o.find(b=>b.name===s)?.fieldType==="select"?p[l]={...p[l],[s]:{selectedOption:i[l][s],allOptions:o.find(b=>b.name===s)?.valuesAllowed??[]}}:p[l]={...p[l],[s]:i[l][s]}})):p={...p,[l]:{}}}),p):{}},K=t=>{const o=t.createInternationalWireDetails.localData?.source;return{[f]:{vendorCountry:e.getCountryOptions(t.createInternationalWireDetails.localData?.countryCode,t.supportedCountries.map(i=>i.countryCode)),vendorCurrency:{allOptions:t.supportedCurrencies.map(i=>({label:`${i.currencyCode} - ${i.currencyName}`,value:i.currencyCode,countryCode:i.currencySymbol,currency:i.currencyName})),selectedOption:t.createInternationalWireDetails.localData?.currencyCode},typeOfAccount:{allOptions:t.supportedAccountTypes.map(i=>({label:i.title,value:i.type})),selectedOption:t.createInternationalWireDetails.localData?.accountType?.type},dynamicForm:ve(t),source:o!=null&&o!=="phone"&&o!=="email"?"other":o,otherSource:o!=null&&o!=="phone"&&o!=="email"?o:void 0}}},Re=t=>{let o={};return Object.keys(t).forEach(i=>{o={...o,[i]:typeof t[i]=="string"?t[i]:t[i].selectedOption}}),o},Q=(t,o,i,h,p)=>{const l=o.createInternationalWireDetails.localData?.accountType?.type;return{dynamicForm:l!=null?{...o.createInternationalWireDetails.localData?.dynamicForm,[l]:Re(t[f].dynamicForm?.[l]??{})}:o.createInternationalWireDetails.localData?.dynamicForm??{},source:t[f].source==="other"?t[f].otherSource??"":t[f].source,countryCode:t[f].vendorCountry.selectedOption!=null?e.getAlpha2(t[f].vendorCountry.selectedOption):void 0,currencyCode:i&&!p?void 0:t[f].vendorCurrency.selectedOption,accountType:h||t[f].typeOfAccount.selectedOption==null?void 0:{type:t[f].typeOfAccount.selectedOption,title:o.supportedAccountTypes.filter(s=>s.type===t[f].typeOfAccount.selectedOption)[0].title}}},je=x.div`
-  padding-left: ${t=>k.paddingLeftContainer.valuePx(t.size)};
-  padding-right: ${t=>k.paddingRightContainer.valuePx(t.size)};
-  padding-top: ${t=>k.paddingTopBottomContainer.valuePx(t.size)};
-  padding-bottom: ${t=>k.paddingTopBottomContainer.valuePx(t.size)};
-`,Ce=x.div`
-  background-color: ${t=>t.theme.colors.grey4};
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`,ze=x.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-`,$e=x(e.LargeMedium)`
-  color: ${t=>t.theme.colors.champion};
-  margin-left: ${t=>k.marginLeft.valuePx(t.size)};
-  margin-top: ${e.Space.sp3};
-`,Ee=({internationalWireView:t,vendorViewDetails:o,bankAccountContext:i,vendorType:h,addressType:p,isDisabled:l,addressToEdit:s,mailingAddress:j,billAmount:b,onAccountDetailsUpdated:$,onCurrencyUpdated:S,onSaveHandler:g,onBackClick:v,onAddressClick:R})=>{const u={...o.editVendorState??o.newVendorState},c=u.vendorDetailLocalData?.paymentInstrumentIds!=null&&u.vendorDetailLocalData?.paymentInstrumentIds.length>0,y=u.vendorBasic?.countryCode!=null||c,D=u.vendorBasic?.currencyCode!=null||c;return P.useEffect(()=>{(i==="vendor"&&t.createInternationalWireDetails.createStatus.fetchState==="Completed"||u?.saveStatus?.fetchState==="Completed")&&v()},[u?.saveStatus?.fetchState,v,i,t.createInternationalWireDetails.createStatus]),n.jsxRuntimeExports.jsx(Se,{internationalWireView:t,addressToEdit:s,mailingAddress:j,addressType:p,billAmount:b,isDisabled:l,onSaveHandler:g,onBackClick:v,onAddressClick:R,onAccountDetailsUpdated:$,onCurrencyUpdated:S,vendorType:h,isCountryDropdownReadonly:y,isCurrencyDropdownReadonly:D})};exports.default=Ee;

package/dist/VendorInternationalWireSwiftDetailsPage-Bhnewo3W.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./vendor-.pnpm-BW93Fnli.cjs"),p=require("react"),w=require("./InternationalWireSwiftDetailsPage-Cvf--3pB.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/VendorInternationalWireSwiftDetailsPage-D7FYPVgc.js

@@ -1,52 +0,0 @@
-import { j as p } from "./vendor-.pnpm-Q8NJHkXi.js";
-import { useEffect as v } from "react";
-import { I as w } from "./InternationalWireSwiftDetailsPage-BSbC9vYS.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/VendorsAccountsSection-B5a7wuJN.js

@@ -1,279 +0,0 @@
-import { u as oe, b as P, j as o } from "./vendor-.pnpm-Q8NJHkXi.js";
-import c from "@emotion/styled";
-import { u as te, a as ie, R as d, iu as m, an as g, S as s, j8 as f, av as ne, C as se, gh as re, G as ce, D as a } from "./index-Dc_o2gSy.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
-}, I = {
-  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) => `${I.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) => `${I.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: L,
-  showTitle: k = !0
-}) {
-  const n = te(), l = oe(), {
-    accruedExpensesAccountHierarchy: O,
-    accruedExpensesAccountList: E,
-    accruedExpensesRecommendations: R,
-    fixedAssetsAccountHierarchy: B,
-    fixedAssetsAccountList: _,
-    fixedAssetsRecommendations: M,
-    prepaidExpensesAccountHierarchy: F,
-    prepaidExpensesAccountList: T,
-    prepaidExpensesRecommendations: z,
-    selectedAccruedExpensesAccountIds: V,
-    selectedFixedAssetsAccountIds: W,
-    selectedPrepaidExpensesAccountIds: H
-  } = u, i = ie.getLocalizedStrings().uncategorizedAccountsMapping, p = r.labelWidth.value(n), q = m(
-    F,
-    z,
-    "Accounts"
-  ), D = m(
-    B,
-    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: [
-    k ? /* @__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, _)
-          }
-        }
-      ) }) }),
-      L ? /* @__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/VendorsAccountsSection-fhDnX4W2.cjs

@@ -1,68 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-BW93Fnli.cjs"),c=require("@emotion/styled"),t=require("./index-DWk0ezoc.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;