@nyaruka/temba-components 0.97.0 → 0.98.0

package/CHANGELOG.md

@@ -4,8 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.98.0](https://github.com/nyaruka/temba-components/compare/v0.97.0...v0.98.0)
+
+- Use base_template instead of array [`#442`](https://github.com/nyaruka/temba-components/pull/442)
+
 #### [v0.97.0](https://github.com/nyaruka/temba-components/compare/v0.96.0...v0.97.0)
 
+> 11 July 2024
+
 - Make location fields have select box [`#441`](https://github.com/nyaruka/temba-components/pull/441)
 - Update select searching [`5d2b096`](https://github.com/nyaruka/temba-components/commit/5d2b09639eaf6aae37876a8b30f0e8d41c663cd9)
 

package/dist/temba-components.js

@@ -7366,7 +7366,7 @@ background: #ccc;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }
-  `,t([ge({type:String})],Kh.prototype,"email",void 0),t([ge({type:Number})],Kh.prototype,"scale",void 0),t([ge({type:Boolean})],Kh.prototype,"name",void 0),t([ge({type:Object,attribute:!1})],Kh.prototype,"user",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"background",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"initials",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"fullName",void 0);class Jh extends fe{constructor(){super(...arguments),this.lang="eng-US",this.pickersLoading={}}static get styles(){return r`
+  `,t([ge({type:String})],Kh.prototype,"email",void 0),t([ge({type:Number})],Kh.prototype,"scale",void 0),t([ge({type:Boolean})],Kh.prototype,"name",void 0),t([ge({type:Object,attribute:!1})],Kh.prototype,"user",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"background",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"initials",void 0),t([ge({type:String,attribute:!1})],Kh.prototype,"fullName",void 0);class Jh extends fe{constructor(){super(...arguments),this.pickersLoading={}}static get styles(){return r`
       .component {
         background: #fff;
         border: 1px solid var(--color-widget-border);
@@ -7472,7 +7472,7 @@ background: #ccc;
         overflow-x: hidden;
         padding-bottom: 0;
       }
-    `}firstUpdated(t){super.firstUpdated(t),t.has("variables")&&this.variables&&(this.currentVariables=this.variables.slice())}updated(t){super.updated(t),t.has("template")&&(this.currentVariables=this.variables)}handleTemplateChanged(t){const e=this.selectedTemplate;this.selectedTemplate=t.target.values[0],e&&(this.currentVariables=[]);const[i,o]=this.lang.split("-");this.selectedTemplate?(this.translation=this.selectedTemplate.translations.find((t=>t.locale===this.lang||!o&&t.locale.split("-")[0]===i)),this.translation?this.variables=new Array((this.translation.variables||[]).length).fill(""):this.variables=[]):(this.translation=null,this.variables=[]),this.fireCustomEvent(Le.ContextChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.currentVariables})}handleAttachmentLoading(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.pickersLoading[i]=t.detail.loading,this.requestUpdate()}handleAttachmentsChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));if(0===e.attachments.length)this.currentVariables[i]="";else{const t=e.attachments[0];t.url&&t.content_type?this.currentVariables[i]=`${t.content_type}:${t.url}`:this.currentVariables[i]=""}this.fireContentChange(),this.requestUpdate("currentVariables")}handleVariableChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.currentVariables[i]=e.value,this.fireContentChange()}fireContentChange(){this.fireCustomEvent(Le.ContentChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.currentVariables})}renderVariables(t){var e;const i=new RegExp(`{{(${Object.keys(t.variables||[]).join("|")})}}`,"g");let o=null,n=[];return t.content&&t.content.trim().length>0&&(n=(null===(e=t.content)||void 0===e?void 0:e.split(i))||[]),o=n.length>0?n.map(((e,i)=>{if(i%2==0)return j`<span class="text">${e}</span>`;const o=t.variables[e],n=this.currentVariables||[];return j`<temba-completion
+    `}firstUpdated(t){super.firstUpdated(t),t.has("variables")&&this.variables&&(this.currentVariables=this.variables.slice())}updated(t){super.updated(t),t.has("template")&&(this.currentVariables=this.variables)}handleTemplateChanged(t){const e=this.selectedTemplate;this.selectedTemplate=t.target.values[0],e&&(this.currentVariables=[]),this.selectedTemplate?(this.translation=this.selectedTemplate.base_translation,this.translation?this.variables=new Array((this.translation.variables||[]).length).fill(""):this.variables=[]):(this.translation=null,this.variables=[]),this.fireCustomEvent(Le.ContextChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.currentVariables})}handleAttachmentLoading(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.pickersLoading[i]=t.detail.loading,this.requestUpdate()}handleAttachmentsChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));if(0===e.attachments.length)this.currentVariables[i]="";else{const t=e.attachments[0];t.url&&t.content_type?this.currentVariables[i]=`${t.content_type}:${t.url}`:this.currentVariables[i]=""}this.fireContentChange(),this.requestUpdate("currentVariables")}handleVariableChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.currentVariables[i]=e.value,this.fireContentChange()}fireContentChange(){this.fireCustomEvent(Le.ContentChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.currentVariables})}renderVariables(t){var e;const i=new RegExp(`{{(${Object.keys(t.variables||[]).join("|")})}}`,"g");let o=null,n=[];return t.content&&t.content.trim().length>0&&(n=(null===(e=t.content)||void 0===e?void 0:e.split(i))||[]),o=n.length>0?n.map(((e,i)=>{if(i%2==0)return j`<span class="text">${e}</span>`;const o=t.variables[e],n=this.currentVariables||[];return j`<temba-completion
           class="variable"
           type="text"
           value=${o<n.length?n[o]:null}
@@ -7519,7 +7519,7 @@ background: #ccc;
       <div class="button-header">Template Buttons</div>
       <div class="buttons">${e}</div>
     </div>`}render(){let t=null;return this.translation?t=this.renderComponents(this.translation.components):this.selectedTemplate&&(t=j`<div class="error-message">
-        No approved translation was found for current language.
+        This template currently has no approved translations.
       </div>`),j`
       <div>
         <temba-select
@@ -7538,7 +7538,7 @@ background: #ccc;
         </temba-select>
         ${t?j` <div class="template">${t}</div>`:null}
       </div>
-    `}}Jh.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},t([ge({type:String})],Jh.prototype,"url",void 0),t([ge({type:String})],Jh.prototype,"template",void 0),t([ge({type:Object})],Jh.prototype,"selectedTemplate",void 0),t([ge({type:String})],Jh.prototype,"lang",void 0),t([ge({type:Array})],Jh.prototype,"variables",void 0),t([ge({type:Array})],Jh.prototype,"currentVariables",void 0),t([ge({type:Object,attribute:!1})],Jh.prototype,"translation",void 0),t([ge({type:Boolean})],Jh.prototype,"translating",void 0);
+    `}}Jh.shadowRootOptions={...lt.shadowRootOptions,delegatesFocus:!0},t([ge({type:String})],Jh.prototype,"url",void 0),t([ge({type:String})],Jh.prototype,"template",void 0),t([ge({type:Object})],Jh.prototype,"selectedTemplate",void 0),t([ge({type:Array})],Jh.prototype,"variables",void 0),t([ge({type:Array})],Jh.prototype,"currentVariables",void 0),t([ge({type:Object,attribute:!1})],Jh.prototype,"translation",void 0),t([ge({type:Boolean})],Jh.prototype,"translating",void 0);
 /**
      * @license
      * Copyright 2020 Google LLC