1mpacto-react-ui 2.0.29 → 2.0.31

package/dist/components/Tabs/style.module.scss.cjs

@@ -1 +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=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_hidden_r9f1a_10",_="_ripple_r9f1a_177",r="_active_r9f1a_184",e={"disable-transition":"_disable-transition_r9f1a_1","tab-panel":"_tab-panel_r9f1a_5",hidden:a,"tabs-medium":"_tabs-medium_r9f1a_15","tabs-list":"_tabs-list_r9f1a_18","button-tabs":"_button-tabs_r9f1a_18","tabs-small":"_tabs-small_r9f1a_31","tabs-m":"_tabs-m_r9f1a_15","tabs-s":"_tabs-s_r9f1a_31","tabs-bill-m":"_tabs-bill-m_r9f1a_79","tabs-bill-s":"_tabs-bill-s_r9f1a_95","tabs-fin-m":"_tabs-fin-m_r9f1a_111","tabs-fin-s":"_tabs-fin-s_r9f1a_127","container-tabs":"_container-tabs_r9f1a_143","original-laba-blue-10":"_original-laba-blue-10_r9f1a_149",ripple:_,active:r,"tabs-slider":"_tabs-slider_r9f1a_192","original-payhere-primary-700":"_original-payhere-primary-700_r9f1a_200","original-bill-secondary-800":"_original-bill-secondary-800_r9f1a_251","original-fin-primary-100":"_original-fin-primary-100_r9f1a_302","container-payhere-brand-base":"_container-payhere-brand-base_r9f1a_370","container-payhere-brand-base-bg_white":"_container-payhere-brand-base-bg_white_r9f1a_408","container-laba-blue-10":"_container-laba-blue-10_r9f1a_446","container-laba-blue-10-bg_white":"_container-laba-blue-10-bg_white_r9f1a_484","container-laba-blue-10-bg_blue-01":"_container-laba-blue-10-bg_blue-01_r9f1a_522","container-bill-secondary-800":"_container-bill-secondary-800_r9f1a_560","container-fin-secondary-500":"_container-fin-secondary-500_r9f1a_598"};exports.active=r;exports.default=e;exports.hidden=a;exports.ripple=_;

package/dist/components/Tabs/style.module.scss.mjs

@@ -1,36 +1,36 @@
-const a = "_hidden_vhgy0_10", _ = "_ripple_vhgy0_177", i = "_active_vhgy0_184", n = {
-  "disable-transition": "_disable-transition_vhgy0_1",
-  "tab-panel": "_tab-panel_vhgy0_5",
+const a = "_hidden_r9f1a_10", _ = "_ripple_r9f1a_177", r = "_active_r9f1a_184", i = {
+  "disable-transition": "_disable-transition_r9f1a_1",
+  "tab-panel": "_tab-panel_r9f1a_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",
+  "tabs-medium": "_tabs-medium_r9f1a_15",
+  "tabs-list": "_tabs-list_r9f1a_18",
+  "button-tabs": "_button-tabs_r9f1a_18",
+  "tabs-small": "_tabs-small_r9f1a_31",
+  "tabs-m": "_tabs-m_r9f1a_15",
+  "tabs-s": "_tabs-s_r9f1a_31",
+  "tabs-bill-m": "_tabs-bill-m_r9f1a_79",
+  "tabs-bill-s": "_tabs-bill-s_r9f1a_95",
+  "tabs-fin-m": "_tabs-fin-m_r9f1a_111",
+  "tabs-fin-s": "_tabs-fin-s_r9f1a_127",
+  "container-tabs": "_container-tabs_r9f1a_143",
+  "original-laba-blue-10": "_original-laba-blue-10_r9f1a_149",
   ripple: _,
-  active: i,
-  "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"
+  active: r,
+  "tabs-slider": "_tabs-slider_r9f1a_192",
+  "original-payhere-primary-700": "_original-payhere-primary-700_r9f1a_200",
+  "original-bill-secondary-800": "_original-bill-secondary-800_r9f1a_251",
+  "original-fin-primary-100": "_original-fin-primary-100_r9f1a_302",
+  "container-payhere-brand-base": "_container-payhere-brand-base_r9f1a_370",
+  "container-payhere-brand-base-bg_white": "_container-payhere-brand-base-bg_white_r9f1a_408",
+  "container-laba-blue-10": "_container-laba-blue-10_r9f1a_446",
+  "container-laba-blue-10-bg_white": "_container-laba-blue-10-bg_white_r9f1a_484",
+  "container-laba-blue-10-bg_blue-01": "_container-laba-blue-10-bg_blue-01_r9f1a_522",
+  "container-bill-secondary-800": "_container-bill-secondary-800_r9f1a_560",
+  "container-fin-secondary-500": "_container-fin-secondary-500_r9f1a_598"
 };
 export {
-  i as active,
-  n as default,
+  r as active,
+  i as default,
   a as hidden,
   _ as ripple
 };

package/dist/components/fin/Chat/BubbleChat.cjs

@@ -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;
+"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"),m=({id:s,icon:n,header:a,content:c,classNameContainer:o,onCopy:u,onDislike:d,onLike:r,onReply:j})=>e.jsxs("div",{id:s,className:`${t.default.container} ${o} ${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:r,children:e.jsx(l.LikeIcon,{})}),e.jsx("button",{id:`${s}-dislike`,className:t.default["button-action"],onClick:d,children:e.jsx(l.DislikeIcon,{})}),e.jsx("button",{id:`${s}-copy`,className:t.default["button-action"],onClick:u,children:e.jsx(l.CopyIcon,{})}),e.jsx("button",{id:`${s}-reply`,className:t.default["button-action"],onClick:j,children:e.jsx(l.ReplyIcon,{})})]})]});exports.default=m;

package/dist/components/fin/Chat/BubbleChat.mjs

@@ -1,20 +1,30 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
 import { isValidElement as c } from "react";
 import n from "./style.module.scss.mjs";
-import { LikeIcon as u, DislikeIcon as b, CopyIcon as p, ReplyIcon as h } from "./Icons.mjs";
-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: [
+import { LikeIcon as b, DislikeIcon as p, CopyIcon as h, ReplyIcon as k } from "./Icons.mjs";
+const y = ({
+  id: o,
+  icon: l,
+  header: a,
+  content: e,
+  classNameContainer: s,
+  onCopy: r,
+  onDislike: m,
+  onLike: d,
+  onReply: u
+}) => /* @__PURE__ */ t("div", { id: o, className: `${n.container} ${s} ${n["position-start"]}`, children: [
   /* @__PURE__ */ t("div", { className: n["container-card"], children: [
     c(l) && /* @__PURE__ */ i("div", { className: n.icon, children: l }),
     c(a) && a,
     c(e) && e
   ] }),
   /* @__PURE__ */ t("div", { className: n["container-action"], children: [
-    /* @__PURE__ */ i("button", { id: `${o}-like`, className: n["button-action"], onClick: m, children: /* @__PURE__ */ i(u, {}) }),
-    /* @__PURE__ */ i("button", { id: `${o}-dislike`, className: n["button-action"], onClick: r, children: /* @__PURE__ */ i(b, {}) }),
-    /* @__PURE__ */ i("button", { id: `${o}-copy`, className: n["button-action"], onClick: s, children: /* @__PURE__ */ i(p, {}) }),
-    /* @__PURE__ */ i("button", { id: `${o}-reply`, className: n["button-action"], onClick: d, children: /* @__PURE__ */ i(h, {}) })
+    /* @__PURE__ */ i("button", { id: `${o}-like`, className: n["button-action"], onClick: d, children: /* @__PURE__ */ i(b, {}) }),
+    /* @__PURE__ */ i("button", { id: `${o}-dislike`, className: n["button-action"], onClick: m, children: /* @__PURE__ */ i(p, {}) }),
+    /* @__PURE__ */ i("button", { id: `${o}-copy`, className: n["button-action"], onClick: r, children: /* @__PURE__ */ i(h, {}) }),
+    /* @__PURE__ */ i("button", { id: `${o}-reply`, className: n["button-action"], onClick: u, children: /* @__PURE__ */ i(k, {}) })
   ] })
 ] });
 export {
-  f as default
+  y as default
 };

package/dist/components/fin/Chat/BubbleChatOption.cjs

@@ -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;
+"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"),p=require("../../Button/Button.cjs"),o=require("./Icons.cjs"),v=({id:n,icon:u,type:l,header:r,content:d,options:f,optionDirection:m,classNameContainer:x,onClick:c,onCopy:j,onDislike:h,onLike:b,onReply:N})=>e.jsxs("div",{id:n,className:`${i.default.container} ${x}`,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",{id:t.id,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(p.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:b,children:e.jsx(o.LikeIcon,{})}),e.jsx("button",{id:`${n}-dislike`,className:i.default["button-action"],onClick:h,children:e.jsx(o.DislikeIcon,{})}),e.jsx("button",{id:`${n}-copy`,className:i.default["button-action"],onClick:j,children:e.jsx(o.CopyIcon,{})}),e.jsx("button",{id:`${n}-reply`,className:i.default["button-action"],onClick:N,children:e.jsx(o.ReplyIcon,{})})]})]});exports.default=v;

package/dist/components/fin/Chat/BubbleChatOption.mjs

@@ -1,30 +1,32 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { isValidElement as c, createElement as v } from "react";
+import { isValidElement as c, createElement as g } from "react";
 import i from "./style.module.scss.mjs";
-import g from "../../Button/Button.mjs";
-import { LikeIcon as k, DislikeIcon as y, CopyIcon as x, ReplyIcon as C } from "./Icons.mjs";
-const z = ({
+import k from "../../Button/Button.mjs";
+import { LikeIcon as y, DislikeIcon as x, CopyIcon as $, ReplyIcon as C } from "./Icons.mjs";
+const B = ({
   id: o,
   icon: m,
   type: s,
   header: a,
   content: u,
   options: h,
-  optionDirection: p,
+  optionDirection: d,
+  classNameContainer: p,
   onClick: l,
-  onCopy: d,
-  onDislike: f,
-  onLike: N,
-  onReply: b
-}) => /* @__PURE__ */ e("div", { id: o, className: i.container, children: [
+  onCopy: f,
+  onDislike: N,
+  onLike: b,
+  onReply: v
+}) => /* @__PURE__ */ e("div", { id: o, className: `${i.container} ${p}`, children: [
   /* @__PURE__ */ e("div", { className: i["container-card"], children: [
     c(m) && /* @__PURE__ */ t("div", { className: i.icon, children: m }),
     c(a) && a,
     c(u) && u,
-    /* @__PURE__ */ e("div", { className: p === "column" ? i["option-column"] : i["option-row"], children: [
+    /* @__PURE__ */ e("div", { className: d === "column" ? i["option-column"] : i["option-row"], children: [
       (s === "action" || s === "suggestion") && h?.map((n, r) => /* @__PURE__ */ e(
         "button",
         {
+          id: n.id,
           className: i["button-option"],
           onClick: () => {
             typeof l == "function" && l(n);
@@ -42,8 +44,8 @@ const z = ({
         },
         r
       )),
-      s === "system" && h?.map((n, r) => /* @__PURE__ */ v(
-        g,
+      s === "system" && h?.map((n, r) => /* @__PURE__ */ g(
+        k,
         {
           ...n,
           variants: n?.variants || "primary-fin-primary-500",
@@ -59,12 +61,12 @@ const z = ({
     ] })
   ] }),
   /* @__PURE__ */ e("div", { className: i["container-action"], children: [
-    /* @__PURE__ */ t("button", { id: `${o}-like`, className: i["button-action"], onClick: N, children: /* @__PURE__ */ t(k, {}) }),
-    /* @__PURE__ */ t("button", { id: `${o}-dislike`, className: i["button-action"], onClick: f, children: /* @__PURE__ */ t(y, {}) }),
-    /* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: d, children: /* @__PURE__ */ t(x, {}) }),
-    /* @__PURE__ */ t("button", { id: `${o}-reply`, className: i["button-action"], onClick: b, children: /* @__PURE__ */ t(C, {}) })
+    /* @__PURE__ */ t("button", { id: `${o}-like`, className: i["button-action"], onClick: b, children: /* @__PURE__ */ t(y, {}) }),
+    /* @__PURE__ */ t("button", { id: `${o}-dislike`, className: i["button-action"], onClick: N, children: /* @__PURE__ */ t(x, {}) }),
+    /* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: f, children: /* @__PURE__ */ t($, {}) }),
+    /* @__PURE__ */ t("button", { id: `${o}-reply`, className: i["button-action"], onClick: v, children: /* @__PURE__ */ t(C, {}) })
   ] })
 ] });
 export {
-  z as default
+  B as default
 };

package/dist/components/fin/Chat/BubbleChatUser.cjs

@@ -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;
+"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"),d=require("./Icons.cjs"),u=({id:t,content:i,otherContentTop:n,otherContentBottom:c,classNameContainer:l,onCopy:r})=>s.jsxs("div",{id:t,className:`${e.default.container} ${l} ${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:r,children:s.jsx(d.CopyIcon,{})})})]});exports.default=u;

package/dist/components/fin/Chat/BubbleChatUser.mjs

@@ -1,15 +1,22 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { isValidElement as c } from "react";
 import e from "./style.module.scss.mjs";
-import { CopyIcon as d } from "./Icons.mjs";
-const p = ({ id: i, content: a, otherContentTop: n, otherContentBottom: s, onCopy: t }) => /* @__PURE__ */ o("div", { id: i, className: `${e.container} ${e["position-end"]}`, children: [
+import { CopyIcon as l } from "./Icons.mjs";
+const N = ({
+  id: i,
+  content: a,
+  otherContentTop: n,
+  otherContentBottom: s,
+  classNameContainer: t,
+  onCopy: d
+}) => /* @__PURE__ */ o("div", { id: i, className: `${e.container} ${t} ${e["position-end"]}`, children: [
   /* @__PURE__ */ o("div", { className: e["container-card-user"], children: [
     c(n) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: n }),
     c(a) && a,
     c(s) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: s })
   ] }),
-  /* @__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, {}) }) })
+  /* @__PURE__ */ r("div", { className: `${e["container-action"]} ${e["action-end"]}`, children: /* @__PURE__ */ r("button", { id: `${i}-copy`, className: e["button-action"], onClick: d, children: /* @__PURE__ */ r(l, {}) }) })
 ] });
 export {
-  p as default
+  N as default
 };

package/dist/hooks/useCountdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),l=t=>{const o=t.getTime()-Date.now();return Math.max(Math.floor(o/1e3),0)},w=t=>{const o=s.useMemo(()=>{const e=new Date(t.date);return t.adjustTimesTime&&e.setHours(e.getHours()-t.adjustTimesTime),e},[t.date,t.adjustTimesTime]),[c,g]=s.useState(o),[u,f]=s.useState(()=>l(c)),[r,a]=s.useState(t.running??!1),[i,m]=s.useState(()=>t?.callbackDone);return s.useEffect(()=>{let e;return r&&u>0&&(e=setInterval(()=>{const n=l(c);f(n),n<=0&&(a(!1),e&&clearInterval(e),typeof i=="function"&&i())},t.intervalMs)),()=>{e&&clearInterval(e)}},[r,c,t.intervalMs,i,u]),{count:u,isRunning:r,startCountdown:()=>{!r&&u>0&&a(!0)},stopCountdown:()=>{a(!1)},resetCountdown:e=>{let n;e instanceof Date?n=e:typeof e=="number"?n=new Date(Date.now()+e*1e3):n=o,g(n);const d=l(n);d<=0?a(!1):a(!0),f(d)},setCallbackDone:e=>m(()=>e)}};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),f=t=>{const a=t.getTime()-Date.now(),u=Math.ceil(a/1e3);return u>0?u:0},m=t=>{const a=s.useMemo(()=>{const e=new Date(t.date);t.adjustTimesTime&&e.setHours(e.getHours()-t.adjustTimesTime);const n=e.getTime()-Date.now();return n>0?n:0},[t.date,t.adjustTimesTime]),u=s.useMemo(()=>new Date(Date.now()+a),[a]),[i,w]=s.useState(u),[r,d]=s.useState(()=>f(i)),[c,o]=s.useState(t.running??!1),[l,g]=s.useState(()=>t?.callbackDone);return s.useEffect(()=>{let e;return c&&r>0&&(e=setInterval(()=>{const n=f(i);d(n),n<=0&&(o(!1),e&&clearInterval(e),typeof l=="function"&&l())},t.intervalMs)),()=>{e&&clearInterval(e)}},[c,i,t.intervalMs,l,r]),{count:r,isRunning:c,startCountdown:()=>{!c&&r>0&&o(!0)},stopCountdown:()=>{o(!1)},resetCountdown:e=>{let n;e instanceof Date?n=e:typeof e=="number"?n=new Date(Date.now()+e*1e3):n=new Date(Date.now()+a),w(n);const D=f(n);D<=0?o(!1):o(!0),d(D)},setCallbackDone:e=>g(()=>e)}};exports.default=m;

package/dist/hooks/useCountdown.mjs

@@ -1,38 +1,40 @@
 import a from "react";
 const f = (t) => {
-  const o = t.getTime() - Date.now();
-  return Math.max(Math.floor(o / 1e3), 0);
-}, M = (t) => {
-  const o = a.useMemo(() => {
+  const s = t.getTime() - Date.now(), r = Math.ceil(s / 1e3);
+  return r > 0 ? r : 0;
+}, S = (t) => {
+  const s = a.useMemo(() => {
     const e = new Date(t.date);
-    return t.adjustTimesTime && e.setHours(e.getHours() - t.adjustTimesTime), e;
-  }, [t.date, t.adjustTimesTime]), [c, m] = a.useState(o), [r, l] = a.useState(() => f(c)), [u, s] = a.useState(t.running ?? !1), [i, w] = a.useState(() => t?.callbackDone);
+    t.adjustTimesTime && e.setHours(e.getHours() - t.adjustTimesTime);
+    const n = e.getTime() - Date.now();
+    return n > 0 ? n : 0;
+  }, [t.date, t.adjustTimesTime]), r = a.useMemo(() => new Date(Date.now() + s), [s]), [i, w] = a.useState(r), [u, d] = a.useState(() => f(i)), [c, o] = a.useState(t.running ?? !1), [l, m] = a.useState(() => t?.callbackDone);
   return a.useEffect(() => {
     let e;
-    return u && r > 0 && (e = setInterval(() => {
-      const n = f(c);
-      l(n), n <= 0 && (s(!1), e && clearInterval(e), typeof i == "function" && i());
+    return c && u > 0 && (e = setInterval(() => {
+      const n = f(i);
+      d(n), n <= 0 && (o(!1), e && clearInterval(e), typeof l == "function" && l());
     }, t.intervalMs)), () => {
       e && clearInterval(e);
     };
-  }, [u, c, t.intervalMs, i, r]), {
-    count: r,
-    isRunning: u,
+  }, [c, i, t.intervalMs, l, u]), {
+    count: u,
+    isRunning: c,
     startCountdown: () => {
-      !u && r > 0 && s(!0);
+      !c && u > 0 && o(!0);
     },
     stopCountdown: () => {
-      s(!1);
+      o(!1);
     },
     resetCountdown: (e) => {
       let n;
-      e instanceof Date ? n = e : typeof e == "number" ? n = new Date(Date.now() + e * 1e3) : n = o, m(n);
-      const d = f(n);
-      d <= 0 ? s(!1) : s(!0), l(d);
+      e instanceof Date ? n = e : typeof e == "number" ? n = new Date(Date.now() + e * 1e3) : n = new Date(Date.now() + s), w(n);
+      const D = f(n);
+      D <= 0 ? o(!1) : o(!0), d(D);
     },
-    setCallbackDone: (e) => w(() => e)
+    setCallbackDone: (e) => m(() => e)
   };
 };
 export {
-  M as default
+  S as default
 };

package/dist/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.29",o={version:e};exports.default=o;exports.version=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.31",o={version:e};exports.default=o;exports.version=e;

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.29",
+  "version": "2.0.31",
   "type": "module",
   "engines": {
     "node": ">=22.22.3",

package/dist/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "2.0.29", s = {
+const o = "2.0.31", s = {
   version: o
 };
 export {

package/dist/src/components/Input/InputReguler.stories.d.ts

@@ -17,6 +17,16 @@ declare const meta: {
                 };
             };
         };
+        contentLabel: {
+            control: "object";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         startIcon: {
             control: "object";
             description: string;
@@ -83,6 +93,16 @@ declare const meta: {
                 };
             };
         };
+        classNameLabelContainer: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         classNameLabelError: {
             control: "text";
             description: string;

package/dist/src/components/Modal/ModalDialog.config.d.ts

@@ -11,11 +11,25 @@ export declare const configModal: {
     };
     position: {
         center: string;
+        'center-top': string;
+        'center-bottom': string;
         'right-top': string;
         'right-bottom': string;
         'left-top': string;
         'left-bottom': string;
     };
+    borderRadius: {
+        '0px': string;
+        '2px': string;
+        '4px': string;
+        '6px': string;
+        '8px': string;
+        '12px': string;
+        '16px': string;
+        '24px': string;
+        full: string;
+    };
 };
 export declare const keysConfigModalSize: string[];
 export declare const keysConfigModalPosition: string[];
+export declare const keysConfigModalBrand: string[];

package/dist/src/components/Modal/ModalDialog.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
 import { IModalDialog } from '../../interfaces/components/Modal';
-declare const ModalDialog: <T extends ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, position, className, classNameContainer, onClose, brand, ...props }: IModalDialog<T>) => import('react').ReactPortal | null;
+declare const ModalDialog: <T extends ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, position, className, classNameContainer, onClose, brand, offset, borderRadius, ...props }: IModalDialog<T>) => import('react').ReactPortal | null;
 export default ModalDialog;

package/dist/src/components/Modal/ModalDialog.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: <T extends import('react').ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, position, className, classNameContainer, onClose, brand, ...props }: import('../../interfaces/components/Modal').IModalDialog<T>) => import('react').ReactPortal | null;
+    component: <T extends import('react').ElementType = "div">({ as, children, id, idModal, withOverlay, show, size, position, className, classNameContainer, onClose, brand, offset, borderRadius, ...props }: import('../../interfaces/components/Modal').IModalDialog<T>) => import('react').ReactPortal | null;
     parameters: {
         layout: string;
     };
@@ -56,6 +56,22 @@ declare const meta: {
                 };
             };
         };
+        brand: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         size: {
             control: {
                 type: "select";

package/dist/src/components/Popover/Popover.stories.d.ts

@@ -18,6 +18,22 @@ declare const meta: {
                 };
             };
         };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         className: {
             control: "text";
             description: string;

package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts

@@ -52,6 +52,22 @@ declare const meta: {
                 };
             };
         };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         label: {
             control: "text";
             description: string;

package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts

@@ -88,6 +88,19 @@ declare const meta: {
                 };
             };
         };
+        idItemAttachment: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
         classNameContainer: {
             control: "text";
             description: string;

package/dist/src/components/fin/Chat/BubbleChat.d.ts

@@ -1,3 +1,3 @@
 import { IBubbleChat } from '../../../interfaces/components/fin/Chat';
-declare const BubbleChat: ({ id, icon, header, content, onCopy, onDislike, onLike, onReply }: IBubbleChat) => import("react/jsx-runtime").JSX.Element;
+declare const BubbleChat: ({ id, icon, header, content, classNameContainer, onCopy, onDislike, onLike, onReply, }: IBubbleChat) => import("react/jsx-runtime").JSX.Element;
 export default BubbleChat;

package/dist/src/components/fin/Chat/BubbleChat.stories.d.ts

@@ -0,0 +1,99 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ id, icon, header, content, classNameContainer, onCopy, onDislike, onLike, onReply, }: import('../..').IBubbleChat) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        id: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        content: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        header: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        icon: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onCopy: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onLike: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onDislike: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onReply: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onCopy: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLike: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onDislike: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onReply: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+    render: (args: import('../..').IBubbleChat) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/fin/Chat/BubbleChatOption.d.ts

@@ -1,3 +1,3 @@
 import { IBubbleChatOption } from '../../../interfaces/components/fin/Chat';
-declare const BubbleChatOption: ({ id, icon, type, header, content, options, optionDirection, onClick, onCopy, onDislike, onLike, onReply, }: IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
+declare const BubbleChatOption: ({ id, icon, type, header, content, options, optionDirection, classNameContainer, onClick, onCopy, onDislike, onLike, onReply, }: IBubbleChatOption) => import("react/jsx-runtime").JSX.Element;
 export default BubbleChatOption;