@learncard/react 2.0.0

package/dist/esm/types/components/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import React, { MouseEventHandler } from 'react';
+export declare type ButtonProps = {
+    text?: string;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/esm/types/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./Button";

package/dist/esm/types/components/FlippyCard/FlippyCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './FlippyCard.css';
+export declare type FlippyCardProps = {
+    children: React.ReactChild[];
+};
+export declare const FlippyCard: React.FC<FlippyCardProps>;
+export default FlippyCard;

package/dist/esm/types/components/FlippyCard/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./FlippyCard";

package/dist/esm/types/components/Loading/CircleSpinner.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './CircleSpinner.css';
+export declare enum CircleLoadingState {
+    spin = 0,
+    stop = 1
+}
+export declare type CircleSpinnerProps = {
+    size?: number;
+    thickness?: number;
+    color?: string;
+    loadingState?: CircleLoadingState;
+    marginOffset?: number;
+};
+declare const CircleSpinner: React.FC<CircleSpinnerProps>;
+export default CircleSpinner;

package/dist/esm/types/components/Loading/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./CircleSpinner";

package/dist/esm/types/components/MiniVCThumbnail/MiniVCThumbnail.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MiniVCThumbnailProps } from './types';
+import './ MiniVCThumbnail.css';
+export declare const MiniVCThumbnail: React.FC<MiniVCThumbnailProps>;
+export default MiniVCThumbnail;

package/dist/esm/types/components/MiniVCThumbnail/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./MiniVCThumbnail";
+export * from "./types";

package/dist/esm/types/components/MiniVCThumbnail/types.d.ts

@@ -0,0 +1,32 @@
+export declare type MiniVCThumbnailProps = {
+    /**
+     * thumbnail title
+     * @type {string}
+     */
+    title?: string;
+    /**
+     * issue date
+     * @type {string}
+     */
+    createdAt?: string;
+    /**
+     * issuer image
+     * @type {string}
+     */
+    issuerImage?: string;
+    /**
+     * badge image
+     * @type {string}
+     */
+    badgeImage?: string;
+    /**
+     * custom className
+     * @type {string}
+     */
+    className?: string;
+    /**
+     *
+     * @type {function}
+     */
+    onClick?: () => void;
+};

package/dist/esm/types/components/VCCard/VCCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { VC, Issuer } from '@learncard/types';
+import { VCDisplayCard } from '../VCDisplayCard';
+export declare type VCCardProps = {
+    credential: VC;
+    issueeOverride?: Issuer;
+    className?: string;
+};
+export declare const VCCard: React.FC<VCCardProps>;
+export default VCDisplayCard;

package/dist/esm/types/components/VCCard/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCCard";

package/dist/esm/types/components/VCDisplayBackFace/VCDisplayBackFace.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VCDisplayCardProps } from '../../types';
+export declare const VCDisplayBackFace: React.FC<VCDisplayCardProps>;
+export default VCDisplayBackFace;

package/dist/esm/types/components/VCDisplayBackFace/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCDisplayBackFace";

package/dist/esm/types/components/VCDisplayCard/VCDisplayCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VC, Issuer, VerificationItem } from '@learncard/types';
+export declare type VCDisplayCardPropsReal = {
+    credential: VC;
+    issueeOverride?: Issuer;
+    className?: string;
+    loading?: boolean;
+    verification?: VerificationItem[];
+};
+export declare const VCDisplayCard: React.FC<VCDisplayCardPropsReal>;
+export default VCDisplayCard;

package/dist/esm/types/components/VCDisplayCard/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCDisplayCard";

package/dist/esm/types/components/VCDisplayFrontFace/VCDisplayFrontFace.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VCDisplayCardProps } from '../../types';
+declare const VCDisplayFrontFace: React.FC<VCDisplayCardProps>;
+export default VCDisplayFrontFace;

package/dist/esm/types/components/VCDisplayFrontFace/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCDisplayFrontFace";

package/dist/esm/types/components/VCThumbnail/VCThumbnail.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { VCThumbnailProps } from './types';
+import './VCThumbnail.css';
+export declare const VCThumbnail: React.FC<VCThumbnailProps>;
+export default VCThumbnail;

package/dist/esm/types/components/VCThumbnail/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCThumbnail";
+export * from "./types";

package/dist/esm/types/components/VCThumbnail/types.d.ts

@@ -0,0 +1,43 @@
+export declare type VCThumbnailProps = {
+    /**
+     * thumbnail title
+     * @type {string}
+     */
+    title?: string;
+    /**
+     * issue date
+     * @type {string}
+     */
+    createdAt?: string;
+    /**
+     * issuer image
+     * @type {string}
+     */
+    issuerImage?: string;
+    /**
+     * user image
+     * @type {string}
+     */
+    userImage?: string;
+    /**
+     * badge image
+     * @type {string}
+     */
+    badgeImage?: string;
+    /**
+     * custom className
+     * @type {string}
+     */
+    className?: string;
+    /**
+     * condensed or full view
+     * of the thumbnail - defaulted to false
+     * @type {boolean}
+     */
+    listView?: boolean;
+    /**
+     *
+     * @type {function}
+     */
+    onClick?: () => void;
+};

package/dist/esm/types/components/VCVerificationCheck/VCVerificationCheck.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type VCVerificationCheckProps = {
+    size?: string | number;
+    loading?: boolean;
+};
+export declare const VCVerificationCheck: React.FC<VCVerificationCheckProps>;
+export default VCVerificationCheck;
+export declare const VCVerificationCheckWithText: React.FC<VCVerificationCheckProps>;

package/dist/esm/types/components/VCVerificationCheck/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCVerificationCheck";

package/dist/esm/types/components/VCVerificationPill/VCVerificationPill.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { VerificationStatus } from '@learncard/types';
+declare type VerificationDisplayItemProps = {
+    status?: VerificationStatus;
+    message?: string;
+    details?: string;
+};
+declare type VerifiableStateIndicatorProps = {
+    status: VerificationStatus;
+};
+export declare const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps>;
+declare const VCVerificationPill: React.FC<VerificationDisplayItemProps>;
+export default VCVerificationPill;

package/dist/esm/types/components/VCVerificationPill/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./VCVerificationPill";

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+export * from "./Button/index";
+export * from "./FlippyCard/index";
+export * from "./Loading/index";
+export * from "./MiniVCThumbnail/index";
+export * from "./VCCard/index";
+export * from "./VCDisplayBackFace/index";
+export * from "./VCDisplayCard/index";
+export * from "./VCDisplayFrontFace/index";
+export * from "./VCThumbnail/index";
+export * from "./VCVerificationCheck/index";
+export * from "./VCVerificationPill/index";

package/dist/esm/types/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../src/declaration.d.ts" />
+import './tailwind.css';
+export * from './components/index';

package/dist/esm/types/types/index.d.ts

@@ -0,0 +1,20 @@
+import { VerificationItem, Issuer, CredentialSubject } from '@learncard/types';
+export declare type CredentialInfo = {
+    title?: string;
+    createdAt?: string;
+    issuer?: Issuer;
+    issuee?: Issuer;
+    credentialSubject?: CredentialSubject;
+};
+export declare type VCDisplayCardProps = {
+    title?: string;
+    createdAt?: string;
+    issuer?: Issuer;
+    issuee?: Issuer;
+    userImage?: string;
+    className?: string;
+    credentialSubject?: CredentialSubject;
+    onClick?: () => void;
+    loading?: boolean;
+    verification?: VerificationItem[];
+};

package/dist/index.d.ts

@@ -0,0 +1,196 @@
+// Generated by dts-bundle-generator v6.10.0
+
+import React from 'react';
+import { MouseEventHandler } from 'react';
+
+export declare type ButtonProps = {
+	text?: string;
+	onClick: MouseEventHandler<HTMLButtonElement>;
+	className?: string;
+};
+export declare const Button: React.FC<ButtonProps>;
+export declare type FlippyCardProps = {
+	children: React.ReactChild[];
+};
+export declare const FlippyCard: React.FC<FlippyCardProps>;
+export declare enum CircleLoadingState {
+	spin = 0,
+	stop = 1
+}
+export declare type CircleSpinnerProps = {
+	size?: number;
+	thickness?: number;
+	color?: string;
+	loadingState?: CircleLoadingState;
+	marginOffset?: number;
+};
+export declare type MiniVCThumbnailProps = {
+	/**
+	 * thumbnail title
+	 * @type {string}
+	 */
+	title?: string;
+	/**
+	 * issue date
+	 * @type {string}
+	 */
+	createdAt?: string;
+	/**
+	 * issuer image
+	 * @type {string}
+	 */
+	issuerImage?: string;
+	/**
+	 * badge image
+	 * @type {string}
+	 */
+	badgeImage?: string;
+	/**
+	 * custom className
+	 * @type {string}
+	 */
+	className?: string;
+	/**
+	 *
+	 * @type {function}
+	 */
+	onClick?: () => void;
+};
+export declare const MiniVCThumbnail: React.FC<MiniVCThumbnailProps>;
+declare enum VerificationStatus {
+	Success = "Success",
+	Failed = "Failed",
+	Error = "Error"
+}
+export declare type VerificationItem = {
+	check: string;
+	status: VerificationStatus;
+	message?: string;
+	details?: string;
+};
+export declare type AchievementCriteria = {
+	type?: string;
+	narrative?: string;
+};
+export declare type CredentialSubjectAchievement = {
+	type?: string;
+	name?: string;
+	description?: string;
+	criteria?: AchievementCriteria;
+	image?: string;
+};
+export declare type CredentialSubject = {
+	type?: string;
+	id?: string;
+	achievement?: CredentialSubjectAchievement;
+};
+export declare type Issuer = string | {
+	type?: string;
+	id?: string;
+	name?: string;
+	url?: string;
+	image?: string;
+};
+export declare type Proof = {
+	type: string;
+	proofPurpose: string;
+	verificationMethod: string;
+	jws: string;
+	created: string;
+};
+export declare type UnsignedVC = {
+	[key: string]: any;
+	"@context": string | string[];
+	credentialSubject: CredentialSubject;
+	id: string;
+	issuanceDate: string;
+	expirationDate?: string;
+	issuer: Issuer;
+	type: string[];
+};
+export declare type VC = UnsignedVC & {
+	proof: Proof;
+};
+export declare type VCDisplayCardPropsReal = {
+	credential: VC;
+	issueeOverride?: Issuer;
+	className?: string;
+	loading?: boolean;
+	verification?: VerificationItem[];
+};
+export declare const VCDisplayCard: React.FC<VCDisplayCardPropsReal>;
+export declare type VCCardProps = {
+	credential: VC;
+	issueeOverride?: Issuer;
+	className?: string;
+};
+export declare const VCCard: React.FC<VCCardProps>;
+export declare type VCDisplayCardProps = {
+	title?: string;
+	createdAt?: string;
+	issuer?: Issuer;
+	issuee?: Issuer;
+	userImage?: string;
+	className?: string;
+	credentialSubject?: CredentialSubject;
+	onClick?: () => void;
+	loading?: boolean;
+	verification?: VerificationItem[];
+};
+export declare const VCDisplayBackFace: React.FC<VCDisplayCardProps>;
+export declare type VCThumbnailProps = {
+	/**
+	 * thumbnail title
+	 * @type {string}
+	 */
+	title?: string;
+	/**
+	 * issue date
+	 * @type {string}
+	 */
+	createdAt?: string;
+	/**
+	 * issuer image
+	 * @type {string}
+	 */
+	issuerImage?: string;
+	/**
+	 * user image
+	 * @type {string}
+	 */
+	userImage?: string;
+	/**
+	 * badge image
+	 * @type {string}
+	 */
+	badgeImage?: string;
+	/**
+	 * custom className
+	 * @type {string}
+	 */
+	className?: string;
+	/**
+	 * condensed or full view
+	 * of the thumbnail - defaulted to false
+	 * @type {boolean}
+	 */
+	listView?: boolean;
+	/**
+	 *
+	 * @type {function}
+	 */
+	onClick?: () => void;
+};
+export declare const VCThumbnail: React.FC<VCThumbnailProps>;
+export declare type VCVerificationCheckProps = {
+	size?: string | number;
+	loading?: boolean;
+};
+export declare const VCVerificationCheck: React.FC<VCVerificationCheckProps>;
+export declare const VCVerificationCheckWithText: React.FC<VCVerificationCheckProps>;
+export declare type VerifiableStateIndicatorProps = {
+	status: VerificationStatus;
+};
+export declare const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps>;
+
+export {};

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@learncard/react",
+  "version": "2.0.0",
+  "description": "",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@learncard/types": "2.0.0",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-essentials": "^6.4.22",
+    "@storybook/addon-interactions": "^6.4.22",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.4.22",
+    "@storybook/manager-webpack5": "^6.4.22",
+    "@storybook/react": "^6.4.22",
+    "@storybook/testing-library": "^0.0.11",
+    "@tailwindcss/line-clamp": "^0.4.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.1.1",
+    "@types/jest": "^27.5.0",
+    "@types/react": "^17.0.2",
+    "autoprefixer": "^10.4.7",
+    "barrelsby": "^2.3.4",
+    "chromatic": "^6.5.4",
+    "css-loader": "^6.7.1",
+    "dts-bundle-generator": "^6.10.0",
+    "esbuild": "^0.14.38",
+    "esbuild-jest": "^0.5.0",
+    "jest": "^28.0.3",
+    "jest-environment-jsdom": "^28.0.2",
+    "postcss": "^8.4.13",
+    "postcss-loader": "^6.2.1",
+    "rollup": "^2.71.1",
+    "rollup-plugin-dts": "^4.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.5.4"
+  },
+  "dependencies": {
+    "date-fns": "^2.28.0",
+    "@learncard/core": "1.0.0",
+    "rollup-plugin-img": "^1.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "scripts": {
+    "generate-barrels": "barrelsby -D -e \".*\\.(stories)|(test)|(\\.d\\.).*\" -d ./src/components -l all",
+    "build": "pnpm generate-barrels && rollup -c && dts-bundle-generator src/index.ts -o dist/index.d.ts",
+    "test": "jest",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "chromatic": "npx chromatic"
+  }
+}