hunk.code_window: import { inputStyles } from '../../../design-system/config/inputs.styles';
   import { useProcessVariables } from '../../../hooks/use-process-variables';
   import { PreviewMobile } from './PreviewMobile';
   import { PreviewWeb } from './PreviewWeb';
   export const Preview = ({ activeStep, view }: { activeStep: number; view: string }) => {
     const { control } = useFormContext();
  
hunk.labels: keep keep keep add keep keep keep keep
hunk.after_edit: import { errorMessage } from '../../../utils/notifications';
  
hunk.file_path: apps/web/src/pages/templates/editor/Preview.tsx
hunk.type: add
file: import * as mongoose from 'mongoose';
  import { Schema } from 'mongoose';
  
  import { TopicSubscribersEntity } from './topic-subscribers.entity';
  
  import { schemaOptions } from '../schema-default.options';
  
  const topicSubscribersSchema = new Schema(
    {
      _environmentId: {
        type: Schema.Types.ObjectId,
        ref: 'Environment',
        index: true,
        required: true,
      },
      _organizationId: {
        type: Schema.Types.ObjectId,
        ref: 'Organization',
        index: true,
        required: true,
      },
      _subscriberId: {
        type: Schema.Types.ObjectId,
        ref: 'Subscriber',
        index: true,
        required: true,
      },
      _topicId: {
        type: Schema.Types.ObjectId,
        ref: 'Topic',
        index: true,
        required: true,
      },
      topicKey: {
        type: Schema.Types.String,
        index: true,
        required: true,
      },
      externalSubscriberId: Schema.Types.String,
    },
    schemaOptions
  );
  
  // eslint-disable-next-line @typescript-eslint/naming-convention
  export const TopicSubscribers =
    mongoose.models.TopicSubscribers ||
    mongoose.model<TopicSubscribersEntity>('TopicSubscribers', topicSubscribersSchema);
  