@codecademy/brand 3.25.1 → 3.25.2-alpha.638352672e.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.
|
@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
|
|
|
2
2
|
import { FlexBox, Text } from '@codecademy/gamut';
|
|
3
3
|
import { theme } from '@codecademy/gamut-styles';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { getCurrencySymbol } from './types';
|
|
5
|
+
import { getCurrencyPrefix, getCurrencySymbol } from './types';
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
7
|
const Amount = /*#__PURE__*/_styled(Text, {
|
|
8
8
|
target: "elw3jo70",
|
|
@@ -11,7 +11,7 @@ const Amount = /*#__PURE__*/_styled(Text, {
|
|
|
11
11
|
isMultiple
|
|
12
12
|
}) => isMultiple ? '44px' : '64px', ";line-height:", ({
|
|
13
13
|
isMultiple
|
|
14
|
-
}) => isMultiple ? '64px' : '80px', ";", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
}) => isMultiple ? '64px' : '80px', ";", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QbGFuQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZb0QiLCJmaWxlIjoiLi4vLi4vc3JjL1BsYW5DYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIEN1cnJlbmN5LFxuICBnZXRDdXJyZW5jeVByZWZpeCxcbiAgZ2V0Q3VycmVuY3lTeW1ib2wsXG4gIFBsYW5UeXBlLFxufSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpPHsgaXNNdWx0aXBsZTogYm9vbGVhbiB9PmBcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0fTtcbiAgZm9udC1zaXplOiAkeyh7IGlzTXVsdGlwbGUgfSkgPT4gKGlzTXVsdGlwbGUgPyAnNDRweCcgOiAnNjRweCcpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgaXNNdWx0aXBsZSB9KSA9PiAoaXNNdWx0aXBsZSA/ICc2NHB4JyA6ICc4MHB4Jyl9O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJpY2luZ0Ftb3VudFByb3BzIHtcbiAgcHJvZHVjdDogUGxhblR5cGU7XG4gIHByaWNlOiBzdHJpbmc7XG4gIG1vbnRobHlQcmljZT86IHN0cmluZztcbiAgY3VycmVuY3k6IEN1cnJlbmN5O1xuICB0ZXJtTW9udGhzPzogbnVtYmVyO1xuICBjb21wYWN0PzogYm9vbGVhbjtcbiAgaXNNdWx0aXBsZTogYm9vbGVhbjtcbiAgaW5VcHNlbGxNb2RhbD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBQcmljaW5nQW1vdW50OiBSZWFjdC5GQzxQcmljaW5nQW1vdW50UHJvcHM+ID0gKHtcbiAgY3VycmVuY3ksXG4gIG1vbnRobHlQcmljZSxcbiAgcHJvZHVjdCxcbiAgcHJpY2UsXG4gIHRlcm1Nb250aHMsXG4gIGNvbXBhY3QgPSBmYWxzZSxcbiAgaXNNdWx0aXBsZSxcbiAgaW5VcHNlbGxNb2RhbCA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5UHJlZml4KGN1cnJlbmN5KX0ke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgIGN1cnJlbmN5XG4gICl9JHtkb2xsYXJzfSR7Y2VudHMgPyBgLiR7Y2VudHN9YCA6ICcnfWA7XG4gIGlmIChwcm9kdWN0ICE9PSAnYmFzaWMnKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAoaW5VcHNlbGxNb2RhbCkgYXJpYUxhYmVsICs9ICcsIG1vbnRobHkgcHJpY2luZyBhbHNvIGF2YWlsYWJsZSc7XG4gICAgaWYgKG1vbnRobHlQcmljZSkge1xuICAgICAgYXJpYUxhYmVsICs9IGAgb3IgJHtnZXRDdXJyZW5jeVByZWZpeChjdXJyZW5jeSl9JHtnZXRDdXJyZW5jeVN5bWJvbChcbiAgICAgICAgY3VycmVuY3lcbiAgICAgICl9JHttb250aGx5UHJpY2V9IGJpbGxlZCBtb250aGx5YDtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8RmxleEJveFxuICAgICAgICBkYXRhLXRlc3RpZD1cInByaWNpbmctYW1vdW50XCJcbiAgICAgICAgbGluZUhlaWdodD1cInRpdGxlXCJcbiAgICAgICAgbWI9e2NvbXBhY3QgPyAwIDogOH1cbiAgICAgICAgY29sdW1uXG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8VGV4dCBzY3JlZW5yZWFkZXIgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiPlxuICAgICAgICAgIHthcmlhTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgey8qIGZvciBzY3JlZW4gcmVhZGVyIG9wdGltaXphdGlvbiAqL31cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIHJvd1xuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGhlaWdodD17aXNNdWx0aXBsZSA/IHsgXzogNTAsIHhsOiAndW5zZXQnIH0gOiAndW5zZXQnfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggbXI9ezR9IGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgbXQ9e3sgXzogMTIsIHhsOiAxNiB9fVxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgID57YCR7Z2V0Q3VycmVuY3lQcmVmaXgoY3VycmVuY3kpfSR7Z2V0Q3VycmVuY3lTeW1ib2woXG4gICAgICAgICAgICAgIGN1cnJlbmN5XG4gICAgICAgICAgICApfWB9PC9UZXh0PlxuICAgICAgICAgICAgPEFtb3VudCBpc011bHRpcGxlPXtpc011bHRpcGxlfT57YCR7ZG9sbGFyc31gfTwvQW1vdW50PlxuICAgICAgICAgICAge3Byb2R1Y3QgPT09ICdiYXNpYycgPyBudWxsIDogKFxuICAgICAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImZsZXgtZW5kXCIgbWw9ezR9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezIyfVxuICAgICAgICAgICAgICAgICAgbXQ9e3sgXzogMTIsIHhsOiAxNiB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjZW50cyA/IGAuJHtjZW50c31gIDogPHNwYW4+Jm5ic3A7PC9zcGFuPn1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgbXQ9e3sgXzogMCwgeGw6IDQgfX0gY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiPlxuICAgICAgICAgICAgICAgICAgL21vXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCIgY2VudGVyIG10PXtjb21wYWN0ID8gMCA6IHsgXzogOCwgeGw6IDAgfX0+XG4gICAgICAgICAge3Byb2R1Y3QgPT09ICdiYXNpYycgPyAoXG4gICAgICAgICAgICA8VGV4dCBtYj17MjR9PkFsd2F5cyBmcmVlPC9UZXh0PlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICA8VGV4dCBtYj17Y29tcGFjdCA/IDAgOiA4fSBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgICB7YEJpbGxlZCAke2N5Y2xlfSR7aW5VcHNlbGxNb2RhbCA/ICcqJyA6ICcnfWB9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgIHttb250aGx5UHJpY2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgICAge2BvciAke2dldEN1cnJlbmN5UHJlZml4KGN1cnJlbmN5KX0ke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICAgICAgICAgICAgICBjdXJyZW5jeVxuICAgICAgICAgICAgICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
|
|
15
15
|
export const PricingAmount = ({
|
|
16
16
|
currency,
|
|
17
17
|
monthlyPrice,
|
|
@@ -24,12 +24,12 @@ export const PricingAmount = ({
|
|
|
24
24
|
}) => {
|
|
25
25
|
const cycle = termMonths === 1 ? 'monthly' : 'annually';
|
|
26
26
|
const [dollars, cents] = price.split('.');
|
|
27
|
-
let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ''}`;
|
|
27
|
+
let ariaLabel = `${getCurrencyPrefix(currency)}${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ''}`;
|
|
28
28
|
if (product !== 'basic') {
|
|
29
29
|
ariaLabel += ` a month, billed ${cycle}`;
|
|
30
30
|
if (inUpsellModal) ariaLabel += ', monthly pricing also available';
|
|
31
31
|
if (monthlyPrice) {
|
|
32
|
-
ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
|
|
32
|
+
ariaLabel += ` or ${getCurrencyPrefix(currency)}${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
@@ -62,7 +62,7 @@ export const PricingAmount = ({
|
|
|
62
62
|
},
|
|
63
63
|
fontWeight: "bold",
|
|
64
64
|
fontSize: 34,
|
|
65
|
-
children: `${getCurrencySymbol(currency)}`
|
|
65
|
+
children: `${getCurrencyPrefix(currency)}${getCurrencySymbol(currency)}`
|
|
66
66
|
}), /*#__PURE__*/_jsx(Amount, {
|
|
67
67
|
isMultiple: isMultiple,
|
|
68
68
|
children: `${dollars}`
|
|
@@ -108,7 +108,7 @@ export const PricingAmount = ({
|
|
|
108
108
|
children: `Billed ${cycle}${inUpsellModal ? '*' : ''}`
|
|
109
109
|
}), /*#__PURE__*/_jsx("br", {}), monthlyPrice && /*#__PURE__*/_jsx(Text, {
|
|
110
110
|
"aria-hidden": true,
|
|
111
|
-
children: `or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`
|
|
111
|
+
children: `or ${getCurrencyPrefix(currency)}${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`
|
|
112
112
|
})]
|
|
113
113
|
})
|
|
114
114
|
})]
|
package/dist/PlanCard/types.d.ts
CHANGED
package/dist/PlanCard/types.js
CHANGED
|
@@ -59,4 +59,16 @@ const currencySymbols = {
|
|
|
59
59
|
[Currency.MXN]: CurrencySymbol.PESO,
|
|
60
60
|
[Currency.RON]: CurrencySymbol.LEU
|
|
61
61
|
};
|
|
62
|
-
export const getCurrencySymbol = currency => currencySymbols[currency];
|
|
62
|
+
export const getCurrencySymbol = currency => currencySymbols[currency];
|
|
63
|
+
|
|
64
|
+
// for currencies that have common symbols eg: Dollar - US=$, AU=AU$, CA=CA$
|
|
65
|
+
export const getCurrencyPrefix = currency => {
|
|
66
|
+
switch (currency) {
|
|
67
|
+
case Currency.AUD:
|
|
68
|
+
return 'AU';
|
|
69
|
+
case Currency.CAD:
|
|
70
|
+
return 'CA';
|
|
71
|
+
default:
|
|
72
|
+
return '';
|
|
73
|
+
}
|
|
74
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
3
|
"description": "Brand component library for Codecademy",
|
|
4
|
-
"version": "3.25.
|
|
4
|
+
"version": "3.25.2-alpha.638352672e.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|