@nyaruka/temba-components 0.100.0 → 0.101.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.101.0](https://github.com/nyaruka/temba-components/compare/v0.100.0...v0.101.0)
+
+- Switch template field  initialization to updated() [`9701746`](https://github.com/nyaruka/temba-components/commit/97017460746df49432b630c803aa14d120da9004)
+
 #### [v0.100.0](https://github.com/nyaruka/temba-components/compare/v0.99.0...v0.100.0)
 
+> 17 July 2024
+
 - Template attachment variables [`#444`](https://github.com/nyaruka/temba-components/pull/444)
 - Allow text urls for template attachments [`7df73ad`](https://github.com/nyaruka/temba-components/commit/7df73ade272825fbd93a178d4b85a904c8cab359)
 - Show thumbnail based on the attachment type [`a5ee94e`](https://github.com/nyaruka/temba-components/commit/a5ee94e0a0bcc0c06a4edffc625aeaf41e718174)

package/dist/temba-components.js

@@ -7477,7 +7477,7 @@ background: #ccc;
         color: #777;
         margin-left: 0.25em;
       }
-    `}firstUpdated(t){super.firstUpdated(t),t.has("variables")&&this.variables&&(this.textInputAttachments={},this.currentVariables=this.variables.slice(),this.variables.length>0&&this.variables.forEach(((t,e)=>{const i=t.split(":");i.length>1&&-1===i[0].indexOf("/")&&(this.textInputAttachments[e]=!0)})))}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.textInputAttachments={}),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")),o=e.getAttribute("prefix")||"";let n=e.value;n&&(n=o+n),this.currentVariables[i]=n,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=[];t.content&&t.content.trim().length>0&&(n=(null===(e=t.content)||void 0===e?void 0:e.split(i))||[]);const s=this.currentVariables||[];return o=n.length>0?n.map(((e,i)=>{if(i%2==0)return j`<span class="text">${e}</span>`;const o=t.variables[e];return j`<temba-completion
+    `}updated(t){super.updated(t),t.has("template")&&(this.textInputAttachments={},this.currentVariables=this.variables,this.currentVariables.length>0&&this.currentVariables.forEach(((t,e)=>{const i=t.split(":");i.length>1&&-1===i[0].indexOf("/")&&(this.textInputAttachments[e]=!0)})))}handleTemplateChanged(t){const e=this.selectedTemplate;this.selectedTemplate=t.target.values[0],e&&(this.currentVariables=[],this.textInputAttachments={}),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")),o=e.getAttribute("prefix")||"";let n=e.value;n&&(n=o+n),this.currentVariables[i]=n,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=[];t.content&&t.content.trim().length>0&&(n=(null===(e=t.content)||void 0===e?void 0:e.split(i))||[]);const s=this.currentVariables||[];return o=n.length>0?n.map(((e,i)=>{if(i%2==0)return j`<span class="text">${e}</span>`;const o=t.variables[e];return j`<temba-completion
           class="variable"
           type="text"
           value=${o<s.length?s[o]:null}