hunk.code_window:     const webhook: string = args[0];
       const payload: IUserWebhookPayload = args[1];
       expect(webhook).to.equal(USER_PARSE_WEBHOOK);
       expect(payload.mail).to.be.ok;
       expect(payload.payload).to.ok;
       expect(payload.template).to.ok;
       expect(payload.message).to.ok;
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit:     // Should compile the payload variables
       expect(webhook).to.equal(USER_PARSE_WEBHOOK + '/test-env');
  
hunk.file_path: apps/api/src/app/inbound-parse/e2e/inbound-email-parse.e2e.ts
hunk.type: replace
file: import { createStyles, MantineTheme } from '@mantine/core';
  
  import { colors } from '../config';
  
  export default createStyles((theme: MantineTheme, _params, getRef) => {
    const dark = theme.colorScheme === 'dark';
    const label = getRef('label');
  
    return {
      root: {
        width: '100%',
        maxWidth: '70px',
        display: 'flex',
        alignItems: 'center',
      },
      input: {
        backgroundColor: dark ? theme.colors.dark[5] : theme.colors.gray[5],
        width: '1px',
        height: '1px',
        border: 'transparent',
        cursor: 'pointer',
        '&::before': {
          border: 'transparent',
          width: '20px',
          height: '20px',
        },
        '&:not(checked) ~ label': {
          backgroundColor: dark ? 'rgb(61, 61, 77)' : theme.colors.gray[5],
        },
        '&:checked ~ label': {
          backgroundImage: colors.horizontal,
        },
        [`&:checked ~ div > .${label}`]: {
          backgroundImage: colors.horizontal,
          backgroundClip: 'text',
          color: 'transparent',
        },
        '&:disabled': {
          opacity: 0.75,
        },
      },
      label: {
        ref: label,
        paddingLeft: '10px',
        backgroundImage: 'none',
        color: dark ? theme.colors.dark[6] : theme.colors.gray[6],
        cursor: 'pointer',
      },
      track: {
        width: '46px',
        height: '24px',
        border: 'none',
      },
      thumb: {
        border: 'none',
      },
    };
  });
  