1mpacto-react-ui 2.0.27 → 2.0.29

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 (122) hide show
  1. package/dist/assets/_typography.scss +16 -16
  2. package/dist/assets/core.css +1 -1
  3. package/dist/assets/style.css +1 -1
  4. package/dist/components/Alert/index.cjs +1 -1
  5. package/dist/components/Alert/index.mjs +55 -51
  6. package/dist/components/Alert/style.module.scss.cjs +1 -1
  7. package/dist/components/Alert/style.module.scss.mjs +12 -11
  8. package/dist/components/Badges/Badges.config.cjs +1 -1
  9. package/dist/components/Badges/Badges.config.mjs +18 -3
  10. package/dist/components/Badges/style.module.scss.cjs +1 -1
  11. package/dist/components/Badges/style.module.scss.mjs +46 -35
  12. package/dist/components/Breadcrumbs/Breadcrumbs.cjs +3 -3
  13. package/dist/components/Breadcrumbs/Breadcrumbs.mjs +38 -36
  14. package/dist/components/Breadcrumbs/style.module.scss.cjs +1 -1
  15. package/dist/components/Breadcrumbs/style.module.scss.mjs +16 -16
  16. package/dist/components/Button/style.module.scss.cjs +1 -1
  17. package/dist/components/Button/style.module.scss.mjs +64 -64
  18. package/dist/components/ButtonIcon/style.module.scss.cjs +1 -1
  19. package/dist/components/ButtonIcon/style.module.scss.mjs +55 -55
  20. package/dist/components/Modal/ModalDialog.cjs +11 -1
  21. package/dist/components/Modal/ModalDialog.config.cjs +1 -1
  22. package/dist/components/Modal/ModalDialog.config.mjs +16 -9
  23. package/dist/components/Modal/ModalDialog.mjs +59 -33
  24. package/dist/components/Modal/style.module.scss.cjs +1 -1
  25. package/dist/components/Modal/style.module.scss.mjs +17 -13
  26. package/dist/components/Pagination/Pagination.cjs +2 -2
  27. package/dist/components/Pagination/Pagination.config.cjs +1 -1
  28. package/dist/components/Pagination/Pagination.config.mjs +4 -3
  29. package/dist/components/Pagination/Pagination.mjs +90 -90
  30. package/dist/components/Pagination/style.module.scss.cjs +1 -1
  31. package/dist/components/Pagination/style.module.scss.mjs +18 -16
  32. package/dist/components/Popover/Popover.config.cjs +1 -1
  33. package/dist/components/Popover/Popover.config.mjs +3 -2
  34. package/dist/components/Popover/style.module.scss.cjs +1 -1
  35. package/dist/components/Popover/style.module.scss.mjs +8 -7
  36. package/dist/components/RadioCheckbox/RadioCheckbox.config.cjs +1 -1
  37. package/dist/components/RadioCheckbox/RadioCheckbox.config.mjs +24 -22
  38. package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.cjs +1 -1
  39. package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs +25 -23
  40. package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.cjs +1 -1
  41. package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.mjs +5 -4
  42. package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.cjs +1 -1
  43. package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.mjs +8 -7
  44. package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs +1 -1
  45. package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.cjs +1 -1
  46. package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.mjs +19 -10
  47. package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs +95 -80
  48. package/dist/components/SelectDropdownContainer/styleConfig.cjs +1 -1
  49. package/dist/components/SelectDropdownContainer/styleConfig.mjs +151 -11
  50. package/dist/components/Sidebar/Sidebar.module.scss.cjs +1 -1
  51. package/dist/components/Sidebar/Sidebar.module.scss.mjs +25 -25
  52. package/dist/components/Step/StepIndicator.cjs +6 -4
  53. package/dist/components/Step/StepIndicator.config.cjs +1 -0
  54. package/dist/components/Step/StepIndicator.config.mjs +12 -0
  55. package/dist/components/Step/StepIndicator.mjs +31 -26
  56. package/dist/components/Step/StepIndicator.module.scss.cjs +1 -1
  57. package/dist/components/Step/StepIndicator.module.scss.mjs +12 -11
  58. package/dist/components/Switch/Switch.config.cjs +1 -1
  59. package/dist/components/Switch/Switch.config.mjs +6 -3
  60. package/dist/components/Switch/style.module.scss.cjs +1 -1
  61. package/dist/components/Switch/style.module.scss.mjs +18 -15
  62. package/dist/components/Tabs/Tabs.config.cjs +1 -1
  63. package/dist/components/Tabs/Tabs.config.mjs +13 -6
  64. package/dist/components/Tabs/style.module.scss.cjs +1 -1
  65. package/dist/components/Tabs/style.module.scss.mjs +29 -23
  66. package/dist/components/Textarea/TextareaFloatingInner.module.scss.cjs +1 -1
  67. package/dist/components/Textarea/TextareaFloatingInner.module.scss.mjs +12 -12
  68. package/dist/components/fin/Chat/BubbleChat.cjs +1 -0
  69. package/dist/components/fin/Chat/BubbleChat.mjs +20 -0
  70. package/dist/components/fin/Chat/BubbleChatOption.cjs +1 -0
  71. package/dist/components/fin/Chat/BubbleChatOption.mjs +70 -0
  72. package/dist/components/fin/Chat/BubbleChatUser.cjs +1 -0
  73. package/dist/components/fin/Chat/BubbleChatUser.mjs +15 -0
  74. package/dist/components/fin/Chat/Icons.cjs +1 -0
  75. package/dist/components/fin/Chat/Icons.mjs +44 -0
  76. package/dist/components/fin/Chat/style.module.scss.cjs +1 -0
  77. package/dist/components/fin/Chat/style.module.scss.mjs +27 -0
  78. package/dist/config/components/typography.cjs +1 -1
  79. package/dist/config/components/typography.mjs +40 -6
  80. package/dist/config/tailwind/typography.cjs +1 -1
  81. package/dist/config/tailwind/typography.mjs +20 -20
  82. package/dist/index.cjs +1 -1
  83. package/dist/index.mjs +86 -80
  84. package/dist/package.json.cjs +1 -1
  85. package/dist/package.json.d.ts +1 -1
  86. package/dist/package.json.mjs +1 -1
  87. package/dist/src/components/Badges/Badges.config.d.ts +15 -0
  88. package/dist/src/components/Modal/ModalDialog.config.d.ts +8 -0
  89. package/dist/src/components/Modal/ModalDialog.d.ts +1 -1
  90. package/dist/src/components/Modal/ModalDialog.stories.d.ts +17 -1
  91. package/dist/src/components/Pagination/Pagination.config.d.ts +1 -0
  92. package/dist/src/components/Pagination/Pagination.d.ts +1 -1
  93. package/dist/src/components/Pagination/Pagination.stories.d.ts +14 -1
  94. package/dist/src/components/Popover/Popover.config.d.ts +1 -0
  95. package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +2 -0
  96. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +1 -0
  97. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +10 -0
  98. package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +2 -0
  99. package/dist/src/components/Step/StepIndicator.config.d.ts +18 -0
  100. package/dist/src/components/Step/StepIndicator.d.ts +1 -1
  101. package/dist/src/components/Step/StepIndicator.stories.d.ts +30 -1
  102. package/dist/src/components/Switch/Switch.config.d.ts +3 -0
  103. package/dist/src/components/Tabs/Tabs.config.d.ts +7 -1
  104. package/dist/src/components/fin/Chat/BubbleChat.d.ts +3 -0
  105. package/dist/src/components/fin/Chat/BubbleChatOption.d.ts +3 -0
  106. package/dist/src/components/fin/Chat/BubbleChatUser.d.ts +3 -0
  107. package/dist/src/components/fin/Chat/Icons.d.ts +5 -0
  108. package/dist/src/components/fin/index.d.ts +4 -0
  109. package/dist/src/components/index.d.ts +4 -2
  110. package/dist/src/config/components/typography.d.ts +1 -1
  111. package/dist/src/interfaces/components/Badges/index.d.ts +6 -1
  112. package/dist/src/interfaces/components/Modal/index.d.ts +5 -0
  113. package/dist/src/interfaces/components/Pagination/index.d.ts +6 -1
  114. package/dist/src/interfaces/components/Popover/index.d.ts +1 -1
  115. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +1 -1
  116. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +1 -1
  117. package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +7 -1
  118. package/dist/src/interfaces/components/Step/index.d.ts +13 -2
  119. package/dist/src/interfaces/components/Switch/index.d.ts +1 -1
  120. package/dist/src/interfaces/components/Tabs/index.d.ts +2 -2
  121. package/dist/src/interfaces/components/fin/Chat/index.d.ts +39 -0
  122. package/package.json +1 -1
@@ -1,65 +1,70 @@
1
1
  import { jsxs as $, jsx as d } from "react/jsx-runtime";
2
- import s from "./StepIndicator.module.scss.mjs";
3
- function g(r, i) {
2
+ import { configStepIndicator as h } from "./StepIndicator.config.mjs";
3
+ import i from "./StepIndicator.module.scss.mjs";
4
+ function N(r, l) {
4
5
  if (r <= 0)
5
6
  return "0px";
6
7
  if (r === 1)
7
8
  return "100%";
8
- const e = r - 1;
9
- return `calc((100% - (${i} * ${e})) / ${r})`;
9
+ const s = r - 1;
10
+ return `calc((100% - (${l} * ${s})) / ${r})`;
10
11
  }
11
- const y = ({
12
+ const w = ({
12
13
  activeStep: r = 0,
13
- countStep: i = 0,
14
- classNameActiveStepIndicator: e = "",
15
- classNameContainer: h = "",
14
+ countStep: l = 0,
15
+ classNameActiveStepIndicator: s = "",
16
+ classNameContainer: n = "",
16
17
  classNameDesc: a = "",
17
- classNameStepIndicator: n = "",
18
- id: c = "1ru-step-indicator",
19
- locationStepIndicator: l = "right",
20
- widthStepIndicator: x = 120,
18
+ classNameStepIndicator: c = "",
19
+ id: u = "1ru-step-indicator",
20
+ locationStepIndicator: e = "right",
21
+ widthStepIndicator: g = 120,
21
22
  dynamicWidthStepIndicator: f = !1,
22
23
  gapStepIndicator: t = "2px",
23
- classNameStepIndicatorContainer: u = ""
24
+ classNameStepIndicatorContainer: o = "",
25
+ variant: x = "laba-green-08",
26
+ borderRadius: p = "full"
24
27
  }) => /* @__PURE__ */ $(
25
28
  "div",
26
29
  {
27
- id: c,
28
- className: `${s["container-step-indicator"]}
29
- ${l === "left" ? s.left : s.right} ${h || ""}`,
30
+ id: u,
31
+ className: `${h.variants[x]}
32
+ ${e === "left" ? i.left : i.right} ${n || ""}`,
30
33
  children: [
31
- l === "left" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
34
+ e === "left" && /* @__PURE__ */ $("p", { className: `${i["text-step-indicator"]} ${a || ""}`, children: [
32
35
  r + 1,
33
36
  "/",
34
- i
37
+ l
35
38
  ] }),
36
39
  /* @__PURE__ */ d(
37
40
  "div",
38
41
  {
39
- className: `${s["step-indicator"]} ${u || ""}
42
+ className: `${i["step-indicator"]} ${o || ""}
40
43
  ${f ? "iru-w-full" : ""} ${t}`,
41
44
  style: { gap: t },
42
- children: Array.from({ length: i }).map((p, m) => /* @__PURE__ */ d(
45
+ children: Array.from({ length: l }).map((v, m) => /* @__PURE__ */ d(
43
46
  "div",
44
47
  {
45
- className: `${s.indicator} ${n || ""}
46
- ${m <= r ? `${s.active} ${e}` : ""}`,
48
+ className: `${i.indicator}
49
+ ${h.borderRadius[p]}
50
+ ${c || ""}
51
+ ${m <= r ? `${i.active} ${s}` : ""}`,
47
52
  style: {
48
- width: f ? g(i, t) : x
53
+ width: f ? N(l, t) : g
49
54
  }
50
55
  },
51
56
  m
52
57
  ))
53
58
  }
54
59
  ),
55
- l === "right" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
60
+ e === "right" && /* @__PURE__ */ $("p", { className: `${i["text-step-indicator"]} ${a || ""}`, children: [
56
61
  r + 1,
57
62
  "/",
58
- i
63
+ l
59
64
  ] })
60
65
  ]
61
66
  }
62
67
  );
63
68
  export {
64
- y as default
69
+ w as default
65
70
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_left_do93a_7",i="_right_do93a_10",e="_indicator_do93a_26",o="_active_do93a_31",a={"container-step-indicator":"_container-step-indicator_do93a_1",left:t,right:i,"text-step-indicator":"_text-step-indicator_do93a_13","step-indicator":"_step-indicator_do93a_22",indicator:e,active:o};exports.active=o;exports.default=a;exports.indicator=e;exports.left=t;exports.right=i;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_left_8vduq_8",e="_right_8vduq_11",i="_indicator_8vduq_29",_="_active_8vduq_33",a={"laba-green-08":"_laba-green-08_8vduq_1",left:t,right:e,"text-step-indicator":"_text-step-indicator_8vduq_14","step-indicator":"_step-indicator_8vduq_23",indicator:i,active:_,"teal-600":"_teal-600_8vduq_37"};exports.active=_;exports.default=a;exports.indicator=i;exports.left=t;exports.right=e;
@@ -1,16 +1,17 @@
1
- const t = "_left_do93a_7", i = "_right_do93a_10", o = "_indicator_do93a_26", a = "_active_do93a_31", _ = {
2
- "container-step-indicator": "_container-step-indicator_do93a_1",
1
+ const t = "_left_8vduq_8", _ = "_right_8vduq_11", e = "_indicator_8vduq_29", i = "_active_8vduq_33", a = {
2
+ "laba-green-08": "_laba-green-08_8vduq_1",
3
3
  left: t,
4
- right: i,
5
- "text-step-indicator": "_text-step-indicator_do93a_13",
6
- "step-indicator": "_step-indicator_do93a_22",
7
- indicator: o,
8
- active: a
4
+ right: _,
5
+ "text-step-indicator": "_text-step-indicator_8vduq_14",
6
+ "step-indicator": "_step-indicator_8vduq_23",
7
+ indicator: e,
8
+ active: i,
9
+ "teal-600": "_teal-600_8vduq_37"
9
10
  };
10
11
  export {
11
- a as active,
12
- _ as default,
13
- o as indicator,
12
+ i as active,
13
+ a as default,
14
+ e as indicator,
14
15
  t as left,
15
- i as right
16
+ _ as right
16
17
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),e={size:{large:t.default["switch-l"],regular:t.default["switch-r"],small:t.default["switch-s"]},kind:{laba:t.default["switch-laba"],payhere:t.default["switch-payhere"],bill:t.default["switch-bill"]},text:{title:{laba:t.default["title-switch-laba"],payhere:t.default["title-switch-payhere"],bill:t.default["title-switch-bill"]},desc:{laba:t.default["description-switch-laba"],payhere:t.default["description-switch-payhere"],bill:t.default["description-switch-bill"]}}};exports.configSwitch=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),e={size:{large:t.default["switch-l"],regular:t.default["switch-r"],small:t.default["switch-s"]},kind:{laba:t.default["switch-laba"],payhere:t.default["switch-payhere"],bill:t.default["switch-bill"],fin:t.default["switch-fin"]},text:{title:{laba:t.default["title-switch-laba"],payhere:t.default["title-switch-payhere"],bill:t.default["title-switch-bill"],fin:t.default["title-switch-fin"]},desc:{laba:t.default["description-switch-laba"],payhere:t.default["description-switch-payhere"],bill:t.default["description-switch-bill"],fin:t.default["description-switch-fin"]}}};exports.configSwitch=e;
@@ -8,18 +8,21 @@ const l = {
8
8
  kind: {
9
9
  laba: i["switch-laba"],
10
10
  payhere: i["switch-payhere"],
11
- bill: i["switch-bill"]
11
+ bill: i["switch-bill"],
12
+ fin: i["switch-fin"]
12
13
  },
13
14
  text: {
14
15
  title: {
15
16
  laba: i["title-switch-laba"],
16
17
  payhere: i["title-switch-payhere"],
17
- bill: i["title-switch-bill"]
18
+ bill: i["title-switch-bill"],
19
+ fin: i["title-switch-fin"]
18
20
  },
19
21
  desc: {
20
22
  laba: i["description-switch-laba"],
21
23
  payhere: i["description-switch-payhere"],
22
- bill: i["description-switch-bill"]
24
+ bill: i["description-switch-bill"],
25
+ fin: i["description-switch-fin"]
23
26
  }
24
27
  }
25
28
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="_active_jzs63_65",s="_disabled_jzs63_68",t={"title-switch-laba":"_title-switch-laba_jzs63_1","title-switch-payhere":"_title-switch-payhere_jzs63_10","title-switch-bill":"_title-switch-bill_jzs63_19","description-switch-laba":"_description-switch-laba_jzs63_28","description-switch-payhere":"_description-switch-payhere_jzs63_37","description-switch-bill":"_description-switch-bill_jzs63_46","switch-l":"_switch-l_jzs63_55","switch-payhere":"_switch-payhere_jzs63_55",active:i,disabled:s,"disabled-nonactive":"_disabled-nonactive_jzs63_71","thumb-switch":"_thumb-switch_jzs63_79","switch-laba":"_switch-laba_jzs63_96","switch-bill":"_switch-bill_jzs63_137","switch-r":"_switch-r_jzs63_179","switch-s":"_switch-s_jzs63_303"};exports.active=i;exports.default=t;exports.disabled=s;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="_active_rp48s_89",t="_disabled_rp48s_92",s={"title-switch-laba":"_title-switch-laba_rp48s_1","title-switch-payhere":"_title-switch-payhere_rp48s_10","title-switch-bill":"_title-switch-bill_rp48s_19","title-switch-fin":"_title-switch-fin_rp48s_28","description-switch-laba":"_description-switch-laba_rp48s_40","description-switch-payhere":"_description-switch-payhere_rp48s_49","description-switch-bill":"_description-switch-bill_rp48s_58","description-switch-fin":"_description-switch-fin_rp48s_67","switch-l":"_switch-l_rp48s_79","switch-payhere":"_switch-payhere_rp48s_79",active:i,disabled:t,"disabled-nonactive":"_disabled-nonactive_rp48s_96","thumb-switch":"_thumb-switch_rp48s_104","switch-laba":"_switch-laba_rp48s_121","switch-bill":"_switch-bill_rp48s_163","switch-fin":"_switch-fin_rp48s_205","switch-r":"_switch-r_rp48s_272","switch-s":"_switch-s_rp48s_465"};exports.active=i;exports.default=s;exports.disabled=t;
@@ -1,20 +1,23 @@
1
- const i = "_active_jzs63_65", s = "_disabled_jzs63_68", t = {
2
- "title-switch-laba": "_title-switch-laba_jzs63_1",
3
- "title-switch-payhere": "_title-switch-payhere_jzs63_10",
4
- "title-switch-bill": "_title-switch-bill_jzs63_19",
5
- "description-switch-laba": "_description-switch-laba_jzs63_28",
6
- "description-switch-payhere": "_description-switch-payhere_jzs63_37",
7
- "description-switch-bill": "_description-switch-bill_jzs63_46",
8
- "switch-l": "_switch-l_jzs63_55",
9
- "switch-payhere": "_switch-payhere_jzs63_55",
1
+ const i = "_active_rp48s_89", s = "_disabled_rp48s_92", t = {
2
+ "title-switch-laba": "_title-switch-laba_rp48s_1",
3
+ "title-switch-payhere": "_title-switch-payhere_rp48s_10",
4
+ "title-switch-bill": "_title-switch-bill_rp48s_19",
5
+ "title-switch-fin": "_title-switch-fin_rp48s_28",
6
+ "description-switch-laba": "_description-switch-laba_rp48s_40",
7
+ "description-switch-payhere": "_description-switch-payhere_rp48s_49",
8
+ "description-switch-bill": "_description-switch-bill_rp48s_58",
9
+ "description-switch-fin": "_description-switch-fin_rp48s_67",
10
+ "switch-l": "_switch-l_rp48s_79",
11
+ "switch-payhere": "_switch-payhere_rp48s_79",
10
12
  active: i,
11
13
  disabled: s,
12
- "disabled-nonactive": "_disabled-nonactive_jzs63_71",
13
- "thumb-switch": "_thumb-switch_jzs63_79",
14
- "switch-laba": "_switch-laba_jzs63_96",
15
- "switch-bill": "_switch-bill_jzs63_137",
16
- "switch-r": "_switch-r_jzs63_179",
17
- "switch-s": "_switch-s_jzs63_303"
14
+ "disabled-nonactive": "_disabled-nonactive_rp48s_96",
15
+ "thumb-switch": "_thumb-switch_rp48s_104",
16
+ "switch-laba": "_switch-laba_rp48s_121",
17
+ "switch-bill": "_switch-bill_rp48s_163",
18
+ "switch-fin": "_switch-fin_rp48s_205",
19
+ "switch-r": "_switch-r_rp48s_272",
20
+ "switch-s": "_switch-s_rp48s_465"
18
21
  };
19
22
  export {
20
23
  i as active,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),a=require("./style.module.scss.cjs"),b={tabsVariant:{"original-laba-blue-10":a.default["original-laba-blue-10"],"container-payhere-brand-base":a.default["container-payhere-brand-base"],"container-payhere-brand-base-bg_white":a.default["container-payhere-brand-base-bg_white"],"container-laba-blue-10":a.default["container-laba-blue-10"],"container-laba-blue-10-bg_white":a.default["container-laba-blue-10-bg_white"],"container-laba-blue-10-bg_blue-01":a.default["container-laba-blue-10-bg_blue-01"],"original-bill-secondary-800":a.default["original-bill-secondary-800"],"container-bill-secondary-800":a.default["container-bill-secondary-800"],"original-payhere-primary-700":a.default["original-payhere-primary-700"]},size:{"tabs-m":a.default["tabs-m"],"tabs-s":a.default["tabs-s"],"tabs-medium":a.default["tabs-medium"],"tabs-small":a.default["tabs-small"]},borderRadius:e.configBorderRadius,isContainer:["container-payhere-brand-base","container-payhere-brand-base-bg_white","container-laba-blue-10","container-laba-blue-10-bg_white","container-laba-blue-10-bg_blue-01","container-bill-secondary-800"]};exports.configTabs=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),a=require("./style.module.scss.cjs"),n={tabsVariant:{"original-laba-blue-10":a.default["original-laba-blue-10"],"container-payhere-brand-base":a.default["container-payhere-brand-base"],"container-payhere-brand-base-bg_white":a.default["container-payhere-brand-base-bg_white"],"container-laba-blue-10":a.default["container-laba-blue-10"],"container-laba-blue-10-bg_white":a.default["container-laba-blue-10-bg_white"],"container-laba-blue-10-bg_blue-01":a.default["container-laba-blue-10-bg_blue-01"],"container-bill-secondary-800":a.default["container-bill-secondary-800"],"container-fin-secondary-500":a.default["container-fin-secondary-500"],"original-bill-secondary-800":a.default["original-bill-secondary-800"],"original-payhere-primary-700":a.default["original-payhere-primary-700"],"original-fin-primary-100":a.default["original-fin-primary-100"]},size:{"tabs-m":a.default["tabs-m"],"tabs-s":a.default["tabs-s"],"tabs-medium":a.default["tabs-medium"],"tabs-small":a.default["tabs-small"],"tabs-bill-m":a.default["tabs-bill-m"],"tabs-bill-s":a.default["tabs-bill-s"],"tabs-fin-m":a.default["tabs-fin-m"],"tabs-fin-s":a.default["tabs-fin-s"]},borderRadius:e.configBorderRadius,isContainer:["container-payhere-brand-base","container-payhere-brand-base-bg_white","container-laba-blue-10","container-laba-blue-10-bg_white","container-laba-blue-10-bg_blue-01","container-bill-secondary-800","container-fin-secondary-500"]};exports.configTabs=n;
@@ -1,6 +1,6 @@
1
1
  import { configBorderRadius as e } from "../../config/components/borderRadius.mjs";
2
2
  import a from "./style.module.scss.mjs";
3
- const r = {
3
+ const b = {
4
4
  tabsVariant: {
5
5
  "original-laba-blue-10": a["original-laba-blue-10"],
6
6
  "container-payhere-brand-base": a["container-payhere-brand-base"],
@@ -8,15 +8,21 @@ const r = {
8
8
  "container-laba-blue-10": a["container-laba-blue-10"],
9
9
  "container-laba-blue-10-bg_white": a["container-laba-blue-10-bg_white"],
10
10
  "container-laba-blue-10-bg_blue-01": a["container-laba-blue-10-bg_blue-01"],
11
- "original-bill-secondary-800": a["original-bill-secondary-800"],
12
11
  "container-bill-secondary-800": a["container-bill-secondary-800"],
13
- "original-payhere-primary-700": a["original-payhere-primary-700"]
12
+ "container-fin-secondary-500": a["container-fin-secondary-500"],
13
+ "original-bill-secondary-800": a["original-bill-secondary-800"],
14
+ "original-payhere-primary-700": a["original-payhere-primary-700"],
15
+ "original-fin-primary-100": a["original-fin-primary-100"]
14
16
  },
15
17
  size: {
16
18
  "tabs-m": a["tabs-m"],
17
19
  "tabs-s": a["tabs-s"],
18
20
  "tabs-medium": a["tabs-medium"],
19
- "tabs-small": a["tabs-small"]
21
+ "tabs-small": a["tabs-small"],
22
+ "tabs-bill-m": a["tabs-bill-m"],
23
+ "tabs-bill-s": a["tabs-bill-s"],
24
+ "tabs-fin-m": a["tabs-fin-m"],
25
+ "tabs-fin-s": a["tabs-fin-s"]
20
26
  },
21
27
  borderRadius: e,
22
28
  isContainer: [
@@ -25,9 +31,10 @@ const r = {
25
31
  "container-laba-blue-10",
26
32
  "container-laba-blue-10-bg_white",
27
33
  "container-laba-blue-10-bg_blue-01",
28
- "container-bill-secondary-800"
34
+ "container-bill-secondary-800",
35
+ "container-fin-secondary-500"
29
36
  ]
30
37
  };
31
38
  export {
32
- r as configTabs
39
+ b as configTabs
33
40
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_hidden_16p9h_10",e="_ripple_16p9h_143",_="_active_16p9h_150",i={"disable-transition":"_disable-transition_16p9h_1","tab-panel":"_tab-panel_16p9h_5",hidden:a,"tabs-medium":"_tabs-medium_16p9h_15","tabs-list":"_tabs-list_16p9h_18","button-tabs":"_button-tabs_16p9h_18","tabs-small":"_tabs-small_16p9h_31","tabs-m":"_tabs-m_16p9h_15","tabs-s":"_tabs-s_16p9h_31","container-tabs":"_container-tabs_16p9h_111","original-laba-blue-10":"_original-laba-blue-10_16p9h_117",ripple:e,active:_,"tabs-slider":"_tabs-slider_16p9h_158","original-payhere-primary-700":"_original-payhere-primary-700_16p9h_166","container-payhere-brand-base":"_container-payhere-brand-base_16p9h_215","container-payhere-brand-base-bg_white":"_container-payhere-brand-base-bg_white_16p9h_252","container-laba-blue-10":"_container-laba-blue-10_16p9h_289","container-laba-blue-10-bg_white":"_container-laba-blue-10-bg_white_16p9h_326","container-laba-blue-10-bg_blue-01":"_container-laba-blue-10-bg_blue-01_16p9h_363","original-bill-secondary-800":"_original-bill-secondary-800_16p9h_400","container-bill-secondary-800":"_container-bill-secondary-800_16p9h_449"};exports.active=_;exports.default=i;exports.hidden=a;exports.ripple=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_hidden_vhgy0_10",_="_ripple_vhgy0_177",e="_active_vhgy0_184",i={"disable-transition":"_disable-transition_vhgy0_1","tab-panel":"_tab-panel_vhgy0_5",hidden:a,"tabs-medium":"_tabs-medium_vhgy0_15","tabs-list":"_tabs-list_vhgy0_18","button-tabs":"_button-tabs_vhgy0_18","tabs-small":"_tabs-small_vhgy0_31","tabs-m":"_tabs-m_vhgy0_15","tabs-s":"_tabs-s_vhgy0_31","tabs-bill-m":"_tabs-bill-m_vhgy0_79","tabs-bill-s":"_tabs-bill-s_vhgy0_95","tabs-fin-m":"_tabs-fin-m_vhgy0_111","tabs-fin-s":"_tabs-fin-s_vhgy0_127","container-tabs":"_container-tabs_vhgy0_143","original-laba-blue-10":"_original-laba-blue-10_vhgy0_149",ripple:_,active:e,"tabs-slider":"_tabs-slider_vhgy0_192","original-payhere-primary-700":"_original-payhere-primary-700_vhgy0_200","original-bill-secondary-800":"_original-bill-secondary-800_vhgy0_251","original-fin-primary-100":"_original-fin-primary-100_vhgy0_302","container-payhere-brand-base":"_container-payhere-brand-base_vhgy0_370","container-payhere-brand-base-bg_white":"_container-payhere-brand-base-bg_white_vhgy0_407","container-laba-blue-10":"_container-laba-blue-10_vhgy0_444","container-laba-blue-10-bg_white":"_container-laba-blue-10-bg_white_vhgy0_481","container-laba-blue-10-bg_blue-01":"_container-laba-blue-10-bg_blue-01_vhgy0_518","container-bill-secondary-800":"_container-bill-secondary-800_vhgy0_555","container-fin-secondary-500":"_container-fin-secondary-500_vhgy0_592"};exports.active=e;exports.default=i;exports.hidden=a;exports.ripple=_;
@@ -1,30 +1,36 @@
1
- const a = "_hidden_16p9h_10", _ = "_ripple_16p9h_143", e = "_active_16p9h_150", b = {
2
- "disable-transition": "_disable-transition_16p9h_1",
3
- "tab-panel": "_tab-panel_16p9h_5",
1
+ const a = "_hidden_vhgy0_10", _ = "_ripple_vhgy0_177", i = "_active_vhgy0_184", n = {
2
+ "disable-transition": "_disable-transition_vhgy0_1",
3
+ "tab-panel": "_tab-panel_vhgy0_5",
4
4
  hidden: a,
5
- "tabs-medium": "_tabs-medium_16p9h_15",
6
- "tabs-list": "_tabs-list_16p9h_18",
7
- "button-tabs": "_button-tabs_16p9h_18",
8
- "tabs-small": "_tabs-small_16p9h_31",
9
- "tabs-m": "_tabs-m_16p9h_15",
10
- "tabs-s": "_tabs-s_16p9h_31",
11
- "container-tabs": "_container-tabs_16p9h_111",
12
- "original-laba-blue-10": "_original-laba-blue-10_16p9h_117",
5
+ "tabs-medium": "_tabs-medium_vhgy0_15",
6
+ "tabs-list": "_tabs-list_vhgy0_18",
7
+ "button-tabs": "_button-tabs_vhgy0_18",
8
+ "tabs-small": "_tabs-small_vhgy0_31",
9
+ "tabs-m": "_tabs-m_vhgy0_15",
10
+ "tabs-s": "_tabs-s_vhgy0_31",
11
+ "tabs-bill-m": "_tabs-bill-m_vhgy0_79",
12
+ "tabs-bill-s": "_tabs-bill-s_vhgy0_95",
13
+ "tabs-fin-m": "_tabs-fin-m_vhgy0_111",
14
+ "tabs-fin-s": "_tabs-fin-s_vhgy0_127",
15
+ "container-tabs": "_container-tabs_vhgy0_143",
16
+ "original-laba-blue-10": "_original-laba-blue-10_vhgy0_149",
13
17
  ripple: _,
14
- active: e,
15
- "tabs-slider": "_tabs-slider_16p9h_158",
16
- "original-payhere-primary-700": "_original-payhere-primary-700_16p9h_166",
17
- "container-payhere-brand-base": "_container-payhere-brand-base_16p9h_215",
18
- "container-payhere-brand-base-bg_white": "_container-payhere-brand-base-bg_white_16p9h_252",
19
- "container-laba-blue-10": "_container-laba-blue-10_16p9h_289",
20
- "container-laba-blue-10-bg_white": "_container-laba-blue-10-bg_white_16p9h_326",
21
- "container-laba-blue-10-bg_blue-01": "_container-laba-blue-10-bg_blue-01_16p9h_363",
22
- "original-bill-secondary-800": "_original-bill-secondary-800_16p9h_400",
23
- "container-bill-secondary-800": "_container-bill-secondary-800_16p9h_449"
18
+ active: i,
19
+ "tabs-slider": "_tabs-slider_vhgy0_192",
20
+ "original-payhere-primary-700": "_original-payhere-primary-700_vhgy0_200",
21
+ "original-bill-secondary-800": "_original-bill-secondary-800_vhgy0_251",
22
+ "original-fin-primary-100": "_original-fin-primary-100_vhgy0_302",
23
+ "container-payhere-brand-base": "_container-payhere-brand-base_vhgy0_370",
24
+ "container-payhere-brand-base-bg_white": "_container-payhere-brand-base-bg_white_vhgy0_407",
25
+ "container-laba-blue-10": "_container-laba-blue-10_vhgy0_444",
26
+ "container-laba-blue-10-bg_white": "_container-laba-blue-10-bg_white_vhgy0_481",
27
+ "container-laba-blue-10-bg_blue-01": "_container-laba-blue-10-bg_blue-01_vhgy0_518",
28
+ "container-bill-secondary-800": "_container-bill-secondary-800_vhgy0_555",
29
+ "container-fin-secondary-500": "_container-fin-secondary-500_vhgy0_592"
24
30
  };
25
31
  export {
26
- e as active,
27
- b as default,
32
+ i as active,
33
+ n as default,
28
34
  a as hidden,
29
35
  _ as ripple
30
36
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_ml8mj_1",r="_textarea_ml8mj_12",l="_label_ml8mj_58",a="_error_ml8mj_67",t={container:e,"size-medium":"_size-medium_ml8mj_1","container-textarea":"_container-textarea_ml8mj_6",textarea:r,"placeholder-shown":"_placeholder-shown_ml8mj_43",label:l,error:a,"label-error":"_label-error_ml8mj_99","laba-white":"_laba-white_ml8mj_111","fin-blue-gray-50":"_fin-blue-gray-50_ml8mj_147"};exports.container=e;exports.default=t;exports.error=a;exports.label=l;exports.textarea=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1szcw_1",r="_textarea_1szcw_12",a="_label_1szcw_58",t="_error_1szcw_67",_={container:e,"size-medium":"_size-medium_1szcw_1","container-textarea":"_container-textarea_1szcw_6",textarea:r,"placeholder-shown":"_placeholder-shown_1szcw_43",label:a,error:t,"label-error":"_label-error_1szcw_99","laba-white":"_laba-white_1szcw_111","fin-blue-gray-50":"_fin-blue-gray-50_1szcw_147"};exports.container=e;exports.default=_;exports.error=t;exports.label=a;exports.textarea=r;
@@ -1,19 +1,19 @@
1
- const e = "_container_ml8mj_1", a = "_textarea_ml8mj_12", l = "_label_ml8mj_58", r = "_error_ml8mj_67", _ = {
1
+ const e = "_container_1szcw_1", a = "_textarea_1szcw_12", r = "_label_1szcw_58", _ = "_error_1szcw_67", t = {
2
2
  container: e,
3
- "size-medium": "_size-medium_ml8mj_1",
4
- "container-textarea": "_container-textarea_ml8mj_6",
3
+ "size-medium": "_size-medium_1szcw_1",
4
+ "container-textarea": "_container-textarea_1szcw_6",
5
5
  textarea: a,
6
- "placeholder-shown": "_placeholder-shown_ml8mj_43",
7
- label: l,
8
- error: r,
9
- "label-error": "_label-error_ml8mj_99",
10
- "laba-white": "_laba-white_ml8mj_111",
11
- "fin-blue-gray-50": "_fin-blue-gray-50_ml8mj_147"
6
+ "placeholder-shown": "_placeholder-shown_1szcw_43",
7
+ label: r,
8
+ error: _,
9
+ "label-error": "_label-error_1szcw_99",
10
+ "laba-white": "_laba-white_1szcw_111",
11
+ "fin-blue-gray-50": "_fin-blue-gray-50_1szcw_147"
12
12
  };
13
13
  export {
14
14
  e as container,
15
- _ as default,
16
- r as error,
17
- l as label,
15
+ t as default,
16
+ _ as error,
17
+ r as label,
18
18
  a as textarea
19
19
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),t=require("./style.module.scss.cjs"),l=require("./Icons.cjs"),j=({id:s,icon:n,header:a,content:c,onCopy:o,onDislike:u,onLike:d,onReply:r})=>e.jsxs("div",{id:s,className:`${t.default.container} ${t.default["position-start"]}`,children:[e.jsxs("div",{className:t.default["container-card"],children:[i.isValidElement(n)&&e.jsx("div",{className:t.default.icon,children:n}),i.isValidElement(a)&&a,i.isValidElement(c)&&c]}),e.jsxs("div",{className:t.default["container-action"],children:[e.jsx("button",{id:`${s}-like`,className:t.default["button-action"],onClick:d,children:e.jsx(l.LikeIcon,{})}),e.jsx("button",{id:`${s}-dislike`,className:t.default["button-action"],onClick:u,children:e.jsx(l.DislikeIcon,{})}),e.jsx("button",{id:`${s}-copy`,className:t.default["button-action"],onClick:o,children:e.jsx(l.CopyIcon,{})}),e.jsx("button",{id:`${s}-reply`,className:t.default["button-action"],onClick:r,children:e.jsx(l.ReplyIcon,{})})]})]});exports.default=j;
@@ -0,0 +1,20 @@
1
+ import { jsxs as t, jsx as i } from "react/jsx-runtime";
2
+ import { isValidElement as c } from "react";
3
+ import n from "./style.module.scss.mjs";
4
+ import { LikeIcon as u, DislikeIcon as b, CopyIcon as p, ReplyIcon as h } from "./Icons.mjs";
5
+ const f = ({ id: o, icon: l, header: a, content: e, onCopy: s, onDislike: r, onLike: m, onReply: d }) => /* @__PURE__ */ t("div", { id: o, className: `${n.container} ${n["position-start"]}`, children: [
6
+ /* @__PURE__ */ t("div", { className: n["container-card"], children: [
7
+ c(l) && /* @__PURE__ */ i("div", { className: n.icon, children: l }),
8
+ c(a) && a,
9
+ c(e) && e
10
+ ] }),
11
+ /* @__PURE__ */ t("div", { className: n["container-action"], children: [
12
+ /* @__PURE__ */ i("button", { id: `${o}-like`, className: n["button-action"], onClick: m, children: /* @__PURE__ */ i(u, {}) }),
13
+ /* @__PURE__ */ i("button", { id: `${o}-dislike`, className: n["button-action"], onClick: r, children: /* @__PURE__ */ i(b, {}) }),
14
+ /* @__PURE__ */ i("button", { id: `${o}-copy`, className: n["button-action"], onClick: s, children: /* @__PURE__ */ i(p, {}) }),
15
+ /* @__PURE__ */ i("button", { id: `${o}-reply`, className: n["button-action"], onClick: d, children: /* @__PURE__ */ i(h, {}) })
16
+ ] })
17
+ ] });
18
+ export {
19
+ f as default
20
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),i=require("./style.module.scss.cjs"),N=require("../../Button/Button.cjs"),o=require("./Icons.cjs"),p=({id:n,icon:u,type:l,header:r,content:d,options:f,optionDirection:m,onClick:c,onCopy:x,onDislike:j,onLike:h,onReply:b})=>e.jsxs("div",{id:n,className:i.default.container,children:[e.jsxs("div",{className:i.default["container-card"],children:[s.isValidElement(u)&&e.jsx("div",{className:i.default.icon,children:u}),s.isValidElement(r)&&r,s.isValidElement(d)&&d,e.jsxs("div",{className:m==="column"?i.default["option-column"]:i.default["option-row"],children:[(l==="action"||l==="suggestion")&&f?.map((t,a)=>e.jsxs("button",{className:i.default["button-option"],onClick:()=>{typeof c=="function"&&c(t)},children:[e.jsxs("div",{className:i.default["left-section"],children:[s.isValidElement(t?.iconLeft)&&t.iconLeft,e.jsxs("div",{className:i.default["option-content"],children:[e.jsx("p",{className:l==="action"?i.default["text-action"]:i.default["text-suggestion"],children:t.title}),t?.subtitle&&e.jsx("p",{className:i.default["text-subtitle"],children:t.subtitle})]})]}),s.isValidElement(t?.iconRight)&&e.jsx("div",{className:i.default["right-section"],children:e.jsx("div",{className:i.default["icon-right"],children:t.iconRight})})]},a)),l==="system"&&f?.map((t,a)=>s.createElement(N.default,{...t,variants:t?.variants||"primary-fin-primary-500",size:t?.size||"fin-s",id:t.id,key:a,onClick:()=>{typeof c=="function"&&c(t)}},t.title))]})]}),e.jsxs("div",{className:i.default["container-action"],children:[e.jsx("button",{id:`${n}-like`,className:i.default["button-action"],onClick:h,children:e.jsx(o.LikeIcon,{})}),e.jsx("button",{id:`${n}-dislike`,className:i.default["button-action"],onClick:j,children:e.jsx(o.DislikeIcon,{})}),e.jsx("button",{id:`${n}-copy`,className:i.default["button-action"],onClick:x,children:e.jsx(o.CopyIcon,{})}),e.jsx("button",{id:`${n}-reply`,className:i.default["button-action"],onClick:b,children:e.jsx(o.ReplyIcon,{})})]})]});exports.default=p;
@@ -0,0 +1,70 @@
1
+ import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
+ import { isValidElement as c, createElement as v } from "react";
3
+ import i from "./style.module.scss.mjs";
4
+ import g from "../../Button/Button.mjs";
5
+ import { LikeIcon as k, DislikeIcon as y, CopyIcon as x, ReplyIcon as C } from "./Icons.mjs";
6
+ const z = ({
7
+ id: o,
8
+ icon: m,
9
+ type: s,
10
+ header: a,
11
+ content: u,
12
+ options: h,
13
+ optionDirection: p,
14
+ onClick: l,
15
+ onCopy: d,
16
+ onDislike: f,
17
+ onLike: N,
18
+ onReply: b
19
+ }) => /* @__PURE__ */ e("div", { id: o, className: i.container, children: [
20
+ /* @__PURE__ */ e("div", { className: i["container-card"], children: [
21
+ c(m) && /* @__PURE__ */ t("div", { className: i.icon, children: m }),
22
+ c(a) && a,
23
+ c(u) && u,
24
+ /* @__PURE__ */ e("div", { className: p === "column" ? i["option-column"] : i["option-row"], children: [
25
+ (s === "action" || s === "suggestion") && h?.map((n, r) => /* @__PURE__ */ e(
26
+ "button",
27
+ {
28
+ className: i["button-option"],
29
+ onClick: () => {
30
+ typeof l == "function" && l(n);
31
+ },
32
+ children: [
33
+ /* @__PURE__ */ e("div", { className: i["left-section"], children: [
34
+ c(n?.iconLeft) && n.iconLeft,
35
+ /* @__PURE__ */ e("div", { className: i["option-content"], children: [
36
+ /* @__PURE__ */ t("p", { className: s === "action" ? i["text-action"] : i["text-suggestion"], children: n.title }),
37
+ n?.subtitle && /* @__PURE__ */ t("p", { className: i["text-subtitle"], children: n.subtitle })
38
+ ] })
39
+ ] }),
40
+ c(n?.iconRight) && /* @__PURE__ */ t("div", { className: i["right-section"], children: /* @__PURE__ */ t("div", { className: i["icon-right"], children: n.iconRight }) })
41
+ ]
42
+ },
43
+ r
44
+ )),
45
+ s === "system" && h?.map((n, r) => /* @__PURE__ */ v(
46
+ g,
47
+ {
48
+ ...n,
49
+ variants: n?.variants || "primary-fin-primary-500",
50
+ size: n?.size || "fin-s",
51
+ id: n.id,
52
+ key: r,
53
+ onClick: () => {
54
+ typeof l == "function" && l(n);
55
+ }
56
+ },
57
+ n.title
58
+ ))
59
+ ] })
60
+ ] }),
61
+ /* @__PURE__ */ e("div", { className: i["container-action"], children: [
62
+ /* @__PURE__ */ t("button", { id: `${o}-like`, className: i["button-action"], onClick: N, children: /* @__PURE__ */ t(k, {}) }),
63
+ /* @__PURE__ */ t("button", { id: `${o}-dislike`, className: i["button-action"], onClick: f, children: /* @__PURE__ */ t(y, {}) }),
64
+ /* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: d, children: /* @__PURE__ */ t(x, {}) }),
65
+ /* @__PURE__ */ t("button", { id: `${o}-reply`, className: i["button-action"], onClick: b, children: /* @__PURE__ */ t(C, {}) })
66
+ ] })
67
+ ] });
68
+ export {
69
+ z as default
70
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),e=require("./style.module.scss.cjs"),r=require("./Icons.cjs"),d=({id:t,content:i,otherContentTop:n,otherContentBottom:c,onCopy:l})=>s.jsxs("div",{id:t,className:`${e.default.container} ${e.default["position-end"]}`,children:[s.jsxs("div",{className:e.default["container-card-user"],children:[a.isValidElement(n)&&s.jsx("div",{className:e.default["container-card-user-other-content"],children:n}),a.isValidElement(i)&&i,a.isValidElement(c)&&s.jsx("div",{className:e.default["container-card-user-other-content"],children:c})]}),s.jsx("div",{className:`${e.default["container-action"]} ${e.default["action-end"]}`,children:s.jsx("button",{id:`${t}-copy`,className:e.default["button-action"],onClick:l,children:s.jsx(r.CopyIcon,{})})})]});exports.default=d;
@@ -0,0 +1,15 @@
1
+ import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
+ import { isValidElement as c } from "react";
3
+ import e from "./style.module.scss.mjs";
4
+ import { CopyIcon as d } from "./Icons.mjs";
5
+ const p = ({ id: i, content: a, otherContentTop: n, otherContentBottom: s, onCopy: t }) => /* @__PURE__ */ o("div", { id: i, className: `${e.container} ${e["position-end"]}`, children: [
6
+ /* @__PURE__ */ o("div", { className: e["container-card-user"], children: [
7
+ c(n) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: n }),
8
+ c(a) && a,
9
+ c(s) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: s })
10
+ ] }),
11
+ /* @__PURE__ */ r("div", { className: `${e["container-action"]} ${e["action-end"]}`, children: /* @__PURE__ */ r("button", { id: `${i}-copy`, className: e["button-action"], onClick: t, children: /* @__PURE__ */ r(d, {}) }) })
12
+ ] });
13
+ export {
14
+ p as default
15
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M11.6667 8.33333H15.6367C15.9207 8.33334 16.2001 8.40595 16.4482 8.54427C16.6963 8.68259 16.9049 8.88202 17.0543 9.12364C17.2036 9.36525 17.2888 9.64104 17.3016 9.9248C17.3144 10.2086 17.2545 10.4909 17.1275 10.745L14.2108 16.5783C14.0724 16.8554 13.8595 17.0884 13.596 17.2512C13.3325 17.414 13.0289 17.5001 12.7192 17.5H9.37167C9.23583 17.5 9.1 17.4833 8.9675 17.45L5.83333 16.6667M11.6667 8.33333V4.16667C11.6667 3.72464 11.4911 3.30072 11.1785 2.98816C10.866 2.67559 10.442 2.5 10 2.5H9.92083C9.50417 2.5 9.16667 2.8375 9.16667 3.25417C9.16667 3.84917 8.99083 4.43083 8.66 4.92583L5.83333 9.16667V16.6667M11.6667 8.33333H10M5.83333 16.6667H4.16667C3.72464 16.6667 3.30072 16.4911 2.98816 16.1785C2.67559 15.866 2.5 15.442 2.5 15V10C2.5 9.55797 2.67559 9.13405 2.98816 8.82149C3.30072 8.50893 3.72464 8.33333 4.16667 8.33333H6.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M14.1659 3.33333L11.0326 2.55C10.9004 2.51687 10.7646 2.50008 10.6284 2.5H7.28005C6.97048 2.50001 6.66702 2.58624 6.4037 2.74903C6.14038 2.91183 5.9276 3.14474 5.78922 3.42167L2.87255 9.255C2.74558 9.5091 2.68566 9.79143 2.69847 10.0752C2.71129 10.359 2.79642 10.6347 2.94578 10.8764C3.09514 11.118 3.30378 11.3174 3.55189 11.4557C3.79999 11.594 4.07933 11.6667 4.36339 11.6667H8.33339H10.0001M14.1659 3.33333L14.1667 10.8333L11.3401 15.0733C11.0092 15.5692 10.8334 16.1508 10.8334 16.7467C10.8334 17.1625 10.4959 17.5 10.0792 17.5H9.99922C9.55719 17.5 9.13327 17.3244 8.82071 17.0118C8.50815 16.6993 8.33255 16.2754 8.33255 15.8333V11.6667M14.1659 3.33333H15.8334C16.2754 3.33333 16.6993 3.50893 17.0119 3.82149C17.3245 4.13405 17.5001 4.55797 17.5001 5V10C17.5001 10.442 17.3245 10.866 17.0119 11.1785C16.6993 11.4911 16.2754 11.6667 15.8334 11.6667H13.7501",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),C=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M6.66659 5.83333V12.5C6.66659 12.942 6.84218 13.366 7.15474 13.6785C7.4673 13.9911 7.89122 14.1667 8.33325 14.1667H13.3333M6.66659 5.83333V4.16667C6.66659 3.72464 6.84218 3.30072 7.15474 2.98816C7.4673 2.67559 7.89122 2.5 8.33325 2.5H12.1549C12.3759 2.50005 12.5878 2.58788 12.7441 2.74417L16.4224 6.4225C16.5787 6.57874 16.6665 6.79067 16.6666 7.01167V12.5C16.6666 12.942 16.491 13.366 16.1784 13.6785C15.8659 13.9911 15.4419 14.1667 14.9999 14.1667H13.3333M6.66659 5.83333H4.99992C4.55789 5.83333 4.13397 6.00893 3.82141 6.32149C3.50885 6.63405 3.33325 7.05797 3.33325 7.5V15.8333C3.33325 16.2754 3.50885 16.6993 3.82141 17.0118C4.13397 17.3244 4.55789 17.5 4.99992 17.5H11.6666C12.1086 17.5 12.5325 17.3244 12.8451 17.0118C13.1577 16.6993 13.3333 16.2754 13.3333 15.8333V14.1667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),r=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M2.5 8.3335H10.8333C12.6014 8.3335 14.2971 9.03587 15.5474 10.2861C16.7976 11.5364 17.5 13.2321 17.5 15.0002V16.6668M7.5 3.3335L2.5 8.3335L7.5 13.3335",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});exports.CopyIcon=C;exports.DislikeIcon=t;exports.LikeIcon=n;exports.ReplyIcon=r;
@@ -0,0 +1,44 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ const e = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
3
+ "path",
4
+ {
5
+ d: "M11.6667 8.33333H15.6367C15.9207 8.33334 16.2001 8.40595 16.4482 8.54427C16.6963 8.68259 16.9049 8.88202 17.0543 9.12364C17.2036 9.36525 17.2888 9.64104 17.3016 9.9248C17.3144 10.2086 17.2545 10.4909 17.1275 10.745L14.2108 16.5783C14.0724 16.8554 13.8595 17.0884 13.596 17.2512C13.3325 17.414 13.0289 17.5001 12.7192 17.5H9.37167C9.23583 17.5 9.1 17.4833 8.9675 17.45L5.83333 16.6667M11.6667 8.33333V4.16667C11.6667 3.72464 11.4911 3.30072 11.1785 2.98816C10.866 2.67559 10.442 2.5 10 2.5H9.92083C9.50417 2.5 9.16667 2.8375 9.16667 3.25417C9.16667 3.84917 8.99083 4.43083 8.66 4.92583L5.83333 9.16667V16.6667M11.6667 8.33333H10M5.83333 16.6667H4.16667C3.72464 16.6667 3.30072 16.4911 2.98816 16.1785C2.67559 15.866 2.5 15.442 2.5 15V10C2.5 9.55797 2.67559 9.13405 2.98816 8.82149C3.30072 8.50893 3.72464 8.33333 4.16667 8.33333H6.25",
6
+ stroke: "currentColor",
7
+ strokeWidth: "1.5",
8
+ strokeLinecap: "round",
9
+ strokeLinejoin: "round"
10
+ }
11
+ ) }), n = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
12
+ "path",
13
+ {
14
+ d: "M14.1659 3.33333L11.0326 2.55C10.9004 2.51687 10.7646 2.50008 10.6284 2.5H7.28005C6.97048 2.50001 6.66702 2.58624 6.4037 2.74903C6.14038 2.91183 5.9276 3.14474 5.78922 3.42167L2.87255 9.255C2.74558 9.5091 2.68566 9.79143 2.69847 10.0752C2.71129 10.359 2.79642 10.6347 2.94578 10.8764C3.09514 11.118 3.30378 11.3174 3.55189 11.4557C3.79999 11.594 4.07933 11.6667 4.36339 11.6667H8.33339H10.0001M14.1659 3.33333L14.1667 10.8333L11.3401 15.0733C11.0092 15.5692 10.8334 16.1508 10.8334 16.7467C10.8334 17.1625 10.4959 17.5 10.0792 17.5H9.99922C9.55719 17.5 9.13327 17.3244 8.82071 17.0118C8.50815 16.6993 8.33255 16.2754 8.33255 15.8333V11.6667M14.1659 3.33333H15.8334C16.2754 3.33333 16.6993 3.50893 17.0119 3.82149C17.3245 4.13405 17.5001 4.55797 17.5001 5V10C17.5001 10.442 17.3245 10.866 17.0119 11.1785C16.6993 11.4911 16.2754 11.6667 15.8334 11.6667H13.7501",
15
+ stroke: "currentColor",
16
+ strokeWidth: "1.5",
17
+ strokeLinecap: "round",
18
+ strokeLinejoin: "round"
19
+ }
20
+ ) }), r = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
21
+ "path",
22
+ {
23
+ d: "M6.66659 5.83333V12.5C6.66659 12.942 6.84218 13.366 7.15474 13.6785C7.4673 13.9911 7.89122 14.1667 8.33325 14.1667H13.3333M6.66659 5.83333V4.16667C6.66659 3.72464 6.84218 3.30072 7.15474 2.98816C7.4673 2.67559 7.89122 2.5 8.33325 2.5H12.1549C12.3759 2.50005 12.5878 2.58788 12.7441 2.74417L16.4224 6.4225C16.5787 6.57874 16.6665 6.79067 16.6666 7.01167V12.5C16.6666 12.942 16.491 13.366 16.1784 13.6785C15.8659 13.9911 15.4419 14.1667 14.9999 14.1667H13.3333M6.66659 5.83333H4.99992C4.55789 5.83333 4.13397 6.00893 3.82141 6.32149C3.50885 6.63405 3.33325 7.05797 3.33325 7.5V15.8333C3.33325 16.2754 3.50885 16.6993 3.82141 17.0118C4.13397 17.3244 4.55789 17.5 4.99992 17.5H11.6666C12.1086 17.5 12.5325 17.3244 12.8451 17.0118C13.1577 16.6993 13.3333 16.2754 13.3333 15.8333V14.1667",
24
+ stroke: "currentColor",
25
+ strokeWidth: "1.5",
26
+ strokeLinecap: "round",
27
+ strokeLinejoin: "round"
28
+ }
29
+ ) }), i = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
30
+ "path",
31
+ {
32
+ d: "M2.5 8.3335H10.8333C12.6014 8.3335 14.2971 9.03587 15.5474 10.2861C16.7976 11.5364 17.5 13.2321 17.5 15.0002V16.6668M7.5 3.3335L2.5 8.3335L7.5 13.3335",
33
+ stroke: "currentColor",
34
+ strokeWidth: "1.5",
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ }
38
+ ) });
39
+ export {
40
+ r as CopyIcon,
41
+ n as DislikeIcon,
42
+ e as LikeIcon,
43
+ i as ReplyIcon
44
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_77b4x_1",n="_icon_77b4x_22",o={container:t,"position-start":"_position-start_77b4x_6","position-end":"_position-end_77b4x_9","container-card":"_container-card_77b4x_12",icon:n,"option-column":"_option-column_77b4x_30","option-row":"_option-row_77b4x_34","button-option":"_button-option_77b4x_44","left-section":"_left-section_77b4x_59","option-content":"_option-content_77b4x_65","text-action":"_text-action_77b4x_72","text-suggestion":"_text-suggestion_77b4x_82","text-subtitle":"_text-subtitle_77b4x_92","right-section":"_right-section_77b4x_102","icon-right":"_icon-right_77b4x_106","container-card-user":"_container-card-user_77b4x_132","container-card-user-other-content":"_container-card-user-other-content_77b4x_139","container-action":"_container-action_77b4x_142","action-end":"_action-end_77b4x_146","button-action":"_button-action_77b4x_149"};exports.container=t;exports.default=o;exports.icon=n;
@@ -0,0 +1,27 @@
1
+ const t = "_container_77b4x_1", n = "_icon_77b4x_22", o = {
2
+ container: t,
3
+ "position-start": "_position-start_77b4x_6",
4
+ "position-end": "_position-end_77b4x_9",
5
+ "container-card": "_container-card_77b4x_12",
6
+ icon: n,
7
+ "option-column": "_option-column_77b4x_30",
8
+ "option-row": "_option-row_77b4x_34",
9
+ "button-option": "_button-option_77b4x_44",
10
+ "left-section": "_left-section_77b4x_59",
11
+ "option-content": "_option-content_77b4x_65",
12
+ "text-action": "_text-action_77b4x_72",
13
+ "text-suggestion": "_text-suggestion_77b4x_82",
14
+ "text-subtitle": "_text-subtitle_77b4x_92",
15
+ "right-section": "_right-section_77b4x_102",
16
+ "icon-right": "_icon-right_77b4x_106",
17
+ "container-card-user": "_container-card-user_77b4x_132",
18
+ "container-card-user-other-content": "_container-card-user-other-content_77b4x_139",
19
+ "container-action": "_container-action_77b4x_142",
20
+ "action-end": "_action-end_77b4x_146",
21
+ "button-action": "_button-action_77b4x_149"
22
+ };
23
+ export {
24
+ t as container,
25
+ o as default,
26
+ n as icon
27
+ };