@plusscommunities/pluss-core-web 1.7.3-beta.1 → 1.7.4-beta.0

package/src/config.js

@@ -1,25 +0,0 @@
-const CoreConfig = {
-  env: {
-    baseStage: '',
-    baseAPIUrl: '',
-    baseUploadsUrl: '',
-    baseLibraryUrl: '',
-    uploadBucket: '',
-    colourBrandingMain: '',
-    colourBrandingOff: '',
-    colourBrandingApp: '',
-    defaultProfileImage:
-      'https://pluss60-demo-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:97769b56-25ec-41c0-a73c-6c2c4140f629/public/3d2433c6419383beb1078036b7/tinydefaultprofile.png',
-    utcOffset: '',
-    hasAvailableNews: false,
-    newsHaveTags: true,
-    defaultAllowComments: true,
-    makeApiKey: '',
-    logo: '',
-    clientName: '',
-  },
-  init: (environment) => {
-    CoreConfig.env = environment;
-  },
-};
-export default CoreConfig;

package/src/helper/HelpDeskWidget.js

@@ -1,16 +0,0 @@
-import Config from '../config';
-
-// deprecated
-export const setChatUser = (auth) => {
-  return;
-};
-
-// deprecated
-export const openChat = () => {
-  return;
-};
-
-// deprecated
-export const hideChat = () => {
-  return;
-};

package/src/helper/api/getUrl.js

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

package/src/helper/api/getUrlParams.js

@@ -1,9 +0,0 @@
-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

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

package/src/helper/auth/getUserFromState.js

@@ -1,8 +0,0 @@
-const getUserFromState = (state) => {
-  if (!state || !state.auth || !state.auth.user) {
-    return {};
-  }
-  return state.auth.user;
-};
-
-export default getUserFromState;

package/src/helper/colours/getAppColourFromState.js

@@ -1,10 +0,0 @@
-import Config from '../../config';
-
-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

@@ -1,159 +0,0 @@
-/**
- * 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/generateImageName.js

@@ -1,10 +0,0 @@
-const generateImageName = (name) => {
-  return `xxxxxxxx4xxxyxxxxxxxxxxxxx${name}`.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 default generateImageName;

package/src/helper/files/get1400.js

@@ -1,32 +0,0 @@
-import Config from '../../config';
-import getExtension from './getExtension';
-import isVideo from './isVideo';
-
-const get1400 = (url) => {
-  if (!url) {
-    return url;
-  }
-  if (isVideo(url)) {
-    return 'https://pluss60-demo-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:97769b56-25ec-41c0-a73c-6c2c4140f629/public/9d0bbec64614b1ed654a03f7e7/movie.jpg';
-  }
-  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

@@ -1,9 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,36 +0,0 @@
-import Config from '../../config';
-import getExtension from './getExtension';
-import isVideo from './isVideo';
-
-const getThumb300 = (url) => {
-  if (!url) {
-    return url;
-  }
-  if (isVideo(url)) {
-    return 'https://pluss60-demo-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:97769b56-25ec-41c0-a73c-6c2c4140f629/public/9d0bbec64614b1ed654a03f7e7/movie.jpg';
-  }
-  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, 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('/1400/', '/thumb300/').replace('/uploads/', '/thumb300/');
-  }
-  return url;
-};
-
-export default getThumb300;

package/src/helper/files/isVideo.js

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

package/src/helper/helper.js

@@ -1,97 +0,0 @@
-import _ from 'lodash';
-import moment from 'moment';
-
-export const getTimepickerTime = (input) => {
-  var timeSplit = input.split(':');
-  if (timeSplit[1].indexOf('pm') > -1) {
-    if (timeSplit[0] !== '12') {
-      timeSplit[0] = (parseInt(timeSplit[0], 10) + 12).toString();
-    }
-  }
-  if (timeSplit[1].indexOf('am') > -1) {
-    if (timeSplit[0] === '12') {
-      timeSplit[0] = '00';
-    }
-  }
-  return {
-    hours: timeSplit[0],
-    minutes: timeSplit[1].substring(0, 2),
-  };
-};
-
-//converts the result of getTimePickerTime into a number representing minutes since midnight
-export const timeToMinutes = (time) => {
-  return parseInt(time.hours, 10) * 60 + parseInt(time.minutes, 10);
-};
-
-// checks whether there is an overlap between two time frames given time and end times in minutes since midnight
-export const hasTimeframeOverlap = (aStart, aEnd, bStart, bEnd) => {
-  return (aStart < bEnd && bStart < aEnd) || (bStart < aEnd && aStart < bEnd);
-};
-
-// converts a time picker input into midnights since midnight
-export const timepickerToMinutes = (input) => {
-  return timeToMinutes(getTimepickerTime(input));
-};
-
-export const getDateFromTimeDatePickers = (dateInput, timeInput) => {
-  const dateObject = new Date(dateInput);
-  const time = getTimepickerTime(timeInput);
-  dateObject.setHours(time.hours);
-  dateObject.setMinutes(time.minutes);
-  return dateObject;
-};
-
-export const formatTime = (hours, minutes) => {
-  const period = hours >= 12 ? 'pm' : 'am'; // Convert 24-hour format to 12-hour format
-
-  const adjustedHours = hours > 12 ? hours - 12 : hours === 0 ? 12 : hours; // Ensure minutes are two digits
-
-  const adjustedMinutes = String(minutes).padStart(2, '0');
-  return `${adjustedHours}:${adjustedMinutes}${period}`;
-};
-
-export const minutesToString = (minutes, isTimeOfDay) => {
-  const hours = Math.floor(minutes / 60);
-  const remainingMinutes = minutes % 60;
-
-  if (isTimeOfDay) {
-    return formatTime(hours, remainingMinutes);
-  }
-
-  const hoursString = hours > 1 ? `${hours} hours` : `${hours} hour`;
-  const minutesString = remainingMinutes > 1 ? `${remainingMinutes} minutes` : `${remainingMinutes} minute`;
-
-  if (hours && remainingMinutes) {
-    return `${hoursString} ${minutesString}`;
-  }
-
-  if (hours) {
-    return hoursString;
-  }
-
-  if (remainingMinutes) {
-    return minutesString;
-  }
-
-  return '0 minutes';
-};
-
-export const getUTCFromTimeDatePickers = (dateInput, timeInput) => {
-  const dateObject = getDateFromTimeDatePickers(dateInput, timeInput);
-  return moment.utc(dateObject);
-};
-
-export const getPluralS = (count) => {
-  if (count === 1) {
-    return '';
-  }
-  return 's';
-};
-
-export const getPluralOptions = (count, singular, plural) => {
-  if (count === 1) {
-    return singular;
-  }
-  return plural;
-};

package/src/helper/index.js

@@ -1,44 +0,0 @@
-// api
-export { default as getUrl } from './api/getUrl';
-export { default as getUrlParams } from './api/getUrlParams';
-export { default as safeReadParams } from './api/safeReadParams';
-
-// auth
-export { default as getUserFromState } from './auth/getUserFromState';
-
-// colours
-export { default as getAppColourFromState } from './colours/getAppColourFromState';
-
-// files
-export { default as get1400 } from './files/get1400';
-export { default as generateImageName } from './files/generateImageName';
-export { default as getExtension } from './files/getExtension';
-export { default as getFileName } from './files/getFileName';
-export { default as getThumb300 } from './files/getThumb300';
-export { default as isVideo } from './files/isVideo';
-
-// strings
-export { default as getFirstName } from './strings/getFirstName';
-export { default as isEmail } from './strings/isEmail';
-export { default as isUrl } from './strings/isUrl';
-export { default as randomString } from './strings/randomString';
-export { default as toParagraphed } from './strings/toParagraphed';
-export { default as onlyAlphanumeric } from './strings/onlyAlphanumeric';
-export { default as htmlDecode } from './strings/htmlDecode';
-export { default as htmlEncode } from './strings/htmlEncode';
-
-// site
-export { default as getSiteName } from './site/getSiteName';
-export { default as getSiteNameFromRoles } from './site/getSiteNameFromRoles';
-export { default as getSiteSettingFromState } from './site/getSiteSettingFromState';
-export { default as getSiteLevelFromState } from './site/getSiteLevelFromState';
-export { default as getMerchantsFromState } from './site/getMerchantsFromState';
-
-// storage
-export { default as readJSONFromStorage } from './storage/readJSONFromStorage';
-export { default as setLocalStorage } from './storage/setLocalStorage';
-export { default as readStorageWithCookie } from './storage/readStorageWithCookie';
-
-// misc
-export * from './helper';
-export * from './HelpDeskWidget';

package/src/helper/site/getMerchantsFromState.js

@@ -1,9 +0,0 @@
-import _ from 'lodash';
-
-const getMerchantsFromState = (state) => {
-  if (!state || !state.auth || !state.auth.user) return [];
-  const currentSite = state.auth.user.Roles.find((r) => r.site === state.auth.site);
-  return currentSite && !_.isEmpty(currentSite.siteInfo.Accounts) ? currentSite.siteInfo.Accounts : [];
-};
-
-export default getMerchantsFromState;

package/src/helper/site/getSiteLevelFromState.js

@@ -1,34 +0,0 @@
-const getSiteLevelFromState = (state) => {
-  let siteType = 'legacy';
-  if (state && state.auth && state.auth.siteType) {
-    siteType = state.auth.siteType;
-  }
-  const siteConfig = {
-    type: siteType,
-    featurePickerUrl: '/featurepicker',
-    hasTV: true,
-    hasKiosk: false,
-    hasPayments: true,
-    hasLinkedContent: true,
-    hasPersonalNotes: true,
-    hasEmergencyContacts: true,
-    hasPersonalDocuments: true,
-  };
-
-  switch (siteType) {
-    case 'free':
-      siteConfig.featurePickerUrl = '/features';
-      siteConfig.hasTV = false;
-      siteConfig.hasPayments = false;
-      siteConfig.hasLinkedContent = false;
-      siteConfig.hasPersonalNotes = false;
-      siteConfig.hasEmergencyContacts = false;
-      siteConfig.hasPersonalDocuments = false;
-      break;
-    default:
-      break;
-  }
-  return siteConfig;
-};
-
-export default getSiteLevelFromState;

package/src/helper/site/getSiteName.js

@@ -1,16 +0,0 @@
-import _ from 'lodash';
-
-const getSiteName = (site, sites) => {
-  if (site === 'hq') {
-    return 'HQ';
-  }
-  const siteObject = _.find(sites, (t) => {
-    return t.Id === site;
-  });
-  if (siteObject) {
-    return siteObject.siteName;
-  }
-  return site;
-};
-
-export default getSiteName;

package/src/helper/site/getSiteNameFromRoles.js

@@ -1,12 +0,0 @@
-import getSiteName from './getSiteName';
-
-const getSiteNameFromRoles = (site, roles) => {
-  return getSiteName(
-    site,
-    roles.map((r) => {
-      return r.siteInfo;
-    }),
-  );
-};
-
-export default getSiteNameFromRoles;

package/src/helper/site/getSiteSettingFromState.js

@@ -1,10 +0,0 @@
-import _ from 'lodash';
-
-const getSiteSettingFromState = (state, key, defaultValue) => {
-  if (state && state.auth && state.auth.siteSettings && !_.isUndefined(state.auth.siteSettings[key])) {
-    return state.auth.siteSettings[key];
-  }
-  return defaultValue || null;
-};
-
-export default getSiteSettingFromState;

package/src/helper/storage/readJSONFromStorage.js

@@ -1,9 +0,0 @@
-const readJSONFromStorage = (storage, key, fallback) => {
-  const value = storage.getItem(key);
-  if (value) {
-    return JSON.parse(value);
-  }
-  return fallback;
-};
-
-export default readJSONFromStorage;

package/src/helper/storage/readStorageWithCookie.js

@@ -1,22 +0,0 @@
-import Cookies from 'js-cookie';
-
-const readStorageWithCookie = (key, isJson) => {
-  const value = window.localStorage.getItem(key);
-  if (value) {
-    if (isJson) {
-      try {
-        return JSON.parse(value);
-      } catch (e) {
-        console.log('parse error', e);
-      }
-      return null;
-    }
-    return value;
-  }
-  if (isJson) {
-    return Cookies.getJSON(key);
-  }
-  return Cookies.get(key);
-};
-
-export default readStorageWithCookie;

package/src/helper/storage/setLocalStorage.js

@@ -1,5 +0,0 @@
-const setLocalStorage = (key, value, isJson) => {
-  window.localStorage.setItem(key, isJson ? JSON.stringify(value) : value);
-};
-
-export default setLocalStorage;

package/src/helper/strings/getFirstName.js

@@ -1,10 +0,0 @@
-import _ from 'lodash';
-
-const getFirstName = (string) => {
-  if (_.isEmpty(string)) {
-    return '';
-  }
-  return string.split(' ')[0];
-};
-
-export default getFirstName;

package/src/helper/strings/htmlDecode.js

@@ -1,4 +0,0 @@
-import $ from 'jquery';
-
-const htmlDecode = (value) => $('<textare/>').html(value).text();
-export default htmlDecode;

package/src/helper/strings/htmlEncode.js

@@ -1,4 +0,0 @@
-import $ from 'jquery';
-
-const htmlEncode = (value) => $('<textare/>').text(value).html();
-export default htmlEncode;