@edx/frontend-app-subscription-learner-dashboard 1.39.0 → 1.40.0

package/dist/widgets/ProgressiveProfilingQuiz/data/types.d.ts

@@ -3,6 +3,12 @@ export interface SkillWithCount {
     value: string;
     count: number;
 }
+/** The value shape Paragon's `Form.Autosuggest` reads from and calls `onChange` with. */
+export interface AutosuggestValue {
+    userProvidedText: string;
+    selectionValue: string;
+    selectionId: string;
+}
 /** Structurally compatible with react-intl's MessageDescriptor, without depending on the package directly. */
 export interface QuizMessageDescriptor {
     id: string;

package/dist/widgets/ProgressiveProfilingQuiz/data/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/types.ts"],"names":[],"mappings":"","sourcesContent":["/** A single Algolia facet value with its matching record count, e.g. from fetchSkills. */\nexport interface SkillWithCount {\n  value: string,\n  count: number,\n}\n\n/** Structurally compatible with react-intl's MessageDescriptor, without depending on the package directly. */\nexport interface QuizMessageDescriptor {\n  id: string,\n  defaultMessage: string,\n  description?: string,\n}\n\n/** A selectable option for a quiz question, as defined in source (unresolved) form. */\nexport interface QuizAnswerOption {\n  value: string,\n  message: QuizMessageDescriptor,\n}\n\n/**\n * The definition of a quiz question: its identity, the question text, and every option offered.\n * This is the single source of truth used both to render a step's UI and to record what was\n * actually shown to the user when they answered it.\n */\nexport interface QuizQuestionSchema {\n  questionId: string,\n  /** Bump whenever the question or its options change meaningfully, so recorded answers can be grouped by what was actually asked. */\n  version: string,\n  question: QuizMessageDescriptor,\n  options: QuizAnswerOption[],\n}\n\n/** A resolved (formatted) option, as actually presented to the user. */\nexport interface QuizAnswerOptionRecord {\n  value: string,\n  label: string,\n}\n\n/**\n * A snapshot of a question, its options, and the user's selection(s), as it existed at answer\n * time. Always an array so single-select (radio) and multi-select (checkbox) questions share one\n * shape — a single-select answer is simply a one-element array.\n */\nexport interface QuizAnswerRecord {\n  questionId: string,\n  version: string,\n  question: string,\n  options: QuizAnswerOptionRecord[],\n  selectedValues: string[],\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/types.ts"],"names":[],"mappings":"","sourcesContent":["/** A single Algolia facet value with its matching record count, e.g. from fetchSkills. */\nexport interface SkillWithCount {\n  value: string,\n  count: number,\n}\n\n/** The value shape Paragon's `Form.Autosuggest` reads from and calls `onChange` with. */\nexport interface AutosuggestValue {\n  userProvidedText: string,\n  selectionValue: string,\n  selectionId: string,\n}\n\n/** Structurally compatible with react-intl's MessageDescriptor, without depending on the package directly. */\nexport interface QuizMessageDescriptor {\n  id: string,\n  defaultMessage: string,\n  description?: string,\n}\n\n/** A selectable option for a quiz question, as defined in source (unresolved) form. */\nexport interface QuizAnswerOption {\n  value: string,\n  message: QuizMessageDescriptor,\n}\n\n/**\n * The definition of a quiz question: its identity, the question text, and every option offered.\n * This is the single source of truth used both to render a step's UI and to record what was\n * actually shown to the user when they answered it.\n */\nexport interface QuizQuestionSchema {\n  questionId: string,\n  /** Bump whenever the question or its options change meaningfully, so recorded answers can be grouped by what was actually asked. */\n  version: string,\n  question: QuizMessageDescriptor,\n  options: QuizAnswerOption[],\n}\n\n/** A resolved (formatted) option, as actually presented to the user. */\nexport interface QuizAnswerOptionRecord {\n  value: string,\n  label: string,\n}\n\n/**\n * A snapshot of a question, its options, and the user's selection(s), as it existed at answer\n * time. Always an array so single-select (radio) and multi-select (checkbox) questions share one\n * shape — a single-select answer is simply a one-element array.\n */\nexport interface QuizAnswerRecord {\n  questionId: string,\n  version: string,\n  question: string,\n  options: QuizAnswerOptionRecord[],\n  selectedValues: string[],\n}\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/index.js

@@ -1,15 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stepper, Button } from '@openedx/paragon';
+import { useState } from 'react';
+import { Stepper, Button, Form } from '@openedx/paragon';
 import { useIntl } from '@openedx/frontend-base';
-import BaseStep from '../BaseStep';
 import { useProgressiveProfilingQuiz } from '../../../../../../widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider';
 import { PROGRESSIVE_PROFILING_QUIZ_STEPS } from '../../../../../../widgets/ProgressiveProfilingQuiz/data/constants';
+import { buildAnswerRecord } from '../../../../../../widgets/ProgressiveProfilingQuiz/data/schemaUtils';
+import jobsList from '../../../../../../widgets/ProgressiveProfilingQuiz/data/jobsList';
+import BaseStep from '../BaseStep';
 import stepMessages from '../messages';
 import messages from './messages';
+import schema, { NOT_EMPLOYED_VALUE } from './schema';
+const EMPTY_AUTOSUGGEST_VALUE = {
+    userProvidedText: '',
+    selectionValue: '',
+    selectionId: '',
+};
 const WorkStatusStep = () => {
-    const { goToPreviousStep } = useProgressiveProfilingQuiz();
+    var _a, _b;
+    const { goToPreviousStep, answers, recordAnswer, } = useProgressiveProfilingQuiz();
     const { formatMessage } = useIntl();
-    return (_jsxs(_Fragment, { children: [_jsx(BaseStep, { eventKey: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS, title: formatMessage(messages.title), index: 3, children: _jsx("h4", { children: formatMessage(messages.question) }) }), _jsxs(Stepper.ActionRow, { eventKey: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS, children: [_jsx(Button, { variant: "outline-primary", onClick: goToPreviousStep, children: formatMessage(stepMessages.backButton) }), _jsx(Button, { children: formatMessage(messages.viewResultsButton) })] })] }));
+    const [inputValue, setInputValue] = useState(EMPTY_AUTOSUGGEST_VALUE);
+    const selectedValue = (_b = (_a = answers[schema.questionId]) === null || _a === void 0 ? void 0 : _a.selectedValues[0]) !== null && _b !== void 0 ? _b : '';
+    const isNotEmployed = selectedValue === NOT_EMPLOYED_VALUE;
+    const handleJobSelect = (value) => {
+        setInputValue(value);
+        if (value.selectionValue) {
+            recordAnswer(buildAnswerRecord(schema, [value.selectionValue], formatMessage));
+        }
+    };
+    const handleNotEmployedToggle = (event) => {
+        const { checked } = event.target;
+        if (checked) {
+            setInputValue(EMPTY_AUTOSUGGEST_VALUE);
+        }
+        recordAnswer(buildAnswerRecord(schema, checked ? [NOT_EMPLOYED_VALUE] : [], formatMessage));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(BaseStep, { eventKey: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS, title: formatMessage(messages.title), index: 3, children: [_jsx("h4", { children: formatMessage(messages.question) }), _jsx("p", { children: formatMessage(messages.subtitle) }), _jsx(Form.Autosuggest, { name: "work-status-autosuggest", value: inputValue, onChange: handleJobSelect, className: "h-50", children: jobsList === null || jobsList === void 0 ? void 0 : jobsList.map(job => (_jsx(Form.AutosuggestOption, { id: job.jobTitle.replaceAll(' ', '-').toLowerCase(), children: job.jobTitle }, job.jobTitle))) }), _jsx(Form.Checkbox, { className: "mt-6", checked: isNotEmployed, onChange: handleNotEmployedToggle, children: formatMessage(messages.notEmployedOption) })] }), _jsxs(Stepper.ActionRow, { eventKey: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS, children: [_jsx(Button, { variant: "outline-primary", onClick: goToPreviousStep, children: formatMessage(stepMessages.backButton) }), _jsx(Button, { children: formatMessage(messages.viewResultsButton) })] })] }));
 };
 export default WorkStatusStep;
 //# sourceMappingURL=index.js.map

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,2BAA2B,EAAE,MAAM,wEAAwE,CAAC;AACrH,OAAO,EAAE,gCAAgC,EAAE,MAAM,sDAAsD,CAAC;AACxG,OAAO,YAAY,MAAM,aAAa,CAAC;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,cAAc,GAAa,GAAG,EAAE;IACpC,MAAM,EAAE,gBAAgB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC3D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,KAAC,QAAQ,IACP,QAAQ,EAAE,gCAAgC,CAAC,WAAW,EACtD,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,KAAK,EAAE,CAAC,YAER,uBACG,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC9B,GACI,EACX,MAAC,OAAO,CAAC,SAAS,IAAC,QAAQ,EAAE,gCAAgC,CAAC,WAAW,aACvE,KAAC,MAAM,IAAC,OAAO,EAAC,iBAAiB,EAAC,OAAO,EAAE,gBAAgB,YACxD,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,GAChC,EACT,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GACnC,IACS,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport { Stepper, Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport BaseStep from '../BaseStep';\nimport { useProgressiveProfilingQuiz } from '@src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider';\nimport { PROGRESSIVE_PROFILING_QUIZ_STEPS } from '@src/widgets/ProgressiveProfilingQuiz/data/constants';\nimport stepMessages from '../messages';\nimport messages from './messages';\n\nconst WorkStatusStep: React.FC = () => {\n  const { goToPreviousStep } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <BaseStep\n        eventKey={PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS}\n        title={formatMessage(messages.title)}\n        index={3}\n      >\n        <h4>\n          {formatMessage(messages.question)}\n        </h4>\n      </BaseStep>\n      <Stepper.ActionRow eventKey={PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS}>\n        <Button variant=\"outline-primary\" onClick={goToPreviousStep}>\n          {formatMessage(stepMessages.backButton)}\n        </Button>\n        <Button>\n          {formatMessage(messages.viewResultsButton)}\n        </Button>\n      </Stepper.ActionRow>\n    </>\n  );\n};\n\nexport default WorkStatusStep;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Stepper, Button, Form } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useProgressiveProfilingQuiz } from '@src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider';\nimport { PROGRESSIVE_PROFILING_QUIZ_STEPS } from '@src/widgets/ProgressiveProfilingQuiz/data/constants';\nimport { AutosuggestValue } from '@src/widgets/ProgressiveProfilingQuiz/data';\nimport { buildAnswerRecord } from '@src/widgets/ProgressiveProfilingQuiz/data/schemaUtils';\nimport jobsList from '@src/widgets/ProgressiveProfilingQuiz/data/jobsList';\nimport BaseStep from '../BaseStep';\nimport stepMessages from '../messages';\nimport messages from './messages';\nimport schema, { NOT_EMPLOYED_VALUE } from './schema';\n\nconst EMPTY_AUTOSUGGEST_VALUE: AutosuggestValue = {\n  userProvidedText: '',\n  selectionValue: '',\n  selectionId: '',\n};\n\nconst WorkStatusStep: React.FC = () => {\n  const {\n    goToPreviousStep, answers, recordAnswer,\n  } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n\n  const [inputValue, setInputValue] = useState<AutosuggestValue>(EMPTY_AUTOSUGGEST_VALUE);\n\n  const selectedValue = answers[schema.questionId]?.selectedValues[0] ?? '';\n  const isNotEmployed = selectedValue === NOT_EMPLOYED_VALUE;\n\n  const handleJobSelect = (value: AutosuggestValue) => {\n    setInputValue(value);\n\n    if (value.selectionValue) {\n      recordAnswer(buildAnswerRecord(schema, [value.selectionValue], formatMessage));\n    }\n  };\n\n  const handleNotEmployedToggle = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { checked } = event.target;\n\n    if (checked) {\n      setInputValue(EMPTY_AUTOSUGGEST_VALUE);\n    }\n    recordAnswer(buildAnswerRecord(schema, checked ? [NOT_EMPLOYED_VALUE] : [], formatMessage));\n  };\n\n  return (\n    <>\n      <BaseStep\n        eventKey={PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS}\n        title={formatMessage(messages.title)}\n        index={3}\n      >\n        <h4>\n          {formatMessage(messages.question)}\n        </h4>\n        <p>\n          {formatMessage(messages.subtitle)}\n        </p>\n        <Form.Autosuggest\n          name=\"work-status-autosuggest\"\n          value={inputValue}\n          onChange={handleJobSelect}\n          className=\"h-50\"\n        >\n          {jobsList?.map(job => (\n            <Form.AutosuggestOption\n              key={job.jobTitle}\n              id={job.jobTitle.replaceAll(' ', '-').toLowerCase()}\n            >\n              {job.jobTitle}\n            </Form.AutosuggestOption>\n          ))}\n        </Form.Autosuggest>\n        <Form.Checkbox\n          className=\"mt-6\"\n          checked={isNotEmployed}\n          onChange={handleNotEmployedToggle}\n        >\n          {formatMessage(messages.notEmployedOption)}\n        </Form.Checkbox>\n      </BaseStep>\n      <Stepper.ActionRow eventKey={PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS}>\n        <Button variant=\"outline-primary\" onClick={goToPreviousStep}>\n          {formatMessage(stepMessages.backButton)}\n        </Button>\n        <Button>\n          {formatMessage(messages.viewResultsButton)}\n        </Button>\n      </Stepper.ActionRow>\n    </>\n  );\n};\n\nexport default WorkStatusStep;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/messages.d.ts

@@ -9,6 +9,16 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    subtitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    notEmployedOption: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     viewResultsButton: {
         id: string;
         defaultMessage: string;

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/messages.js

@@ -10,6 +10,16 @@ const messages = defineMessages({
         defaultMessage: 'What is your current role?',
         description: 'Question asked in the work status step of the progressive profiling quiz',
     },
+    subtitle: {
+        id: 'progressiveProfilingQuiz.stepper.workStatus.subtitle',
+        defaultMessage: 'Find the job title that best matches your role.',
+        description: 'Subtitle text shown below the question in the work status step of the progressive profiling quiz',
+    },
+    notEmployedOption: {
+        id: 'progressiveProfilingQuiz.stepper.workStatus.notEmployedOption',
+        defaultMessage: 'Not employed',
+        description: 'Checkbox label for indicating the user is not currently employed, in the work status step of the progressive profiling quiz',
+    },
     viewResultsButton: {
         id: 'progressiveProfilingQuiz.stepper.workStatus.viewResultsButton',
         defaultMessage: 'View Results',

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../../src/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,kEAAkE;KAChF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,0EAA0E;KACxF;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,+DAA+D;QACnE,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,sFAAsF;KACpG;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  title: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.title',\n    defaultMessage: 'Work Status',\n    description: 'Title for the work status step of the progressive profiling quiz',\n  },\n  question: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.question',\n    defaultMessage: 'What is your current role?',\n    description: 'Question asked in the work status step of the progressive profiling quiz',\n  },\n  viewResultsButton: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.viewResultsButton',\n    defaultMessage: 'View Results',\n    description: 'Label for the button to complete the quiz and view results from the work status step',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../../src/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,kEAAkE;KAChF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,0EAA0E;KACxF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,iDAAiD;QACjE,WAAW,EAAE,kGAAkG;KAChH;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,+DAA+D;QACnE,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,6HAA6H;KAC3I;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,+DAA+D;QACnE,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,sFAAsF;KACpG;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  title: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.title',\n    defaultMessage: 'Work Status',\n    description: 'Title for the work status step of the progressive profiling quiz',\n  },\n  question: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.question',\n    defaultMessage: 'What is your current role?',\n    description: 'Question asked in the work status step of the progressive profiling quiz',\n  },\n  subtitle: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.subtitle',\n    defaultMessage: 'Find the job title that best matches your role.',\n    description: 'Subtitle text shown below the question in the work status step of the progressive profiling quiz',\n  },\n  notEmployedOption: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.notEmployedOption',\n    defaultMessage: 'Not employed',\n    description: 'Checkbox label for indicating the user is not currently employed, in the work status step of the progressive profiling quiz',\n  },\n  viewResultsButton: {\n    id: 'progressiveProfilingQuiz.stepper.workStatus.viewResultsButton',\n    defaultMessage: 'View Results',\n    description: 'Label for the button to complete the quiz and view results from the work status step',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/schema.d.ts

@@ -0,0 +1,13 @@
+import { QuizQuestionSchema } from '../../../../../../widgets/ProgressiveProfilingQuiz/data/types';
+export declare const NOT_EMPLOYED_VALUE = "not-employed";
+/**
+ * IF YOU CHANGE THE SCHEMA, MAKE SURE TO UPDATE THE VERSION AS WELL
+ * For typos and small adjustments, use patch version.
+ * For any other changes, use minor versions unless it's been clearly indicated otherwise.
+ *
+ * Like step 3's skills, job titles are data from `jobsList`, not translatable copy, so each gets
+ * a synthetic message descriptor whose `defaultMessage` is the job title itself. "Not employed" is
+ * genuine UI copy, so it uses a real message from `messages.ts` instead.
+ */
+declare const schema: QuizQuestionSchema;
+export default schema;

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/schema.js

@@ -0,0 +1,30 @@
+import { PROGRESSIVE_PROFILING_QUIZ_STEPS } from '../../../../../../widgets/ProgressiveProfilingQuiz/data/constants';
+import { jobsList } from '../../../../../../widgets/ProgressiveProfilingQuiz/data/jobsList';
+import messages from './messages';
+export const NOT_EMPLOYED_VALUE = 'not-employed';
+/**
+ * IF YOU CHANGE THE SCHEMA, MAKE SURE TO UPDATE THE VERSION AS WELL
+ * For typos and small adjustments, use patch version.
+ * For any other changes, use minor versions unless it's been clearly indicated otherwise.
+ *
+ * Like step 3's skills, job titles are data from `jobsList`, not translatable copy, so each gets
+ * a synthetic message descriptor whose `defaultMessage` is the job title itself. "Not employed" is
+ * genuine UI copy, so it uses a real message from `messages.ts` instead.
+ */
+const schema = {
+    questionId: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS,
+    version: '1.0.0',
+    question: messages.question,
+    options: [
+        ...jobsList.map(job => ({
+            value: job.jobTitle,
+            message: {
+                id: `progressiveProfilingQuiz.stepper.workStatus.jobOption.${job.jobTitle}`,
+                defaultMessage: job.jobTitle,
+            },
+        })),
+        { value: NOT_EMPLOYED_VALUE, message: messages.notEmployedOption },
+    ],
+};
+export default schema;
+//# sourceMappingURL=schema.js.map

package/dist/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../../../src/widgets/ProgressiveProfilingQuiz/modal/stepper/steps/step-work-status/schema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gCAAgC,EAAE,MAAM,sDAAsD,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AAC/E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,MAAM,GAAuB;IACjC,UAAU,EAAE,gCAAgC,CAAC,WAAW;IACxD,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;IAC3B,OAAO,EAAE;QACP,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACtB,KAAK,EAAE,GAAG,CAAC,QAAQ;YACnB,OAAO,EAAE;gBACP,EAAE,EAAE,yDAAyD,GAAG,CAAC,QAAQ,EAAE;gBAC3E,cAAc,EAAE,GAAG,CAAC,QAAQ;aAC7B;SACF,CAAC,CAAC;QACH,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,QAAQ,CAAC,iBAAiB,EAAE;KACnE;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { QuizQuestionSchema } from '@src/widgets/ProgressiveProfilingQuiz/data/types';\nimport { PROGRESSIVE_PROFILING_QUIZ_STEPS } from '@src/widgets/ProgressiveProfilingQuiz/data/constants';\nimport { jobsList } from '@src/widgets/ProgressiveProfilingQuiz/data/jobsList';\nimport messages from './messages';\n\nexport const NOT_EMPLOYED_VALUE = 'not-employed';\n\n/**\n * IF YOU CHANGE THE SCHEMA, MAKE SURE TO UPDATE THE VERSION AS WELL\n * For typos and small adjustments, use patch version.\n * For any other changes, use minor versions unless it's been clearly indicated otherwise.\n *\n * Like step 3's skills, job titles are data from `jobsList`, not translatable copy, so each gets\n * a synthetic message descriptor whose `defaultMessage` is the job title itself. \"Not employed\" is\n * genuine UI copy, so it uses a real message from `messages.ts` instead.\n */\nconst schema: QuizQuestionSchema = {\n  questionId: PROGRESSIVE_PROFILING_QUIZ_STEPS.WORK_STATUS,\n  version: '1.0.0',\n  question: messages.question,\n  options: [\n    ...jobsList.map(job => ({\n      value: job.jobTitle,\n      message: {\n        id: `progressiveProfilingQuiz.stepper.workStatus.jobOption.${job.jobTitle}`,\n        defaultMessage: job.jobTitle,\n      },\n    })),\n    { value: NOT_EMPLOYED_VALUE, message: messages.notEmployedOption },\n  ],\n};\n\nexport default schema;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-learner-dashboard",
-  "version": "1.39.0",
+  "version": "1.40.0",
   "description": "",
   "repository": {
     "type": "git",