@zeniai/web-app-ui 4.14.29-dev → 4.14.30-dev

package/dist/assets/LabeledAddressValueField-D47ofJFV-CGqdgTnp.js

@@ -0,0 +1,45 @@
+import{e as x,cc as w,dX as y,V as d,c6 as v,x as l,et as $,b as z,O as T,f as g,m as i,d as D}from"./index-BHAcVHeH.js";import{n}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="3ee92e8b-450d-45b7-9d5a-4211eb6237c4",e._sentryDebugIdIdentifier="sentry-dbid-3ee92e8b-450d-45b7-9d5a-4211eb6237c4")}catch{}})();const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},B={infoLabel:new D("extraSmallRegular","smallRegular")},L=T.getLocalizedStrings();function j({isDisabled:e,label:o,addressValueField:r,additionalInfoLabel:h,showAdditionalInfoLabel:b=!1,style:p,hasHoverBorder:f,isOptional:m}){const a=x(),{formState:{errors:u}}=w(),s=y(u,r.name),c=s?h:L.commonSetUp.businessVerification.addressAdditionInfo;return d.jsxs(I,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:f??!0,"data-testid":z("labeled-address-value-field",r.name),children:[d.jsx(v,{isDisabled:e,isOptional:m,label:o.label,htmlFor:r.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:o.width??"auto"}}),d.jsxs(M,{labelWidth:o.width,children:[d.jsx($,{...r,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...r.style}}),(b||s)&&d.jsx(P,{size:a,isError:s,children:c})]})]})}const I=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>t.width.valuePx(e.size)};
+  min-height: ${e=>t.height.valuePx(e.size)};
+  padding-right: ${e=>t.marginRight.valuePx(e.size)};
+  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  :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;
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
+    }
+  }
+`,M=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,P=n.label`
+  display: flex;
+  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
+  ${e=>`${B.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{j as C};

package/dist/assets/{LabeledControlledCheckBoxField-Do7rlK6F-CTyXPdV4.js → LabeledControlledCheckBoxField-C_c8Rs-i-Cz1fNsx_.js}

@@ -1,4 +1,4 @@
-import{e as a,V as i,ed as n,c6 as o,o as l,P as r,x as b}from"./index-ByxsQZNo.js";import{c,n as f}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="c19181de-d229-4b9f-93d1-325e3776d61a",e._sentryDebugIdIdentifier="sentry-dbid-c19181de-d229-4b9f-93d1-325e3776d61a")}catch{}})();const y={width:new b(343,580,726)};function u({label:e,checkBoxField:s,style:d}){const t=a();return i.jsxs(h,{size:t,style:d,isDisabled:s.isDisabled,"data-testid":r(s.name,"labeled-check-box-field"),isSelected:s.defaultChecked??!1,children:[i.jsx(n,{...s,style:{...s.style}}),i.jsx(o,{isDisabled:s.isDisabled,label:e.label,labelStyle:e.style,htmlFor:s.name,style:{display:"flex",flex:1,minHeight:l.sp4,marginLeft:l.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const h=f.div`
+import{e as d,V as i,ed as n,c6 as o,o as l,b as r,x as b}from"./index-BHAcVHeH.js";import{c,n as f}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="02efbaa2-54c3-4a52-8a05-326411ca4b16",e._sentryDebugIdIdentifier="sentry-dbid-02efbaa2-54c3-4a52-8a05-326411ca4b16")}catch{}})();const y={width:new b(343,580,726)};function u({label:e,checkBoxField:s,style:a}){const t=d();return i.jsxs(h,{size:t,style:a,isDisabled:s.isDisabled,"data-testid":r(s.name,"labeled-check-box-field"),isSelected:s.defaultChecked??!1,children:[i.jsx(n,{...s,style:{...s.style}}),i.jsx(o,{isDisabled:s.isDisabled,label:e.label,labelStyle:e.style,htmlFor:s.name,style:{display:"flex",flex:1,minHeight:l.sp4,marginLeft:l.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const h=f.div`
   display: flex;
   align-items: center;
   flex-direction: row;

package/dist/assets/{LabeledCountryMultiSelectField-BHwXHYPO-CYnRn6eD.js → LabeledCountryMultiSelectField-vRw9drBe-Bw1loTny.js}

@@ -1,4 +1,4 @@
-import{e as z,cc as S,dX as D,V as o,c6 as E,x as u,d as g,o as l,k as t,y as O,e4 as V,b3 as C,N as P,b4 as h,em as T,a8 as N,l as B,w as y,b2 as H}from"./index-ByxsQZNo.js";import{n as a}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="dedab7dc-8eff-493f-8df4-38c709344936",e._sentryDebugIdIdentifier="sentry-dbid-dedab7dc-8eff-493f-8df4-38c709344936")}catch{}})();const A=({name:e,registerOptions:i,defaultValue:r,isDisabled:s,style:m,placeholder:b})=>{const{control:f,formState:{errors:c}}=S(),$=O(),x=D(c,e??""),_=d=>d.map(w=>(n=>({value:n.value,label:n.label}))(w)),L=d=>d.map(w=>(n=>{if(n!=null&&n)return{value:n,label:r.allOptions.find(v=>v.value===n)?.label??n}})(w)),I={container:d=>({...d,width:"100%",...m}),menu:d=>({...d,backgroundColor:$.colors.grey5,borderRadius:l.sp1,boxShadow:`${l.sp0} 2px ${l.sp2} ${$.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,width:"100%",margin:0}),menuList:d=>({...d,borderRadius:l.sp1})},F={hasError:x};return o.jsx(V,{name:e,control:f,defaultValue:r,rules:i,render:({field:{onChange:d,onBlur:w,value:n,ref:v}})=>o.jsx(C,{...F,ref:v,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:b,value:L(n.selectedOptions),options:_(n.allOptions),onChange:M=>{d({selectedOptions:M.map(R=>R?.value),allOptions:n.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:w,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:G,Option:Y,Input:q,MultiValue:J,MultiValueLabel:K,MultiValueRemove:Q,ValueContainer:X,DropdownIndicator:ne,IndicatorSeparator:ae,Placeholder:W,ClearIndicator:U},hideSelectedOptions:!1,styles:I,isDisabled:s!=null})})},G=e=>{const{menuIsOpen:i,isFocused:r,isDisabled:s,selectProps:m}=e,{value:b,hasError:f}=m;return o.jsx(Z,{menuIsOpen:i,isFocused:r,isDisabled:s,optionsLen:b.length,hasError:f,children:o.jsx(h.Control,{...e,className:"select-control",children:e.children})})},X=e=>{const{selectProps:i}=e,{value:r}=i;return o.jsxs(h.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsx(ee,{className:"selected-options",children:r.map(s=>s.label).join(", ")})]})},q=e=>{const{selectProps:i}=e,{placeholder:r,value:s}=i;return o.jsx(h.Input,{...e,autoComplete:"new-password",placeholder:s.length===0?r:void 0,children:e.children})},J=e=>o.jsx(h.MultiValue,{...e,children:e.children}),K=e=>{const{data:i}=e;return o.jsx(h.MultiValueLabel,{...e,children:i.label})},Q=e=>o.jsx(h.MultiValueRemove,{...e,children:o.jsx(j,{style:{marginTop:"2px"}})}),U=e=>o.jsx(h.ClearIndicator,{...e,children:o.jsx(j,{})}),W=()=>null,Y=e=>{const{isSelected:i,isDisabled:r,isFocused:s}=e;return o.jsx(oe,{isFocused:s,isSelected:i,isDisabled:r,children:o.jsx(h.Option,{...e,className:"select-option",children:o.jsxs(le,{children:[o.jsx(T,{...e.value.length===2?{countryCode2:e.value}:{countryCode3:e.value}}),o.jsx(re,{children:o.jsx(ie,{isSelected:i,isDisabled:r,children:e.label})}),i?o.jsxs(te,{children:[o.jsx(se,{className:"right-tick-icon"}),o.jsx(j,{className:"close-tick-icon"})]}):null]})})})},Z=a.div`
+import{e as z,cc as S,dX as D,V as o,c6 as E,x as u,f as g,o as l,m as t,y as O,e4 as V,b3 as C,d as P,b4 as h,em as T,a8 as N,l as B,w as y,b2 as H}from"./index-BHAcVHeH.js";import{n as a}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="46e60748-0233-4558-b000-da31134ff94d",e._sentryDebugIdIdentifier="sentry-dbid-46e60748-0233-4558-b000-da31134ff94d")}catch{}})();const A=({name:e,registerOptions:i,defaultValue:r,isDisabled:s,style:m,placeholder:b})=>{const{control:f,formState:{errors:c}}=S(),$=O(),x=D(c,e??""),_=d=>d.map(w=>(n=>({value:n.value,label:n.label}))(w)),L=d=>d.map(w=>(n=>{if(n!=null&&n)return{value:n,label:r.allOptions.find(v=>v.value===n)?.label??n}})(w)),I={container:d=>({...d,width:"100%",...m}),menu:d=>({...d,backgroundColor:$.colors.grey5,borderRadius:l.sp1,boxShadow:`${l.sp0} 2px ${l.sp2} ${$.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,width:"100%",margin:0}),menuList:d=>({...d,borderRadius:l.sp1})},F={hasError:x};return o.jsx(V,{name:e,control:f,defaultValue:r,rules:i,render:({field:{onChange:d,onBlur:w,value:n,ref:v}})=>o.jsx(C,{...F,ref:v,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:b,value:L(n.selectedOptions),options:_(n.allOptions),onChange:M=>{d({selectedOptions:M.map(R=>R?.value),allOptions:n.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:w,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:G,Option:Y,Input:q,MultiValue:J,MultiValueLabel:K,MultiValueRemove:Q,ValueContainer:X,DropdownIndicator:ne,IndicatorSeparator:ae,Placeholder:W,ClearIndicator:U},hideSelectedOptions:!1,styles:I,isDisabled:s!=null})})},G=e=>{const{menuIsOpen:i,isFocused:r,isDisabled:s,selectProps:m}=e,{value:b,hasError:f}=m;return o.jsx(Z,{menuIsOpen:i,isFocused:r,isDisabled:s,optionsLen:b.length,hasError:f,children:o.jsx(h.Control,{...e,className:"select-control",children:e.children})})},X=e=>{const{selectProps:i}=e,{value:r}=i;return o.jsxs(h.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsx(ee,{className:"selected-options",children:r.map(s=>s.label).join(", ")})]})},q=e=>{const{selectProps:i}=e,{placeholder:r,value:s}=i;return o.jsx(h.Input,{...e,autoComplete:"new-password",placeholder:s.length===0?r:void 0,children:e.children})},J=e=>o.jsx(h.MultiValue,{...e,children:e.children}),K=e=>{const{data:i}=e;return o.jsx(h.MultiValueLabel,{...e,children:i.label})},Q=e=>o.jsx(h.MultiValueRemove,{...e,children:o.jsx(j,{style:{marginTop:"2px"}})}),U=e=>o.jsx(h.ClearIndicator,{...e,children:o.jsx(j,{})}),W=()=>null,Y=e=>{const{isSelected:i,isDisabled:r,isFocused:s}=e;return o.jsx(oe,{isFocused:s,isSelected:i,isDisabled:r,children:o.jsx(h.Option,{...e,className:"select-option",children:o.jsxs(le,{children:[o.jsx(T,{...e.value.length===2?{countryCode2:e.value}:{countryCode3:e.value}}),o.jsx(re,{children:o.jsx(ie,{isSelected:i,isDisabled:r,children:e.label})}),i?o.jsxs(te,{children:[o.jsx(se,{className:"right-tick-icon"}),o.jsx(j,{className:"close-tick-icon"})]}):null]})})})},Z=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};

package/dist/assets/{LabeledCreatableSingleSelectField-gMUp1tXY-y1kl4nd-.js → LabeledCreatableSingleSelectField-CdF97ljM-DTrzefeb.js}

@@ -1,4 +1,4 @@
-import{e as M,cc as R,dX as F,V as l,c6 as _,x as f,P as I,d as u,k as s,o as i,e4 as N,N as H,y as W,O as B,ej as G,ek as q,cM as X,bV as A,b4 as S,cq as J,db as K,w as k,b2 as Q,a8 as U}from"./index-ByxsQZNo.js";import{n as a}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="0b862c5b-ad6c-452d-b2a4-ee405e6d3d6d",e._sentryDebugIdIdentifier="sentry-dbid-0b862c5b-ad6c-452d-b2a4-ee405e6d3d6d")}catch{}})();const Y=({allValues:e,selectedValue:o,name:r,onSelectedValueChanged:n,isDisabled:d,placeholder:p,isOptionRemovable:w=!0,addIconInCreateLabel:b,getLabelForId:m,tagProperties:x,hasError:j,style:c})=>{const $=W(),y=ye(e,m),C=B.getLocalizedStrings().dropDowns,O=y.sort((t,h)=>t.label.localeCompare(h.label)),v=o!=null&&o?P(o,m):void 0,z={container:t=>({...t,width:"100%",...c}),menu:t=>({...t,backgroundColor:$.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${$.colors.dropShadowHover}`,border:`1px solid ${$.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:t=>({...t,borderRadius:i.sp1}),input:(t,{selectProps:h})=>({...t,":after":{width:h.inputValue.length>0?i.sp0:"unset"}})};return l.jsx(G,{isMulti:!1,onCreateOption:t=>{const h=q(t);n(h)},onChange:t=>{w!==!1&&t?.value!=null&&v?.value===t.value?n(void 0):n(t?.value)},formatCreateLabel:t=>b===!0?(h=>l.jsxs(ue,{children:[l.jsx(pe,{children:l.jsx(J,{fill:"currentColor",height:i.sp3,width:i.sp3})}),l.jsx(ge,{children:`${C.createOption} "${h}"`})]}))(t):`${C.otherOption} ${t}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":I("creatable-single-select",r),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:p,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:t=>{const{menuIsOpen:h,isFocused:D,isDisabled:L,selectProps:E}=t,{value:T}=E;return l.jsx(te,{menuIsOpen:h,isFocused:D,isDisabled:L,selectedValue:T,hasError:j,"data-testid":I("creatable-single-select-control",r),children:l.jsx(S.Control,{...t,className:"select-control",children:t.children})})},Option:ie,Input:t=>{const{selectProps:h}=t,{placeholder:D,value:L}=h;return l.jsx(S.Input,{...t,autoComplete:"new-password",placeholder:L==null?D:void 0,"data-testid":I("creatable-single-select-input",r),children:t.children})},SingleValue:t=>l.jsx(xe,{children:l.jsxs(S.SingleValue,{...t,children:[t.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(t.data.value)===!0&&l.jsx(be,{children:l.jsx(me,{style:x.style,children:x.tagName})}),t.children]})}),ValueContainer:Z,DropdownIndicator:fe,IndicatorSeparator:we,ClearIndicator:$e,Placeholder:le,MenuList:ee},hideSelectedOptions:!1,styles:z,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},X())},Z=e=>l.jsx(S.ValueContainer,{...e,className:"select-value-container",children:e.children}),ee=e=>{const{options:o,children:r,maxHeight:n,getValue:d}=e,[p]=d(),w=40*o.indexOf(p);return l.jsx(A,{height:r.length>7?n:40*r.length,width:"100%",itemCount:r.length,itemSize:()=>40,initialScrollOffset:w,children:({index:b,style:m})=>l.jsx(ne,{style:m,children:r[b]})})},le=()=>null,ie=e=>{const{isSelected:o,isDisabled:r,isFocused:n,data:d}=e,p=typeof d.label=="string"?d.label:d.value;return l.jsx(oe,{isFocused:n,isSelected:o,isDisabled:r,children:l.jsx(S.Option,{...e,className:"select-option",children:l.jsxs(re,{"data-testid":I("creatable-single-select-option",p),children:[l.jsx(se,{children:l.jsx(ae,{isSelected:o,isDisabled:r,children:e.label})}),o?l.jsxs(de,{children:[l.jsx(ce,{className:"right-tick-icon"}),l.jsx(he,{className:"close-tick-icon"})]}):null]})})})},te=a.div`
+import{e as M,cc as R,dX as F,V as l,c6 as _,x,b as I,f as u,m as s,o as i,e4 as N,d as H,y as W,O as B,ej as G,ek as q,cM as X,bV as A,b4 as S,cq as J,db as K,w as k,b2 as Q,a8 as U}from"./index-BHAcVHeH.js";import{n as a}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="3bebc611-483c-4fb0-aa4c-d815b465561d",e._sentryDebugIdIdentifier="sentry-dbid-3bebc611-483c-4fb0-aa4c-d815b465561d")}catch{}})();const Y=({allValues:e,selectedValue:o,name:r,onSelectedValueChanged:n,isDisabled:d,placeholder:p,isOptionRemovable:w=!0,addIconInCreateLabel:b,getLabelForId:m,tagProperties:f,hasError:j,style:c})=>{const $=W(),y=ye(e,m),C=B.getLocalizedStrings().dropDowns,O=y.sort((t,h)=>t.label.localeCompare(h.label)),v=o!=null&&o?P(o,m):void 0,z={container:t=>({...t,width:"100%",...c}),menu:t=>({...t,backgroundColor:$.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${$.colors.dropShadowHover}`,border:`1px solid ${$.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:t=>({...t,borderRadius:i.sp1}),input:(t,{selectProps:h})=>({...t,":after":{width:h.inputValue.length>0?i.sp0:"unset"}})};return l.jsx(G,{isMulti:!1,onCreateOption:t=>{const h=q(t);n(h)},onChange:t=>{w!==!1&&t?.value!=null&&v?.value===t.value?n(void 0):n(t?.value)},formatCreateLabel:t=>b===!0?(h=>l.jsxs(ue,{children:[l.jsx(pe,{children:l.jsx(J,{fill:"currentColor",height:i.sp3,width:i.sp3})}),l.jsx(ge,{children:`${C.createOption} "${h}"`})]}))(t):`${C.otherOption} ${t}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":I("creatable-single-select",r),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:p,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:t=>{const{menuIsOpen:h,isFocused:D,isDisabled:L,selectProps:E}=t,{value:T}=E;return l.jsx(te,{menuIsOpen:h,isFocused:D,isDisabled:L,selectedValue:T,hasError:j,"data-testid":I("creatable-single-select-control",r),children:l.jsx(S.Control,{...t,className:"select-control",children:t.children})})},Option:ie,Input:t=>{const{selectProps:h}=t,{placeholder:D,value:L}=h;return l.jsx(S.Input,{...t,autoComplete:"new-password",placeholder:L==null?D:void 0,"data-testid":I("creatable-single-select-input",r),children:t.children})},SingleValue:t=>l.jsx(fe,{children:l.jsxs(S.SingleValue,{...t,children:[t.selectProps.menuIsOpen===!1&&f!=null&&f.isTagShownForOption(t.data.value)===!0&&l.jsx(be,{children:l.jsx(me,{style:f.style,children:f.tagName})}),t.children]})}),ValueContainer:Z,DropdownIndicator:xe,IndicatorSeparator:we,ClearIndicator:$e,Placeholder:le,MenuList:ee},hideSelectedOptions:!1,styles:z,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},X())},Z=e=>l.jsx(S.ValueContainer,{...e,className:"select-value-container",children:e.children}),ee=e=>{const{options:o,children:r,maxHeight:n,getValue:d}=e,[p]=d(),w=40*o.indexOf(p);return l.jsx(A,{height:r.length>7?n:40*r.length,width:"100%",itemCount:r.length,itemSize:()=>40,initialScrollOffset:w,children:({index:b,style:m})=>l.jsx(ne,{style:m,children:r[b]})})},le=()=>null,ie=e=>{const{isSelected:o,isDisabled:r,isFocused:n,data:d}=e,p=typeof d.label=="string"?d.label:d.value;return l.jsx(oe,{isFocused:n,isSelected:o,isDisabled:r,children:l.jsx(S.Option,{...e,className:"select-option",children:l.jsxs(re,{"data-testid":I("creatable-single-select-option",p),children:[l.jsx(se,{children:l.jsx(ae,{isSelected:o,isDisabled:r,children:e.label})}),o?l.jsxs(de,{children:[l.jsx(ce,{className:"right-tick-icon"}),l.jsx(he,{className:"close-tick-icon"})]}):null]})})})},te=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -147,13 +147,13 @@ import{e as M,cc as R,dX as F,V as l,c6 as _,x as f,P as I,d as u,k as s,o as i,
   padding: 3px 6px;
   margin-left: 12px;
   letter-spacing: 0.04em;
-`,xe=a.div`
+`,fe=a.div`
   display: flex;
   flex-direction: row;
   justify-content: inherit;
   align-items: center;
   width: 100%;
-`,fe=()=>null,we=()=>null,$e=()=>null,ye=(e,o)=>e.map(r=>P(r,o)),P=(e,o)=>({value:e,label:o!==void 0?o(e):e}),ve=({name:e,registerOptions:o,defaultValue:r,placeholder:n,isDisabled:d,style:p,addIconInCreateLabel:w,isOptionRemovable:b,tagProperties:m,onSelectChange:x,getLabelForId:j})=>{const{control:c,formState:{errors:$}}=R(),y=F($,e??"");return l.jsx(N,{name:e,control:c,defaultValue:r,"data-testid":I("creatable-single-select-field",e),rules:o,render:({field:{value:C,onChange:O}})=>l.jsx(l.Fragment,{children:l.jsx(Y,{onSelectedValueChanged:v=>{x?.(v??""),O({allOptions:r.allOptions,selectedOption:v})},placeholder:n,style:p,isDisabled:d,selectedValue:C.selectedOption,allValues:r.allOptions,addIconInCreateLabel:w,isOptionRemovable:b,getLabelForId:j,tagProperties:m,hasError:y,name:e})})})},g={width:new f(343,580,726),height:new f(s[6],s[6]),controlHeight:new f(s[6],s[6]),paddingTopBottom:new f(s[2],s[2]),marginRight:new f(s[2],s[2]),labelMarginLeft:new f(s[3],s[4]),labelMarginRight:new f(s[3],s[4]),labelMarginTop:new f(s[2],s[2])},Ie={infoLabel:new H("extraSmallRegular","smallRegular")};function De({isDisabled:e,label:o,creatableSingleSelectField:r,style:n,additionalInfoLabel:d,errorInfoLabel:p,isOptionRemovable:w,addIconInCreateLabel:b,additionalInfoTextColor:m,onSelectChange:x,getLabelForId:j}){const c=M(),{formState:{errors:$}}=R(),y=F($,r.name??"");return l.jsxs(je,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":I("labeled-creatable-single-select-field",r.name),children:[l.jsx(_,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:o.width??"auto"}}),l.jsxs(Se,{labelWidth:o.width,children:[l.jsx(ve,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:o.width!==null&&b===!1?`calc(100% - ${o.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:w,addIconInCreateLabel:b,getLabelForId:j}),l.jsx(V,{size:c,additionalInfoTextColor:m,children:d}),y&&l.jsx(V,{size:c,hasError:y,children:p})]})]})}const je=a.div`
+`,xe=()=>null,we=()=>null,$e=()=>null,ye=(e,o)=>e.map(r=>P(r,o)),P=(e,o)=>({value:e,label:o!==void 0?o(e):e}),ve=({name:e,registerOptions:o,defaultValue:r,placeholder:n,isDisabled:d,style:p,addIconInCreateLabel:w,isOptionRemovable:b,tagProperties:m,onSelectChange:f,getLabelForId:j})=>{const{control:c,formState:{errors:$}}=R(),y=F($,e??"");return l.jsx(N,{name:e,control:c,defaultValue:r,"data-testid":I("creatable-single-select-field",e),rules:o,render:({field:{value:C,onChange:O}})=>l.jsx(l.Fragment,{children:l.jsx(Y,{onSelectedValueChanged:v=>{f?.(v??""),O({allOptions:r.allOptions,selectedOption:v})},placeholder:n,style:p,isDisabled:d,selectedValue:C.selectedOption,allValues:r.allOptions,addIconInCreateLabel:w,isOptionRemovable:b,getLabelForId:j,tagProperties:m,hasError:y,name:e})})})},g={width:new x(343,580,726),height:new x(s[6],s[6]),controlHeight:new x(s[6],s[6]),paddingTopBottom:new x(s[2],s[2]),marginRight:new x(s[2],s[2]),labelMarginLeft:new x(s[3],s[4]),labelMarginRight:new x(s[3],s[4]),labelMarginTop:new x(s[2],s[2])},Ie={infoLabel:new H("extraSmallRegular","smallRegular")};function De({isDisabled:e,label:o,creatableSingleSelectField:r,style:n,additionalInfoLabel:d,errorInfoLabel:p,isOptionRemovable:w,addIconInCreateLabel:b,additionalInfoTextColor:m,onSelectChange:f,getLabelForId:j}){const c=M(),{formState:{errors:$}}=R(),y=F($,r.name??"");return l.jsxs(je,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":I("labeled-creatable-single-select-field",r.name),children:[l.jsx(_,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:o.width??"auto"}}),l.jsxs(Se,{labelWidth:o.width,children:[l.jsx(ve,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:o.width!==null&&b===!1?`calc(100% - ${o.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:f,isOptionRemovable:w,addIconInCreateLabel:b,getLabelForId:j}),l.jsx(V,{size:c,additionalInfoTextColor:m,children:d}),y&&l.jsx(V,{size:c,hasError:y,children:p})]})]})}const je=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LabeledDocumentField-DxUq-7nr-DAyGmAsR.js → LabeledDocumentField-Dn25Ru1C-CLM-i9xW.js}

@@ -1,4 +1,4 @@
-import{e as C,cc as N,dX as b,V as r,c6 as U,x as t,el as W,O as j,P as O,k as i,o,d as _,N as A}from"./index-ByxsQZNo.js";import{n as d}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="df7179f8-312e-4569-9b03-287ca3a8a457",e._sentryDebugIdIdentifier="sentry-dbid-df7179f8-312e-4569-9b03-287ca3a8a457")}catch{}})();const a={width:new t(343,580,726),height:new t(i[6],i[6]),paddingTopBottom:new t(i[2],i[2]),marginRight:new t(i[2],i[2]),labelMarginLeft:new t(i[3],i[4]),labelMarginRight:new t(i[3],i[4]),labelMarginTop:new t(i[2],i[2])},V={infoLabel:new A("extraSmallRegular","smallRegular")};function J({label:e,isDisabled:l,isOptional:p,style:u,file:h,name:n,registerOptions:f,additionalInfoLabel:c,acceptableTypes:y,sizeLimit:x,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:E,hasError:v=!1,placeholderText:F,showPhotoPicker:I,useMobileCam:S,showUploadSuccessAnimation:T,showWebCamPopUpCloseIcon:D,updateFilesEntity:L,onDeleteFile:M,onEditFileName:R,onFileSizeError:B}){const s=C(),{formState:{errors:m}}=N(),g=b(m,n),k=b(m,`${n}.fileName`);return r.jsxs(q,{size:s,style:u,isDisabled:l!=null,"data-testid":O("document-field",n),children:[r.jsx(U,{isDisabled:l,label:e.label,isOptional:p,style:{marginLeft:a.labelMarginLeft.value(s),marginRight:a.labelMarginRight.value(s),marginTop:a.labelMarginTop.value(s),width:e.width??"auto",...e.style}}),r.jsxs(X,{labelWidth:e.width,size:s,children:[r.jsx(W,{name:n,filesEndPoint:P,authParams:E,registerOptions:f,file:h,sizeLimit:x,acceptableTypes:y,isDisabled:l==="disabled"||l==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:v,updateFilesEntity:L,onFileSizeError:B,onDeleteFile:M,onEditFileName:R,placeholderText:F,showPhotoPicker:I,useMobileCam:S,showWebCamPopUpCloseIcon:D,showUploadSuccessAnimation:T}),g&&r.jsx(Y,{size:s,isError:g,children:k&&h!=null?j.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:c})]})]})}const q=d.div`
+import{e as O,cc as U,dX as g,V as r,c6 as W,x as t,el as j,O as N,b as k,m as i,o,f as _,d as A}from"./index-BHAcVHeH.js";import{n as d}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="49c59354-bb73-469f-a299-edf24d09c4aa",e._sentryDebugIdIdentifier="sentry-dbid-49c59354-bb73-469f-a299-edf24d09c4aa")}catch{}})();const a={width:new t(343,580,726),height:new t(i[6],i[6]),paddingTopBottom:new t(i[2],i[2]),marginRight:new t(i[2],i[2]),labelMarginLeft:new t(i[3],i[4]),labelMarginRight:new t(i[3],i[4]),labelMarginTop:new t(i[2],i[2])},V={infoLabel:new A("extraSmallRegular","smallRegular")};function J({label:e,isDisabled:l,isOptional:p,style:u,file:h,name:n,registerOptions:f,additionalInfoLabel:c,acceptableTypes:y,sizeLimit:x,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:E,hasError:v=!1,placeholderText:F,showPhotoPicker:I,useMobileCam:S,showUploadSuccessAnimation:T,showWebCamPopUpCloseIcon:D,updateFilesEntity:L,onDeleteFile:M,onEditFileName:R,onFileSizeError:B}){const s=O(),{formState:{errors:m}}=U(),b=g(m,n),C=g(m,`${n}.fileName`);return r.jsxs(q,{size:s,style:u,isDisabled:l!=null,"data-testid":k("document-field",n),children:[r.jsx(W,{isDisabled:l,label:e.label,isOptional:p,style:{marginLeft:a.labelMarginLeft.value(s),marginRight:a.labelMarginRight.value(s),marginTop:a.labelMarginTop.value(s),width:e.width??"auto",...e.style}}),r.jsxs(X,{labelWidth:e.width,size:s,children:[r.jsx(j,{name:n,filesEndPoint:P,authParams:E,registerOptions:f,file:h,sizeLimit:x,acceptableTypes:y,isDisabled:l==="disabled"||l==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:v,updateFilesEntity:L,onFileSizeError:B,onDeleteFile:M,onEditFileName:R,placeholderText:F,showPhotoPicker:I,useMobileCam:S,showWebCamPopUpCloseIcon:D,showUploadSuccessAnimation:T}),b&&r.jsx(Y,{size:s,isError:b,children:C&&h!=null?N.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:c})]})]})}const q=d.div`
   display: flex;
   flex-direction: ${e=>e.size==="small"?"column":"row"};
   align-items: flex-start;

package/dist/assets/{LabeledDropDownFormattedTextField-D51ly333-CZ2VlJWO.js → LabeledDropDownFormattedTextField-C2sZjA-q-Bkuc_5w_.js}

@@ -1,4 +1,4 @@
-import{e as C,y as V,cc as f,dX as P,V as r,o,e4 as R,bl as _,w as O,fH as U,d as t,N as A,b2 as H}from"./index-ByxsQZNo.js";import{n as i}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="54e082fb-1d19-4dd9-9888-c4a6cb07385f",e._sentryDebugIdIdentifier="sentry-dbid-54e082fb-1d19-4dd9-9888-c4a6cb07385f")}catch{}})();const M={infoLabel:new A("extraSmallRegular","smallRegular")};function K({isDisabled:e,label:a,formattedText:l,dropdownStyle:h,style:m,additionalInfoLabel:y,showAdditionalInfoLabel:x=!0,isSaveError:d=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:L,registerOptions:D,defaultValue:p,isSelectDisabled:v,menuPlacement:j,name:k,placeholderLabel:E}){const n=C(),u=V(),{formState:{errors:I}}=f(),c=P(I,l.name),{control:S}=f(),T=s=>typeof s=="string"?s.toLocaleUpperCase():s.toString().toLocaleUpperCase();return r.jsxs(N,{size:n,style:m,isDisabled:e!=null,isError:c||d,children:[r.jsx(B,{windowSize:n,style:{width:a?.width??"auto",marginRight:o.sp2},children:r.jsx(F,{style:{width:"auto",...h},children:r.jsx(R,{name:k,control:S,defaultValue:p.dropDownValue,rules:D,render:({field:{value:s,onChange:z}})=>r.jsx(_,{pickerValues:p.dropDownList.map(g=>g.code),valueToLabel:T,selectedValue:s??void 0,isDisabled:e!=null||v,onPickerSelectionChanged:g=>{z(g)},menuPlacement:j,titleTextStyle:O.standardRegular,titleColor:u.colors.hero,valueOpacity:1,backgroundColor:u.colors.grey5,placeholder:E})})})}),r.jsxs(X,{children:[r.jsx(U,{...l,style:l.style,isDisabled:l.isDisabled,isMasked:!0}),(x||c||d)&&r.jsxs(b,{size:n,isError:c||d,children:[w===!0?r.jsx(Y,{children:r.jsx(q,{})}):null,y]}),$===!0&&r.jsx(b,{size:n,isError:!0,children:L})]})]})}const N=i.div`
+import{e as C,y as V,cc as f,dX as P,V as r,o,e4 as R,bl as _,w as O,fH as U,f as t,d as A,b2 as H}from"./index-BHAcVHeH.js";import{n as i}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="eead089d-fb2e-49a9-9ec5-ae9d20b7f278",e._sentryDebugIdIdentifier="sentry-dbid-eead089d-fb2e-49a9-9ec5-ae9d20b7f278")}catch{}})();const M={infoLabel:new A("extraSmallRegular","smallRegular")};function N({isDisabled:e,label:a,formattedText:l,dropdownStyle:h,style:m,additionalInfoLabel:y,showAdditionalInfoLabel:x=!0,isSaveError:d=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:L,registerOptions:D,defaultValue:p,isSelectDisabled:v,menuPlacement:j,name:k,placeholderLabel:E}){const n=C(),u=V(),{formState:{errors:I}}=f(),c=P(I,l.name),{control:S}=f(),T=s=>typeof s=="string"?s.toLocaleUpperCase():s.toString().toLocaleUpperCase();return r.jsxs(X,{size:n,style:m,isDisabled:e!=null,isError:c||d,children:[r.jsx(F,{windowSize:n,style:{width:a?.width??"auto",marginRight:o.sp2},children:r.jsx(G,{style:{width:"auto",...h},children:r.jsx(R,{name:k,control:S,defaultValue:p.dropDownValue,rules:D,render:({field:{value:s,onChange:z}})=>r.jsx(_,{pickerValues:p.dropDownList.map(g=>g.code),valueToLabel:T,selectedValue:s??void 0,isDisabled:e!=null||v,onPickerSelectionChanged:g=>{z(g)},menuPlacement:j,titleTextStyle:O.standardRegular,titleColor:u.colors.hero,valueOpacity:1,backgroundColor:u.colors.grey5,placeholder:E})})})}),r.jsxs(Y,{children:[r.jsx(U,{...l,style:l.style,isDisabled:l.isDisabled,isMasked:!0}),(x||c||d)&&r.jsxs(b,{size:n,isError:c||d,children:[w===!0?r.jsx(q,{children:r.jsx(B,{})}):null,y]}),$===!0&&r.jsx(b,{size:n,isError:!0,children:L})]})]})}const X=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -33,7 +33,7 @@ import{e as C,y as V,cc as f,dX as P,V as r,o,e4 as R,bl as _,w as O,fH as U,d a
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.importantLight:e.theme.colors.background};
     }
   }
-`,X=i.div`
+`,Y=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -44,16 +44,16 @@ import{e as C,y as V,cc as f,dX as P,V as r,o,e4 as R,bl as _,w as O,fH as U,d a
   ${e=>`${M.infoLabel.style(e.size)}`};
   padding-right: ${o.sp3};
   text-align: right;
-`,Y=i.div`
+`,q=i.div`
   display: flex;
   margin-right: ${o.sp1};
   align-items: center;
-`,q=i(H)`
+`,B=i(H)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${t.successDark};
-`,B=i.div`
+`,F=i.div`
   display: flex;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,F=i.div``;export{K as Y};
+`,G=i.div``;export{N as Y};

package/dist/assets/{LabeledEmailInputField-Cd9p7Kj0-DZf49c8n.js → LabeledEmailInputField-DzAdekQn-BkQ7kdJx.js}

@@ -1,4 +1,4 @@
-import{cc as _,e as T,dX as W,O as K,V as r,e4 as N,eo as U,d as g,o,x as R,l as q,N as X,b2 as B,bv as G,k as C,W as H,au as M,w as J,ep as Q,a8 as P,co as Y,ah as Z}from"./index-ByxsQZNo.js";import{a as E,b as F}from"./sentry-COYnhuxW.js";import{n as t}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="827cb552-6903-417b-a11c-3ce2fc3892b8",e._sentryDebugIdIdentifier="sentry-dbid-827cb552-6903-417b-a11c-3ce2fc3892b8")}catch{}})();const ee=t.div`
+import{cc as _,e as T,dX as W,O as K,V as r,e4 as U,eo as q,f as g,o,x as R,l as N,d as X,b2 as B,bv as G,m as C,W as H,au as M,w as J,ep as Q,a8 as P,co as Y,ah as Z}from"./index-BHAcVHeH.js";import{a as E,b as F}from"./sentry-CY6wsJT-.js";import{n as t}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="ff783748-121f-4ee6-8a6d-046bb5436827",e._sentryDebugIdIdentifier="sentry-dbid-ff783748-121f-4ee6-8a6d-046bb5436827")}catch{}})();const ee=t.div`
   display: flex;
   align-items: center;
   padding: ${o.sp1} ${o.sp2};
@@ -140,7 +140,7 @@ import{cc as _,e as T,dX as W,O as K,V as r,e4 as N,eo as U,d as g,o,x as R,l as
       background-color: ${e=>e.isDisabled?"transparent":e.isError?g.importantLight:e.theme.colors.background};
     }
   }
-`,ve=t(q)`
+`,ve=t(N)`
   color: ${e=>e.theme.colors.hero};
   width: ${e=>I.width.valuePx(e.windowSize)};
   margin-left: ${e=>I.labelMarginLeft.valuePx(e.windowSize)};
@@ -179,4 +179,4 @@ import{cc as _,e as T,dX as W,O as K,V as r,e4 as N,eo as U,d as g,o,x as R,l as
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${g.successDark};
-`;function Fe({name:e,label:l,style:h,additionalInfoLabel:x,showAdditionalInfoLabel:w=!0,isSaveError:s=!1,showErrorInfoLabel:j,errorInfoLabel:D,showTickIcon:z,description:L,placeholder:S,registerOptions:$}){const[a,y]=E.useState(""),{control:c,formState:{errors:u},setError:m,clearErrors:f}=_(),d=T(),v=W(u,e),{cockpit:b}=K.getLocalizedStrings();return r.jsx(N,{name:e,control:c,defaultValue:[],rules:$,render:({field:{value:p,onChange:i}})=>r.jsxs(ye,{isError:v,isDisabled:$?.disabled===!0,style:h,children:[r.jsxs(Ee,{children:[r.jsx(ve,{windowSize:d,children:l}),r.jsx(je,{windowSize:d,className:"emailInputContainer",children:r.jsx(we,{placeholder:S??b.monthEndReport.addEmailAddress,inputValue:a,disableInputWithChips:$?.disabled===!0,chips:p,error:U(u,e,void 0)!=null,onUpdateInput:n=>{n.target.value.length===0&&p.length===0&&$?.required===!0?m(e,{type:"validate"}):f(e),y(n.target.value)},onInvalidEmailAdd:()=>{m(e,{message:b.monthEndReport.invalidEmail,type:"validate"})},onAdd:n=>{p.indexOf(n)>-1?m(e,{message:b.monthEndReport.duplicateEmail,type:"duplicate"}):(i([...p,n]),y(""))},onDelete:n=>{const k=p.filter((Ie,V)=>n!==V);i(k)},onDeleteAll:()=>{i([]),y("")}})})]}),(w||v||s)&&r.jsxs(O,{size:d,isError:v||s,children:[z===!0?r.jsx(Se,{children:r.jsx(Ce,{})}):null,x]}),j===!0&&r.jsx(O,{size:d,isError:!0,children:D}),r.jsx(ze,{children:r.jsx(ke,{children:L})})]})})}export{Fe as K};
+`;function Fe({name:e,label:l,style:h,additionalInfoLabel:x,showAdditionalInfoLabel:w=!0,isSaveError:s=!1,showErrorInfoLabel:j,errorInfoLabel:D,showTickIcon:z,description:L,placeholder:S,registerOptions:$}){const[a,y]=E.useState(""),{control:c,formState:{errors:u},setError:m,clearErrors:f}=_(),d=T(),v=W(u,e),{cockpit:b}=K.getLocalizedStrings();return r.jsx(U,{name:e,control:c,defaultValue:[],rules:$,render:({field:{value:p,onChange:i}})=>r.jsxs(ye,{isError:v,isDisabled:$?.disabled===!0,style:h,children:[r.jsxs(Ee,{children:[r.jsx(ve,{windowSize:d,children:l}),r.jsx(je,{windowSize:d,className:"emailInputContainer",children:r.jsx(we,{placeholder:S??b.monthEndReport.addEmailAddress,inputValue:a,disableInputWithChips:$?.disabled===!0,chips:p,error:q(u,e,void 0)!=null,onUpdateInput:n=>{n.target.value.length===0&&p.length===0&&$?.required===!0?m(e,{type:"validate"}):f(e),y(n.target.value)},onInvalidEmailAdd:()=>{m(e,{message:b.monthEndReport.invalidEmail,type:"validate"})},onAdd:n=>{p.indexOf(n)>-1?m(e,{message:b.monthEndReport.duplicateEmail,type:"duplicate"}):(i([...p,n]),y(""))},onDelete:n=>{const k=p.filter((Ie,V)=>n!==V);i(k)},onDeleteAll:()=>{i([]),y("")}})})]}),(w||v||s)&&r.jsxs(O,{size:d,isError:v||s,children:[z===!0?r.jsx(Se,{children:r.jsx(Ce,{})}):null,x]}),j===!0&&r.jsx(O,{size:d,isError:!0,children:D}),r.jsx(ze,{children:r.jsx(ke,{children:L})})]})})}export{Fe as K};

package/dist/assets/{LabeledNameField-364jsrFK-CaN5hIDf.js → LabeledNameField-Dxx0xwMv-DBRkdNqp.js}

@@ -1,4 +1,4 @@
-import{e as F,cc as T,dX as k,eo as N,V as o,c6 as R,x as n,d as a,k as r,j as C,o as d,N as M,w as P,au as W,ep as S}from"./index-ByxsQZNo.js";import{n as c}from"./mui-40xepic5.js";import{a as _}from"./sentry-COYnhuxW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d0bd273c-12fc-4b95-9bbe-b7d51ddf0f08",e._sentryDebugIdIdentifier="sentry-dbid-d0bd273c-12fc-4b95-9bbe-b7d51ddf0f08")}catch{}})();function B({name:e,placeHolder:t,autoComplete:l="off",defaultValue:f,isDisabled:y,showFullNameError:x,style:i,registerOptions:h}){const[b,m]=_.useState(!1),{register:g,getValues:$,formState:{errors:w}}=T(),u=y==="disabled"||y==="readonly",v=Object.assign({},h),j=$(e),E=[j?.firstName,j?.lastName].join(" ").trim(),L=k(w,e)&&N(w,`${e}.firstName`)!=null,D=k(w,e)&&N(w,`${e}.lastName`)!=null,p=!(x===!0&&(L||D))&&b===!1;return o.jsx(C,{onClickAway:()=>u===!1&&m(!1),children:o.jsx(H,{style:i,isDisabled:u,tabIndex:u?void 0:0,onClick:()=>u===!1&&m(!0),children:o.jsxs(o.Fragment,{children:[E.length>0?o.jsx(z,{className:"name-field",isVisible:p,children:E}):o.jsx(z,{className:"name-field name-placeholder",isVisible:p,children:t?.name}),o.jsx(V,{placeholder:t?.firstName,type:void 0,isError:L,style:{...i,maxWidth:"100%"},disabled:u,...g(`${e}.firstName`,v),id:e,defaultValue:f?.firstName,autoComplete:l,isVisible:!p}),p?null:o.jsx(A,{}),o.jsx(V,{placeholder:t?.lastName,type:void 0,isError:D,style:{...i,maxWidth:"100%"},disabled:u,...g(`${e}.lastName`,v),id:e,defaultValue:f?.lastName,autoComplete:l,isVisible:!p})]})})})}const H=c.div`
+import{e as F,cc as T,dX as k,eo as N,V as o,c6 as R,x as n,f as a,m as r,k as C,o as d,d as M,w as P,au as W,ep as S}from"./index-BHAcVHeH.js";import{n as c}from"./mui-Cni6P-fz.js";import{a as _}from"./sentry-CY6wsJT-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="40cde576-2e8b-4ed6-8375-6d7f91149db7",e._sentryDebugIdIdentifier="sentry-dbid-40cde576-2e8b-4ed6-8375-6d7f91149db7")}catch{}})();function B({name:e,placeHolder:t,autoComplete:l="off",defaultValue:f,isDisabled:y,showFullNameError:x,style:i,registerOptions:h}){const[b,m]=_.useState(!1),{register:g,getValues:$,formState:{errors:w}}=T(),u=y==="disabled"||y==="readonly",v=Object.assign({},h),j=$(e),E=[j?.firstName,j?.lastName].join(" ").trim(),L=k(w,e)&&N(w,`${e}.firstName`)!=null,D=k(w,e)&&N(w,`${e}.lastName`)!=null,p=!(x===!0&&(L||D))&&b===!1;return o.jsx(C,{onClickAway:()=>u===!1&&m(!1),children:o.jsx(H,{style:i,isDisabled:u,tabIndex:u?void 0:0,onClick:()=>u===!1&&m(!0),children:o.jsxs(o.Fragment,{children:[E.length>0?o.jsx(z,{className:"name-field",isVisible:p,children:E}):o.jsx(z,{className:"name-field name-placeholder",isVisible:p,children:t?.name}),o.jsx(V,{placeholder:t?.firstName,type:void 0,isError:L,style:{...i,maxWidth:"100%"},disabled:u,...g(`${e}.firstName`,v),id:e,defaultValue:f?.firstName,autoComplete:l,isVisible:!p}),p?null:o.jsx(A,{}),o.jsx(V,{placeholder:t?.lastName,type:void 0,isError:D,style:{...i,maxWidth:"100%"},disabled:u,...g(`${e}.lastName`,v),id:e,defaultValue:f?.lastName,autoComplete:l,isVisible:!p})]})})})}const H=c.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;

package/dist/assets/{LabeledSingleSelectField-B3pMIEfZ-C8i8zlDG.js → LabeledSingleSelectField-EO8TA_z_-C26qdLJU.js}

@@ -1,4 +1,4 @@
-import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r,cM as V,b4 as f,b2 as I,a8 as O,w as x}from"./index-ByxsQZNo.js";import{n as g}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="fcc92e39-fb2e-48a0-954b-e1ea3eed3259",e._sentryDebugIdIdentifier="sentry-dbid-fcc92e39-fb2e-48a0-954b-e1ea3eed3259")}catch{}})();const R=({allValues:e,selectedValue:l,onSelectedValueChanged:s,isDisabled:a,placeholder:d,style:m,customStyleConfig:p})=>{const c=k(),w=J(e).sort((o,t)=>o.label.localeCompare(t.label)),b=l!=null&&l?v(l):void 0,y={control:(o,t)=>({...o,height:r.sp6,backgroundColor:t.menuIsOpen?c.colors.brandColorGoldDark:c.colors.grey5,":hover":{fill:c.colors.primary,backgroundColor:t.isDisabled?c.colors.grey5:c.colors.background,borderColor:"none"},...p?.control?.(o,t)}),container:(o,t)=>({...o,width:"100%",...m,...p?.container?.(o,t)}),valueContainer:(o,t)=>({...o,margin:`${r.sp0} ${r.sp3}`,justifyContent:t.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...p?.valueContainer?.(o,t)}),menu:(o,t)=>({...o,backgroundColor:c.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${c.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...p?.menu?.(o,t)}),menuList:(o,t)=>({...o,borderRadius:0,...p?.menuList?.(o,t)})};return i.jsx(j,{isMulti:!1,onChange:o=>{o?.value!=null&&b?.value===o.value?s(void 0):s(o?.value)},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"single-select-field",placeholder:d,menuPlacement:"auto",maxMenuHeight:288,defaultValue:b,value:b,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:_,Input:z,SingleValue:F,ValueContainer:P,DropdownIndicator:W,IndicatorSeparator:q,ClearIndicator:A,Placeholder:T},hideSelectedOptions:!1,styles:y,options:w,isClearable:!0,isSearchable:!0,isDisabled:a!=null},V())},M=e=>{const{menuIsOpen:l,isFocused:s,isDisabled:a,selectProps:d}=e,{value:m}=d;return i.jsx(N,{menuIsOpen:l,isFocused:s,isDisabled:a,selectedValue:m,children:i.jsx(f.Control,{...e,className:"select-control",children:e.children})})},P=e=>i.jsx(f.ValueContainer,{...e,className:"select-value-container",children:e.children}),z=e=>{const{selectProps:l}=e,{placeholder:s,value:a}=l;return i.jsx(f.Input,{...e,autoComplete:"new-password",placeholder:a==null?s:void 0,children:e.children})},F=e=>i.jsx(f.SingleValue,{...e,children:e.children}),T=()=>null,_=e=>{const{isSelected:l,isDisabled:s,isFocused:a}=e;return i.jsx(L,{isFocused:a,isSelected:l,isDisabled:s,children:i.jsx(f.Option,{...e,className:"select-option",children:i.jsxs(H,{children:[i.jsx(G,{children:i.jsx(B,{isSelected:l,isDisabled:s,children:e.label})}),l?i.jsxs(E,{children:[i.jsx(I,{className:"right-tick-icon",width:r.sp3,height:r.sp3,style:{marginRight:"2px"},color:"currentColor"}),i.jsx(O,{className:"close-tick-icon",width:r.sp3,height:r.sp3,color:"currentColor"})]}):null]})})})},N=g.div`
+import{e as $,V as i,c6 as D,x as h,m as n,cc as C,e4 as S,y as j,b3 as k,o as r,cM as V,b4 as x,b2 as I,a8 as O,w}from"./index-BHAcVHeH.js";import{n as g}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="94ab0d6b-34b0-4e30-81a8-0acacd391957",e._sentryDebugIdIdentifier="sentry-dbid-94ab0d6b-34b0-4e30-81a8-0acacd391957")}catch{}})();const R=({allValues:e,selectedValue:l,onSelectedValueChanged:s,isDisabled:a,placeholder:d,style:b,customStyleConfig:p})=>{const c=j(),f=J(e).sort((o,t)=>o.label.localeCompare(t.label)),m=l!=null&&l?v(l):void 0,y={control:(o,t)=>({...o,height:r.sp6,backgroundColor:t.menuIsOpen?c.colors.brandColorGoldDark:c.colors.grey5,":hover":{fill:c.colors.primary,backgroundColor:t.isDisabled?c.colors.grey5:c.colors.background,borderColor:"none"},...p?.control?.(o,t)}),container:(o,t)=>({...o,width:"100%",...b,...p?.container?.(o,t)}),valueContainer:(o,t)=>({...o,margin:`${r.sp0} ${r.sp3}`,justifyContent:t.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...p?.valueContainer?.(o,t)}),menu:(o,t)=>({...o,backgroundColor:c.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${c.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...p?.menu?.(o,t)}),menuList:(o,t)=>({...o,borderRadius:0,...p?.menuList?.(o,t)})};return i.jsx(k,{isMulti:!1,onChange:o=>{o?.value!=null&&m?.value===o.value?s(void 0):s(o?.value)},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"single-select-field",placeholder:d,menuPlacement:"auto",maxMenuHeight:288,defaultValue:m,value:m,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:_,Input:z,SingleValue:F,ValueContainer:P,DropdownIndicator:W,IndicatorSeparator:q,ClearIndicator:A,Placeholder:T},hideSelectedOptions:!1,styles:y,options:f,isClearable:!0,isSearchable:!0,isDisabled:a!=null},V())},M=e=>{const{menuIsOpen:l,isFocused:s,isDisabled:a,selectProps:d}=e,{value:b}=d;return i.jsx(N,{menuIsOpen:l,isFocused:s,isDisabled:a,selectedValue:b,children:i.jsx(x.Control,{...e,className:"select-control",children:e.children})})},P=e=>i.jsx(x.ValueContainer,{...e,className:"select-value-container",children:e.children}),z=e=>{const{selectProps:l}=e,{placeholder:s,value:a}=l;return i.jsx(x.Input,{...e,autoComplete:"new-password",placeholder:a==null?s:void 0,children:e.children})},F=e=>i.jsx(x.SingleValue,{...e,children:e.children}),T=()=>null,_=e=>{const{isSelected:l,isDisabled:s,isFocused:a}=e;return i.jsx(L,{isFocused:a,isSelected:l,isDisabled:s,children:i.jsx(x.Option,{...e,className:"select-option",children:i.jsxs(H,{children:[i.jsx(G,{children:i.jsx(B,{isSelected:l,isDisabled:s,children:e.label})}),l?i.jsxs(E,{children:[i.jsx(I,{className:"right-tick-icon",width:r.sp3,height:r.sp3,style:{marginRight:"2px"},color:"currentColor"}),i.jsx(O,{className:"close-tick-icon",width:r.sp3,height:r.sp3,color:"currentColor"})]}):null]})})})},N=g.div`
   width: 100%;
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
 
@@ -24,7 +24,7 @@ import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r
       border-radius: ${r.sp0};
       margin: ${r.sp0};
       color: ${e=>e.theme.colors.primary};
-      ${x.standardRegular.css};
+      ${w.standardRegular.css};
       box-sizing: border-box;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -35,7 +35,7 @@ import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r
       display: flex;
       width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?r.sp0:"100%"};
       position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${x.standardRegular.css};
+      ${w.standardRegular.css};
       color: ${e=>e.theme.colors.primary};
       margin: ${r.sp0};
       cursor: inherit;
@@ -56,7 +56,7 @@ import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r
   }
 `,L=g.div`
   .select-option {
-    ${x.smallRegular.css};
+    ${w.smallRegular.css};
     height: ${r.sp6};
     padding: 9px ${r.sp3};
     color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
@@ -83,7 +83,7 @@ import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r
   align-items: center;
   justify-content: space-between;
 `,B=g.label`
-  ${x.standardRegular.css};
+  ${w.standardRegular.css};
   padding-right: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -97,7 +97,7 @@ import{e as $,V as i,c6 as D,x as h,k as n,cc as C,e4 as S,y as k,b3 as j,o as r
   display: flex;
   color: ${e=>e.theme.colors.primary};
   fill: ${e=>e.theme.colors.primary};
-`,W=()=>null,q=()=>null,A=()=>null,J=e=>e.map(l=>v(l)),v=e=>({value:e,label:e}),K=({name:e,registerOptions:l,defaultValue:s,placeholder:a,isDisabled:d,style:m,customStyleConfig:p})=>{const{control:c}=C();return i.jsx(S,{name:e,control:c,defaultValue:s,rules:l,render:({field:{value:w,onChange:b}})=>i.jsx(R,{onSelectedValueChanged:y=>b({allOptions:s.allOptions,selectedOption:y}),style:m,placeholder:a,selectedValue:w.selectedOption,allValues:s.allOptions,isDisabled:d,customStyleConfig:p})})},u={width:new h(343,580,726),height:new h(n[6],n[6]),controlHeight:new h(n[6],n[6]),paddingTopBottom:new h(n[2],n[2]),marginRight:new h(n[2],n[2]),labelMarginLeft:new h(n[3],n[4]),labelMarginRight:new h(n[3],n[4]),labelMarginTop:new h(n[2],n[2])};function Y({isDisabled:e,label:l,singleSelectField:s,style:a}){const d=$();return i.jsxs(Q,{size:d,style:a,isDisabled:e!=null,children:[i.jsx(D,{isDisabled:e,label:l.label,htmlFor:s.name,style:{marginLeft:u.labelMarginLeft.value(d),marginRight:u.labelMarginRight.value(d),marginTop:u.labelMarginTop.value(d),width:l.width??"auto"}}),i.jsx(K,{...s,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:l.width!=null?`calc(100% - ${l.width}px)`:"auto",height:u.controlHeight.value(d)}})]})}const Q=g.div`
+`,W=()=>null,q=()=>null,A=()=>null,J=e=>e.map(l=>v(l)),v=e=>({value:e,label:e}),K=({name:e,registerOptions:l,defaultValue:s,placeholder:a,isDisabled:d,style:b,customStyleConfig:p})=>{const{control:c}=C();return i.jsx(S,{name:e,control:c,defaultValue:s,rules:l,render:({field:{value:f,onChange:m}})=>i.jsx(R,{onSelectedValueChanged:y=>m({allOptions:s.allOptions,selectedOption:y}),style:b,placeholder:a,selectedValue:f.selectedOption,allValues:s.allOptions,isDisabled:d,customStyleConfig:p})})},u={width:new h(343,580,726),height:new h(n[6],n[6]),controlHeight:new h(n[6],n[6]),paddingTopBottom:new h(n[2],n[2]),marginRight:new h(n[2],n[2]),labelMarginLeft:new h(n[3],n[4]),labelMarginRight:new h(n[3],n[4]),labelMarginTop:new h(n[2],n[2])};function Y({isDisabled:e,label:l,singleSelectField:s,style:a}){const d=$();return i.jsxs(Q,{size:d,style:a,isDisabled:e!=null,children:[i.jsx(D,{isDisabled:e,label:l.label,htmlFor:s.name,style:{marginLeft:u.labelMarginLeft.value(d),marginRight:u.labelMarginRight.value(d),marginTop:u.labelMarginTop.value(d),width:l.width??"auto"}}),i.jsx(K,{...s,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:l.width!=null?`calc(100% - ${l.width}px)`:"auto",height:u.controlHeight.value(d)}})]})}const Q=g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LabeledText-uFTi1qOo-Dh31QRqg.js → LabeledText-Bo7B-LrF-DECCi3EJ.js}

@@ -1,4 +1,4 @@
-import{e as p,V as n,c6 as f,x as l,P as g,k as t,o as a,l as u,N as c}from"./index-ByxsQZNo.js";import{n as o}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="3143c3fa-d84e-49d5-934a-5dcde00be931",e._sentryDebugIdIdentifier="sentry-dbid-3143c3fa-d84e-49d5-934a-5dcde00be931")}catch{}})();const i={width:new l(343,580,726),height:new l(t[6],t[6]),paddingTopBottom:new l(t[2],t[2]),marginRight:new l(t[2],t[2]),labelMarginLeft:new l(t[3],t[4]),labelMarginRight:new l(t[3],t[4]),labelMarginTop:new l(t[2],t[2])},m={infoLabel:new c("extraSmallRegular","smallRegular")};function T({label:e,value:r,additionalInfoLabel:s,style:h,infoLabelStyle:b}){const d=p();return n.jsxs(x,{size:d,style:h,"data-testid":g("labeled-text",e.label),children:[n.jsx(f,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(d),marginRight:i.labelMarginRight.value(d),marginTop:i.labelMarginTop.value(d),width:e.width??"auto"}}),n.jsxs(w,{labelWidth:e.width,children:[n.jsx(y,{"data-testid":g("labeled-text-input",e.label),children:r}),s!=null?n.jsx($,{size:d,style:b,children:s}):null]})]})}const x=o.div`
+import{e as f,V as r,c6 as p,x as l,b as g,m as t,o as a,l as u,d as m}from"./index-BHAcVHeH.js";import{n as o}from"./mui-Cni6P-fz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="bb3e4fe7-9ae6-4d32-82f0-171fb4d2aae8",e._sentryDebugIdIdentifier="sentry-dbid-bb3e4fe7-9ae6-4d32-82f0-171fb4d2aae8")}catch{}})();const i={width:new l(343,580,726),height:new l(t[6],t[6]),paddingTopBottom:new l(t[2],t[2]),marginRight:new l(t[2],t[2]),labelMarginLeft:new l(t[3],t[4]),labelMarginRight:new l(t[3],t[4]),labelMarginTop:new l(t[2],t[2])},c={infoLabel:new m("extraSmallRegular","smallRegular")};function T({label:e,value:d,additionalInfoLabel:s,style:b,infoLabelStyle:h}){const n=f();return r.jsxs(x,{size:n,style:b,"data-testid":g("labeled-text",e.label),children:[r.jsx(p,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(n),marginRight:i.labelMarginRight.value(n),marginTop:i.labelMarginTop.value(n),width:e.width??"auto"}}),r.jsxs(w,{labelWidth:e.width,children:[r.jsx(y,{"data-testid":g("labeled-text-input",e.label),children:d}),s!=null?r.jsx($,{size:n,style:h,children:s}):null]})]})}const x=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -36,7 +36,7 @@ import{e as p,V as n,c6 as f,x as l,P as g,k as t,o as a,l as u,N as c}from"./in
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.theme.colors.hero};
-  ${e=>`${m.infoLabel.style(e.size)}`};
+  ${e=>`${c.infoLabel.style(e.size)}`};
   padding-right: ${a.sp3};
   text-align: right;
 `;export{T as S};

package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-XD6D3r0Y-Ce4jb_BF.js → LabeledUserSingleSelectWithSubtitlesField-DD11_Map-ZtH1v-68.js}

@@ -1,4 +1,4 @@
-import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as re,y as ne,fv as oe,O as E,N as ae,b4 as H,s as W,fw as G,b2 as X,d as R,w as Y,l as J,fx as de,H as ce,C as ue}from"./index-ByxsQZNo.js";import{n as t}from"./mui-40xepic5.js";import{T as he}from"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";import{r as K}from"./avatar-Dz7aEm3d-BdKWS97a.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="ccf3a9f8-31f0-4264-a598-9cad397ecaca",e._sentryDebugIdIdentifier="sentry-dbid-ccf3a9f8-31f0-4264-a598-9cad397ecaca")}catch{}})();const ee={selectContainerMarginHorizontal:new I(m[2],m[3]),marginTop:new I(m[1],m[0])},pe=t(ce)`
+import{e as U,V as l,c6 as ie,o as s,x as I,b as B,m,cc as Q,e4 as te,dX as re,y as ne,fv as oe,O as E,d as ae,b4 as H,s as W,fw as G,b2 as X,f as N,w as Y,l as J,fx as de,H as ce,C as ue}from"./index-BHAcVHeH.js";import{n as t}from"./mui-Cni6P-fz.js";import{T as he}from"./RoleWithToolTip-VOllzDDB-BXr_ucO6.js";import{r as K}from"./avatar-Dz7aEm3d-lVrrjTFE.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="ce4b8cf8-de09-429d-a795-96013fb4a083",e._sentryDebugIdIdentifier="sentry-dbid-ce4b8cf8-de09-429d-a795-96013fb4a083")}catch{}})();const ee={selectContainerMarginHorizontal:new I(m[2],m[3]),marginTop:new I(m[1],m[0])},pe=t(ce)`
   display: flex;
   gap: ${s.sp2};
   align-items: center;
@@ -69,7 +69,7 @@ import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as
 `,Oe=t.div`
   display: flex;
   align-items: center;
-  color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?R.important:e.theme.colors.grey1};
+  color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?N.important:e.theme.colors.grey1};
   fill: ${e=>e.theme.colors.grey1};
 `,Ie=t(ue)`
   color: ${e=>e.hasSelectedUser?e.theme.colors.primary:e.theme.colors.hero};
@@ -92,7 +92,7 @@ import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as
 `,De=t(M)`
   align-items: center;
   gap: ${s.sp2};
-`,N=t.div`
+`,R=t.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -103,7 +103,7 @@ import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as
   .select-control {
     border: none;
     height: 100%;
-    background-color: ${e=>e.menuIsOpen&&e.isValuePlacedAtEnd===!0?e.theme.colors.background:e.isError===!0?R.importantLight:e.theme.colors.grey5};
+    background-color: ${e=>e.menuIsOpen&&e.isValuePlacedAtEnd===!0?e.theme.colors.background:e.isError===!0?N.importantLight:e.theme.colors.grey5};
     box-shadow: none;
     border-radius: ${s.sp1};
     &:hover {
@@ -159,7 +159,7 @@ import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as
           visibility: visible;
         }
         ::placeholder {
-          color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?R.important:e.theme.colors.grey1};
+          color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?N.important:e.theme.colors.grey1};
         }
       }
     }
@@ -180,16 +180,16 @@ import{e as U,V as l,c6 as ie,o as s,x as I,P as B,k as m,cc as Q,e4 as te,dX as
   border-radius: ${s.sp1};
   margin-top: ${({windowSize:e})=>ee.marginTop.valuePx(e)};
   width: fit-content;
-`;function Pe({allUsers:e,selectedValue:a,showOneOffLabel:n,placeholder:g,isOptionRemovable:v,valueToSubtitle:x,onSelectionChanged:w,name:j,userContainerStyles:b,optionStyles:T,isValuePlacedAtEnd:D=!0,isDisabled:k,showOnlyAvatar:C=!1,showAvatarAndSubtitles:S=!0,isOptionDisabled:z,disabledOptionHint:$,bigMarginRightForSmallScreens:A=!1}){const{formState:{errors:V}}=Q(),L=re(V,j??""),c=U(),O=[];n!=null&&O.push(n.value),O.push(...e.map(i=>i.userId));const le=({labelDetails:i})=>l.jsxs(Ie,{hasSelectedUser:a===i.value,children:[l.jsxs(De,{children:[l.jsx(Le,{}),l.jsx(Z,{children:l.jsx(N,{children:i.label})})]}),a===i.value?l.jsx(l.Fragment,{children:l.jsx(X,{width:s.sp3,height:s.sp3})}):null]}),_=({subtitleList:i,member:r,menuIsOpen:o})=>{const u=i.length;return l.jsxs(pe,{menuIsOpen:o,children:[r!=null?l.jsx(he,{roles:r?.userRole.userRoles}):null,r!=null&&u>0?l.jsx(ge,{}):null,u>0?i.map((h,d)=>l.jsx(me,{children:h},`${h}${d}`)):null]})},se=ne();return l.jsx(oe,{placeholder:g??E.getLocalizedStrings().commonSetUp.approval.userSelectPlaceholder,selectedValue:a,pickerValues:O,valueToLabel:i=>{if(n!=null&&n.value===i)return n.label;const r=e.findIndex(o=>o.userId===i);if(r!==-1){const o=e[r];return o.user?.firstName||o.user?.lastName?`${o.user?.firstName} ${o.user?.lastName}`:`${o.user?.email}`}return""},valueToData:i=>{const r=e.findIndex(o=>o.userId===i);if(r!==-1)return e[r].user},backgroundColor:se.colors.background,onPickerSelectionChanged:i=>{w(i)},OptionComponent:i=>{const{data:r,isSelected:o,selectProps:u,value:h}=i,d=!!z?.(h)&&o===!1;if(n!=null&&r?.value===n.value)return l.jsx(le,{labelDetails:n});const p=e.findIndex(P=>P.userId===r.value),f=e[p],y=x(r.value);return l.jsxs(be,{style:T,children:[l.jsxs(xe,{isCurrOptionDisabled:d,children:[l.jsx(we,{children:f?.user?.photo!=null?l.jsx($e,{src:f?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:P})=>{P.onerror=null,P.src=W},loading:"lazy"}):l.jsx(G,{firstName:f?.user?.firstName??"",lastName:f?.user?.lastName??"",size:`${s.sp5}`,index:p})}),l.jsxs(Z,{children:[l.jsx(N,{children:i.label}),l.jsx(_,{menuIsOpen:u.menuIsOpen,subtitleList:y,member:f}),c==="small"&&d&&$!=null?l.jsx(q,{windowSize:c,children:$}):null]})]}),!!o&&l.jsx(l.Fragment,{children:l.jsx(X,{width:s.sp3,height:s.sp3})}),c!=="small"&&d&&$!=null?l.jsx(q,{windowSize:c,children:$}):null]})},PlaceholderComponent:i=>{const{menuIsOpen:r,children:o}=i;return l.jsx(Oe,{menuIsOpen:r,isError:L,children:l.jsx(fe,{children:o})})},SingleValueComponent:i=>{const{children:r,data:o,selectProps:u}=i,{menuIsOpen:h}=u;if(n!=null&&o?.value===n.value)return l.jsxs(M,{children:[S||C?l.jsx(K,{style:{height:s.sp4,width:s.sp4}}):null,l.jsx(Se,{children:n.label})]});const d=e.findIndex(y=>y.userId===o.value),p=e[d],f=x(o.value);return l.jsxs(ve,{children:[l.jsxs(je,{menuIsOpen:h,children:[S||C?l.jsx(l.Fragment,{children:p?.user?.photo!=null?l.jsx(ye,{src:p?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=W},loading:"lazy"}):l.jsx(G,{firstName:p?.user?.firstName??"",lastName:p?.user?.lastName??"",size:`${s.sp4}`,index:d})}):null,l.jsx(N,{children:r})]}),S?l.jsx(_,{subtitleList:f,menuIsOpen:u.menuIsOpen,member:p}):null]})},isOptionRemovable:v,containerStyles:b,DropDownIndicatorComponent:()=>null,ControlComponent:i=>{const{menuIsOpen:r,isFocused:o,isDisabled:u,selectProps:h}=i,{value:d}=h;return l.jsx(Ce,{menuIsOpen:r,isFocused:o,isDisabled:u,selectedValue:d,isError:L,isValuePlacedAtEnd:D,windowSize:c,bigMarginRightForSmallScreens:A,children:l.jsx(H.Control,{...i,className:"select-control",children:i.children})})},classNamePrefix:"single-select-field",ValueContainerComponent:i=>l.jsx(H.ValueContainer,{...i,className:"select-value-container",children:i.children}),MenuListComponent:i=>l.jsx(ze,{windowSize:c,children:i.children}),menuPosition:c==="small"?"right":"left",isSearchable:!0,isDisabled:k,isOptionDisabled:i=>z?.(i)===!0&&a!==i,filterOption:(i,r)=>!r||typeof i.label!="string"||i.label.toLowerCase().includes(r.toLowerCase())||i.data?.data?.email?.toLowerCase().includes(r.toLowerCase())})}const Te={infoLabel:new ae("smallRegular","smallRegular")},ke=({name:e,placeholderLabel:a,registerOptions:n,value:g,valueToSubtitle:v,showOneOffLabel:x,userContainerStyles:w,optionStyles:j,isValuePlacedAtEnd:b,isDisabled:T,additionalLabelInfo:D,isOptionDisabled:k,showOnlyAvatar:C=!1,showAvatarAndSubtitles:S=!0,disabledOptionHint:z,bigMarginRightForSmallScreens:$=!1})=>{const{control:A}=Q(),V=U();return l.jsx(te,{name:e,control:A,defaultValue:g,rules:n,render:({field:{value:L,onChange:c}})=>l.jsxs(Ae,{width:w?.width,"data-testid":B("user-single-select",e),children:[l.jsx(Pe,{onSelectionChanged:O=>{c({allUsers:g.allUsers,selectedUser:O})},selectedValue:L.selectedUser,valueToSubtitle:v,allUsers:g.allUsers,placeholder:a,name:e,showOneOffLabel:x,userContainerStyles:w,isValuePlacedAtEnd:b,isDisabled:T,isOptionDisabled:k,showAvatarAndSubtitles:S,showOnlyAvatar:C,disabledOptionHint:z,bigMarginRightForSmallScreens:$,optionStyles:j}),D!==null&&l.jsx(Ve,{size:V,children:D})]})})},Ae=t.div`
+`;function Te({allUsers:e,selectedValue:a,showOneOffLabel:n,placeholder:g,isOptionRemovable:v,valueToSubtitle:x,onSelectionChanged:w,name:j,userContainerStyles:b,optionStyles:A,isValuePlacedAtEnd:D=!0,isDisabled:P,showOnlyAvatar:C=!1,showAvatarAndSubtitles:S=!0,isOptionDisabled:z,disabledOptionHint:$,bigMarginRightForSmallScreens:k=!1}){const{formState:{errors:V}}=Q(),L=re(V,j??""),c=U(),O=[];n!=null&&O.push(n.value),O.push(...e.map(i=>i.userId));const le=({labelDetails:i})=>l.jsxs(Ie,{hasSelectedUser:a===i.value,children:[l.jsxs(De,{children:[l.jsx(Le,{}),l.jsx(Z,{children:l.jsx(R,{children:i.label})})]}),a===i.value?l.jsx(l.Fragment,{children:l.jsx(X,{width:s.sp3,height:s.sp3})}):null]}),_=({subtitleList:i,member:r,menuIsOpen:o})=>{const u=i.length;return l.jsxs(pe,{menuIsOpen:o,children:[r!=null?l.jsx(he,{roles:r?.userRole.userRoles}):null,r!=null&&u>0?l.jsx(ge,{}):null,u>0?i.map((h,d)=>l.jsx(me,{children:h},`${h}${d}`)):null]})},se=ne();return l.jsx(oe,{placeholder:g??E.getLocalizedStrings().commonSetUp.approval.userSelectPlaceholder,selectedValue:a,pickerValues:O,valueToLabel:i=>{if(n!=null&&n.value===i)return n.label;const r=e.findIndex(o=>o.userId===i);if(r!==-1){const o=e[r];return o.user?.firstName||o.user?.lastName?`${o.user?.firstName} ${o.user?.lastName}`:`${o.user?.email}`}return""},valueToData:i=>{const r=e.findIndex(o=>o.userId===i);if(r!==-1)return e[r].user},backgroundColor:se.colors.background,onPickerSelectionChanged:i=>{w(i)},OptionComponent:i=>{const{data:r,isSelected:o,selectProps:u,value:h}=i,d=!!z?.(h)&&o===!1;if(n!=null&&r?.value===n.value)return l.jsx(le,{labelDetails:n});const p=e.findIndex(T=>T.userId===r.value),f=e[p],y=x(r.value);return l.jsxs(be,{style:A,children:[l.jsxs(xe,{isCurrOptionDisabled:d,children:[l.jsx(we,{children:f?.user?.photo!=null?l.jsx($e,{src:f?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:T})=>{T.onerror=null,T.src=W},loading:"lazy"}):l.jsx(G,{firstName:f?.user?.firstName??"",lastName:f?.user?.lastName??"",size:`${s.sp5}`,index:p})}),l.jsxs(Z,{children:[l.jsx(R,{children:i.label}),l.jsx(_,{menuIsOpen:u.menuIsOpen,subtitleList:y,member:f}),c==="small"&&d&&$!=null?l.jsx(q,{windowSize:c,children:$}):null]})]}),!!o&&l.jsx(l.Fragment,{children:l.jsx(X,{width:s.sp3,height:s.sp3})}),c!=="small"&&d&&$!=null?l.jsx(q,{windowSize:c,children:$}):null]})},PlaceholderComponent:i=>{const{menuIsOpen:r,children:o}=i;return l.jsx(Oe,{menuIsOpen:r,isError:L,children:l.jsx(fe,{children:o})})},SingleValueComponent:i=>{const{children:r,data:o,selectProps:u}=i,{menuIsOpen:h}=u;if(n!=null&&o?.value===n.value)return l.jsxs(M,{children:[S||C?l.jsx(K,{style:{height:s.sp4,width:s.sp4}}):null,l.jsx(Se,{children:n.label})]});const d=e.findIndex(y=>y.userId===o.value),p=e[d],f=x(o.value);return l.jsxs(ve,{children:[l.jsxs(je,{menuIsOpen:h,children:[S||C?l.jsx(l.Fragment,{children:p?.user?.photo!=null?l.jsx(ye,{src:p?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=W},loading:"lazy"}):l.jsx(G,{firstName:p?.user?.firstName??"",lastName:p?.user?.lastName??"",size:`${s.sp4}`,index:d})}):null,l.jsx(R,{children:r})]}),S?l.jsx(_,{subtitleList:f,menuIsOpen:u.menuIsOpen,member:p}):null]})},isOptionRemovable:v,containerStyles:b,DropDownIndicatorComponent:()=>null,ControlComponent:i=>{const{menuIsOpen:r,isFocused:o,isDisabled:u,selectProps:h}=i,{value:d}=h;return l.jsx(Ce,{menuIsOpen:r,isFocused:o,isDisabled:u,selectedValue:d,isError:L,isValuePlacedAtEnd:D,windowSize:c,bigMarginRightForSmallScreens:k,children:l.jsx(H.Control,{...i,className:"select-control",children:i.children})})},classNamePrefix:"single-select-field",ValueContainerComponent:i=>l.jsx(H.ValueContainer,{...i,className:"select-value-container",children:i.children}),MenuListComponent:i=>l.jsx(ze,{windowSize:c,children:i.children}),menuPosition:c==="small"?"right":"left",isSearchable:!0,isDisabled:P,isOptionDisabled:i=>z?.(i)===!0&&a!==i,filterOption:(i,r)=>!r||typeof i.label!="string"||i.label.toLowerCase().includes(r.toLowerCase())||i.data?.data?.email?.toLowerCase().includes(r.toLowerCase())})}const Ae={infoLabel:new ae("smallRegular","smallRegular")},Pe=({name:e,placeholderLabel:a,registerOptions:n,value:g,valueToSubtitle:v,showOneOffLabel:x,userContainerStyles:w,optionStyles:j,isValuePlacedAtEnd:b,isDisabled:A,additionalLabelInfo:D,isOptionDisabled:P,showOnlyAvatar:C=!1,showAvatarAndSubtitles:S=!0,disabledOptionHint:z,bigMarginRightForSmallScreens:$=!1})=>{const{control:k}=Q(),V=U();return l.jsx(te,{name:e,control:k,defaultValue:g,rules:n,render:({field:{value:L,onChange:c}})=>l.jsxs(ke,{width:w?.width,"data-testid":B("user-single-select",e),children:[l.jsx(Te,{onSelectionChanged:O=>{c({allUsers:g.allUsers,selectedUser:O})},selectedValue:L.selectedUser,valueToSubtitle:v,allUsers:g.allUsers,placeholder:a,name:e,showOneOffLabel:x,userContainerStyles:w,isValuePlacedAtEnd:b,isDisabled:A,isOptionDisabled:P,showAvatarAndSubtitles:S,showOnlyAvatar:C,disabledOptionHint:z,bigMarginRightForSmallScreens:$,optionStyles:j}),D!==null&&l.jsx(Ve,{size:V,children:D})]})})},ke=t.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.width!=null?e.width:"auto"};
 `,Ve=t.label`
   color: ${e=>e.theme.colors.hero};
-  ${e=>`${Te.infoLabel.style(e.size)}`};
+  ${e=>`${Ae.infoLabel.style(e.size)}`};
   text-align: right;
   padding-right: ${s.sp3};
-`,F={width:new I(343,580,726),labelMarginLeft:new I(m[3],m[4]),labelMarginRight:new I(m[3],m[4])};function Me({isDisabled:e,label:a,userSingleSelectWithSubTitlesField:n,style:g,showTooltip:v=!1,tooltipTitle:x,toolTipWidth:w,opacity:j=1}){const b=U();return l.jsxs(Ee,{size:b,style:g,isDisabled:e!=null,opacity:j,"data-testid":B("labeled-user-single-select",n.name),children:[l.jsx(ie,{isDisabled:e,label:a.label,htmlFor:n.name,style:{marginLeft:F.labelMarginLeft.value(b),marginRight:F.labelMarginRight.value(b),marginTop:s.sp2,width:a.width??"auto"},showTooltip:v,tooltipTitle:x,toolTipWidth:w}),l.jsx(ke,{...n,isDisabled:e,userContainerStyles:{display:"flex",flexGrow:1,...n.showOnlyAvatar===!1&&{minWidth:"unset",maxWidth:"unset"},width:a.width!=null?`calc(100% - ${a.width}px)`:"auto",height:n.value.selectedUser==null||n.value.selectedUser!=null&&n.showOnlyAvatar===!0?s.sp6:s.sp9}})]})}const Ee=t.div`
+`,F={width:new I(343,580,726),labelMarginLeft:new I(m[3],m[4]),labelMarginRight:new I(m[3],m[4])};function Me({isDisabled:e,label:a,userSingleSelectWithSubTitlesField:n,style:g,showTooltip:v=!1,tooltipTitle:x,toolTipWidth:w,opacity:j=1}){const b=U();return l.jsxs(Ee,{size:b,style:g,isDisabled:e!=null,opacity:j,"data-testid":B("labeled-user-single-select",n.name),children:[l.jsx(ie,{isDisabled:e,label:a.label,htmlFor:n.name,style:{marginLeft:F.labelMarginLeft.value(b),marginRight:F.labelMarginRight.value(b),marginTop:s.sp2,width:a.width??"auto"},showTooltip:v,tooltipTitle:x,toolTipWidth:w}),l.jsx(Pe,{...n,isDisabled:e,userContainerStyles:{display:"flex",flexGrow:1,...n.showOnlyAvatar===!1&&{minWidth:"unset",maxWidth:"unset"},width:a.width!=null?`calc(100% - ${a.width}px)`:"auto",height:n.value.selectedUser==null||n.value.selectedUser!=null&&n.showOnlyAvatar===!0?s.sp6:s.sp9}})]})}const Ee=t.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LabeledZeniRolesDropDownField-CbJ3OtWK-CN-nwhu5.js → LabeledZeniRolesDropDownField-BJ99uBt1-DGvakh0f.js}

@@ -1,4 +1,4 @@
-import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX as Y,y as K,w as V,b3 as ie,O as re,fq as te,fs as se,a1 as ae,al as ne,b4 as L,au as de,b2 as ce,c1 as pe,d as P,ft as H,bH as Q,a as ue,C as ee,l as he,H as ge,fc as me,fb as be,aU as fe,fd as xe,aD as ye,fu as we}from"./index-ByxsQZNo.js";import{n as d,c as ve}from"./mui-40xepic5.js";import{a as C}from"./sentry-COYnhuxW.js";import{F$ as W,G0 as $e}from"./zeni-epic-state-DCforPdM.js";import{T as Re}from"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="f849c833-6f21-4f63-87db-e9d58437eaf3",e._sentryDebugIdIdentifier="sentry-dbid-f849c833-6f21-4f63-87db-e9d58437eaf3")}catch{}})();const j={width:new u(343,580,726),height:new u(i[6],i[6]),controlHeight:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),marginRight:new u(i[2],i[2]),labelMarginLeft:new u(i[3],i[4]),labelMarginRight:new u(i[3],i[4]),labelMarginTop:new u(i[2],i[2])};function yo({isDisabled:e,label:s,singleSelectWithoutClearableField:r,style:c,opacity:p=1}){const a=M();return l.jsxs(je,{size:a,style:c,isDisabled:e!=null,opacity:p,children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{marginLeft:j.labelMarginLeft.value(a),marginRight:j.labelMarginRight.value(a),marginTop:j.labelMarginTop.value(a),width:s.width??"auto"}}),l.jsx(le,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:j.controlHeight.value(a)}})]})}const je=d.div`
+import{e as M,V as l,c6 as Z,x as u,bY as le,m as i,o,b as A,cc as _,e4 as X,dX as Y,y as K,w as V,b3 as ie,O as re,fq as te,fs as se,a1 as ae,al as ne,b4 as L,au as de,b2 as ce,c1 as pe,f as T,ft as H,bH as Q,a as ue,C as ee,l as he,H as ge,fc as me,fb as be,aU as fe,fd as xe,aD as ye,fu as we}from"./index-BHAcVHeH.js";import{n as d,c as ve}from"./mui-Cni6P-fz.js";import{a as C}from"./sentry-CY6wsJT-.js";import{F$ as W,G0 as $e}from"./zeni-epic-state-cFF_NqwA.js";import{T as Re}from"./RoleWithToolTip-VOllzDDB-BXr_ucO6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="4bcaac45-538e-40a7-b666-e9ddbedb769f",e._sentryDebugIdIdentifier="sentry-dbid-4bcaac45-538e-40a7-b666-e9ddbedb769f")}catch{}})();const j={width:new u(343,580,726),height:new u(i[6],i[6]),controlHeight:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),marginRight:new u(i[2],i[2]),labelMarginLeft:new u(i[3],i[4]),labelMarginRight:new u(i[3],i[4]),labelMarginTop:new u(i[2],i[2])};function yo({isDisabled:e,label:s,singleSelectWithoutClearableField:r,style:c,opacity:p=1}){const a=M();return l.jsxs(je,{size:a,style:c,isDisabled:e!=null,opacity:p,children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{marginLeft:j.labelMarginLeft.value(a),marginRight:j.labelMarginRight.value(a),marginTop:j.labelMarginTop.value(a),width:s.width??"auto"}}),l.jsx(le,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:j.controlHeight.value(a)}})]})}const je=d.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -48,7 +48,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
         ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
     }
   }
-`,ke=d.div`
+`,ze=d.div`
   display: flex;
   flex-direction: row;
   &:hover {
@@ -57,9 +57,9 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
         ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.primary};
     }
   }
-`,ze=d.div`
+`,ke=d.div`
   border-left: 1px solid ${e=>e.theme.colors.grey1};
-`,G=({allBtnOptions:e,isDisabled:s,selectedOption:r,buttonClickHandler:c})=>{const p=M(),a=K(),f=h=>r?.value===h.value?"primary":"secondary",$=h=>r?.value===h.value?{backgroundColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.hero},borderColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.grey3}}:{backgroundColor:{default:"transparent",hover:a.colors.grey4,disabled:"transparent"},textColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.hero},borderColor:{default:a.colors.grey1,hover:a.colors.primary,disabled:a.colors.grey3}},b=e.length,y=s==="disabled"||s==="readonly";return l.jsx(De,{windowSize:p,isDisabled:y,children:e.map((h,x)=>l.jsxs(ke,{"data-testid":A("grouped-button-container",h.value),className:"grpBtn",isDisabled:y||!h.enabled,children:[l.jsx(ue,{label:h.label,size:"small",variant:f(h),"data-testid":A("grouped-button",h.value),onClick:()=>c(h.value),buttonColors:$(h),disabled:y||!h.enabled,style:{borderTopRightRadius:x===b-1?o.sp1:o.sp0,borderBottomRightRadius:x===b-1?o.sp1:o.sp0,borderTopLeftRadius:x===0?o.sp1:o.sp0,borderBottomLeftRadius:x===0?o.sp1:o.sp0,borderRight:x===b-1?"":"none",borderLeft:x===0?"":"none",width:"65px",display:"flex",alignItems:"center",justifyContent:"center"}}),x!==b-1?l.jsx(ze,{className:"verticalLine"}):null]},h.value))})},E={allRolesMarginLeftRight:new u(i[3],i[4])},Se=d.div`
+`,G=({allBtnOptions:e,isDisabled:s,selectedOption:r,buttonClickHandler:c})=>{const p=M(),a=K(),f=h=>r?.value===h.value?"primary":"secondary",$=h=>r?.value===h.value?{backgroundColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.hero},borderColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.grey3}}:{backgroundColor:{default:"transparent",hover:a.colors.grey4,disabled:"transparent"},textColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.hero},borderColor:{default:a.colors.grey1,hover:a.colors.primary,disabled:a.colors.grey3}},b=e.length,y=s==="disabled"||s==="readonly";return l.jsx(De,{windowSize:p,isDisabled:y,children:e.map((h,x)=>l.jsxs(ze,{"data-testid":A("grouped-button-container",h.value),className:"grpBtn",isDisabled:y||!h.enabled,children:[l.jsx(ue,{label:h.label,size:"small",variant:f(h),"data-testid":A("grouped-button",h.value),onClick:()=>c(h.value),buttonColors:$(h),disabled:y||!h.enabled,style:{borderTopRightRadius:x===b-1?o.sp1:o.sp0,borderBottomRightRadius:x===b-1?o.sp1:o.sp0,borderTopLeftRadius:x===0?o.sp1:o.sp0,borderBottomLeftRadius:x===0?o.sp1:o.sp0,borderRight:x===b-1?"":"none",borderLeft:x===0?"":"none",width:"65px",display:"flex",alignItems:"center",justifyContent:"center"}}),x!==b-1?l.jsx(ke,{className:"verticalLine"}):null]},h.value))})},E={allRolesMarginLeftRight:new u(i[3],i[4])},Se=d.div`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
@@ -72,7 +72,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
   display: flex;
   flex-direction: column;
   width: 100%;
-`,Pe=d.div`
+`,Te=d.div`
   display: flex;
   flex-direction: column;
   padding-left: ${o.sp4};
@@ -83,7 +83,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
   transition:
     visibility 250ms ease-in-out,
     max-height 250ms ease-in-out;
-`,Te=d.div`
+`,Pe=d.div`
   display: flex;
   flex-direction: row;
   margin-bottom: ${o.sp3};
@@ -97,7 +97,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
 `,Be=d.div`
   display: flex;
   .roleTitle {
-    color: ${e=>e.isError?P.important:e.theme.colors.hero};
+    color: ${e=>e.isError?T.important:e.theme.colors.hero};
   }
   .roleSubTitle {
     color: ${e=>e.theme.colors.hero};
@@ -171,16 +171,16 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
   flex-direction: column;
   margin-right: ${e=>E.allRolesMarginLeftRight.valuePx(e.windowSize)};
   margin-left: ${e=>E.allRolesMarginLeftRight.valuePx(e.windowSize)};
-  color: ${e=>e.theme.mode==="light"?P.brandColorOnyx:P.brandColorPearl};
-`,Je=e=>{switch(e){case"bookkeeping":return l.jsx(Ue,{});case"zeni_bill_pay":return l.jsx(He,{});case"zeni_reimbursements":return l.jsx(Ne,{});case"zeni_checking":return l.jsx(Ae,{});case"zeni_cards":return l.jsx(We,{});case"zeni_treasury":return l.jsx(Ze,{});default:return null}},qe=e=>l.jsxs(Me,{children:[l.jsx(Le,{className:"roleTitle",children:H[e].label}),l.jsx(Ie,{className:"roleSubTitle",children:H[e].subTitle}),l.jsx(Ve,{className:"roleSuitableFor",children:H[e].roleSuitableFor})]}),Xe=({name:e,isDisabled:s,selectedValue:r,onSelectionChanged:c})=>{const{formState:{errors:p}}=_(),a=Y(p,`${e}.userRole.selectedRole`),f=M(),$=r.productsByUserRole.employee.findIndex(g=>g.productType==="zeni_reimbursements"),b=C.useCallback(g=>{const n=te([g]),S=se(g),v=ae(r.productsByUserRole[n]),R=v.findIndex(O=>O.productType===S),I=v[R].selectedOption?.value===g;R>-1&&(v[R]={...v[R],selectedOption:I?void 0:v[R].options.filter(O=>O.value===g)[0]});const F={userRole:{selectedRole:n,allRootRole:r.userRole.allRootRole},productsByUserRole:{...r.productsByUserRole,[n]:[...v]}};c(F)},[c,r]),y=r.userRole.selectedRole,h=C.useMemo(()=>y!=null?(r.productsByUserRole[y]??[]).map(g=>$e(g.selectedOption?.value)).filter(g=>g!=null):[],[y,r.productsByUserRole]);C.useEffect(()=>{y==="employee"&&h.length===0&&$>-1&&b("reimbursements_user")},[y,h,$,b]);const x=r.userRole.allRootRole,T=g=>g==="employee"&&r.userRole.selectedRole==="employee";return s==="readonly"?l.jsx(Ge,{windowSize:f,children:l.jsx(Re,{roles:h})}):l.jsx(Ce,{children:x.map(g=>l.jsxs(Se,{windowSize:f,children:[l.jsx(Be,{isError:a,children:l.jsx(ne,{isDisabled:s,label:{label:qe(g)},style:{paddingBottom:o.sp4,alignItems:"flex-start"},radioField:{name:`${e}.userRole.selectedRole`,id:`${e}.${g}`,value:g,radioSize:"small",checked:r.userRole.selectedRole===g,style:{marginTop:o.sp1}}})}),l.jsx(Pe,{windowSize:f,isCollapsed:T(g),roleCount:r.productsByUserRole[g].length,children:r.productsByUserRole[g].map(n=>l.jsxs(Te,{children:[l.jsxs(Ee,{children:[l.jsx(_e,{children:n.productType&&Je(n.productType)}),l.jsxs(Fe,{children:[l.jsx(Oe,{children:n.label}),f==="small"?l.jsx(G,{allBtnOptions:n.options,selectedOption:n.selectedOption,buttonClickHandler:b}):null,l.jsx(J,{children:n.subTitleUser}),l.jsx(J,{children:n.subTitleAdmin})]})]}),f!=="small"?l.jsx(G,{allBtnOptions:n.options,selectedOption:n.selectedOption,buttonClickHandler:b,isDisabled:s}):null]},n.productType))})]},g))})},Ye=({name:e,defaultValue:s,isDisabled:r,registerOptions:c})=>{const{control:p}=_();return l.jsx(X,{name:e,control:p,defaultValue:s,rules:c,render:({field:{onChange:a,value:f}})=>{const $=f;return l.jsx(Xe,{onSelectionChanged:b=>{a(b)},selectedValue:$,name:e,isDisabled:r})}})},z={width:new u(343,580,726),height:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),labelPaddingLeft:new u(i[3],i[4]),labelPaddingRight:new u(i[3],i[4]),labelPaddingTop:new u(i[2],i[2]),labelPaddingBottom:new u(i[2],i[3])};function wo({isDisabled:e,label:s,rolesDropDownField:r,style:c}){const p=M();return l.jsxs(Ke,{size:p,style:c,isDisabled:e!=null,children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{paddingLeft:z.labelPaddingLeft.value(p),paddingRight:z.labelPaddingRight.value(p),paddingTop:z.labelPaddingTop.value(p),paddingBottom:z.labelPaddingBottom.value(p)}}),l.jsx(Ye,{...r,isDisabled:e})]})}const Ke=d.div`
+  color: ${e=>e.theme.mode==="light"?T.brandColorOnyx:T.brandColorPearl};
+`,Je=e=>{switch(e){case"bookkeeping":return l.jsx(Ue,{});case"zeni_bill_pay":return l.jsx(He,{});case"zeni_reimbursements":return l.jsx(Ne,{});case"zeni_checking":return l.jsx(Ae,{});case"zeni_cards":return l.jsx(We,{});case"zeni_treasury":return l.jsx(Ze,{});default:return null}},qe=e=>l.jsxs(Me,{children:[l.jsx(Le,{className:"roleTitle",children:H[e].label}),l.jsx(Ie,{className:"roleSubTitle",children:H[e].subTitle}),l.jsx(Ve,{className:"roleSuitableFor",children:H[e].roleSuitableFor})]}),Xe=({name:e,isDisabled:s,selectedValue:r,onSelectionChanged:c})=>{const{formState:{errors:p}}=_(),a=Y(p,`${e}.userRole.selectedRole`),f=M(),$=r.productsByUserRole.employee.findIndex(g=>g.productType==="zeni_reimbursements"),b=C.useCallback(g=>{const n=te([g]),S=se(g),v=ae(r.productsByUserRole[n]),R=v.findIndex(O=>O.productType===S),I=v[R].selectedOption?.value===g;R>-1&&(v[R]={...v[R],selectedOption:I?void 0:v[R].options.filter(O=>O.value===g)[0]});const F={userRole:{selectedRole:n,allRootRole:r.userRole.allRootRole},productsByUserRole:{...r.productsByUserRole,[n]:[...v]}};c(F)},[c,r]),y=r.userRole.selectedRole,h=C.useMemo(()=>y!=null?(r.productsByUserRole[y]??[]).map(g=>$e(g.selectedOption?.value)).filter(g=>g!=null):[],[y,r.productsByUserRole]);C.useEffect(()=>{y==="employee"&&h.length===0&&$>-1&&b("reimbursements_user")},[y,h,$,b]);const x=r.userRole.allRootRole,P=g=>g==="employee"&&r.userRole.selectedRole==="employee";return s==="readonly"?l.jsx(Ge,{windowSize:f,children:l.jsx(Re,{roles:h})}):l.jsx(Ce,{children:x.map(g=>l.jsxs(Se,{windowSize:f,children:[l.jsx(Be,{isError:a,children:l.jsx(ne,{isDisabled:s,label:{label:qe(g)},style:{paddingBottom:o.sp4,alignItems:"flex-start"},radioField:{name:`${e}.userRole.selectedRole`,id:`${e}.${g}`,value:g,radioSize:"small",checked:r.userRole.selectedRole===g,style:{marginTop:o.sp1}}})}),l.jsx(Te,{windowSize:f,isCollapsed:P(g),roleCount:r.productsByUserRole[g].length,children:r.productsByUserRole[g].map(n=>l.jsxs(Pe,{children:[l.jsxs(Ee,{children:[l.jsx(_e,{children:n.productType&&Je(n.productType)}),l.jsxs(Fe,{children:[l.jsx(Oe,{children:n.label}),f==="small"?l.jsx(G,{allBtnOptions:n.options,selectedOption:n.selectedOption,buttonClickHandler:b}):null,l.jsx(J,{children:n.subTitleUser}),l.jsx(J,{children:n.subTitleAdmin})]})]}),f!=="small"?l.jsx(G,{allBtnOptions:n.options,selectedOption:n.selectedOption,buttonClickHandler:b,isDisabled:s}):null]},n.productType))})]},g))})},Ye=({name:e,defaultValue:s,isDisabled:r,registerOptions:c})=>{const{control:p}=_();return l.jsx(X,{name:e,control:p,defaultValue:s,rules:c,render:({field:{onChange:a,value:f}})=>{const $=f;return l.jsx(Xe,{onSelectionChanged:b=>{a(b)},selectedValue:$,name:e,isDisabled:r})}})},k={width:new u(343,580,726),height:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),labelPaddingLeft:new u(i[3],i[4]),labelPaddingRight:new u(i[3],i[4]),labelPaddingTop:new u(i[2],i[2]),labelPaddingBottom:new u(i[2],i[3])};function wo({isDisabled:e,label:s,rolesDropDownField:r,style:c}){const p=M();return l.jsxs(Ke,{size:p,style:c,isDisabled:e!=null,children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{paddingLeft:k.labelPaddingLeft.value(p),paddingRight:k.labelPaddingRight.value(p),paddingTop:k.labelPaddingTop.value(p),paddingBottom:k.labelPaddingBottom.value(p)}}),l.jsx(Ye,{...r,isDisabled:e})]})}const Ke=d.div`
   display: flex;
   flex-direction: ${e=>e.isDisabled?"row":"column"};
   align-items: ${e=>e.isDisabled?"center":"flex-start"};
   background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>z.width.valuePx(e.size)};
-  min-height: ${e=>z.height.valuePx(e.size)};
-  padding-top: ${e=>z.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>z.paddingTopBottom.valuePx(e.size)};
+  width: ${e=>k.width.valuePx(e.size)};
+  min-height: ${e=>k.height.valuePx(e.size)};
+  padding-top: ${e=>k.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>k.paddingTopBottom.valuePx(e.size)};
   ${e=>e.isDisabled?ve`
           justify-content: space-between;
         `:null}
@@ -206,7 +206,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
       border-color: inherit;
     }
   }
-`;function Qe({onSelectionChanged:e,forZeniUser:s,selectedRoles:r,allRoles:c,disable:p=!1,isMulti:a=!1,clearSelectedRole:f,style:$,name:b,isValuePlacedAtEnd:y=!0}){const[h,x]=C.useState(),{formState:{errors:T}}=_(),g=Y(T,b??"");C.useEffect(()=>{const t=c.filter(m=>r!=null&&r.includes(m.value));x(a?t:t[0])},[r]),C.useEffect(()=>{f===!0&&a===!1&&x(void 0)},[f]);const n=K(),S=M(),v=JSON.parse(JSON.stringify(c));if(r!=null&&s){if(!r.includes("admin")){const t=v.findIndex(m=>m.value==="admin");v.splice(t,1)}if(!r.includes("bookkeeping_admin")){const t=v.findIndex(m=>m.value==="bookkeeping_admin");v.splice(t,1)}}const R=n.colors.grey5,I=V.smallRegular.cssObject,F=I,O=h?.length>3,oe={control:t=>({...t,backgroundColor:"inherit",boxShadow:R,border:"none",cursor:"pointer",":hover":{backgroundColor:"inherit"},flexWrap:"nowrap",marginTop:"unset"}),container:t=>({...t,fill:n.colors.hero,":hover":{fill:n.colors.primary},width:"100%",...$}),valueContainer:t=>({...t,flexWrap:O?"wrap":"nowrap",width:S!=="small"&&a?"263px":"auto",paddingTop:"unset",cursor:"pointer",...F,overflow:"visible",minWidth:"auto",paddingLeft:o.sp0,paddingRight:o.sp0,display:"flex",justifyContent:"flex-start",fill:n.colors.hero,":hover":{">div>div":{fill:n.colors.primary,color:n.colors.primary}},">div:last-of-type":{span:{display:"none"}}}),singleValue:(t,m)=>({...t,color:m.selectProps.menuIsOpen===!0?n.colors.primary:n.colors.hero,maxWidth:"auto",overflow:"auto",":hover":{color:n.colors.primary},marginLeft:o.sp0,position:"inherit",transform:"none",top:o.sp0,marginRight:o.sp0,padding:o.sp0,...V.standardRegular.cssObject}),multiValue:(t,m)=>({...t,margin:0,minWidth:void 0,backgroundColor:void 0,color:m.selectProps.menuIsOpen===!0?n.colors.primary:n.colors.hero,":hover":{color:n.colors.primary},">div":{borderRadius:o.sp0,padding:o.sp0,borderLeftStyle:"solid",borderWidth:o.sp0,borderColor:n.colors.grey1,color:"unset"}}),menu:t=>({...t,backgroundColor:R,boxShadow:`${o.sp0} 2px ${o.sp2} ${n.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",width:S==="small"?"230px":"100%",right:S==="small"?o.sp0:"unset",borderRadius:o.sp1,margin:o.sp0,border:S==="small"?`1px solid ${n.colors.grey3}`:"unset"}),menuList:t=>({...t,maxHeight:"240px"}),option:(t,{isSelected:m,isDisabled:B,data:k})=>{const w=W(k.value)&&s===!0,U=q(m,w,k.value,n);return{...t,height:w?44:40,padding:w?o.sp0:`${o.sp2} 12px`,marginTop:w?o.sp1:"unset",whiteSpace:"unset",display:"flex",alignItems:"center",opacity:1,...I,color:U,cursor:B?"not-allowed":"pointer",backgroundColor:m&&!w?n.colors.background:"transparent",">div":{backgroundColor:m?n.colors.background:"transparent"},borderTop:w||k.value==="delete"?`1px solid ${n.colors.background}`:"none","& label":{paddingRight:"10px"},"svg:nth-of-type(2)":{display:"none"},":hover":{color:q(!0,w,k.value,n),backgroundColor:m&&!w?n.colors.background:w?"transparent":n.colors.background,">div":{backgroundColor:n.colors.background},"svg:nth-of-type(1)":{display:w||s===!1?"inline-block":"none"},"svg:nth-of-type(2)":{display:w?"none":"inline-block"}},">div>div>div:first-of-type":{display:"flex"}}},indicatorsContainer:t=>({...t,alignItems:a?"flex-start":"center",paddingTop:O||!a?"unset":"5px"}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({paddingTop:a?o.sp1:"2px",svg:{marginLeft:a&&h?.length>0?"unset":"6px"}})};return l.jsx(ie,{isMulti:a,menuPlacement:"auto",minMenuHeight:250,menuShouldScrollIntoView:!1,defaultValue:h,value:h,closeMenuOnSelect:!0,options:v,isDisabled:p,hideSelectedOptions:!1,onChange:t=>{(m=>{const B=[];a&&m.forEach(k=>{B.push(k.value)}),e(a?B:m.value)})(t)},isClearable:!1,isSearchable:!0,components:{Control:t=>{const{menuIsOpen:m,isFocused:B,isDisabled:k,selectProps:w}=t,{value:U}=w;return l.jsx(po,{menuIsOpen:m,isFocused:B,isDisabled:k,selectedValue:U,isError:g,isValuePlacedAtEnd:y,windowSize:S,children:l.jsx(L.Control,{...t,className:"select-control",children:t.children})})},DropdownIndicator:lo,Option:t=>{const{isSelected:m}=t;return C.createElement(L.Option,{...t,key:t.data.value},l.jsxs(no,{role:t.data.value,forZeniUser:s,children:[l.jsx(de,{children:t.data.label}),!!m&&l.jsxs("div",{children:[l.jsx(ce,{width:o.sp3,height:o.sp3}),s===!0?l.jsx(pe,{width:o.sp3,height:o.sp3}):null]})]}))},MultiValueRemove:io,IndicatorSeparator:ro,MultiValueLabel:to,ValueContainer:so,Placeholder:oo,Input:eo},styles:oe,theme:t=>({...t,colors:{...t.colors,primary:R}}),placeholder:re.getLocalizedStrings().peoplePage.dropdownPlaceHolderText,isOptionDisabled:t=>s===!1&&t.enabled===!1||s===!0&&W(t.value),classNamePrefix:"zeniRolesDropDown"})}const eo=e=>{const{selectProps:s}=e,{placeholder:r,value:c,isMulti:p}=s;return l.jsx(L.Input,{...e,autoComplete:"new-password",placeholder:p===!0&&c?.length===0||c==null?r:void 0,children:e.children})},oo=()=>null,q=(e,s,r,c)=>e&&!s&&r!=="delete"?c.colors.primary:s?c.colors.grey1:r==="delete"?P.important:c.colors.hero,lo=()=>null,io=()=>null,ro=()=>null,to=({children:e,data:s,...r})=>l.jsx(L.MultiValueLabel,{...r,children:l.jsxs(ao,{children:[e,l.jsx(co,{className:"seperator",children:","})]})}),so=({children:e,...s})=>l.jsx(L.ValueContainer,{...s,className:"select-value-container",children:e}),ao=d(he)`
+`;function Qe({onSelectionChanged:e,forZeniUser:s,selectedRoles:r,allRoles:c,disable:p=!1,isMulti:a=!1,clearSelectedRole:f,style:$,name:b,isValuePlacedAtEnd:y=!0}){const[h,x]=C.useState(),{formState:{errors:P}}=_(),g=Y(P,b??"");C.useEffect(()=>{const t=c.filter(m=>r!=null&&r.includes(m.value));x(a?t:t[0])},[r]),C.useEffect(()=>{f===!0&&a===!1&&x(void 0)},[f]);const n=K(),S=M(),v=JSON.parse(JSON.stringify(c));if(r!=null&&s){if(!r.includes("admin")){const t=v.findIndex(m=>m.value==="admin");v.splice(t,1)}if(!r.includes("bookkeeping_admin")){const t=v.findIndex(m=>m.value==="bookkeeping_admin");v.splice(t,1)}}const R=n.colors.grey5,I=V.smallRegular.cssObject,F=I,O=h?.length>3,oe={control:t=>({...t,backgroundColor:"inherit",boxShadow:R,border:"none",cursor:"pointer",":hover":{backgroundColor:"inherit"},flexWrap:"nowrap",marginTop:"unset"}),container:t=>({...t,fill:n.colors.hero,":hover":{fill:n.colors.primary},width:"100%",...$}),valueContainer:t=>({...t,flexWrap:O?"wrap":"nowrap",width:S!=="small"&&a?"263px":"auto",paddingTop:"unset",cursor:"pointer",...F,overflow:"visible",minWidth:"auto",paddingLeft:o.sp0,paddingRight:o.sp0,display:"flex",justifyContent:"flex-start",fill:n.colors.hero,":hover":{">div>div":{fill:n.colors.primary,color:n.colors.primary}},">div:last-of-type":{span:{display:"none"}}}),singleValue:(t,m)=>({...t,color:m.selectProps.menuIsOpen===!0?n.colors.primary:n.colors.hero,maxWidth:"auto",overflow:"auto",":hover":{color:n.colors.primary},marginLeft:o.sp0,position:"inherit",transform:"none",top:o.sp0,marginRight:o.sp0,padding:o.sp0,...V.standardRegular.cssObject}),multiValue:(t,m)=>({...t,margin:0,minWidth:void 0,backgroundColor:void 0,color:m.selectProps.menuIsOpen===!0?n.colors.primary:n.colors.hero,":hover":{color:n.colors.primary},">div":{borderRadius:o.sp0,padding:o.sp0,borderLeftStyle:"solid",borderWidth:o.sp0,borderColor:n.colors.grey1,color:"unset"}}),menu:t=>({...t,backgroundColor:R,boxShadow:`${o.sp0} 2px ${o.sp2} ${n.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",width:S==="small"?"230px":"100%",right:S==="small"?o.sp0:"unset",borderRadius:o.sp1,margin:o.sp0,border:S==="small"?`1px solid ${n.colors.grey3}`:"unset"}),menuList:t=>({...t,maxHeight:"240px"}),option:(t,{isSelected:m,isDisabled:B,data:z})=>{const w=W(z.value)&&s===!0,U=q(m,w,z.value,n);return{...t,height:w?44:40,padding:w?o.sp0:`${o.sp2} 12px`,marginTop:w?o.sp1:"unset",whiteSpace:"unset",display:"flex",alignItems:"center",opacity:1,...I,color:U,cursor:B?"not-allowed":"pointer",backgroundColor:m&&!w?n.colors.background:"transparent",">div":{backgroundColor:m?n.colors.background:"transparent"},borderTop:w||z.value==="delete"?`1px solid ${n.colors.background}`:"none","& label":{paddingRight:"10px"},"svg:nth-of-type(2)":{display:"none"},":hover":{color:q(!0,w,z.value,n),backgroundColor:m&&!w?n.colors.background:w?"transparent":n.colors.background,">div":{backgroundColor:n.colors.background},"svg:nth-of-type(1)":{display:w||s===!1?"inline-block":"none"},"svg:nth-of-type(2)":{display:w?"none":"inline-block"}},">div>div>div:first-of-type":{display:"flex"}}},indicatorsContainer:t=>({...t,alignItems:a?"flex-start":"center",paddingTop:O||!a?"unset":"5px"}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({paddingTop:a?o.sp1:"2px",svg:{marginLeft:a&&h?.length>0?"unset":"6px"}})};return l.jsx(ie,{isMulti:a,menuPlacement:"auto",minMenuHeight:250,menuShouldScrollIntoView:!1,defaultValue:h,value:h,closeMenuOnSelect:!0,options:v,isDisabled:p,hideSelectedOptions:!1,onChange:t=>{(m=>{const B=[];a&&m.forEach(z=>{B.push(z.value)}),e(a?B:m.value)})(t)},isClearable:!1,isSearchable:!0,components:{Control:t=>{const{menuIsOpen:m,isFocused:B,isDisabled:z,selectProps:w}=t,{value:U}=w;return l.jsx(po,{menuIsOpen:m,isFocused:B,isDisabled:z,selectedValue:U,isError:g,isValuePlacedAtEnd:y,windowSize:S,children:l.jsx(L.Control,{...t,className:"select-control",children:t.children})})},DropdownIndicator:lo,Option:t=>{const{isSelected:m}=t;return C.createElement(L.Option,{...t,key:t.data.value},l.jsxs(no,{role:t.data.value,forZeniUser:s,children:[l.jsx(de,{children:t.data.label}),!!m&&l.jsxs("div",{children:[l.jsx(ce,{width:o.sp3,height:o.sp3}),s===!0?l.jsx(pe,{width:o.sp3,height:o.sp3}):null]})]}))},MultiValueRemove:io,IndicatorSeparator:ro,MultiValueLabel:to,ValueContainer:so,Placeholder:oo,Input:eo},styles:oe,theme:t=>({...t,colors:{...t.colors,primary:R}}),placeholder:re.getLocalizedStrings().peoplePage.dropdownPlaceHolderText,isOptionDisabled:t=>s===!1&&t.enabled===!1||s===!0&&W(t.value),classNamePrefix:"zeniRolesDropDown"})}const eo=e=>{const{selectProps:s}=e,{placeholder:r,value:c,isMulti:p}=s;return l.jsx(L.Input,{...e,autoComplete:"new-password",placeholder:p===!0&&c?.length===0||c==null?r:void 0,children:e.children})},oo=()=>null,q=(e,s,r,c)=>e&&!s&&r!=="delete"?c.colors.primary:s?c.colors.grey1:r==="delete"?T.important:c.colors.hero,lo=()=>null,io=()=>null,ro=()=>null,to=({children:e,data:s,...r})=>l.jsx(L.MultiValueLabel,{...r,children:l.jsxs(ao,{children:[e,l.jsx(co,{className:"seperator",children:","})]})}),so=({children:e,...s})=>l.jsx(L.ValueContainer,{...s,className:"select-value-container",children:e}),ao=d(he)`
   padding: ${o.sp0} 2px;
   max-width: 104px;
   white-space: nowrap;
@@ -226,7 +226,7 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
   .select-control {
     border: none;
     height: ${e=>e.windowSize==="small"?"auto":o.sp6};
-    background-color: ${e=>e.menuIsOpen&&e.isValuePlacedAtEnd===!0?e.theme.colors.background:e.isError===!0?P.importantLight:e.theme.colors.grey5};
+    background-color: ${e=>e.menuIsOpen&&e.isValuePlacedAtEnd===!0?e.theme.colors.background:e.isError===!0?T.importantLight:e.theme.colors.grey5};
     box-shadow: none;
     &:hover {
       fill: ${e=>e.theme.colors.primary};
@@ -284,18 +284,18 @@ import{e as M,V as l,c6 as Z,x as u,bY as le,k as i,o,P as A,cc as _,e4 as X,dX
           visibility: visible;
         }
         ::placeholder {
-          color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?P.important:e.theme.colors.grey1};
+          color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?T.important:e.theme.colors.grey1};
         }
       }
     }
     .placeholder-container {
-      color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?P.important:e.theme.colors.grey1};
+      color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?T.important:e.theme.colors.grey1};
     }
     > div:nth-last-of-type(2) .seperator {
       visibility: hidden;
     }
   }
-`,uo=({name:e,forZeniUser:s,registerOptions:r,defaultValue:c,isDisabled:p,isMulti:a,style:f,onSelectionChanged:$,isValuePlacedAtEnd:b=!0})=>{const{control:y}=_();return l.jsx(X,{name:e,control:y,defaultValue:c,rules:r,render:({field:{value:h,onChange:x}})=>l.jsx(Qe,{onSelectionChanged:T=>{x({allOptions:c.allOptions,selectedOptions:T}),$?.(T)},forZeniUser:s,selectedRoles:h.selectedOptions,disable:p,isMulti:a,name:e,style:f,allRoles:c.allOptions,isValuePlacedAtEnd:b})})},D={width:new u(343,580,726),height:new u(i[6],i[6]),controlHeight:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),marginRight:new u(i[2],i[2]),labelMarginLeft:new u(i[3],i[4]),labelMarginRight:new u(i[3],i[4]),labelMarginTop:new u(i[2],i[2])};function vo({isDisabled:e,label:s,zeniRolesDropDownField:r,style:c}){const p=M();return l.jsxs(ho,{size:p,style:c,isDisabled:e!=null,"data-testid":A("labeled-zeni-roles-dropdown-field",r.name),children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{marginLeft:D.labelMarginLeft.value(p),marginRight:D.labelMarginRight.value(p),marginTop:D.labelMarginTop.value(p),width:s.width??"auto"}}),l.jsx(uo,{...r,isDisabled:e==="disabled"||e==="readonly",style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:p==="small"?"auto":o.sp6,minHeight:D.controlHeight.value(p)}})]})}const ho=d.div`
+`,uo=({name:e,forZeniUser:s,registerOptions:r,defaultValue:c,isDisabled:p,isMulti:a,style:f,onSelectionChanged:$,isValuePlacedAtEnd:b=!0})=>{const{control:y}=_();return l.jsx(X,{name:e,control:y,defaultValue:c,rules:r,render:({field:{value:h,onChange:x}})=>l.jsx(Qe,{onSelectionChanged:P=>{x({allOptions:c.allOptions,selectedOptions:P}),$?.(P)},forZeniUser:s,selectedRoles:h.selectedOptions,disable:p,isMulti:a,name:e,style:f,allRoles:c.allOptions,isValuePlacedAtEnd:b})})},D={width:new u(343,580,726),height:new u(i[6],i[6]),controlHeight:new u(i[6],i[6]),paddingTopBottom:new u(i[2],i[2]),marginRight:new u(i[2],i[2]),labelMarginLeft:new u(i[3],i[4]),labelMarginRight:new u(i[3],i[4]),labelMarginTop:new u(i[2],i[2])};function vo({isDisabled:e,label:s,zeniRolesDropDownField:r,style:c}){const p=M();return l.jsxs(ho,{size:p,style:c,isDisabled:e!=null,"data-testid":A("labeled-zeni-roles-dropdown-field",r.name),children:[l.jsx(Z,{isDisabled:e,label:s.label,htmlFor:r.name,style:{marginLeft:D.labelMarginLeft.value(p),marginRight:D.labelMarginRight.value(p),marginTop:D.labelMarginTop.value(p),width:s.width??"auto"}}),l.jsx(uo,{...r,isDisabled:e==="disabled"||e==="readonly",style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:p==="small"?"auto":o.sp6,minHeight:D.controlHeight.value(p)}})]})}const ho=d.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;