@mindful-web/marko-web-identity-x 1.19.3 → 1.19.5

package/browser/comments/create.vue

@@ -1,17 +1,23 @@
 <template>
   <form :class="blockName" @submit.prevent="handleSubmit">
     <fieldset :disabled="isLoading">
-      <display-name v-model="currentDisplayName" label="Posting As" />
-      <comment-body v-model="body" />
+      <display-name
+        v-model="currentDisplayName"
+        :label="translate({ key: 'Posting As' })"
+      />
+      <comment-body
+        v-model="body"
+        :label="translate({ key: 'Your Comment' })"
+      />
       <button
         type="submit"
         class="btn btn-primary"
       >
-        Submit
+        {{ translate({ key: "Submit" }) }}
       </button>
     </fieldset>
     <p v-if="error" class="mb-0 mt-3">
-      Error: {{ error.message }}
+      {{ translate({ key: "Error: " }) }}{{ error.message }}
     </p>
   </form>
 </template>
@@ -47,6 +53,10 @@ export default {
       type: String,
       required: true,
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   /**
@@ -102,6 +112,31 @@ export default {
         this.isLoading = false;
       }
     },
+    translate({ key }) {
+      const { lang } = this;
+      const i18n = {
+        pt: {
+          'Posting As': 'Publicando como: ',
+          'Your Comment': 'Seu comentário',
+          Submit: 'Enviar',
+          'Error: ': 'Erro: ',
+        },
+        es: {
+          'Posting As': 'Publicar una: ',
+          'Your Comment': 'Su comentario:',
+          Submit: 'Entregar',
+          'Error: ': 'Error: ',
+        },
+        en: {
+          'Posting As': 'Posting As',
+          'Your Comment': 'Your Comment',
+          Submit: 'Submit',
+          'Error: ': 'Error: ',
+        },
+      };
+      const value = (i18n[lang] && i18n[lang][key]) ? i18n[lang][key] : i18n.en[key] || key;
+      return value;
+    },
   },
 };
 </script>

package/browser/comments/post.vue

@@ -2,7 +2,7 @@
   <div :class="blockName" :data-id="id">
     <div :class="element('header')">
       <div :class="element('display-name')">
-        <span>Posted by {{ displayName }}</span>
+        <span>{{ translate({ key: "Posted by" }) }} {{ displayName }}</span>
       </div>
       <div>
         <span :class="element('created-at')">
@@ -15,16 +15,20 @@
             :disabled="isReporting"
             @click.prevent="reportComment"
           >
-            Report
+            {{ translate({ key: 'Report' }) }}
           </a>
-          <span v-if="isReporting">Reporting...</span>
-          <span v-if="error" class="text-danger">Error, try again</span>
+          <span v-if="isReporting">
+            {{ translate({ key: 'Reporting...' }) }}
+          </span>
+          <span v-if="error" class="text-danger">
+            {{ translate({ key: 'Error, try again' }) }}
+          </span>
         </span>
       </div>
     </div>
     <div :class="element('body')">
       <p v-if="flagged" :class="element('flagged')">
-        This comment has been reported.
+        {{ translate({ key: 'This comment has been reported.' }) }}
       </p>
       <!-- eslint-disable-next-line -->
       <div v-html="bodyHtml" />
@@ -80,6 +84,10 @@ export default {
       type: Object,
       default: () => {},
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   /**
@@ -146,6 +154,35 @@ export default {
         this.isReporting = false;
       }
     },
+
+    translate({ key }) {
+      const { lang } = this;
+      const i18n = {
+        pt: {
+          'Posted by': 'Publicado por',
+          Report: 'Denunciar',
+          'Reporting...': 'Denunciando',
+          'Error, try again': 'Erro, tente novamente',
+          'This comment has been reported.': 'Este comentário foi denunciado.',
+        },
+        es: {
+          'Posted by': 'Publicado por',
+          Report: 'Informe',
+          'Reporting...': 'Puesto de informes ',
+          'Error, try again': 'Error, inténtalo de nuevo ',
+          'This comment has been reported.': 'Este comentario ha sido reportado.',
+        },
+        en: {
+          'Posted by': 'Posted by',
+          Report: 'Report',
+          'Reporting...': 'Reporting...',
+          'Error, try again': 'Error, try again',
+          'This comment has been reported.': 'This comment has been reported.',
+        },
+      };
+      const value = (i18n[lang] && i18n[lang][key]) ? i18n[lang][key] : i18n.en[key] || key;
+      return value;
+    },
   },
 };
 </script>

package/browser/comments/stream.vue

@@ -15,13 +15,14 @@
           </span>
         </p>
         <div v-if="archived" :class="element('archived')">
-          This thread is archived and is no longer accepting comments.
+          {{ postArchivedMessage }}
         </div>
         <create
           v-else
           :display-name="activeUser.displayName"
           :stream="{ identifier, title, description, url }"
           @comment-post-submitted="load"
+          :lang="lang"
         />
       </div>
       <div v-else :class="element('login-form-wrapper')">
@@ -45,6 +46,7 @@
           :default-field-labels="defaultFieldLabels"
           :login-email-label="defaultFieldLabels.email"
           @login-link-sent="showLoginMessage = false"
+          :lang="lang"
         />
       </div>
 
@@ -56,10 +58,10 @@
       </h5>
     </div>
     <div v-if="isLoading" :class="element('loading')">
-      Loading comments...
+      {{ loadingCommentsMessage }}
     </div>
     <div v-else-if="error" :class="element('error')">
-      Unable to load comments: {{ error.message }}
+      {{ errorLabel }}: {{ error.message }}
     </div>
     <div v-else-if="approvedComments.length === 0" :class="element('no-posts')">
       {{ noCommentsMessage }}
@@ -81,6 +83,7 @@
           :date-format="dateFormat"
           :active-user="activeUser"
           @comment-report-submitted="load"
+          :lang="lang"
         />
       </div>
       <div v-if="hasNextPage" :class="element('post')">
@@ -176,6 +179,18 @@ export default {
       type: String,
       default: 'You must be signed in to leave a comment. To sign in or create an account, enter your email address and we\'ll send you a one-click sign-in link.',
     },
+    postArchivedMessage: {
+      type: String,
+      default: 'This thread is archived and is no longer accepting comments.',
+    },
+    loadingCommentsMessage: {
+      type: String,
+      default: 'Loading comments...',
+    },
+    errorLabel: {
+      type: String,
+      default: 'Unable to load comments',
+    },
     postACommentMessage: {
       type: String,
       default: 'Post a Comment',
@@ -208,6 +223,10 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   data: () => ({

package/browser/form/fields/custom-select.vue

@@ -200,7 +200,7 @@ export default {
       const { lang } = this;
       const i18n = {
         pt: {
-          'Please Select...': 'Favor selecionar...',
+          'Please Select...': 'Selecione...',
         },
         es: {
           'Please Select...': 'Seleccione...',

package/browser/login.vue

@@ -271,7 +271,7 @@ export default {
         return 'Actualmente estás conectado como';
       }
       if (this.lang === 'pt') {
-        return 'Você está atualmente conectado como';
+        return 'Você está conectado como';
       }
       return 'You are currently logged in as';
     },

package/browser/profile.vue

@@ -631,8 +631,8 @@ export default {
           'seconds.': 'segundas.',
           'To continue now,': 'Para continuar agora,',
           'click here': 'clique aqui',
-          'To continue modifying your profile,': 'Para continuar modificando seu perfil,',
-          'To return to the home page, ': 'Para retornar à página inicial, ',
+          'To continue modifying your profile,': 'Para continuar editando seu perfil,',
+          'To return to the home page, ': 'Para voltar à página inicial, ',
           'You must be logged in to modify your user profile.': 'Você precisa estar logado para modificar seu perfil de usuário.',
         },
         es: {

package/components/access.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/access.marko",
     marko_component = require("./access.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -53,7 +53,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/access.marko",
     component: "./access.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/components/comment-stream.marko

@@ -4,6 +4,7 @@ import defaultValue from "@mindful-web/marko-core/utils/default-value";
 $ const { req, site } = out.global;
 $ const { identityX } = req;
 $ const additionalEventData = defaultValue(input.additionalEventData, {});
+$ const lang = input.lang || defaultValue(site.config.lang, "en");
 
 <if(identityX)>
   <marko-web-identity-x-context|{ user, isEnabled, application }|>
@@ -29,6 +30,10 @@ $ const additionalEventData = defaultValue(input.additionalEventData, {});
       noCommentsMessage: get(site, 'config.comments.noCommentsMessage'),
       notSignedInMessage: get(site, 'config.comments.notSignedInMessage'),
       postACommentMessage: get(site, 'config.comments.postACommentMessage'),
+      postArchivedMessage: get(site, 'config.comments.postArchivedMessage'),
+      loadingCommentsMessage: get(site, 'config.comments.loadingCommentsMessage'),
+      errorMessage: get(site, 'config.comments.errorMessage'),
+      lang: lang,
     };
     <if(isEnabled && identityX.config.commentsEnabled())>
       <marko-web-browser-component name="IdentityXCommentStream" props=props />

package/components/comment-stream.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/comment-stream.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/comment-stream.marko",
     marko_component = require("./comment-stream.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -25,6 +25,8 @@ function render(input, out, __component, component, state) {
 
   const additionalEventData = defaultValue(input.additionalEventData, {});
 
+  const lang = input.lang || defaultValue(site.config.lang, "en");
+
   if (identityX) {
     marko_web_identity_x_context_tag({
         renderBody: function(out, { user, isEnabled, application }) {
@@ -50,6 +52,10 @@ function render(input, out, __component, component, state) {
       noCommentsMessage: get(site, 'config.comments.noCommentsMessage'),
       notSignedInMessage: get(site, 'config.comments.notSignedInMessage'),
       postACommentMessage: get(site, 'config.comments.postACommentMessage'),
+      postArchivedMessage: get(site, 'config.comments.postArchivedMessage'),
+      loadingCommentsMessage: get(site, 'config.comments.loadingCommentsMessage'),
+      errorMessage: get(site, 'config.comments.errorMessage'),
+      lang: lang,
     };
 
           if (isEnabled && identityX.config.commentsEnabled()) {
@@ -68,7 +74,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/comment-stream.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/comment-stream.marko",
     component: "./comment-stream.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/context.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/context.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/context.marko",
     marko_component = require("./context.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
@@ -44,7 +44,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/context.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/context.marko",
     component: "./context.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/components/form-access.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-access.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
     defaultValue = module_defaultValue.default || module_defaultValue,
@@ -107,7 +107,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-access.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko"
     ]

package/components/form-authenticate.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-authenticate.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-authenticate.marko",
     marko_component = require("./form-authenticate.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -68,7 +68,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-authenticate.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-authenticate.marko",
     component: "./form-authenticate.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-change-email.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-change-email.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-change-email.marko",
     marko_component = require("./form-change-email.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -59,7 +59,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-change-email.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-change-email.marko",
     component: "./form-change-email.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-login.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-login.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-login.marko",
     marko_component = require("./form-login.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -64,7 +64,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-login.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-login.marko",
     component: "./form-login.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-logout.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-logout.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-logout.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
     defaultValue = module_defaultValue.default || module_defaultValue,
@@ -29,7 +29,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-logout.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-logout.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko"
     ]

package/components/form-profile.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-profile.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-profile.marko",
     marko_component = require("./form-profile.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -73,7 +73,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-profile.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-profile.marko",
     component: "./form-profile.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-register.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/form-register.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/form-register.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_assign = require("marko/dist/runtime/helpers/assign"),
     marko_web_identity_x_form_login_template = require("./form-login.marko"),
@@ -25,7 +25,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/form-register.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/form-register.marko",
     tags: [
       "./form-login.marko"
     ]

package/components/identify.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/identify.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/identify.marko",
     marko_component = require("./identify.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -50,7 +50,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/identify.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/identify.marko",
     component: "./identify.marko",
     tags: [
       "@mindful-web/marko-web-gtm/components/push.marko",

package/components/marko.json

@@ -86,7 +86,8 @@
     "@description": "string",
     "@url": "string",
     "@load-more-button-class": "string",
-    "@login-button-labels": "object"
+    "@login-button-labels": "object",
+    "@lang": "string"
   },
   "<marko-web-identity-x-identify>": {
     "template": "./identify.marko",

package/components/non-auth-identify.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.3/components/non-auth-identify.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.19.5/components/non-auth-identify.marko",
     marko_component = require("./non-auth-identify.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
@@ -45,7 +45,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.19.3/components/non-auth-identify.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.19.5/components/non-auth-identify.marko",
     component: "./non-auth-identify.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindful-web/marko-web-identity-x",
-  "version": "1.19.3",
+  "version": "1.19.5",
   "description": "Marko Wrapper for IdentityX",
   "repository": "https://github.com/parameter1/mindful-web/tree/main/packages/marko-web-identity-x",
   "author": "Josh Worden <josh@parameter1.com>",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7311afdf8bb6cd10b97584b1bddbf5adfb6fcd7f"
+  "gitHead": "d9799caa881b2b34c69608a49107a216529665f8"
 }