diff --git a/content/messages/CA/generic_fr.json b/content/messages/CA/generic_fr.json
index ad8e66d341..08aeed4e22 100644
--- a/content/messages/CA/generic_fr.json
+++ b/content/messages/CA/generic_fr.json
@@ -2,6 +2,7 @@
"meta": {
"id": "",
"offerCountry": "CA",
+ "language": "fr-CA",
"offerType": "GENERIC",
"messageType": "GENERIC",
"offerTerm": "${CREDIT_OFFERS_DS.total_payments}",
diff --git a/content/messages/CA/short_term_nq_fr.json b/content/messages/CA/short_term_nq_fr.json
index 852a888289..6ddbdcef7e 100644
--- a/content/messages/CA/short_term_nq_fr.json
+++ b/content/messages/CA/short_term_nq_fr.json
@@ -3,6 +3,7 @@
"id": "",
"offerCountry": "CA",
"offerType": "PAY_LATER_SHORT_TERM",
+ "language": "fr-CA",
"messageType": "PLST_NQ",
"offerTerm": "${CREDIT_OFFERS_DS.total_payments}",
"lander": "",
diff --git a/content/messages/CA/short_term_q_fr.json b/content/messages/CA/short_term_q_fr.json
index 2e47260fb1..4e15f9f85e 100644
--- a/content/messages/CA/short_term_q_fr.json
+++ b/content/messages/CA/short_term_q_fr.json
@@ -2,6 +2,7 @@
"meta": {
"id": "",
"offerCountry": "CA",
+ "language": "fr-CA",
"offerType": "PAY_LATER_SHORT_TERM",
"messageType": "PLST_SQ",
"offerTerm": "${CREDIT_OFFERS_DS.total_payments}",
diff --git a/content/modals/CA/short_term_fr.json b/content/modals/CA/short_term_fr.json
index 2928e9450e..88d524446a 100644
--- a/content/modals/CA/short_term_fr.json
+++ b/content/modals/CA/short_term_fr.json
@@ -27,7 +27,7 @@
"content": {
"headline": "Payer en 4 versements sans intérêt",
"subheadline": "Aucun impact sur la cote de crédit et aucuns frais de retard. Disponible pour les achats de {formattedMinAmount} à {formattedMaxAmount}.",
- "qualifyingSubheadline": "Divisez le montant de {formattedTotalCost} en {total_payments} versements sans intérêt, sans incidence sur votre cote de crédit et sans frais de retard.",
+ "qualifyingSubheadline": "Divisez votre achat de {formattedTotalCost} en {total_payments} versements, sans incidence sur votre cote de crédit et sans frais de retard.",
"donutTimestamps": ["Aujourd'hui", "2 semaines", "4 semaines", "6 semaines"],
"instructions": [
"Choisissez PayPal à la caisse pour payer plus tard avec le Paiement en 4.",
diff --git a/src/components/modal/v2/parts/Container.jsx b/src/components/modal/v2/parts/Container.jsx
index 5b5a4801be..f667651d3a 100644
--- a/src/components/modal/v2/parts/Container.jsx
+++ b/src/components/modal/v2/parts/Container.jsx
@@ -28,6 +28,7 @@ const Container = ({ children }) => {
merchantId,
customerId,
buyerCountry,
+ language,
ignoreCache,
version,
env,
@@ -72,6 +73,7 @@ const Container = ({ children }) => {
merchantId,
customerId,
buyerCountry,
+ language,
ignoreCache,
version,
env,
@@ -87,7 +89,7 @@ const Container = ({ children }) => {
setServerData(data);
setLoading(false);
});
- }, [currency, amount, payerId, clientId, merchantId, buyerCountry]);
+ }, [currency, amount, payerId, clientId, merchantId, buyerCountry, language]);
useEffect(() => {
setupTabTrap();
diff --git a/src/library/zoid/message/component.js b/src/library/zoid/message/component.js
index 3698864b6c..3908184412 100644
--- a/src/library/zoid/message/component.js
+++ b/src/library/zoid/message/component.js
@@ -148,7 +148,8 @@ export default createGlobalVariableGetter('__paypal_credit_message__', () =>
const { onClick } = props;
return ({ meta }) => {
- const { modal, index, account, merchantId, currency, amount, buyerCountry, onApply } = props;
+ const { modal, index, account, merchantId, currency, amount, buyerCountry, language, onApply } =
+ props;
const { offerType, offerCountry, messageRequestId, lander } = meta;
if (offerType === 'PURCHASE_PROTECTION') {
if (getURIPopup(lander, offerType) == null) {
@@ -163,6 +164,7 @@ export default createGlobalVariableGetter('__paypal_credit_message__', () =>
currency,
amount,
buyerCountry,
+ language,
onApply,
offer: offerType,
offerCountry,
diff --git a/src/server/locale/CA/index.js b/src/server/locale/CA/index.js
index 8cdfdcb6b2..9c6cae4f18 100644
--- a/src/server/locale/CA/index.js
+++ b/src/server/locale/CA/index.js
@@ -1,13 +1,13 @@
import validOptions from './validOptions';
import getMutations from './mutations';
import logos from '../../message/logos';
-import styles from './styles';
+import getStyles from './styles';
-export default {
+export default language => ({
localeClass: 'locale--CA',
- productName: ['with', 'PayPal.'],
+ productName: language === 'fr-CA' ? ['avec', 'PayPal.'] : ['with', 'PayPal.'],
validOptions,
getMutations,
logos,
- styles
-};
+ styles: getStyles
+});
diff --git a/src/server/locale/CA/mutations/generic.js b/src/server/locale/CA/mutations/generic.js
new file mode 100644
index 0000000000..2200c0a89c
--- /dev/null
+++ b/src/server/locale/CA/mutations/generic.js
@@ -0,0 +1,160 @@
+import Logo from '../../../message/logos';
+import { textWrap, messageLogoWidth, altNoWrap, setLogoTop } from '../../../message/mediaQueries';
+import { flexLogoMutations, textLogoMutations } from '../../../message/logoMutations';
+
+const flex = [
+ [
+ 'default',
+ {
+ logo: Logo.PP_PAYPAL.WHITE,
+ headline: [
+ {
+ tag: 'xsmall'
+ }
+ ],
+ disclaimer: ['default']
+ }
+ ],
+ [
+ 'ratio:20x1',
+ {
+ styles: [
+ `
+ @media (min-aspect-ratio: 200/11) and (min-width: 523px) {
+ .message__logo-container {
+ max-width: 12%;
+ }
+ }
+
+ @media (min-aspect-ratio: 200/11) and (min-width: 300px) {
+ .message__logo:nth-of-type(1) {
+ width: 18%;
+ }
+ .message__logo:nth-of-type(2) {
+ width: 60%;
+ }
+ }
+
+ @media (min-aspect-ratio: 60/11) and (min-width: 324px) {
+ .message__headline .tag--xsmall .br:first-child {
+ display: inline;
+ }
+ }
+ `
+ ]
+ }
+ ],
+ [
+ 'ratio:8x1',
+ {
+ headline: [
+ {
+ tag: 'xsmall'
+ }
+ ],
+ styles: [
+ `@media (min-aspect-ratio: 60/11) and (min-width: 324px) {
+ .message__headline .tag--xsmall .br:first-child {
+ display: inline;
+ }
+ }
+ `
+ ]
+ }
+ ],
+ [
+ 'ratio:1x4',
+ {
+ headline: [
+ {
+ tag: 'xsmall'
+ }
+ ],
+ styles: [
+ `.message__headline .tag--xsmall {
+ display: inline;
+}`
+ ]
+ }
+ ],
+ ['color:white-no-border', { logo: Logo.PP_PAYPAL.COLOR }],
+ ...flexLogoMutations
+];
+
+export default {
+ 'layout:flex': flex,
+ 'layout:text': [
+ [
+ 'default',
+ ({ textSize }) => ({
+ styles: [
+ textWrap(textSize * 38, textSize, 'US'),
+ messageLogoWidth(false, textSize * 4, textSize * 1.25),
+ setLogoTop(textSize * 20)
+ ],
+ logo: Logo.PP_PAYPAL.COLOR,
+ headline: [{ tag: 'xsmall' }],
+ disclaimer: ['default']
+ })
+ ],
+ [
+ 'logo.type:primary && logo.position:right',
+ ({ textSize }) => ({
+ styles: [setLogoTop(textSize * 22), messageLogoWidth(textSize * 6, textSize * 4, textSize * 1.25)]
+ })
+ ],
+ [
+ 'logo.type:primary && logo.position:top',
+ ({ textSize }) => ({
+ styles: [messageLogoWidth(textSize * 6, textSize * 4, textSize * 1.25)]
+ })
+ ],
+ [
+ 'logo.type:alternative',
+ ({ textSize }) => ({
+ styles: [
+ `@media screen and (max-width: ${textSize * 10.5}px) { .message__content { white-space: nowrap; }}`,
+ textWrap(textSize * 32, textSize, 'US'),
+ altNoWrap(textSize * 10.6),
+ messageLogoWidth(textSize * 1.75, textSize * 4, textSize * 1.25)
+ ],
+ logo: Logo.PP_PAYPAL.COLOR[0]
+ })
+ ],
+ [
+ 'logo.type:none',
+ ({ textSize }) => ({
+ styles: [`@media screen and (max-width: ${textSize * 37.3}) {.message__content {margin-top: 0px;}}`],
+ logo: false,
+ headline: [
+ {
+ tag: 'xsmall.2',
+ br: ['later.', 'tard.'],
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
+ }
+ ]
+ })
+ ],
+ [
+ 'logo.type:inline',
+ ({ textSize }) => ({
+ styles: [`.message__logo { width: ${textSize * 4}px }`],
+ logo: Logo.NO_PP_MONOGRAM.COLOR,
+ headline: [
+ {
+ tag: 'xsmall.2',
+ br: ['later.', 'tard.'],
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
+ }
+ ]
+ })
+ ],
+ ...textLogoMutations
+ ]
+};
diff --git a/src/server/locale/CA/mutations/index.js b/src/server/locale/CA/mutations/index.js
index 90d8c34a04..a0f585c3c3 100644
--- a/src/server/locale/CA/mutations/index.js
+++ b/src/server/locale/CA/mutations/index.js
@@ -1,16 +1,17 @@
/* eslint-disable eslint-comments/disable-enable-pair */
// mutations import here.
+import generic from './generic';
import shortTermNQ from './short_term_nq';
import shortTermQ from './short_term_q';
export default function getMutations(id, type) {
switch (id) {
- case 'GPLQ':
case 'PLST_SQ':
return shortTermQ[type];
- case 'GPLNQ':
case 'PLST_NQ':
- default:
return shortTermNQ[type];
+ case 'GENERIC':
+ default:
+ return generic[type];
}
}
diff --git a/src/server/locale/CA/mutations/short_term_nq.js b/src/server/locale/CA/mutations/short_term_nq.js
index 629daf32e1..b4e93bb8a0 100644
--- a/src/server/locale/CA/mutations/short_term_nq.js
+++ b/src/server/locale/CA/mutations/short_term_nq.js
@@ -73,7 +73,7 @@ export default {
headline: [
{
tag: 'medium',
- br: ['of']
+ br: ['for', 'pour']
},
{ tag: 'xsmall' }
],
@@ -124,12 +124,18 @@ export default {
headline: [
{
tag: 'medium',
- br: ['on'],
- replace: [['00.', '00']]
+ br: ['for', 'pour'],
+ replace: [
+ ['00.', '00'],
+ ['00 $.', '00 $']
+ ]
},
{
tag: 'xsmall.2',
- replace: [['later.', 'later']]
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
}
]
})
@@ -143,11 +149,17 @@ export default {
{
tag: 'medium',
br: ['on'],
- replace: [['00.', '00']]
+ replace: [
+ ['00.', '00'],
+ ['00 $.', '00 $']
+ ]
},
{
tag: 'xsmall.2',
- replace: [['later.', 'later']]
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
}
]
})
diff --git a/src/server/locale/CA/mutations/short_term_q.js b/src/server/locale/CA/mutations/short_term_q.js
index 5bf3e2adb2..bd10412b2a 100644
--- a/src/server/locale/CA/mutations/short_term_q.js
+++ b/src/server/locale/CA/mutations/short_term_q.js
@@ -5,8 +5,7 @@ import {
altNoWrap,
setLogoTop,
xSmallFallback,
- logo20x1,
- addPeriod
+ logo20x1
} from '../../../message/mediaQueries';
import { flexLogoMutations, textLogoMutations } from '../../../message/logoMutations';
@@ -49,7 +48,7 @@ const flex = [
},
{
tag: 'medium',
- br: ['payments']
+ br: ['payments', 'versements']
}
],
styles: [
@@ -75,13 +74,13 @@ export default {
setLogoTop(textSize * 16),
`.message__headline > .tag--medium > span:not(.weak):first-child {white-space: nowrap;}`,
`.weak { display: none}`,
- addPeriod()
+ `.message__headline > .tag--medium > span::after {content: '.'}`
],
logo: Logo.PP_PAYPAL.COLOR,
headline: [
{
tag: 'medium',
- br: ['payments']
+ br: ['payments', 'versements']
},
{ tag: 'xsmall' }
],
@@ -100,7 +99,7 @@ export default {
setLogoTop(textSize * 32),
messageLogoWidth(textSize * 6, textSize * 4, textSize * 1.25),
`.weak { display: none}`,
- addPeriod()
+ `.message__headline > .tag--medium > span::after {content: '.'}`
]
})
],
@@ -115,7 +114,7 @@ export default {
xSmallFallback(textSize * 10.75),
messageLogoWidth(textSize * 6, textSize * 4, textSize * 1.25),
`.weak { display: none}`,
- addPeriod()
+ `.message__headline > .tag--medium > span::after {content: '.'}`
]
})
],
@@ -129,7 +128,7 @@ export default {
altNoWrap(textSize * 10.6),
messageLogoWidth(textSize * 1.75, textSize * 4, textSize * 1.25),
`.weak { display: none}`,
- addPeriod()
+ `.message__headline > .tag--medium > span::after {content: '.'}`
],
logo: Logo.PP_PAYPAL.COLOR[0]
})
@@ -142,12 +141,18 @@ export default {
headline: [
{
tag: 'medium',
- br: ['on'],
- replace: [['purchases.', 'purchases']]
+ br: ['payments', 'versements'],
+ replace: [
+ ['00.', '00'],
+ ['00 $.', '00 $']
+ ]
},
{
tag: 'xsmall.2',
- replace: [['later.', 'later']]
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
}
]
})
@@ -160,12 +165,18 @@ export default {
headline: [
{
tag: 'medium',
- br: ['on'],
- replace: [['purchases.', 'purchases']]
+ br: ['payments', 'versements'],
+ replace: [
+ ['00.', '00'],
+ ['00 $.', '00 $']
+ ]
},
{
tag: 'xsmall.2',
- replace: [['later.', 'later']]
+ replace: [
+ ['later.', 'later'],
+ ['tard.', 'tard']
+ ]
}
]
})
diff --git a/src/server/locale/CA/styles/index.js b/src/server/locale/CA/styles/index.js
index ece1e4a42b..3a8b068703 100644
--- a/src/server/locale/CA/styles/index.js
+++ b/src/server/locale/CA/styles/index.js
@@ -1,7 +1,9 @@
-import text from './text';
+import getTextStyles from './text';
import flex from './flex';
-export default {
- 'layout:flex': flex,
- 'layout:text': text
-};
+export default function getStyles(language) {
+ return {
+ 'layout:text': getTextStyles(language),
+ 'layout:flex': flex
+ };
+}
diff --git a/src/server/locale/CA/styles/text/index.js b/src/server/locale/CA/styles/text/index.js
index f76a3b916d..543d2d27c6 100644
--- a/src/server/locale/CA/styles/text/index.js
+++ b/src/server/locale/CA/styles/text/index.js
@@ -1,3 +1,8 @@
+import logoInline from './logo--inline.css';
+import logoInlineFr from './logo--inline_fr.css';
import sharedGPLTextStyles from '../../../common/styles/GPL/text';
-export default [...sharedGPLTextStyles];
+export default function getTextStyles(language) {
+ const inlineLogoCss = language === 'fr-CA' ? logoInlineFr : logoInline;
+ return [...sharedGPLTextStyles, ['logo.type:inline', inlineLogoCss]];
+}
diff --git a/src/server/locale/CA/styles/text/logo--inline.css b/src/server/locale/CA/styles/text/logo--inline.css
new file mode 100644
index 0000000000..ab6f12a85a
--- /dev/null
+++ b/src/server/locale/CA/styles/text/logo--inline.css
@@ -0,0 +1,15 @@
+.message__logo-container::before {
+ content: 'with ';
+}
+
+.message__logo-container::after {
+ content: '.';
+}
+
+.message__logo:last-child {
+ margin-right: 0px;
+}
+
+.weak {
+ display: none;
+}
diff --git a/src/server/locale/CA/styles/text/logo--inline_fr.css b/src/server/locale/CA/styles/text/logo--inline_fr.css
new file mode 100644
index 0000000000..c6763c3812
--- /dev/null
+++ b/src/server/locale/CA/styles/text/logo--inline_fr.css
@@ -0,0 +1,15 @@
+.message__logo-container::before {
+ content: 'avec ';
+}
+
+.message__logo-container::after {
+ content: '.';
+}
+
+.message__logo:last-child {
+ margin-right: 0px;
+}
+
+.weak {
+ display: none;
+}
diff --git a/src/server/locale/index.js b/src/server/locale/index.js
index aae7788a66..ad7ad1dc75 100644
--- a/src/server/locale/index.js
+++ b/src/server/locale/index.js
@@ -5,8 +5,9 @@ import FR from './FR';
import ES from './ES';
import AU from './AU';
import IT from './IT';
+import CA from './CA';
-const getLocaleSettings = (offerCountry, offerType, contextualComponents) => {
+const getLocaleSettings = (offerCountry, offerType, contextualComponents, language) => {
switch (offerCountry) {
case 'DE':
return DE(offerType);
@@ -20,6 +21,8 @@ const getLocaleSettings = (offerCountry, offerType, contextualComponents) => {
return AU;
case 'IT':
return IT;
+ case 'CA':
+ return CA(language);
case 'US':
default:
return US(offerType, contextualComponents);
@@ -30,8 +33,8 @@ export function getLocaleClass(locale, offerType, contextualComponents) {
return getLocaleSettings(locale, offerType, contextualComponents).localeClass;
}
-export function getLocaleProductName(locale, offerType, contextualComponents) {
- return getLocaleSettings(locale, offerType, contextualComponents).productName;
+export function getLocaleProductName(locale, offerType, contextualComponents, language) {
+ return getLocaleSettings(locale, offerType, contextualComponents, language).productName;
}
export function getValidOptions(locale, offerType, contextualComponents) {
@@ -68,10 +71,9 @@ export function getLogos(locale, offerType) {
return getLocaleSettings(locale, offerType).logos;
}
-export function getLocaleStyles(locale, layout, offerType, contextualComponents) {
- return (
- (getLocaleSettings(locale, offerType, contextualComponents).styles &&
- getLocaleSettings(locale, offerType, contextualComponents).styles[layout]) ??
- []
- );
+export function getLocaleStyles(locale, layout, offerType, contextualComponents, language) {
+ const settings = getLocaleSettings(locale, offerType, contextualComponents, language);
+ // If styles is a function, call it with language
+ const styles = typeof settings.styles === 'function' ? settings.styles(language) : settings.styles;
+ return (styles && styles[layout]) ?? [];
}
diff --git a/src/server/message/index.jsx b/src/server/message/index.jsx
index e836a4270d..74223101a8 100644
--- a/src/server/message/index.jsx
+++ b/src/server/message/index.jsx
@@ -46,6 +46,8 @@ const applyCascade = curry((style, flattened, type, rules) =>
export default ({ options, markup, locale }) => {
const messageType = markup?.meta?.messageType ?? markup?.meta?.offerType;
+ const language = markup?.meta?.language ?? locale;
+
const { style, contextualComponents } = options;
const { layout } = style;
@@ -66,7 +68,7 @@ export default ({ options, markup, locale }) => {
// Scope all locale-specific styles to the selected locale
const localeStyleRules = applyCascadeRules(
Array,
- getLocaleStyles(locale, layoutProp, messageType, contextualComponents)
+ getLocaleStyles(locale, layoutProp, messageType, contextualComponents, language)
).map(rule => rule.replace(/\.message/g, `.${localeClass} .message`));
const mutationStyleRules = mutationRules.styles ?? [];
const customFontStyleRules = getFontRules(style);
@@ -86,7 +88,7 @@ export default ({ options, markup, locale }) => {
const logoType = style.logo?.type;
const logoEl = ;
- const [withText, productName] = getLocaleProductName(locale, messageType, contextualComponents);
+ const [withText, productName] = getLocaleProductName(locale, messageType, contextualComponents, language);
const productNameEl = (
diff --git a/src/server/message/parts/MutatedText.jsx b/src/server/message/parts/MutatedText.jsx
index 5e63446f25..a4085a44dc 100644
--- a/src/server/message/parts/MutatedText.jsx
+++ b/src/server/message/parts/MutatedText.jsx
@@ -40,7 +40,7 @@ const MutatedText = ({ tagData, options }) => {
// truncate zeros for non-qualifying messages
const matchNQ = formattedStr.match(
// eslint-disable-next-line security/detect-unsafe-regex
- /((\$|£)?(\d{1,5}(\.|,)){1,3}00(€|(.|\s*)EUR)?((-|(\s(\D{1,3})\s))(\$|£)?(\d{1,5}(\.|,|\s)){1,3}00(€|(.|\s*)EUR)?|\+))/g
+ /((\$|£)?(\d{1,5}(\.|,)){1,3}00(€|(.|\s*)EUR|(.|\s*)\$)?((-|(\s(\D{1,3})\s))(\$|£)?(\d{1,5}(\.|,|\s)){1,3}00(€|(.|\s*)EUR|(.|\s*)\$)?|\+))/g
);
if (matchNQ !== null) {
matchNQ.forEach(foundString => {
@@ -49,6 +49,7 @@ const MutatedText = ({ tagData, options }) => {
.replace(/(\.|,)00$/g, '')
.replace(/(\.|,)00€/g, '€')
.replace(/(\.|,)00(.|\s*)EUR/g, '€')
+ .replace(/(\.|,)00(.|\s*)\$/g, ' $')
.replace(/(\s*EUR)/g, '€')
.replace(/(\.|,)00(\+)/g, '+');
formattedStr = formattedStr.replace(foundString, filteredString);
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-left_logo.type-primary-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-left_logo.type-primary-1000-snap.png
index 7a852aa4e2..a535f0ee36 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-left_logo.type-primary-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-left_logo.type-primary-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-right_logo.type-primary-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-right_logo.type-primary-1000-snap.png
index fc2d6505ff..87a3ba596c 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-right_logo.type-primary-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-right_logo.type-primary-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-top_logo.type-primary-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-top_logo.type-primary-1000-snap.png
index 42d51c4d5d..87b9e8a3f8 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-top_logo.type-primary-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.position-top_logo.type-primary-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative-1000-snap.png
index e2fd6934f5..0e4af2e448 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-grayscale-1000-snap.png
index bd11943a82..19a1d066fc 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-monochrome-1000-snap.png
index e01a1a5ccd..0e57ea568c 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-white-1000-snap.png
index b0d4a10e0d..be778b50a2 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-alternative_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline-1000-snap.png
index 1ac5778351..beb849f5e1 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-grayscale-1000-snap.png
index bb286e7c3f..ae7af0555a 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-monochrome-1000-snap.png
index 78e2bc6736..aecfe62057 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-white-1000-snap.png
index c20de09118..1e9af7186e 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-inline_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none-1000-snap.png
index 18ef07cbbf..8f190849fc 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-grayscale-1000-snap.png
index dcc316e16d..0f159ccea4 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-monochrome-1000-snap.png
index 9a25929d4e..c743e217b5 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-white-1000-snap.png
index f3916647c4..c17cb4ead5 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-none_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-grayscale-1000-snap.png
index be5833bce8..7711af6c60 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-monochrome-1000-snap.png
index f1d1eac4f4..3fc6873489 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-white-1000-snap.png
index 11193e68a7..c4a8c2c9fa 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-10-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-10-1000-snap.png
index 9a445d98df..e22834e1c8 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-10-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-10-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-12-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-12-1000-snap.png
index 7a852aa4e2..a535f0ee36 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-12-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-12-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-16-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-16-1000-snap.png
index 590c449b03..2eef941802 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-16-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/logo.type-primary_text.size-16-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-center-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-center-1000-snap.png
index a0bd1be5be..d0392eaa2d 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-center-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-center-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-left-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-left-1000-snap.png
index aac7c9f71f..5668bc9088 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-left-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-left-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-right-1000-snap.png b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-right-1000-snap.png
index 31fa13edb4..01c96cd179 100644
Binary files a/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-right-1000-snap.png and b/tests/functional/snapshots/CA/DEV000FRCAPLQ/text/text.align-right-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00ENCAPLNA/text/logo.type-primary_text.position-left-200-snap.png b/tests/functional/snapshots/CA/DEV00ENCAPLNA/text/logo.type-primary_text.position-left-200-snap.png
index 7bb51b7fca..26c5d50500 100644
Binary files a/tests/functional/snapshots/CA/DEV00ENCAPLNA/text/logo.type-primary_text.position-left-200-snap.png and b/tests/functional/snapshots/CA/DEV00ENCAPLNA/text/logo.type-primary_text.position-left-200-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline-1000-snap.png
index d54e61f696..22cc58f4e0 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-grayscale-1000-snap.png
index 3920ec1cca..051cded857 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-monochrome-1000-snap.png
index 6a5faba7a1..f369814136 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-white-1000-snap.png
index 7361147f3b..c583a1addd 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-inline_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none-1000-snap.png
index 12c1fae039..e69e188c45 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-grayscale-1000-snap.png
index aad2491527..d36c76a871 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-monochrome-1000-snap.png
index c95ea8daa3..e643a53ef9 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-white-1000-snap.png
index a466f450b0..763890f927 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-none_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-primary_text.position-left-200-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-primary_text.position-left-200-snap.png
index 156b60ee01..3c69b88993 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-primary_text.position-left-200-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNA/text/logo.type-primary_text.position-left-200-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline-1000-snap.png
index b3e22100f6..f704db1f09 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-grayscale-1000-snap.png
index 254021585f..2f9e05928e 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-monochrome-1000-snap.png
index 869a1b1f8e..be5c9608f2 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-white-1000-snap.png
index b9cfc1faf9..3899fbdfe6 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-inline_text.color-white-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none-1000-snap.png
index c082317a0a..63f9c63e69 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-grayscale-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-grayscale-1000-snap.png
index cbf1639c7e..04047a02f1 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-grayscale-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-grayscale-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-monochrome-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-monochrome-1000-snap.png
index 4d20c87871..e94c41c416 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-monochrome-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-monochrome-1000-snap.png differ
diff --git a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-white-1000-snap.png b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-white-1000-snap.png
index 19fd74d120..7287f8c8a7 100644
Binary files a/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-white-1000-snap.png and b/tests/functional/snapshots/CA/DEV00FRCAPLNQ/text/logo.type-none_text.color-white-1000-snap.png differ
diff --git a/tests/functional/v2/config/CA/DEV_CA_SHORT_TERM_FR.js b/tests/functional/v2/config/CA/DEV_CA_SHORT_TERM_FR.js
index 966467b7ec..00a002ef3f 100644
--- a/tests/functional/v2/config/CA/DEV_CA_SHORT_TERM_FR.js
+++ b/tests/functional/v2/config/CA/DEV_CA_SHORT_TERM_FR.js
@@ -21,7 +21,7 @@ export const DEV_CA_SHORT_TERM_FR = {
expectedValue: 'Payer en 4 versements sans intérêt de $7.50',
modalContent: {
subheadline:
- 'Divisez le montant de $30.00 en 4 versements sans intérêt, sans incidence sur votre cote de crédit et sans frais de retard.',
+ 'Divisez votre achat de $30.00 en 4 versements, sans incidence sur votre cote de crédit et sans frais de retard.',
periodicPayment: '$7.50'
}
},
diff --git a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png
index da3a831b65..593a7c6352 100644
Binary files a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png and b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png
index da3a831b65..593a7c6352 100644
Binary files a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png and b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png
index 04cba5de74..655e86cabf 100644
Binary files a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png
index 04cba5de74..655e86cabf 100644
Binary files a/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/api/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png
index 10b658b4aa..1303a79741 100644
Binary files a/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png
index 10b658b4aa..1303a79741 100644
Binary files a/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/sdk/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png
index 10b658b4aa..1303a79741 100644
Binary files a/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png
index 10b658b4aa..1303a79741 100644
Binary files a/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/standalone/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png
index 40dba46760..819fc030f4 100644
Binary files a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png and b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Donuts_show_correct_periodic_payment_for_amount-desktop-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png
index 40dba46760..de86eefc46 100644
Binary files a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png and b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/desktop/30-Shows_correct_subheadline_for_amount-desktop-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png
index e5b35f7466..4cda60e5be 100644
Binary files a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Donuts_show_correct_periodic_payment_for_amount-mobile-snap.png differ
diff --git a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png
index e5b35f7466..4cda60e5be 100644
Binary files a/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png and b/tests/functional/v2/snapshots/modal/webpage/CA/DEV_CA_SHORT_TERM_FR/mobile/30-Shows_correct_subheadline_for_amount-mobile-snap.png differ