Fixed Hiddent Field

Author: deathcave

packages/web-components/src/components/notice-choice/__stories__/notice-choice.stories.ts

@@ -83,9 +83,9 @@ const stateList = {
     Sachsen: 'SN',
   },
 };
-const hideErrorMessages = {
-  true: 'true',
-  false: 'false',
+const hideerrormessages = {
+  True: 'true',
+  False: 'false',
 };
 
 const environment = {
@@ -116,9 +116,9 @@ const props = () => {
     ),
     onChange: action('c4d-notice-choice-change'),
     onEmailStatusChanged: action('c4d-notice-choice-email-status-changed'),
-    hideErrorMessages: select(
+    hideerrormessages: select(
       'Hide Error Messages',
-      hideErrorMessages,
+      hideerrormessages,
       'false'
     ),
     environment: select('Environment', environment, 'stage'),
@@ -133,8 +133,8 @@ export const Default = (args) => {
     state,
     termsConditionLink,
     questionchoices,
-    hideErrorMessages,
-    enableAllOptIn,
+    hideerrormessages,
+    enablealloptin,
     hiddenEmail,
     hiddenPhone,
     ncTeleDetail,
@@ -150,8 +150,8 @@ export const Default = (args) => {
       question-choices="${questionchoices}"
       state="${state}"
       terms-condition-link="${termsConditionLink || ''}"
-      hide-error-message="${hideErrorMessages}"
-      ?enable-all-opt-in=${enableAllOptIn}
+      hide-error-message="${hideerrormessages}"
+      ?enable-all-opt-in=${enablealloptin}
       .hiddenEmail="${hiddenEmail}"
       .hiddenPhone="${hiddenPhone}"
       .nc-tele-detail="${ncTeleDetail}"

packages/web-components/src/components/notice-choice/notice-choice.ts

@@ -69,11 +69,11 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
   @property({ type: String, attribute: 'terms-condition-link' })
   termsConditionLink = html``;
 
-  @property({ type: Boolean, attribute: 'enable-all-opt-in' })
-  enableAllOptIn = false;
+  @property({ type: String, attribute: 'enable-all-opt-in' })
+  enableAllOptIn = 'false';
 
-  @property({ type: Boolean, attribute: 'hide-error-message' })
-  hideErrorMessage = false;
+  @property({ type: String, attribute: 'hide-error-message' })
+  hideErrorMessage = 'false';
 
   @property({ type: String, attribute: 'environment' })
   environment = 'prod';
@@ -241,15 +241,15 @@ class NoticeChoice extends StableSelectorMixin(LitElement) {
         break;
       }
 
-      case 'enable-all-opt-in': {
+      case 'enableAllOptIn': {
         if (oldValue !== value && typeof value === 'string') {
           this.enableAllOptIn = JSON.parse(value);
           this.setDefaultSelections();
         }
         break;
       }
 
-      case 'hide-error-message': {
+      case 'hideErrorMessage': {
         if (oldValue !== value && typeof value === 'string') {
           this.hideErrorMessage = JSON.parse(value);
           this.countryBasedLegalNotice();