@pitcher/js-api 1.21.0-beta.3 → 1.21.0-beta.5

package/js-api.esm.js

@@ -1,4 +1,4 @@
-import { camelCase, snakeCase, cloneDeep } from 'lodash-es';
+import { camelCase, snakeCase, cloneDeep, isEqual } from 'lodash-es';
 
 function _mergeNamespaces(n, m) {
 	for (var i = 0; i < m.length; i++) {
@@ -2410,7 +2410,16 @@ function deleteCanvas(payload) {
   return this.API.request("delete_canvas", payload);
 }
 function updateCanvas$1(payload) {
-  return this.API.request("update_canvas", payload);
+  let shouldDebug = false;
+  if (typeof window !== "undefined") {
+    const urlParams = new URLSearchParams(window.location.search);
+    shouldDebug = urlParams.get("debug") === "true" || !!window.debug;
+  }
+  shouldDebug && console.info("JS API UPDATE CANVAS", payload);
+  return this.API.request("update_canvas", payload).then((res) => {
+    shouldDebug && console.info("JS API UPDATE CANVAS RESPONSE", res);
+    return res;
+  });
 }
 function getCanvas$1(payload) {
   return this.API.request("get_canvas", payload);
@@ -2661,6 +2670,51 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 
+const PITCHER_EVENT = "PITCHER_EVENT";
+var PitcherMessageType = /* @__PURE__ */ ((PitcherMessageType2) => {
+  PitcherMessageType2["REQUEST"] = "PITCHER_REQUEST";
+  PitcherMessageType2["RESPONSE"] = "PITCHER_RESPONSE";
+  return PitcherMessageType2;
+})(PitcherMessageType || {});
+var PitcherResponseStatus = /* @__PURE__ */ ((PitcherResponseStatus2) => {
+  PitcherResponseStatus2["OK"] = "ok";
+  PitcherResponseStatus2["ERROR"] = "error";
+  return PitcherResponseStatus2;
+})(PitcherResponseStatus || {});
+var PitcherEventName = /* @__PURE__ */ ((PitcherEventName2) => {
+  PitcherEventName2["ENV_CHANGED"] = "env_changed";
+  PitcherEventName2["PHOTOS_CAPTURED"] = "photos_captured";
+  PitcherEventName2["FILE_DOWNLOADED"] = "file_downloaded";
+  PitcherEventName2["FILE_UPLOAD_PROGRESS"] = "file_upload_progress";
+  PitcherEventName2["UPDATE_LOCATION"] = "update_location";
+  PitcherEventName2["CANVAS_UPDATED"] = "canvas_updated";
+  PitcherEventName2["CANVAS_UPDATED_SUCCESS"] = "canvas_updated_success";
+  PitcherEventName2["FILE_CLOSED"] = "file_closed";
+  PitcherEventName2["APP_BACKGROUNDED"] = "app_backgrounded";
+  PitcherEventName2["APP_FOREGROUNDED"] = "app_foregrounded";
+  PitcherEventName2["NON_FILES_SYNC_FINISHED"] = "non_files_sync_finished";
+  PitcherEventName2["CONTENT_LIST_REFRESH_REQUESTED"] = "content_list_refresh_requested";
+  PitcherEventName2["NETWORK_CONNECTION_ESTABLISHED"] = "network_connection_established";
+  PitcherEventName2["NETWORK_CONNECTION_LOST"] = "network_connection_lost";
+  PitcherEventName2["ENTERED_FULLSCREEN"] = "entered_fullscreen";
+  PitcherEventName2["EXITED_FULLSCREEN"] = "exited_fullscreen";
+  PitcherEventName2["SUBMIT_POSTCALL_CLICKED"] = "submit_postcall_clicked";
+  return PitcherEventName2;
+})(PitcherEventName || {});
+var PitcherBroadcastedEventName = /* @__PURE__ */ ((PitcherBroadcastedEventName2) => {
+  PitcherBroadcastedEventName2["UI_SHOW_MODAL"] = "ui:show-modal";
+  PitcherBroadcastedEventName2["UI_HIDE_MODAL"] = "ui:hide-modal";
+  PitcherBroadcastedEventName2["FAVORITES_CHANGED"] = "favorites:changed";
+  PitcherBroadcastedEventName2["FILE_DOWNLOAD"] = "file:download";
+  return PitcherBroadcastedEventName2;
+})(PitcherBroadcastedEventName || {});
+var PitcherExternalEventName = /* @__PURE__ */ ((PitcherExternalEventName2) => {
+  PitcherExternalEventName2["CREATE_AND_OPEN_CANVAS"] = "create_and_open_canvas";
+  PitcherExternalEventName2["OPEN_CANVAS"] = "open_canvas";
+  PitcherExternalEventName2["START_CALL"] = "start_call";
+  return PitcherExternalEventName2;
+})(PitcherExternalEventName || {});
+
 class AssertionError extends Error {
 }
 function assert(exp, message) {
@@ -2733,12 +2787,205 @@ function isOriginValid(event, allowedOrigins = [], isDev = ["development", "test
   return isValid;
 }
 
+const MAX_RETRIES = 5;
+const BASE_DELAY = 1e3;
+function paramsSerializer(params) {
+  const searchParams = new URLSearchParams();
+  for (const key in params) {
+    if (Array.isArray(params[key])) {
+      params[key].forEach((val) => searchParams.append(key, val));
+    } else {
+      searchParams.append(key, params[key]);
+    }
+  }
+  return searchParams.toString();
+}
+async function fetchWithRetry(url, options, remainingRetries = MAX_RETRIES) {
+  try {
+    const response = await fetch(url, options);
+    if (!response.ok) {
+      if (response.status >= 500 && response.status < 600 && remainingRetries > 0) {
+        const delay = BASE_DELAY * Math.pow(2, MAX_RETRIES - remainingRetries);
+        await new Promise((resolve) => setTimeout(resolve, delay));
+        return fetchWithRetry(url, options, remainingRetries - 1);
+      }
+      const errorData = await response.json();
+      const error = new Error(
+        `HTTP error! status: ${response.status}, message: ${errorData.message || response.statusText}`
+      );
+      error.status = response.status;
+      throw error;
+    }
+    return response.json();
+  } catch (error) {
+    if (remainingRetries > 0) {
+      const delay = BASE_DELAY * Math.pow(2, MAX_RETRIES - remainingRetries);
+      await new Promise((resolve) => setTimeout(resolve, delay));
+      return fetchWithRetry(url, options, remainingRetries - 1);
+    }
+    throw error;
+  }
+}
+function createHttpClient(origin, token) {
+  const headers = {
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${token}`
+  };
+  const basePath = origin + "/api/v1";
+  const baseCommon = { credentials: "include" };
+  return {
+    get: async (endpoint, options = {}) => {
+      const url = new URL(`${basePath}${endpoint}`);
+      if (options.params) {
+        url.search = paramsSerializer(options.params);
+      }
+      const data = await fetchWithRetry(url.toString(), {
+        ...baseCommon,
+        ...options,
+        method: "GET",
+        headers
+      });
+      return data;
+    },
+    post: async (endpoint, body, options = {}) => {
+      const url = new URL(`${basePath}${endpoint}`);
+      if (options.params) {
+        url.search = paramsSerializer(options.params);
+      }
+      const data = await fetchWithRetry(url.toString(), {
+        ...baseCommon,
+        ...options,
+        method: "POST",
+        headers,
+        body: JSON.stringify(body)
+      });
+      return data;
+    },
+    put: async (endpoint, body, options = {}) => {
+      const url = new URL(`${basePath}${endpoint}`);
+      if (options.params) {
+        url.search = paramsSerializer(options.params);
+      }
+      const data = await fetchWithRetry(url.toString(), {
+        ...baseCommon,
+        ...options,
+        method: "PUT",
+        headers,
+        body: JSON.stringify(body)
+      });
+      return data;
+    },
+    delete: async (endpoint, options = {}) => {
+      const url = new URL(`${basePath}${endpoint}`);
+      if (options.params) {
+        url.search = paramsSerializer(options.params);
+      }
+      const data = await fetchWithRetry(url.toString(), {
+        ...baseCommon,
+        ...options,
+        method: "DELETE",
+        headers
+      });
+      return data;
+    },
+    patch: async (endpoint, body, options = {}) => {
+      const url = new URL(`${basePath}${endpoint}`);
+      if (options.params) {
+        url.search = paramsSerializer(options.params);
+      }
+      const data = await fetchWithRetry(url.toString(), {
+        ...baseCommon,
+        ...options,
+        method: "PATCH",
+        headers,
+        body: JSON.stringify(body)
+      });
+      return data;
+    }
+  };
+}
+
+let env;
+let http;
+const logInfo = (msg, ...rest) => console.info(`[online handlers]: ${msg}`, ...rest);
+const check = () => {
+  if (!env) throw new Error("Missing env");
+  if (!http) throw new Error("Missing http");
+};
+const setEnv = (e) => {
+  env = e;
+  http = createHttpClient(
+    env.pitcher.token_claims["https://pitcher.com/claims/urls"].custom_domain,
+    env.pitcher.access_token
+  );
+};
+const onlineRestApiHandlers = {
+  get_canvases: async (params) => {
+    logInfo("online handler get_canvases called with:", params);
+    check();
+    const { api_base_url, ...restParams } = params;
+    const res = await http.get("/canvases", { params: { ...restParams, instance_id: env.pitcher.instance.id } });
+    return res;
+  },
+  get_canvas: async (params) => {
+    logInfo("online handler get_canvas called with:", params);
+    check();
+    const { id, ...restParams } = params;
+    const res = await http.get(`/canvases/${params.id}`, { params: restParams });
+    return res;
+  },
+  create_canvas: async (params) => {
+    logInfo("online handler create_canvas called with:", params);
+    check();
+    const res = await http.post("/canvases", { ...params, instance_id: env.pitcher.instance.id });
+    return res;
+  },
+  update_canvas: async (params) => {
+    logInfo("online handler update_canvas called with:", params);
+    check();
+    const { id, ...restParams } = params;
+    const res = await http.patch(`/canvases/${params.id}`, restParams);
+    return res;
+  },
+  delete_canvas: async (params) => {
+    logInfo("online handler delete_canvas called with:", params);
+    check();
+    const res = await http.delete(`/canvases/${params.id}`);
+    return res;
+  },
+  share_canvas: async (params) => {
+    logInfo("online handler share_canvas called with:", params);
+    check();
+    let link;
+    try {
+      link = await http.get(`/shared-links/canvas/${params.id}`);
+    } catch (e) {
+      if (e?.status === 404) {
+        link = await http.post("/shared-links", {
+          canvas_id: params.id
+        });
+      } else {
+        throw e;
+      }
+    }
+    return link;
+  }
+};
+
+function updateOnlineHandlersEnv(env) {
+  env && setEnv(env);
+}
 class LowLevelApi extends EventEmitter {
   constructor(options) {
     super();
     this.callbacks = {};
-    this.options = options ?? { casing: "snake", logLevel: "off", errorLogger: () => {
-    } };
+    this.options = options ?? {
+      casing: "snake",
+      logLevel: "off",
+      errorLogger: () => {
+      },
+      fetchMode: "postmessage"
+    };
     if (typeof window !== "undefined") {
       window.addEventListener("message", (event) => {
         if (!isOriginValid(event)) return;
@@ -2768,6 +3015,7 @@ class LowLevelApi extends EventEmitter {
     this.emit("event", event);
   }
   request(type, body = null) {
+    const fetchMode = this.options.fetchMode ?? "postmessage";
     return new Promise((resolve, reject) => {
       const id = v4();
       const callback = (res) => {
@@ -2776,6 +3024,7 @@ class LowLevelApi extends EventEmitter {
           resolve(
             this.options.casing === "camel" ? camelCaseKeys(res.response.body) : res.response.body
           );
+          if (type === "get_env") updateOnlineHandlersEnv(res.response.body);
         } else if (res.response.status === "error") {
           this.options.errorLogger?.({
             message: `Pitcher JS API call failure: ${res.request.type}`,
@@ -2793,18 +3042,40 @@ class LowLevelApi extends EventEmitter {
         payload: payload ?? {},
         callback
       };
-      if (typeof window !== "undefined" && window.top) {
-        window.top.postMessage(
-          {
-            type: "PITCHER_REQUEST",
-            request: {
-              type,
-              id,
-              body: payload
-            }
-          },
-          "*"
-        );
+      if (fetchMode === "prefer-online" && type && onlineRestApiHandlers[type]) {
+        onlineRestApiHandlers[type](payload).then((data) => {
+          if (this.callbacks[id]) {
+            this.callbacks[id].callback({
+              type: PitcherMessageType.RESPONSE,
+              request: { id, type },
+              response: { status: PitcherResponseStatus.OK, body: data }
+            });
+            delete this.callbacks[id];
+          }
+        }).catch((error) => {
+          if (this.callbacks[id]) {
+            this.callbacks[id].callback({
+              type: PitcherMessageType.RESPONSE,
+              request: { id, type },
+              response: { status: PitcherResponseStatus.ERROR, body: error }
+            });
+            delete this.callbacks[id];
+          }
+        });
+      } else {
+        if (typeof window !== "undefined" && window.top) {
+          window.top.postMessage(
+            {
+              type: "PITCHER_REQUEST",
+              request: {
+                type,
+                id,
+                body: payload
+              }
+            },
+            "*"
+          );
+        }
       }
     });
   }
@@ -3128,54 +3399,13 @@ const dsr = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 	on
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const PITCHER_EVENT = "PITCHER_EVENT";
-var PitcherMessageType = /* @__PURE__ */ ((PitcherMessageType2) => {
-  PitcherMessageType2["REQUEST"] = "PITCHER_REQUEST";
-  PitcherMessageType2["RESPONSE"] = "PITCHER_RESPONSE";
-  return PitcherMessageType2;
-})(PitcherMessageType || {});
-var PitcherResponseStatus = /* @__PURE__ */ ((PitcherResponseStatus2) => {
-  PitcherResponseStatus2["OK"] = "ok";
-  PitcherResponseStatus2["ERROR"] = "error";
-  return PitcherResponseStatus2;
-})(PitcherResponseStatus || {});
-var PitcherEventName = /* @__PURE__ */ ((PitcherEventName2) => {
-  PitcherEventName2["ENV_CHANGED"] = "env_changed";
-  PitcherEventName2["PHOTOS_CAPTURED"] = "photos_captured";
-  PitcherEventName2["FILE_DOWNLOADED"] = "file_downloaded";
-  PitcherEventName2["FILE_UPLOAD_PROGRESS"] = "file_upload_progress";
-  PitcherEventName2["UPDATE_LOCATION"] = "update_location";
-  PitcherEventName2["CANVAS_UPDATED"] = "canvas_updated";
-  PitcherEventName2["CANVAS_UPDATED_SUCCESS"] = "canvas_updated_success";
-  PitcherEventName2["FILE_CLOSED"] = "file_closed";
-  PitcherEventName2["APP_BACKGROUNDED"] = "app_backgrounded";
-  PitcherEventName2["APP_FOREGROUNDED"] = "app_foregrounded";
-  PitcherEventName2["NON_FILES_SYNC_FINISHED"] = "non_files_sync_finished";
-  PitcherEventName2["CONTENT_LIST_REFRESH_REQUESTED"] = "content_list_refresh_requested";
-  PitcherEventName2["NETWORK_CONNECTION_ESTABLISHED"] = "network_connection_established";
-  PitcherEventName2["NETWORK_CONNECTION_LOST"] = "network_connection_lost";
-  PitcherEventName2["ENTERED_FULLSCREEN"] = "entered_fullscreen";
-  PitcherEventName2["EXITED_FULLSCREEN"] = "exited_fullscreen";
-  PitcherEventName2["SUBMIT_POSTCALL_CLICKED"] = "submit_postcall_clicked";
-  return PitcherEventName2;
-})(PitcherEventName || {});
-var PitcherBroadcastedEventName = /* @__PURE__ */ ((PitcherBroadcastedEventName2) => {
-  PitcherBroadcastedEventName2["UI_SHOW_MODAL"] = "ui:show-modal";
-  PitcherBroadcastedEventName2["UI_HIDE_MODAL"] = "ui:hide-modal";
-  PitcherBroadcastedEventName2["FAVORITES_CHANGED"] = "favorites:changed";
-  PitcherBroadcastedEventName2["FILE_DOWNLOAD"] = "file:download";
-  return PitcherBroadcastedEventName2;
-})(PitcherBroadcastedEventName || {});
-var PitcherExternalEventName = /* @__PURE__ */ ((PitcherExternalEventName2) => {
-  PitcherExternalEventName2["CREATE_AND_OPEN_CANVAS"] = "create_and_open_canvas";
-  PitcherExternalEventName2["OPEN_CANVAS"] = "open_canvas";
-  PitcherExternalEventName2["START_CALL"] = "start_call";
-  return PitcherExternalEventName2;
-})(PitcherExternalEventName || {});
-
 let highLevelApi;
+let prevOptions;
 function usePitcherApi(options) {
-  if (!highLevelApi) highLevelApi = createHighLevelApi(options);
+  if (!highLevelApi || !isEqual(options, prevOptions)) {
+    highLevelApi = createHighLevelApi(options);
+    prevOptions = options;
+  }
   return highLevelApi;
 }
 const uiApi = Object.entries(
@@ -3218,7 +3448,7 @@ function getAvailableApis() {
   const location = window.parent.jsApiLocation;
   return location === "ui" ? ["ui", "impact"] : [location ?? "impact"];
 }
-function useApi() {
+function useApi(options) {
   if (typeof window === "undefined") throw new Error("useApi: window is not defined");
   const location = window.parent.jsApiLocation;
   switch (location) {
@@ -3229,7 +3459,7 @@ function useApi() {
     case "dsr":
       return useDsr();
     case "impact":
-      return usePitcherApi();
+      return usePitcherApi(options);
     default:
       throw new Error(`Unknown api for location: ${location}`);
   }