@sphereon/ui-components.credential-branding 0.3.1-unstable.25 → 0.3.1-unstable.27

package/dist/details/CredentialDetails.d.ts

@@ -1,37 +1,12 @@
-import { VerifiableCredential } from '@veramo/core';
-import { CredentialRole, IBasicCredentialLocaleBranding, IBasicIssuerLocaleBranding, Party } from '@sphereon/ssi-sdk.data-store';
-import { CredentialDetailsRow, CredentialSummary, ISelectAppLocaleBrandingArgs } from '../types';
-import { ICredential } from '@sphereon/ssi-types';
-export declare const toCredentialDetailsRow: ({ object, subject, issuer, }: {
-    object: Record<string, any>;
-    subject?: Party | undefined;
-    issuer?: Party | undefined;
-}) => Promise<CredentialDetailsRow[]>;
-export declare const toNonPersistedCredentialSummary: ({ verifiableCredential, credentialRole, branding, issuer, subject, }: {
-    verifiableCredential: ICredential | VerifiableCredential;
-    credentialRole: CredentialRole;
-    branding?: IBasicCredentialLocaleBranding[] | undefined;
-    issuer?: Party | undefined;
-    subject?: Party | undefined;
-}) => Promise<CredentialSummary>;
+import { IBasicCredentialLocaleBranding, IBasicIssuerLocaleBranding } from '@sphereon/ssi-sdk.data-store';
+import { CredentialDetailsRow, CredentialSummary, GetCredentialDisplayNameArgs, GetCredentialIssuerNameAndAliasArgs, ISelectAppLocaleBrandingArgs, ToCredentialDetailsRowArgs, ToCredentialSummaryArgs, ToNonPersistedCredentialSummaryArgs } from '../types';
+export declare const toCredentialDetailsRow: (args: ToCredentialDetailsRowArgs) => Promise<CredentialDetailsRow[]>;
+export declare const toNonPersistedCredentialSummary: (args: ToNonPersistedCredentialSummaryArgs) => Promise<CredentialSummary>;
 export declare const getDate: (...dates: (number | string | undefined)[]) => number | undefined;
-export declare const getCredentialDisplayName: ({ verifiableCredential, localeBranding, }: {
-    verifiableCredential: VerifiableCredential;
-    localeBranding?: IBasicCredentialLocaleBranding | undefined;
-}) => string;
-export declare const getCredentialIssuerNameAndAlias: ({ verifiableCredential, issuer, }: {
-    verifiableCredential: VerifiableCredential;
-    issuer?: Party | undefined;
-}) => {
+export declare const getCredentialDisplayName: (args: GetCredentialDisplayNameArgs) => string;
+export declare const getCredentialIssuerNameAndAlias: (args: GetCredentialIssuerNameAndAliasArgs) => {
     issuerAlias: string;
     issuerName: string;
 };
-export declare const toCredentialSummary: ({ verifiableCredential, hash, credentialRole, branding, issuer, subject, }: {
-    verifiableCredential: VerifiableCredential;
-    hash: string;
-    credentialRole: CredentialRole;
-    branding?: IBasicCredentialLocaleBranding[] | undefined;
-    issuer?: Party | undefined;
-    subject?: Party | undefined;
-}) => Promise<CredentialSummary>;
+export declare const toCredentialSummary: (args: ToCredentialSummaryArgs) => Promise<CredentialSummary>;
 export declare const selectAppLocaleBranding: (args: ISelectAppLocaleBrandingArgs) => Promise<IBasicCredentialLocaleBranding | IBasicIssuerLocaleBranding | undefined>;

package/dist/details/CredentialDetails.js

@@ -130,81 +130,93 @@ var getImageSize = function (image) { return __awaiter(void 0, void 0, void 0, f
         }
     });
 }); };
-var toCredentialDetailsRow = function (_a) {
-    var object = _a.object, subject = _a.subject, issuer = _a.issuer;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var rows, _i, _b, _c, key, value, _d, _e, label, contacts, imageSize, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    rows = [];
-                    if (!object) {
-                        return [2, rows];
-                    }
-                    _i = 0, _b = Object.entries(object);
-                    _g.label = 1;
-                case 1:
-                    if (!(_i < _b.length)) return [3, 9];
-                    _c = _b[_i], key = _c[0], value = _c[1];
-                    if (!key) {
-                        return [3, 8];
-                    }
-                    if (key === 'type') {
-                        rows.push({
-                            id: (0, uuid_1.v4)(),
-                            label: key,
-                            value: value
-                        });
-                        return [3, 8];
-                    }
-                    if (!(typeof value === 'object' && value !== null && value !== undefined)) return [3, 3];
-                    _e = (_d = rows).concat;
-                    return [4, (0, exports.toCredentialDetailsRow)({ object: value, subject: subject, issuer: issuer })];
-                case 2:
-                    rows = _e.apply(_d, [_g.sent()]);
-                    return [3, 8];
-                case 3:
-                    if (key === '0' || value === undefined || value === null) {
-                        return [3, 8];
-                    }
-                    label = key;
-                    if (key === 'id' && typeof value === 'string' && value.startsWith('did:')) {
-                        label = 'subject';
-                    }
-                    if (typeof value === 'string' && value.startsWith('did:')) {
-                        contacts = __spreadArray(__spreadArray([], (issuer ? [issuer] : []), true), (subject ? [subject] : []), true);
-                        value = findCorrelationIdName(value, contacts);
-                    }
-                    return [4, (0, utils_2.isImageAddress)(value)];
-                case 4:
-                    if (!(_g.sent())) return [3, 6];
-                    return [4, getImageSize(value)];
-                case 5:
-                    _f = _g.sent();
-                    return [3, 7];
-                case 6:
-                    _f = undefined;
-                    _g.label = 7;
-                case 7:
-                    imageSize = _f;
-                    rows.push({
-                        id: (0, uuid_1.v4)(),
-                        label: label,
-                        value: value,
-                        imageSize: imageSize
+var toCredentialDetailsRow = function (args) { return __awaiter(void 0, void 0, void 0, function () {
+    var object, subject, issuer, branding, _a, parentKey, rows, _loop_1, _i, _b, _c, key, value;
+    var _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                object = args.object, subject = args.subject, issuer = args.issuer, branding = args.branding, _a = args.parentKey, parentKey = _a === void 0 ? '' : _a;
+                rows = [];
+                if (!object) {
+                    return [2, rows];
+                }
+                _loop_1 = function (key, value) {
+                    var _g, _h, label, contacts, imageSize, _j;
+                    return __generator(this, function (_k) {
+                        switch (_k.label) {
+                            case 0:
+                                if (!key) {
+                                    return [2, "continue"];
+                                }
+                                if (key === 'type') {
+                                    rows.push({
+                                        id: (0, uuid_1.v4)(),
+                                        label: key,
+                                        value: value
+                                    });
+                                    return [2, "continue"];
+                                }
+                                if (!(typeof value === 'object' && value !== null && value !== undefined)) return [3, 2];
+                                _h = (_g = rows).concat;
+                                return [4, (0, exports.toCredentialDetailsRow)({ object: value, subject: subject, issuer: issuer, branding: branding, parentKey: parentKey ? "".concat(parentKey, ".").concat(key) : key })];
+                            case 1:
+                                rows = _h.apply(_g, [_k.sent()]);
+                                return [3, 7];
+                            case 2:
+                                if (key === '0' || value === undefined || value === null) {
+                                    return [2, "continue"];
+                                }
+                                label = (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.find(function (claim) { return claim.key === (parentKey ? "".concat(parentKey, ".").concat(key) : key); })) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : key;
+                                if (key === 'id' && typeof value === 'string' && value.startsWith('did:')) {
+                                    label = 'subject';
+                                }
+                                if (typeof value === 'string' && value.startsWith('did:')) {
+                                    contacts = __spreadArray(__spreadArray([], (issuer ? [issuer] : []), true), (subject ? [subject] : []), true);
+                                    value = findCorrelationIdName(value, contacts);
+                                }
+                                return [4, (0, utils_2.isImageAddress)(value)];
+                            case 3:
+                                if (!(_k.sent())) return [3, 5];
+                                return [4, getImageSize(value)];
+                            case 4:
+                                _j = _k.sent();
+                                return [3, 6];
+                            case 5:
+                                _j = undefined;
+                                _k.label = 6;
+                            case 6:
+                                imageSize = _j;
+                                rows.push({
+                                    id: (0, uuid_1.v4)(),
+                                    label: label,
+                                    value: value,
+                                    imageSize: imageSize
+                                });
+                                _k.label = 7;
+                            case 7: return [2];
+                        }
                     });
-                    _g.label = 8;
-                case 8:
-                    _i++;
-                    return [3, 1];
-                case 9: return [2, rows];
-            }
-        });
+                };
+                _i = 0, _b = Object.entries(object);
+                _f.label = 1;
+            case 1:
+                if (!(_i < _b.length)) return [3, 4];
+                _c = _b[_i], key = _c[0], value = _c[1];
+                return [5, _loop_1(key, value)];
+            case 2:
+                _f.sent();
+                _f.label = 3;
+            case 3:
+                _i++;
+                return [3, 1];
+            case 4: return [2, rows];
+        }
     });
-};
+}); };
 exports.toCredentialDetailsRow = toCredentialDetailsRow;
-var toNonPersistedCredentialSummary = function (_a) {
-    var verifiableCredential = _a.verifiableCredential, credentialRole = _a.credentialRole, branding = _a.branding, issuer = _a.issuer, subject = _a.subject;
+var toNonPersistedCredentialSummary = function (args) {
+    var verifiableCredential = args.verifiableCredential, credentialRole = args.credentialRole, branding = args.branding, issuer = args.issuer, subject = args.subject;
     return (0, exports.toCredentialSummary)({
         verifiableCredential: verifiableCredential,
         hash: (0, utils_1.computeEntryHash)(verifiableCredential),
@@ -230,10 +242,10 @@ var getDate = function () {
     return Math.round(new Date(date + '').valueOf() / ui_components_core_1.EPOCH_MILLISECONDS);
 };
 exports.getDate = getDate;
-var getCredentialDisplayName = function (_a) {
-    var _b, _c;
-    var verifiableCredential = _a.verifiableCredential, localeBranding = _a.localeBranding;
-    var title = (_c = (_b = localeBranding === null || localeBranding === void 0 ? void 0 : localeBranding.alias) !== null && _b !== void 0 ? _b : verifiableCredential.name) !== null && _c !== void 0 ? _c : (!verifiableCredential.type ? 'unknown' : undefined);
+var getCredentialDisplayName = function (args) {
+    var _a, _b;
+    var verifiableCredential = args.verifiableCredential, localeBranding = args.localeBranding;
+    var title = (_b = (_a = localeBranding === null || localeBranding === void 0 ? void 0 : localeBranding.alias) !== null && _a !== void 0 ? _a : verifiableCredential.name) !== null && _b !== void 0 ? _b : (!verifiableCredential.type ? 'unknown' : undefined);
     if (verifiableCredential.type) {
         var types = (0, utils_1.asArray)(verifiableCredential.type).filter(function (val) { return val !== 'VerifiableCredential'; });
         if (types.length === 1) {
@@ -249,10 +261,10 @@ var getCredentialDisplayName = function (_a) {
     return title;
 };
 exports.getCredentialDisplayName = getCredentialDisplayName;
-var getCredentialIssuerNameAndAlias = function (_a) {
-    var _b;
-    var verifiableCredential = _a.verifiableCredential, issuer = _a.issuer;
-    var issuerName = typeof verifiableCredential.issuer === 'string' ? verifiableCredential.issuer : (_b = verifiableCredential.issuer) === null || _b === void 0 ? void 0 : _b.id;
+var getCredentialIssuerNameAndAlias = function (args) {
+    var _a;
+    var verifiableCredential = args.verifiableCredential, issuer = args.issuer;
+    var issuerName = typeof verifiableCredential.issuer === 'string' ? verifiableCredential.issuer : (_a = verifiableCredential.issuer) === null || _a === void 0 ? void 0 : _a.id;
     var issuerAlias = undefined;
     if (typeof (verifiableCredential === null || verifiableCredential === void 0 ? void 0 : verifiableCredential.issuer) === 'object') {
         issuerAlias = verifiableCredential.issuer.name;
@@ -266,8 +278,8 @@ var getCredentialIssuerNameAndAlias = function (_a) {
     return { issuerName: issuerName, issuerAlias: issuerAlias };
 };
 exports.getCredentialIssuerNameAndAlias = getCredentialIssuerNameAndAlias;
-var getTermsOfUse = function (_a) {
-    var verifiableCredential = _a.verifiableCredential;
+var getTermsOfUse = function (args) {
+    var verifiableCredential = args.verifiableCredential;
     if (!verifiableCredential.termsOfUse) {
         return;
     }
@@ -278,54 +290,53 @@ var getTermsOfUse = function (_a) {
         return __assign((_a = {}, _a[type] = id, _a), rest);
     });
 };
-var toCredentialSummary = function (_a) {
-    var verifiableCredential = _a.verifiableCredential, hash = _a.hash, credentialRole = _a.credentialRole, branding = _a.branding, issuer = _a.issuer, subject = _a.subject;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var expirationDate, issueDate, localeBranding, credentialStatus, title, properties, logo, url, _b, issuerName, issuerAlias, termsOfUse;
-        var _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    expirationDate = (_c = (0, exports.getDate)(verifiableCredential.expirationDate, verifiableCredential.validTo, verifiableCredential.exp)) !== null && _c !== void 0 ? _c : 0;
-                    issueDate = (0, exports.getDate)(verifiableCredential.issuanceDate, verifiableCredential.validFrom, verifiableCredential.nbf, verifiableCredential.iat);
-                    return [4, (0, exports.selectAppLocaleBranding)({ localeBranding: branding })];
-                case 1:
-                    localeBranding = _e.sent();
-                    credentialStatus = (0, utils_2.getCredentialStatus)(verifiableCredential);
-                    title = (0, exports.getCredentialDisplayName)({ verifiableCredential: verifiableCredential, localeBranding: localeBranding });
-                    return [4, (0, exports.toCredentialDetailsRow)({
-                            object: __assign(__assign({}, (_d = verifiableCredential.vc) === null || _d === void 0 ? void 0 : _d.credentialSubject), verifiableCredential.credentialSubject),
-                            subject: subject,
-                            issuer: issuer
-                        })];
-                case 2:
-                    properties = _e.sent();
-                    logo = (0, utils_2.getIssuerLogo)(verifiableCredential, localeBranding);
-                    url = verifiableCredential.issuer && typeof verifiableCredential.issuer !== 'string' ? verifiableCredential.issuer.url : undefined;
-                    _b = (0, exports.getCredentialIssuerNameAndAlias)({ verifiableCredential: verifiableCredential, issuer: issuer }), issuerName = _b.issuerName, issuerAlias = _b.issuerAlias;
-                    termsOfUse = getTermsOfUse({ verifiableCredential: verifiableCredential });
-                    return [2, {
-                            hash: hash,
-                            id: verifiableCredential.id,
-                            title: title,
-                            credentialStatus: credentialStatus,
-                            credentialRole: credentialRole,
-                            issueDate: issueDate,
-                            expirationDate: expirationDate,
-                            properties: properties,
-                            branding: localeBranding,
-                            termsOfUse: termsOfUse,
-                            issuer: {
-                                name: issuerName,
-                                alias: issuerAlias ? (issuerAlias.length > 50 ? "".concat(issuerAlias.substring(0, 50), "...") : issuerAlias) : '',
-                                image: logo,
-                                url: url
-                            }
-                        }];
-            }
-        });
+var toCredentialSummary = function (args) { return __awaiter(void 0, void 0, void 0, function () {
+    var verifiableCredential, hash, credentialRole, branding, issuer, subject, expirationDate, issueDate, localeBranding, credentialStatus, title, properties, logo, url, _a, issuerName, issuerAlias, termsOfUse;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                verifiableCredential = args.verifiableCredential, hash = args.hash, credentialRole = args.credentialRole, branding = args.branding, issuer = args.issuer, subject = args.subject;
+                expirationDate = (_b = (0, exports.getDate)(verifiableCredential.expirationDate, verifiableCredential.validTo, verifiableCredential.exp)) !== null && _b !== void 0 ? _b : 0;
+                issueDate = (0, exports.getDate)(verifiableCredential.issuanceDate, verifiableCredential.validFrom, verifiableCredential.nbf, verifiableCredential.iat);
+                return [4, (0, exports.selectAppLocaleBranding)({ localeBranding: branding })];
+            case 1:
+                localeBranding = _d.sent();
+                credentialStatus = (0, utils_2.getCredentialStatus)(verifiableCredential);
+                title = (0, exports.getCredentialDisplayName)({ verifiableCredential: verifiableCredential, localeBranding: localeBranding });
+                return [4, (0, exports.toCredentialDetailsRow)({
+                        object: __assign(__assign({}, (_c = verifiableCredential.vc) === null || _c === void 0 ? void 0 : _c.credentialSubject), verifiableCredential.credentialSubject),
+                        subject: subject,
+                        issuer: issuer,
+                        branding: localeBranding === null || localeBranding === void 0 ? void 0 : localeBranding.claims
+                    })];
+            case 2:
+                properties = _d.sent();
+                logo = (0, utils_2.getIssuerLogo)(verifiableCredential, localeBranding);
+                url = verifiableCredential.issuer && typeof verifiableCredential.issuer !== 'string' ? verifiableCredential.issuer.url : undefined;
+                _a = (0, exports.getCredentialIssuerNameAndAlias)({ verifiableCredential: verifiableCredential, issuer: issuer }), issuerName = _a.issuerName, issuerAlias = _a.issuerAlias;
+                termsOfUse = getTermsOfUse({ verifiableCredential: verifiableCredential });
+                return [2, {
+                        hash: hash,
+                        id: verifiableCredential.id,
+                        title: title,
+                        credentialStatus: credentialStatus,
+                        credentialRole: credentialRole,
+                        issueDate: issueDate,
+                        expirationDate: expirationDate,
+                        properties: properties,
+                        branding: localeBranding,
+                        termsOfUse: termsOfUse,
+                        issuer: {
+                            name: issuerName,
+                            alias: issuerAlias ? (issuerAlias.length > 50 ? "".concat(issuerAlias.substring(0, 50), "...") : issuerAlias) : '',
+                            image: logo,
+                            url: url
+                        }
+                    }];
+        }
     });
-};
+}); };
 exports.toCredentialSummary = toCredentialSummary;
 var selectAppLocaleBranding = function (args) { return __awaiter(void 0, void 0, void 0, function () {
     var appLocale, localeBranding, logo, imagePreloader, ReactNativeImagePreloader, WebImagePreloader, backgroundImage;

package/dist/types/index.d.ts

@@ -1,5 +1,7 @@
 import { CredentialStatus, ImageSize, IssuerStatus } from '@sphereon/ui-components.core';
-import { CredentialRole, IBasicCredentialLocaleBranding, IBasicIssuerLocaleBranding } from '@sphereon/ssi-sdk.data-store';
+import { CredentialRole, IBasicCredentialClaim, IBasicCredentialLocaleBranding, IBasicIssuerLocaleBranding, Party } from '@sphereon/ssi-sdk.data-store';
+import { ICredential } from '@sphereon/ssi-types';
+import { VerifiableCredential } from '@veramo/core';
 export type CredentialSummary = {
     hash: string;
     id?: string;
@@ -34,3 +36,36 @@ export type LabelStatus = CredentialStatus | IssuerStatus;
 export interface ISelectAppLocaleBrandingArgs {
     localeBranding?: Array<IBasicCredentialLocaleBranding | IBasicIssuerLocaleBranding>;
 }
+export type ToCredentialDetailsRowArgs = {
+    object: Record<string, any>;
+    parentKey?: string;
+    subject?: Party;
+    issuer?: Party;
+    branding?: Array<IBasicCredentialClaim>;
+};
+export type ToNonPersistedCredentialSummaryArgs = {
+    verifiableCredential: ICredential | VerifiableCredential;
+    credentialRole: CredentialRole;
+    branding?: Array<IBasicCredentialLocaleBranding>;
+    issuer?: Party;
+    subject?: Party;
+};
+export type GetCredentialDisplayNameArgs = {
+    verifiableCredential: VerifiableCredential;
+    localeBranding?: IBasicCredentialLocaleBranding;
+};
+export type GetCredentialIssuerNameAndAliasArgs = {
+    verifiableCredential: VerifiableCredential;
+    issuer?: Party;
+};
+export type GetTermsOfUseArgs = {
+    verifiableCredential: VerifiableCredential;
+};
+export type ToCredentialSummaryArgs = {
+    verifiableCredential: VerifiableCredential;
+    hash: string;
+    credentialRole: CredentialRole;
+    branding?: Array<IBasicCredentialLocaleBranding>;
+    issuer?: Party;
+    subject?: Party;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.credential-branding",
   "private": false,
-  "version": "0.3.1-unstable.25+055535e",
+  "version": "0.3.1-unstable.27+d76b27d",
   "description": "SSI UI components credential branding",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,10 +28,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ssi-sdk.core": "0.29.0",
-    "@sphereon/ssi-sdk.data-store": "0.29.0",
-    "@sphereon/ssi-types": "0.29.0",
-    "@sphereon/ui-components.core": "0.3.1-unstable.25+055535e",
+    "@sphereon/ssi-sdk.core": "0.30.2-next.273",
+    "@sphereon/ssi-sdk.data-store": "0.30.2-next.273",
+    "@sphereon/ssi-types": "0.30.2-next.273",
+    "@sphereon/ui-components.core": "0.3.1-unstable.27+d76b27d",
     "@veramo/core": "4.2.0",
     "@veramo/utils": "4.2.0",
     "i18n-js": "^3.8.0",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "055535e49a0dc35841e53876a3b6fb85eb3e84c2"
+  "gitHead": "d76b27d9658debf1f6b2826d249e33aa7dfd6f8e"
 }