@nyaruka/temba-components 0.90.0 → 0.91.2

package/.github/workflows/build.yml

@@ -7,11 +7,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Set Timezone
-        uses: szenius/set-timezone@v1.2
+        uses: szenius/set-timezone@v2.0
         with:
           timezoneLinux: "UTC"
       - name: Checkout (GitHub)
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - run: docker network create --driver bridge textit_default
       - name: Build and run dev container task
         uses: devcontainers/ci@v0.3
@@ -23,13 +23,13 @@ jobs:
 
       - name: Upload artifacts
         if: failure()
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: screenshots
           path: screenshots/
 
       - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         with:
           token: ${{secrets.CODECOV_TOKEN}}
           files: coverage/lcov.info

package/.github/workflows/publish.yml

@@ -11,7 +11,7 @@ jobs:
 
     steps:
       - name: Checkout (GitHub)
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - run: docker network create --driver bridge textit_default
       - name: Build and run dev container task
         uses: devcontainers/ci@v0.3

package/CHANGELOG.md

@@ -4,8 +4,25 @@ 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.91.2](https://github.com/nyaruka/temba-components/compare/v0.91.1...v0.91.2)
+
+- Fix for empty content [`#433`](https://github.com/nyaruka/temba-components/pull/433)
+- Bump github actions versions [`#432`](https://github.com/nyaruka/temba-components/pull/432)
+
+#### [v0.91.1](https://github.com/nyaruka/temba-components/compare/v0.91.0...v0.91.1)
+
+> 7 June 2024
+
+#### [v0.91.0](https://github.com/nyaruka/temba-components/compare/v0.90.0...v0.91.0)
+
+> 7 June 2024
+
+- Remove params from component spec [`#431`](https://github.com/nyaruka/temba-components/pull/431)
+
 #### [v0.90.0](https://github.com/nyaruka/temba-components/compare/v0.89.0...v0.90.0)
 
+> 7 June 2024
+
 - Add media picker, use for compose and templates [`#430`](https://github.com/nyaruka/temba-components/pull/430)
 - Fix drop acceptance [`f520af6`](https://github.com/nyaruka/temba-components/commit/f520af64ceaa2630833d36d36eac4e42c97204f1)
 - Make templates work for different content types [`58b7ed8`](https://github.com/nyaruka/temba-components/commit/58b7ed8a49d537055f946f3ed404aecd592d6db3)

package/dist/temba-components.js

@@ -7701,6 +7701,10 @@ background: #ccc;
         align-items: center;
       }
 
+      .button .content {
+        margin-bottom: 0;
+      }
+
       .button .display {
         margin-right: 0.5em;
         background: #f9f9f9;
@@ -7724,8 +7728,9 @@ background: #ccc;
         max-height: 50vh;
         overflow-y: auto;
         overflow-x: hidden;
+        padding-bottom: 0;
       }
-    `}firstUpdated(t){super.firstUpdated(t)}updated(t){super.updated(t)}handleTemplateChanged(t){const e=this.selectedTemplate;this.selectedTemplate=t.target.values[0];const[i,o]=this.lang.split("-");this.selectedTemplate?this.selectedTemplate.translations.forEach((t=>{if(t.locale===this.lang||!o&&t.locale.split("-")[0]===i){this.translation=t;const i=new Array((t.variables||[]).length).fill("");e||this.variables&&this.variables.forEach(((t,e)=>{i[e]=t})),this.variables=i}})):this.translation=null,this.fireCustomEvent(Me.ContextChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.variables})}handleAttachmentsChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));if(0===e.attachments.length)this.variables[i]="";else{const t=e.attachments[0];t.url&&t.content_type?this.variables[i]=`${t.content_type}:${t.url}`:this.variables[i]=""}this.fireContentChange()}handleVariableChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.variables[i]=e.value,this.fireContentChange()}fireContentChange(){this.fireCustomEvent(Me.ContentChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.variables})}renderVariables(t){var e;const i=new RegExp(`{{(${Object.keys(t.variables||[]).join("|")})}}`,"g");let o=null;const n=(null===(e=t.content)||void 0===e?void 0:e.split(i))||[];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
+    `}firstUpdated(t){super.firstUpdated(t)}updated(t){super.updated(t)}handleTemplateChanged(t){const e=this.selectedTemplate;this.selectedTemplate=t.target.values[0];const[i,o]=this.lang.split("-");this.selectedTemplate?this.selectedTemplate.translations.forEach((t=>{if(t.locale===this.lang||!o&&t.locale.split("-")[0]===i){this.translation=t;const i=new Array((t.variables||[]).length).fill("");e||this.variables&&this.variables.forEach(((t,e)=>{i[e]=t})),this.variables=i}})):this.translation=null,this.fireCustomEvent(Me.ContextChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.variables})}handleAttachmentsChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));if(0===e.attachments.length)this.variables[i]="";else{const t=e.attachments[0];t.url&&t.content_type?this.variables[i]=`${t.content_type}:${t.url}`:this.variables[i]=""}this.fireContentChange()}handleVariableChanged(t){const e=t.target,i=parseInt(e.getAttribute("index"));this.variables[i]=e.value,this.fireContentChange()}fireContentChange(){this.fireCustomEvent(Me.ContentChanged,{template:this.selectedTemplate,translation:this.translation,variables:this.variables})}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];return j`<temba-completion
           class="variable"
           type="text"
           value=${o<this.variables.length?this.variables[o]:null}
@@ -7733,24 +7738,24 @@ background: #ccc;
           name="${t.name}"
           index="${o}"
           placeholder="{{${e}}}"
-        ></temba-completion>`})):t.params.map((e=>{if("image"===e.type||"document"===e.type||"audio"===e.type||"video"===e.type){const i=Object.values(t.variables)[0];let o=[];if(this.variables[i]){const t=this.variables[i].split(":");o=[{url:t[1],content_type:t[0]}]}return j`<div
+        ></temba-completion>`})):Object.values(t.variables).map((t=>{const e=this.translation.variables[t];if("image"===e.type||"document"===e.type||"audio"===e.type||"video"===e.type){let i=[];if(this.variables[t]){const e=this.variables[t].split(":");i=[{url:e[1],content_type:e[0]}]}return j`<div
             style="
               display: flex; 
               align-items: center; 
               border-radius: var(--curvature);
-              ${0===o.length?"background-color:rgba(255,0,0,.07);":""}
+              ${0===i.length?"background-color:rgba(255,0,0,.07);":""}
             "
           >
             <temba-media-picker
               accept="${"document"===e.type?"application/pdf":e.type+"/*"}"
               max="1"
-              index=${i}
+              index=${t}
               icon="attachment_${e.type}"
-              attachments=${JSON.stringify(o)}
+              attachments=${JSON.stringify(i)}
               @change=${this.handleAttachmentsChanged.bind(this)}
             ></temba-media-picker>
             <div>
-              ${0==o.length?j`Attach ${e.type} to continue`:""}
+              ${0==i.length?j`Attach ${e.type} to continue`:""}
             </div>
           </div>`}})),j`<div class="content">${o}</div> `}renderComponents(t){const e=t.filter((t=>!t.type.startsWith("button/"))).map((t=>j`<div class="${t.name}">
             ${this.renderVariables(t)}