Dexdot

const math = {
  map: (x, a, b, c, d) => ((x - a) * (d - c)) / (b - a) + c,
  lerp: (a, b, n) => (1 - n) * a + n * b
};
const { body } = document;

// Window
let winsize;
const calcWinsize = () => {
  winsize = { width: window.innerWidth, height: window.innerHeight };

Dexdot

$.fn.isInViewport = function() {
  const elementTop = $(this).offset().top;
  const elementBottom = elementTop + $(this).outerHeight();

  const viewportTop = $(window).scrollTop();
  const viewportBottom = viewportTop + $(window).height();

  return elementBottom > viewportTop && elementTop < viewportBottom;
};

Dexdot

class DateDiff {
  constructor(date1, date2) {
    this.days = null;
    this.hours = null;
    this.minutes = null;
    this.seconds = null;
    this.date1 = date1;
    this.date2 = date2;
    this.init();
  }

Dexdot

type CookieOptions = {
  'max-age'?: number;
  expires?: Date | number | string;
  path?: string;
  domain?: string;
  secure?: boolean;
};

type CookieOptionsKey = keyof CookieOptions;

Dexdot

function setCookie(name, value, options) {
  const allOptions = {
    path: "/",
    ...options,
  };

  if (allOptions.expires instanceof Date) {
    allOptions.expires = allOptions.expires.toUTCString();
  }

Dexdot

function createDateAsUTC(date) {
    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()));
}

function convertDateToUTC(date) { 
    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); 
}

Dexdot

import { useEffect } from 'react';
import { Provider } from 'react-redux';
import { BrowserRouter as Router } from 'react-router-dom';

import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';

import { Routes } from '@/components/Routes';
import { theme } from '@/styles/theme';
import { store } from '@/store/store';

Dexdot

import { useRef, useEffect, useState, useCallback } from 'react';

interface ReturnDataI {
  ref: React.MutableRefObject<Element | null>;
  isBottom: boolean;
}

export function useScrollBottom(offset = 0): ReturnDataI {
  const ref = useRef<Element>(null);
  const [isBottom, setIsBottom] = useState<boolean>(false);

Dexdot

export async function getImageUrl(file: File): Promise<string | ArrayBuffer> {
  return new Promise((resolve) => {
    import('exif-js')
      .then((EXIF) => {
        EXIF.getData(file, function onGetData() {
          const reader = new FileReader();
          reader.onload = ({ target }) => {
            resolve(target.result);
          };
          reader.readAsDataURL(this);

Dexdot

import IMask from 'imask';

export default class Input {
  constructor(el) {
    this.el = el;
    this.input = $.qs('.input__field', this.el);

    this.isDate = this.input.type === 'date';
    this.isPhone = this.input.type === 'tel';
    this.isMaskDate = this.input.classList.contains('js-mask-date');