@edx/frontend-plugin-advertisements 2.5.0 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.scss +38 -2
- package/dist/section-outline/SectionHeader.js +7 -53
- package/dist/section-outline/SectionHeader.js.map +1 -1
- package/dist/section-outline/SectionItem.js +1 -11
- package/dist/section-outline/SectionItem.js.map +1 -1
- package/dist/section-outline/SequenceHeader.js +8 -6
- package/dist/section-outline/SequenceHeader.js.map +1 -1
- package/dist/section-outline/icons/OutlineLock.js +42 -0
- package/dist/section-outline/icons/OutlineLock.js.map +1 -0
- package/dist/section-outline/icons/index.js +14 -0
- package/dist/section-outline/icons/index.js.map +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -38,5 +38,6 @@ var _paywall = _interopRequireDefault(require("./paywall"));
|
|
|
38
38
|
var _upgradeModal = _interopRequireDefault(require("./upgrade-modal"));
|
|
39
39
|
var _generic = require("./generic");
|
|
40
40
|
var _sectionOutline = _interopRequireDefault(require("./section-outline"));
|
|
41
|
+
require("./index.scss");
|
|
41
42
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
42
43
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_upgradeNotification","_interopRequireDefault","require","_paywall","_upgradeModal","_generic","_sectionOutline","e","__esModule","default"],"sources":["../src/index.jsx"],"sourcesContent":["import UpgradeNotification from './upgrade-notification';\nimport LockPaywall from './paywall';\nimport NextUnitButton from './upgrade-modal';\nimport { UpsellBullets } from './generic';\nimport SectionList from './section-outline';\n\nexport {\n UpgradeNotification,\n LockPaywall,\n NextUnitButton,\n UpsellBullets,\n SectionList,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_upgradeNotification","_interopRequireDefault","require","_paywall","_upgradeModal","_generic","_sectionOutline","e","__esModule","default"],"sources":["../src/index.jsx"],"sourcesContent":["import UpgradeNotification from './upgrade-notification';\nimport LockPaywall from './paywall';\nimport NextUnitButton from './upgrade-modal';\nimport { UpsellBullets } from './generic';\nimport SectionList from './section-outline';\nimport './index.scss';\n\nexport {\n UpgradeNotification,\n LockPaywall,\n NextUnitButton,\n UpsellBullets,\n SectionList,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
package/dist/index.scss
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
#courseHome-outline {
|
|
2
|
+
$icon-size: var(--pgn-size-icon-md);
|
|
3
|
+
$icon-padding: 5px;
|
|
4
|
+
$circle-dim: ($icon-size + ($icon-padding * 2));
|
|
5
|
+
$icon-spacing: calc(var(--pgn-spacing-spacer-base) * 0.5);
|
|
6
|
+
|
|
7
|
+
$default-icon-color: var(--pgn-color-primary-500);
|
|
8
|
+
$primary-color: var(--pgn-color-primary-500);
|
|
9
|
+
|
|
10
|
+
.collapsible-icon,
|
|
11
|
+
.btn-icon-md {
|
|
12
|
+
flex-shrink: 0;
|
|
13
|
+
width: $circle-dim;
|
|
14
|
+
height: $circle-dim;
|
|
15
|
+
border-radius: 50%;
|
|
16
|
+
padding: 0;
|
|
17
|
+
margin: 0 0 0 $icon-spacing;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
color: $default-icon-color;
|
|
22
|
+
background-color: transparent;
|
|
23
|
+
|
|
24
|
+
&:hover,
|
|
25
|
+
&:focus {
|
|
26
|
+
background-color: $primary-color;
|
|
27
|
+
color: var(--pgn-color-white);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
svg {
|
|
31
|
+
width: $icon-size;
|
|
32
|
+
height: $icon-size;
|
|
33
|
+
flex-shrink: 0;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
.btn-icon-md {
|
|
37
|
+
padding: $icon-padding;
|
|
38
|
+
}
|
|
3
39
|
}
|
|
@@ -5,76 +5,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _i18n = require("@edx/frontend-platform/i18n");
|
|
9
8
|
var _paragon = require("@openedx/paragon");
|
|
10
|
-
var _icons = require("@openedx/paragon/icons");
|
|
11
|
-
var _analytics = require("@edx/frontend-platform/analytics");
|
|
12
9
|
var _SectionTitle = _interopRequireDefault(require("@src/course-home/outline-tab/section-outline/SectionTitle.tsx"));
|
|
13
|
-
var _messages = _interopRequireDefault(require("./messages"));
|
|
14
|
-
var _constants = require("./constants");
|
|
15
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
21
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint import/no-unresolved: 0 */
|
|
12
|
+
/* eslint import/no-unresolved: 0 */
|
|
13
|
+
|
|
22
14
|
const SectionHeader = _ref => {
|
|
23
15
|
let {
|
|
24
16
|
complete,
|
|
25
|
-
hasLockedContent,
|
|
26
17
|
hideFromTOC,
|
|
27
|
-
title
|
|
28
|
-
upgradeUrl,
|
|
29
|
-
sequenceIds,
|
|
30
|
-
sequences,
|
|
31
|
-
courseId
|
|
18
|
+
title
|
|
32
19
|
} = _ref;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const hasSomePreviewContent = sequenceIds.some(id => sequences[id]?.isPreview);
|
|
36
|
-
const eventProperties = {
|
|
37
|
-
courserun_key: courseId
|
|
38
|
-
};
|
|
39
|
-
const logLockIconClick = () => {
|
|
40
|
-
(0, _analytics.sendTrackingLogEvent)('edx.bi.course.enrollment.section.locked.icon.upgrade.clicked', _objectSpread(_objectSpread({}, eventProperties), {}, {
|
|
41
|
-
linkCategory: 'locked_upgrade',
|
|
42
|
-
linkName: 'locked_section',
|
|
43
|
-
linkType: 'button',
|
|
44
|
-
pageName: 'locked_section'
|
|
45
|
-
}));
|
|
46
|
-
};
|
|
47
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ActionRow, {
|
|
48
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionTitle.default, {
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ActionRow, {
|
|
21
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionTitle.default, {
|
|
49
22
|
complete,
|
|
50
23
|
hideFromTOC,
|
|
51
24
|
title
|
|
52
|
-
})
|
|
53
|
-
tooltipPlacement: "top",
|
|
54
|
-
src: _icons.Locked,
|
|
55
|
-
tooltipContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
56
|
-
children: hasOnlyPreviewContent ? intl.formatMessage(_messages.default.isPreviewTooltipContent) : intl.formatMessage(_messages.default.sequenceTooltipContent, {
|
|
57
|
-
lockedStatus: _constants.PARTIALLY_LOCKED
|
|
58
|
-
})
|
|
59
|
-
}),
|
|
60
|
-
variant: "primary",
|
|
61
|
-
iconAs: _paragon.Icon,
|
|
62
|
-
onClick: () => {
|
|
63
|
-
logLockIconClick();
|
|
64
|
-
window.open(upgradeUrl);
|
|
65
|
-
}
|
|
66
|
-
})]
|
|
25
|
+
})
|
|
67
26
|
});
|
|
68
27
|
};
|
|
69
28
|
SectionHeader.propTypes = {
|
|
70
29
|
complete: _propTypes.default.bool.isRequired,
|
|
71
|
-
hasLockedContent: _propTypes.default.bool.isRequired,
|
|
72
30
|
hideFromTOC: _propTypes.default.bool.isRequired,
|
|
73
|
-
title: _propTypes.default.string.isRequired
|
|
74
|
-
upgradeUrl: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]).isRequired,
|
|
75
|
-
sequenceIds: _propTypes.default.shape().isRequired,
|
|
76
|
-
sequences: _propTypes.default.shape().isRequired,
|
|
77
|
-
courseId: _propTypes.default.string.isRequired
|
|
31
|
+
title: _propTypes.default.string.isRequired
|
|
78
32
|
};
|
|
79
33
|
var _default = exports.default = SectionHeader;
|
|
80
34
|
//# sourceMappingURL=SectionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.js","names":["_propTypes","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"SectionHeader.js","names":["_propTypes","_interopRequireDefault","require","_paragon","_SectionTitle","_jsxRuntime","e","__esModule","default","SectionHeader","_ref","complete","hideFromTOC","title","jsx","ActionRow","children","propTypes","PropTypes","bool","isRequired","string","_default","exports"],"sources":["../../src/section-outline/SectionHeader.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport PropTypes from 'prop-types';\nimport { ActionRow } from '@openedx/paragon';\n\nimport SectionTitle from '@src/course-home/outline-tab/section-outline/SectionTitle.tsx';\n\nconst SectionHeader = ({\n complete,\n hideFromTOC,\n title,\n}) => (\n <ActionRow>\n <SectionTitle {...{ complete, hideFromTOC, title }} />\n </ActionRow>\n);\n\nSectionHeader.propTypes = {\n complete: PropTypes.bool.isRequired,\n hideFromTOC: PropTypes.bool.isRequired,\n title: PropTypes.string.isRequired,\n};\n\nexport default SectionHeader;\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJzF;;AAMA,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IACrBC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAH,IAAA;EAAA,oBACC,IAAAL,WAAA,CAAAS,GAAA,EAACX,QAAA,CAAAY,SAAS;IAAAC,QAAA,eACR,IAAAX,WAAA,CAAAS,GAAA,EAACV,aAAA,CAAAI,OAAY;MAAOG,QAAQ;MAAEC,WAAW;MAAEC;IAAK,CAAK;EAAC,CAC7C,CAAC;AAAA,CACb;AAEDJ,aAAa,CAACQ,SAAS,GAAG;EACxBN,QAAQ,EAAEO,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnCR,WAAW,EAAEM,kBAAS,CAACC,IAAI,CAACC,UAAU;EACtCP,KAAK,EAAEK,kBAAS,CAACG,MAAM,CAACD;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,aAAa","ignoreList":[]}
|
|
@@ -23,9 +23,7 @@ const SectionItem = _ref => {
|
|
|
23
23
|
courseId,
|
|
24
24
|
defaultOpen,
|
|
25
25
|
expand,
|
|
26
|
-
fetchSectionHasLockedContent,
|
|
27
26
|
section,
|
|
28
|
-
sectionId,
|
|
29
27
|
sequenceData,
|
|
30
28
|
upgradeUrl
|
|
31
29
|
} = _ref;
|
|
@@ -42,7 +40,6 @@ const SectionItem = _ref => {
|
|
|
42
40
|
}
|
|
43
41
|
} = (0, _modelStore.useModel)('outline', courseId);
|
|
44
42
|
const [open, setOpen] = (0, _react.useState)(defaultOpen);
|
|
45
|
-
const hasLockedContent = fetchSectionHasLockedContent(sectionId);
|
|
46
43
|
(0, _react.useEffect)(() => {
|
|
47
44
|
setOpen(expand);
|
|
48
45
|
}, [expand]);
|
|
@@ -56,13 +53,8 @@ const SectionItem = _ref => {
|
|
|
56
53
|
styling: "card-lg",
|
|
57
54
|
title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.default, {
|
|
58
55
|
complete,
|
|
59
|
-
hasLockedContent,
|
|
60
56
|
hideFromTOC,
|
|
61
|
-
title
|
|
62
|
-
upgradeUrl,
|
|
63
|
-
sequenceIds,
|
|
64
|
-
sequences,
|
|
65
|
-
courseId
|
|
57
|
+
title
|
|
66
58
|
}),
|
|
67
59
|
open: open,
|
|
68
60
|
onToggle: () => setOpen(!open),
|
|
@@ -98,9 +90,7 @@ SectionItem.propTypes = {
|
|
|
98
90
|
courseId: _propTypes.default.string.isRequired,
|
|
99
91
|
defaultOpen: _propTypes.default.bool.isRequired,
|
|
100
92
|
expand: _propTypes.default.bool.isRequired,
|
|
101
|
-
fetchSectionHasLockedContent: _propTypes.default.func.isRequired,
|
|
102
93
|
section: _propTypes.default.shape().isRequired,
|
|
103
|
-
sectionId: _propTypes.default.string.isRequired,
|
|
104
94
|
sequenceData: _propTypes.default.shape().isRequired,
|
|
105
95
|
upgradeUrl: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]).isRequired
|
|
106
96
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionItem.js","names":["_react","require","_propTypes","_interopRequireDefault","_i18n","_paragon","_icons","_modelStore","_messages","_messages2","_SectionHeader","_SequenceLink","_jsxRuntime","e","__esModule","default","SectionItem","_ref","courseId","defaultOpen","expand","
|
|
1
|
+
{"version":3,"file":"SectionItem.js","names":["_react","require","_propTypes","_interopRequireDefault","_i18n","_paragon","_icons","_modelStore","_messages","_messages2","_SectionHeader","_SequenceLink","_jsxRuntime","e","__esModule","default","SectionItem","_ref","courseId","defaultOpen","expand","section","sequenceData","upgradeUrl","intl","useIntl","complete","sequenceIds","title","hideFromTOC","courseBlocks","sequences","useModel","open","setOpen","useState","useEffect","jsx","children","Collapsible","className","styling","onToggle","iconWhenClosed","IconButton","alt","formatMessage","outlineMessages","openSection","iconAs","Plus","onClick","size","iconWhenOpen","genericMessages","close","Minus","map","sequenceId","index","id","sequence","first","propTypes","PropTypes","string","isRequired","bool","shape","oneOfType","_default","exports"],"sources":["../../src/section-outline/SectionItem.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n Collapsible,\n IconButton,\n} from '@openedx/paragon';\nimport { Minus, Plus } from '@openedx/paragon/icons';\n\nimport { useModel } from '@src/generic/model-store';\nimport genericMessages from '@src/generic/messages';\nimport outlineMessages from '@src/course-home/outline-tab/messages.ts';\nimport SectionHeader from './SectionHeader';\nimport SequenceLink from './SequenceLink';\n\nconst SectionItem = ({\n courseId,\n defaultOpen,\n expand,\n section,\n sequenceData,\n upgradeUrl,\n}) => {\n const intl = useIntl();\n\n const {\n complete,\n sequenceIds,\n title,\n hideFromTOC,\n } = section;\n const {\n courseBlocks: {\n sequences,\n },\n } = useModel('outline', courseId);\n\n const [open, setOpen] = useState(defaultOpen);\n\n useEffect(() => {\n setOpen(expand);\n }, [expand]);\n\n useEffect(() => {\n setOpen(defaultOpen);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <li>\n <Collapsible\n className=\"mb-2\"\n styling=\"card-lg\"\n title={(\n <SectionHeader\n {...{\n complete,\n hideFromTOC,\n title,\n }}\n />\n )}\n open={open}\n onToggle={() => setOpen(!open)}\n iconWhenClosed={(\n <IconButton\n alt={intl.formatMessage(outlineMessages.openSection)}\n iconAs={Plus}\n onClick={() => setOpen(true)}\n size=\"sm\"\n />\n )}\n iconWhenOpen={(\n <IconButton\n alt={intl.formatMessage(genericMessages.close)}\n iconAs={Minus}\n onClick={() => { setOpen(false); }}\n size=\"sm\"\n />\n )}\n >\n <ol className=\"list-unstyled my-n3 ml-n2.5 mr-n4\">\n {sequenceIds.map((sequenceId, index) => (\n <SequenceLink\n key={sequenceId}\n id={sequenceId}\n courseId={courseId}\n sequence={sequences[sequenceId]}\n first={index === 0}\n sequenceData={sequenceData}\n upgradeUrl={upgradeUrl}\n />\n ))}\n </ol>\n </Collapsible>\n </li>\n );\n};\n\nSectionItem.propTypes = {\n courseId: PropTypes.string.isRequired,\n defaultOpen: PropTypes.bool.isRequired,\n expand: PropTypes.bool.isRequired,\n section: PropTypes.shape().isRequired,\n sequenceData: PropTypes.shape().isRequired,\n upgradeUrl: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired,\n};\n\nexport default SectionItem;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,6 +12,7 @@ var _analytics = require("@edx/frontend-platform/analytics");
|
|
|
12
12
|
var _SequenceTitle = _interopRequireDefault(require("@src/course-home/outline-tab/section-outline/SequenceTitle"));
|
|
13
13
|
var _messages = _interopRequireDefault(require("./messages"));
|
|
14
14
|
var _constants = require("./constants");
|
|
15
|
+
var _OutlineLock = _interopRequireDefault(require("./icons/OutlineLock"));
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -47,21 +48,22 @@ const SequenceHeader = _ref => {
|
|
|
47
48
|
direction: "horizontal",
|
|
48
49
|
gap: 2,
|
|
49
50
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SequenceTitle.default, {
|
|
50
|
-
complete,
|
|
51
|
-
showLink,
|
|
52
|
-
title,
|
|
53
|
-
sequence,
|
|
54
|
-
id
|
|
51
|
+
complete: complete,
|
|
52
|
+
showLink: sequence.isPreview ? false : showLink,
|
|
53
|
+
title: title,
|
|
54
|
+
sequence: sequence,
|
|
55
|
+
id: id
|
|
55
56
|
}), (isLocked || sequence.isPreview) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.IconButtonWithTooltip, {
|
|
56
57
|
tooltipPlacement: "top",
|
|
57
58
|
src: _icons.Locked,
|
|
59
|
+
className: "mr-2",
|
|
58
60
|
tooltipContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
59
61
|
children: sequence.isPreview ? intl.formatMessage(_messages.default.isPreviewTooltipContent) : intl.formatMessage(_messages.default.sequenceTooltipContent, {
|
|
60
62
|
lockedStatus
|
|
61
63
|
})
|
|
62
64
|
}),
|
|
63
65
|
variant: "primary",
|
|
64
|
-
iconAs: _paragon.Icon,
|
|
66
|
+
iconAs: isLocked ? _OutlineLock.default : _paragon.Icon,
|
|
65
67
|
onClick: () => {
|
|
66
68
|
logLockIconClick();
|
|
67
69
|
window.open(upgradeUrl);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SequenceHeader.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_analytics","_SequenceTitle","_messages","_constants","_jsxRuntime","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SequenceHeader","_ref","complete","id","lockedStatus","sequence","showLink","title","courseId","upgradeUrl","intl","useIntl","isLocked","UNLOCKED","eventProperties","courserun_key","logLockIconClick","sendTrackingLogEvent","linkCategory","linkName","linkType","pageName","jsxs","Stack","direction","gap","children","jsx","isPreview","IconButtonWithTooltip","tooltipPlacement","src","Locked","tooltipContent","formatMessage","messages","isPreviewTooltipContent","sequenceTooltipContent","variant","iconAs","Icon","onClick","window","open","propTypes","PropTypes","bool","isRequired","string","shape","oneOfType","_default","exports"],"sources":["../../src/section-outline/SequenceHeader.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Icon, IconButtonWithTooltip, Stack } from '@openedx/paragon';\nimport { Locked } from '@openedx/paragon/icons';\nimport { sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\n\nimport SequenceTitle from '@src/course-home/outline-tab/section-outline/SequenceTitle';\nimport messages from './messages';\nimport { UNLOCKED } from './constants';\n\nconst SequenceHeader = ({\n complete,\n id,\n lockedStatus,\n sequence,\n showLink,\n title,\n courseId,\n upgradeUrl,\n}) => {\n const intl = useIntl();\n const isLocked = lockedStatus !== UNLOCKED;\n\n const eventProperties = {\n courserun_key: courseId,\n };\n\n const logLockIconClick = () => {\n sendTrackingLogEvent(\n 'edx.bi.course.enrollment.sequence.locked.icon.upgrade.clicked',\n {\n ...eventProperties,\n linkCategory: 'locked_upgrade',\n linkName: 'locked_sequence',\n linkType: 'button',\n pageName: 'locked_sequence',\n },\n );\n };\n\n return (\n <Stack direction=\"horizontal\" gap={2}>\n <SequenceTitle\n {
|
|
1
|
+
{"version":3,"file":"SequenceHeader.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_analytics","_SequenceTitle","_messages","_constants","_OutlineLock","_jsxRuntime","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SequenceHeader","_ref","complete","id","lockedStatus","sequence","showLink","title","courseId","upgradeUrl","intl","useIntl","isLocked","UNLOCKED","eventProperties","courserun_key","logLockIconClick","sendTrackingLogEvent","linkCategory","linkName","linkType","pageName","jsxs","Stack","direction","gap","children","jsx","isPreview","IconButtonWithTooltip","tooltipPlacement","src","Locked","className","tooltipContent","formatMessage","messages","isPreviewTooltipContent","sequenceTooltipContent","variant","iconAs","OutlineLock","Icon","onClick","window","open","propTypes","PropTypes","bool","isRequired","string","shape","oneOfType","_default","exports"],"sources":["../../src/section-outline/SequenceHeader.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Icon, IconButtonWithTooltip, Stack } from '@openedx/paragon';\nimport { Locked } from '@openedx/paragon/icons';\nimport { sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\n\nimport SequenceTitle from '@src/course-home/outline-tab/section-outline/SequenceTitle';\nimport messages from './messages';\nimport { UNLOCKED } from './constants';\nimport OutlineLock from './icons/OutlineLock';\n\nconst SequenceHeader = ({\n complete,\n id,\n lockedStatus,\n sequence,\n showLink,\n title,\n courseId,\n upgradeUrl,\n}) => {\n const intl = useIntl();\n const isLocked = lockedStatus !== UNLOCKED;\n\n const eventProperties = {\n courserun_key: courseId,\n };\n\n const logLockIconClick = () => {\n sendTrackingLogEvent(\n 'edx.bi.course.enrollment.sequence.locked.icon.upgrade.clicked',\n {\n ...eventProperties,\n linkCategory: 'locked_upgrade',\n linkName: 'locked_sequence',\n linkType: 'button',\n pageName: 'locked_sequence',\n },\n );\n };\n\n return (\n <Stack direction=\"horizontal\" gap={2}>\n <SequenceTitle\n complete={complete}\n showLink={sequence.isPreview ? false : showLink}\n title={title}\n sequence={sequence}\n id={id}\n />\n {(isLocked || sequence.isPreview) && (\n <IconButtonWithTooltip\n tooltipPlacement=\"top\"\n src={Locked}\n className=\"mr-2\"\n tooltipContent={(\n <span>\n {\n sequence.isPreview\n ? intl.formatMessage(messages.isPreviewTooltipContent)\n : intl.formatMessage(messages.sequenceTooltipContent, { lockedStatus })\n }\n </span>\n )}\n variant=\"primary\"\n iconAs={isLocked ? OutlineLock : Icon}\n onClick={() => {\n logLockIconClick();\n window.open(upgradeUrl);\n }}\n />\n )}\n </Stack>\n );\n};\n\nSequenceHeader.propTypes = {\n complete: PropTypes.bool.isRequired,\n id: PropTypes.string.isRequired,\n lockedStatus: PropTypes.string.isRequired,\n sequence: PropTypes.shape().isRequired,\n showLink: PropTypes.bool.isRequired,\n title: PropTypes.string.isRequired,\n courseId: PropTypes.string.isRequired,\n upgradeUrl: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired,\n};\n\nexport default SequenceHeader;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
const OutlineLock = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
11
|
+
className: `${props.className} inline-block`,
|
|
12
|
+
style: {
|
|
13
|
+
position: 'relative',
|
|
14
|
+
width: '24px',
|
|
15
|
+
height: '24px'
|
|
16
|
+
},
|
|
17
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
width: "24",
|
|
20
|
+
height: "24",
|
|
21
|
+
viewBox: "0 0 24 24",
|
|
22
|
+
fill: "none",
|
|
23
|
+
style: {
|
|
24
|
+
position: 'absolute',
|
|
25
|
+
top: '50%',
|
|
26
|
+
left: '50%',
|
|
27
|
+
transform: 'translate(-50%, -50%)'
|
|
28
|
+
},
|
|
29
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
30
|
+
d: "M4 22V8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H20V22H4ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z",
|
|
31
|
+
fill: "currentColor"
|
|
32
|
+
})
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
OutlineLock.defaultProps = {
|
|
36
|
+
className: ''
|
|
37
|
+
};
|
|
38
|
+
OutlineLock.propTypes = {
|
|
39
|
+
className: _propTypes.default.string
|
|
40
|
+
};
|
|
41
|
+
var _default = exports.default = OutlineLock;
|
|
42
|
+
//# sourceMappingURL=OutlineLock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutlineLock.js","names":["_propTypes","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","OutlineLock","props","jsx","className","style","position","width","height","children","xmlns","viewBox","fill","top","left","transform","d","defaultProps","propTypes","PropTypes","string","_default","exports"],"sources":["../../../src/section-outline/icons/OutlineLock.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst OutlineLock = (props) => (\n <span\n className={`${props.className} inline-block`}\n style={{ position: 'relative', width: '24px', height: '24px' }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n style={{\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n }}\n >\n <path d=\"M4 22V8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H20V22H4ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z\" fill=\"currentColor\" />\n </svg>\n </span>\n);\n\nOutlineLock.defaultProps = {\n className: '',\n};\n\nOutlineLock.propTypes = {\n className: PropTypes.string,\n};\n\nexport default OutlineLock;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,WAAW,GAAIC,KAAK,iBACxB,IAAAL,WAAA,CAAAM,GAAA;EACEC,SAAS,EAAE,GAAGF,KAAK,CAACE,SAAS,eAAgB;EAC7CC,KAAK,EAAE;IAAEC,QAAQ,EAAE,UAAU;IAAEC,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE;EAAO,CAAE;EAAAC,QAAA,eAE/D,IAAAZ,WAAA,CAAAM,GAAA;IACEO,KAAK,EAAC,4BAA4B;IAClCH,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXG,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXP,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE;IACb,CAAE;IAAAN,QAAA,eAEF,IAAAZ,WAAA,CAAAM,GAAA;MAAMa,CAAC,EAAC,inBAAinB;MAACJ,IAAI,EAAC;IAAc,CAAE;EAAC,CAC7oB;AAAC,CACF,CACP;AAEDX,WAAW,CAACgB,YAAY,GAAG;EACzBb,SAAS,EAAE;AACb,CAAC;AAEDH,WAAW,CAACiB,SAAS,GAAG;EACtBd,SAAS,EAAEe,kBAAS,CAACC;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaC,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "OutlineLock", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _OutlineLock.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _OutlineLock = _interopRequireDefault(require("./OutlineLock"));
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_OutlineLock","_interopRequireDefault","require","e","__esModule","default"],"sources":["../../../src/section-outline/icons/index.js"],"sourcesContent":["export { default as OutlineLock } from './OutlineLock';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|