@txo/service-graphql-react 2.2.3

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+## [2.2.3](https://github.com/technology-studio/service-graphql-react/compare/v2.2.2...v2.2.3) (2022-10-25)
+
+
+### Bug fixes
+
+* migrate package ([#2](https://github.com/technology-studio/service-graphql-react/issues/2)) ([e761e34](https://github.com/technology-studio/service-graphql-react/commit/e761e34a539bfe58e82b9466bb0c2460ea38658f))

package/README.md

@@ -0,0 +1,5 @@
+![npm](https://img.shields.io/npm/v/@txo/service-graphql-react)
+![codecov](https://img.shields.io/codecov/c/github/technology-studio/service-graphql-react)
+# Service graphql react #
+
+Service graphql react

package/lib/Api/ContextHelper.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-10-13T19:10:73+02:00
+ * @Copyright: Technology Studio
+**/
+export declare const serviceContext: (serviceName: string, serviceAttributes: Record<string, unknown>) => string;

package/lib/Api/ContextHelper.js

@@ -0,0 +1,11 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-10-13T19:10:73+02:00
+ * @Copyright: Technology Studio
+**/
+exports.__esModule = true;
+exports.serviceContext = void 0;
+var serviceContext = function (serviceName, serviceAttributes) { return ("".concat(serviceName, "(").concat(JSON.stringify(serviceAttributes), ")").replace(/\./g, '_')); };
+exports.serviceContext = serviceContext;
+//# sourceMappingURL=ContextHelper.js.map

package/lib/Api/ContextHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextHelper.js","sourceRoot":"","sources":["../../src/Api/ContextHelper.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAEI,IAAM,cAAc,GAAG,UAAC,WAAmB,EAAE,iBAA0C,IAAa,OAAA,CACzG,UAAG,WAAW,cAAI,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,MAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAC3E,EAF0G,CAE1G,CAAA;AAFY,QAAA,cAAc,kBAE1B"}

package/lib/Api/ErrorMapHelper.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T14:03:65+01:00
+ * @Copyright: Technology Studio
+**/
+import type { ServiceError } from '@txo/service-prop';
+import type { ErrorMap, ErrorMapper } from '../Model/Types';
+export declare const ignoreError: () => ErrorMapper;
+export declare const validationError: (message?: string) => ErrorMapper;
+export declare const applyErrorMap: (serviceErrorList: ServiceError[], errorMap: ErrorMap, onFieldErrors?: ((fieldErrors: Record<string, Record<string, string>>) => void) | undefined) => ServiceError[];

package/lib/Api/ErrorMapHelper.js

@@ -0,0 +1,103 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T14:03:65+01:00
+ * @Copyright: Technology Studio
+**/
+var __assign = (this && this.__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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.applyErrorMap = exports.validationError = exports.ignoreError = void 0;
+var functional_1 = require("@txo/functional");
+var lodash_set_1 = __importDefault(require("lodash.set"));
+var Types_1 = require("../Model/Types");
+var normaliseErrorMap = function (errorMap) {
+    if ((0, functional_1.isObject)(errorMap)) {
+        return Object.keys(errorMap).reduce(function (normalisedErrorMap, key) {
+            (0, lodash_set_1["default"])(normalisedErrorMap, key, normaliseErrorMap(errorMap[key]));
+            return normalisedErrorMap;
+        }, {});
+    }
+    return errorMap;
+};
+var ignoreError = function () { return function () { return undefined; }; };
+exports.ignoreError = ignoreError;
+var validationError = function (message) { return function (_a) {
+    var error = _a.error;
+    var nextError = __assign(__assign({}, error), { message: message !== null && message !== void 0 ? message : error.message, meta: __assign(__assign({}, error.meta), { type: Types_1.VALIDATION_ERROR }) });
+    return nextError;
+}; };
+exports.validationError = validationError;
+var getWithWildcardFallback = function (errorMap, path) {
+    if (errorMap === undefined) {
+        return undefined;
+    }
+    if (path) {
+        if ((0, functional_1.isObject)(errorMap)) {
+            var pathList = path.split('.');
+            var currentPath = pathList.shift();
+            var keyList = Object.keys(errorMap);
+            var currentKey = currentPath && keyList.includes(currentPath) ? currentPath : '*';
+            return getWithWildcardFallback(errorMap[currentKey], pathList.join('.'));
+        }
+        else {
+            return undefined;
+        }
+    }
+    return typeof errorMap === 'function' ? errorMap : undefined;
+};
+var applyErrorMap = function (serviceErrorList, errorMap, onFieldErrors) {
+    var normalisedErrorMap = normaliseErrorMap(errorMap);
+    var modified = false;
+    var fieldErrors = {};
+    var nextServiceErrorList = serviceErrorList
+        .reduce(function (nextServiceErrorList, serviceError) {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var graphQlError = serviceError.data;
+        var path = __spreadArray(__spreadArray([], ((_a = graphQlError === null || graphQlError === void 0 ? void 0 : graphQlError.path) !== null && _a !== void 0 ? _a : []), true), [serviceError.key], false).join('.');
+        var errorMapper = getWithWildcardFallback(normalisedErrorMap, path);
+        if (errorMapper) {
+            var nextServiceError = errorMapper({
+                error: serviceError,
+                fieldErrors: fieldErrors,
+                path: path
+            });
+            if (nextServiceError !== serviceError) {
+                modified = true;
+            }
+            nextServiceError && nextServiceErrorList.push(nextServiceError);
+        }
+        else {
+            nextServiceErrorList.push(serviceError);
+        }
+        return nextServiceErrorList;
+    }, []);
+    if (onFieldErrors && Object.keys(fieldErrors).length > 0) {
+        onFieldErrors(fieldErrors);
+    }
+    return modified ? nextServiceErrorList : serviceErrorList;
+};
+exports.applyErrorMap = applyErrorMap;
+//# sourceMappingURL=ErrorMapHelper.js.map

package/lib/Api/ErrorMapHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMapHelper.js","sourceRoot":"","sources":["../../src/Api/ErrorMapHelper.ts"],"names":[],"mappings":"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"}

package/lib/Api/OperationHelper.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-28T20:09:40+02:00
+ * @Copyright: Technology Studio
+**/
+import type { DocumentNode } from 'graphql';
+export declare const getName: (query: DocumentNode) => string;

package/lib/Api/OperationHelper.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-28T20:09:40+02:00
+ * @Copyright: Technology Studio
+**/
+exports.__esModule = true;
+exports.getName = void 0;
+var upperCaseFirst = function (str) { return str.charAt(0).toUpperCase() + str.slice(1); };
+var pascalCase = function (string) { return ("".concat(string)
+    .replace(/[-_]+/g, ' ')
+    .replace(/[^\w\s]/g, '')
+    .replace(/\s+(.)(\w*)/g, function (_$1, $2, $3) { return "".concat($2.toUpperCase() + $3.toLowerCase()); })
+    .replace(/\w/, function (s) { return s.toUpperCase(); })); };
+var getName = function (query) {
+    var _a;
+    var definition = query.definitions
+        .find(function (definition) { return (definition.kind === 'OperationDefinition'); });
+    var operationName = (_a = definition === null || definition === void 0 ? void 0 : definition.name) === null || _a === void 0 ? void 0 : _a.value.split('_').map(pascalCase).join('.');
+    return operationName !== null && operationName !== void 0 ? operationName : upperCaseFirst(definition.operation);
+};
+exports.getName = getName;
+//# sourceMappingURL=OperationHelper.js.map

package/lib/Api/OperationHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationHelper.js","sourceRoot":"","sources":["../../src/Api/OperationHelper.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAOH,IAAM,cAAc,GAAG,UAAC,GAAW,IAAa,OAAA,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAA1C,CAA0C,CAAA;AAC1F,IAAM,UAAU,GAAG,UAAC,MAAc,IAAa,OAAA,CAC7C,UAAG,MAAM,CAAE;KACR,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;KACtB,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;KACvB,OAAO,CACN,cAAc,EACd,UAAC,GAAG,EAAE,EAAU,EAAE,EAAU,IAAK,OAAA,UAAG,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAE,EAAxC,CAAwC,CAC1E;KACA,OAAO,CAAC,IAAI,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,CACvC,EAT8C,CAS9C,CAAA;AAEM,IAAM,OAAO,GAAG,UAAC,KAAmB;;IACzC,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW;SACjC,IAAI,CAAC,UAAA,UAAU,IAAI,OAAA,CAClB,UAAU,CAAC,IAAI,KAAK,qBAAqB,CAC1C,EAFmB,CAEnB,CAA4B,CAAA;IAC/B,IAAM,aAAa,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,0CAAE,KAAK,CAC1C,KAAK,CAAC,GAAG,EACT,GAAG,CAAC,UAAU,EACd,IAAI,CAAC,GAAG,CAAC,CAAA;IACZ,OAAO,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;AAC9D,CAAC,CAAA;AAVY,QAAA,OAAO,WAUnB"}

package/lib/Hooks/UseServiceMutation.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-08-24T13:08:91+02:00
+ * @Copyright: Technology Studio
+**/
+import type { DependencyList } from 'react';
+import type { CallAttributes, ServiceProp } from '@txo/service-prop';
+import type { MutationOptions as ApolloMutationOptions, TypedDocumentNode, MutationResult, MutationFunctionOptions as MutateFunctionOptions, FetchResult } from '@apollo/client';
+import type { ErrorMap } from '../Model/Types';
+export declare type MutationServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>> = Omit<ServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES, FetchResult<DATA>>, 'clear' | 'options' | 'clearException' | 'exception'> & {
+    mutation: MutationResult<DATA>;
+};
+export declare type MutateFunction<DATA, ATTRIBUTES> = (options?: MutateFunctionOptions<DATA, ATTRIBUTES>) => Promise<FetchResult<DATA>>;
+export declare type MutationOptions<DATA, ATTRIBUTES> = {
+    onFieldErrors?: (fieldErrors: Record<string, Record<string, string>>) => void;
+    options?: Omit<ApolloMutationOptions<DATA, ATTRIBUTES>, 'mutation'>;
+    errorMap?: ErrorMap;
+    mutateFactory?: (mutate: MutateFunction<DATA, ATTRIBUTES>) => MutateFunction<DATA, ATTRIBUTES>;
+    onFieldErrorsDependencyList?: DependencyList;
+    errorMapDependencyList?: DependencyList;
+};
+export declare const useServiceMutation: <ATTRIBUTES extends Record<string, unknown>, DATA, CALL_ATTRIBUTES extends Partial<ATTRIBUTES & {
+    context?: string | undefined;
+    onFieldErrors?: ((fieldErrors: Record<string, Record<string, string>>) => void) | undefined;
+}>>(mutationDocument: TypedDocumentNode<DATA, ATTRIBUTES>, options?: MutationOptions<DATA, ATTRIBUTES> | undefined) => MutationServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES>;

package/lib/Hooks/UseServiceMutation.js

@@ -0,0 +1,123 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-08-24T13:08:91+02:00
+ * @Copyright: Technology Studio
+**/
+var __assign = (this && this.__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 = (this && this.__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 = (this && this.__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 };
+    }
+};
+exports.__esModule = true;
+exports.useServiceMutation = void 0;
+var react_1 = require("react");
+var hooks_react_1 = require("@txo/hooks-react");
+var client_1 = require("@apollo/client");
+var service_error_handler_react_1 = require("@txo-peer-dep/service-error-handler-react");
+var service_graphql_1 = require("@txo/service-graphql");
+var ContextHelper_1 = require("../Api/ContextHelper");
+var OperationHelper_1 = require("../Api/OperationHelper");
+var ErrorMapHelper_1 = require("../Api/ErrorMapHelper");
+var calculateContext = function (mutation, variables) { return ((0, ContextHelper_1.serviceContext)((0, OperationHelper_1.getName)(mutation), variables !== null && variables !== void 0 ? variables : {})); };
+var useServiceMutation = function (mutationDocument, options) {
+    var _a = options !== null && options !== void 0 ? options : {}, defaultOnFieldErrors = _a.onFieldErrors, onFieldErrorsDependencyList = _a.onFieldErrorsDependencyList, errorMap = _a.errorMap, errorMapDependencyList = _a.errorMapDependencyList, mutationOptions = _a.options, mutateFactory = _a.mutateFactory;
+    var exceptionRef = (0, react_1.useRef)(null);
+    var memoizedErrorMap = (0, react_1.useMemo)(function () { return errorMap; }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    errorMapDependencyList !== null && errorMapDependencyList !== void 0 ? errorMapDependencyList : []);
+    var memoizedDefaultOnFieldErrors = (0, react_1.useMemo)(function () { return defaultOnFieldErrors; }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    onFieldErrorsDependencyList !== null && onFieldErrorsDependencyList !== void 0 ? onFieldErrorsDependencyList : []);
+    var _b = (0, client_1.useMutation)(mutationDocument, mutationOptions), mutate = _b[0], mutation = _b[1];
+    var _c = (0, react_1.useContext)(service_error_handler_react_1.ErrorHandlerContext), addServiceErrorException = _c.addServiceErrorException, removeServiceErrorException = _c.removeServiceErrorException;
+    var memoizedOptions = (0, hooks_react_1.useMemoObject)(mutationOptions);
+    var wrappedCall = (0, react_1.useCallback)(function (variables, callAttributes) { return __awaiter(void 0, void 0, void 0, function () {
+        var attributes, onFieldErrors, context, operationName, mutateWithErrorProcessor, nextMutate;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            attributes = __assign({ variables: variables, mutation: mutationDocument }, memoizedOptions);
+            onFieldErrors = (_a = callAttributes === null || callAttributes === void 0 ? void 0 : callAttributes.onFieldErrors) !== null && _a !== void 0 ? _a : memoizedDefaultOnFieldErrors;
+            context = calculateContext(mutationDocument, variables);
+            exceptionRef.current && removeServiceErrorException(context);
+            exceptionRef.current = null;
+            operationName = (0, OperationHelper_1.getName)(mutationDocument);
+            mutateWithErrorProcessor = function (options) { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, ((0, service_graphql_1.operationPromiseProcessor)(mutate(options), {
+                            operationName: operationName,
+                            context: context
+                        }))];
+                });
+            }); };
+            nextMutate = (_b = mutateFactory === null || mutateFactory === void 0 ? void 0 : mutateFactory(mutateWithErrorProcessor)) !== null && _b !== void 0 ? _b : mutateWithErrorProcessor;
+            return [2 /*return*/, (0, service_graphql_1.operationPromiseProcessor)(nextMutate(attributes), {
+                    operationName: operationName,
+                    context: context
+                })["catch"](function (serviceErrorException) { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        if (memoizedErrorMap) {
+                            serviceErrorException.serviceErrorList = (0, ErrorMapHelper_1.applyErrorMap)(serviceErrorException.serviceErrorList, memoizedErrorMap, onFieldErrors);
+                        }
+                        addServiceErrorException(serviceErrorException);
+                        exceptionRef.current = serviceErrorException;
+                        throw serviceErrorException;
+                    });
+                }); })];
+        });
+    }); }, [mutationDocument, memoizedOptions, memoizedDefaultOnFieldErrors, removeServiceErrorException, mutateFactory, mutate, memoizedErrorMap, addServiceErrorException]);
+    var memoizedMutation = (0, hooks_react_1.useMemoObject)(mutation);
+    return (0, react_1.useMemo)(function () {
+        var _a;
+        return ({
+            mutation: memoizedMutation,
+            data: (_a = memoizedMutation.data) !== null && _a !== void 0 ? _a : null,
+            fetching: memoizedMutation.loading,
+            call: wrappedCall
+        });
+    }, [memoizedMutation, wrappedCall]);
+};
+exports.useServiceMutation = useServiceMutation;
+//# sourceMappingURL=UseServiceMutation.js.map

package/lib/Hooks/UseServiceMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseServiceMutation.js","sourceRoot":"","sources":["../../src/Hooks/UseServiceMutation.ts"],"names":[],"mappings":"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"}

package/lib/Hooks/UseServiceQuery.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-01T16:09:57+02:00
+ * @Copyright: Technology Studio
+**/
+import type { QueryHookOptions, TypedDocumentNode, QueryResult } from '@apollo/client';
+import type { Get } from 'type-fest';
+import type { CallAttributes, ServiceProp } from '@txo/service-prop';
+export declare type QueryServiceProp<ATTRIBUTES, DATA, MAPPED_DATA, CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>> = Omit<ServiceProp<ATTRIBUTES, MAPPED_DATA, CALL_ATTRIBUTES>, 'call' | 'clear' | 'options' | 'clearException'> & {
+    query: QueryResult<DATA, ATTRIBUTES>;
+};
+declare type QueryOptions<DATA, ATTRIBUTES, DATA_PATH extends string> = {
+    options?: QueryHookOptions<DATA, ATTRIBUTES>;
+    dataPath: DATA_PATH;
+};
+export declare const useServiceQuery: <ATTRIBUTES extends Record<string, unknown>, DATA, CALL_ATTRIBUTES extends Partial<ATTRIBUTES & {
+    context?: string | undefined;
+    onFieldErrors?: ((fieldErrors: Record<string, Record<string, string>>) => void) | undefined;
+}>, DATA_PATH extends string>(queryDocument: TypedDocumentNode<DATA, ATTRIBUTES>, options: QueryOptions<DATA, ATTRIBUTES, DATA_PATH>) => QueryServiceProp<ATTRIBUTES, DATA, import("type-fest/source/get").GetWithPath<DATA, DATA_PATH extends string ? import("type-fest").Split<import("type-fest/source/get").FixPathSquareBrackets<DATA_PATH>, "."> : DATA_PATH, {}>, CALL_ATTRIBUTES>;
+export {};

package/lib/Hooks/UseServiceQuery.js

@@ -0,0 +1,73 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-01T16:09:57+02:00
+ * @Copyright: Technology Studio
+**/
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useServiceQuery = void 0;
+var react_1 = require("react");
+var client_1 = require("@apollo/client");
+var lodash_get_1 = __importDefault(require("lodash.get"));
+var service_prop_1 = require("@txo/service-prop");
+var service_graphql_1 = require("@txo-peer-dep/service-graphql");
+var hooks_react_1 = require("@txo/hooks-react");
+var service_error_handler_react_1 = require("@txo-peer-dep/service-error-handler-react");
+var ContextHelper_1 = require("../Api/ContextHelper");
+var OperationHelper_1 = require("../Api/OperationHelper");
+var calculateContext = function (query, variables) { return ((0, ContextHelper_1.serviceContext)((0, OperationHelper_1.getName)(query), variables !== null && variables !== void 0 ? variables : {})); };
+var isServiceErrorListEqual = function (a, b) {
+    if (a.length !== b.length) {
+        return false;
+    }
+    if (a.every(function (error, index) { return (b[index].key === error.key) && (b[index].message === error.message); })) {
+        return true;
+    }
+    return false;
+};
+// TODO: find a better way to parse type of dataPath (from attribute)
+var useServiceQuery = function (queryDocument, options) {
+    var dataPath = options.dataPath, queryOptions = options.options;
+    var query = (0, client_1.useQuery)(queryDocument, queryOptions);
+    var shownExceptionListRef = (0, react_1.useRef)([]);
+    var _a = (0, react_1.useContext)(service_error_handler_react_1.ErrorHandlerContext), addServiceErrorException = _a.addServiceErrorException, removeServiceErrorException = _a.removeServiceErrorException;
+    var memoizedVariables = (0, hooks_react_1.useMemoObject)(queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables);
+    var memoizedQuery = (0, hooks_react_1.useMemoObject)(query);
+    var context = (0, react_1.useMemo)(function () { return (calculateContext(queryDocument, memoizedVariables)); }, [queryDocument, memoizedVariables]);
+    var exception = (0, react_1.useMemo)(function () {
+        var operationName = (0, OperationHelper_1.getName)(queryDocument);
+        if (memoizedQuery.error) {
+            var errorList = service_graphql_1.configManager.config.errorResponseTranslator(memoizedQuery.error, {
+                context: context,
+                operationName: operationName
+            });
+            var exception_1 = new service_prop_1.ServiceErrorException({
+                serviceErrorList: errorList,
+                serviceName: operationName,
+                context: context
+            });
+            return exception_1;
+        }
+        return null;
+    }, [context, memoizedQuery, queryDocument]);
+    (0, react_1.useLayoutEffect)(function () {
+        if (exception && !shownExceptionListRef.current.find(function (shownException) { return (isServiceErrorListEqual(shownException.serviceErrorList, exception.serviceErrorList)); })) {
+            addServiceErrorException(exception);
+            shownExceptionListRef.current.push(exception);
+        }
+        return function () {
+            exception && removeServiceErrorException(context);
+        };
+    }, [addServiceErrorException, context, exception, memoizedVariables, queryDocument, removeServiceErrorException]);
+    return (0, react_1.useMemo)(function () { return ({
+        query: memoizedQuery,
+        data: (0, lodash_get_1["default"])(memoizedQuery.data, dataPath),
+        fetching: memoizedQuery.loading,
+        exception: exception
+    }); }, [memoizedQuery, exception, dataPath]);
+};
+exports.useServiceQuery = useServiceQuery;
+//# sourceMappingURL=UseServiceQuery.js.map

package/lib/Hooks/UseServiceQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseServiceQuery.js","sourceRoot":"","sources":["../../src/Hooks/UseServiceQuery.ts"],"names":[],"mappings":"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"}

package/lib/Model/Types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T10:03:96+01:00
+ * @Copyright: Technology Studio
+**/
+import type { ServiceError } from '@txo/service-prop';
+export declare type ErrorMapper = ((options: {
+    error: ServiceError;
+    fieldErrors?: Record<string, Record<string, string>>;
+    path: string;
+}) => ServiceError | undefined) | undefined;
+export declare type ErrorMap = {
+    [key: string]: ErrorMap;
+} | ErrorMapper;
+export declare const VALIDATION_ERROR = "VALIDATION_ERROR";

package/lib/Model/Types.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T10:03:96+01:00
+ * @Copyright: Technology Studio
+**/
+exports.__esModule = true;
+exports.VALIDATION_ERROR = void 0;
+exports.VALIDATION_ERROR = 'VALIDATION_ERROR';
+//# sourceMappingURL=Types.js.map

package/lib/Model/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/Model/Types.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAYU,QAAA,gBAAgB,GAAG,kBAAkB,CAAA"}

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-01-24T13:01:19+01:00
+ * @Copyright: Technology Studio
+**/
+export { getName } from './Api/OperationHelper';
+export * from './Api/ErrorMapHelper';
+export * from './Hooks/UseServiceMutation';
+export { useServiceQuery, QueryServiceProp, } from './Hooks/UseServiceQuery';
+export * from './Model/Types';

package/lib/index.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-01-24T13:01:19+01:00
+ * @Copyright: Technology Studio
+**/
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+exports.useServiceQuery = exports.getName = void 0;
+var OperationHelper_1 = require("./Api/OperationHelper");
+__createBinding(exports, OperationHelper_1, "getName");
+__exportStar(require("./Api/ErrorMapHelper"), exports);
+__exportStar(require("./Hooks/UseServiceMutation"), exports);
+var UseServiceQuery_1 = require("./Hooks/UseServiceQuery");
+__createBinding(exports, UseServiceQuery_1, "useServiceQuery");
+__exportStar(require("./Model/Types"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;AAEH,yDAA+C;AAAtC,uDAAO;AAChB,uDAAoC;AACpC,6DAA0C;AAC1C,2DAGgC;AAF9B,+DAAe;AAGjB,gDAA6B"}

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@txo/service-graphql-react",
+  "version": "2.2.3",
+  "description": "Technology Studio - Service graphql react",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/technology-studio/service-graphql-react.git"
+  },
+  "author": {
+    "name": "Technology Studio",
+    "email": "npm@technologystudio.sk",
+    "url": "https://github.com/technology-studio/"
+  },
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "build": "yarn build:clean && yarn build:lib",
+    "build:clean": "yarn rimraf lib",
+    "build:lib": "yarn tsc",
+    "build:watch": "yarn tsc --watch",
+    "test": "jest",
+    "test:watch": "concurrently \"yarn build:watch\" \"jest --watch\"",
+    "coverage": "jest --coverage && open coverage/lcov-report/index.html || xdg-open coverage/lcov-report/index.html",
+    "compare-boilerplate-version": "./scripts/compare-boilerplate-version.sh",
+    "lint": "eslint --format=node_modules/eslint-formatter-pretty --ext .jsx,.js,.ts,.tsx .",
+    "fixcode": "eslint --format=node_modules/eslint-formatter-pretty --ext .jsx,.js,.ts,.tsx . --fix",
+    "git-hook": "yarn -s lint-staged",
+    "prepare": "husky install && yarn build",
+    "print-txo-packages": "yarn list 2> /dev/null|grep @txo|sed 's/.*\\(@txo[^@]*\\)@^*\\([^ ]*\\).*/\\1@\\2/g'|sort|uniq",
+    "sanity": "yarn lint && yarn build && tsc --noEmit && yarn test && yarn compare-boilerplate-version && echo 'success'",
+    "semantic-release": "semantic-release",
+    "update-boilerplate-version": "./scripts/update-boilerplate-version.sh"
+  },
+  "dependencies": {
+    "@txo/hooks-react": "^2.3.4",
+    "@txo/service-graphql": "^4.3.1",
+    "@txo/service-prop": "^2.2.1",
+    "@txo/types": "^1.3.0",
+    "lodash.get": "^4.4.2",
+    "lodash.set": "^4.3.2",
+    "type-fest": "^3.1.0"
+  },
+  "peerDependencies": {
+    "@apollo/client": "^3.6.9",
+    "@txo-peer-dep/service-error-handler-react": "^1.2.0",
+    "@txo-peer-dep/service-graphql": "^3.2.1",
+    "graphql": "^16.6.0"
+  },
+  "devDependencies": {
+    "@apollo/client": "^3.7.0",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/git": "^10.0.1",
+    "@txo-peer-dep/log": "^4.0.0",
+    "@txo-peer-dep/service-error-handler-react": "^1.2.0",
+    "@txo-peer-dep/service-graphql": "^3.2.1",
+    "@txo/log-console": "^3.0.0",
+    "@types/jest": "^29.2.0",
+    "@types/lodash.get": "^4.4.7",
+    "@types/lodash.set": "^4.3.7",
+    "@types/react": "^18.0.21",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
+    "commitizen": "^4.2.5",
+    "concurrently": "^7.4.0",
+    "eslint": "^8.25.0",
+    "eslint-config-txo-typescript-react": "^1.0.14",
+    "eslint-formatter-pretty": "^4.1.0",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^27.1.3",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-n": "^15.3.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-redux-saga": "^1.3.2",
+    "graphql": "^16.6.0",
+    "husky": "^8.0.1",
+    "jest": "^29.2.1",
+    "lint-staged": "^13.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "redux-saga": "^1.2.1",
+    "rimraf": "^3.0.2",
+    "semantic-release": "^19.0.5",
+    "semantic-release-slack-bot": "^3.5.3",
+    "ts-jest": "^29.0.3",
+    "typescript": "^4.8.4"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}

package/src/Api/ContextHelper.ts

@@ -0,0 +1,9 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-10-13T19:10:73+02:00
+ * @Copyright: Technology Studio
+**/
+
+export const serviceContext = (serviceName: string, serviceAttributes: Record<string, unknown>): string => (
+  `${serviceName}(${JSON.stringify(serviceAttributes)})`.replace(/\./g, '_')
+)

package/src/Api/ErrorMapHelper.ts

@@ -0,0 +1,103 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T14:03:65+01:00
+ * @Copyright: Technology Studio
+**/
+
+import type {
+  ServiceError,
+} from '@txo/service-prop'
+import { isObject } from '@txo/functional'
+import set from 'lodash.set'
+
+import type {
+  ErrorMap,
+  ErrorMapper,
+} from '../Model/Types'
+import {
+  VALIDATION_ERROR,
+} from '../Model/Types'
+
+const normaliseErrorMap = (errorMap: ErrorMap): ErrorMap => {
+  if (isObject(errorMap)) {
+    return Object.keys(errorMap).reduce((normalisedErrorMap: { [key: string]: ErrorMap }, key) => {
+      set(normalisedErrorMap, key, normaliseErrorMap(errorMap[key]))
+      return normalisedErrorMap
+    }, {})
+  }
+  return errorMap
+}
+
+export const ignoreError = (): ErrorMapper => () => undefined
+export const validationError = (message?: string): ErrorMapper => ({
+  error,
+}) => {
+  const nextError: ServiceError = {
+    ...error,
+    message: message ?? error.message,
+    meta: {
+      ...error.meta,
+      type: VALIDATION_ERROR,
+    },
+  }
+
+  return nextError
+}
+
+const getWithWildcardFallback = (errorMap: ErrorMap, path: string): ErrorMapper | undefined => {
+  if (errorMap === undefined) {
+    return undefined
+  }
+  if (path) {
+    if (isObject(errorMap)) {
+      const pathList = path.split('.')
+      const currentPath = pathList.shift()
+      const keyList = Object.keys(errorMap)
+      const currentKey = currentPath && keyList.includes(currentPath) ? currentPath : '*'
+      return getWithWildcardFallback(errorMap[currentKey], pathList.join('.'))
+    } else {
+      return undefined
+    }
+  }
+  return typeof errorMap === 'function' ? errorMap : undefined
+}
+
+export const applyErrorMap = (
+  serviceErrorList: ServiceError[],
+  errorMap: ErrorMap,
+  onFieldErrors?: (fieldErrors: Record<string, Record<string, string>>) => void,
+): ServiceError[] => {
+  const normalisedErrorMap = normaliseErrorMap(errorMap)
+  let modified = false
+  const fieldErrors = {}
+  const nextServiceErrorList = serviceErrorList
+    .reduce<ServiceError[]>(
+    (nextServiceErrorList, serviceError) => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const graphQlError: any = serviceError.data
+      const path = [...(graphQlError?.path ?? []), serviceError.key].join('.')
+      const errorMapper = getWithWildcardFallback(normalisedErrorMap, path)
+
+      if (errorMapper) {
+        const nextServiceError = errorMapper({
+          error: serviceError,
+          fieldErrors,
+          path,
+        })
+        if (nextServiceError !== serviceError) {
+          modified = true
+        }
+        nextServiceError && nextServiceErrorList.push(nextServiceError)
+      } else {
+        nextServiceErrorList.push(serviceError)
+      }
+
+      return nextServiceErrorList
+    }, [])
+
+  if (onFieldErrors && Object.keys(fieldErrors).length > 0) {
+    onFieldErrors(fieldErrors)
+  }
+
+  return modified ? nextServiceErrorList : serviceErrorList
+}

package/src/Api/OperationHelper.ts

@@ -0,0 +1,34 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-28T20:09:40+02:00
+ * @Copyright: Technology Studio
+**/
+
+import type {
+  DocumentNode,
+  OperationDefinitionNode,
+} from 'graphql'
+
+const upperCaseFirst = (str: string): string => str.charAt(0).toUpperCase() + str.slice(1)
+const pascalCase = (string: string): string => (
+  `${string}`
+    .replace(/[-_]+/g, ' ')
+    .replace(/[^\w\s]/g, '')
+    .replace(
+      /\s+(.)(\w*)/g,
+      (_$1, $2: string, $3: string) => `${$2.toUpperCase() + $3.toLowerCase()}`,
+    )
+    .replace(/\w/, s => s.toUpperCase())
+)
+
+export const getName = (query: DocumentNode): string => {
+  const definition = query.definitions
+    .find(definition => (
+      definition.kind === 'OperationDefinition'
+    )) as OperationDefinitionNode
+  const operationName = definition?.name?.value
+    .split('_')
+    .map(pascalCase)
+    .join('.')
+  return operationName ?? upperCaseFirst(definition.operation)
+}

package/src/Hooks/UseServiceMutation.ts

@@ -0,0 +1,140 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-08-24T13:08:91+02:00
+ * @Copyright: Technology Studio
+**/
+
+import type { DependencyList } from 'react'
+import {
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+} from 'react'
+import type {
+  CallAttributes,
+  ServiceProp,
+  ServiceErrorException,
+} from '@txo/service-prop'
+import { useMemoObject } from '@txo/hooks-react'
+import type { Typify } from '@txo/types'
+import type {
+  DocumentNode,
+  MutationOptions as ApolloMutationOptions,
+  TypedDocumentNode,
+  MutationResult,
+  MutationFunctionOptions as MutateFunctionOptions,
+  FetchResult,
+} from '@apollo/client'
+import {
+  useMutation,
+} from '@apollo/client'
+import { ErrorHandlerContext } from '@txo-peer-dep/service-error-handler-react'
+import { operationPromiseProcessor } from '@txo/service-graphql'
+
+import { serviceContext } from '../Api/ContextHelper'
+import { getName } from '../Api/OperationHelper'
+import type { ErrorMap } from '../Model/Types'
+import { applyErrorMap } from '../Api/ErrorMapHelper'
+
+const calculateContext = (mutation: DocumentNode, variables?: Record<string, unknown>): string => (
+  serviceContext(getName(mutation), variables ?? {})
+)
+
+export type MutationServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>> =
+  Omit<ServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES, FetchResult<DATA>>, 'clear' | 'options' | 'clearException' | 'exception'>
+  & {
+    mutation: MutationResult<DATA>,
+  }
+
+export type MutateFunction<DATA, ATTRIBUTES> = (options?: MutateFunctionOptions<DATA, ATTRIBUTES>) => Promise<FetchResult<DATA>>
+
+export type MutationOptions<DATA, ATTRIBUTES> = {
+  onFieldErrors?: (fieldErrors: Record<string, Record<string, string>>) => void,
+  options?: Omit<ApolloMutationOptions<DATA, ATTRIBUTES>, 'mutation'>,
+  errorMap?: ErrorMap,
+  mutateFactory?: (mutate: MutateFunction<DATA, ATTRIBUTES>) => MutateFunction<DATA, ATTRIBUTES>,
+  onFieldErrorsDependencyList?: DependencyList,
+  errorMapDependencyList?: DependencyList,
+}
+
+export const useServiceMutation = <
+  ATTRIBUTES extends Record<string, unknown>,
+  DATA,
+  CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>,
+  >(
+    mutationDocument: TypedDocumentNode<DATA, ATTRIBUTES>,
+    options?: MutationOptions<DATA, ATTRIBUTES>,
+  ): MutationServiceProp<ATTRIBUTES, DATA, CALL_ATTRIBUTES> => {
+  const {
+    onFieldErrors: defaultOnFieldErrors,
+    onFieldErrorsDependencyList,
+    errorMap,
+    errorMapDependencyList,
+    options: mutationOptions,
+    mutateFactory,
+  } = options ?? {}
+  const exceptionRef = useRef<ServiceErrorException | null>(null)
+  const memoizedErrorMap = useMemo(
+    () => errorMap,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    errorMapDependencyList ?? [],
+  )
+  const memoizedDefaultOnFieldErrors = useMemo(
+    () => defaultOnFieldErrors,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    onFieldErrorsDependencyList ?? [],
+  )
+  const [mutate, mutation] = useMutation<
+  DATA,
+  ATTRIBUTES
+  >(mutationDocument, mutationOptions)
+  const {
+    addServiceErrorException,
+    removeServiceErrorException,
+  } = useContext(ErrorHandlerContext)
+  const memoizedOptions = useMemoObject(mutationOptions as Omit<ApolloMutationOptions<DATA, ATTRIBUTES>, 'mutation'>)
+  const wrappedCall = useCallback(async (
+    variables: ATTRIBUTES,
+    callAttributes?: CALL_ATTRIBUTES,
+  ) => {
+    const attributes = { variables, mutation: mutationDocument, ...memoizedOptions }
+    const onFieldErrors = callAttributes?.onFieldErrors ?? memoizedDefaultOnFieldErrors
+    const context = calculateContext(mutationDocument, variables)
+    exceptionRef.current && removeServiceErrorException(context)
+    exceptionRef.current = null
+    const operationName = getName(mutationDocument)
+    const mutateWithErrorProcessor: typeof mutate = async (options) => (
+      operationPromiseProcessor(mutate(options), {
+        operationName,
+        context,
+      })
+    )
+    const nextMutate = mutateFactory?.(mutateWithErrorProcessor) ?? mutateWithErrorProcessor
+    return operationPromiseProcessor(nextMutate(attributes), {
+      operationName,
+      context,
+    })
+      .catch(async (serviceErrorException: ServiceErrorException) => {
+        if (memoizedErrorMap) {
+          serviceErrorException.serviceErrorList = applyErrorMap(
+            serviceErrorException.serviceErrorList,
+            memoizedErrorMap,
+            onFieldErrors,
+          )
+        }
+        addServiceErrorException(serviceErrorException)
+        exceptionRef.current = serviceErrorException
+        throw serviceErrorException
+      })
+  }, [mutationDocument, memoizedOptions, memoizedDefaultOnFieldErrors, removeServiceErrorException, mutateFactory, mutate, memoizedErrorMap, addServiceErrorException])
+
+  const memoizedMutation = useMemoObject<Typify<MutationResult<DATA>>>(mutation)
+
+  return useMemo(() => ({
+    mutation: memoizedMutation,
+    data: memoizedMutation.data ?? null,
+    fetching: memoizedMutation.loading,
+    call: wrappedCall,
+  }), [memoizedMutation, wrappedCall])
+}

package/src/Hooks/UseServiceQuery.ts

@@ -0,0 +1,126 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2021-09-01T16:09:57+02:00
+ * @Copyright: Technology Studio
+**/
+
+import {
+  useContext,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+} from 'react'
+import type {
+  DocumentNode,
+  QueryHookOptions,
+  TypedDocumentNode,
+  QueryResult,
+} from '@apollo/client'
+import {
+  useQuery,
+} from '@apollo/client'
+import get from 'lodash.get'
+import type { Get } from 'type-fest'
+import type {
+  CallAttributes,
+  ServiceError,
+  ServiceProp,
+} from '@txo/service-prop'
+import {
+  ServiceErrorException,
+} from '@txo/service-prop'
+import { configManager } from '@txo-peer-dep/service-graphql'
+import {
+  useMemoObject,
+} from '@txo/hooks-react'
+import { ErrorHandlerContext } from '@txo-peer-dep/service-error-handler-react'
+import type { Typify } from '@txo/types'
+
+import { serviceContext } from '../Api/ContextHelper'
+import { getName } from '../Api/OperationHelper'
+
+const calculateContext = (query: DocumentNode, variables: Record<string, unknown> | undefined): string => (
+  serviceContext(getName(query), variables ?? {})
+)
+
+export type QueryServiceProp<ATTRIBUTES, DATA, MAPPED_DATA, CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>> =
+  Omit<ServiceProp<ATTRIBUTES, MAPPED_DATA, CALL_ATTRIBUTES>, 'call' | 'clear' | 'options' | 'clearException'>
+  & {
+    query: QueryResult<DATA, ATTRIBUTES>,
+  }
+
+type QueryOptions<DATA, ATTRIBUTES, DATA_PATH extends string> = {
+  options?: QueryHookOptions<DATA, ATTRIBUTES>,
+  dataPath: DATA_PATH,
+}
+
+const isServiceErrorListEqual = (a: ServiceError[], b: ServiceError[]): boolean => {
+  if (a.length !== b.length) {
+    return false
+  }
+  if (a.every((error, index) => (b[index].key === error.key) && (b[index].message === error.message))) {
+    return true
+  }
+  return false
+}
+
+// TODO: find a better way to parse type of dataPath (from attribute)
+export const useServiceQuery = <
+ATTRIBUTES extends Record<string, unknown>,
+DATA,
+CALL_ATTRIBUTES extends CallAttributes<ATTRIBUTES>,
+DATA_PATH extends string
+>(
+    queryDocument: TypedDocumentNode<DATA, ATTRIBUTES>,
+    options: QueryOptions<DATA, ATTRIBUTES, DATA_PATH>,
+  ): QueryServiceProp<ATTRIBUTES, DATA, Get<DATA, DATA_PATH>, CALL_ATTRIBUTES> => {
+  const {
+    dataPath,
+    options: queryOptions,
+  } = options
+  const query: QueryResult<DATA, ATTRIBUTES> = useQuery<DATA, ATTRIBUTES>(queryDocument, queryOptions)
+  const shownExceptionListRef = useRef<(ServiceErrorException)[]>([])
+  const {
+    addServiceErrorException,
+    removeServiceErrorException,
+  } = useContext(ErrorHandlerContext)
+  const memoizedVariables = useMemoObject(queryOptions?.variables)
+  const memoizedQuery = useMemoObject<Typify<QueryResult<DATA, ATTRIBUTES>>>(query)
+  const context = useMemo(() => (
+    calculateContext(queryDocument, memoizedVariables)
+  ), [queryDocument, memoizedVariables])
+  const exception = useMemo(() => {
+    const operationName = getName(queryDocument)
+    if (memoizedQuery.error) {
+      const errorList = configManager.config.errorResponseTranslator(memoizedQuery.error, {
+        context,
+        operationName,
+      })
+      const exception = new ServiceErrorException({
+        serviceErrorList: errorList,
+        serviceName: operationName,
+        context,
+      })
+      return exception
+    }
+    return null
+  }, [context, memoizedQuery, queryDocument])
+  useLayoutEffect(() => {
+    if (exception && !shownExceptionListRef.current.find(shownException => (
+      isServiceErrorListEqual(shownException.serviceErrorList, exception.serviceErrorList)
+    ))) {
+      addServiceErrorException(exception)
+      shownExceptionListRef.current.push(exception)
+    }
+    return () => {
+      exception && removeServiceErrorException(context)
+    }
+  }, [addServiceErrorException, context, exception, memoizedVariables, queryDocument, removeServiceErrorException])
+
+  return useMemo(() => ({
+    query: memoizedQuery,
+    data: get(memoizedQuery.data, dataPath),
+    fetching: memoizedQuery.loading,
+    exception,
+  }), [memoizedQuery, exception, dataPath])
+}

package/src/Model/Types.ts

@@ -0,0 +1,17 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-03-17T10:03:96+01:00
+ * @Copyright: Technology Studio
+**/
+
+import type { ServiceError } from '@txo/service-prop'
+
+export type ErrorMapper = ((options: {
+  error: ServiceError,
+  fieldErrors?: Record<string, Record<string, string>>,
+  path: string,
+}) => ServiceError | undefined) | undefined
+
+export type ErrorMap = { [key: string]: ErrorMap } | ErrorMapper
+
+export const VALIDATION_ERROR = 'VALIDATION_ERROR'

package/src/index.ts

@@ -0,0 +1,14 @@
+/**
+ * @Author: Erik Slovak <erik.slovak@technologystudio.sk>
+ * @Date: 2022-01-24T13:01:19+01:00
+ * @Copyright: Technology Studio
+**/
+
+export { getName } from './Api/OperationHelper'
+export * from './Api/ErrorMapHelper'
+export * from './Hooks/UseServiceMutation'
+export {
+  useServiceQuery,
+  QueryServiceProp,
+} from './Hooks/UseServiceQuery'
+export * from './Model/Types'