@tap-payments/os-micro-frontend-shared 0.3.188 → 0.3.189

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/README.md +1 -1
  2. package/build/_chunks/{chunk-OWCVVQWF.js → chunk-24EOXOSG.js} +1 -1
  3. package/build/_chunks/{chunk-4TUFZ5TE.js → chunk-3ORRZSQM.js} +1 -1
  4. package/build/_chunks/{chunk-75SYJJXU.js → chunk-3YIQTSZN.js} +1 -1
  5. package/build/_chunks/{chunk-GMKDBZUE.js → chunk-4D24WQBN.js} +1 -1
  6. package/build/_chunks/{chunk-5HWIH67B.js → chunk-4RSATF3L.js} +1 -1
  7. package/build/_chunks/{chunk-SV3TAH6C.js → chunk-4S4J63Z7.js} +1 -1
  8. package/build/_chunks/{chunk-ID3KOB3O.js → chunk-4Y4TRVPK.js} +1 -1
  9. package/build/_chunks/{chunk-FYK4YJFM.js → chunk-55FNS2KD.js} +1 -1
  10. package/build/_chunks/{chunk-JNQOE4E7.js → chunk-5I7BKJA3.js} +1 -1
  11. package/build/_chunks/{chunk-R32QZGPK.js → chunk-5KVVFTDN.js} +1 -1
  12. package/build/_chunks/{chunk-ALNHN3O3.js → chunk-5NNUOI56.js} +1 -1
  13. package/build/_chunks/{chunk-7MYMNHTF.js → chunk-5OD4THRC.js} +1 -1
  14. package/build/_chunks/{chunk-FN6O2SPP.js → chunk-5P7CPJJC.js} +1 -1
  15. package/build/_chunks/{chunk-5YBO25PL.js → chunk-6KHYKSNX.js} +1 -1
  16. package/build/_chunks/{chunk-F75FA5MZ.js → chunk-6W3SFGQU.js} +1 -1
  17. package/build/_chunks/{chunk-OBBOIKJ2.js → chunk-7NSNVOPD.js} +1 -1
  18. package/build/_chunks/{chunk-U65WWVD6.js → chunk-7TV4RKN7.js} +1 -1
  19. package/build/_chunks/{chunk-BIO2EJBT.js → chunk-ATRGNJWP.js} +1 -1
  20. package/build/_chunks/{chunk-IB2AXE4G.js → chunk-AVXFHQX2.js} +1 -1
  21. package/build/_chunks/{chunk-7FSJ7HJQ.js → chunk-AZQ6HWUA.js} +1 -1
  22. package/build/_chunks/{chunk-JRDLOVN2.js → chunk-BTCTBJEF.js} +1 -1
  23. package/build/_chunks/{chunk-7KJUI4WS.js → chunk-BYAERZSV.js} +1 -1
  24. package/build/_chunks/{chunk-OPRG5H25.js → chunk-CMULAHNW.js} +1 -1
  25. package/build/_chunks/{chunk-YS6IXKH4.js → chunk-COIPTJBL.js} +1 -1
  26. package/build/_chunks/{chunk-2TKE6MVM.js → chunk-CZEE2EMK.js} +1 -1
  27. package/build/_chunks/{chunk-BAQJYU5V.js → chunk-DNA5JWAG.js} +1 -1
  28. package/build/_chunks/{chunk-4UDFMCAW.js → chunk-FCEHROGX.js} +1 -1
  29. package/build/_chunks/{chunk-3U4CMVIQ.js → chunk-FPNR7PKU.js} +1 -1
  30. package/build/_chunks/{chunk-EXF45OIA.js → chunk-FVE43KC4.js} +1 -1
  31. package/build/_chunks/{chunk-NOSXWNRT.js → chunk-HACFGJRP.js} +1 -1
  32. package/build/_chunks/chunk-I7435KWJ.js +2 -0
  33. package/build/_chunks/{chunk-CQ4IGQSQ.js → chunk-IIUYKXZ5.js} +1 -1
  34. package/build/_chunks/{chunk-5B3PDE2S.js → chunk-JICMSB65.js} +1 -1
  35. package/build/_chunks/{chunk-VEF6ESUZ.js → chunk-JYJXMXMU.js} +1 -1
  36. package/build/_chunks/{chunk-ECEVCQVI.js → chunk-KCRZDAWH.js} +1 -1
  37. package/build/_chunks/{chunk-MRFOSMBQ.js → chunk-KN7G6DUF.js} +1 -1
  38. package/build/_chunks/{chunk-GJNLLQQ4.js → chunk-KNQ43R7K.js} +1 -1
  39. package/build/_chunks/{chunk-WT7LLT5P.js → chunk-KQKSONOX.js} +1 -1
  40. package/build/_chunks/{chunk-Q4Y4LBX7.js → chunk-KTRSZRCK.js} +1 -1
  41. package/build/_chunks/{chunk-KHFP7V7Z.js → chunk-LRB463GT.js} +1 -1
  42. package/build/_chunks/{chunk-TAKHLPXX.js → chunk-LXYY5SAC.js} +1 -1
  43. package/build/_chunks/{chunk-PXE6WK3D.js → chunk-N6P4QALK.js} +1 -1
  44. package/build/_chunks/{chunk-COOJVNLX.js → chunk-P77ATTG5.js} +1 -1
  45. package/build/_chunks/{chunk-GVNH5L6C.js → chunk-QEO2QRKX.js} +1 -1
  46. package/build/_chunks/chunk-RCAO6ZAD.js +1 -0
  47. package/build/_chunks/{chunk-IBISZDVP.js → chunk-S5B67HS7.js} +1 -1
  48. package/build/_chunks/{chunk-YTYL4BRQ.js → chunk-SG2YT6YD.js} +1 -1
  49. package/build/_chunks/{chunk-W42Z4TFL.js → chunk-SNUY7BF3.js} +1 -1
  50. package/build/_chunks/{chunk-VAHQKZXS.js → chunk-UKYNGYOO.js} +1 -1
  51. package/build/_chunks/{chunk-LLEGWG6Q.js → chunk-WHACEHGR.js} +1 -1
  52. package/build/_chunks/{chunk-JSFXW2T5.js → chunk-YSV2LPIZ.js} +1 -1
  53. package/build/components/AccountDropdown/index.js +1 -1
  54. package/build/components/ActionMenu/index.js +1 -1
  55. package/build/components/ActiveFilterChip/index.js +1 -1
  56. package/build/components/AmountConversionFilter/index.js +1 -1
  57. package/build/components/AmountInput/index.js +1 -1
  58. package/build/components/AmountSlider/index.js +1 -1
  59. package/build/components/AppServices/index.js +1 -1
  60. package/build/components/AppServicesBar/index.js +1 -1
  61. package/build/components/AppWindowWrapper/index.js +1 -1
  62. package/build/components/BrandLogo/index.js +1 -1
  63. package/build/components/Calender/index.js +1 -1
  64. package/build/components/ChipStack/index.js +1 -1
  65. package/build/components/ColorPicker/index.js +1 -1
  66. package/build/components/ColumnViews/hooks/useViewsMenu.d.ts +2 -2
  67. package/build/components/ColumnViews/index.js +1 -1
  68. package/build/components/ConfirmDialog/index.js +1 -1
  69. package/build/components/CountryFilter/index.js +1 -1
  70. package/build/components/CurrencyFilter/index.js +1 -1
  71. package/build/components/Customer/index.js +1 -1
  72. package/build/components/DateFilter/index.js +1 -1
  73. package/build/components/DateFilter/style.d.ts +12 -6
  74. package/build/components/DeviceIcon/index.js +1 -1
  75. package/build/components/Discount/index.js +1 -1
  76. package/build/components/Dropdown2/index.js +1 -1
  77. package/build/components/DropdownButton/index.js +1 -1
  78. package/build/components/DropdownMenu/index.js +1 -1
  79. package/build/components/ExpandableSideBar/index.js +1 -1
  80. package/build/components/FileInputPreview/index.js +1 -1
  81. package/build/components/FileUpload/index.js +1 -1
  82. package/build/components/FileUploader/index.js +1 -1
  83. package/build/components/FilterDropdown/index.js +1 -1
  84. package/build/components/Filters/index.js +1 -1
  85. package/build/components/HeatMap/index.js +1 -1
  86. package/build/components/IconWithBadge/index.js +1 -1
  87. package/build/components/InputBase/index.js +1 -1
  88. package/build/components/Inputs/index.js +1 -1
  89. package/build/components/JSONViewer/index.js +1 -1
  90. package/build/components/LanguageDropdown/index.js +1 -1
  91. package/build/components/ListColumnFilter/index.js +1 -1
  92. package/build/components/ListHeader/index.js +1 -1
  93. package/build/components/MerchantCurrencyDropdown/index.js +1 -1
  94. package/build/components/MerchantLogo/index.js +1 -1
  95. package/build/components/MerchantsDropdown/index.js +1 -1
  96. package/build/components/MultiSelectDropdownButton/index.js +1 -1
  97. package/build/components/MultiSelectWithSearch/index.js +1 -1
  98. package/build/components/NestedDropdown/index.js +1 -1
  99. package/build/components/PartnersFilter/index.js +1 -1
  100. package/build/components/PaymentSourceFilter/index.js +1 -1
  101. package/build/components/PhoneFilter/index.js +1 -1
  102. package/build/components/ProgressRing/index.js +1 -1
  103. package/build/components/RFH/index.js +1 -1
  104. package/build/components/RadioGroup/index.js +1 -1
  105. package/build/components/RangeCalender/index.js +1 -1
  106. package/build/components/RatingCount/index.js +1 -1
  107. package/build/components/ReceiptsViewer/index.js +1 -1
  108. package/build/components/ReferenceTypeFilter/index.js +1 -1
  109. package/build/components/SalesChannelFilter/index.js +1 -1
  110. package/build/components/SearchButton/index.js +1 -1
  111. package/build/components/SelectDropdown/index.js +1 -1
  112. package/build/components/SelectWithSearch/index.js +1 -1
  113. package/build/components/StatusBar/index.js +1 -1
  114. package/build/components/StatusButton/index.js +1 -1
  115. package/build/components/StatusFilter/index.js +1 -1
  116. package/build/components/StatusIcons/index.js +1 -1
  117. package/build/components/StatusLabel/index.js +1 -1
  118. package/build/components/TableCells/index.js +1 -1
  119. package/build/components/TableReports/index.js +1 -1
  120. package/build/components/Timepicker/index.js +1 -1
  121. package/build/components/Toolbar/index.js +1 -1
  122. package/build/components/TooltipChip/index.js +1 -1
  123. package/build/components/TreeDropdown/index.js +1 -1
  124. package/build/components/VAT/index.js +1 -1
  125. package/build/components/VerificationIcon/index.js +1 -1
  126. package/build/components/ViewColumnRadioFilter/index.js +1 -1
  127. package/build/components/VirtualTables/index.js +1 -1
  128. package/build/components/Widget/index.js +1 -1
  129. package/build/components/WindowAppIcon/index.js +1 -1
  130. package/build/components/WindowSideBar/index.js +1 -1
  131. package/build/components/index.d.ts +1 -1
  132. package/build/components/index.js +1 -1
  133. package/build/components/primitives/Button/constants.d.ts +3 -3
  134. package/build/components/primitives/index.js +1 -1
  135. package/build/index.js +1 -1
  136. package/package.json +1 -1
  137. package/build/_chunks/chunk-723WTKP3.js +0 -1
  138. package/build/_chunks/chunk-BMS2QU4W.js +0 -1
  139. package/build/_chunks/chunk-PHQKSCFX.js +0 -1
  140. package/build/_chunks/chunk-ZEHPQA26.js +0 -2
  141. package/build/components/Button/Button.d.ts +0 -16
  142. package/build/components/Button/PlusButton/PlusButton.d.ts +0 -10
  143. package/build/components/Button/PlusButton/index.d.ts +0 -2
  144. package/build/components/Button/StyledButton/StyledButton.d.ts +0 -11
  145. package/build/components/Button/StyledButton/index.d.ts +0 -2
  146. package/build/components/Button/StyledButton/style.d.ts +0 -5
  147. package/build/components/Button/index.d.ts +0 -4
  148. package/build/components/Button/index.js +0 -1
  149. package/build/components/Button/style.d.ts +0 -5
@@ -1 +1 @@
1
- import {a}from'./chunk-4KSZBODD.js';import {a as a$1}from'./chunk-4QONVXGE.js';import {aa,ba}from'./chunk-OBBOIKJ2.js';import {yc,Ac}from'./chunk-PLMJIRXJ.js';import {Pc,Cb,A}from'./chunk-YKKS24ES.js';import qt,{useId,forwardRef,memo,useState,useCallback,useMemo,useEffect}from'react';import Le from'@mui/material/Box';import {styled}from'@mui/material/styles';import _t from'@mui/material/TextField';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import po from'@mui/material/InputLabel';import so from'@mui/material/MenuItem';import Jt from'@mui/material/SvgIcon';import eo from'@mui/material/IconButton';import Yt from'@mui/material/CircularProgress';import ro from'@mui/material/FormControl';import Ue from'@mui/material/Select';import Mo from'@mui/material/Skeleton';import {styled as styled$1,Popper,Box,ClickAwayListener}from'@mui/material';import Wo from'@mui/material/Input';var Ae=styled(Le)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%",minHeight:40,"& .MuiTextField-root":{flex:1,margin:"0 !important"}})),We=styled(_t,{shouldForwardProp:e=>!["hasError","feedbackType","hasFeedback","hideArrows","hasLabel"].includes(e)})(({theme:e,hasError:t,feedbackType:r,hasFeedback:n,hideArrows:g,hasLabel:l,disabled:s})=>{let{borderColor:u}=aa(e,r),a=n?"4px 4px 0 0":"4px",c=s?e.palette.grey[400]:e.palette.common.white,o=e.palette.divider;return r&&(o=u),t&&!r&&(o=e.palette.error.main),{border:`1px solid ${o}`,borderBottom:n?"none":void 0,borderRadius:a,...g&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiInputLabel-root":{fontSize:"10px",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,overflow:"visible"},"& .MuiInputLabel-root.MuiInputLabel-shrink, & .MuiInputLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiFilledInput-root":{maxHeight:"40px !important",height:"40px",overflow:"hidden",borderRadius:a,backgroundColor:c,paddingTop:l?"11px":"0px",paddingBottom:l?"4px":"0px",paddingLeft:"8px",boxSizing:"border-box",display:"inline-flex",alignItems:l?"stretch":"center","&:before, &:after":{display:"none"},"&:hover, &.Mui-focused, &.Mui-disabled":{backgroundColor:c}},"& .MuiFilledInput-input":{margin:0,padding:"0 !important",minHeight:0,height:"auto",boxSizing:"border-box",display:"flex",alignItems:l?"flex-end":"center",alignSelf:l?"flex-end":"center",fontSize:"11px",lineHeight:"11px",color:e.palette.text.primary,paddingBottom:l?"1px !important":"0 !important","&::placeholder":{color:e.palette.grey[500],opacity:1}}}}),He=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var Ne=qt.forwardRef(({name:e,onChange:t,hasError:r,helperText:n,hideArrows:g,feedback:l,InputProps:s,InputLabelProps:u,label:a,placeholder:c,...o},y)=>{let C=yc(useId(),"input-base"),I=x=>{t?.(x.target.value??"");},{isProvided:m,isVisible:b,type:p}=Ac(l),S=typeof a=="string"&&a.trim().length>0?a:void 0,v=S??c,f=S&&typeof c=="string"?c:void 0;return jsxs(Le,{children:[jsx(Ae,{id:C,"data-testid":"InputBase",children:jsx(We,{rows:1,hasError:!!r&&!m,hasFeedback:b,feedbackType:p,hasLabel:!!v,fullWidth:true,size:"small",variant:"filled",ref:y,name:e,type:o.type??"text",label:v,placeholder:f,onChange:I,InputLabelProps:u,InputProps:{disableUnderline:true,...s,sx:s?.sx},hideArrows:g,...o})}),m?jsx(ba,{...l}):null,!m&&n&&jsx(He,{children:n})]})});Ne.displayName="InputBase";var ze=Ne;var Kt=ze;var $e=forwardRef((e,t)=>jsx(Jt,{ref:t,viewBox:"0 0 8 8",fontSize:"small",...e,children:jsx("path",{d:"M6.63965 0.102539C6.75727 0.0997602 6.87304 0.133137 6.97168 0.197266C7.07023 0.261345 7.14718 0.353407 7.19238 0.461914C7.23757 0.570522 7.24961 0.690513 7.22559 0.805664C7.20154 0.920834 7.1425 1.02595 7.05762 1.10742L7.05664 1.10938L4.56738 3.59766L4.49512 3.66992L7.05762 6.23242C7.11359 6.28617 7.15865 6.35066 7.18945 6.42188C7.22023 6.49308 7.23648 6.5699 7.2373 6.64746C7.23809 6.72499 7.22359 6.80223 7.19434 6.87402C7.16499 6.9459 7.1213 7.0115 7.06641 7.06641C7.01149 7.12132 6.94592 7.16498 6.87402 7.19434C6.8022 7.22362 6.72502 7.23809 6.64746 7.2373C6.56987 7.23649 6.4931 7.22024 6.42188 7.18945C6.35064 7.15865 6.28618 7.1136 6.23242 7.05762L6.23145 7.05664L3.74219 4.56836L3.66992 4.49512L3.59766 4.56836L1.1084 7.05664L1.10742 7.05762C1.05365 7.11362 0.989227 7.15864 0.917969 7.18945C0.846721 7.22025 0.769997 7.2365 0.692383 7.2373C0.614798 7.23809 0.537661 7.22364 0.46582 7.19434C0.393921 7.16498 0.328351 7.12132 0.273438 7.06641C0.218559 7.01151 0.174849 6.94589 0.145508 6.87402C0.116258 6.80223 0.101751 6.72498 0.102539 6.64746C0.103364 6.5699 0.119618 6.49308 0.150391 6.42188C0.181198 6.35065 0.226245 6.28617 0.282227 6.23242L2.84473 3.66992L2.77246 3.59766L0.283203 1.10938L0.282227 1.1084L0.224609 1.04297C0.172384 0.974382 0.136093 0.894624 0.118164 0.80957C0.0942576 0.695891 0.104774 0.577375 0.148438 0.469727C0.192107 0.362124 0.266971 0.269962 0.363281 0.205078C0.459591 0.140238 0.573348 0.105497 0.689453 0.105469C0.767281 0.105527 0.844313 0.121103 0.916016 0.151367C0.987801 0.181723 1.05308 0.226359 1.10742 0.282227L3.66992 2.84473L6.23242 0.282227C6.33914 0.171037 6.48558 0.106239 6.63965 0.102539Z",fill:"#20232B",stroke:"white",strokeWidth:.20511})}));$e.displayName="DefaultClearIcon";var z=$e;var _e=forwardRef((e,t)=>jsx(Jt,{ref:t,viewBox:"0 0 8 5",fill:"none",fontSize:"small",sx:{width:8,height:5},...e,children:jsx("path",{d:"M7.30273 0.117188C7.3806 0.115307 7.4565 0.138248 7.52051 0.182617C7.58455 0.227088 7.63373 0.290458 7.66211 0.363281C7.69046 0.436073 7.69761 0.516047 7.68262 0.592773C7.66777 0.668745 7.63069 0.738375 7.57715 0.793945L4.17285 4.43164C4.10255 4.50662 4.00523 4.55078 3.90234 4.55078C3.79964 4.55064 3.703 4.5065 3.63281 4.43164L0.227539 0.794922L0.228516 0.793945C0.175799 0.738766 0.139848 0.669812 0.125 0.594727C0.11011 0.519097 0.116275 0.440194 0.143555 0.368164C0.170957 0.296002 0.218752 0.232474 0.28125 0.1875C0.343758 0.14262 0.418162 0.11821 0.495117 0.118164C0.546901 0.118166 0.598306 0.12907 0.645508 0.150391C0.691832 0.171346 0.733094 0.201824 0.767578 0.239258L3.90234 3.58691L7.03711 0.239258C7.10547 0.164191 7.20108 0.119752 7.30273 0.117188Z",fill:"#20232B",stroke:"#20232B",strokeWidth:.233333})}));_e.displayName="DefaultSelectIcon";var qe=_e;function ke({size:e=20,color:t="grey.A400",...r}){return jsx(Yt,{size:e,sx:{backgroundColor:"transparent",color:t},...r})}function K({endAdornmentProp:e,isLoading:t,showClear:r,showMenuArrow:n,menuOpen:g,IconComponent:l,ClearIconComponent:s=z,onClear:u,onClearDefault:a}){return !(e||r||t||n)?null:jsxs(Le,{className:"SelectBase-endAdornmentRoot",component:"span",children:[e,t?jsx(ke,{}):null,!t&&r?jsx(eo,{className:"SelectBase-clearIconButton",type:"button",tabIndex:0,size:"small","aria-label":"Clear selection",onMouseDown:o=>{o.preventDefault(),o.stopPropagation();},onClick:o=>{o.preventDefault(),o.stopPropagation(),u?u():a();},sx:o=>({p:"1px",flexShrink:0,cursor:"pointer",color:"inherit",backgroundColor:"transparent",...l?{mr:2}:{},"&:hover":{backgroundColor:o.palette.action.hover},"&:focus-visible":{outline:`2px solid ${o.palette.primary.main}`,outlineOffset:1}}),children:jsx(s,{sx:{fontSize:8,width:8,height:8}})}):null,!t&&n&&!l&&jsx(Le,{component:"span",className:`SelectBase-menuTriggerIcon${g?" SelectBase-menuTriggerIcon-open":""}`,"aria-hidden":true,children:jsx(qe,{})})]})}function le(e,t){if(e==null)return false;if(Array.isArray(e))return e.length>0;if(typeof e=="object"){if(t){let n=t(e);return n!=null&&n!==""}let r=e.id;return r!=null&&r!==""}return String(e)!==""}var pe=styled(ro)(({theme:e})=>({minWidth:52,height:"40px !important",maxHeight:"40px !important",backgroundColor:"transparent",width:"100%",cursor:"pointer","& .MuiInputBase-root":{cursor:"pointer"},"& .MuiInputBase-root.Mui-disabled":{cursor:"default"},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,height:"100%",pointerEvents:"none"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));styled(Ue)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"4px",boxShadow:e.shadows[17],border:"none",outline:"none","&:focus":{border:"1px solid #1F88D0"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"rgba(0, 0, 0, 0.23)"},"&.Mui-focused fieldset":{border:"2px solid red"}},minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));var se=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),de=styled(Ue,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,error:t,feedbackType:r,hasFeedback:n})=>{let{borderColor:g}=aa(e,r),l=n?"4px 4px 0 0":"4px";return {width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:l,overflow:"hidden",backgroundColor:e.palette.grey[400],"&.Mui-disabled":{backgroundColor:e.palette.grey[400]},".MuiSelect-select":{padding:"0 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important",backgroundColor:`${e.palette.grey[400]} !important`,borderRadius:l,fontSize:"11px",cursor:"pointer","&:focus":{backgroundColor:`${e.palette.grey[400]} !important`}},"&.Mui-disabled .MuiSelect-select":{cursor:"default"},".MuiSelect-filled":{padding:"0 8px !important"},"&.MuiInputBase-adornedEnd":{display:"inline-flex",alignItems:"center",backgroundColor:e.palette.grey[400],gap:0},"&&.MuiInputBase-adornedEnd .MuiInputBase-input":{flex:"1 1 0%",minWidth:0,width:"auto",maxWidth:"100%"},"& .SelectBase-endAdornmentRoot":{display:"flex",alignItems:"center",flexShrink:0,gap:"8px",position:"relative",zIndex:1},"& .SelectBase-menuTriggerIcon":{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"inherit",lineHeight:0,"& svg, & .MuiSvgIcon-root":{transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})}},"& .SelectBase-menuTriggerIcon-open svg, & .SelectBase-menuTriggerIcon-open .MuiSvgIcon-root":{transform:"rotate(180deg)"},"&.Mui-disabled .MuiSelect-icon":{color:"rgba(0, 0, 0, 0.38)"},"&.Mui-disabled .SelectBase-menuTriggerIcon":{cursor:"default",color:"rgba(0, 0, 0, 0.38)","& svg path":{fill:"rgba(0, 0, 0, 0.38)",stroke:"rgba(0, 0, 0, 0.38)"}},...r&&{border:`1px solid ${g}`},...n&&{borderBottom:"none"},...t&&{border:`1px solid ${e.palette.error.main}`}}}),ue=styled(Le)(()=>({display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1,cursor:"pointer","&:has(.MuiInputBase-root.Mui-disabled)":{cursor:"default"}}));function uo(e,t){let{menuSearchable:r,menuSearchPlaceholder:n,...g}=e,{required:l,hasError:s,label:u,value:a,helperText:c,feedback:o,onChange:y,options:C,isOptionEqualToValue:I,renderOption:m,getOptionValue:b,isLoading:p,children:S,getOptionLabel:v,IconComponent:f,showClearIcon:x=false,ClearIconComponent:T=z,onClear:E,endAdornment:Y,inputProps:xe,open:O,onOpen:j,onClose:ee,menuHasSelectedCheckMark:Ce=false,..._}=g,he=yc(useId(),"select-base"),[Ie,Se]=useState(false),q=O??Ie,A=useCallback((i,U)=>{U?j?.(i):ee?.(i),O===void 0&&Se(U);},[j,ee,O]),Be=i=>{y?.(i);},Pe=()=>a==null?"":m?m(a):v?v(a):a?.label??"",te="";a!=null&&(te=(b?b(a):a?.id)??"");let V=!!(_.disabled||p),oe=x&&le(a,b)&&!V,d=jsx(K,{endAdornmentProp:Y,isLoading:!!p,showClear:oe,showMenuArrow:!p,menuOpen:q,IconComponent:f,ClearIconComponent:T,onClear:E,onClearDefault:()=>y?.(null)}),{isProvided:h,isVisible:L,type:B}=Ac(o);return jsxs(ue,{onMouseDown:i=>{i.button===0&&(i.target.closest('.MuiSelect-select[role="combobox"]')||i.target.closest(".SelectBase-clearIconButton")||V||(i.preventDefault(),i.stopPropagation(),A(i,!q)));},onClick:i=>{i.target.closest('.MuiSelect-select[role="combobox"]')||i.target.closest(".SelectBase-clearIconButton")||(i.preventDefault(),i.stopPropagation());},children:[jsxs(pe,{id:he,variant:"filled","data-testid":"SelectBase",required:l,children:[jsx(po,{id:`select-label-${u.trim()}`,"data-testid":"SelectBase_InputLabel",children:u}),jsx(de,{"data-testid":"SelectBase_Select",ref:t,value:te,error:s&&!L,feedbackType:B,hasFeedback:L,disableUnderline:true,required:l,labelId:`select-label-${u.trim()}`,id:`select-label-${u.trim()}`,renderValue:Pe,..._,open:q,onOpen:i=>A(i,true),onClose:i=>A(i,false),inputProps:xe,disabled:V,IconComponent:f??(()=>null),endAdornment:d,children:S||C?.map(i=>{let U=I?I(i,a):i?.id===a?.id,$t=(b?b(i):i?.id)??i?.label??"select-base-item";return jsxs(so,{disabled:!!i.disabled,value:(b?b(i):i?.id)??"",onClick:()=>{Be(i);},sx:{fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:1,backgroundColor:Ee=>U?Ee.palette.action.hover:Ee.palette.common.white},children:[jsx(Le,{component:"span",sx:{flex:1,minWidth:0},children:m?m(i):i.label}),Ce&&U?jsx(Le,{component:"img",src:Pc,alt:"",sx:{width:10,height:7.5,flexShrink:0}}):null]},`select-base-item-${$t}`)})})]}),h?jsx(ba,{...o}):jsx(se,{children:c})]})}var Ke=qt.forwardRef(uo);function Co({required:e,hasError:t,label:r,value:n,helperText:g,feedback:l,onChange:s,options:u,isOptionEqualToValue:a,renderOption:c,getOptionValue:o,isLoading:y,children:C,getOptionLabel:I,IconComponent:m,showClearIcon:b=false,ClearIconComponent:p=z,onClear:S,endAdornment:v,inputProps:f,open:x,onOpen:T,onClose:E,...Y},xe){let[O,j]=useState(false),ee=yc(useId(),"select-base-multiple"),Ce=x??O,_=useCallback((d,h)=>{h?T?.(d):E?.(d),x===void 0&&j(h);},[T,E,x]),he=d=>{s?.(d);},Ie=()=>{let d=n?.filter(h=>h!=null)??[];return o?d.map(o):d.map(h=>h?.id)},Se=useMemo(()=>u?.filter(d=>n?.some(h=>{if(h==null)return false;if(a)return a(d,h);if(o){let W=o(d),H=o(h);return W===H||String(W)===String(H)}let L=d?.id,B=h?.id;return L===B||String(L)===String(B)})),[u,n,a,o]),q=()=>Se?.map(d=>I?I(d):d.label)?.join(", "),A=!!(Y.disabled||y),Be=b&&le(n,o)&&!A,te=jsx(K,{endAdornmentProp:v,isLoading:!!y,showClear:Be,showMenuArrow:!y,menuOpen:Ce,IconComponent:m,ClearIconComponent:p,onClear:S,onClearDefault:()=>s?.([])}),{isProvided:V,isVisible:oe,type:Fe}=Ac(l);return jsxs(ue,{children:[jsxs(pe,{id:ee,variant:"filled","data-testid":"SelectBase",required:e,children:[jsx(po,{id:`select-label-${r.trim()}`,"data-testid":"SelectBase_InputLabel",children:r}),jsx(de,{multiple:true,"data-testid":"SelectBase_Select",ref:xe,value:Ie()??"",error:t&&!oe,feedbackType:Fe,hasFeedback:oe,disableUnderline:true,required:e,labelId:`select-label-${r.trim()}`,id:`select-label-${r.trim()}`,renderValue:q,...Y,open:x,onOpen:d=>_(d,true),onClose:d=>_(d,false),inputProps:f,disabled:A,IconComponent:m??(()=>null),endAdornment:te,onChange:d=>{let L=d.target.value?.map(B=>u?.find(W=>{if(o){let i=o(W);return i===B||String(i)===String(B)}let H=W?.id;return H===B||String(H)===String(B)}));s?.(L?.filter(B=>B!=null)??[]);},children:C||u?.map((d,h)=>{let L=a?a(d,n):d?.id===n?.id;return jsx(so,{value:(o?o(d):d?.id)??"",onClick:()=>{he(d);},sx:{fontSize:"12px",backgroundColor:B=>L?B.palette.action.hover:B.palette.common.white},children:c?c(d):d.label},`select-base-multiple-item-${h}`)})})]}),V?jsx(ba,{...l}):jsx(se,{children:g})]})}var Je=qt.forwardRef(Co);var ho=Ke;var Qe=styled$1("button")(({theme:e,disabled:t})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:t?"default":"pointer",opacity:t?.5:1})),Xe=styled$1(Popper)(({theme:e})=>({zIndex:9999,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),Ye=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),je=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),et=styled$1(a)(()=>({height:24,padding:"4px",marginBottom:"4px"})),tt=styled$1(Box)(()=>({color:"red !important"}));function at({isLoading:e,countries:t,value:r,onCountryChange:n,required:g,disabled:l}){let[s,u]=useState(),[a,c]=useState(null),[o,y]=useState([]),[C,I]=useState(""),m=!!a&&!l,b=f=>{f.stopPropagation(),c(f.currentTarget);},p=()=>{c(null);},S=f=>{n?.(f),u(f),p(),y(t);},v=f=>{let x=f.target.value.toString()??"";if(I(x),!x){y(t);return}let T=t.filter(E=>E.idd_prefix.toString().startsWith(x)||E.iso2.toLowerCase().startsWith(x.toLowerCase()));y(T);};return useEffect(()=>{r&&u(r);},[r?.countryId]),useEffect(()=>{t.length&&y(t);},[t.length]),jsxs(Le,{"data-testid":"CountriesList",sx:{position:"relative"},children:[jsx(Qe,{type:"button","aria-describedby":"CountriesList_CountriesWrapper",onClick:b,disabled:e||l,sx:{backgroundColor:"transparent",border:"none",height:34,paddingInlineStart:"8px"},children:e?jsx(Mo,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${s?.idd_prefix}`})]}),g&&jsx(tt,{component:"span",children:"*"}),jsx(Le,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]})}),m&&jsx(a$1,{onClick:p,sx:{zIndex:9999}}),m&&jsx(ClickAwayListener,{onClickAway:p,children:jsxs(Xe,{id:"CountriesList_CountriesWrapper",open:m,anchorEl:a,"data-testid":"CountriesList_CountriesWrapper",placement:"bottom-start",children:[jsx(et,{endAdornment:jsx("img",{src:A,alt:"arrow"}),onChange:v,hideArrows:true,"data-testid":"CountriesList_InputStyled",value:C}),jsx(Ye,{"data-testid":"CountriesList_CountriesListStyled",children:o.map(f=>{let x=s?.countryId===f.countryId;return jsxs(je,{onClick:()=>{S(f);},sx:{backgroundColor:x?"#F9F9F9":"transparent",color:x?"#000":"#8D8D94"},children:[jsx("img",{src:f.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${f.idd_prefix}`})]},`country-code-${f.countryId}`)})})]})})]})}at.displayName="CountriesList";var it=memo(at);var me=it;var pt=styled(Le,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,feedbackType:t,hasFeedback:r})=>{let{borderColor:n}=aa(e,t);return {border:`1px solid ${t?n:e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",paddingInlineStart:"0px",alignItems:"center",borderRadius:r?"4px 4px 0 0":"4px",borderBottom:r?"none":void 0,height:"40px"}}),st=styled(a)(({error:e})=>({border:"none",paddingInlineEnd:0,img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}})),dt=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),ut=styled(Le)(()=>({flex:1}));function mt({phoneValue:e,hasError:t,countries:r,isCountriesLoading:n,countryValue:g,onCountryChange:l,onPhoneChange:s,helperText:u,required:a,disabled:c,feedback:o,...y},C){let I=x=>{s?.(x.target.value);},m=x=>{l?.(x);},b=o?.message??u,{isProvided:p,isVisible:S,type:v}=Ac(o,{message:b}),f=yc(useId(),"phone-input-base");return jsxs(ut,{id:f,"data-testid":"PhoneInput",children:[jsxs(pt,{"data-testid":"PhoneInput_MobileWrapper",feedbackType:v,hasFeedback:S,children:[jsx(me,{isLoading:n,countries:r,value:g,onCountryChange:m,required:a,disabled:c}),jsx(st,{value:e,"data-testid":"PhoneInput_InputNumberStyled",ref:C,inputProps:{autoComplete:"off"},error:t&&!p,disabled:c,...y,onChange:I,hideArrows:true})]}),jsx(ba,{type:o?.type,message:b,icon:o?.icon}),!S&&!p?jsx(dt,{children:u}):null]})}mt.displayName="PhoneInputBase";var ft=qt.forwardRef(mt);var Lo=ft;var gt=styled$1("button")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),yt=styled$1(Popper)(({theme:e})=>({zIndex:99,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),bt=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),xt=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),Ct=styled$1(Box)(()=>({color:"red !important"}));function Bt({isLoading:e,currencies:t,value:r,onCurrencyChange:n,required:g}){let l=yc(useId(),"currencies-list"),[s,u]=useState(),[a,c]=useState(null),[o,y]=useState([]),C=!!a,I=p=>{p.stopPropagation(),c(p.currentTarget);},m=()=>{c(null);},b=p=>{n?.(p),u(p),m(),y(t);};return useEffect(()=>{r&&u(r);},[r?.currencyId]),useEffect(()=>{t.length&&y(t);},[t.length]),jsxs(Le,{id:l,"data-testid":"currenciesList",sx:{position:"relative"},children:[jsx(gt,{type:"button","aria-describedby":"currenciesList_currenciesWrapper",onClick:I,disabled:e,sx:{backgroundColor:"transparent",border:"none",height:34,paddingInlineStart:"8px"},children:e?jsx(Mo,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx("span",{children:s?.code.english})]}),g&&jsx(Ct,{component:"span",children:"*"}),jsx(Le,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...C&&{transform:"rotate(180deg)"}}})]})}),C&&jsx(a$1,{onClick:m}),C&&jsx(yt,{id:"currenciesList_currenciesWrapper",open:C,anchorEl:a,"data-testid":"currenciesList_currenciesWrapper",placement:"bottom-start",children:jsx(bt,{"data-testid":"currenciesList_currenciesListStyled",children:o.map(p=>{let S=s?.currencyId===p.currencyId;return jsxs(xt,{onClick:()=>{b(p);},sx:{backgroundColor:S?"#F9F9F9":"transparent",color:S?"#000":"#8D8D94"},children:[jsx("img",{src:p.logo,alt:"c",className:"logo"}),jsx("span",{children:p?.code.english})]},`currency-code-${p.currencyId}`)})})})]})}Bt.displayName="CurrenciesList";var Mt=memo(Bt);var kt=Mt;var wt=styled(Wo,{shouldForwardProp:e=>!["hasError","hideArrows"].includes(e)})(({theme:e,hideArrows:t})=>({padding:"8px",border:`1px solid ${e.palette.divider}`,borderRadius:"4px",height:32,color:e.palette.text.primary,fontSize:"11px",outline:0,maxWidth:"100%",display:"flex",flexGrow:1,"::placeholder":{color:e.palette.grey[700],fontWeight:400},...t&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}}})),Lt=styled(Le)(()=>({flex:1}));function zo({hasError:e,hideArrows:t,inputProps:r,...n},g){let l=yc(useId(),"amount-input-number");return jsx(Lt,{id:l,"data-testid":"AmountInputNumber",onClick:s=>{s.stopPropagation();},children:jsx(wt,{ref:g,placeholder:n.placeholder,hideArrows:true,hasError:e,disableUnderline:true,inputProps:{...r,type:"number"},onKeyDown:s=>{["e","E","+","-"].includes(s.key)&&s.preventDefault();},...n})})}var Ft=forwardRef(zo);var Et=Ft;var Rt=styled(Le,{shouldForwardProp:e=>e!=="hasError"})(({theme:e,hasError:t})=>({border:`1px solid ${e.palette.divider}`,display:"flex",justifyContent:"space-between",position:"relative",paddingInline:"8px",paddingInlineStart:"0px",alignItems:"center",borderRadius:"4px",height:"40px",...t&&{border:`1px solid ${e.palette.error.main}`}})),Tt=styled(Le)(()=>({width:"50px"})),At=styled(Et)(({error:e})=>({border:"none",paddingInlineEnd:0,img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}})),Wt=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),Ht=styled(Le)(()=>({flex:1}));function zt({amountValue:e,hasError:t,currencies:r,isCurrenciesLoading:n,currencyValue:g,onCurrencyChange:l,onAmountChange:s,onAmountBlur:u,helperText:a,required:c,...o},y){let C=p=>{s?.(p.target.value);},I=p=>{u?.(p.target.value);},m=p=>{l?.(p);},b=yc(useId(),"amount-input-base");return jsxs(Ht,{id:b,"data-testid":"AmountInput",children:[jsxs(Rt,{"data-testid":"AmountInput_MobileWrapper",hasError:t,children:[jsx(kt,{isLoading:n,currencies:r,value:g,onCurrencyChange:m,required:c}),jsx(Tt,{children:jsx(At,{value:e,"data-testid":"AmountInput_InputNumberStyled",ref:y,inputProps:{autoComplete:"off"},error:t,...o,onChange:C,onBlur:I,hideArrows:true})})]}),jsx(Wt,{children:a})]})}zt.displayName="AmountInputBase";var Dt=qt.forwardRef(zt);var Oo=Dt;export{Kt as a,z as b,se as c,ue as d,Je as e,ho as f,me as g,Lo as h,Oo as i};
1
+ import {a}from'./chunk-4KSZBODD.js';import {a as a$1}from'./chunk-4QONVXGE.js';import {aa,ba}from'./chunk-7NSNVOPD.js';import {yc,Ac}from'./chunk-PLMJIRXJ.js';import {Pc,Cb,A}from'./chunk-YKKS24ES.js';import qt,{useId,forwardRef,memo,useState,useCallback,useMemo,useEffect}from'react';import Le from'@mui/material/Box';import {styled}from'@mui/material/styles';import _t from'@mui/material/TextField';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import po from'@mui/material/InputLabel';import so from'@mui/material/MenuItem';import Jt from'@mui/material/SvgIcon';import eo from'@mui/material/IconButton';import Yt from'@mui/material/CircularProgress';import ro from'@mui/material/FormControl';import Ue from'@mui/material/Select';import Mo from'@mui/material/Skeleton';import {styled as styled$1,Popper,Box,ClickAwayListener}from'@mui/material';import Wo from'@mui/material/Input';var Ae=styled(Le)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%",minHeight:40,"& .MuiTextField-root":{flex:1,margin:"0 !important"}})),We=styled(_t,{shouldForwardProp:e=>!["hasError","feedbackType","hasFeedback","hideArrows","hasLabel"].includes(e)})(({theme:e,hasError:t,feedbackType:r,hasFeedback:n,hideArrows:g,hasLabel:l,disabled:s})=>{let{borderColor:u}=aa(e,r),a=n?"4px 4px 0 0":"4px",c=s?e.palette.grey[400]:e.palette.common.white,o=e.palette.divider;return r&&(o=u),t&&!r&&(o=e.palette.error.main),{border:`1px solid ${o}`,borderBottom:n?"none":void 0,borderRadius:a,...g&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiInputLabel-root":{fontSize:"10px",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,overflow:"visible"},"& .MuiInputLabel-root.MuiInputLabel-shrink, & .MuiInputLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiFilledInput-root":{maxHeight:"40px !important",height:"40px",overflow:"hidden",borderRadius:a,backgroundColor:c,paddingTop:l?"11px":"0px",paddingBottom:l?"4px":"0px",paddingLeft:"8px",boxSizing:"border-box",display:"inline-flex",alignItems:l?"stretch":"center","&:before, &:after":{display:"none"},"&:hover, &.Mui-focused, &.Mui-disabled":{backgroundColor:c}},"& .MuiFilledInput-input":{margin:0,padding:"0 !important",minHeight:0,height:"auto",boxSizing:"border-box",display:"flex",alignItems:l?"flex-end":"center",alignSelf:l?"flex-end":"center",fontSize:"11px",lineHeight:"11px",color:e.palette.text.primary,paddingBottom:l?"1px !important":"0 !important","&::placeholder":{color:e.palette.grey[500],opacity:1}}}}),He=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var Ne=qt.forwardRef(({name:e,onChange:t,hasError:r,helperText:n,hideArrows:g,feedback:l,InputProps:s,InputLabelProps:u,label:a,placeholder:c,...o},y)=>{let C=yc(useId(),"input-base"),I=x=>{t?.(x.target.value??"");},{isProvided:m,isVisible:b,type:p}=Ac(l),S=typeof a=="string"&&a.trim().length>0?a:void 0,v=S??c,f=S&&typeof c=="string"?c:void 0;return jsxs(Le,{children:[jsx(Ae,{id:C,"data-testid":"InputBase",children:jsx(We,{rows:1,hasError:!!r&&!m,hasFeedback:b,feedbackType:p,hasLabel:!!v,fullWidth:true,size:"small",variant:"filled",ref:y,name:e,type:o.type??"text",label:v,placeholder:f,onChange:I,InputLabelProps:u,InputProps:{disableUnderline:true,...s,sx:s?.sx},hideArrows:g,...o})}),m?jsx(ba,{...l}):null,!m&&n&&jsx(He,{children:n})]})});Ne.displayName="InputBase";var ze=Ne;var Kt=ze;var $e=forwardRef((e,t)=>jsx(Jt,{ref:t,viewBox:"0 0 8 8",fontSize:"small",...e,children:jsx("path",{d:"M6.63965 0.102539C6.75727 0.0997602 6.87304 0.133137 6.97168 0.197266C7.07023 0.261345 7.14718 0.353407 7.19238 0.461914C7.23757 0.570522 7.24961 0.690513 7.22559 0.805664C7.20154 0.920834 7.1425 1.02595 7.05762 1.10742L7.05664 1.10938L4.56738 3.59766L4.49512 3.66992L7.05762 6.23242C7.11359 6.28617 7.15865 6.35066 7.18945 6.42188C7.22023 6.49308 7.23648 6.5699 7.2373 6.64746C7.23809 6.72499 7.22359 6.80223 7.19434 6.87402C7.16499 6.9459 7.1213 7.0115 7.06641 7.06641C7.01149 7.12132 6.94592 7.16498 6.87402 7.19434C6.8022 7.22362 6.72502 7.23809 6.64746 7.2373C6.56987 7.23649 6.4931 7.22024 6.42188 7.18945C6.35064 7.15865 6.28618 7.1136 6.23242 7.05762L6.23145 7.05664L3.74219 4.56836L3.66992 4.49512L3.59766 4.56836L1.1084 7.05664L1.10742 7.05762C1.05365 7.11362 0.989227 7.15864 0.917969 7.18945C0.846721 7.22025 0.769997 7.2365 0.692383 7.2373C0.614798 7.23809 0.537661 7.22364 0.46582 7.19434C0.393921 7.16498 0.328351 7.12132 0.273438 7.06641C0.218559 7.01151 0.174849 6.94589 0.145508 6.87402C0.116258 6.80223 0.101751 6.72498 0.102539 6.64746C0.103364 6.5699 0.119618 6.49308 0.150391 6.42188C0.181198 6.35065 0.226245 6.28617 0.282227 6.23242L2.84473 3.66992L2.77246 3.59766L0.283203 1.10938L0.282227 1.1084L0.224609 1.04297C0.172384 0.974382 0.136093 0.894624 0.118164 0.80957C0.0942576 0.695891 0.104774 0.577375 0.148438 0.469727C0.192107 0.362124 0.266971 0.269962 0.363281 0.205078C0.459591 0.140238 0.573348 0.105497 0.689453 0.105469C0.767281 0.105527 0.844313 0.121103 0.916016 0.151367C0.987801 0.181723 1.05308 0.226359 1.10742 0.282227L3.66992 2.84473L6.23242 0.282227C6.33914 0.171037 6.48558 0.106239 6.63965 0.102539Z",fill:"#20232B",stroke:"white",strokeWidth:.20511})}));$e.displayName="DefaultClearIcon";var z=$e;var _e=forwardRef((e,t)=>jsx(Jt,{ref:t,viewBox:"0 0 8 5",fill:"none",fontSize:"small",sx:{width:8,height:5},...e,children:jsx("path",{d:"M7.30273 0.117188C7.3806 0.115307 7.4565 0.138248 7.52051 0.182617C7.58455 0.227088 7.63373 0.290458 7.66211 0.363281C7.69046 0.436073 7.69761 0.516047 7.68262 0.592773C7.66777 0.668745 7.63069 0.738375 7.57715 0.793945L4.17285 4.43164C4.10255 4.50662 4.00523 4.55078 3.90234 4.55078C3.79964 4.55064 3.703 4.5065 3.63281 4.43164L0.227539 0.794922L0.228516 0.793945C0.175799 0.738766 0.139848 0.669812 0.125 0.594727C0.11011 0.519097 0.116275 0.440194 0.143555 0.368164C0.170957 0.296002 0.218752 0.232474 0.28125 0.1875C0.343758 0.14262 0.418162 0.11821 0.495117 0.118164C0.546901 0.118166 0.598306 0.12907 0.645508 0.150391C0.691832 0.171346 0.733094 0.201824 0.767578 0.239258L3.90234 3.58691L7.03711 0.239258C7.10547 0.164191 7.20108 0.119752 7.30273 0.117188Z",fill:"#20232B",stroke:"#20232B",strokeWidth:.233333})}));_e.displayName="DefaultSelectIcon";var qe=_e;function ke({size:e=20,color:t="grey.A400",...r}){return jsx(Yt,{size:e,sx:{backgroundColor:"transparent",color:t},...r})}function K({endAdornmentProp:e,isLoading:t,showClear:r,showMenuArrow:n,menuOpen:g,IconComponent:l,ClearIconComponent:s=z,onClear:u,onClearDefault:a}){return !(e||r||t||n)?null:jsxs(Le,{className:"SelectBase-endAdornmentRoot",component:"span",children:[e,t?jsx(ke,{}):null,!t&&r?jsx(eo,{className:"SelectBase-clearIconButton",type:"button",tabIndex:0,size:"small","aria-label":"Clear selection",onMouseDown:o=>{o.preventDefault(),o.stopPropagation();},onClick:o=>{o.preventDefault(),o.stopPropagation(),u?u():a();},sx:o=>({p:"1px",flexShrink:0,cursor:"pointer",color:"inherit",backgroundColor:"transparent",...l?{mr:2}:{},"&:hover":{backgroundColor:o.palette.action.hover},"&:focus-visible":{outline:`2px solid ${o.palette.primary.main}`,outlineOffset:1}}),children:jsx(s,{sx:{fontSize:8,width:8,height:8}})}):null,!t&&n&&!l&&jsx(Le,{component:"span",className:`SelectBase-menuTriggerIcon${g?" SelectBase-menuTriggerIcon-open":""}`,"aria-hidden":true,children:jsx(qe,{})})]})}function le(e,t){if(e==null)return false;if(Array.isArray(e))return e.length>0;if(typeof e=="object"){if(t){let n=t(e);return n!=null&&n!==""}let r=e.id;return r!=null&&r!==""}return String(e)!==""}var pe=styled(ro)(({theme:e})=>({minWidth:52,height:"40px !important",maxHeight:"40px !important",backgroundColor:"transparent",width:"100%",cursor:"pointer","& .MuiInputBase-root":{cursor:"pointer"},"& .MuiInputBase-root.Mui-disabled":{cursor:"default"},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,height:"100%",pointerEvents:"none"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));styled(Ue)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"4px",boxShadow:e.shadows[17],border:"none",outline:"none","&:focus":{border:"1px solid #1F88D0"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"rgba(0, 0, 0, 0.23)"},"&.Mui-focused fieldset":{border:"2px solid red"}},minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));var se=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),de=styled(Ue,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,error:t,feedbackType:r,hasFeedback:n})=>{let{borderColor:g}=aa(e,r),l=n?"4px 4px 0 0":"4px";return {width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:l,overflow:"hidden",backgroundColor:e.palette.grey[400],"&.Mui-disabled":{backgroundColor:e.palette.grey[400]},".MuiSelect-select":{padding:"0 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important",backgroundColor:`${e.palette.grey[400]} !important`,borderRadius:l,fontSize:"11px",cursor:"pointer","&:focus":{backgroundColor:`${e.palette.grey[400]} !important`}},"&.Mui-disabled .MuiSelect-select":{cursor:"default"},".MuiSelect-filled":{padding:"0 8px !important"},"&.MuiInputBase-adornedEnd":{display:"inline-flex",alignItems:"center",backgroundColor:e.palette.grey[400],gap:0},"&&.MuiInputBase-adornedEnd .MuiInputBase-input":{flex:"1 1 0%",minWidth:0,width:"auto",maxWidth:"100%"},"& .SelectBase-endAdornmentRoot":{display:"flex",alignItems:"center",flexShrink:0,gap:"8px",position:"relative",zIndex:1},"& .SelectBase-menuTriggerIcon":{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"inherit",lineHeight:0,"& svg, & .MuiSvgIcon-root":{transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})}},"& .SelectBase-menuTriggerIcon-open svg, & .SelectBase-menuTriggerIcon-open .MuiSvgIcon-root":{transform:"rotate(180deg)"},"&.Mui-disabled .MuiSelect-icon":{color:"rgba(0, 0, 0, 0.38)"},"&.Mui-disabled .SelectBase-menuTriggerIcon":{cursor:"default",color:"rgba(0, 0, 0, 0.38)","& svg path":{fill:"rgba(0, 0, 0, 0.38)",stroke:"rgba(0, 0, 0, 0.38)"}},...r&&{border:`1px solid ${g}`},...n&&{borderBottom:"none"},...t&&{border:`1px solid ${e.palette.error.main}`}}}),ue=styled(Le)(()=>({display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1,cursor:"pointer","&:has(.MuiInputBase-root.Mui-disabled)":{cursor:"default"}}));function uo(e,t){let{menuSearchable:r,menuSearchPlaceholder:n,...g}=e,{required:l,hasError:s,label:u,value:a,helperText:c,feedback:o,onChange:y,options:C,isOptionEqualToValue:I,renderOption:m,getOptionValue:b,isLoading:p,children:S,getOptionLabel:v,IconComponent:f,showClearIcon:x=false,ClearIconComponent:T=z,onClear:E,endAdornment:Y,inputProps:xe,open:O,onOpen:j,onClose:ee,menuHasSelectedCheckMark:Ce=false,..._}=g,he=yc(useId(),"select-base"),[Ie,Se]=useState(false),q=O??Ie,A=useCallback((i,U)=>{U?j?.(i):ee?.(i),O===void 0&&Se(U);},[j,ee,O]),Be=i=>{y?.(i);},Pe=()=>a==null?"":m?m(a):v?v(a):a?.label??"",te="";a!=null&&(te=(b?b(a):a?.id)??"");let V=!!(_.disabled||p),oe=x&&le(a,b)&&!V,d=jsx(K,{endAdornmentProp:Y,isLoading:!!p,showClear:oe,showMenuArrow:!p,menuOpen:q,IconComponent:f,ClearIconComponent:T,onClear:E,onClearDefault:()=>y?.(null)}),{isProvided:h,isVisible:L,type:B}=Ac(o);return jsxs(ue,{onMouseDown:i=>{i.button===0&&(i.target.closest('.MuiSelect-select[role="combobox"]')||i.target.closest(".SelectBase-clearIconButton")||V||(i.preventDefault(),i.stopPropagation(),A(i,!q)));},onClick:i=>{i.target.closest('.MuiSelect-select[role="combobox"]')||i.target.closest(".SelectBase-clearIconButton")||(i.preventDefault(),i.stopPropagation());},children:[jsxs(pe,{id:he,variant:"filled","data-testid":"SelectBase",required:l,children:[jsx(po,{id:`select-label-${u.trim()}`,"data-testid":"SelectBase_InputLabel",children:u}),jsx(de,{"data-testid":"SelectBase_Select",ref:t,value:te,error:s&&!L,feedbackType:B,hasFeedback:L,disableUnderline:true,required:l,labelId:`select-label-${u.trim()}`,id:`select-label-${u.trim()}`,renderValue:Pe,..._,open:q,onOpen:i=>A(i,true),onClose:i=>A(i,false),inputProps:xe,disabled:V,IconComponent:f??(()=>null),endAdornment:d,children:S||C?.map(i=>{let U=I?I(i,a):i?.id===a?.id,$t=(b?b(i):i?.id)??i?.label??"select-base-item";return jsxs(so,{disabled:!!i.disabled,value:(b?b(i):i?.id)??"",onClick:()=>{Be(i);},sx:{fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:1,backgroundColor:Ee=>U?Ee.palette.action.hover:Ee.palette.common.white},children:[jsx(Le,{component:"span",sx:{flex:1,minWidth:0},children:m?m(i):i.label}),Ce&&U?jsx(Le,{component:"img",src:Pc,alt:"",sx:{width:10,height:7.5,flexShrink:0}}):null]},`select-base-item-${$t}`)})})]}),h?jsx(ba,{...o}):jsx(se,{children:c})]})}var Ke=qt.forwardRef(uo);function Co({required:e,hasError:t,label:r,value:n,helperText:g,feedback:l,onChange:s,options:u,isOptionEqualToValue:a,renderOption:c,getOptionValue:o,isLoading:y,children:C,getOptionLabel:I,IconComponent:m,showClearIcon:b=false,ClearIconComponent:p=z,onClear:S,endAdornment:v,inputProps:f,open:x,onOpen:T,onClose:E,...Y},xe){let[O,j]=useState(false),ee=yc(useId(),"select-base-multiple"),Ce=x??O,_=useCallback((d,h)=>{h?T?.(d):E?.(d),x===void 0&&j(h);},[T,E,x]),he=d=>{s?.(d);},Ie=()=>{let d=n?.filter(h=>h!=null)??[];return o?d.map(o):d.map(h=>h?.id)},Se=useMemo(()=>u?.filter(d=>n?.some(h=>{if(h==null)return false;if(a)return a(d,h);if(o){let W=o(d),H=o(h);return W===H||String(W)===String(H)}let L=d?.id,B=h?.id;return L===B||String(L)===String(B)})),[u,n,a,o]),q=()=>Se?.map(d=>I?I(d):d.label)?.join(", "),A=!!(Y.disabled||y),Be=b&&le(n,o)&&!A,te=jsx(K,{endAdornmentProp:v,isLoading:!!y,showClear:Be,showMenuArrow:!y,menuOpen:Ce,IconComponent:m,ClearIconComponent:p,onClear:S,onClearDefault:()=>s?.([])}),{isProvided:V,isVisible:oe,type:Fe}=Ac(l);return jsxs(ue,{children:[jsxs(pe,{id:ee,variant:"filled","data-testid":"SelectBase",required:e,children:[jsx(po,{id:`select-label-${r.trim()}`,"data-testid":"SelectBase_InputLabel",children:r}),jsx(de,{multiple:true,"data-testid":"SelectBase_Select",ref:xe,value:Ie()??"",error:t&&!oe,feedbackType:Fe,hasFeedback:oe,disableUnderline:true,required:e,labelId:`select-label-${r.trim()}`,id:`select-label-${r.trim()}`,renderValue:q,...Y,open:x,onOpen:d=>_(d,true),onClose:d=>_(d,false),inputProps:f,disabled:A,IconComponent:m??(()=>null),endAdornment:te,onChange:d=>{let L=d.target.value?.map(B=>u?.find(W=>{if(o){let i=o(W);return i===B||String(i)===String(B)}let H=W?.id;return H===B||String(H)===String(B)}));s?.(L?.filter(B=>B!=null)??[]);},children:C||u?.map((d,h)=>{let L=a?a(d,n):d?.id===n?.id;return jsx(so,{value:(o?o(d):d?.id)??"",onClick:()=>{he(d);},sx:{fontSize:"12px",backgroundColor:B=>L?B.palette.action.hover:B.palette.common.white},children:c?c(d):d.label},`select-base-multiple-item-${h}`)})})]}),V?jsx(ba,{...l}):jsx(se,{children:g})]})}var Je=qt.forwardRef(Co);var ho=Ke;var Qe=styled$1("button")(({theme:e,disabled:t})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:t?"default":"pointer",opacity:t?.5:1})),Xe=styled$1(Popper)(({theme:e})=>({zIndex:9999,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),Ye=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),je=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),et=styled$1(a)(()=>({height:24,padding:"4px",marginBottom:"4px"})),tt=styled$1(Box)(()=>({color:"red !important"}));function at({isLoading:e,countries:t,value:r,onCountryChange:n,required:g,disabled:l}){let[s,u]=useState(),[a,c]=useState(null),[o,y]=useState([]),[C,I]=useState(""),m=!!a&&!l,b=f=>{f.stopPropagation(),c(f.currentTarget);},p=()=>{c(null);},S=f=>{n?.(f),u(f),p(),y(t);},v=f=>{let x=f.target.value.toString()??"";if(I(x),!x){y(t);return}let T=t.filter(E=>E.idd_prefix.toString().startsWith(x)||E.iso2.toLowerCase().startsWith(x.toLowerCase()));y(T);};return useEffect(()=>{r&&u(r);},[r?.countryId]),useEffect(()=>{t.length&&y(t);},[t.length]),jsxs(Le,{"data-testid":"CountriesList",sx:{position:"relative"},children:[jsx(Qe,{type:"button","aria-describedby":"CountriesList_CountriesWrapper",onClick:b,disabled:e||l,sx:{backgroundColor:"transparent",border:"none",height:34,paddingInlineStart:"8px"},children:e?jsx(Mo,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${s?.idd_prefix}`})]}),g&&jsx(tt,{component:"span",children:"*"}),jsx(Le,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]})}),m&&jsx(a$1,{onClick:p,sx:{zIndex:9999}}),m&&jsx(ClickAwayListener,{onClickAway:p,children:jsxs(Xe,{id:"CountriesList_CountriesWrapper",open:m,anchorEl:a,"data-testid":"CountriesList_CountriesWrapper",placement:"bottom-start",children:[jsx(et,{endAdornment:jsx("img",{src:A,alt:"arrow"}),onChange:v,hideArrows:true,"data-testid":"CountriesList_InputStyled",value:C}),jsx(Ye,{"data-testid":"CountriesList_CountriesListStyled",children:o.map(f=>{let x=s?.countryId===f.countryId;return jsxs(je,{onClick:()=>{S(f);},sx:{backgroundColor:x?"#F9F9F9":"transparent",color:x?"#000":"#8D8D94"},children:[jsx("img",{src:f.logo,alt:"c",className:"logo"}),jsx("span",{children:`+${f.idd_prefix}`})]},`country-code-${f.countryId}`)})})]})})]})}at.displayName="CountriesList";var it=memo(at);var me=it;var pt=styled(Le,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,feedbackType:t,hasFeedback:r})=>{let{borderColor:n}=aa(e,t);return {border:`1px solid ${t?n:e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",paddingInlineStart:"0px",alignItems:"center",borderRadius:r?"4px 4px 0 0":"4px",borderBottom:r?"none":void 0,height:"40px"}}),st=styled(a)(({error:e})=>({border:"none",paddingInlineEnd:0,img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}})),dt=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),ut=styled(Le)(()=>({flex:1}));function mt({phoneValue:e,hasError:t,countries:r,isCountriesLoading:n,countryValue:g,onCountryChange:l,onPhoneChange:s,helperText:u,required:a,disabled:c,feedback:o,...y},C){let I=x=>{s?.(x.target.value);},m=x=>{l?.(x);},b=o?.message??u,{isProvided:p,isVisible:S,type:v}=Ac(o,{message:b}),f=yc(useId(),"phone-input-base");return jsxs(ut,{id:f,"data-testid":"PhoneInput",children:[jsxs(pt,{"data-testid":"PhoneInput_MobileWrapper",feedbackType:v,hasFeedback:S,children:[jsx(me,{isLoading:n,countries:r,value:g,onCountryChange:m,required:a,disabled:c}),jsx(st,{value:e,"data-testid":"PhoneInput_InputNumberStyled",ref:C,inputProps:{autoComplete:"off"},error:t&&!p,disabled:c,...y,onChange:I,hideArrows:true})]}),jsx(ba,{type:o?.type,message:b,icon:o?.icon}),!S&&!p?jsx(dt,{children:u}):null]})}mt.displayName="PhoneInputBase";var ft=qt.forwardRef(mt);var Lo=ft;var gt=styled$1("button")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),yt=styled$1(Popper)(({theme:e})=>({zIndex:99,backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),bt=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),xt=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),Ct=styled$1(Box)(()=>({color:"red !important"}));function Bt({isLoading:e,currencies:t,value:r,onCurrencyChange:n,required:g}){let l=yc(useId(),"currencies-list"),[s,u]=useState(),[a,c]=useState(null),[o,y]=useState([]),C=!!a,I=p=>{p.stopPropagation(),c(p.currentTarget);},m=()=>{c(null);},b=p=>{n?.(p),u(p),m(),y(t);};return useEffect(()=>{r&&u(r);},[r?.currencyId]),useEffect(()=>{t.length&&y(t);},[t.length]),jsxs(Le,{id:l,"data-testid":"currenciesList",sx:{position:"relative"},children:[jsx(gt,{type:"button","aria-describedby":"currenciesList_currenciesWrapper",onClick:I,disabled:e,sx:{backgroundColor:"transparent",border:"none",height:34,paddingInlineStart:"8px"},children:e?jsx(Mo,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsxs(Fragment,{children:[s&&jsxs(Fragment,{children:[jsx("img",{src:s.logo,alt:"c",className:"logo"}),jsx("span",{children:s?.code.english})]}),g&&jsx(Ct,{component:"span",children:"*"}),jsx(Le,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...C&&{transform:"rotate(180deg)"}}})]})}),C&&jsx(a$1,{onClick:m}),C&&jsx(yt,{id:"currenciesList_currenciesWrapper",open:C,anchorEl:a,"data-testid":"currenciesList_currenciesWrapper",placement:"bottom-start",children:jsx(bt,{"data-testid":"currenciesList_currenciesListStyled",children:o.map(p=>{let S=s?.currencyId===p.currencyId;return jsxs(xt,{onClick:()=>{b(p);},sx:{backgroundColor:S?"#F9F9F9":"transparent",color:S?"#000":"#8D8D94"},children:[jsx("img",{src:p.logo,alt:"c",className:"logo"}),jsx("span",{children:p?.code.english})]},`currency-code-${p.currencyId}`)})})})]})}Bt.displayName="CurrenciesList";var Mt=memo(Bt);var kt=Mt;var wt=styled(Wo,{shouldForwardProp:e=>!["hasError","hideArrows"].includes(e)})(({theme:e,hideArrows:t})=>({padding:"8px",border:`1px solid ${e.palette.divider}`,borderRadius:"4px",height:32,color:e.palette.text.primary,fontSize:"11px",outline:0,maxWidth:"100%",display:"flex",flexGrow:1,"::placeholder":{color:e.palette.grey[700],fontWeight:400},...t&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}}})),Lt=styled(Le)(()=>({flex:1}));function zo({hasError:e,hideArrows:t,inputProps:r,...n},g){let l=yc(useId(),"amount-input-number");return jsx(Lt,{id:l,"data-testid":"AmountInputNumber",onClick:s=>{s.stopPropagation();},children:jsx(wt,{ref:g,placeholder:n.placeholder,hideArrows:true,hasError:e,disableUnderline:true,inputProps:{...r,type:"number"},onKeyDown:s=>{["e","E","+","-"].includes(s.key)&&s.preventDefault();},...n})})}var Ft=forwardRef(zo);var Et=Ft;var Rt=styled(Le,{shouldForwardProp:e=>e!=="hasError"})(({theme:e,hasError:t})=>({border:`1px solid ${e.palette.divider}`,display:"flex",justifyContent:"space-between",position:"relative",paddingInline:"8px",paddingInlineStart:"0px",alignItems:"center",borderRadius:"4px",height:"40px",...t&&{border:`1px solid ${e.palette.error.main}`}})),Tt=styled(Le)(()=>({width:"50px"})),At=styled(Et)(({error:e})=>({border:"none",paddingInlineEnd:0,img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}})),Wt=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),Ht=styled(Le)(()=>({flex:1}));function zt({amountValue:e,hasError:t,currencies:r,isCurrenciesLoading:n,currencyValue:g,onCurrencyChange:l,onAmountChange:s,onAmountBlur:u,helperText:a,required:c,...o},y){let C=p=>{s?.(p.target.value);},I=p=>{u?.(p.target.value);},m=p=>{l?.(p);},b=yc(useId(),"amount-input-base");return jsxs(Ht,{id:b,"data-testid":"AmountInput",children:[jsxs(Rt,{"data-testid":"AmountInput_MobileWrapper",hasError:t,children:[jsx(kt,{isLoading:n,currencies:r,value:g,onCurrencyChange:m,required:c}),jsx(Tt,{children:jsx(At,{value:e,"data-testid":"AmountInput_InputNumberStyled",ref:y,inputProps:{autoComplete:"off"},error:t,...o,onChange:C,onBlur:I,hideArrows:true})})]}),jsx(Wt,{children:a})]})}zt.displayName="AmountInputBase";var Dt=qt.forwardRef(zt);var Oo=Dt;export{Kt as a,z as b,se as c,ue as d,Je as e,ho as f,me as g,Lo as h,Oo as i};
@@ -1 +1 @@
1
- import {b}from'./chunk-MRFOSMBQ.js';import {z}from'./chunk-OBBOIKJ2.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Rh}from'./chunk-YKKS24ES.js';import {memo,useId}from'react';import {styled,Box}from'@mui/material';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(Box,{shouldForwardProp:t=>t!=="isLongLabel"})(({theme:t,isLongLabel:e})=>({display:"flex",justifyContent:"center",alignItems:"center",padding:"6px 16px",height:"32px",background:t.palette.background.gradient.shadedBlue,color:t.palette.common.white,borderRadius:"50px",fontSize:"11px",gap:t.spacing(1),minWidth:e?"12rem":"8.4rem",marginRight:"auto",position:"relative"}));function u({ids:t,visible:e,label:o,onDismiss:c,dismissible:m=true}){let d=yc(useId(),"active-filter-chip");return e?jsxs(a,{id:d,"data-testid":"ActiveFilterChip",isLongLabel:(o?.length??0)>11,children:[o?jsx(b,{children:o}):jsx("span",{children:t?.join(",")}),m&&jsx(z,{pointer:true,round:true,onClick:c,color:"active",sx:{position:"absolute",right:"8px"},children:jsx("img",{src:Rh,alt:"close",style:{width:"8px",height:"7px"}})})]}):null}var s=memo(u);var S=s;export{S as a};
1
+ import {b}from'./chunk-KN7G6DUF.js';import {z}from'./chunk-7NSNVOPD.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Rh}from'./chunk-YKKS24ES.js';import {memo,useId}from'react';import {styled,Box}from'@mui/material';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(Box,{shouldForwardProp:t=>t!=="isLongLabel"})(({theme:t,isLongLabel:e})=>({display:"flex",justifyContent:"center",alignItems:"center",padding:"6px 16px",height:"32px",background:t.palette.background.gradient.shadedBlue,color:t.palette.common.white,borderRadius:"50px",fontSize:"11px",gap:t.spacing(1),minWidth:e?"12rem":"8.4rem",marginRight:"auto",position:"relative"}));function u({ids:t,visible:e,label:o,onDismiss:c,dismissible:m=true}){let d=yc(useId(),"active-filter-chip");return e?jsxs(a,{id:d,"data-testid":"ActiveFilterChip",isLongLabel:(o?.length??0)>11,children:[o?jsx(b,{children:o}):jsx("span",{children:t?.join(",")}),m&&jsx(z,{pointer:true,round:true,onClick:c,color:"active",sx:{position:"absolute",right:"8px"},children:jsx("img",{src:Rh,alt:"close",style:{width:"8px",height:"7px"}})})]}):null}var s=memo(u);var S=s;export{S as a};
@@ -1 +1 @@
1
- import {j}from'./chunk-OBBOIKJ2.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Kj,Oe,Eb}from'./chunk-YKKS24ES.js';import {useId,useCallback}from'react';import P from'@mui/material/Box';import A from'@mui/material/Stack';import {Box}from'@mui/material';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var I=styled(Box,{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:a})=>({width:"100%",borderRadius:"4px",padding:"4px 8px",display:"flex",alignItems:"center",justifyContent:"flex-start",background:t.palette.grey[400],gap:"8px",cursor:a?"default":"pointer",position:"relative",'& [data-slot="input"]':{border:0,clip:"rect(0, 0, 0, 0)",clipPath:"inset(50%)",height:1,margin:"0 -1px -1px 0",overflow:"hidden",padding:0,position:"absolute",width:1,whiteSpace:"nowrap"},...a&&{'& [data-slot="content"], & [data-slot="icon-wrapper"]':{cursor:"default",opacity:.6}}})),w=styled(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",color:t.palette.text.primary,cursor:"pointer",gap:"8px"})),s=styled("span")(({theme:t})=>({fontWeight:500,color:t.palette.text.primary,cursor:"pointer",fontSize:"9px"})),c=styled(Box)(({theme:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:"4px",color:t.palette.text.primary})),b=styled(Box)(({theme:t})=>({color:alpha(t.palette.text.primary,.3),fontSize:"8px",fontWeight:500})),F=styled(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:"8px",background:t.palette.common.white,borderRadius:"4px",border:`1px solid ${t.palette.divider}`})),U=styled(j)(()=>({color:"#FF3D00",fontSize:"8px",fontWeight:500})),k=styled(Box)(()=>({display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",backgroundColor:"transparent",border:"none",width:16,height:16}));var H=({getRootProps:t,getInputProps:a,open:S,onChangeFiles:B,processFiles:m,disabled:i,errorMessage:l,onResetError:d,maxFileSize:M,preventDuplicates:T,label:v="Click to upload",hintText:E,sx:j})=>{let z=yc(useId(),"file-uploader"),x=a(),D=useCallback(p=>{p.stopPropagation(),d?.(p);},[d]);return jsxs(I,{id:z,"data-testid":"FileUploader_root",...t(),sx:j,disabled:i,onClick:i?void 0:S,children:[jsx("input",{"data-slot":"input",...x,onChange:p=>{if(x.onChange?.(p),!m)return;let f=m(Array.from(p.target.files||[]));(f.length>0||!T)&&B?.(f);},disabled:i}),jsxs(w,{"data-slot":"content",flex:1,children:[jsx(F,{"data-slot":"icon-wrapper",children:jsx(P,{component:"img",src:l?Kj:Oe,width:16,height:16})}),l?jsxs(A,{direction:"row",alignItems:"center",flex:1,children:[jsxs(c,{flex:1,children:[jsx(U,{children:l}),jsx(s,{children:"Click to upload again"})]}),d&&jsx(k,{component:"button","data-slot":"close-icon-wrapper",onClick:D,children:jsx(P,{component:"img",src:Eb,width:10,height:10})})]}):jsxs(c,{children:[jsx(s,{children:v}),jsx(b,{children:E||`PDF, JPG or PNG files up to ${M}`})]})]})]})},W=H;var ot=W;export{ot as a};
1
+ import {j}from'./chunk-7NSNVOPD.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Kj,Oe,Eb}from'./chunk-YKKS24ES.js';import {useId,useCallback}from'react';import P from'@mui/material/Box';import A from'@mui/material/Stack';import {Box}from'@mui/material';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var I=styled(Box,{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:a})=>({width:"100%",borderRadius:"4px",padding:"4px 8px",display:"flex",alignItems:"center",justifyContent:"flex-start",background:t.palette.grey[400],gap:"8px",cursor:a?"default":"pointer",position:"relative",'& [data-slot="input"]':{border:0,clip:"rect(0, 0, 0, 0)",clipPath:"inset(50%)",height:1,margin:"0 -1px -1px 0",overflow:"hidden",padding:0,position:"absolute",width:1,whiteSpace:"nowrap"},...a&&{'& [data-slot="content"], & [data-slot="icon-wrapper"]':{cursor:"default",opacity:.6}}})),w=styled(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",color:t.palette.text.primary,cursor:"pointer",gap:"8px"})),s=styled("span")(({theme:t})=>({fontWeight:500,color:t.palette.text.primary,cursor:"pointer",fontSize:"9px"})),c=styled(Box)(({theme:t})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:"4px",color:t.palette.text.primary})),b=styled(Box)(({theme:t})=>({color:alpha(t.palette.text.primary,.3),fontSize:"8px",fontWeight:500})),F=styled(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"center",padding:"8px",background:t.palette.common.white,borderRadius:"4px",border:`1px solid ${t.palette.divider}`})),U=styled(j)(()=>({color:"#FF3D00",fontSize:"8px",fontWeight:500})),k=styled(Box)(()=>({display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",backgroundColor:"transparent",border:"none",width:16,height:16}));var H=({getRootProps:t,getInputProps:a,open:S,onChangeFiles:B,processFiles:m,disabled:i,errorMessage:l,onResetError:d,maxFileSize:M,preventDuplicates:T,label:v="Click to upload",hintText:E,sx:j})=>{let z=yc(useId(),"file-uploader"),x=a(),D=useCallback(p=>{p.stopPropagation(),d?.(p);},[d]);return jsxs(I,{id:z,"data-testid":"FileUploader_root",...t(),sx:j,disabled:i,onClick:i?void 0:S,children:[jsx("input",{"data-slot":"input",...x,onChange:p=>{if(x.onChange?.(p),!m)return;let f=m(Array.from(p.target.files||[]));(f.length>0||!T)&&B?.(f);},disabled:i}),jsxs(w,{"data-slot":"content",flex:1,children:[jsx(F,{"data-slot":"icon-wrapper",children:jsx(P,{component:"img",src:l?Kj:Oe,width:16,height:16})}),l?jsxs(A,{direction:"row",alignItems:"center",flex:1,children:[jsxs(c,{flex:1,children:[jsx(U,{children:l}),jsx(s,{children:"Click to upload again"})]}),d&&jsx(k,{component:"button","data-slot":"close-icon-wrapper",onClick:D,children:jsx(P,{component:"img",src:Eb,width:10,height:10})})]}):jsxs(c,{children:[jsx(s,{children:v}),jsx(b,{children:E||`PDF, JPG or PNG files up to ${M}`})]})]})]})},W=H;var ot=W;export{ot as a};
@@ -1 +1 @@
1
- import {r,p as p$1}from'./chunk-OBBOIKJ2.js';import {yc}from'./chunk-PLMJIRXJ.js';import {useId}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),$=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function b({xAxis:e,yAxis:t,series:n,isLoading:m,tooltip:l}){let s=yc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:s,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx($,{}),d.map((r,c)=>jsx(g,{children:e.render?e.render(r):r},`x-${c}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r$1,c)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r$1):r$1},`y-${c}-${r$1}`),d.map((i,h)=>{if(m)return jsx(r,{variant:"rectangular",width:"24px",height:"8px"},`${i}-${h}`);let f=n?.[i]?.[r$1]??{};return jsx(p$1,{title:l?.render&&f?.value?l.render(f,i,r$1):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${i}-${h}`)})]}))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let m=n-t,l=(e-t)/m,s=Math.floor(l*10);return H[Math.max(0,Math.min(10,s))]}var q=b;export{D as a,q as b};
1
+ import {r,p as p$1}from'./chunk-7NSNVOPD.js';import {yc}from'./chunk-PLMJIRXJ.js';import {useId}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),$=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function b({xAxis:e,yAxis:t,series:n,isLoading:m,tooltip:l}){let s=yc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:s,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx($,{}),d.map((r,c)=>jsx(g,{children:e.render?e.render(r):r},`x-${c}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r$1,c)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r$1):r$1},`y-${c}-${r$1}`),d.map((i,h)=>{if(m)return jsx(r,{variant:"rectangular",width:"24px",height:"8px"},`${i}-${h}`);let f=n?.[i]?.[r$1]??{};return jsx(p$1,{title:l?.render&&f?.value?l.render(f,i,r$1):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${i}-${h}`)})]}))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let m=n-t,l=(e-t)/m,s=Math.floor(l*10);return H[Math.max(0,Math.min(10,s))]}var q=b;export{D as a,q as b};
@@ -1 +1 @@
1
- import {a}from'./chunk-4KSZBODD.js';import {aa,ba}from'./chunk-OBBOIKJ2.js';import {yc,Ac}from'./chunk-PLMJIRXJ.js';import {Cb,A,Qf}from'./chunk-YKKS24ES.js';import {memo,useId,useState,useEffect,useRef}from'react';import {styled,Box,TextField,Button,Typography,FormControl,InputLabel,Select,MenuItem}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import R from'@mui/material/Box';import Me from'@mui/material/ClickAwayListener';import ve from'@mui/material/Popper';import T from'@mui/material/Skeleton';import {styled as styled$1}from'@mui/material/styles';import {useFormContext,Controller}from'react-hook-form';var _=styled(Box)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%",height:40,"& *":{flex:1,margin:"0px !important"}})),I=styled(TextField,{shouldForwardProp:e=>!["hasError","feedbackType","hasFeedback","hideArrows"].includes(e)})(({theme:e,hasError:n,feedbackType:o,hasFeedback:l,hideArrows:t})=>{let{borderColor:i}=aa(e,o),a=l?"4px 4px 0 0":"4px",s="#F2F2F2";return o&&(s=i),n&&!o&&(s=e.palette.error.main),{"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiInputBase-root":{maxHeight:"40px !important",alignItems:"flex-end !important"},"& fieldset":{border:"1px solid red"},"&:hover fieldset":{border:"1px solid green"},"&.Mui-focused fieldset":{border:"1px solid blue"},border:`1px solid ${s}`,borderBottom:l?"none":void 0,borderRadius:a,"& .MuiInputBase-input":{margin:"0px !important",padding:"0px !important",color:"#20232B !important",fontSize:"11px !important",fontStyle:"normal !important",fontWeight:"500 !important",lineHeight:"130% !important"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(0, 8px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled, .MuiFormLabel-root.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(0, -1.5px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"},...t&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}}}}),K=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var U=styled("div")(()=>({position:"relative",display:"flex",justifyContent:"flex-end",alignItems:"center"})),O=styled(I)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"5px",boxShadow:"0px 0px 6px 0px rgba(0, 0, 0, 0.11);",padding:"4px 8px",height:"32px",border:"none",outline:"none",width:"100%","&:focus":{border:"1px solid #1F88D0"}})),G=styled(Button)(({theme:e})=>({display:"flex",height:"24px",padding:"8px",justifyContent:"center",alignItems:"center",gap:"8px",backgroundColor:e.palette.divider,color:e.palette.grey[700],fontSize:"9px",fontWeight:500,textTransform:"none",position:"absolute",right:4,opacity:"1 !important",top:4,borderRadius:"4px"}));function L(e){let n=yc(useId(),"file-input"),o=useRef(null);return jsxs(Fragment,{children:[jsxs(U,{id:n,"data-testid":"InputContainer",children:[jsx(O,{value:o.current?.files?.[0]?.name||"",...e}),jsx(G,{onClick:()=>{o.current?.click();},children:"Browse"})]}),jsx("input",{type:"file",ref:o,style:{display:"none"}})]})}var Fe=L;var Q=styled$1("button")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),X=styled$1(R)(({theme:e})=>({backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),Y=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),Z=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),j=styled$1(a)(()=>({height:24,padding:"4px",marginBottom:"4px"})),ee=styled$1(R)(()=>({color:"red !important"}));styled$1("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var te=styled$1(R)(({theme:e})=>({border:`1px solid ${e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",alignItems:"center",borderRadius:"4px",height:"40px"})),oe=styled$1(a,{shouldForwardProp:e=>e!=="error"})(({error:e})=>({img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}}));function Pe({defaultCountry:e,value:n,onChangeCountry:o,required:l,countries:t=[],isLoading:i=false}){let a=yc(useId(),"countries-dropdown"),[s,g]=useState(null),[F,u]=useState([]),[b,h]=useState(),ue=()=>{if(t&&e){let r=t.find(x=>x.iso2===e);r&&o?.(r);}};useEffect(()=>{u(t||[]),ue();},[t]);let A$1=!!s,xe=r=>{r.stopPropagation(),g(r.currentTarget);},N=()=>{g(null),h(void 0);},ce=r=>{o?.(r),N(),u(t);},fe=r=>{let x=Number(r.target.value);if(h(x),!x){u(t);return}u(t.filter(ge=>ge.idd_prefix.toString().startsWith(x.toString())));};return i?jsx(T,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsx(Me,{onClickAway:N,children:jsxs(R,{id:a,"data-testid":"CountriesCode",sx:{position:"relative"},children:[jsxs(Q,{type:"button",onClick:xe,sx:{backgroundColor:"transparent",border:"none",height:34},children:[n?.logo?jsx("img",{src:n.logo,alt:"c",className:"logo"}):jsx(T,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${n?.idd_prefix}`}),l&&jsx(ee,{component:"span",children:"*"}),jsx(R,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...A$1&&{transform:"rotate(180deg)"}}})]}),jsx(ve,{open:A$1,anchorEl:s,children:jsxs(X,{component:"article","data-testid":"CountriesWrapper",children:[jsx(j,{endAdornment:jsx("img",{src:A,alt:"arrow"}),onChange:fe,value:b,hideArrows:true}),jsx(Y,{children:F.map(r=>jsxs(Z,{onClick:()=>{ce(r);},children:[r.logo?jsx("img",{src:r.logo,alt:"c",className:"logo"}):jsx(T,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${r.idd_prefix}`})]},`country-code-${r.countryId}`))})]})})]})})}var ne=memo(Pe);var Le=ne;function E(e){let n=yc(useId(),"inputs-input"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:l,fieldState:{error:t}})=>{let i=e.feedback,{isProvided:a,isVisible:s,type:g}=Ac(i),F=e.label??e.placeholder,u=e.label&&typeof e.placeholder=="string"?e.placeholder:void 0,b=t?.message??e.helperText,h=!a&&b?jsx(K,{children:b}):null;return jsxs(Box,{sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsx(_,{id:n,"data-testid":"InputWrapper",children:jsx(I,{rows:1,hasError:(!!t?.message||!!e.error)&&!a,hasFeedback:s,feedbackType:g,...l,variant:"standard",label:F,placeholder:u,size:"small",required:e.required,fullWidth:true,InputProps:{disabled:e.disabled,disableUnderline:true,...e.InputProps,sx:{fontSize:"11px",height:"40px",padding:"8px",borderRadius:s?"4px 4px 0 0":"4px",...e.InputProps?.sx},endAdornment:e?.InputProps?.endAdornment},InputLabelProps:{...e.InputLabelProps,sx:{color:"#8D8D94 !important",fontSize:"11px",padding:"8px",...e.InputLabelProps?.sx}},sx:e?.sx,disabled:e?.disabled,focused:e?.focused,type:e?.type,hideArrows:e?.hideArrows,onKeyDown:e?.onKeyDown})}),h,a?jsx(ba,{...i}):null]})}})}var H=E;var pe=styled("img")(()=>({width:"12px",height:"12px",marginRight:"4px"})),le=styled("div")(({theme:e})=>({display:"flex",alignItems:"center",color:`${e.palette.custom[500]}`,fontSize:"10px",padding:"8px 12px",background:"#FF000026",borderRadius:"0 0 4px 4px",borderTop:"none",height:"32px"}));function z({showSearchIcon:e=true,error:n,errorMessage:o,feedback:l,...t}){let i=yc(useId(),"search-input"),a=!!(n&&o&&!l);return jsxs(Box,{id:i,"data-testid":"SearchInput",children:[jsx(H,{InputProps:{endAdornment:!t.disabled&&e&&jsx(Box,{component:"img",maxWidth:"16px",maxHeight:"16px",src:A,alt:"search"}),sx:{...a&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},...t.InputProps},sx:{...a&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},feedback:l,error:n,...t}),a&&jsxs(le,{children:[jsx(pe,{src:Qf}),jsx(Typography,{color:"red",fontSize:"10px",children:o})]})]})}var Ae=z;function D(e){let n=yc(useId(),"inputs-select"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:l,fieldState:{error:t}})=>jsxs(Box,{id:n,"data-testid":"InputsSelect",sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsxs(FormControl,{variant:"filled",sx:{minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}},required:e.required,children:[jsx(InputLabel,{id:"demo-simple-select-filled-label",sx:{fontSize:"11px",color:"#8D8D94 !important"},children:e.label}),jsx(Select,{inputProps:{sx:{backgroundColor:"#F9F9F9 !important",borderRadius:"4px",fontSize:"11px"}},...l,value:l.value??"",error:!!t,disableUnderline:true,required:true,labelId:"demo-simple-select-filled-label",id:"demo-simple-select-filled",sx:{width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:"4px",overflow:"hidden",".MuiSelect-select":{padding:"0px 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important"},".MuiSelect-filled":{padding:"0px 8px !important"},...t&&{border:"1px solid #FF3D00"}},children:(e.options||[]).map(i=>jsx(MenuItem,{value:i.value??"",sx:{fontSize:"12px"},children:i.label},i.value??""))})]}),t?.message&&jsx(Box,{component:"small",sx:i=>({color:i.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}),children:t.message})]})})}var Oe=D;export{Fe as a,te as b,oe as c,Le as d,H as e,Ae as f,Oe as g};
1
+ import {a}from'./chunk-4KSZBODD.js';import {aa,ba}from'./chunk-7NSNVOPD.js';import {yc,Ac}from'./chunk-PLMJIRXJ.js';import {Cb,A,Qf}from'./chunk-YKKS24ES.js';import {memo,useId,useState,useEffect,useRef}from'react';import {styled,Box,TextField,Button,Typography,FormControl,InputLabel,Select,MenuItem}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import R from'@mui/material/Box';import Me from'@mui/material/ClickAwayListener';import ve from'@mui/material/Popper';import T from'@mui/material/Skeleton';import {styled as styled$1}from'@mui/material/styles';import {useFormContext,Controller}from'react-hook-form';var _=styled(Box)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%",height:40,"& *":{flex:1,margin:"0px !important"}})),I=styled(TextField,{shouldForwardProp:e=>!["hasError","feedbackType","hasFeedback","hideArrows"].includes(e)})(({theme:e,hasError:n,feedbackType:o,hasFeedback:l,hideArrows:t})=>{let{borderColor:i}=aa(e,o),a=l?"4px 4px 0 0":"4px",s="#F2F2F2";return o&&(s=i),n&&!o&&(s=e.palette.error.main),{"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiInputBase-root":{maxHeight:"40px !important",alignItems:"flex-end !important"},"& fieldset":{border:"1px solid red"},"&:hover fieldset":{border:"1px solid green"},"&.Mui-focused fieldset":{border:"1px solid blue"},border:`1px solid ${s}`,borderBottom:l?"none":void 0,borderRadius:a,"& .MuiInputBase-input":{margin:"0px !important",padding:"0px !important",color:"#20232B !important",fontSize:"11px !important",fontStyle:"normal !important",fontWeight:"500 !important",lineHeight:"130% !important"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(0, 8px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled, .MuiFormLabel-root.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(0, -1.5px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"},...t&&{"& input[type=number]":{MozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}}}}),K=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var U=styled("div")(()=>({position:"relative",display:"flex",justifyContent:"flex-end",alignItems:"center"})),O=styled(I)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"5px",boxShadow:"0px 0px 6px 0px rgba(0, 0, 0, 0.11);",padding:"4px 8px",height:"32px",border:"none",outline:"none",width:"100%","&:focus":{border:"1px solid #1F88D0"}})),G=styled(Button)(({theme:e})=>({display:"flex",height:"24px",padding:"8px",justifyContent:"center",alignItems:"center",gap:"8px",backgroundColor:e.palette.divider,color:e.palette.grey[700],fontSize:"9px",fontWeight:500,textTransform:"none",position:"absolute",right:4,opacity:"1 !important",top:4,borderRadius:"4px"}));function L(e){let n=yc(useId(),"file-input"),o=useRef(null);return jsxs(Fragment,{children:[jsxs(U,{id:n,"data-testid":"InputContainer",children:[jsx(O,{value:o.current?.files?.[0]?.name||"",...e}),jsx(G,{onClick:()=>{o.current?.click();},children:"Browse"})]}),jsx("input",{type:"file",ref:o,style:{display:"none"}})]})}var Fe=L;var Q=styled$1("button")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),X=styled$1(R)(({theme:e})=>({backgroundColor:e.palette.common.white,padding:"4px 8px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,width:100})),Y=styled$1("ul")(()=>({listStyle:"none",padding:0,margin:0,maxHeight:100,overflow:"auto"})),Z=styled$1("li")(({theme:e})=>({display:"flex",gap:"4px",alignItems:"center",".logo":{width:"15.568px",height:"10.889px",borderRadius:"3px"},".arrow":{width:14},span:{color:e.palette.text.primary,fontWeight:500,fontSize:"11px"},height:24,cursor:"pointer"})),j=styled$1(a)(()=>({height:24,padding:"4px",marginBottom:"4px"})),ee=styled$1(R)(()=>({color:"red !important"}));styled$1("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));var te=styled$1(R)(({theme:e})=>({border:`1px solid ${e.palette.divider}`,display:"flex",position:"relative",paddingInline:"8px",alignItems:"center",borderRadius:"4px",height:"40px"})),oe=styled$1(a,{shouldForwardProp:e=>e!=="error"})(({error:e})=>({img:{cursor:"pointer"},...e&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderBottom:"none"}}));function Pe({defaultCountry:e,value:n,onChangeCountry:o,required:l,countries:t=[],isLoading:i=false}){let a=yc(useId(),"countries-dropdown"),[s,g]=useState(null),[F,u]=useState([]),[b,h]=useState(),ue=()=>{if(t&&e){let r=t.find(x=>x.iso2===e);r&&o?.(r);}};useEffect(()=>{u(t||[]),ue();},[t]);let A$1=!!s,xe=r=>{r.stopPropagation(),g(r.currentTarget);},N=()=>{g(null),h(void 0);},ce=r=>{o?.(r),N(),u(t);},fe=r=>{let x=Number(r.target.value);if(h(x),!x){u(t);return}u(t.filter(ge=>ge.idd_prefix.toString().startsWith(x.toString())));};return i?jsx(T,{variant:"rectangular",width:56.5,height:20,sx:{borderRadius:"4px"}}):jsx(Me,{onClickAway:N,children:jsxs(R,{id:a,"data-testid":"CountriesCode",sx:{position:"relative"},children:[jsxs(Q,{type:"button",onClick:xe,sx:{backgroundColor:"transparent",border:"none",height:34},children:[n?.logo?jsx("img",{src:n.logo,alt:"c",className:"logo"}):jsx(T,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${n?.idd_prefix}`}),l&&jsx(ee,{component:"span",children:"*"}),jsx(R,{component:"img",src:Cb,alt:"d",className:"arrow",sx:{...A$1&&{transform:"rotate(180deg)"}}})]}),jsx(ve,{open:A$1,anchorEl:s,children:jsxs(X,{component:"article","data-testid":"CountriesWrapper",children:[jsx(j,{endAdornment:jsx("img",{src:A,alt:"arrow"}),onChange:fe,value:b,hideArrows:true}),jsx(Y,{children:F.map(r=>jsxs(Z,{onClick:()=>{ce(r);},children:[r.logo?jsx("img",{src:r.logo,alt:"c",className:"logo"}):jsx(T,{variant:"rectangular",className:"logo"}),jsx("span",{children:`+${r.idd_prefix}`})]},`country-code-${r.countryId}`))})]})})]})})}var ne=memo(Pe);var Le=ne;function E(e){let n=yc(useId(),"inputs-input"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:l,fieldState:{error:t}})=>{let i=e.feedback,{isProvided:a,isVisible:s,type:g}=Ac(i),F=e.label??e.placeholder,u=e.label&&typeof e.placeholder=="string"?e.placeholder:void 0,b=t?.message??e.helperText,h=!a&&b?jsx(K,{children:b}):null;return jsxs(Box,{sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsx(_,{id:n,"data-testid":"InputWrapper",children:jsx(I,{rows:1,hasError:(!!t?.message||!!e.error)&&!a,hasFeedback:s,feedbackType:g,...l,variant:"standard",label:F,placeholder:u,size:"small",required:e.required,fullWidth:true,InputProps:{disabled:e.disabled,disableUnderline:true,...e.InputProps,sx:{fontSize:"11px",height:"40px",padding:"8px",borderRadius:s?"4px 4px 0 0":"4px",...e.InputProps?.sx},endAdornment:e?.InputProps?.endAdornment},InputLabelProps:{...e.InputLabelProps,sx:{color:"#8D8D94 !important",fontSize:"11px",padding:"8px",...e.InputLabelProps?.sx}},sx:e?.sx,disabled:e?.disabled,focused:e?.focused,type:e?.type,hideArrows:e?.hideArrows,onKeyDown:e?.onKeyDown})}),h,a?jsx(ba,{...i}):null]})}})}var H=E;var pe=styled("img")(()=>({width:"12px",height:"12px",marginRight:"4px"})),le=styled("div")(({theme:e})=>({display:"flex",alignItems:"center",color:`${e.palette.custom[500]}`,fontSize:"10px",padding:"8px 12px",background:"#FF000026",borderRadius:"0 0 4px 4px",borderTop:"none",height:"32px"}));function z({showSearchIcon:e=true,error:n,errorMessage:o,feedback:l,...t}){let i=yc(useId(),"search-input"),a=!!(n&&o&&!l);return jsxs(Box,{id:i,"data-testid":"SearchInput",children:[jsx(H,{InputProps:{endAdornment:!t.disabled&&e&&jsx(Box,{component:"img",maxWidth:"16px",maxHeight:"16px",src:A,alt:"search"}),sx:{...a&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},...t.InputProps},sx:{...a&&{border:"1px solid #FF000026",borderBottom:"none",borderRadius:"4px 4px 0 0"}},feedback:l,error:n,...t}),a&&jsxs(le,{children:[jsx(pe,{src:Qf}),jsx(Typography,{color:"red",fontSize:"10px",children:o})]})]})}var Ae=z;function D(e){let n=yc(useId(),"inputs-select"),{control:o}=useFormContext();return jsx(Controller,{name:e.name,control:o,render:({field:l,fieldState:{error:t}})=>jsxs(Box,{id:n,"data-testid":"InputsSelect",sx:{display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1},children:[jsxs(FormControl,{variant:"filled",sx:{minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}},required:e.required,children:[jsx(InputLabel,{id:"demo-simple-select-filled-label",sx:{fontSize:"11px",color:"#8D8D94 !important"},children:e.label}),jsx(Select,{inputProps:{sx:{backgroundColor:"#F9F9F9 !important",borderRadius:"4px",fontSize:"11px"}},...l,value:l.value??"",error:!!t,disableUnderline:true,required:true,labelId:"demo-simple-select-filled-label",id:"demo-simple-select-filled",sx:{width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:"4px",overflow:"hidden",".MuiSelect-select":{padding:"0px 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important"},".MuiSelect-filled":{padding:"0px 8px !important"},...t&&{border:"1px solid #FF3D00"}},children:(e.options||[]).map(i=>jsx(MenuItem,{value:i.value??"",sx:{fontSize:"12px"},children:i.label},i.value??""))})]}),t?.message&&jsx(Box,{component:"small",sx:i=>({color:i.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}),children:t.message})]})})}var Oe=D;export{Fe as a,te as b,oe as c,Le as d,H as e,Ae as f,Oe as g};
@@ -1 +1 @@
1
- import {a}from'./chunk-OWCVVQWF.js';import {memo}from'react';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var d=styled(r)(({theme:o})=>({display:"flex",gap:o.spacing(1),insetInlineStart:o.spacing(1.25),zIndex:1}));styled(r)(({theme:o})=>({width:12,height:12,borderRadius:"50%",cursor:"pointer",backgroundColor:`${o.palette.grey[200]}14`,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",img:{opacity:"0",transition:"all 0.2s ease-in-out"},"&:active":{backgroundColor:`${o.palette.grey[200]} !important`}}));var l=styled(r)(({theme:o})=>({display:"flex",height:"2rem",justifyContent:"space-between",alignItems:"center",width:"100%",paddingLeft:o.spacing(1.25),paddingRight:o.spacing(1.25),"& > *":{flex:"1 1 0px;"}})),p=styled("div",{shouldForwardProp:o=>o!=="sandboxMode"&&o!=="maximized"&&o!=="isDragging"})(({maximized:o,isDragging:t})=>({...!o&&{borderTopRightRadius:12,borderTopLeftRadius:12},...t&&{cursor:"move"},margin:0})),H=styled(r,{shouldForwardProp:o=>o!=="maximized"&&o!=="isDragging"})(({isDragging:o})=>({...o&&{cursor:"move"},position:"relative",zIndex:1,margin:0})),s=styled(r,{shouldForwardProp:o=>o!=="maximized"&&o!=="isHovered"})(({theme:o,maximized:t})=>({height:32,position:"relative",display:"flex",width:"100%",justifyContent:"center",transition:"all 0.5s ease-in-out",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",...t&&{display:"block !important",position:"fixed",right:0,left:0,zIndex:999,background:"transparent",".toolbar-wrapper":{display:"flex",justifyContent:"space-between",gap:10,alignItems:"center",position:"absolute",right:0,left:0,height:"2rem",".action-box":{visibility:"hidden"}},"&:hover":{".toolbar-wrapper":{top:0},".action-box":{visibility:"visible"}}},":hover":{".header-icon":{backgroundColor:`${o.palette.grey[200]}40`},".header-icon img":{opacity:1}}})),f=styled(p)(()=>({position:"sticky",top:0,left:0,right:0,zIndex:1e3,background:"#eaeaea",backdropFilter:"blur(32px)"}));function v({onMouseEnter:o,onMouseLeave:t,isMaximized:g,isHovered:x,children:w,rightActions:m,leftActions:a$1,title:b,icon:y,...u}){return jsx(s,{onMouseEnter:o,onMouseLeave:t,maximized:g,id:"toolbar","data-testid":"Toolbar",isHovered:x,...u,children:jsxs(l,{className:"toolbar-wrapper",children:[a$1?jsx(d,{className:"action-box",children:a$1}):jsx("div",{}),jsx(a,{title:b,icon:y}),m||jsx("div",{})]})})}var c=memo(v);var D=c;export{p as a,H as b,f as c,D as d};
1
+ import {a}from'./chunk-24EOXOSG.js';import {memo}from'react';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var d=styled(r)(({theme:o})=>({display:"flex",gap:o.spacing(1),insetInlineStart:o.spacing(1.25),zIndex:1}));styled(r)(({theme:o})=>({width:12,height:12,borderRadius:"50%",cursor:"pointer",backgroundColor:`${o.palette.grey[200]}14`,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",img:{opacity:"0",transition:"all 0.2s ease-in-out"},"&:active":{backgroundColor:`${o.palette.grey[200]} !important`}}));var l=styled(r)(({theme:o})=>({display:"flex",height:"2rem",justifyContent:"space-between",alignItems:"center",width:"100%",paddingLeft:o.spacing(1.25),paddingRight:o.spacing(1.25),"& > *":{flex:"1 1 0px;"}})),p=styled("div",{shouldForwardProp:o=>o!=="sandboxMode"&&o!=="maximized"&&o!=="isDragging"})(({maximized:o,isDragging:t})=>({...!o&&{borderTopRightRadius:12,borderTopLeftRadius:12},...t&&{cursor:"move"},margin:0})),H=styled(r,{shouldForwardProp:o=>o!=="maximized"&&o!=="isDragging"})(({isDragging:o})=>({...o&&{cursor:"move"},position:"relative",zIndex:1,margin:0})),s=styled(r,{shouldForwardProp:o=>o!=="maximized"&&o!=="isHovered"})(({theme:o,maximized:t})=>({height:32,position:"relative",display:"flex",width:"100%",justifyContent:"center",transition:"all 0.5s ease-in-out",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",...t&&{display:"block !important",position:"fixed",right:0,left:0,zIndex:999,background:"transparent",".toolbar-wrapper":{display:"flex",justifyContent:"space-between",gap:10,alignItems:"center",position:"absolute",right:0,left:0,height:"2rem",".action-box":{visibility:"hidden"}},"&:hover":{".toolbar-wrapper":{top:0},".action-box":{visibility:"visible"}}},":hover":{".header-icon":{backgroundColor:`${o.palette.grey[200]}40`},".header-icon img":{opacity:1}}})),f=styled(p)(()=>({position:"sticky",top:0,left:0,right:0,zIndex:1e3,background:"#eaeaea",backdropFilter:"blur(32px)"}));function v({onMouseEnter:o,onMouseLeave:t,isMaximized:g,isHovered:x,children:w,rightActions:m,leftActions:a$1,title:b,icon:y,...u}){return jsx(s,{onMouseEnter:o,onMouseLeave:t,maximized:g,id:"toolbar","data-testid":"Toolbar",isHovered:x,...u,children:jsxs(l,{className:"toolbar-wrapper",children:[a$1?jsx(d,{className:"action-box",children:a$1}):jsx("div",{}),jsx(a,{title:b,icon:y}),m||jsx("div",{})]})})}var c=memo(v);var D=c;export{p as a,H as b,f as c,D as d};
@@ -1 +1 @@
1
- import {a}from'./chunk-4QONVXGE.js';import {R,V}from'./chunk-OBBOIKJ2.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Cb}from'./chunk-YKKS24ES.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function l({defaultValue:o,label:a$1,onChange:D,options:i}){let M=yc(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$1}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:Cb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(R,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:i.map((e,B)=>jsx(V,{onClick:()=>{k(e.value);},sx:T=>({...B!==i.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a,{onClick:m})]})}var N=l;export{N as a};
1
+ import {a}from'./chunk-4QONVXGE.js';import {R,V}from'./chunk-7NSNVOPD.js';import {yc}from'./chunk-PLMJIRXJ.js';import {Cb}from'./chunk-YKKS24ES.js';import {Box}from'@mui/material';import r from'@mui/material/Box';import {styled}from'@mui/material/styles';import {useId,useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var h=styled(r,{shouldForwardProp:o=>o!=="open"})(({theme:o,open:a})=>({minWidth:105,height:32,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"1px",border:`1px solid ${o.palette.divider}`,borderRadius:"4px",padding:"7px 8px",paddingRight:"4px",...a&&{boxShadow:o.shadows[7],borderColor:o.palette.info.dark}})),w=styled(r)(()=>({display:"flex",flexDirection:"column",gap:"1px"})),b=styled(r)(()=>({fontWeight:600,fontSize:"8px",color:"#8D8D94"})),v=styled(r)(({theme:o})=>({fontWeight:500,fontSize:"11px",lineHeight:1.1,color:o.palette.text.primary}));function l({defaultValue:o,label:a$1,onChange:D,options:i}){let M=yc(useId(),"dropdown2"),[d,s]=useState(null),[y,E]=useState(o),t=!!d,W=e=>{t||s(e.currentTarget);},m=()=>{t&&s(null);},k=e=>{E(e),D?.(e),m();};return jsxs(h,{onClick:W,open:t,id:M,"data-testid":"Dropdown2",children:[jsxs(w,{children:[jsx(b,{children:a$1}),jsx(v,{children:y})]}),jsx(Box,{component:"img",src:Cb,alt:"down arrow",sx:{width:15,...t&&{transform:"rotate(180deg)"}}}),jsx(R,{open:t,anchorEl:d,sx:{minWidth:105,marginTop:"8px",marginBottom:"8px"},placement:"top",children:i.map((e,B)=>jsx(V,{onClick:()=>{k(e.value);},sx:T=>({...B!==i.length-1&&{borderBottom:`1px solid ${T.palette.divider}`}}),children:e.label},e.value))}),t&&jsx(a,{onClick:m})]})}var N=l;export{N as a};
@@ -1 +1 @@
1
- import {v}from'./chunk-OBBOIKJ2.js';import {yc,Ba,Ca}from'./chunk-PLMJIRXJ.js';import {Eb,Vc}from'./chunk-YKKS24ES.js';import mo,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import uo from'@mui/material/ClickAwayListener';import ro from'@mui/material/Stack';import Y from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import O from'@mui/material/Button';import lo from'@mui/material/TextField';import po from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import fo from'@mui/material/Popper';import J from'@mui/material/MenuItem';import j from'@mui/material/InputAdornment';import v$1 from'color';import {Popper}from'@mui/material';var G=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),D=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),V=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),X=styled(o=>jsx(Y,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),$=styled(O)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),U=styled(O)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),Z=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),q=styled(po)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(lo)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var ho=({scheme:o,setScheme:s})=>{let[n,r]=mo.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(Z,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Vc})]}),jsx(fo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(uo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(q,{children:[jsx(J,{onClick:()=>d("RGB"),children:"RGB"}),jsx(J,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},K=ho;var Ro=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(ro,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(j,{position:"end",sx:{m:0},children:jsx(Y,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},Q=Ro;var vo=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v$1.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v$1.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(ro,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v$1(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(j,{position:"start",sx:{m:0},children:jsx(Y,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(j,{position:"end",sx:{m:0},children:jsx(Y,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},oo=vo;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=Ba(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=Ba(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ca({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(D,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(ro,{mt:2,spacing:1,direction:"row",children:[jsx(K,{scheme:m,setScheme:a}),m==="RGB"?jsx(Q,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(oo,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(v,{sx:{my:"12px"}}),jsxs(V,{className:"color-picker__widget-actions",children:[jsx(U,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx($,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},to=Wo;var no={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=no,disabled:a=false})=>{let i=yc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...no,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(uo,{onClickAway:()=>c(null),children:jsxs(ro,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(ro,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Y,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(X,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(G,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Eb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(to,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},ao=Vo;var ot=ao;export{ot as a};
1
+ import {v}from'./chunk-7NSNVOPD.js';import {yc,Ba,Ca}from'./chunk-PLMJIRXJ.js';import {Eb,Vc}from'./chunk-YKKS24ES.js';import mo,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import uo from'@mui/material/ClickAwayListener';import ro from'@mui/material/Stack';import Y from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import O from'@mui/material/Button';import lo from'@mui/material/TextField';import po from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import fo from'@mui/material/Popper';import J from'@mui/material/MenuItem';import j from'@mui/material/InputAdornment';import v$1 from'color';import {Popper}from'@mui/material';var G=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),D=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),V=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),X=styled(o=>jsx(Y,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),$=styled(O)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),U=styled(O)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),Z=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),q=styled(po)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(lo)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var ho=({scheme:o,setScheme:s})=>{let[n,r]=mo.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(Z,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Vc})]}),jsx(fo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(uo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(q,{children:[jsx(J,{onClick:()=>d("RGB"),children:"RGB"}),jsx(J,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},K=ho;var Ro=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(ro,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(j,{position:"end",sx:{m:0},children:jsx(Y,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},Q=Ro;var vo=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v$1.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v$1.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(ro,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v$1(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(j,{position:"start",sx:{m:0},children:jsx(Y,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(j,{position:"end",sx:{m:0},children:jsx(Y,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},oo=vo;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=Ba(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=Ba(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ca({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(D,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(ro,{mt:2,spacing:1,direction:"row",children:[jsx(K,{scheme:m,setScheme:a}),m==="RGB"?jsx(Q,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(oo,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(v,{sx:{my:"12px"}}),jsxs(V,{className:"color-picker__widget-actions",children:[jsx(U,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx($,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},to=Wo;var no={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=no,disabled:a=false})=>{let i=yc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...no,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(uo,{onClickAway:()=>c(null),children:jsxs(ro,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(ro,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Y,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(X,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(G,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Eb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(to,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},ao=Vo;var ot=ao;export{ot as a};