@edx/frontend-plugin-advertisements 1.27.1 → 1.27.3
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/data/optimizely.js +2 -2
- package/dist/data/optimizely.js.map +1 -1
- package/dist/upsell-bullets/ExperimentalUpsellBullets.js +1 -1
- package/dist/upsell-bullets/ExperimentalUpsellBullets.js.map +1 -1
- package/dist/upsell-bullets/ExperimentalUpsellTable.js +28 -44
- package/dist/upsell-bullets/ExperimentalUpsellTable.js.map +1 -1
- package/dist/upsell-bullets/ExperimentalUpsellTable.scss +3 -7
- package/package.json +1 -1
package/dist/data/optimizely.js
CHANGED
|
@@ -53,8 +53,8 @@ const OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = exports.OPTIMIZELY_VTR_SIDEBAR_EXPERIM
|
|
|
53
53
|
ACTION: 'upgrade_button_click',
|
|
54
54
|
VARIATIONS: {
|
|
55
55
|
OFF: 'off',
|
|
56
|
-
TABLE: '
|
|
57
|
-
BULLETS: '
|
|
56
|
+
TABLE: 'comparison_table',
|
|
57
|
+
BULLETS: 'new_bullets'
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
const OPTIMIZELY_EVENT_KEYS = exports.OPTIMIZELY_EVENT_KEYS = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optimizely.js","names":["_reactSdk","require","_frontendPlatform","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ensureConfig","DEFAULT_OPTIMIZELY_AGENT_CONFIG","eventFlushInterval","eventBatchSize","getOptimizely","OPTIMIZELY_SDK_KEY","getConfig","OPTIMIZELY_FULL_STACK_SDK_KEY","OPTIMIZELY_AGENT_CONFIG","createInstance","sdkKey","exports","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS","CERTIFICATE_PREVIEW","CERTIFICATE_PREVIEW_WITH_COPY","CONTROL","OFF","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","ACTION","VARIATIONS","ON","OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT","TABLE","BULLETS","OPTIMIZELY_EVENT_KEYS","UPGRADE_BUTTON_CLICK","DECLINE_UPGRADE_BUTTON_CLICK"],"sources":["../../src/data/optimizely.js"],"sourcesContent":["import { createInstance } from '@optimizely/react-sdk';\nimport { ensureConfig, getConfig } from '@edx/frontend-platform';\n\nensureConfig([\n 'OPTIMIZELY_FULL_STACK_SDK_KEY',\n], 'Frontend Plugin Advertisements Optimizely module');\n\nconst DEFAULT_OPTIMIZELY_AGENT_CONFIG = {\n eventFlushInterval: 1000,\n eventBatchSize: 10,\n};\n\n/**\n * Initializing the Optimizely instance at the top-level will not work, becaused it may be initialized before\n * the OPTIMIZELY_FULL_STACK_SDK_KEY is available and will not be reinitialized afterward. Wrapping the initialization\n * in a function allows components to request the instance as-needed.\n */\nconst getOptimizely = () => {\n const OPTIMIZELY_SDK_KEY = getConfig().OPTIMIZELY_FULL_STACK_SDK_KEY;\n const OPTIMIZELY_AGENT_CONFIG = getConfig().OPTIMIZELY_AGENT_CONFIG || {};\n\n if (OPTIMIZELY_SDK_KEY) {\n return createInstance({\n sdkKey: OPTIMIZELY_SDK_KEY,\n ...{\n ...DEFAULT_OPTIMIZELY_AGENT_CONFIG,\n ...OPTIMIZELY_AGENT_CONFIG,\n },\n });\n }\n\n return null;\n};\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = 'verified_take_rate_preview_watermark_experimentation';\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = {\n CERTIFICATE_PREVIEW: 'certificate_preview',\n CERTIFICATE_PREVIEW_WITH_COPY: 'certificate_preview_with_copy',\n CONTROL: 'control',\n OFF: 'off',\n};\n\nconst OPTIMIZELY_VTR_MODAL_EXPERIMENT = {\n KEY: 'vtr_in_course_popup_modal_all_orgs',\n ACTION: 'modal_upgrade_button_click',\n VARIATIONS: {\n ON: 'on', OFF: 'off',\n },\n};\n\nconst OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = {\n KEY: 'cta_bullet_points_experiment',\n ACTION: 'upgrade_button_click',\n VARIATIONS: {\n OFF: 'off',\n TABLE: '
|
|
1
|
+
{"version":3,"file":"optimizely.js","names":["_reactSdk","require","_frontendPlatform","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ensureConfig","DEFAULT_OPTIMIZELY_AGENT_CONFIG","eventFlushInterval","eventBatchSize","getOptimizely","OPTIMIZELY_SDK_KEY","getConfig","OPTIMIZELY_FULL_STACK_SDK_KEY","OPTIMIZELY_AGENT_CONFIG","createInstance","sdkKey","exports","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS","CERTIFICATE_PREVIEW","CERTIFICATE_PREVIEW_WITH_COPY","CONTROL","OFF","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","ACTION","VARIATIONS","ON","OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT","TABLE","BULLETS","OPTIMIZELY_EVENT_KEYS","UPGRADE_BUTTON_CLICK","DECLINE_UPGRADE_BUTTON_CLICK"],"sources":["../../src/data/optimizely.js"],"sourcesContent":["import { createInstance } from '@optimizely/react-sdk';\nimport { ensureConfig, getConfig } from '@edx/frontend-platform';\n\nensureConfig([\n 'OPTIMIZELY_FULL_STACK_SDK_KEY',\n], 'Frontend Plugin Advertisements Optimizely module');\n\nconst DEFAULT_OPTIMIZELY_AGENT_CONFIG = {\n eventFlushInterval: 1000,\n eventBatchSize: 10,\n};\n\n/**\n * Initializing the Optimizely instance at the top-level will not work, becaused it may be initialized before\n * the OPTIMIZELY_FULL_STACK_SDK_KEY is available and will not be reinitialized afterward. Wrapping the initialization\n * in a function allows components to request the instance as-needed.\n */\nconst getOptimizely = () => {\n const OPTIMIZELY_SDK_KEY = getConfig().OPTIMIZELY_FULL_STACK_SDK_KEY;\n const OPTIMIZELY_AGENT_CONFIG = getConfig().OPTIMIZELY_AGENT_CONFIG || {};\n\n if (OPTIMIZELY_SDK_KEY) {\n return createInstance({\n sdkKey: OPTIMIZELY_SDK_KEY,\n ...{\n ...DEFAULT_OPTIMIZELY_AGENT_CONFIG,\n ...OPTIMIZELY_AGENT_CONFIG,\n },\n });\n }\n\n return null;\n};\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = 'verified_take_rate_preview_watermark_experimentation';\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = {\n CERTIFICATE_PREVIEW: 'certificate_preview',\n CERTIFICATE_PREVIEW_WITH_COPY: 'certificate_preview_with_copy',\n CONTROL: 'control',\n OFF: 'off',\n};\n\nconst OPTIMIZELY_VTR_MODAL_EXPERIMENT = {\n KEY: 'vtr_in_course_popup_modal_all_orgs',\n ACTION: 'modal_upgrade_button_click',\n VARIATIONS: {\n ON: 'on', OFF: 'off',\n },\n};\n\nconst OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = {\n KEY: 'cta_bullet_points_experiment',\n ACTION: 'upgrade_button_click',\n VARIATIONS: {\n OFF: 'off',\n TABLE: 'comparison_table',\n BULLETS: 'new_bullets',\n },\n};\n\nconst OPTIMIZELY_EVENT_KEYS = {\n UPGRADE_BUTTON_CLICK: 'upgrade_button_click',\n DECLINE_UPGRADE_BUTTON_CLICK: 'decline_upgrade_button_click',\n};\n\nexport {\n getOptimizely,\n OPTIMIZELY_EVENT_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS,\n OPTIMIZELY_VTR_MODAL_EXPERIMENT,\n OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -54,7 +54,7 @@ const ExperimentalUpsellBullets = _ref => {
|
|
|
54
54
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
55
55
|
children: intl.formatMessage(_messages.default.certificate, {
|
|
56
56
|
certificateLink: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Hyperlink, {
|
|
57
|
-
destination: `${(0, _frontendPlatform.getConfig)().
|
|
57
|
+
destination: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
|
|
58
58
|
children: intl.formatMessage(_messages.default.certificateLinkText)
|
|
59
59
|
})
|
|
60
60
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","certificate","certificateLink","Hyperlink","destination","getConfig","
|
|
1
|
+
{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellBullets.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Icon, Stack } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport messages from './messages';\n\nconst ExperimentalUpsellBullets = ({ isFBE }) => {\n const intl = useIntl();\n return (\n <Stack role=\"list\" gap={3} className=\"m-4\">\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.access)}\n </span>\n </Stack>\n {isFBE && (\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.grades)}\n </span>\n </Stack>\n )}\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(\n messages.certificate,\n {\n certificateLink: (\n <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n {intl.formatMessage(messages.certificateLinkText)}\n </Hyperlink>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.learningAssistant)}\n </span>\n </Stack>\n </Stack>\n );\n};\n\nExperimentalUpsellBullets.defaultProps = {\n isFBE: false,\n};\n\nExperimentalUpsellBullets.propTypes = {\n isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellBullets;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -78,22 +78,16 @@ const ExperimentalUpsellTable = _ref => {
|
|
|
78
78
|
className: "feature-cell",
|
|
79
79
|
children: intl.formatMessage(_messages.default.grades)
|
|
80
80
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
81
|
-
className: "audit-cell col-2",
|
|
82
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
src: _icons.CloseSmall,
|
|
86
|
-
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
87
|
-
})
|
|
81
|
+
className: "audit-cell col-2 center-items",
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
83
|
+
src: _icons.CloseSmall,
|
|
84
|
+
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
88
85
|
})
|
|
89
86
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
90
|
-
className: "verified-cell col-2",
|
|
91
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
src: _icons.CheckCircle,
|
|
95
|
-
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
96
|
-
})
|
|
87
|
+
className: "verified-cell col-2 center-items",
|
|
88
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
89
|
+
src: _icons.CheckCircle,
|
|
90
|
+
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
97
91
|
})
|
|
98
92
|
})]
|
|
99
93
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
|
|
@@ -102,46 +96,36 @@ const ExperimentalUpsellTable = _ref => {
|
|
|
102
96
|
className: "feature-cell",
|
|
103
97
|
children: intl.formatMessage(_messages.default.access)
|
|
104
98
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
105
|
-
className: "audit-cell col-2",
|
|
106
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
src: _icons.CloseSmall,
|
|
110
|
-
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
111
|
-
})
|
|
99
|
+
className: "audit-cell col-2 center-items",
|
|
100
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
101
|
+
src: _icons.CloseSmall,
|
|
102
|
+
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
112
103
|
})
|
|
113
104
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
114
|
-
className: "verified-cell col-2",
|
|
115
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
src: _icons.CheckCircle,
|
|
119
|
-
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
120
|
-
})
|
|
105
|
+
className: "verified-cell col-2 center-items",
|
|
106
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
107
|
+
src: _icons.CheckCircle,
|
|
108
|
+
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
121
109
|
})
|
|
122
110
|
})]
|
|
123
111
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
|
|
124
112
|
className: "m-0",
|
|
125
113
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
126
|
-
className: "bottom-
|
|
127
|
-
children:
|
|
114
|
+
className: "feature-cell bottom-no-border flex align-items-center pb-3",
|
|
115
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
116
|
+
children: intl.formatMessage(_messages.default.learningAssistant)
|
|
117
|
+
})
|
|
128
118
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
129
|
-
className: "audit-cell bottom-audit-border col-2",
|
|
130
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
src: _icons.CloseSmall,
|
|
134
|
-
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
135
|
-
})
|
|
119
|
+
className: "audit-cell bottom-audit-border col-2 center-items pb-3",
|
|
120
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
121
|
+
src: _icons.CloseSmall,
|
|
122
|
+
alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
|
|
136
123
|
})
|
|
137
124
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
|
|
138
|
-
className: "verified-cell bottom-verified-border col-2",
|
|
139
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
src: _icons.CheckCircle,
|
|
143
|
-
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
144
|
-
})
|
|
125
|
+
className: "verified-cell bottom-verified-border col-2 center-items pb-3",
|
|
126
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
|
|
127
|
+
src: _icons.CheckCircle,
|
|
128
|
+
alt: intl.formatMessage(_messages.default.includedAltMessage)
|
|
145
129
|
})
|
|
146
130
|
})]
|
|
147
131
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExperimentalUpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellTable","_ref","isFBE","intl","useIntl","jsxs","Col","className","children","jsx","formatMessage","messages","tableSectionHeader","Row","featureHeader","auditHeader","verifiedHeader","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","Icon","src","CloseSmall","alt","notIncludedAltMessage","CheckCircle","includedAltMessage","grades","access","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n Col,\n Hyperlink,\n Icon,\n Row,\n} from '@openedx/paragon';\nimport { CheckCircle, CloseSmall } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport './ExperimentalUpsellTable.scss';\nimport messages from './messages';\n\nconst ExperimentalUpsellTable = ({ isFBE }) => {\n const intl = useIntl();\n return (\n <Col className=\"px-4 pb-4 small\">\n <h3 className=\"mb-4 primary-500\">\n {intl.formatMessage(messages.tableSectionHeader)}\n </h3>\n <Row className=\"m-0 text-center\">\n <Col>\n <span className=\"sr-only\">\n {intl.formatMessage(messages.featureHeader)}\n </span>\n </Col>\n <Col className=\"audit-cell top-audit-border col-2 \">\n <div className=\"center-items\">\n {intl.formatMessage(messages.auditHeader)}\n </div>\n </Col>\n <Col className=\"verified-cell top-verified-border font-weight-bold col-2\">\n <div className=\"center-items\">\n {intl.formatMessage(messages.verifiedHeader)}\n </div>\n </Col>\n </Row>\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(\n messages.certificate,\n {\n certificateLink: (\n <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n {intl.formatMessage(messages.certificateLinkText)}\n </Hyperlink>\n ),\n },\n )}\n </Col>\n <Col className=\"audit-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n {isFBE && (\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(messages.grades)}\n </Col>\n <Col className=\"audit-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n )}\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(messages.access)}\n </Col>\n <Col className=\"audit-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n <Row className=\"m-0\">\n <Col className=\"bottom-feature-cell\">\n {intl.formatMessage(messages.learningAssistant)}\n </Col>\n <Col className=\"audit-cell bottom-audit-border col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell bottom-verified-border col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n </Col>\n );\n};\n\nExperimentalUpsellTable.defaultProps = {\n isFBE: false,\n};\n\nExperimentalUpsellTable.propTypes = {\n isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellTable;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEAA,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,MAAMG,uBAAuB,GAAGC,IAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACxC,MAAME,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAc,GAAG;IAACC,SAAS,EAAC,iBAAiB;IAAAC,QAAA,gBAC9B,IAAAZ,WAAA,CAAAa,GAAA;MAAIF,SAAS,EAAC,kBAAkB;MAAAC,QAAA,EAC7BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACC,kBAAkB;IAAC,CAC9C,CAAC,eACL,IAAAhB,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAqB,GAAG;MAACN,SAAS,EAAC,iBAAiB;MAAAC,QAAA,gBAC9B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAAAE,QAAA,eACF,IAAAZ,WAAA,CAAAa,GAAA;UAAMF,SAAS,EAAC,SAAS;UAAAC,QAAA,EACtBL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACG,aAAa;QAAC,CACvC;MAAC,CACJ,CAAC,eACN,IAAAlB,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,oCAAoC;QAAAC,QAAA,eACjD,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACI,WAAW;QAAC,CACtC;MAAC,CACH,CAAC,eACN,IAAAnB,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,0DAA0D;QAAAC,QAAA,eACvE,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACK,cAAc;QAAC,CACzC;MAAC,CACH,CAAC;IAAA,CACH,CAAC,eACN,IAAApB,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAqB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CACjBC,iBAAQ,CAACM,WAAW,EACpB;UACEC,eAAe,eACb,IAAAtB,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAA2B,SAAS;YAACC,WAAW,EAAE,GAAG,IAAAC,2BAAS,EAAC,CAAC,CAACC,uBAAuB,uBAAwB;YAAAd,QAAA,EACnFL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACY,mBAAmB;UAAC,CACxC;QAEf,CACF;MAAC,CACE,CAAC,eACN,IAAA3B,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,kBAAkB;QAAAC,QAAA,eAC/B,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEC,iBAAW;YAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;UAAE,CAAE;QAAC,CAC/E;MAAC,CACH,CAAC,eACN,IAAAhC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,qBAAqB;QAAAC,QAAA,eAClC,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEI,kBAAY;YAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;UAAE,CAAE;QAAC,CAC7E;MAAC,CACH,CAAC;IAAA,CACH,CAAC,EACL5B,KAAK,iBACJ,IAAAN,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAqB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACoB,MAAM;MAAC,CACjC,CAAC,eACN,IAAAnC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,kBAAkB;QAAAC,QAAA,eAC/B,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEC,iBAAW;YAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;UAAE,CAAE;QAAC,CAC/E;MAAC,CACH,CAAC,eACN,IAAAhC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,qBAAqB;QAAAC,QAAA,eAClC,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEI,kBAAY;YAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;UAAE,CAAE;QAAC,CAC7E;MAAC,CACH,CAAC;IAAA,CACH,CACN,eACD,IAAAlC,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAqB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACqB,MAAM;MAAC,CACjC,CAAC,eACN,IAAApC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,kBAAkB;QAAAC,QAAA,eAC/B,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEC,iBAAW;YAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;UAAE,CAAE;QAAC,CAC/E;MAAC,CACH,CAAC,eACN,IAAAhC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,qBAAqB;QAAAC,QAAA,eAClC,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEI,kBAAY;YAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;UAAE,CAAE;QAAC,CAC7E;MAAC,CACH,CAAC;IAAA,CACH,CAAC,eACN,IAAAlC,WAAA,CAAAS,IAAA,EAACb,QAAA,CAAAqB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,qBAAqB;QAAAC,QAAA,EACjCL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACsB,iBAAiB;MAAC,CAC5C,CAAC,eACN,IAAArC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,sCAAsC;QAAAC,QAAA,eACnD,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEC,iBAAW;YAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;UAAE,CAAE;QAAC,CAC/E;MAAC,CACH,CAAC,eACN,IAAAhC,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAc,GAAG;QAACC,SAAS,EAAC,4CAA4C;QAAAC,QAAA,eACzD,IAAAZ,WAAA,CAAAa,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,QAAA,CAAAgC,IAAI;YAACC,GAAG,EAAEI,kBAAY;YAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;UAAE,CAAE;QAAC,CAC7E;MAAC,CACH,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAED9B,uBAAuB,CAACkC,YAAY,GAAG;EACrChC,KAAK,EAAE;AACT,CAAC;AAEDF,uBAAuB,CAACmC,SAAS,GAAG;EAClCjC,KAAK,EAAEkC,kBAAS,CAACC;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEaC,uBAAuB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ExperimentalUpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellTable","_ref","isFBE","intl","useIntl","jsxs","Col","className","children","jsx","formatMessage","messages","tableSectionHeader","Row","featureHeader","auditHeader","verifiedHeader","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","Icon","src","CloseSmall","alt","notIncludedAltMessage","CheckCircle","includedAltMessage","grades","access","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n Col,\n Hyperlink,\n Icon,\n Row,\n} from '@openedx/paragon';\nimport { CheckCircle, CloseSmall } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport './ExperimentalUpsellTable.scss';\nimport messages from './messages';\n\nconst ExperimentalUpsellTable = ({ isFBE }) => {\n const intl = useIntl();\n return (\n <Col className=\"px-4 pb-4 small\">\n <h3 className=\"mb-4 primary-500\">\n {intl.formatMessage(messages.tableSectionHeader)}\n </h3>\n <Row className=\"m-0 text-center\">\n <Col>\n <span className=\"sr-only\">\n {intl.formatMessage(messages.featureHeader)}\n </span>\n </Col>\n <Col className=\"audit-cell top-audit-border col-2 \">\n <div className=\"center-items\">\n {intl.formatMessage(messages.auditHeader)}\n </div>\n </Col>\n <Col className=\"verified-cell top-verified-border font-weight-bold col-2\">\n <div className=\"center-items\">\n {intl.formatMessage(messages.verifiedHeader)}\n </div>\n </Col>\n </Row>\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(\n messages.certificate,\n {\n certificateLink: (\n <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n {intl.formatMessage(messages.certificateLinkText)}\n </Hyperlink>\n ),\n },\n )}\n </Col>\n <Col className=\"audit-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n {isFBE && (\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(messages.grades)}\n </Col>\n <Col className=\"audit-cell col-2 center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell col-2 center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n )}\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(messages.access)}\n </Col>\n <Col className=\"audit-cell col-2 center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell col-2 center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n <Row className=\"m-0\">\n <Col className=\"feature-cell bottom-no-border flex align-items-center pb-3\">\n <span>\n {intl.formatMessage(messages.learningAssistant)}\n </span>\n </Col>\n <Col className=\"audit-cell bottom-audit-border col-2 center-items pb-3\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell bottom-verified-border col-2 center-items pb-3\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n </Col>\n );\n};\n\nExperimentalUpsellTable.defaultProps = {\n isFBE: false,\n};\n\nExperimentalUpsellTable.propTypes = {\n isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellTable;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,12 @@
|
|
|
5
5
|
border-left: 3px solid $success-500;
|
|
6
6
|
border-right: 3px solid $success-500;
|
|
7
7
|
padding: 8px;
|
|
8
|
-
width: 74px;
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
.bottom-verified-border {
|
|
12
11
|
border-bottom-left-radius: 0.375rem;
|
|
13
12
|
border-bottom-right-radius: 0.375rem;
|
|
14
13
|
border-bottom: 3px solid $success-500;
|
|
15
|
-
padding-bottom: 16px;
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
.top-verified-border {
|
|
@@ -25,7 +23,6 @@
|
|
|
25
23
|
border-bottom-left-radius: 0.375rem;
|
|
26
24
|
border-bottom-right-radius: 0.375rem;
|
|
27
25
|
border-bottom: 1px solid $light-500;
|
|
28
|
-
padding-bottom: 16px;
|
|
29
26
|
}
|
|
30
27
|
|
|
31
28
|
.top-audit-border {
|
|
@@ -49,13 +46,12 @@
|
|
|
49
46
|
padding: 8px 8px 8px 0;
|
|
50
47
|
}
|
|
51
48
|
|
|
52
|
-
.bottom-
|
|
53
|
-
|
|
54
|
-
padding: 8px 16px 8px 0;
|
|
49
|
+
.bottom-no-border {
|
|
50
|
+
border-bottom: 0;
|
|
55
51
|
}
|
|
56
52
|
|
|
57
53
|
.center-items {
|
|
58
54
|
display: flex;
|
|
59
|
-
align-items:
|
|
55
|
+
align-items: center;
|
|
60
56
|
justify-content: center;
|
|
61
57
|
}
|