@learncard/react 2.8.61 → 2.9.2

package/dist/cjs/VCDisplayCard-353cc9ed.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-90b66932.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-4543749f.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-353cc9ed.js.map