@selfcommunity/react-ui 0.7.0-alpha.347 → 0.7.0-alpha.348

package/lib/cjs/components/LoyaltyProgramWidget/LoyaltyProgramWidget.d.ts

@@ -1,9 +1,10 @@
-export interface LoyaltyProgramWidgetProps {
+import { WidgetProps } from '../Widget';
+export interface LoyaltyProgramWidgetProps extends WidgetProps {
     /**
-     * Overrides or extends the styles applied to the component.
+     * The user id
      * @default null
      */
-    className?: string;
+    userId?: number;
 }
 /**
  * > API documentation for the Community-JS Loyalty Program Widget component. Learn about the available props and the CSS API.

package/lib/cjs/components/LoyaltyProgramWidget/LoyaltyProgramWidget.js

@@ -65,7 +65,7 @@ function LoyaltyProgramWidget(inProps) {
         name: PREFIX
     });
     // PROPS
-    const { className } = props;
+    const { className, userId = null } = props, rest = tslib_1.__rest(props, ["className", "userId"]);
     // CONTEXT
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
     const scPreferencesContext = (0, react_core_1.useSCPreferences)();
@@ -107,13 +107,13 @@ function LoyaltyProgramWidget(inProps) {
     /**
      * Rendering
      */
-    if (!loyaltyEnabled || !scUserContext.user) {
+    if (!loyaltyEnabled || !scUserContext.user || (userId && userId !== scUserContext.user.id)) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     if (loading) {
         return react_1.default.createElement(Skeleton_1.default, null);
     }
-    return (react_1.default.createElement(Root, Object.assign({}, props, { className: (0, classnames_1.default)(classes.root, className) }),
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
         react_1.default.createElement(CardContent_1.default, null,
             react_1.default.createElement(material_1.Typography, { className: classes.title },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramWidget.title", defaultMessage: "ui.loyaltyProgramWidget.title" }))),

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

@@ -1,9 +1,10 @@
-export interface LoyaltyProgramWidgetProps {
+import { WidgetProps } from '../Widget';
+export interface LoyaltyProgramWidgetProps extends WidgetProps {
     /**
-     * Overrides or extends the styles applied to the component.
+     * The user id
      * @default null
      */
-    className?: string;
+    userId?: number;
 }
 /**
  * > API documentation for the Community-JS Loyalty Program Widget component. Learn about the available props and the CSS API.

package/lib/esm/components/LoyaltyProgramWidget/LoyaltyProgramWidget.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import CardContent from '@mui/material/CardContent';
@@ -62,7 +63,7 @@ export default function LoyaltyProgramWidget(inProps) {
         name: PREFIX
     });
     // PROPS
-    const { className } = props;
+    const { className, userId = null } = props, rest = __rest(props, ["className", "userId"]);
     // CONTEXT
     const scUserContext = useContext(SCUserContext);
     const scPreferencesContext = useSCPreferences();
@@ -104,13 +105,13 @@ export default function LoyaltyProgramWidget(inProps) {
     /**
      * Rendering
      */
-    if (!loyaltyEnabled || !scUserContext.user) {
+    if (!loyaltyEnabled || !scUserContext.user || (userId && userId !== scUserContext.user.id)) {
         return React.createElement(HiddenPlaceholder, null);
     }
     if (loading) {
         return React.createElement(Skeleton, null);
     }
-    return (React.createElement(Root, Object.assign({}, props, { className: classNames(classes.root, className) }),
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
         React.createElement(CardContent, null,
             React.createElement(Typography, { className: classes.title },
                 React.createElement(FormattedMessage, { id: "ui.loyaltyProgramWidget.title", defaultMessage: "ui.loyaltyProgramWidget.title" }))),