@hhgtech/hhg-components 1.29.87 → 1.29.89

package/build/organisms.js

@@ -2,80 +2,85 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-ddc36398.js');
-var index$1 = require('./index-c09c64b7.js');
-var index$2 = require('./index-776f2478.js');
-require('./tslib.es6-d6f7eba3.js');
+var index = require('./index-8a19ce1b.js');
+var index$1 = require('./index-3c593ede.js');
+var index$2 = require('./index-5dbd317c.js');
+var navigationLogoutPopup = require('./navigationLogoutPopup.js');
+var navigationProfileButton = require('./index-5dcd87b7.js');
+var profileNavigation = require('./profileNavigation.js');
+require('./tslib.es6-f3c387c0.js');
 require('react');
-require('./index-34ca22f2.js');
-require('./index-0450bf33.js');
+require('./index-6b7b4292.js');
+require('./index-4bf6b5da.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-ddd1ae54.js');
+require('./index-1a6a94cd.js');
 require('./constantsDomainLocales.js');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
-require('./utils-03c7b063.js');
+require('./index.styles-9031f6d6.js');
+require('./utils-ae9740c0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-743255db.js');
-require('./other-fcf0cbba.js');
-require('./index-538200cd.js');
+require('./index-6b95442c.js');
+require('./other-eedaf6ca.js');
+require('./index-d471ff2d.js');
 require('./miscTheme.js');
-require('./useMantineLocale-8df90961.js');
+require('./useMantineLocale-cc272195.js');
 require('dayjs');
-require('./index-169bae02.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-b64c981f.js');
+require('./index-549b9e8c.js');
+require('./index-e8dc7fdb.js');
 require('classnames');
-require('./useUniqueId-47d33d64.js');
+require('./useUniqueId-621ec272.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-8a458cb4.js');
-require('./routing-90dba95d.js');
-require('./dataTransform-567bc0c2.js');
-require('./index-4c15723a.js');
-require('./logoIcon-bd143b65.js');
-require('./useTranslations-6363932f.js');
-require('./translationsContext-1fe0412c.js');
+require('./normalizeLink-c1b2b407.js');
+require('./routing-7a9c8608.js');
+require('./dataTransform-9ec385e3.js');
+require('./index-526cee72.js');
+require('./logoIcon-f3283bfd.js');
+require('./useTranslations-8a9fa84d.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./constants-970e6cf6.js');
-require('./miscDefaultClassWrapper.js');
-require('./ChevronDown-89002c32.js');
-require('@emotion/react');
-require('./index-418220e9.js');
-require('./index-477ad803.js');
-require('./utils-87deb74b.js');
-require('./index-9a3d05f1.js');
+require('./constants-f5c5e2ae.js');
+require('./index-aad249ab.js');
+require('./utils-251b2841.js');
+require('./index-017f99b2.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./constants-ef1d9e50.js');
-require('./constants-6b5e2780.js');
-require('./index-ffc38f11.js');
-require('./index-8a509409.js');
-require('./useIsInit-3c23a980.js');
+require('./constants-81b95117.js');
+require('./constants-c3b9c9a9.js');
+require('./index-9151d357.js');
+require('./index-cc4ce0c4.js');
+require('./useIsInit-e56642e4.js');
+require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-b502b7a7.js');
-require('./index-1fab78b5.js');
+require('./index-be262a50.js');
+require('./index-c6b0831a.js');
 require('lodash/debounce');
-require('./core-bcde5ba8.js');
-require('./index-ac40492f.js');
-require('./index-212720b1.js');
+require('./core-58a245c5.js');
+require('./index-a76596ef.js');
+require('./index-fbb369ff.js');
+require('./index-a8705384.js');
+require('./ChevronDown-a6775d48.js');
+require('@emotion/react');
 
 
 
-exports.NavigationLogoutPopup = index.NavigationLogoutPopup;
-exports.NavigationProfileButton = index.NavigationProfileButton;
 exports.NavigationV2 = index.NavigationV2;
-exports.ProfileNavigation = index.ProfileNavigation;
 exports.getNavMenuContent = index.getNavMenuContent;
 exports.getNavMenuContentWithCache = index.getNavMenuContentWithCache;
 exports.UserProfileNavigation = index$1.UserProfileNavigation;
 exports.UserProfileNavigationHeader = index$1.NavHeader;
 exports.UserProfileNavigationStats = index$1.UserStats;
 exports.Footer = index$2.Footer;
+exports.NavigationLogoutPopup = navigationLogoutPopup.NavigationLogoutPopup;
+exports.NavigationProfileButton = navigationProfileButton.NavigationProfileButton;
+exports.ProfileNavigation = profileNavigation.ProfileNavigation;

package/build/post-0fec66f4.js

@@ -0,0 +1,303 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var togetherApiPaths = require('./togetherApiPaths.js');
+var togetherComponentGlobalContext = require('./utils-251b2841.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+const EncodeUrlRegexMap = {
+    edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,
+    url: /((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,
+    encodedUrl: /\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,
+    editorMention: /<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,
+    editorFullMention: /<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,
+    savedMention: /\[mention\+id="([^<"]+)"([^\]]*)\]/gim,
+    rawUrl: /^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,
+    optionalProtocol: /^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,
+    encodedUrl2: /<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,
+};
+const BadWordRegex = /<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim;
+const encodePostUrl = (s, sanitizeFunction = (s) => s) => {
+    var _a;
+    return sanitizeFunction((_a = s
+        .replace(/(\&nbsp;)+/g, ' ')
+        .replace(/(\&amp;)+/g, '&')) === null || _a === void 0 ? void 0 : _a.replace(/(\u200c|&zwnj;)+/g, '').replace(EncodeUrlRegexMap.url, (match, p1, p2) => {
+        if (p1 !== '="' && p1 !== 'data-url="true">')
+            return `<a href="${p2}" target="_blank">${p2}</a>`;
+        return match;
+    }).replace(EncodeUrlRegexMap.edit, (match, p1, p2) => {
+        var _a;
+        const cleanUrl = (_a = p1.match(/data-href="([^"]*)"/im)) === null || _a === void 0 ? void 0 : _a[1];
+        if (cleanUrl)
+            return `<a href="${cleanUrl}" target="_blank">${p2}</a>`;
+        return `<a href="${p2}" target="_blank">${p2}</a>`;
+    }));
+};
+const encodeMention = (s) => s.replace(EncodeUrlRegexMap.editorMention, (match, p1, p2) => {
+    return `[mention+id="${p1}"+name="${p2}"]`;
+});
+const getAnchorHtml = ({ url, text, method, }) => {
+    // remove white space before and after link element, put them outside of current tag
+    const trimStartIndex = text.indexOf(text.trimStart());
+    const trimEndIndex = text.trimEnd().length;
+    const preSpaces = text.substring(0, trimStartIndex);
+    const trimmedText = text.substring(trimStartIndex, trimEndIndex);
+    const postSpaces = text.substring(trimEndIndex);
+    if (method === 'edit') {
+        return `${preSpaces}<mocka data-href="${url}" data-url="true">${trimmedText}</mocka>${postSpaces}`;
+    }
+    if (method === 'display') {
+        if (url.startsWith('http://') || url.startsWith('https://')) {
+            return `${preSpaces}<a href="${url}" target="_blank">${trimmedText}</a>${postSpaces}`;
+        }
+    }
+    return text;
+};
+const decodePostUrl = (s, method) => s
+    .replace(EncodeUrlRegexMap.encodedUrl, (match, p1, p2) => {
+    const text = p2 || p1;
+    return getAnchorHtml({
+        text,
+        url: p1,
+        method,
+    });
+})
+    .replace(EncodeUrlRegexMap.encodedUrl2, (match, p1, p2) => {
+    const text = p2 || p1;
+    return getAnchorHtml({
+        text,
+        url: p1,
+        method,
+    });
+});
+const decodeMention = (s, users = []) => s.replace(EncodeUrlRegexMap.savedMention, (match, p1, p2) => {
+    const foundUser = users.find((u) => String(u.id) === p1);
+    if (!foundUser) {
+        if (!p2)
+            return '';
+        let tempName = '';
+        p2.replace(/\+name="([^<"]+)"/i, (m, _p1) => {
+            tempName = _p1;
+            return m;
+        });
+        return `<mention data-id="${p1}" data-name="${tempName}">${tempName}</mention>`;
+    }
+    return `<mention data-id="${p1}" data-name="${foundUser.name}">${foundUser.name}</mention>`;
+});
+const getUrlsFromString = (s) => {
+    const res = [];
+    s.replace(/(\&amp;)+/g, '&').replace(EncodeUrlRegexMap.url, (match, p1, p2) => {
+        if (p1 !== '="' && p1 !== 'data-url="true">') {
+            res.push(p2);
+        }
+        return match;
+    });
+    return res;
+};
+const LIMIT_MENTION = 30;
+const getMentionIdsFromString = (s, disableLimit) => {
+    const res = [];
+    s.replace(EncodeUrlRegexMap.editorMention, (match, p1) => {
+        res.push(p1);
+        return match;
+    }).replace(EncodeUrlRegexMap.savedMention, (match, p1) => {
+        res.push(p1);
+        return match;
+    });
+    if (!disableLimit) {
+        return Array.from(new Set(res)).slice(0, LIMIT_MENTION);
+    }
+    return res;
+};
+const getUrlsFromEditorString = (s) => {
+    var _a;
+    return [
+        ...getUrlsFromString(s),
+        ...(((_a = s.match(EncodeUrlRegexMap.edit)) === null || _a === void 0 ? void 0 : _a.map((s) => {
+            var _a, _b;
+            const cleanUrl = (_a = s.match(/data-href="([^"]*)"/im)) === null || _a === void 0 ? void 0 : _a[1];
+            const text = (_b = s.match(/>(.*?)<\/mocka>/im)) === null || _b === void 0 ? void 0 : _b[1];
+            return cleanUrl || text;
+        })) || []),
+    ].filter((s) => !!s);
+};
+const escapeRegExp = (string) => {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+};
+const wrapAnchorAroundUrls = (s) => {
+    var _a, _b;
+    return (_b = (_a = s
+        .replace(/(\&nbsp;)+/g, ' ')) === null || _a === void 0 ? void 0 : _a.replace(/(\u200c|&zwnj;)+/g, '')) === null || _b === void 0 ? void 0 : _b.replace(EncodeUrlRegexMap.edit, (match, p1, p2) => {
+        var _a;
+        const cleanUrl = (_a = p1.match(/data-href="([^"]*)"/im)) === null || _a === void 0 ? void 0 : _a[1];
+        if (!cleanUrl || cleanUrl === p2 || p2.match(EncodeUrlRegexMap.rawUrl))
+            return p2;
+        if (cleanUrl)
+            return `<a href="${cleanUrl}">${p2}</a>`;
+        return `<a href="${p2}">${p2}</a>`;
+    }).replace(EncodeUrlRegexMap.url, (match, p1, p2) => {
+        if (p1 !== '="' && p1 !== 'data-url="true">') {
+            const lowercase = p2.toLowerCase();
+            const addHttps = !lowercase.startsWith('http') ? ' https://' : '';
+            const url = `${addHttps}${lowercase}`;
+            return getAnchorHtml({
+                text: url,
+                url: url,
+                method: 'edit',
+            });
+        }
+        return match;
+    }).replace(EncodeUrlRegexMap.encodedUrl2, (match, p1, p2) => {
+        const text = p2 || p1;
+        return getAnchorHtml({
+            text: text,
+            url: p1,
+            method: 'edit',
+        });
+    });
+};
+const removeEdittedBannedWord = (s) => s.replace(BadWordRegex, (s, m1) => {
+    const w = document.createElement('div');
+    w.innerHTML = s;
+    const child = w.firstChild;
+    if ((child === null || child === void 0 ? void 0 : child.innerText) !== (child === null || child === void 0 ? void 0 : child.getAttribute('data-bad-word')))
+        return m1;
+    else
+        return s;
+});
+const removeBannedWordWrapper = (s) => s.replace(BadWordRegex, '$1');
+const removeFontFormat = (s) => s.replace(/<font [^\>]*>(.+)<\/font>/gim, (s, m1) => {
+    return m1.replace(/<u[^\>]*>(.+)<\/u>/gim, '$1');
+});
+const encodePostContent = (s, sanitizeFunction = (s) => s) => encodePostUrl(encodeMention(removeBannedWordWrapper(s)), sanitizeFunction);
+const ALLOW_DOMAIN_URL = [
+    'hellobacsi.com',
+    'hellosehat.com',
+    'hellodoktor.com',
+    'hellokrupet.com',
+    'hellodoctor.com.ph',
+    'hellokhunmor.com',
+    'hellosayarwon.com',
+    'helloyishi.com.tw',
+    'helloswasthya.com',
+    'marrybaby.vn',
+];
+const reformatUrl = (s) => {
+    if (s.match(EncodeUrlRegexMap.optionalProtocol)) {
+        if (s.startsWith('https://') || s.startsWith('http://'))
+            return s;
+        else
+            return `https://${s}`;
+    }
+    return '';
+};
+const highlightBadWords = (text, bannedWords) => {
+    const filteredBanedWords = bannedWords.filter(Boolean);
+    if (text && filteredBanedWords.length > 0) {
+        const submitTitle = removeBannedWordWrapper(text);
+        return submitTitle.replace(new RegExp(`\\b(${filteredBanedWords
+            .map((banned) => escapeRegExp(banned))
+            .join('|')})\\b`, 'gi'), (s, m1) => {
+            const escape = document.createElement('mocka');
+            escape.setAttribute('data-bad-word', m1);
+            escape.setAttribute('data-error', 'true');
+            escape.innerText = m1;
+            return `${escape.outerHTML}`;
+        });
+    }
+    return text;
+};
+const fixMalformedMention = (text) => {
+    return text.replace(EncodeUrlRegexMap.editorFullMention, (match, id, originalName, nameText) => {
+        if (nameText !== originalName) {
+            // fix logic here
+            const splittedName = originalName.split(' ');
+            const cutoffIndex = splittedName.findIndex((_, index) => {
+                const nameSection = splittedName.slice(0, index + 1).join(' ');
+                if (nameText.startsWith(nameSection)) {
+                    return false;
+                }
+                return true;
+            });
+            if (cutoffIndex === 0)
+                return `@${nameText}`;
+            else {
+                const nameSection = (cutoffIndex < 0 ? splittedName : splittedName.slice(0, cutoffIndex)).join(' ');
+                const restText = nameText.slice(nameSection.length).trim();
+                console.log(cutoffIndex, nameSection, restText);
+                return `<mention data-id="${id}" data-name="${nameSection}">${nameSection}</mention> ${restText} `;
+            }
+        }
+        return match;
+    });
+};
+// CREDIT: https://regexr.com/3nsop
+const youtubeVidIdGetter = (url) => {
+    var _a;
+    if (!url.includes('youtu'))
+        return '';
+    const regex = /(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim;
+    return ((_a = regex.exec(url)) === null || _a === void 0 ? void 0 : _a[3]) || '';
+};
+const uploadAndGetSrc = (file, locale, isAdmin) => typeof file === 'string'
+    ? Promise.resolve(file)
+    : (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const imageFormData = new FormData();
+        if (file.type.startsWith('image/gif')) {
+            imageFormData.append('image', file);
+        }
+        else {
+            const imageCompression = yield Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('browser-image-compression')); });
+            const compressed = yield imageCompression.default(file, {
+                maxSizeMB: 0.4,
+                maxWidthOrHeight: 1536,
+                useWebWorker: true,
+            });
+            imageFormData.append('image', compressed);
+        }
+        const callApiFunction = isAdmin ? togetherComponentGlobalContext.callApiWithAdminAuth : togetherComponentGlobalContext.callApiWithAuth;
+        const imageRes = yield callApiFunction(togetherComponentGlobalContext.getApiPath(isAdmin
+            ? togetherApiPaths.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD
+            : togetherApiPaths.PATHS.COMMENT.IMAGE_UPLOAD, {
+            _locale: locale,
+        }), 'POST', {
+            data: imageFormData,
+        });
+        return ((_a = imageRes === null || imageRes === void 0 ? void 0 : imageRes.data) === null || _a === void 0 ? void 0 : _a.image) || '';
+    }))();
+
+exports.ALLOW_DOMAIN_URL = ALLOW_DOMAIN_URL;
+exports.LIMIT_MENTION = LIMIT_MENTION;
+exports.decodeMention = decodeMention;
+exports.decodePostUrl = decodePostUrl;
+exports.encodePostContent = encodePostContent;
+exports.escapeRegExp = escapeRegExp;
+exports.fixMalformedMention = fixMalformedMention;
+exports.getMentionIdsFromString = getMentionIdsFromString;
+exports.getUrlsFromEditorString = getUrlsFromEditorString;
+exports.highlightBadWords = highlightBadWords;
+exports.reformatUrl = reformatUrl;
+exports.removeBannedWordWrapper = removeBannedWordWrapper;
+exports.removeEdittedBannedWord = removeEdittedBannedWord;
+exports.removeFontFormat = removeFontFormat;
+exports.uploadAndGetSrc = uploadAndGetSrc;
+exports.wrapAnchorAroundUrls = wrapAnchorAroundUrls;
+exports.youtubeVidIdGetter = youtubeVidIdGetter;