kiva-protocol-ui-kit 1.0.41 → 1.0.43
Sign up to get free protection for your applications and to get access to all the features.
- package/build/consent-card/ConsentCard.d.ts +2 -2
- package/build/index.esm.js +19 -8
- package/build/index.esm.js.map +1 -1
- package/build/index.js +19 -7
- package/build/index.js.map +1 -1
- package/build/qr-code/QrCode.d.ts +2 -2
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@ import "./ConsentCard.scss";
|
|
|
3
3
|
import "../typography.scss";
|
|
4
4
|
import "../variables.scss";
|
|
5
5
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
6
|
-
export interface
|
|
6
|
+
export interface ConsentCardProps {
|
|
7
7
|
title: string;
|
|
8
8
|
agreement: string;
|
|
9
9
|
pii: Array<string>;
|
|
10
10
|
back: string;
|
|
11
11
|
accept: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const ConsentCard: FunctionComponent<
|
|
13
|
+
export declare const ConsentCard: FunctionComponent<ConsentCardProps>;
|
package/build/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
2
2
|
import { Form } from 'react-bootstrap';
|
|
3
|
-
import 'qrcode';
|
|
3
|
+
import QRCode from 'qrcode';
|
|
4
4
|
import { ExclamationCircle, CheckCircle } from 'react-bootstrap-icons';
|
|
5
5
|
|
|
6
6
|
function styleInject(css, ref) {
|
|
@@ -71,12 +71,23 @@ var css_248z$4 = ".qr-loading-title{color:#e7e7e7;padding-top:15px}#qr-loader{di
|
|
|
71
71
|
styleInject(css_248z$4);
|
|
72
72
|
|
|
73
73
|
var QrCode = function (prop) {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
74
|
+
var qrRendered = false;
|
|
75
|
+
var writeQRtoCanvas = function () {
|
|
76
|
+
try {
|
|
77
|
+
QRCode.toCanvas(document.getElementById('qr-code'), prop.url || "", {
|
|
78
|
+
width: 400
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
catch (_a) {
|
|
82
|
+
console.error('The QR code failed to write to the canvas');
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
useEffect(function () {
|
|
86
|
+
if (!qrRendered) {
|
|
87
|
+
writeQRtoCanvas();
|
|
88
|
+
qrRendered = true;
|
|
89
|
+
}
|
|
90
|
+
}, [writeQRtoCanvas]);
|
|
80
91
|
return (React.createElement("div", { id: "qr-box" },
|
|
81
92
|
React.createElement("canvas", { id: "qr-code" }),
|
|
82
93
|
prop.state === 'warning' ?
|
package/build/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n title: string;\n caption: string;\n src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n <img src={prop.src} width={36} alt={prop.caption} />\n <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n <span className=\"text-center text-gray-600\">{prop.caption}</span>\n </div>\n </div>\n );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n title: string;\n style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n return (\n <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n return (\n <div className=\"alert alert-light\" role=\"alert\">\n {prop.title}\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n return (\n <div className=\"form-input\">\n <Form.Label>Username</Form.Label>\n <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n </div>\n );\n};\n","import React, { FunctionComponent, useEffect } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\n\nexport interface
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n title: string;\n caption: string;\n src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n <img src={prop.src} width={36} alt={prop.caption} />\n <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n <span className=\"text-center text-gray-600\">{prop.caption}</span>\n </div>\n </div>\n );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n title: string;\n style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n return (\n <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n return (\n <div className=\"alert alert-light\" role=\"alert\">\n {prop.title}\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n return (\n <div className=\"form-input\">\n <Form.Label>Username</Form.Label>\n <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n </div>\n );\n};\n","import React, { FunctionComponent, useEffect } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\n\nexport interface QrCodeProps {\n url: string;\n state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop: QrCodeProps) => {\n let qrRendered = false;\n \n const writeQRtoCanvas = () => {\n try {\n QRCode.toCanvas(document.getElementById('qr-code'), prop.url || \"\", {\n width: 400\n });\n } catch {\n console.error('The QR code failed to write to the canvas');\n }\n }\n\n useEffect(() => {\n if(!qrRendered) {\n writeQRtoCanvas();\n qrRendered = true;\n }\n }, [writeQRtoCanvas]);\n\n return (\n <div id=\"qr-box\">\n <canvas id=\"qr-code\"></canvas>\n {prop.state === 'warning' ?\n <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/> :\n <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/> \n }\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\nimport \"../typography.scss\";\nimport \"../variables.scss\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nexport interface ConsentCardProps {\n title: string;\n agreement: string;\n pii: Array<string>;\n back: string;\n accept: string;\n}\n\nexport const ConsentCard: FunctionComponent<ConsentCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5\">\n <span className=\"consent-title items-center\">{prop.title}</span>\n <span className=\"consent-body items-center\">{prop.agreement}</span>\n <ul>\n {prop.pii.map(item => <li className=\"pii-list-item\">{item}</li>)}\n </ul>\n </div>\n <div className=\"row col-flex\">\n <div className=\"col-sm text-center\">\n <Button title={prop.back} style=\"secondary\"></Button>\n </div>\n <div className=\"col-sm text-center\">\n <Button title={prop.accept} style=\"primary\"></Button>\n </div>\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
package/build/index.js
CHANGED
|
@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactBootstrap = require('react-bootstrap');
|
|
7
|
-
require('qrcode');
|
|
7
|
+
var QRCode = require('qrcode');
|
|
8
8
|
var reactBootstrapIcons = require('react-bootstrap-icons');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
|
|
13
14
|
|
|
14
15
|
function styleInject(css, ref) {
|
|
15
16
|
if ( ref === void 0 ) ref = {};
|
|
@@ -79,12 +80,23 @@ var css_248z$4 = ".qr-loading-title{color:#e7e7e7;padding-top:15px}#qr-loader{di
|
|
|
79
80
|
styleInject(css_248z$4);
|
|
80
81
|
|
|
81
82
|
var QrCode = function (prop) {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
83
|
+
var qrRendered = false;
|
|
84
|
+
var writeQRtoCanvas = function () {
|
|
85
|
+
try {
|
|
86
|
+
QRCode__default['default'].toCanvas(document.getElementById('qr-code'), prop.url || "", {
|
|
87
|
+
width: 400
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
catch (_a) {
|
|
91
|
+
console.error('The QR code failed to write to the canvas');
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
React.useEffect(function () {
|
|
95
|
+
if (!qrRendered) {
|
|
96
|
+
writeQRtoCanvas();
|
|
97
|
+
qrRendered = true;
|
|
98
|
+
}
|
|
99
|
+
}, [writeQRtoCanvas]);
|
|
88
100
|
return (React__default['default'].createElement("div", { id: "qr-box" },
|
|
89
101
|
React__default['default'].createElement("canvas", { id: "qr-code" }),
|
|
90
102
|
prop.state === 'warning' ?
|
package/build/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n title: string;\n caption: string;\n src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n <img src={prop.src} width={36} alt={prop.caption} />\n <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n <span className=\"text-center text-gray-600\">{prop.caption}</span>\n </div>\n </div>\n );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n title: string;\n style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n return (\n <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n return (\n <div className=\"alert alert-light\" role=\"alert\">\n {prop.title}\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n return (\n <div className=\"form-input\">\n <Form.Label>Username</Form.Label>\n <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n </div>\n );\n};\n","import React, { FunctionComponent, useEffect } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\n\nexport interface
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/action-card/ActionCard.tsx","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { FunctionComponent } from \"react\";\nimport \"./ActionCard.scss\";\n\nexport interface ActionCardProps {\n title: string;\n caption: string;\n src: string;\n}\n\nexport const ActionCard: FunctionComponent<ActionCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5 items-center\">\n <img src={prop.src} width={36} alt={prop.caption} />\n <h3 className=\"font-bold text-gray-900 text-xl\">{prop.title}</h3>\n <span className=\"text-center text-gray-600\">{prop.caption}</span>\n </div>\n </div>\n );\n};","import React, { FunctionComponent } from \"react\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n title: string;\n style: string\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n return (\n <button type=\"button\" className=\"btn btn-primary\">{prop.title}</button>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n title: string;\n}\n\nexport const Alert: FunctionComponent<AlertProps> = (prop) => {\n return (\n <div className=\"alert alert-light\" role=\"alert\">\n {prop.title}\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./FormInput.scss\";\nimport { Form } from 'react-bootstrap';\n\nexport interface FormInputProps {\n title: string;\n}\n\nexport const FormInput: FunctionComponent<FormInputProps> = (prop) => {\n return (\n <div className=\"form-input\">\n <Form.Label>Username</Form.Label>\n <Form.Control className=\"text-input-field\" type=\"email\" placeholder=\"Enter email\" />\n </div>\n );\n};\n","import React, { FunctionComponent, useEffect } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\n\nexport interface QrCodeProps {\n url: string;\n state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop: QrCodeProps) => {\n let qrRendered = false;\n \n const writeQRtoCanvas = () => {\n try {\n QRCode.toCanvas(document.getElementById('qr-code'), prop.url || \"\", {\n width: 400\n });\n } catch {\n console.error('The QR code failed to write to the canvas');\n }\n }\n\n useEffect(() => {\n if(!qrRendered) {\n writeQRtoCanvas();\n qrRendered = true;\n }\n }, [writeQRtoCanvas]);\n\n return (\n <div id=\"qr-box\">\n <canvas id=\"qr-code\"></canvas>\n {prop.state === 'warning' ?\n <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/> :\n <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/> \n }\n </div>\n );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\nimport \"../typography.scss\";\nimport \"../variables.scss\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nexport interface ConsentCardProps {\n title: string;\n agreement: string;\n pii: Array<string>;\n back: string;\n accept: string;\n}\n\nexport const ConsentCard: FunctionComponent<ConsentCardProps> = (prop) => {\n return (\n <div className=\"flex flex-col justify-center rounded-3xl jurne-card bg-white p-1.5\">\n <div className=\"flex flex-col max-w-md px-8 py-6 space-y-5\">\n <span className=\"consent-title items-center\">{prop.title}</span>\n <span className=\"consent-body items-center\">{prop.agreement}</span>\n <ul>\n {prop.pii.map(item => <li className=\"pii-list-item\">{item}</li>)}\n </ul>\n </div>\n <div className=\"row col-flex\">\n <div className=\"col-sm text-center\">\n <Button title={prop.back} style=\"secondary\"></Button>\n </div>\n <div className=\"col-sm text-center\">\n <Button title={prop.accept} style=\"primary\"></Button>\n </div>\n </div>\n </div>\n );\n};\n"],"names":["React","Form","QRCode","useEffect","ExclamationCircle","CheckCircle"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FunctionComponent } from "react";
|
|
2
2
|
import "./QrCode.scss";
|
|
3
|
-
export interface
|
|
3
|
+
export interface QrCodeProps {
|
|
4
4
|
url: string;
|
|
5
5
|
state: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const QrCode: FunctionComponent<
|
|
7
|
+
export declare const QrCode: FunctionComponent<QrCodeProps>;
|