@hhgtech/hhg-components 1.29.81 → 1.29.82

package/build/treePopoverMenu-c0cb395f.js

@@ -0,0 +1,343 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var React = require('react');
+var other = require('@hhgtech/icons/other');
+var useTranslations = require('./useTranslations-685f989b.js');
+var index$1 = require('./index-10760994.js');
+require('./index-dff7ee1b.js');
+var core = require('@mantine/core');
+require('@mantine/dates');
+var index$2 = require('./index-e3bbd009.js');
+var index$3 = require('./index-1f3fc2e3.js');
+require('./index-64d8db08.js');
+require('./useMantineLocale-0d63dfea.js');
+var index = require('./index-1fdf2f01.js');
+require('./index-3eb666e6.js');
+var theme = require('./theme-be20929b.js');
+require('@mantine/hooks');
+var utils = require('./utils-15a9772e.js');
+var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
+var number = require('./number-dddf656c.js');
+var dateFns = require('date-fns');
+var styled = require('@emotion/styled');
+var index$5 = require('./index-54aeefca.js');
+var index$4 = require('./index-4cdcdbbe.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const CardReactionsContext = React.createContext({});
+
+var styles$1 = {"wrapper":"vvR-m49"};
+
+const LikeWrapper = (_a) => {
+    var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
+    const { isReplied, trackingCategory, trackingLabel, onLikeClick } = React.useContext(CardReactionsContext);
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: `${styles$1.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": isReplied ? 'Like Comment Click' : 'Like Post Click', "data-event-label": trackingLabel }, boxProps, { onClick: () => {
+            onLikeClick === null || onLikeClick === void 0 ? void 0 : onLikeClick();
+        } }), children));
+};
+const ShareWrapper = (_a) => {
+    var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
+    const { trackingCategory, trackingLabel, onShareClick } = React.useContext(CardReactionsContext);
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: `${styles$1.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": "Share Icon Click", "data-event-label": trackingLabel }, boxProps, { onClick: () => {
+            onShareClick === null || onShareClick === void 0 ? void 0 : onShareClick();
+        } }), children));
+};
+const CommentWrapper = (_a) => {
+    var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
+    const { isReplied, trackingCategory, trackingLabel, onCommentClick } = React.useContext(CardReactionsContext);
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: `${styles$1.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": isReplied ? 'Reply Comment Click' : 'Comment Text Click', "data-event-label": trackingLabel }, boxProps, { onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onCommentClick === null || onCommentClick === void 0 ? void 0 : onCommentClick();
+        } }), children));
+};
+
+var styles = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh"};
+
+exports.CardReactionType = void 0;
+(function (CardReactionType) {
+    CardReactionType[CardReactionType["post"] = 1] = "post";
+    CardReactionType[CardReactionType["reply"] = 2] = "reply";
+})(exports.CardReactionType || (exports.CardReactionType = {}));
+const CardReactions = (_a) => {
+    var { type, viewCount, loveCount = 0, replyCount = 0, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasCountLike = true, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = tslib_es6.__rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "onCommentClick", "onLikeClick", "onShareClick", "className", "style", "hideCommentIcon", "showingMostEngaging", "isMarryBaby", "hasShare", "hasCountLike", "trackingCategory", "trackingLabel", "children"]);
+    const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const isMarryBaby = Boolean(isMarryBabyInit)
+        ? isMarryBabyInit
+        : isMarryBabyEnv;
+    const { t } = useTranslations.useTranslations();
+    // /api/v1/auth/post?post_slug=test-post-title-3607&website_url={{website_url}}
+    return (React__default["default"].createElement(CardReactionsContext.Provider, { value: {
+            liked,
+            loveCount,
+            trackingCategory,
+            trackingLabel,
+            isReplied,
+            onLikeClick,
+            onShareClick,
+            onCommentClick,
+        } }, children || (React__default["default"].createElement("div", Object.assign({ className: `${styles.wrapper} ${className}`, "data-show-most-engaging": showingMostEngaging, "data-type": type === exports.CardReactionType.post ? 'post' : 'reply', "data-reply-padding": type === exports.CardReactionType.reply && replyPadding, "data-is-marrybaby": isMarryBaby, style: style }, rest),
+        React__default["default"].createElement("div", { className: styles.inner },
+            React__default["default"].createElement("div", { className: styles.column },
+                React__default["default"].createElement(LikeWrapper, { className: styles.clickableIcon },
+                    React__default["default"].createElement(index.Text, { className: styles.iconTxt, size: "p3", as: "div" },
+                        React__default["default"].createElement(other.Heart, { className: "txt-icon", isMarryBaby: isMarryBaby, isSolid: liked, color: liked
+                                ? isMarryBaby
+                                    ? theme.theme.mbColors.pink
+                                    : theme.theme.colors.red800
+                                : '#737373' }),
+                        hasCountLike && (React__default["default"].createElement("div", { className: styles.count }, loveCount)))),
+                hasShare && (React__default["default"].createElement(ShareWrapper, { className: styles.clickableIcon },
+                    React__default["default"].createElement(index.Text, { size: "p3", className: styles.iconTxt, as: "div" },
+                        React__default["default"].createElement(index$1.Icon.Share, { isMarryBaby: isMarryBaby })))),
+                typeof viewCount !== 'undefined' && (React__default["default"].createElement(index.Text, { size: "p3", className: styles.iconTxt, as: "div" },
+                    React__default["default"].createElement(index$1.Icon.Eye, { isMarryBaby: isMarryBaby }),
+                    React__default["default"].createElement("div", { className: styles.count }, number.abbreviateNumber(viewCount))))),
+            !hideCommentIcon && (React__default["default"].createElement(CommentWrapper, { className: styles.clickableIcon },
+                React__default["default"].createElement(index.Text, { size: "p3", className: styles.iconTxt, as: "div" },
+                    isReplied ? (React__default["default"].createElement(other.Reply, { className: "txt-icon" })) : (React__default["default"].createElement(other.Comment, { className: "txt-icon", isMarryBaby: isMarryBaby })),
+                    isReplied ? (t('cardReactions.reply')) : (React__default["default"].createElement("div", { className: styles.count }, t('post.commentCount', {
+                        count: replyCount,
+                    })))))))))));
+};
+CardReactions.LikeWrapper = LikeWrapper;
+CardReactions.ShareWrapper = ShareWrapper;
+CardReactions.CommentWrapper = CommentWrapper;
+
+const useStyles = core.createStyles((theme) => ({
+    wrapper: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        width: '100%',
+        padding: '0.5rem 0',
+        gap: '0.5rem',
+    },
+    item: {
+        position: 'relative',
+        whiteSpace: 'nowrap',
+        padding: '5px 12px',
+        // border: '1px solid #e4e8ec',
+        background: theme.colors.gray[0],
+        borderRadius: '2rem',
+        cursor: 'pointer',
+        '-webkit-user-drag': 'none',
+        userSelect: 'none',
+        textDecoration: 'none',
+        '*': {
+            pointerEvents: 'none',
+        },
+        '&:first-child': {
+            marginLeft: 0,
+        },
+    },
+    text: {},
+}));
+const TagTopic = (_a) => {
+    var { topics = [], onClick, className, style, trackingCategory = 'Together', locale = 'vi-VN', classNames, styles, unstyled, shortenedNumber = 3, shortenedStyle } = _a, rest = tslib_es6.__rest(_a, ["topics", "onClick", "className", "style", "trackingCategory", "locale", "classNames", "styles", "unstyled", "shortenedNumber", "shortenedStyle"]);
+    const { t } = useTranslations.useTranslations();
+    const { classes } = useStyles(undefined, {
+        name: 'TagTopic',
+        classNames,
+        styles,
+        unstyled,
+    });
+    const { data: { env: { togetherBasePath }, }, action: { sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const [showAll, setShowAll] = React.useState(!shortenedStyle);
+    return (React__default["default"].createElement("div", Object.assign({ onClick: onClick, className: `${classes.wrapper} ${className}`, style: style }, rest),
+        (showAll ? topics : topics.slice(0, shortenedNumber)).map((topic, index$1) => {
+            const isMonthTopic = (topic === null || topic === void 0 ? void 0 : topic.dueDateMonth) &&
+                (topic === null || topic === void 0 ? void 0 : topic.dueDateMonth) !== 0 &&
+                (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) &&
+                (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) !== 0;
+            return (React__default["default"].createElement("a", { className: classes.item, key: index$1, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${togetherComponentGlobalContext.getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
+                    ? `${togetherBasePath}${topic.url}/`
+                    : undefined },
+                React__default["default"].createElement(index.Text, { size: "p4" },
+                    React__default["default"].createElement("span", { style: Object.assign({}, (isMonthTopic && {
+                            textTransform: 'capitalize',
+                        })), dangerouslySetInnerHTML: {
+                            __html: isMonthTopic
+                                ? `${dateFns.format(new Date(2020, Number(topic.dueDateMonth) - 1, 1), 'MMMM', {
+                                    locale: index$2.DATE_FNS_LOCALE[locale],
+                                })}${locale === index$3.LOCALE.Vietnam ? '/' : ' '}${topic === null || topic === void 0 ? void 0 : topic.dueDateYear}`
+                                : (sanitizeFunction === null || sanitizeFunction === void 0 ? void 0 : sanitizeFunction(topic.name)) || topic.name,
+                        } }))));
+        }),
+        !showAll && topics.length > shortenedNumber && (React__default["default"].createElement("a", { className: classes.item, href: "#", onClick: (e) => {
+                e.preventDefault();
+                setShowAll(true);
+            } },
+            React__default["default"].createElement(index.Text, { size: "p4" },
+                "+",
+                t('tagTopic.moreTopics', {
+                    number: topics.length - shortenedNumber,
+                }))))));
+};
+
+const StyledLabelSortPin = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  cursor: pointer;
+  &[data-color='gray'] {
+    background: ${theme.theme.colors.neutral50};
+  }
+  &[data-color='white'] {
+    border-bottom: 1px solid #e4e8ec;
+    background: ${theme.theme.colors.white};
+  }
+
+  .popover-menu__btn {
+    display: flex;
+    min-width: 2rem;
+    height: 2rem;
+    align-items: center;
+    padding: 8px 0 !important;
+    border: none;
+    margin-left: 0.5rem;
+    background: transparent;
+    > span {
+      display: flex;
+      align-items: center;
+    }
+
+    &:hover {
+      background: transparent !important;
+    }
+  }
+
+  &.label-pinned {
+    border-radius: ${theme.theme.borderRadius} 6px 0 0;
+    .label-sort-pin-icon {
+      width: 16px;
+      height: 16px;
+      vertical-align: middle;
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    padding: 0.75rem 1rem;
+    border-radius: 16px 16px 0px 0px;
+    &[data-color='white'] {
+      border-bottom: none;
+    }
+    &[data-color='gray'] {
+      background: #f3f3f3;
+    }
+    .popover-menu__btn {
+      width: unset;
+    }
+
+    &.label-pinned {
+      border-bottom: none;
+      background: #fff9eb;
+      border-radius: 1rem 1rem 0 0;
+      .label-sort-pin-icon {
+        margin-right: 8px;
+      }
+      .label-sort-pin-heading {
+        color: #fb8c00;
+      }
+    }
+    &.label-sorting {
+      ${utils.MediaQueries.tdUp} {
+        padding-bottom: 1.5rem;
+        margin-bottom: -0.75rem;
+      }
+    }
+  }
+`;
+
+const LabelSortPin = ({ label, rightLabel, onClick, color, className, style, }) => {
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    return (React__default["default"].createElement(StyledLabelSortPin, { "data-is-marrybaby": isMarryBaby, "data-color": color, onClick: onClick, className: className, style: style },
+        React__default["default"].createElement(index.Text, { className: "label-sort-pin-heading", size: isMarryBaby ? 'p4' : 'p3', weight: "bold" }, label),
+        rightLabel));
+};
+
+var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.5 20 4.37-4.37'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 11.294a1 1 0 0 0 0 1.414l2.918 2.918 2.918 2.918a1 1 0 0 0 1.414 0l1.175-1.175a1 1 0 0 0 .293-.707v-3.936l2.9-2.9 2.31.123c.282.015.56-.091.76-.291l.573-.574a1 1 0 0 0 0-1.414l-4.386-4.386a1 1 0 0 0-1.414 0l-.574.574a1 1 0 0 0-.29.76l.122 2.309-2.9 2.9H6.838a1 1 0 0 0-.707.293z' clip-rule='evenodd'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m16.57 9.83-2.9-2.9'/%3e%3c/svg%3e";
+var MBPinOrange = img$4;
+
+var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23FEA21E' stroke-linecap='round' d='m7.186 7.682-3.504 6.132'/%3e%3cpath fill='%23FEA21E' stroke='%23FEA21E' stroke-linejoin='round' stroke-width='.5' d='M3.246 7.784a.25.25 0 0 0 .091.342l5.447 3.145a.25.25 0 0 0 .342-.092 3.39 3.39 0 0 0 .11-3.186l1.622-2.808a2.66 2.66 0 0 0 1.606-1.239.25.25 0 0 0-.092-.341l-4.19-2.42a.25.25 0 0 0-.341.092 2.66 2.66 0 0 0-.27 2.01L5.949 6.095a3.39 3.39 0 0 0-2.703 1.69Z'/%3e%3c/svg%3e";
+var IconPinYellow = img$3;
+
+const LabelPin = ({ onClick, color, className, style }) => {
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const { t } = useTranslations.useTranslations();
+    return (React__default["default"].createElement(LabelSortPin, { label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            isMarryBaby && (React__default["default"].createElement("img", { className: "label-sort-pin-icon", src: MBPinOrange, loading: "lazy" })),
+            ' ',
+            t('label.pinnedPost')), rightLabel: !isMarryBaby && (React__default["default"].createElement("img", { className: "label-sort-pin-icon", src: IconPinYellow, loading: "lazy" })), onClick: onClick, color: 'white' , className: `label-pinned ${className}`, style: style }));
+};
+
+var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%238C8C8C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 4 6 11.333 2.667 8'/%3e%3c/svg%3e";
+var IconCheckGray = img$2;
+
+var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m15 18-6-6 6-6'/%3e%3c/svg%3e";
+var IconChevronLeftDark = img$1;
+
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e";
+var IconChevronRightDark = img;
+
+const TreePopoverMenu = (_a) => {
+    var { data } = _a, popoverProps = tslib_es6.__rest(_a, ["data"]);
+    return (React__default["default"].createElement(index$4.PopoverMenu, Object.assign({}, popoverProps), ({ setShow }) => React__default["default"].createElement(Tree, { data: data, setShow: setShow })));
+};
+const getCurrentDataFromPath = (data, path) => {
+    const pathItems = path.split('.');
+    let currentData = data;
+    pathItems.forEach((pathItem) => {
+        var _a, _b;
+        if (!pathItem || !currentData || (currentData === null || currentData === void 0 ? void 0 : currentData.type) !== 'list')
+            return;
+        currentData = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.list) === null || _a === void 0 ? void 0 : _a[Number(pathItem)]) === null || _b === void 0 ? void 0 : _b.subTree;
+    });
+    return currentData;
+};
+const Tree = ({ data, setShow }) => {
+    var _a;
+    const [path, setPath] = React.useState('');
+    const currentData = React.useMemo(() => data && getCurrentDataFromPath(data, path), [data, path]);
+    if (!data)
+        return null;
+    if (!currentData)
+        return null;
+    const handleItemClick = (index, { subTree, onClick = () => null }) => {
+        if (onClick)
+            onClick();
+        if (!subTree)
+            setShow && setShow(false);
+        else
+            setPath((p) => p.split('.').concat(String(index)).join('.'));
+    };
+    return (React__default["default"].createElement(index$4.StyledTree, null,
+        currentData.isShowheader ? (React__default["default"].createElement("div", { className: "__header" },
+            path ? (React__default["default"].createElement("img", { className: "__back-btn", src: IconChevronLeftDark, onClick: () => setPath((p) => p.split('.').slice(0, -1).join('.')), loading: "lazy" })) : null,
+            currentData.title ? (React__default["default"].createElement(index$5.Heading, { className: "__title", tag: "h6" }, currentData.title)) : null)) : null,
+        currentData.description ? (React__default["default"].createElement(index.Text, { className: "tree-text-description", color: theme.theme.colors.gray600, size: "p3", weight: "regular" }, currentData.description)) : null,
+        React__default["default"].createElement("div", { className: "__content" },
+            currentData.type === 'jsx'
+                ? (_a = currentData === null || currentData === void 0 ? void 0 : currentData.jsxRenderer) === null || _a === void 0 ? void 0 : _a.call(currentData, setShow)
+                : null,
+            currentData.type === 'list' ? (React__default["default"].createElement("ul", { className: "__list" }, Array.isArray(currentData.list)
+                ? currentData.list.map((item, index) => (React__default["default"].createElement("li", { key: index, style: item.style, className: `__item ${item.className}` },
+                    ' ',
+                    React__default["default"].createElement("div", { className: `__btn ${item.selected ? '--checked' : ''}`, onClick: () => handleItemClick(index, item), "data-event-category": item.dataEventCategory, "data-event-action": item.dataEventAction, "data-event-label": item.dataEventLabel },
+                        item.icon && (React__default["default"].createElement("img", { className: "__icon", src: item.icon, loading: "lazy" })),
+                        React__default["default"].createElement("span", null, item.label)),
+                    item.subTree ? (React__default["default"].createElement("img", { className: "__toggle", src: IconChevronRightDark, loading: "lazy" })) : null,
+                    item.selected ? (React__default["default"].createElement("img", { className: "__toggle", src: IconCheckGray, loading: "lazy" })) : null)))
+                : null)) : null)));
+};
+
+exports.CardReactions = CardReactions;
+exports.LabelPin = LabelPin;
+exports.LabelSortPin = LabelSortPin;
+exports.TagTopic = TagTopic;
+exports.TreePopoverMenu = TreePopoverMenu;

package/build/{types-4ba4268f.js → types-8d9c5f21.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 var react = require('@emotion/react');
-var useTranslations = require('./useTranslations-200168a3.js');
+var useTranslations = require('./useTranslations-685f989b.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-936f45e9.js');
+var constants = require('./constants-8743b014.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-dd1392e3.js');
-var index$2 = require('./index-d34cd464.js');
-var theme = require('./theme-e4f7f487.js');
+var index$1 = require('./index-7953fb8e.js');
+var index$2 = require('./index-1fdf2f01.js');
+var theme = require('./theme-be20929b.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-e579e1ac.js');
-var utils = require('./utils-524bda7c.js');
+var useOutsideClick = require('./useOutsideClick-d95a32b6.js');
+var utils = require('./utils-15a9772e.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-e0bbfce7.js');
+var paths = require('./paths-7da79c64.js');
 var core = require('@mantine/core');
-var index = require('./index-a86ea1b6.js');
-var cookieHelper = require('./cookieHelper-17491ce8.js');
-var index$3 = require('./index-ba3797bb.js');
+var index = require('./index-e3bbd009.js');
+var cookieHelper = require('./cookieHelper-86ae022e.js');
+var index$3 = require('./index-6fdcd09d.js');
 var core$1 = require('@hhgtech/icons/core');
-var ChevronDown = require('./ChevronDown-f7e25d61.js');
+var ChevronDown = require('./ChevronDown-2fd86d66.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/types-b25ffde0.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+exports.types = types;

package/build/types.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-df5cd44b.js');
+var index = require('./index-1f3fc2e3.js');
 
 
 

package/build/{useCategory-e2c91f59.js → useCategory-b695fd3a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
-var cookieHelper = require('./cookieHelper-17491ce8.js');
-var useUniqueId = require('./useUniqueId-8929fe5f.js');
-var index = require('./index-df5cd44b.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+var cookieHelper = require('./cookieHelper-86ae022e.js');
+var useUniqueId = require('./useUniqueId-1af8848e.js');
+var index = require('./index-1f3fc2e3.js');
+var useTranslations = require('./useTranslations-685f989b.js');
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/{useHealthToolCache-2a53367b.js → useHealthToolCache-048807ea.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
-var getDynamicHealthTool = require('./getDynamicHealthTool-2a92e1a5.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-f08b5fab.js');
 
 const useHealthToolsCache = (locale) => {
     const [allTools, setAllTools] = React.useState([]);

package/build/{useMantineLocale-a4f0c61d.js → useMantineLocale-0d63dfea.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var utils = require('./utils-524bda7c.js');
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var utils = require('./utils-15a9772e.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index = require('./index-df5cd44b.js');
+var index = require('./index-1f3fc2e3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{usePlacesAutocomplete-c76d0caf.js → usePlacesAutocomplete-9520e525.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/useTogetherAuthRequiredAction.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cookieHelper = require('./cookieHelper-86ae022e.js');
+var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
+var constants = require('./constants-a78fa8b3.js');
+require('./tslib.es6-bd3f8718.js');
+require('./index-82c85f9d.js');
+require('slugify');
+require('./index-e3bbd009.js');
+require('date-fns/locale');
+require('./index-1f3fc2e3.js');
+require('./isProduction-20cd663d.js');
+require('string-format');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const TogetherAuthConfigContext = React.createContext({});
+const TogetherAuthConfigContextProvider = ({ children, defaultParams, }) => {
+    return (React__default["default"].createElement(TogetherAuthConfigContext.Provider, { value: {
+            defaultParams,
+        } }, children));
+};
+const useTogetherAuthRequiredAction = (propsParams) => {
+    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const { defaultParams } = React.useContext(TogetherAuthConfigContext) || {};
+    const isLoggedIn = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id;
+    const isFirstInteract = userInfo &&
+        typeof userInfo.communities_interacted === 'number' &&
+        userInfo.communities_interacted === 0;
+    const authActionWrapper = (func, extraParams) => {
+        const params = Object.assign(Object.assign(Object.assign({}, defaultParams), propsParams), extraParams);
+        if (!isLoggedIn || isFirstInteract) {
+            if (!isLoggedIn) {
+                cookieHelper.deleteCookie(constants.BEARER_TOKEN_COOKIE);
+            }
+            if (params === null || params === void 0 ? void 0 : params._joinCommunityIds) {
+                localStorage.setItem('to_join_community_ids', JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem('to_join_community_ids') || '[]') || [])
+                    .concat(params._joinCommunityIds)
+                    .filter(Boolean)))));
+                params === null || params === void 0 ? true : delete params._joinCommunityIds;
+            }
+            if (params === null || params === void 0 ? void 0 : params._joinTopicIds) {
+                localStorage.setItem('to_join_topic_ids', JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem('to_join_topic_ids') || '[]') || [])
+                    .concat(params._joinTopicIds)
+                    .filter(Boolean)))));
+                params === null || params === void 0 ? true : delete params._joinTopicIds;
+            }
+            const currentLocation = (params === null || params === void 0 ? void 0 : params._location) || window.location.href;
+            params === null || params === void 0 ? true : delete params._location;
+            window.location.href = togetherComponentGlobalContext.getUrlToSignUp(currentLocation, params, togetherBasePath);
+            return null;
+        }
+        else {
+            return func && func();
+        }
+    };
+    return {
+        authActionWrapper,
+        params: Object.assign(Object.assign({}, defaultParams), propsParams),
+    };
+};
+
+exports.TogetherAuthConfigContext = TogetherAuthConfigContext;
+exports.TogetherAuthConfigContextProvider = TogetherAuthConfigContextProvider;
+exports.useTogetherAuthRequiredAction = useTogetherAuthRequiredAction;

package/build/{useTranslations-200168a3.js → useTranslations-685f989b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-39528d2f.js');
+var translationsContext = require('./translationsContext-00fdb62e.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{utils-95d9832e.js → utils-169c6a7d.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
-var index = require('./index-e0bf03ac.js');
-var cookieHelper = require('./cookieHelper-17491ce8.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var index = require('./index-82c85f9d.js');
+var cookieHelper = require('./cookieHelper-86ae022e.js');
 var slugify = require('slugify');
-require('./index-a86ea1b6.js');
+require('./index-e3bbd009.js');
 var formatString = require('string-format');
 var React = require('react');
-var constants = require('./constants-513a9a41.js');
-var isProduction = require('./isProduction-aa963bf9.js');
+var constants = require('./constants-a78fa8b3.js');
+var isProduction = require('./isProduction-20cd663d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-af695515.js → utils-1a00c0f8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-df5cd44b.js');
+var index = require('./index-1f3fc2e3.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/vaccination.js

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-05f106c2.js');
+var index$2 = require('./index-dff7ee1b.js');
 require('@mantine/dates');
-require('./index-a86ea1b6.js');
-var index$4 = require('./index-df5cd44b.js');
-require('./index-1efa7d84.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index$1 = require('./index-d34cd464.js');
-var index = require('./index-a7de42d1.js');
-var theme = require('./theme-e4f7f487.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+require('./index-e3bbd009.js');
+var index$4 = require('./index-1f3fc2e3.js');
+require('./index-64d8db08.js');
+require('./useMantineLocale-0d63dfea.js');
+var index$1 = require('./index-1fdf2f01.js');
+var index = require('./index-3eb666e6.js');
+var theme = require('./theme-be20929b.js');
+var useTranslations = require('./useTranslations-685f989b.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-524bda7c.js');
+var utils = require('./utils-15a9772e.js');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-bba97c2e.js');
-require('./translationsContext-39528d2f.js');
+var index$3 = require('./index-2de1eb4a.js');
+require('./translationsContext-00fdb62e.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-264eeddd.js');
+var index$5 = require('./index-405faafa.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$7 = require('./index-6bc3f8c3.js');
-var index$6 = require('./index-4af08ec2.js');
+var index$7 = require('./index-0b727664.js');
+var index$6 = require('./index-54aeefca.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-1af8848e.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-aa963bf9.js');
+require('./isProduction-20cd663d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.81",
+  "version": "1.29.82",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [