npm - @learncard/react - Versions diffs - 2.7.87 → 2.7.89 - Mend

@learncard/react 2.7.87 → 2.7.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/dist/cjs/{VCVerificationPill-d9966b44.js → VCVerificationPill-16778f6f.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var React = require('react');
-var types_esm = require('./types.esm-ced7f0c4.js');
+var types_esm = require('./types.esm-92a8b372.js');
 var VerificationFailedIcon = require('./RedXCircle.svg');
 var VerificationPassedIcon = require('./GreenCheckCircle.svg');
 var VerificationWarningIcon = require('./YellowWarningCircle.svg');
@@ -72,4 +72,4 @@ const VCVerificationPill = ({
 exports.VCVerificationPill = VCVerificationPill;
 exports.ValidationStateIndicator = ValidationStateIndicator;
-//# sourceMappingURL=VCVerificationPill-d9966b44.js.map
+//# sourceMappingURL=VCVerificationPill-16778f6f.js.map

package/dist/cjs/{VCVerificationPill-d9966b44.js.map → VCVerificationPill-16778f6f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VCVerificationPill-~~d9966b44~~.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n status?: VerificationStatus;\n message?: string;\n details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n [VerificationStatusEnum.Success]: 'bg-emerald-500',\n [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n [VerificationStatusEnum.Success]: 'text-emerald-700',\n [VerificationStatusEnum.Failed]: 'text-yellow-400',\n [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n [VerificationStatusEnum.Success]: VerificationPassedIcon,\n [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n [VerificationStatusEnum.Success]: 'Verification Success',\n [VerificationStatusEnum.Error]: 'Verification Error ',\n [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n const bgColor = StatusToBgColor[status];\n const source = StatusToIcon[status];\n\n return (\n <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n <div className=\"relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n <img\n className=\"h-full w-full object-contain p-1\"\n src={source ?? ''}\n alt=\"Verification Status Icon\"\n />\n </div>\n </div>\n );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n message = '',\n details,\n status = VerificationStatusEnum.Success,\n}) => {\n const statusColor = StatusToTextColor[status];\n const statusInfoText = StatusToText[status];\n\n return (\n <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n <div className=\"vc-pill-left\">\n <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n {statusInfoText}\n </p>\n\n <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n </div>\n <div className=\"vc-pill-right\">\n <ValidationStateIndicator status={status} />\n </div>\n </section>\n );\n};\n\nexport default VCVerificationPill;\n"],"names":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,iCAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,iCAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,iCAAuB,OAAU,GAAAC,0CAAA;AAAA,EAClC,CAACD,iCAAuB,MAAS,GAAAE,2CAAA;AAAA,EACjC,CAACF,iCAAuB,KAAQ,GAAAG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,iCAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAACA,iCAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAACA,iCAAuB,MAAS,GAAA,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAA,MAAM,UAAU,eAAgB,CAAA,MAAA,CAAA,CAAA;AAChC,EAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA,CAAA;AAE5B,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,kCAAA;AAAA,IACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,IACf,GAAI,EAAA,0BAAA;AAAA,GACR,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAASJ,gCAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,iBAAkB,CAAA,MAAA,CAAA,CAAA;AACtC,EAAA,MAAM,iBAAiB,YAAa,CAAA,MAAA,CAAA,CAAA;AAEpC,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAECA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAYA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}
1	+ {"version":3,"file":"VCVerificationPill-16778f6f.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n status?: VerificationStatus;\n message?: string;\n details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n [VerificationStatusEnum.Success]: 'bg-emerald-500',\n [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n [VerificationStatusEnum.Success]: 'text-emerald-700',\n [VerificationStatusEnum.Failed]: 'text-yellow-400',\n [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n [VerificationStatusEnum.Success]: VerificationPassedIcon,\n [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n [VerificationStatusEnum.Success]: 'Verification Success',\n [VerificationStatusEnum.Error]: 'Verification Error ',\n [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n const bgColor = StatusToBgColor[status];\n const source = StatusToIcon[status];\n\n return (\n <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n <div className=\"relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n <img\n className=\"h-full w-full object-contain p-1\"\n src={source ?? ''}\n alt=\"Verification Status Icon\"\n />\n </div>\n </div>\n );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n message = '',\n details,\n status = VerificationStatusEnum.Success,\n}) => {\n const statusColor = StatusToTextColor[status];\n const statusInfoText = StatusToText[status];\n\n return (\n <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n <div className=\"vc-pill-left\">\n <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n {statusInfoText}\n </p>\n\n <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n </div>\n <div className=\"vc-pill-right\">\n <ValidationStateIndicator status={status} />\n </div>\n </section>\n );\n};\n\nexport default VCVerificationPill;\n"],"names":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,iCAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,iCAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,iCAAuB,OAAU,GAAAC,0CAAA;AAAA,EAClC,CAACD,iCAAuB,MAAS,GAAAE,2CAAA;AAAA,EACjC,CAACF,iCAAuB,KAAQ,GAAAG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,iCAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAACA,iCAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAACA,iCAAuB,MAAS,GAAA,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAA,MAAM,UAAU,eAAgB,CAAA,MAAA,CAAA,CAAA;AAChC,EAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA,CAAA;AAE5B,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,kCAAA;AAAA,IACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,IACf,GAAI,EAAA,0BAAA;AAAA,GACR,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAASJ,gCAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,iBAAkB,CAAA,MAAA,CAAA,CAAA;AACtC,EAAA,MAAM,iBAAiB,YAAa,CAAA,MAAA,CAAA,CAAA;AAEpC,EAAA,uBACKI,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAECA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAYA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}

package/dist/cjs/{credential.helpers-1474ced4.js → credential.helpers-373c22c6.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var index = require('./index-a9e3ddf5.js');
-var types_esm = require('./types.esm-ced7f0c4.js');
+var types_esm = require('./types.esm-92a8b372.js');
 var index$1 = require('./index-5488badc.js');
 var PuzzlePiece = require('./PuzzlePiece-937c216a.js');
 var User = require('./User-301088ac.js');
@@ -2148,14 +2148,23 @@ const getImageFromProfile = (profile) => {
 };
 const getInfoFromCredential = (credential, dateFormat = "dd MMM yyyy", options = { uppercaseDate: true }) => {
   var _a, _b;
-  const { issuer, issuanceDate } = credential;
+  const { issuer, issuanceDate, validFrom } = credential;
   const credentialSubject = Array.isArray(credential.credentialSubject) ? credential.credentialSubject[0] : credential.credentialSubject;
   const title = (_a = credentialSubject.achievement) == null ? void 0 : _a.name;
   const issuee = credentialSubject.id;
   const imageUrl = (_b = credentialSubject.achievement) == null ? void 0 : _b.image;
-  let createdAt = format(new Date(issuanceDate), dateFormat);
-  if (options.uppercaseDate) {
-    createdAt = createdAt.toUpperCase();
+  const dateValue = validFrom || issuanceDate;
+  let createdAt = "";
+  if (dateValue) {
+    try {
+      createdAt = format(new Date(dateValue), dateFormat);
+      if (options.uppercaseDate) {
+        createdAt = createdAt.toUpperCase();
+      }
+    } catch (error) {
+      console.warn("Invalid date format in credential:", dateValue);
+      createdAt = "";
+    }
   }
   return { title, createdAt, issuer, issuee, credentialSubject, imageUrl };
 };
@@ -2344,4 +2353,4 @@ exports.getImageFromProfile = getImageFromProfile;
 exports.getInfoFromCredential = getInfoFromCredential;
 exports.getNameFromProfile = getNameFromProfile;
 exports.getTotalCountOfSkills = getTotalCountOfSkills;
-//# sourceMappingURL=credential.helpers-1474ced4.js.map
+//# sourceMappingURL=credential.helpers-373c22c6.js.map