Fix Environment

carbon-design-system · Dec 3, 2024 · d489801 · d489801
1 parent 1afafaf
commit d489801
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/packages/web-components/src/components/notice-choice/__stories__/notice-choice.stories.ts b/packages/web-components/src/components/notice-choice/__stories__/notice-choice.stories.ts
@@ -92,6 +92,11 @@ const combineEmailPhone = {
   true: 'true',
   false: 'false',
 };
+
+const environment = {
+  Production: 'prod',
+  Stage: 'stage',
+};
 const onChange = (event: CustomEvent) => {
   console.log(event.detail);
 };
@@ -115,6 +120,7 @@ const props = () => {
       'false'
     ),
     combineEmailPhone: select('Combine Email Phone', combineEmailPhone, 'true'),
+    environment: select('Environment', environment, 'prod'),
   };
 };
 
@@ -132,6 +138,7 @@ export const Default = (args) => {
     ncTeleDetail,
     ncEmailDetail,
     combineEmailPhone,
+    environment,
   } = args?.NoticeChoice ?? {};
   return html`
     <c4d-notice-choice
@@ -147,6 +154,7 @@ export const Default = (args) => {
       .nc-tele-detail="${ncTeleDetail}"
       .nc-email-detail="${ncEmailDetail}"
       combine-email-phone="${combineEmailPhone}"
+      environment="${environment}"
       @c4d-notice-choice-change=${onChange}></c4d-notice-choice>
   `;
 };

diff --git a/packages/web-components/src/components/notice-choice/notice-choice.ts b/packages/web-components/src/components/notice-choice/notice-choice.ts
@@ -74,6 +74,9 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
   @property({ type: Boolean, attribute: 'combine-email-phone' })
   combineEmailPhone = false;
 
+  @property({ type: String, attribute: 'environment' })
+  environment = 'prod';
+
   @property({ type: Object, attribute: false })
   checkboxes = {};
 
@@ -153,6 +156,7 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
   defaultLoadContent() {
     loadContent(
       'en',
+      this.environment,
       (ncData) => {
         this.ncData = ncData;
         this.prepareCheckboxes();
@@ -194,6 +198,7 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
     );
     loadContent(
       defaultLanguage,
+      this.environment,
       (ncData) => {
         this.ncData = ncData;
         this.prepareCheckboxes();
@@ -297,7 +302,8 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
         }
         break;
       }
-      case 'language': {
+      case 'language':
+      case 'environment': {
         // load content when locale changed.
         const [language] = newVal.split(/[-_]/);
 
@@ -311,6 +317,7 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
         if (hasValue && oldVal !== newVal) {
           loadContent(
             defaultLanguage,
+            this.environment,
             (ncData) => {
               this.ncData = ncData;
               this.prepareCheckboxes();

diff --git a/packages/web-components/src/components/notice-choice/services.ts b/packages/web-components/src/components/notice-choice/services.ts
@@ -5,11 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-export function loadContent(locale: string, onSuccess: any, onError: any) {
+export function loadContent(
+  locale: string,
+  env: string,
+  onSuccess: any,
+  onError: any
+) {
   const script = document.createElement('script');
+  const environment = env === 'prod' ? '1.www.s81c.com' : '1.wwwstage.s81c.com';
+  console.log(environment, 'env', env);
   script.async = false;
   script.charset = 'utf-8';
-  script.src = `https://1.wwwstage.s81c.com/common/translations/notice/v23/${locale.toLocaleLowerCase()}/ncContent_v23.js`; // URL for the third-party library being loaded.
+  script.src = `https://${environment}/common/translations/notice/v23/${locale.toLocaleLowerCase()}/ncContent_v23.js`; // URL for the third-party library being loaded.
   document.body.appendChild(script);
   script.onload = () => {
     try {