@fluidattacks/design 3.16.15-pr-09 → 3.16.15-pr-10

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 (154) hide show
  1. package/dist/components/@core/index.js +1 -1
  2. package/dist/components/accordion/accordion-content/index.js +1 -1
  3. package/dist/components/accordion/index.js +1 -1
  4. package/dist/components/alert/index.js +1 -1
  5. package/dist/components/avatar/index.js +1 -1
  6. package/dist/components/button/index.js +1 -1
  7. package/dist/components/card/card-header/index.js +1 -1
  8. package/dist/components/card/card-with-image/index.js +1 -1
  9. package/dist/components/card/card-with-input/index.js +1 -1
  10. package/dist/components/card/card-with-options/index.js +1 -1
  11. package/dist/components/card/card-with-selector/index.js +1 -1
  12. package/dist/components/card/card-with-switch/index.js +1 -1
  13. package/dist/components/card/index.js +1 -1
  14. package/dist/components/carousel/index.js +1 -1
  15. package/dist/components/checkbox/index.js +1 -1
  16. package/dist/components/cloud-image/index.js +1 -1
  17. package/dist/components/code-snippet/index.js +1 -1
  18. package/dist/components/code-snippet/location-code/index.js +1 -1
  19. package/dist/components/colors/index.js +1 -1
  20. package/dist/components/confirm-dialog/index.js +1 -1
  21. package/dist/components/container/index.js +1 -1
  22. package/dist/components/divider/index.js +1 -1
  23. package/dist/components/empty-state/empty-button/index.js +1 -1
  24. package/dist/components/empty-state/index.js +1 -1
  25. package/dist/components/file-preview/index.js +1 -1
  26. package/dist/components/form/index.d.ts +2 -2
  27. package/dist/components/form/index.js +1 -1
  28. package/dist/components/form/inner-form/index.js +1 -1
  29. package/dist/components/grid-container/index.js +1 -1
  30. package/dist/components/group-selector/index.js +1 -1
  31. package/dist/components/group-selector/option-container/index.js +1 -1
  32. package/dist/components/icon/index.js +1 -1
  33. package/dist/components/icon-button/index.js +1 -1
  34. package/dist/components/indicator-card/index.js +1 -1
  35. package/dist/components/info-sidebar/index.js +1 -1
  36. package/dist/components/inputs/fields/combobox/field/index.d.ts +1 -1
  37. package/dist/components/inputs/fields/combobox/field/index.js +1 -1
  38. package/dist/components/inputs/fields/combobox/index.d.ts +1 -1
  39. package/dist/components/inputs/fields/combobox/index.js +1 -1
  40. package/dist/components/inputs/fields/combobox/index.stories.d.ts +2 -1
  41. package/dist/components/inputs/fields/combobox/option/index.d.ts +1 -1
  42. package/dist/components/inputs/fields/combobox/option/index.js +1 -1
  43. package/dist/components/inputs/fields/combobox/styles.d.ts +6 -2
  44. package/dist/components/inputs/fields/combobox/types.d.ts +15 -1
  45. package/dist/components/inputs/fields/date/calendar/cell/index.js +1 -1
  46. package/dist/components/inputs/fields/date/calendar/grid/index.js +1 -1
  47. package/dist/components/inputs/fields/date/calendar/header/index.js +1 -1
  48. package/dist/components/inputs/fields/date/calendar/index.js +1 -1
  49. package/dist/components/inputs/fields/date/index.js +1 -1
  50. package/dist/components/inputs/fields/date-range/calendar/index.js +1 -1
  51. package/dist/components/inputs/fields/date-range/index.js +1 -1
  52. package/dist/components/inputs/fields/date-time/calendar/index.js +1 -1
  53. package/dist/components/inputs/fields/date-time/index.js +1 -1
  54. package/dist/components/inputs/fields/editable/index.js +1 -1
  55. package/dist/components/inputs/fields/input/index.js +1 -1
  56. package/dist/components/inputs/fields/input-array/field/index.js +1 -1
  57. package/dist/components/inputs/fields/input-array/index.js +1 -1
  58. package/dist/components/inputs/fields/input-file/index.js +1 -1
  59. package/dist/components/inputs/fields/input-tags/field/index.js +1 -1
  60. package/dist/components/inputs/fields/input-tags/index.js +1 -1
  61. package/dist/components/inputs/fields/number/index.js +1 -1
  62. package/dist/components/inputs/fields/number-range/index.js +1 -1
  63. package/dist/components/inputs/fields/phone/index.js +1 -1
  64. package/dist/components/inputs/fields/text-area/index.js +1 -1
  65. package/dist/components/inputs/index.js +1 -1
  66. package/dist/components/inputs/label/index.js +1 -1
  67. package/dist/components/inputs/outline-container/index.d.ts +1 -1
  68. package/dist/components/inputs/outline-container/index.js +1 -1
  69. package/dist/components/inputs/types.d.ts +2 -0
  70. package/dist/components/inputs/utils/action-button/index.js +1 -1
  71. package/dist/components/inputs/utils/calendar-button/index.js +1 -1
  72. package/dist/components/inputs/utils/date-selector/index.js +1 -1
  73. package/dist/components/inputs/utils/date-time-field/index.js +1 -1
  74. package/dist/components/inputs/utils/dialog/index.js +1 -1
  75. package/dist/components/inputs/utils/number-field/index.js +1 -1
  76. package/dist/components/inputs/utils/popover/index.js +1 -1
  77. package/dist/components/layout/categories/buttons/index.js +1 -1
  78. package/dist/components/layout/categories/column/index.js +1 -1
  79. package/dist/components/layout/categories/gap/index.js +1 -1
  80. package/dist/components/layout/categories/row/index.js +1 -1
  81. package/dist/components/layout/index.js +1 -1
  82. package/dist/components/link/index.js +1 -1
  83. package/dist/components/list-item/index.js +1 -1
  84. package/dist/components/little-flag/index.js +1 -1
  85. package/dist/components/loading/index.js +1 -1
  86. package/dist/components/logo/index.js +1 -1
  87. package/dist/components/lottie/index.js +1 -1
  88. package/dist/components/menu/index.js +1 -1
  89. package/dist/components/message-banner/index.js +1 -1
  90. package/dist/components/modal/columns-modal/index.js +1 -1
  91. package/dist/components/modal/columns-modal/preview-panel/index.js +1 -1
  92. package/dist/components/modal/columns-modal/search-panel/index.js +1 -1
  93. package/dist/components/modal/filters-modal/applied-filter/index.js +1 -1
  94. package/dist/components/modal/filters-modal/applied-filters/index.js +1 -1
  95. package/dist/components/modal/filters-modal/column-filters/index.js +1 -1
  96. package/dist/components/modal/filters-modal/filter-control/index.js +1 -1
  97. package/dist/components/modal/filters-modal/filter-form/form-content/index.js +1 -1
  98. package/dist/components/modal/filters-modal/filter-form/hooks/index.js +1 -1
  99. package/dist/components/modal/filters-modal/filter-form/index.js +1 -1
  100. package/dist/components/modal/filters-modal/filters-list/index.js +1 -1
  101. package/dist/components/modal/filters-modal/index.js +1 -1
  102. package/dist/components/modal/filters-modal/types.d.ts +1 -1
  103. package/dist/components/modal/footer/index.js +1 -1
  104. package/dist/components/modal/header/index.js +1 -1
  105. package/dist/components/modal/index.js +1 -1
  106. package/dist/components/modal/modal-confirm/index.js +1 -1
  107. package/dist/components/notification/index.js +1 -1
  108. package/dist/components/notification-sign/index.js +1 -1
  109. package/dist/components/number-input/index.js +1 -1
  110. package/dist/components/oauth-selector/index.js +1 -1
  111. package/dist/components/oauth-selector/option-container/index.js +1 -1
  112. package/dist/components/plan-card/index.js +1 -1
  113. package/dist/components/plan-card/recommended-tag/index.js +1 -1
  114. package/dist/components/pop-up/description/index.js +1 -1
  115. package/dist/components/pop-up/index.js +1 -1
  116. package/dist/components/premium-feature/index.js +1 -1
  117. package/dist/components/priority-score/index.js +1 -1
  118. package/dist/components/progress-bar/index.js +1 -1
  119. package/dist/components/radio-button/index.js +1 -1
  120. package/dist/components/scroll-button/index.js +1 -1
  121. package/dist/components/search/index.js +1 -1
  122. package/dist/components/severity-badge/index.js +1 -1
  123. package/dist/components/severity-overview/badge/index.js +1 -1
  124. package/dist/components/severity-overview/index.js +1 -1
  125. package/dist/components/show-on-hover/index.js +1 -1
  126. package/dist/components/slide-out-menu/index.js +1 -1
  127. package/dist/components/slide-out-menu/menu-item/index.js +1 -1
  128. package/dist/components/slider/index.js +1 -1
  129. package/dist/components/slider/thumb/index.js +1 -1
  130. package/dist/components/step-lapse/index.js +1 -1
  131. package/dist/components/table-button/index.js +1 -1
  132. package/dist/components/tabs/fixed-tabs/index.js +1 -1
  133. package/dist/components/tabs/index.js +1 -1
  134. package/dist/components/tabs/tab/index.js +1 -1
  135. package/dist/components/tag/index.js +1 -1
  136. package/dist/components/timeline/card/index.js +1 -1
  137. package/dist/components/timeline/index.js +1 -1
  138. package/dist/components/toggle/index.js +1 -1
  139. package/dist/components/toggle-buttons/index.js +1 -1
  140. package/dist/components/tooltip/index.js +1 -1
  141. package/dist/components/tour/index.js +1 -1
  142. package/dist/components/typography/heading/index.js +1 -1
  143. package/dist/components/typography/index.js +1 -1
  144. package/dist/components/typography/span/index.js +1 -1
  145. package/dist/components/typography/text/index.js +1 -1
  146. package/dist/{components-BY-PhUFF.mjs → components-Cj9PkQO0.mjs} +2071 -1978
  147. package/dist/components-D9--SsaN.js +2804 -0
  148. package/dist/hooks/index.js +1 -1
  149. package/dist/hooks/use-click-outside.d.ts +1 -1
  150. package/dist/index.js +1 -1
  151. package/dist/{vendor-BQqL8v1c.mjs → vendor-BjX5VA6Q.mjs} +17 -16
  152. package/dist/{vendor-Dh2BdSxp.js → vendor-fgGC0FAv.js} +21 -21
  153. package/package.json +1 -1
  154. package/dist/components-BIIpDfYk.js +0 -2794
@@ -1,2794 +0,0 @@
1
- "use strict";const t=require("react/jsx-runtime"),f=require("react"),s=require("./vendor-Dh2BdSxp.js"),ie=require("react-dom"),De=require("react-router-dom"),K=e=>({getVariant:(n,i)=>e(n)[i]}),dt=["padding","px","py","pl","pr","pt","pb","margin","mx","my","ml","mr","mt","mb","zIndex","position","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","scroll","visibility","display","height","width","maxHeight","maxWidth","minHeight","minWidth","shadow","bgColor","bgGradient","gap","flexDirection","flexGrow","justify","justifySelf","alignItems","alignSelf","wrap","color","fontFamily","fontSize","fontWeight","textAlign","whiteSpace","letterSpacing","lineSpacing","textDecoration","textOverflow","whiteSpace","wordBreak","wordWrap","cursor","transition","borderColorHover","bgColorHover","shadowHover"],$n={25:"#fcfcfd",50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#2f394b",800:"#212a36",900:"#161b25"},yn={25:"#fef2f3",50:"#fddfe2",100:"#fbbac0",200:"#f9959e",300:"#f65e6a",400:"#f32637",500:"#bf0b1a",600:"#ac0a17",700:"#9a0915",800:"#870812",900:"#750710"},mn={25:"",50:"",100:"#ffe6ff",200:"",300:"#b8075d",400:"",500:"#7f0540",600:"",700:"#59042d",800:"",900:"#460323"},wn={25:"",50:"#fef3f2",100:"",200:"#fecdca",300:"",400:"",500:"#f04438",600:"",700:"#b42318",800:"",900:""},vn={25:"",50:"#fffaeb",100:"",200:"#fef0c7",300:"",400:"#ffd562",500:"#fdb022",600:"#dc6803",700:"#b54708",800:"",900:""},jn={25:"",50:"#f6fef9",100:"",200:"#a6f4c5",300:"",400:"",500:"#12b76a",600:"",700:"#027a48",800:"",900:""},kn={25:"",50:"#eff8ff",100:"",200:"#b2ddff",300:"",400:"",500:"#2e90fa",600:"",700:"#175cd3",800:"",900:""},Cn={"01":"linear-gradient(45deg, #f32637 0%, #b8075d 100%)","02":"linear-gradient(45deg, #fcfcfd 0%, #667085 100%)"},Sn={type:{primary:"Roboto, sans-serif",poppins:"'Poppins', sans-serif",mono:"'Space Mono', monospace"},heading:{xxl:"64px",xl:"48px",lg:"32px",md:"24px",sm:"20px",xs:"16px"},text:{xl:"20px",lg:"18px",md:"16px",sm:"14px",xs:"12px"},weight:{bold:"700",semibold:"600",regular:"400"}},zn={none:"none",sm:"0px 1px 2px 0px rgba(16, 24, 40, 0.15)",md:"0px 4px 6px 0px rgba(16, 24, 40, 0.15)",lg:"0px 8px 24px 0px rgba(16, 24, 40, 0.15)"},In={mobile:"480px",tablet:"960px",sm:"1024px",md:"1440px",lg:"1920px"},Tn={0:"0rem",.125:"0.125rem",.188:"0.188rem",.25:"0.25rem",.5:"0.5rem",.625:"0.625rem",.75:"0.75rem",1:"1rem",1.25:"1.25rem",1.5:"1.5rem",1.75:"1.75rem",2:"2rem",2.25:"2.25rem",2.5:"2.5rem",3:"3rem",3.5:"3.5rem",4:"4rem",4.5:"4.5rem",5:"5rem",6:"6rem"},Fn=["lock-keyhole","bars-sort","bolt","books","brain-circuit","briefcase","bug","buildings","bullseye-pointer","calendar-clock","calendar-xmark","chart-network","clipboard-check","comment","envelope","eye","file","flag","globe","hand-holding-dollar","hands-clapping","headset","hexagon-exclamation","light-emergency-on","magnifying-glass","pen-line","plane-departure","screwdriver-wrench","sensor-triangle-exclamation","shield-check","sidebar","skull","sliders","star-christmas","telescope","trash","unlock","user-group","user-hoodie","xmark"],Nn=[["fal","arrow-down"],["fal","arrow-left"],["fal","arrow-right"],["fal","arrow-up"],["fal","plus"],["fal","minus"],["fas","check"],["fas","circle-question"]],I={typography:Sn,shadows:zn,breakpoints:In,spacing:Tn,palette:{primary:yn,complementary:mn,error:wn,info:kn,warning:vn,success:jn,black:"#0c111d",white:"#ffffff",gray:$n,gradients:Cn}},En=({children:e})=>t.jsx(s.ot,{theme:I,children:e}),F=(e,n)=>n===void 0?"":`${e}: ${n};`,de=e=>{const n=e.py??e.pt??0,i=e.px??e.pr??0,r=e.py??e.pb??0,a=e.px??e.pl??0;if(e.padding){const[o,l,c,d]=e.padding;return`padding: ${I.spacing[o]} ${I.spacing[l]} ${I.spacing[c]} ${I.spacing[d]};`}return`padding: ${I.spacing[n]} ${I.spacing[i]} ${I.spacing[r]} ${I.spacing[a]};`},pe=e=>{const n=e.my??e.mt??0,i=e.mx??e.mr??0,r=e.my??e.mb??0,a=e.mx??e.ml??0;if(e.margin){const[o,l,c,d]=e.margin;return`margin: ${I.spacing[o]} ${I.spacing[l]} ${I.spacing[c]} ${I.spacing[d]};`}return`margin: ${I.spacing[n]} ${I.spacing[i]} ${I.spacing[r]} ${I.spacing[a]};`},ge=e=>{const n=F("position",e.position),i=F("top",e.top),r=F("right",e.right),a=F("bottom",e.bottom),o=F("left",e.left),l=F("z-index",e.zIndex);return`
2
- ${n}
3
- ${i}
4
- ${r}
5
- ${a}
6
- ${o}
7
- ${l}
8
- `},ue=e=>{const n=F("border",e.border),i=F("border-top",e.borderTop),r=F("border-right",e.borderRight),a=F("border-bottom",e.borderBottom),o=F("border-left",e.borderLeft),l=F("border-color",e.borderColor),c=F("border-radius",e.borderRadius);return`
9
- ${n}
10
- ${i}
11
- ${r}
12
- ${a}
13
- ${o}
14
- ${l}
15
- ${c}
16
- `},Rn=e=>e.includes("x")?"overflow-x: auto;":"",Dn=e=>e.includes("y")?"overflow-y: auto;":"",xe=e=>{const n=e.scroll?`
17
- ${Rn(e.scroll)}
18
- ${Dn(e.scroll)}
19
- `:"",i=F("visibility",e.visibility),r=F("display",e.display),a=F("height",e.height),o=F("width",e.width),l=F("max-height",e.maxHeight),c=F("max-width",e.maxWidth),d=F("min-height",e.minHeight),p=F("min-width",e.minWidth),g=F("box-shadow",e.shadow?I.shadows[e.shadow]:void 0),x=F("gap",e.gap===void 0?void 0:I.spacing[e.gap]),u=F("background-color",e.bgColor),h=F("background",e.bgGradient),b=F("flex-direction",e.flexDirection),m=F("flex-grow",e.flexGrow),w=F("justify-content",e.justify),y=F("justify-self",e.justifySelf),v=F("align-items",e.alignItems),k=F("align-self",e.alignSelf),j=F("flex-wrap",e.wrap);return`
20
- ${n}
21
- ${i}
22
- ${r}
23
- ${a}
24
- ${o}
25
- ${l}
26
- ${c}
27
- ${d}
28
- ${p}
29
- ${g}
30
- ${u}
31
- ${h}
32
- ${x}
33
- ${b}
34
- ${m}
35
- ${w}
36
- ${y}
37
- ${v}
38
- ${k}
39
- ${j}
40
- `},fe=e=>{const n=F("color",e.color),i=F("font-family",e.fontFamily),r=F("font-size",e.fontSize),a=F("font-weight",e.fontWeight),o=F("line-spacing",e.letterSpacing),l=F("line-height",e.lineSpacing),c=F("text-align",e.textAlign),d=F("text-decoration",e.textDecoration),p=F("text-overflow",e.textOverflow),g=F("white-space",e.whiteSpace),x=F("word-break",e.wordBreak),u=F("word-wrap",e.wordWrap);return`
41
- ${n}
42
- ${i}
43
- ${r}
44
- ${a}
45
- ${o}
46
- ${l}
47
- ${c}
48
- ${d}
49
- ${p}
50
- ${g}
51
- ${x}
52
- ${u}
53
- `},he=e=>{const n=F("cursor",e.cursor),i=F("border-color",e.borderColorHover),r=F("background-color",e.bgColorHover),a=F("box-shadow",e.shadowHover===void 0?void 0:I.shadows[e.shadowHover]),o=F("transition",e.transition);return`
54
- ${n}
55
-
56
- &:hover {
57
- ${o||"transition: all 0.2s;"}
58
- ${i}
59
- ${r}
60
- ${a}
61
- }
62
- `},be={shouldForwardProp:e=>!dt.includes(e)},$e=s.dt.div.withConfig(be)`
63
- ${de}
64
- ${pe}
65
- ${ge}
66
- ${xe}
67
- ${fe}
68
- ${ue}
69
- ${he}
70
- `,Oe=s.dt.button.withConfig(be)`
71
- ${de}
72
- ${pe}
73
- ${ge}
74
- ${xe}
75
- ${fe}
76
- ${ue}
77
- ${he}
78
- `,Ve=s.dt.p.withConfig(be)`
79
- ${de}
80
- ${pe}
81
- ${ge}
82
- ${xe}
83
- ${fe}
84
- ${ue}
85
- ${he}
86
- `,Ue=s.dt.span.withConfig(be)`
87
- ${de}
88
- ${pe}
89
- ${ge}
90
- ${xe}
91
- ${fe}
92
- ${ue}
93
- ${he}
94
- `,Ln=s.dt($e)`
95
- ${({theme:e,$center:n=!1,$styleMd:i,$styleSm:r})=>`
96
- ${n?"margin: auto;":""}
97
- scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
98
- scroll-padding: ${e.spacing[.5]};
99
-
100
- @media screen
101
- and (min-width: ${e.breakpoints.mobile})
102
- and (max-width: ${e.breakpoints.tablet})
103
- {
104
- ${i};
105
- }
106
-
107
- @media screen and (max-width: ${e.breakpoints.mobile}) {
108
- ${r};
109
- }
110
- `}
111
- `,$=f.forwardRef(function({as:n="div",center:i,children:r,id:a,onHover:o,onLeave:l,styleMd:c,styleSm:d,...p},g){return t.jsx(Ln,{$center:i,$styleMd:c,$styleSm:d,as:n,id:a,onMouseLeave:l,onMouseOver:o,ref:g,...p,children:r})}),Pn=s.dt(Ve)`
112
- ${({theme:e,$bgGradient:n="unset",$color:i=e.palette.gray[800],$display:r="block",$fontFamily:a=e.typography.type.primary,$fontWeight:o="bold",$letterSpacing:l=0,$lineSpacing:c=1.5,$lineSpacingSm:d,$overflow:p,$size:g,$sizeMd:x,$sizeSm:u,$textFill:h="unset",$whiteSpace:b="pre-line",$wordBreak:m="normal"})=>`
113
- background: ${n};
114
- color: ${i};
115
- display: ${r};
116
- font-family: ${a};
117
- font-size: ${e.typography.heading[g]};
118
- font-weight: ${e.typography.weight[o]};
119
- letter-spacing: ${l};
120
- line-height: ${e.spacing[c]};
121
- overflow: ${p};
122
- width: ${r==="block"?"100%":"auto"};
123
- white-space: ${b};
124
- word-break: ${m};
125
- background-clip: text;
126
- -webkit-background-clip: text;
127
- -webkit-text-fill-color: ${h};
128
-
129
- @media screen
130
- and (min-width: ${e.breakpoints.mobile})
131
- and (max-width: ${e.breakpoints.tablet})
132
- {
133
- font-size: ${e.typography.heading[x??g]};
134
- }
135
-
136
- @media screen and (max-width: ${e.breakpoints.mobile}) {
137
- font-size: ${e.typography.heading[u??g]};
138
- line-height: ${e.spacing[d??c]};
139
- }
140
- `}
141
- `,pt=s.dt(Ve)`
142
- ${({theme:e,$bgGradient:n="unset",$color:i=e.palette.gray[600],$display:r="block",$fontFamily:a=e.typography.type.primary,$fontWeight:o="regular",$fontStyle:l="normal",$letterSpacing:c=0,$lineSpacing:d=1.25,$lineSpacingSm:p,$overflow:g,$size:x,$sizeMd:u,$sizeSm:h,$textFill:b="unset",$whiteSpace:m="pre-line",$wordBreak:w="normal"})=>`
143
- background: ${n};
144
- color: ${i};
145
- display: ${r};
146
- font-family: ${a};
147
- font-size: ${e.typography.text[x]};
148
- font-style: ${l};
149
- font-weight: ${e.typography.weight[o]};
150
- letter-spacing: ${c};
151
- line-height: ${e.spacing[d]};
152
- overflow: ${g};
153
- width: ${r==="block"?"100%":"auto"};
154
- white-space: ${m};
155
- word-break: ${w};
156
- background-clip: text;
157
- -webkit-background-clip: text;
158
- -webkit-text-fill-color: ${b};
159
-
160
- @media screen
161
- and (min-width: ${e.breakpoints.mobile})
162
- and (max-width: ${e.breakpoints.tablet})
163
- {
164
- font-size: ${e.typography.text[u??x]};
165
- }
166
-
167
- @media screen and (max-width: ${e.breakpoints.mobile}) {
168
- font-size: ${e.typography.text[h??x]};
169
- line-height: ${e.spacing[p??d]};
170
- }
171
- `}
172
- `,An=s.dt(Ue)`
173
- ${({theme:e,$color:n=e.palette.gray[600],$content:i=void 0,$display:r="inline",$fontWeight:a="regular",$size:o,$lineSpacing:l=1.25})=>`
174
- color: ${n};
175
- display: ${r};
176
- font-family: ${e.typography.type.primary};
177
- font-size: ${e.typography.text[o]};
178
- font-weight: ${e.typography.weight[a]};
179
- line-height: ${e.spacing[l]};
180
- max-width: 100%;
181
- width: ${r==="block"?"100%":"auto"};
182
-
183
- ${i===void 0?"":`&::after { content: "${i}"; }`}
184
- `}
185
- `,G=f.forwardRef(function({bgGradient:n,children:i,className:r,color:a,display:o,fontFamily:l,fontWeight:c,letterSpacing:d,lineSpacing:p,lineSpacingSm:g,overflow:x,size:u,sizeMd:h,sizeSm:b,textFill:m,whiteSpace:w,wordBreak:y,...v},k){return t.jsx(Pn,{$bgGradient:n,$color:a,$display:o,$fontFamily:l,$fontWeight:c,$letterSpacing:d,$lineSpacing:p,$lineSpacingSm:g,$overflow:x,$size:u,$sizeMd:h,$sizeSm:b,$textFill:m,$whiteSpace:w,$wordBreak:y,className:r,ref:k,...v,children:i})}),se=f.forwardRef(function({children:n,color:i,content:r,display:a,fontFamily:o,fontWeight:l,letterSpacing:c,lineSpacing:d,lineSpacingSm:p,size:g,sizeMd:x,sizeSm:u,...h},b){return t.jsx(An,{$color:i,$content:r,$display:a,$fontFamily:o,$fontWeight:l,$letterSpacing:c,$lineSpacing:d,$lineSpacingSm:p,$size:g,$sizeMd:x,$sizeSm:u,ref:b,...h,children:n})}),S=f.forwardRef(function({bgGradient:n,children:i,className:r,color:a,display:o,fontFamily:l,fontWeight:c,letterSpacing:d,lineSpacing:p,lineSpacingSm:g,overflow:x,size:u,sizeMd:h,sizeSm:b,textFill:m,whiteSpace:w,wordBreak:y,fontStyle:v,...k},j){return t.jsx(pt,{$bgGradient:n,$color:a,$display:o,$fontFamily:l,$fontStyle:v,$fontWeight:c,$letterSpacing:d,$lineSpacing:p,$lineSpacingSm:g,$overflow:x,$size:u,$sizeMd:h,$sizeSm:b,$textFill:m,$whiteSpace:w,$wordBreak:y,className:r,ref:j,...k,children:i})}),gt=({item:e})=>{const n=e.description&&typeof e.description=="string"?t.jsx(S,{mb:e.extraElement?.5:void 0,size:"sm",children:e.description}):e.description??void 0;return t.jsxs($,{display:"block",id:`panel-${e.title}`,padding:[.75,.75,.75,.75],children:[n,e.extraElement?t.jsx($,{children:e.extraElement}):void 0]})},Wn={xl:"96px",lg:"64px",md:"32px",sm:"24px",xs:"16px",xxs:"12px",xxss:"10px"},Bn=s.dt(Ue)`
186
- ${({$clickable:e,$color:n="inherit",$disabled:i=!1,$hoverColor:r,$rotation:a,$size:o,$secondaryColor:l})=>{const c=r?"":"brightness(50%)",d=r??"";return`
187
- color: ${n};
188
- cursor: ${e?"pointer":"inherit"};
189
- font-size: ${Wn[o]};
190
- line-height: 0;
191
- vertical-align: middle;
192
- pointer-events: inherit;
193
- opacity: ${i?"0.5":"1"};
194
-
195
- > svg {
196
- --fa-secondary-color: ${l};
197
- transform: ${a===void 0?"":`rotate(${a}deg)`};
198
- }
199
-
200
- .fill-gradient-01 path {
201
- fill: url(/gradients.svg#gradient-01);
202
- fill: url(#gradient-01);
203
- }
204
- .fill-gradient-02 path {
205
- fill: url(/gradients.svg#gradient-02);
206
- fill: url(#gradient-02);
207
- }
208
-
209
- ${e?`&:hover {
210
- filter: ${c};
211
- color: ${d};
212
- }`:""}
213
- `}}
214
- `;s.dt.div`
215
- cursor: pointer;
216
- transition: all 0.2s ease-in-out;
217
-
218
- &:hover:not([disabled]) {
219
- transform: scale(1.2);
220
- }
221
- `;const T=f.forwardRef(function({clickable:n,disabled:i,hoverColor:r,icon:a,iconClass:o="",iconColor:l,iconMask:c,iconSize:d,iconTransform:p,iconType:g="fa-solid",onClick:x,rotation:u,spanClass:h,secondaryColor:b,...m},w){return t.jsx(Bn,{$clickable:n,$color:l,$disabled:i,$hoverColor:r,$rotation:u,$secondaryColor:b,$size:d,className:h,"data-testid":`${a}-icon`,onClick:x,ref:w,...m,children:t.jsx("i",{className:`${g} fa-${a} ${o}`,...c!==void 0?{"data-fa-mask":c}:{},...p!==void 0?{"data-fa-transform":p}:{}})},`${g}-${a}`)}),Mn=f.forwardRef(function({aligned:n="end",items:i,bgColor:r},a){const o=s.nt(),[l,c]=f.useState(i.map(p=>p.expanded??!1)),d=f.useCallback(p=>()=>{c(l.map((g,x)=>p===x?!g:g))},[l]);return t.jsx($,{borderColor:o.palette.gray[200],borderTop:"1px solid",ref:a,children:i.map((p,g)=>{const x=l[g];return t.jsxs($,{bgColor:r??o.palette.white,borderBottom:"1px solid",borderColor:o.palette.gray[200],children:[t.jsx($,{"aria-controls":`panel-${p.title}`,"aria-expanded":x,"aria-label":p.title,as:"button",bgColor:r??o.palette.white,bgColorHover:o.palette.gray[100],cursor:"pointer",display:"flex",onClick:d(g),padding:[.75,.75,.75,.75],width:"100%",children:t.jsxs($,{as:"summary",display:"flex",flexDirection:n==="end"?"row":"row-reverse",gap:.75,justify:"space-between",width:"100%",children:[t.jsx(S,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",sizeSm:"sm",textAlign:"start",children:p.title}),t.jsx(T,{icon:x?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]})}),x&&t.jsx(gt,{item:p})]},p.title)})})}),Hn=e=>{switch(e){case"warning":return"triangle-exclamation";case"info":return"circle-info";case"success":return"circle-check";case"error":default:return"circle-exclamation"}},{getVariant:_n}=K(e=>({error:`
222
- background: ${e.palette.error[50]};
223
- border: 1px solid ${e.palette.error[500]};
224
- color: ${e.palette.error[700]};
225
-
226
- button {
227
- color: ${e.palette.error[700]};
228
-
229
- &:hover:not([disabled]) {
230
- background-color: ${e.palette.error[200]};
231
- color: ${e.palette.error[700]};
232
- }
233
- }
234
- `,info:`
235
- background: ${e.palette.info[50]};
236
- border: 1px solid ${e.palette.info[500]};
237
- color: ${e.palette.info[700]};
238
-
239
- button {
240
- color: ${e.palette.info[700]};
241
-
242
- &:hover:not([disabled]) {
243
- background-color: ${e.palette.info[200]};
244
- color: ${e.palette.info[700]};
245
- }
246
- }
247
- `,success:`
248
- background: ${e.palette.success[50]};
249
- border: 1px solid ${e.palette.success[500]};
250
- color: ${e.palette.success[700]};
251
-
252
- button {
253
- color: ${e.palette.success[700]};
254
-
255
- &:hover:not([disabled]) {
256
- background-color: ${e.palette.success[200]};
257
- color: ${e.palette.success[700]};
258
- }
259
- }
260
- `,warning:`
261
- background: ${e.palette.warning[50]};
262
- border: 1px solid ${e.palette.warning[500]};
263
- color: ${e.palette.warning[700]};
264
-
265
- button {
266
- color: ${e.palette.warning[700]};
267
-
268
- &:hover:not([disabled]) {
269
- background-color: ${e.palette.warning[200]};
270
- color: ${e.palette.warning[700]};
271
- }
272
- }
273
- `})),On=s.dt.div`
274
- ${({theme:e,$variant:n})=>`
275
- background: transparent;
276
- align-items: center;
277
- border-radius: ${e.spacing[.25]};
278
- display: inline-flex;
279
- font-family: ${e.typography.type.primary};
280
- font-size: ${e.typography.text.sm};
281
- font-weight: ${e.typography.weight.bold};
282
- line-height: ${e.spacing[1.25]};
283
- min-width: 250px;
284
- width: 100%;
285
- padding: ${e.spacing[.75]};
286
- position: relative;
287
- gap: ${e.spacing[.75]};
288
-
289
- button {
290
- background-color: transparent;
291
- }
292
-
293
- ${_n(e,n??"error")}
294
- `}
295
- `,Vn=s.dt.div`
296
- padding-right: 4px;
297
- width: 100%;
298
- `,{getVariant:Un}=K(e=>({ghost:`
299
- background: transparent;
300
- border: none;
301
- color: ${e.palette.gray[800]};
302
- --btn-padding-x: ${e.spacing[.5]};
303
- --btn-padding-y: ${e.spacing[.625]};
304
- --btn-spacing: ${e.spacing[.25]};
305
-
306
- &:disabled {
307
- color: ${e.palette.gray[400]};
308
- cursor: not-allowed;
309
- }
310
-
311
- &:hover:not([disabled]) {
312
- background-color: ${e.palette.gray[100]};
313
- color: ${e.palette.gray[800]};
314
- }
315
- `,link:`
316
- --btn-padding-x: 0;
317
- --btn-padding-y: 0;
318
- color: ${e.palette.gray[800]};
319
-
320
- &:hover {
321
- color: ${e.palette.gray[500]};
322
- }
323
- `,primary:`
324
- background: ${e.palette.primary[500]};
325
- border: none;
326
- color: ${e.palette.white};
327
- --btn-spacing: ${e.spacing[.25]};
328
-
329
- &:disabled {
330
- background: ${e.palette.gray[200]};
331
- color: ${e.palette.gray[400]};
332
- cursor: not-allowed;
333
- }
334
-
335
- &:hover:not([disabled]) {
336
- background-color: ${e.palette.primary[700]};
337
- color: ${e.palette.white};
338
- }
339
- `,secondary:`
340
- background: ${e.palette.gray[800]};
341
- border: none;
342
- color: ${e.palette.white};
343
- --btn-spacing: ${e.spacing[.25]};
344
-
345
- &:disabled {
346
- background: ${e.palette.gray[200]};
347
- color: ${e.palette.gray[400]};
348
- cursor: not-allowed;
349
- }
350
-
351
- &:hover:not([disabled]) {
352
- background-color: ${e.palette.gray[600]};
353
- color: ${e.palette.white};
354
- }
355
- `,tertiary:`
356
- background: transparent;
357
- border: 1px solid ${e.palette.primary[500]};
358
- color: ${e.palette.primary[500]};
359
- --btn-spacing: ${e.spacing[.25]};
360
-
361
- &:disabled {
362
- background: transparent;
363
- border: 1px solid ${e.palette.gray[200]};
364
- color: ${e.palette.gray[300]};
365
- cursor: not-allowed;
366
- }
367
-
368
- &:hover:not([disabled]) {
369
- background-color: ${e.palette.primary[500]};
370
- color: ${e.palette.white};
371
- }
372
- `})),ut=s.dt(Oe)`
373
- ${({theme:e,justify:n,$size:i,$variant:r})=>`
374
- align-items: center;
375
- border-radius: var(--btn-spacing);
376
- cursor: pointer;
377
- display: inline-flex;
378
- font-family: ${e.typography.type.primary};
379
- font-size: ${i??e.typography.text.sm};
380
- font-weight: ${e.typography.weight.regular};
381
- gap: var(--btn-spacing);
382
- justify-content: ${n??"center"};
383
- line-height: ${e.spacing[1.25]};
384
- padding: var(--btn-padding-y) var(--btn-padding-x);
385
- position: relative;
386
- text-align: start;
387
- transition: all 0.5s ease;
388
- white-space: nowrap;
389
-
390
- @media screen and (max-width: ${e.breakpoints.mobile}) {
391
- ${r!=="link"?`--btn-padding-y: ${e.spacing[1]}`:""};
392
- }
393
-
394
- ${Un(e,r??"primary")}
395
- `}
396
- `,Gn=s.dt(ut)`
397
- ${({theme:e,$borderRadius:n="4px",$px:i=.5,$py:r=.5})=>`
398
- --btn-spacing: ${n};
399
- --btn-padding-x: ${e.spacing[i]};
400
- --btn-padding-y: ${e.spacing[r]};
401
-
402
- align-items: center;
403
- line-height: 0;
404
- text-align: center;
405
-
406
- > span {
407
- margin: 0 !important;
408
- }
409
- `}
410
- `,Yn=s.dt($e)``,qn=s.dt.div`
411
- ${({theme:e,$maxWidth:n="320px"})=>`
412
- background-color: ${e.palette.gray[700]};
413
- border-radius: 8px;
414
- color: ${e.palette.white};
415
- font-size: ${e.typography.text.xs};
416
- max-width: ${n};
417
- padding: ${e.spacing[.75]};
418
- width: max-content;
419
- z-index: 999999;
420
- `}
421
- `,Y=({children:e,disabled:n=!1,display:i="inline-block",height:r,icon:a,iconColor:o,iconSize:l,id:c,maxWidth:d,nodeTip:p,place:g="bottom",tip:x="",title:u="",hide:h=x===""&&u===""&&p===void 0,width:b})=>{const m=s.nt(),[w,y]=f.useState(!1),{refs:v,floatingStyles:k,context:j}=s.useFloating({middleware:[s.flip({fallbackAxisSideDirection:"start"}),s.offset({mainAxis:10}),s.shift()],onOpenChange:y,open:w,placement:g,whileElementsMounted:s.autoUpdate}),z=s.useHover(j,{delay:{close:0,open:500},move:!1}),E=s.useFocus(j),C=s.useRole(j,{role:a?"label":"tooltip"}),{getReferenceProps:N,getFloatingProps:P}=s.useInteractions([z,E,C]);return n?t.jsx(f.StrictMode,{children:e}):t.jsxs(t.Fragment,{children:[t.jsx(Yn,{...N(),display:i,height:r,id:c,ref:v.setReference,width:b,children:a?t.jsx(T,{clickable:!0,disabled:n,icon:a,iconColor:o,iconSize:l??"xxs",iconType:w?"fa-solid":"fa-light"}):e}),w&&!h&&ie.createPortal(t.jsxs(qn,{...P(),$maxWidth:d,id:`floating-${c}`,ref:v.setFloating,style:k,children:[s.lodashExports.isEmpty(u)?void 0:t.jsx(S,{color:m.palette.white,fontWeight:"bold",lineSpacing:1.5,size:"sm",textAlign:"start",wordWrap:"break-word",children:u}),s.lodashExports.isEmpty(x)?void 0:t.jsx(S,{color:m.palette.gray[100],lineSpacing:1.5,size:"sm",textAlign:"start",wordWrap:"break-word",children:x}),s.lodashExports.isEmpty(p)?void 0:p]}),document.getElementById("root")??document.body)]})},M=f.forwardRef(function({borderRadius:n,disabled:i,icon:r,iconColor:a,iconSize:o="xxs",iconTransform:l,iconType:c,id:d,justify:p="center",onClick:g,px:x,py:u,type:h="button",tooltip:b,tooltipPlace:m,value:w,variant:y="primary",...v},k){const j=t.jsx(Gn,{$borderRadius:n,$px:x,$py:u,$variant:y,"aria-disabled":i,"aria-label":d,borderRadius:n,disabled:i,id:d,justify:p,onClick:g,ref:k,type:h,value:w,...v,children:t.jsx(T,{clickable:!1,icon:r,iconColor:a,iconSize:o,iconTransform:l,iconType:c})}),E=(h+(y??"")+(d??r)).replace(/ /u,"_");return b===void 0?j:t.jsx(Y,{id:`${E}-tooltip`,place:m,tip:b,children:j})}),Kn=f.forwardRef(function({autoHide:n=!1,children:i,closable:r=!1,onTimeOut:a,show:o=!0,time:l=8,variant:c="error",id:d,...p},g){const[x,u]=f.useState(o),h=f.useCallback(()=>{u(!1)},[]);return f.useEffect(()=>{const b=setTimeout(()=>{a==null||a(!0),n&&h()},l*1e3);return()=>{clearTimeout(b)}},[n,h,l,a]),f.useEffect(()=>{u(o)},[o,u]),t.jsx($,{display:x?"block":"none",ref:g,role:"alert",...p,children:t.jsxs(On,{$variant:c,id:d,children:[t.jsx(T,{clickable:!1,icon:Hn(c),iconSize:"xs",iconType:"fa-light"}),t.jsx(Vn,{children:i}),r?t.jsx(M,{height:"fit-content",icon:"close",iconSize:"xs",iconType:"fa-light",onClick:h,px:.125,py:.125,variant:"ghost"}):void 0]})})}),et=s.dt.div`
422
- ${({theme:e})=>`
423
- align-items: center;
424
- background-color: ${e.palette.gray[200]};
425
- border-radius: 100%;
426
- color: ${e.palette.gray[800]};
427
- display: flex;
428
- font-family: ${e.typography.type.primary};
429
- font-size: ${e.typography.text.xs};
430
- font-weight: 500;
431
- line-height: 18px;
432
- justify-content: center;
433
- text-align: center;
434
- width: ${e.spacing[1.25]};
435
- height: ${e.spacing[1.25]};
436
- `}
437
- `,Xn=s.dt.div`
438
- ul,
439
- ol {
440
- padding-top: 6px;
441
- padding-bottom: 6px;
442
- background-color: #fff;
443
- position: absolute;
444
- top: 40px;
445
- right: 1px;
446
- z-index: 1;
447
- }
448
-
449
- .no-hover,
450
- .user-info {
451
- text-decoration: none;
452
- display: flex;
453
- justify-content: space-between;
454
- height: auto;
455
- }
456
-
457
- .user-info,
458
- .commit-info {
459
- padding-left: 16px;
460
- padding-right: 16px;
461
- }
462
-
463
- .user-info {
464
- padding-top: 10px;
465
- padding-bottom: 1px;
466
- }
467
-
468
- .commit-info {
469
- padding-top: 1px;
470
- padding-bottom: 10px;
471
- }
472
-
473
- li {
474
- list-style-type: none;
475
- }
476
-
477
- span {
478
- white-space: nowrap;
479
- }
480
-
481
- a {
482
- color: ${({theme:e})=>e.palette.gray[800]};
483
- text-decoration: none;
484
- padding: unset;
485
- }
486
-
487
- a:hover {
488
- text-decoration: none;
489
- color: ${({theme:e})=>e.palette.gray[800]};
490
- }
491
-
492
- #menu-profile-container ul {
493
- min-width: unset;
494
- width: auto;
495
- z-index: 10;
496
- }
497
-
498
- #menu-profile-container li div {
499
- min-width: unset;
500
- }
501
- `,{getVariant:Jn}=K(e=>({default:`
502
- background-color: ${e.palette.gray[200]};
503
- color: ${e.palette.gray[800]};
504
- `,error:`
505
- &.high {
506
- background-color: ${e.palette.error[700]};
507
- color: ${e.palette.white};
508
- }
509
- &.low {
510
- background-color: ${e.palette.error[50]};
511
- color: ${e.palette.error[700]};
512
- }
513
- &.medium {
514
- background-color: ${e.palette.error[500]};
515
- color: ${e.palette.error[50]};
516
- }
517
- `,inactive:`
518
- background-color: ${e.palette.gray[200]};
519
- color: ${e.palette.gray[600]};
520
- `,info:`
521
- &.high {
522
- background-color: ${e.palette.info[700]};
523
- color: ${e.palette.white};
524
- }
525
- &.low {
526
- background-color: ${e.palette.info[50]};
527
- color: ${e.palette.info[700]};
528
- }
529
- &.medium {
530
- background-color: ${e.palette.info[500]};
531
- color: ${e.palette.info[50]};
532
- }
533
- `,reachable:`
534
- background-color: ${e.palette.gray[50]};
535
- color: ${e.palette.gray[800]};
536
- `,remediation:`
537
- background-color: inherit;
538
- border: 1px solid ${e.palette.gray[300]};
539
- color: ${e.palette.gray[400]};
540
- `,role:`
541
- background-color: ${e.palette.gray[800]};
542
- color: ${e.palette.white};
543
- `,success:`
544
- &.high {
545
- background-color: ${e.palette.success[700]};
546
- color: ${e.palette.white};
547
- }
548
- &.low {
549
- background-color: ${e.palette.success[50]};
550
- color: ${e.palette.success[700]};
551
- }
552
- &.medium {
553
- background-color: ${e.palette.success[500]};
554
- color: ${e.palette.success[50]};
555
- }
556
- `,technique:`
557
- --tag-padding-y: ${e.spacing[.25]};
558
- --tag-padding-x: ${e.spacing[.75]};
559
-
560
- background-color: inherit;
561
- border: 1px solid ${e.palette.success[800]};
562
- color: ${e.palette.success[800]};
563
- `,warning:`
564
- &.high {
565
- background-color: ${e.palette.warning[600]};
566
- color: ${e.palette.white};
567
- }
568
- &.low {
569
- background-color: ${e.palette.warning[50]};
570
- color: ${e.palette.warning[700]};
571
- }
572
- &.medium {
573
- background-color: ${e.palette.warning[400]};
574
- color: ${e.palette.warning[700]};
575
- }
576
- `})),Zn=s.dt.span`
577
- ${({theme:e,$fontSize:n=e.typography.text.xs,$variant:i})=>`
578
- align-items: center;
579
- border-radius: ${e.spacing[i==="technique"?1:.25]};
580
- display: inline-flex;
581
- gap: ${e.spacing[.25]};
582
- font-family: ${e.typography.type.primary};
583
- font-size: ${n};
584
- font-style: normal;
585
- font-weight: ${e.typography.weight.regular};
586
- justify-content: center;
587
- line-height: 18px;
588
- padding: var(--tag-padding-y) var(--tag-padding-x);
589
- white-space: nowrap;
590
- width: max-content;
591
-
592
- ~ a {
593
- font-size: ${e.typography.text.xs};
594
- display: flex;
595
- }
596
-
597
- ${Jn(e,i)}
598
- `}
599
- `,{getVariant:Qn}=K(e=>({highRelevance:`
600
- color: ${e.palette.primary[500]};
601
-
602
- &:hover:not([disabled]) {
603
- color: ${e.palette.primary[400]};
604
- }
605
- `,lowRelevance:`
606
- color: ${e.palette.gray[800]};
607
-
608
- &:hover:not([disabled]) {
609
- color: ${e.palette.gray[500]};
610
- }
611
- `})),xt=s.lt`
612
- ${({theme:e,$color:n,$variant:i})=>`
613
- align-items: center;
614
- cursor: pointer;
615
- font-family: ${e.typography.type.primary};
616
- font-size: ${e.typography.text.sm};
617
- font-weight: ${e.typography.weight.regular};
618
- gap: ${e.spacing[.25]};
619
- line-height: ${e.spacing[1.25]};
620
- text-decoration: underline;
621
- word-break: break-word;
622
- word-wrap: break-word;
623
-
624
- &:disabled {
625
- color: ${e.palette.gray[300]};
626
- cursor: not-allowed;
627
- }
628
-
629
- &:has(button) {
630
- text-decoration: none;
631
- }
632
-
633
- ${n?`color: ${n}`:Qn(e,i)}
634
- `}
635
- `,ei=s.dt.a`
636
- ${xt}
637
- `,ti=s.dt(De.Link)`
638
- ${xt}
639
- `,Q=({children:e,color:n,download:i,href:r,iconPosition:a="right",onClick:o,target:l,variant:c="lowRelevance"})=>{const d=r.startsWith("https://"),p=t.jsx(T,{icon:i===void 0?"arrow-up-right-from-square":"arrow-down-to-bracket",iconSize:"xxs",iconType:"fa-regular",ml:.25,mr:.25});return d?t.jsxs(ei,{$color:n,$variant:c,download:i,href:r,onClick:o,rel:"nofollow noopener noreferrer",target:l??"_blank",children:[a==="left"?p:void 0,e,a==="right"?p:void 0]}):t.jsxs(ti,{$variant:c,download:i,onClick:o,rel:"nofollow noopener noreferrer",target:l,to:r,children:[l!==void 0&&a==="left"?p:void 0,e,l!==void 0&&a==="right"?p:void 0]})},X=({disabled:e,icon:n,iconColor:i="inherit",iconType:r="fa-light",id:a="close-tag",filterValues:o="",fontSize:l,href:c,linkLabel:d,onClose:p,priority:g="default",tagTitle:x="",tagLabel:u,variant:h="default"})=>{const b=u.length>25&&s.lodashExports.isEmpty(x+o),m=`${u.slice(0,25)}...`;return t.jsxs(se,{className:"gap-0.5",display:c===void 0?"initial":"flex",size:"sm",children:[t.jsxs(Zn,{$fontSize:l,$variant:h,className:g,children:[n&&t.jsx(T,{icon:n,iconColor:i,iconSize:"xxs",iconType:r}),t.jsxs("span",{className:"w-full",children:[t.jsx("strong",{children:x}),t.jsx("span",{children:b?m:u}),t.jsx("strong",{className:"w-full",children:o})]}),p?t.jsx(M,{disabled:e,icon:"xmark",iconSize:"xxs",iconType:"fa-light",id:a,onClick:p,px:.125,py:.125,variant:"ghost"}):void 0]}),c===void 0?void 0:t.jsx(Q,{href:c,children:d})]})},ni=(e,n=!0)=>{const i=window.open(e,n?void 0:"_self","noopener,noreferrer,");s.lodashExports.isObject(i)&&(i.opener=null)},L=f.forwardRef(function({children:n,disabled:i=!1,external:r=!1,fontSize:a,href:o,id:l,icon:c,name:d,onClick:p,showArrow:g=!1,tag:x,type:u="button",tooltip:h,tooltipPlace:b="bottom",underline:m=!1,value:w,variant:y="primary",width:v,...k},j){const z=h!==void 0,E=`${l}-tooltip`,C=f.useCallback(()=>{o&&ni(o,r)},[r,o]),N=t.jsxs(ut,{$size:a,$variant:y,"aria-disabled":i,className:m?"underline":void 0,disabled:i,id:l,name:d,onClick:y==="link"?C:p,ref:j,type:u,value:w,width:v,...z?{"data-tooltip-id":E}:{},...k,children:[c!==void 0&&t.jsx(T,{icon:c,iconSize:"xs",iconType:"fa-light"}),n,(g||y==="link")&&t.jsx(T,{icon:"arrow-right",iconSize:"xs",iconType:"fa-light"}),x===void 0?null:t.jsx(X,{tagLabel:x,variant:"default"})]});return z?t.jsx(Y,{disabled:!z,id:E,place:b,tip:h,width:v,children:N}):N}),ii=f.forwardRef(function({children:n,onClick:i,userName:r,showIcon:a=!1,showUsername:o=!1},l){const c=!!i;return t.jsx($,{id:"navbar-user-profile",ref:l,zIndex:9999,children:t.jsxs($,{alignItems:"end",display:"flex",flexDirection:"column",position:"relative",zIndex:30,children:[c?t.jsxs(L,{onClick:i,pb:.5,pl:.5,pr:.5,pt:.5,variant:"ghost",children:[t.jsx(et,{children:r[0].toUpperCase()}),o?t.jsx(S,{color:"#1d2939",display:"inline",ml:.5,size:"sm",children:r.split(" ")[0]}):void 0,a?t.jsx(T,{clickable:!1,icon:"ellipsis-v",iconSize:"xxss",ml:.5}):void 0]}):t.jsxs($,{alignItems:"center",display:"flex",px:.5,py:.5,children:[t.jsx(et,{children:r[0].toUpperCase()}),o?t.jsxs(S,{color:"#1d2939",display:"inline",ml:.5,size:"sm",children:["Hi ",r.split(" ")[0],"!"]}):void 0,a?t.jsx(T,{clickable:!1,icon:"ellipsis-v",iconSize:"xxss",ml:.5}):void 0]}),t.jsx(Xn,{children:n})]})})}),ze=({authorEmail:e,date:n,description:i,descriptionColor:r,id:a,title:o,titleColor:l,textAlign:c,textSpacing:d=0,tooltip:p})=>{const g=s.nt();return t.jsxs($,{width:"100%",children:[typeof o=="string"?t.jsx(S,{color:l??g.palette.gray[800],fontWeight:"bold",mb:d,size:"sm",textAlign:c,wordBreak:"break-word",children:o}):o,t.jsxs($,{alignItems:"start",display:"flex",flexDirection:"column",gap:.25,children:[i&&t.jsx(S,{color:r??g.palette.gray[800],fontWeight:i===void 0?"bold":"regular",size:"sm",textAlign:c,wordBreak:"break-word",children:i}),n&&t.jsx(S,{color:g.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:c,wordBreak:"break-word",children:`Date: ${n.split(" ")[0]}`}),e&&t.jsx(S,{color:g.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:c,wordBreak:"break-word",children:`Author: ${e}`}),p&&t.jsx(Y,{icon:"circle-info",id:a,tip:p})]})]})},tt=s.dt($).attrs(({...e})=>({display:"inline-block",position:"relative",...e}))`
640
- & img {
641
- display: block;
642
- }
643
-
644
- &::after {
645
- content: "";
646
- position: absolute;
647
- top: 0;
648
- left: 0;
649
- width: 100%;
650
- height: 100%;
651
- pointer-events: none;
652
- ${({$opacity:e=0})=>`background-color: rgba(0, 0, 0, ${e});`}
653
- }
654
- `,ai=e=>{if(s._.isNil(e))return"";const n=e.split(".");return(n.length>1?s._.last(n):"").toLowerCase()},ri=(e,n)=>s._.isUndefined(n)?!1:s._.includes(e,ai(n)),ft=({alt:e,fileType:n,width:i="100%",opacity:r=0,src:a,height:o="auto",videoViewStatus:l})=>{const[c,d]=f.useState({start:!1,half:!1,end:!1}),p=f.useCallback(g=>{if(!l)return;const x=g.target,u=x.currentTime/x.duration*100;u>5&&u<50?(c.start||l("start"),d({start:!0,half:!1,end:!1})):u>=50&&u<99?(c.half||l("half"),d({start:!0,half:!0,end:!1})):u>=99?(c.end||l("end"),d({start:!0,half:!0,end:!0})):d({start:!1,half:!1,end:!1})},[l,c]);return n==="video"||ri(["webm"],a)?t.jsx(tt,{$opacity:r,children:t.jsx(Q,{href:a,iconPosition:"hidden",children:t.jsxs("video",{controls:!0,muted:!0,onTimeUpdate:p,style:{height:o,width:i},children:[t.jsx("source",{src:a,type:"video/webm"}),a]})})}):t.jsx(tt,{$opacity:r,children:t.jsx("img",{alt:e,src:a,style:{height:o,width:i}})})},oi=({alt:e,authorEmail:n,date:i,description:r,src:a,children:o,isEditing:l,onClick:c,title:d,hideDescription:p=!1,headerType:g="image",showMaximize:x=!0,videoViewStatus:u})=>{const h=s.nt(),[b,m]=f.useState(!1),w=f.useCallback(()=>{m(!0)},[]),y=f.useCallback(()=>{m(!1)},[]);return t.jsxs($,{bgColor:"transparent",border:"1px solid transparent",borderColorHover:"black",borderRadius:h.spacing[.25],display:"flex",flexDirection:"column",gap:1,onHover:w,onLeave:y,padding:[.5,.5,.5,.5],width:"100%",children:[t.jsx($,{cursor:l?"unset":"pointer",display:"inline-flex",justify:"center",onClick:c,position:"relative",width:"100%",children:o===void 0?t.jsxs(f.Fragment,{children:[t.jsx(ft,{alt:e,fileType:g,height:"147px",opacity:b?.3:0,src:a,videoViewStatus:u,width:"100%"}),x?t.jsx($,{bottom:"10px",position:"absolute",right:"10px",children:t.jsx(M,{color:"white",icon:"arrows-maximize",iconSize:"xxs",iconType:"fa-light",variant:"secondary"})}):void 0]}):o}),p?null:t.jsx(ze,{authorEmail:n,date:i,description:r,descriptionColor:h.palette.gray[600],id:`${e}-card-header`,title:d})]})},si=s.dt.div`
655
- ${({theme:e,$align:n="center",$minWidth:i="auto",$minHeight:r="auto"})=>`
656
- display: flex;
657
- background-color: ${e.palette.white};
658
- border-radius: ${e.spacing[.25]};
659
- border: 1px solid ${e.palette.gray[200]};
660
- flex-direction: column;
661
- justify-content: center;
662
- gap: ${e.spacing[.5]};
663
- min-width: ${i};
664
- min-height: ${r};
665
- padding: ${e.spacing[1]};
666
-
667
- input {
668
- color: ${e.palette.gray[800]};
669
- line-height: ${e.spacing[1.5]};
670
- text-align: ${n};
671
- }
672
- `}
673
- `,Ge=({htmlFor:e,label:n,link:i,required:r,tooltip:a,weight:o="normal"})=>{const l=s.nt(),c=`${e}-tooltip`,d=a!==void 0&&!s.lodashExports.isEmpty(a);return t.jsxs("label",{className:`flex font-${o} gap-1 w-full`,htmlFor:e,children:[n,r&&t.jsx(T,{icon:"asterisk",iconColor:l.palette.error[500],iconSize:"xxss"}),i?t.jsx(Q,{href:i,target:"_blank"}):null,d?t.jsx(Y,{display:"inline-flex",icon:"circle-info",id:c,place:"top",tip:a}):null]})},li=s.dt.div`
674
- ${({theme:e})=>`
675
- align-items: flex-start;
676
- display: inline-flex;
677
- flex-direction: column;
678
- gap: ${e.spacing[.25]};
679
- position: relative;
680
- width: 100%;
681
-
682
- label {
683
- color: ${e.palette.gray[800]};
684
- }
685
-
686
- &:has(input.date-input) {
687
- div {
688
- padding-right: 0;
689
- }
690
- }
691
-
692
- &:has(input[type="file"]) {
693
- div {
694
- border-right: unset;
695
- padding-right: 0;
696
-
697
- &:hover, &:focus-within {
698
- border-right: unset;
699
- }
700
- }
701
- }
702
-
703
- > *:not(.error-msg) {
704
- font-family: ${e.typography.type.primary};
705
- font-size: ${e.typography.text.sm};
706
- font-style: normal;
707
- font-weight: ${e.typography.weight.regular};
708
- line-height: ${e.spacing[1.25]};
709
- }
710
- `}
711
- `,ee=s.dt.div`
712
- ${({theme:e,$overflowX:n})=>`
713
- align-items: center;
714
- display: flex;
715
- border-radius: ${e.spacing[.5]};
716
- border: 1px solid;
717
- border-color: ${e.palette.gray[300]};
718
- color: ${e.palette.gray[600]};
719
- gap: ${e.spacing[.625]};
720
- justify-content: space-between;
721
- height: 40px;
722
- overflow-x: ${n??"unset"};
723
- padding: ${n===void 0?`${e.spacing[.625]} ${e.spacing[.75]}`:`${e.spacing[.25]} ${e.spacing[.75]}`};
724
- width: 100%;
725
- white-space: nowrap;
726
-
727
- input, textarea {
728
- background: inherit;
729
- color: ${e.palette.gray[800]};
730
- cursor: inherit;
731
- outline: none;
732
- resize: none;
733
- width: 100%;
734
-
735
- &::placeholder {
736
- color: ${e.palette.gray[400]};
737
- }
738
-
739
- &:focus-visible {
740
- outline: none;
741
- }
742
-
743
- &[type="number"] {
744
- appearance: textfield;
745
- }
746
-
747
- &::-webkit-outer-spin-button,
748
- &::-webkit-inner-spin-button {
749
- appearance: none;
750
- margin: 0;
751
- }
752
-
753
- &::-webkit-calendar-picker-indicator {
754
- display: none !important;
755
- }
756
- }
757
-
758
- input.date-input {
759
- display: none;
760
- width: 0;
761
- }
762
-
763
- &:has(textarea) {
764
- align-items: start;
765
- height: auto;
766
- }
767
-
768
- &:has(input[type="number"]) {
769
- padding-right: 0;
770
- }
771
-
772
- textarea {
773
- min-height: ${e.spacing[6]};
774
- }
775
-
776
- span:not(.action) {
777
- font-size: 14px;
778
- }
779
-
780
- &.disabled {
781
- background: ${e.palette.gray[100]};
782
- cursor: not-allowed;
783
-
784
- > * {
785
- color: ${e.palette.gray[400]};
786
- }
787
- }
788
-
789
- &.error:not(.disabled) {
790
- border: 1px solid ${e.palette.error[500]};
791
- }
792
-
793
- &.success:not(.disabled) {
794
- border: 1px solid ${e.palette.success[500]};
795
- }
796
-
797
- &:focus-within:not(.disabled, .error) {
798
- background: ${e.palette.white};
799
- border: 2px solid ${e.palette.black};
800
-
801
- button.action-btn {
802
- height: 36px;
803
- width: 40px;
804
- }
805
-
806
- * > .success-icon {
807
- display: none;
808
- }
809
- }
810
-
811
- &:hover:not(:focus-within, .disabled, .error, .success) {
812
- background: ${e.palette.white};
813
- border: 1px solid ${e.palette.gray[600]};
814
- }
815
- `}
816
- `,O=({children:e,error:n,helpLink:i,helpLinkText:r="Link here",helpText:a,htmlFor:o,label:l,linkPosition:c="down",maxLength:d,required:p,tooltip:g,value:x,weight:u})=>{const h=s.nt(),b=x?x.length:0;return t.jsxs(li,{children:[l===void 0?void 0:t.jsx(Ge,{htmlFor:o,label:l,link:c==="up"?i:void 0,required:p,tooltip:g,weight:u}),e,n||d?t.jsxs($,{display:"flex",justify:n===void 0?"end":"space-between",width:"100%",children:[n&&t.jsx(S,{className:"error-msg",color:h.palette.error[500],display:"block",lineSpacing:1,size:"sm",children:n}),d&&t.jsx(X,{priority:"low",tagLabel:`${b}/${d}`,variant:"error"})]}):void 0,a||i?t.jsxs($,{alignItems:"center",display:"flex",gap:.25,width:"100%",children:[a&&t.jsxs(t.Fragment,{children:[t.jsx(T,{icon:"circle-info",iconColor:h.palette.gray[400],iconSize:"xxs",iconType:"fa-light"}),t.jsx(S,{color:h.palette.gray[400],display:"inline-block",size:"sm",children:a})]}),i&&c==="down"?t.jsx(Q,{href:i,children:r}):void 0]}):void 0]})},ye=({className:e,children:n,isFilter:i=!1,popoverRef:r,state:a,triggerRef:o,...l})=>{var x;const c=f.useRef(null),d=(x=o==null?void 0:o.current)==null?void 0:x.getBoundingClientRect(),{popoverProps:p}=s.$f2f8a6077418541e$export$542a6fd13ac93354({...l,popoverRef:r??c,triggerRef:o,isNonModal:r?!0:void 0},a),g=f.useCallback(u=>{u.preventDefault()},[]);return t.jsx(s.$337b884510726a0d$export$c6fdb837b070b4ff,{children:t.jsx("div",{...p,className:e,id:"popover",onPointerDown:i?g:void 0,ref:r??c,style:{...p.style,...e==="dropdown"?{display:"flex",justifyContent:"center",width:d==null?void 0:d.width}:{}},children:n})})},ci=s.dt.ul`
817
- ${({theme:e})=>`
818
- align-self: center;
819
- background: ${e.palette.white};
820
- border: 1px solid ${e.palette.gray[200]};
821
- border-radius: ${e.spacing[.25]};
822
- box-shadow: ${e.shadows.md};
823
- list-style: none;
824
- max-height: 200px;
825
- min-width: 240px;
826
- overflow: hidden auto;
827
- padding: ${e.spacing[.25]} 0;
828
- scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
829
- scroll-padding: ${e.spacing[.5]};
830
- width: 95%;
831
- `}
832
- `,di=s.dt.li`
833
- ${({theme:e})=>`
834
- align-items: center;
835
- color: ${e.palette.gray[800]};
836
- cursor: pointer;
837
- display: flex;
838
- gap: ${e.spacing[.5]};
839
- justify-content: space-between;
840
- line-height: ${e.spacing[1.25]};
841
- padding: ${e.spacing[.25]} ${e.spacing[1]};
842
-
843
- p {
844
- overflow: hidden;
845
- }
846
-
847
- span {
848
- color: ${e.palette.gray[700]};
849
- }
850
-
851
- &:hover:not(.disabled, .selected) {
852
- background: ${e.palette.gray[100]};
853
- }
854
-
855
- &.selected {
856
- background: ${e.palette.gray[200]};
857
- }
858
-
859
- &.disabled {
860
- background: ${e.palette.gray[100]};
861
- cursor: not-allowed;
862
-
863
- p {
864
- color: ${e.palette.gray[500]};
865
- }
866
- }
867
- `}
868
- `,ht=({item:e,state:n})=>{const i=s.nt(),r=f.useRef(null),{optionProps:a,isSelected:o,isFocused:l,isDisabled:c}=s.$293f70390ea03370$export$497855f14858aa34({key:e.key},n,r),d=[o?"selected":"",l?"focused":"",c?"disabled":""].join(" ");return t.jsxs(di,{...a,className:d,ref:r,children:[t.jsx(S,{color:i.palette.gray[800],size:"sm",textOverflow:"ellipsis",whiteSpace:"nowrap",children:e.rendered}),o?t.jsx(T,{icon:"check",iconSize:"xxs",iconType:"fa-light"}):void 0]})},Le=({field:e,disabled:n=!1,disabledKeys:i,error:r,helpLink:a,helpLinkText:o,helpText:l,label:c,loadingItems:d,name:p,items:g,onBlur:x,onChange:u,placeholder:h,required:b,tooltip:m,value:w,weight:y})=>{var Qe;const v=s.nt(),k=n?void 0:r,j=(e==null?void 0:e.value)??w,[z,E]=f.useState(((Qe=g.find(D=>D.value===j))==null?void 0:Qe.name)??""),[C,N]=f.useState(j),[P,R]=f.useState(g),[A,B]=f.useState(!1),{contains:U}=s.$bb77f239b46e8c72$export$3274cf84b703fff({sensitivity:"base"}),J=f.useRef(null),W=f.useRef(null),_=f.useRef(null),H=f.useRef(null),ve=f.useRef(null),cn=f.useMemo(()=>g.map(D=>U(D.name,z)||A?t.jsx(s.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2,{children:D.name},D.value):null),[U,z,g,A]),dn=f.useCallback(D=>{E(D),D===""?B(!0):(B(!1),N(V=>{const q=D===""?"":V;return e&&e.onChange(q),u&&u(D),q}),R(g.filter(V=>U(V.name,D))))},[U,g,e,u]),pn=f.useCallback(D=>{var V;E(((V=g.find(q=>q.value===D))==null?void 0:V.name)??""),N(D?String(D):""),e&&e.onChange(D),u&&u(D?String(D):""),R(g)},[g,e,u]),Ze=f.useCallback(D=>{D.key==="Enter"&&D.preventDefault(),B(!1)},[]),gn=f.useCallback(()=>{x&&x(),e&&e.onBlur()},[e,x]),Z=s.$a9e7382a7d111cb5$export$b453a3bfd4a5fa9e({allowsEmptyCollection:!0,disabledKeys:i,inputValue:z,items:P,menuTrigger:"focus",shouldCloseOnBlur:!0,selectedKey:C,onBlur:gn,onInputChange:dn,onKeyDown:Ze,onKeyUp:()=>{B(!0)},onOpenChange(D,V){B(D&&(V==="manual"||V==="focus")),D&&setTimeout(()=>{var q;return(q=J.current)==null?void 0:q.focus()},50)},onSelectionChange:pn,children:cn}),{buttonProps:un,inputProps:xn,listBoxProps:fn}=s.$c350ade66beef0af$export$8c18d1b4f7232bbf({inputValue:z,buttonRef:W,id:p,inputRef:J,label:c??p,listBoxRef:_,name:p,placeholder:h,popoverRef:ve},Z),{listBoxProps:hn}=s.$c132121280ec012d$export$50eacbbf140a3141(fn,Z,_),{buttonProps:bn}=s.$701a24aa0da5b062$export$ea18c227d4417cc3(un,W);return f.useEffect(()=>{var D;if(d===!1||!j){const V=((D=g.find(q=>q.value===j))==null?void 0:D.name)??"";E(V),N(V)}},[j,g,d]),t.jsxs(O,{error:k,helpLink:a,helpLinkText:o,helpText:l,htmlFor:p,label:c,required:b,tooltip:m,weight:y,children:[t.jsxs(ee,{className:`${n?"disabled":""} ${k?"error":""}`,ref:H,children:[t.jsx("input",{...xn,"aria-invalid":k?"true":"false","aria-label":p,disabled:n,onKeyDown:Ze,ref:J}),k?t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:v.palette.error[500],iconSize:"xs"}):void 0,t.jsx(M,{...bn,className:"action",disabled:n,icon:Z.isOpen&&!n?"chevron-up":"chevron-down",iconColor:v.palette.gray[400],iconSize:"xxs",iconType:"fa-light",px:.125,py:.125,ref:W,type:"button",variant:"ghost"})]}),Z.isOpen&&Z.collection.size>0&&!n?t.jsx(ye,{className:"dropdown",offset:4,placement:"bottom start",popoverRef:ve,state:Z,triggerRef:H,children:t.jsx(ci,{...hn,ref:_,children:[...Z.collection].map(D=>t.jsx(ht,{item:D,state:Z},D.key))})}):null]})},bt=({control:e,disabled:n=!1,disabledKeys:i,error:r,helpLink:a,helpLinkText:o,helpText:l,label:c,loadingItems:d,name:p,items:g,onBlur:x,onChange:u,placeholder:h,required:b,tooltip:m,value:w,weight:y})=>e?t.jsx(s.Controller,{control:e,name:p,render:({field:v,fieldState:k})=>{var j;return t.jsx(Le,{disabled:n,disabledKeys:i,error:(j=k.error)==null?void 0:j.message,field:v,helpLink:a,helpLinkText:o,helpText:l,items:g,label:c,loadingItems:d,name:p,onBlur:x,onChange:u,placeholder:h,required:b,tooltip:m,value:w,weight:y})},rules:{required:b}}):t.jsx(Le,{disabled:n,disabledKeys:i,error:r,helpLink:a,helpLinkText:o,helpText:l,items:g,label:c,loadingItems:d,name:p,onBlur:x,onChange:u,placeholder:h,required:b,tooltip:m,value:w,weight:y}),pi=s.dt.div`
869
- ${({theme:e})=>`
870
- align-items: center;
871
- color: ${e.palette.gray[800]};
872
- display: flex;
873
- font-family: ${e.typography.type.primary};
874
- font-size: ${e.typography.text.sm};
875
- font-weight: ${e.typography.weight.bold};
876
- gap: ${e.spacing[.5]};
877
- height: 40px;
878
- justify-content: center;
879
- line-height: ${e.spacing[1.25]};
880
- text-align: center;
881
- padding: ${e.spacing[.5]} 0;
882
- width: 200px;
883
- word-spacing: ${e.spacing[.25]};
884
-
885
- &:not(:hover) .year-selection {
886
- display: none;
887
- }
888
- `}
889
- `,gi=s.dt.div.attrs({className:"year-selection"})`
890
- align-items: flex-start;
891
- display: flex;
892
- flex-direction: column;
893
- gap: 6px;
894
- height: 14px;
895
- justify-content: center;
896
- margin-bottom: 10px;
897
- padding: 0 0.5px;
898
- position: relative;
899
- width: 8px;
900
- `,nt=s.dt.tr`
901
- align-items: flex-start;
902
- display: flex;
903
- padding: ${({theme:e})=>e.spacing[.25]} 0;
904
- width: 100%;
905
- `,$t=s.lt`
906
- ${({theme:e})=>`
907
- align-items: center;
908
- color: ${e.palette.gray[800]};
909
- cursor: pointer;
910
- display: flex;
911
- flex-direction: column;
912
- font-family: ${e.typography.type.primary};
913
- font-size: ${e.typography.text.sm};
914
- font-weight: ${e.typography.weight.regular};
915
- height: ${e.spacing[2.5]};
916
- justify-content: center;
917
- line-height: ${e.spacing[1.25]};
918
- text-align: center;
919
- width: ${e.spacing[2.5]};
920
- `}
921
- `,ui=s.dt.th`
922
- ${$t}
923
- `,xi=s.dt.td`
924
- ${({theme:e})=>`
925
- ${$t}
926
- height: ${e.spacing[2.5]};
927
- width: ${e.spacing[2.5]};
928
-
929
- &#range {
930
- background: ${e.palette.primary[25]};
931
- }
932
-
933
- div:not(.dot) {
934
- align-items: center;
935
- display: flex;
936
- flex-direction: column;
937
- font-size: ${e.typography.text.sm};
938
- justify-content: center;
939
- height: ${e.spacing[2.5]};
940
- line-height: ${e.spacing[1.25]};
941
- position: relative;
942
- text-align: center;
943
- width: ${e.spacing[2.5]};
944
-
945
- &:focus-visible {
946
- outline: none;
947
- }
948
-
949
- &:hover:not(.disabled, .selected, .range) {
950
- background: ${e.palette.gray[100]};
951
- }
952
-
953
- &.disabled {
954
- color: ${e.palette.gray[400]};
955
- cursor: auto;
956
- }
957
-
958
- &.selected {
959
- background: ${e.palette.primary[500]};
960
- color: ${e.palette.white};
961
- }
962
-
963
- &.focused {
964
- border: 2px solid ${e.palette.primary[500]};
965
- }
966
-
967
- &.today:not(.selected) {
968
- color: ${e.palette.primary[500]};
969
- font-weight: ${e.typography.weight.bold};
970
- }
971
- }
972
- `}
973
- `,fi=s.dt.div.attrs({className:"dot"})`
974
- position: absolute;
975
- top: 48%;
976
-
977
- > span {
978
- font-size: 4px;
979
- }
980
- `,it=s.dt.button`
981
- cursor: pointer;
982
- display: flex;
983
-
984
- > span {
985
- height: 3.5px;
986
- width: 7px;
987
- }
988
- `,Ye=s.dt.div`
989
- ${({theme:e})=>`
990
- align-items: end;
991
- border-top: 1px solid ${e.palette.gray[200]};
992
- display: flex;
993
- flex-direction: row-reverse;
994
- gap: ${e.spacing[.5]};
995
- height: 44px;
996
- margin-bottom: ${e.spacing[.25]};
997
- padding: 0 ${e.spacing[.25]};
998
- width: 100%;
999
- `}
1000
- `,yt=({state:e,date:n})=>{const i=f.useRef(null),r=s.$14e0f24ef4ac5c92$export$629b0a497aa65267(n,s.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),{cellProps:a,buttonProps:o,isSelected:l,isDisabled:c,formattedDate:d}=s.$36a0ac60f04457c5$export$136073280381448e({date:n},e,i),p="highlightedRange"in e&&!s.lodashExports.isNull(e.highlightedRange)?s.$14e0f24ef4ac5c92$export$ea39ec197993aef0(n,e.highlightedRange.start):l,g="highlightedRange"in e&&!s.lodashExports.isNull(e.highlightedRange)?s.$14e0f24ef4ac5c92$export$ea39ec197993aef0(n,e.highlightedRange.end):l,x=l&&!c&&!(p||g)?"range":"";return t.jsx(xi,{id:x,...a,children:t.jsxs("div",{...o,className:`cell ${p||g?"selected":""}
1001
- ${c?"disabled":""} ${r?"today":""}
1002
- ${!e.isFocused&&!r?"focused":""} ${x}`,ref:i,children:[d,r?t.jsx(fi,{children:t.jsx(T,{clickable:!1,icon:"circle",iconSize:"xxs"})}):void 0]})})},Ie=({state:e,...n})=>{const{locale:i}=s.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),{weekDays:r}=s.$e3031d1f8c9d64eb$export$cb95147730a423f5(n,e),a=s.$14e0f24ef4ac5c92$export$ccc1b2479e7dd654(e.visibleRange.start,i);return t.jsxs("table",{children:[t.jsx("thead",{children:t.jsx(nt,{children:r.map((o,l)=>{const c=`key_${l}`;return t.jsx(ui,{children:o},c)})})}),t.jsx("tbody",{children:[...new Array(a).keys()].map(o=>t.jsx(nt,{children:e.getDatesInWeek(o).map((l,c)=>{const d=`key_${c}`;return l?t.jsx(yt,{date:l,state:e},d):t.jsx("td",{},d)})},o))})]})},hi=s.dt(Oe)`
1003
- align-items: center;
1004
- background-color: inherit;
1005
- border-color: inherit;
1006
- display: flex;
1007
- height: 38px;
1008
- justify-content: center;
1009
- width: 40px;
1010
- margin: ${({$margin:e="0"})=>s.lt`
1011
- ${e}
1012
- `};
1013
-
1014
- &:disabled {
1015
- cursor: not-allowed;
1016
- }
1017
-
1018
- &:hover:not(:disabled) {
1019
- background-color: ${({theme:e})=>e.palette.gray[100]};
1020
- cursor: pointer;
1021
- }
1022
- `,bi=s.dt.div`
1023
- ${({theme:e})=>`
1024
- align-items: flex-start;
1025
- background: ${e.palette.white};
1026
- border: 1px solid ${e.palette.gray[200]};
1027
- border-radius: ${e.spacing[.5]};
1028
- box-shadow: ${e.shadows.md};
1029
- display: inline-flex;
1030
- flex-direction: column;
1031
- gap: ${e.spacing[.25]};
1032
- height: auto;
1033
- padding: ${e.spacing[.25]};
1034
- width: 292px;
1035
- `}
1036
- `,$i=s.dt.button`
1037
- ${({theme:e,$disabled:n,$focus:i,$header:r})=>{const a=i?"34px":"40px";return`
1038
- align-items: center;
1039
- border-radius: ${r?`0 ${e.spacing[.5]} ${e.spacing[.5]} 0`:"4px"};
1040
- border-left: inherit;
1041
- display: flex;
1042
- height: ${r?"38px":a};
1043
- justify-content: center;
1044
- outline: none;
1045
- width: ${r?"38px":"40px"};
1046
-
1047
- &:hover {
1048
- background-color: ${e.palette.gray[n?500:100]};
1049
- }
1050
- `}}
1051
- `,yi=s.dt.div`
1052
- ${({theme:e})=>`
1053
- align-items: center;
1054
- background: transparent;
1055
- border-radius: ${e.spacing[.5]} 0 0 ${e.spacing[.5]};
1056
- border-color: inherit;
1057
- display: flex;
1058
- height: 100%;
1059
- justify-content: space-between;
1060
- width: calc(100% - 40px);
1061
- `}
1062
- `,mi=s.dt.div`
1063
- align-items: center;
1064
- display: flex;
1065
- justify-content: flex-end;
1066
- gap: ${({theme:e})=>e.spacing[.5]};
1067
- flex: 1 0 0;
1068
- `,at=s.dt.div`
1069
- ${({theme:e})=>`
1070
- align-items: center;
1071
- align-self: stretch;
1072
- background-color: ${e.palette.gray[200]};
1073
- border-radius: ${e.spacing[.25]};
1074
- display: flex;
1075
- font-family: ${e.typography.type.primary};
1076
- gap: ${e.spacing[.25]};
1077
- line-height: ${e.spacing[1.5]};
1078
- padding: 2px ${e.spacing[.25]};
1079
- `}
1080
- `,rt=s.dt.button`
1081
- ${({theme:e})=>`
1082
- align-items: center;
1083
- background-color: inherit;
1084
- border: 0.5px solid ${e.palette.gray[200]};
1085
- border-radius: 7px;
1086
- color: ${e.palette.gray[800]};
1087
- cursor: pointer;
1088
- display: flex;
1089
- font-weight: ${e.typography.weight.regular};
1090
- justify-content: center;
1091
- gap: 10px;
1092
- padding: 2px 10px;
1093
-
1094
- &#active {
1095
- background-color: ${e.palette.white};
1096
- box-shadow: ${e.shadows.md};
1097
- font-weight: ${e.typography.weight.bold};
1098
- }
1099
- `}
1100
- `,ke=({disabled:e=!1,icon:n,props:i})=>{const r=f.useRef(null),{buttonProps:a}=s.$701a24aa0da5b062$export$ea18c227d4417cc3(i,r);return t.jsx($i,{...a,$disabled:e,$focus:!!a["aria-expanded"],$header:n==="calendar"||n==="calendar-clock",disabled:e,ref:r,type:"button",children:t.jsx(T,{icon:n,iconColor:I.palette.gray[e?400:700],iconSize:"xs",iconType:"fa-light"})})},Te=({state:e,prevButtonProps:n,nextButtonProps:i,title:r})=>{const a=e.focusedDate,o=f.useCallback(()=>{e.setFocusedDate(a.add({years:1}))},[a,e]),l=f.useCallback(()=>{e.setFocusedDate(a.subtract({years:1}))},[a,e]);return t.jsxs("div",{className:"header flex items-start",children:[t.jsx(ke,{icon:"chevron-left",props:n}),t.jsxs(pi,{children:[r,t.jsxs(gi,{children:[t.jsx(it,{"aria-label":"top",onClick:o,children:t.jsx(T,{icon:"caret-up",iconClass:"fa-sharp",iconSize:"xxss"})}),t.jsx(it,{"aria-label":"bottom",onClick:l,children:t.jsx(T,{icon:"caret-down",iconClass:"fa-sharp",iconSize:"xxss"})})]})]}),t.jsx(ke,{icon:"chevron-right",props:i})]})},mt=({onClose:e,props:n})=>{const{locale:i}=s.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=s.$131cf43a05231e1e$export$6d095e787d2b5e1f({...n,createCalendar:s.$64244302c3013299$export$dd0bbc9b26defe37,locale:i}),{prevButtonProps:a,nextButtonProps:o,title:l}=s.$9942cad8a072a530$export$3ee915f8151bd4f1(n,r);return t.jsxs("div",{className:"calendar",children:[t.jsx(Te,{nextButtonProps:o,prevButtonProps:a,state:r,title:l}),t.jsx(Ie,{state:r}),t.jsx(Ye,{children:t.jsx(L,{onClick:e,variant:"ghost",children:"Cancel"})})]})},wt=({segment:e,state:n})=>{const i=s.nt(),r=f.useRef(null),o={...e,placeholder:{day:"dd",dayPeriod:"(AM/PM)",era:"",hour:"hh",literal:"",minute:"mm",month:"mm",second:"",timeZoneName:"",year:"yyyy"}[e.type]},{segmentProps:l}=s.$32489daedd52963e$export$1315d136e6f7581(o,n,r),c=i.palette.gray[o.isEditable?800:500];return t.jsx("div",{...o.type!=="literal"&&{...l,className:"segment-cell"},ref:r,style:o.type==="literal"?void 0:{color:o.isPlaceholder?i.palette.gray[400]:c},children:o.isPlaceholder?o.placeholder:o.text})},vt=({disabled:e,error:n=!1,props:i})=>{const r=s.nt(),a=f.useRef(null),o=s.$3c0fc76039f1c516$export$60e84778edff6d26({...i,createCalendar:s.$64244302c3013299$export$dd0bbc9b26defe37,locale:"en-US"}),{fieldProps:l}=s.$16f0b7bb276bc17e$export$5591b0b878c1a989(i,o,a),c=f.useCallback(d=>{const p=document.getElementsByClassName("segment-cell"),g=d.currentTarget;Object.values(p).some(x=>x.contains(g))||(d.preventDefault(),d.stopPropagation())},[]);return t.jsxs(yi,{...l,onClick:c,children:[t.jsx("div",{className:"flex flex-row",style:{color:r.palette.gray[s.lodashExports.isNil(o.value)?400:800]},tabIndex:-1,children:o.segments.map((d,p)=>{const g=`key_${p}`;return t.jsx(wt,{segment:{...d,isEditable:!e},state:o},g)})}),n?t.jsx(T,{icon:"exclamation-circle",iconColor:r.palette.error[500],iconSize:"xs"}):void 0]})},jt=e=>{const n=f.useRef(null),i=s.$eff5d8ee529ac4bb$export$fd53cef0cc796101({...e,locale:"en-US",shouldForceLeadingZeros:!0}),{timeValue:r}=i,a=!s.lodashExports.isNil(r)&&r.hour<12?"AM":"PM",[o,l]=f.useState(s.lodashExports.isNil(r)?"AM":a),{fieldProps:c}=s.$16f0b7bb276bc17e$export$4c842f6a241dc825(e,i,n),d=f.useCallback(p=>{const g=p.currentTarget.name;g!==o&&(s.lodashExports.isNil(r)||(g==="AM"?i.setSegment("dayPeriod",0):g==="PM"&&i.setSegment("dayPeriod",12))),l(g)},[o,i,r]);return t.jsxs(mi,{children:[t.jsx(at,{...c,ref:n,children:i.segments.slice(0,-2).map((p,g)=>{const x=`key_${g}`;return t.jsx(wt,{segment:p,state:i},x)})}),t.jsxs(at,{children:[t.jsx(rt,{id:o==="AM"?"active":"",name:"AM",onClick:d,type:"button",children:"AM"}),t.jsx(rt,{id:o==="PM"?"active":"",name:"PM",onClick:d,type:"button",children:"PM"})]})]})},Ce=e=>e&&e!=="-"?s.dayjs(e).format("YYYY-MM-DD"):"-",wi=e=>e&&e!=="-"?s.dayjs(e).format("YYYY-MM-DD hh:mm A"):"-",ot=(e,n)=>s.dayjs(String(e).replace(/-/gu,"/")).hour(n.hour).minute(n.minute).second(n.second).format("YYYY/MM/DD hh:mm A"),le=({error:e,buttonProps:n,datePickerRef:i,disabled:r=!1,granularity:a="day",fieldProps:o,groupProps:l,name:c,register:d,required:p,setValue:g,value:x})=>{const u=f.useCallback(h=>{const b=a==="day"?Ce(String(h)):wi(String(h));o.onChange&&o.onChange(h??null),g&&g(c,b)},[o,a,c,g]);return t.jsxs(ee,{...l,className:`${r?"disabled":""} ${e?"error":""}`,ref:i,children:[t.jsx(vt,{disabled:r,error:e!=null,props:{...o,autoFocus:!1,granularity:a,onChange:u,shouldForceLeadingZeros:!0}}),t.jsx(ke,{disabled:r,icon:a==="minute"?"calendar-clock":"calendar",props:n}),t.jsx("input",{...d==null?void 0:d(c,{required:p}),"aria-label":c,className:"date-input",disabled:r,id:c,name:c,type:"text",value:x??""})]})},Fe=({children:e,...n})=>{const i=f.useRef(null),{dialogProps:r}=s.$40df3f8667284809$export$d55e7ee900f34e93(n,i);return t.jsx(bi,{...r,ref:i,children:e})},kt=({disabled:e=!1,error:n,helpLink:i,helpLinkText:r,helpText:a,required:o,label:l,name:c,register:d,setValue:p,tooltip:g,watch:x,...u})=>{const h=f.useRef(null),b=x==null?void 0:x(c),m=f.useCallback(C=>{p&&C&&p(c,Ce(String(C)))},[c,p]),w=s.$ab5bf3f618090389$export$87194bb378cc3ac2({...u,onChange(C){m(C)},value:s._.isNil(b)||s._.isEmpty(b)||b==="-"?null:s.$fae977aafc393c5c$export$6b862160d295c8e(b.replace(/\//gu,"-"))}),{close:y}=w,{groupProps:v,fieldProps:k,buttonProps:j,dialogProps:z,calendarProps:E}=s.$6057a3d2a53a12fd$export$42df105a73306d51({...u,"aria-label":l??c,name:c},w,h);return t.jsxs(O,{error:n,helpLink:i,helpLinkText:r,helpText:a,htmlFor:c,label:l,required:o,tooltip:g,children:[t.jsx(le,{buttonProps:j,datePickerRef:h,disabled:e,error:n,fieldProps:k,groupProps:v,name:c,register:d,required:o,setValue:p,value:b}),w.isOpen&&!e?t.jsx(ye,{offset:8,placement:"bottom start",state:w,triggerRef:h,children:t.jsx(Fe,{...z,children:t.jsx(mt,{onClose:y,props:E})})}):null]})},Ct=({onClose:e,props:n})=>{const{locale:i}=s.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=f.useRef(null),a=s.$9a36b6ba2fb1a7c5$export$9a987164d97ecc90({...n,createCalendar:s.$64244302c3013299$export$dd0bbc9b26defe37,locale:i}),{prevButtonProps:o,nextButtonProps:l,title:c}=s.$46a4342aab3d8076$export$87e0539f600c24e5(n,a,r);return t.jsxs("div",{className:"calendar-range",ref:r,children:[t.jsx(Te,{nextButtonProps:l,prevButtonProps:o,state:a,title:c}),t.jsx(Ie,{state:a}),t.jsx(Ye,{children:t.jsx(L,{onClick:e,variant:"ghost",children:"Cancel"})})]})},vi=s.dt.div`
1101
- ${({theme:e,$disabled:n,$show:i})=>`
1102
- border-color: ${i?e.palette.error[500]:e.palette.gray[300]};
1103
- display: flex;
1104
- gap: ${e.spacing[.25]};
1105
- width: 100%;
1106
-
1107
- ~ div {
1108
- background: ${n?e.palette.gray[200]:e.palette.white};
1109
- }
1110
- `}
1111
- `,St=({disabled:e=!1,error:n,label:i,name:r,required:a,tooltip:o,register:l,setValue:c,propsMax:d,propsMin:p,variant:g="default",...x})=>{const u=`${r}Max`,h=`${r}Min`,b=f.useRef(null),m=f.useCallback(N=>{c&&N&&(c((d==null?void 0:d.name)??u,Ce(String(N.end))),c((p==null?void 0:p.name)??h,Ce(String(N.start))))},[u,h,c,d,p]),w=s.$93c38a5e28be6249$export$e50a61c1de9f574({...x,endName:(d==null?void 0:d.name)??u,startName:(p==null?void 0:p.name)??h,onChange(N){m(N)}}),{close:y}=w,{groupProps:v,startFieldProps:k,endFieldProps:j,buttonProps:z,dialogProps:E,calendarProps:C}=s.$887cac91b7cc8801$export$12fd5f0e9f4bb192({...x,"aria-label":i??r},w,b);return t.jsxs(O,{error:n,htmlFor:r,label:i,required:a,tooltip:o,children:[t.jsxs(vi,{$disabled:e,$show:n!==void 0,ref:b,style:{flexDirection:g==="filters"?"column":"row"},children:[t.jsx(le,{buttonProps:z,datePickerRef:b,disabled:e,error:n,fieldProps:{...k,"aria-label":`${k["aria-label"]} ${r}`,validate:N=>j.value&&N>j.value?"Start date must be less than or equal to end date":null},groupProps:v,name:(p==null?void 0:p.name)??h,register:l,setValue:c,value:p==null?void 0:p.value}),t.jsx(le,{buttonProps:z,datePickerRef:b,disabled:e,error:n,fieldProps:{...j,"aria-label":`${j["aria-label"]} ${r}`,validate:N=>k.value&&N<k.value?"End date must be greater than or equal to start date":null},groupProps:v,name:(d==null?void 0:d.name)??u,register:l,setValue:c,value:d==null?void 0:d.value})]}),w.isOpen&&!e?t.jsx(ye,{offset:8,placement:"bottom start",state:w,triggerRef:b,children:t.jsx(Fe,{...E,children:t.jsx(Ct,{onClose:y,props:C})})}):null]})},ji=s.dt.div`
1112
- ${({theme:e})=>`
1113
- align-items: center;
1114
- border-top: 1px solid ${e.palette.gray[200]};
1115
- display: flex;
1116
- gap: ${e.spacing[1.5]};
1117
- justify-content: center;
1118
- padding: ${e.spacing[.5]} ${e.spacing[1.25]};
1119
- `}
1120
- `,ki=s.dt.div`
1121
- align-items: center;
1122
- display: flex;
1123
- gap: ${({theme:e})=>e.spacing[.5]};
1124
- justify-content: flex-end;
1125
- flex: 1 0 0;
1126
- `,zt=({handleTimeChange:e,onClose:n,props:i,timeState:r})=>{const a=s.nt(),{locale:o}=s.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),l=s.$131cf43a05231e1e$export$6d095e787d2b5e1f({...i,createCalendar:s.$64244302c3013299$export$dd0bbc9b26defe37,locale:o}),{prevButtonProps:c,nextButtonProps:d,title:p}=s.$9942cad8a072a530$export$3ee915f8151bd4f1(i,l);return t.jsxs("div",{className:"calendar",children:[t.jsx(Te,{nextButtonProps:d,prevButtonProps:c,state:l,title:p}),t.jsx(Ie,{state:l}),t.jsxs(ji,{children:[t.jsx(S,{color:a.palette.gray[800],fontWeight:"bold",size:"sm",children:"Time"}),t.jsx(ki,{children:t.jsx(jt,{hourCycle:12,label:"time-field",onChange:e,value:r.timeValue})})]}),t.jsx(Ye,{children:t.jsx(L,{onClick:n,variant:"ghost",children:"Cancel"})})]})},Ci=e=>{const{disabled:n=!1,error:i,required:r,label:a,name:o,tooltip:l,register:c,setValue:d,watch:p}=e,g=p==null?void 0:p(o),x=f.useRef(null),u=s.$ab5bf3f618090389$export$87194bb378cc3ac2({...e,granularity:"minute",hourCycle:12,isDisabled:n,isRequired:r,shouldCloseOnSelect:!1,value:s._.isNil(g)||s._.isEmpty(g)||g==="-"||s.dayjs(g,"YYYY/MM/DD hh:mm A").isValid()===!1?null:s.$fae977aafc393c5c$export$588937bcd60ade55(s.dayjs(g,"YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss"))}),{close:h}=u,{groupProps:b,fieldProps:m,buttonProps:w,dialogProps:y,calendarProps:v}=s.$6057a3d2a53a12fd$export$42df105a73306d51(e,u,x),k=f.useCallback(z=>{if(v.onChange&&v.onChange(z),u.timeValue){const E=ot(z,u.timeValue);d==null||d(o,E,{shouldDirty:!0})}else u.setDateValue(z)},[v,o,d,u]),j=f.useCallback(z=>{if(z){u.setTimeValue(z);const E=u.dateValue;if(E){const C=ot(E,z);d==null||d(o,C,{shouldDirty:!0})}}},[u,d,o]);return t.jsxs(O,{error:i,htmlFor:o,label:a,required:r,tooltip:l,children:[t.jsx(le,{buttonProps:w,datePickerRef:x,disabled:n,error:i,fieldProps:m,granularity:"minute",groupProps:b,name:o,register:c,setValue:d,value:g}),u.isOpen&&!n?t.jsx(ye,{offset:8,placement:"bottom start",state:u,triggerRef:x,children:t.jsx(Fe,{...y,children:t.jsx(zt,{handleTimeChange:j,onClose:h,props:{...v,onChange:k},timeState:u})})}):null]})},Si=({children:e,currentValue:n,externalLink:i,isEditing:r,label:a,name:o,tooltip:l})=>{if(r)return t.jsx("div",{children:e});const c=s.lodashExports.isNil(n)?"":n,d=String(i??c);return t.jsxs($,{children:[t.jsx(Ge,{htmlFor:o,label:a,tooltip:l,weight:"bold"}),d.startsWith("https://")?t.jsx(Q,{href:d,children:c}):t.jsx(S,{size:"md",children:c})]})},Ne=({disabled:e=!1,hasIcon:n=!1,helpLink:i,helpLinkText:r,helpText:a,error:o,id:l,indexArray:c=0,isValid:d,isTouched:p,label:g,linkPosition:x,name:u,maskValue:h=!1,onPaste:b,placeholder:m,removeItemArray:w,register:y,suggestions:v,tooltip:k,type:j="text",weight:z,...E})=>{const{required:C,onBlur:N,onChange:P}=E,R=s.nt(),A=e?void 0:o,[B,U]=f.useState(""),J=f.useCallback(H=>{U(H.target.value),P==null||P(H)},[P]),W=d&&p&&!e&&B.trim()!=="",_=f.useCallback(H=>{H.key==="Enter"&&H.preventDefault()},[]);return t.jsxs(O,{error:A,helpLink:i,helpLinkText:r,helpText:a,htmlFor:u,label:g,linkPosition:x,required:C,tooltip:k,weight:z,children:[t.jsxs(ee,{className:`
1127
- ${e?"disabled":""} ${A?"error":""} ${W?"success":""}
1128
- `,children:[n?t.jsx(T,{icon:"user",iconSize:"sm",iconType:"fa-light"}):void 0,t.jsx("input",{"aria-hidden":!1,"aria-invalid":A?"true":"false","aria-label":u,"aria-required":C,autoComplete:"off",className:h?"sr-block":"","data-testid":`${u}-input`,disabled:e,id:u,list:v?`list_${u}`:void 0,onKeyDown:_,onPaste:b,placeholder:m,type:j,...y?y(u,{required:C,onBlur:N,onChange:J}):{...E,onChange:J}}),A?t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:R.palette.error[500],iconSize:"xs"}):void 0,W?t.jsx(T,{icon:"check-circle",iconClass:"success-icon",iconColor:R.palette.success[500],iconSize:"xs"}):void 0,l==="array"&&c>0?t.jsx(M,{color:R.palette.gray[400],icon:"trash",iconSize:"xxs",iconType:"fa-light",onClick:w?w(c):void 0,variant:"ghost"}):void 0]}),v?t.jsx("datalist",{id:`list_${u}`,children:v.map(H=>t.jsx("option",{value:H},H))}):void 0]})},zi=s.dt.div.attrs({className:"flex flex-wrap justify-center pv3 w-100"})``,Ii=s.dt.div.attrs({className:"flex flex-wrap items-center justify-start mb2"})`
1129
- gap: 12px;
1130
- `,Ti=s.dt.div.attrs({className:"flex flex-wrap items-center justify-end mb2"})`
1131
- gap: 8px;
1132
- `,je=e=>e===void 0?"flex-grow: 1;":`width: calc(${e}00% / var(--cols));`,Fi=s.dt.div.attrs({className:"comp-col"})`
1133
- word-wrap: break-word;
1134
-
1135
- ${({$width:e=null})=>e===null?"":`width: ${e}`};
1136
-
1137
- ${({$paddingTop:e})=>`padding-top: ${e??0}px;`}
1138
-
1139
- @media (width <= 768px) {
1140
- ${({$sm:e})=>je(e)}
1141
- }
1142
-
1143
- @media (width >= 768px) and (width <= 992px) {
1144
- ${({$md:e})=>je(e)}
1145
- }
1146
-
1147
- @media (width >= 992px) {
1148
- ${({$lg:e})=>je(e)}
1149
- }
1150
-
1151
- ${({$xl:e})=>s.isNumber(e)?`@media (min-width: 1200px) { ${je(e)} }`:""}
1152
-
1153
- > .comp-card {
1154
- height: 100%;
1155
- }
1156
- `,Pe=({children:e,xl:n,lg:i,md:r,sm:a,paddingTop:o,width:l})=>t.jsx(Fi,{$lg:i,$md:r,$paddingTop:o,$sm:a,$width:l,$xl:n,children:e}),Ni=s.dt.div.attrs({className:"comp-gap"})`
1157
- ${({$disp:e="flex",$mh:n=4,$mv:i=4})=>`
1158
- align-items: center;
1159
- display: ${e};
1160
- margin: ${-i}px ${-n}px;
1161
-
1162
- > * {
1163
- margin: ${i}px ${n}px;
1164
- }
1165
- `}
1166
- `,Ei=({children:e,disp:n,mh:i,mv:r})=>t.jsx(Ni,{$disp:n,$mh:i,$mv:r,children:e}),Ri=s.dt.div.attrs({className:"comp-row flex flex-row flex-wrap"})`
1167
- ${({$align:e="stretch",$cols:n=100,$colsPadding:i=6,$justify:r="start"})=>`
1168
- align-items: ${e};
1169
- justify-content: ${r};
1170
- margin: -6px;
1171
- text-align: ${r};
1172
-
1173
- --cols: ${n};
1174
-
1175
- > *:not(.comp-col) {
1176
- width: 100%;
1177
- margin: 6px;
1178
- }
1179
-
1180
- > .comp-col {
1181
- padding: ${i}px;
1182
- }
1183
- `}
1184
- `,It=({align:e,children:n,cols:i,colsPadding:r,justify:a})=>t.jsx(Ri,{$align:e,$cols:i,$colsPadding:r,$justify:a,children:n}),Ae=({addText:e,append:n,disabled:i=!1,fields:r,fieldState:a,initValue:o="",index:l=0,required:c,label:d,max:p=100,name:g,onBlur:x,onChange:u,placeholder:h,tooltip:b,remove:m,value:w})=>{var k;const y=f.useCallback(()=>{n==null||n(o)},[n,o]),v=f.useCallback(j=>()=>{m==null||m(j)},[m]);return t.jsxs(It,{align:"start",children:[t.jsx(Pe,{lg:75,md:75,sm:75,children:t.jsx(Ne,{disabled:i,error:a?(k=a.error)==null?void 0:k.message:void 0,id:"array",indexArray:l,isTouched:a?a.isTouched:void 0,isValid:a?!a.invalid:void 0,label:d,name:g,onBlur:x,onChange:u,placeholder:h,removeItemArray:v,required:c,tooltip:b,value:w})}),l<p-1&&l+1===(r==null?void 0:r.length)?t.jsx(Pe,{lg:25,md:25,sm:25,children:t.jsx(L,{disabled:i,icon:"plus",onClick:y,variant:"ghost",width:"100%",children:e??"Add"})}):void 0]})},Di=({addText:e,append:n,control:i,disabled:r,fields:a,initValue:o="",required:l,label:c,max:d=void 0,name:p="array-field",onChange:g,placeholder:x,remove:u,tooltip:h})=>i&&a?t.jsx(f.Fragment,{children:a.map((b,m)=>t.jsx(s.Controller,{control:i,name:`${p}.${m}`,render:({field:w,fieldState:y})=>t.jsx(Ae,{addText:e,append:n,disabled:r,fieldState:y,fields:a,index:m,initValue:o,label:c,max:d,name:w.name,onBlur:w.onBlur,onChange:g??w.onChange,placeholder:x,remove:u,required:l,tooltip:h,value:typeof w.value=="object"?w.value.value:w.value}),index:m},b.id))}):t.jsx(Ae,{addText:e,disabled:r,initValue:o,label:c,max:d,name:p,onChange:g,placeholder:x,required:l,tooltip:h}),Li=s.dt(pt)`
1185
- white-space: nowrap;
1186
- margin-right: ${({theme:e})=>e.spacing[.25]};
1187
- text-overflow: ellipsis;
1188
- overflow: hidden;
1189
- max-width: 80%;
1190
- `,Pi=s.dt.input`
1191
- opacity: 0;
1192
- position: absolute;
1193
- visibility: hidden;
1194
- width: 0;
1195
- `,Tt=(e,n,i)=>{const r=new Event(e);return Object.defineProperty(r,"target",{value:{name:n,value:i}}),r},Ai=e=>{const n=e;return n?Array.from(n).map(i=>i.name).join(", "):""},Wi=({accept:e,disabled:n=!1,error:i,label:r,helpLink:a,helpText:o,id:l,multiple:c,name:d,onChange:p,required:g,register:x,setValue:u,tooltip:h,watch:b,weight:m})=>{const w=s.nt(),y=n?void 0:i,v=f.useRef(null),k=x==null?void 0:x(d,{required:g}),j=b==null?void 0:b(d),z=Ai(j),E=f.useCallback(()=>{const P=Tt("change",d,void 0);u&&u(d,void 0),k&&k.onChange(P)},[k,d,u]),C=f.useCallback(P=>{const{files:R}=P.currentTarget;R&&R.length>0&&(p==null||p(P),u&&u(d,R),k&&k.onChange(P))},[k,d,p,u]),N=f.useCallback(P=>{n?P.preventDefault():v.current&&v.current.click()},[n]);return t.jsxs(O,{error:y,helpLink:a,helpText:o,htmlFor:l??d,label:r,required:g,tooltip:h,weight:m,children:[t.jsxs(ee,{className:`${n?"disabled":""} ${y?"error":""}`,children:[t.jsx(Li,{$size:"xs",children:z}),t.jsxs($,{alignItems:"center",display:"flex",gap:.625,children:[s.lodashExports.isEmpty(z)?void 0:t.jsx(M,{color:w.palette.gray[400],height:"20px",icon:"xmark",iconSize:"lg",iconType:"fa-light",onClick:E,variant:"ghost",width:"20px"}),y&&t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:w.palette.error[500],iconSize:"xs"}),t.jsxs(L,{border:n?`1px solid ${w.palette.gray[300]} !important`:"",borderRadius:"0px 8px 8px 0px !important",disabled:n,height:"40px",onClick:N,variant:"primary",width:"96px",children:[t.jsx(T,{icon:"search",iconSize:"sm",mr:.5}),"Add file"]})]})]}),t.jsx(Pi,{...k,accept:e,"aria-label":d,"data-testid":d,disabled:n,id:l??d,multiple:c,name:d,onChange:C,ref:v,type:"file"})]})},Bi=s.dt.input`
1196
- border: none;
1197
- background: transparent;
1198
- min-width: 15rem;
1199
- padding: 0;
1200
- flex: 1;
1201
- `,We=({disabled:e=!1,error:n,field:i,helpLink:r,helpLinkText:a,helpText:o,label:l,name:c="input-tag",onChange:d,onRemove:p,placeholder:g,required:x,tooltip:u,value:h,weight:b})=>{const m=s.nt(),w=e?void 0:n,[y,v]=f.useState(""),k=d?h:i==null?void 0:i.value,j=f.useMemo(()=>k&&typeof k=="string"?k.split(",").filter(Boolean):[],[k]),z=f.useCallback(R=>{const B=[...new Set(R.filter(Boolean))].join(","),U=Tt("change",c,B);i&&i.onChange(U),d&&d(U)},[i,c,d]),E=f.useCallback(R=>{v(R.target.value)},[]),C=f.useCallback(R=>{const A=y.trim();A.length&&!j.includes(A)&&(R.preventDefault(),z([...j,A]),v("")),i&&i.onBlur()},[y,i,z,j]),N=f.useCallback(R=>{const A=y.trim();R.key==="Enter"&&A.length===0&&R.preventDefault(),["Enter",","].includes(R.key)&&A.length>0&&!j.includes(A)?(R.preventDefault(),z([...j,A]),v("")):R.key==="Backspace"&&!A.length&&j.length&&(R.preventDefault(),p==null||p(j[j.length-1]),z(j.slice(0,-1)))},[y,p,z,j]),P=f.useCallback(R=>()=>{p==null||p(R),z(j.filter(A=>A!==R))},[p,z,j]);return t.jsx(O,{error:w,helpLink:r,helpLinkText:a,helpText:o,htmlFor:c,label:l,required:x,tooltip:u,weight:b,children:t.jsxs(ee,{$overflowX:"auto",className:`${e?"disabled":""} ${w?"error":""}`,children:[j.map(R=>t.jsx(X,{disabled:e,onClose:P(R),tagLabel:R},R)),t.jsx(Bi,{"aria-hidden":!1,"aria-invalid":w?"true":"false","aria-label":c,"aria-required":x,autoComplete:"off",id:c,onBlur:C,onChange:E,onKeyDown:N,placeholder:j.length===0?g:void 0,ref:i==null?void 0:i.ref,type:"text",value:y}),w?t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:m.palette.error[500],iconSize:"xs"}):void 0]})})},Mi=({disabled:e=!1,control:n,error:i,helpLink:r,helpLinkText:a,helpText:o,label:l,name:c="input-tag",onChange:d,onRemove:p,placeholder:g,required:x,tooltip:u,value:h,weight:b})=>n?t.jsx(s.Controller,{control:n,name:c,render:({field:m})=>t.jsx(We,{disabled:e,error:i,field:m,helpLink:r,helpLinkText:a,helpText:o,label:l,name:c,onRemove:p,placeholder:g,required:x,tooltip:u,weight:b}),rules:{required:x}}):t.jsx(We,{disabled:e,error:i,helpLink:r,helpLinkText:a,helpText:o,label:l,name:c,onChange:d,onRemove:p,placeholder:g,required:x,tooltip:u,value:h,weight:b}),Be=f.forwardRef(function({disabled:n,icon:i,margin:r,onClick:a,...o},l){return t.jsx(hi,{$margin:r,"aria-label":i,className:"action-btn",disabled:n,onClick:a,ref:l,type:"button",...o,children:t.jsx(T,{icon:i,iconClass:"action",iconSize:"xs",iconType:"fa-light"})})}),Se=({error:e,decimalPlaces:n=0,disabled:i=!1,id:r,maxLength:a,max:o=1/0,min:l=0,name:c,onChange:d,placeholder:p,register:g,required:x,setValue:u,value:h})=>{const b=s.nt(),m=i?void 0:e,w=n<0?0:n,[y,v]=f.useState(h?s._.toNumber(h):0),k=f.useCallback(()=>{const C=(y-10**-w).toFixed(w),N=Math.max(Number(l),Number(C));u&&u(c,N,{shouldDirty:!0}),v(N)},[w,y,l,c,u]),j=f.useCallback(()=>{const C=(y+10**-w).toFixed(w),N=Math.min(Number(o),Number(C)>Number(l)?Number(C):Number(l));u&&u(c,N,{shouldDirty:!0}),v(N)},[w,y,o,l,c,u]),z=f.useCallback(C=>{const{value:N}=C.target,P=/\d+/u.test(N)&&!s._.isEmpty(N);u&&u(c,P?N:void 0),d&&d(C),v(Number(N))},[c,d,u]),E=f.useCallback(C=>{C.key==="Enter"&&C.preventDefault()},[]);return t.jsxs(ee,{className:`${i?"disabled":""} ${m?"error":""}`,children:[t.jsx("input",{"aria-hidden":!1,"aria-invalid":m?"true":"false","aria-label":c,"aria-required":x,autoComplete:"off",disabled:i,id:r??c,max:o,min:l,onKeyDown:E,placeholder:p,required:x,step:10**-w,type:"number",...g==null?void 0:g(c,{maxLength:a,max:o,min:l,onChange:z,value:h,valueAsNumber:!0})}),m&&t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:b.palette.error[500],iconSize:"xs"}),t.jsx(Be,{borderLeft:"inherit",borderRight:"inherit",disabled:i,icon:"minus",margin:"0 -0.625rem 0 0",onClick:k,px:.75,py:.75}),t.jsx(Be,{borderRadius:`0 ${b.spacing[.5]} ${b.spacing[.5]} 0`,disabled:i,icon:"plus",onClick:j,px:.75,py:.75})]})},Ft=({decimalPlaces:e,disabled:n=!1,error:i,helpLink:r,helpText:a,id:o,label:l,linkPosition:c,maxLength:d,max:p,min:g,name:x,onChange:u,placeholder:h,register:b,required:m,setValue:w,tooltip:y,value:v,watch:k,weight:j})=>t.jsx(O,{error:n?void 0:i,helpLink:r,helpText:a,htmlFor:x,label:l,linkPosition:c,maxLength:d,required:m,tooltip:y,weight:j,children:t.jsx(Se,{decimalPlaces:e,disabled:n,error:i,id:o,max:p,maxLength:d,min:g,name:x,onChange:u,placeholder:h,register:b,required:m,setValue:w,value:u?v:k==null?void 0:k(x)})}),Nt=({disabled:e=!1,error:n,name:i,label:r,propsMax:a,propsMin:o,required:l,tooltip:c,variant:d="default"})=>{const p=`${i}Max`,g=`${i}Min`;return t.jsx(O,{error:n,htmlFor:i,label:r,required:l,tooltip:c,children:t.jsxs($,{display:"flex",flexDirection:d==="filters"?"column":"row",gap:.25,width:"100%",children:[t.jsx(Se,{...o,disabled:e,error:n,name:o.name??g}),t.jsx(Se,{...a,disabled:e,error:n,name:a.name??p})]})})},Hi=s.dt.div`
1202
- ${({theme:e})=>`
1203
- align-items: flex-start;
1204
- align-self: stretch;
1205
- display: flex;
1206
- gap: ${e.spacing[.5]};
1207
-
1208
- > button, div {
1209
- border: 1px solid ${e.palette.gray[300]};
1210
- border-radius: ${e.spacing[.5]};
1211
- }
1212
-
1213
- &.disabled {
1214
- > button, div {
1215
- background: ${e.palette.gray[100]};
1216
- color: ${e.palette.gray[400]};
1217
- cursor: not-allowed;
1218
- }
1219
- }
1220
-
1221
- &.error:not(.disabled) {
1222
- > button, div {
1223
- border: 1px solid ${e.palette.error[500]};
1224
- }
1225
- }
1226
-
1227
- &:focus-within:not(.disabled, .error) {
1228
- > button, div {
1229
- background: ${e.palette.white};
1230
- border: 2px solid ${e.palette.black};
1231
- }
1232
- }
1233
-
1234
- &:hover:not(:focus-within, .disabled, .error) {
1235
- > button, div {
1236
- background: ${e.palette.white};
1237
- border-color: ${e.palette.gray[600]};
1238
- }
1239
- }
1240
- `}
1241
- `,_i=s.dt.button`
1242
- ${({theme:e})=>`
1243
- align-items: center;
1244
- background: inherit;
1245
- border-color: inherit;
1246
- display: flex;
1247
- gap: ${e.spacing[.25]};
1248
- height: 40px;
1249
- min-width: 67px;
1250
- padding: ${e.spacing[.625]} ${e.spacing[1]};
1251
-
1252
- &:disabled {
1253
- background: ${e.palette.gray[100]};
1254
- cursor: not-allowed;
1255
- }
1256
- `}
1257
- `,Oi=s.dt.ul`
1258
- ${({theme:e})=>`
1259
- align-items: flex-start;
1260
- box-shadow: ${e.shadows.md};
1261
- display: flex;
1262
- flex-direction: column;
1263
- margin-top: ${e.spacing[.25]};
1264
- max-height: 190px;
1265
- overflow: hidden auto;
1266
- scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
1267
- scroll-padding: ${e.spacing[.5]};
1268
- scrollbar-width: thin;
1269
- width: max-content;
1270
- `}
1271
- `,Vi=s.dt.li`
1272
- ${({theme:e})=>`
1273
- align-items: center;
1274
- background: ${e.palette.white};
1275
- cursor: pointer;
1276
- display: inline-flex;
1277
- font-size: ${e.typography.text.sm};
1278
- gap: ${e.spacing[.5]};
1279
- height: 38px;
1280
- line-height: ${e.spacing[1.25]};
1281
- padding: ${e.spacing[.5]} ${e.spacing[1]};
1282
- width: 190px;
1283
-
1284
- &:hover {
1285
- background: ${e.palette.gray[100]};
1286
- }
1287
- `}
1288
- `,Ui=s.dt.p`
1289
- color: ${({theme:e})=>e.palette.gray[800]};
1290
- font-size: inherit;
1291
- min-width: 55%;
1292
- overflow: hidden;
1293
- text-overflow: ellipsis;
1294
- white-space: nowrap;
1295
- `,me=(e,n,i=!1)=>{f.useEffect(()=>{var a;const r=o=>{e&&!e.contains(o.target)&&n()};return i?(document.addEventListener("mousedown",r,!0),()=>{document.removeEventListener("mousedown",r,!0)}):((a=document.getElementById("root"))==null||a.addEventListener("mousedown",r,!0),()=>{var o;(o=document.getElementById("root"))==null||o.removeEventListener("mousedown",r,!0)})},[i,e,n])},Gi=({disabled:e,error:n,label:i,name:r,placeholder:a,required:o,register:l,tooltip:c,value:d,watch:p,weight:g})=>{const x=s.nt(),u=f.useRef(null),h=e?void 0:n,b=(p==null?void 0:p(r))??d,[m,w]=f.useState(!1),[y,v]=f.useState(""),{refs:k,floatingStyles:j}=s.useFloating$1({placement:"bottom-start",whileElementsMounted:s.autoUpdate}),{inputRef:z,inputValue:E,handlePhoneValueChange:C,country:N,setCountry:P}=s.ee({countries:s.R,defaultCountry:"co",forceDialCode:!0,value:b?String(b):""}),R=f.useCallback(W=>{W.key==="Enter"&&W.preventDefault()},[]),A=f.useCallback(W=>{W.preventDefault(),w(_=>!_),m||v("")},[m]),B=f.useCallback(W=>()=>{P(W),w(!1),v("")},[P,w]),U=f.useCallback(W=>{W.key.length===1?v(_=>_+W.key):W.key==="Backspace"&&v(_=>_.slice(0,-1))},[]),J=s.R.filter(W=>{const{name:_}=s.M(W);return _.toLowerCase().includes(y.toLowerCase())});return me(k.floating.current,()=>{w(!1),v("")},!0),t.jsx(O,{error:h,htmlFor:r,label:i,required:o,tooltip:c,weight:g,children:t.jsxs(Hi,{className:`${e?"disabled":""} ${h?"error":""}`,ref:u,children:[t.jsxs(_i,{"aria-label":"country-selector","data-testid":"country-selector",disabled:e,id:"country-selector",onClick:A,onKeyDown:U,ref:k.setReference,children:[t.jsx(s.q,{iso2:N.iso2,size:"16px"}),t.jsx(T,{icon:"angle-down",iconColor:x.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]}),t.jsxs(ee,{className:`${e?"disabled":""} ${h?"error":""}`,children:[t.jsx("input",{"aria-hidden":!1,"aria-invalid":h?"true":"false","aria-label":r,"aria-required":o,autoComplete:"off","data-testid":`${r}-input`,disabled:e,id:r,name:r,onKeyDown:R,placeholder:a,ref:z,type:"tel",value:E,...l==null?void 0:l(r,{required:o,onChange:C})}),h?t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:x.palette.error[500],iconSize:"xs"}):void 0]}),m&&ie.createPortal(t.jsx(Oi,{ref:k.setFloating,style:j,children:J.map(W=>{const{dialCode:_,iso2:H,name:ve}=s.M(W);return t.jsxs(Vi,{onClick:B(H),value:H,children:[t.jsx(s.q,{iso2:H,size:"16px"}),t.jsx(Ui,{children:ve}),t.jsx(S,{color:x.palette.gray[400],size:"sm",sizeSm:"xs",textAlign:"end",children:"+"+_})]},H)})}),document.getElementById("modal-wrapper")??document.getElementById("root")??document.body)]})})},Yi=({disabled:e=!1,error:n,helpLink:i,helpText:r,isTouched:a,isValid:o,label:l,name:c="input-text",id:d,maskValue:p=!1,maxLength:g,placeholder:x,register:u,required:h,rows:b,tooltip:m,watch:w,weight:y,value:v})=>{const k=s.nt(),j=(w==null?void 0:w(c))??v,z=o&&a&&!e,E=e?void 0:n;return t.jsx(O,{error:E,helpLink:i,helpText:r,htmlFor:c,label:l,maxLength:g,required:h,tooltip:m,value:j?String(j):void 0,weight:y,children:t.jsxs(ee,{className:`
1296
- ${e?"disabled":""} ${E?"error":""} ${z?"success":""}
1297
- `,children:[t.jsx("textarea",{"aria-hidden":!1,"aria-invalid":E?"true":"false","aria-label":c,"aria-required":h,className:p?"sr-block":"","data-testid":`${c}-text-area`,disabled:e,id:d??c,maxLength:g,placeholder:x,rows:b,value:j,...u==null?void 0:u(c,{required:h})}),E?t.jsx(T,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:k.palette.error[500],iconSize:"xs"}):void 0,z?t.jsx(T,{icon:"check-circle",iconClass:"success-icon",iconColor:k.palette.success[500],iconSize:"xs"}):void 0]})})},qi=({description:e,disabled:n,id:i,align:r,inputType:a="text",inputNumberProps:o,minHeight:l,minWidth:c,name:d,placeholder:p,tooltip:g,title:x})=>{const u=f.useMemo(()=>{if(a==="text")return t.jsx(Ne,{disabled:n,name:d,placeholder:p});if(a==="date")return t.jsx(kt,{disabled:n,name:d});const{decimalPlaces:h,max:b,min:m}=o??{};return t.jsx(Ft,{decimalPlaces:h,disabled:n,max:b,min:m,name:d,placeholder:p})},[n,o,a,d,p]);return t.jsxs(si,{$align:r,$minHeight:l,$minWidth:c,children:[t.jsx(ze,{description:e,id:i,title:x,tooltip:g}),u]})},Et=(e,n)=>{const[r,a]=f.useState(0),[o,l]=f.useState(0);return f.useEffect(()=>{o===100&&(()=>{a(d=>d===n-1?0:d+1)})()},[o,n]),f.useEffect(()=>{const c=setInterval(()=>{l(d=>d===100?0:d+1)},e);return()=>{clearInterval(c)}},[e]),{cycle:r,progress:o,setCycle:a,setProgress:l}},Rt=({publicId:e,format:n="webp"})=>{const i=f.useMemo(()=>new s.Cloudinary({cloud:{cloudName:"fluid-attacks"}}),[]);return f.useMemo(()=>i.image(e).format(n),[i,e,n])},Ee=e=>{const[n,i]=f.useState(!1),r=f.useCallback(()=>{i(!0)},[]),a=f.useCallback(()=>{i(!1)},[]),o=f.useCallback(()=>{i(l=>!l)},[]);return{close:a,isOpen:n,name:e,open:r,setIsOpen:i,toggle:o}},Ki=({name:e,items:n,columnOrder:i,setColumnOrder:r})=>{const a=f.useMemo(()=>[...n.filter(({locked:g})=>g).map(({locked:g,...x})=>({...x,visible:!0,locked:g})),...n.filter(({locked:g})=>!g)],[n]),[o,l]=f.useState(a),c=f.useCallback(g=>{const x=g.filter(({locked:m})=>!m),h=[...g.filter(({locked:m})=>m),...x],b=h.map(({name:m})=>m);l(m=>[...h,...m.filter(({name:w})=>!b.includes(w))]),r&&r(h.map(({id:m})=>m))},[r]),d=f.useCallback(()=>{const g=o.map(x=>{var h;const u=(i==null?void 0:i.includes(x.id))??!1;return(h=x.toggleVisibility)==null||h.call(x,u),{...x,visible:u}}).toSorted((x,u)=>{const h=(i==null?void 0:i.indexOf(x.id))??0,b=(i==null?void 0:i.indexOf(u.id))??0;return Number(u.visible)!==Number(x.visible)?Number(u.visible)-Number(x.visible):h-b});l(g),r==null||r(i)},[o,i,r]),p=f.useMemo(()=>s.some(o,g=>((i==null?void 0:i.includes(g.id))??!1)!==g.visible),[o,i]);return{setColumns:c,resetToDefault:d,columns:o,...Ee(e),hasChanged:p}},Dt=(e,n)=>f.useMemo(()=>s._.debounce(e,n),[e,n]),Xi=e=>{const[n,i]=f.useState(),r=Dt(a=>{i(a)},(e==null?void 0:e.debounceWait)??300);return[n,r]},Ji=({alt:e="img",height:n="",width:i="",plugins:r=[s.lazyload(),s.placeholder()],publicId:a})=>{const o=Rt({publicId:a});return t.jsx(s.AdvancedImage,{alt:e,cldImg:o,height:n,plugins:r,width:i})},te=f.memo(Ji),Zi=s.dt.label`
1298
- ${({theme:e})=>`
1299
- align-items: center;
1300
- display: flex;
1301
- color: ${e.palette.gray[600]};
1302
- cursor: pointer;
1303
- font-family: ${e.typography.type.primary};
1304
- font-size: ${e.typography.text.sm};
1305
- font-weight: ${e.typography.weight.regular};
1306
- gap: ${e.spacing[.5]};
1307
- line-height: ${e.typography.text.lg};
1308
- text-align: left;
1309
- position: relative;
1310
-
1311
- &[aria-disabled="true"] {
1312
- color: ${e.palette.gray[300]};
1313
- cursor: not-allowed;
1314
- }
1315
-
1316
- input {
1317
- position: absolute;
1318
- opacity: 0;
1319
- cursor: pointer;
1320
- width: 0;
1321
- }
1322
-
1323
- .checkmark {
1324
- position: relative;
1325
- top: 0;
1326
- left: 0;
1327
- height: 16px;
1328
- width: 16px;
1329
- background-color: ${e.palette.white};
1330
- border-radius: 50%;
1331
- border: 1px solid ${e.palette.gray[600]};
1332
- }
1333
-
1334
- input:disabled ~ .checkmark {
1335
- border: 1px solid ${e.palette.gray[300]};
1336
- background-color: ${e.palette.white};
1337
- cursor: not-allowed;
1338
- }
1339
-
1340
- input:not(:disabled):checked ~ .checkmark {
1341
- background-color: ${e.palette.white};
1342
- border: 1px solid ${e.palette.primary[500]};
1343
- }
1344
-
1345
- input:not(:disabled):hover ~ .checkmark {
1346
- background-color: ${e.palette.white};
1347
- box-shadow: 0 0 0 4px ${e.palette.gray[100]};
1348
- }
1349
-
1350
- input:not(:disabled):hover:checked ~ .checkmark {
1351
- background-color: ${e.palette.white};
1352
- box-shadow: 0 0 0 4px ${e.palette.primary[50]};
1353
- }
1354
-
1355
- .checkmark::after {
1356
- content: "";
1357
- position: absolute;
1358
- display: none;
1359
- top: 3px;
1360
- left: 3px;
1361
- width: 8px;
1362
- height: 8px;
1363
- border-radius: 50%;
1364
- background: ${e.palette.primary[500]};
1365
- }
1366
-
1367
- input:checked ~ .checkmark::after {
1368
- display: block;
1369
- }
1370
-
1371
- input:disabled:checked ~ .checkmark::after {
1372
- background-color: ${e.palette.gray[300]};
1373
- }
1374
-
1375
- `}
1376
- `,Qi=s.dt.span.attrs({className:"checkmark"})``,qe=f.forwardRef(function({defaultChecked:n=!1,disabled:i=!1,label:r,name:a,onChange:o,onClick:l,value:c,...d},p){return t.jsxs(Zi,{"aria-disabled":i,"aria-label":r??a,role:"radiogroup",children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-label":r??a,defaultChecked:n,disabled:i,name:a,onChange:o,onClick:l,ref:p,type:"radio",value:c,...d}),t.jsx(Qi,{}),r??null]})}),ea=({alt:e,imageId:n,icon:i,selectorProps:r,onClick:a,register:o,title:l,width:c="fit-content"})=>{const d=s.nt();return t.jsxs($,{alignItems:"center",border:`1px solid ${d.palette.gray[200]}`,borderColorHover:d.palette.gray[600],borderRadius:d.spacing[.25],display:"inline-flex",padding:[1,1,1,1],shadowHover:"md",width:c,children:[t.jsx($,{alignSelf:"start",display:"flex",width:"fit-content",children:t.jsx(qe,{name:r.name,onClick:a,value:r.value,...o==null?void 0:o(r.name)})}),t.jsxs($,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[n===void 0?void 0:t.jsx(te,{alt:e??"card image",height:"32px",publicId:n,width:"32px"}),i===void 0?void 0:t.jsx(T,{icon:i,iconSize:"sm",iconType:"fa-light"}),t.jsx(S,{color:d.palette.gray[800],fontWeight:"bold",size:"sm",children:l})]})]})},ae=s.dt.div`
1377
- ${({theme:e})=>`
1378
- align-items: center;
1379
- background-color: ${e.palette.gray[200]};
1380
- border-radius: 34px;
1381
- cursor: pointer;
1382
- display: flex;
1383
- height: 20px;
1384
- position: relative;
1385
- transition: 0.2s;
1386
- width: 36px;
1387
- `}
1388
- `,ta=s.dt.div`
1389
- ${({theme:e})=>`
1390
- background-color: ${e.palette.white};
1391
- border-radius: 50%;
1392
- height: ${e.spacing[1]};
1393
- left: 2px;
1394
- position: absolute;
1395
- transition: 0.2s;
1396
- width: ${e.spacing[1]};
1397
- z-index: 1;
1398
- `}
1399
- `,na=s.dt.label`
1400
- display: inline-block;
1401
-
1402
- input {
1403
- position: absolute;
1404
- height: 0;
1405
- opacity: 0;
1406
- width: 0;
1407
- }
1408
-
1409
- input:checked + ${ae} {
1410
- background-color: ${({theme:e})=>e.palette.primary[500]};
1411
- }
1412
-
1413
- input:checked + ${ae} > div {
1414
- transform: translateX(100%);
1415
- }
1416
-
1417
- input:disabled + ${ae} {
1418
- cursor: not-allowed;
1419
- background-color: ${({theme:e})=>e.palette.gray[100]};
1420
- }
1421
-
1422
- input:disabled + ${ae} > div {
1423
- background-color: ${({theme:e})=>e.palette.gray[200]};
1424
- border: 1px solid ${({theme:e})=>e.palette.gray[200]};
1425
- }
1426
- `,Lt=f.forwardRef(function({defaultChecked:n,disabled:i=!1,justify:r,name:a,leftDescription:o,leftDescriptionMinWidth:l,rightDescription:c,...d},p){const g=n===!0?"on":"off",x=typeof o=="object"&&o.on&&o.off?o[g]:o,u=f.useCallback(h=>{h.stopPropagation()},[]);return t.jsxs($,{alignItems:"center",display:"flex",fontSize:"14px",gap:.75,justify:r,children:[t.jsx($,{minWidth:l,children:x}),t.jsxs(na,{onClick:u,role:"switch",children:[t.jsx("input",{...d,"aria-disabled":i,"aria-label":a,checked:n===!0,disabled:i,name:a,ref:p,type:"checkbox"}),t.jsx(ae,{"aria-label":"Toggle Switch",id:`${a}Toggle`,children:t.jsx(ta,{})})]}),c]})}),ia=({id:e,title:n,toggles:i,minWidth:r="auto",height:a="auto"})=>{const o=s.nt();return t.jsxs($,{alignItems:"center",bgColor:o.palette.white,border:`1px solid ${o.palette.gray[200]}`,borderRadius:o.spacing[.25],display:"flex",flexDirection:"column",gap:.5,height:a,justify:"center",minHeight:"100px",minWidth:r,padding:[1.25,1.25,1.25,1.25],children:[t.jsx(ze,{id:e,title:n}),t.jsx($,{display:"flex",flexDirection:"column",gap:.5,minHeight:"40px",width:"100%",children:i.map(l=>t.jsx(Lt,{...l},`$card-toggle-${l.name}`))})]})},aa=s.dt.div`
1427
- position: relative;
1428
- margin: auto;
1429
- overflow: hidden;
1430
- `,ra=s.dt.div`
1431
- display: flex;
1432
- transition: transform 0.5s ease-in-out;
1433
- transform: translateX(
1434
- ${({$currentIndex:e})=>-e*100}%
1435
- );
1436
- `,oa=s.dt.div`
1437
- align-items: center;
1438
- display: flex;
1439
- justify-content: center;
1440
- min-width: 100%;
1441
- `,sa=s.dt.button`
1442
- ${({theme:e,$isActive:n})=>`
1443
- background-color: ${n?e.palette.primary[400]:e.palette.white};
1444
- border: none;
1445
- border-radius: 50%;
1446
- cursor: pointer;
1447
- height: ${e.spacing[.75]};
1448
- width: ${e.spacing[.75]};
1449
- `}
1450
- `,la=s.dt.div`
1451
- align-items: center;
1452
- display: flex;
1453
- gap: ${({theme:e})=>e.spacing[.5]};
1454
- justify-content: center;
1455
- margin-top: ${({theme:e})=>e.spacing[2]};
1456
- `,ca=({slides:e,interval:n=300})=>{const{cycle:i,setCycle:r,setProgress:a}=Et(n,e.length),o=f.useCallback(l=>()=>{r(l),a(0)},[r,a]);return t.jsxs(aa,{"aria-roledescription":"carousel",children:[t.jsx(ra,{$currentIndex:i,children:e.map((l,c)=>{const d=`slide-${c}`;return t.jsx(oa,{"aria-label":d,"aria-roledescription":"slide",children:l.content},d)})}),t.jsx(la,{children:e.map((l,c)=>{const d=`nav-button-${c}`;return t.jsx(sa,{$isActive:c===i,"aria-label":`Go to slide ${c+1}`,"data-testid":c===i?"active":"inactive",onClick:o(c)},d)})})]})},da=s.dt.label`
1457
- ${({theme:e})=>`
1458
- align-items: center;
1459
- color: ${e.palette.gray[600]};
1460
- display: flex;
1461
- cursor: pointer;
1462
- font-family: ${e.typography.type.primary};
1463
- font-size: ${e.typography.text.sm};
1464
- font-weight: ${e.typography.weight.regular};
1465
- line-height: ${e.spacing[1]};
1466
- letter-spacing: 0;
1467
- position: relative;
1468
- text-align: left;
1469
-
1470
- &[aria-disabled="true"] {
1471
- color: ${e.palette.gray[300]};
1472
- cursor: not-allowed;
1473
- }
1474
-
1475
- input {
1476
- position: absolute;
1477
- opacity: 0;
1478
- cursor: pointer;
1479
- }
1480
-
1481
- svg {
1482
- background-color: ${e.palette.white};
1483
- border-radius: ${e.spacing[.25]};
1484
- border: 1px solid ${e.palette.gray[600]};
1485
- top: 0;
1486
- left: 0;
1487
- height: ${e.spacing[.5]};
1488
- margin-right: ${e.spacing[.5]};
1489
- width: ${e.spacing[.5]};
1490
- padding: ${e.spacing[.25]};
1491
- }
1492
-
1493
- svg > path {
1494
- fill: ${e.palette.white};
1495
- }
1496
-
1497
- input:checked ~ span > svg {
1498
- background-color: ${e.palette.primary[500]};
1499
- border: 1px solid ${e.palette.primary[500]};
1500
- }
1501
-
1502
- input:disabled ~ span > svg {
1503
- border: 1px solid ${e.palette.gray[300]};
1504
- cursor: not-allowed;
1505
- }
1506
-
1507
- input:not(:disabled):hover ~ span > svg {
1508
- box-shadow: 0 0 0 4px ${e.palette.gray[100]};
1509
- }
1510
-
1511
- input:checked:disabled ~ span > svg {
1512
- background-color: ${e.palette.gray[300]};
1513
- border: 1px solid ${e.palette.gray[300]};
1514
- }
1515
-
1516
- input:not(:disabled):hover:checked ~ span > svg {
1517
- box-shadow: 0 0 0 4px ${e.palette.primary[50]};
1518
- }
1519
-
1520
- input:checked ~ span > svg > path {
1521
- fill: ${e.palette.white};
1522
- }
1523
-
1524
- input:checked:disabled ~ span > svg > path {
1525
- fill: ${e.palette.white};
1526
- }
1527
- `}
1528
- `,Re=f.forwardRef(function({checked:n,disabled:i=!1,label:r,name:a,onChange:o,onClick:l,onFocus:c,onKeyDown:d,tooltip:p,value:g,...x},u){return t.jsxs("div",{className:"gap-1 inline-flex items-start",children:[t.jsxs(da,{"aria-disabled":i,children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-hidden":!1,"aria-label":a,checked:n,disabled:i,id:a,name:a,onChange:o,onClick:l,onFocus:c,onKeyDown:d,ref:u,type:"checkbox",value:g,...x}),t.jsx(T,{disabled:i,icon:"check",iconSize:"sm"}),r??g]}),p===void 0?void 0:t.jsx(Y,{icon:"circle-info",id:p,place:"right",tip:p})]})}),Pt=s.dt.div`
1529
- ${({theme:e})=>`
1530
- background-color: ${e.palette.gray[100]};
1531
- border-radius: ${e.spacing[.25]};
1532
- display: inline-flex;
1533
- padding: ${e.spacing[1]};
1534
- position: relative;
1535
- width: fit-content;
1536
-
1537
- .line-highlight.language-none {
1538
- background: ${e.palette.gray[100]};
1539
- }
1540
-
1541
- .line-highlight {
1542
- background: hsl(354deg 88% 93% / 50%);
1543
- font-family: ${e.typography.type.mono};
1544
- font-size: ${e.typography.text.xs};
1545
- line-height: ${e.spacing[1]};
1546
- }
1547
-
1548
- .line-highlight::before,
1549
- .line-highlight[data-end]::after {
1550
- background: ${e.palette.primary[300]};
1551
- background-color: hsl(355deg 89% 36%);
1552
- color: ${e.palette.white};
1553
- }
1554
-
1555
- pre code {
1556
- color: #161616;
1557
- font-family: ${e.typography.type.mono};
1558
- font-size: ${e.typography.text.xs};
1559
- line-height: ${e.spacing[1]};
1560
- }
1561
-
1562
- pre:not(.line-highlight) {
1563
- margin-top: unset;
1564
- margin-bottom: unset;
1565
- padding: unset;
1566
- width: 100%;
1567
- }
1568
-
1569
- span:hover {
1570
- background-color: ${e.palette.gray[200]};
1571
- }
1572
-
1573
- .no-data,
1574
- pre.line-highlight {
1575
- background-color: ${e.palette.gray[100]};
1576
- padding-top: unset;
1577
- padding-bottom: unset;
1578
- }
1579
- `}
1580
- `,pa=s.dt.div`
1581
- ${({theme:e})=>`
1582
- align-items: end;
1583
- background-color: ${e.palette.gray[100]};
1584
- display: flex;
1585
- flex-direction: column;
1586
- justify-content: space-between;
1587
- min-width: 103px;
1588
- margin-right: ${e.spacing[1]};
1589
- padding-top: ${e.spacing[1]};
1590
- padding-bottom: ${e.spacing[1]};
1591
- position: relative;
1592
- padding-left: unset;
1593
-
1594
- button:hover:not([disabled]) {
1595
- background-color: ${e.palette.gray[200]};
1596
- }
1597
- `}
1598
- `,At=({noCodeMessage:e="Code snippet not available",snippet:n,specific:i})=>(f.useEffect(()=>{s.prismExports.highlightAll()},[]),t.jsx(Pt,{"data-private":!0,children:t.jsx("pre",{className:"line-highlight","data-line-offset":s._.isNil(n)||s._.isString(n)?0:n.offset+.7,...i!==void 0?{"data-line":String(Number(i))}:{},children:s._.isNil(n)||s._.isString(n)||s._.isEmpty(n.content)?t.jsx("div",{className:"no-data",children:t.jsx("p",{children:e})}):t.jsx("code",{className:"language-none",children:n.content})})})),ga=({noCodeMessage:e="Code snippet not available",snippet:n,specific:i,variant:r="normal"})=>{const a=s.nt(),[o,l]=f.useState(!1),[c,d]=f.useState(!0),p=f.useCallback(()=>{l(h=>!h)},[l]),g=f.useCallback(()=>{if(s._.isNil(n)||s._.isEmpty(n)||!s._.isString(n))return d(!1),e;const h=n.split(`
1599
- `);return h.length>8&&!o?`${[...h].splice(0,7).join(`
1600
- `)}
1601
- ${h[8]}...`:(h.length<8&&d(!1),n)},[o,n,e]),x=f.useMemo(g,[g]),u=f.useCallback(async()=>{await navigator.clipboard.writeText(x)},[x]);return r==="location"?t.jsx(At,{noCodeMessage:e,snippet:n,specific:i}):t.jsxs($,{bgColor:a.palette.gray[100],borderRadius:"4px",display:"inline-flex",minWidth:"565px",position:"relative",children:[t.jsx(Pt,{"data-private":!0,children:t.jsx("pre",{children:t.jsx("code",{className:"language-none",children:x})})}),t.jsxs(pa,{children:[t.jsx(M,{height:a.spacing[2.5],icon:"copy",iconColor:a.palette.gray[700],iconSize:"xs",iconType:"fa-light",onClick:u,variant:"ghost",width:a.spacing[2.5]}),c?t.jsxs(L,{onClick:p,variant:"ghost",children:[o?"Show Less":"Show more",t.jsx(T,{icon:o?"chevron-up":"chevron-down",iconColor:a.palette.gray[700],iconSize:"xxs",iconType:"fa-light",ml:.25,onClick:u})]}):!1]})]})},{getVariant:ua}=K(e=>({fixed:`
1602
- height: auto;
1603
- min-width: 300px;
1604
- padding: ${e.spacing[1.25]};
1605
- overflow: hidden auto;
1606
- `,lg:`
1607
- width: 80%;
1608
-
1609
- @media screen and (min-width: ${e.breakpoints.sm}) {
1610
- width: 72%;
1611
- }
1612
- `,md:`
1613
- width: 60%;
1614
-
1615
- @media screen and (min-width: ${e.breakpoints.sm}) {
1616
- width: 48%;
1617
- }
1618
- `,sm:`
1619
- width: 40%;
1620
-
1621
- @media screen and (min-width: ${e.breakpoints.sm}) {
1622
- width: 32%;
1623
- }
1624
- `})),Wt=s.dt.div.attrs({className:"comp-modal fixed inset-0 overflow-auto"})`
1625
- align-items: center;
1626
- background-color: ${({$bgColor:e="rgb(52 64 84 / 70%)"})=>e};
1627
- display: flex;
1628
- justify-content: center;
1629
- z-index: 99999;
1630
- `,Ke=s.dt($)`
1631
- ${({theme:e,$size:n})=>`
1632
- background-color: ${e.palette.white};
1633
- border: 1px solid ${e.palette.gray[200]};
1634
- border-radius: ${e.spacing[.25]};
1635
- color: ${e.palette.gray[800]};
1636
- display: flex;
1637
- font-family: ${e.typography.type.primary};
1638
- font-size: ${e.typography.text.sm};
1639
- max-height: 80%;
1640
- min-height: minmax(content-fit, 32%);
1641
- box-shadow: ${e.shadows.lg};
1642
- margin: auto;
1643
- white-space: pre-line;
1644
-
1645
- ${ua(e,n)}
1646
- `}
1647
- `,xa=s.dt.div`
1648
- ${({theme:e})=>`
1649
- background-color: ${e.palette.white};
1650
- border-bottom: 1px solid ${e.palette.gray[200]};
1651
- border-radius: 0 0 ${e.spacing[.25]} ${e.spacing[.25]};
1652
- display: flex;
1653
- flex-direction: column;
1654
- overflow: hidden auto;
1655
- padding: 0 ${e.spacing[1.5]} ${e.spacing[1.5]} ${e.spacing[1.5]};
1656
- scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
1657
- scroll-padding: ${e.spacing[.5]};
1658
-
1659
- &:has(form) {
1660
- flex-direction: unset;
1661
- overflow: hidden;
1662
- padding: 0;
1663
- }
1664
- `}
1665
- `,fa=s.dt.div`
1666
- border-radius: ${({theme:e})=>`${e.spacing[.25]} ${e.spacing[.25]} 0 0`};
1667
- display: block;
1668
- overflow: unset;
1669
- height: max-content;
1670
- max-height: 100%;
1671
- max-width: 100%;
1672
- padding: ${({theme:e})=>`${e.spacing[1.25]}`};
1673
- padding-bottom: ${({theme:e})=>`${e.spacing[1.5]}`};
1674
- position: sticky;
1675
- `,ha=s.dt.div.attrs({className:"flex items-center justify-between"})``,ba=s.dt.div`
1676
- ${({theme:e})=>`
1677
- border-radius: 0 0 ${e.spacing[.25]} ${e.spacing[.25]};
1678
- display: flex;
1679
- flex-direction: row;
1680
- gap: ${e.spacing[.75]};
1681
- justify-content: space-between;
1682
- max-width: 392px;
1683
-
1684
- > label {
1685
- margin: 0;
1686
- flex: 1 1 auto;
1687
- }
1688
-
1689
- > div {
1690
- display: flex;
1691
- flex-direction: row;
1692
- flex: 1 1 auto;
1693
- gap: ${e.spacing[.75]};
1694
- margin-right: ${e.spacing[.75]};
1695
-
1696
- > button {
1697
- justify-content: center;
1698
- max-width: 190px;
1699
- }
1700
- }
1701
-
1702
- > div:last-child {
1703
- margin-right: 0;
1704
- }
1705
- `}
1706
- `,$a=s.dt.div`
1707
- img {
1708
- margin: 0 calc(-${({theme:e})=>e.spacing[1.25]} - 1px)
1709
- ${({theme:e})=>e.spacing[1.25]};
1710
-
1711
- min-width: calc(100% + 2px + ${({theme:e})=>e.spacing[3]});
1712
- height: 185px;
1713
- object-fit: cover;
1714
-
1715
- ${({$framed:e=!1})=>e?`
1716
- border-radius: 8px;
1717
- min-width: 100%;
1718
- margin-left: 0;
1719
- margin-right: 0;
1720
- `:""}
1721
- }
1722
- `,Bt=({alert:e,modalRef:n,confirmButton:i=void 0,cancelButton:r=void 0})=>{const{close:a}=n,o=f.useCallback(()=>{r!=null&&r.onClick&&r.onClick(),a()},[r,a]),l=f.useCallback(()=>{i!=null&&i.onClick&&i.onClick(),a()},[i,a]);return[i,r].some(d=>!s.lodashExports.isEmpty(d))?t.jsxs($,{display:"flex",flexDirection:"column",gap:.625,position:"sticky",px:1.25,py:1.25,children:[e,t.jsx(ba,{children:t.jsxs("div",{children:[r&&t.jsx(L,{id:r.id,onClick:o,variant:"tertiary",width:"100%",children:r.text}),i&&t.jsx(L,{id:i.id,onClick:l,variant:"primary",width:"100%",children:i.text})]})})]}):null},Mt=({title:e,description:n,modalRef:i,otherActions:r,onClose:a})=>{const o=s.nt(),l=f.useCallback(()=>{a==null||a(),i.close()},[i,a]);return f.useEffect(()=>{const c=d=>{d.key==="Escape"&&l()};return window.addEventListener("keydown",c),()=>{window.removeEventListener("keydown",c)}},[l]),t.jsxs(fa,{children:[t.jsxs(ha,{children:[typeof e=="string"?t.jsx(G,{fontWeight:"bold",lineSpacing:1.75,mr:1,size:"sm",wordBreak:"break-word",children:e}):e,t.jsxs("div",{className:"items-center flex gap-3",children:[r,t.jsx(M,{icon:"close",iconColor:o.palette.gray[400],iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:l,px:.25,py:.25,variant:"ghost"})]})]}),n&&s.lodashExports.isString(n)&&!s.lodashExports.isEmpty(n)?t.jsx(S,{mt:.5,size:"sm",children:n}):void 0,n&&!s.lodashExports.isString(n)&&t.jsx(se,{display:"block",mt:.5,size:"sm",children:n})]})},ya=({disabled:e,id:n="modal-confirm",onCancel:i,onConfirm:r="submit",txtCancel:a,txtConfirm:o})=>{const l=r==="submit";return t.jsxs($,{display:"flex",gap:.75,maxWidth:i?"392px":"190px",mt:1.5,children:[i?t.jsx(L,{id:`${n}-cancel`,justify:"center",onClick:i,variant:"tertiary",width:"100%",children:a??"Cancel"}):void 0,t.jsx(L,{disabled:e,id:n,justify:"center",onClick:l?void 0:r,type:l?"submit":"button",variant:"primary",width:"100%",children:o??"Confirm"})]})},ma=s.dt.button`
1723
- ${({theme:e})=>`
1724
- align-items: center;
1725
- color: ${e.palette.gray[500]};
1726
- display: flex;
1727
- gap: ${e.spacing[.625]};
1728
- justify-content: center;
1729
- padding: ${e.spacing[.75]};
1730
- text-align: center;
1731
- width: 151px;
1732
-
1733
- &.active {
1734
- color: ${e.palette.gray[800]};
1735
- border-bottom: 3px solid ${e.palette.primary[400]};
1736
- }
1737
-
1738
- &:hover {
1739
- color: ${e.palette.gray[800]};
1740
- }
1741
- `}
1742
- `,wa=s.dt.div`
1743
- ${({theme:e})=>`
1744
- align-items: center;
1745
- border-bottom: 2px solid ${e.palette.gray[200]};
1746
- display: flex;
1747
- gap: ${e.spacing[3]};
1748
- height: ${e.spacing[3]};
1749
- width: max-content;
1750
- `}
1751
- `,va=(e,n,i)=>i?n==="secondary"?`3px solid ${e.palette.primary[100]}`:`3px solid ${e.palette.primary[500]}`:"unset",ja=s.dt.div`
1752
- display: flex;
1753
- flex-direction: row;
1754
- gap: ${({theme:e})=>e.spacing[.25]};
1755
- border-bottom: ${({theme:e,$borderButton:n,$variant:i})=>va(e,i,n)};
1756
- align-items: center;
1757
- padding: ${({theme:e})=>e.spacing[.625]}
1758
- ${({theme:e})=>e.spacing[.5]};
1759
- padding-bottom: ${({theme:e,$borderButton:n})=>n?`calc(${e.spacing[.625]} - 2px)`:e.spacing[.625]};
1760
-
1761
- &:hover:not([disabled]) {
1762
- background-color: ${({theme:e})=>e.palette.gray[100]};
1763
- color: ${({theme:e})=>e.palette.gray[800]};
1764
- }
1765
-
1766
- a {
1767
- align-items: center;
1768
- background: transparent;
1769
- color: ${({theme:e})=>e.palette.gray[800]};
1770
- font-family: ${({theme:e})=>e.typography.type.primary};
1771
- font-size: ${({theme:e})=>e.typography.text.sm};
1772
- display: flex;
1773
- font-weight: ${({theme:e})=>e.typography.weight.regular};
1774
- position: relative;
1775
- text-align: center;
1776
- text-decoration: unset;
1777
- width: auto;
1778
- cursor: pointer;
1779
-
1780
- &:disabled {
1781
- cursor: not-allowed;
1782
- background-color: ${({theme:e})=>e.palette.gray[300]};
1783
- color: ${({theme:e})=>e.palette.gray[300]};
1784
- }
1785
-
1786
- &.active {
1787
- background-color: transparent;
1788
-
1789
- &:hover {
1790
- background-color: transparent;
1791
- }
1792
- }
1793
- }
1794
- `,ka=s.dt($e)`
1795
- ${({theme:e,$variant:n})=>`
1796
- align-items: center;
1797
- background: ${n==="error"?e.palette.primary[400]:e.palette.warning[500]};
1798
- border-radius: 100%;
1799
- font-family: ${e.typography.type.primary};
1800
- justify-content: center;
1801
- padding: 0;
1802
- position: absolute;
1803
- z-index: 11;
1804
- width: ${e.spacing[.5]};
1805
- height: ${e.spacing[.5]};
1806
- `}
1807
- `,Ca=s.dt.div`
1808
- align-items: center;
1809
- color: ${({theme:e})=>e.palette.white};
1810
- display: flex;
1811
- font-size: 6px;
1812
- font-weight: ${({theme:e})=>e.typography.weight.bold};
1813
- justify-content: center;
1814
- `,Ht=f.forwardRef(function({numberIndicator:n,show:i,variant:r="error",...a},o){return t.jsx(ka,{$variant:r,className:i?"flex":"hidden","data-testid":"notification-sign",ref:o,...a,children:n&&t.jsx(Ca,{children:n<=9?n:9})})}),_t=({end:e=!1,label:n,id:i,isActive:r=!1,link:a,notificationSign:o,onClick:l,tooltip:c="",variant:d="primary",tag:p})=>{const{pathname:g}=De.useLocation(),x=r||(d==="primary"?g.includes(a):g.endsWith(a));return t.jsx(Y,{display:"flex",id:`${i}-tooltip`,tip:c,children:t.jsxs(ja,{$borderButton:x,$variant:d,children:[t.jsxs(De.NavLink,{end:e,id:i,onClick:l,to:a,children:[n,t.jsx(Ht,{left:o==null?void 0:o.left,numberIndicator:o==null?void 0:o.numberIndicator,show:o==null?void 0:o.show,top:o==null?void 0:o.top,variant:o==null?void 0:o.variant})]}),p===void 0?null:t.jsx(X,{tagLabel:`${p}`,variant:"default"})]})})},Xe=({items:e,borders:n=!0,box:i=!1,variant:r="primary"})=>{const a=s.nt();return t.jsx($,{alignItems:"center",bgColor:a.palette.white,border:i?"1px solid":void 0,borderBottom:n?`1px solid ${a.palette.gray[300]}`:void 0,borderColor:i?a.palette.gray[200]:void 0,borderRadius:i?a.spacing[.25]:void 0,display:"inline-flex",gap:.25,id:"tablist",padding:i?[0,0,0,0]:void 0,pl:n?1.25:void 0,pr:n?1.25:void 0,role:"tablist",width:i?"max-content":"100%",children:e.map(({end:o,id:l,isActive:c,link:d,label:p,notificationSign:g,onClick:x,tag:u,tooltip:h})=>t.jsx(_t,{end:o,id:l,isActive:c,label:p,link:d,notificationSign:g,onClick:x,tag:u,tooltip:h,variant:r},l))})},ne=f.forwardRef(function({color:n=I.palette.gray[100],mt:i=.5,mb:r=.5,width:a,...o},l){return t.jsx($,{as:"hr",borderTop:`1px solid ${n}`,mb:r,mt:i,ref:l,width:a??"100%",...o})}),Sa=s.dt.li`
1815
- ${({theme:e})=>`
1816
- align-items: center;
1817
- background-color: ${e.palette.white};
1818
- color: ${e.palette.gray[800]};
1819
- cursor: pointer;
1820
- display: flex;
1821
- font-size: ${e.typography.text.sm};
1822
- font-weight: ${e.typography.weight.regular};
1823
- justify-content: space-between;
1824
- gap: ${e.spacing[.625]};
1825
- line-height: ${e.spacing[1.25]};
1826
- list-style-type: none;
1827
- min-height: 40px;
1828
- min-width: 240px;
1829
- padding: ${e.spacing[.625]} ${e.spacing[1]};
1830
-
1831
- p,
1832
- a {
1833
- word-break: break-word;
1834
- }
1835
-
1836
- & > label {
1837
- margin: unset;
1838
- }
1839
-
1840
- a {
1841
- color: ${e.palette.gray[500]};
1842
- }
1843
-
1844
- &[aria-disabled="true"] {
1845
- color: ${e.palette.gray[300]};
1846
- cursor: not-allowed;
1847
-
1848
- a {
1849
- color: ${e.palette.gray[300]};
1850
- }
1851
- }
1852
-
1853
- &[aria-selected="true"] {
1854
- background-color: ${e.palette.gray[200]};
1855
- }
1856
-
1857
- &:hover:not([aria-selected="true"]) {
1858
- background-color: ${e.palette.gray[100]};
1859
- }
1860
- `}
1861
- `,Ot=s.dt.ul`
1862
- ${({theme:e})=>`
1863
- background-color: ${e.palette.white};
1864
- border: 1px solid ${e.palette.gray[200]};
1865
- border-radius: ${e.spacing[.25]};
1866
- box-shadow: ${e.shadows.md};
1867
- display: inline-block;
1868
- margin: unset;
1869
- min-width: 240px;
1870
- padding: ${e.spacing[.25]} 0 ${e.spacing[.25]} 0;
1871
- `}
1872
- `,we=({children:e,disabled:n=!1,icon:i,iconType:r="fa-light",href:a,onClick:o,onClickIcon:l,onKeyDown:c,rightIcon:d,selected:p=!1,value:g,...x})=>{const h=s.nt().palette.gray[n?300:800],b=n?f.Children.map(e,m=>f.isValidElement(m)?f.cloneElement(m,{disabled:n,...m.props}):m):e;return t.jsxs(Sa,{"aria-disabled":n,"aria-label":g,"aria-selected":p,"data-testid":g,onClick:o,onKeyDown:c,value:g,...x,children:[i!==void 0||g!==void 0?t.jsxs($,{alignItems:"center",display:"flex",gap:.625,children:[i?t.jsx(T,{disabled:n,icon:i,iconColor:h,iconSize:"xxs",iconType:r}):null,a===void 0?b:t.jsx(Q,{href:a,children:b})]}):null,p||d?t.jsx(T,{disabled:n,icon:d??"check",iconClass:"selected",iconColor:h,iconSize:"xs",iconType:r,onClick:l}):null]})},za=s.dt(we)`
1873
- margin-top: 10px;
1874
- border: 1px solid ${({theme:e})=>e.palette.gray[300]};
1875
- border-radius: 4px;
1876
- min-width: unset;
1877
-
1878
- svg {
1879
- color: ${({theme:e})=>e.palette.gray[400]};
1880
- }
1881
-
1882
- &[aria-disabled="true"] {
1883
- background: ${({theme:e})=>e.palette.gray[100]};
1884
- color: ${({theme:e})=>e.palette.gray[500]};
1885
- }
1886
-
1887
- &[aria-selected="true"]:not([aria-disabled="true"]) {
1888
- background-color: unset;
1889
- }
1890
- `,Vt=({items:e,onReorder:n,title:i,description:r,onClickClose:a})=>{const o=f.useCallback(l=>()=>{a(l)},[a]);return t.jsxs(s.ReorderGroup,{as:"div",axis:"y",layoutScroll:!0,onReorder:n,style:{height:"max-content",padding:"1.25rem 0",width:"45%"},values:e,children:[t.jsxs($,{display:"flex",gap:.25,children:[t.jsx(G,{display:"flex",size:"xs",children:i}),t.jsx(X,{priority:"high",tagLabel:String(e.filter(l=>l.visible).length),variant:"error"})]}),t.jsx(S,{size:"sm",children:r}),e.map(l=>l.visible?t.jsx(s.ReorderItem,{as:"div",dragListener:!l.locked,item:l.name,value:l,children:t.jsx(za,{disabled:l.locked,icon:"grid-2",label:l.name,onClickIcon:l.locked?void 0:o(l.id),rightIcon:l.locked?"lock":"close",selected:l.visible,value:l.name,children:l.name})},l.name):void 0)]})},Ia=s.dt(we)`
1891
- padding: 7px 8px;
1892
-
1893
- &[aria-selected="true"] {
1894
- background-color: unset;
1895
- }
1896
-
1897
- svg {
1898
- &.fa-check {
1899
- border-radius: 2px;
1900
- }
1901
-
1902
- &.selected {
1903
- display: none;
1904
- }
1905
- }
1906
- `,Ut=({options:e,title:n,checkboxesName:i,defaultCollapsed:r,onChange:a})=>{const o=s.nt(),[l,c]=f.useState(r??!1),d=f.useCallback(()=>{c(p=>!p)},[]);return t.jsxs($,{"aria-label":n,bgColor:l?o.palette.gray[50]:o.palette.white,border:"1px solid"+o.palette.gray[300],borderRadius:"8px",display:"inline-flex",flexDirection:"column",gap:.625,px:.75,py:.625,role:"region",width:"100%",children:[t.jsxs($,{alignItems:"center",cursor:"pointer",display:"flex",onClick:d,children:[t.jsx(S,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",children:n}),t.jsx(T,{icon:l?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs"})]}),l?t.jsx($,{display:"flex",gap:.75,wrap:"wrap",children:e.map(p=>t.jsx($,{border:"1px solid",borderColor:o.palette.gray[300],borderRadius:"4px",px:.5,py:.5,children:t.jsx(Re,{checked:p.visible,disabled:p.locked,label:p.name,name:`${i}-${p.name}`,onChange:a,value:p.name})},p.name))}):void 0]})},Gt=e=>e.reduce((i,r)=>r.group?i[r.group]?{...i,[r.group]:[...i[r.group],r]}:{...i,[r.group]:[r]}:i,{}),Ta=s.dt.input`
1907
- ${({theme:e})=>`
1908
- background: none;
1909
- border: none !important;
1910
- box-shadow: none;
1911
- box-sizing: border-box;
1912
- color: ${e.palette.gray[800]};
1913
- font-family: ${e.typography.type.primary};
1914
- font-size: ${e.typography.text.sm};
1915
- outline: none;
1916
- width: 100%;
1917
-
1918
- &:-webkit-autofill {
1919
- -webkit-background-clip: text;
1920
- }
1921
-
1922
- &::placeholder {
1923
- color: ${e.palette.gray[400]};
1924
- }
1925
-
1926
- &:is(:hover, :focus)::-webkit-search-cancel-button {
1927
- display:none;
1928
- }
1929
-
1930
- ::-webkit-search-decoration,
1931
- ::-webkit-search-results-button,
1932
- ::-webkit-search-results-decoration {
1933
- display:none;
1934
- }
1935
- `}
1936
- `,Fa=s.dt.div`
1937
- ${({theme:e})=>`
1938
- align-items: center;
1939
- background-color: ${e.palette.white};
1940
- border: 1px solid ${e.palette.gray[300]};
1941
- border-radius: ${e.spacing[.5]};
1942
- display: flex;
1943
- height: 40px;
1944
- gap: ${e.spacing[.5]};
1945
- padding: ${e.spacing[.5]};
1946
- width: 100%;
1947
-
1948
- &:hover {
1949
- border-color: ${e.palette.gray[600]};
1950
- }
1951
-
1952
- &:focus-within {
1953
- border: 2px solid ${e.palette.black};
1954
- }
1955
- `}
1956
- `,Na=s.dt.div`
1957
- ${({theme:e})=>`
1958
- background-color: ${e.palette.white};
1959
- border-radius: ${e.spacing[.5]};
1960
- width: 250px;
1961
- `}
1962
- `,ce=f.forwardRef(function({name:n,smallSearch:i=!1,onClear:r,value:a,...o},l){const c=s.nt(),[d,p]=f.useState(!1),{refs:g,floatingStyles:x}=s.useFloating$1(),u=f.useCallback(()=>{p(m=>!m)},[]),h=f.useCallback(m=>{m.key==="Enter"&&m.preventDefault()},[]);me(g.floating.current,()=>{p(!1)},!0);const b=t.jsxs(Fa,{children:[t.jsx(T,{icon:"magnifying-glass",iconColor:c.palette.gray[700],iconSize:"xs",iconType:"fa-light"}),t.jsx(Ta,{...o,id:n,name:n,onKeyDown:h,ref:l,type:"search",value:a}),!s.lodashExports.isEmpty(a)&&t.jsx(M,{icon:"xmark",iconColor:c.palette.gray[300],iconSize:"xs",iconType:"fa-light",onClick:r,px:.25,py:.25,type:"reset",variant:"ghost"})]});return i?t.jsxs(f.Fragment,{children:[t.jsx(M,{border:`1px solid ${c.palette.gray[300]} !important`,icon:"magnifying-glass",iconSize:"xs",iconType:"fa-light",onClick:u,ref:g.setReference,variant:"ghost"}),d?t.jsx(Na,{ref:g.setFloating,style:x,children:b}):void 0]}):b}),Yt=({columns:e,formId:n,onChangeHandler:i,variant:r})=>{const a=f.useRef(null),[o,l]=f.useState([]),[c,d]=f.useState(""),p=f.useCallback(x=>{const{value:u}=x.target;d(u)},[]),g=f.useCallback(()=>{a.current&&(a.current.reset(),d(""))},[a]);return f.useEffect(()=>{l(e.filter(x=>{var u;return r==="grouped"?x.name.toLowerCase().includes(c.toLowerCase())||((u=x.group)==null?void 0:u.includes(c.toLowerCase())):x.name.toLowerCase().includes(c.toLowerCase())}))},[e,c,r]),r==="grouped"?t.jsxs($,{display:"flex",flexDirection:"column",gap:.625,height:"100%",id:"columns-buttons",py:1.25,width:"55%",children:[t.jsx("form",{id:"search-form",ref:a,children:t.jsx(ce,{name:"search",onChange:p,onClear:g,value:c})}),t.jsx("form",{"data-testid":n,id:n,onReset:g,style:{display:"flex",flexDirection:"column",gap:"0.625rem"},children:Object.entries(Gt(o)).map(([x,u],h)=>{const b=`li-checkbox${x}`;return t.jsx(Ut,{checkboxesName:x,defaultCollapsed:h===0,onChange:i,options:u,title:x},b)})})]}):t.jsxs($,{height:"100%",id:"columns-buttons",py:1.25,width:"55%",children:[t.jsx("form",{id:"search-form",ref:a,children:t.jsx(ce,{name:"search",onChange:p,onClear:g,value:c})}),t.jsx("form",{"data-testid":n,id:n,onReset:g,style:{paddingTop:"0.625rem"},children:o.map(x=>{const u=`li-checkbox-${x.name}`;return t.jsx(Ia,{selected:x.visible,value:u,width:"content",children:t.jsx(Re,{checked:x.visible,disabled:x.locked,label:x.name,name:x.name,onChange:i,value:x.name})},u)})})]})},Ea=({_containerId:e="portals",title:n,modalRef:i,variant:r})=>{const a=s.nt(),o=f.useRef(null),[l,c]=f.useState(void 0),d=f.useCallback(x=>{const{checked:u,value:h}=x.target,b=i.columns.map(m=>{var w;return m.name===h?((w=m.toggleVisibility)==null||w.call(m,u),{...m,visible:u}):m});i.setColumns(b)},[i]),p=f.useCallback(x=>{const u=i.columns.map(h=>{var b;return h.id===x?((b=h.toggleVisibility)==null||b.call(h,!1),{...h,visible:!1}):h});i.setColumns(u)},[i]),g=f.useCallback(()=>{var u;const x=(u=o.current)==null?void 0:u.scrollHeight;l!==x&&c(x)},[l]);return i.isOpen?ie.createPortal(t.jsx(Wt,{"aria-label":i.name,"aria-modal":"true",children:t.jsxs(Ke,{$size:"md",flexDirection:"column",children:[t.jsxs($,{display:"flex",justify:"space-between",px:1.25,py:1.25,children:[t.jsx(G,{size:"sm",children:n}),t.jsx(M,{icon:"close",iconColor:a.palette.gray[400],iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:i.close,px:.25,py:.25,variant:"ghost"})]}),t.jsx(ne,{mb:0,mt:0}),t.jsxs($,{display:"flex",gap:1.25,onScroll:g,px:1.25,ref:o,scroll:"y",width:"100%",children:[t.jsx(Yt,{columns:i.columns,formId:"columns-visibility",onChangeHandler:d,variant:r}),t.jsx($,{borderLeft:`2px solid ${a.palette.gray[100]}`,height:l?`${l}px`:"auto"}),t.jsx(Vt,{description:"Click and drag to reorder the columns",items:i.columns,onClickClose:p,onReorder:i.setColumns,title:"Reorder columns"})]}),t.jsx(ne,{mb:0,mt:0}),t.jsxs($,{display:"flex",justify:"space-between",px:1.25,py:1.25,children:[t.jsx(L,{disabled:!i.hasChanged,form:"columns-visibility",id:"columns-modal-cancel",justify:"center",onClick:i.resetToDefault,type:"reset",variant:"tertiary",children:"Reset to default"}),t.jsx(L,{id:"columns-modal-submit",justify:"center",onClick:i.close,variant:"primary",children:"Save"})]})]})}),document.getElementById(e)??document.body):t.jsx("div",{})},Ra=s.dt(we)`
1963
- padding: 8px;
1964
- min-height: 36px;
1965
- min-width: unset;
1966
- `,Da=s.dt.div.attrs({className:"comp-modal absolute top-[55px] overflow-auto"})`
1967
- align-items: center;
1968
- background-color: ${({$bgColor:e="rgb(52 64 84 / 70%)"})=>e};
1969
- display: flex;
1970
- justify-content: center;
1971
- z-index: 99999;
1972
- `,st=s.dt(we)`
1973
- padding: 7px 8px;
1974
- word-wrap: break-word;
1975
-
1976
- svg.fa-check {
1977
- border-radius: 2px;
1978
- }
1979
- `,qt=({control:e,option:n,register:i,setValue:r})=>{var a,o,l,c,d;switch(n.type){case"checkboxes":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(a=n.options)==null?void 0:a.map(g=>t.jsx(st,{value:g.value,width:"content",children:t.jsx(Re,{...i("checkbox"),label:g.label,value:g.value})},`li-checkbox-${g.value}`))});case"radioButton":return t.jsx("div",{style:{overflowX:"hidden",overflowY:"auto",maxHeight:"280px"},children:(o=n.options)==null?void 0:o.map(g=>t.jsx(st,{value:g.value,width:"content",children:t.jsx(qe,{...i("radio"),label:g.label,value:g.value})},`li-radio-${g.value}`))});case"select":return t.jsx(bt,{control:e,items:((l=n.options)==null?void 0:l.map(g=>({name:g.label??"",value:g.value})))??[],label:n.label,name:`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`,placeholder:n.placeholder,value:n.value});case"text":const p=`text.${String(n.key)}-${n.filterFn??"caseInsensitive"}`;return t.jsx(Ne,{label:n.label,name:p,placeholder:n.placeholder,register:i,value:n.value});case"numberRange":return t.jsx(Nt,{label:n.label,name:String(n.key),propsMax:{placeholder:n.placeholder?`${n.placeholder} Max`:"Max",register:i,name:"maxValue",value:n.maxValue,setValue:r},propsMin:{placeholder:n.placeholder?`${n.placeholder} Min`:"Min",register:i,name:"minValue",value:n.minValue,setValue:r},variant:"filters"});case"dateRange":return t.jsx(St,{label:n.label,name:String(n.key),propsMax:{name:"maxValue",value:(c=n.maxValue)==null?void 0:c.toString()},propsMin:{name:"minValue",value:(d=n.minValue)==null?void 0:d.toString()},register:i,setValue:r,variant:"filters"});default:return t.jsx("div",{})}},Kt=({control:e,items:n,register:i,setValue:r})=>t.jsx(t.Fragment,{children:n.map((a,o)=>{const l=`${a.type}-${a.value}-${a.filterFn??"default"}`;return t.jsxs("div",{children:[t.jsx(qt,{control:e,option:a,register:i,setValue:r}),o<n.length-1&&t.jsx("hr",{style:{margin:"1.25rem 0 0.625rem"}})]},l)})}),Xt=e=>{var c,d,p,g,x;const[n,i]=f.useState([...e]),{control:r,register:a,handleSubmit:o,setValue:l}=s.useForm({defaultValues:{checkbox:e.filter(u=>u.type==="checkboxes").flatMap(u=>{var h;return((h=u.options)==null?void 0:h.filter(b=>b.checked).map(b=>b.value))??[]}),radio:((p=(d=(c=e.find(u=>u.type==="radioButton"))==null?void 0:c.options)==null?void 0:d.find(({checked:u})=>u))==null?void 0:p.value)??"",text:e.filter(u=>["text","select"].includes(u.type)).reduce((u,h)=>({...u,[`${String(h.key)}-${h.filterFn??"caseInsensitive"}`]:h.value??""}),{}),minValue:(g=e.find(u=>["numberRange","dateRange"].includes(u.type)))==null?void 0:g.minValue,maxValue:(x=e.find(u=>["numberRange","dateRange"].includes(u.type)))==null?void 0:x.maxValue}});return{control:r,items:n,setItems:i,register:a,handleSubmit:o,setValue:l}},La=(e,n)=>{var i,r,a,o,l;n("checkbox",e.filter(c=>c.type==="checkboxes").flatMap(c=>{var d;return((d=c.options)==null?void 0:d.filter(p=>p.checked).map(p=>p.value))??[]})),n("radio",((a=(r=(i=e.find(c=>c.type==="radioButton"))==null?void 0:i.options)==null?void 0:r.find(({checked:c})=>c))==null?void 0:a.value)??""),n("text",e.filter(c=>["text","select"].includes(c.type)).reduce((c,d)=>({...c,[`${String(d.key)}-${d.filterFn??"caseInsensitive"}`]:d.value??""}),{})),n("minValue",(o=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:o.minValue),n("maxValue",(l=e.find(c=>["numberRange","dateRange"].includes(c.type)))==null?void 0:l.maxValue)},Pa=(e,n)=>e.map(i=>{var r;return i.type==="checkboxes"?{...i,options:(r=i.options)==null?void 0:r.filter(a=>{var o;return((o=a.label)==null?void 0:o.toLowerCase().includes(n.toLowerCase()))??a.value.toLowerCase().includes(n.toLowerCase())})}:i}),Me=({options:e,onSubmit:n,id:i})=>{const{control:r,items:a,setItems:o,register:l,handleSubmit:c,setValue:d}=Xt(e),p=e.some(u=>u.type==="checkboxes"&&u.hideSearch!==!0),g=f.useCallback(u=>{const{value:h}=u.target,b=Pa(e,h);o(b)},[e,o]),x=f.useCallback(u=>{n&&n(u)},[n]);return f.useEffect(()=>{o(e),La(e,d)},[e,o,d]),t.jsxs("div",{className:"flex flex-col gap-[8px]",id:i,children:[p&&t.jsx(ce,{onChange:g}),t.jsxs("form",{id:i,onSubmit:c(x),children:[t.jsx(Kt,{control:r,items:a,register:l,setValue:d}),t.jsx(L,{mt:1,type:"submit",children:"Apply"})]})]})},Jt=({options:e,variant:n,onApplyFilters:i,setDirection:r,setHandler:a})=>{const o=s.nt(),[l,c]=f.useState(e),[d,p]=f.useState([]),[g,x]=f.useState({}),[u,h]=f.useState(""),b=f.useCallback(y=>()=>{const v=l.find(j=>j.label===y),k=!(v!=null&&v.filterOptions.some(j=>j.type==="dateRange"||j.type==="select"));a==null||a(k??!0),h(y),p((v==null?void 0:v.filterOptions)??[])},[l,a]),m=f.useCallback(y=>{const v=[...y.checkbox,...Object.values(y.text??{}),...y.radio?[y.radio]:[],...y.minValue?[String(y.minValue)]:[],...y.maxValue?[String(y.maxValue)]:[]];x(C=>v.length>0?{...C,[u]:v}:C);const k=C=>{var P,R,A;const N=[...y.checkbox??[],...y.radio?[y.radio]:[],...((P=C.options)==null?void 0:P.filter(B=>B.checked).map(B=>B.value))??[]];return{...C,options:(R=C.options)==null?void 0:R.map(B=>({...B,checked:y.checkbox.includes(B.value)||y.radio===B.value})),value:["text","select"].includes(C.type)?((A=y.text)==null?void 0:A[`${String(C.key)}-${C.filterFn??"caseInsensitive"}`])??C.value:N.length>0?N:C.value,minValue:["numberRange","dateRange"].includes(C.type)?y.minValue:C.minValue,maxValue:["numberRange","dateRange"].includes(C.type)?y.maxValue:C.maxValue}},j=C=>C.label===u?{...C,filterOptions:C.filterOptions.map(k)}:C,z=l.map(j);c(C=>C.map(j));const E=z.flatMap(({filterOptions:C})=>C);i(E),p([])},[l,i,u]),w=f.useCallback((y,v)=>{const k=`li-filter-option-${y}`;return t.jsxs(Ra,{icon:v,onClick:b(y),style:{minWidth:"180px"},value:k,width:"100%",children:[y,g[y]===void 0?void 0:t.jsx(X,{tagLabel:g[y].length.toString()})]},k)},[g,b]);return f.useEffect(()=>{const y=e.reduce((v,{label:k,filterOptions:j})=>{const z=j.flatMap(({value:N,minValue:P,maxValue:R})=>[P,R,N]).filter(Boolean),E=j.flatMap(({options:N})=>N??[]).filter(({checked:N=!1})=>N).map(({value:N})=>N),C=[...z,...E];return C.length===0?v:{...v,[k]:C}},{});x(y),d.length>0&&r&&r("column")},[d,e,r]),n==="grouped"?t.jsx($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:d.length>0?"unset":"360px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:d.length>0?t.jsx(Me,{id:"filters-options",onSubmit:m,options:d}):Object.entries(Gt(e)).map(([y,v])=>t.jsxs($,{children:[t.jsx(S,{color:o.palette.gray[400],mb:.25,size:"sm",children:y}),v.map(({label:k,icon:j="filter-list"})=>w(k,j))]},y))}):t.jsx($,{display:"flex",flexDirection:"column",flexGrow:1,maxHeight:d.length>0?"unset":"200px",style:{columnGap:"10px"},width:"100%",wrap:"wrap",children:d.length>0?t.jsx(Me,{id:"filters-options",onSubmit:m,options:d}):e.map(({label:y,icon:v="filter-list"})=>w(y,v))})},Zt=({options:e,onApplyFilters:n,modalRef:i,variant:r})=>{const[a,o]=f.useState("row"),[l,c]=f.useState(!0),d=s.nt(),p=f.useRef(null),g=t.jsx(M,{icon:"close",iconColor:d.palette.gray[400],iconSize:"xs",iconTransform:"grow-2",iconType:"fa-light",id:"modal-close",onClick:i.close,px:.25,py:.25,variant:"ghost"});return f.useEffect(()=>{const x=u=>{const h=p.current;h&&!h.contains(u.target)&&i.close()};if(l)return document.addEventListener("mousedown",x,!0),()=>{document.removeEventListener("mousedown",x,!0)}},[p,l,i]),t.jsx(Da,{$bgColor:"transparent","aria-label":i.name,children:t.jsxs(Ke,{$size:"fixed",alignItems:a==="row"?"start":"end",display:"flex",flexDirection:a,gap:.5,id:"filters-list",position:"relative",px:1.25,py:1.25,ref:p,style:{overflow:"hidden",width:"max-content"},children:[a==="column"?g:void 0,t.jsx(Jt,{onApplyFilters:n,options:e,setDirection:o,setHandler:c,variant:r}),a==="row"?g:void 0]})})};function Aa(e){if(e)return e}function Qt(e){if(!e||e.length===0)return;const n=e.filter(r=>r.checked).map(r=>r.label??r.value);return n.length===0?void 0:n.join(", ")}function Wa(e,n,i){const r=i??"",a=s._.isEmpty(e)&&typeof e!="number"||Number.isNaN(e)?void 0:Number(e),o=s._.isEmpty(n)&&typeof n!="number"||Number.isNaN(n)?void 0:Number(String(n));if(!s._.isUndefined(a)&&!s._.isUndefined(o))return`${a}${r} - ${o}${r}`;if(!s._.isUndefined(a))return`Min ${a}${r}`;if(!s._.isUndefined(o))return`Max ${o}${r}`}function Ba(e,n){if(s.dayjs_minExports.extend(s.localizedFormat),!(s._.isUndefined(e)&&s._.isUndefined(n))){if(e!==""&&n!==""&&!s._.isUndefined(e)&&!s._.isUndefined(n))return`${s.dayjs(e).format("LL")} - ${s.dayjs(n).format("LL")}`;if(e!==""&&!s._.isUndefined(e))return`From ${s.dayjs(e).format("LL")}`;if(n!==""&&!s._.isUndefined(n))return`To ${s.dayjs(n).format("LL")}`}}function Ma(e,n,i){return e==="select"?n:`${n} ${i==="includesInsensitive"?"contains":"is"}`}const re=({filter:e,icon:n="filter-list",label:i,onClose:r,filterValue:a})=>s._.isNil(a)||s._.isEmpty(String(a))?null:t.jsx(X,{filterValues:a,icon:n,id:"remove-filter",onClose:r(e),tagLabel:`${i} `}),Ha=({options:e,onClose:n})=>{const i=e.flatMap(r=>r.filterOptions.map(a=>{const{filterFn:o,label:l,type:c,value:d,options:p,minValue:g,maxValue:x}=a;switch(c){case"numberRange":{const u=Wa(g,x,r.placeholder);return t.jsx(re,{filter:a,filterValue:u,icon:r.icon,label:r.label,onClose:n},l)}case"dateRange":{const u=Ba(g==null?void 0:g.toString(),x==null?void 0:x.toString());return t.jsx(re,{filter:a,filterValue:u,icon:r.icon,label:r.label,onClose:n},l)}case"radioButton":case"checkboxes":{const u=Qt(p);return t.jsx(re,{filter:a,filterValue:u,icon:r.icon,label:r.label,onClose:n},l)}case void 0:case"select":case"text":default:{const u=Aa(d),h=Ma(c,r.label,o);return t.jsx(re,{filter:a,filterValue:u,icon:r.icon,label:h,onClose:n},l)}}})).filter(r=>{if(r===null)return!1;const{filterValue:a}=r.props;return!s._.isNil(a)&&!s._.isEmpty(String(a))});return i.length>0?t.jsx($,{alignItems:"center",display:"flex",gap:.5,pb:1,width:"100%",wrap:"wrap",children:i}):null},_a=(e,n)=>{function i(l,c){if(c.value===""||c.value===void 0||s._.defaultTo(c.isBackFilter,!1))return!0;switch(c.filterFn){case"includesInsensitive":return String(l[c.key]).toLowerCase().includes(c.value.toLowerCase());case"caseInsensitive":case void 0:default:return String(l[c.key]).toLowerCase()===c.value.toLowerCase()}}function r(l,c){if(!c.options||c.options.length===0)return!0;const d=c.options.filter(p=>p.checked).map(p=>p.value);return d.length===0?!0:d.includes(String(l[c.key]))}function a(l,c,d){const p=d(String(l[c.key])),{minValue:g,maxValue:x}=c,u=s._.isEmpty(g)&&typeof g!="number"?void 0:d(String(g)),h=s._.isEmpty(x)&&typeof x!="number"?void 0:d(String(x));return s._.isUndefined(u)&&s._.isUndefined(h)?!0:(u??-1/0)<=p&&p<=(h??1/0)}function o(l){return n.every(c=>{if(typeof c.key=="function")return c.key(l,c.value);switch(c.type){case"radioButton":case"checkboxes":return r(l,c);case"numberRange":return a(l,c,Number);case"dateRange":return a(l,c,d=>new Date(d));case"select":case"text":default:return i(l,c)}})}return e.filter(o)},lt=e=>[...e.flatMap(({options:i})=>i).filter(i=>i==null?void 0:i.checked),...e.flatMap(i=>[i.value,i.maxValue,i.minValue]).filter(Boolean)].length,Oa=e=>{var i;const n=((i=e.options)==null?void 0:i.map(r=>({...r,checked:void 0})))??void 0;return{...e,minValue:void 0,maxValue:void 0,value:void 0,options:n}},Va=({dataset:e,localStorageKey:n,options:i,setFilteredDataset:r,onFiltersChange:a,onReset:o,variant:l="ungrouped"})=>{const c=Ee("filters-modal"),[d,p]=f.useState([]),[g,x]=f.useState(lt(d)),u=f.useMemo(()=>i.map(y=>({...y,filterOptions:y.filterOptions.map(v=>d.find(j=>j.key===v.key&&j.type===v.type&&j.filterFn===v.filterFn)??{...v})})),[i,d]),h=f.useCallback(y=>{p(v=>{const k=v.map(j=>y.find(z=>z.key===j.key)??j);return localStorage.setItem(n,JSON.stringify(k)),k})},[n]),b=f.useCallback(()=>{o&&o(),c.toggle()},[c,o]),m=f.useCallback(y=>()=>{o&&o();const v=d.map(k=>k.key===y.key&&k.type===y.type&&k.filterFn===y.filterFn?Oa(k):k);p(v),localStorage.setItem(n,JSON.stringify(v))},[d,n,o]);return f.useEffect(()=>{const y=localStorage.getItem(n),v=i.flatMap(z=>z.filterOptions),j=(y?JSON.parse(y):v).map(z=>{const E=v.find(C=>C.key===z.key);return(E==null?void 0:E.value)!==void 0?{...z,value:E.value}:z});p(j),localStorage.setItem(n,JSON.stringify(j))},[n,i]),f.useEffect(()=>{r&&e!==void 0&&r(_a(e,d)),x(lt(d)),a==null||a(d)},[e,d,r,a]),{Filters:()=>t.jsxs($,{alignItems:"center",display:"flex",gap:.25,maxWidth:"100%",position:"relative",wrap:"wrap",children:[t.jsx($,{pr:.25,children:t.jsx(L,{icon:"filter",id:"filterBtn",onClick:b,tag:g.toString(),variant:"ghost"})}),c.isOpen&&t.jsx(Zt,{modalRef:c,onApplyFilters:h,options:u,variant:l})]}),options:u,removeFilter:m}},en=({_portal:e=!0,alert:n,cancelButton:i=void 0,children:r=void 0,confirmButton:a=void 0,content:o=void 0,description:l=void 0,modalRef:c,otherActions:d=void 0,onClose:p=void 0,tabItems:g=void 0,title:x=void 0,size:u,id:h="modal-container"})=>{const b=s.nt(),m=t.jsx(Wt,{"aria-label":c.name,"aria-modal":"true",id:"modal-wrapper",children:t.jsxs(Ke,{$size:u,"data-testid":h,flexDirection:"column",id:h,children:[!s._.isEmpty(x)&&!s._.isNil(x)&&t.jsx(Mt,{description:l,modalRef:c,onClose:p,otherActions:d,title:x}),g&&t.jsx($,{borderTop:`1px solid ${b.palette.gray[300]}`,display:"block",mb:1.25,position:"sticky",children:t.jsx(Xe,{items:g})}),(s._.isObject(o)||r)&&t.jsxs(xa,{children:[r,s._.isObject(o)&&s._.isString(o.imageSrc)&&t.jsx($a,{$framed:o.imageFramed,children:t.jsx(te,{alt:"modal-img",publicId:o.imageSrc})}),s._.isObject(o)&&s._.isString(o.imageText)&&t.jsx(S,{size:"sm",children:o.imageText})]}),t.jsx(Bt,{alert:n,cancelButton:i,confirmButton:a,modalRef:c})]})});return e&&c.isOpen?ie.createPortal(m,document.getElementById("portals")??document.body):c.isOpen?m:null},Ua=()=>{const[e,n]=f.useState(!1),[i,r]=f.useState(),a=f.useRef(null),o=Ee("confirm-dialog-modal"),l=f.useCallback(async g=>(r(g),n(!0),new Promise(x=>{a.current=x})),[]),c=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!0)},[]),d=f.useCallback(()=>{var g;n(!1),r(void 0),(g=a.current)==null||g.call(a,!1)},[]);return f.useEffect(()=>{o.setIsOpen(e)},[e,o]),{ConfirmDialog:({id:g="confirm-dialog-modal",children:x})=>t.jsxs(en,{cancelButton:{onClick:d,text:"Cancel"},confirmButton:{id:(i==null?void 0:i.id)??"modal-confirm",onClick:c,text:"Confirm"},description:i==null?void 0:i.message,id:g,modalRef:{...o,close:d},size:"sm",title:i==null?void 0:i.title,children:[i==null?void 0:i.content,x]}),confirm:l}},He=({buttonProps:e,variant:n})=>t.jsx(L,{onClick:e.onClick,variant:n,children:e.text}),Ga=s.dt.div`
1980
- display: flex;
1981
- flex-direction: column;
1982
- align-items: center;
1983
- padding: ${({theme:e,$padding:n})=>e.spacing[n]};
1984
- max-width: 900px;
1985
- white-space: pre-line;
1986
- margin: 0 auto;
1987
- `,Ya=s.dt.div`
1988
- display: flex;
1989
- flex-direction: row;
1990
- justify-content: center;
1991
- align-items: center;
1992
- background-color: transparent;
1993
- width: 96px;
1994
- height: 96px;
1995
- margin-bottom: ${({theme:e})=>e.spacing[2]};
1996
-
1997
- > img {
1998
- width: 100%;
1999
- }
2000
- `,qa=s.dt.div`
2001
- display: flex;
2002
- flex-direction: row;
2003
- margin: 0;
2004
- margin-bottom: ${({theme:e})=>e.spacing[2]};
2005
-
2006
- > * {
2007
- margin-right: ${({theme:e})=>e.spacing[.75]};
2008
- }
2009
-
2010
- > *:last-child {
2011
- margin-right: 0;
2012
- }
2013
- `,ct={md:{description:"md",title:"md"},sm:{description:"sm",title:"xs"}},Ka=({cancelButton:e=void 0,confirmButton:n=void 0,description:i,imageSrc:r="integrates/empty/addRoot",padding:a=1.25,title:o,size:l="md"})=>{const c=(n??e)!==void 0;return t.jsxs(Ga,{$padding:a,children:[t.jsx(Ya,{children:t.jsx(te,{alt:"empty-icon",publicId:r})}),t.jsx(G,{fontWeight:"bold",lineSpacing:1.75,mb:.25,size:ct[l].title,textAlign:"center",children:o}),t.jsx(S,{mb:c?2:void 0,size:ct[l].description,textAlign:"center",children:i}),c?t.jsxs(qa,{children:[e&&t.jsx(He,{buttonProps:e,variant:"tertiary"}),n&&t.jsx(He,{buttonProps:n,variant:"primary"})]}):void 0]})},Xa=({children:e})=>{const n=s.useFormContext();return e({...n})},Ja=s.dt.form`
2014
- ${({theme:e})=>`
2015
- align-items: flex-start;
2016
- align-self: stretch;
2017
- display: flex;
2018
- flex-direction: column;
2019
- gap: ${e.spacing[.5]};
2020
- overflow: hidden auto;
2021
- width: 100%;
2022
- `}
2023
- `,Za=({alert:e,buttonAlignment:n,cancelButton:i,children:r,confirmButton:a,defaultDisabled:o=!0,id:l="modal-confirm",maxButtonWidth:c="392px",mode:d,onSubmit:p,showButtons:g=!0,yupSchema:x,...u})=>{const h=s.nt(),b=s.useForm({...u,mode:d??"all",resolver:x?s.o(x):void 0});return t.jsx(s.FormProvider,{...b,children:t.jsx(Ja,{onSubmit:b.handleSubmit(p),children:t.jsxs($,{scroll:"y",width:"100%",children:[t.jsx($,{borderRadius:`0 0 ${h.spacing[.25]} ${h.spacing[.25]}`,display:"flex",flexDirection:"column",gap:.5,height:e?"calc(100% - 139px)":"calc(100% - 83px)",pb:1.5,pt:0,px:1.5,scroll:"y",children:r}),g&&t.jsxs($,{borderRadius:`0 0 ${h.spacing[.25]} ${h.spacing[.25]}`,borderTop:`1px solid ${h.palette.gray[200]}`,display:"flex",flexDirection:n?"unset":"column",gap:.625,justify:n??"stretch",position:"sticky",px:1.25,py:1.25,children:[e,t.jsxs($,{display:"flex",gap:.75,maxWidth:c,children:[i?t.jsx(L,{icon:i.icon,id:`${l}-cancel`,justify:"center",onClick:i.onClick,type:"reset",variant:"tertiary",width:"100%",children:i.label??"Cancel"}):void 0,t.jsx(L,{disabled:((a==null?void 0:a.disabled)??!1)||b.formState.isSubmitting||o&&!b.formState.isDirty,icon:a==null?void 0:a.icon,id:l,justify:"center",type:"submit",width:"100%",children:(a==null?void 0:a.label)??"Confirm"})]})]})]})})})},Qa=s.dt($e)`
2024
- display: grid;
2025
- gap: ${({$gap:e=1.25})=>`${e}rem`};
2026
- grid-template-columns: ${({$sm:e})=>`repeat(${e}, 1fr)`};
2027
-
2028
- ${({theme:e,$xl:n,$lg:i,$md:r})=>`
2029
- @media (width >= ${e.breakpoints.sm}) {
2030
- grid-template-columns: repeat(${r}, 1fr);
2031
- }
2032
-
2033
- @media (width >= ${e.breakpoints.md}) {
2034
- grid-template-columns: repeat(${i}, 1fr);
2035
- }
2036
-
2037
- @media (width >= ${e.breakpoints.lg}) {
2038
- grid-template-columns: repeat(${n}, 1fr);
2039
- }
2040
- `}
2041
- `,er=f.forwardRef(function({children:n,md:i,sm:r,lg:a,xl:o,gap:l,...c},d){return t.jsx(Qa,{$gap:l,$lg:a,$md:i,$sm:r,$xl:o,ref:d,...c,children:n})}),tr=s.dt.div`
2042
- ${({theme:e,$itemsLength:n})=>`
2043
- display: flex;
2044
- background-color: ${e.palette.white};
2045
- border: 1px solid ${e.palette.gray[200]};
2046
- border-radius: ${e.spacing[.25]};
2047
- box-shadow: ${e.shadows.lg};
2048
- flex-direction: column;
2049
- min-width: 507px;
2050
- max-width: ${n<=4?"507px":"980px"};
2051
- padding: ${e.spacing[1.5]};
2052
-
2053
- @media screen and (max-width: 980px) and (min-width: 742px) {
2054
- width: 742px;
2055
- }
2056
- @media screen and (max-width: 742px) {
2057
- width: 507px;
2058
- }
2059
- `}
2060
- `,Je=s.dt.div`
2061
- ${({theme:e,$isSelected:n})=>`
2062
- align-items: center;
2063
- background-color: ${n?e.palette.gray[100]:e.palette.white};
2064
- border: 1px solid ${e.palette.gray[200]};
2065
- border-radius: ${e.spacing[.25]};
2066
- cursor: pointer;
2067
- display: flex;
2068
- flex-direction: ${n?"row-reverse":"row"};
2069
- min-height: 50px;
2070
- padding: ${e.spacing[1]} ${e.spacing[.625]};
2071
- width: 215px;
2072
-
2073
- &:hover {
2074
- background-color: ${e.palette.gray[100]};
2075
- }
2076
- `}
2077
- `,tn=({isSelected:e=!1,label:n,onSelect:i})=>{const r=s.nt(),a=f.useCallback(()=>{i&&i(n)},[i,n]);return t.jsxs(Je,{$isSelected:e,onClick:a,children:[e?t.jsx(T,{icon:"check",iconColor:r.palette.gray[800],iconSize:"xs"}):null,t.jsx(S,{color:r.palette.gray[800],fontWeight:"bold",size:"sm",children:n})]})},nr=({isOpen:e=!0,items:n,handleNewOrganization:i,onSelect:r,onClose:a,selectedItem:o,title:l,variant:c})=>{const d=s.nt(),[p,g]=f.useState(n),[x,u]=f.useState(""),h=f.useCallback(w=>{g(y=>y.filter(v=>String(v.name).toLowerCase().includes(w.toLocaleLowerCase())))},[g]),b=f.useCallback(w=>{w.currentTarget&&(u(w.currentTarget.value),h(w.currentTarget.value))},[u,h]);f.useEffect(()=>{g(n),h(x)},[n,h,x]);const m=t.jsx($,{"aria-modal":"true",className:"comp-modal fixed inset-0 overflow-auto",zIndex:99999,children:t.jsx($,{alignItems:"center",bgColor:"rgb(52 64 84 / 70%)",display:"flex",height:"100vh",justify:"center",left:"0",top:"0",width:"100%",children:t.jsxs(tr,{$itemsLength:p.length,children:[t.jsxs($,{alignItems:"center",display:"flex",justify:"space-between",children:[t.jsx(S,{color:d.palette.gray[800],fontWeight:"bold",size:"lg",children:l}),t.jsx(M,{icon:"xmark",iconColor:d.palette.gray[400],iconSize:"xs",iconType:"fa-light",onClick:a,variant:"ghost"})]}),t.jsx($,{mt:1,children:t.jsx(ce,{onInput:b,placeholder:"Search"})}),t.jsx(ne,{mb:1,mt:1}),t.jsxs($,{display:"inline-flex",gap:1,maxHeight:"332px",scroll:"y",wrap:"wrap",children:[c==="organization-selector"?t.jsx(Je,{onClick:i,children:t.jsxs($,{alignItems:"center",display:"flex",children:[t.jsx(T,{icon:"square-plus",iconColor:d.palette.gray[400],iconSize:"xs",iconType:"fa-light",mr:.5}),t.jsx(S,{color:d.palette.gray[400],size:"sm",children:"New organization"})]})}):void 0,p.map(w=>t.jsx(tn,{isSelected:o.toLowerCase()===w.name,label:w.name.charAt(0).toUpperCase()+w.name.slice(1),onSelect:r},w.name))]})]})})});return e?ie.createPortal(m,document.body):t.jsx("div",{})},ir=({description:e,height:n="auto",leftIconName:i,children:r,rightIconName:a,title:o,tooltipId:l,tooltipTip:c,tooltipPlace:d="bottom",variant:p="centered",width:g="318px"})=>{const x=s.nt(),u=p==="centered",h=l&&t.jsx(Y,{icon:a??i,iconColor:x.palette.gray[800],id:l,place:d,tip:c});return t.jsxs($,{alignItems:u?"center":"flex-start",bgColor:x.palette.gray[50],border:`1px solid ${x.palette.gray[200]}`,borderRadius:"4px",display:"inline-flex",flexDirection:u?"column":"column-reverse",gap:.5,height:n,justify:"center",padding:[1.25,1.25,1.25,1.25],width:g,children:[t.jsxs($,{alignItems:"center",display:"flex",gap:.5,children:[u||s.lodashExports.isUndefined(i)?void 0:h,t.jsx(S,{color:u?x.palette.gray[800]:x.palette.gray[400],size:"md",textAlign:u?"center":"start",children:e}),u||s.lodashExports.isUndefined(a)?void 0:h]}),t.jsxs($,{alignItems:"center",display:"flex",gap:.5,my:.5,children:[u&&!s.lodashExports.isUndefined(i)?h:void 0,t.jsxs("div",{style:{display:"flex",gap:"12px"},children:[s.lodashExports.isUndefined(o)?void 0:t.jsx(G,{fontWeight:"bold",size:"md",children:o}),r]}),u&&!s.lodashExports.isUndefined(a)?h:void 0]})]})},ar=({actions:e,children:n,header:i,title:r,tabs:a,footer:o})=>{const l=s.nt();return t.jsxs($,{alignItems:"flex-start",bgColor:l.palette.white,borderLeft:`1px solid ${l.palette.gray[300]}`,display:"flex",flexDirection:"column",maxHeight:"750px",width:"480px",children:[t.jsxs($,{alignItems:"flex-start",alignSelf:"stretch",borderBottom:`1px solid ${l.palette.gray[300]}`,display:"flex",gap:.25,justify:"space-between",px:1.25,py:1,children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,children:[t.jsx(S,{color:l.palette.gray[800],fontWeight:"bold",lineSpacing:1.75,size:"xl",children:r}),i]}),e&&t.jsx($,{display:"flex",gap:.25,children:e.map(({icon:c,onClick:d},p)=>t.jsx(M,{icon:c??"paper-plane",iconColor:l.palette.gray[400],iconSize:"xxs",iconType:"fa-light",onClick:d,variant:"ghost"},`${p}-${c}`))})]}),t.jsx($,{display:"flex",pt:.25,width:"100%",children:t.jsx(Xe,{items:a})}),t.jsx($,{alignSelf:"stretch",display:"flex",flexDirection:"column",px:1.25,py:1,scroll:"y",children:n}),o&&t.jsx($,{alignSelf:"stretch",borderTop:`1px solid ${l.palette.gray[300]}`,display:"flex",gap:.5,justify:"end",px:1.25,py:1,children:o.map(({icon:c,text:d,onClick:p},g)=>t.jsx(L,{icon:c,onClick:p,variant:g===0?"primary":"tertiary",width:"100%",children:d},`${g}-${d}`))})]})},rr=s.dt.span`
2078
- ${({theme:e,$bgColor:n=e.palette.secondary[500],$txtDecoration:i="none"})=>`
2079
- background-color: ${n};
2080
- border-radius: 5px;
2081
- color: ${e.palette.white};
2082
- font-size: 10px;
2083
- padding: ${e.spacing[.125]} ${e.spacing[.25]} ${e.spacing[.125]} ${e.spacing[.25]};
2084
- text-decoration: ${i}
2085
- `}
2086
- `,or=({bgColor:e,children:n,txtDecoration:i,ml:r=1})=>t.jsx(rr,{$bgColor:e,$txtDecoration:i,className:`ml-${r}`,children:n}),sr={lg:"56",md:"30",sm:"12"},{getVariant:lr}=K(e=>({red:`stroke: ${e.palette.primary[500]};`,white:`stroke: ${e.palette.white};`})),cr=s.mt`
2087
- 0% {
2088
- transform: rotateZ(0deg);
2089
- }
2090
- 100% {
2091
- transform: rotateZ(360deg)
2092
- }
2093
- `,dr=s.mt`
2094
- 0%,
2095
- 25% {
2096
- stroke-dashoffset: 280;
2097
- transform: rotate(0);
2098
- }
2099
-
2100
- 50%,
2101
- 75% {
2102
- stroke-dashoffset: 75;
2103
- transform: rotate(45deg);
2104
- }
2105
-
2106
- 100% {
2107
- stroke-dashoffset: 280;
2108
- transform: rotate(360deg);
2109
- }
2110
- `,pr=s.dt.svg`
2111
- ${({$size:e="md"})=>s.lt`
2112
- animation: ${cr} 2s linear infinite;
2113
- animation-timing-function: linear;
2114
- display: inline-block;
2115
- width: ${sr[e]}px;
2116
- `}
2117
- `,gr=s.dt.circle`
2118
- ${({theme:e,$color:n="red"})=>s.lt`
2119
- animation: 1.4s ease-in-out infinite both ${dr};
2120
- display: block;
2121
- fill: transparent;
2122
- stroke-linecap: round;
2123
- stroke-dasharray: 283;
2124
- stroke-dashoffset: 280;
2125
- stroke-width: 10px;
2126
- transform-origin: 50% 50%;
2127
-
2128
- ${lr(e,n)}
2129
- `}
2130
- `,ur=s.dt.circle`
2131
- display: block;
2132
- fill: transparent;
2133
- stroke: ${({theme:e})=>e.palette.gray[200]};
2134
- stroke-linecap: round;
2135
- stroke-width: 10px;
2136
- transform-origin: 50% 50%;
2137
- opacity: ${({$color:e})=>e==="white"?"20%":"unset"};
2138
- `,xr=({color:e="red",label:n,size:i})=>{const r=s.nt();return t.jsxs($,{alignItems:"center",display:"flex",children:[t.jsxs(pr,{$size:i,viewBox:"0 0 100 100",children:[t.jsx(ur,{$color:e,cx:"50",cy:"50",r:"45"}),t.jsx(gr,{$color:e,cx:"50",cy:"50",r:"45"})]}),n&&t.jsx(S,{color:e==="red"?r.palette.gray[700]:r.palette.white,ml:.5,size:"sm",children:n})]})},fr={company:{height:"83px",width:"460px"},footer:{height:"57px",width:"315px"},header:{height:"35px",width:"160px"},icon:{height:"40px",width:"40px"},inline:{width:"150px"}},hr=({publicId:e,variant:n})=>t.jsx($,{...fr[n],children:t.jsx(te,{alt:"logo",publicId:e})}),br=s.dt(s.Lottie).attrs(({autoplay:e=!0})=>({autoplay:e,className:"comp-lottie"}))`
2139
- ${({$size:e=16})=>`
2140
- height: ${e}px;
2141
- width: ${e}px;
2142
- `}
2143
- `,$r=e=>{const{size:n}=e;return t.jsx(br,{$size:n,...e})},yr=({children:e,commitSha:n,commitShortSha:i,parentElement:r,userInfo:a,setVisibility:o})=>{const l=s.nt(),{userName:c,email:d,phone:p,userRole:g}=a;return me(r,()=>{o(!1)}),t.jsxs(Ot,{children:[t.jsx("li",{className:"user-info",children:t.jsxs($,{display:"inline-flex",gap:.25,width:"100%",children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,width:"100%",children:[t.jsx(S,{color:l.palette.gray[800],fontWeight:"bold",size:"sm",children:c}),t.jsx(S,{color:l.palette.gray[400],size:"sm",children:d}),s.lodashExports.isUndefined(p)?void 0:t.jsx(S,{color:l.palette.gray[400],size:"sm",children:p})]}),t.jsx($,{children:t.jsx(X,{tagLabel:g,variant:"role"})})]})}),t.jsx(ne,{}),e,t.jsx(ne,{}),t.jsx("li",{className:"commit-info",children:t.jsx(Q,{href:`https://gitlab.com/fluidattacks/universe/-/tree/${n}`,iconPosition:"hidden",children:t.jsx(S,{color:l.palette.gray[400],size:"xs",children:`commit : ${i}`})})})]})},mr=s.dt.button`
2144
- align-items: center;
2145
- background-color: transparent;
2146
- border: unset;
2147
- cursor: pointer;
2148
- display: flex;
2149
- justify-content: center;
2150
- gap: 5px;
2151
- padding: 0;
2152
-
2153
- &:hover p {
2154
- color: ${I.palette.primary[200]};
2155
- }
2156
-
2157
- &:hover span {
2158
- color: ${I.palette.primary[200]};
2159
- }
2160
- `,wr=({message:e,onClickButton:n,buttonText:i,buttonFontWeight:r="regular",icon:a,onClose:o,buttonSide:l="end"})=>{const c=s.nt(),[d,p]=f.useState(!0),g=f.useCallback(()=>{p(!1),o==null||o()},[o]),x=t.jsxs(mr,{onClick:n,children:[t.jsx(S,{color:c.palette.white,fontWeight:r,size:"sm",textDecoration:"underline",children:i}),t.jsx(T,{icon:a??"arrow-right",iconColor:c.palette.white,iconSize:"xs",iconType:r==="bold"?"fa-regular":"fa-light"})]});return t.jsxs($,{alignItems:"center",bgGradient:c.palette.gradients["01"],display:d?"flex":"none",id:"message-banner",justify:"space-between",padding:[.75,.75,.75,.75],children:[t.jsxs($,{display:"flex",gap:.5,justify:"center",width:"100%",children:[l==="start"&&n?x:void 0,t.jsx($,{children:typeof e=="string"?t.jsx(S,{color:c.palette.white,display:"inline",size:"sm",children:e}):e}),l==="end"&&n?x:void 0]}),t.jsx(T,{clickable:!0,hoverColor:c.palette.primary[200],icon:"close",iconColor:c.palette.white,iconSize:"xs",iconType:"fa-light",onClick:g})]})},vr=s.dt.div`
2161
- ${({theme:e,$variant:n})=>`
2162
- background: ${e.palette.white};
2163
- border: 1px solid ${e.palette.gray[200]};
2164
- border-radius: ${e.spacing[.25]};
2165
- border-left: 4px solid ${e.palette[n][500]};
2166
- box-shadow: ${e.shadows.md};
2167
- position: relative;
2168
- display: flex;
2169
- width: 360px;
2170
- padding: ${e.spacing[1.25]} ${e.spacing[1]} ${e.spacing[1.25]} ${e.spacing[.75]};
2171
- gap: ${e.spacing[.5]};
2172
-
2173
- button {
2174
- position: absolute;
2175
- top: 20px;
2176
- right: 16px;
2177
- }
2178
- `}
2179
- `,jr=s.dt.div`
2180
- ${({theme:e,$variant:n})=>`
2181
- height: ${e.spacing[2.5]};
2182
- width: ${e.spacing[2.5]};
2183
- position: relative;
2184
- flex-shrink: 0;
2185
-
2186
- & .ellipse-1,
2187
- & .ellipse-2,
2188
- & .icon {
2189
- top: 50%;
2190
- left: 50%;
2191
- transform: translate(-50%, -50%);
2192
- position: absolute;
2193
- }
2194
-
2195
- & .ellipse-1 {
2196
- transform: scale(2.5) translate(-20%, -20%);
2197
- color: ${e.palette[n][50]};
2198
- position: absolute;
2199
- }
2200
-
2201
- & .ellipse-2 {
2202
- transform: scale(2) translate(-25%, -25%);
2203
- color: ${e.palette[n][200]};
2204
- }
2205
-
2206
- & .icon {
2207
- color: ${e.palette[n][500]};
2208
- }
2209
- `}
2210
- `,kr=e=>e==="warning"?"triangle-exclamation":e==="info"?"circle-info":e==="success"?"circle-check":"circle-exclamation",Cr=({description:e,onClose:n,title:i,variant:r})=>{const a=s.nt(),o=f.useCallback(()=>{n==null||n()},[n]);return t.jsxs(vr,{$variant:r,className:`notification notification__${r}`,role:"alertdialog",children:[t.jsxs(jr,{$variant:r,children:[t.jsx(T,{icon:"circle",iconClass:"ellipse-1",iconSize:"xs"}),t.jsx(T,{icon:"circle",iconClass:"ellipse-2",iconSize:"xs"}),t.jsx(T,{icon:kr(r),iconClass:"icon",iconSize:"xs",iconType:"fa-light"})]}),t.jsxs($,{pr:1.5,children:[t.jsx(G,{fontWeight:"bold",size:"xs",children:i}),t.jsx(S,{size:"sm",whiteSpace:"break-spaces",wordWrap:"break-word",children:e})]}),t.jsx(M,{height:"fit-content",icon:"close",iconColor:a.palette.gray[400],iconSize:"xs",iconType:"fa-light",onClick:o,px:.125,py:.125,variant:"ghost"})]})},Sr=s.dt.div`
2211
- width: fit-content;
2212
- border: ${({theme:e})=>`1px solid ${e.palette.gray[300]}`};
2213
- border-radius: 4px;
2214
- background: none;
2215
- color: ${({theme:e})=>e.palette.black};
2216
- font-family: ${({theme:e})=>e.typography.type.primary};
2217
- font-size: ${({theme:e})=>e.typography.text.md};
2218
- height: 40px;
2219
- display: flex;
2220
- align-items: center;
2221
- justify-content: center;
2222
- padding: 0.5em;
2223
- `,zr=s.dt.input`
2224
- width: 4em;
2225
- appearance: textfield;
2226
- border-style: none;
2227
- padding: 0.5rem;
2228
- padding-top: 0.5rem;
2229
- padding-bottom: 0.5rem;
2230
- padding-left: 0.5rem;
2231
- background: none;
2232
-
2233
- &:focus {
2234
- border-color: unset;
2235
- box-shadow: none;
2236
- outline: none;
2237
- }
2238
-
2239
- &::-webkit-outer-spin-button,
2240
- &::-webkit-inner-spin-button {
2241
- opacity: 1;
2242
- }
2243
- `,Ir=f.forwardRef(function({autoUpdate:n=!1,decimalPlaces:i=0,defaultValue:r=0,max:a,min:o,name:l,onEnter:c,tooltipMessage:d,...p},g){const x=i<0?0:i,[u,h]=f.useState(Number(r).toFixed(x)),b=f.useCallback(y=>{const v=s.lodashExports.toNumber(y.target.value);y.target.value.endsWith(".")?h(y.target.value):v>=Number(o)&&v<=Number(a)&&(h(String(v)),n&&c(s.lodashExports.toNumber(v.toFixed(x)))),y.stopPropagation()},[n,x,a,o,c]),m=f.useCallback(y=>{y.currentTarget.contains(y.relatedTarget)||h(Number(r).toFixed(x)),y.stopPropagation()},[x,r]),w=f.useCallback(y=>{y.stopPropagation(),y.key==="Enter"&&!s.lodashExports.isEmpty(y.currentTarget.value)&&c(s.lodashExports.toNumber(y.currentTarget.value))},[c]);return t.jsx(Sr,{onBlur:m,tabIndex:-1,children:t.jsx(Y,{id:"numberInputTooltip",tip:d,children:t.jsx(zr,{...p,"aria-label":l,"aria-valuemax":Number(a),"aria-valuemin":Number(o),"aria-valuenow":Number(u),max:a,min:o,name:l,onChange:b,onKeyUp:w,ref:g,step:10**-x,type:"number",value:u})})})}),Tr={Azure:"integrates/autoenrollment/azureIcon",Bitbucket:"integrates/autoenrollment/bitbucketLogo",GitHub:"integrates/autoenrollment/githubLogo",GitLab:"integrates/autoenrollment/gitlabIcon"},_e=({icon:e,label:n,onClick:i,onlyLabel:r=!1,provider:a="GitLab"})=>{const o=s.nt();return t.jsxs($,{alignItems:"center",bgColorHover:o.palette.gray[100],borderRadius:"4px",cursor:"pointer",display:"flex",flexDirection:"column",gap:.25,height:"62px",justify:"center",minWidth:"64px",onClick:i,pb:.5,pl:.25,pr:.25,pt:.5,children:[r?!1:t.jsx($,{height:"24px",width:"24px",children:e===void 0?t.jsx(te,{alt:`${a} Logo`,height:"100%",publicId:Tr[a],width:"100%"}):t.jsx(T,{icon:e,iconColor:"#000",iconSize:"sm",iconType:"fa-light"})}),t.jsx($,{alignItems:"center",display:"flex",minWidth:"24px",children:t.jsx(S,{color:o.palette.gray[800],display:"inline",size:"xs",textAlign:"center",whiteSpace:r?"break-spaces":"nowrap",wordWrap:"unset",children:n??a})})]})},Fr=({align:e="end",buttonLabel:n="Add Credential",children:i,id:r,manualOption:a,providers:o})=>{const l=s.nt(),[c,d]=f.useState(!1),p=f.useRef(null);me(p.current,()=>{d(!1)},!0);const g=f.useCallback(h=>{a==null||a.onClick(h),d(!1)},[a]),x=f.useCallback(()=>{d(h=>!h)},[d]),u=f.useCallback(h=>b=>{var m;(m=o[h])==null||m.onClick(b),d(!1)},[o]);return t.jsxs($,{alignItems:e,display:"flex",flexDirection:"column",position:"relative",ref:p,width:"max-content",zIndex:10,children:[t.jsx(L,{icon:"plus",onClick:x,variant:"primary",children:n}),t.jsxs($,{alignItems:"center",bgColor:"#fff",border:`1px solid ${l.palette.gray[200]}`,borderRadius:"4px",display:"flex",gap:.5,height:"78px",id:r,pb:.5,pl:.75,position:"absolute",pr:.75,pt:.5,shadow:"md",top:"40px",visibility:c?"visible":"hidden",zIndex:10,children:[Object.keys(o).map(h=>t.jsx(_e,{onClick:u(h),provider:h},h)),a===void 0?void 0:t.jsx(_e,{icon:"square-plus",label:a.label??"Add manually",onClick:g}),i]})]})},Nr=s.dt.div`
2244
- ${({theme:e})=>`
2245
- height: ${e.spacing[1]};
2246
- width: ${e.spacing[1]};
2247
- position: relative;
2248
- flex-shrink: 0;
2249
-
2250
- & .ellipse-1,
2251
- & .ellipse-2,
2252
- & .icon {
2253
- top: 50%;
2254
- left: 50%;
2255
- transform: translate(-50%, -50%);
2256
- position: absolute;
2257
- }
2258
-
2259
- & .ellipse-1 {
2260
- color: ${e.palette.warning[200]};
2261
- position: absolute;
2262
- }
2263
-
2264
- & .ellipse-2 {
2265
- transform: scale(0.75) translate(-67%, -66%);
2266
- color: ${e.palette.warning[400]};
2267
- }
2268
-
2269
- & .icon {
2270
- color: ${e.palette.warning[600]};
2271
- font-size: ${e.spacing[.5]};
2272
- }
2273
- `}
2274
- `,nn=({margin:e,onClick:n,text:i})=>{const r=s.nt(),a=t.jsxs(Nr,{children:[t.jsx(T,{icon:"circle",iconClass:"ellipse-1",iconSize:"xs"}),t.jsx(T,{icon:"circle",iconClass:"ellipse-2",iconSize:"xs"}),t.jsx(T,{icon:"crown",iconClass:"icon",iconSize:"xs"})]});return i!==void 0?t.jsx($,{cursor:"pointer",display:"inline-block",mr:e,onClick:n,children:t.jsxs($,{alignItems:"center",bgColor:r.palette.warning[50],borderRadius:"4px",display:"flex",padding:[.25,.25,.25,.25],width:"fit-content",children:[a,t.jsx(S,{color:r.palette.warning[500],display:"inline",ml:.25,size:"xs",children:i})]})}):t.jsx($,{display:"inline-block",mr:e,onClick:n,children:a})},Er=({score:e})=>{const n=s.nt(),i=e<=33?"priority-bars-low":"priority-bars-medium",r=e>66||e===0?"priority-bars-high":i;return t.jsxs($,{alignItems:"center",display:"inline-flex",gap:.25,children:[t.jsx(T,{icon:r,iconClass:e<=66?"fa-kit-duotone":"",iconColor:e>0?n.palette.primary[500]:n.palette.gray[200],iconSize:"xs",iconType:"fa-kit",secondaryColor:n.palette.gray[200]}),t.jsx(S,{color:n.palette.gray[800],size:"sm",textAlign:"right",children:e+"%"})]})},{getVariant:Rr}=K(e=>({compliance:`
2275
- display: inline-flex;
2276
-
2277
- &.horizontal {
2278
- height: ${e.spacing[.75]};
2279
- }
2280
- &.vertical {
2281
- width: ${e.spacing[.75]};
2282
- }
2283
- `,default:`
2284
- display: inline-flex;
2285
-
2286
- &.horizontal {
2287
- height: ${e.spacing[.5]};
2288
- }
2289
- &.vertical {
2290
- width: ${e.spacing[.5]};
2291
- }
2292
- .progress-bar {
2293
- background-color: ${e.palette.primary[500]};
2294
- }
2295
- `,progressIndicator:`
2296
- display: flex;
2297
-
2298
- &.horizontal {
2299
- height: ${e.spacing[.125]};
2300
- }
2301
- &.vertical {
2302
- width: ${e.spacing[.125]};
2303
- }
2304
- .progress-bar {
2305
- background-color: ${e.palette.primary[500]};
2306
- }
2307
- `,progressIndicatorError:`
2308
- display: flex;
2309
-
2310
- &.horizontal {
2311
- height: ${e.spacing[.125]};
2312
- }
2313
- &.vertical {
2314
- width: ${e.spacing[.125]};
2315
- }
2316
- .progress-bar {
2317
- background-color: ${e.palette.error[200]};
2318
- }
2319
- `,small:`
2320
- color: ${e.palette.primary[500]};
2321
- display: inline-flex;
2322
-
2323
- &.horizontal {
2324
- height: ${e.spacing[.25]};
2325
- }
2326
- &.vertical {
2327
- width: ${e.spacing[.25]};
2328
- }
2329
- .progress-bar {
2330
- background-color: ${e.palette.primary[500]};
2331
- }
2332
- `})),Dr=(e,n)=>n<50?e.palette.error[500]:n<80?e.palette.warning[500]:e.palette.success[500],Lr=s.dt.div`
2333
- ${({theme:e,$minWidth:n,$orientation:i,$rounded:r,$variant:a})=>`
2334
- background-color: ${e.palette.gray[100]};
2335
- border-radius: ${r?"100px":"unset"};
2336
- ${i==="horizontal"?"min-width":"min-height"}: ${n}px;
2337
- ${i==="horizontal"?"":"height: 100%;"}
2338
-
2339
- ${Rr(e,a)}
2340
-
2341
- `}
2342
- `,Pr=s.dt.div`
2343
- ${({theme:e,$percentage:n,$rounded:i,$variant:r})=>`
2344
- display: inline-flex;
2345
- width: ${n}%;
2346
- max-width: 100%;
2347
- min-width: 0%;
2348
- height: 100%;
2349
- border-radius: ${i?"100px":"unset"};
2350
- border-end-end-radius: ${i&&n<100?"0":"inherit"};
2351
- border-start-end-radius: ${i&&n<100?"0":"inherit"};
2352
- background-color: ${r==="compliance"?Dr(e,n):"inherit"};
2353
- `}
2354
- `,Ar=({minWidth:e=100,percentage:n,percentageLocation:i="right",showPercentage:r=!1,orientation:a="horizontal",rounded:o=!0,variant:l="default"})=>{const c=r&&i==="left",d=r?t.jsx($,{alignItems:"center",display:"flex",justify:c?"flex-end":"flex-start",width:"40px",children:t.jsx(S,{ml:.5,mr:c?.5:0,size:"sm",children:`${n}%`})}):null,p=t.jsx(Lr,{$minWidth:e,$orientation:a,$rounded:o,$variant:l,className:a,children:t.jsx(Pr,{$percentage:n,$rounded:o,$variant:l,className:"progress-bar"})});return t.jsxs($,{alignItems:"center",display:"inline-flex",flexDirection:c?"row-reverse":"row",height:a==="horizontal"?"auto":"100%",maxWidth:c?`${e+43}px`:void 0,minWidth:c?`${e+43}px`:void 0,textAlign:"end",children:[p,d]})},an=({description:e="",highlightDescription:n=""})=>{const i=s.nt(),r=typeof n=="string",a=r?"":new RegExp(`(${n.join("|")})`,"u");return n.length>0?t.jsx(S,{display:"inline",lineSpacing:1.5,size:"lg",textAlign:"center",children:r?t.jsxs(f.Fragment,{children:[t.jsx(se,{color:i.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:n}),e]}):e.split(a).map((o,l)=>n.includes(o)?t.jsx(se,{color:i.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:o},`${l+1}-bold`):o)}):t.jsx(S,{lineSpacing:1.5,size:"lg",textAlign:"center",children:e})},Wr=({_portal:e=!1,cancelButton:n,darkBackground:i=!1,children:r,confirmButton:a,container:o,description:l,highlightDescription:c="",image:d,maxWidth:p,title:g,titleColor:x})=>{const u=s.nt(),{alt:h,src:b,width:m="77px",height:w="77px"}=d,y=f.useCallback(()=>{n==null||n.onClick()},[n]),v=f.useCallback(()=>{a==null||a.onClick()},[a]),k=t.jsx($,{alignItems:"center","aria-label":g,"aria-modal":"true",bgColor:i?"rgba(52, 64, 84, 70%)":"",display:"flex",height:"100vh",justify:"center",left:"0",position:e?"fixed":"absolute",top:"0px",width:"100%",zIndex:99999,children:t.jsxs($,{bgColor:u.palette.white,border:`1px solid ${u.palette.gray[200]}`,borderRadius:"8px",display:"inline-flex",flexDirection:"column",maxWidth:p,pb:2.5,pl:2.5,pr:2.5,pt:2.5,shadow:"lg",width:"100%",zIndex:11,children:[t.jsxs($,{alignItems:"center",display:"flex",flexDirection:"column",width:"100%",children:[t.jsx($,{children:t.jsx(te,{alt:h,height:w,publicId:b,width:m})}),t.jsxs($,{display:"flex",flexDirection:"column",gap:.5,mb:1.5,mt:1.5,children:[t.jsx(G,{color:x,fontWeight:"bold",lineSpacing:2.5,size:"lg",textAlign:"center",children:g}),t.jsx(an,{description:l,highlightDescription:c})]})]}),r&&t.jsx($,{mb:1,scroll:"y",children:t.jsx($,{height:"100%",children:r})}),t.jsxs($,{alignItems:"flex-start",display:"flex",gap:1,justify:"center",children:[s.lodashExports.isObject(a)?t.jsx(L,{onClick:v,variant:(a==null?void 0:a.variant)??"primary",children:a==null?void 0:a.text},a==null?void 0:a.key):void 0,s.lodashExports.isObject(n)?t.jsx(L,{onClick:y,variant:(n==null?void 0:n.variant)??"tertiary",children:n==null?void 0:n.text},n==null?void 0:n.key):void 0]})]})});return e?ie.createPortal(k,o??document.body):k},Br=s.dt.div.attrs({className:"comp-scroll-up"})`
2355
- bottom: 15px;
2356
- position: fixed;
2357
- right: 140px;
2358
- z-index: 100;
2359
- `,Mr=({scrollerId:e="dashboard",visibleAt:n=500})=>{const[i,r]=f.useState(!1),[a,o]=f.useState(null);f.useEffect(()=>{o(document.getElementById(e)),a==null||a.addEventListener("scroll",()=>{r(a.scrollTop>n)})},[a,e,n]);const l=f.useCallback(()=>{a==null||a.scrollTo({behavior:"smooth",top:0})},[a]);return i?t.jsx(Br,{children:t.jsx(M,{height:"40px",icon:"arrow-up",iconSize:"sm",id:"scroll-up",onClick:l,width:"40px"})}):null},Hr={critical:{bgColor:I.palette.primary[700],colorL:I.palette.gray[800],colorR:I.palette.white},disable:{bgColor:I.palette.gray[200],colorL:I.palette.gray[400],colorR:I.palette.gray[400]},high:{bgColor:I.palette.error[500],colorL:I.palette.gray[800],colorR:I.palette.white},low:{bgColor:I.palette.warning[200],colorL:I.palette.gray[800],colorR:I.palette.gray[800]},medium:{bgColor:I.palette.warning[500],colorL:I.palette.gray[800],colorR:I.palette.gray[800]}},_r=({textL:e,textR:n,variant:i})=>{const r=s.nt(),{bgColor:a,colorL:o,colorR:l}=Hr[i];return t.jsxs($,{alignItems:"flex-start",display:"inline-flex",children:[e?t.jsx($,{alignItems:"center",bgColor:r.palette.white,border:`1px solid ${a}`,borderRadius:"4px 0px 0px 4px",display:"flex",justify:"center",padding:[0,.25,0,.25],children:t.jsx(S,{color:o,size:"xs",children:e})}):void 0,t.jsx($,{alignItems:"center",bgColor:a,border:`1px solid ${a}`,borderRadius:e?"0px 4px 4px 0px":"4px",display:"flex",padding:e?[0,.25,0,.125]:[0,.25,0,.25],pb:.125,pl:.125,pr:.125,pt:.125,children:t.jsx(S,{color:l,size:"xs",children:n})})]})},Or=(e,n)=>{const i={critical:I.palette.primary[700],high:I.palette.error[500],low:I.palette.warning[200],medium:I.palette.warning[500],none:I.palette.gray[200]},r={disabled:I.palette.gray[400],enabled:I.palette.gray[800]},a={critical:I.palette.white,high:I.palette.white,low:I.palette.gray[800],medium:I.palette.gray[800],none:I.palette.gray[400]};return{iconColor:n<1?i.none:i[e],iconText:s.lodashExports.capitalize(e.charAt(0)),iconTextColor:n<1?a.none:a[e],textColor:n<1?r.disabled:r.enabled}},oe=({variant:e,value:n})=>{const{iconColor:i,iconText:r,iconTextColor:a,textColor:o}=Or(e,n),l=s.lodashExports.capitalize(e.charAt(0))+e.slice(1);return t.jsxs($,{alignItems:"center",display:"inline-flex",gap:.5,minWidth:"43px",children:[t.jsx(Y,{id:l,place:"top",tip:l,children:t.jsx($,{alignItems:"center",bgColor:i,borderRadius:"4px",cursor:"pointer",display:"flex",height:"22px",maxWidth:"22px",minWidth:"22px",children:t.jsx(S,{color:a,size:"sm",textAlign:"center",children:r})})}),t.jsx(S,{color:o,size:"sm",children:n})]})},Vr=({critical:e,high:n,medium:i,low:r})=>t.jsxs($,{alignItems:"center",display:"inline-flex",gap:1,children:[t.jsx(oe,{value:e,variant:"critical"}),t.jsx(oe,{value:n,variant:"high"}),t.jsx(oe,{value:i,variant:"medium"}),t.jsx(oe,{value:r,variant:"low"})]}),Ur=s.dt.div`
2360
- ${({theme:e})=>`
2361
- border-radius: ${e.spacing[.25]};
2362
- cursor: pointer;
2363
- display: flex;
2364
- gap: ${e.spacing[.5]};
2365
- justify-content: end;
2366
- position: relative;
2367
- z-index: 20;
2368
-
2369
- &:hover {
2370
- background-color: ${e.palette.gray[100]};
2371
- }
2372
-
2373
- &:hover > div {
2374
- display: block;
2375
- }
2376
- `}
2377
- `,Gr=({visibleElement:e,hiddenElement:n})=>t.jsxs(Ur,{children:[e,t.jsx($,{display:"none",position:"absolute",top:"100%",zIndex:10,children:n})]}),rn=({customBadge:e=void 0,description:n,icon:i,onClick:r,requiresUpgrade:a=!1,title:o})=>{const l=s.nt();return t.jsxs($,{bgColor:l.palette.white,bgColorHover:l.palette.gray[100],cursor:"pointer",display:"flex",gap:.5,onClick:r,px:1.25,py:1,width:"100%",children:[t.jsx($,{alignItems:"center",bgColor:l.palette.gray[300],borderRadius:l.spacing[.25],display:"flex",height:"24px",justify:"center",width:"24px",children:t.jsx(T,{icon:i,iconColor:l.palette.gray[800],iconSize:"xxs",ml:.5,mr:.5})}),t.jsxs($,{children:[t.jsxs($,{alignItems:"center",display:"inline-flex",gap:.5,children:[t.jsx(S,{color:l.palette.gray[800],size:"sm",children:o}),a?t.jsx(nn,{text:"Upgrade"}):void 0,e]}),t.jsx(S,{color:l.palette.gray[400],size:"xs",children:n})]})]})},Yr=s.dt(s.m.div)`
2378
- ${({theme:e})=>`
2379
- background-color: ${e.palette.white};
2380
- box-shadow: ${e.shadows.lg};
2381
- max-width: 350px;
2382
- min-width: 350px;
2383
- height: 100%;
2384
- position: absolute;
2385
- right: 0;
2386
- top: 0;
2387
- overflow: hidden auto;
2388
- scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
2389
- scroll-padding: ${e.spacing[.5]};
2390
- scrollbar-width: thin;
2391
- z-index: 99999;
2392
-
2393
- > div {
2394
- border: 1px solid ${e.palette.gray[100]};
2395
- width: auto;
2396
- min-height: 100vh;
2397
- height: auto;
2398
- }
2399
- `}
2400
- `,qr=({children:e,closeIconId:n="close-menu",isOpen:i,items:r,onClose:a,primaryButtonText:o,primaryOnClick:l,secondaryButtonText:c,secondaryOnClick:d,title:p})=>{const g=s.nt(),x=f.useRef(null),u=f.useCallback(h=>()=>{h(),a()},[a]);return f.useEffect(()=>{const h=["mousedown","touchstart"],b=m=>{var j;const w=m.target,y=document.getElementById("helpBtn"),v=document.getElementById("filterBtn"),k=(w===y||((y==null?void 0:y.contains(w))??!1)||w===v||(v==null?void 0:v.contains(w)))??!1;i&&!k&&!(((j=x.current)==null?void 0:j.contains(w))??!1)&&a()};return h.forEach(m=>{document.addEventListener(m,b,{passive:!0})}),()=>{h.forEach(m=>{document.removeEventListener(m,b)})}},[i,a]),t.jsx(s.LazyMotion,{features:s.domAnimation,children:t.jsx(Yr,{animate:i?{display:"block",x:0}:{transitionEnd:{display:"none"},x:"100%"},initial:{display:"none",x:"100%"},ref:x,transition:{bounce:0,duration:.6,type:"spring"},children:t.jsxs($,{height:"100%",position:"relative",children:[t.jsxs($,{alignItems:"center",bgColor:g.palette.white,borderBottom:"1px solid",borderColor:g.palette.gray[200],display:"flex",gap:1.25,justify:"space-between",padding:[1.25,1.25,1.25,1.25],position:"sticky",top:"0",zIndex:40,children:[t.jsx(S,{color:g.palette.black,display:"inline",fontWeight:"bold",size:"xl",children:p}),t.jsx(M,{icon:"close",iconColor:g.palette.gray[400],iconSize:"xs",iconTransform:"grow-4",iconType:"fa-light",id:n,onClick:a,px:.25,py:.25,variant:"ghost"})]}),t.jsxs($,{display:"flex",flexDirection:"column",justify:"space-between",minHeight:"100vh",children:[t.jsxs($,{py:1.25,children:[(r??[]).map(({customBadge:h,description:b,icon:m,onClick:w,requiresUpgrade:y,title:v})=>t.jsx(rn,{customBadge:h,description:b,icon:m,onClick:u(w),requiresUpgrade:y,title:v},v)),e&&t.jsx($,{px:1.25,children:e})]}),o===void 0?void 0:t.jsxs($,{alignItems:"center",bgColor:g.palette.white,borderColor:g.palette.gray[200],borderTop:"1px solid",bottom:"0",display:"flex",gap:1.25,justify:"end",padding:[1.25,1.25,1.25,1.25],position:"sticky",width:"100%",zIndex:40,children:[c===void 0?void 0:t.jsx(L,{color:`${g.palette.primary[500]} !important`,onClick:d,pl:.5,pr:.5,variant:"ghost",children:c}),t.jsx(L,{onClick:l,type:"submit",children:o})]})]})]})})})},Kr=(e,n)=>n>=50?`
2401
- ${e.palette.gray[200]} 50%,
2402
- ${e.palette.primary[500]} 50.05%,
2403
- ${e.palette.primary[500]} ${n}%,
2404
- ${e.palette.gray[200]} ${n}%
2405
- `:`
2406
- ${e.palette.gray[200]} ${n}%,
2407
- ${e.palette.primary[500]} ${n}%,
2408
- ${e.palette.primary[500]} 50%,
2409
- ${e.palette.gray[200]} 50.05%,
2410
- ${e.palette.gray[200]} 100%
2411
- `,Xr=s.dt.div`
2412
- ${({theme:e,$min:n,$value:i})=>`
2413
- align-items: center;
2414
- align-self: stretch;
2415
- display: flex;
2416
- flex-direction: column;
2417
- justify-content: end;
2418
- gap: ${e.spacing[.75]};
2419
- width: 100%;
2420
-
2421
- .track {
2422
- background: linear-gradient(
2423
- to right,
2424
- ${n>=0?`
2425
- ${e.palette.primary[500]} ${i}%,
2426
- ${e.palette.gray[200]} ${i}%
2427
- `:Kr(e,i)}
2428
- );
2429
- border-radius: ${e.spacing[.125]};
2430
- height: ${e.spacing[.25]};
2431
- width: 100%;
2432
- }
2433
-
2434
- .track.disabled {
2435
- opacity: 0.4;
2436
- }
2437
-
2438
- .thumb {
2439
- background: ${e.palette.white};
2440
- border-radius: ${e.spacing[1.25]};
2441
- box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
2442
- top: 50%;
2443
- height: 20px;
2444
- width: 20px;
2445
- }
2446
-
2447
- .thumb.dragging {
2448
- border: 1px solid ${e.palette.primary[500]};
2449
- }
2450
- `}
2451
- `,Jr=s.dt.div`
2452
- ${({theme:e})=>`
2453
- align-items: center;
2454
- display: flex;
2455
- justify-content: space-between;
2456
- height: ${e.spacing[.625]};
2457
- width: 100%;
2458
-
2459
- p {
2460
- color: ${e.palette.gray[400]};
2461
- font-family: ${e.typography.type.primary};
2462
- font-size: ${e.spacing[.5]};
2463
- }
2464
- `}
2465
- `,Zr=s.dt.output`
2466
- ${({theme:e})=>`
2467
- align-items: flex-end;
2468
- border-radius: ${e.spacing[.5]};
2469
- border: 1px solid ${e.palette.gray[300]};
2470
- background: ${e.palette.white};
2471
- display: flex;
2472
- gap: ${e.spacing[.625]};
2473
- padding: ${e.spacing[.625]} ${e.spacing[.75]};
2474
- width: 59px;
2475
- `}
2476
- `,on=({state:e,trackRef:n,index:i,name:r})=>{const a=f.useRef(null),{thumbProps:o,inputProps:l,isDragging:c}=s.$47b897dc8cdb026b$export$8d15029008292ae({index:i,trackRef:n,inputRef:a},e);return t.jsx("div",{...o,className:`thumb ${c?"dragging":""}`,children:t.jsx(s.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:t.jsx("input",{...l,"aria-label":r,ref:a})})})},Qr=(e,n,i)=>Math.round((i-e)/(n-e)*100),eo=e=>{const n=s.nt(),i=f.useRef(null),{label:r,minValue:a=0,maxValue:o=100,name:l,setValue:c,watch:d}=e,p=s.$a916eb452884faea$export$b7a616150fdb9f44(),g=s.$28f99e3e86e6ec45$export$e5fda3247f5d67f9({...e,numberFormatter:p,onChange(b){c==null||c(l,b)},value:d==null?void 0:d(l)}),x=Qr(a,o,g.getThumbValue(0)),{groupProps:u,trackProps:h}=s.$bcca50147b47f54d$export$56b2c08e277f365({...e,"aria-label":l,id:l},g,i);return t.jsx(O,{htmlFor:l,label:r,children:t.jsxs($,{alignItems:"center",display:"inline-flex",gap:1.25,pl:.5,width:"100%",children:[t.jsxs(Xr,{...u,$min:a??0,$value:x,className:"slider",children:[t.jsx("div",{...h,className:`track ${g.isDisabled?"disabled":""}`,ref:i,children:t.jsx(on,{index:0,name:l,state:g,trackRef:i})}),t.jsxs(Jr,{children:[t.jsx("p",{children:`${p.format(a)} (Low)`}),a<0&&t.jsx("p",{children:"0"}),t.jsx("p",{children:`${p.format(o)} (High)`})]})]}),t.jsx(Zr,{children:t.jsx(S,{color:n.palette.gray[800],size:"sm",textAlign:"right",children:g.getThumbValueLabel(0)})})]})})},{getVariant:to}=K(e=>({completed:`
2477
- background-color: ${e.palette.primary[500]};
2478
- color: ${e.palette.white};
2479
-
2480
- &::after {
2481
- background-color: ${e.palette.primary[500]};
2482
- }
2483
- `,current:`
2484
- background-color: ${e.palette.primary[500]};
2485
- color: ${e.palette.white};
2486
-
2487
- &::after {
2488
- background-color: ${e.palette.gray[200]};
2489
- }
2490
- `,disabled:`
2491
- background-color: ${e.palette.gray[200]};
2492
- outline: 1px solid ${e.palette.gray[400]};
2493
- outline-offset: -1px;
2494
- color: ${e.palette.gray[400]};
2495
-
2496
- &::after {
2497
- background-color: ${e.palette.gray[200]};
2498
- }
2499
- `})),no=s.dt.div`
2500
- ${({theme:e})=>`
2501
- align-items: stretch;
2502
- background-color: ${e.palette.white};
2503
- display: flex;
2504
- flex-direction: column;
2505
- height: 100%;
2506
- padding: ${`${e.spacing[1]} ${e.spacing[1]}`};
2507
- scroll-behavior: unset;
2508
- `}
2509
- `,io=s.dt.div`
2510
- display: flex;
2511
- flex-direction: row;
2512
- margin-bottom: ${({theme:e})=>e.spacing[2]};
2513
-
2514
- &:last-child > div:first-child > span::after {
2515
- display: none;
2516
- }
2517
- `,ao=s.dt.div`
2518
- ${({theme:e})=>`
2519
- display: inline-flex;
2520
- font-family: ${e.typography.type.primary};
2521
- font-size: ${e.typography.text.sm};
2522
- line-height: ${e.spacing[1.25]};
2523
- margin-top: ${e.spacing[1]};
2524
-
2525
- & > button:first-child {
2526
- margin-right: ${e.spacing[.5]};
2527
- }
2528
- `}
2529
- `,ro=s.dt.span`
2530
- ${({theme:e,$variant:n})=>`
2531
- border-radius: 6px;
2532
- display: inline-block;
2533
- text-align: center;
2534
- font-size: ${e.typography.text.sm};
2535
- font-weight: ${e.typography.weight.bold};
2536
- font-family: ${e.typography.type.primary};
2537
- line-height: ${e.spacing[1]};
2538
- padding: ${`${e.spacing[.5]} ${e.spacing[.5]}`};
2539
- height: ${e.spacing[2]};
2540
- width: ${e.spacing[2]};
2541
-
2542
- &::after {
2543
- content: "";
2544
- position: absolute;
2545
- top: calc(32px + ${e.spacing[.5]});
2546
- left: 50%;
2547
- bottom: 0;
2548
- width: 2px;
2549
- height: calc(100% - ${e.spacing[1]});
2550
- }
2551
-
2552
- ${to(e,n)}
2553
- `}
2554
- `,oo=({button:{disabled:e=!1,text:n,type:i="button",onClick:r},steps:a})=>{const[o,l]=f.useState(1),c=f.useCallback((d,p)=>()=>{l(g=>g+d),p==null||p()},[]);return t.jsx(no,{children:a.map((d,p)=>{const{content:g,title:x,nextAction:u,previousAction:h}=d,b=p+1,m=b===o?"current":"disabled",w=b<o?"completed":m;return t.jsxs(io,{children:[t.jsx($,{maxWidth:"40px",position:"relative",children:t.jsx(ro,{$variant:w,children:w==="completed"?t.jsx(T,{icon:"check",iconSize:"xs",iconType:"fa-solid"}):b})}),t.jsxs($,{ml:1.5,width:"100%",children:[t.jsx(G,{fontWeight:"bold",lineSpacing:1.25,mb:1.5,size:"xs",children:x}),w==="current"&&t.jsxs($,{children:[g,t.jsxs(ao,{children:[o>1&&t.jsx(L,{disabled:d.isDisabledPrevious??!1,onClick:c(-1,h),variant:"tertiary",children:"Previous"}),o<a.length?t.jsx(L,{disabled:d.isDisabledNext??!1,onClick:c(1,u),variant:"primary",children:"Next step"}):t.jsx(L,{disabled:e,onClick:r,type:i,variant:"primary",children:n})]})]})]})]},d.title)})})},so=s.dt.button`
2555
- ${({theme:e})=>`
2556
- align-items: center;
2557
- background-color: ${e.palette.white};
2558
- border: 1px solid ${e.palette.gray[100]};
2559
- border-radius: ${e.spacing[.25]};
2560
- color: ${e.palette.gray[800]};
2561
- cursor: pointer;
2562
- display: flex;
2563
- font-size: ${e.typography.text.sm};
2564
- gap: ${e.spacing[.25]};
2565
- height: 21px;
2566
- width: 21px;
2567
- justify-content: center;
2568
- padding: 6px;
2569
- transition: all 0.25s ease;
2570
-
2571
- &[aria-label] {
2572
- height: auto;
2573
- width: auto;
2574
- }
2575
-
2576
- &.success {
2577
- border-color: ${e.palette.success[500]};
2578
- color: ${e.palette.success[500]};
2579
-
2580
- &:hover {
2581
- background-color: ${e.palette.success[200]};
2582
- }
2583
- }
2584
-
2585
- &:disabled {
2586
- cursor: not-allowed;
2587
- background: ${e.palette.gray[200]};
2588
- border-color: ${e.palette.gray[200]};
2589
- color: ${e.palette.gray[300]};
2590
- }
2591
-
2592
- &:hover:not(.success) {
2593
- background-color: ${e.palette.gray[100]};
2594
- }
2595
- `}
2596
- `,lo={add:{icon:"plus"},approve:{icon:"check"},disabled:{icon:"ban"},reject:{icon:"xmark"},submit:{icon:"arrow-right"},success:{icon:"check"}},co=({disabled:e=!1,icon:n,id:i,label:r,name:a,onClick:o,type:l="button",variant:c})=>{const d=s.nt(),p=t.jsxs(so,{"aria-label":a??void 0,className:c,disabled:e,id:i,onClick:o,type:l,children:[t.jsx(T,{clickable:!1,icon:n??lo[c].icon,iconSize:a===void 0?"xxs":"xs",iconType:"fa-light"}),a??void 0]});return t.jsxs($,{alignItems:"center",display:"flex",children:[p,r&&t.jsx(S,{color:d.palette.gray[800],ml:.5,size:"sm",children:r})]})},po=s.dt.div`
2597
- ${({theme:e,$size:n})=>`
2598
- align-items: center;
2599
- background-color: ${e.palette.white};
2600
- border: 1px solid ${e.palette.gray[200]};
2601
- border-radius: ${e.spacing[.25]};
2602
- display: flex;
2603
- flex-direction: column;
2604
- gap: ${e.spacing[.5]};
2605
- min-height: 180px;
2606
- padding: ${e.spacing[1.5]};
2607
- width: 510px;
2608
-
2609
- p {
2610
- font-style: normal;
2611
- line-height: ${e.spacing[1.25]};
2612
- text-align: ${n==="long"?"":"center"};
2613
- }
2614
-
2615
- &:hover {
2616
- border: 1px solid ${e.palette.gray[600]};
2617
- }
2618
- `}
2619
- `,go=s.dt.div`
2620
- ${({theme:e,$size:n})=>`
2621
- display: ${n==="long"?"flex":"block"};
2622
- flex-direction: column;
2623
- gap: ${e.spacing[1.5]};
2624
- position: relative;
2625
- max-width: 1100px;
2626
- margin: 0 auto 0 auto;
2627
-
2628
- div.timeline-card {
2629
- width: ${n==="long"?"510px":"auto"};
2630
- margin-left: ${n==="long"?"0px":"30px"};
2631
- margin-bottom: ${n==="long"?"0px":e.spacing[.5]};
2632
- }
2633
-
2634
- &::before {
2635
- background-color: ${e.palette.gray[200]};
2636
- border-radius: 5px;
2637
- height: 100%;
2638
- width: 4px;
2639
- transform: translate(-50%, 0);
2640
- }
2641
-
2642
- > * {
2643
- &:nth-child(even) {
2644
- align-self: end;
2645
- }
2646
-
2647
- &:nth-child(odd) {
2648
- align-self: start;
2649
- }
2650
-
2651
- &::before {
2652
- position: absolute;
2653
- background-color: ${e.palette.primary[500]};
2654
- border-radius: 50%;
2655
- height: 14px;
2656
- width: 14px;
2657
- z-index: 1;
2658
- }
2659
- }
2660
-
2661
- &::before,
2662
- > *::before {
2663
- content: "";
2664
- left: ${n==="long"?"50%":"0px"};
2665
- position: absolute;
2666
- transform: translateX(-50%);
2667
- }
2668
- `}
2669
- `,sn=({date:e,description:n,title:i,size:r="long"})=>{const a=s.nt();return t.jsxs(po,{$size:r,className:"timeline-card",children:[t.jsx(S,{color:a.palette.gray[800],fontWeight:"bold",lineSpacing:1.75,size:"xl",children:e}),t.jsx(S,{color:a.palette.gray[800],fontWeight:"bold",lineSpacing:1.5,mb:.5,size:"md",textAlign:"center",children:i}),t.jsx("div",{children:n.map((o,l)=>{const c=`${o}#${l}`;return t.jsx(S,{size:"sm",textAlign:"center",wordBreak:"break-word",children:o},c)})})]})},uo=({items:e})=>{const n=f.useRef(null),[i,r]=f.useState("long");return f.useEffect(()=>{n.current&&r(n.current.offsetWidth<=1100?"small":"long")},[]),t.jsx($,{ref:n,width:"100%",children:t.jsx(go,{$size:i,children:e.map((a,o)=>t.jsx(sn,{date:a.date,description:a.description,size:i,title:a.title},`${a.title}-${o}`))})})},xo=s.dt.div`
2670
- ${({theme:e})=>`
2671
- align-items: center;
2672
- display: flex;
2673
- position: relative;
2674
- width: 352px;
2675
-
2676
- > button:first-child {
2677
- border-radius: ${e.spacing[2]} 0 0 ${e.spacing[2]};
2678
- }
2679
- > button:last-child {
2680
- --angle-grad: -45deg;
2681
- border-radius: 0 ${e.spacing[2]} ${e.spacing[2]} 0;
2682
- }
2683
-
2684
- &::before {
2685
- background: ${e.palette.gradients["01"]} border-box;
2686
- border-radius: ${e.spacing[2]};
2687
- content: "";
2688
- position: absolute;
2689
- inset: 0;
2690
- border: 2px solid transparent;
2691
- mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
2692
- mask-composite: exclude;
2693
- }
2694
-
2695
- @media screen and (max-width: ${e.breakpoints.mobile}) {
2696
- width: 320px;
2697
- }
2698
- `}
2699
- `,fo=s.dt.button`
2700
- ${({theme:e})=>`
2701
- align-items: center;
2702
- background: linear-gradient(
2703
- var(--angle-grad),
2704
- rgba(243, 38, 55, var(--opacity-grad)),
2705
- rgba(184, 7, 93, var(--opacity-grad))
2706
- );
2707
- color: ${e.palette.primary[500]};
2708
- cursor: pointer;
2709
- display: flex;
2710
- flex: 1 0 0;
2711
- justify-content: center;
2712
- gap: ${e.spacing[.625]};
2713
- height: ${e.spacing[4]};
2714
- padding: ${e.spacing[1.25]};
2715
- position: relative;
2716
- transition: color, --opacity-grad 0.5s ease-in-out;
2717
-
2718
- &.selected {
2719
- --opacity-grad: 1;
2720
- background: linear-gradient(
2721
- var(--angle-grad),
2722
- rgba(243, 38, 55, var(--opacity-grad)),
2723
- rgba(184, 7, 93, var(--opacity-grad))
2724
- );
2725
- color: ${e.palette.white};
2726
- }
2727
- `}
2728
- `,ho=({defaultSelection:e,options:n,handleClick:i})=>{const[r,a]=f.useState(e??n[0]),o=f.useCallback(l=>()=>{a(l),i(l)},[i]);return t.jsx(xo,{children:n.map((l,c)=>t.jsx(fo,{className:`${l.includes(r)&&"selected"}`,onClick:o(l),children:t.jsx(S,{color:"inherit",fontWeight:"bold",size:"md",sizeSm:"sm",textAlign:"center",children:l})},`${l}-${c}`))})},bo={content:"",disableBeacon:!0,hideCloseButton:!1,locale:{back:"Back",close:"Close",last:"Close",next:"Next",open:"Open the dialog",skip:"Skip"},showSkipButton:!0,styles:{buttonBack:{fontFamily:"roboto"},buttonNext:{fontFamily:"roboto"},buttonSkip:{fontFamily:"roboto"},options:{zIndex:9999},tooltipContainer:{fontFamily:"roboto",textAlign:"left"}},target:""},$o=({run:e,steps:n,onFinish:i})=>{const[r,a]=f.useState(e),[o,l]=f.useState(0),c=f.useCallback(d=>{const{action:p,index:g,status:x,type:u}=d;[s.EVENTS.STEP_AFTER,s.EVENTS.TARGET_NOT_FOUND].includes(u)?l(g+(p===s.ACTIONS.PREV?-1:1)):([s.STATUS.FINISHED,s.STATUS.SKIPPED].includes(x)||p==="close")&&(a(!1),s.lodashExports.isUndefined(i)||i())},[i]);return t.jsx(s.components_default,{callback:c,continuous:!0,disableOverlayClose:!0,disableScrollParentFix:!0,run:r,spotlightClicks:!0,stepIndex:o,steps:n,styles:{buttonNext:{display:o===n.length-1?"none":"block"},options:{zIndex:9999}}})},yo=({items:e})=>t.jsx(wa,{children:e.map(({isActive:n,label:i,onClick:r},a)=>t.jsx(ma,{className:n?"active":"",onClick:r,type:"button",children:t.jsx(G,{color:"inherit",fontWeight:"semibold",size:"sm",sizeSm:"xs",children:i})},`${i}-${a}`))}),ln=t.jsx($,{alignItems:"center",bgColor:I.palette.primary[25],borderRadius:"8px",gap:.5,justify:"center",padding:[.125,.25,.125,.25],width:"max-content",children:t.jsx(S,{bgGradient:I.palette.gradients["01"],fontWeight:"semibold",size:"xs",textFill:"transparent",children:"Recommended"})}),mo=s.dt.div`
2729
- ${({className:e,theme:n})=>`
2730
- align-items: flex-start;
2731
- border-radius: ${n.spacing[1]};
2732
- background: ${n.palette.white};
2733
- display: flex;
2734
- flex-direction: column;
2735
- gap: ${n.spacing[1]};
2736
- padding: ${n.spacing[1.5]};
2737
- position: relative;
2738
- width: 320px;
2739
-
2740
- button {
2741
- text-align: center;
2742
- width: 100%;
2743
- }
2744
-
2745
- ${e==="essential"?`border: 2px solid ${n.palette.gray[300]};`:`
2746
- box-shadow: 0px 9px 18px 0px rgba(243, 38, 55, 0.06),
2747
- 0px 18px 27px 0px rgba(243, 38, 55, 0.10);
2748
-
2749
- &::before {
2750
- background: ${n.palette.gradients["01"]} border-box;
2751
- border-radius: ${n.spacing[1]};
2752
- content: "";
2753
- position: absolute;
2754
- inset: 0;
2755
- border: 2px solid transparent;
2756
- mask:
2757
- linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
2758
- mask-composite: exclude;
2759
- }
2760
- `}
2761
- `}
2762
- `;s.dt.div`
2763
- ${({className:e,theme:n})=>`
2764
- align-items: flex-start;
2765
- border-radius: ${n.spacing[1]};
2766
- display: flex;
2767
- flex-direction: column;
2768
- justify-content: center;
2769
- gap: ${n.spacing[1.5]};
2770
- padding: ${n.spacing[1.5]};
2771
- width: 466px;
2772
-
2773
- button {
2774
- text-align: center;
2775
- width: 100%;
2776
- }
2777
-
2778
- ${e==="essential"?`
2779
- background: linear-gradient(
2780
- 180deg,
2781
- ${n.palette.primary[400]} 0%,
2782
- ${n.palette.black} 100%
2783
- );`:`
2784
- background: ${n.palette.white};
2785
- box-shadow: 0px 9px 18px 0px rgba(243, 38, 55, 0.06),
2786
- 0px 18px 27px 0px rgba(243, 38, 55, 0.10);
2787
- `}
2788
-
2789
- @media screen and (max-width: ${n.breakpoints.mobile}) {
2790
- width: 320px;
2791
- }
2792
- `}
2793
- `;const wo={advanced:{title:"Advanced plan",benefits:"Leverage vulnerability scanning + AI + expert intelligence",buttonText:"Contact sales",description:"For teams that want to discover risk exposure with speed and accuracy.",priceGroup:"$1,579"},essential:{title:"Essential plan",benefits:"Leverage vulnerability scanning",buttonText:"Start a 21-day free trial",description:`For teams that want to discover risk exposure quickly
2794
- through our scanning tool.`,priceAuthor:"$499",priceGroup:"$1,579"}},vo=({description:e,onClick:n,plan:i})=>{const{title:r,description:a,benefits:o,buttonText:l}=wo[i],c=e??a;return t.jsxs(mo,{className:i,children:[t.jsxs($,{display:"flex",flexDirection:"column",gap:.25,pt:i==="essential"?1.75:0,children:[i==="advanced"&&ln,t.jsx(G,{color:I.palette.gray[900],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:r}),t.jsx(S,{color:I.palette.gray[400],fontWeight:"semibold",pb:i==="essential"?1.25:0,size:"sm",sizeSm:"xs",children:o})]}),t.jsx(S,{lineSpacing:1.5,lineSpacingSm:1.25,pb:i==="advanced"?1.5:0,size:"md",sizeSm:"sm",children:c}),t.jsx(L,{onClick:n,variant:"primary",children:l})]})};exports.Accordion=Mn;exports.AccordionContent=gt;exports.ActionButton=Be;exports.Alert=Kn;exports.AppliedFilter=re;exports.AppliedFilters=Ha;exports.ArrayField=Ae;exports.Avatar=ii;exports.BaseButtonComponent=Oe;exports.BaseComponent=$e;exports.BaseSpanComponent=Ue;exports.BaseTextComponent=Ve;exports.Button=L;exports.Button$1=ke;exports.ButtonToolbarCenter=zi;exports.ButtonToolbarRow=Ti;exports.ButtonToolbarStartRow=Ii;exports.Calendar=mt;exports.Calendar$1=Ct;exports.Calendar$2=zt;exports.CalendarCell=yt;exports.CalendarGrid=Ie;exports.CardHeader=ze;exports.CardWithImage=oi;exports.CardWithInput=qi;exports.CardWithOptions=Ut;exports.CardWithSelector=ea;exports.CardWithSwitch=ia;exports.Carousel=ca;exports.Checkbox=Re;exports.CodeSnippet=ga;exports.Col=Pe;exports.ColumFilters=Zt;exports.ColumnsModal=Ea;exports.ComboBox=bt;exports.ComboBoxField=Le;exports.Container=$;exports.CustomThemeProvider=En;exports.DateField=vt;exports.DateSelector=le;exports.Description=an;exports.Dialog=Fe;exports.Divider=ne;exports.Editable=Si;exports.EmptyButton=He;exports.EmptyState=Ka;exports.FilePreview=ft;exports.FilterControl=qt;exports.FilterForm=Me;exports.FilterFormContent=Kt;exports.FiltersList=Jt;exports.FixedTabs=yo;exports.Form=Za;exports.Gap=Ei;exports.GridContainer=er;exports.GroupSelector=nr;exports.Header=Te;exports.Header$1=Mt;exports.Heading=G;exports.Icon=T;exports.IconButton=M;exports.IndicatorCard=ir;exports.InfoSidebar=ar;exports.InnerForm=Xa;exports.Input=Ne;exports.InputArray=Di;exports.InputDate=kt;exports.InputDateRange=St;exports.InputDateTime=Ci;exports.InputFile=Wi;exports.InputNumber=Ft;exports.InputNumberRange=Nt;exports.InputTags=Mi;exports.Label=Ge;exports.Link=Q;exports.ListItem=we;exports.ListItemsWrapper=Ot;exports.LittleFlag=or;exports.Loading=xr;exports.LocationCode=At;exports.Logo=hr;exports.Lottie=$r;exports.MemoizedImage=te;exports.Menu=yr;exports.MenuItem=rn;exports.MessageBanner=wr;exports.Modal=en;exports.ModalConfirm=ya;exports.ModalFooter=Bt;exports.Notification=Cr;exports.NotificationSign=Ht;exports.NumberField=Se;exports.NumberInput=Ir;exports.OAuthSelector=Fr;exports.Option=ht;exports.OptionBoxContainer=Je;exports.OptionContainer=_e;exports.OptionContainer$1=tn;exports.OutlineContainer=O;exports.PhoneInput=Gi;exports.PlanCard=vo;exports.PopUp=Wr;exports.Popover=ye;exports.PremiumFeature=nn;exports.PreviewPanel=Vt;exports.PriorityScore=Er;exports.ProgressBar=Ar;exports.RadioButton=qe;exports.RecommendedTag=ln;exports.Row=It;exports.ScrollUpButton=Mr;exports.Search=ce;exports.SearchPanel=Yt;exports.SeverityBadge=_r;exports.SeverityOverview=Vr;exports.SeverityOverviewBadge=oe;exports.ShowOnHover=Gr;exports.SlideOutMenu=qr;exports.Slider=eo;exports.Span=se;exports.StepLapse=oo;exports.Tab=_t;exports.TableButton=co;exports.Tabs=Xe;exports.Tag=X;exports.TagsField=We;exports.Text=S;exports.TextArea=Yi;exports.Thumb=on;exports.TimeField=jt;exports.TimeLine=uo;exports.TimeLineCard=sn;exports.Toggle=Lt;exports.ToggleButton=ho;exports.Tooltip=Y;exports.Tour=$o;exports.baseStep=bo;exports.formatCheckValues=Qt;exports.getStyledConfig=be;exports.hiddenProps=dt;exports.icons=Fn;exports.setBorder=ue;exports.setDisplay=xe;exports.setInteraction=he;exports.setMargin=pe;exports.setPadding=de;exports.setPosition=ge;exports.setText=fe;exports.theme=I;exports.uniqueIcons=Nn;exports.useCarousel=Et;exports.useClickOutside=me;exports.useCloudinaryImage=Rt;exports.useColumnsModal=Ki;exports.useConfirmDialog=Ua;exports.useDebouncedCallback=Dt;exports.useFilterForm=Xt;exports.useFilters=Va;exports.useModal=Ee;exports.useSearch=Xi;exports.variantBuilder=K;