@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/LabeledAddressValue-BrB2xQYz-B09yXjLA.js

@@ -0,0 +1,49 @@
+import{e as p,j as a,cs as m,C as o,eT as u,q as t,b as x}from"./index-Cnh9fv8f.js";import{n as r}from"./vendor-rkTZJa59.js";const i={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},c={infoLabel:new x("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:n,additionalInfoLabel:s,addressValue:d,isOptional:g,style:h}){const l=p();return a.jsxs(w,{size:l,style:h,isDisabled:e!=null,children:[a.jsxs(f,{children:[a.jsx(m,{isOptional:g,isDisabled:e,label:n.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:n.width??"auto"}}),a.jsx(u,{...d,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",display:"flex",flexGrow:1,...d.style}})]}),s?a.jsx(b,{size:l,children:s}):null]})}const b=r.label`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: calc(100% - ${e=>i.marginRight.valuePx(e.size)});
+  padding-right: ${e=>i.marginRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  ${e=>`${c.infoLabel.style(e.size)}`};
+`,f=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+`,w=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>i.width.valuePx(e.size)};
+  min-height: ${e=>i.height.valuePx(e.size)};
+  padding-right: ${e=>i.marginRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.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: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.theme.colors.background};
+    }
+  }
+`;export{$};

package/dist/assets/LabeledAddressValueField-_35LG3OI-C2eHerzm.js

@@ -0,0 +1,45 @@
+import{e as f,cm as w,cu as v,M as y,j as r,_ as $,cs as z,C as l,eX as M,c as g,q as i,b as B}from"./index-Cnh9fv8f.js";import{n}from"./vendor-rkTZJa59.js";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])},T={infoLabel:new B("extraSmallRegular","smallRegular")},j=y.getLocalizedStrings();function E({isDisabled:e,label:d,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:c}}=w(),s=v(c,o.name),x=s?h:j.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(L,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(z,{isDisabled:e,isOptional:b,label:d.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:d.width??"auto"}}),r.jsxs(R,{labelWidth:d.width,children:[r.jsx(M,{...o,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,...o.style}}),(m||s)&&r.jsx(P,{size:a,isError:s,children:x})]})]})}const L=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};
+    }
+  }
+`,R=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=>`${T.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{E as W};

package/dist/assets/LabeledControlledCheckBoxField-o0K1dba0-BZipP4yv.js

@@ -0,0 +1,16 @@
+import{e as d,j as i,_ as o,eG as r,cs as n,o as s,C as c}from"./index-Cnh9fv8f.js";import{j as b,n as h}from"./vendor-rkTZJa59.js";const m={width:new c(343,580,726)};function f({label:e,checkBoxField:l,style:t}){const a=d();return i.jsxs(y,{size:a,style:t,isDisabled:l.isDisabled,"data-testid":o(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(r,{...l,style:{...l.style}}),i.jsx(n,{isDisabled:l.isDisabled,label:e.label,labelStyle:e.style,htmlFor:l.name,style:{display:"flex",flex:1,minHeight:s.sp4,marginLeft:s.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const y=h.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: ${e=>m.width.valuePx(e.size)};
+  min-height: ${s.sp4};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&b`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+`;export{f as x};

package/dist/assets/{LabeledCreatableSingleSelectField-CIhXQBns-C3KOt5qj.js → LabeledCreatableSingleSelectField-DQwGH21a-D1Rth7u2.js}

@@ -1,4 +1,4 @@
-import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G,V as K,o as i,u as U,F as Z,eu as q,ev as A,cI as J,bT as Q,b3 as I,cl as X,dr as Y,y as D,b0 as ee,a3 as le}from"./index-D9zAXs3-.js";import{n as a}from"./vendor-Bs1fkIUX.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=U(),y=Ie(e,b),C=Z.getLocalizedStrings().dropDowns,O=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?R(r,b):void 0,P={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(X,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${C.createOption} "${l}"`})]}),T=l=>{const{menuIsOpen:p,isFocused:L,isDisabled:V,selectProps:N}=l,{value:W}=N;return t.jsx(se,{menuIsOpen:p,isFocused:L,isDisabled:V,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(I.Control,{...l,className:"select-control",children:l.children})})},M=l=>t.jsx(ye,{children:t.jsxs(I.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),H=l=>{const{selectProps:p}=l,{placeholder:L,value:V}=p;return t.jsx(I.Input,{...l,autoComplete:"new-password",placeholder:V==null?L:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(q,{isMulti:!1,onCreateOption:l=>{const p=A(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${C.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:T,Option:ae,Input:H,SingleValue:M,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:P,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},J())},ie=e=>t.jsx(I.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(Q,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(I.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
+import{e as _,cm as R,cu as z,j as t,_ as j,cs as B,C as f,c as u,q as s,cv as G,b as Q,o as i,u as Z,M as q,eQ as J,eR as K,dj as A,bZ as U,b3 as C,cw as X,dK as Y,v as k,b0 as ee,a3 as le}from"./index-Cnh9fv8f.js";import{n as a}from"./vendor-rkTZJa59.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=Z(),y=Ce(e,b),I=q.getLocalizedStrings().dropDowns,O=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?F(r,b):void 0,P={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(X,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${I.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:p,isFocused:L,isDisabled:D,selectProps:H}=l,{value:W}=H;return t.jsx(se,{menuIsOpen:p,isFocused:L,isDisabled:D,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(C.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(C.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),N=l=>{const{selectProps:p}=l,{placeholder:L,value:D}=p;return t.jsx(C.Input,{...l,autoComplete:"new-password",placeholder:D==null?L:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(J,{isMulti:!1,onCreateOption:l=>{const p=K(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${I.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:ae,Input:N,SingleValue:T,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:P,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},A())},ie=e=>t.jsx(C.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(U,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(C.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -34,7 +34,7 @@ import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G
       border-radius: ${i.sp0};
       margin: ${i.sp0};
       color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
-      ${D.standardRegular.css};
+      ${k.standardRegular.css};
       box-sizing: border-box;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -45,7 +45,7 @@ import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G
       display: flex;
       width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?i.sp0:"100%"};
       position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${D.standardRegular.css};
+      ${k.standardRegular.css};
       color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
       margin: ${i.sp0};
       cursor: inherit;
@@ -67,7 +67,7 @@ import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G
 `,ne=a.div`
   border-radius: inherit;
   .select-option {
-    ${D.smallRegular.css};
+    ${k.smallRegular.css};
     height: ${i.sp6};
     padding: 9px ${i.sp3};
     color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
@@ -153,7 +153,7 @@ import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G
   justify-content: inherit;
   align-items: center;
   width: 100%;
-`,ve=()=>null,je=()=>null,Se=()=>null,Ie=(e,r)=>e.map(o=>R(o,r)),R=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ce=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=F(),y=z(w,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:C,onChange:O}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),O({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:C.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,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])},Oe={infoLabel:new K("extraSmallRegular","smallRegular")};function Fe({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=B(),{formState:{errors:w}}=F(),y=z(w,o.name??"");return t.jsxs(Le,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(_,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(Ve,{labelWidth:r.width,children:[t.jsx(Ce,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(k,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(k,{size:c,hasError:y,children:h})]})]})}const Le=a.div`
+`,ve=()=>null,je=()=>null,Se=()=>null,Ce=(e,r)=>e.map(o=>F(o,r)),F=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ie=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=R(),y=z(w,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:I,onChange:O}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),O({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:I.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,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])},Oe={infoLabel:new Q("extraSmallRegular","smallRegular")};function Re({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=_(),{formState:{errors:w}}=R(),y=z(w,o.name??"");return t.jsxs(Le,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(B,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(De,{labelWidth:r.width,children:[t.jsx(Ie,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(V,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:h})]})]})}const Le=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -189,16 +189,16 @@ import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
     }
   }
-`,Ve=a.div`
+`,De=a.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
   flex-direction: column;
   position: relative;
-`,k=a.label`
+`,V=a.label`
   color: ${e=>e.hasError===!0?u.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
   width: auto;
   ${e=>`${Oe.infoLabel.style(e.size)}`};
   padding-right: ${i.sp3};
   text-align: right;
-`;export{Fe as D};
+`;export{Re as D};

package/dist/assets/LabeledDocumentField-CfgzkjDY-CbC276Lv.js

@@ -0,0 +1,41 @@
+import{e as I,cm as U,cu as g,j as o,_ as W,cs as N,C as a,eS as O,M as k,q as i,o as s,c as A,b as q}from"./index-Cnh9fv8f.js";import{n as d}from"./vendor-rkTZJa59.js";const t={width:new a(343,580,726),height:new a(i[6],i[6]),paddingTopBottom:new a(i[2],i[2]),marginRight:new a(i[2],i[2]),labelMarginLeft:new a(i[3],i[4]),labelMarginRight:new a(i[3],i[4]),labelMarginTop:new a(i[2],i[2])},J={infoLabel:new q("extraSmallRegular","smallRegular")};function H({label:e,isDisabled:r,isOptional:u,style:b,file:m,name:n,registerOptions:c,additionalInfoLabel:f,acceptableTypes:x,sizeLimit:y,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:S,hasError:E=!1,placeholderText:F,showPhotoPicker:v,useMobileCam:T,showUploadSuccessAnimation:L,showWebCamPopUpCloseIcon:M,updateFilesEntity:R,onDeleteFile:j,onEditFileName:B,onFileSizeError:C}){const l=I(),{formState:{errors:p}}=U(),h=g(p,n),D=g(p,`${n}.fileName`);return o.jsxs(V,{size:l,style:b,isDisabled:r!=null,"data-testid":W("document-field",n),children:[o.jsx(N,{isDisabled:r,label:e.label,isOptional:u,style:{marginLeft:t.labelMarginLeft.value(l),marginRight:t.labelMarginRight.value(l),marginTop:t.labelMarginTop.value(l),width:e.width??"auto",...e.style}}),o.jsxs(K,{labelWidth:e.width,size:l,children:[o.jsx(O,{name:n,filesEndPoint:P,authParams:S,registerOptions:c,file:m,sizeLimit:y,acceptableTypes:x,isDisabled:r==="disabled"||r==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:E,updateFilesEntity:R,onFileSizeError:C,onDeleteFile:j,onEditFileName:B,placeholderText:F,showPhotoPicker:v,useMobileCam:T,showWebCamPopUpCloseIcon:M,showUploadSuccessAnimation:L}),h&&o.jsx(Y,{size:l,isError:h,children:D&&m!=null?k.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:f})]})]})}const V=d.div`
+  display: flex;
+  flex-direction: ${e=>e.size==="small"?"column":"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)};
+
+  :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: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+  }
+`,K=d.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.size==="small"?"100%":e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  padding: ${e=>e.size==="small"?`${s.sp1} ${s.sp2} ${s.sp0} ${s.sp3}`:s.sp0};
+  box-sizing: ${e=>e.size==="small"?"border-box":"inherit"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,Y=d.label`
+  display: flex;
+  color: ${e=>e.isError?A.important:e.theme.colors.grey1};
+  ${e=>`${J.infoLabel.style(e.size)}`};
+  padding-right: ${s.sp3};
+  text-align: right;
+`;export{H as Y};

package/dist/assets/{LabeledDropDownFormattedTextField-pClUx8A9-Dtg8BoKW.js → LabeledDropDownFormattedTextField-DdaTvUbM-C4uCaUJ3.js}

@@ -1,4 +1,4 @@
-import{K as I,u as R,cd as p,cj as T,j as r,o,ck as P,bm as K,y as O,eJ as A,h as s,V as F,b0 as J}from"./index-D9zAXs3-.js";import{n as i}from"./vendor-Bs1fkIUX.js";const M={infoLabel:new F("extraSmallRegular","smallRegular")};function W({isDisabled:e,label:m,formattedText:l,dropdownStyle:b,style:f,additionalInfoLabel:x,showAdditionalInfoLabel:y=!0,isSaveError:n=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:j,registerOptions:L,defaultValue:h,isSelectDisabled:k,menuPlacement:v,name:E,placeholderLabel:S}){const a=I(),u=R(),{formState:{errors:D}}=p(),d=T(D,l.name),{control:z}=p(),C=t=>typeof t=="string"?t.toLocaleUpperCase():t.toString().toLocaleUpperCase();return r.jsxs(U,{size:a,style:f,isDisabled:e!=null,isError:d||n,children:[r.jsx(G,{windowSize:a,style:{width:m?.width??"auto",marginRight:o.sp2},children:r.jsx(H,{style:{width:"auto",...b},children:r.jsx(P,{name:E,control:z,defaultValue:h.dropDownValue,rules:L,render:({field:{value:t,onChange:V}})=>r.jsx(K,{pickerValues:h.dropDownList.map(c=>c.code),valueToLabel:C,selectedValue:t??void 0,isDisabled:e!=null||k,onPickerSelectionChanged:c=>{V(c)},menuPlacement:v,titleTextStyle:O.standardRegular,titleColor:u.colors.hero,valueOpacity:1,backgroundColor:u.colors.grey5,placeholder:S})})})}),r.jsxs(Y,{children:[r.jsx(A,{...l,style:l.style,isDisabled:l.isDisabled,isMasked:!0}),(y||d||n)&&r.jsxs(g,{size:a,isError:d||n,children:[w===!0?r.jsx(q,{children:r.jsx(B,{})}):null,x]}),$===!0&&r.jsx(g,{size:a,isError:!0,children:j})]})]})}const U=i.div`
+import{e as R,u as T,cm as p,cu as V,j as r,o,cv as P,bm as M,v as O,fM as q,c as l,b as A,b0 as F}from"./index-Cnh9fv8f.js";import{n as i}from"./vendor-rkTZJa59.js";const U={infoLabel:new A("extraSmallRegular","smallRegular")};function W({isDisabled:e,label:m,formattedText:s,dropdownStyle:b,style:f,additionalInfoLabel:x,showAdditionalInfoLabel:y=!0,isSaveError:n=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:L,registerOptions:j,defaultValue:u,isSelectDisabled:v,menuPlacement:k,name:E,placeholderLabel:S}){const a=R(),h=T(),{formState:{errors:D}}=p(),d=V(D,s.name),{control:z}=p(),C=t=>typeof t=="string"?t.toLocaleUpperCase():t.toString().toLocaleUpperCase();return r.jsxs(B,{size:a,style:f,isDisabled:e!=null,isError:d||n,children:[r.jsx(G,{windowSize:a,style:{width:m?.width??"auto",marginRight:o.sp2},children:r.jsx(H,{style:{width:"auto",...b},children:r.jsx(P,{name:E,control:z,defaultValue:u.dropDownValue,rules:j,render:({field:{value:t,onChange:I}})=>r.jsx(M,{pickerValues:u.dropDownList.map(c=>c.code),valueToLabel:C,selectedValue:t??void 0,isDisabled:e!=null||v,onPickerSelectionChanged:c=>{I(c)},menuPlacement:k,titleTextStyle:O.standardRegular,titleColor:h.colors.hero,valueOpacity:1,backgroundColor:h.colors.grey5,placeholder:S})})})}),r.jsxs(J,{children:[r.jsx(q,{...s,style:s.style,isDisabled:s.isDisabled,isMasked:!0}),(y||d||n)&&r.jsxs(g,{size:a,isError:d||n,children:[w===!0?r.jsx(K,{children:r.jsx(Y,{})}):null,x]}),$===!0&&r.jsx(g,{size:a,isError:!0,children:L})]})]})}const B=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -22,36 +22,36 @@ import{K as I,u as R,cd as p,cj as T,j as r,o,ck as P,bm as K,y as O,eJ as A,h a
     z-index: 1;
 
     input {
-      background-color: ${e=>e.isError?s.importantLight:e.theme.colors.background};
+      background-color: ${e=>e.isError?l.importantLight:e.theme.colors.background};
     }
   }
   input {
-    background-color: ${e=>e.isError?s.importantLight:e.theme.colors.grey5};
+    background-color: ${e=>e.isError?l.importantLight:e.theme.colors.grey5};
   }
   &:hover {
     input {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?s.importantLight:e.theme.colors.background};
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?l.importantLight:e.theme.colors.background};
     }
   }
-`,Y=i.div`
+`,J=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   flex-grow: 1;
 `,g=i.label`
   display: flex;
-  color: ${e=>e.isError?s.important:e.theme.colors.grey1};
-  ${e=>`${M.infoLabel.style(e.size)}`};
+  color: ${e=>e.isError?l.important:e.theme.colors.grey1};
+  ${e=>`${U.infoLabel.style(e.size)}`};
   padding-right: ${o.sp3};
   text-align: right;
-`,q=i.div`
+`,K=i.div`
   display: flex;
   margin-right: ${o.sp1};
   align-items: center;
-`,B=i(J)`
+`,Y=i(F)`
   width: ${o.sp3};
   height: ${o.sp3};
-  color: ${s.successDark};
+  color: ${l.successDark};
 `,G=i.div`
   display: flex;
   width: 100%;

package/dist/assets/{LabeledText-CW-bei7--hAClqsQN.js → LabeledText-Hi4MixDN-n_lfAbe7.js}

@@ -1,4 +1,4 @@
-import{K as b,j as o,Z as s,ch as u,x as l,n as t,o as a,k as x,V as m}from"./index-D9zAXs3-.js";import{n}from"./vendor-Bs1fkIUX.js";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])},f={infoLabel:new m("extraSmallRegular","smallRegular")};function z({label:e,value:h,additionalInfoLabel:d,style:g,infoLabelStyle:p}){const r=b();return o.jsxs(c,{size:r,style:g,"data-testid":s("labeled-text",e.label),children:[o.jsx(u,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(r),marginRight:i.labelMarginRight.value(r),marginTop:i.labelMarginTop.value(r),width:e.width??"auto"}}),o.jsxs($,{labelWidth:e.width,children:[o.jsx(w,{"data-testid":s("labeled-text-input",e.label),children:h}),d!=null?o.jsx(y,{size:r,style:p,children:d}):null]})]})}const c=n.div`
+import{e as b,j as r,_ as s,cs as u,C as l,q as t,o as a,n as m,b as x}from"./index-Cnh9fv8f.js";import{n}from"./vendor-rkTZJa59.js";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 x("extraSmallRegular","smallRegular")};function z({label:e,value:h,additionalInfoLabel:d,style:g,infoLabelStyle:p}){const o=b();return r.jsxs(f,{size:o,style:g,"data-testid":s("labeled-text",e.label),children:[r.jsx(u,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(o),marginRight:i.labelMarginRight.value(o),marginTop:i.labelMarginTop.value(o),width:e.width??"auto"}}),r.jsxs($,{labelWidth:e.width,children:[r.jsx(w,{"data-testid":s("labeled-text-input",e.label),children:h}),d!=null?r.jsx(y,{size:o,style:p,children:d}):null]})]})}const f=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -16,7 +16,7 @@ import{K as b,j as o,Z as s,ch as u,x as l,n as t,o as a,k as x,V as m}from"./in
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,w=n(x)`
+`,w=n(m)`
   display: flex;
   border-width: ${a.sp0};
   outline-width: ${a.sp0};
@@ -36,7 +36,7 @@ import{K as b,j as o,Z as s,ch as u,x as l,n as t,o as a,k as x,V as m}from"./in
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.theme.colors.hero};
-  ${e=>`${f.infoLabel.style(e.size)}`};
+  ${e=>`${c.infoLabel.style(e.size)}`};
   padding-right: ${a.sp3};
   text-align: right;
 `;export{z as S};

package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-DZUt2T7b-B09ph3mF.js → LabeledUserSingleSelectWithSubtitlesField-BlVebvR7-CKRRo1Fi.js}

@@ -1,4 +1,4 @@
-import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as xe,u as be,g4 as fe,F as E,V as $e,b3 as H,bQ as _,eE as B,b0 as G,h as R,y as Y,k as Q,g5 as we,O as ye,$ as ve}from"./index-D9zAXs3-.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{T as je}from"./RoleWithToolTip-CUogd8qi-BfjjZiS9.js";import{r as X}from"./avatar-Dz7aEm3d-D64JGSQG.js";const ee={selectContainerMarginHorizontal:new C(m[2],m[3]),marginTop:new C(m[1],m[0])},Se=r(ye)`
+import{e as U,j as l,_ as Z,cs as me,o as s,C,q as m,cm as K,cv as ge,cu as xe,u as fe,fw as be,M as R,b as we,b3 as H,fx as Q,bV as _,fy as B,b0 as q,c as F,v as G,n as Y,fz as $e,B as ye,d as ve}from"./index-Cnh9fv8f.js";import{n as r}from"./vendor-rkTZJa59.js";import{T as je}from"./RoleWithToolTip-Dm4yIm31-3pGQtzkX.js";const ee={selectContainerMarginHorizontal:new C(m[2],m[3]),marginTop:new C(m[1],m[0])},Se=r(ye)`
   display: flex;
   gap: ${s.sp2};
   align-items: center;
@@ -23,7 +23,7 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
   width: 100%;
   height: ${s.sp6};
   gap: ${s.sp3};
-`,De=r(Q)`
+`,De=r(Y)`
   display: flex;
 `,ze=r.div`
   width: 100%;
@@ -34,12 +34,12 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
   display: flex;
   align-items: center;
   margin-right: ${s.sp2};
-`,ke=r.img`
+`,Ae=r.img`
   height: ${s.sp5};
   width: ${s.sp5};
   border-radius: 50%;
   justify-content: center;
-`,Ae=r.img`
+`,Pe=r.img`
   height: ${s.sp4};
   width: ${s.sp4};
   border-radius: 50%;
@@ -55,23 +55,23 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
 `,Te=r(M)`
   flex-direction: column;
   gap: ${s.sp0};
-`,Pe=r.div`
+`,Ve=r.div`
   display: flex;
   align-items: center;
   height: ${s.sp6};
   gap: ${s.sp2};
   justify-content: ${e=>e.menuIsOpen?"flex-start":"flex-end"};
   width: 100%;
-`,Ve=r(Q)`
+`,ke=r(Y)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,Ee=r.div`
+`,Re=r.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?F.important:e.theme.colors.grey1};
   fill: ${e=>e.theme.colors.grey1};
-`,Fe=r(ve)`
+`,Ee=r(ve)`
   color: ${e=>e.hasSelectedUser?e.theme.colors.primary:e.theme.colors.hero};
   margin-left: -10px;
   margin-right: -10px;
@@ -89,21 +89,21 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
   box-sizing: border-box;
   align-items: center;
   justify-content: space-between;
-`,Re=r(M)`
+`,Fe=r(M)`
   align-items: center;
   gap: ${s.sp2};
-`,F=r.div`
+`,E=r.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Z=r.div``,Ne=r.div`
+`,J=r.div``,Ne=r.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
   .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?F.importantLight:e.theme.colors.grey5};
     box-shadow: none;
     border-radius: ${s.sp1};
     &:hover {
@@ -133,7 +133,7 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
       border-radius: ${s.sp0};
       margin: ${s.sp0};
       color: ${e=>e.theme.colors.primary};
-      ${Y.standardRegular.css};
+      ${G.standardRegular.css};
       box-sizing: border-box;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -145,7 +145,7 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
       display: flex;
       width: ${e=>e.menuIsOpen===!1?s.sp0:"100%"};
       position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${Y.standardRegular.css};
+      ${G.standardRegular.css};
       color: ${e=>e.theme.colors.primary};
       margin: ${s.sp0};
       cursor: inherit;
@@ -159,7 +159,7 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj 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?F.important:e.theme.colors.grey1};
         }
       }
     }
@@ -168,11 +168,11 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
   width: ${e=>e.windowSize==="small"?"max-content":"100%"};
   display: flex;
   flex-direction: column;
-`,Me=r(X)`
+`,Me=r(Q)`
   width: ${s.sp5};
   height: ${s.sp5};
   color: ${e=>e.theme.colors.hero};
-`,q=r(we)`
+`,X=r($e)`
   color: ${e=>e.theme.colors.alert};
   text-transform: none;
   border: 1px solid ${e=>e.theme.colors.alert};
@@ -180,16 +180,16 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
   border-radius: ${s.sp1};
   margin-top: ${({windowSize:e})=>ee.marginTop.valuePx(e)};
   width: fit-content;
-`;function We({allUsers:e,selectedValue:a,showOneOffLabel:n,placeholder:g,isOptionRemovable:v,valueToSubtitle:f,onSelectionChanged:$,name:j,userContainerStyles:x,optionStyles:A,isValuePlacedAtEnd:I=!0,isDisabled:T,showOnlyAvatar:D=!1,showAvatarAndSubtitles:S=!0,isOptionDisabled:z,disabledOptionHint:w,bigMarginRightForSmallScreens:P=!1}){const{formState:{errors:V}}=K(),L=xe(V,j??""),c=U(),O=[];n!=null&&O.push(n.value),O.push(...e.map(t=>t.userId));const le=t=>{if(n!=null&&n.value===t)return n.label;const i=e.findIndex(o=>o.userId===t);if(i!==-1){const o=e[i];return o.user?.firstName||o.user?.lastName?`${o.user?.firstName} ${o.user?.lastName}`:`${o.user?.email}`}else return""},se=t=>{const i=e.findIndex(o=>o.userId===t);if(i!==-1)return e[i].user},te=t=>{const{menuIsOpen:i,children:o}=t;return l.jsx(Ee,{menuIsOpen:i,isError:L,children:l.jsx(De,{children:o})})},re=({labelDetails:t})=>l.jsxs(Fe,{hasSelectedUser:a===t.value,children:[l.jsxs(Re,{children:[l.jsx(Me,{}),l.jsx(Z,{children:l.jsx(F,{children:t.label})})]}),a===t.value?l.jsx(l.Fragment,{children:l.jsx(G,{width:s.sp3,height:s.sp3})}):null]}),ie=t=>{const{children:i,data:o,selectProps:u}=t,{menuIsOpen:h}=u;if(n!=null&&o?.value===n.value)return l.jsxs(M,{children:[S||D?l.jsx(X,{style:{height:s.sp4,width:s.sp4}}):null,l.jsx(Ve,{children:n.label})]});const d=e.findIndex(y=>y.userId===o.value),p=e[d],b=f(o.value);return l.jsxs(Te,{children:[l.jsxs(Pe,{menuIsOpen:h,children:[S||D?l.jsx(l.Fragment,{children:p?.user?.photo!=null?l.jsx(Ae,{src:p?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=_},loading:"lazy"}):l.jsx(B,{firstName:p?.user?.firstName??"",lastName:p?.user?.lastName??"",size:`${s.sp4}`,index:d})}):null,l.jsx(F,{children:i})]}),S?l.jsx(W,{subtitleList:b,menuIsOpen:u.menuIsOpen,member:p}):null]})},W=({subtitleList:t,member:i,menuIsOpen:o})=>{const u=t.length;return l.jsxs(Se,{menuIsOpen:o,children:[i!=null?l.jsx(je,{roles:i?.userRole.userRoles}):null,i!=null&&u>0?l.jsx(Ce,{}):null,u>0?t.map((h,d)=>l.jsx(Oe,{children:h},`${h}${d}`)):null]})},oe=t=>{const{data:i,isSelected:o,selectProps:u,value:h}=t,d=!!z?.(h)&&o===!1;if(n!=null&&i?.value===n.value)return l.jsx(re,{labelDetails:n});const p=e.findIndex(k=>k.userId===i.value),b=e[p],y=f(i.value);return l.jsxs(Ie,{style:A,children:[l.jsxs(ze,{isCurrOptionDisabled:d,children:[l.jsx(Le,{children:b?.user?.photo!=null?l.jsx(ke,{src:b?.user?.photo.href,alt:E.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:k})=>{k.onerror=null,k.src=_},loading:"lazy"}):l.jsx(B,{firstName:b?.user?.firstName??"",lastName:b?.user?.lastName??"",size:`${s.sp5}`,index:p})}),l.jsxs(Z,{children:[l.jsx(F,{children:t.label}),l.jsx(W,{menuIsOpen:u.menuIsOpen,subtitleList:y,member:b}),c==="small"&&d&&w!=null?l.jsx(q,{windowSize:c,children:w}):null]})]}),!!o&&l.jsx(l.Fragment,{children:l.jsx(G,{width:s.sp3,height:s.sp3})}),c!=="small"&&d&&w!=null?l.jsx(q,{windowSize:c,children:w}):null]})},ne=t=>{$(t)},ae=()=>null,de=t=>{const{menuIsOpen:i,isFocused:o,isDisabled:u,selectProps:h}=t,{value:d}=h;return l.jsx(Ne,{menuIsOpen:i,isFocused:o,isDisabled:u,selectedValue:d,isError:L,isValuePlacedAtEnd:I,windowSize:c,bigMarginRightForSmallScreens:P,children:l.jsx(H.Control,{...t,className:"select-control",children:t.children})})},ce=t=>l.jsx(H.ValueContainer,{...t,className:"select-value-container",children:t.children}),ue=t=>l.jsx(Ue,{windowSize:c,children:t.children}),he=(t,i)=>i&&typeof t.label=="string"?t.label.toLowerCase().includes(i.toLowerCase())||t.data?.data?.email?.toLowerCase().includes(i.toLowerCase()):!0,pe=be();return l.jsx(fe,{placeholder:g??E.getLocalizedStrings().commonSetUp.approval.userSelectPlaceholder,selectedValue:a,pickerValues:O,valueToLabel:le,valueToData:se,backgroundColor:pe.colors.background,onPickerSelectionChanged:ne,OptionComponent:oe,PlaceholderComponent:te,SingleValueComponent:ie,isOptionRemovable:v,containerStyles:x,DropDownIndicatorComponent:ae,ControlComponent:de,classNamePrefix:"single-select-field",ValueContainerComponent:ce,MenuListComponent:ue,menuPosition:c==="small"?"right":"left",isSearchable:!0,isDisabled:T,isOptionDisabled:t=>z?.(t)===!0&&a!==t,filterOption:he})}const He={infoLabel:new $e("smallRegular","smallRegular")},_e=({name:e,placeholderLabel:a,registerOptions:n,value:g,valueToSubtitle:v,showOneOffLabel:f,userContainerStyles:$,optionStyles:j,isValuePlacedAtEnd:x,isDisabled:A,additionalLabelInfo:I,isOptionDisabled:T,showOnlyAvatar:D=!1,showAvatarAndSubtitles:S=!0,disabledOptionHint:z,bigMarginRightForSmallScreens:w=!1})=>{const{control:P}=K(),V=U();return l.jsx(ge,{name:e,control:P,defaultValue:g,rules:n,render:({field:{value:L,onChange:c}})=>l.jsxs(Be,{width:$?.width,"data-testid":J("user-single-select",e),children:[l.jsx(We,{onSelectionChanged:O=>{c({allUsers:g.allUsers,selectedUser:O})},selectedValue:L.selectedUser,valueToSubtitle:v,allUsers:g.allUsers,placeholder:a,name:e,showOneOffLabel:f,userContainerStyles:$,isValuePlacedAtEnd:x,isDisabled:A,isOptionDisabled:T,showAvatarAndSubtitles:S,showOnlyAvatar:D,disabledOptionHint:z,bigMarginRightForSmallScreens:w,optionStyles:j}),I!==null&&l.jsx(Ge,{size:V,children:I})]})})},Be=r.div`
+`;function We({allUsers:e,selectedValue:a,showOneOffLabel:n,placeholder:g,isOptionRemovable:v,valueToSubtitle:b,onSelectionChanged:w,name:j,userContainerStyles:x,optionStyles:P,isValuePlacedAtEnd:I=!0,isDisabled:T,showOnlyAvatar:D=!1,showAvatarAndSubtitles:S=!0,isOptionDisabled:z,disabledOptionHint:$,bigMarginRightForSmallScreens:V=!1}){const{formState:{errors:k}}=K(),L=xe(k,j??""),c=U(),O=[];n!=null&&O.push(n.value),O.push(...e.map(t=>t.userId));const le=t=>{if(n!=null&&n.value===t)return n.label;const i=e.findIndex(o=>o.userId===t);if(i!==-1){const o=e[i];return o.user?.firstName||o.user?.lastName?`${o.user?.firstName} ${o.user?.lastName}`:`${o.user?.email}`}else return""},se=t=>{const i=e.findIndex(o=>o.userId===t);if(i!==-1)return e[i].user},te=t=>{const{menuIsOpen:i,children:o}=t;return l.jsx(Re,{menuIsOpen:i,isError:L,children:l.jsx(De,{children:o})})},re=({labelDetails:t})=>l.jsxs(Ee,{hasSelectedUser:a===t.value,children:[l.jsxs(Fe,{children:[l.jsx(Me,{}),l.jsx(J,{children:l.jsx(E,{children:t.label})})]}),a===t.value?l.jsx(l.Fragment,{children:l.jsx(q,{width:s.sp3,height:s.sp3})}):null]}),ie=t=>{const{children:i,data:o,selectProps:u}=t,{menuIsOpen:h}=u;if(n!=null&&o?.value===n.value)return l.jsxs(M,{children:[S||D?l.jsx(Q,{style:{height:s.sp4,width:s.sp4}}):null,l.jsx(ke,{children:n.label})]});const d=e.findIndex(y=>y.userId===o.value),p=e[d],f=b(o.value);return l.jsxs(Te,{children:[l.jsxs(Ve,{menuIsOpen:h,children:[S||D?l.jsx(l.Fragment,{children:p?.user?.photo!=null?l.jsx(Pe,{src:p?.user?.photo.href,alt:R.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=_},loading:"lazy"}):l.jsx(B,{firstName:p?.user?.firstName??"",lastName:p?.user?.lastName??"",size:`${s.sp4}`,index:d})}):null,l.jsx(E,{children:i})]}),S?l.jsx(W,{subtitleList:f,menuIsOpen:u.menuIsOpen,member:p}):null]})},W=({subtitleList:t,member:i,menuIsOpen:o})=>{const u=t.length;return l.jsxs(Se,{menuIsOpen:o,children:[i!=null?l.jsx(je,{roles:i?.userRole.userRoles}):null,i!=null&&u>0?l.jsx(Ce,{}):null,u>0?t.map((h,d)=>l.jsx(Oe,{children:h},`${h}${d}`)):null]})},oe=t=>{const{data:i,isSelected:o,selectProps:u,value:h}=t,d=!!z?.(h)&&o===!1;if(n!=null&&i?.value===n.value)return l.jsx(re,{labelDetails:n});const p=e.findIndex(A=>A.userId===i.value),f=e[p],y=b(i.value);return l.jsxs(Ie,{style:P,children:[l.jsxs(ze,{isCurrOptionDisabled:d,children:[l.jsx(Le,{children:f?.user?.photo!=null?l.jsx(Ae,{src:f?.user?.photo.href,alt:R.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:A})=>{A.onerror=null,A.src=_},loading:"lazy"}):l.jsx(B,{firstName:f?.user?.firstName??"",lastName:f?.user?.lastName??"",size:`${s.sp5}`,index:p})}),l.jsxs(J,{children:[l.jsx(E,{children:t.label}),l.jsx(W,{menuIsOpen:u.menuIsOpen,subtitleList:y,member:f}),c==="small"&&d&&$!=null?l.jsx(X,{windowSize:c,children:$}):null]})]}),!!o&&l.jsx(l.Fragment,{children:l.jsx(q,{width:s.sp3,height:s.sp3})}),c!=="small"&&d&&$!=null?l.jsx(X,{windowSize:c,children:$}):null]})},ne=t=>{w(t)},ae=()=>null,de=t=>{const{menuIsOpen:i,isFocused:o,isDisabled:u,selectProps:h}=t,{value:d}=h;return l.jsx(Ne,{menuIsOpen:i,isFocused:o,isDisabled:u,selectedValue:d,isError:L,isValuePlacedAtEnd:I,windowSize:c,bigMarginRightForSmallScreens:V,children:l.jsx(H.Control,{...t,className:"select-control",children:t.children})})},ce=t=>l.jsx(H.ValueContainer,{...t,className:"select-value-container",children:t.children}),ue=t=>l.jsx(Ue,{windowSize:c,children:t.children}),he=(t,i)=>i&&typeof t.label=="string"?t.label.toLowerCase().includes(i.toLowerCase())||t.data?.data?.email?.toLowerCase().includes(i.toLowerCase()):!0,pe=fe();return l.jsx(be,{placeholder:g??R.getLocalizedStrings().commonSetUp.approval.userSelectPlaceholder,selectedValue:a,pickerValues:O,valueToLabel:le,valueToData:se,backgroundColor:pe.colors.background,onPickerSelectionChanged:ne,OptionComponent:oe,PlaceholderComponent:te,SingleValueComponent:ie,isOptionRemovable:v,containerStyles:x,DropDownIndicatorComponent:ae,ControlComponent:de,classNamePrefix:"single-select-field",ValueContainerComponent:ce,MenuListComponent:ue,menuPosition:c==="small"?"right":"left",isSearchable:!0,isDisabled:T,isOptionDisabled:t=>z?.(t)===!0&&a!==t,filterOption:he})}const He={infoLabel:new we("smallRegular","smallRegular")},_e=({name:e,placeholderLabel:a,registerOptions:n,value:g,valueToSubtitle:v,showOneOffLabel:b,userContainerStyles:w,optionStyles:j,isValuePlacedAtEnd:x,isDisabled:P,additionalLabelInfo:I,isOptionDisabled:T,showOnlyAvatar:D=!1,showAvatarAndSubtitles:S=!0,disabledOptionHint:z,bigMarginRightForSmallScreens:$=!1})=>{const{control:V}=K(),k=U();return l.jsx(ge,{name:e,control:V,defaultValue:g,rules:n,render:({field:{value:L,onChange:c}})=>l.jsxs(Be,{width:w?.width,"data-testid":Z("user-single-select",e),children:[l.jsx(We,{onSelectionChanged:O=>{c({allUsers:g.allUsers,selectedUser:O})},selectedValue:L.selectedUser,valueToSubtitle:v,allUsers:g.allUsers,placeholder:a,name:e,showOneOffLabel:b,userContainerStyles:w,isValuePlacedAtEnd:x,isDisabled:P,isOptionDisabled:T,showAvatarAndSubtitles:S,showOnlyAvatar:D,disabledOptionHint:z,bigMarginRightForSmallScreens:$,optionStyles:j}),I!==null&&l.jsx(qe,{size:k,children:I})]})})},Be=r.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.width!=null?e.width:"auto"};
-`,Ge=r.label`
+`,qe=r.label`
   color: ${e=>e.theme.colors.hero};
   ${e=>`${He.infoLabel.style(e.size)}`};
   text-align: right;
   padding-right: ${s.sp3};
-`,N={width:new C(343,580,726),labelMarginLeft:new C(m[3],m[4]),labelMarginRight:new C(m[3],m[4])};function Qe({isDisabled:e,label:a,userSingleSelectWithSubTitlesField:n,style:g,showTooltip:v=!1,tooltipTitle:f,toolTipWidth:$,opacity:j=1}){const x=U();return l.jsxs(Ye,{size:x,style:g,isDisabled:e!=null,opacity:j,"data-testid":J("labeled-user-single-select",n.name),children:[l.jsx(me,{isDisabled:e,label:a.label,htmlFor:n.name,style:{marginLeft:N.labelMarginLeft.value(x),marginRight:N.labelMarginRight.value(x),marginTop:s.sp2,width:a.width??"auto"},showTooltip:v,tooltipTitle:f,toolTipWidth:$}),l.jsx(_e,{...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 Ye=r.div`
+`,N={width:new C(343,580,726),labelMarginLeft:new C(m[3],m[4]),labelMarginRight:new C(m[3],m[4])};function Ke({isDisabled:e,label:a,userSingleSelectWithSubTitlesField:n,style:g,showTooltip:v=!1,tooltipTitle:b,toolTipWidth:w,opacity:j=1}){const x=U();return l.jsxs(Ge,{size:x,style:g,isDisabled:e!=null,opacity:j,"data-testid":Z("labeled-user-single-select",n.name),children:[l.jsx(me,{isDisabled:e,label:a.label,htmlFor:n.name,style:{marginLeft:N.labelMarginLeft.value(x),marginRight:N.labelMarginRight.value(x),marginTop:s.sp2,width:a.width??"auto"},showTooltip:v,tooltipTitle:b,toolTipWidth:w}),l.jsx(_e,{...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 Ge=r.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -226,4 +226,4 @@ import{K as U,j as l,Z as J,ch as me,o as s,x as C,n as m,cd as K,ck as ge,cj as
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
     }
   }
-`;export{Qe as Y};
+`;export{Ke as X};