@jobber/hooks 2.17.1 → 2.17.2

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

@@ -1,26 +1,15 @@
-"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) {
+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) {
     function ApolloMockedProvider({ children, }) {
-        return (react_1.default.createElement(react_testing_1.MockedProvider, { addTypename: true, mocks: mocks }, children));
+        return (React.createElement(MockedProvider, { addTypename: true, mocks: mocks }, children));
     }
     return ApolloMockedProvider;
 }
 let listQueryHasNextPage = true;
-exports.listQueryResponseMock = jest.fn(id => {
+export const listQueryResponseMock = jest.fn(id => {
     return {
         data: {
             conversation: {
@@ -32,14 +21,14 @@ exports.listQueryResponseMock = jest.fn(id => {
                             __typename: "SMSMessageEdge",
                             node: {
                                 __typename: "SMSMessage",
-                                id: id || (0, uuid_1.v1)(),
+                                id: id || uuidv1(),
                             },
                         },
                     ],
                     nodes: [
                         {
                             __typename: "SMSMessage",
-                            id: id || (0, uuid_1.v1)(),
+                            id: id || uuidv1(),
                         },
                     ],
                     pageInfo: {
@@ -52,7 +41,7 @@ exports.listQueryResponseMock = jest.fn(id => {
         },
     };
 });
-exports.listQueryWithTotalCountResponseMock = jest.fn(id => {
+export const listQueryWithTotalCountResponseMock = jest.fn(id => {
     return {
         data: {
             conversation: {
@@ -64,14 +53,14 @@ exports.listQueryWithTotalCountResponseMock = jest.fn(id => {
                             __typename: "SMSMessageEdge",
                             node: {
                                 __typename: "SMSMessage",
-                                id: id || (0, uuid_1.v1)(),
+                                id: id || uuidv1(),
                             },
                         },
                     ],
                     nodes: [
                         {
                             __typename: "SMSMessage",
-                            id: id || (0, uuid_1.v1)(),
+                            id: id || uuidv1(),
                         },
                     ],
                     pageInfo: {
@@ -85,7 +74,7 @@ exports.listQueryWithTotalCountResponseMock = jest.fn(id => {
         },
     };
 });
-exports.subscriptionQueryMock = jest.fn(id => {
+export const subscriptionQueryMock = jest.fn(id => {
     return {
         data: {
             conversationMessage: {
@@ -99,7 +88,7 @@ exports.subscriptionQueryMock = jest.fn(id => {
         },
     };
 });
-function buildListRequestMock(query, responseMock, id, searchTerm) {
+export function buildListRequestMock(query, responseMock, id, searchTerm) {
     return {
         request: {
             query: query,
@@ -108,16 +97,16 @@ function buildListRequestMock(query, responseMock, id, searchTerm) {
         result: () => responseMock(id),
     };
 }
-function buildSubscriptionRequestMock(id) {
+export function buildSubscriptionRequestMock(id) {
     return {
         request: {
-            query: queries_1.SUBSCRIPTION_QUERY,
+            query: SUBSCRIPTION_QUERY,
         },
-        result: () => (0, exports.subscriptionQueryMock)(id),
+        result: () => subscriptionQueryMock(id),
         delay: 100,
     };
 }
-function buildListRequestMockForNextPage(query, responseMock, id) {
+export function buildListRequestMockForNextPage(query, responseMock, id) {
     return {
         request: {
             query: query,
@@ -126,6 +115,6 @@ function buildListRequestMockForNextPage(query, responseMock, id) {
         result: () => responseMock(id),
     };
 }
-function setListQueryMockHasNextPage(hasNextPage) {
+export function setListQueryMockHasNextPage(hasNextPage) {
     listQueryHasNextPage = hasNextPage;
 }

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

@@ -1,8 +1,5 @@
-"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) `
+import { gql } from "@apollo/client";
+export const LIST_QUERY = gql `
   query ConversationMessages($cursor: string, $searchTerm: string) {
     conversation(id: "MQ==") {
       smsMessages(first: 1, after: $cursor, searchTerm: $searchTerm) {
@@ -24,7 +21,7 @@ exports.LIST_QUERY = (0, client_1.gql) `
     }
   }
 `;
-exports.LIST_QUERY_WITH_TOTAL_COUNT = (0, client_1.gql) `
+export const LIST_QUERY_WITH_TOTAL_COUNT = gql `
   query ConversationMessages($cursor: string, $searchTerm: string) {
     conversation(id: "MQ==") {
       smsMessages(first: 1, after: $cursor, searchTerm: $searchTerm) {
@@ -47,7 +44,7 @@ exports.LIST_QUERY_WITH_TOTAL_COUNT = (0, client_1.gql) `
     }
   }
 `;
-exports.SUBSCRIPTION_QUERY = (0, client_1.gql) `
+export const SUBSCRIPTION_QUERY = gql `
   subscription ConversationMessage($conversationId: EncodedId!) {
     conversationMessage(conversationId: $conversationId) {
       smsMessage {

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

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

package/dist/useCollectionQuery/uniqueEdges.js

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

package/dist/useCollectionQuery/useCollectionQuery.js

@@ -1,27 +1,20 @@
-"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, }) {
+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, }) {
     var _a, _b;
-    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 { 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 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 = (0, react_1.useCallback)(() => {
+    const refresh = useCallback(() => {
         if (loadingInitialContent || loadingRefresh) {
             return;
         }
@@ -34,7 +27,7 @@ function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscrip
             variables: {},
             updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev,
         })
-            .catch(err => formatters_1.config.errorNotifier("Refetch Error", err))
+            .catch(err => config.errorNotifier("Refetch Error", err))
             .finally(() => {
             if (isMounted.current) {
                 setLoadingRefresh(false);
@@ -47,7 +40,7 @@ function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscrip
         refetch,
         isMounted,
     ]);
-    const nextPage = (0, react_1.useCallback)(() => {
+    const nextPage = useCallback(() => {
         var _a;
         if (loadingInitialContent || loadingRefresh || loadingNextPage) {
             return;
@@ -65,7 +58,7 @@ function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscrip
             updateQuery: (prev, { fetchMoreResult }) => fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath),
         })
             .catch(err => {
-            formatters_1.config.errorNotifier("FetchMore Error", err);
+            config.errorNotifier("FetchMore Error", err);
             setHookError(err);
         })
             .finally(() => {
@@ -83,14 +76,14 @@ function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscrip
         getCollectionByPath,
         isMounted,
     ]);
-    (0, react_1.useEffect)(() => {
+    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 => {
-                formatters_1.config.errorNotifier("Subscribe to More Error", err);
+                config.errorNotifier("Subscribe to More Error", err);
                 setHookError(err);
             } }));
     }, 
@@ -128,7 +121,7 @@ function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscrip
  */
 function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath) {
     const nextCollection = getCollectionByPath(fetchMoreResult);
-    const output = (0, cloneDeep_1.default)(prev);
+    const output = cloneDeep(prev);
     const outputCollection = getCollectionByPath(output);
     if (outputCollection === undefined || nextCollection === undefined) {
         return output;
@@ -139,12 +132,12 @@ function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath)
     if (outputCollection.edges && nextCollection.edges) {
         outputCollection.edges = getUpdatedEdges(outputCollection.edges, nextCollection.edges);
     }
-    Object.assign(outputCollection, Object.assign({ pageInfo: (0, cloneDeep_1.default)(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: cloneDeep(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
     return output;
 }
 function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData, getNodeByPath) {
     const node = getNodeByPath(subscriptionData);
-    const output = (0, cloneDeep_1.default)(prev);
+    const output = cloneDeep(prev);
     const outputCollection = getCollectionByPath(output);
     if (outputCollection == undefined || node == undefined)
         return output;
@@ -155,9 +148,9 @@ function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscrip
         outputCollection.nodes = getUpdatedNodes(outputCollection.nodes, [node], false);
     }
     if (outputCollection.edges) {
-        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [(0, uniqueEdges_1.createEdge)(node)], false);
+        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [createEdge(node)], false);
     }
-    Object.assign(outputCollection, Object.assign({ pageInfo: (0, cloneDeep_1.default)(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: cloneDeep(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
     return output;
 }
 function getTotalCount(totalCount, additionalCount = 0) {
@@ -165,7 +158,7 @@ function getTotalCount(totalCount, additionalCount = 0) {
         ? { totalCount: totalCount + additionalCount }
         : {};
 }
-function isAlreadyUpdated(outputCollection, newNode) {
+export function isAlreadyUpdated(outputCollection, newNode) {
     let edgesAlreadyUpdated = true;
     let nodesAlreadyUpdated = true;
     if (outputCollection.edges) {
@@ -184,11 +177,11 @@ function getUpdatedEdges(prevEdges, nextEdges, appendToEnd = true) {
     const newEdges = appendToEnd
         ? [...prevEdges, ...nextEdges]
         : [...nextEdges, ...prevEdges];
-    return (0, uniqueEdges_1.uniqueEdges)(newEdges);
+    return uniqueEdges(newEdges);
 }
 function getUpdatedNodes(prevNodes, nextNodes, appendToEnd = true) {
     const newNodes = appendToEnd
         ? [...prevNodes, ...nextNodes]
         : [...nextNodes, ...prevNodes];
-    return (0, uniqueNodes_1.uniqueNodes)(newNodes);
+    return uniqueNodes(newNodes);
 }