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

package/lib/cjs/components/CommentsObject/Skeleton.d.ts

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

package/lib/cjs/components/CommentsObject/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsObject/Skeleton.tsx"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,0BAA0B,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,GAAG,GAAG,CAAC,OAAO,CASvI"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsObject/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,0BAA0B,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,GAAG,GAAG,CAAC,OAAO,CASvI"}

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/CustomAdv/CustomAdv.js

@@ -1,9 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -11,10 +34,14 @@ const classnames_1 = __importDefault(require("classnames"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
 const use_deep_compare_effect_1 = require("use-deep-compare-effect");
+const use_resize_observer_1 = __importDefault(require("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 = (0, styles_1.styled)(material_1.Box, {
     name: PREFIX,
@@ -22,8 +49,22 @@ const Root = (0, styles_1.styled)(material_1.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
     }
 }));
 /**
@@ -51,25 +92,44 @@ 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 = (0, react_core_1.useIsComponentMountedRef)();
+    const estimatedHeight = (0, react_1.useRef)(0);
+    // ADV
     const { scCustomAdv } = (0, react_core_1.useSCFetchCustomAdv)({ id: advId, position, categoriesId });
     /**
      * Virtual Feed update
      */
     (0, use_deep_compare_effect_1.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 } = (0, use_resize_observer_1.default)({
+        round: (n) => {
+            return n;
+        },
+        onResize: ({ width, height }) => {
+            if (isMountedRef.current) {
+                estimatedHeight.current = height;
+                onStateChange && onStateChange({ advId: scCustomAdv.id, prefixedHeight: height });
+            }
+        }
+    });
     if (!scCustomAdv) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
-    const adv = (react_1.default.createElement(react_1.default.Fragment, null,
-        scCustomAdv.image && react_1.default.createElement("img", { src: scCustomAdv.image, alt: scCustomAdv.title, className: classes.image }),
-        scCustomAdv.embed_code && react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: scCustomAdv.embed_code } })));
-    return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className) }, scCustomAdv.link ? (react_1.default.createElement("a", { href: scCustomAdv.link, title: scCustomAdv.title }, adv)) : (adv)));
+    const adv = (react_1.default.createElement(material_1.Box, { className: classes.wrap },
+        scCustomAdv.image && (react_1.default.createElement("img", { src: scCustomAdv.image, alt: scCustomAdv.title, className: (0, classnames_1.default)(classes.image, { [classes.prefixedHeight]: Boolean(prefixedHeight) }) })),
+        scCustomAdv.embed_code && (react_1.default.createElement(material_1.Box, { className: (0, classnames_1.default)(classes.embedCode, { [classes.prefixedHeight]: Boolean(prefixedHeight) }), dangerouslySetInnerHTML: { __html: scCustomAdv.embed_code } }))));
+    return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className), ref: ref, style: Object.assign({}, (prefixedHeight ? { paddingBottom: prefixedHeight } : { width: '100%' })) }, scCustomAdv.link ? (react_1.default.createElement("a", { href: scCustomAdv.link, title: scCustomAdv.title }, adv)) : (adv)));
 }
 exports.default = CustomAdv;
 //# sourceMappingURL=CustomAdv.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomAdv.js","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,4CAAkC;AAClC,0DAA8D;AAE9D,4DAAoC;AACpC,wCAA0C;AAC1C,uFAA+D;AAE/D,qEAAoE;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,IAAA,eAAM,EAAC,cAAG,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,SAAwB,SAAS,CAAC,OAAuB;IACvD,QAAQ;IACR,MAAM,KAAK,GAAmB,IAAA,sBAAa,EAAC;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,IAAA,gCAAmB,EAAC,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC;IAE/E;;OAEG;IACH,IAAA,qDAA2B,EAAC,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,8BAAC,2BAAiB,OAAG,CAAC;KAC9B;IAED,MAAM,GAAG,GAAG,CACV,8BAAC,eAAK,CAAC,QAAQ;QACZ,WAAW,CAAC,KAAK,IAAI,uCAAK,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,GAAI;QACtG,WAAW,CAAC,UAAU,IAAI,wCAAM,uBAAuB,EAAE,EAAC,MAAM,EAAE,WAAW,CAAC,UAAU,EAAC,GAAI,CAC/E,CAClB,CAAC;IAEF,OAAO,CACL,8BAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IACzD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,qCAAG,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;AA5CD,4BA4CC"}
+{"version":3,"file":"CustomAdv.js","sourceRoot":"","sources":["../../../../src/components/CustomAdv/CustomAdv.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Editor/plugins/EmojiPlugin.js

@@ -22,12 +22,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const lexical_1 = require("lexical");
 const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
+const BaseDrawer_1 = __importDefault(require("../../../shared/BaseDrawer"));
 // import deps only if csr
 let Picker;
 typeof window !== 'undefined' &&
@@ -36,6 +40,8 @@ typeof window !== 'undefined' &&
     });
 function Emoji({ editor, className = '' }) {
     // STATE
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
     const [emojiAnchorEl, setEmojiAnchorEl] = (0, react_1.useState)(false);
     // HANDLERS
     const handleClick = (event) => {
@@ -48,7 +54,7 @@ function Emoji({ editor, className = '' }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.IconButton, { className: className, onClick: handleClick, color: "inherit" },
             react_1.default.createElement(material_1.Icon, null, "sentiment_satisfied_alt")),
-        react_1.default.createElement(material_1.Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: () => setEmojiAnchorEl(null), TransitionComponent: material_1.Fade, anchorOrigin: {
+        isMobile ? (react_1.default.createElement(BaseDrawer_1.default, { open: Boolean(emojiAnchorEl), onClose: () => setEmojiAnchorEl(null), width: '100%' }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick }))) : (react_1.default.createElement(material_1.Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: () => setEmojiAnchorEl(null), TransitionComponent: material_1.Fade, anchorOrigin: {
                 vertical: 'top',
                 horizontal: 'right'
             }, transformOrigin: {
@@ -56,7 +62,7 @@ function Emoji({ editor, className = '' }) {
                 horizontal: 'left'
             }, sx: (theme) => {
                 return { zIndex: theme.zIndex.tooltip };
-            } }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick }))));
+            } }, Picker && react_1.default.createElement(Picker, { onEmojiClick: handleEmojiClick })))));
 }
 const PREFIX = 'SCEditorEmojiPlugin';
 const classes = {

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiPlugin.js","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qCAAyE;AACzE,kFAAgF;AAChF,4CAA8D;AAC9D,iDAA4C;AAC5C,0BAA0B;AAC1B,IAAI,MAAM,CAAC;AACX,OAAO,MAAM,KAAK,WAAW;IAC3B,kDAAO,oBAAoB,IAAE,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,IAAA,gBAAQ,EAAM,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,2CAAiC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,qBAAU,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS;YACrE,8BAAC,eAAI,kCAA+B,CACzB;QACb,8BAAC,kBAAO,IACN,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,mBAAmB,EAAE,eAAI,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,8BAAC,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,IAAA,eAAM,EAAC,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,SAAwB,WAAW;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC7C,OAAO,8BAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC3D,CAAC;AAHD,8BAGC"}
+{"version":3,"file":"EmojiPlugin.js","sourceRoot":"","sources":["../../../../../src/components/Editor/plugins/EmojiPlugin.tsx"],"names":[],"mappings":"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"}

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

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

package/lib/cjs/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/cjs/components/Editor/plugins/MentionsPlugin.d.ts

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

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Feed/Feed.js

@@ -120,7 +120,7 @@ const Feed = (inProps, ref) => {
         props: inProps,
         name: PREFIX
     });
-    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, endMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer_1.default, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, requireAuthentication = false, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {} } = props;
+    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, endMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer_1.default, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, enabledCustomAdvPositions = [types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR, types_1.SCCustomAdvPosition.POSITION_FEED], requireAuthentication = false, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {} } = props;
     // CONTEXT
     const scPreferences = (0, react_1.useContext)(react_core_1.SCPreferencesContext);
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
@@ -134,6 +134,8 @@ const Feed = (inProps, ref) => {
         }
         return endpointQueryParams.offset || 0;
     }, [endpointQueryParams, prefetchedData]);
+    // REF
+    const isMountRef = (0, react_core_1.useIsComponentMountedRef)();
     /**
      * Compute preferences
      */
@@ -189,7 +191,7 @@ const Feed = (inProps, ref) => {
      */
     const _widgets = (0, react_1.useMemo)(() => [
         ...widgets,
-        ...(advEnabled
+        ...(advEnabled && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR)
             ? [
                 {
                     type: 'widget',
@@ -219,14 +221,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 % Feed_1.DEFAULT_WIDGETS_NUMBER === 0 ? [tw] : []),
+                ...(advEnabled &&
+                    enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_FEED) &&
+                    position > 0 &&
+                    position % Feed_1.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 % Feed_1.DEFAULT_WIDGETS_NUMBER === 0 ? [tw] : []),
+            ...(advEnabled &&
+                enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_FEED) &&
+                position > 0 &&
+                position % Feed_1.DEFAULT_WIDGETS_NUMBER === 0
+                ? [tw]
+                : []),
             ...remainingWidgets
         ];
     };
@@ -287,10 +299,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
@@ -313,6 +330,22 @@ const Feed = (inProps, ref) => {
                 return (react_1.default.createElement(ItemComponent, Object.assign({ id: _itemId, key: _itemId }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } })));
             })))));
     };
+    /**
+     * Infinite scroll getNextPage
+     */
+    const getNextPage = (0, react_1.useMemo)(() => () => {
+        if (isMountRef.current && feedDataObject.componentLoaded && !feedDataObject.isLoadingNext) {
+            feedDataObject.getNextPage();
+        }
+    }, [isMountRef.current, feedDataObject.componentLoaded, feedDataObject.isLoadingNext]);
+    /**
+     * Infinite scroll getNextPage
+     */
+    const getPreviousPage = (0, react_1.useMemo)(() => () => {
+        if (isMountRef.current && feedDataObject.componentLoaded && feedDataObject.isLoadingPrevious) {
+            feedDataObject.getPreviousPage();
+        }
+    }, [isMountRef.current, feedDataObject.componentLoaded, feedDataObject.isLoadingPrevious]);
     /**
      * Bootstrap initial data
      */
@@ -320,37 +353,35 @@ const Feed = (inProps, ref) => {
         if (cacheStrategy === utils_1.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
     (0, react_1.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]);
-    (0, react_1.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)
      */
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
-        if (prevWidgets && widgets && prevWidgets !== widgets && feedDataObject.componentLoaded) {
+        if (prevWidgets && widgets && prevWidgets !== widgets) {
             refresh();
         }
     }, [widgets]);
@@ -408,7 +439,7 @@ const Feed = (inProps, ref) => {
     }));
     const InnerItem = (0, react_1.useMemo)(() => ({ state: savedState, onHeightChange, onStateChange, children: item }) => {
         const onItemHeightChange = () => {
-            if (virtualScrollerMountState.current && virtualScrollerState.current && virtualScrollerState.current.firstShownItemIndex !== undefined) {
+            if (savedState && savedState.firstShownItemIndex !== undefined) {
                 onHeightChange();
             }
         };
@@ -418,11 +449,14 @@ const Feed = (inProps, ref) => {
         return (react_1.default.createElement(Skeleton_2.default, null, [...Array(3)].map((v, i) => (react_1.default.createElement(ItemSkeleton, Object.assign({ key: i }, ItemSkeletonProps))))));
     }
     return (react_1.default.createElement(Root, { container: true, spacing: 2, id: id, className: (0, classnames_1.default)(classes.root, className) },
+        advEnabled && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR) ? (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
+            react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR }, CustomAdvProps)))) : null,
         react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 7 },
             react_1.default.createElement("div", { className: classes.left, style: { overflow: 'visible' } },
-                react_1.default.createElement(InfiniteScroll_1.default, { 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_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(InfiniteScroll_1.default, { className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(Widget_1.default, { className: classes.end },
                             react_1.default.createElement(material_1.CardContent, null, endMessage)),
+                        advEnabled && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR) ? (react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR }, CustomAdvProps))) : null,
                         FooterComponent ? react_1.default.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: react_1.default.createElement(Widget_1.default, { variant: "outlined", className: classes.refresh },
                         react_1.default.createElement(material_1.CardContent, null, refreshMessage)), style: { overflow: 'visible' } },
                     renderHeaderComponent(),