@veramo-community/react-components - npm Package Compare versions

Comparing version 1.1.4 to 1.2.0

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";function n(n){var e=Object.create(null);return n&&Object.keys(n).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(e,o,t.get?t:{enumerable:!0,get:function(){return n[o]}})}})),e.default=n,Object.freeze(e)}var e=n(require("react")),o=function(n){var o=n.credential;return e.createElement("div",{className:"credential__kudos"},e.createElement("div",{className:"credential__kudos_content"},e.createElement("div",null,e.createElement("div",{className:"credential__kudos_title"},e.createElement("span",{className:"credential__kudos_emoji"},"🏆")," Kudos to ",e.createElement("a",{href:o.credentialSubject.id,className:"veramo__pointer"},o.credentialSubject.name)),e.createElement("div",{className:"credential__kudos_kudos"},o.credentialSubject.kudos)),e.createElement("a",{href:o.credentialSubject.id},e.createElement("img",{src:o.credentialSubject.avatar,className:"credential__kudos_avatar"}))),e.createElement("div",{className:"credential__kudos_footer"},e.createElement("a",{href:o.credentialSubject.authorId},e.createElement("img",{className:"credential__kudos_author_avatar veramo__pointer",src:o.credentialSubject.authorAvatar})),e.createElement("a",{className:"credential__kudos_author_name veramo__pointer",href:o.credentialSubject.authorId},o.credentialSubject.authorName),e.createElement("span",{className:"credential__kudos_footer_spacer"},"・"),e.createElement("a",{className:"veramo__pointer",href:"https://discord.com/channels/".concat(o.credentialSubject.guildId,"/").concat(o.credentialSubject.channelId,"/").concat(o.id)},o.credentialSubject.channelName),e.createElement("span",{className:"credential__kudos_footer_spacer"},"・"),e.createElement("a",{className:"veramo__pointer",href:"https://discord.com/channels/".concat(o.credentialSubject.guildId,"/").concat(o.credentialSubject.channelId,"/").concat(o.id)},e.createElement("img",{className:"credential__kudos_guild_avatar",src:o.credentialSubject.guildAvatar}),o.credentialSubject.guildName)))};!function(n,e){void 0===e&&(e={});var o=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}('\n html, body {\n  font-family: var(--markdown-font-family, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);\n  font-size: var(--markdown-font-size, 14px);\n  padding: 0 26px;\n  line-height: var(--markdown-line-height, 22px);\n  word-wrap: break-word;\n}\n\nbody {\n  padding-top: 1em;\n}\n\n/* Reset margin top for elements */\nh1, h2, h3, h4, h5, h6,\np, ol, ul, pre {\n  margin-top: 0;\n}\n\nh2, h3, h4, h5, h6 {\n  font-weight: normal;\n  margin-bottom: 0.2em;\n}\n\n#code-csp-warning {\n  position: fixed;\n  top: 0;\n  right: 0;\n  color: white;\n  margin: 16px;\n  text-align: center;\n  font-size: 12px;\n  font-family: sans-serif;\n  background-color:#444444;\n  cursor: pointer;\n  padding: 6px;\n  box-shadow: 1px 1px 1px rgba(0,0,0,.25);\n}\n\n#code-csp-warning:hover {\n  text-decoration: none;\n  background-color:#007acc;\n  box-shadow: 2px 2px 2px rgba(0,0,0,.25);\n}\n\nbody.scrollBeyondLastLine {\n  margin-bottom: calc(100vh - 22px);\n}\n\nbody.showEditorSelection .code-line {\n  position: relative;\n}\n\nbody.showEditorSelection :not(tr).code-active-line:before,\nbody.showEditorSelection :not(tr).code-line:hover:before {\n  content: "";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: -12px;\n  height: 100%;\n}\n\nbody.showEditorSelection li.code-active-line:before,\nbody.showEditorSelection li.code-line:hover:before {\n  left: -30px;\n}\n\n.vscode-light.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(0, 0, 0, 0.15);\n}\n\n.vscode-light.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(0, 0, 0, 0.40);\n}\n\n.vscode-light.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\n.vscode-dark.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(255, 255, 255, 0.4);\n}\n\n.vscode-dark.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(255, 255, 255, 0.60);\n}\n\n.vscode-dark.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\n.vscode-high-contrast.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(255, 160, 0, 0.7);\n}\n\n.vscode-high-contrast.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(255, 160, 0, 1);\n}\n\n.vscode-high-contrast.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\nul ul,\nul ol,\nol ul,\nol ol {\n  margin-bottom: 0;\n}\n\nimg {\n  max-width: 100%;\n  max-height: 100%;\n}\n\na {\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na:focus,\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: 1px solid -webkit-focus-ring-color;\n  outline-offset: -1px;\n}\n\np {\n  margin-bottom: 0.7em;\n}\n\nul,\nol {\n  margin-bottom: 0.7em;\n}\n\nhr {\n  border: 0;\n  height: 2px;\n  border-bottom: 2px solid;\n}\n\nh1 {\n  padding-bottom: 0.3em;\n  line-height: 1.2;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  font-weight: normal;\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 0.7em;\n}\n\nth {\n  text-align: left;\n  border-bottom: 1px solid;\n}\n\nth,\ntd {\n  padding: 5px 10px;\n}\n\ntable > tbody > tr + tr > td {\n  border-top: 1px solid;\n}\n\nblockquote {\n  margin: 0 7px 0 5px;\n  padding: 0 16px 0 10px;\n  border-left-width: 5px;\n  border-left-style: solid;\n}\n\ncode {\n  font-family: var(--vscode-editor-font-family, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace);\n  font-size: 1em;\n  line-height: 1.357em;\n}\n\nbody.wordWrap pre {\n  white-space: pre-wrap;\n}\n\npre:not(.hljs),\npre.hljs code > div {\n  padding: 16px;\n  border-radius: 3px;\n  overflow: auto;\n}\n\npre code {\n  color: var(--vscode-editor-foreground);\n  tab-size: 4;\n}\n\n/** Theming */\n\n.vscode-light pre {\n  background-color: rgba(220, 220, 220, 0.4);\n}\n\n.vscode-dark pre {\n  background-color: rgba(10, 10, 10, 0.4);\n}\n\n.vscode-high-contrast pre {\n  background-color: var(--vscode-textCodeBlock-background);\n}\n\n.vscode-high-contrast h1 {\n  border-color: rgb(0, 0, 0);\n}\n\n.vscode-light th {\n  border-color: rgba(0, 0, 0, 0.69);\n}\n\n.vscode-dark th {\n  border-color: rgba(255, 255, 255, 0.69);\n}\n\n.vscode-light h1,\n.vscode-light hr,\n.vscode-light td {\n  border-color: rgba(0, 0, 0, 0.18);\n}\n\n.vscode-dark h1,\n.vscode-dark hr,\n.vscode-dark td {\n  border-color: rgba(255, 255, 255, 0.18);\n}\n\n\n\n .json-pretty {\n     font-family: Menlo, Monaco, "Courier New", monospace;\n     font-weight: normal;\n }\n\n .json-string {\n     color: #6caedd;\n }\n\n .json-key {\n     color: #ec5f67;\n }\n\n .json-boolean {\n     color: #99c794;\n }\n\n .json-number {\n     color: #99c794;\n }\n\n\n\n.veramo {\n  position: relative;\n  border-radius: 5px;\n  border-left: 4px solid #73C394;\n  padding: 15px;\n  background-color: rgba(0,0,0,0.1);\n}\n\n.verification {\n  /* display: inline-block; */\n  position: absolute;\n  top: 15px;\n  right: 15px;\n}\n\n.veramo-footer {\n  opacity: 0.6;\n  font-size: small;\n}\n\n.veramo-summary {\n  opacity: 0.7;\n}\n.spinner {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: 3px solid #73c394;\n  animation: spinner-bulqg1 0.8s infinite linear alternate,\n       spinner-oaa3wk 1.6s infinite linear;\n}\n\n@keyframes spinner-bulqg1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 0%,\n      100% 0%,\n      100% 0%\n    );\n  }\n\n  25% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 100%,\n      100% 100%,\n      100% 100%\n    );\n  }\n\n  50% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  62.5% {\n    clip-path: polygon(\n      50% 50%,\n      100% 0,\n      100% 0%,\n      100% 0%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  75% {\n    clip-path: polygon(\n      50% 50%,\n      100% 100%,\n      100% 100%,\n      100% 100%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  100% {\n    clip-path: polygon(\n      50% 50%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n}\n\n@keyframes spinner-oaa3wk {\n  0% {\n    transform: scaleY(1) rotate(0deg);\n  }\n\n  49.99% {\n    transform: scaleY(1) rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1) rotate(0deg);\n  }\n\n  100% {\n    transform: scaleY(-1) rotate(-135deg);\n  }\n}\n\n\n\n.credential {\n  border: 1px solid var(--background-modifier-border);\n  padding: 10px;\n}\n\n.credential__issuer {\n  color: var(--text-muted);\n}\n\n.veramo__verification_result_footer {\n  /* border-top: 1px solid var(--background-modifier-border); */\n  /* margin-top: 10px; */\n  padding: 5px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  color: var(--text-muted);\n  font-size: small;\n  cursor: pointer;\n}\n\n.veramo__verification_result_footer_spacer {\n}\n\n.credential__kudos {\n  border-radius: 5px;\n  border-left: 4px solid #73C394;\n  padding: 15px;\n  background-color: rgba(0,0,0,0.1);\n}\n\n.credential__kudos_content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.credential__kudos_author {\n  font-weight: 500;\n  font-size: small;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_author_avatar {\n  height: 24px;\n  width: 24px;\n  border-radius: 12px;\n  margin-right: 10px;\n}\n\n.credential__kudos_title {\n  font-weight: 700;\n  font-size: medium;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_kudos {\n  font-weight: normal;\n  font-size: medium;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_footer {\n  display: flex;\n  justify-content: flex-start;\n  align-items: normal;\n  font-weight: normal;\n  font-size: normal;\n  color: var(--text-muted);\n\n}\n\n.credential__kudos_guild_avatar {\n  height: 16px;\n  width: 16px;\n  border-radius: 8px;\n  margin-right: 5px;\n}\n\n.credential__kudos_footer_spacer {\n  margin-right: 2px;\n  margin-left: 2px;\n}\n\n.credential__kudos_avatar {\n  height: 100px;\n  width: 100px;\n  min-height: 100px;\n  min-width: 100px;\n  border-radius: 5px;\n  margin-left: 15px;\n}\n\n.veramo__pointer {\n  cursor: pointer;\n}\n\n.credential__kudos_emoji {\n  margin-right: 5px;\n}\n\n.veramo__verified_icon {\n  margin-right: 5px;\n}\n\n.veramo__pre {\n  font-size: small;\n  white-space: pre-wrap;       /* Since CSS 2.1 */\n  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */\n  white-space: -pre-wrap;      /* Opera 4-6 */\n  white-space: -o-pre-wrap;    /* Opera 7 */\n  word-wrap: break-word;       /* Internet Explorer 5.5+ */\n}');exports.VerifiableCredential=function(n){var t,r=n.credential;return(null===(t=r.type)||void 0===t?void 0:t.includes("Kudos"))?e.createElement(o,{credential:r}):e.createElement("div",{className:"credential"},e.createElement("div",null,"Type: ",r.type.join(";")),e.createElement("div",null,"Created at: ",r.issuanceDate),e.createElement("div",{className:"credential__issuer"},"Issuer: ",r.issuer.id),e.createElement("pre",null,JSON.stringify(r.credentialSubject,null,2)))};
+"use strict";function e(e){var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var n=e(require("react")),t=function(e){var t=e.credential;return n.createElement("div",{className:"message-embed"},n.createElement("div",{className:"embed-content"},n.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",n.createElement("a",{href:t.credentialSubject.id},t.credentialSubject.name)),n.createElement("div",{className:"embed-description description"},t.credentialSubject.kudos),n.createElement("div",{className:"embed-footer"},n.createElement("img",{className:"footer-icon",src:t.credentialSubject.authorAvatar,alt:""}),n.createElement("a",{href:t.credentialSubject.authorId},t.credentialSubject.authorName),n.createElement("span",{className:"divider"},"•"),n.createElement("a",{href:"https://discord.com/channels/".concat(t.credentialSubject.guildId,"/").concat(t.credentialSubject.channelId,"/").concat(t.id)},t.credentialSubject.channelName),n.createElement("span",{className:"divider"},"•"),n.createElement("a",{href:"https://discord.com/channels/".concat(t.credentialSubject.guildId,"/").concat(t.credentialSubject.channelId,"/").concat(t.id)},t.credentialSubject.guildName))),n.createElement("div",{className:"embed-thumbnail"},n.createElement("div",{className:"avatar-large"}," ",n.createElement("img",{src:t.credentialSubject.avatar})," ")))},a=function(e){var t=e.credential;return n.createElement("div",{className:"message-embed"},n.createElement("div",{className:"embed-content"},n.createElement("div",{className:"embed-title description"},t.type.join(", ")),n.createElement("div",{className:"embed-fields"},Object.entries(t.credentialSubject).map((function(e){var t=e[0],a=e[1];return n.createElement("div",{className:"embed-field",key:t},n.createElement("div",{className:"embed-field-name"},t),n.createElement("div",{className:"embed-field-value"},"object"==typeof a||Array.isArray(a)?JSON.stringify(a):a))})))))};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\n.avatar-large img, .avatar-large svg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display:block\n}\n\n.hidden {\n  display:none !important\n}\n\n.message-embed {\n  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  padding: 16px;\n  border-radius: 4px;\n  background: #36393f;\n  color: #fff;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);\n  border-left: 4px solid #73C394;\n  display: flex;\n  align-items: flex-start;\n  margin-top:8px\n}\n\n.embed-title {\n  font-weight: 500;\n  word-break:break-word\n}\n\n.embed-description {\n  margin-top: 16px;\n  color: #ddd;\n  font-size: 14px;\n  word-break:break-word\n}\n\na[href] {\n  color:#1eb1f1\n}\n\n.embed-footer a[href] {\n  color:#fff;\n  text-decoration: none;\n}\n.embed-fields .embed-field {\n  margin-top: 16px;\n  font-size:14px\n}\n\n.embed-fields .embed-field .embed-field-name {\n  font-weight:500\n}\n\n.embed-fields .embed-field .embed-field-value {\n  margin-top: 4px;\n  word-break:break-word\n}\n\n.embed-fields .embed-field.inline {\n  display: inline-block;\n  margin-right:16px\n}\n\n.embed-thumbnail {\n  margin-left: auto;\n  padding-left:16px\n}\n\n.embed-author {\n  display: flex;\n  align-items: center;\n  font-size:14px\n}\n\n.embed-author a[href] {\n  color:#fff\n}\n\n.embed-author .author-image {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  margin-right: 8px;\n  object-fit:cover\n}\n\n.embed-footer {\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  font-size:10px\n}\n\n.embed-footer .footer-icon {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  display: inline-block;\n  margin-right: 8px;\n  flex-shrink: 0;\n  object-fit:cover\n}\n\n.embed-footer .divider {\n  margin:0 8px\n}\n\n.avatar-large {\n  width: 64px;\n  height: 64px;\n  overflow: hidden;\n  border-radius: 4px;\n  flex-shrink:0\n}');exports.VerifiableCredential=function(e){var r,i=e.credential;return(null===(r=i.type)||void 0===r?void 0:r.includes("Kudos"))?n.createElement(t,{credential:i}):n.createElement(a,{credential:i})};
 //# sourceMappingURL=index.js.map

dist/esm/index.js

@@ -1,2 +0,2 @@
-import*as n from"react";var e=function(e){var o=e.credential;return n.createElement("div",{className:"credential__kudos"},n.createElement("div",{className:"credential__kudos_content"},n.createElement("div",null,n.createElement("div",{className:"credential__kudos_title"},n.createElement("span",{className:"credential__kudos_emoji"},"🏆")," Kudos to ",n.createElement("a",{href:o.credentialSubject.id,className:"veramo__pointer"},o.credentialSubject.name)),n.createElement("div",{className:"credential__kudos_kudos"},o.credentialSubject.kudos)),n.createElement("a",{href:o.credentialSubject.id},n.createElement("img",{src:o.credentialSubject.avatar,className:"credential__kudos_avatar"}))),n.createElement("div",{className:"credential__kudos_footer"},n.createElement("a",{href:o.credentialSubject.authorId},n.createElement("img",{className:"credential__kudos_author_avatar veramo__pointer",src:o.credentialSubject.authorAvatar})),n.createElement("a",{className:"credential__kudos_author_name veramo__pointer",href:o.credentialSubject.authorId},o.credentialSubject.authorName),n.createElement("span",{className:"credential__kudos_footer_spacer"},"・"),n.createElement("a",{className:"veramo__pointer",href:"https://discord.com/channels/".concat(o.credentialSubject.guildId,"/").concat(o.credentialSubject.channelId,"/").concat(o.id)},o.credentialSubject.channelName),n.createElement("span",{className:"credential__kudos_footer_spacer"},"・"),n.createElement("a",{className:"veramo__pointer",href:"https://discord.com/channels/".concat(o.credentialSubject.guildId,"/").concat(o.credentialSubject.channelId,"/").concat(o.id)},n.createElement("img",{className:"credential__kudos_guild_avatar",src:o.credentialSubject.guildAvatar}),o.credentialSubject.guildName)))};!function(n,e){void 0===e&&(e={});var o=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}('\n html, body {\n  font-family: var(--markdown-font-family, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);\n  font-size: var(--markdown-font-size, 14px);\n  padding: 0 26px;\n  line-height: var(--markdown-line-height, 22px);\n  word-wrap: break-word;\n}\n\nbody {\n  padding-top: 1em;\n}\n\n/* Reset margin top for elements */\nh1, h2, h3, h4, h5, h6,\np, ol, ul, pre {\n  margin-top: 0;\n}\n\nh2, h3, h4, h5, h6 {\n  font-weight: normal;\n  margin-bottom: 0.2em;\n}\n\n#code-csp-warning {\n  position: fixed;\n  top: 0;\n  right: 0;\n  color: white;\n  margin: 16px;\n  text-align: center;\n  font-size: 12px;\n  font-family: sans-serif;\n  background-color:#444444;\n  cursor: pointer;\n  padding: 6px;\n  box-shadow: 1px 1px 1px rgba(0,0,0,.25);\n}\n\n#code-csp-warning:hover {\n  text-decoration: none;\n  background-color:#007acc;\n  box-shadow: 2px 2px 2px rgba(0,0,0,.25);\n}\n\nbody.scrollBeyondLastLine {\n  margin-bottom: calc(100vh - 22px);\n}\n\nbody.showEditorSelection .code-line {\n  position: relative;\n}\n\nbody.showEditorSelection :not(tr).code-active-line:before,\nbody.showEditorSelection :not(tr).code-line:hover:before {\n  content: "";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: -12px;\n  height: 100%;\n}\n\nbody.showEditorSelection li.code-active-line:before,\nbody.showEditorSelection li.code-line:hover:before {\n  left: -30px;\n}\n\n.vscode-light.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(0, 0, 0, 0.15);\n}\n\n.vscode-light.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(0, 0, 0, 0.40);\n}\n\n.vscode-light.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\n.vscode-dark.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(255, 255, 255, 0.4);\n}\n\n.vscode-dark.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(255, 255, 255, 0.60);\n}\n\n.vscode-dark.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\n.vscode-high-contrast.showEditorSelection .code-active-line:before {\n  border-left: 3px solid rgba(255, 160, 0, 0.7);\n}\n\n.vscode-high-contrast.showEditorSelection .code-line:hover:before {\n  border-left: 3px solid rgba(255, 160, 0, 1);\n}\n\n.vscode-high-contrast.showEditorSelection .code-line .code-line:hover:before {\n  border-left: none;\n}\n\nul ul,\nul ol,\nol ul,\nol ol {\n  margin-bottom: 0;\n}\n\nimg {\n  max-width: 100%;\n  max-height: 100%;\n}\n\na {\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na:focus,\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: 1px solid -webkit-focus-ring-color;\n  outline-offset: -1px;\n}\n\np {\n  margin-bottom: 0.7em;\n}\n\nul,\nol {\n  margin-bottom: 0.7em;\n}\n\nhr {\n  border: 0;\n  height: 2px;\n  border-bottom: 2px solid;\n}\n\nh1 {\n  padding-bottom: 0.3em;\n  line-height: 1.2;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  font-weight: normal;\n}\n\ntable {\n  border-collapse: collapse;\n  margin-bottom: 0.7em;\n}\n\nth {\n  text-align: left;\n  border-bottom: 1px solid;\n}\n\nth,\ntd {\n  padding: 5px 10px;\n}\n\ntable > tbody > tr + tr > td {\n  border-top: 1px solid;\n}\n\nblockquote {\n  margin: 0 7px 0 5px;\n  padding: 0 16px 0 10px;\n  border-left-width: 5px;\n  border-left-style: solid;\n}\n\ncode {\n  font-family: var(--vscode-editor-font-family, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace);\n  font-size: 1em;\n  line-height: 1.357em;\n}\n\nbody.wordWrap pre {\n  white-space: pre-wrap;\n}\n\npre:not(.hljs),\npre.hljs code > div {\n  padding: 16px;\n  border-radius: 3px;\n  overflow: auto;\n}\n\npre code {\n  color: var(--vscode-editor-foreground);\n  tab-size: 4;\n}\n\n/** Theming */\n\n.vscode-light pre {\n  background-color: rgba(220, 220, 220, 0.4);\n}\n\n.vscode-dark pre {\n  background-color: rgba(10, 10, 10, 0.4);\n}\n\n.vscode-high-contrast pre {\n  background-color: var(--vscode-textCodeBlock-background);\n}\n\n.vscode-high-contrast h1 {\n  border-color: rgb(0, 0, 0);\n}\n\n.vscode-light th {\n  border-color: rgba(0, 0, 0, 0.69);\n}\n\n.vscode-dark th {\n  border-color: rgba(255, 255, 255, 0.69);\n}\n\n.vscode-light h1,\n.vscode-light hr,\n.vscode-light td {\n  border-color: rgba(0, 0, 0, 0.18);\n}\n\n.vscode-dark h1,\n.vscode-dark hr,\n.vscode-dark td {\n  border-color: rgba(255, 255, 255, 0.18);\n}\n\n\n\n .json-pretty {\n     font-family: Menlo, Monaco, "Courier New", monospace;\n     font-weight: normal;\n }\n\n .json-string {\n     color: #6caedd;\n }\n\n .json-key {\n     color: #ec5f67;\n }\n\n .json-boolean {\n     color: #99c794;\n }\n\n .json-number {\n     color: #99c794;\n }\n\n\n\n.veramo {\n  position: relative;\n  border-radius: 5px;\n  border-left: 4px solid #73C394;\n  padding: 15px;\n  background-color: rgba(0,0,0,0.1);\n}\n\n.verification {\n  /* display: inline-block; */\n  position: absolute;\n  top: 15px;\n  right: 15px;\n}\n\n.veramo-footer {\n  opacity: 0.6;\n  font-size: small;\n}\n\n.veramo-summary {\n  opacity: 0.7;\n}\n.spinner {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: 3px solid #73c394;\n  animation: spinner-bulqg1 0.8s infinite linear alternate,\n       spinner-oaa3wk 1.6s infinite linear;\n}\n\n@keyframes spinner-bulqg1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 0%,\n      100% 0%,\n      100% 0%\n    );\n  }\n\n  25% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 100%,\n      100% 100%,\n      100% 100%\n    );\n  }\n\n  50% {\n    clip-path: polygon(\n      50% 50%,\n      0 0,\n      50% 0%,\n      100% 0%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  62.5% {\n    clip-path: polygon(\n      50% 50%,\n      100% 0,\n      100% 0%,\n      100% 0%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  75% {\n    clip-path: polygon(\n      50% 50%,\n      100% 100%,\n      100% 100%,\n      100% 100%,\n      100% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n\n  100% {\n    clip-path: polygon(\n      50% 50%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      50% 100%,\n      0% 100%\n    );\n  }\n}\n\n@keyframes spinner-oaa3wk {\n  0% {\n    transform: scaleY(1) rotate(0deg);\n  }\n\n  49.99% {\n    transform: scaleY(1) rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1) rotate(0deg);\n  }\n\n  100% {\n    transform: scaleY(-1) rotate(-135deg);\n  }\n}\n\n\n\n.credential {\n  border: 1px solid var(--background-modifier-border);\n  padding: 10px;\n}\n\n.credential__issuer {\n  color: var(--text-muted);\n}\n\n.veramo__verification_result_footer {\n  /* border-top: 1px solid var(--background-modifier-border); */\n  /* margin-top: 10px; */\n  padding: 5px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  color: var(--text-muted);\n  font-size: small;\n  cursor: pointer;\n}\n\n.veramo__verification_result_footer_spacer {\n}\n\n.credential__kudos {\n  border-radius: 5px;\n  border-left: 4px solid #73C394;\n  padding: 15px;\n  background-color: rgba(0,0,0,0.1);\n}\n\n.credential__kudos_content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.credential__kudos_author {\n  font-weight: 500;\n  font-size: small;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_author_avatar {\n  height: 24px;\n  width: 24px;\n  border-radius: 12px;\n  margin-right: 10px;\n}\n\n.credential__kudos_title {\n  font-weight: 700;\n  font-size: medium;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_kudos {\n  font-weight: normal;\n  font-size: medium;\n  margin-bottom: 10px;\n}\n\n.credential__kudos_footer {\n  display: flex;\n  justify-content: flex-start;\n  align-items: normal;\n  font-weight: normal;\n  font-size: normal;\n  color: var(--text-muted);\n\n}\n\n.credential__kudos_guild_avatar {\n  height: 16px;\n  width: 16px;\n  border-radius: 8px;\n  margin-right: 5px;\n}\n\n.credential__kudos_footer_spacer {\n  margin-right: 2px;\n  margin-left: 2px;\n}\n\n.credential__kudos_avatar {\n  height: 100px;\n  width: 100px;\n  min-height: 100px;\n  min-width: 100px;\n  border-radius: 5px;\n  margin-left: 15px;\n}\n\n.veramo__pointer {\n  cursor: pointer;\n}\n\n.credential__kudos_emoji {\n  margin-right: 5px;\n}\n\n.veramo__verified_icon {\n  margin-right: 5px;\n}\n\n.veramo__pre {\n  font-size: small;\n  white-space: pre-wrap;       /* Since CSS 2.1 */\n  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */\n  white-space: -pre-wrap;      /* Opera 4-6 */\n  white-space: -o-pre-wrap;    /* Opera 7 */\n  word-wrap: break-word;       /* Internet Explorer 5.5+ */\n}');var o=function(o){var t,r=o.credential;return(null===(t=r.type)||void 0===t?void 0:t.includes("Kudos"))?n.createElement(e,{credential:r}):n.createElement("div",{className:"credential"},n.createElement("div",null,"Type: ",r.type.join(";")),n.createElement("div",null,"Created at: ",r.issuanceDate),n.createElement("div",{className:"credential__issuer"},"Issuer: ",r.issuer.id),n.createElement("pre",null,JSON.stringify(r.credentialSubject,null,2)))};export{o as VerifiableCredential};
+import*as e from"react";var n=function(n){var t=n.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},"🏆 Kudos to ",e.createElement("a",{href:t.credentialSubject.id},t.credentialSubject.name)),e.createElement("div",{className:"embed-description description"},t.credentialSubject.kudos),e.createElement("div",{className:"embed-footer"},e.createElement("img",{className:"footer-icon",src:t.credentialSubject.authorAvatar,alt:""}),e.createElement("a",{href:t.credentialSubject.authorId},t.credentialSubject.authorName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(t.credentialSubject.guildId,"/").concat(t.credentialSubject.channelId,"/").concat(t.id)},t.credentialSubject.channelName),e.createElement("span",{className:"divider"},"•"),e.createElement("a",{href:"https://discord.com/channels/".concat(t.credentialSubject.guildId,"/").concat(t.credentialSubject.channelId,"/").concat(t.id)},t.credentialSubject.guildName))),e.createElement("div",{className:"embed-thumbnail"},e.createElement("div",{className:"avatar-large"}," ",e.createElement("img",{src:t.credentialSubject.avatar})," ")))},t=function(n){var t=n.credential;return e.createElement("div",{className:"message-embed"},e.createElement("div",{className:"embed-content"},e.createElement("div",{className:"embed-title description"},t.type.join(", ")),e.createElement("div",{className:"embed-fields"},Object.entries(t.credentialSubject).map((function(n){var t=n[0],a=n[1];return e.createElement("div",{className:"embed-field",key:t},e.createElement("div",{className:"embed-field-name"},t),e.createElement("div",{className:"embed-field-value"},"object"==typeof a||Array.isArray(a)?JSON.stringify(a):a))})))))};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\n.avatar-large img, .avatar-large svg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display:block\n}\n\n.hidden {\n  display:none !important\n}\n\n.message-embed {\n  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  padding: 16px;\n  border-radius: 4px;\n  background: #36393f;\n  color: #fff;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);\n  border-left: 4px solid #73C394;\n  display: flex;\n  align-items: flex-start;\n  margin-top:8px\n}\n\n.embed-title {\n  font-weight: 500;\n  word-break:break-word\n}\n\n.embed-description {\n  margin-top: 16px;\n  color: #ddd;\n  font-size: 14px;\n  word-break:break-word\n}\n\na[href] {\n  color:#1eb1f1\n}\n\n.embed-footer a[href] {\n  color:#fff;\n  text-decoration: none;\n}\n.embed-fields .embed-field {\n  margin-top: 16px;\n  font-size:14px\n}\n\n.embed-fields .embed-field .embed-field-name {\n  font-weight:500\n}\n\n.embed-fields .embed-field .embed-field-value {\n  margin-top: 4px;\n  word-break:break-word\n}\n\n.embed-fields .embed-field.inline {\n  display: inline-block;\n  margin-right:16px\n}\n\n.embed-thumbnail {\n  margin-left: auto;\n  padding-left:16px\n}\n\n.embed-author {\n  display: flex;\n  align-items: center;\n  font-size:14px\n}\n\n.embed-author a[href] {\n  color:#fff\n}\n\n.embed-author .author-image {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  margin-right: 8px;\n  object-fit:cover\n}\n\n.embed-footer {\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  font-size:10px\n}\n\n.embed-footer .footer-icon {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  display: inline-block;\n  margin-right: 8px;\n  flex-shrink: 0;\n  object-fit:cover\n}\n\n.embed-footer .divider {\n  margin:0 8px\n}\n\n.avatar-large {\n  width: 64px;\n  height: 64px;\n  overflow: hidden;\n  border-radius: 4px;\n  flex-shrink:0\n}');var a=function(a){var r,i=a.credential;return(null===(r=i.type)||void 0===r?void 0:r.includes("Kudos"))?e.createElement(n,{credential:i}):e.createElement(t,{credential:i})};export{a as VerifiableCredential};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@veramo-community/react-components",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "React components for rendering verifiable credentials and other related data",
@@ -5,0 +5,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

27

increased by8%

Worsened metrics

Total package byte prevSize

24663

decreased by-35.71%

Lines of code

199

decreased by-16.03%

No dependency changes