@zeniai/web-components 3.16.56 → 3.16.57

package/dist/VendorFiling1099EditablePage-L7LPIuou.cjs

@@ -0,0 +1,175 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-BW93Fnli.cjs"),h=require("react"),r=require("@emotion/styled"),e=require("./index-C8marfrT.cjs"),we=require("./LabeledDropDownFormattedTextField-DWaRWojY.cjs"),K={paddingTopBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),paddingLeftRightSubPage:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeftSubtitle:new e.ResponsiveSized(e.sp[4],e.sp[8]),marginTopSubtitle:new e.ResponsiveSized(e.sp[4],e.sp[3]),largeLabelWidth:new e.ResponsiveSized(160,210,230),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),customTitleFont:new e.ResponsiveSized(e.sp[4],e.sp[5]),customTitleMarginBottom:new e.ResponsiveSized(e.sp[0],e.sp[3]),customTitleMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8])},b=(s,n)=>`${s}.${n}`;function ve(s){const{loadingState:n}=s;return t.jsxRuntimeExports.jsx($e,{...s,isDisabled:s.isDisabled||n==="In-Progress"?"disabled":void 0})}function $e({googleAPIKey:s,addressToEdit:n,sectionId:l,isDisabled:x,style:A}){const N=e.useWindowSizeContext(),c=e.appLocale.getLocalizedStrings().companyPassport,p=K.largeLabelWidth.value(N);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(Z,{type:"hidden",value:"noAutoFill"}),t.jsxRuntimeExports.jsx(Ce,{style:A,children:t.jsxRuntimeExports.jsxs(Ee,{children:[t.jsxRuntimeExports.jsx(e.LabeledPlacesAddressField,{isDisabled:x,label:{label:c.address.street,width:p,showBullet:!0},addressField:{name:b(l,"street"),defaultValue:{addressString:n?.street[0]??"",addressValue:n!=null?e.toAddressValue(n):void 0},placeholder:e.getPlaceholderTextWithPrefix$2(c.address.street),registerOptions:{required:!0,validate:j=>j!=null?!!j.addressString:!1},autoComplete:"new-password",googleAPIKey:s,addressFormatter:e.defaultAddressFormatter},style:{border:"none",width:"100%",outline:"none"}}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:x,label:{label:c.address.suite,width:p,showBullet:!0},style:{wordBreak:"break-word",width:"100%",outline:"none"},text:{type:"text",name:b(l,"suite"),defaultValue:n?.street[1],placeholder:c.address.suitePlaceholder,autoComplete:"new-password"}}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:x,label:{label:c.address.city,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:b(l,"city"),defaultValue:n?.city,placeholder:e.getPlaceholderTextWithPrefix$2(c.address.city),autoComplete:"new-password",options:{required:!0}}}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:x,label:{label:c.address.state,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:b(l,"state"),defaultValue:n?.state,placeholder:e.getPlaceholderTextWithPrefix$2(c.address.state),autoComplete:"new-password",options:{required:!0}}}),t.jsxRuntimeExports.jsx(Z,{readOnly:!0,value:"noAutoFill"}),t.jsxRuntimeExports.jsx(e.LabeledCountrySelectField,{isDisabled:x,label:{label:c.address.country,width:p,showBullet:!0},style:{width:"100%",outline:"none"},countrySelectField:{name:b(l,"country"),placeholder:c.address.countryPlaceholder,defaultValue:e.getCountryOptions(n?.country),registerOptions:{validate:j=>!!(j!=null&&j.selectedOption)}}}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:x,label:{label:c.address.zipCode,width:p,showBullet:!0},style:{width:"100%",outline:"none"},text:{type:"text",name:b(l,"postalCode"),defaultValue:n?.postalCode,placeholder:c.address.zipCodePlaceHolder,autoComplete:"new-password",options:{required:!0}}}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{isDisabled:x,label:{label:c.address.secondaryInfo,width:p,showBullet:!0},style:{paddingBottom:K.paddingBottom.valuePx(N),width:"100%",outline:"none"},text:{type:"text",name:b(l,"secondaryInfo"),defaultValue:n?.street[2],placeholder:c.address.secondaryInfoPlaceholder,autoComplete:"new-password"}})]})})]})}const Ce=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e.Space.sp3};
+`,Ee=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey5};
+  border-radius: ${e.Space.sp2};
+  padding-right: ${e.Space.sp2};
+`,Z=r.input`
+  display: none;
+`,Fe=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp7};
+  margin-bottom: ${e.Space.sp4};
+`,Le=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp3};
+`,Te=r.div`
+  border: 1px solid ${s=>s.theme.colors.grey3};
+  filter: drop-shadow(
+    ${e.Space.sp0} 2px ${e.Space.sp1} ${e.Colors.boxShadowElevation}
+  );
+  border-radius: ${e.Space.sp2};
+  background: ${s=>s.theme.colors.grey5};
+`,Pe=r.div`
+  margin-left: ${e.Space.sp3};
+`,k=r.div`
+  padding: ${e.Space.sp3};
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid ${s=>s.theme.colors.grey3};
+`,Ve=()=>t.jsxRuntimeExports.jsx(Fe,{children:[...Array(1)].map((s,n)=>t.jsxRuntimeExports.jsxs(Le,{children:[t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{style:{marginBottom:e.Space.sp4},width:120,height:e.sp[4]}),t.jsxRuntimeExports.jsxs(Te,{children:[[...Array(5)].map((l,x)=>t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:70,height:e.sp[4]}),t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:140,height:e.sp[4]})]},x)),t.jsxRuntimeExports.jsx(k,{children:t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:120,height:e.sp[4]})}),t.jsxRuntimeExports.jsx(Pe,{children:[...Array(7)].map((l,x)=>t.jsxRuntimeExports.jsxs(k,{children:[t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:70,height:e.sp[4]}),t.jsxRuntimeExports.jsx(e.RectangularContentLoader,{width:140,height:e.sp[4]})]},x))})]})]},n))}),S={largeLabelWidth:new e.ResponsiveSized(130,200,300),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[3]),labelMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[3]),containerPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),containerPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[6],e.sp[8]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[3])},Ne={zIndex:2,minHeight:62},o="vendor1099FilingSectionId",ee="legalName",te="email",se="phone",oe="taxClassification",ne="tinType",ie="tinValue",Ie="street",ze="suite",Ae="city",Be="state",We="country",ke="countryCode",qe="postalCode",Oe="secondaryInfo",z=s=>`${s}_form`,C=(s,n)=>`${s}.${n}`,{spendManagement:Me,common:i}=e.appLocale.getLocalizedStrings(),R=Me.billPay.vendorCreation,T=i.labels,J=i.footer,He=s=>{const n=e.useWindowSizeContext(),l=new AbortController,x=t.useTheme(),A=l.signal,{onVendorFiling1099UploadDetailsSave:N,vendorId:c,vendorFiling1099UploadDetailsViewState:p,onSaveChangesToLocalStore:j,vendorFiling1099UploadDetails:w,fetchVendorFetchStatus:q,onAddressEditHandler:re,goBackToListPage:O,onResetVendorFiling1099FormStatus:le,googleAPIKey:ae}=s,{vendor1099DetailsSaveStatus:E,vendor1099DetailsLocalData:d,w9FormUploadStatus:M}=p,[H,_]=h.useState(w.addressStatus?.addressToCreate??{street:[],city:"",state:"",country:"",countryCode:"",postalCode:""}),D=h.useRef(null),{vendorTypeList:B}=w,F=h.useRef(null),L=h.useRef(null),U=h.useRef(!1);h.useEffect(()=>{L.current===null&&d.legalName!=i.strings.empty&&p.vendor1099DetailsAutoFilledValues?.legalName===!0&&(L.current=d.legalName)},[d.legalName]),h.useEffect(()=>{F.current===null&&d.legalName!==i.strings.empty&&(F.current=d.legalName)},[d.legalName]),h.useEffect(()=>{w?.addressStatus?.addressToCreate&&p.vendor1099DetailsAutoFilledValues?.address===!0&&U.current===!1&&(_(w.addressStatus.addressToCreate),U.current=!0)},[w,p.vendor1099DetailsAutoFilledValues?.address]);const m=t.useForm({mode:"onSubmit",defaultValues:Y(d,B??[],H),values:Y(d,B??[],H)}),{isValid:de}=m.formState,ce=m.handleSubmit(()=>{de&&(re(m.getValues()),N(c,A))}),{vendor1099DetailsAutoFilledValues:y}=p,pe=()=>y?.tin.type===!0||y?.tin.value===!0||y?.legalName===!0||y?.taxClassification===!0,ue=async(g,a)=>{if(g!=null){const u={...a},he=u[o].legalName,ye=u[o].email,fe=u[o].phone,Se=u[o].taxClassification,je=u[o].tinType,G=u[o].tinValue,be={legalName:he??i.strings.empty,vendorId:c,contact:{email:ye??i.strings.empty,phone:fe??i.strings.empty,fullName:d.contact?.fullName??i.strings.empty,id:d.contact?.id??i.strings.empty},taxClassification:Se.selectedType??i.strings.empty,tin:{type:je??null,value:G??null},tinValue:G??null};if(g.includes(`${o}.street`)&&a.vendor1099FilingSectionId.street!=null){const{addressValue:$}=a.vendor1099FilingSectionId.street,Re=m.getValues(`${o}.country`),W=e.getCountryOptions($?.country);m.setValue(o,{...a[o],street:a.vendor1099FilingSectionId.street,city:$?.locality??"",state:$?.administrativeAreaLevel1??"",country:W,countryCode:$?.countryCode??"",postalCode:$?.postalCode??"",secondaryInfo:a.vendor1099FilingSectionId.secondaryInfo??"",suite:a.vendor1099FilingSectionId.suite??""}),t.has(m.formState.errors,`${o}.city`)&&$?.locality&&m.trigger(`${o}.city`),Re.selectedOption!==W.selectedOption&&m.setValue(`${o}.country`,W)}else g==="vendor1099FilingSectionId.country"&&a[o].country.selectedOption!=null&&m.setValue(`${o}.countryCode`,e.getAlpha2(a[o].country.selectedOption));j(be)}};h.useEffect(()=>{const g=m.watch((a,{name:u})=>{u!=null&&a!=null&&((u.startsWith(`${o}.street`)||u.startsWith(`${o}.city`)||u.startsWith(`${o}.state`)||u.startsWith(`${o}.country`)||u.startsWith(`${o}.postalCode`))&&a[o]!=null&&_({street:[a[o].street?.addressString??i.strings.empty,a[o].suite??i.strings.empty,a[o].secondaryInfo??i.strings.empty],city:a[o].city??i.strings.empty,state:a[o].state??i.strings.empty,country:a[o].country?.selectedOption??i.strings.empty,countryCode:a[o].countryCode,postalCode:a[o].postalCode??i.strings.empty}),t.defer(()=>ue(u,a)))});return()=>{g.unsubscribe()}});const v=S.largeLabelWidth.value(n),xe=E.error?.message??i.strings.empty,me=E.error?.title??i.strings.empty,ge=()=>E?.fetchState==="In-Progress"||q?.fetchState==="In-Progress"||M?.fetchState==="In-Progress",f=q?.fetchState==="In-Progress"||M?.fetchState==="In-Progress";return h.useEffect(()=>()=>{l.abort(),le()},[]),t.jsxRuntimeExports.jsx(De,{windowSize:n,children:t.jsxRuntimeExports.jsxs(_e,{windowSize:n,children:[t.jsxRuntimeExports.jsxs(Ue,{windowSize:n,ref:D,children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:(p.vendor1099DetailsAutoFilledValues?.legalName===!0?L.current:F.current)??i.strings.empty,backgroundColor:x.colors.grey4,leftSideComponent:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),rightSideComponent:t.jsxRuntimeExports.jsx(Ke,{windowSize:n,onClick:O,"data-testid":e.generateDataTestId("vendor-filling-1099-details-editable-page-close-icon")}),scrollableContent:D,enableTitleOnScroll:!0,scrollThreshold:50,source:"VendorFiling1099EditablePage"}),f===!0?t.jsxRuntimeExports.jsx(Q,{windowSize:n,isLoading:f,children:t.jsxRuntimeExports.jsx(Ve,{})}):t.jsxRuntimeExports.jsxs(Q,{windowSize:n,isLoading:f,children:[n==="small"?t.jsxRuntimeExports.jsx(Ze,{windowSize:n,children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?L.current:F.current}):t.jsxRuntimeExports.jsx(Je,{children:p.vendor1099DetailsAutoFilledValues?.legalName===!0?L.current:F.current}),E.fetchState==="Error"?t.jsxRuntimeExports.jsxs(Qe,{children:[t.jsxRuntimeExports.jsx(tt,{}),t.jsxRuntimeExports.jsxs(Xe,{children:[t.jsxRuntimeExports.jsx(Ye,{children:me}),t.jsxRuntimeExports.jsx(et,{children:xe})]})]}):null,pe()&&t.jsxRuntimeExports.jsxs(nt,{children:[t.jsxRuntimeExports.jsx(V,{}),t.jsxRuntimeExports.jsx(it,{children:R.vendorDetails.banner})]}),t.jsxRuntimeExports.jsx(t.FormProvider,{...m,children:t.jsxRuntimeExports.jsx("form",{id:z(o),onSubmit:ce,children:t.jsxRuntimeExports.jsxs(Ge,{isLoading:f,children:[t.jsxRuntimeExports.jsx(I,{children:y?.legalName===!0&&!f?t.jsxRuntimeExports.jsx(V,{}):null}),t.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:T.legalName,width:v,style:{marginLeft:e.Space.sp4}},style:{width:"auto",borderTopLeftRadius:e.Space.sp2,borderTopRightRadius:e.Space.sp2},text:{type:"text",name:C(o,ee),defaultValue:d.legalName,placeholder:R.vendorDetails.legalNamePlaceHolder,options:{required:!0,validate:g=>g!==i.strings.empty}}}),t.jsxRuntimeExports.jsx(P,{}),t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(e.LabeledTextField,{label:{label:T.email,width:v,style:{marginLeft:e.Space.sp4}},style:{width:"auto"},text:{type:"email",name:C(o,te),defaultValue:d.contact?.email,placeholder:R.vendorDetails.emailPlaceHolder,options:{required:!1}}}),t.jsxRuntimeExports.jsx(P,{}),t.jsxRuntimeExports.jsx(e.LabeledPhoneNumberField,{label:{label:T.phone,width:v,style:{marginLeft:e.Space.sp4}},text:{name:C(o,se),placeholder:R.vendorDetails.phonePlaceHolder,defaultValue:d.contact?.phone,autoComplete:"off",options:{required:!1}},style:{width:"auto"}}),t.jsxRuntimeExports.jsx(P,{})]}),t.jsxRuntimeExports.jsxs(rt,{isLoading:f,children:[t.jsxRuntimeExports.jsx(I,{children:y?.taxClassification===!0&&!f?t.jsxRuntimeExports.jsx(V,{}):null}),t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(st,{width:v,windowSize:n,children:T.taxClassification}),t.jsxRuntimeExports.jsx(ot,{size:n,labelWidth:v,children:t.jsxRuntimeExports.jsx(e.SingleSelectType,{name:C(o,oe),value:{allTypes:B?.map(g=>({code:g.code,name:g.name,label:g.name}))??[],selectedType:d.taxClassification},placeholderLabel:R.vendorDetails.taxClassificationPlaceHolder})})]})]}),t.jsxRuntimeExports.jsx(P,{}),t.jsxRuntimeExports.jsx(I,{children:(y?.tin.type===!0||y?.tin.value===!0)&&!f?t.jsxRuntimeExports.jsx(V,{}):null}),t.jsxRuntimeExports.jsx(X,{children:t.jsxRuntimeExports.jsx(we.LabeledDropDownFormattedTextField,{name:C(o,ne),menuPlacement:"auto",style:{height:e.Space.sp6,width:"100%",marginLeft:e.Space.sp4},dropdownStyle:{width:"40%"},defaultValue:{dropDownValue:d.tin?.type??i.strings.empty,dropDownList:[{code:i.texts.ein,label:i.texts.ein.toUpperCase()},{code:i.texts.ssn,label:i.texts.ssn.toUpperCase()}]},registerOptions:{required:!1},label:{width:v},placeholderLabel:R.placeholders.tinType,formattedText:{type:"text",name:C(o,ie),placeholder:R.placeholders.tinValue,format:d.tin?.type===i.texts.ssn?e.SSN_FORMAT:e.TIN_FORMAT,registerOptions:{required:!!d?.tin?.type,pattern:d.tin?.type===i.texts.ssn?e.SSN_PATTERN:e.TIN_PATTERN},style:{width:"100%",height:e.Space.sp6},defaultValue:d.tin?.value??i.strings.empty,maxLength:9,allowLeadingZeros:!0,autoComplete:"new-password",isDisabled:d.tin?.type===null?"disabled":void 0}})}),t.jsxRuntimeExports.jsx(P,{}),t.jsxRuntimeExports.jsxs(lt,{children:[t.jsxRuntimeExports.jsx(I,{children:y?.address===!0&&!f?t.jsxRuntimeExports.jsx(V,{}):null}),t.jsxRuntimeExports.jsx(e.Label,{label:T.address,style:{marginLeft:e.Space.sp4,marginTop:S.labelMarginTop.value(n),marginBottom:e.Space.sp2}}),t.jsxRuntimeExports.jsx(ve,{googleAPIKey:ae,formId:z(o),addressToEdit:w?.addressStatus?.addressToCreate,sectionId:o})]})]})})})]})]}),t.jsxRuntimeExports.jsx(e.Footer,{separatorStyle:{marginRight:e.Space.sp4},formId:z(o),cancelBtn:{label:J.cancel,style:{width:"83px"},onClick:O},primaryBtn:{label:J.save,isLoading:E.fetchState==="In-Progress",style:{width:"83px"},isDisabled:ge()},style:Ne})]})})},_e=r.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+`,De=r.div`
+  height: 100%;
+`,Q=r.div`
+  padding-left: ${s=>S.containerPaddingLeft.valuePx(s.windowSize)};
+  padding-right: ${s=>S.containerPaddingRight.valuePx(s.windowSize)};
+  height: ${s=>s.isLoading?void 0:"100%"};
+  padding-bottom: 112px;
+`,Ue=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,Ge=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${s=>s.isLoading?void 0:s.theme.colors.grey5};
+  border: ${s=>s.isLoading?void 0:`1px solid ${s.theme.colors.grey3}`};
+  box-shadow: ${s=>s.isLoading?void 0:`${e.Space.sp0} 2px ${e.Space.sp1} ${s.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+`,P=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${s=>s.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ke=r(e.SvgClose)`
+  cursor: pointer;
+  color: ${s=>s.theme.colors.hero};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  &:hover {
+    color: ${s=>s.theme.colors.primary};
+  }
+`,Ze=r(e.H4Regular)`
+  color: ${s=>s.theme.colors.primary};
+  margin-bottom: ${e.Space.sp0};
+  margin-right: ${e.Space.sp3};
+`,Je=r(e.H3Regular)`
+  color: ${s=>s.theme.colors.primary};
+  margin-bottom: ${e.Space.sp4};
+`,Qe=r.div`
+  background-color: ${e.Colors.alertLight};
+  border: 1px solid ${e.Colors.brandColorGoldDark};
+  border-radius: ${e.Space.sp2};
+  display: flex;
+  gap: ${e.Space.sp2};
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  margin-bottom: ${e.Space.sp3};
+`,Xe=r.div`
+  display: flex;
+  flex-direction: column;
+`,Ye=r(e.StandardMedium)`
+  color: ${e.Colors.brandColorGoldDark};
+`,et=r(e.StandardRegular)`
+  color: ${e.Colors.brandColorGoldDark};
+`,tt=r(e.SvgHighImportanceFilled)`
+  width: ${e.Space.sp4};
+  min-height: ${e.Space.sp4};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${e.Colors.brandColorGoldDark};
+`,X=r.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: ${e.Space.sp8};
+  width: 100%;
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${s=>s.theme.colors.primary};
+    input {
+      background-color: ${s=>s.theme.colors.background};
+    }
+  }
+
+  :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;
+  }
+`,st=r(e.StandardRegular)`
+  width: ${s=>s.width}px;
+  color: ${s=>s.theme.colors.hero};
+  margin: ${s=>`${S.labelMarginTop.valuePx(s.windowSize)} ${S.labelMarginLeft.valuePx(s.windowSize)} ${S.labelMarginBottom.valuePx(s.windowSize)} ${S.labelMarginLeft.valuePx(s.windowSize)}`};
+  padding-right: ${e.Space.sp5};
+`,ot=r.div`
+  width: ${s=>s.labelWidth!=null?`calc(100% - ${s.labelWidth}px)`:"100%"};
+  display: flex;
+  flex-grow: ${s=>s.size==="small"?1:0};
+  align-items: center;
+  margin-right: ${e.Space.sp2};
+`,V=r(e.SvgAutofill3)`
+  color: ${s=>s.theme.colors.primary};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,nt=r.div`
+  display: flex;
+  gap: ${e.Space.sp2};
+  border: 1px solid ${s=>s.theme.colors.grey3};
+  padding: ${e.Space.sp3};
+  border-radius: ${e.Space.sp2};
+  align-items: center;
+  margin: ${e.Space.sp3};
+  margin-left: ${e.Space.sp0};
+  margin-right: ${e.Space.sp0};
+`,it=r.span`
+  color: ${s=>s.theme.colors.hero};
+`,rt=r.div`
+  position: relative;
+`,I=r.div`
+  position: absolute;
+  top: 20px;
+  left: -${e.Space.sp4};
+`,lt=r.div`
+  display: flex;
+  position: relative;
+  width: 100%;
+  flex-direction: column;
+  z-index: unset;
+
+  &:hover {
+    outline: 1px solid ${s=>s.theme.colors.primary};
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+`,Y=(s,n,l)=>({[o]:{[ee]:s.legalName??i.strings.empty,[te]:s.contact?.email??i.strings.empty,[se]:s.contact?.phone??i.strings.empty,[oe]:{selectedType:s.taxClassification,allTypes:n},[ne]:s.tin?.type??null,[ie]:s.tin?.value??null,[Ie]:{addressString:l?.street[0]??"",addressValue:l!=null?e.toAddressValue(l):void 0},[Ae]:l?.city??"",[Be]:l?.state??"",[We]:e.getCountryOptions(l?.country),[ke]:l?.countryCode??"",[qe]:l?.postalCode??"",[Oe]:l?.street[2]??"",[ze]:l?.street[1]??""}});exports.default=He;exports.uniqueFormName=z;