@capillarytech/creatives-library 9.0.37-alpha.0 → 9.0.37

package/utils/permissions.js

@@ -1,59 +0,0 @@
-import {
-  CREATIVE_VIEW,
-  CREATIVE_CREATE,
-  CREATIVE_EDIT,
-  CREATIVE_DELETE,
-  CREATIVES_UI_VIEW,
-} from '../v2Containers/App/constants';
-
-export const PERMISSIONS = {
-  CREATIVE_VIEW,
-  CREATIVE_CREATE,
-  CREATIVE_EDIT,
-  CREATIVE_DELETE,
-};
-
-export const PERMISSION_IDS = {
-  [CREATIVE_VIEW]: 1508,
-  [CREATIVE_CREATE]: 1509,
-  [CREATIVE_EDIT]: 1510,
-  [CREATIVE_DELETE]: 1511,
-};
-
-/**
- * Mode-aware access resolver for the tri-modal Creatives app.
- * Standalone: the `cap` slice is passed as a prop by the connected container.
- * Library / MFE: the host passes a `cap` (or legacy `Global`) prop.
- * Reads the prop first, then falls back — mirrors TemplatesV2's existing
- * `cap.user || Global.user` resolution.
- */
-export const getUserAccess = (props = {}) => {
-  const { cap = {}, Global = {} } = props;
-  const user = (cap && cap.user) || (Global && Global.user) || {};
-  const isLoaded = !!(
-    user &&
-    typeof user === 'object' &&
-    Object.keys(user).length > 0
-  );
-  return {
-    accessiblePermissions: (isLoaded && user.accessiblePermissions) || [],
-    isLoaded,
-  };
-};
-
-export const hasPermission = (userAccess, code) => {
-  if (!userAccess) return false;
-  const granted = userAccess.accessiblePermissions || [];
-  const id = PERMISSION_IDS[code];
-  return (
-    granted.includes(code) ||
-    granted.includes(id) ||
-    granted.includes(String(id))
-  );
-};
-
-// Zero-impact view gate: honour the new CREATIVE_VIEW OR the legacy CREATIVES_UI_VIEW.
-export const canViewCreatives = userAccess =>
-  hasPermission(userAccess, CREATIVE_VIEW) ||
-  (userAccess &&
-    (userAccess.accessiblePermissions || []).includes(CREATIVES_UI_VIEW));

package/utils/tests/permissions.test.js

@@ -1,116 +0,0 @@
-/**
- * Test suite for RBAC permission helpers (app/utils/permissions.js).
- * Covers getUserAccess (loaded/unloaded, cap vs Global, missing perms),
- * hasPermission (null guard, code/id/string-id match, empty), and
- * canViewCreatives (new perm, legacy perm, null guard).
- */
-import {
-  PERMISSIONS,
-  PERMISSION_IDS,
-  getUserAccess,
-  hasPermission,
-  canViewCreatives,
-} from '../permissions';
-import {
-  CREATIVE_VIEW,
-  CREATIVE_CREATE,
-  CREATIVE_EDIT,
-  CREATIVE_DELETE,
-  CREATIVES_UI_VIEW,
-} from '../../v2Containers/App/constants';
-
-describe('permissions - exported maps', () => {
-  it('exposes the four creative permission codes', () => {
-    expect(PERMISSIONS).toEqual({
-      CREATIVE_VIEW,
-      CREATIVE_CREATE,
-      CREATIVE_EDIT,
-      CREATIVE_DELETE,
-    });
-  });
-
-  it('maps each permission code to its id', () => {
-    expect(PERMISSION_IDS[CREATIVE_VIEW]).toBe(1508);
-    expect(PERMISSION_IDS[CREATIVE_CREATE]).toBe(1509);
-    expect(PERMISSION_IDS[CREATIVE_EDIT]).toBe(1510);
-    expect(PERMISSION_IDS[CREATIVE_DELETE]).toBe(1511);
-  });
-});
-
-describe('getUserAccess', () => {
-  it('returns unloaded access with empty perms when no props are passed', () => {
-    expect(getUserAccess()).toEqual({ accessiblePermissions: [], isLoaded: false });
-  });
-
-  it('returns unloaded access for an empty props object', () => {
-    expect(getUserAccess({})).toEqual({ accessiblePermissions: [], isLoaded: false });
-  });
-
-  it('reads accessiblePermissions from cap.user when loaded', () => {
-    const result = getUserAccess({ cap: { user: { accessiblePermissions: [1508, 1509] } } });
-    expect(result).toEqual({ accessiblePermissions: [1508, 1509], isLoaded: true });
-  });
-
-  it('falls back to Global.user when cap.user is absent', () => {
-    const result = getUserAccess({ Global: { user: { accessiblePermissions: ['CREATIVE_VIEW'] } } });
-    expect(result).toEqual({ accessiblePermissions: ['CREATIVE_VIEW'], isLoaded: true });
-  });
-
-  it('is not loaded when the user object is empty', () => {
-    expect(getUserAccess({ cap: { user: {} } })).toEqual({ accessiblePermissions: [], isLoaded: false });
-  });
-
-  it('defaults accessiblePermissions to [] when a loaded user has none', () => {
-    const result = getUserAccess({ cap: { user: { id: 42 } } });
-    expect(result).toEqual({ accessiblePermissions: [], isLoaded: true });
-  });
-});
-
-describe('hasPermission', () => {
-  it('returns false when userAccess is null or undefined', () => {
-    expect(hasPermission(null, CREATIVE_VIEW)).toBe(false);
-    expect(hasPermission(undefined, CREATIVE_VIEW)).toBe(false);
-  });
-
-  it('returns false when accessiblePermissions is missing', () => {
-    expect(hasPermission({}, CREATIVE_VIEW)).toBe(false);
-  });
-
-  it('matches by permission code', () => {
-    expect(hasPermission({ accessiblePermissions: [CREATIVE_CREATE] }, CREATIVE_CREATE)).toBe(true);
-  });
-
-  it('matches by numeric permission id', () => {
-    expect(hasPermission({ accessiblePermissions: [1509] }, CREATIVE_CREATE)).toBe(true);
-  });
-
-  it('matches by string permission id', () => {
-    expect(hasPermission({ accessiblePermissions: ['1509'] }, CREATIVE_CREATE)).toBe(true);
-  });
-
-  it('returns false when the permission is not granted', () => {
-    expect(hasPermission({ accessiblePermissions: [CREATIVE_VIEW] }, CREATIVE_DELETE)).toBe(false);
-    expect(hasPermission({ accessiblePermissions: [] }, CREATIVE_VIEW)).toBe(false);
-  });
-});
-
-describe('canViewCreatives', () => {
-  it('allows when the new CREATIVE_VIEW permission is present', () => {
-    expect(canViewCreatives({ accessiblePermissions: [CREATIVE_VIEW] })).toBe(true);
-    expect(canViewCreatives({ accessiblePermissions: [1508] })).toBe(true);
-  });
-
-  it('allows via the legacy CREATIVES_UI_VIEW permission', () => {
-    expect(canViewCreatives({ accessiblePermissions: [CREATIVES_UI_VIEW] })).toBe(true);
-  });
-
-  it('returns a falsy value when userAccess is null', () => {
-    // short-circuits on `userAccess &&`, so returns null (falsy) rather than false
-    expect(canViewCreatives(null)).toBeFalsy();
-  });
-
-  it('returns false when neither view permission is present', () => {
-    expect(canViewCreatives({ accessiblePermissions: [CREATIVE_CREATE] })).toBe(false);
-    expect(canViewCreatives({})).toBe(false);
-  });
-});

package/v2Components/AccessForbidden/_accessForbidden.scss

@@ -1,14 +0,0 @@
-// Access-denied screen: rbac-lock icon + heading + subtext (matches the shared
-// "no access" screen used across Loyalty+ / Org Settings).
-.no-access-icon {
-  font-size: 48px;
-  color: #8c8c8c;
-}
-.no-access-title {
-  margin-top: 16px;
-}
-.no-access-text {
-  margin-top: 8px;
-  color: #6b778c;
-  max-width: 420px;
-}

package/v2Components/NoPermissionWrapper/_noPermissionWrapper.scss

@@ -1,12 +0,0 @@
-// Dim + block interaction for a control the user lacks permission for.
-// The wrapper keeps pointer events (so the CapTooltip still shows on hover) while the
-// inner control is dimmed and non-interactive.
-.rbac-no-permission {
-  display: inline-block;
-  cursor: not-allowed;
-
-  > * {
-    opacity: 0.4;
-    pointer-events: none;
-  }
-}

package/v2Components/NoPermissionWrapper/index.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
-import globalMessages from '../../v2Containers/Cap/messages';
-import './_noPermissionWrapper.scss';
-
-// Wraps a single control and, when the user is not `allowed`, dims it + blocks
-// interaction (via CSS) and shows a permission tooltip on hover. Uses CapTooltip
-// instead of hand-rolled positioning/portals.
-const NoPermissionWrapper = ({ allowed, children, message }) => {
-  const child = React.Children.only(children);
-
-  if (allowed || child.props.disabled) {
-    return child;
-  }
-
-  return (
-    <CapTooltip
-      title={message || <FormattedMessage {...globalMessages.noPermissionAction} />}
-    >
-      <span className="rbac-no-permission">{child}</span>
-    </CapTooltip>
-  );
-};
-
-export default NoPermissionWrapper;