npm - @learncard/react - Versions diffs - 2.6.9 → 2.6.10 - Mend

@learncard/react 2.6.9 → 2.6.10

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 (207) hide show

package/dist/esm/NotificationBoostCard-134edf94.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationBoostCard-134edf94.js","sources":["../../src/components/NotificationBoostCard/NotificationBoostCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationBoostCardProps } from './types';\nimport { NotificationTypeStyles } from '../Notification/types';\nimport { NotificationTypeEnum } from '../../constants/notifications';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport Checkmark from '../svgs/Checkmark';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationBoostCard: React.FC<NotificationBoostCardProps> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n notificationType = NotificationTypeEnum.Achievement,\n issueDate,\n issuerInfo,\n claimStatus = false,\n loadingState = false,\n handleButtonClick,\n handleCancelClick,\n handleCardClick,\n showIssuerInfo = true,\n isArchived,\n}) => {\n const [isClaimed, setIsClaimed] = useState<boolean>(claimStatus \|\| false);\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setIsClaimed(claimStatus);\n }, [claimStatus]);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const {\n iconCircleStyles,\n textStyles,\n viewButtonStyles,\n claimedButtonStyles,\n unclaimedButtonStyles,\n typeText,\n } = NotificationTypeStyles[notificationType];\n\n const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;\n\n let buttonText: string = '';\n\n if (isClaimed) {\n buttonText = 'Claimed';\n } else if (!isClaimed) {\n buttonText = 'Claim';\n }\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n onClick={handleCardClick}\n className={`overflow-hidden cursor-pointer w-[90px] h-[90px] rounded-full flex items-start ${iconCircleStyles} notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[100px] h-[100px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n onClick={handleCardClick}\n className=\"cursor-pointer font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n • {issueDate}\n </span>\n )}\n </p>\n\n {showIssuerInfo && (\n <div className=\"notification-card-issuer-info flex items-center mt-[10px]\">\n <div className=\"profile-thumb-img border-[2px] border-white border-solid vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]\">\n <img\n className=\"h-full w-full object-cover\"\n src={issuerInfo?.image \|\| DefaultFace}\n alt=\"profile\"\n />\n </div>\n <div className=\"notification-issuer-info-text flex items-center px-[10px]\">\n <p className=\"text-[13px] text-gray-700 font-medium\">\n From {issuerInfo?.fullName \|\| issuerInfo?.displayName}\n </p>\n </div>\n </div>\n )}\n\n <div className=\"flex items-center justify-between mt-3 w-full\">\n <button\n className={`notification-claim-btn flex items-center mr-[15px] w-[143px] justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n onClick={handleButtonClick}\n role=\"button\"\n name=\"notification-claim-button\"\n >\n {isClaimed && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n {isLoading ? 'Loading...' : buttonText}\n </button>\n\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationBoostCard;\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,wBAA8D,CAAC;AAAA,EACxE,KAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,mBAAmB,oBAAqB,CAAA,WAAA;AAAA,EACxC,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAc,GAAA,KAAA;AAAA,EACd,YAAe,GAAA,KAAA;AAAA,EACf,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAiB,GAAA,IAAA;AAAA,EACjB,UAAA;AACJ,CAAM,KAAA;AAxBN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAyBI,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAkB,eAAe,KAAK,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAkB,gBAAgB,KAAK,CAAA,CAAA;AAEzE,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,YAAA,CAAa,WAAW,CAAA,CAAA;AAAA,GAC5B,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,YAAA,CAAa,YAAY,CAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,EAAM,MAAA;AAAA,IACF,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,qBAAA;AAAA,IACA,QAAA;AAAA,MACA,sBAAuB,CAAA,gBAAA,CAAA,CAAA;AAE3B,EAAM,MAAA,iBAAA,GAAoB,YAAY,mBAAsB,GAAA,qBAAA,CAAA;AAE5D,EAAA,IAAI,UAAqB,GAAA,EAAA,CAAA;AAEzB,EAAA,IAAI,SAAW,EAAA;AACX,IAAa,UAAA,GAAA,SAAA,CAAA;AAAA,GACjB,MAAA,IAAW,CAAC,SAAW,EAAA;AACnB,IAAa,UAAA,GAAA,OAAA,CAAA;AAAA,GACjB;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAAuH,oHAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEjI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2CAAA;AAAA,GACV,EAAA,CAAC,wCACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAS,EAAA,eAAA;AAAA,IACT,WAAW,CAAkF,+EAAA,EAAA,gBAAA,CAAA,4BAAA,CAAA;AAAA,GAAA,kBAE5F,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,UAAA;AAAA,IACL,GAAI,EAAA,oBAAA;AAAA,IACJ,SAAU,EAAA,gDAAA;AAAA,GACd,CACJ,CAEH,EAAA,oBAAA,IAAwB,EAAE,oBAAqB,EACpD,mBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,0DAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,+DAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACG,OAAS,EAAA,eAAA;AAAA,IACT,SAAU,EAAA,8GAAA;AAAA,IACV,aAAY,EAAA,oBAAA;AAAA,GAEX,EAAA,KACL,mBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IACG,WAAW,CAA+G,4GAAA,EAAA,UAAA,CAAA,CAAA;AAAA,IAC1H,aAAY,EAAA,mBAAA;AAAA,GAEX,EAAA,QAAA,EAAU,GACV,EAAA,SAAA,oBACI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,0FAAA;AAAA,IACV,aAAY,EAAA,8BAAA;AAAA,GAAA,EACf,SACM,EAAA,SACP,CAER,CAAA,EAEC,kCACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oIAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,4BAAA;AAAA,IACV,GAAA,EAAA,CAAK,yCAAY,KAAS,KAAA,WAAA;AAAA,IAC1B,GAAI,EAAA,SAAA;AAAA,GACR,CACJ,mBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,uCAAA;AAAA,GAAwC,EAAA,OAAA,EAAA,CAC3C,yCAAY,QAAY,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,YAC9C,CACJ,CACJ,mBAGH,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,+CAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,WAAW,CAAiK,8JAAA,EAAA,iBAAA,CAAA,CAAA;AAAA,IAC5K,OAAS,EAAA,iBAAA;AAAA,IACT,IAAK,EAAA,QAAA;AAAA,IACL,IAAK,EAAA,2BAAA;AAAA,GAAA,EAEJ,6BAAc,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,SAAU,EAAA,kBAAA;AAAA,GAAmB,GAAI,GACzD,EAAA,SAAA,GAAY,YAAe,GAAA,UAChC,mBAEC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,OAAS,EAAA,iBAAA;AAAA,IACT,WAAW,CAAsI,mIAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,IACjJ,IAAK,EAAA,QAAA;AAAA,IACL,IAAK,EAAA,0BAAA;AAAA,GAEJ,EAAA,CAAC,8BACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,MAAK,EAAK,GAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,IAAI,GAAI,EAAA,QAAA;AAAA,IAAS,SAAU,EAAA,qBAAA;AAAA,GAAsB,CAAA,EAEnE,8BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,MAAK,EAAgB,GAAA,YAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,IACrB,GAAI,EAAA,QAAA;AAAA,IACJ,SAAU,EAAA,qBAAA;AAAA,GACd,CAER,CACJ,CACJ,CACJ,CACJ,CAAA,CAAA;AAER;;;;"}
1	+ {"version":3,"file":"NotificationBoostCard-134edf94.js","sources":["../../src/components/NotificationBoostCard/NotificationBoostCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationBoostCardProps } from './types';\nimport { NotificationTypeStyles } from '../Notification/types';\nimport { NotificationTypeEnum } from '../../constants/notifications';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport Checkmark from '../svgs/Checkmark';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationBoostCard: React.FC<NotificationBoostCardProps> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n notificationType = NotificationTypeEnum.Achievement,\n issueDate,\n issuerInfo,\n claimStatus = false,\n loadingState = false,\n handleButtonClick,\n handleCancelClick,\n handleCardClick,\n showIssuerInfo = true,\n isArchived,\n}) => {\n const [isClaimed, setIsClaimed] = useState<boolean>(claimStatus \|\| false);\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setIsClaimed(claimStatus);\n }, [claimStatus]);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const {\n iconCircleStyles,\n textStyles,\n viewButtonStyles,\n claimedButtonStyles,\n unclaimedButtonStyles,\n typeText,\n } = NotificationTypeStyles[notificationType];\n\n const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;\n\n let buttonText: string = '';\n\n if (isClaimed) {\n buttonText = 'Claimed';\n } else if (!isClaimed) {\n buttonText = 'Claim';\n }\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n onClick={handleCardClick}\n className={`overflow-hidden cursor-pointer w-[90px] h-[90px] rounded-full flex items-start ${iconCircleStyles} notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[100px] h-[100px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n onClick={handleCardClick}\n className=\"cursor-pointer font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n • {issueDate}\n </span>\n )}\n </p>\n\n {showIssuerInfo && (\n <div className=\"notification-card-issuer-info flex items-center mt-[10px]\">\n <div className=\"profile-thumb-img border-[2px] border-white border-solid vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]\">\n <img\n className=\"h-full w-full object-cover\"\n src={issuerInfo?.image \|\| DefaultFace}\n alt=\"profile\"\n />\n </div>\n <div className=\"notification-issuer-info-text flex items-center px-[10px]\">\n <p className=\"text-[13px] text-gray-700 font-medium\">\n From {issuerInfo?.fullName \|\| issuerInfo?.displayName}\n </p>\n </div>\n </div>\n )}\n\n <div className=\"flex items-center justify-between mt-3 w-full\">\n <button\n className={`notification-claim-btn flex items-center mr-[15px] w-[143px] justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n onClick={handleButtonClick}\n role=\"button\"\n name=\"notification-claim-button\"\n >\n {isClaimed && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n {isLoading ? 'Loading...' : buttonText}\n </button>\n\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationBoostCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/NotificationUserAcceptedBoostCard-8c13bd3f.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationUserAcceptedBoostCard-8c13bd3f.js","sources":["../../src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationUserAcceptedBoostCardProps } from './types';\nimport { UserNotificationTypeStyles } from '../NotificationUserCard/types';\n\nimport { UserNotificationTypeEnum } from '../../constants/notifications';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationUserAcceptedBoostCard: React.FC<\n NotificationUserAcceptedBoostCardProps\n> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n notificationType = UserNotificationTypeEnum.AcceptedBoost,\n issueDate,\n loadingState = false,\n handleCancelClick,\n isArchived,\n}) => {\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const { textStyles, viewButtonStyles, typeText } = UserNotificationTypeStyles[notificationType];\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n className={`overflow-hidden w-[50px] h-[50px] rounded-full flex items-start notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[50px] h-[50px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n className=\"font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n {typeText && '•'} {issueDate}\n </span>\n )}\n </p>\n\n <div className=\"flex items-center justify-end w-full mt-3\">\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationUserAcceptedBoostCard;\n"],"names":[],"mappings":";;;;;;~~AAQO~~,~~MAAM~~,~~oCAET~~,CAAC;~~AAAA~~,~~EACD~~,~~KAAA~~;~~AAAA~~,~~EACA~~,~~oBAAA~~;~~AAAA~~,~~EACA~~,~~SAAA~~;~~AAAA~~,~~EACA~~,~~UAAA~~;~~AAAA~~,~~EACA~~,~~mBAAmB~~,~~wBAAyB~~,~~CAAA~~,~~aAAA~~;~~AAAA~~,~~EAC5C~~,~~SAAA~~;~~AAAA~~,~~EACA~~,~~YAAe~~,~~GAAA~~,~~KAAA~~;~~AAAA~~,~~EACf~~,~~iBAAA~~;~~AAAA~~,~~EACA~~,~~UAAA~~;~~AACJ~~,~~CAAM~~,~~KAAA~~;~~AApBN~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~;~~AAqBI~~,~~EAAA~~,MAAM,CAAC,~~SAAW~~,~~EAAA~~,YAAY,~~CAAI~~,~~GAAA~~,~~QAAA~~,~~CAAkB~~,~~gBAAgB~~,KAAK,~~CAAA~~,~~CAAA~~;~~AAEzE~~,~~EAAA~~,~~SAAA~~,~~CAAU~~,MAAM;~~AACZ~~,~~IAAA~~,~~YAAA~~,~~CAAa~~,YAAY,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~GAC7B~~,~~EAAG~~,CAAC,YAAY,CAAC,~~CAAA~~,~~CAAA~~;~~AAEjB~~,~~EAAA~~,MAAM,EAAE,~~UAAA~~,~~EAAY~~,~~gBAAkB~~,~~EAAA~~,~~QAAA~~,~~KAAa~~,~~0BAA2B~~,~~CAAA~~,~~gBAAA~~,~~CAAA~~,~~CAAA~~;~~AAE9E~~,~~EAAA~~,~~uBACK~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAAuH~~,~~oHAAA~~,~~EAAA~~,~~SAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEjI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,~~2CAAA~~;~~AAAA~~,~~GACV~~,~~EAAA~~,CAAC,~~wCACG~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAW~~,~~EAAA~~,~~CAAA~~,~~2FAAA~~,~~CAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~GAAK~~,~~EAAA~~,~~UAAA~~;~~AAAA~~,~~IACL~~,~~GAAI~~,~~EAAA~~,~~oBAAA~~;~~AAAA~~,~~IACJ~~,~~SAAU~~,~~EAAA~~,~~8CAAA~~;~~AAAA~~,~~GACd~~,~~CACJ~~,~~CAEH~~,~~EAAA~~,~~oBAAA~~,~~IAAwB~~,EAAE,~~oBAAqB~~,~~EACpD~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,~~0DAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,+~~DAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~IAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAU~~,~~EAAA~~,+~~FAAA~~;~~AAAA~~,~~IACV~~,~~aAAY~~,~~EAAA~~,~~oBAAA~~;~~AAAA~~,~~GAEX~~,~~EAAA~~,~~KACL~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAA+G~~,~~4GAAA~~,~~EAAA~~,~~UAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~IAC1H~~,~~aAAY~~,~~EAAA~~,~~mBAAA~~;~~AAAA~~,~~GAEX~~,~~EAAA~~,~~QAAA~~,~~EAAU~~,~~GACV~~,~~EAAA~~,~~SAAA~~,~~oBACI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAU~~,~~EAAA~~,~~0FAAA~~;~~AAAA~~,~~IACV~~,~~aAAY~~,~~EAAA~~,~~8BAAA~~;~~AAAA~~,~~GAAA~~,~~EAEX~~,~~YAAY~~,~~QAAI~~,~~EAAA~~,~~GAAA~~,EAAE,~~SACvB~~,~~CAER~~,~~mBAEC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,~~2CAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~QAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~OAAS~~,~~EAAA~~,~~iBAAA~~;~~AAAA~~,~~IACT~~,~~WAAW~~,~~CAAsI~~,~~mIAAA~~,~~EAAA~~,~~gBAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~IACjJ~~,~~IAAK~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IACL~~,~~IAAK~~,~~EAAA~~,~~0BAAA~~;~~AAAA~~,~~GAEJ~~,~~EAAA~~,CAAC,~~8BACG~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~MAAK~~,~~EAAK~~,~~GAAA~~,~~CAAA~~,~~KAAA~~,~~IAAA~~,~~GAAA~~,~~EAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~GAAI~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IAAS~~,~~SAAU~~,~~EAAA~~,~~qBAAA~~;~~AAAA~~,~~GAAsB~~,~~CAAA~~,~~EAEnE~~,~~8BACI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~MAAK~~,~~EAAgB~~,~~GAAA~~,~~YAAA~~,~~KAAA~~,~~IAAA~~,~~GAAA~~,~~EAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,~~IACrB~~,~~GAAI~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IACJ~~,~~SAAU~~,~~EAAA~~,~~qBAAA~~;~~AAAA~~,~~GACd~~,~~CAER~~,~~CACJ~~,~~CACJ~~,~~CACJ~~,~~CACJ~~,~~CAAA~~,~~CAAA~~;~~AAER~~;;;;"}
1	+ {"version":3,"file":"NotificationUserAcceptedBoostCard-8c13bd3f.js","sources":["../../src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationUserAcceptedBoostCardProps } from './types';\nimport { UserNotificationTypeStyles } from '../NotificationUserCard/types';\n\nimport { UserNotificationTypeEnum } from '../../constants/notifications';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationUserAcceptedBoostCard: React.FC<\n NotificationUserAcceptedBoostCardProps\n> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n notificationType = UserNotificationTypeEnum.AcceptedBoost,\n issueDate,\n loadingState = false,\n handleCancelClick,\n isArchived,\n}) => {\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const { textStyles, viewButtonStyles, typeText } = UserNotificationTypeStyles[notificationType];\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n className={`overflow-hidden w-[50px] h-[50px] rounded-full flex items-start notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[50px] h-[50px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n className=\"font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n {typeText && '•'} {issueDate}\n </span>\n )}\n </p>\n\n <div className=\"flex items-center justify-end w-full mt-3\">\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationUserAcceptedBoostCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/NotificationUserCard-dbcc80f9.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationUserCard-dbcc80f9.js","sources":["../../src/components/NotificationUserCard/NotificationUserCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationUserCardProps, UserNotificationTypeStyles } from './types';\n\nimport { UserNotificationTypeEnum } from '../../constants/notifications';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport Checkmark from '../svgs/Checkmark';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationUserCard: React.FC<NotificationUserCardProps> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n issueDate,\n acceptStatus = false,\n loadingState = false,\n handleButtonClick,\n handleCancelClick,\n isArchived,\n}) => {\n const [isAccepted, setisAccepted] = useState<boolean>(acceptStatus \|\| false);\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setisAccepted(acceptStatus);\n }, [acceptStatus]);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const { textStyles, viewButtonStyles, claimedButtonStyles, unclaimedButtonStyles, typeText } =\n UserNotificationTypeStyles[UserNotificationTypeEnum.ConnectionRequest];\n\n const claimButtonStyles = isAccepted ? claimedButtonStyles : unclaimedButtonStyles;\n\n let buttonText: string = '';\n\n if (isAccepted) {\n buttonText = 'Accepted';\n } else if (!isAccepted) {\n buttonText = 'Accept';\n }\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n className={`overflow-hidden cursor-pointer w-[68px] h-[68px] rounded-full flex items-start notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[68px] h-[68px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n className=\"cursor-pointer font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n • {issueDate}\n </span>\n )}\n </p>\n\n <div className=\"flex items-center justify-between mt-3 w-full\">\n <button\n className={`notification-claim-btn flex items-center mr-[15px] w-[143px] justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n onClick={handleButtonClick}\n role=\"button\"\n name=\"notification-claim-button\"\n >\n {isAccepted && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n {isLoading ? 'Loading...' : buttonText}\n </button>\n\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationUserCard;\n"],"names":[],"mappings":";;;;;;;~~AASO~~,~~MAAM~~,~~uBAA4D~~,CAAC;~~AAAA~~,~~EACtE~~,~~KAAA~~;~~AAAA~~,~~EACA~~,~~oBAAA~~;~~AAAA~~,~~EACA~~,~~SAAA~~;~~AAAA~~,~~EACA~~,~~UAAA~~;~~AAAA~~,~~EACA~~,~~SAAA~~;~~AAAA~~,~~EACA~~,~~YAAe~~,~~GAAA~~,~~KAAA~~;~~AAAA~~,~~EACf~~,~~YAAe~~,~~GAAA~~,~~KAAA~~;~~AAAA~~,~~EACf~~,~~iBAAA~~;~~AAAA~~,~~EACA~~,~~iBAAA~~;~~AAAA~~,~~EACA~~,~~UAAA~~;~~AACJ~~,~~CAAM~~,~~KAAA~~;~~AApBN~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~;~~AAqBI~~,~~EAAA~~,MAAM,CAAC,~~UAAY~~,~~EAAA~~,aAAa,~~CAAI~~,~~GAAA~~,~~QAAA~~,~~CAAkB~~,~~gBAAgB~~,KAAK,~~CAAA~~,~~CAAA~~;~~AAC3E~~,~~EAAA~~,MAAM,CAAC,~~SAAW~~,~~EAAA~~,YAAY,~~CAAI~~,~~GAAA~~,~~QAAA~~,~~CAAkB~~,~~gBAAgB~~,KAAK,~~CAAA~~,~~CAAA~~;~~AAEzE~~,~~EAAA~~,~~SAAA~~,~~CAAU~~,MAAM;~~AACZ~~,~~IAAA~~,~~aAAA~~,~~CAAc~~,YAAY,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~GAC9B~~,~~EAAG~~,CAAC,YAAY,CAAC,~~CAAA~~,~~CAAA~~;~~AAEjB~~,~~EAAA~~,~~SAAA~~,~~CAAU~~,MAAM;~~AACZ~~,~~IAAA~~,~~YAAA~~,~~CAAa~~,YAAY,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~GAC7B~~,~~EAAG~~,CAAC,YAAY,CAAC,~~CAAA~~,~~CAAA~~;~~AAEjB~~,~~EAAM~~,~~MAAA~~,EAAE,~~YAAY~~,~~gBAAkB~~,~~EAAA~~,~~mBAAA~~,~~EAAqB~~,~~uBAAuB~~,~~QAAS~~,~~EAAA~~,~~GACvF~~,~~2BAA2B~~,~~wBAAyB~~,~~CAAA~~,~~iBAAA~~,~~CAAA~~,~~CAAA~~;~~AAExD~~,~~EAAM~~,~~MAAA~~,~~iBAAA~~,~~GAAoB~~,~~aAAa~~,~~mBAAsB~~,~~GAAA~~,~~qBAAA~~,~~CAAA~~;~~AAE7D~~,~~EAAA~~,IAAI,~~UAAqB~~,~~GAAA~~,~~EAAA~~,~~CAAA~~;~~AAEzB~~,~~EAAA~~,IAAI,~~UAAY~~,~~EAAA~~;~~AACZ~~,~~IAAa~~,~~UAAA~~,~~GAAA~~,~~UAAA~~,~~CAAA~~;~~AAAA~~,~~GACjB~~,~~MAAA~~,~~IAAW~~,CAAC,~~UAAY~~,~~EAAA~~;~~AACpB~~,~~IAAa~~,~~UAAA~~,~~GAAA~~,~~QAAA~~,~~CAAA~~;~~AAAA~~,~~GACjB~~;~~AAEA~~,~~EAAA~~,~~uBACK~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAAuH~~,~~oHAAA~~,~~EAAA~~,~~SAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEjI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,~~2CAAA~~;~~AAAA~~,~~GACV~~,~~EAAA~~,CAAC,~~wCACG~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAW~~,~~EAAA~~,~~CAAA~~,~~0GAAA~~,~~CAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~GAAK~~,~~EAAA~~,~~UAAA~~;~~AAAA~~,~~IACL~~,~~GAAI~~,~~EAAA~~,~~oBAAA~~;~~AAAA~~,~~IACJ~~,~~SAAU~~,~~EAAA~~,~~8CAAA~~;~~AAAA~~,~~GACd~~,~~CACJ~~,~~CAEH~~,~~EAAA~~,~~oBAAA~~,~~IAAwB~~,EAAE,~~oBAAqB~~,~~EACpD~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,~~0DAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,+~~DAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~IAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAU~~,~~EAAA~~,~~8GAAA~~;~~AAAA~~,~~IACV~~,~~aAAY~~,~~EAAA~~,~~oBAAA~~;~~AAAA~~,~~GAEX~~,~~EAAA~~,~~KACL~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAA+G~~,~~4GAAA~~,~~EAAA~~,~~UAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~IAC1H~~,~~aAAY~~,~~EAAA~~,~~mBAAA~~;~~AAAA~~,~~GAEX~~,~~EAAA~~,~~QAAA~~,~~EAAU~~,~~GACV~~,~~EAAA~~,~~SAAA~~,~~oBACI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAU~~,~~EAAA~~,~~0FAAA~~;~~AAAA~~,~~IACV~~,~~aAAY~~,~~EAAA~~,~~8BAAA~~;~~AAAA~~,~~GAAA~~,~~EACf~~,~~SACM~~,~~EAAA~~,~~SACP~~,~~CAER~~,~~CAAA~~,~~kBAEC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAU~~,~~EAAA~~,+~~CAAA~~;~~AAAA~~,~~GAAA~~,~~kBACV~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~QAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAAiK~~,~~8JAAA~~,~~EAAA~~,~~iBAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~IAC5K~~,~~OAAS~~,~~EAAA~~,~~iBAAA~~;~~AAAA~~,~~IACT~~,~~IAAK~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IACL~~,~~IAAK~~,~~EAAA~~,~~2BAAA~~;~~AAAA~~,~~GAAA~~,~~EAEJ~~,~~8BAAe~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~SAAA~~,~~EAAA~~;~~AAAA~~,~~IAAU~~,~~SAAU~~,~~EAAA~~,~~kBAAA~~;~~AAAA~~,~~GAAmB~~,~~GAAI~~,~~GAC1D~~,~~EAAA~~,~~SAAA~~,~~GAAY~~,~~YAAe~~,~~GAAA~~,~~UAChC~~,~~mBAEC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~QAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~OAAS~~,~~EAAA~~,~~iBAAA~~;~~AAAA~~,~~IACT~~,~~WAAW~~,~~CAAsI~~,~~mIAAA~~,~~EAAA~~,~~gBAAA~~,~~CAAA~~,~~CAAA~~;~~AAAA~~,~~IACjJ~~,~~IAAK~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IACL~~,~~IAAK~~,~~EAAA~~,~~0BAAA~~;~~AAAA~~,~~GAEJ~~,~~EAAA~~,CAAC,~~8BACG~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~MAAK~~,~~EAAK~~,~~GAAA~~,~~CAAA~~,~~KAAA~~,~~IAAA~~,~~GAAA~~,~~EAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~GAAI~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IAAS~~,~~SAAU~~,~~EAAA~~,~~qBAAA~~;~~AAAA~~,~~GAAsB~~,~~CAAA~~,~~EAEnE~~,~~8BACI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~MAAK~~,~~EAAgB~~,~~GAAA~~,~~YAAA~~,~~KAAA~~,~~IAAA~~,~~GAAA~~,~~EAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,~~IACrB~~,~~GAAI~~,~~EAAA~~,~~QAAA~~;~~AAAA~~,~~IACJ~~,~~SAAU~~,~~EAAA~~,~~qBAAA~~;~~AAAA~~,~~GACd~~,~~CAER~~,~~CACJ~~,~~CACJ~~,~~CACJ~~,~~CACJ~~,~~CAAA~~,~~CAAA~~;~~AAER~~;;;;"}
1	+ {"version":3,"file":"NotificationUserCard-dbcc80f9.js","sources":["../../src/components/NotificationUserCard/NotificationUserCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport X from '../../assets/images/X.svg';\nimport { NotificationUserCardProps, UserNotificationTypeStyles } from './types';\n\nimport { UserNotificationTypeEnum } from '../../constants/notifications';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport Checkmark from '../svgs/Checkmark';\nimport ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';\n\nexport const NotificationUserCard: React.FC<NotificationUserCardProps> = ({\n title,\n customThumbComponent,\n className,\n thumbImage,\n issueDate,\n acceptStatus = false,\n loadingState = false,\n handleButtonClick,\n handleCancelClick,\n isArchived,\n}) => {\n const [isAccepted, setisAccepted] = useState<boolean>(acceptStatus \|\| false);\n const [isLoading, setIsLoading] = useState<boolean>(loadingState \|\| false);\n\n useEffect(() => {\n setisAccepted(acceptStatus);\n }, [acceptStatus]);\n\n useEffect(() => {\n setIsLoading(loadingState);\n }, [loadingState]);\n\n const { textStyles, viewButtonStyles, claimedButtonStyles, unclaimedButtonStyles, typeText } =\n UserNotificationTypeStyles[UserNotificationTypeEnum.ConnectionRequest];\n\n const claimButtonStyles = isAccepted ? claimedButtonStyles : unclaimedButtonStyles;\n\n let buttonText: string = '';\n\n if (isAccepted) {\n buttonText = 'Accepted';\n } else if (!isAccepted) {\n buttonText = 'Accept';\n }\n\n return (\n <div\n className={`flex justify-start max-w-[600px] items-start relative w-full rounded-3xl shadow-bottom py-[10px] px-[10px] bg-white ${className}`}\n >\n <div className=\"notification-card-left-side px-[0px] flex\">\n {!customThumbComponent && (\n <div\n className={`overflow-hidden cursor-pointer w-[68px] h-[68px] rounded-full flex items-start notification-card-thumbnail`}\n >\n <img\n src={thumbImage}\n alt=\"Notification Thumb\"\n className=\"w-full h-full w-[68px] h-[68px] object-cover\"\n />\n </div>\n )}\n {customThumbComponent && { customThumbComponent }}\n </div>\n <div className=\"flex flex-col justify-center items-start relative w-full\">\n <div className=\"text-left ml-3 flex flex-col items-start justify-start w-full\">\n <h4\n className=\"cursor-pointer font-bold tracking-wide line-clamp-2 text-black text-[14px] pr-[20px] notification-card-title\"\n data-testid=\"notification-title\"\n >\n {title}\n </h4>\n <p\n className={`font-semibold p-0 mt-[10px] leading-none tracking-wide line-clamp-1 text-[12px] notification-card-type-text ${textStyles}`}\n data-testid=\"notification-type\"\n >\n {typeText}{' '}\n {issueDate && (\n <span\n className=\"text-grayscale-600 normal-case font-normal text-[12px] notification-card-type-issue-date\"\n data-testid=\"notification-cred-issue-date\"\n >\n • {issueDate}\n </span>\n )}\n </p>\n\n <div className=\"flex items-center justify-between mt-3 w-full\">\n <button\n className={`notification-claim-btn flex items-center mr-[15px] w-[143px] justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n onClick={handleButtonClick}\n role=\"button\"\n name=\"notification-claim-button\"\n >\n {isAccepted && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n {isLoading ? 'Loading...' : buttonText}\n </button>\n\n <button\n onClick={handleCancelClick}\n className={`rounded-[24px] flex items-center justify-center h-[42px] w-[42px] shadow-bottom bg-white font-semibold mr-2 p-[0px] tracking-wide ${viewButtonStyles}`}\n role=\"button\"\n name=\"notification-view-button\"\n >\n {!isArchived && (\n <img src={X ?? ''} alt=\"Cancel\" className=\"notification-card-x\" />\n )}\n {isArchived && (\n <img\n src={ArrowArcLeft ?? ''}\n alt=\"Cancel\"\n className=\"notification-card-x\"\n />\n )}\n </button>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default NotificationUserCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{QRCodeCard-c57e2067.js → QRCodeCard-79d4d253.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Q as QRCodeSVG } from './index-aa1098e1.js';
+import { Q as QRCodeSVG } from './index-dff96076.js';
 const QRCodeCard = ({
   userHandle,
@@ -33,4 +33,4 @@ const QRCodeCard = ({
 };
 export { QRCodeCard as Q };
-//# sourceMappingURL=QRCodeCard-c57e2067.js.map
+//# sourceMappingURL=QRCodeCard-79d4d253.js.map

package/dist/esm/{QRCodeCard-c57e2067.js.map → QRCodeCard-79d4d253.js.map} RENAMED Viewed

	@@ -1 +1 @@
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~~;;;;"}
1	+ {"version":3,"file":"QRCodeCard-79d4d253.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":";;;AAEY,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,UAAU;AACZ,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,IAAI,GAAG,IAAI;AACb,CAAC,KAAK;AACN,EAAE,IAAI,MAAM,GAAG,IAAI,CAAC;AACpB,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,MAAM,mBAAmB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACtD,MAAM,SAAS,EAAE,qFAAqF;AACtG,KAAK,EAAE,IAAI,CAAC,CAAC;AACb,GAAG,MAAM;AACT,IAAI,MAAM,GAAG,IAAI,CAAC;AAClB,GAAG;AACH,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,6HAA6H,EAAE,SAAS,CAAC,CAAC;AAC1J,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,4DAA4D;AAC3E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,oCAAoC;AACnD,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,eAAe;AAC9B,IAAI,KAAK,EAAE,WAAW;AACtB,IAAI,aAAa,EAAE,aAAa;AAChC,IAAI,OAAO,EAAE,aAAa;AAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,oBAAoB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC/D,IAAI,SAAS,EAAE,8FAA8F;AAC7G,IAAI,aAAa,EAAE,yBAAyB;AAC5C,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1B;;;;"}

package/dist/esm/RoundedPill-731211b3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoundedPill-731211b3.js","sources":["../../src/components/RoundedPill/RoundedPill.tsx"],"sourcesContent":["import React from 'react';\nimport { TYPE_TO_ICON } from '../../constants/icons';\nimport { RoundedPillProps } from '../../types';\n\nconst TYPE_TO_BG_COLOR_CLASS: any = {\n skill: 'indigo-50',\n achievement: 'spice-50',\n course: 'emerald-50',\n locked: 'grayscale-100',\n};\n\nconst TYPE_TO_FOREGROUND_COLOR: any = {\n skill: 'indigo-500',\n achievement: 'spice-500',\n course: 'emerald-700',\n locked: 'grayscale-700',\n};\n\nconst TYPE_TO_CHECKMARK_COLOR: any = {\n skill: '#6366F1',\n achievement: '#FF5820',\n course: '#00BA88',\n locked: '#52597A',\n};\n\ntype InlineSVGProps = {\n color?: string;\n size?: string \| number;\n};\n\nexport const CheckmarkSvg: React.FC<InlineSVGProps> = ({ color = '#00BA88', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.875 5.62537L8.125 14.375L3.75 10.0004\"\n stroke={color}\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nconst LockedIcon: React.FC<InlineSVGProps> = ({ color = '#52597A', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z\"\n fill={color}\n />\n </svg>\n );\n};\n\nexport const RoundedPill: React.FC<RoundedPillProps> = ({\n statusText,\n type = 'skill',\n onClick,\n showCheckmark = false,\n}) => {\n const backgroundColor = `bg-${TYPE_TO_BG_COLOR_CLASS[type]}`;\n const iconBgColor = `bg-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const circleClass = `flex w-full items-center justify-center icon-display h-[40px] w-[40px] rounded-full ${iconBgColor} absolute flex-shrink-0 `;\n\n const handleClick = () => {\n onClick?.();\n };\n\n const iconSrc = TYPE_TO_ICON[type];\n const textColor = `text-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const checkColor = TYPE_TO_CHECKMARK_COLOR[type];\n const locked = type === 'locked';\n\n const displayText = !locked ? statusText : 'Locked';\n\n return (\n <button\n onClick={handleClick}\n className={`flex relative ${backgroundColor} items-center px-[5px] py-[2px] w-[180px] h-[46px] rounded-[40px] rounded-pill-el`}\n >\n {!locked && (\n <div className={circleClass}>\n <img\n className=\"h-full w-full object-cover max-h-[24px] max-w-[24px] flex-shrink-0 \"\n src={iconSrc ?? ''}\n alt=\"Icon image\"\n />\n </div>\n )}\n <span\n className={`font-semibold ${textColor} w-full flex items-center justify-center text-[14px]`}\n >\n {showCheckmark && !locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <CheckmarkSvg color={checkColor} />\n </span>\n )}\n {locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <LockedIcon />\n </span>\n )}\n\n {displayText}\n </span>\n </button>\n );\n};\n\nexport default RoundedPill;\n"],"names":[],"mappings":";;;~~AAIA~~,MAAM,~~sBAA8B~~,~~GAAA~~;~~AAAA~~,~~EAChC~~,~~KAAO~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~EACP~~,~~WAAa~~,~~EAAA~~,~~UAAA~~;~~AAAA~~,~~EACb~~,~~MAAQ~~,~~EAAA~~,~~YAAA~~;~~AAAA~~,~~EACR~~,~~MAAQ~~,~~EAAA~~,~~eAAA~~;~~AACZ~~,~~CAAA~~,~~CAAA~~;~~AAEA~~,MAAM,~~wBAAgC~~,~~GAAA~~;~~AAAA~~,~~EAClC~~,~~KAAO~~,~~EAAA~~,~~YAAA~~;~~AAAA~~,~~EACP~~,~~WAAa~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~EACb~~,~~MAAQ~~,~~EAAA~~,~~aAAA~~;~~AAAA~~,~~EACR~~,~~MAAQ~~,~~EAAA~~,~~eAAA~~;~~AACZ~~,~~CAAA~~,~~CAAA~~;~~AAEA~~,MAAM,~~uBAA+B~~,~~GAAA~~;~~AAAA~~,~~EACjC~~,~~KAAO~~,~~EAAA~~,~~SAAA~~;~~AAAA~~,~~EACP~~,~~WAAa~~,~~EAAA~~,~~SAAA~~;~~AAAA~~,~~EACb~~,~~MAAQ~~,~~EAAA~~,~~SAAA~~;~~AAAA~~,~~EACR~~,~~MAAQ~~,~~EAAA~~,~~SAAA~~;~~AACZ~~,~~CAAA~~,~~CAAA~~;~~AAOO~~,~~MAAM~~,~~eAAyC~~,CAAC,EAAE,~~QAAQ~~,~~SAAW~~,~~EAAA~~,~~IAAA~~,~~GAAO~~,~~MAAW~~,~~KAAA~~;~~AAC1F~~,~~EAAA~~,~~uBACK~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~KAAO~~,~~EAAA~~,~~IAAA~~;~~AAAA~~,~~IACP~~,~~MAAQ~~,~~EAAA~~,~~IAAA~~;~~AAAA~~,~~IACR~~,~~OAAQ~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~IACR~~,~~IAAK~~,~~EAAA~~,~~MAAA~~;~~AAAA~~,~~IACL~~,~~KAAM~~,~~EAAA~~,~~4BAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEL~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~CAAE~~,~~EAAA~~,~~2CAAA~~;~~AAAA~~,~~IACF~~,~~MAAQ~~,~~EAAA~~,~~KAAA~~;~~AAAA~~,~~IACR~~,~~WAAY~~,~~EAAA~~,~~GAAA~~;~~AAAA~~,~~IACZ~~,~~aAAc~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~IACd~~,~~cAAe~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~GACnB~~,~~CACJ~~,~~CAAA~~,~~CAAA~~;~~AAER~~,~~EAAA~~;~~AAEA~~,MAAM,~~aAAuC~~,CAAC,EAAE,~~QAAQ~~,~~SAAW~~,~~EAAA~~,~~IAAA~~,~~GAAO~~,~~MAAW~~,~~KAAA~~;~~AACjF~~,~~EAAA~~,~~uBACK~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~KAAO~~,~~EAAA~~,~~IAAA~~;~~AAAA~~,~~IACP~~,~~MAAQ~~,~~EAAA~~,~~IAAA~~;~~AAAA~~,~~IACR~~,~~OAAQ~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~IACR~~,~~IAAK~~,~~EAAA~~,~~MAAA~~;~~AAAA~~,~~IACL~~,~~KAAM~~,~~EAAA~~,~~4BAAA~~;~~AAAA~~,~~GAAA~~,~~kBAEL~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~CAAE~~,~~EAAA~~,~~uMAAA~~;~~AAAA~~,~~IACF~~,~~MAAQ~~,~~EAAA~~,~~KAAA~~;~~AAAA~~,~~IACR~~,~~WAAY~~,~~EAAA~~,~~GAAA~~;~~AAAA~~,~~IACZ~~,~~aAAc~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~IACd~~,~~cAAe~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~GACnB~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~CAAE~~,~~EAAA~~,~~4MAAA~~;~~AAAA~~,~~IACF~~,~~MAAQ~~,~~EAAA~~,~~KAAA~~;~~AAAA~~,~~IACR~~,~~WAAY~~,~~EAAA~~,~~GAAA~~;~~AAAA~~,~~IACZ~~,~~aAAc~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~IACd~~,~~cAAe~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~GACnB~~,~~mBACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~CAAE~~,~~EAAA~~,~~4KAAA~~;~~AAAA~~,~~IACF~~,~~IAAM~~,~~EAAA~~,~~KAAA~~;~~AAAA~~,~~GACV~~,~~CACJ~~,~~CAAA~~,~~CAAA~~;~~AAER~~,~~CAAA~~,~~CAAA~~;~~AAEO~~,~~MAAM~~,~~cAA0C~~,CAAC;~~AAAA~~,~~EACpD~~,~~UAAA~~;~~AAAA~~,~~EACA~~,~~IAAO~~,~~GAAA~~,~~OAAA~~;~~AAAA~~,~~EACP~~,~~OAAA~~;~~AAAA~~,~~EACA~~,~~aAAgB~~,~~GAAA~~,~~KAAA~~;~~AACpB~~,~~CAAM~~,~~KAAA~~;~~AACF~~,~~EAAM~~,~~MAAA~~,~~eAAA~~,~~GAAkB~~,~~MAAM~~,~~sBAAuB~~,~~CAAA~~,~~IAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~;~~AACrD~~,~~EAAM~~,~~MAAA~~,~~WAAA~~,~~GAAc~~,~~MAAM~~,~~wBAAyB~~,~~CAAA~~,~~IAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~;~~AACnD~~,~~EAAA~~,MAAM,~~cAAc~~,~~CAAuF~~,~~oFAAA~~,~~EAAA~~,~~WAAA~~,~~CAAA~~,~~yBAAA~~,~~CAAA~~,~~CAAA~~;~~AAE3G~~,~~EAAA~~,MAAM,~~cAAc~~,MAAM;~~AACtB~~,~~IAAA~~,~~OAAA~~,~~IAAA~~,~~IAAA~~,~~GAAA~~,~~KAAA~~,~~CAAA~~,~~GAAA~~,~~OAAA~~,~~EAAA~~,~~CAAA~~;~~AAAA~~,~~GACJ~~,~~CAAA~~;~~AAEA~~,~~EAAA~~,MAAM,~~UAAU~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,~~CAAA~~,~~CAAA~~;~~AAC7B~~,~~EAAM~~,~~MAAA~~,~~SAAA~~,~~GAAY~~,~~QAAQ~~,~~wBAAyB~~,~~CAAA~~,~~IAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~;~~AACnD~~,~~EAAA~~,MAAM,~~aAAa~~,~~uBAAwB~~,~~CAAA~~,~~IAAA~~,~~CAAA~~,~~CAAA~~;~~AAC3C~~,~~EAAA~~,MAAM,~~SAAS~~,~~IAAS~~,~~KAAA~~,~~QAAA~~,~~CAAA~~;~~AAExB~~,~~EAAM~~,~~MAAA~~,~~WAAA~~,~~GAAc~~,CAAC,~~MAAA~~,~~GAAS~~,~~UAAa~~,~~GAAA~~,~~QAAA~~,~~CAAA~~;~~AAE3C~~,~~EAAA~~,~~uBACK~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~QAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~OAAS~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~IACT~~,~~WAAW~~,~~CAAiB~~,~~cAAA~~,~~EAAA~~,~~eAAA~~,~~CAAA~~,~~kFAAA~~,~~CAAA~~;~~AAAA~~,~~GAE3B~~,~~EAAA~~,CAAC,~~0BACG~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,IAAI,~~SAAW~~,~~EAAA~~,~~WAAA~~;~~AAAA~~,~~GAAA~~,~~kBACX~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~SAAU~~,~~EAAA~~,~~qEAAA~~;~~AAAA~~,~~IACV~~,~~KAAK~~,~~OAAW~~,~~IAAA~~,~~IAAA~~,~~GAAA~~,~~OAAA~~,~~GAAA~~,~~EAAA~~;~~AAAA~~,~~IAChB~~,~~GAAI~~,~~EAAA~~,~~YAAA~~;~~AAAA~~,~~GACR~~,~~CACJ~~,~~mBAEH~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IACG~~,~~WAAW~~,~~CAAiB~~,~~cAAA~~,~~EAAA~~,~~SAAA~~,~~CAAA~~,~~oDAAA~~,~~CAAA~~;~~AAAA~~,~~GAE3B~~,~~EAAA~~,~~aAAA~~,~~IAAiB~~,CAAC,~~MAAA~~,~~oBACd~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IAAK~~,~~SAAU~~,~~EAAA~~,~~iCAAA~~;~~AAAA~~,~~GAAA~~,~~kBACX~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~YAAA~~,~~EAAA~~;~~AAAA~~,~~IAAa~~,~~KAAO~~,~~EAAA~~,~~UAAA~~;~~AAAA~~,~~GAAY~~,~~CACrC~~,~~CAEH~~,~~EAAA~~,~~MAAA~~,~~oBACI~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~MAAA~~,~~EAAA~~;~~AAAA~~,~~IAAK~~,~~SAAU~~,~~EAAA~~,~~iCAAA~~;~~AAAA~~,~~GAAA~~,~~kBACX~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~UAAA~~,~~EAAA~~,~~IAAW~~,~~CAChB~~,~~CAAA~~,~~EAGH~~,~~WACL~~,~~CACJ~~,~~CAAA~~,~~CAAA~~;~~AAER~~;;;;"}
1	+ {"version":3,"file":"RoundedPill-731211b3.js","sources":["../../src/components/RoundedPill/RoundedPill.tsx"],"sourcesContent":["import React from 'react';\nimport { TYPE_TO_ICON } from '../../constants/icons';\nimport { RoundedPillProps } from '../../types';\n\nconst TYPE_TO_BG_COLOR_CLASS: any = {\n skill: 'indigo-50',\n achievement: 'spice-50',\n course: 'emerald-50',\n locked: 'grayscale-100',\n};\n\nconst TYPE_TO_FOREGROUND_COLOR: any = {\n skill: 'indigo-500',\n achievement: 'spice-500',\n course: 'emerald-700',\n locked: 'grayscale-700',\n};\n\nconst TYPE_TO_CHECKMARK_COLOR: any = {\n skill: '#6366F1',\n achievement: '#FF5820',\n course: '#00BA88',\n locked: '#52597A',\n};\n\ntype InlineSVGProps = {\n color?: string;\n size?: string \| number;\n};\n\nexport const CheckmarkSvg: React.FC<InlineSVGProps> = ({ color = '#00BA88', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.875 5.62537L8.125 14.375L3.75 10.0004\"\n stroke={color}\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nconst LockedIcon: React.FC<InlineSVGProps> = ({ color = '#52597A', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z\"\n fill={color}\n />\n </svg>\n );\n};\n\nexport const RoundedPill: React.FC<RoundedPillProps> = ({\n statusText,\n type = 'skill',\n onClick,\n showCheckmark = false,\n}) => {\n const backgroundColor = `bg-${TYPE_TO_BG_COLOR_CLASS[type]}`;\n const iconBgColor = `bg-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const circleClass = `flex w-full items-center justify-center icon-display h-[40px] w-[40px] rounded-full ${iconBgColor} absolute flex-shrink-0 `;\n\n const handleClick = () => {\n onClick?.();\n };\n\n const iconSrc = TYPE_TO_ICON[type];\n const textColor = `text-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const checkColor = TYPE_TO_CHECKMARK_COLOR[type];\n const locked = type === 'locked';\n\n const displayText = !locked ? statusText : 'Locked';\n\n return (\n <button\n onClick={handleClick}\n className={`flex relative ${backgroundColor} items-center px-[5px] py-[2px] w-[180px] h-[46px] rounded-[40px] rounded-pill-el`}\n >\n {!locked && (\n <div className={circleClass}>\n <img\n className=\"h-full w-full object-cover max-h-[24px] max-w-[24px] flex-shrink-0 \"\n src={iconSrc ?? ''}\n alt=\"Icon image\"\n />\n </div>\n )}\n <span\n className={`font-semibold ${textColor} w-full flex items-center justify-center text-[14px]`}\n >\n {showCheckmark && !locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <CheckmarkSvg color={checkColor} />\n </span>\n )}\n {locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <LockedIcon />\n </span>\n )}\n\n {displayText}\n </span>\n </button>\n );\n};\n\nexport default RoundedPill;\n"],"names":[],"mappings":"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"}