@edx/unit-title-plugin 0.0.1

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+require("./LanguageSelector.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var LanguageSelector = function LanguageSelector(_ref) {
+  var selectedIndex = _ref.selectedIndex,
+    setSelectedIndex = _ref.setSelectedIndex,
+    courseEnabledLanguages = _ref.courseEnabledLanguages,
+    originalCourseLanguage = _ref.originalCourseLanguage;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var handleChange = function handleChange(e) {
+    return setSelectedIndex(Number(e.target.value));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pgn__card small",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.SelectableBox.Set, {
+      value: selectedIndex,
+      onChange: handleChange,
+      name: "languages",
+      columns: 1,
+      ariaLabel: "language selection",
+      className: "language-set",
+      children: courseEnabledLanguages.map(function (_ref2, index) {
+        var code = _ref2.code,
+          label = _ref2.label;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.SelectableBox, {
+          value: index,
+          "aria-label": "".concat(label, " radio"),
+          className: "option shadow-none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+            gap: 3,
+            direction: "horizontal",
+            children: [code === originalCourseLanguage ? formatMessage(_messages["default"].originalLanguageLabel) : label, selectedIndex === index && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+              src: _icons.Check,
+              className: "text-success"
+            })]
+          })
+        }, code);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "p-3",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GoogleDisclaimer["default"], {})
+    })]
+  });
+};
+LanguageSelector.propTypes = {
+  courseEnabledLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].string.isRequired
+  })).isRequired,
+  selectedIndex: _propTypes["default"].number.isRequired,
+  setSelectedIndex: _propTypes["default"].func.isRequired,
+  originalCourseLanguage: _propTypes["default"].string.isRequired
+};
+var _default = exports["default"] = LanguageSelector;
+//# sourceMappingURL=LanguageSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_GoogleDisclaimer","_messages","_jsxRuntime","obj","__esModule","LanguageSelector","_ref","selectedIndex","setSelectedIndex","courseEnabledLanguages","originalCourseLanguage","_useIntl","useIntl","formatMessage","handleChange","e","Number","target","value","jsxs","className","children","jsx","SelectableBox","Set","onChange","name","columns","ariaLabel","map","_ref2","index","code","label","concat","Stack","gap","direction","messages","originalLanguageLabel","Icon","src","Check","propTypes","PropTypes","arrayOf","shape","string","isRequired","number","func","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/LanguageSelector.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Icon,\n  SelectableBox,\n  Stack,\n} from '@openedx/paragon';\nimport { Check } from '@openedx/paragon/icons';\n\nimport GoogleDisclaimer from './GoogleDisclaimer';\nimport messages from './messages';\nimport './LanguageSelector.scss';\n\nconst LanguageSelector = ({\n  selectedIndex,\n  setSelectedIndex,\n  courseEnabledLanguages,\n  originalCourseLanguage,\n}) => {\n  const { formatMessage } = useIntl();\n  const handleChange = (e) => setSelectedIndex(Number(e.target.value));\n\n  return (\n    <div className=\"pgn__card small\">\n      <SelectableBox.Set\n        value={selectedIndex}\n        onChange={handleChange}\n        name=\"languages\"\n        columns={1}\n        ariaLabel=\"language selection\"\n        className=\"language-set\"\n      >\n        {courseEnabledLanguages.map(({ code, label }, index) => (\n          <SelectableBox\n            key={code}\n            value={index}\n            aria-label={`${label} radio`}\n            className=\"option shadow-none\"\n          >\n            <Stack gap={3} direction=\"horizontal\">\n              {code === originalCourseLanguage ? formatMessage(messages.originalLanguageLabel) : label}\n              {selectedIndex === index && <Icon src={Check} className=\"text-success\" />}\n            </Stack>\n          </SelectableBox>\n        ))}\n      </SelectableBox.Set>\n      <div className=\"p-3\">\n        <GoogleDisclaimer />\n      </div>\n    </div>\n  );\n};\n\nLanguageSelector.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  selectedIndex: PropTypes.number.isRequired,\n  setSelectedIndex: PropTypes.func.isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default LanguageSelector;\n"],"mappings":"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","ignoreList":[]}

package/dist/translation-button/translation-selection/translation-modal/LanguageSelector.scss

@@ -0,0 +1,18 @@
+.language-set {
+  outline: none;
+  &.pgn__selectable_box-set {
+    grid-gap: 0;
+  }
+
+  .option {
+    border-radius: 0;
+
+    &.pgn__selectable_box-active {
+     z-index: 1;
+    }
+ 
+    &.pgn__selectable_box{
+     border-bottom: 1px solid #E7E4DB;
+    }
+ }
+}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _paragon = require("@openedx/paragon");
+var _icons = require("@openedx/paragon/icons");
+var _GoogleDisclaimer = _interopRequireDefault(require("./GoogleDisclaimer"));
+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;
+  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;
+        var availableIcon = code === 'en' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.Check,
+          className: "text-success-500",
+          "aria-label": "available"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.Locked,
+          "aria-label": "locked"
+        });
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Card.Section, {
+            className: "small",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+              direction: "horizontal",
+              gap: 3,
+              children: [label, availableIcon]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Card.Divider, {})]
+        }, "".concat(code, "-option"));
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Card.Section, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GoogleDisclaimer["default"], {
+          isAuditMode: true
+        })
+      })]
+    })
+  });
+};
+LockedLanguages.propTypes = {
+  courseEnabledLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].string.isRequired
+  })).isRequired
+};
+var _default = exports["default"] = LockedLanguages;
+//# sourceMappingURL=LockedLanguages.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _paragon = require("@openedx/paragon");
+var _messages = _interopRequireDefault(require("./messages"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ModalFooter = function ModalFooter(_ref) {
+  var onSubmit = _ref.onSubmit,
+    close = _ref.close,
+    buttonText = _ref.buttonText;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ActionRow, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
+      variant: "tertiary",
+      onClick: close,
+      children: formatMessage(_messages["default"].cancelButtonText)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
+      onClick: onSubmit,
+      children: buttonText
+    })]
+  });
+};
+ModalFooter.propTypes = {
+  onSubmit: _propTypes["default"].func.isRequired,
+  close: _propTypes["default"].func.isRequired,
+  buttonText: _propTypes["default"].node.isRequired
+};
+var _default = exports["default"] = ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_messages","_jsxRuntime","obj","__esModule","ModalFooter","_ref","onSubmit","close","buttonText","_useIntl","useIntl","formatMessage","jsxs","ActionRow","children","jsx","Button","variant","onClick","messages","cancelButtonText","propTypes","PropTypes","func","isRequired","node","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/ModalFooter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  ActionRow,\n  Button,\n} from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst ModalFooter = ({\n  onSubmit,\n  close,\n  buttonText,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <ActionRow>\n      <Button variant=\"tertiary\" onClick={close}>\n        {formatMessage(messages.cancelButtonText)}\n      </Button>\n      <Button onClick={onSubmit}>\n        {buttonText}\n      </Button>\n    </ActionRow>\n  );\n};\n\nModalFooter.propTypes = {\n  onSubmit: PropTypes.func.isRequired,\n  close: PropTypes.func.isRequired,\n  buttonText: PropTypes.node.isRequired,\n};\n\nexport default ModalFooter;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElC,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAIX;EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAEV,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EACrB,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACb,QAAA,CAAAc,SAAS;IAAAC,QAAA,gBACR,IAAAb,WAAA,CAAAc,GAAA,EAAChB,QAAA,CAAAiB,MAAM;MAACC,OAAO,EAAC,UAAU;MAACC,OAAO,EAAEX,KAAM;MAAAO,QAAA,EACvCH,aAAa,CAACQ,oBAAQ,CAACC,gBAAgB;IAAC,CACnC,CAAC,eACT,IAAAnB,WAAA,CAAAc,GAAA,EAAChB,QAAA,CAAAiB,MAAM;MAACE,OAAO,EAAEZ,QAAS;MAAAQ,QAAA,EACvBN;IAAU,CACL,CAAC;EAAA,CACA,CAAC;AAEhB,CAAC;AAEDJ,WAAW,CAACiB,SAAS,GAAG;EACtBf,QAAQ,EAAEgB,qBAAS,CAACC,IAAI,CAACC,UAAU;EACnCjB,KAAK,EAAEe,qBAAS,CAACC,IAAI,CAACC,UAAU;EAChChB,UAAU,EAAEc,qBAAS,CAACG,IAAI,CAACD;AAC7B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEavB,WAAW","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _paragon = require("@openedx/paragon");
+var _messages = _interopRequireDefault(require("./messages"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var NewLanguageFeedback = function NewLanguageFeedback(_ref) {
+  var logSurveyClick = _ref.logSurveyClick;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "small row m-0 mt-2 align-items-center",
+    children: formatMessage(_messages["default"].additionalLanguageMissing, {
+      surveyLink: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Button, {
+        variant: "link",
+        onClick: logSurveyClick,
+        size: "inline",
+        children: [formatMessage(_messages["default"].surveyLinkLabel), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "sr-only",
+          children: formatMessage(_messages["default"].externalSiteLinkScreenreader)
+        })]
+      })
+    })
+  });
+};
+NewLanguageFeedback.propTypes = {
+  logSurveyClick: _propTypes["default"].func.isRequired
+};
+var _default = exports["default"] = NewLanguageFeedback;
+//# sourceMappingURL=NewLanguageFeedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewLanguageFeedback.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_messages","_jsxRuntime","obj","__esModule","NewLanguageFeedback","_ref","logSurveyClick","_useIntl","useIntl","formatMessage","jsx","className","children","messages","additionalLanguageMissing","surveyLink","jsxs","Button","variant","onClick","size","surveyLinkLabel","externalSiteLinkScreenreader","propTypes","PropTypes","func","isRequired","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/NewLanguageFeedback.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Button } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst NewLanguageFeedback = ({ logSurveyClick }) => {\n  const { formatMessage } = useIntl();\n  return (\n    <span className=\"small row m-0 mt-2 align-items-center\">\n      {formatMessage(\n        messages.additionalLanguageMissing,\n        {\n          surveyLink: (\n            <Button\n              variant=\"link\"\n              onClick={logSurveyClick}\n              size=\"inline\"\n            >\n              {formatMessage(messages.surveyLinkLabel)}\n              <span className=\"sr-only\">{formatMessage(messages.externalSiteLinkScreenreader)}</span>\n            </Button>\n          ),\n        },\n      )}\n    </span>\n  );\n};\n\nNewLanguageFeedback.propTypes = {\n  logSurveyClick: PropTypes.func.isRequired,\n};\n\nexport default NewLanguageFeedback;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElC,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;EAC3C,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EACrB,oBACE,IAAAR,WAAA,CAAAS,GAAA;IAAMC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,EACpDH,aAAa,CACZI,oBAAQ,CAACC,yBAAyB,EAClC;MACEC,UAAU,eACR,IAAAd,WAAA,CAAAe,IAAA,EAACjB,QAAA,CAAAkB,MAAM;QACLC,OAAO,EAAC,MAAM;QACdC,OAAO,EAAEb,cAAe;QACxBc,IAAI,EAAC,QAAQ;QAAAR,QAAA,GAEZH,aAAa,CAACI,oBAAQ,CAACQ,eAAe,CAAC,eACxC,IAAApB,WAAA,CAAAS,GAAA;UAAMC,SAAS,EAAC,SAAS;UAAAC,QAAA,EAAEH,aAAa,CAACI,oBAAQ,CAACS,4BAA4B;QAAC,CAAO,CAAC;MAAA,CACjF;IAEZ,CACF;EAAC,CACG,CAAC;AAEX,CAAC;AAEDlB,mBAAmB,CAACmB,SAAS,GAAG;EAC9BjB,cAAc,EAAEkB,qBAAS,CAACC,IAAI,CAACC;AACjC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaxB,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _LanguageSelector = _interopRequireDefault(require("./LanguageSelector"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var PaidModalBody = function PaidModalBody(_ref) {
+  var selectedIndex = _ref.selectedIndex,
+    setSelectedIndex = _ref.setSelectedIndex,
+    courseEnabledLanguages = _ref.courseEnabledLanguages,
+    originalCourseLanguage = _ref.originalCourseLanguage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LanguageSelector["default"], {
+    selectedIndex: selectedIndex,
+    setSelectedIndex: setSelectedIndex,
+    courseEnabledLanguages: courseEnabledLanguages,
+    originalCourseLanguage: originalCourseLanguage
+  });
+};
+PaidModalBody.propTypes = {
+  courseEnabledLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].string.isRequired
+  })).isRequired,
+  selectedIndex: _propTypes["default"].number.isRequired,
+  setSelectedIndex: _propTypes["default"].func.isRequired,
+  originalCourseLanguage: _propTypes["default"].string.isRequired
+};
+var _default = exports["default"] = PaidModalBody;
+//# sourceMappingURL=PaidModalBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaidModalBody.js","names":["_propTypes","_interopRequireDefault","require","_LanguageSelector","_jsxRuntime","obj","__esModule","PaidModalBody","_ref","selectedIndex","setSelectedIndex","courseEnabledLanguages","originalCourseLanguage","jsx","propTypes","PropTypes","arrayOf","shape","code","string","isRequired","label","number","func","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/PaidModalBody.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport LanguageSelector from './LanguageSelector';\n\nconst PaidModalBody = ({\n  selectedIndex,\n  setSelectedIndex,\n  courseEnabledLanguages,\n  originalCourseLanguage,\n}) => (\n  <LanguageSelector\n    {...{\n      selectedIndex,\n      setSelectedIndex,\n      courseEnabledLanguages,\n      originalCourseLanguage,\n    }}\n  />\n);\n\nPaidModalBody.propTypes = {\n  courseEnabledLanguages: PropTypes.arrayOf(\n    PropTypes.shape({\n      code: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  selectedIndex: PropTypes.number.isRequired,\n  setSelectedIndex: PropTypes.func.isRequired,\n  originalCourseLanguage: PropTypes.string.isRequired,\n};\n\nexport default PaidModalBody;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;EAAA,IACjBC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IAChBC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB;IACtBC,sBAAsB,GAAAJ,IAAA,CAAtBI,sBAAsB;EAAA,oBAEtB,IAAAR,WAAA,CAAAS,GAAA,EAACV,iBAAA,WAAgB;IAEbM,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBC,sBAAsB,EAAtBA,sBAAsB;IACtBC,sBAAsB,EAAtBA;EAAsB,CAEzB,CAAC;AAAA,CACH;AAEDL,aAAa,CAACO,SAAS,GAAG;EACxBH,sBAAsB,EAAEI,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;EACZX,aAAa,EAAEM,qBAAS,CAACO,MAAM,CAACF,UAAU;EAC1CV,gBAAgB,EAAEK,qBAAS,CAACQ,IAAI,CAACH,UAAU;EAC3CR,sBAAsB,EAAEG,qBAAS,CAACI,MAAM,CAACC;AAC3C,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEalB,aAAa","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _paragon = require("@openedx/paragon");
+var _useTranslationModal2 = _interopRequireDefault(require("./useTranslationModal"));
+var _messages = _interopRequireDefault(require("./messages"));
+require("./TranslationModal.scss");
+var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _UpgradeModalBody = _interopRequireDefault(require("./UpgradeModalBody"));
+var _PaidModalBody = _interopRequireDefault(require("./PaidModalBody"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var TranslationModal = function TranslationModal(_ref) {
+  var availableLanguages = _ref.availableLanguages,
+    isAuditMode = _ref.isAuditMode,
+    isFBE = _ref.isFBE,
+    isOpen = _ref.isOpen,
+    close = _ref.close,
+    logEventProperties = _ref.logEventProperties,
+    selectedLanguage = _ref.selectedLanguage,
+    setSelectedLanguage = _ref.setSelectedLanguage,
+    verifiedMode = _ref.verifiedMode,
+    originalCourseLanguage = _ref.originalCourseLanguage;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var currencySymbol = verifiedMode.currencySymbol,
+    price = verifiedMode.price,
+    upgradeUrl = verifiedMode.upgradeUrl;
+  var _useTranslationModal = (0, _useTranslationModal2["default"])({
+      selectedLanguage: selectedLanguage,
+      setSelectedLanguage: setSelectedLanguage,
+      close: close,
+      isAuditMode: isAuditMode,
+      upgradeUrl: upgradeUrl,
+      logEventProperties: logEventProperties,
+      availableLanguages: availableLanguages,
+      originalCourseLanguage: originalCourseLanguage
+    }),
+    courseEnabledLanguages = _useTranslationModal.courseEnabledLanguages,
+    selectedIndex = _useTranslationModal.selectedIndex,
+    setSelectedIndex = _useTranslationModal.setSelectedIndex,
+    onSubmit = _useTranslationModal.onSubmit;
+  var buttonText = isAuditMode ? formatMessage(_messages["default"].upgradeButtonText, {
+    upgradePrice: "".concat(currencySymbol).concat(price)
+  }) : formatMessage(_messages["default"].submitButtonText);
+  var title = isAuditMode ? formatMessage(_messages["default"].upgradeLanguageSelectionModalTitle, {
+    asterisk: /*#__PURE__*/(0, _jsxRuntime.jsx)("sup", {
+      children: "*"
+    })
+  }) : formatMessage(_messages["default"].languageSelectionModalTitle);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.StandardModal, {
+    title: title,
+    isOpen: isOpen,
+    onClose: close,
+    isFullscreenScroll: true,
+    footerNode: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalFooter["default"], {
+      buttonText: buttonText,
+      onSubmit: onSubmit,
+      close: close
+    }),
+    children: isAuditMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UpgradeModalBody["default"], {
+      courseEnabledLanguages: courseEnabledLanguages,
+      isFBE: isFBE
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaidModalBody["default"], {
+      selectedIndex: selectedIndex,
+      setSelectedIndex: setSelectedIndex,
+      courseEnabledLanguages: courseEnabledLanguages,
+      originalCourseLanguage: originalCourseLanguage
+    })
+  });
+};
+TranslationModal.propTypes = {
+  isOpen: _propTypes["default"].bool.isRequired,
+  close: _propTypes["default"].func.isRequired,
+  selectedLanguage: _propTypes["default"].string.isRequired,
+  setSelectedLanguage: _propTypes["default"].func.isRequired,
+  availableLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].string.isRequired
+  })).isRequired,
+  isFBE: _propTypes["default"].bool.isRequired,
+  verifiedMode: _propTypes["default"].shape({
+    currencySymbol: _propTypes["default"].string,
+    price: _propTypes["default"].number,
+    upgradeUrl: _propTypes["default"].string
+  }).isRequired,
+  isAuditMode: _propTypes["default"].bool.isRequired,
+  logEventProperties: _propTypes["default"].shape({
+    org_key: _propTypes["default"].string.isRequired,
+    courserun_key: _propTypes["default"].string.isRequired
+  }).isRequired,
+  originalCourseLanguage: _propTypes["default"].string.isRequired
+};
+var _default = exports["default"] = TranslationModal;
+//# sourceMappingURL=TranslationModal.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,12 @@
+.listbox-container {
+  max-height: 400px;
+  overflow: scroll;
+
+  :last-child {
+    margin-bottom: 5px;
+  }
+}
+
+.inline-image {
+  height: 1em;
+}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _frontendPluginAdvertisements = require("@edx/frontend-plugin-advertisements");
+var _messages = _interopRequireDefault(require("./messages"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var UpgradeBenefits = function UpgradeBenefits(_ref) {
+  var isFBE = _ref.isFBE;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "mt-3.5",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "lead text-primary-500",
+      children: formatMessage(_messages["default"].upgradeBenefitsSectionTitle)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ml-n4 mt-n3",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_frontendPluginAdvertisements.UpsellBullets, {
+        isFBE: isFBE
+      })
+    })]
+  });
+};
+UpgradeBenefits.propTypes = {
+  isFBE: _propTypes["default"].bool.isRequired
+};
+var _default = exports["default"] = UpgradeBenefits;
+//# sourceMappingURL=UpgradeBenefits.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeBenefits.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_frontendPluginAdvertisements","_messages","_jsxRuntime","obj","__esModule","UpgradeBenefits","_ref","isFBE","_useIntl","useIntl","formatMessage","jsxs","className","children","jsx","messages","upgradeBenefitsSectionTitle","UpsellBullets","propTypes","PropTypes","bool","isRequired","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/UpgradeBenefits.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\n\nimport { UpsellBullets } from '@edx/frontend-plugin-advertisements';\n\nimport messages from './messages';\n\nconst UpgradeBenefits = ({ isFBE }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"mt-3.5\">\n      <hr />\n      <span className=\"lead text-primary-500\">\n        {formatMessage(messages.upgradeBenefitsSectionTitle)}\n      </span>\n      <div className=\"ml-n4 mt-n3\">\n        <UpsellBullets {...{ isFBE }} />\n      </div>\n    </div>\n  );\n};\n\nUpgradeBenefits.propTypes = {\n  isFBE: PropTypes.bool.isRequired,\n};\n\nexport default UpgradeBenefits;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElC,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC9B,IAAAC,QAAA,GAA0B,IAAAC,aAAO,EAAC,CAAC;IAA3BC,aAAa,GAAAF,QAAA,CAAbE,aAAa;EAErB,oBACE,IAAAR,WAAA,CAAAS,IAAA;IAAKC,SAAS,EAAC,QAAQ;IAAAC,QAAA,gBACrB,IAAAX,WAAA,CAAAY,GAAA,UAAK,CAAC,eACN,IAAAZ,WAAA,CAAAY,GAAA;MAAMF,SAAS,EAAC,uBAAuB;MAAAC,QAAA,EACpCH,aAAa,CAACK,oBAAQ,CAACC,2BAA2B;IAAC,CAChD,CAAC,eACP,IAAAd,WAAA,CAAAY,GAAA;MAAKF,SAAS,EAAC,aAAa;MAAAC,QAAA,eAC1B,IAAAX,WAAA,CAAAY,GAAA,EAACd,6BAAA,CAAAiB,aAAa;QAAOV,KAAK,EAALA;MAAK,CAAK;IAAC,CAC7B,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAEDF,eAAe,CAACa,SAAS,GAAG;EAC1BX,KAAK,EAAEY,qBAAS,CAACC,IAAI,CAACC;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEalB,eAAe","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _LockedLanguages = _interopRequireDefault(require("./LockedLanguages"));
+var _UpgradeBenefits = _interopRequireDefault(require("./UpgradeBenefits"));
+var _messages = _interopRequireDefault(require("./messages"));
+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;
+  var _useIntl = (0, _i18n.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "lead text-primary mb-2",
+      style: {
+        display: 'inline-block',
+        position: 'relative'
+      },
+      children: formatMessage(_messages["default"].upgradeLanguageSectionTitle, {
+        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.OverlayTrigger, {
+          placement: "right",
+          overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Tooltip, {
+            id: "langauge-translations-selection-tooltip",
+            children: formatMessage(_messages["default"].upgradeLanguageSectionTooltip)
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            style: {
+              "float": 'right',
+              display: 'inline',
+              position: 'absolute',
+              bottom: 8
+            },
+            src: _icons.InfoOutline,
+            size: "xs",
+            className: "ml-1",
+            "aria-label": "info"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LockedLanguages["default"], {
+      courseEnabledLanguages: courseEnabledLanguages
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UpgradeBenefits["default"], {
+      isFBE: isFBE
+    })]
+  });
+};
+UpgradeModalBody.propTypes = {
+  courseEnabledLanguages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string.isRequired,
+    label: _propTypes["default"].string.isRequired
+  })).isRequired,
+  isFBE: _propTypes["default"].bool.isRequired
+};
+var _default = exports["default"] = UpgradeModalBody;
+//# sourceMappingURL=UpgradeModalBody.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _TranslationModal = _interopRequireDefault(require("./TranslationModal"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _default = exports["default"] = _TranslationModal["default"];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_TranslationModal","_interopRequireDefault","require","obj","__esModule","_default","exports","TranslationModal"],"sources":["../../../../src/translation-button/translation-selection/translation-modal/index.jsx"],"sourcesContent":["import TranslationModal from './TranslationModal';\n\nexport default TranslationModal;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,IAAAE,QAAA,GAAAC,OAAA,cAEnCC,4BAAgB","ignoreList":[]}