kiva-protocol-ui-kit 1.0.51 → 1.0.55

package/build/button/Button.d.ts

@@ -1,7 +1,8 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent, MouseEventHandler } from "react";
 import "./Button.scss";
 export interface ButtonProps {
     title: string;
     style: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare const Button: FunctionComponent<ButtonProps>;

package/build/consent-card/ConsentCard.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent, MouseEventHandler } from "react";
 import "./ConsentCard.scss";
 import "../typography.scss";
 import "../variables.scss";
@@ -7,7 +7,9 @@ export interface ConsentCardProps {
     title: string;
     agreement: string;
     pii: JSX.Element | null;
-    back: string;
-    accept: string;
+    backBtnHandler?: MouseEventHandler<HTMLButtonElement>;
+    backBtnContent?: string;
+    acceptBtnHandler: MouseEventHandler<HTMLButtonElement>;
+    acceptBtnContent: string;
 }
 export declare const ConsentCard: FunctionComponent<ConsentCardProps>;

package/build/index.esm.js

@@ -48,7 +48,7 @@ var css_248z$7 = "button{background-color:#004fd4!important;border-radius:16px!i
 styleInject(css_248z$7);
 
 var Button = function (prop) {
-    return (React.createElement("button", { type: "button", className: "btn btn-primary" }, prop.title));
+    return (React.createElement("button", { type: "button", className: "btn btn-primary", onClick: prop.onClick }, prop.title));
 };
 
 var css_248z$6 = ".alert{border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,.08);padding:23.5px 50px}";
@@ -17317,13 +17317,11 @@ var ConsentCard = function (prop) {
     return (React.createElement("div", { className: "flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5" },
         React.createElement("div", { className: "flex flex-col max-w-md px-8 py-6 space-y-5" },
             React.createElement("span", { className: "consent-title items-center" }, prop.title),
-            React.createElement("span", { className: "consent-body items-center" }, prop.agreement),
+            React.createElement("div", { className: "consent-body items-center" }, prop.agreement),
             React.createElement("ul", null, lodash.map(prop.pii, function (item) { return React.createElement("li", { className: "pii-list-item" }, item); }))),
         React.createElement("div", { className: "row col-flex" },
             React.createElement("div", { className: "col-sm text-center" },
-                React.createElement(Button, { title: prop.back, style: "secondary" })),
-            React.createElement("div", { className: "col-sm text-center" },
-                React.createElement(Button, { title: prop.accept, style: "primary" })))));
+                React.createElement(Button, { title: prop.acceptBtnContent, style: "primary", onClick: prop.acceptBtnHandler })))));
 };
 
 export { ActionCard, Alert, Button, ConsentCard, FormInput, QrCode };