@learncard/react 2.8.62 → 2.9.3

package/dist/cjs/User-301088ac.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Briefcase = ({
-  className = "",
-  size = ""
-}) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    height: size,
-    width: size,
-    viewBox: "0 0 31 31",
-    fill: "none",
-    className,
-    "data-testid": "job-icon"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M14.0938 14.5625H16.9062",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-
-const Graduation = ({
-  className = "",
-  size = ""
-}) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    height: size,
-    width: size,
-    viewBox: "0 0 31 31",
-    fill: "none",
-    className,
-    "data-testid": "learning-icon"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z",
-    fill: "currentColor"
-  }));
-};
-
-const User = ({
-  className = "",
-  size = ""
-}) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    height: size,
-    width: size,
-    viewBox: "0 0 31 31",
-    fill: "none",
-    className,
-    "data-testid": "id-icon"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-
-exports.Briefcase = Briefcase;
-exports.Graduation = Graduation;
-exports.User = User;
-//# sourceMappingURL=User-301088ac.js.map

package/dist/cjs/VCDisplayBackFace-6000a58b.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var React = require('react');
-var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
-var VCVerificationPill = require('./VCVerificationPill-d6303ad0.js');
-var FlipArrowRight = require('./ArrowArcRight.svg');
-var credential_helpers = require('./credential.helpers-60b421b9.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FlipArrowRight__default = /*#__PURE__*/_interopDefaultLegacy(FlipArrowRight);
-
-const VCDisplayBackFace = ({
-  issuer,
-  credentialSubject,
-  className = "",
-  loading,
-  verification = [],
-  handleClick,
-  overrideDetailsComponent
-}) => {
-  var _a, _b, _c, _d;
-  const descriptionText = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _a.description;
-  const criteriaText = (_c = (_b = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _b.criteria) == null ? void 0 : _c.narrative;
-  const issuerUrl = typeof issuer === "object" ? issuer.url : "";
-  const issuerName = credential_helpers.getNameFromProfile(issuer != null ? issuer : "");
-  const defaultDetails = /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "width-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
-  }, "Description"), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
-  }, descriptionText)), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "width-full mt-[10px]"
-  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider  subpixel-antialiased"
-  }, "Criteria"), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
-  }, criteriaText)), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info"
-  }, /* @__PURE__ */ React__default["default"].createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
-  }, "Issuer"), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "max-w-[344px] line-clamp-1 subpixel-antialiased text-grayscale-600 text-[14px] block overflow-ellipsis break-all"
-  }, issuerName)), issuerUrl && /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-indigo-500 font-bold text-xs width-full text-center mt-8"
-  }, issuerUrl));
-  const renderDetails = overrideDetailsComponent ? overrideDetailsComponent : defaultDetails;
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `z-[9] vc-display-main-card-back flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] max-h-[1100px] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex max-h-[150px] items-end bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[55%] min-h-[400px]"
-  }), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-col items-center justify-center w-full z-10 text-left credential-details-container max-w-[100%] relative"
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-row items-start justify-start w-full line-clamp-2"
-  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-    className: "text-2xl line-clamp-2 tracking-wide leading-snug text-left text-emerald-700",
-    "data-testid": "vc-credential-details-title tracking-wide subpixel-antialiased"
-  }, "Credential Details")), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-col mt-2 w-full my-2 min-h-[200px] credential-details-info"
-  }, renderDetails), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full mt-2"
-  }), /* @__PURE__ */ React__default["default"].createElement("button", {
-    onClick: handleClick,
-    className: "vc-flip-btn bg-white my-3 border-2 text-indigo-500 font-semibold py-2 px-4 shadow-3xl rounded-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-8 w-8 my-0 mx-4 scale-x-[-1]",
-    src: (_d = FlipArrowRight__default["default"]) != null ? _d : "",
-    alt: "Flip Card"
-  }))), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex-col items-center justify-center checklist-container justify-center w-[100%] width-full mt-[20px]"
-  }, /* @__PURE__ */ React__default["default"].createElement(VCVerificationCheck.VCVerificationCheckWithText, {
-    loading
-  }), /* @__PURE__ */ React__default["default"].createElement("section", null, verification.map((item) => /* @__PURE__ */ React__default["default"].createElement(VCVerificationPill.VCVerificationPill, {
-    key: item.check,
-    status: item.status,
-    message: item.message,
-    details: item.details
-  }))))));
-};
-
-exports.VCDisplayBackFace = VCDisplayBackFace;
-//# sourceMappingURL=VCDisplayBackFace-6000a58b.js.map

package/dist/cjs/VCDisplayCard-9512d8f2.js

@@ -1,180 +0,0 @@
-'use strict';
-
-var React = require('react');
-var FlippyCard = require('./FlippyCard-209549c5.js');
-var FatArrow = require('./icon.green.fat-arrow.png');
-var UserProfilePicture = require('./UserProfilePicture-16b97343.js');
-var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
-var credential_helpers = require('./credential.helpers-60b421b9.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-6000a58b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FatArrow__default = /*#__PURE__*/_interopDefaultLegacy(FatArrow);
-
-const VCDisplayFrontFace = ({
-  title,
-  createdAt,
-  issuer,
-  issuee,
-  subjectImageComponent,
-  issuerImageComponent,
-  hideProfileBubbles = false,
-  credentialSubject,
-  className = "",
-  loading,
-  handleClick,
-  overrideCardImageComponent,
-  overrideCardTitle,
-  customHeaderComponent
-}) => {
-  var _a, _b, _c, _d;
-  const credentialAchievementImage = ((_b = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _a.image) == null ? void 0 : _b.id) || ((_c = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _c.image);
-  const issuerName = credential_helpers.getNameFromProfile(issuer != null ? issuer : "");
-  const issueeName = credential_helpers.getNameFromProfile(issuee != null ? issuee : "");
-  const issuerImage = credential_helpers.getImageFromProfile(issuer != null ? issuer : "");
-  const issueeImage = credential_helpers.getImageFromProfile(issuee != null ? issuee : "");
-  let issueeImageEl = null;
-  if (subjectImageComponent) {
-    issueeImageEl = subjectImageComponent;
-  } else {
-    issueeImageEl = /* @__PURE__ */ React__default["default"].createElement(UserProfilePicture.UserProfilePicture, {
-      customContainerClass: `object-cover h-full w-full text-4xl ${!issueeImage ? "pt-[8px]" : ""}`,
-      user: { image: issueeImage, name: issueeName },
-      alt: "Issuee image"
-    });
-  }
-  let issuerImageEl = null;
-  if (issuerImageComponent) {
-    issuerImageEl = issuerImageComponent;
-  } else {
-    issuerImageEl = /* @__PURE__ */ React__default["default"].createElement(UserProfilePicture.UserProfilePicture, {
-      customContainerClass: `object-cover h-full w-full text-4xl ${!issuerImage ? "pt-[8px]" : ""}`,
-      user: { image: issuerImage, name: issuerName },
-      alt: "Issuer image"
-    });
-  }
-  const credImg = credentialAchievementImage ? /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover",
-    src: credentialAchievementImage != null ? credentialAchievementImage : "",
-    alt: "Credential Achievement Image"
-  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
-  const renderCardImg = overrideCardImageComponent ? overrideCardImageComponent : credImg;
-  const cardTitle = overrideCardTitle ? overrideCardTitle : title;
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `z-[9] vc-display-main-card-front flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[77%]"
-  }), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-col items-center justify-center z-10 text-center credential-thumb-img"
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "max-w-[100px] max-h-[100px]"
-  }, renderCardImg), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-row  w-full line-clamp-2"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front "
-  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-    className: "vc-thumbnail-title w-full text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium",
-    "data-testid": "vc-thumbnail-title"
-  }, cardTitle != null ? cardTitle : "")), customHeaderComponent && customHeaderComponent), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs"
-  }, !hideProfileBubbles && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, issuerImageEl), /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-8 w-8 my-0 mx-4",
-    src: (_d = FatArrow__default["default"]) != null ? _d : "",
-    alt: "fat arrow icon"
-  }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, issueeImageEl))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full mt-2 vc-card-issued-to-info"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm font-light text-center line-clamp-2 vc-display-issue-details text-gray-900",
-    "data-testid": "vc-thumbnail-createdAt"
-  }, "Issued to ", /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "font-bold text-gray-900"
-  }, issueeName), " on", " ", createdAt != null ? createdAt : "", " by", " ", /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "font-bold text-gray-900"
-  }, " ", issuerName))), /* @__PURE__ */ React__default["default"].createElement("button", {
-    onClick: handleClick,
-    className: "cursor-alias bg-white my-3 border-0 text-indigo-500 font-semibold py-2 px-4 sl"
-  }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "flex items-center"
-  }, "View Details")))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center w-full"
-  }, /* @__PURE__ */ React__default["default"].createElement(VCVerificationCheck.VCVerificationCheckWithText, {
-    loading
-  })));
-};
-
-const FRONT_FACE = "front";
-const BACK_FACE = "back";
-const VCDisplayCard = ({
-  credential,
-  issueeOverride,
-  issuerOverride,
-  className = "",
-  loading = false,
-  verification = [],
-  hideProfileBubbles = false,
-  subjectImageComponent,
-  issuerImageComponent,
-  overrideDetailsComponent,
-  overrideCardTitle,
-  overrideCardImageComponent,
-  customHeaderComponent
-}) => {
-  const [flipState, setFlipState] = React.useState(FRONT_FACE);
-  const {
-    title,
-    createdAt,
-    issuer: _issuer,
-    issuee: _issuee,
-    credentialSubject
-  } = credential_helpers.getInfoFromCredential(credential);
-  const issuee = issueeOverride || _issuee;
-  const issuer = issuerOverride || _issuer;
-  const handleFlip = () => {
-    if (flipState === FRONT_FACE) {
-      setFlipState(BACK_FACE);
-    }
-    if (flipState === BACK_FACE) {
-      setFlipState(FRONT_FACE);
-    }
-  };
-  return /* @__PURE__ */ React__default["default"].createElement(FlippyCard.FlippyCard, {
-    flipState
-  }, /* @__PURE__ */ React__default["default"].createElement(VCDisplayFrontFace, {
-    title,
-    credentialSubject,
-    customHeaderComponent,
-    issuer,
-    issuee,
-    subjectImageComponent,
-    issuerImageComponent,
-    overrideCardImageComponent,
-    overrideCardTitle,
-    hideProfileBubbles,
-    createdAt,
-    className,
-    loading,
-    handleClick: handleFlip
-  }), /* @__PURE__ */ React__default["default"].createElement(VCDisplayBackFace.VCDisplayBackFace, {
-    title,
-    credentialSubject,
-    overrideDetailsComponent,
-    issuer,
-    issuee,
-    createdAt,
-    className,
-    loading,
-    verification,
-    handleClick: handleFlip
-  }));
-};
-
-exports.VCDisplayCard = VCDisplayCard;
-//# sourceMappingURL=VCDisplayCard-9512d8f2.js.map

package/dist/cjs/VCThumbnail-6bf86bb2.js

@@ -1,143 +0,0 @@
-'use strict';
-
-var React = require('react');
-var FatArrow = require('./icon.green.fat-arrow.png');
-var VerifiedCheck = require('./verified-check.png');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FatArrow__default = /*#__PURE__*/_interopDefaultLegacy(FatArrow);
-var VerifiedCheck__default = /*#__PURE__*/_interopDefaultLegacy(VerifiedCheck);
-
-const VCThumbnail = ({
-  title,
-  createdAt,
-  issuerImage,
-  userImage,
-  userImageComponent,
-  badgeImage,
-  className = "",
-  listView = false,
-  onClick = () => {
-  }
-}) => {
-  var _a, _b, _c;
-  let imageElement = null;
-  let userImageEl = null;
-  if (issuerImage) {
-    imageElement = /* @__PURE__ */ React__default["default"].createElement("img", {
-      className: "h-full w-full object-cover",
-      src: issuerImage,
-      alt: "issuer image"
-    });
-  } else if (badgeImage) {
-    imageElement = /* @__PURE__ */ React__default["default"].createElement("img", {
-      className: "h-full w-full object-cover",
-      src: badgeImage,
-      alt: "badge image"
-    });
-  }
-  if (userImage) {
-    userImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
-    }, /* @__PURE__ */ React__default["default"].createElement("img", {
-      className: "w-full h-full absolute rounded-full object-cover border-solid border-4 border-white",
-      src: userImage,
-      alt: "user image"
-    }));
-  } else if (!userImage && userImageComponent) {
-    userImageEl = userImageComponent;
-  }
-  const titleClass = issuerImage || badgeImage ? "items-start justify-center w-3/4 text-left" : "item-center justify-center w-full text-center";
-  if (listView) {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      onClick,
-      className: `flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`,
-      "data-testid": "vc-thumbnail-list-view"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex flex-row items-center justify-between mb-3 z-10"
-    }, imageElement && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex flex-row justify-center items-center w-1/4 text-center",
-      "data-testid": "vc-thumbnail-image"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "h-16 w-16 border-solid border-2 border-black bg-white"
-    }, imageElement)), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `flex flex-col  ${titleClass}`
-    }, /* @__PURE__ */ React__default["default"].createElement("h2", {
-      className: "ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2",
-      "data-testid": "vc-thumbnail-title"
-    }, title != null ? title : ""), /* @__PURE__ */ React__default["default"].createElement("p", {
-      className: "ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1",
-      "data-testid": "vc-thumbnail-createdAt"
-    }, createdAt != null ? createdAt : ""))), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex items-center justify-center w-full mt-3 vc-thumbnail-footer"
-    }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-      className: "text-white text-sm text-right font-normal tracking-wide leading-tight flex-1"
-    }, "Verified"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden"
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden"
-    }, /* @__PURE__ */ React__default["default"].createElement("img", {
-      className: "h-full w-full object-cover",
-      src: (_a = VerifiedCheck__default["default"]) != null ? _a : "",
-      alt: "credential icon"
-    }))), /* @__PURE__ */ React__default["default"].createElement("h3", {
-      className: "text-white text-sm text-left font-normal tracking-wide leading-tight flex-1"
-    }, "Credential")));
-  }
-  const vcThumbNailAltContainerClass = !badgeImage ? "vc-thumbnail-alt-container" : "";
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    onClick,
-    className: `relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`,
-    "data-testid": "vc-thumbnail"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "h-full w-full absolute"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-col items-center justify-center z-10 text-center w-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row items-center justify-center w-full px-2"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row items-center justify-center w-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("h2", {
-    className: "text-base tracking-wide leading-snug text-center line-clamp-2",
-    "data-testid": "vc-thumbnail-title"
-  }, title != null ? title : ""))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full mt-2"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm font-light text-center line-clamp-1",
-    "data-testid": "vc-thumbnail-createdAt"
-  }, createdAt != null ? createdAt : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover",
-    src: issuerImage,
-    alt: "issuer image"
-  })), /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-8 w-8 my-0 mx-4",
-    src: (_b = FatArrow__default["default"]) != null ? _b : "",
-    alt: "fat arrow icon"
-  }), userImageEl)), badgeImage && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center w-full mt-4 xxxsm:mt-0"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0",
-    "data-testid": "vc-thumbnail-badge"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover absolute top-0 left-0",
-    src: badgeImage,
-    alt: "badge image"
-  }))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover",
-    src: (_c = VerifiedCheck__default["default"]) != null ? _c : "",
-    alt: "credential icon"
-  })))));
-};
-
-exports.VCThumbnail = VCThumbnail;
-//# sourceMappingURL=VCThumbnail-6bf86bb2.js.map

package/dist/cjs/VCVerificationCheck-46fa75d3.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var React = require('react');
-var VerificationCheckDisplay = require('./vc.check.svg');
-var CircleSpinner = require('./CircleSpinner-093cce04.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var VerificationCheckDisplay__default = /*#__PURE__*/_interopDefaultLegacy(VerificationCheckDisplay);
-
-const VCVerificationCheck = ({ size = "44px" }) => {
-  var _a;
-  const imageSize = {
-    width: size,
-    height: size
-  };
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "vc-verification-wrapper",
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center bg-white rounded-full overflow-hidden"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-contain p-1",
-    src: (_a = VerificationCheckDisplay__default["default"]) != null ? _a : "",
-    style: imageSize,
-    alt: "Verification Icon"
-  })));
-};
-const VCVerificationCheckWithSpinner = ({ size = "44px", spinnerSize = "60px", loading = true, withBorder = false }) => {
-  const loadingState = loading ? CircleSpinner.CircleLoadingState.spin : CircleSpinner.CircleLoadingState.stop;
-  const spinnerStyle = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    height: spinnerSize,
-    width: spinnerSize
-  };
-  const spinnerSizeNumber = parseInt(spinnerSize.replace("px", ""));
-  const offset = spinnerSizeNumber > 50 ? 3 : 2;
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    style: { width: spinnerSize, height: spinnerSize, position: "relative" },
-    className: `flex items-center justify-center bg-white rounded-full overflow-hidden select-none ${withBorder ? " ml-3 mr-3" : ""}`
-  }, /* @__PURE__ */ React__default["default"].createElement(VCVerificationCheck, {
-    size,
-    loading
-  }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "vc-verification-spinner-overlay",
-    style: spinnerStyle
-  }, /* @__PURE__ */ React__default["default"].createElement(CircleSpinner.CircleSpinner, {
-    loadingState,
-    size: spinnerSizeNumber,
-    marginOffset: offset
-  })));
-};
-const VCVerificationCheckWithText = ({ size = "44px", spinnerSize = "60px", loading = true }) => {
-  const [defaultLoading, setDefaultLoading] = React.useState(true);
-  React.useEffect(() => {
-    let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1e3);
-    return () => {
-      clearTimeout(timer1);
-    };
-  });
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper"
-  }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "text-white font-bold tracking-wider"
-  }, "Verified"), /* @__PURE__ */ React__default["default"].createElement(VCVerificationCheckWithSpinner, {
-    size,
-    spinnerSize,
-    loading: loading || defaultLoading,
-    withBorder: true
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "text-white font-bold tracking-wider"
-  }, "Credential"));
-};
-
-exports.VCVerificationCheck = VCVerificationCheck;
-exports.VCVerificationCheckWithSpinner = VCVerificationCheckWithSpinner;
-exports.VCVerificationCheckWithText = VCVerificationCheckWithText;
-//# sourceMappingURL=VCVerificationCheck-46fa75d3.js.map