@watermarkinsights/ripple 3.0.1-0 → 3.0.2-0

package/dist/collection/dev/scripts.js

@@ -0,0 +1,20 @@
+var html = document.querySelector("html");
+
+function toggleDirection() {
+  var dir = html.getAttribute("dir");
+  dir = dir == "ltr" ? "rtl" : "ltr";
+  html.setAttribute("dir", dir);
+
+  document.querySelector("#dirtogglebtn").innerHTML = "Text direction: " + dir;
+}
+
+function togglePlanningCSS() {
+  var sheets = Array.from(document.styleSheets);
+  var planning = sheets.filter(function (s) {
+    return s.title == "planning";
+  })[0];
+  planning.disabled = !planning.disabled;
+
+  var status = planning.disabled ? "off" : "on";
+  document.querySelector("#stylestogglebtn").innerHTML = "Planning styles: " + status;
+}

package/dist/collection/global/__mocks__/functions.js

@@ -0,0 +1,5 @@
+export const generateId = () => "random-id";
+export const getTextDir = () => "rtl";
+export const intl = {
+  formatMessage: (_) => "[translated text]",
+};

package/dist/collection/global/functions.js

@@ -0,0 +1,420 @@
+import * as lang from "../lang/lang";
+import { createIntl, createIntlCache } from "@formatjs/intl";
+const DEFAULT_LANGUAGE = "en";
+function getBrowserLang() {
+  const langAttr = document.documentElement.getAttribute("lang");
+  if (!!langAttr) {
+    return langAttr;
+  }
+  else if (window.navigator && window.navigator.language) {
+    const lang = window.navigator.languages ? window.navigator.languages[0] : window.navigator.language;
+    return lang.slice(0, 2);
+  }
+  else {
+    return DEFAULT_LANGUAGE;
+  }
+}
+// prevents memory leak
+const cache = createIntlCache();
+const locale = getBrowserLang();
+export const intl = createIntl({
+  locale: locale,
+  defaultLocale: "en",
+  messages: lang[locale] || lang.en,
+}, cache);
+export function generateId() {
+  return "wmcl-" + Math.random().toString(36).substr(2, 10);
+}
+export function debounce(fn, wait) {
+  let timeout;
+  return function () {
+    const context = this;
+    const functionCall = () => fn.apply(context, arguments);
+    clearTimeout(timeout);
+    timeout = setTimeout(functionCall, wait);
+  };
+}
+export function getTextDir() {
+  const dir = document.querySelector("html").getAttribute("dir");
+  return dir ? dir.toLowerCase() : "";
+}
+export function getPosition(el) {
+  const coords = el.getBoundingClientRect();
+  let x = coords.x;
+  let y = coords.y;
+  // Edge doesn't have x and y
+  if (!x) {
+    if (getTextDir() === "rtl") {
+      x = coords.right;
+    }
+    else {
+      x = coords.left;
+    }
+    y = coords.top;
+  }
+  return { x, y };
+}
+export function findParentWithScrollbar(el) {
+  while (!!el) {
+    if (el.scrollHeight > el.clientHeight && ["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
+      return el;
+    }
+    el = el.parentElement;
+  }
+}
+export function findParentWithHiddenOverflow(el) {
+  while (!!el) {
+    if (window.getComputedStyle(el).overflowY !== "visible") {
+      return el;
+    }
+    el = el.parentElement;
+  }
+}
+export function shouldOpenUp(fixedEl, //the element visible on the page when the component is closed
+closableEl, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
+) {
+  const closableElHeight = closableEl.clientHeight;
+  const parent = findParentWithHiddenOverflow(fixedEl);
+  //if parent is not found, measurements are checked against the viewport
+  let spaceAbove = parent
+    ? fixedEl.getBoundingClientRect().top - parent.getBoundingClientRect().top
+    : fixedEl.getBoundingClientRect().top;
+  // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+  // to get space below the el -> height of viewport minus boundingClientRect.bottom
+  let spaceBelow = parent
+    ? parent.getBoundingClientRect().bottom - fixedEl.getBoundingClientRect().bottom
+    : document.documentElement.clientHeight - fixedEl.getBoundingClientRect().bottom;
+  spaceAbove += offsetAbove;
+  spaceBelow += offsetBelow;
+  //we want to open up only if there's not enough space below AND there is enough space above
+  const openUp = closableElHeight > spaceBelow && closableElHeight <= spaceAbove;
+  return openUp;
+}
+export function shouldOpenDown(fixedEl, //the element visible on the page when the component is closed
+closableEl, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
+) {
+  const closableElHeight = closableEl.clientHeight;
+  const parent = findParentWithHiddenOverflow(fixedEl);
+  //if parent is not found, measurements are checked against the viewport
+  let spaceAbove = parent
+    ? fixedEl.getBoundingClientRect().top - parent.getBoundingClientRect().top
+    : fixedEl.getBoundingClientRect().top;
+  // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+  // to get space below the el -> height of viewport minus boundingClientRect.bottom
+  let spaceBelow = parent
+    ? parent.getBoundingClientRect().bottom - fixedEl.getBoundingClientRect().bottom
+    : document.documentElement.clientHeight - fixedEl.getBoundingClientRect().bottom;
+  spaceAbove += offsetAbove;
+  spaceBelow += offsetBelow;
+  //we want to open up only if there's not enough space below AND there is enough space above
+  const openDown = closableElHeight > spaceAbove && closableElHeight <= spaceBelow;
+  return openDown;
+}
+export function shouldShiftRight(fixedEl, closableEl) {
+  const closableElWidth = closableEl.clientWidth;
+  const parent = findParentWithHiddenOverflow(fixedEl);
+  //if parent is not found, measurements are checked against the viewport
+  const spaceLeft = parent
+    ? fixedEl.getBoundingClientRect().left - parent.getBoundingClientRect().left
+    : fixedEl.getBoundingClientRect().left;
+  const spaceRight = parent
+    ? parent.getBoundingClientRect().right - fixedEl.getBoundingClientRect().right
+    : fixedEl.getBoundingClientRect().right;
+  const needsSpaceLeft = closableElWidth > spaceLeft && spaceRight > spaceLeft;
+  return needsSpaceLeft;
+}
+export function shouldShiftLeft(fixedEl, closableEl) {
+  const closableElWidth = closableEl.clientWidth;
+  const parent = findParentWithHiddenOverflow(fixedEl);
+  //if parent is not found, measurements are checked against the viewport
+  const spaceLeft = parent
+    ? fixedEl.getBoundingClientRect().left - parent.getBoundingClientRect().left
+    : fixedEl.getBoundingClientRect().left;
+  // NB boundingClientRect.right is space from left side of viewport to right of el
+  // to get space between right side of el and right side of viewport -> width of viewport minus boundingClientRect.right
+  const spaceRight = parent
+    ? parent.getBoundingClientRect().right - fixedEl.getBoundingClientRect().right
+    : document.documentElement.clientWidth - fixedEl.getBoundingClientRect().right;
+  const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
+  return needsSpaceRight;
+}
+export function adjustTooltipPosition(tPos, el, tooltipEl) {
+  // Use the value passed as prop (or the default) if possible
+  // if there's not enough space, flip side
+  // Vertical
+  if (tPos.includes("bottom") && shouldOpenUp(el, tooltipEl)) {
+    tPos = tPos.replace("bottom", "top");
+  }
+  else if (tPos.includes("top") && shouldOpenDown(el, tooltipEl)) {
+    tPos = tPos.replace("top", "bottom");
+  }
+  // Horizontal
+  if (tPos.includes("left") && shouldShiftRight(el, tooltipEl)) {
+    tPos = tPos.replace("left", "right");
+  }
+  else if (tPos.includes("right") && shouldShiftLeft(el, tooltipEl)) {
+    tPos = tPos.replace("right", "left");
+  }
+  return tPos;
+}
+export function hasRoomRight(x, spaceNeeded) {
+  let horizOffset = 0;
+  // if (getTextDir() === "ltr") {
+  if (x.type === "click") {
+    // if it's a mouse event, deal with mouse coords
+    horizOffset = x.clientX;
+    // if it's a focus event, the offset is 0
+  }
+  else if (x.type === "focus") {
+    horizOffset = 0;
+  }
+  else {
+    // otherwise an element was passed, calculate how far it is from the edge of the window
+    let el = x; // re-assignment is for clarity
+    while (el) {
+      if (el.tagName == "BODY") {
+        // deal with browser quirks with body/window/document and page scroll
+        var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
+        horizOffset += el.offsetLeft - xScroll + el.clientLeft;
+      }
+      else {
+        // for all other non-BODY elements
+        horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
+      }
+      el = el.offsetParent;
+    }
+    // }
+  }
+  return window.innerWidth - horizOffset >= spaceNeeded;
+}
+export function checkForActiveElInShadow(element) {
+  while (element && element.shadowRoot) {
+    element = element.shadowRoot.activeElement;
+  }
+  return element;
+}
+export function checkForFocusableElInShadow(element) {
+  const selectors = [
+    "button",
+    "a",
+    "input",
+    "select",
+    "textarea",
+    "wm-button",
+    "wm-search",
+    "wm-select",
+    "wm-action-menu",
+    "wm-tab-item",
+    "wm-datepicker",
+  ];
+  let focusableEl = element;
+  selectors.forEach((selector) => {
+    if (focusableEl && focusableEl.shadowRoot) {
+      let elInShadow = focusableEl.shadowRoot.querySelector(selector);
+      if (elInShadow) {
+        if (selector.startsWith("wm-")) {
+          focusableEl = checkForFocusableElInShadow(elInShadow);
+        }
+        else {
+          focusableEl = elInShadow;
+        }
+      }
+    }
+  });
+  return focusableEl;
+}
+export function isFocusable(element) {
+  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null)) {
+    return true;
+  }
+  if (element.disabled) {
+    return false;
+  }
+  switch (element.nodeName) {
+    case "A":
+      return !!element.href && element.rel != "ignore";
+    case "INPUT":
+      return element.type != "hidden" && element.type != "file";
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+    case "WM-BUTTON":
+    case "WM-SELECT":
+    case "WM-ACTION-MENU":
+    case "WM-DATEPICKER":
+    case "WM-TIMEPICKER":
+    case "WM-INPUT":
+    case "WM-TAG-INPUT":
+    case "WM-TAB-ITEM":
+    case "WM-SEARCH":
+      return true;
+    default:
+      return false;
+  }
+}
+export function getFirstFocusableDescendant(element) {
+  if (isFocusable(element)) {
+    return checkForFocusableElInShadow(element);
+  }
+  else if (element.childNodes.length > 0) {
+    element.childNodes.forEach((i) => {
+      const childEl = getFirstFocusableDescendant(i);
+      return childEl && checkForFocusableElInShadow(childEl);
+    });
+  }
+}
+export function hasValidType(file, types) {
+  const acceptedExtensions = types.split(" ");
+  const parts = file.name && file.name.split(".");
+  const ext = parts && parts.length > 1 && parts[parts.length - 1];
+  return ext
+    ? acceptedExtensions.includes(ext.toLowerCase())
+    : // fallback: if we couldn't obtain an extension,
+      // validate based on MIME type...
+      !!file.type
+        ? getAcceptedMimeTypesList(acceptedExtensions).includes(file.type)
+        : // ...and if that failed too, accept the file
+          // as it's preferable to accept an invalid file
+          // than refusing a valid one (back-end will take care of what slips through)
+          true;
+}
+// takes a string (space separated list of extensions), returns an array of strings (corresponding MIME types)
+export function getAcceptedMimeTypesList(acceptedExtensions) {
+  // this is just a list of common file types (regardless of whether they are/can be valid or not)
+  // front end checks are just a convenience to users, independent of security.
+  // it allows users to be notified of an invalid type as soon as they select the file, rather than when it gets uploaded
+  const lookupTable = {
+    aac: ["audio/aac"],
+    abw: ["application/x-abiword"],
+    arc: ["application/x-freearc"],
+    avi: ["video/x-msvideo"],
+    azw: ["application/vnd.amazon.ebook"],
+    bin: ["application/octet-stream"],
+    bmp: ["image/bmp"],
+    bz: ["application/x-bzip"],
+    bz2: ["application/x-bzip2"],
+    csh: ["application/x-csh"],
+    css: ["text/css"],
+    csv: ["text/csv"],
+    doc: ["application/msword"],
+    docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+    eot: ["application/vnd.ms-fontobject"],
+    epub: ["application/epub+zip"],
+    gz: ["application/gzip"],
+    gif: ["image/gif"],
+    htm: ["text/html"],
+    html: ["text/html"],
+    ico: ["image/vnd.microsoft.icon"],
+    ics: ["text/calendar"],
+    jar: ["application/java-archive"],
+    jpeg: ["image/jpeg"],
+    jpg: ["image/jpeg"],
+    js: ["text/javascript"],
+    json: ["application/json"],
+    jsonld: ["application/ld+json"],
+    log: ["text/plain"],
+    mid: ["audio/x-midi"],
+    midi: ["audio/x-midi"],
+    mjs: ["text/javascript"],
+    mp3: ["audio/mpeg"],
+    mpeg: ["video/mpeg"],
+    mpkg: ["application/vnd.apple.installer+xml"],
+    odp: ["application/vnd.oasis.opendocument.presentation"],
+    ods: ["application/vnd.oasis.opendocument.spreadsheet"],
+    odt: ["application/vnd.oasis.opendocument.text"],
+    oga: ["audio/ogg"],
+    ogv: ["video/ogg"],
+    ogx: ["application/ogg"],
+    opus: ["audio/opus"],
+    otf: ["font/otf"],
+    png: ["image/png"],
+    pdf: ["application/pdf"],
+    php: ["application/php"],
+    ppt: ["application/vnd.ms-powerpoint"],
+    pptx: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+    rar: ["application/vnd.rar", "application/x-rar", "application/x-rar-compressed"],
+    rtf: ["application/rtf"],
+    sh: ["application/x-sh"],
+    svg: ["image/svg+xml"],
+    swf: ["application/x-shockwave-flash"],
+    tar: ["application/x-tar"],
+    tif: ["image/tiff"],
+    tiff: ["image/tiff"],
+    ts: ["video/mp2t"],
+    ttf: ["font/ttf"],
+    txt: ["text/plain"],
+    vsd: ["application/vnd.visio"],
+    wav: ["audio/wav"],
+    weba: ["audio/webm"],
+    webm: ["video/webm"],
+    webp: ["image/webp"],
+    woff: ["font/woff"],
+    woff2: ["font/woff2"],
+    xhtml: ["application/xhtml+xml"],
+    xls: ["application/vnd.ms-excel"],
+    xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+    xml: ["application/xml", "text/xml"],
+    xul: ["application/vnd.mozilla.xul+xml"],
+    zip: ["application/zip", "application/x-zip-compressed", "multipart/x-zip"],
+    "3gp": ["video/3gpp", "audio/3gpp"],
+    "3g2": ["video/3gpp2", "audio/3gpp2"],
+    "7z": ["application/x-7z-compressed"],
+  };
+  return acceptedExtensions.reduce((acc, ext) => acc.concat(lookupTable[ext]), []);
+}
+export function snakeCaseToCamelCase(str) {
+  const snakeCaseRegexp = /^([a-z0-9]*)(_[a-z0-9]*)*$/g;
+  if (snakeCaseRegexp.test(str)) {
+    let camelCase = "";
+    let arr = str.split("_");
+    arr.forEach((word, idx) => {
+      camelCase += idx === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1);
+    });
+    return camelCase;
+  }
+  else {
+    return str;
+  }
+}
+export function getNewIndexToFocus(currentIndex, direction, listLength) {
+  let newIndex = currentIndex;
+  if (direction === "ArrowDown") {
+    newIndex = (currentIndex + 1) % listLength;
+  }
+  if (direction === "ArrowUp") {
+    newIndex = currentIndex === 0 ? listLength - 1 : currentIndex - 1;
+  }
+  return newIndex;
+}
+export function isRelatedTarget(ev, id) {
+  // used for onBlur events to check the element that has been clicked
+  const ids = id.split(" ");
+  return ev.relatedTarget && ids.includes(ev.relatedTarget.id);
+}
+/*
+ * this is going to be needed to solve the extra tabbing on navigator
+ * and for programmatic focus of tabs
+ * Here's a draft, not bug proof, see:
+ * https://stackoverflow.com/a/10730308/3741713
+
+function getKeyboardFocusableElements(element = document) {
+  const els = Array.from(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), wm-search, wm-timepicker, wm-tab-list, wm-tab-item, wm-button, wm-action-menu'));
+  return els.filter((el: Element) => !el.hasAttribute("disabled")) as HTMLElement[];
+}
+
+export function getPreviousKeyboardFocusableElement(element: HTMLElement) {
+  const els = getKeyboardFocusableElements();
+  const current = els.indexOf(element);
+  return els[current - 1] as HTMLElement;
+}
+
+export function getNextKeyboardFocusableElement(element: HTMLElement) {
+  const els = getKeyboardFocusableElements();
+  const current = els.indexOf(element);
+  return els[current + 1] as HTMLElement;
+}
+ */

package/dist/{ripple/app-globals-b5693c90.js → collection/global/global.js}

@@ -1,8 +1,8 @@
-import { s as setMode } from './index-20b65f86.js';
-
+import { setMode } from "@stencil/core";
+import { version } from "../../package.json";
 if (window.navigator.plugins.length > 0) {
   // excluding test envs (which will return 0 for plugin.length)
-  console.log("Ripple component library version 3.0.0");
+  console.log("Ripple component library", version);
 }
 // Dispatching events to track whether user is navigating with keyboard or mouse
 // (for focus states)
@@ -38,8 +38,3 @@ function wmComponentMouseDownOnce() {
 setMode((elm) => {
   return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
 });
-const globalFn = () => { };
-
-const globalScripts = globalFn;
-
-export { globalScripts as g };

package/dist/{ripple/interfaces-50753346.js → collection/global/interfaces.js}

@@ -1,5 +1,5 @@
 //List of icon codes with more indicative descriptors to create labels for icon-only buttons
-const iconLabels = {
+export const iconLabels = {
   f156: "Close",
   f3eb: "Edit",
   f739: "Cancel",
@@ -18,7 +18,7 @@ const iconLabels = {
   f645: "Sort hierarchically",
   f4bb: "Sort alphabetically",
 };
-function getIconCodeFromName(icon) {
+export function getIconCodeFromName(icon) {
   return iconCodes[icon] || icon;
 }
 const iconCodes = {
@@ -43,9 +43,7 @@ const iconCodes = {
   "account-settings": "f630",
   "backup-restore": "f06f",
 };
-const defaultMode = "planning";
-const getWmMode = (ref) => {
+export const defaultMode = "planning";
+export const getWmMode = (ref) => {
   return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
 };
-
-export { getWmMode as a, getIconCodeFromName as g };

package/dist/collection/global/services/__mocks__/http-service.js

@@ -0,0 +1,130 @@
+const state = [
+  {
+    uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
+    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+    updated_at: "2018-04-16T10:31:48.740000Z",
+    organization_uuid: "d57a8104-a07e-4e58-97f6-705d55b15845",
+    mime_type: "application/pdf",
+    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+    inserted_at: "2018-09-17T09:33:45.550000Z",
+    file_path: "bogusurl.dev",
+    file_name: "test.pdf",
+    course_uuid: null,
+  },
+  {
+    uuid: "410ee9ed-af53-4f52-90b1-bf3f054ad86b",
+    uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+    updated_at: "2019-11-26T20:39:38.990000Z",
+    organization_uuid: "8d242cdf-4261-4003-9a91-45575eb7d44e",
+    mime_type: "application/pdf",
+    institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+    inserted_at: "2019-11-26T20:39:38.990000Z",
+    file_path: "anotherbogusurl.dev",
+    file_name: "brochure.pdf",
+    course_uuid: null,
+  },
+];
+const firstUploadResponseText = {
+  url: "aws-path.url",
+  updated_at: "2019-07-03T14:11:08.000Z",
+  path: "",
+  guid: "12345",
+};
+const secondUploadResponseText = {
+  url: "aws-path.url",
+  updated_at: "2019-07-02T10:14:29.000Z",
+  path: "",
+  guid: "67890",
+};
+const navigatorResponse = {
+  connection_name: "watermarkinsights-idp-qa",
+  current_product_id: "dm",
+  email: "user@email.net",
+  logout_url: "localhost:3333/logout",
+  products: [
+    {
+      description: "Some Aqua description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/aqua.svg",
+      id: "aqua",
+      linkUrl: "https://aqua.taskstream.com/sso/login",
+      name: "Aqua",
+    },
+    {
+      description: "Some Digital Measures description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/digitalmeasures.svg",
+      id: "dm",
+      linkUrl: "https://www.digitalmeasures.com/login/sso/authenticate",
+      name: "Digital Measures",
+    },
+    {
+      description: "Some Planning description",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/planningselfstudy.svg",
+      id: "planning",
+      linkUrl: "https://planning.watermarkinsights.com/login/sso",
+      name: "Planning",
+    },
+    {
+      description: "Checking that the component handles anything throwed at it",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
+      id: "something_bonkers",
+      linkUrl: "https://planning.watermarkinsights.com/login/sso",
+      name: "Bonkers",
+    },
+    {
+      description: "c1 = livetext",
+      iconUrl: "https://cdn.watermarkinsights.com/images/login/livetext.svg",
+      id: "c1",
+      linkUrl: "https://livetext.fakeurl/login/sso",
+      name: "Livetext",
+    },
+    {
+      description: "something with an id containing admin",
+      iconUrl: "not.important",
+      id: "banana_admin_shoe",
+      linkUrl: "irrelevant",
+      name: "Platform Admin",
+    },
+  ],
+};
+const responses = {
+  "get-path.url": state,
+  "request-upload-path.url0": firstUploadResponseText,
+  "request-upload-path.url1": secondUploadResponseText,
+  "/platform/navigator/userinfo": navigatorResponse,
+};
+export const getRequest = async (url) => {
+  return Promise.resolve(responses[url]);
+};
+export const postRequest = async (url, payload) => {
+  switch (url) {
+    case "upload-path.url":
+      state.push({
+        uuid: payload.document_uuid,
+        uploader_member_uuid: "fd947ce1-ca75-4b88-ba47-4576104cf845",
+        updated_at: "2019-12-10T20:48:10.138Z",
+        organization_uuid: payload.organization_uuid,
+        mime_type: payload.mime_type,
+        institution_uuid: "c1dac227-b71c-44ae-a4be-eb20929c6e99",
+        inserted_at: "2019-12-10T20:48:10.138Z",
+        file_path: payload.file_path,
+        file_name: payload.file_name,
+        course_uuid: null,
+      });
+      return Promise.resolve();
+    case "request-download-path.url":
+      return Promise.resolve({ url: "aws-download-path.url" });
+  }
+};
+export const deleteRequest = async (url) => {
+  const uuid = url.split("/").pop();
+  // console.log("uuid: ", uuid);
+  const index = state.findIndex((i) => i.uuid === uuid);
+  // console.log("index: ", index);
+  state.splice(index, 1);
+  // console.log("state from DELETE: ", state, Date.now());
+  // return new Promise(resolve => setTimeout(() => resolve(), 300));
+  return Promise.resolve();
+};
+export const putRequest = (_url, _file) => {
+  return Promise.resolve();
+};

package/dist/collection/global/services/http-service.js

@@ -0,0 +1,50 @@
+export const getRequest = async (url) => {
+  const response = await fetch(url);
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const postRequest = async (url, payload) => {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json; charset=utf-8" },
+    body: JSON.stringify(payload),
+  });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const deleteRequest = async (url) => {
+  const response = await fetch(url, { method: "DELETE" });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+export const putRequest = (url, file, onProgress) => {
+  return new Promise((resolve, reject) => {
+    // there's no way to track progress with the fetch API, so using XHR
+    const req = new XMLHttpRequest();
+    req.upload.addEventListener("progress", (ev) => onProgress(ev));
+    req.addEventListener("readystatechange", function () {
+      if (this.readyState === 4 && this.status === 200) {
+        resolve(this);
+      }
+      else if (this.readyState === 4 && this.status !== 200) {
+        reject();
+      }
+    });
+    req.onerror = () => reject();
+    req.open("PUT", url, true);
+    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
+    req.send(file);
+  });
+};

package/dist/collection/lang/lang.js

@@ -0,0 +1,5 @@
+import en from "./compiled-lang/en.json";
+import fr from "./compiled-lang/fr.json";
+import es from "./compiled-lang/es.json";
+import pig from "./compiled-lang/pig.json";
+export { en, fr, es, pig };