feat(storefront): BCTHEME-603 Added translations for Consent Manager

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Added translations for Consent Manager. [#2083](https://github.com/bigcommerce/cornerstone/pull/2083)
 - Translation mechanism for config.json values have been implemented. [#2076](https://github.com/bigcommerce/cornerstone/pull/2076)
 - Enter press on Compare checkbox cause quick view opening. [#2074](https://github.com/bigcommerce/cornerstone/pull/2074)
 - Product images in quick view can be squashed. [#2075](https://github.com/bigcommerce/cornerstone/pull/2075)

lang/en.json

@@ -968,5 +968,44 @@
         "pdp-non-sale-price-label": "Was:",
         "pdp-retail-price-label": "MSRP:",
         "pdp-custom-fields-tab-label": "Additional Information"
+    },
+    "consent_manager": {
+        "data_collection_warning": "We use cookies (and other similar technologies) to collect data to improve your shopping experience.",
+        "accept_all_cookies": "Accept All Cookies",
+        "gdpr_settings": "Settings",
+        "data_collection_preferences": "Website Data Collection Preferences",
+        "use_data_by_cookies": " uses data collected by cookies and JavaScript libraries to improve your shopping experience.",
+        "data_categories_table": "The table below outlines how we use this data by category. To opt out of a category of data collection, select 'No' and save your preferences.",
+        "allow": "Allow",
+        "accept": "Accept",
+        "deny": "Deny",
+        "dismiss": "Dismiss",
+        "reject_all": "Reject all",
+        "category": "Category",
+        "purpose": "Purpose",
+        "functional_category": "Functional",
+        "functional_purpose": "Enables enhanced functionality, such as videos and live chat. If you do not allow these, then some or all of these functions may not work properly.",
+        "analytics_category": "Analytics",
+        "analytics_purpose": "Provide statistical information on site usage, e.g., web analytics so we can improve this website over time.",
+        "targeting_category": "Targeting",
+        "advertising_category": "Advertising",
+        "advertising_purpose": "Used to create profiles or personalize content to enhance your shopping experience.",
+        "essential_category": "Essential",
+        "esential_purpose": "Essential for the site and any requested services to work, but do not perform any additional or secondary function.",
+        "yes": "Yes",
+        "no": "No",
+        "not_available": "N/A",
+        "cancel": "Cancel",
+        "save": "Save",
+        "back_to_preferences": "Back to Preferences",
+        "close_without_changes": "You have unsaved changes to your data collection preferences. Are you sure you want to close without saving?",
+        "unsaved_changes": "You have unsaved changes",
+        "by_using": "By using our website, you're agreeing to our",
+        "agree_on_data_collection":"By using our website, you're agreeing to the collection of data as described in our ",
+        "change_preferences": "You can change your preferences at any time",
+        "cancel_dialog_title": "Are you sure you want to cancel?",
+        "privacy_policy": "Privacy Policy",
+        "allow_category_tracking": "Allow [CATEGORY_NAME] tracking",
+        "disallow_category_tracking": "Disallow [CATEGORY_NAME] tracking"
     }
 }

templates/layout/base.html

@@ -16,6 +16,7 @@
         </script>
 
         {{> components/common/polyfill-script }}
+        <script>window.consentManagerTranslations = `{{{langJson 'consent_manager'}}}`;</script>
 
         {{!-- Load Lazysizes script ASAP so images will appear --}}
         <script>
@@ -41,7 +42,6 @@
 
         {{{head.scripts}}}
 
-
         {{~inject 'zoomSize' theme_settings.zoom_size}}
         {{~inject 'productSize' theme_settings.product_size}}
         {{~inject 'showAdminBar' theme_settings.show-admin-bar}}
@@ -55,7 +55,7 @@
         {{~inject 'template' template}}
         {{~inject 'validationDictionaryJSON' (langJson 'validation_messages')}}
         {{~inject 'validationFallbackDictionaryJSON' (langJson 'validation_fallback_messages')}}
-        {{~inject 'validationDefaultDictionaryJSON' (langJson 'default_messages')}} 
+        {{~inject 'validationDefaultDictionaryJSON' (langJson 'validation_default_messages')}} 
         {{~inject 'carouselArrowAndDotAriaLabel' (lang 'carousel.arrow_and_dot_aria_label')}}
         {{~inject 'carouselActiveDotAriaLabel' (lang 'carousel.active_dot_aria_label')}}
         {{~inject 'carouselContentAnnounceMessage' (lang 'carousel.content_announce_message')}}