@edx/frontend-app-subscription-learner-dashboard 1.0.0

package/dist/containers/UnenrollConfirmModal/components/ConfirmPane.js

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useCourseData } from '../../../hooks';
+import { useIntl } from '@openedx/frontend-base';
+import { ActionRow, Button, } from '@openedx/paragon';
+import messages from './messages';
+export const ConfirmPane = ({ cardId, handleClose, handleConfirm, }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const courseName = ((_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.courseName) || '';
+    const courseTitle = _jsxs("span", { className: "font-italic", children: ["\u201C", courseName, "\u201D"] });
+    return (_jsxs(_Fragment, { children: [_jsx("h4", { children: formatMessage(messages.confirmHeader) }), _jsx("p", { className: "py-2", children: formatMessage(messages.confirmText, { courseTitle }) }), _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: handleClose, children: formatMessage(messages.confirmCancel) }), _jsx(Button, { onClick: handleConfirm, children: formatMessage(messages.confirmUnenroll) })] })] }));
+};
+ConfirmPane.propTypes = {
+    handleClose: PropTypes.func.isRequired,
+    handleConfirm: PropTypes.func.isRequired,
+    cardId: PropTypes.string.isRequired,
+};
+export default ConfirmPane;
+//# sourceMappingURL=ConfirmPane.js.map

package/dist/containers/UnenrollConfirmModal/components/ConfirmPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmPane.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/components/ConfirmPane.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,MAAM,GACP,MAAM,kBAAkB,CAAC;AAE1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,WAAW,EACX,aAAa,GACd,EAAE,EAAE;;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,KAAI,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,gBAAM,SAAS,EAAC,aAAa,uBAAG,UAAU,cAAS,CAAC;IACxE,OAAO,CACL,8BACE,uBAAK,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAM,EAChD,YAAG,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,CAAC,GAAK,EAC9E,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,WAAW,YAC5C,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,aAAa,YAC3B,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GACjC,IACC,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,SAAS,GAAG;IACtB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useCourseData } from '@src/hooks';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  ActionRow,\n  Button,\n} from '@openedx/paragon';\n\nimport messages from './messages';\n\nexport const ConfirmPane = ({\n  cardId,\n  handleClose,\n  handleConfirm,\n}) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const courseName = courseData?.course?.courseName || '';\n  const courseTitle = <span className=\"font-italic\">“{courseName}”</span>;\n  return (\n    <>\n      <h4>{formatMessage(messages.confirmHeader)}</h4>\n      <p className=\"py-2\">{formatMessage(messages.confirmText, { courseTitle })}</p>\n      <ActionRow>\n        <Button variant=\"tertiary\" onClick={handleClose}>\n          {formatMessage(messages.confirmCancel)}\n        </Button>\n        <Button onClick={handleConfirm}>\n          {formatMessage(messages.confirmUnenroll)}\n        </Button>\n      </ActionRow>\n    </>\n  );\n};\nConfirmPane.propTypes = {\n  handleClose: PropTypes.func.isRequired,\n  handleConfirm: PropTypes.func.isRequired,\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ConfirmPane;\n"]}

package/dist/containers/UnenrollConfirmModal/components/FinishedPane.d.ts

@@ -0,0 +1,12 @@
+export function FinishedPane({ cardId, handleClose, }: {
+    cardId: any;
+    handleClose: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace FinishedPane {
+    namespace propTypes {
+        let handleClose: PropTypes.Validator<(...args: any[]) => any>;
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default FinishedPane;
+import PropTypes from 'prop-types';

package/dist/containers/UnenrollConfirmModal/components/FinishedPane.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useCourseData } from '../../../hooks';
+import { useIntl } from '@openedx/frontend-base';
+import { ActionRow, Button, } from '@openedx/paragon';
+import messages from './messages';
+export const FinishedPane = ({ cardId, handleClose, }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const courseName = ((_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.courseName) || '';
+    const courseTitle = _jsxs("span", { className: "font-italic", children: ["\u201C", courseName, "\u201D"] });
+    return (_jsxs(_Fragment, { children: [_jsx("h4", { children: formatMessage(messages.finishHeading) }), _jsx("p", { children: formatMessage(messages.finishText, { courseTitle }) }), _jsx(ActionRow, { children: _jsx(Button, { onClick: handleClose, children: formatMessage(messages.finishReturn) }) })] }));
+};
+FinishedPane.propTypes = {
+    handleClose: PropTypes.func.isRequired,
+    cardId: PropTypes.string.isRequired,
+};
+export default FinishedPane;
+//# sourceMappingURL=FinishedPane.js.map

package/dist/containers/UnenrollConfirmModal/components/FinishedPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinishedPane.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/components/FinishedPane.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,MAAM,GACP,MAAM,kBAAkB,CAAC;AAE1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,WAAW,GACZ,EAAE,EAAE;;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,KAAI,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,gBAAM,SAAS,EAAC,aAAa,uBAAG,UAAU,cAAS,CAAC;IAExE,OAAO,CACL,8BACE,uBAAK,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAM,EAChD,sBACG,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,GAClD,EACJ,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,YAAG,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAU,GACnE,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useCourseData } from '@src/hooks';\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  ActionRow,\n  Button,\n} from '@openedx/paragon';\n\nimport messages from './messages';\n\nexport const FinishedPane = ({\n  cardId,\n  handleClose,\n}) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const courseName = courseData?.course?.courseName || '';\n  const courseTitle = <span className=\"font-italic\">“{courseName}”</span>;\n\n  return (\n    <>\n      <h4>{formatMessage(messages.finishHeading)}</h4>\n      <p>\n        {formatMessage(messages.finishText, { courseTitle })}\n      </p>\n      <ActionRow>\n        <Button onClick={handleClose}>{formatMessage(messages.finishReturn)}</Button>\n      </ActionRow>\n    </>\n  );\n};\nFinishedPane.propTypes = {\n  handleClose: PropTypes.func.isRequired,\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default FinishedPane;\n"]}

package/dist/containers/UnenrollConfirmModal/components/ReasonPane.d.ts

@@ -0,0 +1,22 @@
+export function ReasonPane({ reason, handleClose, }: {
+    reason: any;
+    handleClose: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ReasonPane {
+    namespace propTypes {
+        let reason: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            hasReason: PropTypes.Requireable<boolean>;
+            selectOption: PropTypes.Requireable<(...args: any[]) => any>;
+            customOption: PropTypes.Requireable<PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            selected: PropTypes.Requireable<string>;
+            handleSubmit: PropTypes.Validator<(...args: any[]) => any>;
+        }>>>;
+        let handleClose: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default ReasonPane;
+import PropTypes from 'prop-types';

package/dist/containers/UnenrollConfirmModal/components/ReasonPane.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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, handleClose, }) => {
+    const { formatMessage } = useIntl();
+    const option = (key) => (_jsx(Form.Radio, { value: key, children: formatMessage(constants.messages[key]) }, key));
+    return (_jsxs(_Fragment, { children: [_jsx("h4", { children: formatMessage(messages.reasonHeading) }), _jsxs(Form.RadioSet, { name: "unenrollReason", onChange: reason.selectOption, value: reason.selected, defaultValue: constants.reasonKeys.preferNotToSay, children: [constants.order.map(option), _jsx(Form.Radio, { value: constants.reasonKeys.custom, children: _jsx(Form.Control, Object.assign({}, reason.customOption, { placeholder: formatMessage(constants.messages.customPlaceholder) })) }), option(constants.reasonKeys.preferNotToSay)] }), _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: handleClose, children: formatMessage(messages.confirmCancel) }), _jsx(Button, { onClick: reason.handleSubmit, children: formatMessage(messages.reasonSubmit) })] })] }));
+};
+ReasonPane.propTypes = {
+    reason: PropTypes.shape({
+        value: PropTypes.string,
+        hasReason: PropTypes.bool,
+        selectOption: PropTypes.func,
+        customOption: PropTypes.shape({
+            value: PropTypes.string,
+            onChange: PropTypes.func,
+        }),
+        selected: PropTypes.string,
+        handleSubmit: PropTypes.func.isRequired,
+    }).isRequired,
+    handleClose: PropTypes.func.isRequired,
+};
+export default ReasonPane;
+//# sourceMappingURL=ReasonPane.js.map

package/dist/containers/UnenrollConfirmModal/components/ReasonPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReasonPane.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/components/ReasonPane.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,GACL,MAAM,kBAAkB,CAAC;AAE1B,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI,CAAC,KAAK,IAAW,KAAK,EAAE,GAAG,YAC7B,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IADxB,GAAG,CAEP,CACd,CAAC;IACF,OAAO,CACL,8BACE,uBAAK,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAM,EAChD,MAAC,IAAI,CAAC,QAAQ,IACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,aAEhD,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAC5B,KAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,MAAM,YAC5C,KAAC,IAAI,CAAC,OAAO,oBACP,MAAM,CAAC,YAAY,IACvB,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAChE,GACS,EACZ,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,IAC9B,EAChB,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,WAAW,YAC5C,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,YAAY,YACjC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAC9B,IACC,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,KAAK,EAAE,SAAS,CAAC,MAAM;QACvB,SAAS,EAAE,SAAS,CAAC,IAAI;QACzB,YAAY,EAAE,SAAS,CAAC,IAAI;QAC5B,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC;YAC5B,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;SACzB,CAAC;QACF,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;KACxC,CAAC,CAAC,UAAU;IACb,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  ActionRow,\n  Button,\n  Form,\n} from '@openedx/paragon';\n\nimport constants from '../constants';\nimport messages from './messages';\n\nexport const ReasonPane = ({\n  reason,\n  handleClose,\n}) => {\n  const { formatMessage } = useIntl();\n  const option = (key) => (\n    <Form.Radio key={key} value={key}>\n      {formatMessage(constants.messages[key])}\n    </Form.Radio>\n  );\n  return (\n    <>\n      <h4>{formatMessage(messages.reasonHeading)}</h4>\n      <Form.RadioSet\n        name=\"unenrollReason\"\n        onChange={reason.selectOption}\n        value={reason.selected}\n        defaultValue={constants.reasonKeys.preferNotToSay}\n      >\n        {constants.order.map(option)}\n        <Form.Radio value={constants.reasonKeys.custom}>\n          <Form.Control\n            {...reason.customOption}\n            placeholder={formatMessage(constants.messages.customPlaceholder)}\n          />\n        </Form.Radio>\n        {option(constants.reasonKeys.preferNotToSay)}\n      </Form.RadioSet>\n      <ActionRow>\n        <Button variant=\"tertiary\" onClick={handleClose}>\n          {formatMessage(messages.confirmCancel)}\n        </Button>\n        <Button onClick={reason.handleSubmit}>\n          {formatMessage(messages.reasonSubmit)}\n        </Button>\n      </ActionRow>\n    </>\n  );\n};\nReasonPane.propTypes = {\n  reason: PropTypes.shape({\n    value: PropTypes.string,\n    hasReason: PropTypes.bool,\n    selectOption: PropTypes.func,\n    customOption: PropTypes.shape({\n      value: PropTypes.string,\n      onChange: PropTypes.func,\n    }),\n    selected: PropTypes.string,\n    handleSubmit: PropTypes.func.isRequired,\n  }).isRequired,\n  handleClose: PropTypes.func.isRequired,\n};\n\nexport default ReasonPane;\n"]}

package/dist/containers/UnenrollConfirmModal/components/messages.d.ts

@@ -0,0 +1,80 @@
+export default messages;
+declare namespace messages {
+    namespace confirmHeader {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace confirmText {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace confirmCancel {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace confirmUnenroll {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace reasonHeading {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace reasonSkip {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+    namespace reasonSubmit {
+        let id_6: string;
+        export { id_6 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+    }
+    namespace finishHeading {
+        let id_7: string;
+        export { id_7 as id };
+        let description_7: string;
+        export { description_7 as description };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+    }
+    namespace finishText {
+        let id_8: string;
+        export { id_8 as id };
+        let description_8: string;
+        export { description_8 as description };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+    }
+    namespace finishReturn {
+        let id_9: string;
+        export { id_9 as id };
+        let description_9: string;
+        export { description_9 as description };
+        let defaultMessage_9: string;
+        export { defaultMessage_9 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,55 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    confirmHeader: {
+        id: 'learner-dash.unenrollConfirm.confirm.header',
+        description: 'Header for confirm unenroll modal',
+        defaultMessage: 'Confirm Unenrollment',
+    },
+    confirmText: {
+        id: 'learner-dash.unenrollConfirm.confirm.text',
+        description: 'Text for confirm unenroll modal',
+        defaultMessage: 'Are you sure you want to unenroll from the course {courseTitle} ?',
+    },
+    confirmCancel: {
+        id: 'learner-dash.unenrollConfirm.confirm.cancel',
+        description: 'Cancel action for confirm unenroll modal',
+        defaultMessage: 'Cancel',
+    },
+    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: 'Why are you 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: 'Unenroll',
+    },
+    finishHeading: {
+        id: 'learner-dash.unenrollConfirm.confirm.finish.heading',
+        description: 'Heading for unenroll finish modal',
+        defaultMessage: 'Unenrollment Successful',
+    },
+    finishText: {
+        id: 'learner-dash.unenrollConfirm.confirm.finish.text',
+        description: 'Text for unenroll finish modal',
+        defaultMessage: 'You have been unenrolled from the course {courseTitle}',
+    },
+    finishReturn: {
+        id: 'learner-dash.unenrollConfirm.confirm.finish.return',
+        description: 'Return action for unenroll finish modal',
+        defaultMessage: 'Ok',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/UnenrollConfirmModal/components/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/components/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,aAAa,EAAE;QACb,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,sBAAsB;KACvC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,iCAAiC;QAC9C,cAAc,EAAE,mEAAmE;KACpF;IACD,aAAa,EAAE;QACb,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,0CAA0C;QACvD,cAAc,EAAE,QAAQ;KACzB;IACD,eAAe,EAAE;QACf,EAAE,EAAE,+CAA+C;QACnD,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,0BAA0B;KAC3C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,kDAAkD;QACtD,WAAW,EAAE,uCAAuC;QACpD,cAAc,EAAE,aAAa;KAC9B;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,yCAAyC;QACtD,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,yBAAyB;KAC1C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,kDAAkD;QACtD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,wDAAwD;KACzE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,yCAAyC;QACtD,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  confirmHeader: {\n    id: 'learner-dash.unenrollConfirm.confirm.header',\n    description: 'Header for confirm unenroll modal',\n    defaultMessage: 'Confirm Unenrollment',\n  },\n  confirmText: {\n    id: 'learner-dash.unenrollConfirm.confirm.text',\n    description: 'Text for confirm unenroll modal',\n    defaultMessage: 'Are you sure you want to unenroll from the course {courseTitle} ?',\n  },\n  confirmCancel: {\n    id: 'learner-dash.unenrollConfirm.confirm.cancel',\n    description: 'Cancel action for confirm unenroll modal',\n    defaultMessage: 'Cancel',\n  },\n  confirmUnenroll: {\n    id: 'learner-dash.unenrollConfirm.confirm.unenroll',\n    description: 'Confirm action for confirm unenroll modal',\n    defaultMessage: 'Unenroll',\n  },\n  reasonHeading: {\n    id: 'learner-dash.unenrollConfirm.confirm.reason.heading',\n    description: 'Heading for unenroll reason modal',\n    defaultMessage: 'Why are you unenrolling?',\n  },\n  reasonSkip: {\n    id: 'learner-dash.unenrollConfirm.confirm.reason.skip',\n    description: 'Skip action for unenroll reason modal',\n    defaultMessage: 'Skip survey',\n  },\n  reasonSubmit: {\n    id: 'learner-dash.unenrollConfirm.confirm.reason.submit',\n    description: 'Submit action for unenroll reason modal',\n    defaultMessage: 'Unenroll',\n  },\n  finishHeading: {\n    id: 'learner-dash.unenrollConfirm.confirm.finish.heading',\n    description: 'Heading for unenroll finish modal',\n    defaultMessage: 'Unenrollment Successful',\n  },\n  finishText: {\n    id: 'learner-dash.unenrollConfirm.confirm.finish.text',\n    description: 'Text for unenroll finish modal',\n    defaultMessage: 'You have been unenrolled from the course {courseTitle}',\n  },\n  finishReturn: {\n    id: 'learner-dash.unenrollConfirm.confirm.finish.return',\n    description: 'Return action for unenroll finish modal',\n    defaultMessage: 'Ok',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/UnenrollConfirmModal/constants.d.ts

@@ -0,0 +1,65 @@
+export const reasonKeys: any;
+export const order: any[];
+declare namespace _default {
+    export { messages };
+    export { order };
+    export { reasonKeys };
+}
+export default _default;
+declare const messages: {
+    [reasonKeys.prereqs]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.difficulty]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.goals]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.broken]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.time]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.browse]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.support]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.quality]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.easy]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    [reasonKeys.preferNotToSay]: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    customPlaceholder: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/containers/UnenrollConfirmModal/constants.js

@@ -0,0 +1,89 @@
+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',
+    preferNotToSay: 'prefer-not-to-say',
+});
+export const order = [
+    reasonKeys.prereqs,
+    reasonKeys.difficulty,
+    reasonKeys.easy,
+    reasonKeys.goals,
+    reasonKeys.broken,
+    reasonKeys.time,
+    reasonKeys.browse,
+    reasonKeys.support,
+    reasonKeys.quality,
+];
+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',
+    },
+    [reasonKeys.preferNotToSay]: {
+        id: 'learner-dash.unenrollConfirm.reasons.prefer-not-to-say',
+        description: 'Unenroll reason option - prefer not to say',
+        defaultMessage: 'I prefer not to say',
+    },
+});
+export default {
+    messages,
+    order,
+    reasonKeys,
+};
+//# sourceMappingURL=constants.js.map

package/dist/containers/UnenrollConfirmModal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/containers/UnenrollConfirmModal/constants.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC;IACnC,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,cAAc,EAAE,mBAAmB;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,UAAU,CAAC,OAAO;IAClB,UAAU,CAAC,UAAU;IACrB,UAAU,CAAC,IAAI;IACf,UAAU,CAAC,KAAK;IAChB,UAAU,CAAC,MAAM;IACjB,UAAU,CAAC,IAAI;IACf,UAAU,CAAC,MAAM;IACjB,UAAU,CAAC,OAAO;IAClB,UAAU,CAAC,OAAO;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,gDAAgD;QAC7D,cAAc,EAAE,qDAAqD;KACtE;IACD,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACvB,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,+CAA+C;QAC5D,cAAc,EAAE,kCAAkC;KACnD;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QAClB,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,mCAAmC;KACpD;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QACnB,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,sBAAsB;KACvC;IACD,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QACjB,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,uCAAuC;QACpD,cAAc,EAAE,uBAAuB;KACxC;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QACnB,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,sCAAsC;KACvD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,0CAA0C;QACvD,cAAc,EAAE,6BAA6B;KAC9C;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,0CAA0C;QACvD,cAAc,EAAE,gDAAgD;KACjE;IACD,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QACjB,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,kCAAkC;KACnD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,gDAAgD;QAC7D,cAAc,EAAE,OAAO;KACxB;IACD,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE;QAC3B,EAAE,EAAE,wDAAwD;QAC5D,WAAW,EAAE,4CAA4C;QACzD,cAAc,EAAE,qBAAqB;KACtC;CACF,CAAC,CAAC;AAEH,eAAe;IACb,QAAQ;IACR,KAAK;IACL,UAAU;CACX,CAAC","sourcesContent":["import { StrictDict } from '../../utils';\nimport { defineMessages } from '@openedx/frontend-base';\n\nexport const reasonKeys = StrictDict({\n  prereqs: 'prereqs',\n  difficulty: 'difficulty',\n  goals: 'goals',\n  broken: 'broken',\n  time: 'time',\n  browse: 'browse',\n  support: 'support',\n  quality: 'quality',\n  easy: 'easy',\n  custom: 'custom',\n  preferNotToSay: 'prefer-not-to-say',\n});\n\nexport const order = [\n  reasonKeys.prereqs,\n  reasonKeys.difficulty,\n  reasonKeys.easy,\n  reasonKeys.goals,\n  reasonKeys.broken,\n  reasonKeys.time,\n  reasonKeys.browse,\n  reasonKeys.support,\n  reasonKeys.quality,\n];\n\nconst messages = defineMessages({\n  [reasonKeys.prereqs]: {\n    id: 'learner-dash.unenrollConfirm.reasons.prereqs',\n    description: 'Unenroll reason option - missing prerequisites',\n    defaultMessage: `I don't have the academic or language prerequisites`,\n  },\n  [reasonKeys.difficulty]: {\n    id: 'learner-dash.unenrollConfirm.reasons.difficulty',\n    description: 'Unenroll reason option - material is too hard',\n    defaultMessage: 'The course material was too hard',\n  },\n  [reasonKeys.goals]: {\n    id: 'learner-dash.unenrollConfirm.reasons.goals',\n    description: 'Unenroll reason option - goals-related',\n    defaultMessage: `This won't help me reach my goals`,\n  },\n  [reasonKeys.broken]: {\n    id: 'learner-dash.unenrollConfirm.reasons.broken',\n    description: 'Unenroll reason option - something broken',\n    defaultMessage: 'Something was broken',\n  },\n  [reasonKeys.time]: {\n    id: 'learner-dash.unenrollConfirm.reasons.time',\n    description: 'Unenroll reason option - time-related',\n    defaultMessage: `I don't have the time`,\n  },\n  [reasonKeys.browse]: {\n    id: 'learner-dash.unenrollConfirm.reasons.browse',\n    description: 'Unenroll reason option - wanted to browse',\n    defaultMessage: 'I just wanted to browse the material',\n  },\n  [reasonKeys.support]: {\n    id: 'learner-dash.unenrollConfirm.reasons.support',\n    description: 'Unenroll reason option - lacking support',\n    defaultMessage: `I don't have enough support`,\n  },\n  [reasonKeys.quality]: {\n    id: 'learner-dash.unenrollConfirm.reasons.quality',\n    description: 'Unenroll reason option - quality-related',\n    defaultMessage: 'I am not happy with the quality of the content',\n  },\n  [reasonKeys.easy]: {\n    id: 'learner-dash.unenrollConfirm.reasons.easy',\n    description: 'Unenroll reason option - too easy',\n    defaultMessage: 'The course material was too easy',\n  },\n  customPlaceholder: {\n    id: 'learner-dash.unenrollConfirm.reasons.custom-placeholder',\n    description: 'Unenroll custom reason option placeholder text',\n    defaultMessage: 'Other',\n  },\n  [reasonKeys.preferNotToSay]: {\n    id: 'learner-dash.unenrollConfirm.reasons.prefer-not-to-say',\n    description: 'Unenroll reason option - prefer not to say',\n    defaultMessage: 'I prefer not to say',\n  },\n});\n\nexport default {\n  messages,\n  order,\n  reasonKeys,\n};\n"]}

package/dist/containers/UnenrollConfirmModal/hooks/index.d.ts

@@ -0,0 +1,25 @@
+export const state: any;
+export const modalStates: any;
+export function useUnenrollData({ closeModal, cardId }: {
+    closeModal: any;
+    cardId: any;
+}): {
+    isConfirmed: any;
+    confirm: () => void;
+    reason: {
+        customOption: {
+            value: any;
+            onChange: (e: any) => any;
+        };
+        handleClear: () => void;
+        handleSubmit: (e: any) => void;
+        hasReason: boolean;
+        isSubmitted: any;
+        selectOption: (e: any) => any;
+        submittedReason: any;
+    };
+    close: () => void;
+    closeAndRefresh: () => void;
+    modalState: any;
+};
+export default module.useUnenrollData;

package/dist/containers/UnenrollConfirmModal/hooks/index.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { useAppConfig } from '@openedx/frontend-base';
+import { StrictDict } from '../../../utils';
+import { useCourseData } from '../../../hooks';
+import { useUnenrollFromCourse } from '../../../data/hooks';
+import { useUnenrollReasons } from './reasons';
+import * as module from '.';
+export const state = StrictDict({
+    confirmed: (val) => React.useState(val), // eslint-disable-line
+});
+export const modalStates = StrictDict({
+    confirm: 'confirm',
+    reason: 'reason',
+    finished: 'finished',
+});
+export const useUnenrollData = ({ closeModal, cardId }) => {
+    var _a;
+    const [isConfirmed, setIsConfirmed] = module.state.confirmed(false);
+    const reason = useUnenrollReasons({ cardId });
+    const appConfig = useAppConfig();
+    const courseData = useCourseData(cardId);
+    const courseId = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.courseId;
+    const { mutate: unenrollFromCourse } = useUnenrollFromCourse();
+    const confirm = () => {
+        if (!appConfig.SHOW_UNENROLL_SURVEY) {
+            unenrollFromCourse({ courseId });
+        }
+        setIsConfirmed(true);
+    };
+    let modalState;
+    if (isConfirmed) {
+        modalState = (reason.isSubmitted || !appConfig.SHOW_UNENROLL_SURVEY)
+            ? modalStates.finished : modalStates.reason;
+    }
+    else {
+        modalState = modalStates.confirm;
+    }
+    const close = () => {
+        closeModal();
+        setIsConfirmed(false);
+        reason.handleClear();
+    };
+    return {
+        isConfirmed,
+        confirm,
+        reason,
+        close,
+        closeAndRefresh: close,
+        modalState,
+    };
+};
+export default useUnenrollData;
+//# sourceMappingURL=index.js.map

package/dist/containers/UnenrollConfirmModal/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/hooks/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,GAAG,CAAC;AAE5B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAChE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IAEjD,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE/D,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,oBAAoB,EAAE,CAAC;YACpC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnC,CAAC;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAI,UAAU,CAAC;IACf,IAAI,WAAW,EAAE,CAAC;QAChB,UAAU,GAAG,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;YAClE,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;IAChD,CAAC;SAAM,CAAC;QACN,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IACnC,CAAC;IAED,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,EAAE,CAAC;QACb,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,OAAO;QACP,MAAM;QACN,KAAK;QACL,eAAe,EAAE,KAAK;QACtB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport { useAppConfig } from '@openedx/frontend-base';\nimport { StrictDict } from '@src/utils';\nimport { useCourseData } from '@src/hooks';\nimport { useUnenrollFromCourse } from '@src/data/hooks';\n\nimport { useUnenrollReasons } from './reasons';\nimport * as module from '.';\n\nexport const state = StrictDict({\n  confirmed: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const modalStates = StrictDict({\n  confirm: 'confirm',\n  reason: 'reason',\n  finished: 'finished',\n});\n\nexport const useUnenrollData = ({ closeModal, cardId }) => {\n  const [isConfirmed, setIsConfirmed] = module.state.confirmed(false);\n  const reason = useUnenrollReasons({ cardId });\n  const appConfig = useAppConfig();\n  const courseData = useCourseData(cardId);\n  const courseId = courseData?.courseRun?.courseId;\n\n  const { mutate: unenrollFromCourse } = useUnenrollFromCourse();\n\n  const confirm = () => {\n    if (!appConfig.SHOW_UNENROLL_SURVEY) {\n      unenrollFromCourse({ courseId });\n    }\n    setIsConfirmed(true);\n  };\n\n  let modalState;\n  if (isConfirmed) {\n    modalState = (reason.isSubmitted || !appConfig.SHOW_UNENROLL_SURVEY)\n      ? modalStates.finished : modalStates.reason;\n  } else {\n    modalState = modalStates.confirm;\n  }\n\n  const close = () => {\n    closeModal();\n    setIsConfirmed(false);\n    reason.handleClear();\n  };\n\n  return {\n    isConfirmed,\n    confirm,\n    reason,\n    close,\n    closeAndRefresh: close,\n    modalState,\n  };\n};\n\nexport default useUnenrollData;\n"]}

package/dist/containers/UnenrollConfirmModal/hooks/reasons.d.ts

@@ -0,0 +1,15 @@
+export const state: any;
+export function useUnenrollReasons({ cardId, }: {
+    cardId: any;
+}): {
+    customOption: {
+        value: any;
+        onChange: (e: any) => any;
+    };
+    handleClear: () => void;
+    handleSubmit: (e: any) => void;
+    hasReason: boolean;
+    isSubmitted: any;
+    selectOption: (e: any) => any;
+    submittedReason: any;
+};

package/dist/containers/UnenrollConfirmModal/hooks/reasons.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { useCourseData, useCourseTrackingEvent, utilHooks, useEntitlementInfo, } from '../../../hooks';
+import { StrictDict } from '../../../utils';
+import track from '../../../tracking';
+import { useUnenrollFromCourse } from '../../../data/hooks';
+import * as module from './reasons';
+import constants from '../constants';
+export const state = StrictDict({
+    customOption: (val) => React.useState(val), // eslint-disable-line
+    selectedReason: (val) => React.useState(val), // eslint-disable-line
+    isSubmitted: (val) => React.useState(val), //eslint-disable-line
+});
+export const useUnenrollReasons = ({ cardId, }) => {
+    const courseData = useCourseData(cardId);
+    const { mutate: unenrollFromCourseMutation } = useUnenrollFromCourse();
+    // The selected option element from the menu
+    const [selectedReason, setSelectedReason] = module.state.selectedReason(constants.reasonKeys.preferNotToSay);
+    // Custom option element entry value
+    const [customOption, setCustomOption] = module.state.customOption('');
+    // Did the user submit an unenrollment reason
+    const [isSubmitted, setIsSubmitted] = module.state.isSubmitted(false);
+    const { isEntitlement } = useEntitlementInfo(courseData);
+    const submittedReason = selectedReason === 'custom' ? customOption : selectedReason;
+    const hasReason = ![null, ''].includes(submittedReason);
+    const handleTrackReasons = useCourseTrackingEvent(track.engagement.unenrollReason, cardId, submittedReason, isEntitlement);
+    const unenrollFromCourse = () => {
+        var _a;
+        const courseId = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.courseId;
+        unenrollFromCourseMutation({ courseId });
+    };
+    const handleClear = () => {
+        setSelectedReason(null);
+        setCustomOption('');
+        setIsSubmitted(false);
+    };
+    const handleSubmit = (e) => {
+        handleTrackReasons(e);
+        setIsSubmitted(true);
+        unenrollFromCourse();
+    };
+    const handleCustomOptionChange = utilHooks.useValueCallback(setCustomOption);
+    const handleSelectOption = utilHooks.useValueCallback(setSelectedReason);
+    return {
+        customOption: { value: customOption, onChange: handleCustomOptionChange },
+        handleClear,
+        handleSubmit,
+        hasReason,
+        isSubmitted,
+        selectOption: handleSelectOption,
+        submittedReason,
+    };
+};
+//# sourceMappingURL=reasons.js.map

package/dist/containers/UnenrollConfirmModal/hooks/reasons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasons.js","sourceRoot":"","sources":["../../../../src/containers/UnenrollConfirmModal/hooks/reasons.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  useCourseData,\n  useCourseTrackingEvent,\n  utilHooks,\n  useEntitlementInfo,\n} from '@src/hooks';\nimport { StrictDict } from '@src/utils';\nimport track from '@src/tracking';\nimport { useUnenrollFromCourse } from '@src/data/hooks';\nimport * as module from './reasons';\nimport constants from '../constants';\n\nexport const state = StrictDict({\n  customOption: (val) => React.useState(val), // eslint-disable-line\n  selectedReason: (val) => React.useState(val), // eslint-disable-line\n  isSubmitted: (val) => React.useState(val), //eslint-disable-line\n});\n\nexport const useUnenrollReasons = ({\n  cardId,\n}) => {\n  const courseData = useCourseData(cardId);\n  const { mutate: unenrollFromCourseMutation } = useUnenrollFromCourse();\n  // The selected option element from the menu\n  const [selectedReason, setSelectedReason] = module.state.selectedReason(\n    constants.reasonKeys.preferNotToSay,\n  );\n  // Custom option element entry value\n  const [customOption, setCustomOption] = module.state.customOption('');\n\n  // Did the user submit an unenrollment reason\n  const [isSubmitted, setIsSubmitted] = module.state.isSubmitted(false);\n\n  const { isEntitlement } = useEntitlementInfo(courseData);\n\n  const submittedReason = selectedReason === 'custom' ? customOption : selectedReason;\n  const hasReason = ![null, ''].includes(submittedReason);\n\n  const handleTrackReasons = useCourseTrackingEvent(\n    track.engagement.unenrollReason,\n    cardId,\n    submittedReason,\n    isEntitlement,\n  );\n\n  const unenrollFromCourse = () => {\n    const courseId = courseData?.courseRun?.courseId;\n    unenrollFromCourseMutation({ courseId });\n  };\n\n  const handleClear = () => {\n    setSelectedReason(null);\n    setCustomOption('');\n    setIsSubmitted(false);\n  };\n\n  const handleSubmit = (e) => {\n    handleTrackReasons(e);\n    setIsSubmitted(true);\n    unenrollFromCourse();\n  };\n\n  const handleCustomOptionChange = utilHooks.useValueCallback(setCustomOption);\n  const handleSelectOption = utilHooks.useValueCallback(setSelectedReason);\n\n  return {\n    customOption: { value: customOption, onChange: handleCustomOptionChange },\n    handleClear,\n    handleSubmit,\n    hasReason,\n    isSubmitted,\n    selectOption: handleSelectOption,\n    submittedReason,\n  };\n};\n"]}

package/dist/containers/UnenrollConfirmModal/index.d.ts

@@ -0,0 +1,14 @@
+export function UnenrollConfirmModal({ closeModal, show, cardId, }: {
+    closeModal: any;
+    show: any;
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace UnenrollConfirmModal {
+    namespace propTypes {
+        let closeModal: PropTypes.Validator<(...args: any[]) => any>;
+        let show: PropTypes.Validator<boolean>;
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default UnenrollConfirmModal;
+import PropTypes from 'prop-types';