@asgard-js/react 0.0.43-canary.6 → 0.0.43-canary.8

package/dist/components/chatbot/api-key-input/api-key-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-input.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/api-key-input/api-key-input.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAe,EACf,KAAK,EACL,WAA8B,EAC9B,KAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmGhC"}
+{"version":3,"file":"api-key-input.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/api-key-input/api-key-input.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAe,EACf,KAAK,EACL,WAA8B,EAC9B,KAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAoGhC"}

package/dist/index.js

@@ -36179,11 +36179,12 @@ function Xoe({
   showToggle: a = !0,
   className: o
 }) {
-  const [s, l] = gn(""), [u, c] = gn(!1), { chatbot: f } = pr(), { avatar: d } = Ci(), h = (g) => {
-    g.preventDefault(), s.trim() && !t && e(s.trim());
-  }, p = (g) => {
-    l(g.target.value);
-  }, m = () => {
+  var y, b, v, w;
+  const [s, l] = gn(""), [u, c] = gn(!1), { chatbot: f, template: d } = pr(), { avatar: h } = Ci(), p = (E) => {
+    E.preventDefault(), s.trim() && !t && e(s.trim());
+  }, m = (E) => {
+    l(E.target.value);
+  }, g = () => {
     c(!u);
   };
   return /* @__PURE__ */ ot(
@@ -36196,10 +36197,10 @@ function Xoe({
       },
       children: [
         /* @__PURE__ */ ot("div", { className: yr.header, children: [
-          /* @__PURE__ */ Q(zF, { avatar: d }),
-          /* @__PURE__ */ Q("h2", { className: yr.title, children: i })
+          /* @__PURE__ */ Q(zF, { avatar: h }),
+          /* @__PURE__ */ Q("h2", { className: yr.title, style: (b = (y = f == null ? void 0 : f.header) == null ? void 0 : y.title) == null ? void 0 : b.style, children: i })
         ] }),
-        /* @__PURE__ */ ot("form", { onSubmit: h, className: yr.form, children: [
+        /* @__PURE__ */ ot("form", { onSubmit: p, className: yr.form, children: [
           /* @__PURE__ */ ot("div", { className: yr.inputGroup, children: [
             /* @__PURE__ */ Q("label", { className: yr.label, children: "Key" }),
             /* @__PURE__ */ ot("div", { className: yr.inputWrapper, children: [
@@ -36208,7 +36209,7 @@ function Xoe({
                 {
                   type: u ? "text" : "password",
                   value: s,
-                  onChange: p,
+                  onChange: m,
                   placeholder: r,
                   className: qt(yr.input, {
                     [yr.error]: n,
@@ -36222,7 +36223,7 @@ function Xoe({
                 "button",
                 {
                   type: "button",
-                  onClick: m,
+                  onClick: g,
                   className: yr.toggleButton,
                   disabled: t,
                   "aria-label": u ? "Hide password" : "Show password",
@@ -36260,6 +36261,7 @@ function Xoe({
               className: qt(yr.submitButton, {
                 [yr.loading]: t
               }),
+              style: ((w = (v = d == null ? void 0 : d.ButtonMessageTemplate) == null ? void 0 : v.button) == null ? void 0 : w.style) ?? {},
               children: t ? "Loading..." : "Continue"
             }
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.43-canary.6",
+  "version": "0.0.43-canary.8",
   "publishConfig": {
     "access": "public"
   },

package/src/components/chatbot/api-key-input/api-key-input.tsx

@@ -26,7 +26,7 @@ export function ApiKeyInput({
 }: ApiKeyInputProps): JSX.Element {
   const [apiKey, setApiKey] = useState('');
   const [showPassword, setShowPassword] = useState(false);
-  const { chatbot } = useAsgardThemeContext();
+  const { chatbot, template: themeTemplate } = useAsgardThemeContext();
   const { avatar } = useAsgardContext();
 
   const handleSubmit = (e: FormEvent): void => {
@@ -54,7 +54,7 @@ export function ApiKeyInput({
     >
       <div className={styles.header}>
         <ProfileIcon avatar={avatar} />
-        <h2 className={styles.title}>{title}</h2>
+        <h2 className={styles.title} style={chatbot?.header?.title?.style}>{title}</h2>
       </div>
 
       <form onSubmit={handleSubmit} className={styles.form}>
@@ -116,6 +116,7 @@ export function ApiKeyInput({
           className={clsx(styles.submitButton, {
             [styles.loading]: loading,
           })}
+          style={themeTemplate?.ButtonMessageTemplate?.button?.style ?? {}}
         >
           {loading ? 'Loading...' : 'Continue'}
         </button>