@jobber/hooks 2.17.2 → 2.17.3

package/dist/useCollectionQuery/test-utilities/mocks.js

@@ -1,15 +1,26 @@
-import { MockedProvider } from "@apollo/react-testing";
-import React from "react";
-import { v1 as uuidv1 } from "uuid";
-import { SUBSCRIPTION_QUERY } from "./queries";
-export function wrapper(mocks) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscriptionQueryMock = exports.listQueryWithTotalCountResponseMock = exports.listQueryResponseMock = void 0;
+exports.wrapper = wrapper;
+exports.buildListRequestMock = buildListRequestMock;
+exports.buildSubscriptionRequestMock = buildSubscriptionRequestMock;
+exports.buildListRequestMockForNextPage = buildListRequestMockForNextPage;
+exports.setListQueryMockHasNextPage = setListQueryMockHasNextPage;
+const react_testing_1 = require("@apollo/react-testing");
+const react_1 = __importDefault(require("react"));
+const uuid_1 = require("uuid");
+const queries_1 = require("./queries");
+function wrapper(mocks) {
     function ApolloMockedProvider({ children, }) {
-        return (React.createElement(MockedProvider, { addTypename: true, mocks: mocks }, children));
+        return (react_1.default.createElement(react_testing_1.MockedProvider, { addTypename: true, mocks: mocks }, children));
     }
     return ApolloMockedProvider;
 }
 let listQueryHasNextPage = true;
-export const listQueryResponseMock = jest.fn(id => {
+exports.listQueryResponseMock = jest.fn(id => {
     return {
         data: {
             conversation: {
@@ -21,14 +32,14 @@ export const listQueryResponseMock = jest.fn(id => {
                             __typename: "SMSMessageEdge",
                             node: {
                                 __typename: "SMSMessage",
-                                id: id || uuidv1(),
+                                id: id || (0, uuid_1.v1)(),
                             },
                         },
                     ],
                     nodes: [
                         {
                             __typename: "SMSMessage",
-                            id: id || uuidv1(),
+                            id: id || (0, uuid_1.v1)(),
                         },
                     ],
                     pageInfo: {
@@ -41,7 +52,7 @@ export const listQueryResponseMock = jest.fn(id => {
         },
     };
 });
-export const listQueryWithTotalCountResponseMock = jest.fn(id => {
+exports.listQueryWithTotalCountResponseMock = jest.fn(id => {
     return {
         data: {
             conversation: {
@@ -53,14 +64,14 @@ export const listQueryWithTotalCountResponseMock = jest.fn(id => {
                             __typename: "SMSMessageEdge",
                             node: {
                                 __typename: "SMSMessage",
-                                id: id || uuidv1(),
+                                id: id || (0, uuid_1.v1)(),
                             },
                         },
                     ],
                     nodes: [
                         {
                             __typename: "SMSMessage",
-                            id: id || uuidv1(),
+                            id: id || (0, uuid_1.v1)(),
                         },
                     ],
                     pageInfo: {
@@ -74,7 +85,7 @@ export const listQueryWithTotalCountResponseMock = jest.fn(id => {
         },
     };
 });
-export const subscriptionQueryMock = jest.fn(id => {
+exports.subscriptionQueryMock = jest.fn(id => {
     return {
         data: {
             conversationMessage: {
@@ -88,7 +99,7 @@ export const subscriptionQueryMock = jest.fn(id => {
         },
     };
 });
-export function buildListRequestMock(query, responseMock, id, searchTerm) {
+function buildListRequestMock(query, responseMock, id, searchTerm) {
     return {
         request: {
             query: query,
@@ -97,16 +108,16 @@ export function buildListRequestMock(query, responseMock, id, searchTerm) {
         result: () => responseMock(id),
     };
 }
-export function buildSubscriptionRequestMock(id) {
+function buildSubscriptionRequestMock(id) {
     return {
         request: {
-            query: SUBSCRIPTION_QUERY,
+            query: queries_1.SUBSCRIPTION_QUERY,
         },
-        result: () => subscriptionQueryMock(id),
+        result: () => (0, exports.subscriptionQueryMock)(id),
         delay: 100,
     };
 }
-export function buildListRequestMockForNextPage(query, responseMock, id) {
+function buildListRequestMockForNextPage(query, responseMock, id) {
     return {
         request: {
             query: query,
@@ -115,6 +126,6 @@ export function buildListRequestMockForNextPage(query, responseMock, id) {
         result: () => responseMock(id),
     };
 }
-export function setListQueryMockHasNextPage(hasNextPage) {
+function setListQueryMockHasNextPage(hasNextPage) {
     listQueryHasNextPage = hasNextPage;
 }

package/dist/useCollectionQuery/test-utilities/queries.js

@@ -1,5 +1,8 @@
-import { gql } from "@apollo/client";
-export const LIST_QUERY = gql `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SUBSCRIPTION_QUERY = exports.LIST_QUERY_WITH_TOTAL_COUNT = exports.LIST_QUERY = void 0;
+const client_1 = require("@apollo/client");
+exports.LIST_QUERY = (0, client_1.gql) `
   query ConversationMessages($cursor: string, $searchTerm: string) {
     conversation(id: "MQ==") {
       smsMessages(first: 1, after: $cursor, searchTerm: $searchTerm) {
@@ -21,7 +24,7 @@ export const LIST_QUERY = gql `
     }
   }
 `;
-export const LIST_QUERY_WITH_TOTAL_COUNT = gql `
+exports.LIST_QUERY_WITH_TOTAL_COUNT = (0, client_1.gql) `
   query ConversationMessages($cursor: string, $searchTerm: string) {
     conversation(id: "MQ==") {
       smsMessages(first: 1, after: $cursor, searchTerm: $searchTerm) {
@@ -44,7 +47,7 @@ export const LIST_QUERY_WITH_TOTAL_COUNT = gql `
     }
   }
 `;
-export const SUBSCRIPTION_QUERY = gql `
+exports.SUBSCRIPTION_QUERY = (0, client_1.gql) `
   subscription ConversationMessage($conversationId: EncodedId!) {
     conversationMessage(conversationId: $conversationId) {
       smsMessage {

package/dist/useCollectionQuery/test-utilities/utils.js

@@ -1,3 +1,4 @@
+"use strict";
 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) {
@@ -7,7 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-export function wait() {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wait = wait;
+function wait() {
     return __awaiter(this, arguments, void 0, function* (milliseconds = 0) {
         yield new Promise(resolve => setTimeout(resolve, milliseconds));
     });

package/dist/useCollectionQuery/uniqueEdges.js

@@ -1,11 +1,15 @@
-export function createEdge(node) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEdge = createEdge;
+exports.uniqueEdges = uniqueEdges;
+function createEdge(node) {
     return {
         node: node,
         cursor: "",
         __typename: `${node.__typename}Edge`,
     };
 }
-export function uniqueEdges(edges) {
+function uniqueEdges(edges) {
     const result = new Map();
     edges.forEach(edge => {
         result.set(`${edge.__typename}-${edge.node.__typename}-${edge.node.id}`, edge);

package/dist/useCollectionQuery/uniqueNodes.js

@@ -1,4 +1,7 @@
-export function uniqueNodes(nodes) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uniqueNodes = uniqueNodes;
+function uniqueNodes(nodes) {
     const result = new Map();
     nodes.forEach(node => {
         result.set(`${node.__typename}-${node.id}`, node);

package/dist/useCollectionQuery/useCollectionQuery.js

@@ -1,20 +1,27 @@
-import { useQuery, } from "@apollo/client";
-import cloneDeep from "lodash/cloneDeep";
-import { useCallback, useEffect, useState } from "react";
-import { config } from "@jobber/formatters";
-import { uniqueNodes } from "./uniqueNodes";
-import { createEdge, uniqueEdges } from "./uniqueEdges";
-import { useIsMounted } from "../useIsMounted";
-export function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscription, }) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCollectionQuery = useCollectionQuery;
+exports.isAlreadyUpdated = isAlreadyUpdated;
+const client_1 = require("@apollo/client");
+const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
+const react_1 = require("react");
+const formatters_1 = require("@jobber/formatters");
+const uniqueNodes_1 = require("./uniqueNodes");
+const uniqueEdges_1 = require("./uniqueEdges");
+const useIsMounted_1 = require("../useIsMounted");
+function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscription, }) {
     var _a, _b;
-    const { data, loading, refetch, error, fetchMore, subscribeToMore } = useQuery(query, queryOptions);
-    const isMounted = useIsMounted();
-    const [loadingRefresh, setLoadingRefresh] = useState(false);
-    const [loadingNextPage, setLoadingNextPage] = useState(false);
-    const [hookError, setHookError] = useState();
+    const { data, loading, refetch, error, fetchMore, subscribeToMore } = (0, client_1.useQuery)(query, queryOptions);
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const [loadingRefresh, setLoadingRefresh] = (0, react_1.useState)(false);
+    const [loadingNextPage, setLoadingNextPage] = (0, react_1.useState)(false);
+    const [hookError, setHookError] = (0, react_1.useState)();
     const loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;
     const isSearching = !!((_a = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables) === null || _a === void 0 ? void 0 : _a.searchTerm);
-    const refresh = useCallback(() => {
+    const refresh = (0, react_1.useCallback)(() => {
         if (loadingInitialContent || loadingRefresh) {
             return;
         }
@@ -27,7 +34,7 @@ export function useCollectionQuery({ query, queryOptions, getCollectionByPath, s
             variables: {},
             updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev,
         })
-            .catch(err => config.errorNotifier("Refetch Error", err))
+            .catch(err => formatters_1.config.errorNotifier("Refetch Error", err))
             .finally(() => {
             if (isMounted.current) {
                 setLoadingRefresh(false);
@@ -40,7 +47,7 @@ export function useCollectionQuery({ query, queryOptions, getCollectionByPath, s
         refetch,
         isMounted,
     ]);
-    const nextPage = useCallback(() => {
+    const nextPage = (0, react_1.useCallback)(() => {
         var _a;
         if (loadingInitialContent || loadingRefresh || loadingNextPage) {
             return;
@@ -58,7 +65,7 @@ export function useCollectionQuery({ query, queryOptions, getCollectionByPath, s
             updateQuery: (prev, { fetchMoreResult }) => fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath),
         })
             .catch(err => {
-            config.errorNotifier("FetchMore Error", err);
+            formatters_1.config.errorNotifier("FetchMore Error", err);
             setHookError(err);
         })
             .finally(() => {
@@ -76,14 +83,14 @@ export function useCollectionQuery({ query, queryOptions, getCollectionByPath, s
         getCollectionByPath,
         isMounted,
     ]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (subscription == undefined)
             return;
         const subscriptionOptions = subscription.options || {};
         // Reset this state so we can handle errors from the subscription
         setHookError(undefined);
         return subscribeToMore(Object.assign(Object.assign({}, subscriptionOptions), { document: subscription.document, updateQuery: (prev, { subscriptionData }) => subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.data, subscription.getNodeByPath), onError: err => {
-                config.errorNotifier("Subscribe to More Error", err);
+                formatters_1.config.errorNotifier("Subscribe to More Error", err);
                 setHookError(err);
             } }));
     }, 
@@ -121,7 +128,7 @@ export function useCollectionQuery({ query, queryOptions, getCollectionByPath, s
  */
 function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath) {
     const nextCollection = getCollectionByPath(fetchMoreResult);
-    const output = cloneDeep(prev);
+    const output = (0, cloneDeep_1.default)(prev);
     const outputCollection = getCollectionByPath(output);
     if (outputCollection === undefined || nextCollection === undefined) {
         return output;
@@ -132,12 +139,12 @@ function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath)
     if (outputCollection.edges && nextCollection.edges) {
         outputCollection.edges = getUpdatedEdges(outputCollection.edges, nextCollection.edges);
     }
-    Object.assign(outputCollection, Object.assign({ pageInfo: cloneDeep(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: (0, cloneDeep_1.default)(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
     return output;
 }
 function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData, getNodeByPath) {
     const node = getNodeByPath(subscriptionData);
-    const output = cloneDeep(prev);
+    const output = (0, cloneDeep_1.default)(prev);
     const outputCollection = getCollectionByPath(output);
     if (outputCollection == undefined || node == undefined)
         return output;
@@ -148,9 +155,9 @@ function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscrip
         outputCollection.nodes = getUpdatedNodes(outputCollection.nodes, [node], false);
     }
     if (outputCollection.edges) {
-        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [createEdge(node)], false);
+        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [(0, uniqueEdges_1.createEdge)(node)], false);
     }
-    Object.assign(outputCollection, Object.assign({ pageInfo: cloneDeep(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: (0, cloneDeep_1.default)(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
     return output;
 }
 function getTotalCount(totalCount, additionalCount = 0) {
@@ -158,7 +165,7 @@ function getTotalCount(totalCount, additionalCount = 0) {
         ? { totalCount: totalCount + additionalCount }
         : {};
 }
-export function isAlreadyUpdated(outputCollection, newNode) {
+function isAlreadyUpdated(outputCollection, newNode) {
     let edgesAlreadyUpdated = true;
     let nodesAlreadyUpdated = true;
     if (outputCollection.edges) {
@@ -177,11 +184,11 @@ function getUpdatedEdges(prevEdges, nextEdges, appendToEnd = true) {
     const newEdges = appendToEnd
         ? [...prevEdges, ...nextEdges]
         : [...nextEdges, ...prevEdges];
-    return uniqueEdges(newEdges);
+    return (0, uniqueEdges_1.uniqueEdges)(newEdges);
 }
 function getUpdatedNodes(prevNodes, nextNodes, appendToEnd = true) {
     const newNodes = appendToEnd
         ? [...prevNodes, ...nextNodes]
         : [...nextNodes, ...prevNodes];
-    return uniqueNodes(newNodes);
+    return (0, uniqueNodes_1.uniqueNodes)(newNodes);
 }