se-design 0.0.107 → 0.0.108

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 (246) hide show
  1. package/dist/assets/style.css +1 -1
  2. package/dist/components/CustomModal/index.d.ts +9 -0
  3. package/dist/components/LoadingModal/index.d.ts +5 -0
  4. package/dist/components/Spinner/index.d.ts +2 -0
  5. package/dist/components/index.d.ts +3 -0
  6. package/dist/index.js +68 -62
  7. package/dist/index.js.map +1 -1
  8. package/dist/index10.js +16 -30
  9. package/dist/index10.js.map +1 -1
  10. package/dist/index100.js +152 -0
  11. package/dist/index100.js.map +1 -0
  12. package/dist/index11.js +14 -29
  13. package/dist/index11.js.map +1 -1
  14. package/dist/index116.js +1233 -11
  15. package/dist/index116.js.map +1 -1
  16. package/dist/index117.js +9 -5
  17. package/dist/index117.js.map +1 -1
  18. package/dist/index118.js +9 -5
  19. package/dist/index118.js.map +1 -1
  20. package/dist/index119.js +4 -37
  21. package/dist/index119.js.map +1 -1
  22. package/dist/index12.js +6 -19
  23. package/dist/index12.js.map +1 -1
  24. package/dist/index120.js +170 -2
  25. package/dist/index120.js.map +1 -1
  26. package/dist/index121.js +11 -8
  27. package/dist/index121.js.map +1 -1
  28. package/dist/index122.js +5 -326
  29. package/dist/index122.js.map +1 -1
  30. package/dist/index123.js +5 -49
  31. package/dist/index123.js.map +1 -1
  32. package/dist/index124.js +38 -2
  33. package/dist/index124.js.map +1 -1
  34. package/dist/index125.js +2 -76
  35. package/dist/index125.js.map +1 -1
  36. package/dist/index126.js +7 -92
  37. package/dist/index126.js.map +1 -1
  38. package/dist/index127.js +323 -48
  39. package/dist/index127.js.map +1 -1
  40. package/dist/index128.js +49 -7
  41. package/dist/index128.js.map +1 -1
  42. package/dist/index129.js +2 -5
  43. package/dist/index129.js.map +1 -1
  44. package/dist/index13.js +30 -123
  45. package/dist/index13.js.map +1 -1
  46. package/dist/index130.js +72 -48
  47. package/dist/index130.js.map +1 -1
  48. package/dist/index131.js +93 -2
  49. package/dist/index131.js.map +1 -1
  50. package/dist/index132.js +52 -2
  51. package/dist/index132.js.map +1 -1
  52. package/dist/index133.js +11 -0
  53. package/dist/index133.js.map +1 -0
  54. package/dist/index134.js +8 -0
  55. package/dist/index134.js.map +1 -0
  56. package/dist/index135.js +55 -0
  57. package/dist/index135.js.map +1 -0
  58. package/dist/index136.js +5 -0
  59. package/dist/index136.js.map +1 -0
  60. package/dist/index137.js +5 -0
  61. package/dist/index137.js.map +1 -0
  62. package/dist/index14.js +30 -28
  63. package/dist/index14.js.map +1 -1
  64. package/dist/index15.js +19 -27
  65. package/dist/index15.js.map +1 -1
  66. package/dist/index16.js +116 -71
  67. package/dist/index16.js.map +1 -1
  68. package/dist/index17.js +28 -38
  69. package/dist/index17.js.map +1 -1
  70. package/dist/index18.js +26 -22
  71. package/dist/index18.js.map +1 -1
  72. package/dist/index19.js +77 -67
  73. package/dist/index19.js.map +1 -1
  74. package/dist/index20.js +36 -132
  75. package/dist/index20.js.map +1 -1
  76. package/dist/index21.js +20 -16
  77. package/dist/index21.js.map +1 -1
  78. package/dist/index22.js +67 -44
  79. package/dist/index22.js.map +1 -1
  80. package/dist/index23.js +133 -28
  81. package/dist/index23.js.map +1 -1
  82. package/dist/index24.js +15 -60
  83. package/dist/index24.js.map +1 -1
  84. package/dist/index25.js +44 -41
  85. package/dist/index25.js.map +1 -1
  86. package/dist/index26.js +28 -97
  87. package/dist/index26.js.map +1 -1
  88. package/dist/index27.js +61 -55
  89. package/dist/index27.js.map +1 -1
  90. package/dist/index28.js +42 -38
  91. package/dist/index28.js.map +1 -1
  92. package/dist/index29.js +95 -31
  93. package/dist/index29.js.map +1 -1
  94. package/dist/index30.js +58 -33
  95. package/dist/index30.js.map +1 -1
  96. package/dist/index31.js +36 -44
  97. package/dist/index31.js.map +1 -1
  98. package/dist/index32.js +35 -38
  99. package/dist/index32.js.map +1 -1
  100. package/dist/index33.js +29 -30
  101. package/dist/index33.js.map +1 -1
  102. package/dist/index34.js +44 -49
  103. package/dist/index34.js.map +1 -1
  104. package/dist/index35.js +36 -69
  105. package/dist/index35.js.map +1 -1
  106. package/dist/index36.js +27 -47
  107. package/dist/index36.js.map +1 -1
  108. package/dist/index37.js +48 -68
  109. package/dist/index37.js.map +1 -1
  110. package/dist/index38.js +67 -83
  111. package/dist/index38.js.map +1 -1
  112. package/dist/index39.js +48 -32
  113. package/dist/index39.js.map +1 -1
  114. package/dist/index4.js +58 -58
  115. package/dist/index40.js +74 -2
  116. package/dist/index40.js.map +1 -1
  117. package/dist/index41.js +87 -2
  118. package/dist/index41.js.map +1 -1
  119. package/dist/index42.js +38 -2
  120. package/dist/index42.js.map +1 -1
  121. package/dist/index43.js +1 -1
  122. package/dist/index43.js.map +1 -1
  123. package/dist/index44.js +1 -1
  124. package/dist/index44.js.map +1 -1
  125. package/dist/index45.js +1 -1
  126. package/dist/index45.js.map +1 -1
  127. package/dist/index46.js +1 -1
  128. package/dist/index46.js.map +1 -1
  129. package/dist/index47.js +1 -1
  130. package/dist/index47.js.map +1 -1
  131. package/dist/index48.js +1 -1
  132. package/dist/index48.js.map +1 -1
  133. package/dist/index49.js +1 -1
  134. package/dist/index49.js.map +1 -1
  135. package/dist/index5.js +1 -1
  136. package/dist/index50.js +1 -1
  137. package/dist/index50.js.map +1 -1
  138. package/dist/index51.js +1 -1
  139. package/dist/index51.js.map +1 -1
  140. package/dist/index52.js +1 -1
  141. package/dist/index52.js.map +1 -1
  142. package/dist/index53.js +1 -1
  143. package/dist/index53.js.map +1 -1
  144. package/dist/index54.js +1 -1
  145. package/dist/index54.js.map +1 -1
  146. package/dist/index55.js +2 -2
  147. package/dist/index55.js.map +1 -1
  148. package/dist/index56.js +1 -1
  149. package/dist/index56.js.map +1 -1
  150. package/dist/index57.js +1 -1
  151. package/dist/index57.js.map +1 -1
  152. package/dist/index58.js +2 -2
  153. package/dist/index58.js.map +1 -1
  154. package/dist/index59.js +1 -1
  155. package/dist/index59.js.map +1 -1
  156. package/dist/index60.js +1 -1
  157. package/dist/index60.js.map +1 -1
  158. package/dist/index61.js +2 -2
  159. package/dist/index61.js.map +1 -1
  160. package/dist/index62.js +1 -1
  161. package/dist/index62.js.map +1 -1
  162. package/dist/index63.js +1 -1
  163. package/dist/index63.js.map +1 -1
  164. package/dist/index64.js +2 -2
  165. package/dist/index64.js.map +1 -1
  166. package/dist/index65.js +1 -1
  167. package/dist/index65.js.map +1 -1
  168. package/dist/index66.js +1 -1
  169. package/dist/index66.js.map +1 -1
  170. package/dist/index67.js +1 -1
  171. package/dist/index67.js.map +1 -1
  172. package/dist/index68.js +1 -1
  173. package/dist/index68.js.map +1 -1
  174. package/dist/index69.js +1 -1
  175. package/dist/index69.js.map +1 -1
  176. package/dist/index70.js +1 -1
  177. package/dist/index70.js.map +1 -1
  178. package/dist/index71.js +1 -1
  179. package/dist/index71.js.map +1 -1
  180. package/dist/index72.js +1 -1
  181. package/dist/index72.js.map +1 -1
  182. package/dist/index73.js +1 -1
  183. package/dist/index73.js.map +1 -1
  184. package/dist/index74.js +1 -1
  185. package/dist/index74.js.map +1 -1
  186. package/dist/index75.js +1 -1
  187. package/dist/index75.js.map +1 -1
  188. package/dist/index76.js +1 -1
  189. package/dist/index76.js.map +1 -1
  190. package/dist/index77.js +1 -1
  191. package/dist/index77.js.map +1 -1
  192. package/dist/index78.js +2 -2
  193. package/dist/index78.js.map +1 -1
  194. package/dist/index79.js +2 -2
  195. package/dist/index79.js.map +1 -1
  196. package/dist/index80.js +1 -1
  197. package/dist/index80.js.map +1 -1
  198. package/dist/index81.js +2 -2
  199. package/dist/index81.js.map +1 -1
  200. package/dist/index82.js +2 -2
  201. package/dist/index82.js.map +1 -1
  202. package/dist/index83.js +1 -1
  203. package/dist/index83.js.map +1 -1
  204. package/dist/index84.js +2 -2
  205. package/dist/index84.js.map +1 -1
  206. package/dist/index85.js +1 -1
  207. package/dist/index85.js.map +1 -1
  208. package/dist/index86.js +1 -1
  209. package/dist/index86.js.map +1 -1
  210. package/dist/index87.js +2 -2
  211. package/dist/index87.js.map +1 -1
  212. package/dist/index88.js +1 -1
  213. package/dist/index88.js.map +1 -1
  214. package/dist/index89.js +2 -2
  215. package/dist/index89.js.map +1 -1
  216. package/dist/index90.js +2 -2
  217. package/dist/index90.js.map +1 -1
  218. package/dist/index91.js +1 -1
  219. package/dist/index91.js.map +1 -1
  220. package/dist/index92.js +2 -2
  221. package/dist/index92.js.map +1 -1
  222. package/dist/index93.js +1 -1
  223. package/dist/index93.js.map +1 -1
  224. package/dist/index94.js +2 -2
  225. package/dist/index94.js.map +1 -1
  226. package/dist/index95.js +1 -1
  227. package/dist/index95.js.map +1 -1
  228. package/dist/index96.js +2 -2
  229. package/dist/index96.js.map +1 -1
  230. package/dist/index97.js +2 -149
  231. package/dist/index97.js.map +1 -1
  232. package/dist/index98.js +5 -0
  233. package/dist/index98.js.map +1 -0
  234. package/dist/index99.js +5 -0
  235. package/dist/index99.js.map +1 -0
  236. package/package.json +1 -1
  237. package/dist/index111.js +0 -1236
  238. package/dist/index111.js.map +0 -1
  239. package/dist/index112.js +0 -13
  240. package/dist/index112.js.map +0 -1
  241. package/dist/index113.js +0 -13
  242. package/dist/index113.js.map +0 -1
  243. package/dist/index114.js +0 -8
  244. package/dist/index114.js.map +0 -1
  245. package/dist/index115.js +0 -173
  246. package/dist/index115.js.map +0 -1
package/dist/index39.js CHANGED
@@ -1,41 +1,57 @@
1
- import o from "react";
2
- const m = ({
3
- progress: a,
4
- backgroundColor: n = "#E8E8E8",
5
- progressColor: s = "#0066FF",
6
- size: e = 40,
7
- strokeWidth: r = 4
1
+ import e, { useState as f, useEffect as g } from "react";
2
+ import { Icon as o } from "./index4.js";
3
+ /* empty css */
4
+ const t = {
5
+ toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap",
6
+ success: "linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)",
7
+ error: "linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)",
8
+ info: "var(--color-gray-700)",
9
+ toastMessageCtn: "flex items-center gap-2",
10
+ toastMessage: "text-[var(--color-white)] text-center word-break",
11
+ closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1"
12
+ }, x = ({
13
+ toastBarCtnClassName: c = "",
14
+ toastType: a,
15
+ toastMessage: n = "",
16
+ shouldAutoClose: i = !1,
17
+ delay: l = 5e3,
18
+ onClose: r = () => {
19
+ }
8
20
  }) => {
9
- const t = (e - r) / 2, c = t * 2 * Math.PI, l = c - a / 100 * c;
10
- return /* @__PURE__ */ o.createElement("svg", {
11
- width: e,
12
- height: e,
13
- style: {
14
- transform: "rotate(-90deg)"
21
+ const [m, u] = f(!0);
22
+ g(() => {
23
+ if (i) {
24
+ const d = setTimeout(() => {
25
+ s();
26
+ }, l);
27
+ return () => clearTimeout(d);
15
28
  }
16
- }, /* @__PURE__ */ o.createElement("circle", {
17
- cx: e / 2,
18
- cy: e / 2,
19
- r: t,
20
- stroke: n,
21
- strokeWidth: r,
22
- fill: "none"
23
- }), /* @__PURE__ */ o.createElement("circle", {
24
- cx: e / 2,
25
- cy: e / 2,
26
- r: t,
27
- stroke: s,
28
- strokeWidth: r,
29
- strokeDasharray: c,
30
- strokeDashoffset: l,
31
- fill: "none",
32
- strokeLinecap: "round",
29
+ }, []);
30
+ const s = () => {
31
+ setTimeout(() => {
32
+ u(!1), setTimeout(() => {
33
+ r == null || r();
34
+ }, 300);
35
+ }, 300);
36
+ };
37
+ return /* @__PURE__ */ e.createElement("div", {
38
+ className: `se-design-toast-bar ${c} ${t.toastBarCtn} ${m ? "show" : "hide"}`,
33
39
  style: {
34
- transition: "stroke-dashoffset 0.3s ease"
40
+ background: t[a]
35
41
  }
42
+ }, /* @__PURE__ */ e.createElement("div", {
43
+ className: t.toastMessageCtn
44
+ }, /* @__PURE__ */ e.createElement(o, {
45
+ name: a === "info" ? "info-white" : "checked-circle-white"
46
+ }), /* @__PURE__ */ e.createElement("span", {
47
+ className: t.toastMessage
48
+ }, n)), /* @__PURE__ */ e.createElement(o, {
49
+ name: "white-close",
50
+ className: t.closeIconCtn,
51
+ onClick: s
36
52
  }));
37
53
  };
38
54
  export {
39
- m as CircularProgressBar
55
+ x as ToastBar
40
56
  };
41
57
  //# sourceMappingURL=index39.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index39.js","sources":["../src/components/CircularProgressBar/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface CircularProgressBarProps {\n progress: number;\n backgroundColor?: string;\n progressColor?: string;\n size?: number;\n strokeWidth?: number;\n}\n\nexport const CircularProgressBar = ({\n progress,\n backgroundColor = '#E8E8E8',\n progressColor = '#0066FF',\n size = 40,\n strokeWidth = 4\n}: CircularProgressBarProps) => {\n const radius = (size - strokeWidth) / 2;\n const circumference = radius * 2 * Math.PI;\n const strokeDashoffset = circumference - (progress / 100) * circumference;\n\n return (\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n {/* Background circle */}\n <circle cx={size / 2} cy={size / 2} r={radius} stroke={backgroundColor} strokeWidth={strokeWidth} fill=\"none\" />\n {/* Progress circle */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n stroke={progressColor}\n strokeWidth={strokeWidth}\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n fill=\"none\"\n strokeLinecap=\"round\"\n style={{ transition: 'stroke-dashoffset 0.3s ease' }}\n />\n </svg>\n );\n};\n"],"names":["CircularProgressBar","progress","backgroundColor","progressColor","size","strokeWidth","radius","circumference","Math","PI","strokeDashoffset","React","createElement","width","height","style","transform","cx","cy","r","stroke","fill","strokeDasharray","strokeLinecap","transition"],"mappings":";AAUO,MAAMA,IAAsBA,CAAC;AAAA,EAClCC,UAAAA;AAAAA,EACAC,iBAAAA,IAAkB;AAAA,EAClBC,eAAAA,IAAgB;AAAA,EAChBC,MAAAA,IAAO;AAAA,EACPC,aAAAA,IAAc;AACU,MAAM;AACxBC,QAAAA,KAAUF,IAAOC,KAAe,GAChCE,IAAgBD,IAAS,IAAIE,KAAKC,IAClCC,IAAmBH,IAAiBN,IAAW,MAAOM;AAG1DI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,OAAOT;AAAAA,IAAMU,QAAQV;AAAAA,IAAMW,OAAO;AAAA,MAAEC,WAAW;AAAA,IAAA;AAAA,EAAiB,GAEnEJ,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IAAQK,IAAIb,IAAO;AAAA,IAAGc,IAAId,IAAO;AAAA,IAAGe,GAAGb;AAAAA,IAAQc,QAAQlB;AAAAA,IAAiBG,aAAAA;AAAAA,IAA0BgB,MAAK;AAAA,EAAA,CAAQ,GAE/GT,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IACEK,IAAIb,IAAO;AAAA,IACXc,IAAId,IAAO;AAAA,IACXe,GAAGb;AAAAA,IACHc,QAAQjB;AAAAA,IACRE,aAAAA;AAAAA,IACAiB,iBAAiBf;AAAAA,IACjBG,kBAAAA;AAAAA,IACAW,MAAK;AAAA,IACLE,eAAc;AAAA,IACdR,OAAO;AAAA,MAAES,YAAY;AAAA,IAAA;AAAA,EAA8B,CACpD,CACE;AAET;"}
1
+ {"version":3,"file":"index39.js","sources":["../src/components/ToastBar/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface ToastBarProps {\n toastBarCtnClassName?: string;\n toastType: \"success\" | \"error\" | \"info\";\n toastMessage: string;\n shouldAutoClose?: boolean;\n delay?: number;\n onClose?: () => void;\n}\n\nconst classNames: Map = {\n toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap\",\n success: \"linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)\",\n error: \"linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)\",\n info: \"var(--color-gray-700)\", \n toastMessageCtn: \"flex items-center gap-2\",\n toastMessage: \"text-[var(--color-white)] text-center word-break\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n};\n\nexport const ToastBar: FC<ToastBarProps> = ({\n toastBarCtnClassName = \"\",\n toastType,\n toastMessage = \"\",\n shouldAutoClose = false,\n delay = 5000,\n onClose = () => {}\n}) => {\n const [visible, setVisible] = useState(true);\n\n useEffect(() => {\n if (shouldAutoClose) {\n const timer = setTimeout(() => {\n handleClose();\n }, delay);\n return () => clearTimeout(timer);\n }\n }, []);\n\n const handleClose = () => {\n setTimeout(() => {\n setVisible(false);\n setTimeout(() => {\n onClose?.();\n }, 300);\n }, 300);\n };\n\n return (\n <div\n className={`se-design-toast-bar ${toastBarCtnClassName} ${classNames.toastBarCtn} ${visible ? \"show\" : \"hide\"}`}\n style={{ background: classNames[toastType] }}\n >\n <div className={classNames.toastMessageCtn} >\n <Icon name={toastType === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n <span className={classNames.toastMessage}>{toastMessage}</span>\n </div>\n <Icon name=\"white-close\" className={classNames.closeIconCtn} onClick={handleClose} />\n </div>\n );\n};"],"names":["React__default","useState","useEffect","Icon","classNames","toastBarCtn","success","error","info","toastMessageCtn","toastMessage","closeIconCtn","ToastBar","toastBarCtnClassName","toastType","shouldAutoClose","delay","onClose","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","background","name","onClick"],"mappings":"AAcA,OAAAA,KAAA,YAAAC,GAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,cAAc;AAChB,GAEaC,IAA8BA,CAAC;AAAA,EAC1CC,sBAAAA,IAAuB;AAAA,EACvBC,WAAAA;AAAAA,EACAJ,cAAAA,IAAe;AAAA,EACfK,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAA;AAClB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIlB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIa,GAAiB;AACbK,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXN,CAAK;AACD,aAAA,MAAMO,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAJ,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEO,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBb,CAAoB,IAAIT,EAAWC,WAAW,IAAIa,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAO;AAAA,MAAEC,YAAYxB,EAAWU,CAAS;AAAA,IAAA;AAAA,EAAE,GAE3CW,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWtB,EAAWK;AAAAA,EAAAA,GACzBgB,gBAAAA,EAAAA,cAACtB,GAAI;AAAA,IAAC0B,MAAMf,MAAc,SAAS,eAAe;AAAA,EAAA,CAAyB,GAC3EW,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWtB,EAAWM;AAAAA,KAAeA,CAAmB,CAC3D,GACLc,gBAAAA,EAAAC,cAACtB,GAAI;AAAA,IAAC0B,MAAK;AAAA,IAAcH,WAAWtB,EAAWO;AAAAA,IAAcmB,SAASR;AAAAA,EAAAA,CAAc,CACjF;AAET;"}
package/dist/index4.js CHANGED
@@ -1,62 +1,62 @@
1
- import v from "./index40.js";
2
- import l from "./index41.js";
3
- import a from "./index42.js";
4
- import n from "./index43.js";
5
- import b from "./index44.js";
6
- import f from "./index45.js";
7
- import p from "./index46.js";
8
- import d from "./index47.js";
9
- import h from "./index48.js";
10
- import k from "./index49.js";
11
- import u from "./index50.js";
12
- import x from "./index51.js";
13
- import w from "./index52.js";
14
- import A from "./index53.js";
15
- import I from "./index54.js";
16
- import E from "./index55.js";
17
- import F from "./index56.js";
18
- import N from "./index57.js";
19
- import C from "./index58.js";
20
- import O from "./index59.js";
21
- import $ from "./index60.js";
22
- import j from "./index61.js";
23
- import y from "./index62.js";
24
- import M from "./index63.js";
25
- import P from "./index64.js";
26
- import R from "./index65.js";
27
- import S from "./index66.js";
28
- import G from "./index67.js";
29
- import T from "./index68.js";
30
- import V from "./index69.js";
31
- import q from "./index70.js";
32
- import z from "./index71.js";
33
- import B from "./index72.js";
34
- import D from "./index73.js";
35
- import H from "./index74.js";
36
- import J from "./index75.js";
37
- import K from "./index76.js";
38
- import L from "./index77.js";
39
- import Q from "./index78.js";
40
- import U from "./index79.js";
41
- import W from "./index80.js";
42
- import X from "./index81.js";
43
- import Y from "./index82.js";
44
- import Z from "./index83.js";
45
- import ss from "./index84.js";
46
- import os from "./index85.js";
47
- import _s from "./index86.js";
48
- import is from "./index87.js";
49
- import ts from "./index88.js";
50
- import rs from "./index89.js";
51
- import es from "./index90.js";
52
- import cs from "./index91.js";
53
- import ms from "./index92.js";
54
- import gs from "./index93.js";
55
- import vs from "./index94.js";
56
- import ls from "./index95.js";
57
- import as from "./index96.js";
1
+ import v from "./index43.js";
2
+ import l from "./index44.js";
3
+ import a from "./index45.js";
4
+ import n from "./index46.js";
5
+ import b from "./index47.js";
6
+ import f from "./index48.js";
7
+ import p from "./index49.js";
8
+ import d from "./index50.js";
9
+ import h from "./index51.js";
10
+ import k from "./index52.js";
11
+ import u from "./index53.js";
12
+ import x from "./index54.js";
13
+ import w from "./index55.js";
14
+ import A from "./index56.js";
15
+ import I from "./index57.js";
16
+ import E from "./index58.js";
17
+ import F from "./index59.js";
18
+ import N from "./index60.js";
19
+ import C from "./index61.js";
20
+ import O from "./index62.js";
21
+ import $ from "./index63.js";
22
+ import j from "./index64.js";
23
+ import y from "./index65.js";
24
+ import M from "./index66.js";
25
+ import P from "./index67.js";
26
+ import R from "./index68.js";
27
+ import S from "./index69.js";
28
+ import G from "./index70.js";
29
+ import T from "./index71.js";
30
+ import V from "./index72.js";
31
+ import q from "./index73.js";
32
+ import z from "./index74.js";
33
+ import B from "./index75.js";
34
+ import D from "./index76.js";
35
+ import H from "./index77.js";
36
+ import J from "./index78.js";
37
+ import K from "./index79.js";
38
+ import L from "./index80.js";
39
+ import Q from "./index81.js";
40
+ import U from "./index82.js";
41
+ import W from "./index83.js";
42
+ import X from "./index84.js";
43
+ import Y from "./index85.js";
44
+ import Z from "./index86.js";
45
+ import ss from "./index87.js";
46
+ import os from "./index88.js";
47
+ import _s from "./index89.js";
48
+ import is from "./index90.js";
49
+ import ts from "./index91.js";
50
+ import rs from "./index92.js";
51
+ import es from "./index93.js";
52
+ import cs from "./index94.js";
53
+ import ms from "./index95.js";
54
+ import gs from "./index96.js";
55
+ import vs from "./index97.js";
56
+ import ls from "./index98.js";
57
+ import as from "./index99.js";
58
58
  import r from "react";
59
- import { ReactSVG as ns } from "./index97.js";
59
+ import { ReactSVG as ns } from "./index100.js";
60
60
  const bs = /* @__PURE__ */ Object.assign({
61
61
  "/src/assets/icons/attachment.svg": v,
62
62
  "/src/assets/icons/back.svg": l,
package/dist/index40.js CHANGED
@@ -1,5 +1,77 @@
1
- const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
1
+ import e, { useRef as B, useEffect as C } from "react";
2
+ /* empty css */
3
+ const _ = /* @__PURE__ */ e.memo(({
4
+ value: f,
5
+ onChange: n,
6
+ disabled: p = !1,
7
+ maxLength: c,
8
+ tag: k = "input",
9
+ error: i = !1,
10
+ errorMessage: b,
11
+ label: u,
12
+ placeholder: x,
13
+ suggestions: l = [],
14
+ customRenderSuggestions: r,
15
+ onSuggestionClick: E
16
+ }) => {
17
+ const [o, m] = e.useState([...l]), [h, s] = e.useState(!1), d = B(null), I = e.useCallback((a) => {
18
+ const t = a.target.value;
19
+ if (r)
20
+ n(t, !1);
21
+ else if (n(t), t === "")
22
+ m([...l]);
23
+ else if (t) {
24
+ const y = l == null ? void 0 : l.filter((N) => {
25
+ var w;
26
+ return typeof N == "string" && N.toLowerCase().includes((w = t == null ? void 0 : t.toLowerCase()) != null ? w : "");
27
+ });
28
+ m(y);
29
+ }
30
+ }, [n, l, r]);
31
+ C(() => {
32
+ r && m([...l]);
33
+ }, [l]), C(() => {
34
+ const a = (t) => {
35
+ d.current && !d.current.contains(t.target) && s(!1);
36
+ };
37
+ return document.addEventListener("mousedown", a), () => {
38
+ document.removeEventListener("mousedown", a);
39
+ };
40
+ }, []);
41
+ const $ = () => {
42
+ s(!0);
43
+ }, v = (a) => {
44
+ n(a, !0), s(!1), E && E(a);
45
+ };
46
+ return /* @__PURE__ */ e.createElement("div", {
47
+ className: "main-container-autocomplete-se-design",
48
+ ref: d
49
+ }, u && /* @__PURE__ */ e.createElement("label", {
50
+ className: "label-container"
51
+ }, u), /* @__PURE__ */ e.createElement(k, {
52
+ value: f,
53
+ onChange: I,
54
+ onClick: $,
55
+ disabled: p,
56
+ className: `${i ? "input-container-error" : "input-container-default"} ${p ? "input-container-disabled" : ""}`,
57
+ maxLength: c,
58
+ placeholder: x
59
+ }), /* @__PURE__ */ e.createElement("div", {
60
+ className: `${i ? "error-and-max-word" : "max-word-container"}`
61
+ }, i && /* @__PURE__ */ e.createElement("div", {
62
+ id: "error-message",
63
+ className: "error-message"
64
+ }, b), c && /* @__PURE__ */ e.createElement("div", {
65
+ className: "max-word"
66
+ }, f.length, "/", c)), h && o.length > 0 && /* @__PURE__ */ e.createElement("div", {
67
+ className: "suggestions-list"
68
+ }, r ? r(o, v) : o.map((a, t) => /* @__PURE__ */ e.createElement("div", {
69
+ key: t,
70
+ className: "suggestion-item",
71
+ onClick: () => v(a)
72
+ }, a))));
73
+ });
2
74
  export {
3
- e as default
75
+ _ as AutoCompleteInput
4
76
  };
5
77
  //# sourceMappingURL=index40.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index40.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}
1
+ {"version":3,"file":"index40.js","sources":["../src/components/AutoCompleteInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport './style.scss';\n\nexport interface AutoCompleteInputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number;\n onChange: (value: string, fromSuggestion?: boolean) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n suggestions?: string[];\n customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;\n onSuggestionClick?: (suggestion: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = React.memo(\n ({\n value,\n onChange,\n disabled = false,\n maxLength,\n tag = 'input',\n error = false,\n errorMessage,\n label,\n placeholder,\n suggestions = [],\n customRenderSuggestions,\n onSuggestionClick\n }) => {\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<string[]>([...suggestions]);\n const [isSuggestionBoxVisible, setSuggestionBoxVisible] = React.useState<boolean>(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n\n if (customRenderSuggestions) {\n onChange(inputValue, false);\n } else {\n onChange(inputValue);\n if (inputValue === '') {\n setFilteredSuggestions([...suggestions]);\n } else if (inputValue) {\n const filtered = suggestions?.filter((suggestion) =>\n typeof suggestion === 'string' &&\n suggestion.toLowerCase().includes(inputValue?.toLowerCase() ?? '')\n );\n setFilteredSuggestions(filtered);\n }\n }\n },\n [onChange, suggestions, customRenderSuggestions]\n );\n\n useEffect(() => {\n if (customRenderSuggestions) {\n setFilteredSuggestions([...suggestions]);\n }\n }, [suggestions]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setSuggestionBoxVisible(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleInputClick = () => {\n setSuggestionBoxVisible(true);\n };\n\n const handleSuggestionClick = (suggestion: string) => {\n onChange(suggestion, true);\n setSuggestionBoxVisible(false);\n onSuggestionClick && onSuggestionClick(suggestion);\n };\n\n return (\n <div className=\"main-container-autocomplete-se-design\" ref={containerRef}>\n {label && <label className=\"label-container\">{label}</label>}\n {React.createElement(tag, {\n value: value,\n onChange: handleInputChange,\n onClick: handleInputClick,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''}`,\n maxLength,\n placeholder\n })}\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && (\n <div id=\"error-message\" className=\"error-message\">\n {errorMessage}\n </div>\n )}\n {maxLength && (\n <div className=\"max-word\">\n {value.length}/{maxLength}\n </div>\n )}\n </div>\n {isSuggestionBoxVisible && filteredSuggestions.length > 0 && (\n <div className=\"suggestions-list\">\n {customRenderSuggestions\n ? customRenderSuggestions(filteredSuggestions, handleSuggestionClick)\n : filteredSuggestions.map((suggestion, index) => (\n <div key={index} className=\"suggestion-item\" onClick={() => handleSuggestionClick(suggestion)}>\n {suggestion}\n </div>\n ))}\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["AutoCompleteInput","memo","value","onChange","disabled","maxLength","tag","error","errorMessage","label","placeholder","suggestions","customRenderSuggestions","onSuggestionClick","filteredSuggestions","setFilteredSuggestions","React","useState","isSuggestionBoxVisible","setSuggestionBoxVisible","containerRef","useRef","handleInputChange","useCallback","e","inputValue","target","filtered","filter","suggestion","toLowerCase","includes","useEffect","handleClickOutside","event","current","contains","addEventListener","removeEventListener","handleInputClick","handleSuggestionClick","createElement","className","ref","onClick","id","length","map","index","key"],"mappings":"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"}
package/dist/index41.js CHANGED
@@ -1,5 +1,90 @@
1
- const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
1
+ import t, { useState as o, useRef as R, useEffect as C } from "react";
2
+ /* empty css */
3
+ import c from "./index116.js";
4
+ import { Icon as g } from "./index4.js";
5
+ const O = ({
6
+ onCountrycodeChange: E,
7
+ onNumberChange: f,
8
+ error: m,
9
+ errorMessage: N,
10
+ value: s
11
+ }) => {
12
+ const [w, u] = o((s == null ? void 0 : s.countryCode) || c[0].dial_code), [r, i] = o(!1), [p, v] = o(c), [L, _] = o(""), [S, h] = o(""), l = R(null), a = c.find((e) => e.dial_code === w), b = (e) => {
13
+ e && (u(e), E(e)), i(!1);
14
+ }, V = (e) => {
15
+ const n = e.target.value;
16
+ _(n);
17
+ const y = c.filter((d) => d.name.toLowerCase().includes(n.toLowerCase()) || d.dial_code.toLowerCase().includes(n.toLowerCase()) || d.code.toLowerCase().includes(n.toLowerCase()));
18
+ v(y);
19
+ };
20
+ C(() => {
21
+ const e = (n) => {
22
+ l.current && !l.current.contains(n.target) && i(!1);
23
+ };
24
+ return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
25
+ }, []), C(() => {
26
+ s && (u(s.countryCode), h(s.number));
27
+ }, [s]);
28
+ const k = (e) => {
29
+ const n = e.replace(/\D/g, "");
30
+ console.log("numericValue", n), h(n), f(n);
31
+ };
32
+ return /* @__PURE__ */ t.createElement("div", {
33
+ className: "phone-input-container-se-design-main-container"
34
+ }, /* @__PURE__ */ t.createElement("div", {
35
+ className: `phone-input-container-se-design-main ${m ? "error" : ""}`,
36
+ ref: l
37
+ }, /* @__PURE__ */ t.createElement("div", {
38
+ className: "phone-input-container-se-design"
39
+ }, /* @__PURE__ */ t.createElement("div", {
40
+ className: "phone-input-container-se-design-country-code",
41
+ onClick: () => {
42
+ i(!r);
43
+ }
44
+ }, /* @__PURE__ */ t.createElement("img", {
45
+ src: `https://flagcdn.com/${a == null ? void 0 : a.code.toLowerCase()}.svg`,
46
+ alt: a == null ? void 0 : a.name,
47
+ width: "16"
48
+ }), a == null ? void 0 : a.dial_code, /* @__PURE__ */ t.createElement(g, {
49
+ name: "down",
50
+ className: r ? "rotate-180" : ""
51
+ })), /* @__PURE__ */ t.createElement("span", {
52
+ className: "divider"
53
+ }), /* @__PURE__ */ t.createElement("input", {
54
+ type: "tel",
55
+ placeholder: "Enter phone number",
56
+ className: "phone-input-container-se-design-phone-number-input",
57
+ onChange: (e) => k(e.target.value),
58
+ value: S,
59
+ pattern: "[0-9]*"
60
+ })), r && /* @__PURE__ */ t.createElement("div", {
61
+ className: "phone-input-container-se-design-country-code-list"
62
+ }, /* @__PURE__ */ t.createElement("div", {
63
+ className: "search-input-wrapper"
64
+ }, /* @__PURE__ */ t.createElement(g, {
65
+ name: "search",
66
+ className: "search-icon"
67
+ }), /* @__PURE__ */ t.createElement("input", {
68
+ type: "text",
69
+ placeholder: "Search",
70
+ className: "phone-input-container-se-design-country-code-list-item-input",
71
+ onChange: V,
72
+ value: L
73
+ })), p.length > 0 ? p.map((e) => /* @__PURE__ */ t.createElement("div", {
74
+ key: e.code,
75
+ className: "phone-input-container-se-design-country-code-list-item",
76
+ onClick: () => b(e.dial_code)
77
+ }, /* @__PURE__ */ t.createElement("img", {
78
+ src: `https://flagcdn.com/${e.code.toLowerCase()}.svg`,
79
+ alt: e.name,
80
+ width: "16"
81
+ }), /* @__PURE__ */ t.createElement("span", null, e.name), /* @__PURE__ */ t.createElement("span", null, "(", e.dial_code, ")"))) : /* @__PURE__ */ t.createElement("div", {
82
+ className: "phone-input-container-se-design-country-code-list-item-no-resuts"
83
+ }, "No results found"))), m && /* @__PURE__ */ t.createElement("div", {
84
+ className: "error-message"
85
+ }, N));
86
+ };
2
87
  export {
3
- e as default
88
+ O as PhoneInput
4
89
  };
5
90
  //# sourceMappingURL=index41.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index41.js","sources":["../src/assets/icons/back.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
1
+ {"version":3,"file":"index41.js","sources":["../src/components/PhoneInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport './style.scss';\nimport countriesInfoJson from './countriesInfo.json';\nimport { Icon } from '../Icon';\n\nexport interface PhoneInputProps {\n onCountrycodeChange: (countryCode: string) => void;\n onNumberChange: (number: string) => void;\n error?: boolean;\n errorMessage?: string;\n value?: {\n countryCode: string;\n number: string;\n };\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n onCountrycodeChange,\n onNumberChange,\n error,\n errorMessage,\n value\n}) => {\n const [countryCode, setCountryCode] = useState(value?.countryCode || countriesInfoJson[0].dial_code);\n const [displaySelectCountryCode, setDisplaySelectCountryCode] = useState(false);\n const [countriesInfo, setCountriesInfo] = useState(countriesInfoJson);\n const [searchValue, setSearchValue] = useState('');\n const [enteredNumber, setEnteredNumber] = useState('');\n const containerRef = useRef<HTMLDivElement>(null);\n\n const countryInfo = countriesInfoJson.find((country) => country.dial_code === countryCode);\n\n const handleCountryCodeSelect = (country: string) => {\n if (country) {\n setCountryCode(country);\n onCountrycodeChange(country);\n }\n setDisplaySelectCountryCode(false);\n };\n\n const handleCountryCodeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n const searchValue = event.target.value;\n setSearchValue(searchValue);\n const filteredCountries = countriesInfoJson.filter(\n (country) =>\n country.name.toLowerCase().includes(searchValue.toLowerCase()) ||\n country.dial_code.toLowerCase().includes(searchValue.toLowerCase()) ||\n country.code.toLowerCase().includes(searchValue.toLowerCase())\n );\n setCountriesInfo(filteredCountries);\n };\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setDisplaySelectCountryCode(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n useEffect(() => {\n if (value) {\n setCountryCode(value.countryCode);\n setEnteredNumber(value.number);\n }\n }, [value]);\n\n const handleEnteredNumberChange = (value: string) => {\n const numericValue = value.replace(/\\D/g, ''); // Remove non-numeric characters\n console.log('numericValue', numericValue);\n setEnteredNumber(numericValue);\n onNumberChange(numericValue);\n };\n\n return (\n <div className=\"phone-input-container-se-design-main-container\">\n <div className={`phone-input-container-se-design-main ${error ? 'error' : ''}`} ref={containerRef}>\n <div className=\"phone-input-container-se-design\">\n <div\n className=\"phone-input-container-se-design-country-code\"\n onClick={() => {\n setDisplaySelectCountryCode(!displaySelectCountryCode);\n }}\n >\n <img\n src={`https://flagcdn.com/${countryInfo?.code.toLowerCase()}.svg`}\n alt={countryInfo?.name}\n width=\"16\"\n />\n {countryInfo?.dial_code}\n <Icon name=\"down\" className={!displaySelectCountryCode ? '' : 'rotate-180'} />\n </div>\n <span className=\"divider\" />\n <input\n type=\"tel\"\n placeholder=\"Enter phone number\"\n className=\"phone-input-container-se-design-phone-number-input\"\n onChange={(event) => handleEnteredNumberChange(event.target.value)}\n value={enteredNumber}\n pattern=\"[0-9]*\"\n />\n </div>\n\n {displaySelectCountryCode && (\n <div className=\"phone-input-container-se-design-country-code-list\">\n <div className=\"search-input-wrapper\">\n <Icon name=\"search\" className=\"search-icon\" />\n <input\n type=\"text\"\n placeholder=\"Search\"\n className=\"phone-input-container-se-design-country-code-list-item-input\"\n onChange={handleCountryCodeSearch}\n value={searchValue}\n />\n </div>\n {countriesInfo.length > 0 ? (\n countriesInfo.map((country) => (\n <div\n key={country.code}\n className=\"phone-input-container-se-design-country-code-list-item\"\n onClick={() => handleCountryCodeSelect(country.dial_code)}\n >\n <img src={`https://flagcdn.com/${country.code.toLowerCase()}.svg`} alt={country.name} width=\"16\" />\n <span>{country.name}</span>\n <span>({country.dial_code})</span>\n </div>\n ))\n ) : (\n <div className=\"phone-input-container-se-design-country-code-list-item-no-resuts\">No results found</div>\n )}\n </div>\n )}\n </div>\n {error && <div className=\"error-message\">{errorMessage}</div>}\n </div>\n );\n};\n"],"names":["PhoneInput","onCountrycodeChange","onNumberChange","error","errorMessage","value","countryCode","setCountryCode","useState","countriesInfoJson","dial_code","displaySelectCountryCode","setDisplaySelectCountryCode","countriesInfo","setCountriesInfo","searchValue","setSearchValue","enteredNumber","setEnteredNumber","containerRef","useRef","countryInfo","find","country","handleCountryCodeSelect","handleCountryCodeSearch","event","target","filteredCountries","filter","name","toLowerCase","includes","code","useEffect","handleClickOutside","current","contains","addEventListener","document","removeEventListener","number","handleEnteredNumberChange","numericValue","replace","log","React","createElement","className","ref","onClick","src","alt","width","Icon","type","placeholder","onChange","pattern","length","map","key"],"mappings":"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"}
package/dist/index42.js CHANGED
@@ -1,5 +1,41 @@
1
- const e = "data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
1
+ import o from "react";
2
+ const m = ({
3
+ progress: a,
4
+ backgroundColor: n = "#E8E8E8",
5
+ progressColor: s = "#0066FF",
6
+ size: e = 40,
7
+ strokeWidth: r = 4
8
+ }) => {
9
+ const t = (e - r) / 2, c = t * 2 * Math.PI, l = c - a / 100 * c;
10
+ return /* @__PURE__ */ o.createElement("svg", {
11
+ width: e,
12
+ height: e,
13
+ style: {
14
+ transform: "rotate(-90deg)"
15
+ }
16
+ }, /* @__PURE__ */ o.createElement("circle", {
17
+ cx: e / 2,
18
+ cy: e / 2,
19
+ r: t,
20
+ stroke: n,
21
+ strokeWidth: r,
22
+ fill: "none"
23
+ }), /* @__PURE__ */ o.createElement("circle", {
24
+ cx: e / 2,
25
+ cy: e / 2,
26
+ r: t,
27
+ stroke: s,
28
+ strokeWidth: r,
29
+ strokeDasharray: c,
30
+ strokeDashoffset: l,
31
+ fill: "none",
32
+ strokeLinecap: "round",
33
+ style: {
34
+ transition: "stroke-dashoffset 0.3s ease"
35
+ }
36
+ }));
37
+ };
2
38
  export {
3
- e as default
39
+ m as CircularProgressBar
4
40
  };
5
41
  //# sourceMappingURL=index42.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index42.js","sources":["../src/assets/icons/banner-demo-img.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_2"],"mappings":"AAAA,MAAeA,IAAA;"}
1
+ {"version":3,"file":"index42.js","sources":["../src/components/CircularProgressBar/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface CircularProgressBarProps {\n progress: number;\n backgroundColor?: string;\n progressColor?: string;\n size?: number;\n strokeWidth?: number;\n}\n\nexport const CircularProgressBar = ({\n progress,\n backgroundColor = '#E8E8E8',\n progressColor = '#0066FF',\n size = 40,\n strokeWidth = 4\n}: CircularProgressBarProps) => {\n const radius = (size - strokeWidth) / 2;\n const circumference = radius * 2 * Math.PI;\n const strokeDashoffset = circumference - (progress / 100) * circumference;\n\n return (\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n {/* Background circle */}\n <circle cx={size / 2} cy={size / 2} r={radius} stroke={backgroundColor} strokeWidth={strokeWidth} fill=\"none\" />\n {/* Progress circle */}\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n stroke={progressColor}\n strokeWidth={strokeWidth}\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n fill=\"none\"\n strokeLinecap=\"round\"\n style={{ transition: 'stroke-dashoffset 0.3s ease' }}\n />\n </svg>\n );\n};\n"],"names":["CircularProgressBar","progress","backgroundColor","progressColor","size","strokeWidth","radius","circumference","Math","PI","strokeDashoffset","React","createElement","width","height","style","transform","cx","cy","r","stroke","fill","strokeDasharray","strokeLinecap","transition"],"mappings":";AAUO,MAAMA,IAAsBA,CAAC;AAAA,EAClCC,UAAAA;AAAAA,EACAC,iBAAAA,IAAkB;AAAA,EAClBC,eAAAA,IAAgB;AAAA,EAChBC,MAAAA,IAAO;AAAA,EACPC,aAAAA,IAAc;AACU,MAAM;AACxBC,QAAAA,KAAUF,IAAOC,KAAe,GAChCE,IAAgBD,IAAS,IAAIE,KAAKC,IAClCC,IAAmBH,IAAiBN,IAAW,MAAOM;AAG1DI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,OAAOT;AAAAA,IAAMU,QAAQV;AAAAA,IAAMW,OAAO;AAAA,MAAEC,WAAW;AAAA,IAAA;AAAA,EAAiB,GAEnEJ,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IAAQK,IAAIb,IAAO;AAAA,IAAGc,IAAId,IAAO;AAAA,IAAGe,GAAGb;AAAAA,IAAQc,QAAQlB;AAAAA,IAAiBG,aAAAA;AAAAA,IAA0BgB,MAAK;AAAA,EAAA,CAAQ,GAE/GT,gBAAAA,EAAAA,cAAA,UAAA;AAAA,IACEK,IAAIb,IAAO;AAAA,IACXc,IAAId,IAAO;AAAA,IACXe,GAAGb;AAAAA,IACHc,QAAQjB;AAAAA,IACRE,aAAAA;AAAAA,IACAiB,iBAAiBf;AAAAA,IACjBG,kBAAAA;AAAAA,IACAW,MAAK;AAAA,IACLE,eAAc;AAAA,IACdR,OAAO;AAAA,MAAES,YAAY;AAAA,IAAA;AAAA,EAA8B,CACpD,CACE;AAET;"}