@sphereon/ui-components.core 0.1.3-unstable.15 → 0.1.3-unstable.151

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import Localization from './localization/Localization';
 export * from './utils';
 export * from './types';
 export * from './styles';
+export * from './regexes';
 export { Localization };

package/dist/index.js

@@ -16,10 +16,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Localization = void 0;
 var Localization_1 = __importDefault(require("./localization/Localization"));
-exports.Localization = Localization_1["default"];
+exports.Localization = Localization_1.default;
 __exportStar(require("./utils"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./styles"), exports);
+__exportStar(require("./regexes"), exports);

package/dist/localization/Localization.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 var _a;
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.translate = void 0;
 var i18n_js_1 = __importDefault(require("i18n-js"));
 var lodash_memoize_1 = __importDefault(require("lodash.memoize"));
@@ -28,20 +28,20 @@ var Localization = (function () {
         _a[types_1.SupportedLanguage.ENGLISH] = function () { return require('./translations/en.json'); },
         _a[types_1.SupportedLanguage.DUTCH] = function () { return require('./translations/nl.json'); },
         _a);
-    Localization.translate = (0, lodash_memoize_1["default"])(function (key, config) {
+    Localization.translate = (0, lodash_memoize_1.default)(function (key, config) {
         var _a, _c;
-        if (Object.keys(i18n_js_1["default"].translations).length === 0) {
-            i18n_js_1["default"].translations = (_a = {},
-                _a[types_1.SupportedLanguage.ENGLISH] = Localization.translationGetters[types_1.SupportedLanguage.ENGLISH](),
+        if (Object.keys(i18n_js_1.default.translations).length === 0) {
+            i18n_js_1.default.translations = (_a = {},
+                _a[types_1.SupportedLanguage.ENGLISH] = _b.translationGetters[types_1.SupportedLanguage.ENGLISH](),
                 _a);
-            i18n_js_1["default"].locale = types_1.SupportedLanguage.ENGLISH;
+            i18n_js_1.default.locale = types_1.SupportedLanguage.ENGLISH;
         }
         else {
-            i18n_js_1["default"].translations = (_c = {},
-                _c[i18n_js_1["default"].locale] = __assign(__assign({}, i18n_js_1["default"].translations[i18n_js_1["default"].locale]), Localization.translationGetters[_b.findSupportedLanguage(i18n_js_1["default"].locale) || types_1.SupportedLanguage.ENGLISH]()),
+            i18n_js_1.default.translations = (_c = {},
+                _c[i18n_js_1.default.locale] = __assign(__assign({}, i18n_js_1.default.translations[i18n_js_1.default.locale]), _b.translationGetters[_b.findSupportedLanguage(i18n_js_1.default.locale) || types_1.SupportedLanguage.ENGLISH]()),
                 _c);
         }
-        return i18n_js_1["default"].t(key, config);
+        return i18n_js_1.default.t(key, config);
     }, function (key, config) { return (config ? key + JSON.stringify(config) : key); });
     Localization.findSupportedLanguage = function (locale) {
         for (var _i = 0, _a = Object.values(types_1.SupportedLanguage); _i < _a.length; _i++) {
@@ -52,9 +52,9 @@ var Localization = (function () {
         }
     };
     Localization.getLocale = function () {
-        return i18n_js_1["default"].locale || types_1.SupportedLanguage.ENGLISH;
+        return i18n_js_1.default.locale || types_1.SupportedLanguage.ENGLISH;
     };
     return Localization;
 }());
 exports.translate = Localization.translate;
-exports["default"] = Localization;
+exports.default = Localization;

package/dist/localization/translations/en.json

@@ -6,8 +6,30 @@
     "credential_status_valid": "Valid",
     "credential_status_expired": "Expired",
     "credential_status_revoked": "Revoked",
+    "credential_status_draft": "Draft",
+    "workflow_status_approved": "Approved",
+    "workflow_status_archived": "Archived",
+    "workflow_status_declined": "Declined",
+    "workflow_status_done": "Done",
+    "workflow_status_new": "New",
+    "workflow_status_pending": "Pending",
     "status_missing": "Unknown",
     "action_filter_caption": "Filter",
     "action_show_caption": "Show:",
-    "result_count_label": "Showing {{count}} from {{maxCount}} results"
+    "result_count_label": "Showing {{count}} from {{maxCount}} results",
+    "action_delete_label": "Delete",
+    "table_pagination_input_caption_go_to": "Go to",
+    "table_pagination_input_caption_page": "page",
+    "drag_and_drop_upload_image_caption": "Click or drag to upload an image",
+    "drag_and_drop_upload_evidence_caption": "Click or drag to upload an evidence document",
+    "credential_attach_image_description": "This image will be attached to the credential.",
+    "credential_attach_evidence_description": "This document will be refer to the credential.",
+    "passport_photo_alt": "Passport Photo",
+    "credential_issuance_wizard_title": "Issue credential",
+    "credential_issuance_wizard_credential_type_label": "Credential type",
+    "credential_issuance_wizard_evidence_title": "Evidence",
+    "credential_issuance_wizard_evidence_optional_title": "(optional)",
+    "credential_issuance_wizard_evidence_description": "Optionally, you can upload one or more documents or files that you want to attach to this credential.",
+    "file_permission_public_label": "Public",
+    "file_permission_private_label": "Private"
 }

package/dist/localization/translations/nl.json

@@ -6,8 +6,30 @@
     "credential_status_valid": "Geldig",
     "credential_status_expired": "Verlopen",
     "credential_status_revoked": "Ingetrokken",
+    "credential_status_draft": "Ontwerp",
+    "workflow_status_approved": "Goedgekeurd",
+    "workflow_status_archived": "Gearchiveerd",
+    "workflow_status_declined": "Afgewezen",
+    "workflow_status_done": "Klaar",
+    "workflow_status_new": "Nieuw",
+    "workflow_status_pending": "In behandeling",
     "status_missing": "Onbekent",
     "action_filter_caption": "Filter",
     "action_show_caption": "Toon:",
-    "result_count_label": "Toon {{count}} van {{maxCount}} resultaten"
+    "result_count_label": "Toon {{count}} van {{maxCount}} resultaten",
+    "action_delete_label": "Verwijder",
+    "table_pagination_input_caption_go_to": "Ga naar",
+    "table_pagination_input_caption_page": "pagina",
+    "drag_and_drop_upload_image_caption": "Klik of sleep om een afbeelding te uploaden",
+    "drag_and_drop_upload_evidence_caption": "Klik of sleep om een bewijsdocument te uploaden",
+    "credential_attach_image_description": "Deze afbeelding wordt aan de credential toegevoegd.",
+    "credential_attach_evidence_description": "Dit document verwijst naar de credential.",
+    "passport_photo_alt": "Pasfoto",
+    "credential_issuance_wizard_title": "Credential uitgeven",
+    "credential_issuance_wizard_credential_type_label": "Credential type",
+    "credential_issuance_wizard_evidence_title": "Bewijs",
+    "credential_issuance_wizard_evidence_optional_title": "(optioneel)",
+    "credential_issuance_wizard_evidence_description": "Optioneel kunt u een of meer documenten of bestanden uploaden die u aan deze credential wilt toevoegen.",
+    "file_permission_public_label": "Openbaar",
+    "file_permission_private_label": "Privaat"
 }

package/dist/regexes/index.d.ts

@@ -0,0 +1 @@
+export declare const emailAddressValidationRegex: RegExp;

package/dist/regexes/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emailAddressValidationRegex = void 0;
+exports.emailAddressValidationRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;

package/dist/styles/index.js

@@ -13,7 +13,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ssi/colors"), exports);
 __exportStar(require("./ssi/typography"), exports);
 __exportStar(require("./ssi/css"), exports);

package/dist/styles/ssi/colors.d.ts

@@ -1,5 +1,5 @@
-import { LabelStatus } from '../../types';
-type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
+import { GradientProperties, LabelStatus } from '../../types';
+type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey' | 'orange';
 export declare const backgroundColors: Record<BackgroundColor, string>;
 type CredentialCardColor = 'default';
 export declare const credentialCardColors: Record<CredentialCardColor, string>;
@@ -8,10 +8,18 @@ export declare const logoColors: Record<LogoColor, string>;
 export declare const statusColors: Record<LabelStatus | 'error', string>;
 type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey';
 export declare const fontColors: Record<FontColor, string>;
-type Gradient = 100 | 200;
-export declare const gradientColors: Record<Gradient, string>;
-type Border = 'dark' | 'light' | 'lightGrey';
+type HighLightGradient = 100 | 200;
+export declare const gradientsColors: Record<HighLightGradient, GradientProperties>;
+type Border = 'dark' | 'light' | 'lightGrey' | 'darkGrey';
 export declare const borderColors: Record<Border, string>;
 type Profile = 100 | 200 | 300 | 400 | 500;
 export declare const profileColors: Record<Profile, string>;
+type Alerts = 'primaryLight' | 'secondaryLight';
+export declare const alertColors: Record<Alerts, string>;
+type SelectionElement = 'primaryDark' | 'primaryBorderDark' | 'selectedRow';
+export declare const selectionElementColors: Record<SelectionElement, string>;
+type Element = 'blue' | 'lightGrey' | 'purple' | 100 | 200 | 300;
+export declare const elementColors: Record<Element, string>;
+type Button = 100;
+export declare const buttonColors: Record<Button, string>;
 export {};

package/dist/styles/ssi/colors.js

@@ -1,18 +1,19 @@
 "use strict";
-exports.__esModule = true;
-exports.profileColors = exports.borderColors = exports.gradientColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonColors = exports.elementColors = exports.selectionElementColors = exports.alertColors = exports.profileColors = exports.borderColors = exports.gradientsColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
 exports.backgroundColors = {
     primaryDark: '#202537',
     secondaryDark: '#2C334B',
     primaryLight: '#FBFBFB',
     secondaryLight: '#E3E3FF',
-    lightGrey: '#E3E3E3'
+    lightGrey: '#E3E3E3',
+    orange: '#D74500',
 };
 exports.credentialCardColors = {
-    "default": '#5BDED2'
+    default: '#5BDED2',
 };
 exports.logoColors = {
-    "default": '#FBFBFB'
+    default: '#FBFBFB',
 };
 exports.statusColors = {
     valid: '#00C249',
@@ -20,28 +21,62 @@ exports.statusColors = {
     revoked: '#EE5309',
     verified: '#00C249',
     unverified: '#FF9900',
-    error: '#D74500'
+    error: '#D74500',
+    new: '#7276F7',
+    approved: '#00C249',
+    pending: '#0B81FF',
+    archived: '#B3B3B3',
+    declined: '#D74500',
+    done: '#00C249',
+    draft: '#0B81FF',
 };
 exports.fontColors = {
     dark: '#303030',
     light: '#FBFBFB',
     secondaryButton: '#7664F2',
     greyedOut: '#8F8F8F',
-    lightGrey: '#8D9099'
+    lightGrey: '#8D9099',
 };
-exports.gradientColors = {
-    100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
-    200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)'
+exports.gradientsColors = {
+    100: {
+        primaryColor: '#7276F7',
+        secondaryColor: '#7C40E8',
+    },
+    200: {
+        primaryColor: '#FF9900',
+        secondaryColor: '#EE5309',
+    },
 };
 exports.borderColors = {
     dark: '#404D7A',
     light: '#E3E3E3',
-    lightGrey: '#ACACAC'
+    lightGrey: '#ACACAC',
+    darkGrey: '#303030',
 };
 exports.profileColors = {
     100: '#EE5209',
     200: '#FF9900',
     300: '#5BDED3',
     400: '#0B81FF',
-    500: '#BD2DFF'
+    500: '#BD2DFF',
+};
+exports.alertColors = {
+    primaryLight: '#FBFBFB',
+    secondaryLight: '#EBEBEB',
+};
+exports.selectionElementColors = {
+    primaryDark: '#0B81FF',
+    primaryBorderDark: '#FBFBFB',
+    selectedRow: '#B7B8D9',
+};
+exports.elementColors = {
+    blue: '#0B81FF',
+    lightGrey: '#C4C4C4',
+    purple: '#7276F7',
+    100: '#F25409',
+    200: '#F78854',
+    300: '#8D9099',
+};
+exports.buttonColors = {
+    100: '#8B1900',
 };

package/dist/styles/ssi/css/index.js

@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SSIRoundedEdgesCss = void 0;
 var styled_components_1 = require("styled-components");
 exports.SSIRoundedEdgesCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 8px;\n"], ["\n  border-radius: 8px;\n"])));

package/dist/styles/ssi/typography.d.ts

@@ -1,7 +1,7 @@
-export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const fontSize: Record<FontSize, number>;
-export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const lineHeight: Record<LineHeight, number>;
 export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export declare const fontWeight: Record<FontWeight, FontWeight>;
-export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold';
+export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7Regular' | 'h7SemiBold' | 'Regular64';

package/dist/styles/ssi/typography.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.fontWeight = exports.lineHeight = exports.fontSize = void 0;
 exports.fontSize = {
     100: 9,
@@ -9,7 +9,8 @@ exports.fontSize = {
     500: 14,
     600: 16,
     700: 24,
-    800: 36
+    800: 36,
+    64: 64,
 };
 exports.lineHeight = {
     100: 13.5,
@@ -19,7 +20,8 @@ exports.lineHeight = {
     500: 21,
     600: 24,
     700: 34,
-    800: 54
+    800: 54,
+    64: 64,
 };
 exports.fontWeight = {
     normal: 'normal',
@@ -32,5 +34,5 @@ exports.fontWeight = {
     600: '600',
     700: '700',
     800: '800',
-    900: '900'
+    900: '900',
 };

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

@@ -0,0 +1,5 @@
+export type ParsedBase64Uri = {
+    base64Uri: string;
+    base64: string;
+    mimeType: string;
+};

package/dist/types/base64/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,7 @@
+export declare enum ButtonIcon {
+    ADD = "add",
+    ARROW_DOWN = "arrowDown",
+    MEATBALLS = "meatballs",
+    DELETE = "delete",
+    FILTER = "filter"
+}

package/dist/types/button/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonIcon = void 0;
+var ButtonIcon;
+(function (ButtonIcon) {
+    ButtonIcon["ADD"] = "add";
+    ButtonIcon["ARROW_DOWN"] = "arrowDown";
+    ButtonIcon["MEATBALLS"] = "meatballs";
+    ButtonIcon["DELETE"] = "delete";
+    ButtonIcon["FILTER"] = "filter";
+})(ButtonIcon || (exports.ButtonIcon = ButtonIcon = {}));

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

@@ -1,10 +1,19 @@
 export declare enum CredentialStatus {
     VALID = "valid",
     EXPIRED = "expired",
-    REVOKED = "revoked"
+    REVOKED = "revoked",
+    DRAFT = "draft"
 }
 export declare enum IssuerStatus {
     VERIFIED = "verified",
     UNVERIFIED = "unverified"
 }
-export type LabelStatus = CredentialStatus | IssuerStatus;
+export declare enum WorkflowStatus {
+    NEW = "new",
+    APPROVED = "approved",
+    DECLINED = "declined",
+    PENDING = "pending",
+    DONE = "done",
+    ARCHIVED = "archived"
+}
+export type LabelStatus = CredentialStatus | IssuerStatus | WorkflowStatus;

package/dist/types/credential/index.js

@@ -1,14 +1,24 @@
 "use strict";
-exports.__esModule = true;
-exports.IssuerStatus = exports.CredentialStatus = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowStatus = exports.IssuerStatus = exports.CredentialStatus = void 0;
 var CredentialStatus;
 (function (CredentialStatus) {
     CredentialStatus["VALID"] = "valid";
     CredentialStatus["EXPIRED"] = "expired";
     CredentialStatus["REVOKED"] = "revoked";
-})(CredentialStatus = exports.CredentialStatus || (exports.CredentialStatus = {}));
+    CredentialStatus["DRAFT"] = "draft";
+})(CredentialStatus || (exports.CredentialStatus = CredentialStatus = {}));
 var IssuerStatus;
 (function (IssuerStatus) {
     IssuerStatus["VERIFIED"] = "verified";
     IssuerStatus["UNVERIFIED"] = "unverified";
-})(IssuerStatus = exports.IssuerStatus || (exports.IssuerStatus = {}));
+})(IssuerStatus || (exports.IssuerStatus = IssuerStatus = {}));
+var WorkflowStatus;
+(function (WorkflowStatus) {
+    WorkflowStatus["NEW"] = "new";
+    WorkflowStatus["APPROVED"] = "approved";
+    WorkflowStatus["DECLINED"] = "declined";
+    WorkflowStatus["PENDING"] = "pending";
+    WorkflowStatus["DONE"] = "done";
+    WorkflowStatus["ARCHIVED"] = "archived";
+})(WorkflowStatus || (exports.WorkflowStatus = WorkflowStatus = {}));

package/dist/types/image/index.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/index.d.ts

@@ -1,3 +1,9 @@
+export * from './button';
 export * from './credential';
 export * from './image';
+export * from './label';
 export * from './localization';
+export * from './tab';
+export * from './toast';
+export * from './style';
+export * from './base64';

package/dist/types/index.js

@@ -13,7 +13,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button"), exports);
 __exportStar(require("./credential"), exports);
 __exportStar(require("./image"), exports);
+__exportStar(require("./label"), exports);
 __exportStar(require("./localization"), exports);
+__exportStar(require("./tab"), exports);
+__exportStar(require("./toast"), exports);
+__exportStar(require("./style"), exports);
+__exportStar(require("./base64"), exports);

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

@@ -0,0 +1,4 @@
+export declare enum LabelType {
+    ISSUER = "Issuer",
+    VERIFIER = "Verifier"
+}

package/dist/types/label/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelType = void 0;
+var LabelType;
+(function (LabelType) {
+    LabelType["ISSUER"] = "Issuer";
+    LabelType["VERIFIER"] = "Verifier";
+})(LabelType || (exports.LabelType = LabelType = {}));

package/dist/types/localization/index.js

@@ -1,8 +1,8 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SupportedLanguage = void 0;
 var SupportedLanguage;
 (function (SupportedLanguage) {
     SupportedLanguage["ENGLISH"] = "en";
     SupportedLanguage["DUTCH"] = "nl";
-})(SupportedLanguage = exports.SupportedLanguage || (exports.SupportedLanguage = {}));
+})(SupportedLanguage || (exports.SupportedLanguage = SupportedLanguage = {}));

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

@@ -0,0 +1,7 @@
+export declare enum OpacityStyleEnum {
+    DISABLED = 0.5
+}
+export type GradientProperties = {
+    primaryColor: string;
+    secondaryColor: string;
+};

package/dist/types/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpacityStyleEnum = void 0;
+var OpacityStyleEnum;
+(function (OpacityStyleEnum) {
+    OpacityStyleEnum[OpacityStyleEnum["DISABLED"] = 0.5] = "DISABLED";
+})(OpacityStyleEnum || (exports.OpacityStyleEnum = OpacityStyleEnum = {}));

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

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+export type TabRoute = {
+    key: string;
+    title: string;
+};
+export type TabViewRoute = TabRoute & {
+    content: ComponentType<unknown>;
+};
+export type TabNavigationState = {
+    index: number;
+    routes: Array<TabViewRoute>;
+};

package/dist/types/tab/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,7 @@
+export declare enum ToastType {
+    SUCCESS = "ssiToastSuccess",
+    ERROR = "ssiToastError"
+}
+export type ToastCustomProps = {
+    showBadge?: boolean;
+};

package/dist/types/toast/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastType = void 0;
+var ToastType;
+(function (ToastType) {
+    ToastType["SUCCESS"] = "ssiToastSuccess";
+    ToastType["ERROR"] = "ssiToastError";
+})(ToastType || (exports.ToastType = ToastType = {}));

package/dist/utils/DateUtils.js

@@ -13,21 +13,21 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeEpochMilli = exports.toLocalDateString = exports.toLocalDateTimeString = exports.DATE_FORMAT_OPTIONS = exports.EPOCH_MILLISECONDS = void 0;
 var Localization_1 = __importDefault(require("../localization/Localization"));
 exports.EPOCH_MILLISECONDS = 1000;
 exports.DATE_FORMAT_OPTIONS = {
     year: 'numeric',
     month: 'numeric',
-    day: 'numeric'
+    day: 'numeric',
 };
 var toLocalDateTimeString = function (date) {
-    return new Date(formatDate(date)).toLocaleString(Localization_1["default"].getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
+    return new Date(formatDate(date)).toLocaleString(Localization_1.default.getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
 };
 exports.toLocalDateTimeString = toLocalDateTimeString;
 var toLocalDateString = function (date) {
-    return new Date(formatDate(date)).toLocaleDateString(Localization_1["default"].getLocale(), exports.DATE_FORMAT_OPTIONS);
+    return new Date(formatDate(date)).toLocaleDateString(Localization_1.default.getLocale(), exports.DATE_FORMAT_OPTIONS);
 };
 exports.toLocalDateString = toLocalDateString;
 var formatDate = function (date) {

package/dist/utils/FileUtils.d.ts

@@ -0,0 +1,3 @@
+import { ParsedBase64Uri } from '../types';
+export declare const getFileSizeDisplay: (bytes: number) => string;
+export declare const parseBase64Uri: (base64Uri: string) => ParsedBase64Uri;

package/dist/utils/FileUtils.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseBase64Uri = exports.getFileSizeDisplay = void 0;
+var getFileSizeDisplay = function (bytes) {
+    if (bytes < 1024) {
+        return "".concat(bytes, " B");
+    }
+    else if (bytes <= 1024 * 1024) {
+        return "".concat((bytes / 1024).toFixed(1), " KB");
+    }
+    else if (bytes <= 1024 * 1024 * 1024) {
+        return "".concat((bytes / (1024 * 1024)).toFixed(1), " MB");
+    }
+    else {
+        return "".concat((bytes / (1024 * 1024 * 1024)).toFixed(1), " GB");
+    }
+};
+exports.getFileSizeDisplay = getFileSizeDisplay;
+var parseBase64Uri = function (base64Uri) {
+    var base64Parts = base64Uri.split(';base64,');
+    var mimeType = base64Parts[0].replace('data:', '');
+    return {
+        base64Uri: base64Uri,
+        base64: base64Parts[1],
+        mimeType: mimeType,
+    };
+};
+exports.parseBase64Uri = parseBase64Uri;

package/dist/utils/ImageUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateAspectRatio = void 0;
 var calculateAspectRatio = function (width, height) {
     return width / height;

package/dist/utils/TranslationUtils.js

@@ -2,24 +2,38 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStatusTranslation = void 0;
 var types_1 = require("../types");
 var Localization_1 = __importDefault(require("../localization/Localization"));
 var getStatusTranslation = function (status) {
     switch (status) {
         case types_1.IssuerStatus.VERIFIED:
-            return Localization_1["default"].translate('issuer_status_verified');
+            return Localization_1.default.translate('issuer_status_verified');
         case types_1.IssuerStatus.UNVERIFIED:
-            return Localization_1["default"].translate('issuer_status_unverified');
+            return Localization_1.default.translate('issuer_status_unverified');
         case types_1.CredentialStatus.VALID:
-            return Localization_1["default"].translate('credential_status_valid');
+            return Localization_1.default.translate('credential_status_valid');
         case types_1.CredentialStatus.EXPIRED:
-            return Localization_1["default"].translate('credential_status_expired');
+            return Localization_1.default.translate('credential_status_expired');
         case types_1.CredentialStatus.REVOKED:
-            return Localization_1["default"].translate('credential_status_revoked');
+            return Localization_1.default.translate('credential_status_revoked');
+        case types_1.CredentialStatus.DRAFT:
+            return Localization_1.default.translate('credential_status_draft');
+        case types_1.WorkflowStatus.APPROVED:
+            return Localization_1.default.translate('workflow_status_approved');
+        case types_1.WorkflowStatus.ARCHIVED:
+            return Localization_1.default.translate('workflow_status_archived');
+        case types_1.WorkflowStatus.DECLINED:
+            return Localization_1.default.translate('workflow_status_declined');
+        case types_1.WorkflowStatus.DONE:
+            return Localization_1.default.translate('workflow_status_done');
+        case types_1.WorkflowStatus.NEW:
+            return Localization_1.default.translate('workflow_status_new');
+        case types_1.WorkflowStatus.PENDING:
+            return Localization_1.default.translate('workflow_status_pending');
         default:
-            return Localization_1["default"].translate('status_missing');
+            return Localization_1.default.translate('status_missing');
     }
 };
 exports.getStatusTranslation = getStatusTranslation;

package/dist/utils/UserUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInitials = void 0;
 var getInitials = function (fullName) {
     if (fullName && fullName.length > 0) {

package/dist/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './ImageUtils';
 export * from './DateUtils';
 export * from './TranslationUtils';
 export * from './UserUtils';
+export * from './FileUtils';

package/dist/utils/index.js

@@ -13,8 +13,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ImageUtils"), exports);
 __exportStar(require("./DateUtils"), exports);
 __exportStar(require("./TranslationUtils"), exports);
 __exportStar(require("./UserUtils"), exports);
+__exportStar(require("./FileUtils"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.3-unstable.15+88a373a",
+  "version": "0.1.3-unstable.151+a801742",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -29,19 +29,19 @@
   "dependencies": {
     "i18n-js": "^3.8.0",
     "lodash.memoize": "^4.1.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.11"
   },
   "devDependencies": {
     "@types/i18n-js": "^3.8.4",
     "@types/lodash.memoize": "^4.1.7",
     "@types/node": "^20.4.0",
-    "@types/react": "~18.0.14",
-    "@types/styled-components": "^5.1.15",
+    "@types/react": "~18.2.67",
+    "@types/styled-components": "^5.1.34",
     "react": "18.2.0",
-    "typescript": "4.9.5"
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "react": ">= 16.8.0"
+    "react": ">= 18"
   },
-  "gitHead": "88a373a5f9fb7b863e412030eedc651350c99187"
+  "gitHead": "a801742816ac3a0f7e48790ec60984ec22d466d0"
 }