monday-sdk-js 0.1.1 → 0.1.4

package/README.md

@@ -19,6 +19,7 @@ The SDK contains methods for server-side and client-side application development
 - [SDK capabilities](#sdk-capabilities)
   - [`monday.api`](#mondayapiquery-options--)
   - [`monday.get`](#mondaygettype-params--)
+  - [`monday.set`](#mondaysettype-params--)
   - [`monday.listen`](#mondaylistentypeortypes-callback-params--)
   - [`monday.execute`](#mondayexecutetype-params)
   - [`monday.oauth`](#mondayoauthoptions--)
@@ -151,6 +152,7 @@ The available types that can be requested are:
 | `'settings'` | The application settings as configured by the user that installed the app |
 | `'itemIds'` | The list of item IDs that are filtered in the current board (or all items if no filters are applied) |
 | `'sessionToken'` | A JWT token which is decoded with your app's secret and can be used as a session token between your app's frontend & backend |
+| `'filter'` | The state of the _Search_ filter |
 
 **Returns:** 
 
@@ -188,6 +190,46 @@ Requesting the list of items currently in view in the board:
 monday.get("itemIds").then(res => console.log(res));
 // => [234234, 4564, 234234, 67675, 576567]
 ```
+
+<br/>
+
+### **`monday.set(type, params = {})`**
+
+Used for setting up data inside your application. This method can only be used when your app is running inside an `iframe`. This can only be used in client-side apps.
+
+
+**Parameters:**
+
+- `type`: The type of data that can be set (available values below)
+- `params`: Optional parameters for the action
+
+The available types that can be set are:
+| Type | Description |
+|--|--|
+| `'settings'` | The application settings as configured by the user that installed the app |
+
+**Returns:** 
+
+A `Promise` that will be `resolved` to the set method response.
+
+**Examples:**
+
+Setting application settings data:
+```js
+monday.set("settings").then(res => ...);
+```
+
+Example application settings object that we are able to set for a board view:
+```js
+// Board view settings example
+{
+  "text": "textual value",
+  "color": "#037f4c", 
+  "date": "2022-08-25"
+  "checkbox1": false
+  "textarea": "line1\nline2\n.....\nline n"
+}
+```
 <br/>
 
 ### **`monday.listen(typeOrTypes, callback, params = {})`**
@@ -207,6 +249,7 @@ You can subscribe to the following types of events:
 | `'settings'` | Fired when a setting value is changed by the user |
 | `'itemIds'` | Fired when the board filter changes, which impacts the list of items currently in view |
 | `'events'` | Fired when an interaction takes place with the board/dashboard |
+| `'filter'` | Fired when the _Search_ filter changes |
 
 **Returns:**
 
@@ -249,7 +292,7 @@ A `Promise` that will optionally  be resolved to the return value from the actio
 **Action types:**
 
 #### Open item card
-Opens a popup card with information from the selected item
+Opens a modal with information from the selected item
 
 **type**
 `'openItemCard'`
@@ -316,6 +359,154 @@ monday.execute("notice", {
 });
 ```
 
+#### Open files preview dialog
+Opens a modal with the preview of an asset
+
+**type**
+`'openFilesDialog'`
+
+**params**
+
+| Parameter|Type | Description | Required | Default Value |
+| --- | --- | --- | --- | --- |
+| boardId| Integer | The ID of the board | Yes | |
+| itemId| Integer | The ID of the item, which contains an asset | Yes | |
+| columnId| String | The ID of the column, which contains an asset | Yes | |
+| assetId| Integer | The ID of the asset to open | Yes | |
+
+**Example**
+```javascript
+monday.execute('openFilesDialog', {
+  boardId: 12345,
+  itemId: 23456,
+  columnId: 'files',
+  assetId: 34567
+})
+```
+
+#### Trigger file upload process
+Opens a modal to let the current user upload a file to a specific file column. 
+
+Returns a promise. In case of error, the promise is rejected
+
+After the file is successfully uploaded, the "change_column_value" event will be triggered. 
+See the [`monday.listen`](#mondaylistentypeortypes-callback-params--)('events', callback) method to subscribe to these events.
+
+*Requires boards:write scope*
+
+**type**
+`'triggerFilesUpload'`
+
+**params**
+
+| Parameter|Type | Description | Required | Default Value |
+| --- | --- | --- | --- | --- |
+| boardId| Integer | The ID of the board | Yes | |
+| itemId| Integer | The ID of the item, which contains an asset | Yes | |
+| columnId| String | The ID of the file column, where file should be uploaded | Yes | |
+
+**Example**
+```javascript
+monday.execute('triggerFilesUpload', {
+  boardId: 12345,
+  itemId: 23456,
+  columnId: 'files'
+})
+```
+
+#### Open modal
+Opens a new modal window as an iFrame.
+
+**type**
+`'openAppFeatureModal'`
+
+**params**
+
+| Parameter|Type | Description | Required | Default Value |
+| --- | --- | --- | --- | --- |
+| url | String | The URL of the page displayed in the modal | No | current iFrame's URL |
+| urlPath | String | Subdirectory or path of the URL to open | No | |
+| urlParams | Object | Query parameters for the URL | No | |
+| width | String | The width of the modal | No | "0px" |
+| height | String | The height of the modal | No | "0px" |
+
+**Example**
+```javascript
+monday.execute('openAppFeatureModal', { urlPath, urlParams, height, width }).then((res) => {
+   console.log(res.data);
+   {"close": true}
+   // The above is a callback to see if a user closed the modal from the inside. This is useful should you want to run some logic within the app window. 
+});
+```
+
+Note: make sure the urlPath you pass is a relative URL and not an absolute URL. 
+
+#### Close modal
+Closes the modal window.
+
+**type**
+`'closeAppFeatureModal'`
+
+**params**
+This method does not have any parameters.
+
+**Example**
+```javascript
+monday.execute('closeAppFeatureModal').then((res) => {
+  console.log(res.data);
+});
+```
+
+#### Value created for user
+Notifies the monday platform that user gains a first value in an app.
+
+**type**
+`'value'`
+
+**params**
+This method does not have any parameters.
+
+**Example**
+```javascript
+monday.execute('valueCreatedForUser').then((res) => {
+  console.log(res.data);
+});
+```
+
+#### Open setting window
+Opens view settings window
+
+**type**
+`'value'`
+
+**params**
+This method does not have any parameters.
+
+**Example**
+```javascript
+monday.execute('openSettings').then((res) => {
+  console.log(res.data);
+  // note that method will open view settings, unless settings were alreday opened
+});
+```
+
+#### Close setting window
+Closes view settings window
+
+**type**
+`'value'`
+
+**params**
+This method does not have any parameters.
+
+**Example**
+```javascript
+monday.execute('closeSettings').then((res) => {
+  console.log(res.data);
+  // note that method will close view settings, unless settings were alreday closed
+});
+```
+
 ### **`monday.oauth(options = {})`**
 Performs a client-side redirection of the user to the monday OAuth screen with your client ID embedded in the URL, in order to get their approval to generate a temporary OAuth token based on your requested permission scopes.
 
@@ -383,7 +574,7 @@ Store a value in the database:
 ```js
 monday.storage.instance.setItem('mykey', 'Lorem Ipsum').then(res => {
   console.log(res);
-}
+});
 // => { "success": true }
 ```
 
@@ -391,7 +582,7 @@ Retrieve a previously stored value in the database:
 ```js
 monday.storage.instance.getItem('mykey').then(res => {
    console.log(res.data.value);
-}
+});
 // => 'Lorem Ipsum'
 ```
 

package/dist/main.js

@@ -1 +1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){const n="undefined"!=typeof window&&void 0!==window.document;e.exports={convertToArrayIfNeeded:e=>Array.isArray(e)?e:[e],isBrowser:n}},function(e,t,n){e.exports=n(5)},function(e,t,n){(function(t){const{isBrowser:r}=n(0),i=!r&&!1,o=i&&t.env.MONDAY_COM_PROTOCOL||"https",s=i&&t.env.MONDAY_COM_DOMAIN||"monday.com",a=`${o}://api.${s}/v2`,c=`${o}://auth.${s}/oauth2/authorize`,u=`${o}://auth.${s}/oauth2/token`;e.exports={MONDAY_DOMAIN:s,MONDAY_PROTOCOL:o,MONDAY_API_URL:a,MONDAY_OAUTH_URL:c,MONDAY_OAUTH_TOKEN_URL:u}}).call(this,n(6))},function(e,t,n){var r,i;const{isBrowser:o}=n(0),s=n(o?4:12);"undefined"!=typeof self&&self,void 0===(i="function"==typeof(r=function(){return window.mondaySdk=s,s})?r.call(t,n,t,e):r)||(e.exports=i)},function(e,t,n){const r=n(1),{MONDAY_OAUTH_URL:i}=n(2),{convertToArrayIfNeeded:o}=n(0),{initScrollHelperIfNeeded:s}=n(9),{initBackgroundTracking:a}=n(10),c=[];class u{constructor(e={}){this._clientId=e.clientId,this._apiToken=e.apiToken,this.listeners={},this.setClientId=this.setClientId.bind(this),this.setToken=this.setToken.bind(this),this.api=this.api.bind(this),this.listen=this.listen.bind(this),this.get=this.get.bind(this),this.execute=this.execute.bind(this),this.oauth=this.oauth.bind(this),this._receiveMessage=this._receiveMessage.bind(this),this.storage={instance:{setItem:this.setStorageInstanceItem.bind(this),getItem:this.getStorageInstanceItem.bind(this),deleteItem:this.deleteStorageInstanceItem.bind(this)}},window.addEventListener("message",this._receiveMessage,!1),e.withoutScrollHelper||s(),a(this)}setClientId(e){this._clientId=e}setToken(e){this._apiToken=e}api(e,t={}){const n={query:e,variables:t.variables},i=t.token||this._apiToken;return i?r.execute(n,i):new Promise((e,t)=>{this._localApi("api",{params:n}).then(t=>{e(t.data)}).catch(e=>t(e))})}listen(e,t,n){o(e).forEach(e=>{this._addListener(e,t),this._localApi("listen",{type:e,params:n})})}get(e,t){return this._localApi("get",{type:e,params:t})}execute(e,t){return this._localApi("execute",{type:e,params:t})}track(e,t){return this.execute("track",{name:e,data:t})}oauth(e={}){const t=e.clientId||this._clientId;if(!t)throw new Error("clientId is required");const n=`${e.mondayOauthUrl||i}?client_id=${t}`;window.location=n}setStorageInstanceItem(e,t,n={}){return this._localApi("storage",{method:"set",key:e,value:t,options:n,segment:"instance"})}getStorageInstanceItem(e,t={}){return this._localApi("storage",{method:"get",key:e,options:t,segment:"instance"})}deleteStorageInstanceItem(e,t={}){return this._localApi("storage",{method:"delete",key:e,options:t,segment:"instance"})}_localApi(e,t){return new Promise((r,i)=>{const o=this._generateRequestId(),s=this._clientId,a=n(11).version;window.parent.postMessage({method:e,args:t,requestId:o,clientId:s,version:a},"*"),this._addListener(o,e=>{e.errorMessage?i(new Error(e.errorMessage)):r(e)})})}_receiveMessage(e){const{method:t,type:n,requestId:r}=e.data;let i=[...this.listeners[t]||c,...this.listeners[n]||c,...this.listeners[r]||c];i&&i.forEach(t=>{try{t(e.data)}catch(e){console.error("Message callback error: ",e)}})}_addListener(e,t){this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(t)}_generateRequestId(){return Math.random().toString(36).substr(2,9)}_removeEventListener(){window.removeEventListener("message",this._receiveMessage,!1)}_clearListeners(){this.listeners=[]}}e.exports=function(e={}){return new u(e)}},function(e,t,n){const{MONDAY_API_URL:r,MONDAY_OAUTH_TOKEN_URL:i}=n(2),o=n(7);e.exports={execute:async function(e,t,n={}){if(!t&&n.url!==i)throw new Error("Token is required");const s=`${n.url||r}${n.path||""}`;let a=await function(e,t,n,r={}){return o.nodeFetch(e,{method:r.method||"POST",body:JSON.stringify(t||{}),headers:{Authorization:n,"Content-Type":"application/json"}})}(s,e,t,n);try{return await a.json()}catch(e){throw new Error("Could not parse JSON from monday.com's GraphQL API response")}},COULD_NOT_PARSE_JSON_RESPONSE_ERROR:"Could not parse JSON from monday.com's GraphQL API response"}},function(e,t){var n,r,i=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===o||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:o}catch(e){n=o}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var c,u=[],l=!1,d=-1;function h(){l&&c&&(l=!1,c.length?u=c.concat(u):d=-1,u.length&&p())}function p(){if(!l){var e=a(h);l=!0;for(var t=u.length;t;){for(c=u,u=[];++d<t;)c&&c[d].run();d=-1,t=u.length}c=null,l=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function f(e,t){this.fun=e,this.array=t}function m(){}i.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];u.push(new f(e,t)),1!==u.length||l||a(p)},f.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=m,i.addListener=m,i.once=m,i.off=m,i.removeListener=m,i.removeAllListeners=m,i.emit=m,i.prependListener=m,i.prependOnceListener=m,i.listeners=function(e){return[]},i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},function(e,t,n){const r=n(8);e.exports={nodeFetch:function(e,t={}){return r(e,t)}}},function(e,t,n){"use strict";var r=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if(void 0!==r)return r;throw new Error("unable to locate global object")}();e.exports=t=r.fetch,t.default=r.fetch.bind(r),t.Headers=r.Headers,t.Request=r.Request,t.Response=r.Response},function(e,t){let n=!1;e.exports={initScrollHelperIfNeeded:function(){if(n)return;n=!0;const e=document.createElement("style");e.appendChild(document.createTextNode('body::before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 2147483647; /* mondaySdk css - can be disabled with: mondaySdk({withoutScrollHelper: true }) */ }')),(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}}},function(e,t){let n=!1;e.exports={initBackgroundTracking:e=>{if(n)return;n=!0;const t=()=>{e.track("ping")};t(),setInterval(t,3e5)}}},function(e){e.exports=JSON.parse('{"name":"monday-sdk-js","version":"0.1.0","private":false,"repository":"https://github.com/mondaycom/monday-sdk-js","main":"src/index.js","author":"talharamati <tal@monday.com>","license":"MIT","files":["LICENSE","README.md","dist/","src/","server-sdk.js"],"dependencies":{"@types/source-map":"^0.5.2","node-fetch":"^2.6.0"},"devDependencies":{"@babel/cli":"^7.6.0","@babel/core":"^7.6.0","@babel/node":"^7.6.1","@babel/preset-env":"^7.6.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.6.0","babel-loader":"^8.0.6","chai":"^4.2.0","eslint":"^6.8.0","jsdom":"^16.2.0","mocha":"^7.1.0","prettier":"^1.19.1","sinon":"^9.0.0","sinon-chai":"^3.5.0","webpack":"^4.38.0","webpack-cli":"^3.3.6","webpack-dev-server":"^3.7.2"},"scripts":{"start":"webpack-dev-server","build":"webpack --mode=production --env.WEBPACK_BUILD=true","test":"mocha \'./src/**/*-test.js\'","test:watch":"mocha \'./src/**/*-test.js\' --watch","precommit":"yarn lint && yarn style-check","lint":"eslint \'./src/**/*.*\'","style-check":"prettier --check \'./src/**/*.js\'"}}')},function(e,t,n){const r=n(1),{oauthToken:i}=n(13);class o{constructor(e={}){this._token=e.token,this.setToken=this.setToken.bind(this),this.api=this.api.bind(this)}setToken(e){this._token=e}async api(e,t={}){const n={query:e,variables:t.variables},i=t.token||this._token;if(!i)throw new Error("Should send 'token' as an option or call mondaySdk.setToken(TOKEN)");return await r.execute(n,i)}oauthToken(e,t,n){return i(e,t,n)}}e.exports=function(e={}){return new o(e)}},function(e,t,n){const{execute:r}=n(1),{MONDAY_OAUTH_TOKEN_URL:i}=n(2);e.exports={oauthToken:(e,t,n)=>r({code:e,client_id:t,client_secret:n},null,{url:i})}}]);
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){const n="undefined"!=typeof window&&void 0!==window.document;e.exports={convertToArrayIfNeeded:e=>Array.isArray(e)?e:[e],isBrowser:n}},function(e,t,n){e.exports=n(5)},function(e,t,n){(function(t){const{isBrowser:r}=n(0),i=!r&&!1,o=i&&t.env.MONDAY_COM_PROTOCOL||"https",s=i&&t.env.MONDAY_COM_DOMAIN||"monday.com",a=`${o}://api.${s}/v2`,c=`${o}://auth.${s}/oauth2/authorize`,u=`${o}://auth.${s}/oauth2/token`;e.exports={MONDAY_DOMAIN:s,MONDAY_PROTOCOL:o,MONDAY_API_URL:a,MONDAY_OAUTH_URL:c,MONDAY_OAUTH_TOKEN_URL:u}}).call(this,n(6))},function(e,t,n){var r,i;const{isBrowser:o}=n(0),s=n(o?4:12);"undefined"!=typeof self&&self,void 0===(i="function"==typeof(r=function(){return window.mondaySdk=s,s})?r.call(t,n,t,e):r)||(e.exports=i)},function(e,t,n){const r=n(1),{MONDAY_OAUTH_URL:i}=n(2),{convertToArrayIfNeeded:o}=n(0),{initScrollHelperIfNeeded:s}=n(9),{initBackgroundTracking:a}=n(10),c=[];class u{constructor(e={}){this._clientId=e.clientId,this._apiToken=e.apiToken,this.listeners={},this.setClientId=this.setClientId.bind(this),this.setToken=this.setToken.bind(this),this.api=this.api.bind(this),this.listen=this.listen.bind(this),this.get=this.get.bind(this),this.set=this.set.bind(this),this.execute=this.execute.bind(this),this.oauth=this.oauth.bind(this),this._receiveMessage=this._receiveMessage.bind(this),this.storage={instance:{setItem:this.setStorageInstanceItem.bind(this),getItem:this.getStorageInstanceItem.bind(this),deleteItem:this.deleteStorageInstanceItem.bind(this)}},window.addEventListener("message",this._receiveMessage,!1),e.withoutScrollHelper||s(),a(this)}setClientId(e){this._clientId=e}setToken(e){this._apiToken=e}api(e,t={}){const n={query:e,variables:t.variables},i=t.token||this._apiToken;return i?r.execute(n,i):new Promise((e,t)=>{this._localApi("api",{params:n}).then(t=>{e(t.data)}).catch(e=>t(e))})}listen(e,t,n){o(e).forEach(e=>{this._addListener(e,t),this._localApi("listen",{type:e,params:n})})}get(e,t){return this._localApi("get",{type:e,params:t})}set(e,t){return this._localApi("set",{type:e,params:t})}execute(e,t){return this._localApi("execute",{type:e,params:t})}track(e,t){return this.execute("track",{name:e,data:t})}oauth(e={}){const t=e.clientId||this._clientId;if(!t)throw new Error("clientId is required");const n=`${e.mondayOauthUrl||i}?client_id=${t}`;window.location=n}setStorageInstanceItem(e,t,n={}){return this._localApi("storage",{method:"set",key:e,value:t,options:n,segment:"instance"})}getStorageInstanceItem(e,t={}){return this._localApi("storage",{method:"get",key:e,options:t,segment:"instance"})}deleteStorageInstanceItem(e,t={}){return this._localApi("storage",{method:"delete",key:e,options:t,segment:"instance"})}_localApi(e,t){return new Promise((r,i)=>{const o=this._generateRequestId(),s=this._clientId,a=n(11).version;window.parent.postMessage({method:e,args:t,requestId:o,clientId:s,version:a},"*"),this._addListener(o,e=>{if(e.errorMessage){const t=new Error(e.errorMessage);t.data=e.data,i(t)}else r(e)})})}_receiveMessage(e){const{method:t,type:n,requestId:r}=e.data;let i=[...this.listeners[t]||c,...this.listeners[n]||c,...this.listeners[r]||c];i&&i.forEach(t=>{try{t(e.data)}catch(e){console.error("Message callback error: ",e)}})}_addListener(e,t){this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(t)}_generateRequestId(){return Math.random().toString(36).substr(2,9)}_removeEventListener(){window.removeEventListener("message",this._receiveMessage,!1)}_clearListeners(){this.listeners=[]}}e.exports=function(e={}){return new u(e)}},function(e,t,n){const{MONDAY_API_URL:r,MONDAY_OAUTH_TOKEN_URL:i}=n(2),o=n(7),s="Could not parse JSON from monday.com's GraphQL API response",a="Token is required",c="Received timeout from monday.com's GraphQL API";e.exports={execute:async function(e,t,n={}){if(!t&&n.url!==i)throw new Error(a);const u=`${n.url||r}${n.path||""}`;let l=await function(e,t,n,r={}){return o.nodeFetch(e,{method:r.method||"POST",body:JSON.stringify(t||{}),headers:{Authorization:n,"Content-Type":"application/json"}})}(u,e,t,n);const d=l.status,h=l.headers.get("content-type");if(!h||!h.includes("application/json")){if(504===d)throw new Error(c);const e=await l.text();throw new Error(e)}try{return await l.json()}catch(e){throw new Error(s)}},COULD_NOT_PARSE_JSON_RESPONSE_ERROR:s,TOKEN_IS_REQUIRED_ERROR:a,API_TIMEOUT_ERROR:c}},function(e,t){var n,r,i=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===o||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:o}catch(e){n=o}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var c,u=[],l=!1,d=-1;function h(){l&&c&&(l=!1,c.length?u=c.concat(u):d=-1,u.length&&p())}function p(){if(!l){var e=a(h);l=!0;for(var t=u.length;t;){for(c=u,u=[];++d<t;)c&&c[d].run();d=-1,t=u.length}c=null,l=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function f(e,t){this.fun=e,this.array=t}function m(){}i.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];u.push(new f(e,t)),1!==u.length||l||a(p)},f.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=m,i.addListener=m,i.once=m,i.off=m,i.removeListener=m,i.removeAllListeners=m,i.emit=m,i.prependListener=m,i.prependOnceListener=m,i.listeners=function(e){return[]},i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},function(e,t,n){const r=n(8);e.exports={nodeFetch:function(e,t={}){return r(e,t)}}},function(e,t,n){"use strict";var r=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if(void 0!==r)return r;throw new Error("unable to locate global object")}();e.exports=t=r.fetch,t.default=r.fetch.bind(r),t.Headers=r.Headers,t.Request=r.Request,t.Response=r.Response},function(e,t){let n=!1;e.exports={initScrollHelperIfNeeded:function(){if(n)return;n=!0;const e=document.createElement("style");e.appendChild(document.createTextNode('body::before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 2147483647; /* mondaySdk css - can be disabled with: mondaySdk({withoutScrollHelper: true }) */ }')),(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}}},function(e,t){let n=!1;e.exports={initBackgroundTracking:e=>{if(n)return;n=!0;const t=()=>{e.track("ping")};t(),setInterval(t,3e5)}}},function(e){e.exports=JSON.parse('{"name":"monday-sdk-js","version":"0.1.3","private":false,"repository":"https://github.com/mondaycom/monday-sdk-js","main":"src/index.js","author":"talharamati <tal@monday.com>","license":"MIT","files":["LICENSE","README.md","dist/","src/","server-sdk.js"],"dependencies":{"@types/source-map":"^0.5.2","node-fetch":"^2.6.0"},"devDependencies":{"@babel/cli":"^7.6.0","@babel/core":"^7.6.0","@babel/node":"^7.6.1","@babel/preset-env":"^7.6.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.6.0","babel-loader":"^8.0.6","chai":"^4.2.0","eslint":"^6.8.0","jsdom":"^16.2.0","mocha":"^7.1.0","prettier":"^1.19.1","sinon":"^9.0.0","sinon-chai":"^3.5.0","webpack":"^4.38.0","webpack-cli":"^3.3.6","webpack-dev-server":"^3.7.2"},"scripts":{"start":"webpack-dev-server","build":"webpack --mode=production --env.WEBPACK_BUILD=true","test":"mocha \'./src/**/*-test.js\'","test:watch":"mocha \'./src/**/*-test.js\' --watch","precommit":"yarn lint && yarn style-check","lint":"eslint \'./src/**/*.*\'","style-check":"prettier --check \'./src/**/*.js\'"}}')},function(e,t,n){const r=n(1),{oauthToken:i}=n(13),o="Should send 'token' as an option or call mondaySdk.setToken(TOKEN)";class s{constructor(e={}){this._token=e.token,this.setToken=this.setToken.bind(this),this.api=this.api.bind(this)}setToken(e){this._token=e}async api(e,t={}){const n={query:e,variables:t.variables},i=t.token||this._token;if(!i)throw new Error(o);return await r.execute(n,i)}oauthToken(e,t,n){return i(e,t,n)}}e.exports=function(e={}){return new s(e)}},function(e,t,n){const{execute:r}=n(1),{MONDAY_OAUTH_TOKEN_URL:i}=n(2);e.exports={oauthToken:(e,t,n)=>{return r({code:e,client_id:t,client_secret:n},null,{url:i})}}}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-sdk-js",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "private": false,
   "repository": "https://github.com/mondaycom/monday-sdk-js",
   "main": "src/index.js",

package/src/client-test.js

@@ -170,10 +170,11 @@ describe("Monday Client Test API - Returning data", () => {
   it("API should reject the promise, when host raises an event with errorMessage", done => {
     const clientId = "clientId";
     const errorMessage = "My custom error";
+    const errorData = { errors: ["1", "2", "3"] };
     function onPostMessage(event) {
       const { requestId, method, type } = event.data;
       if (method === "api" && !event.data.errorMessage) {
-        window.postMessage({ requestId, data: null, method, type, errorMessage: errorMessage }, "*");
+        window.postMessage({ requestId, data: errorData, method, type, errorMessage: errorMessage }, "*");
         //because in tests we don't have 2 different window object (parent and iframe) they are exchanging in the same
         //events space, so here we need to stop the initial SDK event propogation to not allow SDK to react to it's own event
         event.stopImmediatePropagation();
@@ -185,6 +186,7 @@ describe("Monday Client Test API - Returning data", () => {
     mondayClient.api("query").catch(err => {
       expect(err).to.be.ok;
       expect(err.message).to.be.equal(errorMessage);
+      expect(err.data).to.be.equal(errorData);
       done();
     });
     clock.tick(5);

package/src/client.js

@@ -18,6 +18,7 @@ class MondayClientSdk {
     this.api = this.api.bind(this);
     this.listen = this.listen.bind(this);
     this.get = this.get.bind(this);
+    this.set = this.set.bind(this);
     this.execute = this.execute.bind(this);
     this.oauth = this.oauth.bind(this);
     this._receiveMessage = this._receiveMessage.bind(this);
@@ -74,6 +75,10 @@ class MondayClientSdk {
     return this._localApi("get", { type, params });
   }
 
+  set(type, params) {
+    return this._localApi("set", { type, params });
+  }
+
   execute(type, params) {
     return this._localApi("execute", { type, params });
   }
@@ -114,7 +119,9 @@ class MondayClientSdk {
       window.parent.postMessage({ method, args, requestId, clientId, version }, "*");
       this._addListener(requestId, data => {
         if (data.errorMessage) {
-          reject(new Error(data.errorMessage));
+          const error = new Error(data.errorMessage);
+          error.data = data.data;
+          reject(error);
         } else {
           resolve(data);
         }

package/src/monday-api-client/monday-api-client-test.js

@@ -10,7 +10,9 @@ describe("mondayApiClient", () => {
     fetchMock = sinon.stub(async () => {
       return { data: "some_data" };
     });
-    nodeFetchStub = sinon.stub(fetch, "nodeFetch").resolves({ json: fetchMock });
+    nodeFetchStub = sinon
+      .stub(fetch, "nodeFetch")
+      .resolves({ json: fetchMock, headers: { get: () => "application/json" } });
   });
 
   afterEach(() => {
@@ -32,18 +34,18 @@ describe("mondayApiClient", () => {
     });
   });
 
-  it("should throw error if token is missing", async () => {
+  it(`should throw ${mondayApiClient.TOKEN_IS_REQUIRED_ERROR}`, async () => {
     let errorMessage;
     try {
       await mondayApiClient.execute("query { boards { id, name }}");
     } catch (err) {
       errorMessage = err.message;
     }
-    expect(errorMessage).to.eq("Token is required");
+    expect(errorMessage).to.eq(mondayApiClient.TOKEN_IS_REQUIRED_ERROR);
   });
 
-  it(`sould throw ${mondayApiClient.COULD_NOT_PARSE_JSON_RESPONSE_ERROR}`, async () => {
-    nodeFetchStub.returns({ json: "not json" });
+  it(`should throw ${mondayApiClient.COULD_NOT_PARSE_JSON_RESPONSE_ERROR}`, async () => {
+    nodeFetchStub.returns({ json: "not json", headers: { get: () => "application/json" } });
     let errorMessage;
     try {
       await mondayApiClient.execute("query { boards { id, name }}", "api_token");
@@ -52,4 +54,15 @@ describe("mondayApiClient", () => {
     }
     expect(errorMessage).to.eq(mondayApiClient.COULD_NOT_PARSE_JSON_RESPONSE_ERROR);
   });
+
+  it(`should throw ${mondayApiClient.API_TIMEOUT_ERROR}`, async () => {
+    nodeFetchStub.returns({ headers: { get: () => "text/plain" }, status: 504 });
+    let errorMessage;
+    try {
+      await mondayApiClient.execute("query { boards { id, name }}", "api_token");
+    } catch (err) {
+      errorMessage = err.message;
+    }
+    expect(errorMessage).to.eq(mondayApiClient.API_TIMEOUT_ERROR);
+  });
 });

package/src/monday-api-client/monday-api-client.js

@@ -3,6 +3,7 @@ const fetch = require("./fetch");
 
 const COULD_NOT_PARSE_JSON_RESPONSE_ERROR = "Could not parse JSON from monday.com's GraphQL API response";
 const TOKEN_IS_REQUIRED_ERROR = "Token is required";
+const API_TIMEOUT_ERROR = "Received timeout from monday.com's GraphQL API";
 
 function apiRequest(url, data, token, options = {}) {
   return fetch.nodeFetch(url, {
@@ -23,6 +24,17 @@ async function execute(data, token, options = {}) {
   const fullUrl = `${url}${path}`;
   let response = await apiRequest(fullUrl, data, token, options);
 
+  const responseStatusCode = response.status;
+  const responseContentType = response.headers.get("content-type");
+  if (!responseContentType || !responseContentType.includes("application/json")) {
+    if (responseStatusCode === 504) {
+      throw new Error(API_TIMEOUT_ERROR);
+    }
+
+    const responseText = await response.text();
+    throw new Error(responseText);
+  }
+
   try {
     return await response.json();
   } catch (err) {
@@ -30,4 +42,4 @@ async function execute(data, token, options = {}) {
   }
 }
 
-module.exports = { execute, COULD_NOT_PARSE_JSON_RESPONSE_ERROR };
+module.exports = { execute, COULD_NOT_PARSE_JSON_RESPONSE_ERROR, TOKEN_IS_REQUIRED_ERROR, API_TIMEOUT_ERROR };