se-design 0.0.112 → 0.0.113

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 (222) hide show
  1. package/dist/assets/style.css +1 -1
  2. package/dist/components/Banner/index.d.ts +4 -0
  3. package/dist/components/LabelChip/index.d.ts +1 -0
  4. package/dist/components/SearchBox/index.d.ts +13 -0
  5. package/dist/components/index.d.ts +1 -0
  6. package/dist/index.js +26 -24
  7. package/dist/index.js.map +1 -1
  8. package/dist/index100.js +1 -1
  9. package/dist/index100.js.map +1 -1
  10. package/dist/index101.js +2 -2
  11. package/dist/index101.js.map +1 -1
  12. package/dist/index102.js +2 -2
  13. package/dist/index102.js.map +1 -1
  14. package/dist/index103.js +2 -2
  15. package/dist/index103.js.map +1 -1
  16. package/dist/index104.js +2 -2
  17. package/dist/index104.js.map +1 -1
  18. package/dist/index105.js +1 -1
  19. package/dist/index105.js.map +1 -1
  20. package/dist/index106.js +1 -1
  21. package/dist/index106.js.map +1 -1
  22. package/dist/index107.js +1 -1
  23. package/dist/index107.js.map +1 -1
  24. package/dist/index108.js +1 -1
  25. package/dist/index108.js.map +1 -1
  26. package/dist/index109.js +2 -2
  27. package/dist/index109.js.map +1 -1
  28. package/dist/index110.js +2 -2
  29. package/dist/index110.js.map +1 -1
  30. package/dist/index111.js +2 -2
  31. package/dist/index111.js.map +1 -1
  32. package/dist/index112.js +2 -149
  33. package/dist/index112.js.map +1 -1
  34. package/dist/index113.js +152 -0
  35. package/dist/index113.js.map +1 -0
  36. package/dist/index124.js +15 -0
  37. package/dist/index124.js.map +1 -0
  38. package/dist/index132.js +1233 -5
  39. package/dist/index132.js.map +1 -1
  40. package/dist/index133.js +9 -169
  41. package/dist/index133.js.map +1 -1
  42. package/dist/index134.js +10 -11
  43. package/dist/index134.js.map +1 -1
  44. package/dist/index135.js +4 -5
  45. package/dist/index135.js.map +1 -1
  46. package/dist/index136.js +170 -6
  47. package/dist/index136.js.map +1 -1
  48. package/dist/index137.js +11 -38
  49. package/dist/index137.js.map +1 -1
  50. package/dist/index138.js +6 -2
  51. package/dist/index138.js.map +1 -1
  52. package/dist/index139.js +5 -7
  53. package/dist/index139.js.map +1 -1
  54. package/dist/index140.js +36 -325
  55. package/dist/index140.js.map +1 -1
  56. package/dist/index141.js +2 -50
  57. package/dist/index141.js.map +1 -1
  58. package/dist/index142.js +8 -2
  59. package/dist/index142.js.map +1 -1
  60. package/dist/index143.js +323 -72
  61. package/dist/index143.js.map +1 -1
  62. package/dist/index144.js +47 -90
  63. package/dist/index144.js.map +1 -1
  64. package/dist/index145.js +2 -52
  65. package/dist/index145.js.map +1 -1
  66. package/dist/index146.js +75 -7
  67. package/dist/index146.js.map +1 -1
  68. package/dist/index147.js +92 -4
  69. package/dist/index147.js.map +1 -1
  70. package/dist/index148.js +48 -48
  71. package/dist/index148.js.map +1 -1
  72. package/dist/index149.js +8 -2
  73. package/dist/index149.js.map +1 -1
  74. package/dist/index150.js +5 -2
  75. package/dist/index150.js.map +1 -1
  76. package/dist/index151.js +55 -0
  77. package/dist/index151.js.map +1 -0
  78. package/dist/index152.js +5 -0
  79. package/dist/index152.js.map +1 -0
  80. package/dist/index153.js +5 -0
  81. package/dist/index153.js.map +1 -0
  82. package/dist/index27.js +34 -22
  83. package/dist/index27.js.map +1 -1
  84. package/dist/index36.js +75 -31
  85. package/dist/index36.js.map +1 -1
  86. package/dist/index37.js +26 -44
  87. package/dist/index37.js.map +1 -1
  88. package/dist/index38.js +45 -64
  89. package/dist/index38.js.map +1 -1
  90. package/dist/index39.js +65 -60
  91. package/dist/index39.js.map +1 -1
  92. package/dist/index4.js +68 -68
  93. package/dist/index40.js +61 -69
  94. package/dist/index40.js.map +1 -1
  95. package/dist/index41.js +68 -81
  96. package/dist/index41.js.map +1 -1
  97. package/dist/index42.js +84 -35
  98. package/dist/index42.js.map +1 -1
  99. package/dist/index43.js +34 -26
  100. package/dist/index43.js.map +1 -1
  101. package/dist/index44.js +28 -28
  102. package/dist/index44.js.map +1 -1
  103. package/dist/index45.js +30 -2
  104. package/dist/index45.js.map +1 -1
  105. package/dist/index46.js +1 -1
  106. package/dist/index46.js.map +1 -1
  107. package/dist/index47.js +1 -1
  108. package/dist/index47.js.map +1 -1
  109. package/dist/index48.js +1 -1
  110. package/dist/index48.js.map +1 -1
  111. package/dist/index49.js +1 -1
  112. package/dist/index49.js.map +1 -1
  113. package/dist/index50.js +1 -1
  114. package/dist/index50.js.map +1 -1
  115. package/dist/index51.js +1 -1
  116. package/dist/index51.js.map +1 -1
  117. package/dist/index52.js +1 -1
  118. package/dist/index52.js.map +1 -1
  119. package/dist/index53.js +1 -1
  120. package/dist/index53.js.map +1 -1
  121. package/dist/index54.js +1 -1
  122. package/dist/index54.js.map +1 -1
  123. package/dist/index55.js +1 -1
  124. package/dist/index55.js.map +1 -1
  125. package/dist/index56.js +1 -1
  126. package/dist/index56.js.map +1 -1
  127. package/dist/index57.js +1 -1
  128. package/dist/index57.js.map +1 -1
  129. package/dist/index58.js +1 -1
  130. package/dist/index58.js.map +1 -1
  131. package/dist/index59.js +1 -1
  132. package/dist/index59.js.map +1 -1
  133. package/dist/index60.js +2 -2
  134. package/dist/index60.js.map +1 -1
  135. package/dist/index61.js +2 -2
  136. package/dist/index61.js.map +1 -1
  137. package/dist/index62.js +1 -1
  138. package/dist/index62.js.map +1 -1
  139. package/dist/index63.js +1 -1
  140. package/dist/index63.js.map +1 -1
  141. package/dist/index64.js +1 -1
  142. package/dist/index64.js.map +1 -1
  143. package/dist/index65.js +1 -1
  144. package/dist/index65.js.map +1 -1
  145. package/dist/index66.js +1 -1
  146. package/dist/index66.js.map +1 -1
  147. package/dist/index67.js +2 -2
  148. package/dist/index67.js.map +1 -1
  149. package/dist/index68.js +2 -2
  150. package/dist/index68.js.map +1 -1
  151. package/dist/index69.js +1 -1
  152. package/dist/index69.js.map +1 -1
  153. package/dist/index70.js +1 -1
  154. package/dist/index70.js.map +1 -1
  155. package/dist/index71.js +1 -1
  156. package/dist/index71.js.map +1 -1
  157. package/dist/index72.js +2 -2
  158. package/dist/index72.js.map +1 -1
  159. package/dist/index73.js +1 -1
  160. package/dist/index73.js.map +1 -1
  161. package/dist/index74.js +2 -2
  162. package/dist/index74.js.map +1 -1
  163. package/dist/index75.js +1 -1
  164. package/dist/index75.js.map +1 -1
  165. package/dist/index76.js +1 -1
  166. package/dist/index76.js.map +1 -1
  167. package/dist/index77.js +1 -1
  168. package/dist/index77.js.map +1 -1
  169. package/dist/index78.js +1 -1
  170. package/dist/index78.js.map +1 -1
  171. package/dist/index79.js +1 -1
  172. package/dist/index79.js.map +1 -1
  173. package/dist/index8.js +21 -18
  174. package/dist/index8.js.map +1 -1
  175. package/dist/index80.js +1 -1
  176. package/dist/index80.js.map +1 -1
  177. package/dist/index81.js +1 -1
  178. package/dist/index81.js.map +1 -1
  179. package/dist/index82.js +1 -1
  180. package/dist/index82.js.map +1 -1
  181. package/dist/index83.js +1 -1
  182. package/dist/index83.js.map +1 -1
  183. package/dist/index84.js +1 -1
  184. package/dist/index84.js.map +1 -1
  185. package/dist/index85.js +1 -1
  186. package/dist/index85.js.map +1 -1
  187. package/dist/index86.js +1 -1
  188. package/dist/index86.js.map +1 -1
  189. package/dist/index87.js +1 -1
  190. package/dist/index87.js.map +1 -1
  191. package/dist/index88.js +2 -2
  192. package/dist/index88.js.map +1 -1
  193. package/dist/index89.js +2 -2
  194. package/dist/index89.js.map +1 -1
  195. package/dist/index90.js +2 -2
  196. package/dist/index90.js.map +1 -1
  197. package/dist/index91.js +1 -1
  198. package/dist/index91.js.map +1 -1
  199. package/dist/index92.js +1 -1
  200. package/dist/index92.js.map +1 -1
  201. package/dist/index93.js +1 -1
  202. package/dist/index93.js.map +1 -1
  203. package/dist/index94.js +1 -1
  204. package/dist/index94.js.map +1 -1
  205. package/dist/index95.js +1 -1
  206. package/dist/index95.js.map +1 -1
  207. package/dist/index96.js +1 -1
  208. package/dist/index96.js.map +1 -1
  209. package/dist/index97.js +1 -1
  210. package/dist/index97.js.map +1 -1
  211. package/dist/index98.js +2 -2
  212. package/dist/index98.js.map +1 -1
  213. package/dist/index99.js +2 -2
  214. package/dist/index99.js.map +1 -1
  215. package/dist/typographyMixin.scss +60 -21
  216. package/package.json +1 -1
  217. package/dist/index129.js +0 -1236
  218. package/dist/index129.js.map +0 -1
  219. package/dist/index130.js +0 -13
  220. package/dist/index130.js.map +0 -1
  221. package/dist/index131.js +0 -13
  222. package/dist/index131.js.map +0 -1
package/dist/index37.js CHANGED
@@ -1,55 +1,37 @@
1
- import e, { useState as g, useRef as p } from "react";
2
- import { Icon as s } from "./index4.js";
3
- import { ProgressBar as x } from "./index36.js";
1
+ import e from "react";
4
2
  /* empty css */
5
3
  const r = {
6
- gettingStartedWidgetCtn: "border border-[var(--color-gray-200)] rounded-[12px] w-[385px] p-4",
7
- accordionCtn: "flex items-center justify-between",
8
- gettingStartedWidgetContent: "overflow-hidden transition-all duration-300",
9
- icon: "transition-transform duration-300 cursor-pointer",
10
- actionItemCtn: "flex items-center gap-2 mt-[4px] mb-[10px]"
11
- }, v = ({
12
- widgetClassName: l = "",
13
- actionItems: a = []
4
+ progressBarCtn: "flex items-center gap-2",
5
+ progressBar: "flex-1 w-[70%] bg-[var(--color-gray-200)] h-[6px] rounded-[12px] overflow-hidden",
6
+ progressBarProgress: "h-full rounded-[12px]",
7
+ stepsCount: "steps-count"
8
+ }, d = ({
9
+ totalTasks: t = 0,
10
+ completedTasks: o = 0,
11
+ progressBarCtnClassName: n = "",
12
+ needPercentageCompleted: c = !0,
13
+ progressBarColor: s
14
14
  }) => {
15
- var c;
16
- const [n, i] = g(!1), o = p(null), d = () => {
17
- i(!n);
18
- };
15
+ const a = t > 0 ? o / t * 100 : 0;
19
16
  return /* @__PURE__ */ e.createElement("div", {
20
- className: `${r.gettingStartedWidgetCtn} ${l} getting-started-widget-ctn`
17
+ className: `${r.progressBarCtn} ${n} progress-bar-ctn`,
18
+ style: {
19
+ width: "100%"
20
+ }
21
+ }, /* @__PURE__ */ e.createElement("div", {
22
+ className: r.progressBar
21
23
  }, /* @__PURE__ */ e.createElement("div", {
22
- className: r.accordionCtn
23
- }, /* @__PURE__ */ e.createElement("span", {
24
- className: "title text-[var(--color-gray-900)]"
25
- }, "Get Started"), /* @__PURE__ */ e.createElement(s, {
26
- name: "chevron-down",
27
- className: `${r.icon} ${n ? "rotate-180" : ""}`,
28
- onClick: d
29
- })), /* @__PURE__ */ e.createElement("div", {
30
- className: "mt-[12px]"
31
- }, /* @__PURE__ */ e.createElement(x, {
32
- totalTasks: a.length,
33
- completedTasks: a.filter((t) => t.isComplete).length,
34
- progressBarCtnClassName: "get-started-progress-bar-ctn"
35
- })), /* @__PURE__ */ e.createElement("div", {
36
- ref: o,
37
- className: r.gettingStartedWidgetContent,
24
+ className: r.progressBarProgress,
38
25
  style: {
39
- maxHeight: n ? `${(c = o.current) == null ? void 0 : c.scrollHeight}px` : "0px"
26
+ width: `${a}%`,
27
+ background: `${s || "linear-gradient(to right, var(--color-green-500), var(--color-green-400))"}`,
28
+ transition: "width 0.4s ease-in-out"
40
29
  }
41
- }, a.map((t, m) => /* @__PURE__ */ e.createElement("div", {
42
- key: m,
43
- className: r.actionItemCtn
44
- }, /* @__PURE__ */ e.createElement(s, {
45
- name: t.isComplete ? "checked-circle-green" : "checked-circle-disabled"
46
- }), /* @__PURE__ */ e.createElement("span", {
47
- className: t.isComplete ? "text-[var(--color-gray-500)]" : "text-[var(--color-gray-900)] cursor-pointer",
48
- onClick: t == null ? void 0 : t.handleActionItemClick
49
- }, t.label)))));
30
+ })), c && /* @__PURE__ */ e.createElement("div", {
31
+ className: r.stepsCount
32
+ }, `${Math.round(a)}% completed`));
50
33
  };
51
34
  export {
52
- v as GetStartedWidget,
53
- v as default
35
+ d as ProgressBar
54
36
  };
55
37
  //# sourceMappingURL=index37.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index37.js","sources":["../src/components/GetStartedWidget/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Map } from \"../../utils/common.types\";\nimport { ProgressBar } from \"../ProgressBar\";\nimport \"./style.scss\";\n\nexport interface GetStartedWidgetProps {\n widgetClassName?: string;\n actionItems: {\n label: string;\n isComplete?: boolean;\n handleActionItemClick: () => void;\n }[];\n}\n\nconst className: Map = {\n gettingStartedWidgetCtn: \"border border-[var(--color-gray-200)] rounded-[12px] w-[385px] p-4\",\n accordionCtn: \"flex items-center justify-between\",\n gettingStartedWidgetContent: \"overflow-hidden transition-all duration-300\",\n icon: \"transition-transform duration-300 cursor-pointer\",\n actionItemCtn: \"flex items-center gap-2 mt-[4px] mb-[10px]\"\n};\n\nexport const GetStartedWidget: FC<GetStartedWidgetProps> = ({\n widgetClassName = \"\",\n actionItems = []\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const toggleAccordion = () => {\n setIsExpanded(!isExpanded);\n };\n\n return (\n <div className={`${className.gettingStartedWidgetCtn} ${widgetClassName} getting-started-widget-ctn`}>\n <div className={className.accordionCtn}>\n <span className=\"title text-[var(--color-gray-900)]\">Get Started</span>\n <Icon name=\"chevron-down\" className={`${className.icon} ${isExpanded ? \"rotate-180\" : \"\"}`} onClick={toggleAccordion} />\n </div>\n <div className=\"mt-[12px]\">\n <ProgressBar totalTasks={actionItems.length} \n completedTasks={actionItems.filter(item => item.isComplete).length} \n progressBarCtnClassName=\"get-started-progress-bar-ctn\"/>\n </div>\n <div\n ref={contentRef}\n className={className.gettingStartedWidgetContent}\n style={{\n maxHeight: isExpanded ? `${contentRef.current?.scrollHeight}px` : \"0px\",\n }}\n >\n {actionItems.map((item, index) => (\n <div key={index} className={className.actionItemCtn}>\n <Icon name={item.isComplete ? \"checked-circle-green\" : \"checked-circle-disabled\"} />\n <span className={item.isComplete ? \"text-[var(--color-gray-500)]\" : \"text-[var(--color-gray-900)] cursor-pointer\"} onClick={item?.handleActionItemClick}>\n {item.label}\n </span>\n </div>\n ))}\n </div>\n </div>\n );\n};\n\nexport default GetStartedWidget;"],"names":["React__default","useState","useRef","Icon","ProgressBar","className","gettingStartedWidgetCtn","accordionCtn","gettingStartedWidgetContent","icon","actionItemCtn","GetStartedWidget","widgetClassName","actionItems","_a","isExpanded","setIsExpanded","contentRef","toggleAccordion","React","createElement","name","onClick","totalTasks","length","completedTasks","filter","item","isComplete","progressBarCtnClassName","ref","style","maxHeight","current","scrollHeight","map","index","key","handleActionItemClick","label"],"mappings":"AAeA,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAiB;AAAA,EACrBC,yBAAyB;AAAA,EACzBC,cAAc;AAAA,EACdC,6BAA6B;AAAA,EAC7BC,MAAM;AAAA,EACNC,eAAe;AACjB,GAEaC,IAA8CA,CAAC;AAAA,EAC1DC,iBAAAA,IAAkB;AAAA,EAClBC,aAAAA,IAAc,CAAA;AAChB,MAAM;AAXN,MAAAC;AAYE,QAAM,CAACC,GAAYC,CAAa,IAAIf,EAAS,EAAK,GAC5CgB,IAAaf,EAAuB,IAAI,GAExCgB,IAAkBA,MAAM;AAC5BF,IAAAA,EAAc,CAACD,CAAU;AAAA,EAC3B;AAGEI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKf,WAAW,GAAGA,EAAUC,uBAAuB,IAAIM,CAAe;AAAA,EAAA,GACrEQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKf,WAAWA,EAAUE;AAAAA,EAAAA,GACxBa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMf,WAAU;AAAA,EAAqC,GAAA,aAAiB,GACtEc,gBAAAA,EAAAC,cAACjB,GAAI;AAAA,IAACkB,MAAK;AAAA,IAAehB,WAAW,GAAGA,EAAUI,IAAI,IAAIM,IAAa,eAAe,EAAE;AAAA,IAAIO,SAASJ;AAAAA,EAAkB,CAAA,CACpH,GACLC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKf,WAAU;AAAA,EAAA,GACbe,gBAAAA,EAAAA,cAAChB,GAAW;AAAA,IAACmB,YAAYV,EAAYW;AAAAA,IACrCC,gBAAgBZ,EAAYa,OAAOC,CAAQA,MAAAA,EAAKC,UAAU,EAAEJ;AAAAA,IAC5DK,yBAAwB;AAAA,EAA+B,CAAA,CACpD,GACLV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEU,KAAKb;AAAAA,IACLZ,WAAWA,EAAUG;AAAAA,IACrBuB,OAAO;AAAA,MACLC,WAAWjB,IAAa,IAAGE,IAAAA,EAAWgB,YAAXhB,gBAAAA,EAAoBiB,YAAY,OAAO;AAAA,IAAA;AAAA,EACpE,GAECrB,EAAYsB,IAAI,CAACR,GAAMS,MACtBjB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKiB,KAAKD;AAAAA,IAAO/B,WAAWA,EAAUK;AAAAA,EAAAA,GACpCU,gBAAAA,EAAAA,cAACjB,GAAI;AAAA,IAACkB,MAAMM,EAAKC,aAAa,yBAAyB;AAAA,EAAA,CAA4B,GACnFR,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMf,WAAWsB,EAAKC,aAAa,iCAAiC;AAAA,IAA+CN,SAASK,KAAAA,gBAAAA,EAAMW;AAAAA,KAC/HX,EAAKY,KACF,CACH,CACN,CACE,CACF;AAET;"}
1
+ {"version":3,"file":"index37.js","sources":["../src/components/ProgressBar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport './style.scss';\n\nexport interface ProgressBarProps {\n totalTasks: number;\n completedTasks: number;\n progressBarCtnClassName?: string;\n needPercentageCompleted?: boolean;\n progressBarColor?: string;\n}\n\nconst className: Map = {\n progressBarCtn: 'flex items-center gap-2',\n progressBar: 'flex-1 w-[70%] bg-[var(--color-gray-200)] h-[6px] rounded-[12px] overflow-hidden',\n progressBarProgress: 'h-full rounded-[12px]',\n stepsCount: 'steps-count'\n};\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n totalTasks = 0,\n completedTasks = 0,\n progressBarCtnClassName = '',\n needPercentageCompleted = true,\n progressBarColor\n}) => {\n const percentageComplete = totalTasks > 0 ? (completedTasks / totalTasks) * 100 : 0;\n return (\n <div\n className={`${className.progressBarCtn} ${progressBarCtnClassName} progress-bar-ctn`}\n style={{ width: '100%' }}\n >\n <div className={className.progressBar}>\n <div\n className={className.progressBarProgress}\n style={{\n width: `${percentageComplete}%`,\n background: `${progressBarColor ? progressBarColor : 'linear-gradient(to right, var(--color-green-500), var(--color-green-400))'}`,\n transition: 'width 0.4s ease-in-out'\n }}\n ></div>\n </div>\n {needPercentageCompleted && (\n <div className={className.stepsCount}>{`${Math.round(percentageComplete)}% completed`}</div>\n )}\n </div>\n );\n};\n"],"names":["React__default","className","progressBarCtn","progressBar","progressBarProgress","stepsCount","ProgressBar","totalTasks","completedTasks","progressBarCtnClassName","needPercentageCompleted","progressBarColor","percentageComplete","React","createElement","style","width","background","transition","Math","round"],"mappings":"AAYA,OAAAA,OAAA;AAAA,OAAA;AAAA,MAAMC,IAAiB;AAAA,EACrBC,gBAAgB;AAAA,EAChBC,aAAa;AAAA,EACbC,qBAAqB;AAAA,EACrBC,YAAY;AACd,GAEaC,IAAoCA,CAAC;AAAA,EAChDC,YAAAA,IAAa;AAAA,EACbC,gBAAAA,IAAiB;AAAA,EACjBC,yBAAAA,IAA0B;AAAA,EAC1BC,yBAAAA,IAA0B;AAAA,EAC1BC,kBAAAA;AACF,MAAM;AACJ,QAAMC,IAAqBL,IAAa,IAAKC,IAAiBD,IAAc,MAAM;AAEhFM,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEb,WAAW,GAAGA,EAAUC,cAAc,IAAIO,CAAuB;AAAA,IACjEM,OAAO;AAAA,MAAEC,OAAO;AAAA,IAAA;AAAA,EAAO,GAEvBF,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKb,WAAWA,EAAUE;AAAAA,EAAAA,GACxBW,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEb,WAAWA,EAAUG;AAAAA,IACrBW,OAAO;AAAA,MACLC,OAAO,GAAGJ,CAAkB;AAAA,MAC5BK,YAAY,GAAGN,KAAsC,2EAA2E;AAAA,MAChIO,YAAY;AAAA,IAAA;AAAA,EAEV,CAAA,CACH,GACJR,KACCG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKb,WAAWA,EAAUI;AAAAA,EAAAA,GAAa,GAAGc,KAAKC,MAAMR,CAAkB,CAAC,aAAmB,CAE1F;AAET;"}
package/dist/index38.js CHANGED
@@ -1,74 +1,55 @@
1
- import e, { useState as x } from "react";
2
- import { Icon as l } from "./index4.js";
3
- import { Button as p } from "./index3.js";
1
+ import e, { useState as g, useRef as p } from "react";
2
+ import { Icon as s } from "./index4.js";
3
+ import { ProgressBar as x } from "./index37.js";
4
4
  /* empty css */
5
5
  const r = {
6
- messageBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2",
7
- messageCtn: "flex items-center justify-center gap-2 flex-wrap px-4 pr-12",
8
- info: "bg-[var(--color-yellow-50)]",
9
- alert: "bg-[var(--color-red-500)]",
10
- nudge: "bg-[var(--color-blue-500)]",
11
- infoMessage: "text-[var(--color-yellow-700)] text-center",
12
- alertMessage: "text-[var(--color-white)] text-center",
13
- closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1",
14
- customInfoClassBtn: "bg-[var(--color-yellow-50)] text-[var(--color-yellow-700)] hover:bg-[var(--color-yellow-50)] border border-[var(--color-yellow-700)] hover:border-[var(--color-yellow-900)]",
15
- customAlertClassBtn: "bg-[var(--color-red-500)] text-[var(--color-white)] hover:bg-[var(--color-red-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]",
16
- customNudgeClassBtn: "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]"
17
- }, I = ({
18
- messageBarCtnClassName: s = "",
19
- messageBarType: o = "info",
20
- message: a = "",
21
- hasCloseIcon: c = !1,
22
- hasButton: n = !1,
23
- buttonLabel: i = "",
24
- buttonOnClick: m = () => {
25
- },
26
- handleClose: t = () => {
27
- }
6
+ gettingStartedWidgetCtn: "border border-[var(--color-gray-200)] rounded-[12px] w-[385px] p-4",
7
+ accordionCtn: "flex items-center justify-between",
8
+ gettingStartedWidgetContent: "overflow-hidden transition-all duration-300",
9
+ icon: "transition-transform duration-300 cursor-pointer",
10
+ actionItemCtn: "flex items-center gap-2 mt-[4px] mb-[10px]"
11
+ }, v = ({
12
+ widgetClassName: l = "",
13
+ actionItems: a = []
28
14
  }) => {
29
- const [u, v] = x(!0), b = e.useCallback(() => {
30
- v(!1);
31
- const h = setTimeout(() => {
32
- t == null || t();
33
- }, 300);
34
- return () => clearTimeout(h);
35
- }, [t]), f = o === "info" ? r.infoMessage : r.alertMessage, g = e.useMemo(() => {
36
- switch (o) {
37
- case "info":
38
- return r.customInfoClassBtn;
39
- case "alert":
40
- return r.customAlertClassBtn;
41
- case "nudge":
42
- return r.customNudgeClassBtn;
43
- default:
44
- return "";
45
- }
46
- }, [o]), d = o === "info" ? "info-brown" : "info-white", w = o === "info" ? "close" : "white-close";
15
+ var c;
16
+ const [n, i] = g(!1), o = p(null), d = () => {
17
+ i(!n);
18
+ };
47
19
  return /* @__PURE__ */ e.createElement("div", {
48
- className: `se-design-message-bar ${s} ${r.messageBarCtn} ${r[o]} ${u ? "show" : "hide"}`
49
- }, /* @__PURE__ */ e.createElement("div", {
50
- className: r.messageCtn
20
+ className: `${r.gettingStartedWidgetCtn} ${l} getting-started-widget-ctn`
51
21
  }, /* @__PURE__ */ e.createElement("div", {
52
- className: "inline-flex items-center"
22
+ className: r.accordionCtn
53
23
  }, /* @__PURE__ */ e.createElement("span", {
54
- className: f
55
- }, /* @__PURE__ */ e.createElement(l, {
56
- name: d,
57
- className: "inline-block h-fit relative top-[3px] mr-1"
58
- }), a, n && /* @__PURE__ */ e.createElement(p, {
59
- label: i,
60
- type: "primary",
61
- size: "sm",
62
- onClick: m,
63
- className: `${g} ml-2 alert-btn`
64
- })))), c && /* @__PURE__ */ e.createElement(l, {
65
- name: w,
66
- className: r.closeIconCtn,
67
- onClick: b
68
- }));
24
+ className: "title text-[var(--color-gray-900)]"
25
+ }, "Get Started"), /* @__PURE__ */ e.createElement(s, {
26
+ name: "chevron-down",
27
+ className: `${r.icon} ${n ? "rotate-180" : ""}`,
28
+ onClick: d
29
+ })), /* @__PURE__ */ e.createElement("div", {
30
+ className: "mt-[12px]"
31
+ }, /* @__PURE__ */ e.createElement(x, {
32
+ totalTasks: a.length,
33
+ completedTasks: a.filter((t) => t.isComplete).length,
34
+ progressBarCtnClassName: "get-started-progress-bar-ctn"
35
+ })), /* @__PURE__ */ e.createElement("div", {
36
+ ref: o,
37
+ className: r.gettingStartedWidgetContent,
38
+ style: {
39
+ maxHeight: n ? `${(c = o.current) == null ? void 0 : c.scrollHeight}px` : "0px"
40
+ }
41
+ }, a.map((t, m) => /* @__PURE__ */ e.createElement("div", {
42
+ key: m,
43
+ className: r.actionItemCtn
44
+ }, /* @__PURE__ */ e.createElement(s, {
45
+ name: t.isComplete ? "checked-circle-green" : "checked-circle-disabled"
46
+ }), /* @__PURE__ */ e.createElement("span", {
47
+ className: t.isComplete ? "text-[var(--color-gray-500)]" : "text-[var(--color-gray-900)] cursor-pointer",
48
+ onClick: t == null ? void 0 : t.handleActionItemClick
49
+ }, t.label)))));
69
50
  };
70
51
  export {
71
- I as MessageBar,
72
- I as default
52
+ v as GetStartedWidget,
53
+ v as default
73
54
  };
74
55
  //# sourceMappingURL=index38.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index38.js","sources":["../src/components/MessageBar/index.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { Map } from 'src/utils/common.types';\nimport { Icon } from '../Icon';\nimport { Button } from '../Button';\nimport './style.scss';\n\nexport interface MessageBarProps {\n messageBarCtnClassName?: string;\n messageBarType: 'info' | 'alert' | 'nudge';\n message: string;\n hasCloseIcon?: boolean;\n hasButton?: boolean,\n buttonLabel: string | '',\n buttonOnClick?: () => void,\n handleClose?: () => void,\n}\n\nconst classNames: Map = {\n messageBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2\",\n messageCtn: \"flex items-center justify-center gap-2 flex-wrap px-4 pr-12\",\n info: \"bg-[var(--color-yellow-50)]\",\n alert: \"bg-[var(--color-red-500)]\",\n nudge: \"bg-[var(--color-blue-500)]\",\n infoMessage: \"text-[var(--color-yellow-700)] text-center\", \n alertMessage: \"text-[var(--color-white)] text-center\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n customInfoClassBtn: \"bg-[var(--color-yellow-50)] text-[var(--color-yellow-700)] hover:bg-[var(--color-yellow-50)] border border-[var(--color-yellow-700)] hover:border-[var(--color-yellow-900)]\",\n customAlertClassBtn: \"bg-[var(--color-red-500)] text-[var(--color-white)] hover:bg-[var(--color-red-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]\",\n customNudgeClassBtn: \"bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]\",\n};\n\nexport const MessageBar: FC<MessageBarProps> = ({\n messageBarCtnClassName = \"\",\n messageBarType = 'info',\n message = '',\n hasCloseIcon = false,\n hasButton = false,\n buttonLabel = '',\n buttonOnClick = () => {},\n handleClose = () => {},\n}) => {\n const [visible, setVisible] = useState(true);\n\n const handleClickOnCloseIcon = React.useCallback(() => {\n setVisible(false);\n const timer = setTimeout(() => {\n handleClose?.();\n }, 300);\n return () => clearTimeout(timer);\n }, [handleClose]);\n\n const messageClass = messageBarType === 'info' ? classNames.infoMessage : classNames.alertMessage;\n \n const buttonClassName = React.useMemo(() => {\n switch(messageBarType) {\n case 'info': return classNames.customInfoClassBtn;\n case 'alert': return classNames.customAlertClassBtn;\n case 'nudge': return classNames.customNudgeClassBtn;\n default: return '';\n }\n }, [messageBarType]);\n\n const iconName = messageBarType === 'info' ? \"info-brown\" : \"info-white\";\n const closeIconName = messageBarType === 'info' ? \"close\" : \"white-close\";\n\n return (\n <div className={`se-design-message-bar ${messageBarCtnClassName} ${classNames.messageBarCtn} ${classNames[messageBarType]} ${visible ? \"show\" : \"hide\"}`}>\n <div className={classNames.messageCtn}>\n <div className=\"inline-flex items-center\">\n <span className={messageClass}>\n <Icon name={iconName} className=\"inline-block h-fit relative top-[3px] mr-1\"/>\n {message}\n {hasButton && (\n <Button \n label={buttonLabel} \n type='primary' \n size=\"sm\" \n onClick={buttonOnClick}\n className={`${buttonClassName} ml-2 alert-btn`}\n />\n )}\n </span>\n </div>\n </div>\n {hasCloseIcon && (\n <Icon \n name={closeIconName} \n className={classNames.closeIconCtn} \n onClick={handleClickOnCloseIcon} \n />\n )}\n </div>\n );\n};\n\nexport default MessageBar;"],"names":["React__default","useState","Icon","Button","classNames","messageBarCtn","messageCtn","info","alert","nudge","infoMessage","alertMessage","closeIconCtn","customInfoClassBtn","customAlertClassBtn","customNudgeClassBtn","MessageBar","messageBarCtnClassName","messageBarType","message","hasCloseIcon","hasButton","buttonLabel","buttonOnClick","handleClose","visible","setVisible","handleClickOnCloseIcon","React","useCallback","timer","setTimeout","clearTimeout","messageClass","buttonClassName","useMemo","iconName","closeIconName","createElement","className","name","label","type","size","onClick"],"mappings":"AAiBA,OAAAA,KAAA,YAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,aAAa;AAAA,EACbC,cAAc;AAAA,EACdC,cAAc;AAAA,EACdC,oBAAoB;AAAA,EACpBC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAEaC,IAAkCA,CAAC;AAAA,EAC9CC,wBAAAA,IAAyB;AAAA,EACzBC,gBAAAA,IAAiB;AAAA,EACjBC,SAAAA,IAAU;AAAA,EACVC,cAAAA,IAAe;AAAA,EACfC,WAAAA,IAAY;AAAA,EACZC,aAAAA,IAAc;AAAA,EACdC,eAAAA,IAAgBA,MAAM;AAAA,EAAC;AAAA,EACvBC,aAAAA,IAAcA,MAAM;AAAA,EAAA;AACtB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIzB,EAAS,EAAI,GAErC0B,IAAyBC,EAAMC,YAAY,MAAM;AACrDH,IAAAA,EAAW,EAAK;AACVI,UAAAA,IAAQC,WAAW,MAAM;AACf,MAAAP,KAAA,QAAAA;AAAA,OACb,GAAG;AACC,WAAA,MAAMQ,aAAaF,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAW,CAAC,GAEVS,IAAef,MAAmB,SAASd,EAAWM,cAAcN,EAAWO,cAE/EuB,IAAkBN,EAAMO,QAAQ,MAAM;AAC1C,YAAOjB,GAAc;AAAA,MACnB,KAAK;AAAQ,eAAOd,EAAWS;AAAAA,MAC/B,KAAK;AAAS,eAAOT,EAAWU;AAAAA,MAChC,KAAK;AAAS,eAAOV,EAAWW;AAAAA,MAChC;AAAgB,eAAA;AAAA,IAAA;AAAA,EAClB,GACC,CAACG,CAAc,CAAC,GAEbkB,IAAWlB,MAAmB,SAAS,eAAe,cACtDmB,IAAgBnB,MAAmB,SAAS,UAAU;AAG1DU,SAAAA,gBAAAA,EAAAU,cAAA,OAAA;AAAA,IAAKC,WAAW,yBAAyBtB,CAAsB,IAAIb,EAAWC,aAAa,IAAID,EAAWc,CAAc,CAAC,IAAIO,IAAU,SAAS,MAAM;AAAA,EAAA,GACpJa,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWnC,EAAWE;AAAAA,EAAAA,GACzBgC,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWN;AAAAA,EAAAA,GACfK,gBAAAA,EAAAA,cAACpC,GAAI;AAAA,IAACsC,MAAMJ;AAAAA,IAAUG,WAAU;AAAA,EAA6C,CAAA,GAC5EpB,GACAE,KACCO,gBAAAA,EAAAU,cAACnC,GAAM;AAAA,IACLsC,OAAOnB;AAAAA,IACPoB,MAAK;AAAA,IACLC,MAAK;AAAA,IACLC,SAASrB;AAAAA,IACTgB,WAAW,GAAGL,CAAe;AAAA,EAAA,CAC9B,CAEC,CACH,CACF,GACJd,KACCQ,gBAAAA,EAAAU,cAACpC,GAAI;AAAA,IACHsC,MAAMH;AAAAA,IACNE,WAAWnC,EAAWQ;AAAAA,IACtBgC,SAASjB;AAAAA,EAAAA,CACV,CAEA;AAET;"}
1
+ {"version":3,"file":"index38.js","sources":["../src/components/GetStartedWidget/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Map } from \"../../utils/common.types\";\nimport { ProgressBar } from \"../ProgressBar\";\nimport \"./style.scss\";\n\nexport interface GetStartedWidgetProps {\n widgetClassName?: string;\n actionItems: {\n label: string;\n isComplete?: boolean;\n handleActionItemClick: () => void;\n }[];\n}\n\nconst className: Map = {\n gettingStartedWidgetCtn: \"border border-[var(--color-gray-200)] rounded-[12px] w-[385px] p-4\",\n accordionCtn: \"flex items-center justify-between\",\n gettingStartedWidgetContent: \"overflow-hidden transition-all duration-300\",\n icon: \"transition-transform duration-300 cursor-pointer\",\n actionItemCtn: \"flex items-center gap-2 mt-[4px] mb-[10px]\"\n};\n\nexport const GetStartedWidget: FC<GetStartedWidgetProps> = ({\n widgetClassName = \"\",\n actionItems = []\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const toggleAccordion = () => {\n setIsExpanded(!isExpanded);\n };\n\n return (\n <div className={`${className.gettingStartedWidgetCtn} ${widgetClassName} getting-started-widget-ctn`}>\n <div className={className.accordionCtn}>\n <span className=\"title text-[var(--color-gray-900)]\">Get Started</span>\n <Icon name=\"chevron-down\" className={`${className.icon} ${isExpanded ? \"rotate-180\" : \"\"}`} onClick={toggleAccordion} />\n </div>\n <div className=\"mt-[12px]\">\n <ProgressBar totalTasks={actionItems.length} \n completedTasks={actionItems.filter(item => item.isComplete).length} \n progressBarCtnClassName=\"get-started-progress-bar-ctn\"/>\n </div>\n <div\n ref={contentRef}\n className={className.gettingStartedWidgetContent}\n style={{\n maxHeight: isExpanded ? `${contentRef.current?.scrollHeight}px` : \"0px\",\n }}\n >\n {actionItems.map((item, index) => (\n <div key={index} className={className.actionItemCtn}>\n <Icon name={item.isComplete ? \"checked-circle-green\" : \"checked-circle-disabled\"} />\n <span className={item.isComplete ? \"text-[var(--color-gray-500)]\" : \"text-[var(--color-gray-900)] cursor-pointer\"} onClick={item?.handleActionItemClick}>\n {item.label}\n </span>\n </div>\n ))}\n </div>\n </div>\n );\n};\n\nexport default GetStartedWidget;"],"names":["React__default","useState","useRef","Icon","ProgressBar","className","gettingStartedWidgetCtn","accordionCtn","gettingStartedWidgetContent","icon","actionItemCtn","GetStartedWidget","widgetClassName","actionItems","_a","isExpanded","setIsExpanded","contentRef","toggleAccordion","React","createElement","name","onClick","totalTasks","length","completedTasks","filter","item","isComplete","progressBarCtnClassName","ref","style","maxHeight","current","scrollHeight","map","index","key","handleActionItemClick","label"],"mappings":"AAeA,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAiB;AAAA,EACrBC,yBAAyB;AAAA,EACzBC,cAAc;AAAA,EACdC,6BAA6B;AAAA,EAC7BC,MAAM;AAAA,EACNC,eAAe;AACjB,GAEaC,IAA8CA,CAAC;AAAA,EAC1DC,iBAAAA,IAAkB;AAAA,EAClBC,aAAAA,IAAc,CAAA;AAChB,MAAM;AAXN,MAAAC;AAYE,QAAM,CAACC,GAAYC,CAAa,IAAIf,EAAS,EAAK,GAC5CgB,IAAaf,EAAuB,IAAI,GAExCgB,IAAkBA,MAAM;AAC5BF,IAAAA,EAAc,CAACD,CAAU;AAAA,EAC3B;AAGEI,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKf,WAAW,GAAGA,EAAUC,uBAAuB,IAAIM,CAAe;AAAA,EAAA,GACrEQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKf,WAAWA,EAAUE;AAAAA,EAAAA,GACxBa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMf,WAAU;AAAA,EAAqC,GAAA,aAAiB,GACtEc,gBAAAA,EAAAC,cAACjB,GAAI;AAAA,IAACkB,MAAK;AAAA,IAAehB,WAAW,GAAGA,EAAUI,IAAI,IAAIM,IAAa,eAAe,EAAE;AAAA,IAAIO,SAASJ;AAAAA,EAAkB,CAAA,CACpH,GACLC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKf,WAAU;AAAA,EAAA,GACbe,gBAAAA,EAAAA,cAAChB,GAAW;AAAA,IAACmB,YAAYV,EAAYW;AAAAA,IACrCC,gBAAgBZ,EAAYa,OAAOC,CAAQA,MAAAA,EAAKC,UAAU,EAAEJ;AAAAA,IAC5DK,yBAAwB;AAAA,EAA+B,CAAA,CACpD,GACLV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEU,KAAKb;AAAAA,IACLZ,WAAWA,EAAUG;AAAAA,IACrBuB,OAAO;AAAA,MACLC,WAAWjB,IAAa,IAAGE,IAAAA,EAAWgB,YAAXhB,gBAAAA,EAAoBiB,YAAY,OAAO;AAAA,IAAA;AAAA,EACpE,GAECrB,EAAYsB,IAAI,CAACR,GAAMS,MACtBjB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKiB,KAAKD;AAAAA,IAAO/B,WAAWA,EAAUK;AAAAA,EAAAA,GACpCU,gBAAAA,EAAAA,cAACjB,GAAI;AAAA,IAACkB,MAAMM,EAAKC,aAAa,yBAAyB;AAAA,EAAA,CAA4B,GACnFR,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMf,WAAWsB,EAAKC,aAAa,iCAAiC;AAAA,IAA+CN,SAASK,KAAAA,gBAAAA,EAAMW;AAAAA,KAC/HX,EAAKY,KACF,CACH,CACN,CACE,CACF;AAET;"}
package/dist/index39.js CHANGED
@@ -1,69 +1,74 @@
1
- var v = Object.defineProperty;
2
- var n = Object.getOwnPropertySymbols;
3
- var x = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
4
- var i = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, l = (r, e) => {
5
- for (var t in e || (e = {}))
6
- x.call(e, t) && i(r, t, e[t]);
7
- if (n)
8
- for (var t of n(e))
9
- w.call(e, t) && i(r, t, e[t]);
10
- return r;
11
- };
12
- import a, { useState as b, useEffect as E } from "react";
13
- import { Icon as m } from "./index4.js";
1
+ import e, { useState as x } from "react";
2
+ import { Icon as l } from "./index4.js";
3
+ import { Button as p } from "./index3.js";
14
4
  /* empty css */
15
- const s = {
16
- toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]",
17
- success: "linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)",
18
- error: "linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)",
19
- info: "var(--color-gray-700)",
20
- toastMessageCtn: "flex items-center gap-2",
21
- toastMessage: "text-[var(--color-white)] text-center word-break",
22
- closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1"
23
- }, M = ({
24
- toastBarCtnClassName: r = "",
25
- type: e,
26
- message: t = "",
27
- shouldAutoClose: u = !1,
28
- delay: d = 5e3,
29
- onClose: o = () => {
5
+ const r = {
6
+ messageBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2",
7
+ messageCtn: "flex items-center justify-center gap-2 flex-wrap px-4 pr-12",
8
+ info: "bg-[var(--color-yellow-50)]",
9
+ alert: "bg-[var(--color-red-500)]",
10
+ nudge: "bg-[var(--color-blue-500)]",
11
+ infoMessage: "text-[var(--color-yellow-700)] text-center",
12
+ alertMessage: "text-[var(--color-white)] text-center",
13
+ closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1",
14
+ customInfoClassBtn: "bg-[var(--color-yellow-50)] text-[var(--color-yellow-700)] hover:bg-[var(--color-yellow-50)] border border-[var(--color-yellow-700)] hover:border-[var(--color-yellow-900)]",
15
+ customAlertClassBtn: "bg-[var(--color-red-500)] text-[var(--color-white)] hover:bg-[var(--color-red-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]",
16
+ customNudgeClassBtn: "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]"
17
+ }, I = ({
18
+ messageBarCtnClassName: s = "",
19
+ messageBarType: o = "info",
20
+ message: a = "",
21
+ hasCloseIcon: c = !1,
22
+ hasButton: n = !1,
23
+ buttonLabel: i = "",
24
+ buttonOnClick: m = () => {
30
25
  },
31
- containerStyle: f = {}
26
+ handleClose: t = () => {
27
+ }
32
28
  }) => {
33
- const [g, p] = b(!0);
34
- E(() => {
35
- if (u) {
36
- const h = setTimeout(() => {
37
- c();
38
- }, d);
39
- return () => clearTimeout(h);
40
- }
41
- }, []);
42
- const c = () => {
43
- setTimeout(() => {
44
- p(!1), setTimeout(() => {
45
- o == null || o();
46
- }, 300);
29
+ const [u, v] = x(!0), b = e.useCallback(() => {
30
+ v(!1);
31
+ const h = setTimeout(() => {
32
+ t == null || t();
47
33
  }, 300);
48
- };
49
- return /* @__PURE__ */ a.createElement("div", {
50
- className: `se-design-toast-bar ${r} ${s.toastBarCtn} ${g ? "show" : "hide"}`,
51
- style: l({
52
- background: s[e]
53
- }, f)
54
- }, /* @__PURE__ */ a.createElement("div", {
55
- className: s.toastMessageCtn
56
- }, /* @__PURE__ */ a.createElement(m, {
57
- name: e === "info" ? "info-white" : "checked-circle-white"
58
- }), /* @__PURE__ */ a.createElement("span", {
59
- className: s.toastMessage
60
- }, t)), /* @__PURE__ */ a.createElement(m, {
61
- name: "white-close",
62
- className: s.closeIconCtn,
63
- onClick: c
34
+ return () => clearTimeout(h);
35
+ }, [t]), f = o === "info" ? r.infoMessage : r.alertMessage, g = e.useMemo(() => {
36
+ switch (o) {
37
+ case "info":
38
+ return r.customInfoClassBtn;
39
+ case "alert":
40
+ return r.customAlertClassBtn;
41
+ case "nudge":
42
+ return r.customNudgeClassBtn;
43
+ default:
44
+ return "";
45
+ }
46
+ }, [o]), d = o === "info" ? "info-brown" : "info-white", w = o === "info" ? "close" : "white-close";
47
+ return /* @__PURE__ */ e.createElement("div", {
48
+ className: `se-design-message-bar ${s} ${r.messageBarCtn} ${r[o]} ${u ? "show" : "hide"}`
49
+ }, /* @__PURE__ */ e.createElement("div", {
50
+ className: r.messageCtn
51
+ }, /* @__PURE__ */ e.createElement("div", {
52
+ className: "inline-flex items-center"
53
+ }, /* @__PURE__ */ e.createElement("span", {
54
+ className: f
55
+ }, /* @__PURE__ */ e.createElement(l, {
56
+ name: d,
57
+ className: "inline-block h-fit relative top-[3px] mr-1"
58
+ }), a, n && /* @__PURE__ */ e.createElement(p, {
59
+ label: i,
60
+ type: "primary",
61
+ size: "sm",
62
+ onClick: m,
63
+ className: `${g} ml-2 alert-btn`
64
+ })))), c && /* @__PURE__ */ e.createElement(l, {
65
+ name: w,
66
+ className: r.closeIconCtn,
67
+ onClick: b
64
68
  }));
65
69
  };
66
70
  export {
67
- M as ToastBar
71
+ I as MessageBar,
72
+ I as default
68
73
  };
69
74
  //# sourceMappingURL=index39.js.map
@@ -1 +1 @@
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 type: \"success\" | \"error\" | \"info\";\n message: string;\n shouldAutoClose?: boolean;\n delay?: number;\n onClose?: () => void;\n containerStyle?: React.CSSProperties;\n}\n\nconst classNames: Map = {\n toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]\",\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 type,\n message = \"\",\n shouldAutoClose = false,\n delay = 5000,\n onClose = () => {},\n containerStyle = {}\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[type], ...containerStyle }}\n >\n <div className={classNames.toastMessageCtn} >\n <Icon name={type === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n <span className={classNames.toastMessage}>{message}</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","type","message","shouldAutoClose","delay","onClose","containerStyle","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","__spreadValues","background","name","onClick"],"mappings":";;;;;;;;;;;AAeA,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,MAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAC;AAAA,EACjBC,gBAAAA,IAAiB,CAAA;AACnB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIpB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIc,GAAiB;AACbM,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXP,CAAK;AACD,aAAA,MAAMQ,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAL,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBf,CAAoB,IAAIT,EAAWC,WAAW,IAAIe,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAOC,EAAA;AAAA,MAAEC,YAAY3B,EAAWU,CAAI;AAAA,OAAMK;AAAAA,EAAe,GAEzDQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWxB,EAAWK;AAAAA,EAAAA,GACzBkB,gBAAAA,EAAAA,cAACxB,GAAI;AAAA,IAAC6B,MAAMlB,MAAS,SAAS,eAAe;AAAA,EAAA,CAAyB,GACtEa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWM;AAAAA,KAAeK,CAAc,CACtD,GACLW,gBAAAA,EAAAC,cAACxB,GAAI;AAAA,IAAC6B,MAAK;AAAA,IAAcJ,WAAWxB,EAAWO;AAAAA,IAAcsB,SAAST;AAAAA,EAAAA,CAAc,CACjF;AAET;"}
1
+ {"version":3,"file":"index39.js","sources":["../src/components/MessageBar/index.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { Map } from 'src/utils/common.types';\nimport { Icon } from '../Icon';\nimport { Button } from '../Button';\nimport './style.scss';\n\nexport interface MessageBarProps {\n messageBarCtnClassName?: string;\n messageBarType: 'info' | 'alert' | 'nudge';\n message: string;\n hasCloseIcon?: boolean;\n hasButton?: boolean,\n buttonLabel: string | '',\n buttonOnClick?: () => void,\n handleClose?: () => void,\n}\n\nconst classNames: Map = {\n messageBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2\",\n messageCtn: \"flex items-center justify-center gap-2 flex-wrap px-4 pr-12\",\n info: \"bg-[var(--color-yellow-50)]\",\n alert: \"bg-[var(--color-red-500)]\",\n nudge: \"bg-[var(--color-blue-500)]\",\n infoMessage: \"text-[var(--color-yellow-700)] text-center\", \n alertMessage: \"text-[var(--color-white)] text-center\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n customInfoClassBtn: \"bg-[var(--color-yellow-50)] text-[var(--color-yellow-700)] hover:bg-[var(--color-yellow-50)] border border-[var(--color-yellow-700)] hover:border-[var(--color-yellow-900)]\",\n customAlertClassBtn: \"bg-[var(--color-red-500)] text-[var(--color-white)] hover:bg-[var(--color-red-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]\",\n customNudgeClassBtn: \"bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]\",\n};\n\nexport const MessageBar: FC<MessageBarProps> = ({\n messageBarCtnClassName = \"\",\n messageBarType = 'info',\n message = '',\n hasCloseIcon = false,\n hasButton = false,\n buttonLabel = '',\n buttonOnClick = () => {},\n handleClose = () => {},\n}) => {\n const [visible, setVisible] = useState(true);\n\n const handleClickOnCloseIcon = React.useCallback(() => {\n setVisible(false);\n const timer = setTimeout(() => {\n handleClose?.();\n }, 300);\n return () => clearTimeout(timer);\n }, [handleClose]);\n\n const messageClass = messageBarType === 'info' ? classNames.infoMessage : classNames.alertMessage;\n \n const buttonClassName = React.useMemo(() => {\n switch(messageBarType) {\n case 'info': return classNames.customInfoClassBtn;\n case 'alert': return classNames.customAlertClassBtn;\n case 'nudge': return classNames.customNudgeClassBtn;\n default: return '';\n }\n }, [messageBarType]);\n\n const iconName = messageBarType === 'info' ? \"info-brown\" : \"info-white\";\n const closeIconName = messageBarType === 'info' ? \"close\" : \"white-close\";\n\n return (\n <div className={`se-design-message-bar ${messageBarCtnClassName} ${classNames.messageBarCtn} ${classNames[messageBarType]} ${visible ? \"show\" : \"hide\"}`}>\n <div className={classNames.messageCtn}>\n <div className=\"inline-flex items-center\">\n <span className={messageClass}>\n <Icon name={iconName} className=\"inline-block h-fit relative top-[3px] mr-1\"/>\n {message}\n {hasButton && (\n <Button \n label={buttonLabel} \n type='primary' \n size=\"sm\" \n onClick={buttonOnClick}\n className={`${buttonClassName} ml-2 alert-btn`}\n />\n )}\n </span>\n </div>\n </div>\n {hasCloseIcon && (\n <Icon \n name={closeIconName} \n className={classNames.closeIconCtn} \n onClick={handleClickOnCloseIcon} \n />\n )}\n </div>\n );\n};\n\nexport default MessageBar;"],"names":["React__default","useState","Icon","Button","classNames","messageBarCtn","messageCtn","info","alert","nudge","infoMessage","alertMessage","closeIconCtn","customInfoClassBtn","customAlertClassBtn","customNudgeClassBtn","MessageBar","messageBarCtnClassName","messageBarType","message","hasCloseIcon","hasButton","buttonLabel","buttonOnClick","handleClose","visible","setVisible","handleClickOnCloseIcon","React","useCallback","timer","setTimeout","clearTimeout","messageClass","buttonClassName","useMemo","iconName","closeIconName","createElement","className","name","label","type","size","onClick"],"mappings":"AAiBA,OAAAA,KAAA,YAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,aAAa;AAAA,EACbC,cAAc;AAAA,EACdC,cAAc;AAAA,EACdC,oBAAoB;AAAA,EACpBC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAEaC,IAAkCA,CAAC;AAAA,EAC9CC,wBAAAA,IAAyB;AAAA,EACzBC,gBAAAA,IAAiB;AAAA,EACjBC,SAAAA,IAAU;AAAA,EACVC,cAAAA,IAAe;AAAA,EACfC,WAAAA,IAAY;AAAA,EACZC,aAAAA,IAAc;AAAA,EACdC,eAAAA,IAAgBA,MAAM;AAAA,EAAC;AAAA,EACvBC,aAAAA,IAAcA,MAAM;AAAA,EAAA;AACtB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIzB,EAAS,EAAI,GAErC0B,IAAyBC,EAAMC,YAAY,MAAM;AACrDH,IAAAA,EAAW,EAAK;AACVI,UAAAA,IAAQC,WAAW,MAAM;AACf,MAAAP,KAAA,QAAAA;AAAA,OACb,GAAG;AACC,WAAA,MAAMQ,aAAaF,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAW,CAAC,GAEVS,IAAef,MAAmB,SAASd,EAAWM,cAAcN,EAAWO,cAE/EuB,IAAkBN,EAAMO,QAAQ,MAAM;AAC1C,YAAOjB,GAAc;AAAA,MACnB,KAAK;AAAQ,eAAOd,EAAWS;AAAAA,MAC/B,KAAK;AAAS,eAAOT,EAAWU;AAAAA,MAChC,KAAK;AAAS,eAAOV,EAAWW;AAAAA,MAChC;AAAgB,eAAA;AAAA,IAAA;AAAA,EAClB,GACC,CAACG,CAAc,CAAC,GAEbkB,IAAWlB,MAAmB,SAAS,eAAe,cACtDmB,IAAgBnB,MAAmB,SAAS,UAAU;AAG1DU,SAAAA,gBAAAA,EAAAU,cAAA,OAAA;AAAA,IAAKC,WAAW,yBAAyBtB,CAAsB,IAAIb,EAAWC,aAAa,IAAID,EAAWc,CAAc,CAAC,IAAIO,IAAU,SAAS,MAAM;AAAA,EAAA,GACpJa,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWnC,EAAWE;AAAAA,EAAAA,GACzBgC,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWN;AAAAA,EAAAA,GACfK,gBAAAA,EAAAA,cAACpC,GAAI;AAAA,IAACsC,MAAMJ;AAAAA,IAAUG,WAAU;AAAA,EAA6C,CAAA,GAC5EpB,GACAE,KACCO,gBAAAA,EAAAU,cAACnC,GAAM;AAAA,IACLsC,OAAOnB;AAAAA,IACPoB,MAAK;AAAA,IACLC,MAAK;AAAA,IACLC,SAASrB;AAAAA,IACTgB,WAAW,GAAGL,CAAe;AAAA,EAAA,CAC9B,CAEC,CACH,CACF,GACJd,KACCQ,gBAAAA,EAAAU,cAACpC,GAAI;AAAA,IACHsC,MAAMH;AAAAA,IACNE,WAAWnC,EAAWQ;AAAAA,IACtBgC,SAASjB;AAAAA,EAAAA,CACV,CAEA;AAET;"}
package/dist/index4.js CHANGED
@@ -1,72 +1,72 @@
1
- import l from "./index45.js";
2
- import n from "./index46.js";
3
- import f from "./index47.js";
4
- import b from "./index48.js";
5
- import p from "./index49.js";
6
- import d from "./index50.js";
7
- import h from "./index51.js";
8
- import k from "./index52.js";
9
- import u from "./index53.js";
10
- import x from "./index54.js";
11
- import w from "./index55.js";
12
- import A from "./index56.js";
13
- import I from "./index57.js";
14
- import C from "./index58.js";
15
- import E from "./index59.js";
16
- import F from "./index60.js";
17
- import N from "./index61.js";
18
- import $ from "./index62.js";
19
- import O from "./index63.js";
20
- import R from "./index64.js";
21
- import j from "./index65.js";
22
- import y from "./index66.js";
23
- import M from "./index67.js";
24
- import P from "./index68.js";
25
- import S from "./index69.js";
26
- import G from "./index70.js";
27
- import T from "./index71.js";
28
- import V from "./index72.js";
29
- import q from "./index73.js";
30
- import z from "./index74.js";
31
- import B from "./index75.js";
32
- import D from "./index76.js";
33
- import H from "./index77.js";
34
- import J from "./index78.js";
35
- import K from "./index79.js";
36
- import L from "./index80.js";
37
- import Q from "./index81.js";
38
- import U from "./index82.js";
39
- import W from "./index83.js";
40
- import X from "./index84.js";
41
- import Y from "./index85.js";
42
- import Z from "./index86.js";
43
- import ss from "./index87.js";
44
- import os from "./index88.js";
45
- import _s from "./index89.js";
46
- import ts from "./index90.js";
47
- import is from "./index91.js";
48
- import rs from "./index92.js";
49
- import es from "./index93.js";
50
- import cs from "./index94.js";
51
- import ms from "./index95.js";
52
- import gs from "./index96.js";
53
- import vs from "./index97.js";
54
- import as from "./index98.js";
55
- import ls from "./index99.js";
56
- import ns from "./index100.js";
57
- import fs from "./index101.js";
58
- import bs from "./index102.js";
59
- import ps from "./index103.js";
60
- import ds from "./index104.js";
61
- import hs from "./index105.js";
62
- import ks from "./index106.js";
63
- import us from "./index107.js";
64
- import xs from "./index108.js";
65
- import ws from "./index109.js";
66
- import As from "./index110.js";
67
- import Is from "./index111.js";
1
+ import l from "./index46.js";
2
+ import n from "./index47.js";
3
+ import f from "./index48.js";
4
+ import b from "./index49.js";
5
+ import p from "./index50.js";
6
+ import d from "./index51.js";
7
+ import h from "./index52.js";
8
+ import k from "./index53.js";
9
+ import u from "./index54.js";
10
+ import x from "./index55.js";
11
+ import w from "./index56.js";
12
+ import A from "./index57.js";
13
+ import I from "./index58.js";
14
+ import C from "./index59.js";
15
+ import E from "./index60.js";
16
+ import F from "./index61.js";
17
+ import N from "./index62.js";
18
+ import $ from "./index63.js";
19
+ import O from "./index64.js";
20
+ import R from "./index65.js";
21
+ import j from "./index66.js";
22
+ import y from "./index67.js";
23
+ import M from "./index68.js";
24
+ import P from "./index69.js";
25
+ import S from "./index70.js";
26
+ import G from "./index71.js";
27
+ import T from "./index72.js";
28
+ import V from "./index73.js";
29
+ import q from "./index74.js";
30
+ import z from "./index75.js";
31
+ import B from "./index76.js";
32
+ import D from "./index77.js";
33
+ import H from "./index78.js";
34
+ import J from "./index79.js";
35
+ import K from "./index80.js";
36
+ import L from "./index81.js";
37
+ import Q from "./index82.js";
38
+ import U from "./index83.js";
39
+ import W from "./index84.js";
40
+ import X from "./index85.js";
41
+ import Y from "./index86.js";
42
+ import Z from "./index87.js";
43
+ import ss from "./index88.js";
44
+ import os from "./index89.js";
45
+ import _s from "./index90.js";
46
+ import ts from "./index91.js";
47
+ import is from "./index92.js";
48
+ import rs from "./index93.js";
49
+ import es from "./index94.js";
50
+ import cs from "./index95.js";
51
+ import ms from "./index96.js";
52
+ import gs from "./index97.js";
53
+ import vs from "./index98.js";
54
+ import as from "./index99.js";
55
+ import ls from "./index100.js";
56
+ import ns from "./index101.js";
57
+ import fs from "./index102.js";
58
+ import bs from "./index103.js";
59
+ import ps from "./index104.js";
60
+ import ds from "./index105.js";
61
+ import hs from "./index106.js";
62
+ import ks from "./index107.js";
63
+ import us from "./index108.js";
64
+ import xs from "./index109.js";
65
+ import ws from "./index110.js";
66
+ import As from "./index111.js";
67
+ import Is from "./index112.js";
68
68
  import r from "react";
69
- import { ReactSVG as Cs } from "./index112.js";
69
+ import { ReactSVG as Cs } from "./index113.js";
70
70
  const Es = /* @__PURE__ */ Object.assign({
71
71
  "/src/assets/icons/attachment.svg": l,
72
72
  "/src/assets/icons/back.svg": n,