@learncard/react 2.5.12 → 2.5.13
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.
- package/dist/cjs/BoostGenericCard-315c6b82.js.map +1 -1
- package/dist/cjs/{LearnCardCreditCardFrontFace-4ce0d049.js → LearnCardCreditCardFrontFace-4452fd7a.js} +2 -2
- package/dist/cjs/{LearnCardCreditCardFrontFace-4ce0d049.js.map → LearnCardCreditCardFrontFace-4452fd7a.js.map} +1 -1
- package/dist/cjs/{QRCodeCard-b60c0500.js → QRCodeCard-efaa58e1.js} +2 -2
- package/dist/cjs/{QRCodeCard-b60c0500.js.map → QRCodeCard-efaa58e1.js.map} +1 -1
- package/dist/cjs/SchoolIDCard-1baf77e8.js.map +1 -1
- package/dist/cjs/SmallAchievementCard-c76701ce.js.map +1 -1
- package/dist/cjs/{VCCard-9e1cd423.js → VCCard-d4244079.js} +3 -3
- package/dist/cjs/{VCCard-9e1cd423.js.map → VCCard-d4244079.js.map} +1 -1
- package/dist/cjs/{VCDisplayBackFace-89b40163.js → VCDisplayBackFace-d3d10d74.js} +3 -3
- package/dist/cjs/{VCDisplayBackFace-89b40163.js.map → VCDisplayBackFace-d3d10d74.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard-129d6f10.js → VCDisplayCard-36ecb418.js} +3 -3
- package/dist/cjs/{VCDisplayCard-129d6f10.js.map → VCDisplayCard-36ecb418.js.map} +1 -1
- package/dist/cjs/{VCDisplayCard2-59f99f6d.js → VCDisplayCard2-8b2d74f7.js} +24 -18
- package/dist/cjs/VCDisplayCard2-8b2d74f7.js.map +1 -0
- package/dist/cjs/VCVerificationCheck-08011d1a.js.map +1 -1
- package/dist/cjs/{VCVerificationPill-a6f26ac9.js → VCVerificationPill-f270da3c.js} +2 -2
- package/dist/cjs/{VCVerificationPill-a6f26ac9.js.map → VCVerificationPill-f270da3c.js.map} +1 -1
- package/dist/cjs/constants-35d9ebc6.js.map +1 -1
- package/dist/cjs/{credential.helpers-2ceeae3c.js → credential.helpers-86774cc9.js} +2 -2
- package/dist/{esm/credential.helpers-8701c176.js.map → cjs/credential.helpers-86774cc9.js.map} +1 -1
- package/dist/cjs/{index-c340a7f0.js → index-82de573c.js} +1 -1
- package/dist/cjs/index-82de573c.js.map +1 -0
- package/dist/cjs/index-d836b84d.js.map +1 -1
- package/dist/cjs/index.js +10 -10
- package/dist/cjs/index12.js +10 -10
- package/dist/cjs/index16.js +2 -2
- package/dist/cjs/index24.js +2 -2
- package/dist/cjs/index34.js +7 -7
- package/dist/cjs/index35.js +4 -4
- package/dist/cjs/index36.js +5 -5
- package/dist/cjs/index37.js +3 -3
- package/dist/cjs/index38.js +1 -1
- package/dist/cjs/index41.js +2 -2
- package/dist/cjs/{types.esm-16460488.js → types.esm-6fa436eb.js} +2 -5
- package/dist/cjs/{types.esm-16460488.js.map → types.esm-6fa436eb.js.map} +1 -1
- package/dist/esm/BoostGenericCard-9c14e541.js.map +1 -1
- package/dist/esm/{LearnCardCreditCardFrontFace-c221facc.js → LearnCardCreditCardFrontFace-cf793917.js} +2 -2
- package/dist/esm/{LearnCardCreditCardFrontFace-c221facc.js.map → LearnCardCreditCardFrontFace-cf793917.js.map} +1 -1
- package/dist/esm/{QRCodeCard-d147d009.js → QRCodeCard-c57e2067.js} +2 -2
- package/dist/esm/{QRCodeCard-d147d009.js.map → QRCodeCard-c57e2067.js.map} +1 -1
- package/dist/esm/SchoolIDCard-3b746226.js.map +1 -1
- package/dist/esm/SmallAchievementCard-2d87ac82.js.map +1 -1
- package/dist/esm/{VCCard-261f5864.js → VCCard-14c3180a.js} +3 -3
- package/dist/esm/{VCCard-261f5864.js.map → VCCard-14c3180a.js.map} +1 -1
- package/dist/esm/{VCDisplayBackFace-a1801ec8.js → VCDisplayBackFace-964ae1cd.js} +3 -3
- package/dist/esm/{VCDisplayBackFace-a1801ec8.js.map → VCDisplayBackFace-964ae1cd.js.map} +1 -1
- package/dist/esm/{VCDisplayCard-2e5a9776.js → VCDisplayCard-06c882a3.js} +3 -3
- package/dist/esm/{VCDisplayCard-2e5a9776.js.map → VCDisplayCard-06c882a3.js.map} +1 -1
- package/dist/esm/{VCDisplayCard2-44f7f2cb.js → VCDisplayCard2-5dfd3af6.js} +24 -18
- package/dist/esm/VCDisplayCard2-5dfd3af6.js.map +1 -0
- package/dist/esm/VCVerificationCheck-a6909b44.js.map +1 -1
- package/dist/esm/{VCVerificationPill-e6c31a42.js → VCVerificationPill-2c7fa3de.js} +2 -2
- package/dist/esm/{VCVerificationPill-e6c31a42.js.map → VCVerificationPill-2c7fa3de.js.map} +1 -1
- package/dist/esm/constants-db0e356b.js.map +1 -1
- package/dist/esm/{credential.helpers-8701c176.js → credential.helpers-d440380c.js} +2 -2
- package/dist/{cjs/credential.helpers-2ceeae3c.js.map → esm/credential.helpers-d440380c.js.map} +1 -1
- package/dist/esm/index-7103ad3c.js.map +1 -1
- package/dist/esm/{index-54ccc558.js → index-aa1098e1.js} +1 -1
- package/dist/{cjs/index-c340a7f0.js.map → esm/index-aa1098e1.js.map} +1 -1
- package/dist/esm/index.js +10 -10
- package/dist/esm/index12.js +10 -10
- package/dist/esm/index16.js +2 -2
- package/dist/esm/index24.js +2 -2
- package/dist/esm/index34.js +7 -7
- package/dist/esm/index35.js +4 -4
- package/dist/esm/index36.js +5 -5
- package/dist/esm/index37.js +3 -3
- package/dist/esm/index38.js +1 -1
- package/dist/esm/index41.js +2 -2
- package/dist/esm/{types.esm-e0b82727.js → types.esm-ee6b190e.js} +2 -5
- package/dist/esm/{types.esm-e0b82727.js.map → types.esm-ee6b190e.js.map} +1 -1
- package/package.json +5 -5
- package/dist/cjs/VCDisplayCard2-59f99f6d.js.map +0 -1
- package/dist/esm/VCDisplayCard2-44f7f2cb.js.map +0 -1
- package/dist/esm/index-54ccc558.js.map +0 -1
- package/dist/images/walletTrophy.png +0 -0
- package/dist/images/walletcurrency.png +0 -0
- package/dist/images/walletids.png +0 -0
- package/dist/images/walletjobhistory.png +0 -0
- package/dist/images/walletlearninghistory.png +0 -0
- package/dist/images/walletskills.png +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoostGenericCard-9c14e541.js","sources":["../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport {BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n title,\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onCheckClick,\n showChecked,\n checkStatus,\n customThumbComponent,\n innerOnClick,\n bgImgSrc,\n issuerName,\n dateDisplay,\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-900';\n const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n\n
|
|
1
|
+
{"version":3,"file":"BoostGenericCard-9c14e541.js","sources":["../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n title,\n thumbImgSrc,\n customThumbClass = '',\n customHeaderClass = '',\n type = WalletCategoryTypes.achievements,\n className,\n onCheckClick,\n showChecked,\n checkStatus,\n customThumbComponent,\n innerOnClick,\n bgImgSrc,\n issuerName,\n dateDisplay,\n}) => {\n const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;\n const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n const headerBgColor = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-900';\n const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n\n const handleInnerClick = () => {\n innerOnClick?.();\n };\n\n return (\n <div\n className={`flex generic-display-card-simple bg-white flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[250px] rounded-[20px] overflow-hidden ${className}`}\n >\n {bgImgSrc && (\n <section className=\"absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0\">\n <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n </section>\n )}\n <div className=\"boost-small-card inner-click-containe z-10\" onClick={handleInnerClick}>\n {customThumbComponent && customThumbComponent}\n {!customThumbComponent && (\n <section className={defaultThumbClass}>\n {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n <img\n className=\"generic-display-card-img h-full w-full w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n src={thumbImgSrc ?? ''}\n alt=\"Credential Achievement Image\"\n />\n )}\n {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n <img\n className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n src={imgSrc}\n />\n )}\n </section>\n )}\n\n <section className={defaultHeaderClass}>\n <p className=\"relative z-[100] small-boost-title text-[17px] p-[0px] font-semibold text-center text-grayscale-900 line-clamp-2\">\n {title}\n </p>\n </section>\n\n <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]\">\n by {issuerName}\n </span>\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\n </section>\n {showChecked && (\n <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n <CircleCheckButton\n checked={checkStatus}\n onClick={onCheckClick}\n className={checkBtnClass}\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Q as QRCodeSVG } from './index-
|
|
2
|
+
import { Q as QRCodeSVG } from './index-aa1098e1.js';
|
|
3
3
|
import CardChip from './card-chip.svg';
|
|
4
4
|
import MasterCardLogo from './master-card-logo.svg';
|
|
5
5
|
|
|
@@ -67,4 +67,4 @@ const LearnCardCreditCardFrontFace = ({
|
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
export { LearnCardCreditCardFrontFace as L };
|
|
70
|
-
//# sourceMappingURL=LearnCardCreditCardFrontFace-
|
|
70
|
+
//# sourceMappingURL=LearnCardCreditCardFrontFace-cf793917.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LearnCardCreditCardFrontFace-
|
|
1
|
+
{"version":3,"file":"LearnCardCreditCardFrontFace-cf793917.js","sources":["../../src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx"],"sourcesContent":["import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { LearnCardCreditCardFrontFaceProps } from './types';\n\nimport CardChip from '../../assets/images/card-chip.svg';\nimport MasterCardLogo from '../../assets/images/master-card-logo.svg';\n\nexport const LearnCardCreditCardFrontFace: React.FC<LearnCardCreditCardFrontFaceProps> = ({\n userImage,\n userImageComponent = null,\n qrCodeValue,\n className,\n showActionButton = false,\n actionButtonText = 'Open Card',\n onClick = () => {},\n children,\n}) => {\n let userImageEl: React.ReactNode | null = null;\n\n if (userImage) {\n userImageEl = (\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4\">\n <img\n className=\"w-full h-full absolute rounded-full object-cover border-solid border-2 border-white\"\n src={userImage}\n alt=\"user image\"\n data-testid=\"credit-card-frontface-userImg\"\n />\n </div>\n );\n } else if (!userImage && userImageComponent) {\n userImageEl = userImageComponent;\n }\n\n return (\n <div\n className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n >\n <div\n className={`flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`}\n >\n <div className=\"absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble\" />\n {showActionButton && (\n <button\n className=\"absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white\"\n onClick={onClick}\n data-testid=\"credit-card-frontface-button\"\n >\n {actionButtonText}\n </button>\n )}\n <div className=\"flex flex-row justify-between items-start w-full h-full relative\">\n <div className=\"flex flex-1 flex-col\">\n <div className=\"pl-8\">\n <p className=\"w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title\">\n LEARNCARD\n </p>\n <img\n src={CardChip ?? ''}\n alt=\"card chip\"\n className=\"h-[30px] w-[42px]\"\n />\n </div>\n\n {userImageEl}\n </div>\n\n {qrCodeValue && (\n <div className=\"flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container\">\n <div className=\"h-auto relative qr-code-container\">\n {/* <div className=\"qr-code-upper-left-yellow\" />\n <div className=\"qr-code-upper-right-pink-square\" />\n <div className=\"qr-code-bottom-left-purple-square\" />\n <div className=\"qr-code-green-blob\" />\n <div className=\"qr-code-green-blob-2\" />\n <div className=\"qr-code-blue-blob\" />\n <div className=\"qr-code-orange-blob\" /> */}\n <QRCodeSVG\n className=\"h-full w-full\"\n value={qrCodeValue}\n data-testid=\"credit-card-qr-code\"\n bgColor=\"transparent\"\n // fgColor=\"#999999\"\n />\n </div>\n </div>\n )}\n\n <img\n src={MasterCardLogo ?? ''}\n alt=\"mastercard icon\"\n className=\"absolute bottom-[-8px] right-4 learn-card-mastercard-logo\"\n />\n </div>\n </div>\n {children}\n </div>\n );\n};\n\nexport default LearnCardCreditCardFrontFace;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Q as QRCodeSVG } from './index-
|
|
2
|
+
import { Q as QRCodeSVG } from './index-aa1098e1.js';
|
|
3
3
|
|
|
4
4
|
const QRCodeCard = ({
|
|
5
5
|
userHandle,
|
|
@@ -33,4 +33,4 @@ const QRCodeCard = ({
|
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
export { QRCodeCard as Q };
|
|
36
|
-
//# sourceMappingURL=QRCodeCard-
|
|
36
|
+
//# sourceMappingURL=QRCodeCard-c57e2067.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRCodeCard-
|
|
1
|
+
{"version":3,"file":"QRCodeCard-c57e2067.js","sources":["../../src/components/QRCodeCard/QRCodeCard.tsx"],"sourcesContent":["import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { QRCodeCardProps } from './types';\n\nexport const QRCodeCard: React.FC<QRCodeCardProps> = ({\n userHandle,\n qrCodeValue,\n className,\n text = null,\n}) => {\n let textEl: React.ReactNode | null = null;\n if (typeof text === 'string') {\n textEl = (\n <p className=\"flex items-center justify-center w-full text-xl text-black font-bold tracking-[9px]\">\n {text}\n </p>\n );\n } else {\n textEl = text;\n }\n\n return (\n <div\n className={`flex flex-col justify-center items-start pt-9 rounded-[20px] shadow-3xl max-w-[400px] bg-white relative pb-8 overflow-hidden ${className}`}\n >\n {qrCodeValue && (\n <div className=\"flex justify-center items-center w-full relative px-8 mb-5\">\n <div className=\"max-w-[90%] w-full h-auto relative\">\n <QRCodeSVG\n className=\"h-full w-full\"\n value={qrCodeValue}\n data-testid=\"qrcode-card\"\n bgColor=\"transparent\"\n />\n </div>\n </div>\n )}\n\n {userHandle && (\n <p\n className=\"flex items-center justify-center text-center w-full mb-3 font-semibold text-lg text-gray-500\"\n data-testid=\"qrcode-card-user-handle\"\n >\n {userHandle}\n </p>\n )}\n\n {textEl}\n </div>\n );\n};\n\nexport default QRCodeCard;\n"],"names":[],"mappings":";;;AAKO,MAAM,aAAwC,CAAC;AAAA,EAClD,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAO,GAAA,IAAA;AACX,CAAM,KAAA;AACF,EAAA,IAAI,MAAiC,GAAA,IAAA,CAAA;AACrC,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC1B,IAAA,MAAA,mBACK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,MAAE,SAAU,EAAA,qFAAA;AAAA,KAAA,EACR,IACL,CAAA,CAAA;AAAA,GAED,MAAA;AACH,IAAS,MAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAAgI,6HAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAE1I,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4DAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oCAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,SAAU,EAAA,eAAA;AAAA,IACV,KAAO,EAAA,WAAA;AAAA,IACP,aAAY,EAAA,aAAA;AAAA,IACZ,OAAQ,EAAA,aAAA;AAAA,GACZ,CACJ,CACJ,CAGH,EAAA,UAAA,oBACI,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IACG,SAAU,EAAA,8FAAA;AAAA,IACV,aAAY,EAAA,yBAAA;AAAA,GAEX,EAAA,UACL,GAGH,MACL,CAAA,CAAA;AAER;;;;"}
|