@learncard/react 2.8.62 → 2.9.2

package/dist/esm/LearnCardCreditCardBackFace-56642837.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import ContactlessSymbol from './contactless-symbol.svg';
+
+const LearnCardCreditCardBackFace = ({
+  className,
+  card,
+  user
+}) => {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `flex flex-col justify-start items-start w-full min-h-[220px] rounded-[20px] shadow-3xl bg-grayscale-900 relative overflow-hidden credit-card-front-face`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full px-3 pt-4 text-white" }, /* @__PURE__ */ React.createElement("p", { className: "text-[6px]" }, "Please visit LearnCard app or learncard.com for assistance"), /* @__PURE__ */ React.createElement("p", { className: "text-[6px]" }, "854-000-000-24")),
+      /* @__PURE__ */ React.createElement("div", { className: "w-full h-8 bg-white mt-1" }),
+      /* @__PURE__ */ React.createElement("div", { className: "flex justify-end items-center w-full px-3 mt-1 text-white" }, /* @__PURE__ */ React.createElement("p", { className: "text-[6px]" }, "IDEMIA 0 00000 00000 0/00")),
+      /* @__PURE__ */ React.createElement("div", { className: "flex flex-row justify-between items-center px-3 pt-2 w-full text-white" }, /* @__PURE__ */ React.createElement("div", null, (user == null ? void 0 : user.username) && /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-[10px] font-medium",
+          "data-testid": "credit-card-backface-username"
+        },
+        user == null ? void 0 : user.username
+      ), /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-sm tracking-wider",
+          "data-testid": "credit-card-backface-fullname"
+        },
+        (_a = user == null ? void 0 : user.fullName) != null ? _a : ""
+      ), (card == null ? void 0 : card.cardIssueDate) && /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-[10px] tracking-wider",
+          "data-testid": "credit-card-backface-issueDate"
+        },
+        "MEMBER SINCE ",
+        card == null ? void 0 : card.cardIssueDate
+      )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", { src: ContactlessSymbol, alt: "contactless icon" }))),
+      /* @__PURE__ */ React.createElement("div", { className: "flex flex-row justify-between items-center px-3 pt-2 w-full text-white" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-sm tracking-wider",
+          "data-testid": "credit-card-backface-cardNum"
+        },
+        (_b = card == null ? void 0 : card.cardNumber) != null ? _b : ""
+      ), /* @__PURE__ */ React.createElement("div", { className: "flex flex-row justify-between items-center" }, /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-[10px] tracking-wider",
+          "data-testid": "credit-card-backface-expDate"
+        },
+        "EXP ",
+        (_c = card == null ? void 0 : card.cardExpirationDate) != null ? _c : ""
+      ), (card == null ? void 0 : card.cardSecurityCode) && /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: "text-[10px] tracking-wider",
+          "data-testid": "credit-card-backface-secCode"
+        },
+        "SEC ",
+        (_d = card == null ? void 0 : card.cardSecurityCode) != null ? _d : ""
+      ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "h-[33px] w-[55px] rounded-[60px] bg-gradient-to-r from-[#F4F5F5] to-[#E3E5E8]" }))),
+      /* @__PURE__ */ React.createElement("div", { className: "flex justify-start items-center w-full px-3 py-2 text-white" }, /* @__PURE__ */ React.createElement("p", { className: "text-[6px]" }, "Issued by the bank of Tennessee pursuant to license by Mastercard International"))
+    )
+  );
+};
+
+export { LearnCardCreditCardBackFace as L };
+//# sourceMappingURL=LearnCardCreditCardBackFace-56642837.js.map

package/dist/esm/{LearnCardCreditCardBackFace-9baa9e6b.js.map → LearnCardCreditCardBackFace-56642837.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LearnCardCreditCardBackFace-9baa9e6b.js","sources":["../../src/components/LearnCardCreditCardBackFace/LearnCardCreditCardBackFace.tsx"],"sourcesContent":["import React from 'react';\n\nimport ContactlessSymbol from '../../assets/images/contactless-symbol.svg';\n\nimport { LearnCardCreditCardBackFaceProps } from './types';\n\nexport const LearnCardCreditCardBackFace: React.FC<LearnCardCreditCardBackFaceProps> = ({\n    className,\n    card,\n    user,\n}) => {\n    return (\n        <div\n            className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n        >\n            <div\n                className={`flex flex-col justify-start items-start w-full min-h-[220px] rounded-[20px] shadow-3xl bg-grayscale-900 relative overflow-hidden credit-card-front-face`}\n            >\n                <div className=\"flex justify-between items-center w-full px-3 pt-4 text-white\">\n                    <p className=\"text-[6px]\">\n                        Please visit LearnCard app or learncard.com for assistance\n                    </p>\n                    <p className=\"text-[6px]\">854-000-000-24</p>\n                </div>\n\n                <div className=\"w-full h-8 bg-white mt-1\" />\n\n                <div className=\"flex justify-end items-center w-full px-3 mt-1 text-white\">\n                    <p className=\"text-[6px]\">IDEMIA 0 00000 00000 0/00</p>\n                </div>\n\n                <div className=\"flex flex-row justify-between items-center px-3 pt-2 w-full text-white\">\n                    <div>\n                        {user?.username && (\n                            <p\n                                className=\"text-[10px] font-medium\"\n                                data-testid=\"credit-card-backface-username\"\n                            >\n                                {user?.username}\n                            </p>\n                        )}\n\n                        <p\n                            className=\"text-sm tracking-wider\"\n                            data-testid=\"credit-card-backface-fullname\"\n                        >\n                            {user?.fullName ?? ''}\n                        </p>\n                        {card?.cardIssueDate && (\n                            <p\n                                className=\"text-[10px] tracking-wider\"\n                                data-testid=\"credit-card-backface-issueDate\"\n                            >\n                                MEMBER SINCE {card?.cardIssueDate}\n                            </p>\n                        )}\n                    </div>\n                    <div>\n                        <img src={ContactlessSymbol} alt=\"contactless icon\" />\n                    </div>\n                </div>\n\n                <div className=\"flex flex-row justify-between items-center px-3 pt-2 w-full text-white\">\n                    <div className=\"flex flex-col\">\n                        <p\n                            className=\"text-sm tracking-wider\"\n                            data-testid=\"credit-card-backface-cardNum\"\n                        >\n                            {card?.cardNumber ?? ''}\n                        </p>\n                        <div className=\"flex flex-row justify-between items-center\">\n                            <p\n                                className=\"text-[10px] tracking-wider\"\n                                data-testid=\"credit-card-backface-expDate\"\n                            >\n                                EXP {card?.cardExpirationDate ?? ''}\n                            </p>\n                            {card?.cardSecurityCode && (\n                                <p\n                                    className=\"text-[10px] tracking-wider\"\n                                    data-testid=\"credit-card-backface-secCode\"\n                                >\n                                    SEC {card?.cardSecurityCode ?? ''}\n                                </p>\n                            )}\n                        </div>\n                    </div>\n                    <div>\n                        <div className=\"h-[33px] w-[55px] rounded-[60px] bg-gradient-to-r from-[#F4F5F5] to-[#E3E5E8]\" />\n                    </div>\n                </div>\n\n                <div className=\"flex justify-start items-center w-full px-3 py-2 text-white\">\n                    <p className=\"text-[6px]\">\n                        Issued by the bank of Tennessee pursuant to license by Mastercard\n                        International\n                    </p>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LearnCardCreditCardBackFace;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LearnCardCreditCardBackFace-56642837.js","sources":["../../src/components/LearnCardCreditCardBackFace/LearnCardCreditCardBackFace.tsx"],"sourcesContent":["import React from 'react';\n\nimport ContactlessSymbol from '../../assets/images/contactless-symbol.svg';\n\nimport { LearnCardCreditCardBackFaceProps } from './types';\n\nexport const LearnCardCreditCardBackFace: React.FC<LearnCardCreditCardBackFaceProps> = ({\n    className,\n    card,\n    user,\n}) => {\n    return (\n        <div\n            className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n        >\n            <div\n                className={`flex flex-col justify-start items-start w-full min-h-[220px] rounded-[20px] shadow-3xl bg-grayscale-900 relative overflow-hidden credit-card-front-face`}\n            >\n                <div className=\"flex justify-between items-center w-full px-3 pt-4 text-white\">\n                    <p className=\"text-[6px]\">\n                        Please visit LearnCard app or learncard.com for assistance\n                    </p>\n                    <p className=\"text-[6px]\">854-000-000-24</p>\n                </div>\n\n                <div className=\"w-full h-8 bg-white mt-1\" />\n\n                <div className=\"flex justify-end items-center w-full px-3 mt-1 text-white\">\n                    <p className=\"text-[6px]\">IDEMIA 0 00000 00000 0/00</p>\n                </div>\n\n                <div className=\"flex flex-row justify-between items-center px-3 pt-2 w-full text-white\">\n                    <div>\n                        {user?.username && (\n                            <p\n                                className=\"text-[10px] font-medium\"\n                                data-testid=\"credit-card-backface-username\"\n                            >\n                                {user?.username}\n                            </p>\n                        )}\n\n                        <p\n                            className=\"text-sm tracking-wider\"\n                            data-testid=\"credit-card-backface-fullname\"\n                        >\n                            {user?.fullName ?? ''}\n                        </p>\n                        {card?.cardIssueDate && (\n                            <p\n                                className=\"text-[10px] tracking-wider\"\n                                data-testid=\"credit-card-backface-issueDate\"\n                            >\n                                MEMBER SINCE {card?.cardIssueDate}\n                            </p>\n                        )}\n                    </div>\n                    <div>\n                        <img src={ContactlessSymbol} alt=\"contactless icon\" />\n                    </div>\n                </div>\n\n                <div className=\"flex flex-row justify-between items-center px-3 pt-2 w-full text-white\">\n                    <div className=\"flex flex-col\">\n                        <p\n                            className=\"text-sm tracking-wider\"\n                            data-testid=\"credit-card-backface-cardNum\"\n                        >\n                            {card?.cardNumber ?? ''}\n                        </p>\n                        <div className=\"flex flex-row justify-between items-center\">\n                            <p\n                                className=\"text-[10px] tracking-wider\"\n                                data-testid=\"credit-card-backface-expDate\"\n                            >\n                                EXP {card?.cardExpirationDate ?? ''}\n                            </p>\n                            {card?.cardSecurityCode && (\n                                <p\n                                    className=\"text-[10px] tracking-wider\"\n                                    data-testid=\"credit-card-backface-secCode\"\n                                >\n                                    SEC {card?.cardSecurityCode ?? ''}\n                                </p>\n                            )}\n                        </div>\n                    </div>\n                    <div>\n                        <div className=\"h-[33px] w-[55px] rounded-[60px] bg-gradient-to-r from-[#F4F5F5] to-[#E3E5E8]\" />\n                    </div>\n                </div>\n\n                <div className=\"flex justify-start items-center w-full px-3 py-2 text-white\">\n                    <p className=\"text-[6px]\">\n                        Issued by the bank of Tennessee pursuant to license by Mastercard\n                        International\n                    </p>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LearnCardCreditCardBackFace;\n"],"names":[],"mappings":"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"}

package/dist/esm/LearnCardCreditCardFrontFace-b7c917f5.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { Q as QRCodeSVG } from './index-2ef835bd.js';
+import CardChip from './card-chip.svg';
+import MasterCardLogo from './master-card-logo.svg';
+
+const LearnCardCreditCardFrontFace = ({
+  userImage,
+  userImageComponent = null,
+  qrCodeValue,
+  className,
+  showActionButton = false,
+  actionButtonText = "Open Card",
+  onClick = () => {
+  },
+  children
+}) => {
+  var _a, _b;
+  let userImageEl = null;
+  if (userImage) {
+    userImageEl = /* @__PURE__ */ React.createElement("div", { className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4" }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        className: "w-full h-full absolute rounded-full object-cover border-solid border-2 border-white",
+        src: userImage,
+        alt: "user image",
+        "data-testid": "credit-card-frontface-userImg"
+      }
+    ));
+  } else if (!userImage && userImageComponent) {
+    userImageEl = userImageComponent;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble" }),
+      showActionButton && /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          className: "absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white",
+          onClick,
+          "data-testid": "credit-card-frontface-button"
+        },
+        actionButtonText
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "flex flex-row justify-between items-start w-full h-full relative" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "pl-8" }, /* @__PURE__ */ React.createElement("p", { className: "w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title" }, "LEARNCARD"), /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: (_a = CardChip) != null ? _a : "",
+          alt: "card chip",
+          className: "h-[30px] w-[42px]"
+        }
+      )), userImageEl), qrCodeValue && /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container" }, /* @__PURE__ */ React.createElement("div", { className: "h-auto relative qr-code-container" }, /* @__PURE__ */ React.createElement(
+        QRCodeSVG,
+        {
+          className: "h-full w-full",
+          value: qrCodeValue,
+          "data-testid": "credit-card-qr-code",
+          bgColor: "transparent"
+        }
+      ))), /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: (_b = MasterCardLogo) != null ? _b : "",
+          alt: "mastercard icon",
+          className: "absolute bottom-[-8px] right-4 learn-card-mastercard-logo"
+        }
+      ))
+    ),
+    children
+  );
+};
+
+export { LearnCardCreditCardFrontFace as L };
+//# sourceMappingURL=LearnCardCreditCardFrontFace-b7c917f5.js.map

package/dist/esm/{LearnCardCreditCardFrontFace-d50efb25.js.map → LearnCardCreditCardFrontFace-b7c917f5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LearnCardCreditCardFrontFace-d50efb25.js","sources":["../../src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx"],"sourcesContent":["import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { LearnCardCreditCardFrontFaceProps } from './types';\n\nimport CardChip from '../../assets/images/card-chip.svg';\nimport MasterCardLogo from '../../assets/images/master-card-logo.svg';\n\nexport const LearnCardCreditCardFrontFace: React.FC<LearnCardCreditCardFrontFaceProps> = ({\n    userImage,\n    userImageComponent = null,\n    qrCodeValue,\n    className,\n    showActionButton = false,\n    actionButtonText = 'Open Card',\n    onClick = () => {},\n    children,\n}) => {\n    let userImageEl: React.ReactNode | null = null;\n\n    if (userImage) {\n        userImageEl = (\n            <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4\">\n                <img\n                    className=\"w-full h-full absolute rounded-full object-cover border-solid border-2 border-white\"\n                    src={userImage}\n                    alt=\"user image\"\n                    data-testid=\"credit-card-frontface-userImg\"\n                />\n            </div>\n        );\n    } else if (!userImage && userImageComponent) {\n        userImageEl = userImageComponent;\n    }\n\n    return (\n        <div\n            className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n        >\n            <div\n                className={`flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`}\n            >\n                <div className=\"absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble\" />\n                {showActionButton && (\n                    <button\n                        className=\"absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white\"\n                        onClick={onClick}\n                        data-testid=\"credit-card-frontface-button\"\n                    >\n                        {actionButtonText}\n                    </button>\n                )}\n                <div className=\"flex flex-row justify-between items-start w-full h-full relative\">\n                    <div className=\"flex flex-1 flex-col\">\n                        <div className=\"pl-8\">\n                            <p className=\"w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title\">\n                                LEARNCARD\n                            </p>\n                            <img\n                                src={CardChip ?? ''}\n                                alt=\"card chip\"\n                                className=\"h-[30px] w-[42px]\"\n                            />\n                        </div>\n\n                        {userImageEl}\n                    </div>\n\n                    {qrCodeValue && (\n                        <div className=\"flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container\">\n                            <div className=\"h-auto relative qr-code-container\">\n                                {/* <div className=\"qr-code-upper-left-yellow\" />\n                            <div className=\"qr-code-upper-right-pink-square\" />\n                            <div className=\"qr-code-bottom-left-purple-square\" />\n                            <div className=\"qr-code-green-blob\" />\n                            <div className=\"qr-code-green-blob-2\" />\n                            <div className=\"qr-code-blue-blob\" />\n                            <div className=\"qr-code-orange-blob\" /> */}\n                                <QRCodeSVG\n                                    className=\"h-full w-full\"\n                                    value={qrCodeValue}\n                                    data-testid=\"credit-card-qr-code\"\n                                    bgColor=\"transparent\"\n                                    // fgColor=\"#999999\"\n                                />\n                            </div>\n                        </div>\n                    )}\n\n                    <img\n                        src={MasterCardLogo ?? ''}\n                        alt=\"mastercard icon\"\n                        className=\"absolute bottom-[-8px] right-4 learn-card-mastercard-logo\"\n                    />\n                </div>\n            </div>\n            {children}\n        </div>\n    );\n};\n\nexport default LearnCardCreditCardFrontFace;\n"],"names":[],"mappings":";;;;;AAQO,MAAM,+BAA4E,CAAC;AAAA,EACtF,SAAA;AAAA,EACA,kBAAqB,GAAA,IAAA;AAAA,EACrB,WAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAmB,GAAA,KAAA;AAAA,EACnB,gBAAmB,GAAA,WAAA;AAAA,EACnB,UAAU,MAAM;AAAA,GAAC;AAAA,EACjB,QAAA;AACJ,CAAM,KAAA;AAjBN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAkBI,EAAA,IAAI,WAAsC,GAAA,IAAA,CAAA;AAE1C,EAAA,IAAI,SAAW,EAAA;AACX,IAAA,WAAA,mBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,qGAAA;AAAA,KAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACG,SAAU,EAAA,qFAAA;AAAA,MACV,GAAK,EAAA,SAAA;AAAA,MACL,GAAI,EAAA,YAAA;AAAA,MACJ,aAAY,EAAA,+BAAA;AAAA,KAChB,CACJ,CAAA,CAAA;AAAA,GAER,MAAA,IAAW,CAAC,SAAA,IAAa,kBAAoB,EAAA;AACzC,IAAc,WAAA,GAAA,kBAAA,CAAA;AAAA,GAClB;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAAiE,8DAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAE3E,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,4IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,wHAAA;AAAA,GAAyH,CAAA,EACvI,oCACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,SAAU,EAAA,oMAAA;AAAA,IACV,OAAA;AAAA,IACA,aAAY,EAAA,8BAAA;AAAA,GAEX,EAAA,gBACL,mBAEH,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,kEAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,sBAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,MAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,sFAAA;AAAA,GAAuF,EAAA,WAEpG,mBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,MAAK,EAAY,GAAA,QAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,IACjB,GAAI,EAAA,WAAA;AAAA,IACJ,SAAU,EAAA,mBAAA;AAAA,GACd,CACJ,CAAA,EAEC,WACL,CAAA,EAEC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,sFAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,mCAAA;AAAA,GAAA,kBAQV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,SAAU,EAAA,eAAA;AAAA,IACV,KAAO,EAAA,WAAA;AAAA,IACP,aAAY,EAAA,qBAAA;AAAA,IACZ,OAAQ,EAAA,aAAA;AAAA,GAEZ,CACJ,CACJ,CAAA,kBAGH,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,MAAK,EAAkB,GAAA,cAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,IACvB,GAAI,EAAA,iBAAA;AAAA,IACJ,SAAU,EAAA,2DAAA;AAAA,GACd,CACJ,CACJ,CAAA,EACC,QACL,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"LearnCardCreditCardFrontFace-b7c917f5.js","sources":["../../src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx"],"sourcesContent":["import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { LearnCardCreditCardFrontFaceProps } from './types';\n\nimport CardChip from '../../assets/images/card-chip.svg';\nimport MasterCardLogo from '../../assets/images/master-card-logo.svg';\n\nexport const LearnCardCreditCardFrontFace: React.FC<LearnCardCreditCardFrontFaceProps> = ({\n    userImage,\n    userImageComponent = null,\n    qrCodeValue,\n    className,\n    showActionButton = false,\n    actionButtonText = 'Open Card',\n    onClick = () => {},\n    children,\n}) => {\n    let userImageEl: React.ReactNode | null = null;\n\n    if (userImage) {\n        userImageEl = (\n            <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4\">\n                <img\n                    className=\"w-full h-full absolute rounded-full object-cover border-solid border-2 border-white\"\n                    src={userImage}\n                    alt=\"user image\"\n                    data-testid=\"credit-card-frontface-userImg\"\n                />\n            </div>\n        );\n    } else if (!userImage && userImageComponent) {\n        userImageEl = userImageComponent;\n    }\n\n    return (\n        <div\n            className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n        >\n            <div\n                className={`flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`}\n            >\n                <div className=\"absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble\" />\n                {showActionButton && (\n                    <button\n                        className=\"absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white\"\n                        onClick={onClick}\n                        data-testid=\"credit-card-frontface-button\"\n                    >\n                        {actionButtonText}\n                    </button>\n                )}\n                <div className=\"flex flex-row justify-between items-start w-full h-full relative\">\n                    <div className=\"flex flex-1 flex-col\">\n                        <div className=\"pl-8\">\n                            <p className=\"w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title\">\n                                LEARNCARD\n                            </p>\n                            <img\n                                src={CardChip ?? ''}\n                                alt=\"card chip\"\n                                className=\"h-[30px] w-[42px]\"\n                            />\n                        </div>\n\n                        {userImageEl}\n                    </div>\n\n                    {qrCodeValue && (\n                        <div className=\"flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container\">\n                            <div className=\"h-auto relative qr-code-container\">\n                                {/* <div className=\"qr-code-upper-left-yellow\" />\n                            <div className=\"qr-code-upper-right-pink-square\" />\n                            <div className=\"qr-code-bottom-left-purple-square\" />\n                            <div className=\"qr-code-green-blob\" />\n                            <div className=\"qr-code-green-blob-2\" />\n                            <div className=\"qr-code-blue-blob\" />\n                            <div className=\"qr-code-orange-blob\" /> */}\n                                <QRCodeSVG\n                                    className=\"h-full w-full\"\n                                    value={qrCodeValue}\n                                    data-testid=\"credit-card-qr-code\"\n                                    bgColor=\"transparent\"\n                                    // fgColor=\"#999999\"\n                                />\n                            </div>\n                        </div>\n                    )}\n\n                    <img\n                        src={MasterCardLogo ?? ''}\n                        alt=\"mastercard icon\"\n                        className=\"absolute bottom-[-8px] right-4 learn-card-mastercard-logo\"\n                    />\n                </div>\n            </div>\n            {children}\n        </div>\n    );\n};\n\nexport default LearnCardCreditCardFrontFace;\n"],"names":[],"mappings":"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"}

package/dist/esm/{LearnPill-74bcb08c.js → LearnPill-e0720485.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { L as LCSubtypes } from './index-28917993.js';
-import { T as TYPE_TO_MINI_ICON } from './index-b102febc.js';
+import { T as TYPE_TO_MINI_ICON } from './index-cbe3a76a.js';
 
 const TYPE_TO_COLOR = {
   [LCSubtypes.course]: "bg-emerald-50",
@@ -20,15 +20,15 @@ const LearnPill = ({
   const imgSrc = TYPE_TO_MINI_ICON[type];
   const bgColor = TYPE_TO_COLOR[type];
   const textColor = TYPE_TO_TEXT_COLOR[type];
-  return /* @__PURE__ */ React.createElement("div", {
-    className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: imgSrc,
-    className: "mr-[5px]"
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: `flex items-center text-sm ${textColor} font-bold`
-  }, count));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`
+    },
+    /* @__PURE__ */ React.createElement("img", { src: imgSrc, className: "mr-[5px]" }),
+    /* @__PURE__ */ React.createElement("span", { className: `flex items-center text-sm ${textColor} font-bold` }, count)
+  );
 };
 
 export { LearnPill as L };
-//# sourceMappingURL=LearnPill-74bcb08c.js.map
+//# sourceMappingURL=LearnPill-e0720485.js.map

package/dist/esm/{LearnPill-74bcb08c.js.map → LearnPill-e0720485.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LearnPill-74bcb08c.js","sources":["../../src/components/LearnPill/LearnPill.tsx"],"sourcesContent":["import React from 'react';\nimport { LearnPillProps, LCSubtypes } from '../../types';\nimport { TYPE_TO_MINI_ICON } from '../../constants/';\n\nconst TYPE_TO_COLOR: any = {\n    [LCSubtypes.course]: 'bg-emerald-50',\n    [LCSubtypes.achievement]: 'bg-spice-50',\n    [LCSubtypes.skill]: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR: any = {\n    [LCSubtypes.course]: 'text-emerald-700',\n    [LCSubtypes.achievement]: 'text-spice-500',\n    [LCSubtypes.skill]: 'text-indigo-600',\n};\n\nexport const LearnPill: React.FC<LearnPillProps> = ({\n    count = 0,\n    type = LCSubtypes.course,\n    className,\n}) => {\n    const imgSrc = TYPE_TO_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n    const textColor = TYPE_TO_TEXT_COLOR[type];\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"mr-[5px]\" />\n            <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n        </div>\n    );\n};\n\nexport default LearnPill;\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAqB,GAAA;AAAA,EACvB,CAAC,WAAW,MAAS,GAAA,eAAA;AAAA,EACrB,CAAC,WAAW,WAAc,GAAA,aAAA;AAAA,EAC1B,CAAC,WAAW,KAAQ,GAAA,cAAA;AACxB,CAAA,CAAA;AAEA,MAAM,kBAA0B,GAAA;AAAA,EAC5B,CAAC,WAAW,MAAS,GAAA,kBAAA;AAAA,EACrB,CAAC,WAAW,WAAc,GAAA,gBAAA;AAAA,EAC1B,CAAC,WAAW,KAAQ,GAAA,iBAAA;AACxB,CAAA,CAAA;AAEO,MAAM,YAAsC,CAAC;AAAA,EAChD,KAAQ,GAAA,CAAA;AAAA,EACR,OAAO,UAAW,CAAA,MAAA;AAAA,EAClB,SAAA;AACJ,CAAM,KAAA;AACF,EAAA,MAAM,SAAS,iBAAkB,CAAA,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,UAAU,aAAc,CAAA,IAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAY,kBAAmB,CAAA,IAAA,CAAA,CAAA;AACrC,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAA,EAAW,yDAAyD,OAA4D,CAAA,kDAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAE/H,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAA,MAAA;AAAA,IAAQ,SAAU,EAAA,UAAA;AAAA,GAAW,mBACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAK,WAAW,CAA6B,0BAAA,EAAA,SAAA,CAAA,UAAA,CAAA;AAAA,GAAA,EAAwB,KAAM,CAChF,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"LearnPill-e0720485.js","sources":["../../src/components/LearnPill/LearnPill.tsx"],"sourcesContent":["import React from 'react';\nimport { LearnPillProps, LCSubtypes } from '../../types';\nimport { TYPE_TO_MINI_ICON } from '../../constants/';\n\nconst TYPE_TO_COLOR: any = {\n    [LCSubtypes.course]: 'bg-emerald-50',\n    [LCSubtypes.achievement]: 'bg-spice-50',\n    [LCSubtypes.skill]: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR: any = {\n    [LCSubtypes.course]: 'text-emerald-700',\n    [LCSubtypes.achievement]: 'text-spice-500',\n    [LCSubtypes.skill]: 'text-indigo-600',\n};\n\nexport const LearnPill: React.FC<LearnPillProps> = ({\n    count = 0,\n    type = LCSubtypes.course,\n    className,\n}) => {\n    const imgSrc = TYPE_TO_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n    const textColor = TYPE_TO_TEXT_COLOR[type];\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"mr-[5px]\" />\n            <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n        </div>\n    );\n};\n\nexport default LearnPill;\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAqB,GAAA;AAAA,EACvB,CAAC,UAAW,CAAA,MAAM,GAAG,eAAA;AAAA,EACrB,CAAC,UAAW,CAAA,WAAW,GAAG,aAAA;AAAA,EAC1B,CAAC,UAAW,CAAA,KAAK,GAAG,cAAA;AACxB,CAAA,CAAA;AAEA,MAAM,kBAA0B,GAAA;AAAA,EAC5B,CAAC,UAAW,CAAA,MAAM,GAAG,kBAAA;AAAA,EACrB,CAAC,UAAW,CAAA,WAAW,GAAG,gBAAA;AAAA,EAC1B,CAAC,UAAW,CAAA,KAAK,GAAG,iBAAA;AACxB,CAAA,CAAA;AAEO,MAAM,YAAsC,CAAC;AAAA,EAChD,KAAQ,GAAA,CAAA;AAAA,EACR,OAAO,UAAW,CAAA,MAAA;AAAA,EAClB,SAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,MAAA,GAAS,kBAAkB,IAAI,CAAA,CAAA;AACrC,EAAM,MAAA,OAAA,GAAU,cAAc,IAAI,CAAA,CAAA;AAClC,EAAM,MAAA,SAAA,GAAY,mBAAmB,IAAI,CAAA,CAAA;AACzC,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAW,EAAA,CAAA,sDAAA,EAAyD,OAAO,CAAA,kDAAA,EAAqD,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAExI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,MAAA,EAAQ,WAAU,UAAW,EAAA,CAAA;AAAA,wCACtC,MAAK,EAAA,EAAA,SAAA,EAAW,CAA6B,0BAAA,EAAA,SAAS,gBAAe,KAAM,CAAA;AAAA,GAChF,CAAA;AAER;;;;"}

package/dist/esm/{Lightbox-2ae83d79.js → Lightbox-f0338a0c.js}

@@ -2,25 +2,36 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 
 const X = ({ className = "", strokeWidth = "2" }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className,
-    "aria-label": "X"
-  }, /* @__PURE__ */ React.createElement("path", {
-    d: "M25 7L7 25",
-    stroke: "currentColor",
-    strokeWidth,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React.createElement("path", {
-    d: "M25 25L7 7",
-    stroke: "currentColor",
-    strokeWidth,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": "X"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M25 7L7 25",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M25 25L7 7",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
 };
 
 var __async$1 = (__this, __arguments, generator) => {
@@ -43,7 +54,7 @@ var __async$1 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const getVideoMetadata = (url) => __async$1(void 0, null, function* () {
+const getVideoMetadata = (url) => __async$1(null, null, function* () {
   var _a, _b, _c;
   try {
     const parsed = new URL(url);
@@ -59,8 +70,7 @@ const getVideoMetadata = (url) => __async$1(void 0, null, function* () {
         let thumb = `https://img.youtube.com/vi/${id}/maxresdefault.jpg`;
         try {
           const res = yield fetch(thumb, { method: "HEAD" });
-          if (!res.ok)
-            thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;
+          if (!res.ok) thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;
         } catch (e) {
           thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;
         }
@@ -180,19 +190,16 @@ const Lightbox = ({
   const goToNextItem = useCallback(() => {
     const currentIndex = items.findIndex((item) => item.url === currentUrl);
     const nextItem = items.at((currentIndex + 1) % items.length);
-    if (nextItem)
-      setCurrentUrl(nextItem.url);
+    if (nextItem) setCurrentUrl(nextItem.url);
   }, [currentUrl, items, setCurrentUrl]);
   const goToPreviousItem = useCallback(() => {
     const currentIndex = items.findIndex((item) => item.url === currentUrl);
     const previousItem = items.at((currentIndex - 1 + items.length) % items.length);
-    if (previousItem)
-      setCurrentUrl(previousItem.url);
+    if (previousItem) setCurrentUrl(previousItem.url);
   }, [currentUrl, items, setCurrentUrl]);
   useEffect(() => {
     const keydownListener = (e) => {
-      if (!currentUrl || !currentItem)
-        return;
+      if (!currentUrl || !currentItem) return;
       if (e.key === "Escape") {
         e.preventDefault();
         setCurrentUrl(void 0);
@@ -210,7 +217,7 @@ const Lightbox = ({
     return () => window.removeEventListener("keydown", keydownListener);
   }, [currentUrl, currentItem, goToNextItem, goToPreviousItem, setCurrentUrl]);
   useEffect(() => {
-    const fetchMetadata = () => __async(void 0, null, function* () {
+    const fetchMetadata = () => __async(null, null, function* () {
       if ((currentItem == null ? void 0 : currentItem.type) === "video") {
         const metadata = yield getVideoMetadata(currentItem.url);
         setVideoMetadata(metadata);
@@ -220,39 +227,44 @@ const Lightbox = ({
     });
     fetchMetadata();
   }, [currentItem]);
-  if (!currentUrl || !currentItem)
-    return null;
+  if (!currentUrl || !currentItem) return null;
   return createPortal(
-    /* @__PURE__ */ React.createElement("div", {
-      className: "absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.9)] text-white flex justify-center items-center z-[999999]",
-      onClick: (e) => {
-        if (e.target !== innerRef.current) {
-          setCurrentUrl(void 0);
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.9)] text-white flex justify-center items-center z-[999999]",
+        onClick: (e) => {
+          if (e.target !== innerRef.current) {
+            setCurrentUrl(void 0);
+          }
         }
-      }
-    }, showCloseButton && /* @__PURE__ */ React.createElement("button", {
-      onClick: () => setCurrentUrl(void 0)
-    }, /* @__PURE__ */ React.createElement(X, {
-      className: "absolute w-[30px] h-[30px] top-[20px] right-[20px] cursor-pointer text-white z-[999999]"
-    })), currentItem.type === "photo" && /* @__PURE__ */ React.createElement("img", {
-      className: "cursor-pointer max-w-[90vw] max-h-[90vh]",
-      src: currentUrl,
-      onClick: () => enableImageClick && window.open(currentUrl, "_blank"),
-      ref: innerRef,
-      alt: ""
-    }), currentItem.type === "video" && (videoMetadata == null ? void 0 : videoMetadata.embedUrl) && /* @__PURE__ */ React.createElement("div", {
-      className: "relative w-[90vw] max-w-[800px] aspect-video"
-    }, /* @__PURE__ */ React.createElement("iframe", {
-      src: videoMetadata.embedUrl,
-      className: "absolute top-0 left-0 w-full h-full rounded-md",
-      title: "Video player",
-      frameBorder: "0",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: true
-    }))),
+      },
+      showCloseButton && /* @__PURE__ */ React.createElement("button", { onClick: () => setCurrentUrl(void 0) }, /* @__PURE__ */ React.createElement(X, { className: "absolute w-[30px] h-[30px] top-[20px] right-[20px] cursor-pointer text-white z-[999999]" })),
+      currentItem.type === "photo" && /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          className: "cursor-pointer max-w-[90vw] max-h-[90vh]",
+          src: currentUrl,
+          onClick: () => enableImageClick && window.open(currentUrl, "_blank"),
+          ref: innerRef,
+          alt: ""
+        }
+      ),
+      currentItem.type === "video" && (videoMetadata == null ? void 0 : videoMetadata.embedUrl) && /* @__PURE__ */ React.createElement("div", { className: "relative w-[90vw] max-w-[800px] aspect-video" }, /* @__PURE__ */ React.createElement(
+        "iframe",
+        {
+          src: videoMetadata.embedUrl,
+          className: "absolute top-0 left-0 w-full h-full rounded-md",
+          title: "Video player",
+          frameBorder: "0",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true
+        }
+      ))
+    ),
     document.body
   );
 };
 
 export { Lightbox as L, X };
-//# sourceMappingURL=Lightbox-2ae83d79.js.map
+//# sourceMappingURL=Lightbox-f0338a0c.js.map

package/dist/esm/{Lightbox-2ae83d79.js.map → Lightbox-f0338a0c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Lightbox-2ae83d79.js","sources":["../../src/components/svgs/X.tsx","../../src/helpers/video.helpers.ts","../../src/components/Lightbox/Lightbox.tsx"],"sourcesContent":["import React from 'react';\n\ntype XProps = {\n    className?: string;\n    strokeWidth?: string;\n};\n\nconst X: React.FC<XProps> = ({ className = '', strokeWidth = '2' }) => {\n    return (\n        <svg\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n            aria-label=\"X\"\n        >\n            <path\n                d=\"M25 7L7 25\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M25 25L7 7\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default X;\n","export type VideoPlatform = 'youtube' | 'vimeo' | 'drive' | 'loom' | 'unknown';\n\nexport type VideoMetadata = {\n    type: VideoPlatform;\n    videoId: string | null;\n    embedUrl: string | null;\n    thumbnailUrl: string | null;\n};\n\nexport const getVideoMetadata = async (url: string): Promise<VideoMetadata> => {\n    try {\n        const parsed = new URL(url);\n        const host = parsed.hostname.replace(/^www\\./, '');\n        let id: string | null = null;\n\n        // YouTube\n        if (host === 'youtu.be' || host.includes('youtube.com')) {\n            if (host === 'youtu.be') {\n                id = parsed.pathname.slice(1);\n            } else {\n                id =\n                    parsed.searchParams.get('v') ||\n                    parsed.pathname.split('/').filter(Boolean).pop() ||\n                    null;\n            }\n            if (id) {\n                let thumb = `https://img.youtube.com/vi/${id}/maxresdefault.jpg`;\n                try {\n                    const res = await fetch(thumb, { method: 'HEAD' });\n                    if (!res.ok) thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                } catch {\n                    thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                }\n                return {\n                    type: 'youtube',\n                    videoId: id,\n                    embedUrl: `https://www.youtube.com/embed/${id}`,\n                    thumbnailUrl: thumb,\n                };\n            }\n        }\n\n        // Vimeo\n        if (host.includes('vimeo.com')) {\n            const match = url.match(/vimeo\\.com\\/(\\d+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                try {\n                    const oembed = `https://vimeo.com/api/oembed.json?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const data = await fetch(oembed).then(r => r.json());\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Google Drive\n        if (host === 'drive.google.com' || host === 'docs.google.com') {\n            const match = parsed.pathname.match(/\\/d\\/([^/]+)/);\n            id = match?.[1] ?? parsed.searchParams.get('id');\n            if (id) {\n                return {\n                    type: 'drive',\n                    videoId: id,\n                    embedUrl: `https://drive.google.com/file/d/${id}/preview`,\n                    thumbnailUrl: `https://drive.google.com/thumbnail?sz=w320-h320&id=${id}`,\n                };\n            }\n        }\n\n        // Loom\n        if (host === 'loom.com') {\n            const match = parsed.pathname.match(/\\/(?:share|embed|watch)\\/([A-Za-z0-9]+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                const embedUrl = `https://www.loom.com/embed/${id}`;\n                try {\n                    const oembedUrl = `https://www.loom.com/api/oembed?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const response = await fetch(oembedUrl);\n                    if (!response.ok) {\n                        throw new Error(`oEmbed API returned ${response.status}`);\n                    }\n                    const data = await response.json();\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    console.warn('Loom oEmbed fetch failed:', e);\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Fallback\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    } catch (e) {\n        console.error('getVideoMetadata error:', e);\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    }\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport X from '../svgs/X';\n\nimport { getVideoMetadata, VideoMetadata } from '../../helpers/video.helpers';\n\nexport type LightboxItemType = 'photo' | 'video';\n\nexport type LightboxItem = {\n    url: string;\n    type: LightboxItemType;\n};\n\nexport type LightboxImage = LightboxItem & {\n    type: 'photo';\n    alt?: string;\n};\n\nexport type LightboxVideo = LightboxItem & {\n    type: 'video';\n};\n\nexport type LightboxProps = {\n    items: LightboxItem[];\n    currentUrl: string | undefined;\n    setCurrentUrl: (url: string | undefined) => void;\n    showCloseButton?: boolean;\n    enableImageClick?: boolean;\n};\n\nexport const Lightbox: React.FC<LightboxProps> = ({\n    items,\n    currentUrl,\n    setCurrentUrl,\n    showCloseButton = true,\n    enableImageClick = false,\n}) => {\n    const currentItem = items.find(item => item.url === currentUrl);\n    const innerRef = useRef<HTMLImageElement>(null);\n    const [videoMetadata, setVideoMetadata] = useState<VideoMetadata | null>(null);\n\n    const goToNextItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const nextItem = items.at((currentIndex + 1) % items.length);\n        if (nextItem) setCurrentUrl(nextItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    const goToPreviousItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const previousItem = items.at((currentIndex - 1 + items.length) % items.length);\n        if (previousItem) setCurrentUrl(previousItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    useEffect(() => {\n        const keydownListener = (e: KeyboardEvent) => {\n            if (!currentUrl || !currentItem) return;\n\n            if (e.key === 'Escape') {\n                e.preventDefault();\n                setCurrentUrl(undefined);\n            }\n\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                goToNextItem();\n            }\n\n            if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                goToPreviousItem();\n            }\n        };\n\n        window.addEventListener('keydown', keydownListener);\n        return () => window.removeEventListener('keydown', keydownListener);\n    }, [currentUrl, currentItem, goToNextItem, goToPreviousItem, setCurrentUrl]);\n\n    useEffect(() => {\n        const fetchMetadata = async () => {\n            if (currentItem?.type === 'video') {\n                const metadata = await getVideoMetadata(currentItem.url);\n                setVideoMetadata(metadata);\n            } else {\n                setVideoMetadata(null);\n            }\n        };\n\n        fetchMetadata();\n    }, [currentItem]);\n\n    if (!currentUrl || !currentItem) return null;\n\n    return createPortal(\n        <div\n            className=\"absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.9)] text-white flex justify-center items-center z-[999999]\"\n            onClick={e => {\n                if (e.target !== innerRef.current) {\n                    setCurrentUrl(undefined);\n                }\n            }}\n        >\n            {showCloseButton && (\n                <button onClick={() => setCurrentUrl(undefined)}>\n                    <X className=\"absolute w-[30px] h-[30px] top-[20px] right-[20px] cursor-pointer text-white z-[999999]\" />\n                </button>\n            )}\n            {currentItem.type === 'photo' && (\n                <img\n                    className=\"cursor-pointer max-w-[90vw] max-h-[90vh]\"\n                    src={currentUrl}\n                    onClick={() => enableImageClick && window.open(currentUrl, '_blank')}\n                    ref={innerRef}\n                    alt=\"\"\n                />\n            )}\n\n            {currentItem.type === 'video' && videoMetadata?.embedUrl && (\n                <div className=\"relative w-[90vw] max-w-[800px] aspect-video\">\n                    <iframe\n                        src={videoMetadata.embedUrl}\n                        className=\"absolute top-0 left-0 w-full h-full rounded-md\"\n                        title=\"Video player\"\n                        frameBorder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowFullScreen\n                    />\n                </div>\n            )}\n        </div>,\n        document.body\n    );\n};\n"],"names":["__async"],"mappings":"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"}
+{"version":3,"file":"Lightbox-f0338a0c.js","sources":["../../src/components/svgs/X.tsx","../../src/helpers/video.helpers.ts","../../src/components/Lightbox/Lightbox.tsx"],"sourcesContent":["import React from 'react';\n\ntype XProps = {\n    className?: string;\n    strokeWidth?: string;\n};\n\nconst X: React.FC<XProps> = ({ className = '', strokeWidth = '2' }) => {\n    return (\n        <svg\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n            aria-label=\"X\"\n        >\n            <path\n                d=\"M25 7L7 25\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M25 25L7 7\"\n                stroke=\"currentColor\"\n                strokeWidth={strokeWidth}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default X;\n","export type VideoPlatform = 'youtube' | 'vimeo' | 'drive' | 'loom' | 'unknown';\n\nexport type VideoMetadata = {\n    type: VideoPlatform;\n    videoId: string | null;\n    embedUrl: string | null;\n    thumbnailUrl: string | null;\n};\n\nexport const getVideoMetadata = async (url: string): Promise<VideoMetadata> => {\n    try {\n        const parsed = new URL(url);\n        const host = parsed.hostname.replace(/^www\\./, '');\n        let id: string | null = null;\n\n        // YouTube\n        if (host === 'youtu.be' || host.includes('youtube.com')) {\n            if (host === 'youtu.be') {\n                id = parsed.pathname.slice(1);\n            } else {\n                id =\n                    parsed.searchParams.get('v') ||\n                    parsed.pathname.split('/').filter(Boolean).pop() ||\n                    null;\n            }\n            if (id) {\n                let thumb = `https://img.youtube.com/vi/${id}/maxresdefault.jpg`;\n                try {\n                    const res = await fetch(thumb, { method: 'HEAD' });\n                    if (!res.ok) thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                } catch {\n                    thumb = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;\n                }\n                return {\n                    type: 'youtube',\n                    videoId: id,\n                    embedUrl: `https://www.youtube.com/embed/${id}`,\n                    thumbnailUrl: thumb,\n                };\n            }\n        }\n\n        // Vimeo\n        if (host.includes('vimeo.com')) {\n            const match = url.match(/vimeo\\.com\\/(\\d+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                try {\n                    const oembed = `https://vimeo.com/api/oembed.json?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const data = await fetch(oembed).then(r => r.json());\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    return {\n                        type: 'vimeo',\n                        videoId: id,\n                        embedUrl: `https://player.vimeo.com/video/${id}`,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Google Drive\n        if (host === 'drive.google.com' || host === 'docs.google.com') {\n            const match = parsed.pathname.match(/\\/d\\/([^/]+)/);\n            id = match?.[1] ?? parsed.searchParams.get('id');\n            if (id) {\n                return {\n                    type: 'drive',\n                    videoId: id,\n                    embedUrl: `https://drive.google.com/file/d/${id}/preview`,\n                    thumbnailUrl: `https://drive.google.com/thumbnail?sz=w320-h320&id=${id}`,\n                };\n            }\n        }\n\n        // Loom\n        if (host === 'loom.com') {\n            const match = parsed.pathname.match(/\\/(?:share|embed|watch)\\/([A-Za-z0-9]+)/);\n            id = match?.[1] ?? null;\n            if (id) {\n                const embedUrl = `https://www.loom.com/embed/${id}`;\n                try {\n                    const oembedUrl = `https://www.loom.com/api/oembed?url=${encodeURIComponent(\n                        url\n                    )}`;\n                    const response = await fetch(oembedUrl);\n                    if (!response.ok) {\n                        throw new Error(`oEmbed API returned ${response.status}`);\n                    }\n                    const data = await response.json();\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: data.thumbnail_url,\n                    };\n                } catch (e) {\n                    // Fallback if oEmbed fails\n                    console.warn('Loom oEmbed fetch failed:', e);\n                    return {\n                        type: 'loom',\n                        videoId: id,\n                        embedUrl,\n                        thumbnailUrl: null,\n                    };\n                }\n            }\n        }\n\n        // Fallback\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    } catch (e) {\n        console.error('getVideoMetadata error:', e);\n        return { type: 'unknown', videoId: null, embedUrl: null, thumbnailUrl: null };\n    }\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport X from '../svgs/X';\n\nimport { getVideoMetadata, VideoMetadata } from '../../helpers/video.helpers';\n\nexport type LightboxItemType = 'photo' | 'video';\n\nexport type LightboxItem = {\n    url: string;\n    type: LightboxItemType;\n};\n\nexport type LightboxImage = LightboxItem & {\n    type: 'photo';\n    alt?: string;\n};\n\nexport type LightboxVideo = LightboxItem & {\n    type: 'video';\n};\n\nexport type LightboxProps = {\n    items: LightboxItem[];\n    currentUrl: string | undefined;\n    setCurrentUrl: (url: string | undefined) => void;\n    showCloseButton?: boolean;\n    enableImageClick?: boolean;\n};\n\nexport const Lightbox: React.FC<LightboxProps> = ({\n    items,\n    currentUrl,\n    setCurrentUrl,\n    showCloseButton = true,\n    enableImageClick = false,\n}) => {\n    const currentItem = items.find(item => item.url === currentUrl);\n    const innerRef = useRef<HTMLImageElement>(null);\n    const [videoMetadata, setVideoMetadata] = useState<VideoMetadata | null>(null);\n\n    const goToNextItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const nextItem = items.at((currentIndex + 1) % items.length);\n        if (nextItem) setCurrentUrl(nextItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    const goToPreviousItem = useCallback(() => {\n        const currentIndex = items.findIndex(item => item.url === currentUrl);\n        const previousItem = items.at((currentIndex - 1 + items.length) % items.length);\n        if (previousItem) setCurrentUrl(previousItem.url);\n    }, [currentUrl, items, setCurrentUrl]);\n\n    useEffect(() => {\n        const keydownListener = (e: KeyboardEvent) => {\n            if (!currentUrl || !currentItem) return;\n\n            if (e.key === 'Escape') {\n                e.preventDefault();\n                setCurrentUrl(undefined);\n            }\n\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                goToNextItem();\n            }\n\n            if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                goToPreviousItem();\n            }\n        };\n\n        window.addEventListener('keydown', keydownListener);\n        return () => window.removeEventListener('keydown', keydownListener);\n    }, [currentUrl, currentItem, goToNextItem, goToPreviousItem, setCurrentUrl]);\n\n    useEffect(() => {\n        const fetchMetadata = async () => {\n            if (currentItem?.type === 'video') {\n                const metadata = await getVideoMetadata(currentItem.url);\n                setVideoMetadata(metadata);\n            } else {\n                setVideoMetadata(null);\n            }\n        };\n\n        fetchMetadata();\n    }, [currentItem]);\n\n    if (!currentUrl || !currentItem) return null;\n\n    return createPortal(\n        <div\n            className=\"absolute top-0 left-0 w-screen h-screen bg-[rgba(0,0,0,0.9)] text-white flex justify-center items-center z-[999999]\"\n            onClick={e => {\n                if (e.target !== innerRef.current) {\n                    setCurrentUrl(undefined);\n                }\n            }}\n        >\n            {showCloseButton && (\n                <button onClick={() => setCurrentUrl(undefined)}>\n                    <X className=\"absolute w-[30px] h-[30px] top-[20px] right-[20px] cursor-pointer text-white z-[999999]\" />\n                </button>\n            )}\n            {currentItem.type === 'photo' && (\n                <img\n                    className=\"cursor-pointer max-w-[90vw] max-h-[90vh]\"\n                    src={currentUrl}\n                    onClick={() => enableImageClick && window.open(currentUrl, '_blank')}\n                    ref={innerRef}\n                    alt=\"\"\n                />\n            )}\n\n            {currentItem.type === 'video' && videoMetadata?.embedUrl && (\n                <div className=\"relative w-[90vw] max-w-[800px] aspect-video\">\n                    <iframe\n                        src={videoMetadata.embedUrl}\n                        className=\"absolute top-0 left-0 w-full h-full rounded-md\"\n                        title=\"Video player\"\n                        frameBorder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowFullScreen\n                    />\n                </div>\n            )}\n        </div>,\n        document.body\n    );\n};\n"],"names":["__async"],"mappings":";;;AAOA,MAAM,IAAsB,CAAC,EAAE,YAAY,EAAI,EAAA,WAAA,GAAc,KAAU,KAAA;AACnE,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAW,EAAA,GAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,YAAA;AAAA,QACF,MAAO,EAAA,cAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,YAAA;AAAA,QACF,MAAO,EAAA,cAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,GACJ,CAAA;AAER;;;;;;;;;;;;;;;;;;;;;;ACvBa,MAAA,gBAAA,GAAmB,CAAO,GAAwC,KAAAA,SAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAT/E,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAUI,EAAI,IAAA;AACA,IAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,IAAO,GAAA,MAAA,CAAO,QAAS,CAAA,OAAA,CAAQ,UAAU,EAAE,CAAA,CAAA;AACjD,IAAA,IAAI,EAAoB,GAAA,IAAA,CAAA;AAGxB,IAAA,IAAI,IAAS,KAAA,UAAA,IAAc,IAAK,CAAA,QAAA,CAAS,aAAa,CAAG,EAAA;AACrD,MAAA,IAAI,SAAS,UAAY,EAAA;AACrB,QAAK,EAAA,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AAAA,OACzB,MAAA;AACH,QAAA,EAAA,GACI,MAAO,CAAA,YAAA,CAAa,GAAI,CAAA,GAAG,KAC3B,MAAO,CAAA,QAAA,CAAS,KAAM,CAAA,GAAG,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,CAAE,KAC3C,IAAA,IAAA,CAAA;AAAA,OACR;AACA,MAAA,IAAI,EAAI,EAAA;AACJ,QAAI,IAAA,KAAA,GAAQ,8BAA8B,EAAE,CAAA,kBAAA,CAAA,CAAA;AAC5C,QAAI,IAAA;AACA,UAAA,MAAM,MAAM,MAAM,KAAA,CAAM,OAAO,EAAE,MAAA,EAAQ,QAAQ,CAAA,CAAA;AACjD,UAAA,IAAI,CAAC,GAAA,CAAI,EAAI,EAAA,KAAA,GAAQ,8BAA8B,EAAE,CAAA,cAAA,CAAA,CAAA;AAAA,SACjD,CAAA,OAAA,CAAA,EAAA;AACJ,UAAA,KAAA,GAAQ,8BAA8B,EAAE,CAAA,cAAA,CAAA,CAAA;AAAA,SAC5C;AACA,QAAO,OAAA;AAAA,UACH,IAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,EAAA;AAAA,UACT,QAAA,EAAU,iCAAiC,EAAE,CAAA,CAAA;AAAA,UAC7C,YAAc,EAAA,KAAA;AAAA,SAClB,CAAA;AAAA,OACJ;AAAA,KACJ;AAGA,IAAI,IAAA,IAAA,CAAK,QAAS,CAAA,WAAW,CAAG,EAAA;AAC5B,MAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,mBAAmB,CAAA,CAAA;AAC3C,MAAK,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAQ,OAAR,IAAc,GAAA,EAAA,GAAA,IAAA,CAAA;AACnB,MAAA,IAAI,EAAI,EAAA;AACJ,QAAI,IAAA;AACA,UAAA,MAAM,SAAS,CAAyC,sCAAA,EAAA,kBAAA;AAAA,YACpD,GAAA;AAAA,WACH,CAAA,CAAA,CAAA;AACD,UAAM,MAAA,IAAA,GAAO,MAAM,KAAM,CAAA,MAAM,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,IAAA,EAAM,CAAA,CAAA;AACnD,UAAO,OAAA;AAAA,YACH,IAAM,EAAA,OAAA;AAAA,YACN,OAAS,EAAA,EAAA;AAAA,YACT,QAAA,EAAU,kCAAkC,EAAE,CAAA,CAAA;AAAA,YAC9C,cAAc,IAAK,CAAA,aAAA;AAAA,WACvB,CAAA;AAAA,iBACK,CAAG,EAAA;AAER,UAAO,OAAA;AAAA,YACH,IAAM,EAAA,OAAA;AAAA,YACN,OAAS,EAAA,EAAA;AAAA,YACT,QAAA,EAAU,kCAAkC,EAAE,CAAA,CAAA;AAAA,YAC9C,YAAc,EAAA,IAAA;AAAA,WAClB,CAAA;AAAA,SACJ;AAAA,OACJ;AAAA,KACJ;AAGA,IAAI,IAAA,IAAA,KAAS,kBAAsB,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAC3D,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AAClD,MAAA,EAAA,GAAA,CAAK,oCAAQ,CAAR,CAAA,KAAA,IAAA,GAAA,EAAA,GAAc,MAAO,CAAA,YAAA,CAAa,IAAI,IAAI,CAAA,CAAA;AAC/C,MAAA,IAAI,EAAI,EAAA;AACJ,QAAO,OAAA;AAAA,UACH,IAAM,EAAA,OAAA;AAAA,UACN,OAAS,EAAA,EAAA;AAAA,UACT,QAAA,EAAU,mCAAmC,EAAE,CAAA,QAAA,CAAA;AAAA,UAC/C,YAAA,EAAc,sDAAsD,EAAE,CAAA,CAAA;AAAA,SAC1E,CAAA;AAAA,OACJ;AAAA,KACJ;AAGA,IAAA,IAAI,SAAS,UAAY,EAAA;AACrB,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,yCAAyC,CAAA,CAAA;AAC7E,MAAK,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAQ,OAAR,IAAc,GAAA,EAAA,GAAA,IAAA,CAAA;AACnB,MAAA,IAAI,EAAI,EAAA;AACJ,QAAM,MAAA,QAAA,GAAW,8BAA8B,EAAE,CAAA,CAAA,CAAA;AACjD,QAAI,IAAA;AACA,UAAA,MAAM,YAAY,CAAuC,oCAAA,EAAA,kBAAA;AAAA,YACrD,GAAA;AAAA,WACH,CAAA,CAAA,CAAA;AACD,UAAM,MAAA,QAAA,GAAW,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACtC,UAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AACd,YAAA,MAAM,IAAI,KAAA,CAAM,CAAuB,oBAAA,EAAA,QAAA,CAAS,MAAM,CAAE,CAAA,CAAA,CAAA;AAAA,WAC5D;AACA,UAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACjC,UAAO,OAAA;AAAA,YACH,IAAM,EAAA,MAAA;AAAA,YACN,OAAS,EAAA,EAAA;AAAA,YACT,QAAA;AAAA,YACA,cAAc,IAAK,CAAA,aAAA;AAAA,WACvB,CAAA;AAAA,iBACK,CAAG,EAAA;AAER,UAAQ,OAAA,CAAA,IAAA,CAAK,6BAA6B,CAAC,CAAA,CAAA;AAC3C,UAAO,OAAA;AAAA,YACH,IAAM,EAAA,MAAA;AAAA,YACN,OAAS,EAAA,EAAA;AAAA,YACT,QAAA;AAAA,YACA,YAAc,EAAA,IAAA;AAAA,WAClB,CAAA;AAAA,SACJ;AAAA,OACJ;AAAA,KACJ;AAGA,IAAO,OAAA,EAAE,MAAM,SAAW,EAAA,OAAA,EAAS,MAAM,QAAU,EAAA,IAAA,EAAM,cAAc,IAAK,EAAA,CAAA;AAAA,WACvE,CAAG,EAAA;AACR,IAAQ,OAAA,CAAA,KAAA,CAAM,2BAA2B,CAAC,CAAA,CAAA;AAC1C,IAAO,OAAA,EAAE,MAAM,SAAW,EAAA,OAAA,EAAS,MAAM,QAAU,EAAA,IAAA,EAAM,cAAc,IAAK,EAAA,CAAA;AAAA,GAChF;AACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AC7FO,MAAM,WAAoC,CAAC;AAAA,EAC9C,KAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAkB,GAAA,IAAA;AAAA,EAClB,gBAAmB,GAAA,KAAA;AACvB,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,KAAM,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,UAAU,CAAA,CAAA;AAC9D,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAA+B,IAAI,CAAA,CAAA;AAE7E,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACnC,IAAA,MAAM,eAAe,KAAM,CAAA,SAAA,CAAU,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,UAAU,CAAA,CAAA;AACpE,IAAA,MAAM,WAAW,KAAM,CAAA,EAAA,CAAA,CAAI,YAAe,GAAA,CAAA,IAAK,MAAM,MAAM,CAAA,CAAA;AAC3D,IAAI,IAAA,QAAA,EAAwB,aAAA,CAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,GACzC,EAAA,CAAC,UAAY,EAAA,KAAA,EAAO,aAAa,CAAC,CAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,MAAM;AACvC,IAAA,MAAM,eAAe,KAAM,CAAA,SAAA,CAAU,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,UAAU,CAAA,CAAA;AACpE,IAAM,MAAA,YAAA,GAAe,MAAM,EAAI,CAAA,CAAA,YAAA,GAAe,IAAI,KAAM,CAAA,MAAA,IAAU,MAAM,MAAM,CAAA,CAAA;AAC9E,IAAI,IAAA,YAAA,EAA4B,aAAA,CAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,GACjD,EAAA,CAAC,UAAY,EAAA,KAAA,EAAO,aAAa,CAAC,CAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAM,MAAA,eAAA,GAAkB,CAAC,CAAqB,KAAA;AAC1C,MAAI,IAAA,CAAC,UAAc,IAAA,CAAC,WAAa,EAAA,OAAA;AAEjC,MAAI,IAAA,CAAA,CAAE,QAAQ,QAAU,EAAA;AACpB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,OAC3B;AAEA,MAAI,IAAA,CAAA,CAAE,QAAQ,YAAc,EAAA;AACxB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAa,YAAA,EAAA,CAAA;AAAA,OACjB;AAEA,MAAI,IAAA,CAAA,CAAE,QAAQ,WAAa,EAAA;AACvB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAiB,gBAAA,EAAA,CAAA;AAAA,OACrB;AAAA,KACJ,CAAA;AAEA,IAAO,MAAA,CAAA,gBAAA,CAAiB,WAAW,eAAe,CAAA,CAAA;AAClD,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAoB,CAAA,SAAA,EAAW,eAAe,CAAA,CAAA;AAAA,KACnE,CAAC,UAAA,EAAY,aAAa,YAAc,EAAA,gBAAA,EAAkB,aAAa,CAAC,CAAA,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,gBAAgB,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAC9B,MAAI,IAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,UAAS,OAAS,EAAA;AAC/B,QAAA,MAAM,QAAW,GAAA,MAAM,gBAAiB,CAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AACvD,QAAA,gBAAA,CAAiB,QAAQ,CAAA,CAAA;AAAA,OACtB,MAAA;AACH,QAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,OACzB;AAAA,KACJ,CAAA,CAAA;AAEA,IAAc,aAAA,EAAA,CAAA;AAAA,GAClB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAA,IAAI,CAAC,UAAA,IAAc,CAAC,WAAA,EAAoB,OAAA,IAAA,CAAA;AAExC,EAAO,OAAA,YAAA;AAAA,oBACH,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,qHAAA;AAAA,QACV,SAAS,CAAK,CAAA,KAAA;AACV,UAAI,IAAA,CAAA,CAAE,MAAW,KAAA,QAAA,CAAS,OAAS,EAAA;AAC/B,YAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,WAC3B;AAAA,SACJ;AAAA,OAAA;AAAA,MAEC,eACG,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,OAAA,EAAS,MAAM,aAAA,CAAc,KAAS,CAAA,CAAA,EAAA,kBACzC,KAAA,CAAA,aAAA,CAAA,CAAA,EAAA,EAAE,SAAU,EAAA,yFAAA,EAA0F,CAC3G,CAAA;AAAA,MAEH,WAAA,CAAY,SAAS,OAClB,oBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,0CAAA;AAAA,UACV,GAAK,EAAA,UAAA;AAAA,UACL,SAAS,MAAM,gBAAA,IAAoB,MAAO,CAAA,IAAA,CAAK,YAAY,QAAQ,CAAA;AAAA,UACnE,GAAK,EAAA,QAAA;AAAA,UACL,GAAI,EAAA,EAAA;AAAA,SAAA;AAAA,OACR;AAAA,MAGH,WAAA,CAAY,SAAS,OAAW,KAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,6BAC3C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAU,8CACX,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACG,KAAK,aAAc,CAAA,QAAA;AAAA,UACnB,SAAU,EAAA,gDAAA;AAAA,UACV,KAAM,EAAA,cAAA;AAAA,UACN,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,0FAAA;AAAA,UACN,eAAe,EAAA,IAAA;AAAA,SAAA;AAAA,OAEvB,CAAA;AAAA,KAER;AAAA,IACA,QAAS,CAAA,IAAA;AAAA,GACb,CAAA;AACJ;;;;"}

package/dist/esm/Lightbulb-7e24711e.js

@@ -0,0 +1,35 @@
+import React from 'react';
+
+const IDSleeve = ({ className = "" }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "295",
+      height: "89",
+      viewBox: "0 0 295 89",
+      fill: "none",
+      className
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M148.777 31.7103H146.223C116.199 31.7103 114.71 0 94.4184 0H0V88.0597H295V0H200.582C178.526 0 176.899 31.7103 148.777 31.7103Z",
+        fill: "currentColor"
+      }
+    )
+  );
+};
+
+const Lightbulb = ({ className = "" }) => {
+  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 31 30", fill: "none", className, "data-testid": "skill-icon" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z",
+      fill: "currentColor"
+    }
+  ));
+};
+
+export { IDSleeve as I, Lightbulb as L };
+//# sourceMappingURL=Lightbulb-7e24711e.js.map