@sankhyalabs/sankhyablocks 1.1.27 → 1.3.0

package/dist/cjs/snk-application.cjs.entry.js

@@ -2,13 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6ac5268e.js');
+const index = require('./index-4720dab8.js');
 const core = require('@sankhyalabs/core');
-const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 
-var browserPonyfill = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-var global = typeof self !== 'undefined' ? self : _commonjsHelpers.commonjsGlobal;
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var browserPonyfill = createCommonjsModule(function (module, exports) {
+var global = typeof self !== 'undefined' ? self : commonjsGlobal;
 var __self__ = (function () {
 function F() {
 this.fetch = false;
@@ -564,7 +579,7 @@ exports.Response = ctx.Response;
 module.exports = exports;
 });
 
-var isObjectLike_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var isObjectLike_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -580,7 +595,7 @@ function isObjectLike(value) {
 }
 });
 
-var invariant_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var invariant_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -598,7 +613,7 @@ function invariant(condition, message) {
 }
 });
 
-var location_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var location_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -638,7 +653,7 @@ function getLocation(source, position) {
 }
 });
 
-var printLocation_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var printLocation_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -714,7 +729,7 @@ function printPrefixedLines(lines) {
 }
 });
 
-var GraphQLError_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var GraphQLError_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -983,7 +998,7 @@ function formatError(error) {
 }
 });
 
-var syntaxError_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var syntaxError_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1004,7 +1019,7 @@ function syntaxError(source, position, description) {
 }
 });
 
-var ast = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var ast = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1230,7 +1245,7 @@ exports.OperationTypeNode = OperationTypeNode;
 })(OperationTypeNode || (exports.OperationTypeNode = OperationTypeNode = {}));
 });
 
-var directiveLocation = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var directiveLocation = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1272,7 +1287,7 @@ exports.DirectiveLocation = DirectiveLocation;
 })(DirectiveLocation || (exports.DirectiveLocation = DirectiveLocation = {}));
 });
 
-var kinds = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var kinds = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1338,7 +1353,7 @@ exports.Kind = Kind;
 })(Kind || (exports.Kind = Kind = {}));
 });
 
-var characterClasses = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var characterClasses = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1415,7 +1430,7 @@ function isNameContinue(code) {
 }
 });
 
-var blockString = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var blockString = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1612,7 +1627,7 @@ function printBlockString(value, options) {
 }
 });
 
-var tokenKind = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var tokenKind = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -1658,7 +1673,7 @@ exports.TokenKind = TokenKind;
 })(TokenKind || (exports.TokenKind = TokenKind = {}));
 });
 
-var lexer = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var lexer = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -2666,7 +2681,7 @@ function readName(lexer, start) {
 }
 });
 
-var devAssert_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var devAssert_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -2682,7 +2697,7 @@ function devAssert(condition, message) {
 }
 });
 
-var inspect_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var inspect_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -2805,7 +2820,7 @@ function getObjectTag(object) {
 }
 });
 
-var instanceOf_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var instanceOf_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -2831,7 +2846,7 @@ const instanceOf =
 exports.instanceOf = instanceOf;
 });
 
-var source = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var source = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -2898,7 +2913,7 @@ function isSource(source) {
 }
 });
 
-var parser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var parser = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -4467,7 +4482,7 @@ function getTokenKindDesc(kind) {
 }
 });
 
-var printString_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var printString_1 = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -4652,7 +4667,7 @@ const escapeSequences = [
 ];
 });
 
-var visitor = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var visitor = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -5031,7 +5046,7 @@ function getVisitFn(visitor, kind, isLeaving) {
 }
 });
 
-var printer = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var printer = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', {
   value: true,
@@ -5465,7 +5480,7 @@ var _public = {
 /* eslint-env browser */
 var browser = typeof self == 'object' ? self.FormData : window.FormData;
 
-var defaultJsonSerializer = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var defaultJsonSerializer = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultJsonSerializer = void 0;
 exports.defaultJsonSerializer = {
@@ -5475,8 +5490,8 @@ exports.defaultJsonSerializer = {
 //# sourceMappingURL=defaultJsonSerializer.js.map
 });
 
-var createRequestBody_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {
+var createRequestBody_1 = createCommonjsModule(function (module, exports) {
+var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -5532,7 +5547,7 @@ exports.default = createRequestBody;
 //# sourceMappingURL=createRequestBody.js.map
 });
 
-var parseArgs = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var parseArgs = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseBatchRequestsExtendedArgs = exports.parseRawRequestExtendedArgs = exports.parseRequestExtendedArgs = exports.parseBatchRequestArgs = exports.parseRawRequestArgs = exports.parseRequestArgs = void 0;
 function parseRequestArgs(documentOrOptions, variables, requestHeaders) {
@@ -5605,8 +5620,8 @@ exports.parseBatchRequestsExtendedArgs = parseBatchRequestsExtendedArgs;
 //# sourceMappingURL=parseArgs.js.map
 });
 
-var types = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-var __extends = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__extends) || (function () {
+var types = createCommonjsModule(function (module, exports) {
+var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -5655,8 +5670,282 @@ exports.ClientError = ClientError;
 //# sourceMappingURL=types.js.map
 });
 
-var dist = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__assign) || function () {
+var graphqlWs = createCommonjsModule(function (module, exports) {
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (commonjsGlobal && commonjsGlobal.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (commonjsGlobal && commonjsGlobal.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphQLWebSocketClient = void 0;
+
+
+var CONNECTION_INIT = 'connection_init';
+var CONNECTION_ACK = 'connection_ack';
+var PING = 'ping';
+var PONG = 'pong';
+var SUBSCRIBE = 'subscribe';
+var NEXT = 'next';
+var ERROR = 'error';
+var COMPLETE = 'complete';
+var GraphQLWebSocketMessage = /** @class */ (function () {
+    function GraphQLWebSocketMessage(type, payload, id) {
+        this._type = type;
+        this._payload = payload;
+        this._id = id;
+    }
+    Object.defineProperty(GraphQLWebSocketMessage.prototype, "type", {
+        get: function () { return this._type; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GraphQLWebSocketMessage.prototype, "id", {
+        get: function () { return this._id; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GraphQLWebSocketMessage.prototype, "payload", {
+        get: function () { return this._payload; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GraphQLWebSocketMessage.prototype, "text", {
+        get: function () {
+            var result = { type: this.type };
+            if (this.id != null && this.id != undefined)
+                result.id = this.id;
+            if (this.payload != null && this.payload != undefined)
+                result.payload = this.payload;
+            return JSON.stringify(result);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GraphQLWebSocketMessage.parse = function (data, f) {
+        var _a = JSON.parse(data), type = _a.type, payload = _a.payload, id = _a.id;
+        return new GraphQLWebSocketMessage(type, f(payload), id);
+    };
+    return GraphQLWebSocketMessage;
+}());
+var GraphQLWebSocketClient = /** @class */ (function () {
+    function GraphQLWebSocketClient(socket, _a) {
+        var _this = this;
+        var onInit = _a.onInit, onAcknowledged = _a.onAcknowledged, onPing = _a.onPing, onPong = _a.onPong;
+        this.socketState = { acknowledged: false, lastRequestId: 0, subscriptions: {} };
+        this.socket = socket;
+        socket.onopen = function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        this.socketState.acknowledged = false;
+                        this.socketState.subscriptions = {};
+                        _b = (_a = socket).send;
+                        _c = ConnectionInit;
+                        if (!onInit) return [3 /*break*/, 2];
+                        return [4 /*yield*/, onInit()];
+                    case 1:
+                        _d = _e.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _d = null;
+                        _e.label = 3;
+                    case 3:
+                        _b.apply(_a, [_c.apply(void 0, [_d]).text]);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        socket.onclose = function (e) {
+            _this.socketState.acknowledged = false;
+            _this.socketState.subscriptions = {};
+        };
+        socket.onerror = function (e) {
+            console.error(e);
+        };
+        socket.onmessage = function (e) {
+            try {
+                var message = parseMessage(e.data);
+                switch (message.type) {
+                    case CONNECTION_ACK: {
+                        if (_this.socketState.acknowledged) {
+                            console.warn("Duplicate CONNECTION_ACK message ignored");
+                        }
+                        else {
+                            _this.socketState.acknowledged = true;
+                            if (onAcknowledged)
+                                onAcknowledged(message.payload);
+                        }
+                        return;
+                    }
+                    case PING: {
+                        if (onPing)
+                            onPing(message.payload).then(function (r) { return socket.send(Pong(r).text); });
+                        else
+                            socket.send(Pong(null).text);
+                        return;
+                    }
+                    case PONG: {
+                        if (onPong)
+                            onPong(message.payload);
+                        return;
+                    }
+                }
+                if (!_this.socketState.acknowledged) {
+                    // Web-socket connection not acknowledged
+                    return;
+                }
+                if (message.id === undefined || message.id === null || !_this.socketState.subscriptions[message.id]) {
+                    // No subscription identifer or subscription indentifier is not found
+                    return;
+                }
+                var _a = _this.socketState.subscriptions[message.id], query = _a.query, variables = _a.variables, subscriber = _a.subscriber;
+                switch (message.type) {
+                    case NEXT: {
+                        if (!message.payload.errors && message.payload.data) {
+                            subscriber.next && subscriber.next(message.payload.data);
+                        }
+                        if (message.payload.errors) {
+                            subscriber.error && subscriber.error(new types.ClientError(__assign(__assign({}, message.payload), { status: 200 }), { query: query, variables: variables }));
+                        }
+                        return;
+                    }
+                    case ERROR: {
+                        subscriber.error && subscriber.error(new types.ClientError({ errors: message.payload, status: 200 }, { query: query, variables: variables }));
+                        return;
+                    }
+                    case COMPLETE: {
+                        subscriber.complete && subscriber.complete();
+                        delete _this.socketState.subscriptions[message.id];
+                        return;
+                    }
+                }
+            }
+            catch (e) {
+                // Unexpected errors while handling graphql-ws message
+                console.error(e);
+                socket.close(1006);
+            }
+            socket.close(4400, "Unknown graphql-ws message.");
+        };
+    }
+    GraphQLWebSocketClient.prototype.makeSubscribe = function (query, operationName, variables, subscriber) {
+        var _this = this;
+        var subscriptionId = (this.socketState.lastRequestId++).toString();
+        this.socketState.subscriptions[subscriptionId] = { query: query, variables: variables, subscriber: subscriber };
+        this.socket.send(Subscribe(subscriptionId, { query: query, operationName: operationName, variables: variables }).text);
+        return function () {
+            _this.socket.send(Complete(subscriptionId).text);
+            delete _this.socketState.subscriptions[subscriptionId];
+        };
+    };
+    GraphQLWebSocketClient.prototype.rawRequest = function (query, variables) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            var result;
+            _this.rawSubscribe(query, {
+                next: function (data, extensions) { return (result = { data: data, extensions: extensions }); },
+                error: reject,
+                complete: function () { return resolve(result); },
+            }, variables);
+        });
+    };
+    GraphQLWebSocketClient.prototype.request = function (document, variables) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            var result;
+            _this.subscribe(document, {
+                next: function (data) { return (result = data); },
+                error: reject,
+                complete: function () { return resolve(result); },
+            }, variables);
+        });
+    };
+    GraphQLWebSocketClient.prototype.subscribe = function (document, subscriber, variables) {
+        var _a = dist.resolveRequestDocument(document), query = _a.query, operationName = _a.operationName;
+        return this.makeSubscribe(query, operationName, variables, subscriber);
+    };
+    GraphQLWebSocketClient.prototype.rawSubscribe = function (query, subscriber, variables) {
+        return this.makeSubscribe(query, undefined, variables, subscriber);
+    };
+    GraphQLWebSocketClient.prototype.ping = function (payload) {
+        this.socket.send(Ping(payload).text);
+    };
+    GraphQLWebSocketClient.prototype.close = function () {
+        this.socket.close(1000);
+    };
+    GraphQLWebSocketClient.PROTOCOL = "graphql-transport-ws";
+    return GraphQLWebSocketClient;
+}());
+exports.GraphQLWebSocketClient = GraphQLWebSocketClient;
+// Helper functions
+function parseMessage(data, f) {
+    if (f === void 0) { f = function (a) { return a; }; }
+    var m = GraphQLWebSocketMessage.parse(data, f);
+    return m;
+}
+function ConnectionInit(payload) {
+    return new GraphQLWebSocketMessage(CONNECTION_INIT, payload);
+}
+function Ping(payload) {
+    return new GraphQLWebSocketMessage(PING, payload, undefined);
+}
+function Pong(payload) {
+    return new GraphQLWebSocketMessage(PONG, payload, undefined);
+}
+function Subscribe(id, payload) {
+    return new GraphQLWebSocketMessage(SUBSCRIBE, payload, id);
+}
+function Complete(id) {
+    return new GraphQLWebSocketMessage(COMPLETE, undefined, id);
+}
+//# sourceMappingURL=graphql-ws.js.map
+});
+
+var dist = createCommonjsModule(function (module, exports) {
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
@@ -5667,26 +5956,26 @@ var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlob
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
+var __setModuleDefault = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importStar) || function (mod) {
+var __importStar = (commonjsGlobal && commonjsGlobal.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
     if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter = (commonjsGlobal && commonjsGlobal.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -5695,7 +5984,7 @@ var __awaiter = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlo
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__generator) || function (thisArg, body) {
+var __generator = (commonjsGlobal && commonjsGlobal.__generator) || function (thisArg, body) {
     var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
     return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
@@ -5722,7 +6011,7 @@ var __generator = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsG
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __rest = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__rest) || function (s, e) {
+var __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -5733,11 +6022,11 @@ var __rest = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal
         }
     return t;
 };
-var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {
+var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.gql = exports.batchRequests = exports.request = exports.rawRequest = exports.GraphQLClient = exports.ClientError = void 0;
+exports.GraphQLWebSocketClient = exports.gql = exports.resolveRequestDocument = exports.batchRequests = exports.request = exports.rawRequest = exports.GraphQLClient = exports.ClientError = void 0;
 var cross_fetch_1 = __importStar(browserPonyfill), CrossFetch = cross_fetch_1;
 
 
@@ -5871,7 +6160,7 @@ var GraphQLClient = /** @class */ (function () {
                         url: url,
                         query: rawRequestOptions.query,
                         variables: rawRequestOptions.variables,
-                        headers: __assign(__assign({}, resolveHeaders(headers)), resolveHeaders(rawRequestOptions.requestHeaders)),
+                        headers: __assign(__assign({}, resolveHeaders(callOrIdentity(headers))), resolveHeaders(rawRequestOptions.requestHeaders)),
                         operationName: operationName,
                         fetch: fetch,
                         method: method,
@@ -5897,7 +6186,7 @@ var GraphQLClient = /** @class */ (function () {
                                 url: url,
                                 query: query,
                                 variables: requestOptions.variables,
-                                headers: __assign(__assign({}, resolveHeaders(headers)), resolveHeaders(requestOptions.requestHeaders)),
+                                headers: __assign(__assign({}, resolveHeaders(callOrIdentity(headers))), resolveHeaders(requestOptions.requestHeaders)),
                                 operationName: operationName,
                                 fetch: fetch,
                                 method: method,
@@ -5934,7 +6223,7 @@ var GraphQLClient = /** @class */ (function () {
                                 url: url,
                                 query: queries,
                                 variables: variables,
-                                headers: __assign(__assign({}, resolveHeaders(headers)), resolveHeaders(batchRequestOptions.requestHeaders)),
+                                headers: __assign(__assign({}, resolveHeaders(callOrIdentity(headers))), resolveHeaders(batchRequestOptions.requestHeaders)),
                                 operationName: undefined,
                                 fetch: fetch,
                                 method: method,
@@ -5980,7 +6269,7 @@ exports.GraphQLClient = GraphQLClient;
 function makeRequest(_a) {
     var url = _a.url, query = _a.query, variables = _a.variables, headers = _a.headers, operationName = _a.operationName, fetch = _a.fetch, _b = _a.method, method = _b === void 0 ? 'POST' : _b, fetchOptions = _a.fetchOptions;
     return __awaiter(this, void 0, void 0, function () {
-        var fetcher, isBathchingQuery, response, result, successfullyReceivedData, headers_1, status_1, errorResult;
+        var fetcher, isBathchingQuery, response, result, successfullyReceivedData, successfullyPassedErrorPolicy, headers_1, status_1, rest, data, errorResult;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
@@ -6004,9 +6293,12 @@ function makeRequest(_a) {
                         var data = _a.data;
                         return !data;
                     }) : !!result.data;
-                    if (response.ok && !result.errors && successfullyReceivedData) {
+                    successfullyPassedErrorPolicy = !result.errors || fetchOptions.errorPolicy === 'all' || fetchOptions.errorPolicy === 'ignore';
+                    if (response.ok && successfullyPassedErrorPolicy && successfullyReceivedData) {
                         headers_1 = response.headers, status_1 = response.status;
-                        return [2 /*return*/, __assign(__assign({}, (isBathchingQuery ? { data: result } : result)), { headers: headers_1, status: status_1 })];
+                        rest = __rest(result, ["errors"]);
+                        data = fetchOptions.errorPolicy === 'ignore' ? rest : result;
+                        return [2 /*return*/, __assign(__assign({}, (isBathchingQuery ? { data: data } : data)), { headers: headers_1, status: status_1 })];
                     }
                     else {
                         errorResult = typeof result === 'string' ? { error: result } : result;
@@ -6101,6 +6393,10 @@ function resolveRequestDocument(document) {
     var operationName = extractOperationName(document);
     return { query: printer.print(document), operationName: operationName };
 }
+exports.resolveRequestDocument = resolveRequestDocument;
+function callOrIdentity(value) {
+    return typeof value === 'function' ? value() : value;
+}
 /**
  * Convenience passthrough template tag to get the benefits of tooling for the gql template tag. This does not actually parse the input into a GraphQL DocumentNode like graphql-tag package does. It just returns the string with any variables given interpolated. Can save you a bit of performance and having to install another package.
  *
@@ -6132,636 +6428,638 @@ function HeadersInstanceToPlainObject(headers) {
     });
     return o;
 }
+
+Object.defineProperty(exports, "GraphQLWebSocketClient", { enumerable: true, get: function () { return graphqlWs.GraphQLWebSocketClient; } });
 //# sourceMappingURL=index.js.map
 });
 
-class HttpFetcher {
-  constructor() {
-    this.watingRequestsById = new Map();
-  }
-  static get() {
-    if (!HttpFetcher.instance) {
-      HttpFetcher.instance = new HttpFetcher();
-      const application = document.querySelector(this.appTagName);
-      if (application === null) {
-        HttpFetcher.instance.resume();
-      }
-      else {
-        application.addEventListener('applicationLoading', () => HttpFetcher.instance.pause());
-        application.addEventListener('applicationLoaded', () => HttpFetcher.instance.resume());
-      }
-    }
-    return this.instance;
-  }
-  async callGraphQL(req) {
-    var _a;
-    const reqKey = this.getReqKey(req);
-    req.queryID = reqKey;
-    req.values.queryID = reqKey;
-    if (this.ready) {
-      return new Promise(async (resolve, reject) => {
-        let query = this.getQueryTemplate(req);
-        const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
-        if (res.errors.length > 0) {
-          reject(res);
-        }
-        else {
-          //resolve(res);
-          //FIXME: Precisamos trabalhar melhor a resposta, quem chamou 
-          //a API não pode ficar responsavel por desempacotar... fiz uma
-          //gambiarra aqui...
-          resolve(res.data[0][reqKey]);
-        }
-      });
-    }
-    else {
-      if (!this.watingRequestsById.has(reqKey)) {
-        this.watingRequestsById.set(reqKey, new WaitingRequest(req));
-      }
-      return (_a = this.getWatingRequest(reqKey)) === null || _a === void 0 ? void 0 : _a.promise;
-    }
-  }
-  getReqKey(req) {
-    return window.btoa(this.hashCode(`${req.query}${JSON.stringify(req.values || "")}`)).replace(/=/g, "");
-  }
-  getQueryTemplate(re) {
-    return (re.query || "").replaceAll("$queryAlias$", re.queryID);
-  }
-  getWatingRequest(reqID) {
-    return this.watingRequestsById.get(reqID);
-  }
-  pause() {
-    this.ready = false;
-  }
-  async resume() {
-    this.ready = true;
-    if (this.watingRequestsById.size > 0) {
-      const requestsBatch = [];
-      this.watingRequestsById.forEach(async (waitingReq) => {
-        let query = this.getQueryTemplate(waitingReq.request);
-        requestsBatch.push({ document: query, variables: Object.assign({}, waitingReq.request.values) });
-      });
-      let res = undefined;
-      let dataResponse = [];
-      let errorsResponse = [];
-      res = await this.fecthGrapql(requestsBatch);
-      dataResponse = res.data;
-      errorsResponse = res.errors;
-      //Reject promises with errors from query
-      errorsResponse.forEach((errorResponse) => {
-        Object.entries(errorResponse).forEach(([_key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(val);
-        });
-      });
-      //Resolve promises with data from query
-      dataResponse.forEach((data) => {
-        Object.entries(data).forEach(([key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(key)) === null || _a === void 0 ? void 0 : _a.resolve) || Promise.resolve)(val);
-        });
-      });
-      this.watingRequestsById.clear();
-    }
-  }
-  async fecthGrapql(request) {
-    let res = undefined;
-    let dataResponse = [];
-    let errorsResponse = [];
-    try {
-      res = await dist.batchRequests('http://localhost:8082/', request);
-      res.forEach((resItem) => {
-        dataResponse.push(resItem.data);
-      });
-    }
-    catch (err) {
-      //TODO: Tratar erro quando não existir err.response
-      res = err.response;
-      const req = err.request;
-      Object.entries(res).forEach(([key, val]) => {
-        if (val.errors) {
-          errorsResponse.push(val.errors.map((item) => {
-            item.request = req;
-            item.index = Number(key);
-            return item;
-          }));
-        }
-        else if (val.data) {
-          dataResponse.push(val.data);
-        }
-      });
-    }
-    return { data: dataResponse, errors: errorsResponse };
-  }
-  //TODO: Mover este metodo para o @sankhyalabs/core classe string utils.
-  hashCode(txt) {
-    var hash = 0, i, chr;
-    if (txt.length === 0)
-      return hash.toString();
-    for (i = 0; i < txt.length; i++) {
-      chr = txt.charCodeAt(i);
-      hash = ((hash << 5) - hash) + chr;
-      hash |= 0; // Convert to 32bit integer
-    }
-    return hash.toString();
-  }
-  ;
-}
-HttpFetcher.appTagName = "snk-application";
-class WaitingRequest {
-  constructor(req) {
-    this._resolve = () => { };
-    this._reject = () => { };
-    this._request = undefined;
-    this._request = req;
-    this._promisse = new Promise((resolve, reject) => {
-      this._resolve = resolve;
-      this._reject = reject;
-    });
-  }
-  get resolve() {
-    return this._resolve;
-  }
-  get reject() {
-    return this._reject;
-  }
-  get promise() {
-    return this._promisse;
-  }
-  get request() {
-    return this._request;
-  }
+class HttpFetcher {
+  constructor() {
+    this.watingRequestsById = new Map();
+  }
+  static get() {
+    if (!HttpFetcher.instance) {
+      HttpFetcher.instance = new HttpFetcher();
+      const application = document.querySelector(this.appTagName);
+      if (application === null) {
+        HttpFetcher.instance.resume();
+      }
+      else {
+        application.addEventListener('applicationLoading', () => HttpFetcher.instance.pause());
+        application.addEventListener('applicationLoaded', () => HttpFetcher.instance.resume());
+      }
+    }
+    return this.instance;
+  }
+  async callGraphQL(req) {
+    var _a;
+    const reqKey = this.getReqKey(req);
+    req.queryID = reqKey;
+    req.values.queryID = reqKey;
+    if (this.ready) {
+      return new Promise(async (resolve, reject) => {
+        let query = this.getQueryTemplate(req);
+        const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
+        if (res.errors.length > 0) {
+          reject(res);
+        }
+        else {
+          //resolve(res);
+          //FIXME: Precisamos trabalhar melhor a resposta, quem chamou 
+          //a API não pode ficar responsavel por desempacotar... fiz uma
+          //gambiarra aqui...
+          resolve(res.data[0][reqKey]);
+        }
+      });
+    }
+    else {
+      if (!this.watingRequestsById.has(reqKey)) {
+        this.watingRequestsById.set(reqKey, new WaitingRequest(req));
+      }
+      return (_a = this.getWatingRequest(reqKey)) === null || _a === void 0 ? void 0 : _a.promise;
+    }
+  }
+  getReqKey(req) {
+    return window.btoa(this.hashCode(`${req.query}${JSON.stringify(req.values || "")}`)).replace(/=/g, "");
+  }
+  getQueryTemplate(re) {
+    return (re.query || "").replaceAll("$queryAlias$", re.queryID);
+  }
+  getWatingRequest(reqID) {
+    return this.watingRequestsById.get(reqID);
+  }
+  pause() {
+    this.ready = false;
+  }
+  async resume() {
+    this.ready = true;
+    if (this.watingRequestsById.size > 0) {
+      const requestsBatch = [];
+      this.watingRequestsById.forEach(async (waitingReq) => {
+        let query = this.getQueryTemplate(waitingReq.request);
+        requestsBatch.push({ document: query, variables: Object.assign({}, waitingReq.request.values) });
+      });
+      let res = undefined;
+      let dataResponse = [];
+      let errorsResponse = [];
+      res = await this.fecthGrapql(requestsBatch);
+      dataResponse = res.data;
+      errorsResponse = res.errors;
+      //Reject promises with errors from query
+      errorsResponse.forEach((errorResponse) => {
+        Object.entries(errorResponse).forEach(([_key, val]) => {
+          var _a;
+          (((_a = this.getWatingRequest(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(val);
+        });
+      });
+      //Resolve promises with data from query
+      dataResponse.forEach((data) => {
+        Object.entries(data).forEach(([key, val]) => {
+          var _a;
+          (((_a = this.getWatingRequest(key)) === null || _a === void 0 ? void 0 : _a.resolve) || Promise.resolve)(val);
+        });
+      });
+      this.watingRequestsById.clear();
+    }
+  }
+  async fecthGrapql(request) {
+    let res = undefined;
+    let dataResponse = [];
+    let errorsResponse = [];
+    try {
+      res = await dist.batchRequests('http://localhost:8082/', request);
+      res.forEach((resItem) => {
+        dataResponse.push(resItem.data);
+      });
+    }
+    catch (err) {
+      //TODO: Tratar erro quando não existir err.response
+      res = err.response;
+      const req = err.request;
+      Object.entries(res).forEach(([key, val]) => {
+        if (val.errors) {
+          errorsResponse.push(val.errors.map((item) => {
+            item.request = req;
+            item.index = Number(key);
+            return item;
+          }));
+        }
+        else if (val.data) {
+          dataResponse.push(val.data);
+        }
+      });
+    }
+    return { data: dataResponse, errors: errorsResponse };
+  }
+  //TODO: Mover este metodo para o @sankhyalabs/core classe string utils.
+  hashCode(txt) {
+    var hash = 0, i, chr;
+    if (txt.length === 0)
+      return hash.toString();
+    for (i = 0; i < txt.length; i++) {
+      chr = txt.charCodeAt(i);
+      hash = ((hash << 5) - hash) + chr;
+      hash |= 0; // Convert to 32bit integer
+    }
+    return hash.toString();
+  }
+  ;
+}
+HttpFetcher.appTagName = "snk-application";
+class WaitingRequest {
+  constructor(req) {
+    this._resolve = () => { };
+    this._reject = () => { };
+    this._request = undefined;
+    this._request = req;
+    this._promisse = new Promise((resolve, reject) => {
+      this._resolve = resolve;
+      this._reject = reject;
+    });
+  }
+  get resolve() {
+    return this._resolve;
+  }
+  get reject() {
+    return this._reject;
+  }
+  get promise() {
+    return this._promisse;
+  }
+  get request() {
+    return this._request;
+  }
 }
 
-class DataUnitFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchDataUnit", dist.gql `query($name: String!) {
-              $queryAlias$: fetchDataUnit(name: $name){
-                name
-                fields{
-                  name
-                  defaultValue
-                  label
-                  readOnly
-                  required
-                  dataType
-                  userInterface
-                  properties{
-                    name
-                    value
-                  }
-                  dependencies{
-                    masterFields
-                    type
-                    expression
-                  }
-                }
-              }
-            }`);
-    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $first: Int $offset:Int $filter: [Filter!] $sort: [Sort!]) {
-            $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(first: $first offset: $offset filters: $filter sort: $sort){
-                first
-                offset
-                total
-                hasMore
-                records{
-                  id
-                  fields {
-                    name
-                    value
-                  }
-                }
-              }
-            }
-          }`);
-    this.templateByQuery.set("saveData", dist.gql `mutation($changes: [Change!]!) {
-            $queryAlias$: saveDataUnitChanges(changes: $changes){
-              oldId
-              id
-              fields {
-                name
-                value
-              }
-            }
-          }`);
-  }
-  getDataUnit(entityName, resourceID) {
-    const dataUnit = new core.DataUnit(`dd://${entityName}/${resourceID}`);
-    dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, sort, filters) => this.loadData(dataUnit, sort, filters);
-    dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
-    dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
-    return dataUnit;
-  }
-  loadMetadata(dataUnit) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { name: dataUnit.name },
-        query: this.templateByQuery.get("fetchDataUnit"),
-      })
-        .then((resp) => {
-        var _a;
-        const metadata = {
-          name: resp.name,
-          label: resp.name,
-          fields: [],
-        };
-        (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
-          let properties = undefined;
-          if (Array.isArray(source.properties)) {
-            properties = {};
-            source.properties.forEach((prop) => (properties[prop.name] = prop.value));
-          }
-          metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
-        });
-        resolve(metadata);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  loadData(dataUnit, sort, filters) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { dataunit: dataUnit.name, sort, filters },
-        query: this.templateByQuery.get("fetchData"),
-      })
-        .then((resp) => {
-        const result = resp.data;
-        const dataUnitRecords = [];
-        result.records.forEach((responseRecord) => {
-          const duRecord = { __record__id__: responseRecord.id };
-          responseRecord.fields.forEach(({ name, value }) => {
-            duRecord[name] = dataUnit.valueFromString(name, value);
-          });
-          dataUnitRecords.push(duRecord);
-        });
-        resolve(dataUnitRecords);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  saveData(dataUnit, duChanges) {
-    const changes = duChanges.map((change) => {
-      const { dataUnit: changeDU, record, updatingFields, operation } = change;
-      const parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
-        return { fieldName, value: this.formatValueToServer(value) };
-      });
-      return { dataUnit: changeDU, updatingFields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
-    });
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { changes: changes },
-        query: this.templateByQuery.get("saveData"),
-      })
-        .then((resp) => {
-        const dataUnitRecords = [];
-        resp === null || resp === void 0 ? void 0 : resp.forEach((responseRecord) => {
-          const duRecord = { __record__id__: responseRecord.id };
-          if (responseRecord.oldId) {
-            duRecord.__old__id__ = responseRecord.oldId;
-          }
-          responseRecord.fields.forEach(({ name, value }) => {
-            duRecord[name] = dataUnit.valueFromString(name, value);
-          });
-          dataUnitRecords.push(duRecord);
-        });
-        resolve(dataUnitRecords);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  formatValueToServer(value) {
-    if (value === undefined)
-      return value;
-    try {
-      if (value instanceof Date) {
-        return value.toString();
-      }
-      //Any others objects
-      value = JSON.stringify(value);
-    }
-    catch (_a) {
-      value = value.toString();
-    }
-    return value;
-  }
-  removeRecords(dataUnit, recordIds) {
-    const changes = recordIds.map((recordId) => {
-      return { dataUnit: dataUnit.name, operation: core.ChangeOperation.DELETE, recordId };
-    });
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { changes: changes },
-        query: this.templateByQuery.get("saveData"),
-      })
-        .then((_resp) => {
-        resolve(recordIds);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
+class DataUnitFetcher {
+  constructor() {
+    this.templateByQuery = new Map();
+    this.buldTemplates();
+  }
+  buldTemplates() {
+    this.templateByQuery.set("fetchDataUnit", dist.gql `query($name: String!) {
+              $queryAlias$: fetchDataUnit(name: $name){
+                name
+                fields{
+                  name
+                  defaultValue
+                  label
+                  readOnly
+                  required
+                  dataType
+                  userInterface
+                  properties{
+                    name
+                    value
+                  }
+                  dependencies{
+                    masterFields
+                    type
+                    expression
+                  }
+                }
+              }
+            }`);
+    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $first: Int $offset:Int $filter: [Filter!] $sort: [Sort!]) {
+            $queryAlias$: fetchDataUnit(name: $dataunit){
+              data(first: $first offset: $offset filters: $filter sort: $sort){
+                first
+                offset
+                total
+                hasMore
+                records{
+                  id
+                  fields {
+                    name
+                    value
+                  }
+                }
+              }
+            }
+          }`);
+    this.templateByQuery.set("saveData", dist.gql `mutation($changes: [Change!]!) {
+            $queryAlias$: saveDataUnitChanges(changes: $changes){
+              oldId
+              id
+              fields {
+                name
+                value
+              }
+            }
+          }`);
+  }
+  getDataUnit(entityName, resourceID) {
+    const dataUnit = new core.DataUnit(`dd://${entityName}/${resourceID}`);
+    dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
+    dataUnit.dataLoader = (dataUnit, sort, filters) => this.loadData(dataUnit, sort, filters);
+    dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
+    dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
+    return dataUnit;
+  }
+  loadMetadata(dataUnit) {
+    return new Promise((resolve, reject) => {
+      HttpFetcher.get()
+        .callGraphQL({
+        values: { name: dataUnit.name },
+        query: this.templateByQuery.get("fetchDataUnit"),
+      })
+        .then((resp) => {
+        var _a;
+        const metadata = {
+          name: resp.name,
+          label: resp.name,
+          fields: [],
+        };
+        (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
+          let properties = undefined;
+          if (Array.isArray(source.properties)) {
+            properties = {};
+            source.properties.forEach((prop) => (properties[prop.name] = prop.value));
+          }
+          metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
+        });
+        resolve(metadata);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  loadData(dataUnit, sort, filters) {
+    return new Promise((resolve, reject) => {
+      HttpFetcher.get()
+        .callGraphQL({
+        values: { dataunit: dataUnit.name, sort, filters },
+        query: this.templateByQuery.get("fetchData"),
+      })
+        .then((resp) => {
+        const result = resp.data;
+        const dataUnitRecords = [];
+        result.records.forEach((responseRecord) => {
+          const duRecord = { __record__id__: responseRecord.id };
+          responseRecord.fields.forEach(({ name, value }) => {
+            duRecord[name] = dataUnit.valueFromString(name, value);
+          });
+          dataUnitRecords.push(duRecord);
+        });
+        resolve(dataUnitRecords);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  saveData(dataUnit, duChanges) {
+    const changes = duChanges.map((change) => {
+      const { dataUnit: changeDU, record, updatingFields, operation } = change;
+      const parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
+        return { fieldName, value: this.formatValueToServer(value) };
+      });
+      return { dataUnit: changeDU, updatingFields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
+    });
+    return new Promise((resolve, reject) => {
+      HttpFetcher.get()
+        .callGraphQL({
+        values: { changes: changes },
+        query: this.templateByQuery.get("saveData"),
+      })
+        .then((resp) => {
+        const dataUnitRecords = [];
+        resp === null || resp === void 0 ? void 0 : resp.forEach((responseRecord) => {
+          const duRecord = { __record__id__: responseRecord.id };
+          if (responseRecord.oldId) {
+            duRecord.__old__id__ = responseRecord.oldId;
+          }
+          responseRecord.fields.forEach(({ name, value }) => {
+            duRecord[name] = dataUnit.valueFromString(name, value);
+          });
+          dataUnitRecords.push(duRecord);
+        });
+        resolve(dataUnitRecords);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  formatValueToServer(value) {
+    if (value === undefined)
+      return value;
+    try {
+      if (value instanceof Date) {
+        return value.toString();
+      }
+      //Any others objects
+      value = JSON.stringify(value);
+    }
+    catch (_a) {
+      value = value.toString();
+    }
+    return value;
+  }
+  removeRecords(dataUnit, recordIds) {
+    const changes = recordIds.map((recordId) => {
+      return { dataUnit: dataUnit.name, operation: core.ChangeOperation.DELETE, recordId };
+    });
+    return new Promise((resolve, reject) => {
+      HttpFetcher.get()
+        .callGraphQL({
+        values: { changes: changes },
+        query: this.templateByQuery.get("saveData"),
+      })
+        .then((_resp) => {
+        resolve(recordIds);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 
-class UrlUtils {
-  static getQueryParams(queryString) {
-    const params = new Map();
-    const re = /[?&]?([^=]+)=([^&]*)/g;
-    let tokens;
-    //Necessário por causa da tela Histórico Padrão que possui resourceID com acento
-    queryString = window.unescape(queryString);
-    queryString = queryString.split("+").join(" ");
-    while ((tokens = re.exec(queryString))) {
-      params.set(window.decodeURIComponent(tokens[1]), tokens[2]);
-    }
-    //Inserimos a urlBase no params.
-    params.set("urlBase", this.getUrlBase());
-    if (window["moduleID"] && window["URIServiceBroker"]) {
-      params.set("moduleID", window["moduleID"]);
-      params.set("URIServiceBroker", window["URIServiceBroker"]);
-    }
-    return params;
-  }
-  static getUrlBase() {
-    return `${location.protocol}"//"${location.hostname}${location.port ? ":" + location.port : ""}`;
-  }
+class UrlUtils {
+  static getQueryParams(queryString) {
+    const params = new Map();
+    const re = /[?&]?([^=]+)=([^&]*)/g;
+    let tokens;
+    //Necessário por causa da tela Histórico Padrão que possui resourceID com acento
+    queryString = window.unescape(queryString);
+    queryString = queryString.split("+").join(" ");
+    while ((tokens = re.exec(queryString))) {
+      params.set(window.decodeURIComponent(tokens[1]), tokens[2]);
+    }
+    //Inserimos a urlBase no params.
+    params.set("urlBase", this.getUrlBase());
+    if (window["moduleID"] && window["URIServiceBroker"]) {
+      params.set("moduleID", window["moduleID"]);
+      params.set("URIServiceBroker", window["URIServiceBroker"]);
+    }
+    return params;
+  }
+  static getUrlBase() {
+    return `${location.protocol}"//"${location.hostname}${location.port ? ":" + location.port : ""}`;
+  }
 }
 
-class Workspace {
-  static openAppActivity(resourceId, pkObject) {
-    var _a;
-    (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.openAppActivity(resourceId, pkObject);
-  }
-}
+class Workspace {
+  static openAppActivity(resourceId, pkObject) {
+    var _a;
+    (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.openAppActivity(resourceId, pkObject);
+  }
+}
 Workspace.resourceID = window["workspace"].resourceID;
 
-class ParametersFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchParam", dist.gql `query($name: String!) {
-            $queryAlias$: fetchResource(name: $name){
-              name
-              resource
-            }
-        }`);
-  }
-  async getParam(name, resourceID) {
-    const completPath = `param://${resourceID}?params=${window.btoa(name)}`;
-    return HttpFetcher.get().callGraphQL({
-      values: { name: completPath },
-      query: this.templateByQuery.get("fetchParam"),
-    });
-  }
-  async asString(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr);
-  }
-  async asInteger(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return parseInt(this.getValue(paramArr));
-  }
-  async asFloat(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return parseFloat(this.getValue(paramArr));
-  }
-  async asBoolean(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr) == "S";
-  }
-  async asDate(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return core.DateUtils.strToDate(this.getValue(paramArr));
-  }
-  async getBatchParams(names, resourceID) {
-    const paramArr = await this.getParam(names.join(","), resourceID);
-    //TODO: try to typed params val?
-    const response = {};
-    paramArr.forEach((param) => (response[param.name] = param.resource));
-    return response;
-  }
-  getValue(obj = {}) {
-    if (Array.isArray(obj) && obj.length > 0) {
-      obj = obj[0];
-    }
-    if (core.StringUtils.isEmpty(obj.resource))
-      return "";
-    return obj.resource;
-  }
+class ParametersFetcher {
+  constructor() {
+    this.templateByQuery = new Map();
+    this.buldTemplates();
+  }
+  buldTemplates() {
+    this.templateByQuery.set("fetchParam", dist.gql `query($name: String!) {
+            $queryAlias$: fetchResource(name: $name){
+              name
+              resource
+            }
+        }`);
+  }
+  async getParam(name, resourceID) {
+    const completPath = `param://${resourceID}?params=${window.btoa(name)}`;
+    return HttpFetcher.get().callGraphQL({
+      values: { name: completPath },
+      query: this.templateByQuery.get("fetchParam"),
+    });
+  }
+  async asString(name, resourceID) {
+    const paramArr = await this.getParam(name, resourceID);
+    return this.getValue(paramArr);
+  }
+  async asInteger(name, resourceID) {
+    const paramArr = await this.getParam(name, resourceID);
+    return parseInt(this.getValue(paramArr));
+  }
+  async asFloat(name, resourceID) {
+    const paramArr = await this.getParam(name, resourceID);
+    return parseFloat(this.getValue(paramArr));
+  }
+  async asBoolean(name, resourceID) {
+    const paramArr = await this.getParam(name, resourceID);
+    return this.getValue(paramArr) == "S";
+  }
+  async asDate(name, resourceID) {
+    const paramArr = await this.getParam(name, resourceID);
+    return core.DateUtils.strToDate(this.getValue(paramArr));
+  }
+  async getBatchParams(names, resourceID) {
+    const paramArr = await this.getParam(names.join(","), resourceID);
+    //TODO: try to typed params val?
+    const response = {};
+    paramArr.forEach((param) => (response[param.name] = param.resource));
+    return response;
+  }
+  getValue(obj = {}) {
+    if (Array.isArray(obj) && obj.length > 0) {
+      obj = obj[0];
+    }
+    if (core.StringUtils.isEmpty(obj.resource))
+      return "";
+    return obj.resource;
+  }
 }
 
-class ResourceFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchResource", dist.gql `query($name: String!) {
-                    $queryAlias$: fetchResource(name: $name){
-                        resource
-                    }
-                  }`);
-  }
-  loadResource(name) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { name },
-        query: this.templateByQuery.get("fetchResource"),
-      })
-        .then((result) => {
-        resolve(result === null || result === void 0 ? void 0 : result.resource);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
+class ResourceFetcher {
+  constructor() {
+    this.templateByQuery = new Map();
+    this.buldTemplates();
+  }
+  buldTemplates() {
+    this.templateByQuery.set("fetchResource", dist.gql `query($name: String!) {
+                    $queryAlias$: fetchResource(name: $name){
+                        resource
+                    }
+                  }`);
+  }
+  loadResource(name) {
+    return new Promise((resolve, reject) => {
+      HttpFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.templateByQuery.get("fetchResource"),
+      })
+        .then((result) => {
+        resolve(result === null || result === void 0 ? void 0 : result.resource);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 
-class FormConfigFetcher extends ResourceFetcher {
-  loadFormConfig(formName, resourceID) {
-    return new Promise((accept, reject) => {
-      this.loadResource(`cfg://form/${resourceID}/${formName}`)
-        .then((configAsString) => {
-        if (configAsString) {
-          const config = JSON.parse(configAsString);
-          const { tabs, fields } = config;
-          if (tabs) {
-            const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields.forEach(f => f.tab = allTabs.get(f.tab));
-          }
-          accept(fields);
-        }
-        else {
-          reject(`Sem configuração pro formulário "${formName}".`);
-        }
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
+class FormConfigFetcher extends ResourceFetcher {
+  loadFormConfig(formName, resourceID) {
+    return new Promise((accept, reject) => {
+      this.loadResource(`cfg://form/${resourceID}/${formName}`)
+        .then((configAsString) => {
+        if (configAsString) {
+          const config = JSON.parse(configAsString);
+          const { tabs, fields } = config;
+          if (tabs) {
+            const allTabs = new Map(tabs.map(t => [t.label, t]));
+            fields.forEach(f => f.tab = allTabs.get(f.tab));
+          }
+          accept(fields);
+        }
+        else {
+          reject(`Sem configuração pro formulário "${formName}".`);
+        }
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 
-const mockByEntity = {
-  "ImplantacaoSaldoConta": [{ "value": 6, "label": "Conta Financeiro" }, { "value": 7, "label": "Conta Banco do Brasil" }],
-  "HistoricoBancario": [{ "value": 9, "label": "Lanç. Origem" }, { "value": 8, "label": "Lanç. Origem 2" }],
-  "ContaDestino": [{ "value": 10, "label": "Conta BB" }, { "value": 7, "label": "Conta Santander" }],
-  "HistoricoBancarioDestino": [{ "value": 11, "label": "Contra Bradesco" }, { "value": 13, "label": "Contra Destino" }],
-  "Usuario": [{ "value": 0, "label": "SUP" }],
-  "ContaBancaria": [{ "value": 10, "label": "Conta 10" }, { "value": 17, "label": "Conta 17" }],
-  "TipoOperacao": [{ "value": 4, "label": "Entrada NFse" }, { "value": 5, "label": "Outra top" }, { "value": 6, "label": "Top 6" }]
-};
-const pesquisaLoadOptions = (searchArgument, fieldName, dataUnit) => {
-  var _a;
-  console.log(searchArgument);
-  const field = dataUnit.getField(fieldName);
-  const entityName = (_a = field.properties) === null || _a === void 0 ? void 0 : _a.ENTITYNAME;
-  return (mockByEntity[entityName] || []);
+const mockByEntity = {
+  "ImplantacaoSaldoConta": [{ "value": 6, "label": "Conta Financeiro" }, { "value": 7, "label": "Conta Banco do Brasil" }],
+  "HistoricoBancario": [{ "value": 9, "label": "Lanç. Origem" }, { "value": 8, "label": "Lanç. Origem 2" }],
+  "ContaDestino": [{ "value": 10, "label": "Conta BB" }, { "value": 7, "label": "Conta Santander" }],
+  "HistoricoBancarioDestino": [{ "value": 11, "label": "Contra Bradesco" }, { "value": 13, "label": "Contra Destino" }],
+  "Usuario": [{ "value": 0, "label": "SUP" }],
+  "ContaBancaria": [{ "value": 10, "label": "Conta 10" }, { "value": 17, "label": "Conta 17" }],
+  "TipoOperacao": [{ "value": 4, "label": "Entrada NFse" }, { "value": 5, "label": "Outra top" }, { "value": 6, "label": "Top 6" }]
+};
+const pesquisaLoadOptions = (searchArgument, fieldName, dataUnit) => {
+  var _a;
+  console.log(searchArgument);
+  const field = dataUnit.getField(fieldName);
+  const entityName = (_a = field.properties) === null || _a === void 0 ? void 0 : _a.ENTITYNAME;
+  return (mockByEntity[entityName] || []);
 };
 
 const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}";
 
-const SnkApplication = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.applicationLoaded = index.createEvent(this, "applicationLoaded", 7);
-    this.applicationLoading = index.createEvent(this, "applicationLoading", 7);
-  }
-  get parameters() {
-    if (!this._parameters) {
-      this._parameters = new ParametersFetcher();
-    }
-    return this._parameters;
-  }
-  get resourceID() {
-    if (!this._resourceID) {
-      this._resourceID = this.urlParams.get("workspaceResourceID") ||
-        this.urlParams.get("resourceID") ||
-        Workspace.resourceID ||
-        "unknown.resource.id";
-    }
-    return this._resourceID;
-  }
-  async getStringParam(name) {
-    return this.parameters.asString(name, this.resourceID);
-  }
-  async getIntParam(name) {
-    return this.parameters.asInteger(name, this.resourceID);
-  }
-  async getFloatParam(name) {
-    return this.parameters.asFloat(name, this.resourceID);
-  }
-  async getBooleanParam(name) {
-    return this.parameters.asBoolean(name, this.resourceID);
-  }
-  async getDateParam(name) {
-    return this.parameters.asDate(name, this.resourceID);
-  }
-  async temOpcional(opcional) {
-    const opts = opcional.split(",");
-    return new Promise((resolve, reject) => {
-      this.getAttributeFromHTMLWrapper("opc0009")
-        .then(value => {
-        if (value === "1") {
-          resolve(true);
-        }
-        else {
-          Promise.all(opts.map(opt => this.getAttributeFromHTMLWrapper("opc" + opt)))
-            .then(result => {
-            resolve(result.includes("1"));
-          })
-            .catch(error => {
-            reject(error);
-          });
-        }
-      })
-        .catch(error => {
-        reject(error);
-      });
-    });
-  }
-  async getAttributeFromHTMLWrapper(attribName) {
-    return Promise.resolve(window[attribName]);
-  }
-  async openApp(resourceId, pkObject) {
-    Workspace.openAppActivity(resourceId, pkObject);
-  }
-  async createDataunit(entityName) {
-    return new Promise(resolve => {
-      const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
-      dataUnit.loadMetadata();
-      resolve(dataUnit);
-    });
-  }
-  async getResourceID() {
-    return Promise.resolve(this.resourceID);
-  }
-  async alert(title, message, icon) {
-    return utils.ApplicationUtils.alert(title, message, icon);
-  }
-  async error(title, message, icon) {
-    return utils.ApplicationUtils.error(title, message, icon);
-  }
-  async confirm(title, message, icon, critical) {
-    return utils.ApplicationUtils.confirm(title, message, icon, critical);
-  }
-  async info(message, options = undefined) {
-    return utils.ApplicationUtils.info(message, options);
-  }
-  async loadFormConfig(name) {
-    return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
-  }
-  get urlParams() {
-    if (!this._urlParams) {
-      this._urlParams = UrlUtils.getQueryParams(location.search);
-    }
-    return this._urlParams;
-  }
-  get dataUnitFetcher() {
-    if (!this._dataUnitFetcher) {
-      this._dataUnitFetcher = new DataUnitFetcher();
-    }
-    return this._dataUnitFetcher;
-  }
-  get formConfigFetcher() {
-    if (!this._formConfigFetcher) {
-      this._formConfigFetcher = new FormConfigFetcher();
-    }
-    return this._formConfigFetcher;
-  }
-  componentWillLoad() {
-    core.ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", pesquisaLoadOptions);
-  }
-  componentDidLoad() {
-    this.applicationLoading.emit(true);
-    window.requestAnimationFrame(() => {
-      this.applicationLoaded.emit(true);
-    });
-  }
-  render() {
-    return (index.h("div", null));
-  }
-};
+const SnkApplication = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.applicationLoaded = index.createEvent(this, "applicationLoaded", 7);
+    this.applicationLoading = index.createEvent(this, "applicationLoading", 7);
+  }
+  get parameters() {
+    if (!this._parameters) {
+      this._parameters = new ParametersFetcher();
+    }
+    return this._parameters;
+  }
+  get resourceID() {
+    if (!this._resourceID) {
+      this._resourceID = this.urlParams.get("workspaceResourceID") ||
+        this.urlParams.get("resourceID") ||
+        Workspace.resourceID ||
+        "unknown.resource.id";
+    }
+    return this._resourceID;
+  }
+  async getStringParam(name) {
+    return this.parameters.asString(name, this.resourceID);
+  }
+  async getIntParam(name) {
+    return this.parameters.asInteger(name, this.resourceID);
+  }
+  async getFloatParam(name) {
+    return this.parameters.asFloat(name, this.resourceID);
+  }
+  async getBooleanParam(name) {
+    return this.parameters.asBoolean(name, this.resourceID);
+  }
+  async getDateParam(name) {
+    return this.parameters.asDate(name, this.resourceID);
+  }
+  async temOpcional(opcional) {
+    const opts = opcional.split(",");
+    return new Promise((resolve, reject) => {
+      this.getAttributeFromHTMLWrapper("opc0009")
+        .then(value => {
+        if (value === "1") {
+          resolve(true);
+        }
+        else {
+          Promise.all(opts.map(opt => this.getAttributeFromHTMLWrapper("opc" + opt)))
+            .then(result => {
+            resolve(result.includes("1"));
+          })
+            .catch(error => {
+            reject(error);
+          });
+        }
+      })
+        .catch(error => {
+        reject(error);
+      });
+    });
+  }
+  async getAttributeFromHTMLWrapper(attribName) {
+    return Promise.resolve(window[attribName]);
+  }
+  async openApp(resourceId, pkObject) {
+    Workspace.openAppActivity(resourceId, pkObject);
+  }
+  async createDataunit(entityName) {
+    return new Promise(resolve => {
+      const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
+      dataUnit.loadMetadata();
+      resolve(dataUnit);
+    });
+  }
+  async getResourceID() {
+    return Promise.resolve(this.resourceID);
+  }
+  async alert(title, message, icon) {
+    return utils.ApplicationUtils.alert(title, message, icon);
+  }
+  async error(title, message, icon) {
+    return utils.ApplicationUtils.error(title, message, icon);
+  }
+  async confirm(title, message, icon, critical) {
+    return utils.ApplicationUtils.confirm(title, message, icon, critical);
+  }
+  async info(message, options = undefined) {
+    return utils.ApplicationUtils.info(message, options);
+  }
+  async loadFormConfig(name) {
+    return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
+  }
+  get urlParams() {
+    if (!this._urlParams) {
+      this._urlParams = UrlUtils.getQueryParams(location.search);
+    }
+    return this._urlParams;
+  }
+  get dataUnitFetcher() {
+    if (!this._dataUnitFetcher) {
+      this._dataUnitFetcher = new DataUnitFetcher();
+    }
+    return this._dataUnitFetcher;
+  }
+  get formConfigFetcher() {
+    if (!this._formConfigFetcher) {
+      this._formConfigFetcher = new FormConfigFetcher();
+    }
+    return this._formConfigFetcher;
+  }
+  componentWillLoad() {
+    core.ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", pesquisaLoadOptions);
+  }
+  componentDidLoad() {
+    this.applicationLoading.emit(true);
+    window.requestAnimationFrame(() => {
+      this.applicationLoaded.emit(true);
+    });
+  }
+  render() {
+    return (index.h("div", null));
+  }
+};
 SnkApplication.style = snkApplicationCss;
 
 exports.snk_application = SnkApplication;