@plusscommunities/pluss-core-web 1.0.2 → 1.0.6

package/src/helper/HelpDeskWidget.js

@@ -0,0 +1,52 @@
+import Config from '../config';
+
+export const setChatUser = (auth) => {
+  if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
+    setTimeout(() => {
+      setChatUser(auth);
+    }, 1000);
+    return;
+  }
+  if (!auth.user) {
+    return (
+      window.tidioChatApi &&
+      window.tidioChatApi.setVisitorData({
+        name: undefined,
+        email: undefined,
+        phone: undefined,
+        site: undefined,
+        company: Config.env.clientName,
+        distinct_id: undefined,
+      })
+    );
+  }
+  return (
+    window.tidioChatApi &&
+    window.tidioChatApi.setVisitorData({
+      name: `${auth.user.displayName} - ${Config.env.clientName} ${auth.site}`,
+      email: auth.user.email,
+      phone: auth.user.phoneNumber,
+      site: auth.site,
+      userType: auth.auth,
+      company: Config.env.clientName,
+      distinct_id: auth.user.Id,
+    })
+  );
+};
+
+export const openChat = () => {
+  window.tidioChatApi.display(true);
+  window.tidioChatApi.open();
+};
+
+export const hideChat = () => {
+  if (window.tidioChatApi && window.tidioChatApi.display) {
+    setTimeout(() => {
+      window.tidioChatApi.display(false);
+    }, 1000);
+  } else {
+    setTimeout(() => {
+      hideChat();
+    }, 1000);
+  }
+};

package/src/helper/api/getUrl.js

@@ -0,0 +1,15 @@
+import _ from 'lodash';
+import Config from '../../config';
+
+const getUrl = (baseAction, action, query) => {
+  const { baseAPIUrl, baseStage } = Config.env;
+  let queryPart = '';
+  if (query) {
+    _.keys(query).forEach((key, index) => {
+      queryPart += `${index === 0 ? '?' : '&'}${key}=${query[key]}`;
+    });
+  }
+  return `${baseAPIUrl}/${baseAction}-${baseStage}/${action}${queryPart}`;
+};
+
+export default getUrl;

package/src/helper/api/getUrlParams.js

@@ -0,0 +1,9 @@
+const getUrlParams = () => {
+  var vars = {};
+  window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
+    vars[key] = value;
+  });
+  return vars;
+};
+
+export default getUrlParams;

package/src/helper/api/safeReadParams.js

@@ -0,0 +1,6 @@
+const safeReadParams = (props, key) => {
+  if (props && props.match && props.match.params) return props.match.params[key];
+  return null;
+};
+
+export default safeReadParams;

package/src/helper/colours.js/getAppColourFromState.js

@@ -0,0 +1,10 @@
+import { Config } from '../..';
+
+const getAppColourFromState = (state) => {
+  if (!state || !state.auth || !state.auth.siteBranding || !state.auth.siteBranding.MainBrandingColour) {
+    return Config.env.colourBrandingApp;
+  }
+  return state.auth.siteBranding.MainBrandingColour;
+};
+
+export default getAppColourFromState;

package/src/helper/files/canvasImageUploader.js

@@ -0,0 +1,159 @@
+/**
+ * ADAPTED FROM:
+ *
+ * Resize and rotate images by EXIF orientation on the client side during upload. This uses
+ * the HTML Canvas element and HTML5 FileReader.
+ *
+ * This class requires the Javascript file from https://github.com/jseidelin/exif-js
+ *
+ * See the GitHub repo for examples: https://github.com/ajgarn/CanvasImageUploader.
+ *
+ * @class CanvasImageUploader
+ * @author ajgarn
+ * @see https://github.com/ajgarn/CanvasImageUploader
+ */
+
+function CanvasImageUploader(options) {
+  options = options || {};
+  if (typeof options.maxSize === 'undefined') options.maxSize = 1500;
+  if (typeof options.jpegQuality === 'undefined') options.jpegQuality = 0.7;
+
+  var image; // Image object (<img>)
+  var imageData; // Image from canvas as byte array
+
+  /**
+   * Converts a base64 string to byte array.
+   */
+  function base64toBlob(base64Data, contentType, sliceSize) {
+    contentType = contentType || '';
+    sliceSize = sliceSize || 512;
+
+    var byteCharacters = atob(base64Data);
+    var byteArrays = [];
+
+    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+      var slice = byteCharacters.slice(offset, offset + sliceSize);
+      var byteNumbers = new Array(slice.length);
+      for (var i = 0; i < slice.length; i++) {
+        byteNumbers[i] = slice.charCodeAt(i);
+      }
+      var byteArray = new Uint8Array(byteNumbers);
+      byteArrays.push(byteArray);
+    }
+
+    return new Blob(byteArrays, { type: contentType });
+  }
+
+  function calculateSize(image, maxSize) {
+    var size = { width: image.width, height: image.height };
+    if (image.width > maxSize || image.height > maxSize) {
+      var ratio = image.width / image.height;
+      if (image.width >= image.height) {
+        size.width = maxSize;
+        size.height = maxSize / ratio;
+      } else {
+        size.height = maxSize;
+        size.width = maxSize * ratio;
+      }
+    }
+    return size;
+  }
+
+  function setDimensions($canvas, size) {
+    $canvas.attr('width', size.width);
+    $canvas.attr('height', size.height);
+  }
+
+  function drawOnCanvas(image, $canvas, maxSize) {
+    var canvas = $canvas[0];
+    var ctx = canvas.getContext('2d');
+
+    var size = calculateSize(image, maxSize);
+    setDimensions($canvas, size);
+
+    // Clear canvas
+    ctx.clearRect(0, 0, $canvas.width(), $canvas.height());
+
+    ctx.drawImage(
+      image,
+      0,
+      0,
+      image.width,
+      image.height, // Source rectangle
+      0,
+      0,
+      size.width,
+      size.height,
+    ); // Destination rectangle
+  }
+
+  function readImageToCanvasOnLoad(image, $canvas, callback) {
+    drawOnCanvas(image, $canvas, options.maxSize);
+    if (callback) callback();
+    else console.warn('No callback for readImageToCanvas');
+  }
+
+  return {
+    /**
+     * Run to initialize CanvasImageUploader.
+     */
+    newImage: function () {
+      imageData = null;
+      image = new Image();
+    },
+
+    /**
+     * Returns the image data if any file has been read.
+     * @returns {Blob|null}
+     */
+    getImageData: function () {
+      return imageData;
+    },
+
+    /**
+     * Draw an image (<img>) or contents of a canvas to another canvas. The destination
+     * canvas is resized properly.
+     * @param source The image or source canvas to draw on a new canvas.
+     * @param $destination The destination canvas to draw onto.
+     * @param maxSize Maximum width or height of the destination canvas.
+     */
+    copyToCanvas: function (source, $destination, maxSize) {
+      var size = calculateSize(source, maxSize);
+      setDimensions($destination, size, 1);
+      var destCtx = $destination[0].getContext('2d');
+      destCtx.drawImage(source, 0, 0, source.width, source.height, 0, 0, size.width, size.height);
+    },
+
+    /**
+     * Draw an image from a file on a canvas.
+     * @param file The uploaded file.
+     * @param $canvas The canvas (jQuery) object to draw on.
+     * @param callback Function that is called when the operation has finished.
+     */
+    readImageToCanvas: function (file, $canvas, callback) {
+      this.newImage();
+      if (!file) return;
+
+      var reader = new FileReader();
+      reader.onload = function (fileReaderEvent) {
+        image.onload = function () {
+          readImageToCanvasOnLoad(this, $canvas, callback);
+        };
+        image.src = fileReaderEvent.target.result; // The URL from FileReader
+      };
+      reader.readAsDataURL(file);
+    },
+
+    /**
+     * Read the canvas data and save it as a binary byte array to image data variable.
+     * Get this data using the method getImageData().
+     * @param canvas
+     */
+    saveCanvasToImageData: function (canvas) {
+      var base64 = canvas.toDataURL('image/jpeg', options.jpegQuality).replace(/^data:image\/(png|jpeg|jpg|gif);base64,/, '');
+      imageData = base64toBlob(base64, 'image/jpeg'); // Byte array
+    },
+  };
+}
+
+export default CanvasImageUploader;

package/src/helper/files/get1400.js

@@ -0,0 +1,28 @@
+import Config from '../../config';
+import getExtension from './getExtension';
+
+const get1400 = (url) => {
+  if (!url) {
+    return url;
+  }
+  if (url.indexOf('https://plussprdstorage.blob.core.windows.net/') !== -1) {
+    return url.replace('https://plussprdstorage.blob.core.windows.net/', 'https://plusscdn.azureedge.net/');
+  }
+  if (url.indexOf('https://plusscdn.azureedge.net/') !== -1) {
+    return url.replace('/uploads/', '/uploads1400/').replace('/general/', '/general1400/');
+  }
+
+  const { baseUploadsUrl, baseLibraryUrl } = Config.env;
+
+  if (url.indexOf(baseUploadsUrl) !== -1 || url.indexOf(baseLibraryUrl) !== -1) {
+    const extension = getExtension(url);
+    let urlToUse = url;
+    if (extension !== 'jpg') {
+      urlToUse = `${url.substring(0, url.length - (extension.length + 1))}.jpg`;
+    }
+    return urlToUse.replace('/uploads/', '/1400/');
+  }
+  return url;
+};
+
+export default get1400;

package/src/helper/files/getExtension.js

@@ -0,0 +1,9 @@
+const getExtension = (url) => {
+  if (!url) {
+    return null;
+  }
+  const fileSplit = url.split('.');
+  return fileSplit[fileSplit.length - 1].toLowerCase();
+};
+
+export default getExtension;

package/src/helper/files/getFileName.js

@@ -0,0 +1,13 @@
+const getFileName = (url, noExtension) => {
+  if (!url) {
+    return null;
+  }
+  const fileSplit = url.split('/');
+  const name = fileSplit[fileSplit.length - 1].toLowerCase();
+  if (!noExtension) {
+    return name;
+  }
+  return name.split('.')[0];
+};
+
+export default getFileName;

package/src/helper/files/getThumb300.js

@@ -0,0 +1,32 @@
+import Config from '../../config';
+import getExtension from './getExtension';
+
+const getThumb300 = (url) => {
+  if (!url) {
+    return url;
+  }
+  if (url.indexOf('https://plussprdstorage.blob.core.windows.net/') !== -1) {
+    return url.replace('https://plussprdstorage.blob.core.windows.net/', 'https://plusscdn.azureedge.net/');
+  }
+  if (url.indexOf('https://plusscdn.azureedge.net/') !== -1) {
+    return url
+      .replace('/uploads/', '/uploads-thumb/')
+      .replace('/general/', '/general300/')
+      .replace('/uploads1400/', '/uploads-thumb/')
+      .replace('/general1400/', '/general300/');
+  }
+
+  const { baseUploadsUrl } = Config.env;
+
+  if (url.indexOf(baseUploadsUrl) !== -1) {
+    const extension = getExtension(url);
+    let urlToUse = url;
+    if (extension !== 'jpg') {
+      urlToUse = `${url.substring(0, url.length - (extension.length + 1))}.jpg`;
+    }
+    return urlToUse.replace('/1400/', '/thumb300/').replace('/uploads/', '/thumb300/');
+  }
+  return url;
+};
+
+export default getThumb300;

package/src/helper/files/isVideo.js

@@ -0,0 +1,8 @@
+import getExtension from './getExtension';
+
+const isVideo = (url) => {
+  const extension = getExtension(url);
+  return ['mov', 'mp4'].includes(extension);
+};
+
+export default isVideo;

package/src/{helper.js → helper/helper.js}

@@ -1,6 +1,5 @@
-import React from 'react';
 import _ from 'lodash';
-import Config from './config';
+
 // import moment from 'moment';
 // import Cookies from 'js-cookie';
 // import {
@@ -30,22 +29,6 @@ import Config from './config';
 //   return logo;
 // };
 
-export const getUrl = (baseAction, action, query) => {
-  const { baseAPIUrl, baseStage } = Config.env;
-  let queryPart = '';
-  if (query) {
-    _.keys(query).forEach((key, index) => {
-      queryPart += `${index === 0 ? '?' : '&'}${key}=${query[key]}`;
-    });
-  }
-  return `${baseAPIUrl}/${baseAction}-${baseStage}/${action}${queryPart}`;
-};
-
-export const safeReadParams = (props, key) => {
-  if (props && props.match && props.match.params) return props.match.params[key];
-  return null;
-};
-
 // export const getUrlParams = () => {
 //   var vars = {};
 //   window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
@@ -54,13 +37,12 @@ export const safeReadParams = (props, key) => {
 //   return vars;
 // };
 
-export const isEmail = (email) => {
-  if (_.isEmpty(email)) return false;
-  const atpos = email.indexOf('@');
-  const dotpos = email.lastIndexOf('.');
-  if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) return false;
-  return true;
-};
+// export const onlyAlphanumeric = (input) => {
+//   if (!input) {
+//     return input;
+//   }
+//   return input.replace(/[^a-z0-9]/gi, '');
+// };
 
 // export const isUrl = (url) => {
 //   const dotpos = url.lastIndexOf('.');
@@ -70,15 +52,6 @@ export const isEmail = (email) => {
 //   return true;
 // };
 
-export const randomString = () => {
-  return 'xxxxxxxx4xxxyxxxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-    // eslint-disable-next-line
-    var r = (Math.random() * 16) | 0,
-      v = c === 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-};
-
 // export const generateImageName = (name) => {
 //   return `xxxxxxxx4xxxyxxxxxxxxxxxxx${name}`.replace(/[xy]/g, (c) => {
 //     // eslint-disable-next-line
@@ -102,47 +75,6 @@ export const randomString = () => {
 //   return string.split(' ')[0];
 // };
 
-// export const getExtension = (url) => {
-//   if (!url) {
-//     return null;
-//   }
-//   const fileSplit = url.split('.');
-//   return fileSplit[fileSplit.length - 1].toLowerCase();
-// };
-
-// export const getFileName = (url, noExtension) => {
-//   if (!url) {
-//     return null;
-//   }
-//   const fileSplit = url.split('/');
-//   const name = fileSplit[fileSplit.length - 1].toLowerCase();
-//   if (!noExtension) {
-//     return name;
-//   }
-//   return name.split('.')[0];
-// };
-
-// export const get1400 = (url) => {
-//   if (!url) {
-//     return url;
-//   }
-//   if (url.indexOf('https://plussprdstorage.blob.core.windows.net/') !== -1) {
-//     return url.replace('https://plussprdstorage.blob.core.windows.net/', 'https://plusscdn.azureedge.net/');
-//   }
-//   if (url.indexOf('https://plusscdn.azureedge.net/') !== -1) {
-//     return url.replace('/uploads/', '/uploads1400/').replace('/general/', '/general1400/');
-//   }
-//   if (url.indexOf(baseUploadsUrl) !== -1 || url.indexOf(baseLibraryUrl) !== -1) {
-//     const extension = getExtension(url);
-//     let urlToUse = url;
-//     if (extension !== 'jpg') {
-//       urlToUse = `${url.substring(0, url.length - (extension.length + 1))}.jpg`;
-//     }
-//     return urlToUse.replace('/uploads/', '/1400/');
-//   }
-//   return url;
-// };
-
 // export const get300 = (url) => {
 //   if (!url) {
 //     return url;
@@ -164,41 +96,11 @@ export const randomString = () => {
 //   return url;
 // };
 
-// export const getThumb300 = (url) => {
-//   if (!url) {
-//     return url;
-//   }
-//   if (url.indexOf('https://plussprdstorage.blob.core.windows.net/') !== -1) {
-//     return url.replace('https://plussprdstorage.blob.core.windows.net/', 'https://plusscdn.azureedge.net/');
-//   }
-//   if (url.indexOf('https://plusscdn.azureedge.net/') !== -1) {
-//     return url
-//       .replace('/uploads/', '/uploads-thumb/')
-//       .replace('/general/', '/general300/')
-//       .replace('/uploads1400/', '/uploads-thumb/')
-//       .replace('/general1400/', '/general300/');
-//   }
-//   if (url.indexOf(baseUploadsUrl) !== -1) {
-//     const extension = getExtension(url);
-//     let urlToUse = url;
-//     if (extension !== 'jpg') {
-//       urlToUse = `${url.substring(0, url.length - (extension.length + 1))}.jpg`;
-//     }
-//     return urlToUse.replace('/1400/', '/thumb300/').replace('/uploads/', '/thumb300/');
-//   }
-//   return url;
-// };
-
 // export const getCompressed = (url) => {
 //   if (!url || typeof url !== 'string') return '';
 //   return url.replace('/uploads/', '/compressed/');
 // };
 
-// export const isVideo = (url) => {
-//   const extension = getExtension(url);
-//   return ['mov', 'mp4'].includes(extension);
-// };
-
 // export const getTimepickerTime = (input) => {
 //   var timeSplit = input.split(':');
 //   if (timeSplit[1].indexOf('pm') > -1) {
@@ -230,19 +132,19 @@ export const randomString = () => {
 //   return moment.utc(dateObject);
 // };
 
-// export const getPluralS = (count) => {
-//   if (count === 1) {
-//     return '';
-//   }
-//   return 's';
-// };
+export const getPluralS = (count) => {
+  if (count === 1) {
+    return '';
+  }
+  return 's';
+};
 
-// export const getPluralOptions = (count, singular, plural) => {
-//   if (count === 1) {
-//     return singular;
-//   }
-//   return plural;
-// };
+export const getPluralOptions = (count, singular, plural) => {
+  if (count === 1) {
+    return singular;
+  }
+  return plural;
+};
 
 // export const getPercentage = (count, total) => {
 //   if (!count) {
@@ -266,19 +168,6 @@ export const randomString = () => {
 //   return _.map(users, getUserPreview);
 // };
 
-export const toParagraphed = (text, style) => {
-  if (!text) return text;
-  text = text.replace(/\t/g, '\u00a0\u00a0\u00a0\u00a0');
-  const textSplit = text.split('\n');
-  return _.map(textSplit, (t, i) => {
-    return (
-      <span key={`paragraph_${i}`} style={{ display: 'block', ...style }}>
-        {t || '\u00A0'}
-      </span>
-    );
-  });
-};
-
 // export const getSiteNameFromRoles = (site, roles) => {
 //   return getSiteName(
 //     site,