@selfcommunity/react-ui 0.7.0-alpha.1 → 0.7.0-alpha.11

package/lib/esm/components/Composer/Poll/Poll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCFeedWidgetType } from '../../../types/feed';
 import { SCPollType } from '@selfcommunity/types';
 export interface PollProps {

package/lib/esm/components/Composer/Poll/Poll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Poll.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Poll/Poll.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAmB,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAmElE,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE3B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;kCAEwB,SAAS,KAAG,WAAW;AAAhD,wBAiJE"}
+{"version":3,"file":"Poll.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Poll/Poll.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAmB,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAmElE,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE3B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;kCAEwB,SAAS,KAAG,WAAW;AAAhD,wBAiJE"}

package/lib/esm/components/Composer/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * > API documentation for the Community-JS Composer Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/Composer/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Composer/Skeleton.tsx"],"names":[],"mappings":";AAkEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAuBtD"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Composer/Skeleton.tsx"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,GAAG,CAAC,OAAO,CAuBtD"}

package/lib/esm/components/ConnectionUserButton/ConnectionUserButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCUserType } from '@selfcommunity/types';
 import { FollowUserButtonProps } from '../FollowUserButton';
 import { FriendshipButtonProps } from '../FriendshipUserButton';

package/lib/esm/components/ConnectionUserButton/ConnectionUserButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionUserButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConnectionUserButton/ConnectionUserButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAC5E,OAA6B,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAepF,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IAE7E;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAuB5F"}
+{"version":3,"file":"ConnectionUserButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConnectionUserButton/ConnectionUserButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAC5E,OAA6B,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAepF,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IAE7E;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAuB5F"}

package/lib/esm/components/ConsentSolution/ConsentSolution.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DialogProps } from '@mui/material';
 export interface ConsentSolutionProps extends Pick<DialogProps, Exclude<keyof DialogProps, 'open'>> {
     /**

package/lib/esm/components/ConsentSolution/ConsentSolution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsentSolution.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolution/ConsentSolution.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA0B,WAAW,EAA0C,MAAM,eAAe,CAAC;AAuK5G,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC;IACjG;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAcD;;GAEG;AACH,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA8gBlF"}
+{"version":3,"file":"ConsentSolution.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolution/ConsentSolution.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,WAAW,EAA0C,MAAM,eAAe,CAAC;AAuK5G,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC;IACjG;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAcD;;GAEG;AACH,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,cAAc,cAAc,CAAC;AAC1C,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA8gBlF"}

package/lib/esm/components/ConsentSolution/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * > API documentation for the Community-JS ConsentSolution Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/ConsentSolution/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolution/Skeleton.tsx"],"names":[],"mappings":";AA+CA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CA8B7D"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolution/Skeleton.tsx"],"names":[],"mappings":"AA+CA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CA8B7D"}

package/lib/esm/components/ConsentSolutionButton/ConsentSolutionButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConsentSolutionProps } from '../ConsentSolution';
 import { ButtonProps } from '@mui/material/Button/Button';
 export interface ConsentSolutionButtonProps extends ButtonProps {

package/lib/esm/components/ConsentSolutionButton/ConsentSolutionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsentSolutionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolutionButton/ConsentSolutionButton.tsx"],"names":[],"mappings":";AAIA,OAAwB,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAIzE,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAcxD,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAE5C;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,OAAO,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CA0C9F"}
+{"version":3,"file":"ConsentSolutionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ConsentSolutionButton/ConsentSolutionButton.tsx"],"names":[],"mappings":"AAIA,OAAwB,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAIzE,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAcxD,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAE5C;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,OAAO,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CA0C9F"}

package/lib/esm/components/CustomAdv/CustomAdv.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SCCustomAdvPosition } from '@selfcommunity/types';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface CustomAdvProps extends VirtualScrollerItemProps {
@@ -24,6 +23,10 @@ export interface CustomAdvProps extends VirtualScrollerItemProps {
      * Category ids if the adv must be related to specific categories
      */
     categoriesId?: Array<number> | null;
+    /**
+     * Prefixed height. Usefull to re-mount item on scroll feed.
+     */
+    prefixedHeight?: number;
 }
 /**
  > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.

package/lib/esm/components/CustomAdv/CustomAdv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomAdv.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAIzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAqBrE,MAAM,WAAW,cAAe,SAAQ,wBAAwB;IAC9D;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,mBAAmB,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;CACrC;AACD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA4CtE"}
+{"version":3,"file":"CustomAdv.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAIzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAuCrE,MAAM,WAAW,cAAe,SAAQ,wBAAwB;IAC9D;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,mBAAmB,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAEpC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAgFtE"}

package/lib/esm/components/CustomAdv/CustomAdv.js

@@ -1,15 +1,19 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { styled } from '@mui/material/styles';
 import { Box } from '@mui/material';
-import { useSCFetchCustomAdv } from '@selfcommunity/react-core';
+import { useIsComponentMountedRef, useSCFetchCustomAdv } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
+import useResizeObserver from 'use-resize-observer';
 const PREFIX = 'SCCustomAdv';
 const classes = {
     root: `${PREFIX}-root`,
-    image: `${PREFIX}-image`
+    wrap: `${PREFIX}-wrap`,
+    image: `${PREFIX}-image`,
+    embedCode: `${PREFIX}-embed-code`,
+    prefixedHeight: `${PREFIX}-prefixed-height`
 };
 const Root = styled(Box, {
     name: PREFIX,
@@ -17,8 +21,22 @@ const Root = styled(Box, {
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
     marginBottom: theme.spacing(2),
+    [`& .${classes.wrap}`]: {
+        width: '100%',
+        position: 'relative'
+    },
     [`& .${classes.image}`]: {
         width: '100%'
+    },
+    [`& .${classes.embedCode}`]: {
+        width: '100%'
+    },
+    [`& .${classes.prefixedHeight}`]: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0
     }
 }));
 /**
@@ -46,24 +64,43 @@ export default function CustomAdv(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = 'custom_adv', className, advId = null, position, categoriesId, onStateChange, onHeightChange } = props;
-    // retrieve adv
+    const { id = 'custom_adv', className, advId = null, position, categoriesId, prefixedHeight, onStateChange, onHeightChange } = props;
+    // REFS
+    const isMountedRef = useIsComponentMountedRef();
+    const estimatedHeight = useRef(0);
+    // ADV
     const { scCustomAdv } = useSCFetchCustomAdv({ id: advId, position, categoriesId });
     /**
      * Virtual Feed update
      */
     useDeepCompareEffectNoCheck(() => {
         if (scCustomAdv) {
-            onStateChange && onStateChange({ advId: scCustomAdv.id });
+            onStateChange && onStateChange({ advId: scCustomAdv.id, prefixedHeight: estimatedHeight.current });
         }
         onHeightChange && onHeightChange();
     }, [scCustomAdv]);
+    /**
+     * Use useResizeObserver to intercept layout change:
+     * onResize callback function, receive the width and height of the
+     * element when it changes and call onHeightChange
+     */
+    const { ref } = useResizeObserver({
+        round: (n) => {
+            return n;
+        },
+        onResize: ({ width, height }) => {
+            if (isMountedRef.current) {
+                estimatedHeight.current = height;
+                onStateChange && onStateChange({ advId: scCustomAdv.id, prefixedHeight: height });
+            }
+        }
+    });
     if (!scCustomAdv) {
         return React.createElement(HiddenPlaceholder, null);
     }
-    const adv = (React.createElement(React.Fragment, null,
-        scCustomAdv.image && React.createElement("img", { src: scCustomAdv.image, alt: scCustomAdv.title, className: classes.image }),
-        scCustomAdv.embed_code && React.createElement("span", { dangerouslySetInnerHTML: { __html: scCustomAdv.embed_code } })));
-    return (React.createElement(Root, { id: id, className: classNames(classes.root, className) }, scCustomAdv.link ? (React.createElement("a", { href: scCustomAdv.link, title: scCustomAdv.title }, adv)) : (adv)));
+    const adv = (React.createElement(Box, { className: classes.wrap },
+        scCustomAdv.image && (React.createElement("img", { src: scCustomAdv.image, alt: scCustomAdv.title, className: classNames(classes.image, { [classes.prefixedHeight]: Boolean(prefixedHeight) }) })),
+        scCustomAdv.embed_code && (React.createElement(Box, { className: classNames(classes.embedCode, { [classes.prefixedHeight]: Boolean(prefixedHeight) }), dangerouslySetInnerHTML: { __html: scCustomAdv.embed_code } }))));
+    return (React.createElement(Root, { id: id, className: classNames(classes.root, className), ref: ref, style: Object.assign({}, (prefixedHeight ? { paddingBottom: prefixedHeight } : { width: '100%' })) }, scCustomAdv.link ? (React.createElement("a", { href: scCustomAdv.link, title: scCustomAdv.title }, adv)) : (adv)));
 }
 //# sourceMappingURL=CustomAdv.js.map

package/lib/esm/components/CustomAdv/CustomAdv.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomAdv.js","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAE9D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,GAAG,aAAa,CAAC;AAE7B,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE;QACvB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAC;AA8BJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAuB;IACvD,QAAQ;IACR,MAAM,KAAK,GAAmB,aAAa,CAAC;QAC1C,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IAEH,MAAM,EAAC,EAAE,GAAG,YAAY,EAAE,SAAS,EAAE,KAAK,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAC,GAAG,KAAK,CAAC;IAElH,eAAe;IACf,MAAM,EAAC,WAAW,EAAC,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC;IAE/E;;OAEG;IACH,2BAA2B,CAAC,GAAG,EAAE;QAC/B,IAAI,WAAW,EAAE;YACf,aAAa,IAAI,aAAa,CAAC,EAAC,KAAK,EAAE,WAAW,CAAC,EAAE,EAAC,CAAC,CAAC;SACzD;QACD,cAAc,IAAI,cAAc,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,oBAAC,iBAAiB,OAAG,CAAC;KAC9B;IAED,MAAM,GAAG,GAAG,CACV,oBAAC,KAAK,CAAC,QAAQ;QACZ,WAAW,CAAC,KAAK,IAAI,6BAAK,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,GAAI;QACtG,WAAW,CAAC,UAAU,IAAI,8BAAM,uBAAuB,EAAE,EAAC,MAAM,EAAE,WAAW,CAAC,UAAU,EAAC,GAAI,CAC/E,CAClB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IACzD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,2BAAG,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,IAChD,GAAG,CACF,CACL,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,CACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CustomAdv.js","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/CustomAdv/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * > API documentation for the Community-JS Custom Adv Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/CustomAdv/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomAdv/Skeleton.tsx"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,GAAG,CAAC,OAAO,CAEvD"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomAdv/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,GAAG,CAAC,OAAO,CAEvD"}

package/lib/esm/components/Editor/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * > API documentation for the Community-JS Editor Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/Editor/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/Skeleton.tsx"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD"}

package/lib/esm/components/Editor/plugins/AutoLinkPlugin.d.ts

@@ -6,6 +6,5 @@
  *
  * @flow strict
  */
-/// <reference types="react" />
 export default function AutoLinkPlugin(): JSX.Element;
 //# sourceMappingURL=AutoLinkPlugin.d.ts.map

package/lib/esm/components/Editor/plugins/AutoLinkPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLinkPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;AAmCH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD"}
+{"version":3,"file":"AutoLinkPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmCH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD"}

package/lib/esm/components/Editor/plugins/EmojiPlugin.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function EmojiPlugin(): JSX.Element;
 //# sourceMappingURL=EmojiPlugin.d.ts.map

package/lib/esm/components/Editor/plugins/EmojiPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":";AAiEA,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,GAAG,CAAC,OAAO,CAGjD"}
+{"version":3,"file":"EmojiPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":"AA0EA,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,GAAG,CAAC,OAAO,CAGjD"}

package/lib/esm/components/Editor/plugins/EmojiPlugin.js

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 import { CONTROLLED_TEXT_INSERTION_COMMAND } from 'lexical';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { Fade, Icon, IconButton, Popover } from '@mui/material';
+import { Fade, Icon, IconButton, Popover, useTheme, useMediaQuery } from '@mui/material';
 import { styled } from '@mui/material/styles';
+import BaseDrawer from '../../../shared/BaseDrawer';
 // import deps only if csr
 let Picker;
 typeof window !== 'undefined' &&
@@ -11,6 +12,8 @@ typeof window !== 'undefined' &&
     });
 function Emoji({ editor, className = '' }) {
     // STATE
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
     const [emojiAnchorEl, setEmojiAnchorEl] = useState(false);
     // HANDLERS
     const handleClick = (event) => {
@@ -23,7 +26,7 @@ function Emoji({ editor, className = '' }) {
     return (React.createElement(React.Fragment, null,
         React.createElement(IconButton, { className: className, onClick: handleClick, color: "inherit" },
             React.createElement(Icon, null, "sentiment_satisfied_alt")),
-        React.createElement(Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: () => setEmojiAnchorEl(null), TransitionComponent: Fade, anchorOrigin: {
+        isMobile ? (React.createElement(BaseDrawer, { open: Boolean(emojiAnchorEl), onClose: () => setEmojiAnchorEl(null), width: '100%' }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick }))) : (React.createElement(Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: () => setEmojiAnchorEl(null), TransitionComponent: Fade, anchorOrigin: {
                 vertical: 'top',
                 horizontal: 'right'
             }, transformOrigin: {
@@ -31,7 +34,7 @@ function Emoji({ editor, className = '' }) {
                 horizontal: 'left'
             }, sx: (theme) => {
                 return { zIndex: theme.zIndex.tooltip };
-            } }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick }))));
+            } }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick })))));
 }
 const PREFIX = 'SCEditorEmojiPlugin';
 const classes = {

package/lib/esm/components/Editor/plugins/EmojiPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPlugin.js","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAC,iCAAiC,EAAgB,MAAM,SAAS,CAAC;AACzE,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,0BAA0B;AAC1B,IAAI,MAAM,CAAC;AACX,OAAO,MAAM,KAAK,WAAW;IAC3B,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;QAC5C,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAC3B,CAAC,CAAC,CAAC;AAEL,SAAS,KAAK,CAAC,EAAC,MAAM,EAAE,SAAS,GAAG,EAAE,EAA8C;IAClF,QAAQ;IACR,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAM,KAAK,CAAC,CAAC;IAE/D,WAAW;IACX,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,eAAe,CAAC,iCAAiC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS;YACrE,oBAAC,IAAI,kCAA+B,CACzB;QACb,oBAAC,OAAO,IACN,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,mBAAmB,EAAE,IAAI,EACzB,YAAY,EAAE;gBACZ,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,OAAO;aACpB,EACD,eAAe,EAAE;gBACf,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,MAAM;aACnB,EACD,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;gBACZ,OAAO,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAC,CAAC;YACxC,CAAC,IACA,MAAM,IAAI,oBAAC,MAAM,IAAC,YAAY,EAAE,gBAAgB,GAAI,CAC7C,CACT,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE;IACzB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,OAAO,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"EmojiPlugin.js","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/Editor/plugins/ImagePlugin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LexicalCommand } from 'lexical';
 export interface InsertImagePayload {
     altText: string;

package/lib/esm/components/Editor/plugins/ImagePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/ImagePlugin.tsx"],"names":[],"mappings":";AACA,OAAO,EAOL,cAAc,EAEf,MAAM,SAAS,CAAC;AAcjB,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,kBAAkB,CAAmB,CAAC;AAuFxF,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,GAAG,CAAC,OAAO,CA6BjD"}
+{"version":3,"file":"ImagePlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/ImagePlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,cAAc,EAEf,MAAM,SAAS,CAAC;AAcjB,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,kBAAkB,CAAmB,CAAC;AAuFxF,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,GAAG,CAAC,OAAO,CA6BjD"}

package/lib/esm/components/Editor/plugins/MentionsPlugin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function MentionsPlugin({ containerSelector }: {
     containerSelector?: string;
 }): JSX.Element;

package/lib/esm/components/Editor/plugins/MentionsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionsPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/MentionsPlugin.tsx"],"names":[],"mappings":";AA0nBA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAC,iBAA0B,EAAC;;CAAA,GAAG,GAAG,CAAC,OAAO,CAGhF"}
+{"version":3,"file":"MentionsPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/MentionsPlugin.tsx"],"names":[],"mappings":"AA0nBA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAC,iBAA0B,EAAC;;CAAA,GAAG,GAAG,CAAC,OAAO,CAGhF"}

package/lib/esm/components/Editor/plugins/OnChangePlugin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const OnChangePlugin: (props: any) => JSX.Element;
 export default OnChangePlugin;
 //# sourceMappingURL=OnChangePlugin.d.ts.map

package/lib/esm/components/Editor/plugins/OnChangePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnChangePlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/OnChangePlugin.tsx"],"names":[],"mappings":";AA+DA,QAAA,MAAM,cAAc,kBAAY,WAW/B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"OnChangePlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/OnChangePlugin.tsx"],"names":[],"mappings":"AA+DA,QAAA,MAAM,cAAc,kBAAY,WAW/B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esm/components/Feed/Feed.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { SCFeedWidgetType } from '../../types/feed';
 import { CustomAdvProps } from '../CustomAdv';
-import { SCFeedUnitType, SCUserType } from '@selfcommunity/types';
+import { SCCustomAdvPosition, SCFeedUnitType, SCUserType } from '@selfcommunity/types';
 import { EndpointType, SCPaginatedResponse } from '@selfcommunity/api-services';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { VirtualizedScrollerCommonProps } from '../../shared/VirtualizedScroller';
@@ -116,6 +116,11 @@ export interface FeedProps {
      * @default {}
      */
     CustomAdvProps?: CustomAdvProps;
+    /**
+     * Props to programmatically enable the custom adv position in the feed
+     * @default [SCCustomAdvPosition.POSITION_FEED_SIDEBAR, SCCustomAdvPosition.POSITION_FEED]
+     */
+    enabledCustomAdvPositions?: SCCustomAdvPosition[];
     /**
      * Prefetch data. Useful for SSR.
      * Use this to init the component (in particular useSCFetchFeed)

package/lib/esm/components/Feed/Feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.d.ts","sourceRoot":"","sources":["../../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Feed.d.ts","sourceRoot":"","sources":["../../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/Feed/Feed.js

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { SCCache, SCPreferencesContext, SCUserContext, useSCFetchFeed, SCPreferences, usePreviousValue, Link } from '@selfcommunity/react-core';
+import { Link, SCCache, SCPreferences, SCPreferencesContext, SCUserContext, useSCFetchFeed, usePreviousValue, useIsComponentMountedRef } from '@selfcommunity/react-core';
 import { styled, useTheme } from '@mui/material/styles';
 import { CardContent, Grid, Hidden, useMediaQuery } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
@@ -15,7 +15,7 @@ import { useThemeProps } from '@mui/system';
 import Widget from '../Widget';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import VirtualizedScroller, { VirtualScrollChild } from '../../shared/VirtualizedScroller';
-import { WIDGET_PREFIX_KEY, DEFAULT_WIDGETS_NUMBER } from '../../constants/Feed';
+import { DEFAULT_WIDGETS_NUMBER, WIDGET_PREFIX_KEY } from '../../constants/Feed';
 import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME } from '../../constants/Pagination';
 import { widgetSort } from '../../utils/feed';
 import Footer from '../Footer';
@@ -92,7 +92,7 @@ const Feed = (inProps, ref) => {
         props: inProps,
         name: PREFIX
     });
-    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, endMessage = React.createElement(FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = React.createElement(FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, requireAuthentication = false, cacheStrategy = CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {} } = props;
+    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, endMessage = React.createElement(FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = React.createElement(FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, enabledCustomAdvPositions = [SCCustomAdvPosition.POSITION_FEED_SIDEBAR, SCCustomAdvPosition.POSITION_FEED], requireAuthentication = false, cacheStrategy = CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {} } = props;
     // CONTEXT
     const scPreferences = useContext(SCPreferencesContext);
     const scUserContext = useContext(SCUserContext);
@@ -106,6 +106,8 @@ const Feed = (inProps, ref) => {
         }
         return endpointQueryParams.offset || 0;
     }, [endpointQueryParams, prefetchedData]);
+    // REF
+    const isMountRef = useIsComponentMountedRef();
     /**
      * Compute preferences
      */
@@ -161,7 +163,7 @@ const Feed = (inProps, ref) => {
      */
     const _widgets = useMemo(() => [
         ...widgets,
-        ...(advEnabled
+        ...(advEnabled && enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_FEED_SIDEBAR)
             ? [
                 {
                     type: 'widget',
@@ -191,14 +193,24 @@ const Feed = (inProps, ref) => {
             const remainingWidgets = position === total - 1 ? _widgets.filter((w) => w.position >= total) : [];
             return [
                 ..._widgets.filter((w) => w.position === position),
-                ...(advEnabled && position > 0 && position % DEFAULT_WIDGETS_NUMBER === 0 ? [tw] : []),
+                ...(advEnabled &&
+                    enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_FEED) &&
+                    position > 0 &&
+                    position % DEFAULT_WIDGETS_NUMBER === 0
+                    ? [tw]
+                    : []),
                 ...remainingWidgets
             ];
         }
         const remainingWidgets = position === total - 1 ? _widgets.filter((w) => w.position >= total && w.column === 'left') : [];
         return [
             ..._widgets.filter((w) => w.position === position && w.column === 'left'),
-            ...(advEnabled && position > 0 && position % DEFAULT_WIDGETS_NUMBER === 0 ? [tw] : []),
+            ...(advEnabled &&
+                enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_FEED) &&
+                position > 0 &&
+                position % DEFAULT_WIDGETS_NUMBER === 0
+                ? [tw]
+                : []),
             ...remainingWidgets
         ];
     };
@@ -259,10 +271,15 @@ const Feed = (inProps, ref) => {
      * Callback on refresh
      */
     const refresh = () => {
-        setHeadData([]);
-        setFeedDataLeft([]);
-        setFeedDataRight(_getFeedDataRight());
-        feedDataObject.reload();
+        /**
+         * Only if the feedDataObject is loaded reload data
+         */
+        if (feedDataObject.componentLoaded) {
+            setHeadData([]);
+            setFeedDataLeft([]);
+            setFeedDataRight(_getFeedDataRight());
+            feedDataObject.reload();
+        }
     };
     /**
      * Callback subscribe events
@@ -285,6 +302,22 @@ const Feed = (inProps, ref) => {
                 return (React.createElement(ItemComponent, Object.assign({ id: _itemId, key: _itemId }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } })));
             })))));
     };
+    /**
+     * Infinite scroll getNextPage
+     */
+    const getNextPage = useMemo(() => () => {
+        if (isMountRef.current && feedDataObject.componentLoaded && !feedDataObject.isLoadingNext) {
+            feedDataObject.getNextPage();
+        }
+    }, [isMountRef.current, feedDataObject.componentLoaded, feedDataObject.isLoadingNext]);
+    /**
+     * Infinite scroll getNextPage
+     */
+    const getPreviousPage = useMemo(() => () => {
+        if (isMountRef.current && feedDataObject.componentLoaded && feedDataObject.isLoadingPrevious) {
+            feedDataObject.getPreviousPage();
+        }
+    }, [isMountRef.current, feedDataObject.componentLoaded, feedDataObject.isLoadingPrevious]);
     /**
      * Bootstrap initial data
      */
@@ -292,37 +325,35 @@ const Feed = (inProps, ref) => {
         if (cacheStrategy === CacheStrategies.CACHE_FIRST && feedDataObject.componentLoaded) {
             // Set current cached feed or prefetched data
             setFeedDataLeft(_getFeedDataLeft(feedDataObject.results, feedDataObject.initialOffset, feedDataObject.count));
+            setFeedDataRight(_getFeedDataRight());
         }
-        else {
+        else if (!feedDataObject.componentLoaded) {
             // Load next page
             feedDataObject.getNextPage();
+            setFeedDataRight(_getFeedDataRight());
         }
-        setFeedDataRight(_getFeedDataRight());
-    }, [cacheStrategy, feedDataObject, endpointQueryParams]);
+    }, [cacheStrategy, feedDataObject.componentLoaded, endpointQueryParams]);
     // EFFECTS
     useEffect(() => {
         /**
-         * Initialize authenticated feed
-         * Init feed data when the user is authenticated and there is no data prefetched
+         * Initialize feed
+         * Init feed data when the user is authenticated/un-authenticated
+         * Use setTimeout helper to delay the request and cancel the effect
+         * (ex. in strict-mode) if need it
          */
-        if (requireAuthentication && authUserId !== null && !prefetchedData) {
-            _initFeedData();
+        let _t;
+        if ((requireAuthentication && authUserId !== null && !prefetchedData) || (!requireAuthentication && !prefetchedData)) {
+            _t = setTimeout(_initFeedData);
         }
-    }, [authUserId]);
-    useEffect(() => {
-        /**
-         * Initialize un-authenticated feed
-         * Init feed if there is no data prefetched
-         */
-        if (!requireAuthentication && !prefetchedData) {
-            _initFeedData();
-        }
-    }, []);
+        return () => {
+            _t && clearTimeout(_t);
+        };
+    }, [requireAuthentication, authUserId, prefetchedData]);
     /**
      * If widgets changed, refresh the feed (it must recalculate the correct positions of the objects)
      */
     useDeepCompareEffectNoCheck(() => {
-        if (prevWidgets && widgets && prevWidgets !== widgets && feedDataObject.componentLoaded) {
+        if (prevWidgets && widgets && prevWidgets !== widgets) {
             refresh();
         }
     }, [widgets]);
@@ -380,7 +411,7 @@ const Feed = (inProps, ref) => {
     }));
     const InnerItem = useMemo(() => ({ state: savedState, onHeightChange, onStateChange, children: item }) => {
         const onItemHeightChange = () => {
-            if (virtualScrollerMountState.current && virtualScrollerState.current && virtualScrollerState.current.firstShownItemIndex !== undefined) {
+            if (savedState && savedState.firstShownItemIndex !== undefined) {
                 onHeightChange();
             }
         };
@@ -390,11 +421,14 @@ const Feed = (inProps, ref) => {
         return (React.createElement(FeedSkeleton, null, [...Array(3)].map((v, i) => (React.createElement(ItemSkeleton, Object.assign({ key: i }, ItemSkeletonProps))))));
     }
     return (React.createElement(Root, { container: true, spacing: 2, id: id, className: classNames(classes.root, className) },
+        advEnabled && enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_BELOW_TOPBAR) ? (React.createElement(Grid, { item: true, xs: 12 },
+            React.createElement(CustomAdv, Object.assign({ position: SCCustomAdvPosition.POSITION_BELOW_TOPBAR }, CustomAdvProps)))) : null,
         React.createElement(Grid, { item: true, xs: 12, md: 7 },
             React.createElement("div", { className: classes.left, style: { overflow: 'visible' } },
-                React.createElement(InfiniteScroll, { className: classes.left, dataLength: feedDataLeft.length, next: feedDataObject.getNextPage, previous: feedDataObject.getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: React.createElement(React.Fragment, null,
+                React.createElement(InfiniteScroll, { className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: React.createElement(React.Fragment, null,
                         React.createElement(Widget, { className: classes.end },
                             React.createElement(CardContent, null, endMessage)),
+                        advEnabled && enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR) ? (React.createElement(CustomAdv, Object.assign({ position: SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR }, CustomAdvProps))) : null,
                         FooterComponent ? React.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: React.createElement(Widget, { variant: "outlined", className: classes.refresh },
                         React.createElement(CardContent, null, refreshMessage)), style: { overflow: 'visible' } },
                     renderHeaderComponent(),