@selfcommunity/react-ui 0.7.0-alpha.98 → 0.7.0

package/lib/cjs/utils/contribution.js

@@ -1,27 +1,24 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRouteData = exports.getContributionRouteName = exports.getContributionHtml = exports.getSearchContributionSnippet = exports.getContributionSnippet = exports.getContribution = exports.getContributionType = void 0;
-const react_1 = __importDefault(require("react"));
+exports.getRouteData = exports.getContributionRouteName = exports.getContributionHtml = exports.getContributionSnippet = exports.getContribution = exports.getContributionType = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const react_core_1 = require("@selfcommunity/react-core");
 const types_1 = require("@selfcommunity/types");
 const react_intl_1 = require("react-intl");
-const highlight_1 = require("./highlight");
 /**
  * From obj extract type of the contribution
  * @param obj
  */
 function getContributionType(obj) {
-    return types_1.SCFeedObjectTypologyType.DISCUSSION in obj
-        ? types_1.SCFeedObjectTypologyType.DISCUSSION
-        : types_1.SCFeedObjectTypologyType.POST in obj
-            ? types_1.SCFeedObjectTypologyType.POST
-            : types_1.SCFeedObjectTypologyType.STATUS in obj
-                ? types_1.SCFeedObjectTypologyType.STATUS
-                : types_1.SCCommentTypologyType in obj
-                    ? types_1.SCCommentTypologyType
+    return types_1.SCContributionType.DISCUSSION in obj
+        ? types_1.SCContributionType.DISCUSSION
+        : types_1.SCContributionType.POST in obj
+            ? types_1.SCContributionType.POST
+            : types_1.SCContributionType.STATUS in obj
+                ? types_1.SCContributionType.STATUS
+                : types_1.SCContributionType.COMMENT in obj
+                    ? types_1.SCContributionType.COMMENT
                     : null;
 }
 exports.getContributionType = getContributionType;
@@ -30,14 +27,14 @@ exports.getContributionType = getContributionType;
  * @param obj
  */
 function getContribution(obj) {
-    return types_1.SCFeedObjectTypologyType.DISCUSSION in obj
-        ? obj[types_1.SCFeedObjectTypologyType.DISCUSSION]
-        : types_1.SCFeedObjectTypologyType.POST in obj
-            ? obj[types_1.SCFeedObjectTypologyType.POST]
-            : types_1.SCFeedObjectTypologyType.STATUS in obj
-                ? obj[types_1.SCFeedObjectTypologyType.STATUS]
-                : types_1.SCCommentTypologyType in obj
-                    ? obj[types_1.SCCommentTypologyType]
+    return types_1.SCContributionType.DISCUSSION in obj
+        ? obj[types_1.SCContributionType.DISCUSSION]
+        : types_1.SCContributionType.POST in obj
+            ? obj[types_1.SCContributionType.POST]
+            : types_1.SCContributionType.STATUS in obj
+                ? obj[types_1.SCContributionType.STATUS]
+                : types_1.SCContributionType.COMMENT in obj
+                    ? obj[types_1.SCContributionType.COMMENT]
                     : null;
 }
 exports.getContribution = getContribution;
@@ -46,7 +43,7 @@ exports.getContribution = getContribution;
  * @param obj (Discussion, Post, Status, Comment)
  */
 function getContributionSnippet(obj) {
-    if (obj.type === types_1.SCFeedObjectTypologyType.DISCUSSION) {
+    if (obj.type === types_1.SCContributionType.DISCUSSION) {
         return obj.summary ? react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: obj.summary } }) : obj.title;
     }
     else {
@@ -54,29 +51,15 @@ function getContributionSnippet(obj) {
     }
 }
 exports.getContributionSnippet = getContributionSnippet;
-/**
- * Get a search snippet for a contribution
- * @param obj (Discussion, Post, Status, Comment)
- * @param search (a search term)
- */
-function getSearchContributionSnippet(obj, search) {
-    if (obj.type === types_1.SCFeedObjectTypologyType.DISCUSSION) {
-        return obj.summary ? (0, highlight_1.highlight)(obj.summary, search) : (0, highlight_1.highlight)(obj.title, search);
-    }
-    else {
-        return obj.summary ? ((0, highlight_1.highlight)(obj.summary, search)) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.common.${obj.type.toLowerCase()}WithoutText`, defaultMessage: `ui.common.${obj.type.toLowerCase()}WithoutText` }));
-    }
-}
-exports.getSearchContributionSnippet = getSearchContributionSnippet;
 /**
  * Get the contribution text
  * Hydrate text with mention, etc.
- * @param obj Object of types: Discussion, Post, Status, Comment
+ * @param html Html of the contribution
  * @param handleUrl Func that handle urls
  */
-function getContributionHtml(obj, handleUrl) {
-    return obj.html.replace(/<mention.*? id="([0-9]+)"{1}.*?>@([a-z\d_]+)<\/mention>/gi, (match, id, username) => {
-        return `<a target='_blank' href='${handleUrl(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
+function getContributionHtml(html, handleUrl) {
+    return html.replace(/<mention.*? id="([0-9]+)"{1}.*?>@([a-z\d_]+)<\/mention>/gi, (match, id, username) => {
+        return `<a href='${handleUrl(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, { id, username })}'>@${username}</a>`;
     });
 }
 exports.getContributionHtml = getContributionHtml;
@@ -100,18 +83,15 @@ exports.getContributionRouteName = getContributionRouteName;
 function getRouteData(obj) {
     let data = {};
     if (obj) {
-        if (obj.type === types_1.SCFeedObjectTypologyType.DISCUSSION ||
-            obj.type === types_1.SCFeedObjectTypologyType.POST ||
-            obj.type === types_1.SCFeedObjectTypologyType.STATUS) {
+        if (obj.type === types_1.SCContributionType.DISCUSSION || obj.type === types_1.SCContributionType.POST || obj.type === types_1.SCContributionType.STATUS) {
             data = Object.assign(Object.assign({}, obj), { contribution_type: obj.type, contribution_id: obj.id, contribution_slug: obj.slug });
         }
-        else if (obj.type === types_1.SCCommentTypologyType) {
-            const contribution_type = getContributionType(obj);
-            const isContributionTypeObj = obj[contribution_type] && typeof obj[contribution_type] === 'object';
-            data = Object.assign(Object.assign({}, obj), { contribution_type, contribution_id: isContributionTypeObj ? obj[contribution_type].id : obj[contribution_type], contribution_slug: isContributionTypeObj ? obj[contribution_type].slug : contribution_type });
+        else if (obj.type === types_1.SCContributionType.COMMENT) {
+            const contributionType = getContributionType(obj);
+            const isContributionTypeObj = obj[contributionType] && typeof obj[contributionType] === 'object';
+            data = Object.assign(Object.assign({}, obj), { contribution_type: contributionType, contribution_id: isContributionTypeObj ? obj[contributionType].id : obj[contributionType], contribution_slug: isContributionTypeObj ? obj[contributionType].slug : contributionType });
         }
     }
     return data;
 }
 exports.getRouteData = getRouteData;
-//# sourceMappingURL=contribution.js.map

package/lib/cjs/utils/editor.d.ts

@@ -0,0 +1,7 @@
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;
+/**
+ * Extract id of hashtags from html text
+ * @param html
+ */
+export declare function extractHashtags(html: any): string[];

package/lib/cjs/utils/editor.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractHashtags = exports.getSelectedNode = void 0;
+const selection_1 = require("@lexical/selection");
+function getSelectedNode(selection) {
+    const anchor = selection.anchor;
+    const focus = selection.focus;
+    const anchorNode = selection.anchor.getNode();
+    const focusNode = selection.focus.getNode();
+    if (anchorNode === focusNode) {
+        return anchorNode;
+    }
+    const isBackward = selection.isBackward();
+    if (isBackward) {
+        return (0, selection_1.$isAtNodeEnd)(focus) ? anchorNode : focusNode;
+    }
+    else {
+        return (0, selection_1.$isAtNodeEnd)(anchor) ? anchorNode : focusNode;
+    }
+}
+exports.getSelectedNode = getSelectedNode;
+/**
+ * Extract id of hashtags from html text
+ * @param html
+ */
+function extractHashtags(html) {
+    return Array.from(html.matchAll(/<hashtag id="(?<id>[0-9]+)">#(?<name>[^<>]+)<\/hashtag>/g)).map((match) => match.groups.id);
+}
+exports.extractHashtags = extractHashtags;

package/lib/cjs/utils/errors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Catch and display errors when an action is performed and
+ * one user is blocked by the other
+ * @param e (error)
+ * @return boolean (true if catch errors 403)
+ */
+export declare function catchUnauthorizedActionByBlockedUser(e: any, isBlockedByMe: any, enqueueSnackbar: any): boolean;

package/lib/cjs/utils/errors.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.catchUnauthorizedActionByBlockedUser = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_intl_1 = require("react-intl");
+/**
+ * Catch and display errors when an action is performed and
+ * one user is blocked by the other
+ * @param e (error)
+ * @return boolean (true if catch errors 403)
+ */
+function catchUnauthorizedActionByBlockedUser(e, isBlockedByMe, enqueueSnackbar) {
+    let _cathedErrors = false;
+    if (e && e.response && e.response && e.response.status && e.response.status === 403) {
+        if (isBlockedByMe) {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserBlockedByMe", defaultMessage: "ui.common.actionToUserBlockedByMe" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
+        else {
+            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.actionToUserHasBlockedMe", defaultMessage: "ui.common.actionToUserHasBlockedMe" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+        }
+        _cathedErrors = true;
+    }
+    return _cathedErrors;
+}
+exports.catchUnauthorizedActionByBlockedUser = catchUnauthorizedActionByBlockedUser;

package/lib/cjs/utils/feed.d.ts

@@ -1,7 +1,19 @@
+import { SCNotificationAggregatedType, SCNotificationType } from '@selfcommunity/types';
 /**
  * Compare widget priority
  * @param w1
  * @param w2
  */
 export declare const widgetSort: (w1: any, w2: any) => 1 | -1;
-//# sourceMappingURL=feed.d.ts.map
+/**
+ * Get unseen notifications from a collection of item
+ * of type SCNotificationAggregatedType
+ * @return number
+ */
+export declare const getUnseenNotification: (data: SCNotificationAggregatedType[]) => SCNotificationType[];
+/**
+ * Get unseen notification counter from a colletion of item
+ * of type SCNotificationAggregatedType
+ * @return number
+ */
+export declare const getUnseenNotificationCounter: (data: SCNotificationAggregatedType[]) => number;

package/lib/cjs/utils/feed.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.widgetSort = void 0;
+exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.widgetSort = void 0;
 /**
  * Compare widget priority
  * @param w1
@@ -8,4 +8,31 @@ exports.widgetSort = void 0;
  */
 const widgetSort = (w1, w2) => (w1.position > w2.position ? 1 : -1);
 exports.widgetSort = widgetSort;
-//# sourceMappingURL=feed.js.map
+/**
+ * Get unseen notifications from a collection of item
+ * of type SCNotificationAggregatedType
+ * @return number
+ */
+const getUnseenNotification = (data) => {
+    let _unseen = [];
+    if (data && Array.isArray(data)) {
+        data.map((n) => {
+            if (n.is_new) {
+                n.aggregated.map((a) => {
+                    a.is_new && _unseen.push(a);
+                });
+            }
+        });
+    }
+    return _unseen;
+};
+exports.getUnseenNotification = getUnseenNotification;
+/**
+ * Get unseen notification counter from a colletion of item
+ * of type SCNotificationAggregatedType
+ * @return number
+ */
+const getUnseenNotificationCounter = (data) => {
+    return (0, exports.getUnseenNotification)(data).length;
+};
+exports.getUnseenNotificationCounter = getUnseenNotificationCounter;

package/lib/cjs/utils/formatRelativeTime.d.ts

@@ -0,0 +1,4 @@
+export declare const getRelativeTime: (date: any) => {
+    value: number;
+    unit: string;
+};

package/lib/cjs/utils/formatRelativeTime.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRelativeTime = void 0;
+const getRelativeTime = (date) => {
+    const diffInMilliseconds = new Date().getTime() - new Date(date).getTime();
+    const seconds = Math.floor(diffInMilliseconds / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    const weeks = Math.floor(days / 7);
+    const months = Math.floor(days / 30);
+    const years = Math.floor(months / 12);
+    if (years > 0) {
+        return { value: years, unit: 'year' };
+    }
+    else if (months > 0) {
+        return { value: months, unit: 'month' };
+    }
+    else if (weeks > 0) {
+        return { value: weeks, unit: 'week' };
+    }
+    else if (days > 0) {
+        return { value: days, unit: 'day' };
+    }
+    else if (hours > 0) {
+        return { value: hours, unit: 'hour' };
+    }
+    else if (minutes > 0) {
+        return { value: minutes, unit: 'minute' };
+    }
+    else {
+        return { value: seconds, unit: 'second' };
+    }
+};
+exports.getRelativeTime = getRelativeTime;

package/lib/cjs/utils/hash.d.ts

@@ -1,2 +1 @@
 export declare const md5: (file: any, chunkSize: any, callback: any) => void;
-//# sourceMappingURL=hash.d.ts.map

package/lib/cjs/utils/hash.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.md5 = void 0;
-const spark_md5_1 = __importDefault(require("spark-md5"));
+const tslib_1 = require("tslib");
+const spark_md5_1 = tslib_1.__importDefault(require("spark-md5"));
 const md5 = (file, chunkSize, callback) => {
     chunkSize = chunkSize || 2097152; // Read in chunks of 2MB
     // eslint-disable-next-line @typescript-eslint/unbound-method
@@ -30,4 +28,3 @@ const md5 = (file, chunkSize, callback) => {
     loadNext();
 };
 exports.md5 = md5;
-//# sourceMappingURL=hash.js.map

package/lib/cjs/utils/legalPages.d.ts

@@ -16,4 +16,3 @@ export declare const isEmptyDocumentBody: (doc: any) => boolean;
  * @return boolean
  */
 export declare const isDocumentApproved: (doc: any) => any;
-//# sourceMappingURL=legalPages.d.ts.map

package/lib/cjs/utils/legalPages.js

@@ -10,7 +10,7 @@ const getDocumentBody = (doc) => {
     if (doc.html_body && doc.html_body !== '<p></p>') {
         return doc.html_body;
     }
-    return '<b>Documento non presente</b>';
+    return '<p><b><FormattedMessage id="ui.consentSolution.emptyDocument" defaultMessage="ui.consentSolution.emptyDocument" /></b></p>';
 };
 exports.getDocumentBody = getDocumentBody;
 /**
@@ -31,4 +31,3 @@ const isDocumentApproved = (doc) => {
     return doc.ack && doc.ack.accepted_at;
 };
 exports.isDocumentApproved = isDocumentApproved;
-//# sourceMappingURL=legalPages.js.map

package/lib/cjs/utils/sizeCoverter.d.ts

@@ -0,0 +1 @@
+export declare function bytesToSize(bytes: number): string;

package/lib/cjs/utils/sizeCoverter.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bytesToSize = void 0;
+function bytesToSize(bytes) {
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+    if (bytes === 0)
+        return 'n/a';
+    const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
+    if (i === 0)
+        return `${bytes} ${sizes[i]}`;
+    return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
+}
+exports.bytesToSize = bytesToSize;

package/lib/cjs/utils/threshold.d.ts

@@ -6,4 +6,3 @@ export declare function parseThreshold(scrollThreshold: string | number): {
     unit: string;
     value: number;
 };
-//# sourceMappingURL=threshold.d.ts.map

package/lib/cjs/utils/threshold.js

@@ -36,4 +36,3 @@ function parseThreshold(scrollThreshold) {
     return defaultThreshold;
 }
 exports.parseThreshold = parseThreshold;
-//# sourceMappingURL=threshold.js.map

package/lib/cjs/utils/thumbnailCoverter.d.ts

@@ -0,0 +1,9 @@
+export declare const pdfImagePlaceholder = "data:image/png;base64,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";
+export declare const videoPlaceholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAACYUlEQVR4nO3cvWoUURjG8T/YrGAROzFi5Q1oa+Fd2Jp02tiGpPcCvAE/+mxAvIpEsfILBat0ogtJsBKfsDA2h4zuTDL7vjvn+cHTHrLPO3POptgDZmZmZmZmZmZmZmZmZmZpXAU2gT3gM3ACaEVy0vzN0+YzrLFCLgM7wCxBkbqgzD/LNjAhuevAQYLCNFDeATdJ6gZwmKAkDZzD5rOm23beJihHS8pBtu1oJ0EpWnLmZ8J53AOeAx+bvATu9P22M6YDVwtm1nz2Li4B94E3LWv+Bh51HcBmgjIUlI0FO7oCPAa+LbDmfAh3uwxgL0ERCsruf7q5BjwBfnRc91WXAXxNUISCMv9n7Sy3gKfAr57rfu8ygOMERSgoR2f08Rr4cwFrL0yVpzTUuq1UeUoeAB5A+FMpvwHxxchbUHw58hkw/pSGWreVKk/JA8ADCH8q5Tcgvhh5C4ovRz4Dxp/SUOu2UuUpeQB4AOFPpfwGxBcjb0Hx5chnwPhTGmrdVqo8JQ8ADyD8qZTfgPhi5C0ovhz5DBh/SkOt20qVp+QB4AGEP5XyGxBfjLwFxZcjnwHjT2modVup8pQ8ADyA8KdSfgPii5G3oPhyVMMZcJSgBNX8I70vCYpQUD5l+JnqNEERqvmH2hsJilBQHmS4qqDWyzp+9rjKbJHLOh7Sw3aCQrTkbHH+62qeAe+BD8AL4HbfxSYjv6pMRfazXdg0t17RlWXrJL60bz9BSarx0r6/Js2ZMBvZgbuVcdv5l7XmK+q0+Ydlla61OW7+5t3mq+ZKXdxqZmZmZmZmZmZmZmZmZkZ3p+uwFZYL7fr1AAAAAElFTkSuQmCC";
+export declare const documentPlaceholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuUlEQVR4nO3WQQpCMRRD0axCxP0vSRRXExE6EMHBl5e09uVCcSiHBi2Q/isKzw3AeQcIATwAXJyQ6uwYiiH3t0/pzNSQE4Cr42YohsCFoQFiwdAEkWNohLySYdwQGWYGRIKZBSnHOP7Zj7zNtoCw4gtnx0BGuZHimGl1mxaLz7cCaTctVwyk241Q9Cv1WSDtpuWKgXS7EeathbUeja4YyCg3UhwzrVGmVRwzrVGmteq0uMj5uW0gCeaeAHHCuEhTlUIAAAAASUVORK5CYII=";
+export declare const audioPlaceHolder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABVElEQVR4nO3Xu0rEUBDG8b8PoJUXrAT3EWxsrOztLHwISwtRK1sVS7e1tbQWLBWs3EJ8BhsFr4WMBKaQRV3WnJlkwnwwBAI5OT/OJSeQiRUxqjtgvgsQ8caIlkWbrhgxhAy+XWcLv8MVMgPceo2MGELwxIgxxA0jDhAXjDhBzDHiCKlihvGGmGGagJhgmoIUx1gfUcapQYmXlkydg2arII30QxLSwRFZB/rAAbAJzEWFPAwt2BdgH5iMBnn8ZQd6Ba6A5egQ0TrsCuQoEuQZWAE2gFPgIyrkaejeArAHnAOrkSHjRhKiyRHRTABvXZhaa/p8KMgisAWcAGfANfAZDbIEvP/x0at2Lo9+1G5gd8TXu/rnDgHZHgE5jgLp6Tr4CXEPTEda7D09yV4CN8AFsANM1elAW7bfUpGEaHJECkdyamlyahWO5NTSSMvq3+kMJINzvgAzxLJFazyrgQAAAABJRU5ErkJggg==";
+export declare function isSupportedVideoFormat(filename: any): boolean;
+export declare function createAudioThumbnail(file: any): Promise<unknown>;
+export declare function createDocumentThumbnail(url: any, file: any): Promise<unknown>;
+export declare function createThumbnail(file: any): Promise<unknown>;
+export declare function createVideoThumbnail(fileUrl: any, file: any): Promise<unknown>;

package/lib/cjs/utils/thumbnailCoverter.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVideoThumbnail = exports.createThumbnail = exports.createDocumentThumbnail = exports.createAudioThumbnail = exports.isSupportedVideoFormat = exports.audioPlaceHolder = exports.documentPlaceholder = exports.videoPlaceholder = exports.pdfImagePlaceholder = void 0;
+const types_1 = require("@selfcommunity/types");
+exports.pdfImagePlaceholder = 'data:image/png;base64,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';
+exports.videoPlaceholder = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAACYUlEQVR4nO3cvWoUURjG8T/YrGAROzFi5Q1oa+Fd2Jp02tiGpPcCvAE/+mxAvIpEsfILBat0ogtJsBKfsDA2h4zuTDL7vjvn+cHTHrLPO3POptgDZmZmZmZmZmZmZmZmZmZpXAU2gT3gM3ACaEVy0vzN0+YzrLFCLgM7wCxBkbqgzD/LNjAhuevAQYLCNFDeATdJ6gZwmKAkDZzD5rOm23beJihHS8pBtu1oJ0EpWnLmZ8J53AOeAx+bvATu9P22M6YDVwtm1nz2Li4B94E3LWv+Bh51HcBmgjIUlI0FO7oCPAa+LbDmfAh3uwxgL0ERCsruf7q5BjwBfnRc91WXAXxNUISCMv9n7Sy3gKfAr57rfu8ygOMERSgoR2f08Rr4cwFrL0yVpzTUuq1UeUoeAB5A+FMpvwHxxchbUHw58hkw/pSGWreVKk/JA8ADCH8q5Tcgvhh5C4ovRz4Dxp/SUOu2UuUpeQB4AOFPpfwGxBcjb0Hx5chnwPhTGmrdVqo8JQ8ADyD8qZTfgPhi5C0ovhz5DBh/SkOt20qVp+QB4AGEP5XyGxBfjLwFxZcjnwHjT2modVup8pQ8ADyA8KdSfgPii5G3oPhyVMMZcJSgBNX8I70vCYpQUD5l+JnqNEERqvmH2hsJilBQHmS4qqDWyzp+9rjKbJHLOh7Sw3aCQrTkbHH+62qeAe+BD8AL4HbfxSYjv6pMRfazXdg0t17RlWXrJL60bz9BSarx0r6/Js2ZMBvZgbuVcdv5l7XmK+q0+Ydlla61OW7+5t3mq+ZKXdxqZmZmZmZmZmZmZmZmZkZ3p+uwFZYL7fr1AAAAAElFTkSuQmCC';
+exports.documentPlaceholder = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuUlEQVR4nO3WQQpCMRRD0axCxP0vSRRXExE6EMHBl5e09uVCcSiHBi2Q/isKzw3AeQcIATwAXJyQ6uwYiiH3t0/pzNSQE4Cr42YohsCFoQFiwdAEkWNohLySYdwQGWYGRIKZBSnHOP7Zj7zNtoCw4gtnx0BGuZHimGl1mxaLz7cCaTctVwyk241Q9Cv1WSDtpuWKgXS7EeathbUeja4YyCg3UhwzrVGmVRwzrVGmteq0uMj5uW0gCeaeAHHCuEhTlUIAAAAASUVORK5CYII=';
+exports.audioPlaceHolder = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABVElEQVR4nO3Xu0rEUBDG8b8PoJUXrAT3EWxsrOztLHwISwtRK1sVS7e1tbQWLBWs3EJ8BhsFr4WMBKaQRV3WnJlkwnwwBAI5OT/OJSeQiRUxqjtgvgsQ8caIlkWbrhgxhAy+XWcLv8MVMgPceo2MGELwxIgxxA0jDhAXjDhBzDHiCKlihvGGmGGagJhgmoIUx1gfUcapQYmXlkydg2arII30QxLSwRFZB/rAAbAJzEWFPAwt2BdgH5iMBnn8ZQd6Ba6A5egQ0TrsCuQoEuQZWAE2gFPgIyrkaejeArAHnAOrkSHjRhKiyRHRTABvXZhaa/p8KMgisAWcAGfANfAZDbIEvP/x0at2Lo9+1G5gd8TXu/rnDgHZHgE5jgLp6Tr4CXEPTEda7D09yV4CN8AFsANM1elAW7bfUpGEaHJECkdyamlyahWO5NTSSMvq3+kMJINzvgAzxLJFazyrgQAAAABJRU5ErkJggg==';
+const MAX_WIDTH = 1920;
+function isSupportedVideoFormat(filename) {
+    const extension = filename.split('.').pop().toLowerCase();
+    const supportedFormats = ['mp4', 'webm', 'ogv', 'mp3', 'm3u8', 'mpd'];
+    return supportedFormats.includes(extension);
+}
+exports.isSupportedVideoFormat = isSupportedVideoFormat;
+function dataURLtoFile(dataUrl, file) {
+    let arr = dataUrl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+    const _fileName = file.file && file.file.type.startsWith(types_1.SCMessageFileType.DOCUMENT) ? file.file.name.replace(/(\.[^.]+)$/, '.jpeg') : file.name;
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+    }
+    return new File([u8arr], _fileName, { type: mime });
+}
+function createAudioThumbnail(file) {
+    return new Promise(function (resolve, reject) {
+        try {
+            resolve(dataURLtoFile(exports.audioPlaceHolder, file));
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+exports.createAudioThumbnail = createAudioThumbnail;
+function createDocumentThumbnail(url, file) {
+    const pdfjsLib = require('pdfjs-dist/webpack');
+    return new Promise(function (resolve, reject) {
+        try {
+            if (!file.file.name.endsWith('.pdf')) {
+                resolve(dataURLtoFile(exports.documentPlaceholder, file));
+            }
+            else {
+                const canvas = document.createElement('canvas');
+                const ctx = canvas.getContext('2d');
+                // Load the PDF file
+                pdfjsLib
+                    .getDocument(url)
+                    .promise.then((pdf) => {
+                    // Get the first page of the PDF
+                    return pdf.getPage(1);
+                })
+                    .then((page) => {
+                    // Set the canvas dimensions to match the PDF page dimensions
+                    const viewport = page.getViewport({ scale: 1 });
+                    canvas.width = viewport.width;
+                    canvas.height = viewport.height;
+                    // Render the PDF page onto the canvas
+                    const renderContext = {
+                        canvasContext: ctx,
+                        viewport: viewport
+                    };
+                    return page.render(renderContext).promise;
+                })
+                    .then(() => {
+                    // Convert the canvas to an image
+                    const thumbnailUrl = canvas.toDataURL('image/jpeg', 1);
+                    // Resolve the Promise with the generated value
+                    resolve(dataURLtoFile(thumbnailUrl, file));
+                })
+                    .catch((error) => {
+                    console.error('Error converting PDF to JPEG:', error);
+                    reject(error);
+                    return Promise.reject(error);
+                });
+            }
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+exports.createDocumentThumbnail = createDocumentThumbnail;
+function createThumbnail(file) {
+    return new Promise(function (resolve, reject) {
+        try {
+            const reader = new FileReader();
+            reader.onload = (event) => {
+                let img = new Image();
+                img.onload = function () {
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    canvas.width = MAX_WIDTH;
+                    //to keep aspect ratio
+                    const scaleSize = MAX_WIDTH / img.width;
+                    canvas.height = img.height * scaleSize;
+                    // Draw the canvas
+                    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+                    const thumbnailData = canvas.toDataURL('image/jpeg', 0.5);
+                    // Resolve the Promise with the generated value
+                    resolve(dataURLtoFile(thumbnailData, file));
+                };
+                img.src = event.target.result;
+            };
+            reader.onerror = reject;
+            reader.readAsDataURL(file);
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+exports.createThumbnail = createThumbnail;
+function createVideoThumbnail(fileUrl, file) {
+    return new Promise(function (resolve, reject) {
+        try {
+            const video = document.createElement('video');
+            video.src = fileUrl;
+            video.crossOrigin = '*';
+            if (!isSupportedVideoFormat(file.file.name)) {
+                resolve(dataURLtoFile(exports.videoPlaceholder, file));
+            }
+            else {
+                video.addEventListener('seeked', function () {
+                    const canvas = document.createElement('canvas');
+                    canvas.width = MAX_WIDTH;
+                    //to keep aspect ratio
+                    const scaleSize = MAX_WIDTH / video.videoWidth;
+                    canvas.height = video.videoHeight * scaleSize;
+                    const ctx = canvas.getContext('2d');
+                    // Draw the canvas
+                    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                    const thumbnailUrl = canvas.toDataURL('image/jpeg', 0.5);
+                    // Resolve the Promise with the generated value
+                    resolve(dataURLtoFile(thumbnailUrl, file));
+                });
+            }
+            video.currentTime = 1;
+        }
+        catch (e) {
+            reject(e);
+            console.log(e);
+        }
+    });
+}
+exports.createVideoThumbnail = createVideoThumbnail;

package/lib/cjs/utils/widget.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export declare const actionWidgetTypes: {
+    LOADING_NEXT: string;
+    LOADING_PREVIOUS: string;
+    LOAD_NEXT_SUCCESS: string;
+    LOAD_PREVIOUS_SUCCESS: string;
+    LOAD_NEXT_FAILURE: string;
+    LOAD_PREVIOUS_FAILURE: string;
+    SET_RESULTS: string;
+    SET_VISIBLE_ITEMS: string;
+    RESET: string;
+};
+/**
+ * Manage tools state reducer
+ * @param state
+ * @param action
+ */
+export declare function dataWidgetReducer(state: any, action: any): any;
+/**
+ * Define initial tools state
+ * @param data
+ */
+export declare function stateWidgetInitializer(data: any): any;