@learncard/react 2.8.62 → 2.9.2

package/dist/esm/VCDisplayBackFace-af01c8b3.js

@@ -1,80 +0,0 @@
-import React from 'react';
-import { b as VCVerificationCheckWithText } from './VCVerificationCheck-80249524.js';
-import { a as VCVerificationPill } from './VCVerificationPill-0e2c1172.js';
-import FlipArrowRight from './ArrowArcRight.svg';
-import { h as getNameFromProfile } from './credential.helpers-97c7e3d4.js';
-
-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 = getNameFromProfile(issuer != null ? issuer : "");
-  const defaultDetails = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "width-full"
-  }, /* @__PURE__ */ React.createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
-  }, "Description"), /* @__PURE__ */ React.createElement("p", {
-    className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
-  }, descriptionText)), /* @__PURE__ */ React.createElement("div", {
-    className: "width-full mt-[10px]"
-  }, /* @__PURE__ */ React.createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider  subpixel-antialiased"
-  }, "Criteria"), /* @__PURE__ */ React.createElement("p", {
-    className: "line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
-  }, criteriaText)), /* @__PURE__ */ React.createElement("div", {
-    className: "width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info"
-  }, /* @__PURE__ */ React.createElement("h6", {
-    className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
-  }, "Issuer"), /* @__PURE__ */ React.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.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.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.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.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.createElement("section", {
-    className: "flex flex-row items-start justify-start w-full line-clamp-2"
-  }, /* @__PURE__ */ React.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.createElement("section", {
-    className: "flex flex-col mt-2 w-full my-2 min-h-[200px] credential-details-info"
-  }, renderDetails), /* @__PURE__ */ React.createElement("div", {
-    className: "w-full mt-2"
-  }), /* @__PURE__ */ React.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.createElement("span", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-8 w-8 my-0 mx-4 scale-x-[-1]",
-    src: (_d = FlipArrowRight) != null ? _d : "",
-    alt: "Flip Card"
-  }))), /* @__PURE__ */ React.createElement("section", {
-    className: "flex-col items-center justify-center checklist-container justify-center w-[100%] width-full mt-[20px]"
-  }, /* @__PURE__ */ React.createElement(VCVerificationCheckWithText, {
-    loading
-  }), /* @__PURE__ */ React.createElement("section", null, verification.map((item) => /* @__PURE__ */ React.createElement(VCVerificationPill, {
-    key: item.check,
-    status: item.status,
-    message: item.message,
-    details: item.details
-  }))))));
-};
-
-export { VCDisplayBackFace as V };
-//# sourceMappingURL=VCDisplayBackFace-af01c8b3.js.map

package/dist/esm/VCDisplayCard-36f34504.js

@@ -1,173 +0,0 @@
-import React, { useState } from 'react';
-import { F as FlippyCard } from './FlippyCard-a2de5cf1.js';
-import FatArrow from './icon.green.fat-arrow.png';
-import { U as UserProfilePicture } from './UserProfilePicture-ecc82a6c.js';
-import { b as VCVerificationCheckWithText } from './VCVerificationCheck-80249524.js';
-import { h as getNameFromProfile, i as getImageFromProfile, b as getInfoFromCredential } from './credential.helpers-97c7e3d4.js';
-import { V as VCDisplayBackFace } from './VCDisplayBackFace-af01c8b3.js';
-
-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 = getNameFromProfile(issuer != null ? issuer : "");
-  const issueeName = getNameFromProfile(issuee != null ? issuee : "");
-  const issuerImage = getImageFromProfile(issuer != null ? issuer : "");
-  const issueeImage = getImageFromProfile(issuee != null ? issuee : "");
-  let issueeImageEl = null;
-  if (subjectImageComponent) {
-    issueeImageEl = subjectImageComponent;
-  } else {
-    issueeImageEl = /* @__PURE__ */ React.createElement(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.createElement(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.createElement("img", {
-    className: "h-full w-full object-cover",
-    src: credentialAchievementImage != null ? credentialAchievementImage : "",
-    alt: "Credential Achievement Image"
-  }) : /* @__PURE__ */ React.createElement(React.Fragment, null);
-  const renderCardImg = overrideCardImageComponent ? overrideCardImageComponent : credImg;
-  const cardTitle = overrideCardTitle ? overrideCardTitle : title;
-  return /* @__PURE__ */ React.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.createElement("section", {
-    className: "bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[77%]"
-  }), /* @__PURE__ */ React.createElement("section", {
-    className: "flex flex-col items-center justify-center z-10 text-center credential-thumb-img"
-  }, /* @__PURE__ */ React.createElement("section", {
-    className: "max-w-[100px] max-h-[100px]"
-  }, renderCardImg), /* @__PURE__ */ React.createElement("section", {
-    className: "flex flex-row  w-full line-clamp-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front "
-  }, /* @__PURE__ */ React.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.createElement("section", {
-    className: "flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs"
-  }, !hideProfileBubbles && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, issuerImageEl), /* @__PURE__ */ React.createElement("img", {
-    className: "h-8 w-8 my-0 mx-4",
-    src: (_d = FatArrow) != null ? _d : "",
-    alt: "fat arrow icon"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white"
-  }, issueeImageEl))), /* @__PURE__ */ React.createElement("div", {
-    className: "w-full mt-2 vc-card-issued-to-info"
-  }, /* @__PURE__ */ React.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.createElement("span", {
-    className: "font-bold text-gray-900"
-  }, issueeName), " on", " ", createdAt != null ? createdAt : "", " by", " ", /* @__PURE__ */ React.createElement("span", {
-    className: "font-bold text-gray-900"
-  }, " ", issuerName))), /* @__PURE__ */ React.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.createElement("span", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "flex items-center"
-  }, "View Details")))), /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center w-full"
-  }, /* @__PURE__ */ React.createElement(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] = useState(FRONT_FACE);
-  const {
-    title,
-    createdAt,
-    issuer: _issuer,
-    issuee: _issuee,
-    credentialSubject
-  } = 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.createElement(FlippyCard, {
-    flipState
-  }, /* @__PURE__ */ React.createElement(VCDisplayFrontFace, {
-    title,
-    credentialSubject,
-    customHeaderComponent,
-    issuer,
-    issuee,
-    subjectImageComponent,
-    issuerImageComponent,
-    overrideCardImageComponent,
-    overrideCardTitle,
-    hideProfileBubbles,
-    createdAt,
-    className,
-    loading,
-    handleClick: handleFlip
-  }), /* @__PURE__ */ React.createElement(VCDisplayBackFace, {
-    title,
-    credentialSubject,
-    overrideDetailsComponent,
-    issuer,
-    issuee,
-    createdAt,
-    className,
-    loading,
-    verification,
-    handleClick: handleFlip
-  }));
-};
-
-export { VCDisplayCard as V };
-//# sourceMappingURL=VCDisplayCard-36f34504.js.map

package/dist/esm/VCThumbnail-3c254bda.js

@@ -1,135 +0,0 @@
-import React from 'react';
-import FatArrow from './icon.green.fat-arrow.png';
-import VerifiedCheck from './verified-check.png';
-
-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.createElement("img", {
-      className: "h-full w-full object-cover",
-      src: issuerImage,
-      alt: "issuer image"
-    });
-  } else if (badgeImage) {
-    imageElement = /* @__PURE__ */ React.createElement("img", {
-      className: "h-full w-full object-cover",
-      src: badgeImage,
-      alt: "badge image"
-    });
-  }
-  if (userImage) {
-    userImageEl = /* @__PURE__ */ React.createElement("div", {
-      className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
-    }, /* @__PURE__ */ React.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.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.createElement("div", {
-      className: "flex flex-row items-center justify-between mb-3 z-10"
-    }, imageElement && /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-row justify-center items-center w-1/4 text-center",
-      "data-testid": "vc-thumbnail-image"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "h-16 w-16 border-solid border-2 border-black bg-white"
-    }, imageElement)), /* @__PURE__ */ React.createElement("div", {
-      className: `flex flex-col  ${titleClass}`
-    }, /* @__PURE__ */ React.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.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.createElement("div", {
-      className: "flex items-center justify-center w-full mt-3 vc-thumbnail-footer"
-    }, /* @__PURE__ */ React.createElement("h3", {
-      className: "text-white text-sm text-right font-normal tracking-wide leading-tight flex-1"
-    }, "Verified"), /* @__PURE__ */ React.createElement("div", {
-      className: "flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden"
-    }, /* @__PURE__ */ React.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.createElement("img", {
-      className: "h-full w-full object-cover",
-      src: (_a = VerifiedCheck) != null ? _a : "",
-      alt: "credential icon"
-    }))), /* @__PURE__ */ React.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.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.createElement("div", {
-    className: "h-full w-full absolute"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col items-center justify-center z-10 text-center w-full"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-row items-center justify-center w-full px-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-row items-center justify-center w-full"
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "text-base tracking-wide leading-snug text-center line-clamp-2",
-    "data-testid": "vc-thumbnail-title"
-  }, title != null ? title : ""))), /* @__PURE__ */ React.createElement("div", {
-    className: "w-full mt-2"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "text-sm font-light text-center line-clamp-1",
-    "data-testid": "vc-thumbnail-createdAt"
-  }, createdAt != null ? createdAt : "")), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
-  }, /* @__PURE__ */ React.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.createElement("img", {
-    className: "h-8 w-8 my-0 mx-4",
-    src: (_b = FatArrow) != null ? _b : "",
-    alt: "fat arrow icon"
-  }), userImageEl)), badgeImage && /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center w-full mt-4 xxxsm:mt-0"
-  }, /* @__PURE__ */ React.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.createElement("img", {
-    className: "h-full w-full object-cover absolute top-0 left-0",
-    src: badgeImage,
-    alt: "badge image"
-  }))), /* @__PURE__ */ React.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.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.createElement("img", {
-    className: "h-full w-full object-cover",
-    src: (_c = VerifiedCheck) != null ? _c : "",
-    alt: "credential icon"
-  })))));
-};
-
-export { VCThumbnail as V };
-//# sourceMappingURL=VCThumbnail-3c254bda.js.map

package/dist/esm/VCVerificationCheck-80249524.js

@@ -1,72 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import VerificationCheckDisplay from './vc.check.svg';
-import { C as CircleLoadingState, a as CircleSpinner } from './CircleSpinner-9b8b1a6b.js';
-
-const VCVerificationCheck = ({ size = "44px" }) => {
-  var _a;
-  const imageSize = {
-    width: size,
-    height: size
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "vc-verification-wrapper",
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-center bg-white rounded-full overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-contain p-1",
-    src: (_a = VerificationCheckDisplay) != null ? _a : "",
-    style: imageSize,
-    alt: "Verification Icon"
-  })));
-};
-const VCVerificationCheckWithSpinner = ({ size = "44px", spinnerSize = "60px", loading = true, withBorder = false }) => {
-  const loadingState = loading ? CircleLoadingState.spin : 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.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.createElement(VCVerificationCheck, {
-    size,
-    loading
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "vc-verification-spinner-overlay",
-    style: spinnerStyle
-  }, /* @__PURE__ */ React.createElement(CircleSpinner, {
-    loadingState,
-    size: spinnerSizeNumber,
-    marginOffset: offset
-  })));
-};
-const VCVerificationCheckWithText = ({ size = "44px", spinnerSize = "60px", loading = true }) => {
-  const [defaultLoading, setDefaultLoading] = useState(true);
-  useEffect(() => {
-    let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1e3);
-    return () => {
-      clearTimeout(timer1);
-    };
-  });
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "text-white font-bold tracking-wider"
-  }, "Verified"), /* @__PURE__ */ React.createElement(VCVerificationCheckWithSpinner, {
-    size,
-    spinnerSize,
-    loading: loading || defaultLoading,
-    withBorder: true
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "text-white font-bold tracking-wider"
-  }, "Credential"));
-};
-
-export { VCVerificationCheck as V, VCVerificationCheckWithSpinner as a, VCVerificationCheckWithText as b };
-//# sourceMappingURL=VCVerificationCheck-80249524.js.map

package/dist/esm/VCVerificationPill-0e2c1172.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { V as VerificationStatusEnum } from './types.esm-c7016566.js';
-import VerificationFailedIcon from './RedXCircle.svg';
-import VerificationPassedIcon from './GreenCheckCircle.svg';
-import VerificationWarningIcon from './YellowWarningCircle.svg';
-
-const StatusToBgColor = {
-  [VerificationStatusEnum.Success]: "bg-emerald-500",
-  [VerificationStatusEnum.Failed]: "bg-yellow-400",
-  [VerificationStatusEnum.Error]: "bg-rose-600"
-};
-const StatusToTextColor = {
-  [VerificationStatusEnum.Success]: "text-emerald-700",
-  [VerificationStatusEnum.Failed]: "text-yellow-400",
-  [VerificationStatusEnum.Error]: "text-rose-600"
-};
-const StatusToIcon = {
-  [VerificationStatusEnum.Success]: VerificationPassedIcon,
-  [VerificationStatusEnum.Failed]: VerificationWarningIcon,
-  [VerificationStatusEnum.Error]: VerificationFailedIcon
-};
-const StatusToText = {
-  [VerificationStatusEnum.Success]: "Verification Success",
-  [VerificationStatusEnum.Error]: "Verification Error ",
-  [VerificationStatusEnum.Failed]: "Verification Failed"
-};
-const ValidationStateIndicator = ({ status }) => {
-  const bgColor = StatusToBgColor[status];
-  const source = StatusToIcon[status];
-  return /* @__PURE__ */ React.createElement("div", {
-    className: `relative rounded-full w-[30px] h-[30px] ${bgColor}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-contain p-1",
-    src: source != null ? source : "",
-    alt: "Verification Status Icon"
-  })));
-};
-const VCVerificationPill = ({
-  message = "",
-  details,
-  status = VerificationStatusEnum.Success
-}) => {
-  const statusColor = StatusToTextColor[status];
-  const statusInfoText = StatusToText[status];
-  return /* @__PURE__ */ React.createElement("section", {
-    className: "flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "vc-pill-left"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: `text-[10px] font-bold status-text uppercase ${statusColor}`
-  }, statusInfoText), /* @__PURE__ */ React.createElement("p", {
-    className: "text-[12px] text-grayscale-900 vc-pill-text"
-  }, message), details && /* @__PURE__ */ React.createElement("p", {
-    className: "text-[12px] text-gray-600"
-  }, " ", details)), /* @__PURE__ */ React.createElement("div", {
-    className: "vc-pill-right"
-  }, /* @__PURE__ */ React.createElement(ValidationStateIndicator, {
-    status
-  })));
-};
-
-export { ValidationStateIndicator as V, VCVerificationPill as a };
-//# sourceMappingURL=VCVerificationPill-0e2c1172.js.map