@zeniai/web-components 3.16.99 → 3.17.2

package/dist/LabeledCreatableSingleSelectField-s3YhE6R5.cjs

@@ -1,204 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),l=require("@emotion/styled"),t=require("./index-CZKgJQb3.cjs"),I=({allValues:e,selectedValue:s,name:n,onSelectedValueChanged:r,isDisabled:a,placeholder:u,isOptionRemovable:g=!0,addIconInCreateLabel:x,getLabelForId:m,tagProperties:d,hasError:w,style:c})=>{const b=i.useTheme(),S=oe(e,m),$=t.appLocale.getLocalizedStrings().dropDowns,j=S.sort((o,p)=>o.label.localeCompare(p.label)),f=s!=null&&s?C(s,m):void 0,E={container:o=>({...o,width:"100%",...c}),menu:o=>({...o,backgroundColor:b.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp0}`,overflow:"hidden"}),menuList:o=>({...o,borderRadius:t.Space.sp1}),input:(o,{selectProps:p})=>({...o,":after":{width:p.inputValue.length>0?t.Space.sp0:"unset"}})},O=o=>i.jsxRuntimeExports.jsxs(Q,{children:[i.jsxRuntimeExports.jsx(K,{children:i.jsxRuntimeExports.jsx(t.SvgAddRound,{fill:"currentColor",height:t.Space.sp3,width:t.Space.sp3})}),i.jsxRuntimeExports.jsx(U,{children:`${$.createOption} "${o}"`})]}),z=o=>{const{menuIsOpen:p,isFocused:v,isDisabled:y,selectProps:T}=o,{value:D}=T;return i.jsxRuntimeExports.jsx(P,{menuIsOpen:p,isFocused:v,isDisabled:y,selectedValue:D,hasError:w,"data-testid":t.generateDataTestId("creatable-single-select-control",n),children:i.jsxRuntimeExports.jsx(i.components.Control,{...o,className:"select-control",children:o.children})})},L=o=>i.jsxRuntimeExports.jsx(Z,{children:i.jsxRuntimeExports.jsxs(i.components.SingleValue,{...o,children:[o.selectProps.menuIsOpen===!1&&d!=null&&d.isTagShownForOption(o.data.value)===!0&&i.jsxRuntimeExports.jsx(X,{children:i.jsxRuntimeExports.jsx(Y,{style:d.style,children:d.tagName})}),o.children]})}),k=o=>{const{selectProps:p}=o,{placeholder:v,value:y}=p;return i.jsxRuntimeExports.jsx(i.components.Input,{...o,autoComplete:"new-password",placeholder:y==null?v:void 0,"data-testid":t.generateDataTestId("creatable-single-select-input",n),children:o.children})};return i.jsxRuntimeExports.jsx(i.CreatableSelect$1,{isMulti:!1,onCreateOption:o=>{const p=t.capitaliseWords(o);r(p)},onChange:o=>{g!==!1&&o?.value!=null&&f?.value===o.value?r(void 0):r(o?.value)},formatCreateLabel:o=>x===!0?O(o):`${$.otherOption} ${o}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":t.generateDataTestId("creatable-single-select",n),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:u,menuPlacement:"auto",maxMenuHeight:288,defaultValue:f,value:f,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:z,Option:H,Input:k,SingleValue:L,ValueContainer:V,DropdownIndicator:ee,IndicatorSeparator:te,ClearIndicator:ie,Placeholder:F,MenuList:M},hideSelectedOptions:!1,styles:E,options:j,isClearable:!0,isSearchable:!0,isDisabled:a!=null},i.nanoid())},V=e=>i.jsxRuntimeExports.jsx(i.components.ValueContainer,{...e,className:"select-value-container",children:e.children}),M=e=>{const{options:n,children:r,maxHeight:a,getValue:u}=e,[g]=u(),x=n.indexOf(g)*40;return i.jsxRuntimeExports.jsx(i.VariableSizeList,{height:r.length>7?a:r.length*40,width:"100%",itemCount:r.length,itemSize:()=>40,initialScrollOffset:x,children:({index:m,style:d})=>i.jsxRuntimeExports.jsx(q,{style:d,children:r[m]})})},F=()=>null,H=e=>{const{isSelected:s,isDisabled:n,isFocused:r,data:a}=e,u=typeof a.label=="string"?a.label:a.value;return i.jsxRuntimeExports.jsx(B,{isFocused:r,isSelected:s,isDisabled:n,children:i.jsxRuntimeExports.jsx(i.components.Option,{...e,className:"select-option",children:i.jsxRuntimeExports.jsxs(W,{"data-testid":t.generateDataTestId("creatable-single-select-option",u),children:[i.jsxRuntimeExports.jsx(_,{children:i.jsxRuntimeExports.jsx(N,{isSelected:s,isDisabled:n,children:e.label})}),s?i.jsxRuntimeExports.jsxs(A,{children:[i.jsxRuntimeExports.jsx(G,{className:"right-tick-icon"}),i.jsxRuntimeExports.jsx(J,{className:"close-tick-icon"})]}):null]})})})},P=l.div`
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  .select-control {
-    border: none;
-    height: ${t.Space.sp6};
-    background-color: ${e=>e.hasError===!0?t.Colors.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
-    box-shadow: none;
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?t.Colors.importantLight:e.theme.colors.background};
-      border-color: none;
-    }
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    margin: ${t.Space.sp0} ${t.Space.sp3};
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-    justify-content: ${e=>e.menuIsOpen===!1?"flex-end":"flex-start"};
-
-    .creatable-single-select-field__single-value {
-      display: flex;
-      border-radius: ${t.Space.sp0};
-      margin: ${t.Space.sp0};
-      color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.primary};
-      ${t.textStyles.standardRegular.css};
-      box-sizing: border-box;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .creatable-single-select-field__input-container {
-      display: flex;
-      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.Space.sp0:"100%"};
-      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${t.textStyles.standardRegular.css};
-      color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.primary};
-      margin: ${t.Space.sp0};
-      cursor: inherit;
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,B=l.div`
-  border-radius: inherit;
-  .select-option {
-    ${t.textStyles.smallRegular.css};
-    height: ${t.Space.sp6};
-    padding: 9px ${t.Space.sp3};
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-    background-color: ${e=>e.isSelected||e.isFocused?e.theme.colors.background:e.theme.colors.grey5};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    border-radius: inherit;
-    .close-tick-icon {
-      display: none;
-    }
-
-    &:hover {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
-      .right-tick-icon {
-        display: none;
-      }
-      .close-tick-icon {
-        display: inline-block;
-      }
-    }
-  }
-`,W=l.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,N=l.label`
-  padding-right: 10px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
-`,_=l.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-`,q=l.div`
-  :first-of-type {
-    border-top-left-radius: ${t.Space.sp1};
-    border-top-right-radius: ${t.Space.sp1};
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: ${t.Space.sp1};
-    border-bottom-right-radius: ${t.Space.sp1};
-  }
-`,A=l.div`
-  display: flex;
-`,G=l(t.SvgTick)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,J=l(t.SvgClose)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,K=l.div`
-  display: flex;
-  width: ${t.Space.sp3};
-  align-items: center;
-  margin-right: ${t.Space.sp2};
-`,Q=l.div`
-  display: flex;
-  flex-direction: row;
-`,U=l.div``,X=l.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 3px 6px;
-  margin-right: ${t.Space.sp2};
-`,Y=l(t.SuperSmallSemiBoldSp)`
-  color: ${t.Colors.neutralGrey5Light};
-  border-radius: ${t.Space.sp2};
-  padding: 3px 6px;
-  margin-left: 12px;
-  letter-spacing: 0.04em;
-`,Z=l.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: inherit;
-  align-items: center;
-  width: 100%;
-`,ee=()=>null,te=()=>null,ie=()=>null,oe=(e,s)=>e.map(n=>C(n,s)),C=(e,s)=>({value:e,label:s!==void 0?s(e):e}),se=({name:e,registerOptions:s,defaultValue:n,placeholder:r,isDisabled:a,style:u,addIconInCreateLabel:g,isOptionRemovable:x,tagProperties:m,onSelectChange:d,getLabelForId:w})=>{const{control:c,formState:{errors:b}}=i.useFormContext(),S=i.has(b,e??"");return i.jsxRuntimeExports.jsx(i.Controller,{name:e,control:c,defaultValue:n,"data-testid":t.generateDataTestId("creatable-single-select-field",e),rules:s,render:({field:{value:$,onChange:j}})=>i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsx(I,{onSelectedValueChanged:f=>{d?.(f??""),j({allOptions:n.allOptions,selectedOption:f})},placeholder:r,style:u,isDisabled:a,selectedValue:$.selectedOption,allValues:n.allOptions,addIconInCreateLabel:g,isOptionRemovable:x,getLabelForId:w,tagProperties:m,hasError:S,name:e})})})},h={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])},ne={infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function le({isDisabled:e,label:s,creatableSingleSelectField:n,style:r,additionalInfoLabel:a,errorInfoLabel:u,isOptionRemovable:g,addIconInCreateLabel:x,additionalInfoTextColor:m,onSelectChange:d,getLabelForId:w}){const c=t.useWindowSizeContext(),{formState:{errors:b}}=i.useFormContext(),S=i.has(b,n.name??"");return i.jsxRuntimeExports.jsxs(re,{size:c,style:r,isDisabled:e!=null,hasError:S,"data-testid":t.generateDataTestId("labeled-creatable-single-select-field",n.name),children:[i.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:s.label,htmlFor:n.name,style:{marginLeft:h.labelMarginLeft.value(c),marginRight:h.labelMarginRight.value(c),marginTop:h.labelMarginTop.value(c),width:s.width??"auto"}}),i.jsxRuntimeExports.jsxs(ae,{labelWidth:s.width,children:[i.jsxRuntimeExports.jsx(se,{...n,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:s.width!==null&&x===!1?`calc(100% - ${s.width}px)`:"auto",height:h.controlHeight.value(c)},onSelectChange:d,isOptionRemovable:g,addIconInCreateLabel:x,getLabelForId:w}),i.jsxRuntimeExports.jsx(R,{size:c,additionalInfoTextColor:m,children:a}),S&&i.jsxRuntimeExports.jsx(R,{size:c,hasError:S,children:u})]})]})}const re=l.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>h.width.valuePx(e.size)};
-  min-height: ${e=>h.height.valuePx(e.size)};
-  padding-right: ${e=>h.marginRight.valuePx(e.size)};
-  padding-top: ${e=>h.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>h.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;
-  }
-
-  &:focus-within {
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.hasError===!0?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
-    .select-control {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-`,ae=l.div`
-  display: flex;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  justify-content: flex-end;
-  flex-direction: column;
-  position: relative;
-`,R=l.label`
-  color: ${e=>e.hasError===!0?t.Colors.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
-  width: auto;
-  ${e=>`${ne.infoLabel.style(e.size)}`};
-  padding-right: ${t.Space.sp3};
-  text-align: right;
-`;exports.LabeledCreatableSingleSelectField=le;

package/dist/LabeledDocumentField-C54d51RJ.js

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

package/dist/LabeledDocumentField-SafA4G1m.cjs

@@ -1,41 +0,0 @@
-"use strict";const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("@emotion/styled"),e=require("./index-CZKgJQb3.cjs"),s={width:new e.ResponsiveSized(343,580,726),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},W={infoLabel:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function q({label:i,isDisabled:n,isOptional:g,style:c,file:a,name:l,registerOptions:m,additionalInfoLabel:h,acceptableTypes:u,sizeLimit:x,filemetadataPayload:z,deleteFileStatusById:b,updateFileStatusById:f,filesEndPoint:S,authParams:R,hasError:v=!1,placeholderText:w,showPhotoPicker:$,useMobileCam:y,showUploadSuccessAnimation:L,showWebCamPopUpCloseIcon:j,updateFilesEntity:E,onDeleteFile:T,onEditFileName:P,onFileSizeError:F}){const o=e.useWindowSizeContext(),{formState:{errors:d}}=t.useFormContext(),p=t.has(d,l),M=t.has(d,`${l}.fileName`);return t.jsxRuntimeExports.jsxs(B,{size:o,style:c,isDisabled:n!=null,"data-testid":e.generateDataTestId("document-field",l),children:[t.jsxRuntimeExports.jsx(e.Label,{isDisabled:n,label:i.label,isOptional:g,style:{marginLeft:s.labelMarginLeft.value(o),marginRight:s.labelMarginRight.value(o),marginTop:s.labelMarginTop.value(o),width:i.width??"auto",...i.style}}),t.jsxRuntimeExports.jsxs(C,{labelWidth:i.width,size:o,children:[t.jsxRuntimeExports.jsx(e.FileElementWithPhotoPicker,{name:l,filesEndPoint:S,authParams:R,registerOptions:m,file:a,sizeLimit:x,acceptableTypes:u,isDisabled:n==="disabled"||n==="readonly",filemetadataPayload:z,deleteFileStatusById:b,updateFileStatusById:f,hasError:v,updateFilesEntity:E,onFileSizeError:F,onDeleteFile:T,onEditFileName:P,placeholderText:w,showPhotoPicker:$,useMobileCam:y,showWebCamPopUpCloseIcon:j,showUploadSuccessAnimation:L}),p&&t.jsxRuntimeExports.jsx(D,{size:o,isError:p,children:M&&a!=null?e.appLocale.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:h})]})]})}const B=r.div`
-  display: flex;
-  flex-direction: ${i=>i.size==="small"?"column":"row"};
-  align-items: flex-start;
-  background-color: ${i=>i.theme.colors.grey5};
-  width: ${i=>s.width.valuePx(i.size)};
-  min-height: ${i=>s.height.valuePx(i.size)};
-  padding-right: ${i=>s.marginRight.valuePx(i.size)};
-  padding-top: ${i=>s.paddingTopBottom.valuePx(i.size)};
-  padding-bottom: ${i=>s.paddingTopBottom.valuePx(i.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
-      ${i=>i.isDisabled===!0?i.theme.colors.grey3:i.theme.colors.primary};
-  }
-`,C=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${i=>i.size==="small"?"100%":i.labelWidth!=null?`calc(100% - ${i.labelWidth}px)`:"auto"};
-  padding: ${i=>i.size==="small"?`${e.Space.sp1} ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp3}`:e.Space.sp0};
-  box-sizing: ${i=>i.size==="small"?"border-box":"inherit"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,D=r.label`
-  display: flex;
-  color: ${i=>i.isError?e.Colors.important:i.theme.colors.grey1};
-  ${i=>`${W.infoLabel.style(i.size)}`};
-  padding-right: ${e.Space.sp3};
-  text-align: right;
-`;exports.LabeledDocumentField=q;

package/dist/LabeledDropDownFormattedTextField-C-MROQYo.js

@@ -1,163 +0,0 @@
-import { u as D, d as g, m as T, j as t, e as W } from "./vendor-.pnpm-B2klaOGU.js";
-import i from "@emotion/styled";
-import { u as I, S as r, eX as V, t as P, fR as U, C as s, aw as M, p as O } from "./index-CD9fwr4J.js";
-const X = {
-  infoLabel: new M("extraSmallRegular", "smallRegular")
-};
-function Y({
-  isDisabled: e,
-  label: m,
-  formattedText: l,
-  dropdownStyle: x,
-  style: f,
-  additionalInfoLabel: b,
-  showAdditionalInfoLabel: y = !0,
-  isSaveError: a = !1,
-  showTickIcon: w,
-  showErrorInfoLabel: S,
-  errorInfoLabel: $,
-  registerOptions: k,
-  defaultValue: u,
-  isSelectDisabled: j,
-  menuPlacement: C,
-  name: L,
-  placeholderLabel: v
-}) {
-  const n = I(), h = D(), {
-    formState: { errors: z }
-  } = g(), d = T(z, l.name), { control: E } = g(), F = (o) => typeof o == "string" ? o.toLocaleUpperCase() : o.toString().toLocaleUpperCase();
-  return /* @__PURE__ */ t.jsxs(
-    q,
-    {
-      size: n,
-      style: f,
-      isDisabled: e != null,
-      isError: d || a,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          H,
-          {
-            windowSize: n,
-            style: { width: m?.width ?? "auto", marginRight: r.sp2 },
-            children: /* @__PURE__ */ t.jsx(
-              J,
-              {
-                style: {
-                  width: "auto",
-                  ...x
-                },
-                children: /* @__PURE__ */ t.jsx(
-                  W,
-                  {
-                    name: L,
-                    control: E,
-                    defaultValue: u.dropDownValue,
-                    rules: k,
-                    render: ({ field: { value: o, onChange: R } }) => /* @__PURE__ */ t.jsx(
-                      V,
-                      {
-                        pickerValues: u.dropDownList.map(
-                          (c) => c.code
-                        ),
-                        valueToLabel: F,
-                        selectedValue: o ?? void 0,
-                        isDisabled: e != null || j,
-                        onPickerSelectionChanged: (c) => {
-                          R(c);
-                        },
-                        menuPlacement: C,
-                        titleTextStyle: P.standardRegular,
-                        titleColor: h.colors.hero,
-                        valueOpacity: 1,
-                        backgroundColor: h.colors.grey5,
-                        placeholder: v
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(A, { children: [
-          /* @__PURE__ */ t.jsx(
-            U,
-            {
-              ...l,
-              style: l.style,
-              isDisabled: l.isDisabled,
-              isMasked: !0
-            }
-          ),
-          (y || d || a) && /* @__PURE__ */ t.jsxs(p, { size: n, isError: d || a, children: [
-            w === !0 ? /* @__PURE__ */ t.jsx(B, { children: /* @__PURE__ */ t.jsx(G, {}) }) : null,
-            b
-          ] }),
-          S === !0 && /* @__PURE__ */ t.jsx(p, { size: n, isError: !0, children: $ })
-        ] })
-      ]
-    }
-  );
-}
-const q = i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${(e) => e.theme.colors.grey5};
-  min-height: ${r.sp6};
-  padding-top: ${r.sp2};
-  padding-bottom: ${r.sp2};
-  padding-right: ${r.sp2};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 1;
-
-    input {
-      background-color: ${(e) => e.isError ? s.importantLight : e.theme.colors.background};
-    }
-  }
-  input {
-    background-color: ${(e) => e.isError ? s.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};
-    }
-  }
-`, A = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex-grow: 1;
-`, p = i.label`
-  display: flex;
-  color: ${(e) => e.isError ? s.important : e.theme.colors.grey1};
-  ${(e) => `${X.infoLabel.style(e.size)}`};
-  padding-right: ${r.sp3};
-  text-align: right;
-`, B = i.div`
-  display: flex;
-  margin-right: ${r.sp1};
-  align-items: center;
-`, G = i(O)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  color: ${s.successDark};
-`, H = i.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
-`, J = i.div``;
-export {
-  Y as L
-};

package/dist/LabeledDropDownFormattedTextField-CGrcO_-n.cjs

@@ -1,59 +0,0 @@
-"use strict";const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("@emotion/styled"),t=require("./index-CZKgJQb3.cjs"),F={infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function z({isDisabled:e,label:x,formattedText:s,dropdownStyle:h,style:m,additionalInfoLabel:g,showAdditionalInfoLabel:b=!0,isSaveError:n=!1,showTickIcon:y,showErrorInfoLabel:S,errorInfoLabel:f,registerOptions:j,defaultValue:d,isSelectDisabled:$,menuPlacement:w,name:C,placeholderLabel:E}){const l=t.useWindowSizeContext(),u=r.useTheme(),{formState:{errors:R}}=r.useFormContext(),a=r.has(R,s.name),{control:k}=r.useFormContext(),L=i=>typeof i=="string"?i.toLocaleUpperCase():i.toString().toLocaleUpperCase();return r.jsxRuntimeExports.jsxs(D,{size:l,style:m,isDisabled:e!=null,isError:a||n,children:[r.jsxRuntimeExports.jsx(I,{windowSize:l,style:{width:x?.width??"auto",marginRight:t.Space.sp2},children:r.jsxRuntimeExports.jsx(V,{style:{width:"auto",...h},children:r.jsxRuntimeExports.jsx(r.Controller,{name:C,control:k,defaultValue:d.dropDownValue,rules:j,render:({field:{value:i,onChange:v}})=>r.jsxRuntimeExports.jsx(t.Picker$1,{pickerValues:d.dropDownList.map(c=>c.code),valueToLabel:L,selectedValue:i??void 0,isDisabled:e!=null||$,onPickerSelectionChanged:c=>{v(c)},menuPlacement:w,titleTextStyle:t.textStyles.standardRegular,titleColor:u.colors.hero,valueOpacity:1,backgroundColor:u.colors.grey5,placeholder:E})})})}),r.jsxRuntimeExports.jsxs(T,{children:[r.jsxRuntimeExports.jsx(t.FormattedTextField,{...s,style:s.style,isDisabled:s.isDisabled,isMasked:!0}),(b||a||n)&&r.jsxRuntimeExports.jsxs(p,{size:l,isError:a||n,children:[y===!0?r.jsxRuntimeExports.jsx(W,{children:r.jsxRuntimeExports.jsx(q,{})}):null,g]}),S===!0&&r.jsxRuntimeExports.jsx(p,{size:l,isError:!0,children:f})]})]})}const D=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${t.Space.sp6};
-  padding-top: ${t.Space.sp2};
-  padding-bottom: ${t.Space.sp2};
-  padding-right: ${t.Space.sp2};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 1;
-
-    input {
-      background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-  input {
-    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.grey5};
-  }
-  &:hover {
-    input {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.Colors.importantLight:e.theme.colors.background};
-    }
-  }
-`,T=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex-grow: 1;
-`,p=o.label`
-  display: flex;
-  color: ${e=>e.isError?t.Colors.important:e.theme.colors.grey1};
-  ${e=>`${F.infoLabel.style(e.size)}`};
-  padding-right: ${t.Space.sp3};
-  text-align: right;
-`,W=o.div`
-  display: flex;
-  margin-right: ${t.Space.sp1};
-  align-items: center;
-`,q=o(t.SvgTick)`
-  width: ${t.Space.sp3};
-  height: ${t.Space.sp3};
-  color: ${t.Colors.successDark};
-`,I=o.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,V=o.div``;exports.LabeledDropDownFormattedTextField=z;