hunk.code_window:   MESSAGE_CONTENT_NOT_GENERATED = 'Message content could not be generated',
     MESSAGE_CREATED = 'Message created',
     SUBSCRIBER_NO_ACTIVE_INTEGRATION = 'Subscriber does not have an active integration',
     SUBSCRIBER_NO_CHANNEL_DETAILS = 'Subscriber does not have any recipient details',
     SUBSCRIBER_NO_ACTIVE_CHANNEL = 'Subscriber does not have a configured channel',
     MESSAGE_SENT = 'Message sent',
     PROVIDER_ERROR = 'Unexpected provider error',
     START_SENDING = 'Start sending message',
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit:   SUBSCRIBER_NO_CHANNEL_DETAILS = 'Subscriber missing recipient details',
  
hunk.file_path: apps/api/src/app/execution-details/usecases/create-execution-details/create-execution-details.command.ts
hunk.type: replace
file: import { LoadingOverlay, Tabs as MantineTabs } from '@mantine/core';
  import React, { ReactNode } from 'react';
  import useStyles from './Tabs.styles';
  import { colors } from '../config';
  import { SpacingProps } from '../shared/spacing.props';
  
  interface IMenuButtonProp {
    label: string;
    content?: ReactNode | string;
    icon?: ReactNode | string;
  }
  
  interface ITabsProp extends SpacingProps {
    menuTabs: IMenuButtonProp[];
    orientation?: 'horizontal' | 'vertical';
    active?: number;
    onTabChange?: (tabIndex: number, tabKey?: string) => void;
    position?: 'right' | 'center' | 'left' | 'apart';
    withIcon?: boolean;
    loading?: boolean;
  }
  
  export const Tabs = React.forwardRef<HTMLDivElement, ITabsProp>(
    (
      {
        menuTabs,
        active,
        onTabChange,
        orientation = 'horizontal',
        withIcon = false,
        position = 'left',
        loading = false,
      }: ITabsProp,
      ref
    ) => {
      const { classes, theme } = useStyles(withIcon);
  
      return (
        <div style={{ position: 'relative', minHeight: 'inherit' }}>
          <LoadingOverlay
            visible={loading}
            overlayColor={theme.colorScheme === 'dark' ? colors.B30 : colors.B98}
            loaderProps={{
              color: colors.error,
            }}
          />
          <MantineTabs
            orientation={orientation}
            ref={ref}
            active={active}
            onTabChange={onTabChange}
            position={position}
            variant="unstyled"
            classNames={classes}
          >
            {menuTabs.map((menuTab, i) =>
              withIcon ? (
                <MantineTabs.Tab label={menuTab.label} icon={menuTab.icon} key={i}>
                  {menuTab.content}
                </MantineTabs.Tab>
              ) : (
                <MantineTabs.Tab label={menuTab.label} key={i}>
                  {menuTab.content}
                </MantineTabs.Tab>
              )
            )}
          </MantineTabs>
        </div>
      );
    }
  );
  