@learncard/react 2.6.8 → 2.6.10

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

@@ -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;;;;"}
+{"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

@@ -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":"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"}
+{"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}

@@ -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}

@@ -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;;;;"}
+{"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

@@ -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;;;;"}
+{"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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"}