kiva-protocol-ui-kit 1.0.8 → 1.0.12

package/build/alert/Alert.d.ts

@@ -3,4 +3,5 @@ import "./Alert.scss";
 export interface AlertProps {
     title: string;
 }
-export declare const Alert: FunctionComponent<AlertProps>;
+declare const Alert: FunctionComponent<AlertProps>;
+export default Alert;

package/build/alert/Alert.types.d.ts

@@ -0,0 +1,2 @@
+export interface Alert {
+}

package/build/index.d.ts

@@ -1 +1,10 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    ActionCard: import("react").FunctionComponent<import("./action-card/ActionCard").ActionCardProps>;
+    Button: import("react").FunctionComponent<import("./button/Button").ButtonProps>;
+    Alert: import("react").FunctionComponent<import("./alert/Alert").AlertProps>;
+    FormInput: import("react").FunctionComponent<import("./form-input/FormInput").FormInputProps>;
+    QrCode: import("react").FunctionComponent<import("./qr-code/QrCode").QrCodeProps>;
+    ConsentCard: import("react").FunctionComponent<import("./consent-card/ConsentCard").ConsentCardProps>;
+};
+export default _default;

package/build/index.esm.css

@@ -1,8 +1,3 @@
-.action-card {
-  font-family: inherit;
-  width: 300px;
-  height: 300px; }
-
 .consent-card {
   font-family: inherit;
   width: 400px;
@@ -20,6 +15,27 @@
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
   border-radius: 20px; }
 
+.form-input {
+  padding: 12px 12px;
+  border: 0.5px solid #D4D4D4;
+  border-radius: 12px;
+  background-color: #FFF;
+  outline: none;
+  height: 68px;
+  font-size: 13px; }
+  .form-input *:focus {
+    box-shadow: none !important; }
+
+.form-label {
+  font-weight: 500;
+  margin-left: 10px;
+  margin-bottom: 0px; }
+
+.text-input-field {
+  border: none;
+  font-size: 13px;
+  padding: none !important; }
+
 .qr-loading-title {
   color: #e7e7e7;
   padding-top: 15px; }
@@ -55,27 +71,6 @@
   .qr-icon.verifying {
     color: #24778b; }
 
-.form-input {
-  padding: 12px 12px;
-  border: 0.5px solid #D4D4D4;
-  border-radius: 12px;
-  background-color: #FFF;
-  outline: none;
-  height: 68px;
-  font-size: 13px; }
-  .form-input *:focus {
-    box-shadow: none !important; }
-
-.form-label {
-  font-weight: 500;
-  margin-left: 10px;
-  margin-bottom: 0px; }
-
-.text-input-field {
-  border: none;
-  font-size: 13px;
-  padding: none !important; }
-
 button {
   height: 50px;
   border-radius: 16px !important;
@@ -87,3 +82,8 @@ button {
   button.btn-secondary {
     background-color: #FFF !important;
     color: #000 !important; }
+
+.action-card {
+  font-family: inherit;
+  width: 300px;
+  height: 300px; }

package/build/index.esm.js

@@ -138,7 +138,7 @@ var ConsentCard = function (prop) {
                 React.createElement(Button, { title: prop.accept, style: "primary" })))));
 };
 
-exports.Components = {
+var index = {
     ActionCard: ActionCard,
     Button: Button,
     Alert: Alert,
@@ -146,4 +146,6 @@ exports.Components = {
     QrCode: QrCode,
     ConsentCard: ConsentCard
 };
+
+export { index as default };
 //# sourceMappingURL=index.esm.js.map

package/build/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/action-card/ActionCard.tsx","../node_modules/classnames/index.js","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx","../src/index.ts"],"sourcesContent":["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};","/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { FunctionComponent } from \"react\";\nimport classNames from \"classnames\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  let styleClass = `btn-${prop.style}`;\n  let buttonClasses = {\n    \"btn\": true,\n    \"mb-6\": true\n  };\n  buttonClasses[styleClass] = true;\n  return (\n    <button type=\"button\" className={classNames(buttonClasses)}>\n      {prop.title}\n    </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      A simple light alert—check it out!\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 } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle, XCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\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  const renderQrIcon = () => {\n    switch(prop.state) {\n      case \"warning\":\n        return <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      case \"error\":\n        return <XCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      default:\n        return <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n    }\n  }\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n      {renderQrIcon()}\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\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","import { ActionCard } from \"./action-card/ActionCard\";\nimport { Button } from \"./button/Button\";\nimport { Alert } from \"./alert/Alert\";\nimport { FormInput } from \"./form-input/FormInput\";\nimport { QrCode } from \"./qr-code/QrCode\";\nimport { ConsentCard } from \"./consent-card/ConsentCard\";\n\nexports.Components = {\n  ActionCard,\n  Button,\n  Alert,\n  FormInput,\n  QrCode,\n  ConsentCard\n}"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/action-card/ActionCard.tsx","../node_modules/classnames/index.js","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx","../src/index.ts"],"sourcesContent":["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};","/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { FunctionComponent } from \"react\";\nimport classNames from \"classnames\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  let styleClass = `btn-${prop.style}`;\n  let buttonClasses = {\n    \"btn\": true,\n    \"mb-6\": true\n  };\n  buttonClasses[styleClass] = true;\n  return (\n    <button type=\"button\" className={classNames(buttonClasses)}>\n      {prop.title}\n    </button>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n  title: string;\n}\n\nconst Alert: FunctionComponent<AlertProps> = (prop) => {\n  return (\n    <div className=\"alert alert-light\" role=\"alert\">\n      A simple light alert—check it out!\n    </div>\n  );\n};\n\nexport default Alert;","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 } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle, XCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\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  const renderQrIcon = () => {\n    switch(prop.state) {\n      case \"warning\":\n        return <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      case \"error\":\n        return <XCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      default:\n        return <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n    }\n  }\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n      {renderQrIcon()}\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\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","import { ActionCard } from \"./action-card/ActionCard\";\nimport { Button } from \"./button/Button\";\nimport Alert from \"./alert/Alert\";\nimport { FormInput } from \"./form-input/FormInput\";\nimport { QrCode } from \"./qr-code/QrCode\";\nimport { ConsentCard } from \"./consent-card/ConsentCard\";\n\nexport default {\n  ActionCard,\n  Button,\n  Alert,\n  FormInput,\n  QrCode,\n  ConsentCard\n}"],"names":["classNames"],"mappings":"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"}

package/build/index.js

@@ -145,7 +145,7 @@ var ConsentCard = function (prop) {
                 React__default['default'].createElement(Button, { title: prop.accept, style: "primary" })))));
 };
 
-exports.Components = {
+var index = {
     ActionCard: ActionCard,
     Button: Button,
     Alert: Alert,
@@ -153,4 +153,6 @@ exports.Components = {
     QrCode: QrCode,
     ConsentCard: ConsentCard
 };
+
+module.exports = index;
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/action-card/ActionCard.tsx","../node_modules/classnames/index.js","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx","../src/index.ts"],"sourcesContent":["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};","/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { FunctionComponent } from \"react\";\nimport classNames from \"classnames\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  let styleClass = `btn-${prop.style}`;\n  let buttonClasses = {\n    \"btn\": true,\n    \"mb-6\": true\n  };\n  buttonClasses[styleClass] = true;\n  return (\n    <button type=\"button\" className={classNames(buttonClasses)}>\n      {prop.title}\n    </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      A simple light alert—check it out!\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 } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle, XCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\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  const renderQrIcon = () => {\n    switch(prop.state) {\n      case \"warning\":\n        return <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      case \"error\":\n        return <XCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      default:\n        return <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n    }\n  }\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n      {renderQrIcon()}\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\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","import { ActionCard } from \"./action-card/ActionCard\";\nimport { Button } from \"./button/Button\";\nimport { Alert } from \"./alert/Alert\";\nimport { FormInput } from \"./form-input/FormInput\";\nimport { QrCode } from \"./qr-code/QrCode\";\nimport { ConsentCard } from \"./consent-card/ConsentCard\";\n\nexports.Components = {\n  ActionCard,\n  Button,\n  Alert,\n  FormInput,\n  QrCode,\n  ConsentCard\n}"],"names":["React","classNames","Form","QRCode","useEffect","ExclamationCircle","XCircle","CheckCircle"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/action-card/ActionCard.tsx","../node_modules/classnames/index.js","../src/button/Button.tsx","../src/alert/Alert.tsx","../src/form-input/FormInput.tsx","../src/qr-code/QrCode.tsx","../src/consent-card/ConsentCard.tsx","../src/index.ts"],"sourcesContent":["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};","/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { FunctionComponent } from \"react\";\nimport classNames from \"classnames\";\nimport \"./Button.scss\";\n\nexport interface ButtonProps {\n  title: string;\n  style: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = (prop) => {\n  let styleClass = `btn-${prop.style}`;\n  let buttonClasses = {\n    \"btn\": true,\n    \"mb-6\": true\n  };\n  buttonClasses[styleClass] = true;\n  return (\n    <button type=\"button\" className={classNames(buttonClasses)}>\n      {prop.title}\n    </button>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport \"./Alert.scss\";\n\nexport interface AlertProps {\n  title: string;\n}\n\nconst Alert: FunctionComponent<AlertProps> = (prop) => {\n  return (\n    <div className=\"alert alert-light\" role=\"alert\">\n      A simple light alert—check it out!\n    </div>\n  );\n};\n\nexport default Alert;","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 } from \"react\";\nimport QRCode from 'qrcode';\nimport { CheckCircle, ExclamationCircle, XCircle } from 'react-bootstrap-icons';\nimport \"./QrCode.scss\";\nimport { useEffect } from 'react';\n\nexport interface QrCodeProps {\n  url: string;\n  state: string;\n}\n\nexport const QrCode: FunctionComponent<QrCodeProps> = (prop) => {\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  const renderQrIcon = () => {\n    switch(prop.state) {\n      case \"warning\":\n        return <ExclamationCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      case \"error\":\n        return <XCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n      default:\n        return <CheckCircle className={`qr-icon dialog-icon ${prop.state}`}/>;\n    }\n  }\n\n  return (\n    <div id=\"qr-box\">\n      <canvas id=\"qr-code\"></canvas>\n      {renderQrIcon()}\n    </div>\n  );\n};\n","import React, { FunctionComponent } from \"react\";\nimport { Button } from \"../button/Button\";\nimport _ from \"lodash\";\nimport \"./ConsentCard.scss\";\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","import { ActionCard } from \"./action-card/ActionCard\";\nimport { Button } from \"./button/Button\";\nimport Alert from \"./alert/Alert\";\nimport { FormInput } from \"./form-input/FormInput\";\nimport { QrCode } from \"./qr-code/QrCode\";\nimport { ConsentCard } from \"./consent-card/ConsentCard\";\n\nexport default {\n  ActionCard,\n  Button,\n  Alert,\n  FormInput,\n  QrCode,\n  ConsentCard\n}"],"names":["React","classNames","Form","QRCode","useEffect","ExclamationCircle","XCircle","CheckCircle"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kiva-protocol-ui-kit",
-  "version": "1.0.8",
+  "version": "1.0.12",
   "description": "Protocol Web UI",
   "main": "build/index.js",
   "module": "build/index.esm.js",