@edx/unit-title-plugin 0.0.4 → 0.0.5

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/package.json

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