@nyaruka/temba-components 0.94.0 → 0.94.2

package/CHANGELOG.md

@@ -4,8 +4,20 @@ 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.94.2](https://github.com/nyaruka/temba-components/compare/v0.94.1...v0.94.2)
+
+- Fix init exclusions for contact search [`#438`](https://github.com/nyaruka/temba-components/pull/438)
+
+#### [v0.94.1](https://github.com/nyaruka/temba-components/compare/v0.94.0...v0.94.1)
+
+> 26 June 2024
+
+- Don't show contact filter menu with no options [`1ced446`](https://github.com/nyaruka/temba-components/commit/1ced446f385c0cf4f5ccf864bfd4019c77ddd3cb)
+
 #### [v0.94.0](https://github.com/nyaruka/temba-components/compare/v0.93.3...v0.94.0)
 
+> 25 June 2024
+
 - Improvements to contact search [`#437`](https://github.com/nyaruka/temba-components/pull/437)
 - Show contact search exclusions as filters [`98cf90e`](https://github.com/nyaruka/temba-components/commit/98cf90e74a5ca4017998c52284251ddf07268b4a)
 - Allow filter by various activity levels [`8928b7b`](https://github.com/nyaruka/temba-components/commit/8928b7bf3bd018fa53ec1a9c3e4f8b551d4289d6)

package/dist/temba-components.js

@@ -2762,7 +2762,7 @@ let ir=Is,or=!1;const nr=["es","fr","pt"],{setLocale:sr}=(t=>(function(t){if(or)
         border: 1px solid var(--color-borders);
         border-radius: var(--curvature);
       }
-    `}refresh(){this.refreshKey="requested_"+(new Date).getTime()}updated(t){super.updated(t),t.has("advanced")&&this.advanced||(t.has("in_a_flow")&&!this.in_a_flow&&(delete this.exclusions.in_a_flow,this.requestUpdate("exclusions")),(t.has("query")&&this.advanced||t.has("refreshKey")&&"0"!==this.refreshKey)&&(this.summary=null,this.fireCustomEvent(Oe.ContentChanged,{reset:!0}),this.lastQuery&&(window.clearTimeout(this.lastQuery),this.fetching=!1),(this.query.trim().length>0||this.recipients.length>0)&&(this.fetching=!0,this.lastQuery=window.setTimeout((()=>{this.fetchSummary()}),2e3))))}fetchSummary(){if(this.endpoint){const t=this.recipients.filter((t=>"group"===t.type)).map((t=>t.id)),e=this.recipients.filter((t=>"contact"===t.type)).map((t=>t.id));Kt(this.endpoint,{include:this.advanced?{query:this.query}:{contact_uuids:e,group_uuids:t},exclude:this.exclusions}).then((t=>{this.fetching=!1,200===t.status?(this.summary=t.json,this.advanced||(this.query=this.summary.query),this.setValue({advanced:this.advanced,query:this.query,exclusions:this.exclusions,recipients:this.recipients}),this.summary.error?this.errors=[this.summary.error]:this.errors=[],this.requestUpdate("errors"),this.fireCustomEvent(Oe.ContentChanged,this.summary)):(this.summary=t.json,this.summary.error&&(this.errors=[this.summary.error]),this.requestUpdate("errors"),this.fireCustomEvent(Oe.ContentChanged,this.summary))}))}}handleAdvancedToggle(t){re(t),this.recipients=[],this.exclusions={},this.advanced&&(this.query="",this.value=null),this.advanced=!this.advanced,this.setValue({advanced:this.advanced,query:this.query,exclusions:this.exclusions,recipients:this.recipients})}handleQueryChange(t){const e=t.target;this.query=e.inputElement.value}handleRecipientsChanged(){"0"!==this.refreshKey||this.initialized?this.refresh():this.initialized=!0}handleActivityLevelChanged(t){const e=t.target.values[0];e&&this.exclusions.not_seen_since_days&&(this.exclusions.not_seen_since_days=parseInt(e.value),this.refresh())}handleActivityLabelClicked(t){if(t.target&&"TEMBA-CHECKBOX"!==t.target.tagName&&"TEMBA-SELECT"!==t.target.tagName&&!t.target.disabled){const e=t.currentTarget.querySelector("temba-checkbox");e.checked=!e.checked}}handleExclusionChanged(t){if("TEMBA-CHECKBOX"===t.target.tagName){const e=JSON.stringify(this.exclusions),i=t.target;let o=i.checked;if("not_seen_since_days"===i.name&&o){const t=i.parentElement.querySelector("temba-select");t.values[0]&&(o=parseInt(t.values[0].value))}o?this.exclusions[i.name]=o:delete this.exclusions[i.name],e!==JSON.stringify(this.exclusions)&&this.refresh()}}render(){let t;if(this.summary&&!this.summary.error){const e=this.summary.total||0;t=j`
+    `}refresh(){this.refreshKey="requested_"+(new Date).getTime()}updated(t){super.updated(t),t.has("advanced")&&this.advanced||(t.has("in_a_flow")&&!this.in_a_flow&&(delete this.exclusions.in_a_flow,this.requestUpdate("exclusions")),(t.has("query")&&this.advanced||t.has("refreshKey")&&"0"!==this.refreshKey)&&(this.summary=null,this.fireCustomEvent(Oe.ContentChanged,{reset:!0}),this.lastQuery&&(window.clearTimeout(this.lastQuery),this.fetching=!1),(this.query.trim().length>0||this.recipients.length>0)&&(this.fetching=!0,this.lastQuery=window.setTimeout((()=>{this.fetchSummary()}),2e3))))}fetchSummary(){if(this.endpoint){const t=this.recipients.filter((t=>"group"===t.type)).map((t=>t.id)),e=this.recipients.filter((t=>"contact"===t.type)).map((t=>t.id));if(0===t.length&&0===e.length)return this.summary&&(this.summary.total=0),void(this.fetching=!1);Kt(this.endpoint,{include:this.advanced?{query:this.query}:{contact_uuids:e,group_uuids:t},exclude:this.exclusions}).then((t=>{this.fetching=!1,this.initialized=!0,200===t.status?(this.summary=t.json,this.advanced||(this.query=this.summary.query),this.setValue({advanced:this.advanced,query:this.query,exclusions:this.exclusions,recipients:this.recipients}),this.summary.error?this.errors=[this.summary.error]:this.errors=[],this.requestUpdate("errors"),this.fireCustomEvent(Oe.ContentChanged,this.summary)):(this.summary=t.json,this.summary.error&&(this.errors=[this.summary.error]),this.requestUpdate("errors"),this.fireCustomEvent(Oe.ContentChanged,this.summary))}))}}handleAdvancedToggle(t){re(t),this.recipients=[],this.exclusions={},this.advanced&&(this.query="",this.value=null),this.advanced=!this.advanced,this.setValue({advanced:this.advanced,query:this.query,exclusions:this.exclusions,recipients:this.recipients})}handleQueryChange(t){const e=t.target;this.query=e.inputElement.value}handleRecipientsChanged(){"0"!==this.refreshKey||this.initialized?this.refresh():this.initialized=!0}handleActivityLevelChanged(t){const e=t.target.values[0];e&&this.exclusions.not_seen_since_days&&(this.exclusions.not_seen_since_days=parseInt(e.value),this.refresh())}handleActivityLabelClicked(t){if(t.target&&"TEMBA-CHECKBOX"!==t.target.tagName&&"TEMBA-SELECT"!==t.target.tagName&&!t.target.disabled){const e=t.currentTarget.querySelector("temba-checkbox");e.checked=!e.checked}}handleExclusionChanged(t){if("TEMBA-CHECKBOX"===t.target.tagName){const e=JSON.stringify(this.exclusions),i=t.target;let o=i.checked;if("not_seen_since_days"===i.name&&o){const t=i.parentElement.querySelector("temba-select");o=t.values[0]?parseInt(t.values[0].value):this.exclusions[i.name]}o?this.exclusions[i.name]=o:delete this.exclusions[i.name],e!==JSON.stringify(this.exclusions)&&this.refresh()}}render(){let t;if(this.summary&&!this.summary.error){const e=this.summary.total||0;t=j`
           <div class="result-count">
             Found
             <a
@@ -2795,7 +2795,7 @@ let ir=Is,or=!1;const nr=["es","fr","pt"],{setLocale:sr}=(t=>(function(t){if(or)
               </div>
             </div>
           </temba-button>
-        `}return this.summary&&this.summary.blockers&&this.summary.blockers.length>0?j`${this.summary.blockers.map((t=>j`<temba-alert level="error">${pr(t)}</temba-alert>`))}`:j`
+        `}const e=this.exclusions.not_seen_since_days;return this.summary&&this.summary.blockers&&this.summary.blockers.length>0?j`${this.summary.blockers.map((t=>j`<temba-alert level="error">${pr(t)}</temba-alert>`))}`:j`
       ${this.advanced?j`<div class="query">
               <temba-textinput
                 .label=${this.label}
@@ -2827,71 +2827,80 @@ let ir=Is,or=!1;const nr=["es","fr","pt"],{setLocale:sr}=(t=>(function(t){if(or)
               >
               </temba-omnibox>
 
-              <div class="filters">
-                <div style="display:flex;font-size:1em;margin-bottom:0.5em">
-                  <temba-icon size="1" name="filter"></temba-icon>
-                  <div style="margin-left:0.5em">
-                    Only include contacts who...
-                  </div>
-                </div>
-
-                ${this.not_seen_since_days?j`
+              ${this.not_seen_since_days||this.in_a_flow||this.started_previously?j`
+                    <div class="filters">
                       <div
-                        class="activity-select"
-                        @click=${this.handleActivityLabelClicked}
+                        style="display:flex;font-size:1em;margin-bottom:0.5em"
                       >
-                        <temba-checkbox
-                          style="display:inline;"
-                          name="not_seen_since_days"
-                          @change=${this.handleExclusionChanged}
-                        >
-                        </temba-checkbox>
-
+                        <temba-icon size="1" name="filter"></temba-icon>
                         <div style="margin-left:0.5em">
-                          ${ir("Have sent a message in the last")}
+                          Only include contacts who...
                         </div>
-
-                        <temba-select
-                          style="margin-left:0.5em"
-                          class="small-select"
-                          @change=${this.handleActivityLevelChanged}
-                          ?disabled=${!this.exclusions.not_seen_since_days}
-                        >
-                          <temba-option
-                            name="90 days"
-                            value="90"
-                          ></temba-option>
-                          <temba-option
-                            name="180 days"
-                            value="180"
-                          ></temba-option>
-                          <temba-option name="Year" value="365"></temba-option>
-                        </temba-select>
-                        <div></div>
                       </div>
-                    `:null}
-                ${this.in_a_flow?j`<temba-checkbox
-                      name="in_a_flow"
-                      label="${ir("Are not currently in a flow")}"
-                      ?checked=${this.exclusions.in_a_flow}
-                      @change=${this.handleExclusionChanged}
-                    ></temba-checkbox>`:null}
-                ${this.started_previously?j`<temba-checkbox
-                      name="started_previously"
-                      label="${ir("Have not started this flow in the last 90 days")}"
-                      ?checked=${this.exclusions.started_previously}
-                      @change=${this.handleExclusionChanged}
-                    ></temba-checkbox>`:null}
-              </div>`}
-              </div>
 
+                      ${this.not_seen_since_days?j`
+                            <div
+                              class="activity-select"
+                              @click=${this.handleActivityLabelClicked}
+                            >
+                              <temba-checkbox
+                                style="display:inline;"
+                                name="not_seen_since_days"
+                                ?checked=${e}
+                                @change=${this.handleExclusionChanged}
+                              >
+                              </temba-checkbox>
+
+                              <div style="margin-left:0.5em">
+                                ${ir("Have sent a message in the last")}
+                              </div>
+
+                              <temba-select
+                                style="margin-left:0.5em"
+                                class="small-select"
+                                @change=${this.handleActivityLevelChanged}
+                                ?disabled=${!e}
+                              >
+                                <temba-option
+                                  name="90 days"
+                                  value="90"
+                                  ?selected=${90===e}
+                                ></temba-option>
+                                <temba-option
+                                  name="180 days"
+                                  value="180"
+                                  ?selected=${180===e}
+                                ></temba-option>
+                                <temba-option
+                                  name="Year"
+                                  value="365"
+                                  ?selected=${365===e}
+                                ></temba-option>
+                              </temba-select>
+                              <div></div>
+                            </div>
+                          `:null}
+                      ${this.in_a_flow?j`<temba-checkbox
+                            name="in_a_flow"
+                            label="${ir("Are not currently in a flow")}"
+                            ?checked=${this.exclusions.in_a_flow}
+                            @change=${this.handleExclusionChanged}
+                          ></temba-checkbox>`:null}
+                      ${this.started_previously?j`<temba-checkbox
+                            name="started_previously"
+                            label="${ir("Have not started this flow in the last 90 days")}"
+                            ?checked=${this.exclusions.started_previously}
+                            @change=${this.handleExclusionChanged}
+                          ></temba-checkbox>`:null}
+                    </div>
+                  `:null} `}
+              </div>
       <div
         class="results ${Vt({fetching:this.fetching,initialized:this.initialized||this.fetching,empty:(this.summary&&this.summary.error||!this.summary)&&!this.fetching})}"
       >
         <temba-loading units="6" size="8"></temba-loading>
         <div class="summary ${this.expanded?"expanded":""}">${t}</div>
       </div>
-
       ${this.summary&&this.summary.warnings?this.summary.warnings.map((t=>j`<temba-alert level="warning"
                   >${pr(t)}</temba-alert
                 >`)):""}