@openedx/frontend-app-learner-dashboard 1.0.0-alpha.4 → 1.0.0-alpha.6

package/src/containers/UnenrollConfirmModal/__snapshots__/index.test.jsx.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UnenrollConfirmModal component snapshot: modalStates.confirm 1`] = `
-<ModalDialog
-  hasCloseButton={false}
-  isFullscreenOnMobile={false}
-  isOpen={true}
-  onClose={[MockFunction utils.nullMethod]}
-  title=""
->
-  <div
-    className="bg-white p-3 rounded shadow"
-    style={
-      {
-        "textAlign": "start",
-      }
-    }
-  >
-    <ConfirmPane
-      handleClose={[MockFunction hooks.close]}
-      handleConfirm={[MockFunction hooks.confirm]}
-    />
-  </div>
-</ModalDialog>
-`;
-
-exports[`UnenrollConfirmModal component snapshot: modalStates.finished, reason given 1`] = `
-<ModalDialog
-  hasCloseButton={false}
-  isFullscreenOnMobile={false}
-  isOpen={true}
-  onClose={[MockFunction utils.nullMethod]}
-  title=""
->
-  <div
-    className="bg-white p-3 rounded shadow"
-    style={
-      {
-        "textAlign": "start",
-      }
-    }
-  >
-    <FinishedPane
-      gaveReason={true}
-      handleClose={[MockFunction hooks.closeAndRefresh]}
-    />
-  </div>
-</ModalDialog>
-`;
-
-exports[`UnenrollConfirmModal component snapshot: modalStates.finished, reason skipped 1`] = `
-<ModalDialog
-  hasCloseButton={false}
-  isFullscreenOnMobile={false}
-  isOpen={true}
-  onClose={[MockFunction utils.nullMethod]}
-  title=""
->
-  <div
-    className="bg-white p-3 rounded shadow"
-    style={
-      {
-        "textAlign": "start",
-      }
-    }
-  >
-    <FinishedPane
-      gaveReason={true}
-      handleClose={[MockFunction hooks.closeAndRefresh]}
-    />
-  </div>
-</ModalDialog>
-`;
-
-exports[`UnenrollConfirmModal component snapshot: modalStates.reason, should be fullscreen with no shadow 1`] = `
-<ModalDialog
-  hasCloseButton={false}
-  isFullscreenOnMobile={true}
-  isOpen={true}
-  onClose={[MockFunction utils.nullMethod]}
-  title=""
->
-  <div
-    className="bg-white p-3 rounded"
-    style={
-      {
-        "textAlign": "start",
-      }
-    }
-  >
-    <ReasonPane
-      reason={
-        {
-          "isSkipped": false,
-          "reasonProps": "other",
-        }
-      }
-    />
-  </div>
-</ModalDialog>
-`;

package/src/containers/UnenrollConfirmModal/components/ConfirmPane.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-import {
-  ActionRow,
-  Button,
-} from '@openedx/paragon';
-
-import messages from './messages';
-
-export const ConfirmPane = ({
-  handleClose,
-  handleConfirm,
-}) => {
-  const { formatMessage } = useIntl();
-  return (
-    <>
-      <h4>{formatMessage(messages.confirmHeader)}</h4>
-      <ActionRow>
-        <Button variant="tertiary" onClick={handleClose}>
-          {formatMessage(messages.confirmCancel)}
-        </Button>
-        <Button onClick={handleConfirm}>
-          {formatMessage(messages.confirmUnenroll)}
-        </Button>
-      </ActionRow>
-    </>
-  );
-};
-ConfirmPane.propTypes = {
-  handleClose: PropTypes.func.isRequired,
-  handleConfirm: PropTypes.func.isRequired,
-};
-
-export default ConfirmPane;

package/src/containers/UnenrollConfirmModal/components/ConfirmPane.test.jsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { ConfirmPane } from './ConfirmPane';
-
-describe('UnenrollConfirmModal ConfirmPane', () => {
-  test('snapshot', () => {
-    const props = {
-      handleClose: jest.fn().mockName('props.handleClose'),
-      handleConfirm: jest.fn().mockName('props.handleConfirm'),
-    };
-    expect(shallow(<ConfirmPane {...props} />).snapshot).toMatchSnapshot();
-  });
-});

package/src/containers/UnenrollConfirmModal/components/FinishedPane.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-import {
-  ActionRow,
-  Button,
-} from '@openedx/paragon';
-
-import messages from './messages';
-
-export const FinishedPane = ({
-  gaveReason,
-  handleClose,
-}) => {
-  const { formatMessage } = useIntl();
-  return (
-    <>
-      <h4>{formatMessage(messages.finishHeading)}</h4>
-      <p>
-        {gaveReason && formatMessage(messages.finishThanksText)}
-        {formatMessage(messages.finishText)}
-      </p>
-      <ActionRow>
-        <Button onClick={handleClose}>{formatMessage(messages.finishReturn)}</Button>
-      </ActionRow>
-    </>
-  );
-};
-FinishedPane.propTypes = {
-  handleClose: PropTypes.func.isRequired,
-  gaveReason: PropTypes.bool.isRequired,
-};
-
-export default FinishedPane;

package/src/containers/UnenrollConfirmModal/components/FinishedPane.test.jsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { FinishedPane } from './FinishedPane';
-
-describe('UnenrollConfirmModal FinishedPane', () => {
-  test('snapshot: gave reason', () => {
-    const props = {
-      gaveReason: true,
-      handleClose: jest.fn().mockName('props.handleClose'),
-    };
-    expect(shallow(<FinishedPane {...props} />).snapshot).toMatchSnapshot();
-  });
-  test('snapshot: did not give reason', () => {
-    const props = {
-      gaveReason: false,
-      handleClose: jest.fn().mockName('props.handleClose'),
-    };
-    expect(shallow(<FinishedPane {...props} />).snapshot).toMatchSnapshot();
-  });
-});

package/src/containers/UnenrollConfirmModal/components/ReasonPane.jsx

@@ -1,65 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-import {
-  ActionRow,
-  Button,
-  Form,
-} from '@openedx/paragon';
-
-import constants from '../constants';
-import messages from './messages';
-
-export const ReasonPane = ({
-  reason,
-}) => {
-  const { formatMessage } = useIntl();
-  const option = (key) => (
-    <Form.Radio key={key} value={key}>
-      {formatMessage(constants.messages[key])}
-    </Form.Radio>
-  );
-  return (
-    <>
-      <h4>{formatMessage(messages.reasonHeading)}</h4>
-      <Form.RadioSet
-        name="unenrollReason"
-        onChange={reason.selectOption}
-        value={reason.selected}
-      >
-        {constants.order.map(option)}
-        <Form.Radio value={constants.reasonKeys.custom}>
-          <Form.Control
-            {...reason.customOption}
-            placeholder={formatMessage(constants.messages.customPlaceholder)}
-          />
-        </Form.Radio>
-      </Form.RadioSet>
-      <ActionRow>
-        <Button variant="tertiary" onClick={reason.handleSkip}>
-          {formatMessage(messages.reasonSkip)}
-        </Button>
-        <Button disabled={!reason.hasReason} onClick={reason.handleSubmit}>
-          {formatMessage(messages.reasonSubmit)}
-        </Button>
-      </ActionRow>
-    </>
-  );
-};
-ReasonPane.propTypes = {
-  reason: PropTypes.shape({
-    value: PropTypes.string,
-    handleSkip: PropTypes.func,
-    hasReason: PropTypes.bool,
-    selectOption: PropTypes.func,
-    customOption: PropTypes.shape({
-      value: PropTypes.string,
-      onChange: PropTypes.func,
-    }),
-    selected: PropTypes.string,
-    handleSubmit: PropTypes.func.isRequired,
-  }).isRequired,
-};
-
-export default ReasonPane;

package/src/containers/UnenrollConfirmModal/components/ReasonPane.test.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { shallow } from '@edx/react-unit-test-utils';
-
-import { ReasonPane } from './ReasonPane';
-
-describe('UnenrollConfirmModal ReasonPane', () => {
-  const props = {
-    reason: {
-      handleSkip: jest.fn().mockName('props.reason.handleSkip'),
-      selectOption: jest.fn().mockName('props.reason.selectOption'),
-      customOption: {
-        value: 'props.reason.customOption.value',
-        onChange: jest.fn().mockName('props.reason.customOption.onChange'),
-      },
-      selected: 'props.reason.selected',
-      handleSubmit: jest.fn().mockName('props.reason.handleSubmit'),
-      hasReason: true,
-    },
-  };
-  test('snapshot', () => {
-    expect(shallow(<ReasonPane {...props} />).snapshot).toMatchSnapshot();
-  });
-  test('snapshot: no reason provided', () => {
-    expect(shallow(<ReasonPane {...props} hasReason={false} />).snapshot).toMatchSnapshot();
-  });
-});

package/src/containers/UnenrollConfirmModal/components/__snapshots__/ConfirmPane.test.jsx.snap

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UnenrollConfirmModal ConfirmPane snapshot 1`] = `
-<Fragment>
-  <h4>
-    Unenroll from course?
-  </h4>
-  <ActionRow>
-    <Button
-      onClick={[MockFunction props.handleClose]}
-      variant="tertiary"
-    >
-      Never mind
-    </Button>
-    <Button
-      onClick={[MockFunction props.handleConfirm]}
-    >
-      Unenroll
-    </Button>
-  </ActionRow>
-</Fragment>
-`;

package/src/containers/UnenrollConfirmModal/components/__snapshots__/FinishedPane.test.jsx.snap

@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UnenrollConfirmModal FinishedPane snapshot: did not give reason 1`] = `
-<Fragment>
-  <h4>
-    You are unenrolled
-  </h4>
-  <p>
-    This course will be removed from your dashboard.
-  </p>
-  <ActionRow>
-    <Button
-      onClick={[MockFunction props.handleClose]}
-    >
-      Return to dashboard
-    </Button>
-  </ActionRow>
-</Fragment>
-`;
-
-exports[`UnenrollConfirmModal FinishedPane snapshot: gave reason 1`] = `
-<Fragment>
-  <h4>
-    You are unenrolled
-  </h4>
-  <p>
-    Thank you for sharing your reason for unenrolling.  
-    This course will be removed from your dashboard.
-  </p>
-  <ActionRow>
-    <Button
-      onClick={[MockFunction props.handleClose]}
-    >
-      Return to dashboard
-    </Button>
-  </ActionRow>
-</Fragment>
-`;

package/src/containers/UnenrollConfirmModal/components/__snapshots__/ReasonPane.test.jsx.snap

@@ -1,183 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UnenrollConfirmModal ReasonPane snapshot 1`] = `
-<Fragment>
-  <h4>
-    What's your main reason for unenrolling?
-  </h4>
-  <Form.RadioSet
-    name="unenrollReason"
-    onChange={[MockFunction props.reason.selectOption]}
-    value="props.reason.selected"
-  >
-    <Form.Radio
-      key="prereqs"
-      value="prereqs"
-    >
-      I don't have the academic or language prerequisites
-    </Form.Radio>
-    <Form.Radio
-      key="difficulty"
-      value="difficulty"
-    >
-      The course material was too hard
-    </Form.Radio>
-    <Form.Radio
-      key="goals"
-      value="goals"
-    >
-      This won't help me reach my goals
-    </Form.Radio>
-    <Form.Radio
-      key="broken"
-      value="broken"
-    >
-      Something was broken
-    </Form.Radio>
-    <Form.Radio
-      key="time"
-      value="time"
-    >
-      I don't have the time
-    </Form.Radio>
-    <Form.Radio
-      key="browse"
-      value="browse"
-    >
-      I just wanted to browse the material
-    </Form.Radio>
-    <Form.Radio
-      key="support"
-      value="support"
-    >
-      I don't have enough support
-    </Form.Radio>
-    <Form.Radio
-      key="quality"
-      value="quality"
-    >
-      I am not happy with the quality of the content
-    </Form.Radio>
-    <Form.Radio
-      key="easy"
-      value="easy"
-    >
-      The course material was too easy
-    </Form.Radio>
-    <Form.Radio
-      value="custom"
-    >
-      <Form.Control
-        onChange={[MockFunction props.reason.customOption.onChange]}
-        placeholder="Other"
-        value="props.reason.customOption.value"
-      />
-    </Form.Radio>
-  </Form.RadioSet>
-  <ActionRow>
-    <Button
-      onClick={[MockFunction props.reason.handleSkip]}
-      variant="tertiary"
-    >
-      Skip survey
-    </Button>
-    <Button
-      disabled={false}
-      onClick={[MockFunction props.reason.handleSubmit]}
-    >
-      Submit reason
-    </Button>
-  </ActionRow>
-</Fragment>
-`;
-
-exports[`UnenrollConfirmModal ReasonPane snapshot: no reason provided 1`] = `
-<Fragment>
-  <h4>
-    What's your main reason for unenrolling?
-  </h4>
-  <Form.RadioSet
-    name="unenrollReason"
-    onChange={[MockFunction props.reason.selectOption]}
-    value="props.reason.selected"
-  >
-    <Form.Radio
-      key="prereqs"
-      value="prereqs"
-    >
-      I don't have the academic or language prerequisites
-    </Form.Radio>
-    <Form.Radio
-      key="difficulty"
-      value="difficulty"
-    >
-      The course material was too hard
-    </Form.Radio>
-    <Form.Radio
-      key="goals"
-      value="goals"
-    >
-      This won't help me reach my goals
-    </Form.Radio>
-    <Form.Radio
-      key="broken"
-      value="broken"
-    >
-      Something was broken
-    </Form.Radio>
-    <Form.Radio
-      key="time"
-      value="time"
-    >
-      I don't have the time
-    </Form.Radio>
-    <Form.Radio
-      key="browse"
-      value="browse"
-    >
-      I just wanted to browse the material
-    </Form.Radio>
-    <Form.Radio
-      key="support"
-      value="support"
-    >
-      I don't have enough support
-    </Form.Radio>
-    <Form.Radio
-      key="quality"
-      value="quality"
-    >
-      I am not happy with the quality of the content
-    </Form.Radio>
-    <Form.Radio
-      key="easy"
-      value="easy"
-    >
-      The course material was too easy
-    </Form.Radio>
-    <Form.Radio
-      value="custom"
-    >
-      <Form.Control
-        onChange={[MockFunction props.reason.customOption.onChange]}
-        placeholder="Other"
-        value="props.reason.customOption.value"
-      />
-    </Form.Radio>
-  </Form.RadioSet>
-  <ActionRow>
-    <Button
-      onClick={[MockFunction props.reason.handleSkip]}
-      variant="tertiary"
-    >
-      Skip survey
-    </Button>
-    <Button
-      disabled={false}
-      onClick={[MockFunction props.reason.handleSubmit]}
-    >
-      Submit reason
-    </Button>
-  </ActionRow>
-</Fragment>
-`;

package/src/containers/UnenrollConfirmModal/components/messages.js

@@ -1,56 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-
-const messages = defineMessages({
-  confirmHeader: {
-    id: 'learner-dash.unenrollConfirm.confirm.header',
-    description: 'Header for confirm unenroll modal',
-    defaultMessage: 'Unenroll from course?',
-  },
-  confirmCancel: {
-    id: 'learner-dash.unenrollConfirm.confirm.cancel',
-    description: 'Cancel action for confirm unenroll modal',
-    defaultMessage: 'Never mind',
-  },
-  confirmUnenroll: {
-    id: 'learner-dash.unenrollConfirm.confirm.unenroll',
-    description: 'Confirm action for confirm unenroll modal',
-    defaultMessage: 'Unenroll',
-  },
-  reasonHeading: {
-    id: 'learner-dash.unenrollConfirm.confirm.reason.heading',
-    description: 'Heading for unenroll reason modal',
-    defaultMessage: `What's your main reason for unenrolling?`,
-  },
-  reasonSkip: {
-    id: 'learner-dash.unenrollConfirm.confirm.reason.skip',
-    description: 'Skip action for unenroll reason modal',
-    defaultMessage: 'Skip survey',
-  },
-  reasonSubmit: {
-    id: 'learner-dash.unenrollConfirm.confirm.reason.submit',
-    description: 'Submit action for unenroll reason modal',
-    defaultMessage: 'Submit reason',
-  },
-  finishHeading: {
-    id: 'learner-dash.unenrollConfirm.confirm.finish.heading',
-    description: 'Heading for unenroll finish modal',
-    defaultMessage: 'You are unenrolled',
-  },
-  finishThanksText: {
-    id: 'learner-dash.unenrollConfirm.confirm.finish.thanks-text',
-    description: 'Thank you message on unenroll modal for providing a reason',
-    defaultMessage: 'Thank you for sharing your reason for unenrolling.  ',
-  },
-  finishText: {
-    id: 'learner-dash.unenrollConfirm.confirm.finish.text',
-    description: 'Text for unenroll finish modal',
-    defaultMessage: 'This course will be removed from your dashboard.',
-  },
-  finishReturn: {
-    id: 'learner-dash.unenrollConfirm.confirm.finish.return',
-    description: 'Return action for unenroll finish modal',
-    defaultMessage: 'Return to dashboard',
-  },
-});
-
-export default messages;

package/src/containers/UnenrollConfirmModal/constants.js

@@ -1,86 +0,0 @@
-import { StrictDict } from '../../utils';
-import { defineMessages } from '@openedx/frontend-base';
-
-export const reasonKeys = StrictDict({
-  prereqs: 'prereqs',
-  difficulty: 'difficulty',
-  goals: 'goals',
-  broken: 'broken',
-  time: 'time',
-  browse: 'browse',
-  support: 'support',
-  quality: 'quality',
-  easy: 'easy',
-  custom: 'custom',
-});
-
-export const order = [
-  reasonKeys.prereqs,
-  reasonKeys.difficulty,
-  reasonKeys.goals,
-  reasonKeys.broken,
-  reasonKeys.time,
-  reasonKeys.browse,
-  reasonKeys.support,
-  reasonKeys.quality,
-  reasonKeys.easy,
-];
-
-const messages = defineMessages({
-  [reasonKeys.prereqs]: {
-    id: 'learner-dash.unenrollConfirm.reasons.prereqs',
-    description: 'Unenroll reason option - missing prerequisites',
-    defaultMessage: `I don't have the academic or language prerequisites`,
-  },
-  [reasonKeys.difficulty]: {
-    id: 'learner-dash.unenrollConfirm.reasons.difficulty',
-    description: 'Unenroll reason option - material is too hard',
-    defaultMessage: 'The course material was too hard',
-  },
-  [reasonKeys.goals]: {
-    id: 'learner-dash.unenrollConfirm.reasons.goals',
-    description: 'Unenroll reason option - goals-related',
-    defaultMessage: `This won't help me reach my goals`,
-  },
-  [reasonKeys.broken]: {
-    id: 'learner-dash.unenrollConfirm.reasons.broken',
-    description: 'Unenroll reason option - something broken',
-    defaultMessage: 'Something was broken',
-  },
-  [reasonKeys.time]: {
-    id: 'learner-dash.unenrollConfirm.reasons.time',
-    description: 'Unenroll reason option - time-related',
-    defaultMessage: `I don't have the time`,
-  },
-  [reasonKeys.browse]: {
-    id: 'learner-dash.unenrollConfirm.reasons.browse',
-    description: 'Unenroll reason option - wanted to browse',
-    defaultMessage: 'I just wanted to browse the material',
-  },
-  [reasonKeys.support]: {
-    id: 'learner-dash.unenrollConfirm.reasons.support',
-    description: 'Unenroll reason option - lacking support',
-    defaultMessage: `I don't have enough support`,
-  },
-  [reasonKeys.quality]: {
-    id: 'learner-dash.unenrollConfirm.reasons.quality',
-    description: 'Unenroll reason option - quality-related',
-    defaultMessage: 'I am not happy with the quality of the content',
-  },
-  [reasonKeys.easy]: {
-    id: 'learner-dash.unenrollConfirm.reasons.easy',
-    description: 'Unenroll reason option - too easy',
-    defaultMessage: 'The course material was too easy',
-  },
-  customPlaceholder: {
-    id: 'learner-dash.unenrollConfirm.reasons.custom-placeholder',
-    description: 'Unenroll custom reason option placeholder text',
-    defaultMessage: 'Other',
-  },
-});
-
-export default {
-  messages,
-  order,
-  reasonKeys,
-};