@things-factory/reference-app 6.0.27 → 6.0.28

package/dist-client/3734.js

@@ -0,0 +1,2 @@
+/*! For license information please see 3734.js.LICENSE.txt */
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3734],{73734:(n,e,i)=>{i.r(e);var t,r,o,a,d,s,l,c,u,p,v,f=i(171),h=i(28362),b=i.n(h),g=i(16682),m=i(94430),y=i(56765),x=i(16156),_=i(28120),k=i(27805),w=i(77675),$=i(36179),A=i(51266);function T(n,e,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,r)}function C(n){return function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){T(o,t,r,a,d,"next",n)}function d(n){T(o,t,r,a,d,"throw",n)}a(void 0)}))}}function P(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var j=class extends((0,_.$)(w.h)(w.B4)){get context(){return{title:{icon:"link",text:this.appbinding.name}}}render(){var n,e,i,c=this.appbinding||{},u=(null===(n=this.appbinding)||void 0===n?void 0:n.application)||{},p=null===(e=this._refreshTokenInfo)||void 0===e?void 0:e.exp,v=null===(i=this._accessTokenInfo)||void 0===i?void 0:i.exp;return(0,m.dy)(t||(t=P(["\n      <div>\n        <h2><mwc-icon>link</mwc-icon>&nbsp;","</h2>\n        <p page-description>","</p>\n      </div>\n\n      ",'\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>application</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="app-name">app name</label>\n                <input id="app-name" type="text" .value=',' readonly />\n              </div>\n\n              <div field grid-span>\n                <label for="app-description">description</label>\n                <input id="app-description" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="contact-email">contact email</label>\n                <input id="contact-email" type="text" .value=',' readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="id">id</label>\n                <input id="id" type="text" .value=',' readonly />\n              </div>\n\n              <div field grid-span>\n                <label for="name">name</label>\n                <input id="name" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="status">status</label>\n                <input id="status" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="scope">scope</label>\n                <input id="scope" type="text" .value=',' readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding credential</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="access-token">access token</label>\n                <input id="access-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n                ",'\n              </div>\n\n              <div field grid-span>\n                <label for="refresh-token">refresh token</label>\n                <input id="refresh-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n                ","\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <button @click=",">delete this application binding</button>\n        <button @click=",">renew access token</button>\n      </form>\n    "])),u.name,u.description,u.icon?(0,m.dy)(r||(r=P(["\n            <div icon>\n              <img src="," />\n            </div>\n          "])),u.icon):(0,m.dy)(o||(o=P([""]))),u.name,u.description,u.email,c.id,c.email,c.status,c.scope,this.accessToken||"",(n=>n.preventDefault()),v?(0,m.dy)(a||(a=P(["<div input-hint>\n                      expired in "," :\n                      ","\n                    </div>"])),new Date(v).toLocaleString(),(0,x.E)(this.expTimer(v))):(0,m.dy)(d||(d=P([""]))),c.refreshToken||"",(n=>n.preventDefault()),p?(0,m.dy)(s||(s=P(["<div input-hint>\n                      expired in "," :\n                      ","\n                    </div>"])),new Date(p).toLocaleString(),(0,x.E)(this.expTimer(p))):(0,m.dy)(l||(l=P([""]))),this.deleteAppBinding.bind(this),this.renewApplicationAccessToken.bind(this))}expTimer(n){return(0,f.FC)(this,arguments,(function*(){for(;this.active;){var e=Math.floor(Number(n)-Date.now()/1e3),i=Math.floor(e/86400);e-=86400*i;var t=Math.floor(e/3600);e-=3600*t;var r=Math.floor(e/60),o=e-60*r;yield yield(0,f.qq)("".concat(i," days ").concat(t," hours ").concat(r," mins ").concat(o," seconds remain")),yield(0,f.qq)((0,$._v)(1e3))}}))}firstUpdated(){var n=this.renderRoot.querySelectorAll("[clipboard-copy]");this.clipboard=new(b())(n,{target:n=>n.parentElement.querySelector("input")})}updated(n){if(n.has("appbinding")){var{refreshToken:e}=this.appbinding||{};this._refreshTokenInfo=e?(0,$.aj)(e):{}}n.has("accessToken")&&(this._accessTokenInfo=this.accessToken?(0,$.aj)(this.accessToken):{})}pageUpdated(n,e,i){var t=this;return C((function*(){t.active&&(yield t.fetchAppBinding())}))()}fetchAppBinding(){var n=this;return C((function*(){var e=yield k.Lp.query({query:(0,g.ZP)(c||(c=P(["\n        query ($id: String!) {\n          appBinding(id: $id) {\n            id\n            name\n            description\n            email\n            scope\n            status\n            application {\n              id\n              name\n              description\n              email\n              icon\n            }\n            refreshToken\n          }\n        }\n      "]))),variables:{id:n.lifecycle.resourceId}});n.appbinding=e.data.appBinding}))()}deleteAppBinding(n){var e=this;return C((function*(){n.preventDefault();var i=e.lifecycle.resourceId;(yield k.Lp.mutate({mutation:(0,g.ZP)(u||(u=P(["\n        mutation ($id: String!) {\n          deleteAppBinding(id: $id)\n        }\n      "]))),variables:{id:i}})).data.deleteAppBinding?(A.log("delete sucess"),(0,w.c4)("app-bindings")):A.error("delete fail")}))()}renewApplicationAccessToken(n){var e=this;return C((function*(){n.preventDefault();var i=e.lifecycle.resourceId,t=yield k.Lp.mutate({mutation:(0,g.ZP)(p||(p=P(["\n        mutation ($id: String!) {\n          renewApplicationAccessToken(id: $id) {\n            accessToken\n            refreshToken\n          }\n        }\n      "]))),variables:{id:i}});if(t.errors)A.error("renew application access token fail");else{var{accessToken:r,refreshToken:o}=t.data.renewApplicationAccessToken;e.accessToken=r,e.appbinding=Object.assign(Object.assign({},e.appbinding),{refreshToken:o})}}))()}};j.styles=[(0,m.iv)(v||(v=P(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        position: relative;\n\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n      [icon] {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n\n        max-width: 80px;\n      }\n      [icon] img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      select:focus,\n      input:focus,\n      button {\n        outline: none;\n      }\n      form {\n        max-width: var(--content-container-max-width);\n      }\n      [fieldset-container] {\n        background-color: var(--theme-white-color);\n        margin: var(--margin-wide) 0 var(--margin-default) 0;\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n      }\n      [fieldset-container] fieldset {\n        margin: 0;\n        margin-top: -15px;\n      }\n      fieldset {\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n        margin: var(--fieldset-margin);\n        padding: var(--fieldset-padding);\n      }\n      legend {\n        padding: var(--legend-padding);\n        font-weight: bold;\n        color: var(--legend-color);\n      }\n      [field-2column] {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n      }\n      [grid-span] {\n        grid-column: span 2;\n      }\n      button,\n      [button-in-field] {\n        background-color: var(--button-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        padding: var(--button-padding);\n        color: var(--button-color);\n        font: var(--button-font);\n        text-transform: var(--button-text-transform);\n\n        margin: var(--margin-default) 0 var(--margin-default) var(--margin-default);\n        float: right;\n        text-decoration: none;\n      }\n      button:hover {\n        border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n      }\n      [button-in-field] {\n        border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n        position: absolute;\n        top: 11px;\n        right: 0;\n        max-height: 36px;\n      }\n      [input-hint] {\n        font: var(--input-hint-font);\n        color: var(--input-hint-color);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,f.gn)([(0,y.Cb)({type:Object}),(0,f.w6)("design:type",Object)],j.prototype,"appbinding",void 0),(0,f.gn)([(0,y.Cb)({type:String}),(0,f.w6)("design:type",String)],j.prototype,"accessToken",void 0),(0,f.gn)([(0,y.SB)(),(0,f.w6)("design:type",Object)],j.prototype,"_refreshTokenInfo",void 0),(0,f.gn)([(0,y.SB)(),(0,f.w6)("design:type",Object)],j.prototype,"_accessTokenInfo",void 0),j=(0,f.gn)([(0,y.Mo)("app-binding-page")],j)},16156:(n,e,i)=>{i.d(e,{E:()=>y});var t=i(28773),r=i(7867),o=i(62987),a=(n,e)=>{var i,t,r=n._$AN;if(void 0===r)return!1;for(var o of r)null===(t=(i=o)._$AO)||void 0===t||t.call(i,e,!1),a(o,e);return!0},d=n=>{var e,i;do{if(void 0===(e=n._$AM))break;(i=e._$AN).delete(n),n=e}while(0===(null==i?void 0:i.size))},s=n=>{for(var e;e=n._$AM;n=e){var i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(n))break;i.add(n),u(e)}};function l(n){void 0!==this._$AN?(d(this),this._$AM=n,s(this)):this._$AM=n}function c(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,t=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(t))for(var o=i;o<t.length;o++)a(t[o],!1),d(t[o]);else null!=t&&(a(t,!1),d(t));else a(this,n)}var u=n=>{var e,i,t,r;n.type==o.pX.CHILD&&(null!==(e=(t=n)._$AP)&&void 0!==e||(t._$AP=c),null!==(i=(r=n)._$AQ)&&void 0!==i||(r._$AQ=l))};class p extends o.Xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(n,e,i){super._$AT(n,e,i),s(this),this.isConnected=n._$AU}_$AO(n){var e,i,t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];n!==this.isConnected&&(this.isConnected=n,n?null===(e=this.reconnected)||void 0===e||e.call(this):null===(i=this.disconnected)||void 0===i||i.call(this)),t&&(a(this,n),d(this))}setValue(n){if((0,r.OR)(this._$Ct))this._$Ct._$AI(n,this);else{var e=[...this._$Ct._$AH];e[this._$Ci]=n,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}function v(n,e,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,r)}function f(n){function e(n){if(Object(n)!==n)return Promise.reject(new TypeError(n+" is not an object."));var e=n.done;return Promise.resolve(n.value).then((function(n){return{value:n,done:e}}))}return f=function(n){this.s=n,this.n=n.next},f.prototype={s:null,n:null,next:function(){return e(this.n.apply(this.s,arguments))},return:function(n){var i=this.s.return;return void 0===i?Promise.resolve({value:n,done:!0}):e(i.apply(this.s,arguments))},throw:function(n){var i=this.s.return;return void 0===i?Promise.reject(n):e(i.apply(this.s,arguments))}},new f(n)}var h=function(){var n,e=(n=function*(n,e){var i,t=!1,r=!1;try{for(var o,a=function(n){var e,i,t,r=2;for("undefined"!=typeof Symbol&&(i=Symbol.asyncIterator,t=Symbol.iterator);r--;){if(i&&null!=(e=n[i]))return e.call(n);if(t&&null!=(e=n[t]))return new f(e.call(n));i="@@asyncIterator",t="@@iterator"}throw new TypeError("Object is not async iterable")}(n);t=!(o=yield a.next()).done;t=!1){var d=o.value;if(!1===(yield e(d)))return}}catch(n){r=!0,i=n}finally{try{t&&null!=a.return&&(yield a.return())}finally{if(r)throw i}}},function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){v(o,t,r,a,d,"next",n)}function d(n){v(o,t,r,a,d,"throw",n)}a(void 0)}))});return function(n,i){return e.apply(this,arguments)}}();class b{constructor(n){this.Y=n}disconnect(){this.Y=void 0}reconnect(n){this.Y=n}deref(){return this.Y}}class g{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){var n;null!==(n=this.Z)&&void 0!==n||(this.Z=new Promise((n=>this.q=n)))}resume(){var n;null===(n=this.q)||void 0===n||n.call(this),this.Z=this.q=void 0}}function m(n,e,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,r)}var y=(0,o.XM)(class extends p{constructor(){super(...arguments),this._$CK=new b(this),this._$CX=new g}render(n,e){return t.Jb}update(n,e){var[i,r]=e;if(this.isConnected||this.disconnected(),i!==this._$CJ){this._$CJ=i;var o=0,{_$CK:a,_$CX:d}=this;return h(i,function(){var n,e=(n=function*(n){for(;d.get();)yield d.get();var e=a.deref();if(void 0!==e){if(e._$CJ!==i)return!1;void 0!==r&&(n=r(n,o)),e.commitValue(n,o),o++}return!0},function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){m(o,t,r,a,d,"next",n)}function d(n){m(o,t,r,a,d,"throw",n)}a(void 0)}))});return function(n){return e.apply(this,arguments)}}()),t.Jb}}commitValue(n,e){this.setValue(n)}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}})}}]);

package/dist-client/3734.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist-client/3746.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3746],{83746:(e,n,t)=>{t.r(n);var r,o,i=t(171),a=(t(77566),t(94430)),s=t(56765),d=t(53421);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var l=class extends a.oi{render(){var e=this.partner||{};return(0,a.dy)(r||(r=c(['\n      <div id="vendors">\n        <div field-2column>\n          <div field>\n            <label\n              >','\n              <input type="text" name="name" readonly .value='," />\n            </label>\n          </div>\n\n          <div field>\n            <label\n              >",'\n              <input type="text" name="description" readonly .value='," />\n            </label>\n          </div>\n        </div>\n      </div>\n    "])),d.z2.t("label.name"),e.name||"",d.z2.t("label.description"),e.description||"")}};l.styles=[(0,a.iv)(o||(o=c(["\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        background-color: transparent;\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      #vendors {\n        display: flex;\n        max-height: 45vh;\n        flex-direction: row;\n        background-color: var(--theme-white-color);\n        margin: 0;\n        padding: 0;\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n        overflow: hidden;\n      }\n      [field-2column] {\n        overflow: auto;\n        flex: 1;\n        background-color: var(--theme-white-color);\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 5px 15px;\n        clear: both;\n        max-width: var(--input-container-max-width);\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        padding-bottom: var(--padding-default);\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Object}),(0,i.w6)("design:type",Object)],l.prototype,"partner",void 0),l=(0,i.gn)([(0,s.Mo)("partner-info-card")],l),t(77198),t(49422);var u,m,v,p,f,g=t(16682),y=t(27805),b=t(39424),h=t(19323);function x(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function w(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){x(i,r,o,a,s,"next",e)}function s(e){x(i,r,o,a,s,"throw",e)}a(void 0)}))}}function z(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var C,_,I,P=class extends((0,d.NC)(d.z2)(a.oi)){constructor(){super(...arguments),this.roles=[],this.grantingRoles=[]}render(){var e=this.roles||[],n=this.grantingRoles||[];return(0,a.dy)(u||(u=z(['\n      <role-selector .roles="','" .userRoles="','"></role-selector>\n\n      <div buttons>\n        <mwc-button @click=',' raised label="','"></mwc-button>\n        <mwc-button\n          @click=','\n          raised\n          danger\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),e,n,this.onSave,d.z2.t("button.save"),this.onTerminateContract,d.z2.t("button.terminate contract"))}updated(e){e.has("customer")&&this.refreshRoles()}refreshRoles(){var e=this;return w((function*(){var n,t=yield y.Lp.query({query:(0,g.ZP)(m||(m=z(["\n        query roles($customerId: String!) {\n          roles {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n          grantingRoles(customerId: $customerId) {\n            id\n            role {\n              id\n              name\n              description\n            }\n          }\n        }\n      "]))),variables:{customerId:e.customer.id},context:(0,y.Bn)()});(null===(n=t.errors)||void 0===n?void 0:n.length)?(e.roles=[],e.grantingRoles=[]):(e.roles=t.data.roles.items,e.grantingRoles=t.data.grantingRoles.map((e=>e.role)))}))()}onSave(){var e=this;return w((function*(){var n,t=e.roleSelector.selectedRoles();(null===(n=(yield y.Lp.mutate({mutation:(0,g.ZP)(v||(v=z(["\n        mutation grantRoles($customerId: String!, $roles: [RolePatch!]!) {\n          grantRoles(customerId: $customerId, roles: $roles)\n        }\n      "]))),variables:{customerId:e.customer.id,roles:t},context:(0,y.Bn)()})).errors)||void 0===n?void 0:n.length)||e.showToast(d.z2.t("text.data_updated_successfully"))}))()}onTerminateContract(){var e=this;return w((function*(){var n;(yield(0,b.ID)({title:d.z2.t("text.are_you_sure"),text:d.z2.t("text.are_you_sure_to_terminate_contract"),confirmButton:{text:d.z2.t("button.terminate contract")},cancelButton:{text:d.z2.t("button.cancel")}})).value&&((null===(n=(yield y.Lp.mutate({mutation:(0,g.ZP)(p||(p=z(["\n        mutation terminateContract($partnerName: String!) {\n          terminateContract(partnerName: $partnerName)\n        }\n      "]))),variables:{partnerName:e.customer.name},context:(0,y.Bn)()})).errors)||void 0===n?void 0:n.length)||e.dispatchEvent(new CustomEvent("contractTerminated"))&&(yield(0,b.ID)({type:"success",title:d.z2.t("text.completed"),confirmButton:{text:d.z2.t("button.confirm")}})))}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}};function O(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function k(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}P.styles=[(0,a.iv)(f||(f=z(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        border: 1px solid var(--primary-color);\n        padding: var(--padding-default);\n        font: normal 15px var(--theme-font);\n        color: var(--secondary-color);\n      }\n      [buttons] {\n        margin: 0;\n        padding: var(--padding-default);\n        background-color: rgba(var(--primary-color-rgb), 0.2);\n      }\n      mwc-button {\n        margin-right: var(--padding-narrow);\n      }\n      [danger] {\n        --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Object}),(0,i.w6)("design:type",Object)],P.prototype,"customer",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],P.prototype,"roles",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],P.prototype,"grantingRoles",void 0),(0,i.gn)([(0,s.IO)("role-selector"),(0,i.w6)("design:type",h.u)],P.prototype,"roleSelector",void 0),P=(0,i.gn)([(0,s.Mo)("partner-role-editor")],P);var j=class extends((0,d.NC)(d.z2)(a.oi)){constructor(){super(...arguments),this.customers=[]}render(){return(0,a.dy)(C||(C=k(['\n      <div>\n        <input id="customer-name" required />\n        <mwc-button\n          @click=','\n          outlined\n          icon="group_add"\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),this.invite.bind(this),d.z2.t("label.invite customer"))}invite(){var e,n=this;return(e=function*(){try{if(!n.customerNameInput.value)throw new Error(d.z2.t("error.value is empty",{value:d.z2.t("field.name")}));if(n.customers.find((e=>{var t;return(null===(t=e.name)||void 0===t?void 0:t.toLowerCase())===n.customerNameInput.value.toLowerCase()})))throw new Error(d.z2.t("error.x already exists in y",{x:n.customerNameInput.value,y:d.z2.t("field.customer")}));if(!(yield(0,b.ID)({title:d.z2.t("text.are_you_sure"),text:d.z2.t("text.do_you_want_to_invite_x",{x:d.z2.t("label.partner")}),confirmButton:{text:d.z2.t("button.confirm")},cancelButton:{text:d.z2.t("button.cancel")}})).value)return;var e=n.customerNameInput.value;(yield y.Lp.mutate({mutation:(0,g.ZP)(_||(_=k(["\n          mutation inviteCustomer($customerDomainName: String!) {\n            inviteCustomer(customerDomainName: $customerDomainName)\n          }\n        "]))),variables:{customerDomainName:e},context:(0,y.Bn)()})).errors||(n.dispatchEvent(new CustomEvent("invitationCompleted"))&&(yield(0,b.ID)({type:"success",title:d.z2.t("text.completed"),confirmButton:{text:d.z2.t("button.confirm")}})),n.customerNameInput.value="")}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"message"in e?e.message:e}}))}},function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){O(i,r,o,a,s,"next",e)}function s(e){O(i,r,o,a,s,"throw",e)}a(void 0)}))})()}};j.styles=[(0,a.iv)(I||(I=k(["\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        min-width: 250px;\n        font: var(--input-font);\n      }\n      mwc-button {\n        margin: var(--input-margin);\n      }\n      @media screen and (max-width: 480px) {\n        div {\n          display: grid;\n        }\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],j.prototype,"customers",void 0),(0,i.gn)([(0,s.IO)("input#customer-name"),(0,i.w6)("design:type",HTMLInputElement)],j.prototype,"customerNameInput",void 0),j=(0,i.gn)([(0,s.Mo)("invite-customer")],j);var N,R,B,E,$,A,q=t(28120),D=t(77675);function L(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var T=class extends((0,q.$)(D.h)(D.B4)){constructor(){super(...arguments),this.customers=[],this.vendors=[]}get context(){return{title:"".concat(d.z2.t("title.partners")),help:"operato-hub/partners"}}render(){var e={[d.z2.t("label.customers")]:this.customers||[],[d.z2.t("label.vendors")]:this.vendors||[]};return(0,a.dy)(N||(N=S(['\n      <h2>partners</h2>\n\n      <quick-find-list\n        .data="','"\n        .contentRenderer="','"\n      >\n      </quick-find-list>\n\n      <invite-customer\n        .customers=','\n        @invitationCompleted="','"\n      ></invite-customer>\n    '])),e,((e,n)=>(0,a.dy)(R||(R=S(["\n          ","\n        "])),n===d.z2.t("label.customers")?(0,a.dy)(B||(B=S(['\n                <partner-role-editor\n                  class="role-editor"\n                  .customer="','"\n                  @contractTerminated="','"\n                ></partner-role-editor>\n              '])),e,this.refreshPartners.bind(this)):(0,a.dy)(E||(E=S(['<partner-info-card .partner="','"></partner-info-card>'])),e))),this.customers||[],this.refreshPartners.bind(this))}pageUpdated(){this.active&&this.refreshPartners()}refreshPartners(){var e,n=this;return(e=function*(){var e,t=yield y.Lp.query({query:(0,g.ZP)($||($=S(["\n        query {\n          customers {\n            id\n            name\n            description\n          }\n          vendors {\n            id\n            name\n            description\n          }\n        }\n      "]))),context:(0,y.Bn)()});(null===(e=t.errors)||void 0===e?void 0:e.length)||(n.customers=t.data.customers,n.vendors=t.data.vendors)},function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){L(i,r,o,a,s,"next",e)}function s(e){L(i,r,o,a,s,"throw",e)}a(void 0)}))})()}};T.styles=[(0,a.iv)(A||(A=S(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n\n        overflow: auto;\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      .role-editor {\n        flex: 1;\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],T.prototype,"customers",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],T.prototype,"vendors",void 0),T=(0,i.gn)([(0,s.Mo)("partner-management")],T)}}]);