@edx/unit-title-plugin 0.0.4 → 0.0.6

package/dist/BookmarkButton.js

@@ -55,7 +55,8 @@ var BookmarkButton = function BookmarkButton(_ref) {
     onClick: toggleBookmark,
     "aria-busy": isProcessing,
     disabled: isProcessing,
-    alt: altState[state]
+    alt: altState[state],
+    className: "icon-hover"
   });
 };
 BookmarkButton.propTypes = {

package/dist/BookmarkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkButton.js","names":["_react","require","_propTypes","_interopRequireDefault","_paragon","_i18n","_icons","_thunks","_jsxRuntime","obj","__esModule","addBookmarkLabel","jsx","FormattedMessage","id","defaultMessage","description","hasBookmarkLabel","BookmarkButton","_ref","dispatch","isBookmarked","isProcessing","unitId","bookmarkState","state","concat","iconStates","BookmarkBorder","defaultProcessing","bookmarked","Bookmark","bookmarkedProcessing","altState","toggleBookmark","useCallback","removeBookmark","addBookmark","IconButton","src","iconAs","Icon","onClick","disabled","alt","propTypes","PropTypes","func","isRequired","bool","string","_default","exports"],"sources":["../src/BookmarkButton.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon, IconButton } from '@openedx/paragon';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { Bookmark, BookmarkBorder } from '@openedx/paragon/icons';\n\nimport { removeBookmark, addBookmark } from '@src/courseware/course/bookmark/data/thunks';\n\nconst addBookmarkLabel = (\n  <FormattedMessage\n    id=\"unit.bookmark.button.add.bookmark\"\n    defaultMessage=\"Bookmark this page\"\n    description=\"The button to bookmark a page\"\n  />\n);\n\nconst hasBookmarkLabel = (\n  <FormattedMessage\n    id=\"unit.bookmark.button.remove.bookmark\"\n    defaultMessage=\"Bookmarked\"\n    description=\"The button to show a page is bookmarked and the button to remove that bookmark\"\n  />\n);\n\nconst BookmarkButton = ({\n  dispatch,\n  isBookmarked,\n  isProcessing,\n  unitId,\n}) => {\n  const bookmarkState = isBookmarked ? 'bookmarked' : 'default';\n  const state = isProcessing ? `${bookmarkState}Processing` : bookmarkState;\n  const iconStates = {\n    default: BookmarkBorder,\n    defaultProcessing: BookmarkBorder,\n    bookmarked: Bookmark,\n    bookmarkedProcessing: Bookmark,\n  };\n  const altState = {\n    default: addBookmarkLabel,\n    defaultProcessing: addBookmarkLabel,\n    bookmarked: hasBookmarkLabel,\n    bookmarkedProcessing: hasBookmarkLabel,\n  };\n\n  const toggleBookmark = useCallback(() => {\n    if (isBookmarked) {\n      dispatch(removeBookmark(unitId));\n    } else {\n      dispatch(addBookmark(unitId));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isBookmarked, unitId]);\n\n  return (\n    <IconButton\n      src={iconStates[state]}\n      iconAs={Icon}\n      onClick={toggleBookmark}\n      aria-busy={isProcessing}\n      disabled={isProcessing}\n      alt={altState[state]}\n    />\n  );\n};\n\nBookmarkButton.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  isBookmarked: PropTypes.bool.isRequired,\n  isProcessing: PropTypes.bool.isRequired,\n  unitId: PropTypes.string.isRequired,\n};\n\nexport default BookmarkButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAA0F,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE1F,IAAME,gBAAgB,gBACpB,IAAAH,WAAA,CAAAI,GAAA,EAACP,KAAA,CAAAQ,gBAAgB;EACfC,EAAE,EAAC,mCAAmC;EACtCC,cAAc,EAAC,oBAAoB;EACnCC,WAAW,EAAC;AAA+B,CAC5C,CACF;AAED,IAAMC,gBAAgB,gBACpB,IAAAT,WAAA,CAAAI,GAAA,EAACP,KAAA,CAAAQ,gBAAgB;EACfC,EAAE,EAAC,sCAAsC;EACzCC,cAAc,EAAC,YAAY;EAC3BC,WAAW,EAAC;AAAgF,CAC7F,CACF;AAED,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAKd;EAAA,IAJJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EAEN,IAAMC,aAAa,GAAGH,YAAY,GAAG,YAAY,GAAG,SAAS;EAC7D,IAAMI,KAAK,GAAGH,YAAY,MAAAI,MAAA,CAAMF,aAAa,kBAAeA,aAAa;EACzE,IAAMG,UAAU,GAAG;IACjB,WAASC,qBAAc;IACvBC,iBAAiB,EAAED,qBAAc;IACjCE,UAAU,EAAEC,eAAQ;IACpBC,oBAAoB,EAAED;EACxB,CAAC;EACD,IAAME,QAAQ,GAAG;IACf,WAAStB,gBAAgB;IACzBkB,iBAAiB,EAAElB,gBAAgB;IACnCmB,UAAU,EAAEb,gBAAgB;IAC5Be,oBAAoB,EAAEf;EACxB,CAAC;EAED,IAAMiB,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACvC,IAAId,YAAY,EAAE;MAChBD,QAAQ,CAAC,IAAAgB,sBAAc,EAACb,MAAM,CAAC,CAAC;IAClC,CAAC,MAAM;MACLH,QAAQ,CAAC,IAAAiB,mBAAW,EAACd,MAAM,CAAC,CAAC;IAC/B;IACA;EACF,CAAC,EAAE,CAACF,YAAY,EAAEE,MAAM,CAAC,CAAC;EAE1B,oBACE,IAAAf,WAAA,CAAAI,GAAA,EAACR,QAAA,CAAAkC,UAAU;IACTC,GAAG,EAAEZ,UAAU,CAACF,KAAK,CAAE;IACvBe,MAAM,EAAEC,aAAK;IACbC,OAAO,EAAER,cAAe;IACxB,aAAWZ,YAAa;IACxBqB,QAAQ,EAAErB,YAAa;IACvBsB,GAAG,EAAEX,QAAQ,CAACR,KAAK;EAAE,CACtB,CAAC;AAEN,CAAC;AAEDP,cAAc,CAAC2B,SAAS,GAAG;EACzBzB,QAAQ,EAAE0B,qBAAS,CAACC,IAAI,CAACC,UAAU;EACnC3B,YAAY,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvC1B,YAAY,EAAEwB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvCzB,MAAM,EAAEuB,qBAAS,CAACI,MAAM,CAACF;AAC3B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEalC,cAAc","ignoreList":[]}
+{"version":3,"file":"BookmarkButton.js","names":["_react","require","_propTypes","_interopRequireDefault","_paragon","_i18n","_icons","_thunks","_jsxRuntime","obj","__esModule","addBookmarkLabel","jsx","FormattedMessage","id","defaultMessage","description","hasBookmarkLabel","BookmarkButton","_ref","dispatch","isBookmarked","isProcessing","unitId","bookmarkState","state","concat","iconStates","BookmarkBorder","defaultProcessing","bookmarked","Bookmark","bookmarkedProcessing","altState","toggleBookmark","useCallback","removeBookmark","addBookmark","IconButton","src","iconAs","Icon","onClick","disabled","alt","className","propTypes","PropTypes","func","isRequired","bool","string","_default","exports"],"sources":["../src/BookmarkButton.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon, IconButton } from '@openedx/paragon';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { Bookmark, BookmarkBorder } from '@openedx/paragon/icons';\n\nimport { removeBookmark, addBookmark } from '@src/courseware/course/bookmark/data/thunks';\n\nconst addBookmarkLabel = (\n  <FormattedMessage\n    id=\"unit.bookmark.button.add.bookmark\"\n    defaultMessage=\"Bookmark this page\"\n    description=\"The button to bookmark a page\"\n  />\n);\n\nconst hasBookmarkLabel = (\n  <FormattedMessage\n    id=\"unit.bookmark.button.remove.bookmark\"\n    defaultMessage=\"Bookmarked\"\n    description=\"The button to show a page is bookmarked and the button to remove that bookmark\"\n  />\n);\n\nconst BookmarkButton = ({\n  dispatch,\n  isBookmarked,\n  isProcessing,\n  unitId,\n}) => {\n  const bookmarkState = isBookmarked ? 'bookmarked' : 'default';\n  const state = isProcessing ? `${bookmarkState}Processing` : bookmarkState;\n  const iconStates = {\n    default: BookmarkBorder,\n    defaultProcessing: BookmarkBorder,\n    bookmarked: Bookmark,\n    bookmarkedProcessing: Bookmark,\n  };\n  const altState = {\n    default: addBookmarkLabel,\n    defaultProcessing: addBookmarkLabel,\n    bookmarked: hasBookmarkLabel,\n    bookmarkedProcessing: hasBookmarkLabel,\n  };\n\n  const toggleBookmark = useCallback(() => {\n    if (isBookmarked) {\n      dispatch(removeBookmark(unitId));\n    } else {\n      dispatch(addBookmark(unitId));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isBookmarked, unitId]);\n\n  return (\n    <IconButton\n      src={iconStates[state]}\n      iconAs={Icon}\n      onClick={toggleBookmark}\n      aria-busy={isProcessing}\n      disabled={isProcessing}\n      alt={altState[state]}\n      className=\"icon-hover\"\n    />\n  );\n};\n\nBookmarkButton.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  isBookmarked: PropTypes.bool.isRequired,\n  isProcessing: PropTypes.bool.isRequired,\n  unitId: PropTypes.string.isRequired,\n};\n\nexport default BookmarkButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAA0F,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE1F,IAAME,gBAAgB,gBACpB,IAAAH,WAAA,CAAAI,GAAA,EAACP,KAAA,CAAAQ,gBAAgB;EACfC,EAAE,EAAC,mCAAmC;EACtCC,cAAc,EAAC,oBAAoB;EACnCC,WAAW,EAAC;AAA+B,CAC5C,CACF;AAED,IAAMC,gBAAgB,gBACpB,IAAAT,WAAA,CAAAI,GAAA,EAACP,KAAA,CAAAQ,gBAAgB;EACfC,EAAE,EAAC,sCAAsC;EACzCC,cAAc,EAAC,YAAY;EAC3BC,WAAW,EAAC;AAAgF,CAC7F,CACF;AAED,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAKd;EAAA,IAJJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EAEN,IAAMC,aAAa,GAAGH,YAAY,GAAG,YAAY,GAAG,SAAS;EAC7D,IAAMI,KAAK,GAAGH,YAAY,MAAAI,MAAA,CAAMF,aAAa,kBAAeA,aAAa;EACzE,IAAMG,UAAU,GAAG;IACjB,WAASC,qBAAc;IACvBC,iBAAiB,EAAED,qBAAc;IACjCE,UAAU,EAAEC,eAAQ;IACpBC,oBAAoB,EAAED;EACxB,CAAC;EACD,IAAME,QAAQ,GAAG;IACf,WAAStB,gBAAgB;IACzBkB,iBAAiB,EAAElB,gBAAgB;IACnCmB,UAAU,EAAEb,gBAAgB;IAC5Be,oBAAoB,EAAEf;EACxB,CAAC;EAED,IAAMiB,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACvC,IAAId,YAAY,EAAE;MAChBD,QAAQ,CAAC,IAAAgB,sBAAc,EAACb,MAAM,CAAC,CAAC;IAClC,CAAC,MAAM;MACLH,QAAQ,CAAC,IAAAiB,mBAAW,EAACd,MAAM,CAAC,CAAC;IAC/B;IACA;EACF,CAAC,EAAE,CAACF,YAAY,EAAEE,MAAM,CAAC,CAAC;EAE1B,oBACE,IAAAf,WAAA,CAAAI,GAAA,EAACR,QAAA,CAAAkC,UAAU;IACTC,GAAG,EAAEZ,UAAU,CAACF,KAAK,CAAE;IACvBe,MAAM,EAAEC,aAAK;IACbC,OAAO,EAAER,cAAe;IACxB,aAAWZ,YAAa;IACxBqB,QAAQ,EAAErB,YAAa;IACvBsB,GAAG,EAAEX,QAAQ,CAACR,KAAK,CAAE;IACrBoB,SAAS,EAAC;EAAY,CACvB,CAAC;AAEN,CAAC;AAED3B,cAAc,CAAC4B,SAAS,GAAG;EACzB1B,QAAQ,EAAE2B,qBAAS,CAACC,IAAI,CAACC,UAAU;EACnC5B,YAAY,EAAE0B,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvC3B,YAAY,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvC1B,MAAM,EAAEwB,qBAAS,CAACI,MAAM,CAACF;AAC3B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEanC,cAAc","ignoreList":[]}

package/dist/translation-button/translation-selection/index.js

@@ -108,14 +108,15 @@ var TranslationSelection = function TranslationSelection(_ref) {
     }));
   }, [courseLanguage, selectedLanguage]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: isLegacyButton ? 'translation-selection-button' : 'toolbar-button',
+    className: isLegacyButton ? '' : 'toolbar-divider',
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ProductTour, {
       tours: [translationTour]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
       iconBefore: buttonIcon,
       "aria-description": ariaDescription,
       alt: "change-language",
-      variant: isLegacyButton ? 'outline-primary' : 'link',
+      variant: isLegacyButton ? 'outline-primary' : 'tertiary',
+      className: isLegacyButton ? 'translation-selection-button' : 'text-primary-500 icon-hover',
       onClick: handleTranslateClick,
       size: !isLegacyButton && 'sm',
       children: formatMessage(_messages["default"].translationButtonText)

package/dist/translation-button/translation-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_analytics","_i18n","_auth","_paragon","_icons","_queryString","_pluginStore","_messages","_translationModal","_useTranslationTour2","_useSelectLanguage2","_useUnitTitle","_feedbackWidget","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","o","Symbol","iterator","constructor","prototype","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","toPrimitive","TypeError","String","Number","TranslationSelection","_ref","id","isLegacyButton","courseId","courseLanguage","availableLanguages","unitId","unitTitle","isAuditMode","isFBE","verifiedMode","logEventProperties","dispatch","_useIntl","useIntl","formatMessage","_getAuthenticatedUser","getAuthenticatedUser","userId","_useTranslationTour","useTranslationTour","translationTour","isOpen","open","close","_useSelectLanguage","useSelectLanguage","selectedLanguage","setSelectedLanguage","logButtonProperties","is_audit_user","buttonIcon","Lock","Translate","ariaDescription","handleTranslateClick","sendTrackEvent","useUnitTitle","useEffect","eventName","eventProperties","sourceLanguage","targetLanguage","registerOverrideMethod","pluginName","methodName","method","iframeUrl","finalUrl","stringifyUrl","url","query","src_lang","dest_lang","jsxs","className","children","jsx","ProductTour","tours","Button","iconBefore","alt","variant","onClick","size","messages","translationButtonText","originalCourseLanguage","translationLanguage","propTypes","PropTypes","func","isRequired","string","bool","arrayOf","shape","code","label","currencySymbol","price","number","upgradeUrl","org_key","courserun_key","defaultProps","_default","exports"],"sources":["../../../src/translation-button/translation-selection/index.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { Button, ProductTour } from '@openedx/paragon';\nimport { Translate, Lock } from '@openedx/paragon/icons';\nimport { stringifyUrl } from 'query-string';\n\nimport { registerOverrideMethod } from '@src/generic/plugin-store';\n\nimport messages from './messages';\nimport TranslationModal from './translation-modal';\nimport useTranslationTour from './useTranslationTour';\nimport useSelectLanguage from './useSelectLanguage';\nimport useUnitTitle from './useUnitTitle';\nimport FeedbackWidget from '../feedback-widget';\nimport './index.scss';\n\nconst TranslationSelection = ({\n  id,\n  isLegacyButton,\n  courseId,\n  courseLanguage,\n  availableLanguages,\n  unitId,\n  unitTitle,\n  isAuditMode,\n  isFBE,\n  verifiedMode,\n  logEventProperties,\n  dispatch,\n}) => {\n  const { formatMessage } = useIntl();\n  const { userId } = getAuthenticatedUser();\n  const {\n    translationTour, isOpen, open, close,\n  } = useTranslationTour();\n\n  const { selectedLanguage, setSelectedLanguage } = useSelectLanguage({\n    courseId,\n    courseLanguage,\n    availableLanguages,\n  });\n\n  const logButtonProperties = { ...logEventProperties, is_audit_user: isAuditMode };\n  const buttonIcon = isAuditMode ? Lock : Translate;\n  const ariaDescription = isAuditMode ? 'Upgrade to unlock course translations' : 'Select language to translate content into';\n\n  const handleTranslateClick = () => {\n    sendTrackEvent('edx.whole_course_translations.translate_button.clicked', logButtonProperties);\n    open();\n  };\n\n  useUnitTitle({\n    courseId,\n    selectedLanguage,\n    unitId,\n    unitTitle,\n    courseLanguage,\n  });\n\n  useEffect(() => {\n    if ((courseId && selectedLanguage && unitId && userId) && (courseLanguage !== selectedLanguage) && !isAuditMode) {\n      const eventName = 'edx.whole_course_translations.translation_requested';\n      const eventProperties = {\n        courseId,\n        sourceLanguage: courseLanguage,\n        targetLanguage: selectedLanguage,\n        unitId,\n        userId,\n      };\n      sendTrackEvent(eventName, eventProperties);\n    }\n  }, [courseId, courseLanguage, selectedLanguage, unitId, userId]);\n\n  useEffect(() => {\n    sendTrackEvent('edx.whole_course_translations.translate_button', logButtonProperties);\n  }, [courseId]);\n\n  useEffect(() => {\n    dispatch(\n      registerOverrideMethod({\n        pluginName: id,\n        methodName: 'getIFrameUrl',\n        method: (iframeUrl) => {\n          const finalUrl = stringifyUrl({\n            url: iframeUrl,\n            query: {\n              ...((courseLanguage && selectedLanguage && (courseLanguage !== selectedLanguage)) && {\n                src_lang: courseLanguage,\n                dest_lang: selectedLanguage,\n              }),\n            },\n          });\n          return finalUrl;\n        },\n      }),\n    );\n  }, [courseLanguage, selectedLanguage]);\n\n  return (\n    <div className={isLegacyButton ? 'translation-selection-button' : 'toolbar-button'}>\n      <ProductTour tours={[translationTour]} />\n      <Button\n        iconBefore={buttonIcon}\n        aria-description={ariaDescription}\n        alt=\"change-language\"\n        variant={isLegacyButton ? 'outline-primary' : 'link'}\n        onClick={handleTranslateClick}\n        size={!isLegacyButton && 'sm'}\n      >\n        {formatMessage(messages.translationButtonText)}\n      </Button>\n      <TranslationModal\n        {...{\n          availableLanguages,\n          close,\n          courseId,\n          id,\n          isOpen,\n          isAuditMode,\n          isFBE,\n          selectedLanguage,\n          setSelectedLanguage,\n          verifiedMode,\n          logEventProperties,\n          originalCourseLanguage: courseLanguage,\n        }}\n      />\n      <FeedbackWidget\n        courseId={courseId}\n        courseLanguage={courseLanguage}\n        translationLanguage={selectedLanguage}\n        unitId={unitId}\n        userId={userId}\n      />\n    </div>\n  );\n};\n\nTranslationSelection.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  id: PropTypes.string.isRequired,\n  isLegacyButton: PropTypes.bool.isRequired,\n  courseId: PropTypes.string.isRequired,\n  unitId: PropTypes.string.isRequired,\n  courseLanguage: PropTypes.string.isRequired,\n  availableLanguages: PropTypes.arrayOf(PropTypes.shape({\n    code: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n  })).isRequired,\n  unitTitle: PropTypes.string.isRequired,\n  isFBE: PropTypes.bool.isRequired,\n  verifiedMode: PropTypes.shape({\n    currencySymbol: PropTypes.string,\n    price: PropTypes.number,\n    upgradeUrl: PropTypes.string,\n  }).isRequired,\n  isAuditMode: PropTypes.bool.isRequired,\n  logEventProperties: PropTypes.shape({\n    org_key: PropTypes.string.isRequired,\n    courserun_key: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nTranslationSelection.defaultProps = {};\n\nexport default TranslationSelection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_analytics","_i18n","_auth","_paragon","_icons","_queryString","_pluginStore","_messages","_translationModal","_useTranslationTour2","_useSelectLanguage2","_useUnitTitle","_feedbackWidget","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","o","Symbol","iterator","constructor","prototype","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","toPrimitive","TypeError","String","Number","TranslationSelection","_ref","id","isLegacyButton","courseId","courseLanguage","availableLanguages","unitId","unitTitle","isAuditMode","isFBE","verifiedMode","logEventProperties","dispatch","_useIntl","useIntl","formatMessage","_getAuthenticatedUser","getAuthenticatedUser","userId","_useTranslationTour","useTranslationTour","translationTour","isOpen","open","close","_useSelectLanguage","useSelectLanguage","selectedLanguage","setSelectedLanguage","logButtonProperties","is_audit_user","buttonIcon","Lock","Translate","ariaDescription","handleTranslateClick","sendTrackEvent","useUnitTitle","useEffect","eventName","eventProperties","sourceLanguage","targetLanguage","registerOverrideMethod","pluginName","methodName","method","iframeUrl","finalUrl","stringifyUrl","url","query","src_lang","dest_lang","jsxs","className","children","jsx","ProductTour","tours","Button","iconBefore","alt","variant","onClick","size","messages","translationButtonText","originalCourseLanguage","translationLanguage","propTypes","PropTypes","func","isRequired","string","bool","arrayOf","shape","code","label","currencySymbol","price","number","upgradeUrl","org_key","courserun_key","defaultProps","_default","exports"],"sources":["../../../src/translation-button/translation-selection/index.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { Button, ProductTour } from '@openedx/paragon';\nimport { Translate, Lock } from '@openedx/paragon/icons';\nimport { stringifyUrl } from 'query-string';\n\nimport { registerOverrideMethod } from '@src/generic/plugin-store';\n\nimport messages from './messages';\nimport TranslationModal from './translation-modal';\nimport useTranslationTour from './useTranslationTour';\nimport useSelectLanguage from './useSelectLanguage';\nimport useUnitTitle from './useUnitTitle';\nimport FeedbackWidget from '../feedback-widget';\nimport './index.scss';\n\nconst TranslationSelection = ({\n  id,\n  isLegacyButton,\n  courseId,\n  courseLanguage,\n  availableLanguages,\n  unitId,\n  unitTitle,\n  isAuditMode,\n  isFBE,\n  verifiedMode,\n  logEventProperties,\n  dispatch,\n}) => {\n  const { formatMessage } = useIntl();\n  const { userId } = getAuthenticatedUser();\n  const {\n    translationTour, isOpen, open, close,\n  } = useTranslationTour();\n\n  const { selectedLanguage, setSelectedLanguage } = useSelectLanguage({\n    courseId,\n    courseLanguage,\n    availableLanguages,\n  });\n\n  const logButtonProperties = { ...logEventProperties, is_audit_user: isAuditMode };\n  const buttonIcon = isAuditMode ? Lock : Translate;\n  const ariaDescription = isAuditMode ? 'Upgrade to unlock course translations' : 'Select language to translate content into';\n\n  const handleTranslateClick = () => {\n    sendTrackEvent('edx.whole_course_translations.translate_button.clicked', logButtonProperties);\n    open();\n  };\n\n  useUnitTitle({\n    courseId,\n    selectedLanguage,\n    unitId,\n    unitTitle,\n    courseLanguage,\n  });\n\n  useEffect(() => {\n    if ((courseId && selectedLanguage && unitId && userId) && (courseLanguage !== selectedLanguage) && !isAuditMode) {\n      const eventName = 'edx.whole_course_translations.translation_requested';\n      const eventProperties = {\n        courseId,\n        sourceLanguage: courseLanguage,\n        targetLanguage: selectedLanguage,\n        unitId,\n        userId,\n      };\n      sendTrackEvent(eventName, eventProperties);\n    }\n  }, [courseId, courseLanguage, selectedLanguage, unitId, userId]);\n\n  useEffect(() => {\n    sendTrackEvent('edx.whole_course_translations.translate_button', logButtonProperties);\n  }, [courseId]);\n\n  useEffect(() => {\n    dispatch(\n      registerOverrideMethod({\n        pluginName: id,\n        methodName: 'getIFrameUrl',\n        method: (iframeUrl) => {\n          const finalUrl = stringifyUrl({\n            url: iframeUrl,\n            query: {\n              ...((courseLanguage && selectedLanguage && (courseLanguage !== selectedLanguage)) && {\n                src_lang: courseLanguage,\n                dest_lang: selectedLanguage,\n              }),\n            },\n          });\n          return finalUrl;\n        },\n      }),\n    );\n  }, [courseLanguage, selectedLanguage]);\n\n  return (\n    <div className={isLegacyButton ? '' : 'toolbar-divider'}>\n      <ProductTour tours={[translationTour]} />\n      <Button\n        iconBefore={buttonIcon}\n        aria-description={ariaDescription}\n        alt=\"change-language\"\n        variant={isLegacyButton ? 'outline-primary' : 'tertiary'}\n        className={isLegacyButton ? 'translation-selection-button' : 'text-primary-500 icon-hover'}\n        onClick={handleTranslateClick}\n        size={!isLegacyButton && 'sm'}\n      >\n        {formatMessage(messages.translationButtonText)}\n      </Button>\n      <TranslationModal\n        {...{\n          availableLanguages,\n          close,\n          courseId,\n          id,\n          isOpen,\n          isAuditMode,\n          isFBE,\n          selectedLanguage,\n          setSelectedLanguage,\n          verifiedMode,\n          logEventProperties,\n          originalCourseLanguage: courseLanguage,\n        }}\n      />\n      <FeedbackWidget\n        courseId={courseId}\n        courseLanguage={courseLanguage}\n        translationLanguage={selectedLanguage}\n        unitId={unitId}\n        userId={userId}\n      />\n    </div>\n  );\n};\n\nTranslationSelection.propTypes = {\n  dispatch: PropTypes.func.isRequired,\n  id: PropTypes.string.isRequired,\n  isLegacyButton: PropTypes.bool.isRequired,\n  courseId: PropTypes.string.isRequired,\n  unitId: PropTypes.string.isRequired,\n  courseLanguage: PropTypes.string.isRequired,\n  availableLanguages: PropTypes.arrayOf(PropTypes.shape({\n    code: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n  })).isRequired,\n  unitTitle: PropTypes.string.isRequired,\n  isFBE: PropTypes.bool.isRequired,\n  verifiedMode: PropTypes.shape({\n    currencySymbol: PropTypes.string,\n    price: PropTypes.number,\n    upgradeUrl: PropTypes.string,\n  }).isRequired,\n  isAuditMode: PropTypes.bool.isRequired,\n  logEventProperties: PropTypes.shape({\n    org_key: PropTypes.string.isRequired,\n    courserun_key: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nTranslationSelection.defaultProps = {};\n\nexport default TranslationSelection;\n"],"mappings":"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","ignoreList":[]}

package/dist/translation-button/translation-selection/index.scss

@@ -16,11 +16,7 @@
   }
 }
 
-.toolbar-button {
+.toolbar-divider {
   padding-left: 8px;
   border-left: 1px solid #eaeaea;
-
-  .btn-link {
-    color: $primary-500;
-  }
-}
+}

package/dist/translation-button/translation-selection/translation-modal/LockedLanguages.js

@@ -5,18 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
 var _paragon = require("@openedx/paragon");
 var _icons = require("@openedx/paragon/icons");
 var _GoogleDisclaimer = _interopRequireDefault(require("./GoogleDisclaimer"));
+var _messages = _interopRequireDefault(require("./messages"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var LockedLanguages = function LockedLanguages(_ref) {
-  var courseEnabledLanguages = _ref.courseEnabledLanguages;
+  var courseEnabledLanguages = _ref.courseEnabledLanguages,
+    originalCourseLanguage = _ref.originalCourseLanguage;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Card, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Card.Body, {
       children: [courseEnabledLanguages.map(function (_ref2) {
         var code = _ref2.code,
-          label = _ref2.label;
+          localeName = _ref2.localeName;
         var availableIcon = code === 'en' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
           src: _icons.Check,
           className: "text-success-500",
@@ -31,7 +36,7 @@ var LockedLanguages = function LockedLanguages(_ref) {
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
               direction: "horizontal",
               gap: 3,
-              children: [label, availableIcon]
+              children: [code === originalCourseLanguage ? formatMessage(_messages["default"].originalLanguageLabel) : localeName, availableIcon]
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Card.Divider, {})]
         }, "".concat(code, "-option"));
@@ -47,7 +52,8 @@ LockedLanguages.propTypes = {
   courseEnabledLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     code: _propTypes["default"].string.isRequired,
     label: _propTypes["default"].string.isRequired
-  })).isRequired
+  })).isRequired,
+  originalCourseLanguage: _propTypes["default"].string.isRequired
 };
 var _default = exports["default"] = LockedLanguages;
 //# sourceMappingURL=LockedLanguages.js.map

package/dist/translation-button/translation-selection/translation-modal/LockedLanguages.js.map

@@ -1 +1 @@
-{"version":3,"file":"LockedLanguages.js","names":["_propTypes","_interopRequireDefault","require","_paragon","_icons","_GoogleDisclaimer","_jsxRuntime","obj","__esModule","LockedLanguages","_ref","courseEnabledLanguages","jsx","Card","children","jsxs","Body","map","_ref2","code","label","availableIcon","Icon","src","Check","className","Locked","Section","Stack","direction","gap","Divider","concat","isAuditMode","propTypes","PropTypes","arrayOf","shape","string","isRequired","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/LockedLanguages.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Card,\n  Icon,\n  Stack,\n} from '@openedx/paragon';\nimport { Check, Locked } from '@openedx/paragon/icons';\n\nimport GoogleDisclaimer from './GoogleDisclaimer';\n\nconst LockedLanguages = ({ courseEnabledLanguages }) => (\n  <Card>\n    <Card.Body>\n      {courseEnabledLanguages.map(({ code, label }) => {\n        const availableIcon = code === 'en' ? (\n          <Icon src={Check} className=\"text-success-500\" aria-label=\"available\" />\n        ) : (\n          <Icon src={Locked} aria-label=\"locked\" />\n        );\n        return (\n          <div key={`${code}-option`}>\n            <Card.Section className=\"small\">\n              <Stack direction=\"horizontal\" gap={3}>\n                {label}\n                {availableIcon}\n              </Stack>\n            </Card.Section>\n            <Card.Divider />\n          </div>\n        );\n      })}\n      <Card.Section>\n        <GoogleDisclaimer isAuditMode />\n      </Card.Section>\n    </Card.Body>\n  </Card>\n);\n\nLockedLanguages.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n};\n\nexport default LockedLanguages;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAAA,IAAMC,sBAAsB,GAAAD,IAAA,CAAtBC,sBAAsB;EAAA,oBAC/C,IAAAL,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAU,IAAI;IAAAC,QAAA,eACH,IAAAR,WAAA,CAAAS,IAAA,EAACZ,QAAA,CAAAU,IAAI,CAACG,IAAI;MAAAF,QAAA,GACPH,sBAAsB,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAqB;QAAA,IAAlBC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QACxC,IAAMC,aAAa,GAAGF,IAAI,KAAK,IAAI,gBACjC,IAAAb,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAmB,IAAI;UAACC,GAAG,EAAEC,YAAM;UAACC,SAAS,EAAC,kBAAkB;UAAC,cAAW;QAAW,CAAE,CAAC,gBAExE,IAAAnB,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAmB,IAAI;UAACC,GAAG,EAAEG,aAAO;UAAC,cAAW;QAAQ,CAAE,CACzC;QACD,oBACE,IAAApB,WAAA,CAAAS,IAAA;UAAAD,QAAA,gBACE,IAAAR,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAU,IAAI,CAACc,OAAO;YAACF,SAAS,EAAC,OAAO;YAAAX,QAAA,eAC7B,IAAAR,WAAA,CAAAS,IAAA,EAACZ,QAAA,CAAAyB,KAAK;cAACC,SAAS,EAAC,YAAY;cAACC,GAAG,EAAE,CAAE;cAAAhB,QAAA,GAClCM,KAAK,EACLC,aAAa;YAAA,CACT;UAAC,CACI,CAAC,eACf,IAAAf,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAU,IAAI,CAACkB,OAAO,IAAE,CAAC;QAAA,MAAAC,MAAA,CAPLb,IAAI,YAQZ,CAAC;MAEV,CAAC,CAAC,eACF,IAAAb,WAAA,CAAAM,GAAA,EAACT,QAAA,CAAAU,IAAI,CAACc,OAAO;QAAAb,QAAA,eACX,IAAAR,WAAA,CAAAM,GAAA,EAACP,iBAAA,WAAgB;UAAC4B,WAAW;QAAA,CAAE;MAAC,CACpB,CAAC;IAAA,CACN;EAAC,CACR,CAAC;AAAA,CACR;AAEDxB,eAAe,CAACyB,SAAS,GAAG;EAC1BvB,sBAAsB,EAAEwB,qBAAS,CAACC,OAAO,CACvCD,qBAAS,CAACE,KAAK,CAAC;IACdlB,IAAI,EAAEgB,qBAAS,CAACG,MAAM,CAACC,UAAU;IACjCnB,KAAK,EAAEe,qBAAS,CAACG,MAAM,CAACC;EAC1B,CAAC,CACH,CAAC,CAACA;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahC,eAAe","ignoreList":[]}
+{"version":3,"file":"LockedLanguages.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_GoogleDisclaimer","_messages","_jsxRuntime","obj","__esModule","LockedLanguages","_ref","courseEnabledLanguages","originalCourseLanguage","_useIntl","useIntl","formatMessage","jsx","Card","children","jsxs","Body","map","_ref2","code","localeName","availableIcon","Icon","src","Check","className","Locked","Section","Stack","direction","gap","messages","originalLanguageLabel","Divider","concat","isAuditMode","propTypes","PropTypes","arrayOf","shape","string","isRequired","label","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/LockedLanguages.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Card,\n  Icon,\n  Stack,\n} from '@openedx/paragon';\nimport { Check, Locked } from '@openedx/paragon/icons';\n\nimport GoogleDisclaimer from './GoogleDisclaimer';\nimport messages from './messages';\n\nconst LockedLanguages = ({ courseEnabledLanguages, originalCourseLanguage }) => {\n  const { formatMessage } = useIntl();\n  return (\n    <Card>\n      <Card.Body>\n        {courseEnabledLanguages.map(({ code, localeName }) => {\n          const availableIcon = code === 'en' ? (\n            <Icon src={Check} className=\"text-success-500\" aria-label=\"available\" />\n          ) : (\n            <Icon src={Locked} aria-label=\"locked\" />\n          );\n          return (\n            <div key={`${code}-option`}>\n              <Card.Section className=\"small\">\n                <Stack direction=\"horizontal\" gap={3}>\n                  {code === originalCourseLanguage ? formatMessage(messages.originalLanguageLabel) : localeName}\n                  {availableIcon}\n                </Stack>\n              </Card.Section>\n              <Card.Divider />\n            </div>\n          );\n        })}\n        <Card.Section>\n          <GoogleDisclaimer isAuditMode />\n        </Card.Section>\n      </Card.Body>\n    </Card>\n  );\n};\n\nLockedLanguages.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default LockedLanguages;\n"],"mappings":"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","ignoreList":[]}

package/dist/translation-button/translation-selection/translation-modal/TranslationModal.js

@@ -66,7 +66,8 @@ var TranslationModal = function TranslationModal(_ref) {
     }),
     children: isAuditMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UpgradeModalBody["default"], {
       courseEnabledLanguages: courseEnabledLanguages,
-      isFBE: isFBE
+      isFBE: isFBE,
+      originalCourseLanguage: originalCourseLanguage
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaidModalBody["default"], {
       selectedIndex: selectedIndex,
       setSelectedIndex: setSelectedIndex,

package/dist/translation-button/translation-selection/translation-modal/TranslationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_useTranslationModal2","_messages","_ModalFooter","_UpgradeModalBody","_PaidModalBody","_jsxRuntime","obj","__esModule","TranslationModal","_ref","availableLanguages","isAuditMode","isFBE","isOpen","close","logEventProperties","selectedLanguage","setSelectedLanguage","verifiedMode","originalCourseLanguage","_useIntl","useIntl","formatMessage","currencySymbol","price","upgradeUrl","_useTranslationModal","useTranslationModal","courseEnabledLanguages","selectedIndex","setSelectedIndex","onSubmit","buttonText","messages","upgradeButtonText","upgradePrice","concat","submitButtonText","title","upgradeLanguageSelectionModalTitle","asterisk","jsx","children","languageSelectionModalTitle","StandardModal","onClose","isFullscreenScroll","footerNode","propTypes","PropTypes","bool","isRequired","func","string","arrayOf","shape","code","label","number","org_key","courserun_key","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/TranslationModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { StandardModal } from '@openedx/paragon';\n\nimport useTranslationModal from './useTranslationModal';\nimport messages from './messages';\nimport './TranslationModal.scss';\nimport ModalFooter from './ModalFooter';\nimport UpgradeModalBody from './UpgradeModalBody';\nimport PaidModalBody from './PaidModalBody';\n\nconst TranslationModal = ({\n  availableLanguages,\n  isAuditMode,\n  isFBE,\n  isOpen,\n  close,\n  logEventProperties,\n  selectedLanguage,\n  setSelectedLanguage,\n  verifiedMode,\n  originalCourseLanguage,\n}) => {\n  const { formatMessage } = useIntl();\n  const { currencySymbol, price, upgradeUrl } = verifiedMode;\n  const {\n    courseEnabledLanguages,\n    selectedIndex,\n    setSelectedIndex,\n    onSubmit,\n  } = useTranslationModal({\n    selectedLanguage,\n    setSelectedLanguage,\n    close,\n    isAuditMode,\n    upgradeUrl,\n    logEventProperties,\n    availableLanguages,\n    originalCourseLanguage,\n  });\n\n  const buttonText = isAuditMode ? (\n    formatMessage(messages.upgradeButtonText, { upgradePrice: `${currencySymbol}${price}` })\n  ) : (\n    formatMessage(messages.submitButtonText)\n  );\n\n  const title = isAuditMode ? (\n    formatMessage(messages.upgradeLanguageSelectionModalTitle, { asterisk: <sup>*</sup> })\n  ) : (\n    formatMessage(messages.languageSelectionModalTitle)\n  );\n\n  return (\n    <StandardModal\n      title={title}\n      isOpen={isOpen}\n      onClose={close}\n      isFullscreenScroll\n      footerNode={(\n        <ModalFooter\n          {...{\n            buttonText,\n            onSubmit,\n            close,\n          }}\n        />\n      )}\n    >\n      {isAuditMode ? (\n        <UpgradeModalBody {...{ courseEnabledLanguages, isFBE }} />\n      ) : (\n        <PaidModalBody\n          {...{\n            selectedIndex,\n            setSelectedIndex,\n            courseEnabledLanguages,\n            originalCourseLanguage,\n          }}\n        />\n      )}\n    </StandardModal>\n  );\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  close: PropTypes.func.isRequired,\n  selectedLanguage: PropTypes.string.isRequired,\n  setSelectedLanguage: PropTypes.func.isRequired,\n  availableLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  isFBE: PropTypes.bool.isRequired,\n  verifiedMode: PropTypes.shape({\n    currencySymbol: PropTypes.string,\n    price: PropTypes.number,\n    upgradeUrl: PropTypes.string,\n  }).isRequired,\n  isAuditMode: PropTypes.bool.isRequired,\n  logEventProperties: PropTypes.shape({\n    org_key: PropTypes.string.isRequired,\n    courserun_key: PropTypes.string.isRequired,\n  }).isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TranslationModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_useTranslationModal2","_messages","_ModalFooter","_UpgradeModalBody","_PaidModalBody","_jsxRuntime","obj","__esModule","TranslationModal","_ref","availableLanguages","isAuditMode","isFBE","isOpen","close","logEventProperties","selectedLanguage","setSelectedLanguage","verifiedMode","originalCourseLanguage","_useIntl","useIntl","formatMessage","currencySymbol","price","upgradeUrl","_useTranslationModal","useTranslationModal","courseEnabledLanguages","selectedIndex","setSelectedIndex","onSubmit","buttonText","messages","upgradeButtonText","upgradePrice","concat","submitButtonText","title","upgradeLanguageSelectionModalTitle","asterisk","jsx","children","languageSelectionModalTitle","StandardModal","onClose","isFullscreenScroll","footerNode","propTypes","PropTypes","bool","isRequired","func","string","arrayOf","shape","code","label","number","org_key","courserun_key","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/TranslationModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { StandardModal } from '@openedx/paragon';\n\nimport useTranslationModal from './useTranslationModal';\nimport messages from './messages';\nimport './TranslationModal.scss';\nimport ModalFooter from './ModalFooter';\nimport UpgradeModalBody from './UpgradeModalBody';\nimport PaidModalBody from './PaidModalBody';\n\nconst TranslationModal = ({\n  availableLanguages,\n  isAuditMode,\n  isFBE,\n  isOpen,\n  close,\n  logEventProperties,\n  selectedLanguage,\n  setSelectedLanguage,\n  verifiedMode,\n  originalCourseLanguage,\n}) => {\n  const { formatMessage } = useIntl();\n  const { currencySymbol, price, upgradeUrl } = verifiedMode;\n  const {\n    courseEnabledLanguages,\n    selectedIndex,\n    setSelectedIndex,\n    onSubmit,\n  } = useTranslationModal({\n    selectedLanguage,\n    setSelectedLanguage,\n    close,\n    isAuditMode,\n    upgradeUrl,\n    logEventProperties,\n    availableLanguages,\n    originalCourseLanguage,\n  });\n\n  const buttonText = isAuditMode ? (\n    formatMessage(messages.upgradeButtonText, { upgradePrice: `${currencySymbol}${price}` })\n  ) : (\n    formatMessage(messages.submitButtonText)\n  );\n\n  const title = isAuditMode ? (\n    formatMessage(messages.upgradeLanguageSelectionModalTitle, { asterisk: <sup>*</sup> })\n  ) : (\n    formatMessage(messages.languageSelectionModalTitle)\n  );\n\n  return (\n    <StandardModal\n      title={title}\n      isOpen={isOpen}\n      onClose={close}\n      isFullscreenScroll\n      footerNode={(\n        <ModalFooter\n          {...{\n            buttonText,\n            onSubmit,\n            close,\n          }}\n        />\n      )}\n    >\n      {isAuditMode ? (\n        <UpgradeModalBody {...{ courseEnabledLanguages, isFBE, originalCourseLanguage }} />\n      ) : (\n        <PaidModalBody\n          {...{\n            selectedIndex,\n            setSelectedIndex,\n            courseEnabledLanguages,\n            originalCourseLanguage,\n          }}\n        />\n      )}\n    </StandardModal>\n  );\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  close: PropTypes.func.isRequired,\n  selectedLanguage: PropTypes.string.isRequired,\n  setSelectedLanguage: PropTypes.func.isRequired,\n  availableLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  isFBE: PropTypes.bool.isRequired,\n  verifiedMode: PropTypes.shape({\n    currencySymbol: PropTypes.string,\n    price: PropTypes.number,\n    upgradeUrl: PropTypes.string,\n  }).isRequired,\n  isAuditMode: PropTypes.bool.isRequired,\n  logEventProperties: PropTypes.shape({\n    org_key: PropTypes.string.isRequired,\n    courserun_key: PropTypes.string.isRequired,\n  }).isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default TranslationModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA4C,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE5C,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAWhB;EAAA,IAVJC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,mBAAmB,GAAAR,IAAA,CAAnBQ,mBAAmB;IACnBC,YAAY,GAAAT,IAAA,CAAZS,YAAY;IACZC,sBAAsB,GAAAV,IAAA,CAAtBU,sBAAsB;EAEtB,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EACrB,IAAQC,cAAc,GAAwBL,YAAY,CAAlDK,cAAc;IAAEC,KAAK,GAAiBN,YAAY,CAAlCM,KAAK;IAAEC,UAAU,GAAKP,YAAY,CAA3BO,UAAU;EACzC,IAAAC,oBAAA,GAKI,IAAAC,gCAAmB,EAAC;MACtBX,gBAAgB,EAAhBA,gBAAgB;MAChBC,mBAAmB,EAAnBA,mBAAmB;MACnBH,KAAK,EAALA,KAAK;MACLH,WAAW,EAAXA,WAAW;MACXc,UAAU,EAAVA,UAAU;MACVV,kBAAkB,EAAlBA,kBAAkB;MAClBL,kBAAkB,EAAlBA,kBAAkB;MAClBS,sBAAsB,EAAtBA;IACF,CAAC,CAAC;IAbAS,sBAAsB,GAAAF,oBAAA,CAAtBE,sBAAsB;IACtBC,aAAa,GAAAH,oBAAA,CAAbG,aAAa;IACbC,gBAAgB,GAAAJ,oBAAA,CAAhBI,gBAAgB;IAChBC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ;EAYV,IAAMC,UAAU,GAAGrB,WAAW,GAC5BW,aAAa,CAACW,oBAAQ,CAACC,iBAAiB,EAAE;IAAEC,YAAY,KAAAC,MAAA,CAAKb,cAAc,EAAAa,MAAA,CAAGZ,KAAK;EAAG,CAAC,CAAC,GAExFF,aAAa,CAACW,oBAAQ,CAACI,gBAAgB,CACxC;EAED,IAAMC,KAAK,GAAG3B,WAAW,GACvBW,aAAa,CAACW,oBAAQ,CAACM,kCAAkC,EAAE;IAAEC,QAAQ,eAAE,IAAAnC,WAAA,CAAAoC,GAAA;MAAAC,QAAA,EAAK;IAAC,CAAK;EAAE,CAAC,CAAC,GAEtFpB,aAAa,CAACW,oBAAQ,CAACU,2BAA2B,CACnD;EAED,oBACE,IAAAtC,WAAA,CAAAoC,GAAA,EAAC1C,QAAA,CAAA6C,aAAa;IACZN,KAAK,EAAEA,KAAM;IACbzB,MAAM,EAAEA,MAAO;IACfgC,OAAO,EAAE/B,KAAM;IACfgC,kBAAkB;IAClBC,UAAU,eACR,IAAA1C,WAAA,CAAAoC,GAAA,EAACvC,YAAA,WAAW;MAER8B,UAAU,EAAVA,UAAU;MACVD,QAAQ,EAARA,QAAQ;MACRjB,KAAK,EAALA;IAAK,CAER,CACD;IAAA4B,QAAA,EAED/B,WAAW,gBACV,IAAAN,WAAA,CAAAoC,GAAA,EAACtC,iBAAA,WAAgB;MAAOyB,sBAAsB,EAAtBA,sBAAsB;MAAEhB,KAAK,EAALA,KAAK;MAAEO,sBAAsB,EAAtBA;IAAsB,CAAK,CAAC,gBAEnF,IAAAd,WAAA,CAAAoC,GAAA,EAACrC,cAAA,WAAa;MAEVyB,aAAa,EAAbA,aAAa;MACbC,gBAAgB,EAAhBA,gBAAgB;MAChBF,sBAAsB,EAAtBA,sBAAsB;MACtBT,sBAAsB,EAAtBA;IAAsB,CAEzB;EACF,CACY,CAAC;AAEpB,CAAC;AAEDX,gBAAgB,CAACwC,SAAS,GAAG;EAC3BnC,MAAM,EAAEoC,qBAAS,CAACC,IAAI,CAACC,UAAU;EACjCrC,KAAK,EAAEmC,qBAAS,CAACG,IAAI,CAACD,UAAU;EAChCnC,gBAAgB,EAAEiC,qBAAS,CAACI,MAAM,CAACF,UAAU;EAC7ClC,mBAAmB,EAAEgC,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC9CzC,kBAAkB,EAAEuC,qBAAS,CAACK,OAAO,CACnCL,qBAAS,CAACM,KAAK,CAAC;IACdC,IAAI,EAAEP,qBAAS,CAACI,MAAM,CAACF,UAAU;IACjCM,KAAK,EAAER,qBAAS,CAACI,MAAM,CAACF;EAC1B,CAAC,CACH,CAAC,CAACA,UAAU;EACZvC,KAAK,EAAEqC,qBAAS,CAACC,IAAI,CAACC,UAAU;EAChCjC,YAAY,EAAE+B,qBAAS,CAACM,KAAK,CAAC;IAC5BhC,cAAc,EAAE0B,qBAAS,CAACI,MAAM;IAChC7B,KAAK,EAAEyB,qBAAS,CAACS,MAAM;IACvBjC,UAAU,EAAEwB,qBAAS,CAACI;EACxB,CAAC,CAAC,CAACF,UAAU;EACbxC,WAAW,EAAEsC,qBAAS,CAACC,IAAI,CAACC,UAAU;EACtCpC,kBAAkB,EAAEkC,qBAAS,CAACM,KAAK,CAAC;IAClCI,OAAO,EAAEV,qBAAS,CAACI,MAAM,CAACF,UAAU;IACpCS,aAAa,EAAEX,qBAAS,CAACI,MAAM,CAACF;EAClC,CAAC,CAAC,CAACA,UAAU;EACbhC,sBAAsB,EAAE8B,qBAAS,CAACI,MAAM,CAACF;AAC3C,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEatD,gBAAgB","ignoreList":[]}

package/dist/translation-button/translation-selection/translation-modal/UpgradeModalBody.js

@@ -15,7 +15,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var UpgradeModalBody = function UpgradeModalBody(_ref) {
   var courseEnabledLanguages = _ref.courseEnabledLanguages,
-    isFBE = _ref.isFBE;
+    isFBE = _ref.isFBE,
+    originalCourseLanguage = _ref.originalCourseLanguage;
   var _useIntl = (0, _i18n.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -47,7 +48,8 @@ var UpgradeModalBody = function UpgradeModalBody(_ref) {
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockedLanguages["default"], {
-      courseEnabledLanguages: courseEnabledLanguages
+      courseEnabledLanguages: courseEnabledLanguages,
+      originalCourseLanguage: originalCourseLanguage
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UpgradeBenefits["default"], {
       isFBE: isFBE
     })]
@@ -58,7 +60,8 @@ UpgradeModalBody.propTypes = {
     code: _propTypes["default"].string.isRequired,
     label: _propTypes["default"].string.isRequired
   })).isRequired,
-  isFBE: _propTypes["default"].bool.isRequired
+  isFBE: _propTypes["default"].bool.isRequired,
+  originalCourseLanguage: _propTypes["default"].string.isRequired
 };
 var _default = exports["default"] = UpgradeModalBody;
 //# sourceMappingURL=UpgradeModalBody.js.map

package/dist/translation-button/translation-selection/translation-modal/UpgradeModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpgradeModalBody.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_LockedLanguages","_UpgradeBenefits","_messages","_jsxRuntime","obj","__esModule","UpgradeModalBody","_ref","courseEnabledLanguages","isFBE","_useIntl","useIntl","formatMessage","jsxs","Fragment","children","jsx","className","style","display","position","messages","upgradeLanguageSectionTitle","tooltip","OverlayTrigger","placement","overlay","Tooltip","id","upgradeLanguageSectionTooltip","Icon","bottom","src","InfoOutline","size","propTypes","PropTypes","arrayOf","shape","code","string","isRequired","label","bool","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/UpgradeModalBody.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Icon, OverlayTrigger, Tooltip } from '@openedx/paragon';\nimport { InfoOutline } from '@openedx/paragon/icons';\n\nimport LockedLanguages from './LockedLanguages';\nimport UpgradeBenefits from './UpgradeBenefits';\nimport messages from './messages';\n\nconst UpgradeModalBody = ({\n  courseEnabledLanguages,\n  isFBE,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <>\n      <span className=\"lead text-primary mb-2\" style={{ display: 'inline-block', position: 'relative' }}>\n        {formatMessage(messages.upgradeLanguageSectionTitle, {\n          tooltip: (\n            <OverlayTrigger\n              placement=\"right\"\n              overlay={(\n                <Tooltip id=\"langauge-translations-selection-tooltip\">\n                  {formatMessage(messages.upgradeLanguageSectionTooltip)}\n                </Tooltip>\n              )}\n            >\n              <Icon\n                style={{\n                  float: 'right',\n                  display: 'inline',\n                  position: 'absolute',\n                  bottom: 8,\n                }}\n                src={InfoOutline}\n                size=\"xs\"\n                className=\"ml-1\"\n                aria-label=\"info\"\n              />\n            </OverlayTrigger>\n          ),\n        })}\n      </span>\n      <LockedLanguages {...{ courseEnabledLanguages }} />\n      <UpgradeBenefits {...{ isFBE }} />\n    </>\n  );\n};\n\nUpgradeModalBody.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  isFBE: PropTypes.bool.isRequired,\n};\n\nexport default UpgradeModalBody;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElC,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAGhB;EAAA,IAFJC,sBAAsB,GAAAD,IAAA,CAAtBC,sBAAsB;IACtBC,KAAK,GAAAF,IAAA,CAALE,KAAK;EAEL,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EACrB,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,gBACE,IAAAZ,WAAA,CAAAa,GAAA;MAAMC,SAAS,EAAC,wBAAwB;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,cAAc;QAAEC,QAAQ,EAAE;MAAW,CAAE;MAAAL,QAAA,EAC/FH,aAAa,CAACS,oBAAQ,CAACC,2BAA2B,EAAE;QACnDC,OAAO,eACL,IAAApB,WAAA,CAAAa,GAAA,EAAClB,QAAA,CAAA0B,cAAc;UACbC,SAAS,EAAC,OAAO;UACjBC,OAAO,eACL,IAAAvB,WAAA,CAAAa,GAAA,EAAClB,QAAA,CAAA6B,OAAO;YAACC,EAAE,EAAC,yCAAyC;YAAAb,QAAA,EAClDH,aAAa,CAACS,oBAAQ,CAACQ,6BAA6B;UAAC,CAC/C,CACT;UAAAd,QAAA,eAEF,IAAAZ,WAAA,CAAAa,GAAA,EAAClB,QAAA,CAAAgC,IAAI;YACHZ,KAAK,EAAE;cACL,SAAO,OAAO;cACdC,OAAO,EAAE,QAAQ;cACjBC,QAAQ,EAAE,UAAU;cACpBW,MAAM,EAAE;YACV,CAAE;YACFC,GAAG,EAAEC,kBAAY;YACjBC,IAAI,EAAC,IAAI;YACTjB,SAAS,EAAC,MAAM;YAChB,cAAW;UAAM,CAClB;QAAC,CACY;MAEpB,CAAC;IAAC,CACE,CAAC,eACP,IAAAd,WAAA,CAAAa,GAAA,EAAChB,gBAAA,WAAe;MAAOQ,sBAAsB,EAAtBA;IAAsB,CAAK,CAAC,eACnD,IAAAL,WAAA,CAAAa,GAAA,EAACf,gBAAA,WAAe;MAAOQ,KAAK,EAALA;IAAK,CAAK,CAAC;EAAA,CAClC,CAAC;AAEP,CAAC;AAEDH,gBAAgB,CAAC6B,SAAS,GAAG;EAC3B3B,sBAAsB,EAAE4B,qBAAS,CAACC,OAAO,CACvCD,qBAAS,CAACE,KAAK,CAAC;IACdC,IAAI,EAAEH,qBAAS,CAACI,MAAM,CAACC,UAAU;IACjCC,KAAK,EAAEN,qBAAS,CAACI,MAAM,CAACC;EAC1B,CAAC,CACH,CAAC,CAACA,UAAU;EACZhC,KAAK,EAAE2B,qBAAS,CAACO,IAAI,CAACF;AACxB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEavC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"UpgradeModalBody.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_LockedLanguages","_UpgradeBenefits","_messages","_jsxRuntime","obj","__esModule","UpgradeModalBody","_ref","courseEnabledLanguages","isFBE","originalCourseLanguage","_useIntl","useIntl","formatMessage","jsxs","Fragment","children","jsx","className","style","display","position","messages","upgradeLanguageSectionTitle","tooltip","OverlayTrigger","placement","overlay","Tooltip","id","upgradeLanguageSectionTooltip","Icon","bottom","src","InfoOutline","size","propTypes","PropTypes","arrayOf","shape","code","string","isRequired","label","bool","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/UpgradeModalBody.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Icon, OverlayTrigger, Tooltip } from '@openedx/paragon';\nimport { InfoOutline } from '@openedx/paragon/icons';\n\nimport LockedLanguages from './LockedLanguages';\nimport UpgradeBenefits from './UpgradeBenefits';\nimport messages from './messages';\n\nconst UpgradeModalBody = ({\n  courseEnabledLanguages,\n  isFBE,\n  originalCourseLanguage,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <>\n      <span className=\"lead text-primary mb-2\" style={{ display: 'inline-block', position: 'relative' }}>\n        {formatMessage(messages.upgradeLanguageSectionTitle, {\n          tooltip: (\n            <OverlayTrigger\n              placement=\"right\"\n              overlay={(\n                <Tooltip id=\"langauge-translations-selection-tooltip\">\n                  {formatMessage(messages.upgradeLanguageSectionTooltip)}\n                </Tooltip>\n              )}\n            >\n              <Icon\n                style={{\n                  float: 'right',\n                  display: 'inline',\n                  position: 'absolute',\n                  bottom: 8,\n                }}\n                src={InfoOutline}\n                size=\"xs\"\n                className=\"ml-1\"\n                aria-label=\"info\"\n              />\n            </OverlayTrigger>\n          ),\n        })}\n      </span>\n      <LockedLanguages {...{ courseEnabledLanguages, originalCourseLanguage }} />\n      <UpgradeBenefits {...{ isFBE }} />\n    </>\n  );\n};\n\nUpgradeModalBody.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  isFBE: PropTypes.bool.isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default UpgradeModalBody;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAkC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElC,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAIhB;EAAA,IAHJC,sBAAsB,GAAAD,IAAA,CAAtBC,sBAAsB;IACtBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB;EAEtB,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EACrB,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAC,QAAA,gBACE,IAAAb,WAAA,CAAAc,GAAA;MAAMC,SAAS,EAAC,wBAAwB;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,cAAc;QAAEC,QAAQ,EAAE;MAAW,CAAE;MAAAL,QAAA,EAC/FH,aAAa,CAACS,oBAAQ,CAACC,2BAA2B,EAAE;QACnDC,OAAO,eACL,IAAArB,WAAA,CAAAc,GAAA,EAACnB,QAAA,CAAA2B,cAAc;UACbC,SAAS,EAAC,OAAO;UACjBC,OAAO,eACL,IAAAxB,WAAA,CAAAc,GAAA,EAACnB,QAAA,CAAA8B,OAAO;YAACC,EAAE,EAAC,yCAAyC;YAAAb,QAAA,EAClDH,aAAa,CAACS,oBAAQ,CAACQ,6BAA6B;UAAC,CAC/C,CACT;UAAAd,QAAA,eAEF,IAAAb,WAAA,CAAAc,GAAA,EAACnB,QAAA,CAAAiC,IAAI;YACHZ,KAAK,EAAE;cACL,SAAO,OAAO;cACdC,OAAO,EAAE,QAAQ;cACjBC,QAAQ,EAAE,UAAU;cACpBW,MAAM,EAAE;YACV,CAAE;YACFC,GAAG,EAAEC,kBAAY;YACjBC,IAAI,EAAC,IAAI;YACTjB,SAAS,EAAC,MAAM;YAChB,cAAW;UAAM,CAClB;QAAC,CACY;MAEpB,CAAC;IAAC,CACE,CAAC,eACP,IAAAf,WAAA,CAAAc,GAAA,EAACjB,gBAAA,WAAe;MAAOQ,sBAAsB,EAAtBA,sBAAsB;MAAEE,sBAAsB,EAAtBA;IAAsB,CAAK,CAAC,eAC3E,IAAAP,WAAA,CAAAc,GAAA,EAAChB,gBAAA,WAAe;MAAOQ,KAAK,EAALA;IAAK,CAAK,CAAC;EAAA,CAClC,CAAC;AAEP,CAAC;AAEDH,gBAAgB,CAAC8B,SAAS,GAAG;EAC3B5B,sBAAsB,EAAE6B,qBAAS,CAACC,OAAO,CACvCD,qBAAS,CAACE,KAAK,CAAC;IACdC,IAAI,EAAEH,qBAAS,CAACI,MAAM,CAACC,UAAU;IACjCC,KAAK,EAAEN,qBAAS,CAACI,MAAM,CAACC;EAC1B,CAAC,CACH,CAAC,CAACA,UAAU;EACZjC,KAAK,EAAE4B,qBAAS,CAACO,IAAI,CAACF,UAAU;EAChChC,sBAAsB,EAAE2B,qBAAS,CAACI,MAAM,CAACC;AAC3C,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEaxC,gBAAgB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@edx/unit-title-plugin",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "description": "Unit title plugin in frontend-app-learning",
     "main": "dist",
     "author": "edX",
@@ -47,5 +47,5 @@
     "devDependencies": {
         "rosie": "^2.1.1"
     },
-    "gitHead": "ffd160c4ce78e299ae1c994d4f94148ef9396a3c"
+    "gitHead": "bd4ca2f4ca7160601cd63d1d54d41ae9ce2c1137"
 }