{store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/\ncreateStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/\ncreateDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n selectedState = selector(storeState);\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n throw err;\n }\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newSelectedState = latestSelector.current(store.getState());\n if (equalityFn(newSelectedState, latestSelectedState.current)) {\n return;\n }\n latestSelectedState.current = newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n forceRender();\n }\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/\ncreateSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n function classNames() {\n var classes = [];\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n var argType = typeof arg;\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg) && arg.length) {\n var inner = classNames.apply(null, arg);\n if (inner) {\n classes.push(inner);\n }\n } else if (argType === 'object') {\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n return classes.join(' ');\n }\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","export default {\n BULK_UPLOAD_SINGLE_UPLOAD_STARTED: 'BULK_UPLOAD_SINGLE_UPLOAD_STARTED',\n BULK_UPLOAD_SINGLE_UPLOAD_UPDATED: 'BULK_UPLOAD_SINGLE_UPLOAD_UPDATED',\n BULK_UPLOAD_CREATE_START: 'BULK_UPLOAD_CREATE_START',\n BULK_UPLOAD_CREATE_DONE: 'BULK_UPLOAD_CREATE_DONE',\n BULK_UPLOAD_CREATE_ERROR: 'BULK_UPLOAD_CREATE_ERROR',\n BULK_UPLOAD_STATUS_CHECKED: 'BULK_UPLOAD_STATUS_CHECKED',\n CLEANUP_UPLOAD_STATE: 'CLEANUP_UPLOAD_STATE',\n DOWNLOAD_SCHEDULE_START: 'DOWNLOAD_SCHEDULE_START',\n DOWNLOAD_SCHEDULE_DONE: 'DOWNLOAD_SCHEDULE_DONE',\n DOWNLOAD_SCHEDULE_ERROR: 'DOWNLOAD_SCHEDULE_ERROR',\n DOWNLOAD_CHECK_STATUS_START: 'DOWNLOAD_CHECK_STATUS_START',\n DOWNLOAD_CHECK_STATUS_DONE: 'DOWNLOAD_CHECK_STATUS_DONE',\n DOWNLOAD_CHECK_STATUS_ERROR: 'DOWNLOAD_CHECK_STATUS_ERROR',\n DOWNLOAD_READY: 'DOWNLOAD_READY',\n FILE_UPLOAD_START: 'FILE_UPLOAD_START',\n FILE_UPLOAD_DONE: 'FILE_UPLOAD_DONE',\n FILE_UPLOAD_PROGRESS: 'FILE_UPLOAD_PROGRESS',\n FILE_UPLOAD_ERROR: 'FILE_UPLOAD_ERROR',\n FILE_ENHANCE_DONE: 'FILE_ENHANCE_DONE',\n FILE_UPLOAD_CANCEL: 'FILE_UPLOAD_CANCEL',\n UPSCALE_REQUEST_FETCH_START: 'UPSCALE_REQUEST_FETCH_START',\n UPSCALE_REQUEST_FETCH_DONE: 'UPSCALE_REQUEST_FETCH_DONE',\n UPSCALE_REQUEST_FETCH_ERROR: 'UPSCALE_REQUEST_FETCH_ERROR',\n UPSCALE_REQUEST_SCHEDULE_ENHANCING_START:\n 'UPSCALE_REQUEST_SCHEDULE_ENHANCING_START',\n UPSCALE_REQUEST_SCHEDULE_ENHANCING_DONE:\n 'UPSCALE_REQUEST_SCHEDULE_ENHANCING_DONE',\n UPSCALE_REQUEST_SCHEDULE_ENHANCING_ERROR:\n 'UPSCALE_REQUEST_SCHEDULE_ENHANCING_ERROR',\n UPSCALE_REQUEST_REPORT_START: 'UPSCALE_REQUEST_REPORT_START',\n UPSCALE_REQUEST_REPORT_DONE: 'UPSCALE_REQUEST_REPORT_DONE',\n UPSCALE_REQUEST_REPORT_ERROR: 'UPSCALE_REQUEST_REPORT_ERROR',\n UPSCALE_REQUEST_CHECK_STATUS_START: 'UPSCALE_REQUEST_CHECK_STATUS_START',\n UPSCALE_REQUEST_CHECK_STATUS_DONE: 'UPSCALE_REQUEST_CHECK_STATUS_DONE',\n UPSCALE_REQUEST_CHECK_STATUS_ERROR: 'UPSCALE_REQUEST_CHECK_STATUS_ERROR',\n USER_SIGN_UP_START: 'USER_SIGN_UP_START',\n USER_SIGN_UP_DONE: 'USER_SIGN_UP_DONE',\n USER_SIGN_UP_ERROR: 'USER_SIGN_UP_ERROR',\n USER_VERIFY_LOGIN_CODE_START: 'USER_VERIFY_LOGIN_CODE_START',\n USER_VERIFY_LOGIN_CODE_DONE: 'USER_VERIFY_LOGIN_CODE_DONE',\n USER_VERIFY_LOGIN_CODE_ERROR: 'USER_VERIFY_LOGIN_CODE_ERROR',\n USER_FETCH_START: 'USER_FETCH_START',\n USER_FETCH_DONE: 'USER_FETCH_DONE',\n USER_FETCH_ERROR: 'USER_FETCH_ERROR',\n USER_LOGOUT_START: 'USER_LOGOUT_START',\n USER_LOGOUT_DONE: 'USER_LOGOUT_DONE',\n USER_LOGOUT_ERROR: 'USER_LOGOUT_ERROR',\n USER_PURCHASED_CREDITS: 'USER_PURCHASED_CREDITS'\n}\n","/**\n * This action type will be dispatched when your history\n * receives a location change.\n */\nexport var LOCATION_CHANGE = '@@router/LOCATION_CHANGE';\nexport var onLocationChanged = function onLocationChanged(location, action) {\n var isFirstRendering = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n return {\n type: LOCATION_CHANGE,\n payload: {\n location: location,\n action: action,\n isFirstRendering: isFirstRendering\n }\n };\n};\n/**\n * This action type will be dispatched by the history actions below.\n * If you're writing a middleware to watch for navigation events, be sure to\n * look for actions of this type.\n */\n\nexport var CALL_HISTORY_METHOD = '@@router/CALL_HISTORY_METHOD';\nvar updateLocation = function updateLocation(method) {\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return {\n type: CALL_HISTORY_METHOD,\n payload: {\n method: method,\n args: args\n }\n };\n };\n};\n/**\n * These actions correspond to the history API.\n * The associated routerMiddleware will capture these events before they get to\n * your reducer and reissue them as the matching function on your history.\n */\n\nexport var push = updateLocation('push');\nexport var replace = updateLocation('replace');\nexport var go = updateLocation('go');\nexport var goBack = updateLocation('goBack');\nexport var goForward = updateLocation('goForward');\nexport var routerActions = {\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward\n};","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\n/* global Reflect, Promise */\n\nvar extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n };\n return extendStatics(d, b);\n};\nexport function __extends(d, b) {\n extendStatics(d, b);\n function __() {\n this.constructor = d;\n }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\nexport var __assign = function () {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nexport function __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}\nexport function __decorate(decorators, target, key, desc) {\n var c = arguments.length,\n r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,\n d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\nexport function __param(paramIndex, decorator) {\n return function (target, key) {\n decorator(target, key, paramIndex);\n };\n}\nexport function __metadata(metadataKey, metadataValue) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\nexport function __awaiter(thisArg, _arguments, P, generator) {\n function adopt(value) {\n return value instanceof P ? value : new P(function (resolve) {\n resolve(value);\n });\n }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) {\n try {\n step(generator.next(value));\n } catch (e) {\n reject(e);\n }\n }\n function rejected(value) {\n try {\n step(generator[\"throw\"](value));\n } catch (e) {\n reject(e);\n }\n }\n function step(result) {\n result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n}\nexport function __generator(thisArg, body) {\n var _ = {\n label: 0,\n sent: function () {\n if (t[0] & 1) throw t[1];\n return t[1];\n },\n trys: [],\n ops: []\n },\n f,\n y,\n t,\n g;\n return g = {\n next: verb(0),\n \"throw\": verb(1),\n \"return\": verb(2)\n }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function () {\n return this;\n }), g;\n function verb(n) {\n return function (v) {\n return step([n, v]);\n };\n }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0:\n case 1:\n t = op;\n break;\n case 4:\n _.label++;\n return {\n value: op[1],\n done: false\n };\n case 5:\n _.label++;\n y = op[1];\n op = [0];\n continue;\n case 7:\n op = _.ops.pop();\n _.trys.pop();\n continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {\n _ = 0;\n continue;\n }\n if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {\n _.label = op[1];\n break;\n }\n if (op[0] === 6 && _.label < t[1]) {\n _.label = t[1];\n t = op;\n break;\n }\n if (t && _.label < t[2]) {\n _.label = t[2];\n _.ops.push(op);\n break;\n }\n if (t[2]) _.ops.pop();\n _.trys.pop();\n continue;\n }\n op = body.call(thisArg, _);\n } catch (e) {\n op = [6, e];\n y = 0;\n } finally {\n f = t = 0;\n }\n if (op[0] & 5) throw op[1];\n return {\n value: op[0] ? op[1] : void 0,\n done: true\n };\n }\n}\nexport function __createBinding(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}\nexport function __exportStar(m, exports) {\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\n}\nexport function __values(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator,\n m = s && o[s],\n i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return {\n value: o && o[i++],\n done: !o\n };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\nexport function __read(o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o),\n r,\n ar = [],\n e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n } catch (error) {\n e = {\n error: error\n };\n } finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n } finally {\n if (e) throw e.error;\n }\n }\n return ar;\n}\nexport function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));\n return ar;\n}\nexport function __spreadArrays() {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];\n return r;\n}\n;\nexport function __await(v) {\n return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var g = generator.apply(thisArg, _arguments || []),\n i,\n q = [];\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () {\n return this;\n }, i;\n function verb(n) {\n if (g[n]) i[n] = function (v) {\n return new Promise(function (a, b) {\n q.push([n, v, a, b]) > 1 || resume(n, v);\n });\n };\n }\n function resume(n, v) {\n try {\n step(g[n](v));\n } catch (e) {\n settle(q[0][3], e);\n }\n }\n function step(r) {\n r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r);\n }\n function fulfill(value) {\n resume(\"next\", value);\n }\n function reject(value) {\n resume(\"throw\", value);\n }\n function settle(f, v) {\n if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]);\n }\n}\nexport function __asyncDelegator(o) {\n var i, p;\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) {\n throw e;\n }), verb(\"return\"), i[Symbol.iterator] = function () {\n return this;\n }, i;\n function verb(n, f) {\n i[n] = o[n] ? function (v) {\n return (p = !p) ? {\n value: __await(o[n](v)),\n done: n === \"return\"\n } : f ? f(v) : v;\n } : f;\n }\n}\nexport function __asyncValues(o) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var m = o[Symbol.asyncIterator],\n i;\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () {\n return this;\n }, i);\n function verb(n) {\n i[n] = o[n] && function (v) {\n return new Promise(function (resolve, reject) {\n v = o[n](v), settle(resolve, reject, v.done, v.value);\n });\n };\n }\n function settle(resolve, reject, d, v) {\n Promise.resolve(v).then(function (v) {\n resolve({\n value: v,\n done: d\n });\n }, reject);\n }\n}\nexport function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) {\n Object.defineProperty(cooked, \"raw\", {\n value: raw\n });\n } else {\n cooked.raw = raw;\n }\n return cooked;\n}\n;\nexport function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\n result.default = mod;\n return result;\n}\nexport function __importDefault(mod) {\n return mod && mod.__esModule ? mod : {\n default: mod\n };\n}\nexport function __classPrivateFieldGet(receiver, privateMap) {\n if (!privateMap.has(receiver)) {\n throw new TypeError(\"attempted to get private field on non-instance\");\n }\n return privateMap.get(receiver);\n}\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\n if (!privateMap.has(receiver)) {\n throw new TypeError(\"attempted to set private field on non-instance\");\n }\n privateMap.set(receiver, value);\n return value;\n}","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is');\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}","import mime from 'mime-types'\n\nexport const validateEmail = (email) => {\n /* eslint-disable-next-line no-useless-escape */\n const re =\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\n return re.test(String(email).toLowerCase())\n}\n\nexport const snakeCase = (string) => {\n const parts = string.replace(/\\W+/g, ' ').split(/ |\\B(?=[A-Z])/) || []\n\n return parts.map((word) => word.toLowerCase()).join('_')\n}\n\nconst getExtensionFromFileUrl = (fileUrl) => {\n if (!fileUrl) return ''\n\n const extension = fileUrl.split('.').pop()\n\n return extension || ''\n}\n\nexport const getFileType = (fileUrl) => {\n const fileType = mime.lookup(fileUrl)\n const extension = mime.extension(fileUrl)\n\n if (fileType) {\n return mime.extension(fileType)\n } else if (extension) {\n return extension\n }\n\n return getExtensionFromFileUrl(fileUrl)\n}\n\nexport const getRootUrl = () => {\n const location = window.location\n\n return (\n location.protocol +\n '//' +\n location.hostname +\n (location.port ? ':' + location.port : '')\n )\n}\n\nexport const humanFileSize = (bytes, si = false, dp = 1) => {\n const thresh = si ? 1000 : 1024\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B'\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n let u = -1\n const r = 10 ** dp\n\n do {\n bytes /= thresh\n ++u\n } while (\n Math.round(Math.abs(bytes) * r) / r >= thresh &&\n u < units.length - 1\n )\n\n return bytes.toFixed(dp) + ' ' + units[u]\n}\n\nexport const countOccurrences = (array) =>\n array.reduce((counts, currentElement) => {\n if (typeof counts[currentElement] == 'undefined') {\n counts[currentElement] = 1\n } else {\n counts[currentElement] += 1\n }\n\n return counts\n }, {})\n\nconst MAX_DIMENSION = 8000 // Default max dimension\nconst MAX_SIZE = 4 * 1024 * 1024 // Default max size (4MB)\n\nexport const validateImage = (\n file,\n { maxDimension = MAX_DIMENSION, maxFileSize = MAX_SIZE } = {}\n) =>\n new Promise((resolve) => {\n // Check file size\n if (file.size > maxFileSize) {\n resolve(false)\n return\n }\n\n const reader = new FileReader()\n\n reader.onload = () => {\n const img = new Image()\n\n img.src = reader.result\n\n img.onload = () => {\n if (img.width > maxDimension || img.height > maxDimension) {\n resolve(false)\n } else {\n resolve(true)\n }\n }\n }\n\n reader.readAsDataURL(file)\n })\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect, useDispatch } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport cx from 'classnames'\nimport Logo from './icons/Logo'\nimport BgRemoverLogo from './icons/BgRemoverLogo'\nimport ConverterLogo from './icons/ConverterLogo'\nimport Crown from './icons/Crown'\nimport { generateRoute } from '../i18n/helpers'\nimport Hamburger from './icons/Hamburger'\nimport MobileMenu from './MobileMenu'\nimport { fetchUser, logOut } from '../actions/auth'\nimport UpscaleCounter from './UpscaleCounter'\nimport UserMenu from './UserMenu'\nimport UpscaleCounterMobile from './UpscaleCounterMobile'\n\nconst Header = ({\n logOutCb,\n mobileMenuPlacement,\n pushUrl,\n statusMessage,\n statusMessageColor,\n userAuthenticated,\n userLoaded,\n userStatus\n}) => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n const isPaidUser = userLoaded && ['standard', 'premium'].includes(userStatus)\n\n useEffect(() => {\n const config = {\n selector: '.js-headway-news',\n account: 'xWD3b7'\n }\n\n if (typeof Headway != 'undefined') {\n Headway.init(config)\n }\n })\n\n useEffect(() => {\n if (!userLoaded) {\n dispatch(fetchUser())\n }\n })\n\n return (\n <>\n {statusMessage && (\n \n
\n \n pushUrl(generateRoute(intl.locale, 'routes.home'))}\n role=\"presentation\"\n >\n
\n {userLoaded && (\n \n
\n )}\n \n \n \n \n pushUrl(generateRoute(intl.locale, 'routes.login'))\n }\n role=\"presentation\"\n >\n
\n )}\n \n
\n {false && (\n \n
\n )}\n \n
\n )}\n {userLoaded && userAuthenticated && (\n \n pushUrl(generateRoute(intl.locale, 'routes.privacy'))}\n role=\"presentation\"\n >\n
\n \n
\n \n pushUrl(generateRoute(intl.locale, 'routes.pricing'))}\n role=\"presentation\"\n >\n
\n \n
\n)\n\nPlacement.propTypes = {\n className: PropTypes.string,\n html: PropTypes.string\n}\n\nexport default Placement\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return typeof FormData !== 'undefined' && val instanceof FormData;\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {\n result = ArrayBuffer.isView(val);\n } else {\n result = val && val.buffer && val.buffer instanceof ArrayBuffer;\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' || navigator.product === 'NativeScript' || navigator.product === 'NS')) {\n return false;\n }\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge( /* obj1, obj2, obj3, ... */\n) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge( /* obj1, obj2, obj3, ... */\n) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n if (isProduction) {\n throw new Error(prefix);\n }\n throw new Error(prefix + \": \" + (message || ''));\n}\nexport default invariant;","import { en, cs, de, es, nl, pt } from './localizations'\n\nexport const appStrings = { en, cs, de, es, nl, pt }\n\nexport * from './components/LocalizedRouter'\nexport * from './components/LocalizedSwitch'\n","import * as Sentry from '@sentry/react'\nimport { getRootUrl } from '../helpers'\n\nexport const pushEmailToCrisp = (email) => {\n $crisp.push(['set', 'user:email', [email]])\n}\n\nexport const pushVariableToCrisp = (name, value) => {\n $crisp.push(['set', 'session:data', [[[name, value]]]])\n}\n\nconst getProductName = (paddleData) => paddleData.product.name\n\nconst getPrice = (paddleData) =>\n parseFloat(paddleData.checkout.prices.customer.total)\n\nconst getAdminUpscaleUrl = (upscaleRequest) => {\n const rootUrl = getRootUrl()\n const upscalePath = '/admin/upscale_requests/'\n\n return `${rootUrl}${upscalePath}${upscaleRequest.id}`\n}\n\nconst hideCrispChat = () => {\n try {\n $crisp.push([\"do\", \"chat:hide\"])\n } catch (error) {\n Sentry.captureException(error)\n }\n}\n\nconst showCrispChat = () => {\n try {\n $crisp.push([\"do\", \"chat:show\"])\n } catch (error) {\n Sentry.captureException(error)\n }\n}\n\nexport const pushTransactionEvent = (paddleData) => {\n try {\n const eventData = [\n 'product_bought',\n {\n name: getProductName(paddleData),\n price: getPrice(paddleData)\n }\n ]\n\n $crisp.push(['set', 'session:event', [[eventData]]])\n } catch (error) {\n Sentry.captureException(error)\n }\n}\n\nexport const pushUpscaleEvent = (upscaleRequest, status = 'success') => {\n try {\n const eventData = [\n `upscale_${status}`,\n {\n admin_url: getAdminUpscaleUrl(upscaleRequest),\n content_type: upscaleRequest.content_type,\n filename: upscaleRequest.file_name,\n image_resized: upscaleRequest.image_resized,\n model: upscaleRequest.model_type,\n nsfw: upscaleRequest.nsfw,\n request_type: upscaleRequest.request_type,\n scale: upscaleRequest.scale,\n status: upscaleRequest.status,\n status_message: '',\n url: upscaleRequest.url\n }\n ]\n\n $crisp.push(['set', 'session:event', [[eventData]]])\n } catch (error) {\n Sentry.captureException(error)\n }\n}\n\nexport const pushUploadFailedEvent = (reason) => {\n try {\n const eventData = ['upload_failed', { reason }]\n\n $crisp.push(['set', 'session:event', [[eventData]]])\n } catch (error) {\n Sentry.captureException(error)\n }\n}\n\nexport const pushAdminUserUrl = (user) => {\n const rootUrl = getRootUrl()\n const userPath = '/admin/users/'\n\n pushVariableToCrisp('admin-user-url', `${rootUrl}${userPath}${user.id}`)\n}\n\nexport const pushAdminUpscalesUrl = (user) => {\n const rootUrl = getRootUrl()\n const upscalesPath =\n '/admin/upscale_requests?commit=Filter&order=id_desc&q%5Buser_id_equals%5D='\n\n pushVariableToCrisp(\n 'admin-upscales-url',\n `${rootUrl}${upscalesPath}${user.id}`\n )\n}\n\nexport const pushAdminFreeUserUpscalesUrl = (user) => {\n const rootUrl = getRootUrl()\n const upscalesPath =\n '/admin/upscale_requests?commit=Filter&order=id_desc&q%5Bfingerprint_contains%5D='\n\n pushVariableToCrisp(\n 'admin-upscales-url',\n `${rootUrl}${upscalesPath}${user.fingerprint}`\n )\n}\n\nexport const pushRegisteredUser = (user) => {\n pushEmailToCrisp(user.email)\n pushVariableToCrisp('user-registered', true)\n pushVariableToCrisp('user-type', user.user_type)\n pushVariableToCrisp('remaining-upscales', user.limits.remaining_upscales)\n pushVariableToCrisp('total-upscales', user.limits.upscales)\n pushAdminUserUrl(user)\n pushAdminUpscalesUrl(user)\n\n if (['standard', 'premium'].includes(user.user_type)) {\n showCrispChat()\n } else {\n hideCrispChat()\n }\n}\n\nexport const pushFreeUser = (user) => {\n pushVariableToCrisp('user-registered', false)\n pushVariableToCrisp('user-type', 'free')\n pushVariableToCrisp('remaining-upscales', user.limits.remaining_upscales)\n pushVariableToCrisp('total-upscales', user.limits.upscales)\n pushAdminFreeUserUpscalesUrl(user)\n hideCrispChat()\n}\n","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport { invariant } from '@formatjs/ecma402-abstract';\nimport { DEFAULT_INTL_CONFIG as CORE_DEFAULT_INTL_CONFIG } from '@formatjs/intl';\nexport function invariantIntlContext(intl) {\n invariant(intl, '[React Intl] Could not find required `intl` object. ' + '\n {options.map((option, index) => (\n onChange(option)}\n role=\"presentation\"\n >\n
\n ))}\n {option.name}
\n \n
\n \n \n\n \n
\n \n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n 8x
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n setModelType(option.value)}\n options={[\n {\n id: 1,\n name: intl.formatMessage({\n id: 'image_preview.artifact_removal'\n }),\n value: 'artifact_removal'\n },\n {\n id: 2,\n name: intl.formatMessage({\n id: 'image_preview.ironed_out'\n }),\n value: 'ironed_out'\n },\n {\n id: 3,\n name: intl.formatMessage({\n id: 'image_preview.detail_pro'\n }),\n value: 'detail_pro'\n }\n ]}\n value={modelType}\n />\n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n )\n}\n\nexport default Features\n","import React, { useEffect, useState } from 'react'\n\nexport const ClientOnly = ({ children, ...props }) => {\n const [isMounted, setIsMounted] = useState(false)\n\n useEffect(() => {\n setIsMounted(true)\n }, [])\n\n if (!isMounted) {\n return null\n }\n\n return \n
\n \n
\n \n
\n {children}
\n}\n","import React from 'react'\nimport { FormattedMessage } from 'react-intl'\n\nconst ModelType = ({ modelName }) => {\n if (modelName === 'sr') {\n return \n
\n ))}\n {!maintenanceMode && !shouldDisplayTerms && (\n \n {\n setTurnstileToken(token)\n }}\n sitekey={TURNSTILE_SITE_KEY}\n theme=\"light\"\n />\n
\n \n )\n}\n\nUploadBox.defaultProps = {\n fileName: '',\n upscaleRequest: null\n}\n\nUploadBox.propTypes = {\n cancelUploadingCb: PropTypes.func.isRequired,\n checkProcessingStatusCb: PropTypes.func.isRequired,\n cookies: PropTypes.shape({\n cookies: PropTypes.shape({}).isRequired,\n set: PropTypes.func.isRequired\n }).isRequired,\n errors: PropTypes.arrayOf(PropTypes.string).isRequired,\n fileName: PropTypes.string,\n isUploading: PropTypes.bool.isRequired,\n maintenanceMode: PropTypes.bool.isRequired,\n processingFilePlacement: PropTypes.string,\n progress: PropTypes.number.isRequired,\n pushUrl: PropTypes.func.isRequired,\n uploadFileCb: PropTypes.func.isRequired,\n upscaleRequest: UnprocessedUpscaleRequestType\n}\n\nconst mapStateToProps = (state) => ({\n bulkUpload: state.upload.bulkUpload,\n bulkUploadFiles: state.upload.bulkUploadFiles,\n errors: state.editor.errors,\n fileName: state.upload.fileName,\n isBulkProcessing: state.upload.isBulkProcessing,\n isBulkUploading: state.upload.isBulkUploading,\n isUploading: state.upload.isUploading,\n maintenanceMode: state.settings.maintenanceMode,\n processingFilePlacement: state.settings.placements.processingFile,\n progress: state.upload.progress,\n remainingUpscales: state.user.userRemainingUpscales,\n upscaleRequest: state.upload.currentFile,\n uploadType: state.upload.uploadType,\n userLoaded: state.user.userLoaded,\n userStatus: state.user.userStatus\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n cancelUploadingCb: () => {\n dispatch(cancelUploading())\n },\n checkBulkUploadProcessingStatusCb: (bulkUpload) => {\n dispatch(checkBulkUploadProcessingStatus(bulkUpload))\n },\n checkProcessingStatusCb: (upscaleRequest) => {\n dispatch(checkProcessingStatus(upscaleRequest))\n },\n cleanupUploadStateCb: () => {\n dispatch(cleanupUploadState())\n },\n pushUrl: (...args) => {\n dispatch(push(...args))\n },\n startBulkUploadCb: (acceptedFiles, model, scale) => {\n dispatch(startBulkUpload(acceptedFiles, model, scale))\n },\n uploadFileCb: (\n acceptedFiles,\n terms,\n privacy,\n scale,\n model,\n isPaidUser,\n turnstileToken\n ) => {\n dispatch(\n uploadFile(\n acceptedFiles,\n terms,\n privacy,\n scale,\n model,\n isPaidUser,\n turnstileToken\n )\n )\n }\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withCookies(UploadBox))\n","import $$observable from 'symbol-observable';\n\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\nvar randomString = function randomString() {\n return Math.random().toString(36).substring(7).split('').join('.');\n};\nvar ActionTypes = {\n INIT: \"@@redux/INIT\" + randomString(),\n REPLACE: \"@@redux/REPLACE\" + randomString(),\n PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {\n return \"@@redux/PROBE_UNKNOWN_ACTION\" + randomString();\n }\n};\n\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nfunction isPlainObject(obj) {\n if (typeof obj !== 'object' || obj === null) return false;\n var proto = obj;\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n return Object.getPrototypeOf(obj) === proto;\n}\n\n/**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n\nfunction createStore(reducer, preloadedState, enhancer) {\n var _ref2;\n if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {\n throw new Error('It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function.');\n }\n if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n enhancer = preloadedState;\n preloadedState = undefined;\n }\n if (typeof enhancer !== 'undefined') {\n if (typeof enhancer !== 'function') {\n throw new Error('Expected the enhancer to be a function.');\n }\n return enhancer(createStore)(reducer, preloadedState);\n }\n if (typeof reducer !== 'function') {\n throw new Error('Expected the reducer to be a function.');\n }\n var currentReducer = reducer;\n var currentState = preloadedState;\n var currentListeners = [];\n var nextListeners = currentListeners;\n var isDispatching = false;\n /**\n * This makes a shallow copy of currentListeners so we can use\n * nextListeners as a temporary list while dispatching.\n *\n * This prevents any bugs around consumers calling\n * subscribe/unsubscribe in the middle of a dispatch.\n */\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n /**\n * Reads the state tree managed by the store.\n *\n * @returns {any} The current state tree of your application.\n */\n\n function getState() {\n if (isDispatching) {\n throw new Error('You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n }\n return currentState;\n }\n /**\n * Adds a change listener. It will be called any time an action is dispatched,\n * and some part of the state tree may potentially have changed. You may then\n * call `getState()` to read the current state tree inside the callback.\n *\n * You may call `dispatch()` from a change listener, with the following\n * caveats:\n *\n * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n * If you subscribe or unsubscribe while the listeners are being invoked, this\n * will not have any effect on the `dispatch()` that is currently in progress.\n * However, the next `dispatch()` call, whether nested or not, will use a more\n * recent snapshot of the subscription list.\n *\n * 2. The listener should not expect to see all state changes, as the state\n * might have been updated multiple times during a nested `dispatch()` before\n * the listener is called. It is, however, guaranteed that all subscribers\n * registered before the `dispatch()` started will be called with the latest\n * state by the time it exits.\n *\n * @param {Function} listener A callback to be invoked on every dispatch.\n * @returns {Function} A function to remove this change listener.\n */\n\n function subscribe(listener) {\n if (typeof listener !== 'function') {\n throw new Error('Expected the listener to be a function.');\n }\n if (isDispatching) {\n throw new Error('You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api-reference/store#subscribelistener for more details.');\n }\n var isSubscribed = true;\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n if (isDispatching) {\n throw new Error('You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api-reference/store#subscribelistener for more details.');\n }\n isSubscribed = false;\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n currentListeners = null;\n };\n }\n /**\n * Dispatches an action. It is the only way to trigger a state change.\n *\n * The `reducer` function, used to create the store, will be called with the\n * current state tree and the given `action`. Its return value will\n * be considered the **next** state of the tree, and the change listeners\n * will be notified.\n *\n * The base implementation only supports plain object actions. If you want to\n * dispatch a Promise, an Observable, a thunk, or something else, you need to\n * wrap your store creating function into the corresponding middleware. For\n * example, see the documentation for the `redux-thunk` package. Even the\n * middleware will eventually dispatch plain object actions using this method.\n *\n * @param {Object} action A plain object representing “what changed”. It is\n * a good idea to keep actions serializable so you can record and replay user\n * sessions, or use the time travelling `redux-devtools`. An action must have\n * a `type` property which may not be `undefined`. It is a good idea to use\n * string constants for action types.\n *\n * @returns {Object} For convenience, the same action object you dispatched.\n *\n * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n * return something else (for example, a Promise you can await).\n */\n\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.');\n }\n if (typeof action.type === 'undefined') {\n throw new Error('Actions may not have an undefined \"type\" property. ' + 'Have you misspelled a constant?');\n }\n if (isDispatching) {\n throw new Error('Reducers may not dispatch actions.');\n }\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n var listeners = currentListeners = nextListeners;\n for (var i = 0; i < listeners.length; i++) {\n var listener = listeners[i];\n listener();\n }\n return action;\n }\n /**\n * Replaces the reducer currently used by the store to calculate the state.\n *\n * You might need this if your app implements code splitting and you want to\n * load some of the reducers dynamically. You might also need this if you\n * implement a hot reloading mechanism for Redux.\n *\n * @param {Function} nextReducer The reducer for the store to use instead.\n * @returns {void}\n */\n\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== 'function') {\n throw new Error('Expected the nextReducer to be a function.');\n }\n currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.\n // Any reducers that existed in both the new and old rootReducer\n // will receive the previous state. This effectively populates\n // the new state tree with any relevant data from the old one.\n\n dispatch({\n type: ActionTypes.REPLACE\n });\n }\n /**\n * Interoperability point for observable/reactive libraries.\n * @returns {observable} A minimal observable of state changes.\n * For more information, see the observable proposal:\n * https://github.com/tc39/proposal-observable\n */\n\n function observable() {\n var _ref;\n var outerSubscribe = subscribe;\n return _ref = {\n /**\n * The minimal observable subscription method.\n * @param {Object} observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns {subscription} An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe: function subscribe(observer) {\n if (typeof observer !== 'object' || observer === null) {\n throw new TypeError('Expected the observer to be an object.');\n }\n function observeState() {\n if (observer.next) {\n observer.next(getState());\n }\n }\n observeState();\n var unsubscribe = outerSubscribe(observeState);\n return {\n unsubscribe: unsubscribe\n };\n }\n }, _ref[$$observable] = function () {\n return this;\n }, _ref;\n } // When a store is created, an \"INIT\" action is dispatched so that every\n // reducer returns their initial state. This effectively populates\n // the initial state tree.\n\n dispatch({\n type: ActionTypes.INIT\n });\n return _ref2 = {\n dispatch: dispatch,\n subscribe: subscribe,\n getState: getState,\n replaceReducer: replaceReducer\n }, _ref2[$$observable] = observable, _ref2;\n}\n\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\nfunction warning(message) {\n /* eslint-disable no-console */\n if (typeof console !== 'undefined' && typeof console.error === 'function') {\n console.error(message);\n }\n /* eslint-enable no-console */\n\n try {\n // This error was thrown as a convenience so that if you enable\n // \"break on all exceptions\" in your console,\n // it would pause the execution at this line.\n throw new Error(message);\n } catch (e) {} // eslint-disable-line no-empty\n}\n\nfunction getUndefinedStateErrorMessage(key, action) {\n var actionType = action && action.type;\n var actionDescription = actionType && \"action \\\"\" + String(actionType) + \"\\\"\" || 'an action';\n return \"Given \" + actionDescription + \", reducer \\\"\" + key + \"\\\" returned undefined. \" + \"To ignore an action, you must explicitly return the previous state. \" + \"If you want this reducer to hold no value, you can return null instead of undefined.\";\n}\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n var reducerKeys = Object.keys(reducers);\n var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n if (reducerKeys.length === 0) {\n return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n }\n if (!isPlainObject(inputState)) {\n return \"The \" + argumentName + \" has unexpected type of \\\"\" + {}.toString.call(inputState).match(/\\s([a-z|A-Z]+)/)[1] + \"\\\". Expected argument to be an object with the following \" + (\"keys: \\\"\" + reducerKeys.join('\", \"') + \"\\\"\");\n }\n var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n });\n unexpectedKeys.forEach(function (key) {\n unexpectedKeyCache[key] = true;\n });\n if (action && action.type === ActionTypes.REPLACE) return;\n if (unexpectedKeys.length > 0) {\n return \"Unexpected \" + (unexpectedKeys.length > 1 ? 'keys' : 'key') + \" \" + (\"\\\"\" + unexpectedKeys.join('\", \"') + \"\\\" found in \" + argumentName + \". \") + \"Expected to find one of the known reducer keys instead: \" + (\"\\\"\" + reducerKeys.join('\", \"') + \"\\\". Unexpected keys will be ignored.\");\n }\n}\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach(function (key) {\n var reducer = reducers[key];\n var initialState = reducer(undefined, {\n type: ActionTypes.INIT\n });\n if (typeof initialState === 'undefined') {\n throw new Error(\"Reducer \\\"\" + key + \"\\\" returned undefined during initialization. \" + \"If the state passed to the reducer is undefined, you must \" + \"explicitly return the initial state. The initial state may \" + \"not be undefined. If you don't want to set a value for this reducer, \" + \"you can use null instead of undefined.\");\n }\n if (typeof reducer(undefined, {\n type: ActionTypes.PROBE_UNKNOWN_ACTION()\n }) === 'undefined') {\n throw new Error(\"Reducer \\\"\" + key + \"\\\" returned undefined when probed with a random type. \" + (\"Don't try to handle \" + ActionTypes.INIT + \" or other actions in \\\"redux/*\\\" \") + \"namespace. They are considered private. Instead, you must return the \" + \"current state for any unknown actions, unless it is undefined, \" + \"in which case you must return the initial state, regardless of the \" + \"action type. The initial state may not be undefined, but can be null.\");\n }\n });\n}\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\n\nfunction combineReducers(reducers) {\n var reducerKeys = Object.keys(reducers);\n var finalReducers = {};\n for (var i = 0; i < reducerKeys.length; i++) {\n var key = reducerKeys[i];\n if (process.env.NODE_ENV !== 'production') {\n if (typeof reducers[key] === 'undefined') {\n warning(\"No reducer provided for key \\\"\" + key + \"\\\"\");\n }\n }\n if (typeof reducers[key] === 'function') {\n finalReducers[key] = reducers[key];\n }\n }\n var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same\n // keys multiple times.\n\n var unexpectedKeyCache;\n if (process.env.NODE_ENV !== 'production') {\n unexpectedKeyCache = {};\n }\n var shapeAssertionError;\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n return function combination(state, action) {\n if (state === void 0) {\n state = {};\n }\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n if (process.env.NODE_ENV !== 'production') {\n var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n var hasChanged = false;\n var nextState = {};\n for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n var _key = finalReducerKeys[_i];\n var reducer = finalReducers[_key];\n var previousStateForKey = state[_key];\n var nextStateForKey = reducer(previousStateForKey, action);\n if (typeof nextStateForKey === 'undefined') {\n var errorMessage = getUndefinedStateErrorMessage(_key, action);\n throw new Error(errorMessage);\n }\n nextState[_key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n return hasChanged ? nextState : state;\n };\n}\nfunction bindActionCreator(actionCreator, dispatch) {\n return function () {\n return dispatch(actionCreator.apply(this, arguments));\n };\n}\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass an action creator as the first argument,\n * and get a dispatch wrapped function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\n\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === 'function') {\n return bindActionCreator(actionCreators, dispatch);\n }\n if (typeof actionCreators !== 'object' || actionCreators === null) {\n throw new Error(\"bindActionCreators expected an object or a function, instead received \" + (actionCreators === null ? 'null' : typeof actionCreators) + \". \" + \"Did you write \\\"import ActionCreators from\\\" instead of \\\"import * as ActionCreators from\\\"?\");\n }\n var boundActionCreators = {};\n for (var key in actionCreators) {\n var actionCreator = actionCreators[key];\n if (typeof actionCreator === 'function') {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n return boundActionCreators;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n keys.push.apply(keys, Object.getOwnPropertySymbols(object));\n }\n if (enumerableOnly) keys = keys.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n return keys;\n}\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(source, true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(source).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\n\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\nfunction compose() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n if (funcs.length === 0) {\n return function (arg) {\n return arg;\n };\n }\n if (funcs.length === 1) {\n return funcs[0];\n }\n return funcs.reduce(function (a, b) {\n return function () {\n return a(b.apply(void 0, arguments));\n };\n });\n}\n\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\n\nfunction applyMiddleware() {\n for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {\n middlewares[_key] = arguments[_key];\n }\n return function (createStore) {\n return function () {\n var store = createStore.apply(void 0, arguments);\n var _dispatch = function dispatch() {\n throw new Error('Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n };\n var middlewareAPI = {\n getState: store.getState,\n dispatch: function dispatch() {\n return _dispatch.apply(void 0, arguments);\n }\n };\n var chain = middlewares.map(function (middleware) {\n return middleware(middlewareAPI);\n });\n _dispatch = compose.apply(void 0, chain)(store.dispatch);\n return _objectSpread2({}, store, {\n dispatch: _dispatch\n });\n };\n };\n}\n\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\n\nfunction isCrushed() {}\nif (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n warning('You are currently using minified code outside of NODE_ENV === \"production\". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');\n}\nexport { ActionTypes as __DO_NOT_USE__ActionTypes, applyMiddleware, bindActionCreators, combineReducers, compose, createStore };","'use strict';\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nconst strictUriEncode = require('strict-uri-encode');\nconst decodeComponent = require('decode-uri-component');\nconst splitOnFirst = require('split-on-first');\nconst isNullOrUndefined = value => value === null || value === undefined;\nfunction encoderForArrayFormat(options) {\n switch (options.arrayFormat) {\n case 'index':\n return key => (result, value) => {\n const index = result.length;\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n if (value === null) {\n return [...result, [encode(key, options), '[', index, ']'].join('')];\n }\n return [...result, [encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')];\n };\n case 'bracket':\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n if (value === null) {\n return [...result, [encode(key, options), '[]'].join('')];\n }\n return [...result, [encode(key, options), '[]=', encode(value, options)].join('')];\n };\n case 'comma':\n case 'separator':\n return key => (result, value) => {\n if (value === null || value === undefined || value.length === 0) {\n return result;\n }\n if (result.length === 0) {\n return [[encode(key, options), '=', encode(value, options)].join('')];\n }\n return [[result, encode(value, options)].join(options.arrayFormatSeparator)];\n };\n default:\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n if (value === null) {\n return [...result, encode(key, options)];\n }\n return [...result, [encode(key, options), '=', encode(value, options)].join('')];\n };\n }\n}\nfunction parserForArrayFormat(options) {\n let result;\n switch (options.arrayFormat) {\n case 'index':\n return (key, value, accumulator) => {\n result = /\\[(\\d*)\\]$/.exec(key);\n key = key.replace(/\\[\\d*\\]$/, '');\n if (!result) {\n accumulator[key] = value;\n return;\n }\n if (accumulator[key] === undefined) {\n accumulator[key] = {};\n }\n accumulator[key][result[1]] = value;\n };\n case 'bracket':\n return (key, value, accumulator) => {\n result = /(\\[\\])$/.exec(key);\n key = key.replace(/\\[\\]$/, '');\n if (!result) {\n accumulator[key] = value;\n return;\n }\n if (accumulator[key] === undefined) {\n accumulator[key] = [value];\n return;\n }\n accumulator[key] = [].concat(accumulator[key], value);\n };\n case 'comma':\n case 'separator':\n return (key, value, accumulator) => {\n const isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);\n const isEncodedArray = typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator);\n value = isEncodedArray ? decode(value, options) : value;\n const newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(item => decode(item, options)) : value === null ? value : decode(value, options);\n accumulator[key] = newValue;\n };\n default:\n return (key, value, accumulator) => {\n if (accumulator[key] === undefined) {\n accumulator[key] = value;\n return;\n }\n accumulator[key] = [].concat(accumulator[key], value);\n };\n }\n}\nfunction validateArrayFormatSeparator(value) {\n if (typeof value !== 'string' || value.length !== 1) {\n throw new TypeError('arrayFormatSeparator must be single character string');\n }\n}\nfunction encode(value, options) {\n if (options.encode) {\n return options.strict ? strictUriEncode(value) : encodeURIComponent(value);\n }\n return value;\n}\nfunction decode(value, options) {\n if (options.decode) {\n return decodeComponent(value);\n }\n return value;\n}\nfunction keysSorter(input) {\n if (Array.isArray(input)) {\n return input.sort();\n }\n if (typeof input === 'object') {\n return keysSorter(Object.keys(input)).sort((a, b) => Number(a) - Number(b)).map(key => input[key]);\n }\n return input;\n}\nfunction removeHash(input) {\n const hashStart = input.indexOf('#');\n if (hashStart !== -1) {\n input = input.slice(0, hashStart);\n }\n return input;\n}\nfunction getHash(url) {\n let hash = '';\n const hashStart = url.indexOf('#');\n if (hashStart !== -1) {\n hash = url.slice(hashStart);\n }\n return hash;\n}\nfunction extract(input) {\n input = removeHash(input);\n const queryStart = input.indexOf('?');\n if (queryStart === -1) {\n return '';\n }\n return input.slice(queryStart + 1);\n}\nfunction parseValue(value, options) {\n if (options.parseNumbers && !Number.isNaN(Number(value)) && typeof value === 'string' && value.trim() !== '') {\n value = Number(value);\n } else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {\n value = value.toLowerCase() === 'true';\n }\n return value;\n}\nfunction parse(query, options) {\n options = Object.assign({\n decode: true,\n sort: true,\n arrayFormat: 'none',\n arrayFormatSeparator: ',',\n parseNumbers: false,\n parseBooleans: false\n }, options);\n validateArrayFormatSeparator(options.arrayFormatSeparator);\n const formatter = parserForArrayFormat(options);\n\n // Create an object with no prototype\n const ret = Object.create(null);\n if (typeof query !== 'string') {\n return ret;\n }\n query = query.trim().replace(/^[?#&]/, '');\n if (!query) {\n return ret;\n }\n for (const param of query.split('&')) {\n let _splitOnFirst = splitOnFirst(options.decode ? param.replace(/\\+/g, ' ') : param, '='),\n _splitOnFirst2 = _slicedToArray(_splitOnFirst, 2),\n key = _splitOnFirst2[0],\n value = _splitOnFirst2[1];\n\n // Missing `=` should be `null`:\n // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters\n value = value === undefined ? null : ['comma', 'separator'].includes(options.arrayFormat) ? value : decode(value, options);\n formatter(decode(key, options), value, ret);\n }\n for (const key of Object.keys(ret)) {\n const value = ret[key];\n if (typeof value === 'object' && value !== null) {\n for (const k of Object.keys(value)) {\n value[k] = parseValue(value[k], options);\n }\n } else {\n ret[key] = parseValue(value, options);\n }\n }\n if (options.sort === false) {\n return ret;\n }\n return (options.sort === true ? Object.keys(ret).sort() : Object.keys(ret).sort(options.sort)).reduce((result, key) => {\n const value = ret[key];\n if (Boolean(value) && typeof value === 'object' && !Array.isArray(value)) {\n // Sort object keys, not values\n result[key] = keysSorter(value);\n } else {\n result[key] = value;\n }\n return result;\n }, Object.create(null));\n}\nexports.extract = extract;\nexports.parse = parse;\nexports.stringify = (object, options) => {\n if (!object) {\n return '';\n }\n options = Object.assign({\n encode: true,\n strict: true,\n arrayFormat: 'none',\n arrayFormatSeparator: ','\n }, options);\n validateArrayFormatSeparator(options.arrayFormatSeparator);\n const shouldFilter = key => options.skipNull && isNullOrUndefined(object[key]) || options.skipEmptyString && object[key] === '';\n const formatter = encoderForArrayFormat(options);\n const objectCopy = {};\n for (const key of Object.keys(object)) {\n if (!shouldFilter(key)) {\n objectCopy[key] = object[key];\n }\n }\n const keys = Object.keys(objectCopy);\n if (options.sort !== false) {\n keys.sort(options.sort);\n }\n return keys.map(key => {\n const value = object[key];\n if (value === undefined) {\n return '';\n }\n if (value === null) {\n return encode(key, options);\n }\n if (Array.isArray(value)) {\n return value.reduce(formatter(key), []).join('&');\n }\n return encode(key, options) + '=' + encode(value, options);\n }).filter(x => x.length > 0).join('&');\n};\nexports.parseUrl = (url, options) => {\n options = Object.assign({\n decode: true\n }, options);\n const _splitOnFirst3 = splitOnFirst(url, '#'),\n _splitOnFirst4 = _slicedToArray(_splitOnFirst3, 2),\n url_ = _splitOnFirst4[0],\n hash = _splitOnFirst4[1];\n return Object.assign({\n url: url_.split('?')[0] || '',\n query: parse(extract(url), options)\n }, options && options.parseFragmentIdentifier && hash ? {\n fragmentIdentifier: decode(hash, options)\n } : {});\n};\nexports.stringifyUrl = (object, options) => {\n options = Object.assign({\n encode: true,\n strict: true\n }, options);\n const url = removeHash(object.url).split('?')[0] || '';\n const queryFromUrl = exports.extract(object.url);\n const parsedQueryFromUrl = exports.parse(queryFromUrl, {\n sort: false\n });\n const query = Object.assign(parsedQueryFromUrl, object.query);\n let queryString = exports.stringify(query, options);\n if (queryString) {\n queryString = `?${queryString}`;\n }\n let hash = getHash(object.url);\n if (object.fragmentIdentifier) {\n hash = `#${encode(object.fragmentIdentifier, options)}`;\n }\n return `${url}${queryString}${hash}`;\n};","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport hoistNonReactStatics_ from 'hoist-non-react-statics';\n// Since rollup cannot deal with namespace being a function,\n// this is to interop with TypeScript since `invariant`\n// does not export a default\n// https://github.com/rollup/rollup/issues/1267\nvar hoistNonReactStatics = hoistNonReactStatics_.default || hoistNonReactStatics_;\nimport { invariantIntlContext } from '../utils';\nfunction getDisplayName(Component) {\n return Component.displayName || Component.name || 'Component';\n}\n// TODO: We should provide initial value here\nvar IntlContext = /*#__PURE__*/React.createContext(null);\nvar IntlConsumer = IntlContext.Consumer,\n IntlProvider = IntlContext.Provider;\nexport var Provider = IntlProvider;\nexport var Context = IntlContext;\nexport default function injectIntl(WrappedComponent, options) {\n var _a = options || {},\n _b = _a.intlPropName,\n intlPropName = _b === void 0 ? 'intl' : _b,\n _c = _a.forwardRef,\n forwardRef = _c === void 0 ? false : _c,\n _d = _a.enforceContext,\n enforceContext = _d === void 0 ? true : _d;\n var WithIntl = function (props) {\n return /*#__PURE__*/React.createElement(IntlConsumer, null, function (intl) {\n var _a;\n if (enforceContext) {\n invariantIntlContext(intl);\n }\n var intlProp = (_a = {}, _a[intlPropName] = intl, _a);\n return /*#__PURE__*/React.createElement(WrappedComponent, __assign({}, props, intlProp, {\n ref: forwardRef ? props.forwardedRef : null\n }));\n });\n };\n WithIntl.displayName = \"injectIntl(\" + getDisplayName(WrappedComponent) + \")\";\n WithIntl.WrappedComponent = WrappedComponent;\n if (forwardRef) {\n return hoistNonReactStatics( /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(WithIntl, __assign({}, props, {\n forwardedRef: ref\n }));\n }), WrappedComponent);\n }\n return hoistNonReactStatics(WithIntl, WrappedComponent);\n}","import { Router, __RouterContext, matchPath } from 'react-router';\nexport { MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter } from 'react-router';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React from 'react';\nimport { createBrowserHistory, createHashHistory, createLocation } from 'history';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport invariant from 'tiny-invariant';\n\n/**\n * The public API for a \n \n 0 0 1\n 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0\n 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0\n 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0\n 0 0 1 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0\n 0 1 0 0 0 0 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0\n 1 0 0 1 1 1 0 0 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0\n 1 0 0 0 0 0 1 0 0 1 1 0 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0\n 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1\n 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1\n 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1\n 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0\n 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1\n 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 0 0 0 1 0\n 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 1 0 0 1 1\n 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 0 0 1 1 1 1\n 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1\n 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 0\n 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0\n 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0\n 0 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0\n 0 0 0 0 1 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0\n 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1\n 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1\n 0 0 1 0 0 0 0 0 1 0 0 1 1 0 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0\n 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0\n 0 1 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0\n 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0\n 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1\n 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 1 0 1 0 0 0 1 0\n 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 0 0 0\n 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 1 0 0\n 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 0 0 1 1\n 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1\n 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0\n 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1\n 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1\n 1 0 0 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0\n 1 0 0 0 0 0 1 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1\n 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0\n 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1\n 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 0 0 1 1 1 1 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 1\n 1 0 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0\n 0 0 0 1 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0\n 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0\n 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1\n 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 1 0 1 0 0 0\n 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 1 0\n 0 0 1 0 0 1 1 1 0 1 0 0 1 0 0 0 0 0 1 0 0 1 1 0 1 0 0 1 1 1 0 0 0 1 0\n
\n)\n\nexport default ZeroesAndOnes\n","import React from 'react'\n\nconst LoadingSpider = (props) => (\n \n {faqItems.map((i) => (\n setFaqItems(toggleItem(i))}\n >\n {i.question}\n
\n \n setFaqItems(toggleItem(i))}\n >\n \n
\n \n
\n \n {/* eslint-disable-next-line */}\n \n 0\n })}\n value={email}\n onChange={(event) => setEmail(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'report.enter_your_email'\n })}\n id=\"Email\"\n />\n {errors.map((error) => (\n
\n\n \n
\n ))}\n \n \n setPrivacyPolicyAccepted(event.target.checked)\n }\n text={\n
\n \n setTermsAccepted(event.target.checked)}\n text={\n
\n\n \n {\n setTurnstileToken(token)\n }}\n sitekey={TURNSTILE_SITE_KEY}\n />\n
\n\n \n {\n if (formIsValid) {\n signUpCb(\n email,\n termsAccepted,\n privacyPolicyAccepted,\n turnstileToken,\n intl.locale\n )\n setTurnstileKey(Date.now())\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n )}\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n errors: state.user.errors,\n loginStep: state.user.loginStep,\n userEmail: state.user.userEmail\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n signUpCb: (email, termsAccepted, privacyAccepted, turnstileToken, locale) => {\n dispatch(\n signUp(email, termsAccepted, privacyAccepted, turnstileToken, locale)\n )\n },\n validateLoginCodeCb: (email, loginCode) => {\n dispatch(validateLoginCode(email, loginCode))\n }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TwoStepLogin)\n","import React from 'react'\n\nconst Download = (props) => (\n \n \n
\n \n {/* eslint-disable-next-line */}\n \n 0\n })}\n value={loginCode}\n onChange={(event) => setLoginCode(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'magic_login.paste_login_code'\n })}\n id=\"login-code\"\n />\n {errors.map((error) => (\n
\n\n \n
\n ))}\n \n {\n if (loginCode) {\n validateLoginCodeCb(userEmail, loginCode)\n }\n }}\n role=\"presentation\"\n >\n
\n {children}
}\n \n )\n}\n\nPane.propTypes = {\n children: PropTypes.node.isRequired,\n extraMargin: PropTypes.bool,\n open: PropTypes.bool.isRequired,\n subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n title: PropTypes.string.isRequired\n}\n\nPane.defaultProps = {\n extraMargin: false\n}\n\nexport default Pane\n","import React from 'react'\n\nconst Redo = (props) => (\n \n
\n )}\n {step === 'step-two' && (\n \n
\n \n
\n \n
\n \n setUseCaseDescription(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'user_feedback.describe_your_use'\n })}\n />\n
\n )}\n {useCase && !userAuthenticated && (\n <>\n \n
\n \n {/* eslint-disable-next-line */}\n \n setEmail(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'report.enter_your_email'\n })}\n id=\"email\"\n />\n
\n \n )}\n \n {\n if (useCase && emailValid) {\n submitFeedback()\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n )}\n \n )\n}\n\nexport default CanWeDoBetter\n","import React, { useEffect, useState } from 'react'\nimport { FormattedMessage } from 'react-intl'\n\nconst ProcessingMessage = () => {\n const [longProcessing, setLongProcessing] = useState(false)\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setLongProcessing(true)\n }, 10000)\n\n return () => clearTimeout(timeout)\n }, [])\n\n return (\n \n {longProcessing ? (\n \n
\n \n pushUrl(generateRoute(intl.locale, 'routes.home'))}\n role=\"presentation\"\n >\n
\n \n {name}\n {disabled && }\n
\n \n {options.map((option) => (\n {\n if (!option.disabled) {\n onChange(option.value)\n } else {\n onDisabledClick()\n }\n }}\n >\n {option.name}\n
\n ))}\n \n \n {disabled && activeOption && (\n \n {activeOption.name}\n
\n )}\n {!disabled && (\n \n
\n )\n}\n\nconst mapStateToProps = (state) => ({\n isFetching: state.editor.isFetching,\n mobileUpscalePlacement: state.settings.placements.mobileUpscale,\n remainingUpscales: state.user.userRemainingUpscales,\n upscaleRequest: state.editor.currentRequest,\n userLoaded: state.user.userLoaded,\n userStatus: state.user.userStatus\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchUpscaleRequestCb: (requestId) => {\n dispatch(fetchUpscaleRequest(requestId))\n },\n pushUrl: (args) => {\n dispatch(push(args))\n },\n scheduleEnhancingCb: (upscaleRequest, compression, scale, model) => {\n dispatch(scheduleEnhancing(upscaleRequest, compression, scale, model))\n },\n startDownloadCb: (upscaleRequest) => {\n dispatch(startImageDownload(upscaleRequest))\n }\n})\n\nPreview.propTypes = {\n fetchUpscaleRequestCb: PropTypes.func.isRequired,\n match: PropTypes.shape({\n params: PropTypes.shape({\n requestId: PropTypes.string\n })\n }).isRequired,\n mobileUpscalePlacement: PropTypes.string,\n pushUrl: PropTypes.func.isRequired,\n scheduleEnhancingCb: PropTypes.func.isRequired,\n startDownloadCb: PropTypes.func.isRequired,\n upscaleRequest: UpscaleRequestType\n}\n\nPreview.defaultProps = {\n upscaleRequest: null\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Preview)\n","import React from 'react'\n\nconst Logo = () => (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.pricing'))\n }\n >\n
\n {userLoaded && userAuthenticated && (\n <>\n \n {userLoaded && !userAuthenticated && (\n \n pushUrl(generateRoute(intl.locale, 'routes.login'))\n }\n >\n
\n )}\n \n
\n \n )}\n \n
\n )}\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.privacy'))\n }\n role=\"presentation\"\n >\n
\n \n 
\n
\n \n {open && (\n \n push(generateRoute(intl.locale, 'routes.account'))}\n role=\"presentation\"\n >\n
\n \n
\n \n \n
\n \n \n
\n \n )}\n \n )\n}\n\nexport default UserMenu\n","import React from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { useIntl } from 'react-intl'\nimport cx from 'classnames'\nimport { generateRoute } from '../i18n/helpers'\n\nconst UpscaleCounterMobile = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const remainingUpscales = parseInt(\n useSelector((state) => state.user.userRemainingUpscales)\n )\n\n return (\n \n \n dispatch(push(generateRoute(intl.locale, 'routes.pricing')))\n }\n role=\"presentation\"\n >\n \n {remainingUpscales}\n
\n \n )\n}\n\nexport default UpscaleCounterMobile\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport cx from 'classnames'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { goBack } from 'connected-react-router'\nimport { useDispatch } from 'react-redux'\nimport Options from './ImagePreview/Options'\nimport Comparison from './ImagePreview/Comparison'\nimport ComparisonFullScreen from './ImagePreview/ComparisonFullScreen'\nimport SocialFacebook from './icons/SocialFacebook'\nimport SocialLinkedin from './icons/SocialLinkedin'\nimport SocialInstagram from './icons/SocialInstagram'\nimport BackBlue from './icons/BackBlue'\nimport Cogwheel from './icons/Cogwheel'\nimport Flag from './icons/Flag'\nimport Redo from './icons/Redo'\nimport BlinkArrow from './icons/BlinkArrow'\nimport { generateRoute } from '../i18n/helpers'\nimport { getFileType } from '../helpers'\nimport { UpscaleRequestType } from '../proptypes'\nimport Placement from './Placement'\n\nexport const downloadImage = (imageUrl, filename, callback) => {\n const link = document.createElement('a')\n link.download = filename\n link.href = imageUrl\n\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n callback()\n}\n\nconst ImagePreview = ({\n mobileUpscalePlacement,\n push,\n remainingUpscales,\n scheduleEnhancing,\n shouldDisplayAd,\n startDownload,\n upscaleRequest\n}) => {\n const [menuOpen, setMenuOpen] = useState(false)\n const [fullScreen, toggleFullScreenMode] = useState(false)\n const intl = useIntl()\n const dispatch = useDispatch()\n const onGoBack = () => dispatch(goBack())\n\n const handleUserKeyPress = (event) => {\n const { keyCode } = event\n\n // Esc key ccode\n if (keyCode === 27) {\n toggleFullScreenMode(false)\n }\n }\n\n useEffect(() => {\n window.addEventListener('keydown', handleUserKeyPress)\n\n return () => {\n window.removeEventListener('keydown', handleUserKeyPress)\n }\n }, [handleUserKeyPress])\n\n return (\n <>\n \n push(generateRoute(intl.locale, 'routes.pricing'))}\n role=\"presentation\"\n >\n \n
\n )}\n \n \n ${upscaleRequest.upscaled_image_meta.width}x${upscaleRequest.upscaled_image_meta.height}`\n }\n )\n }}\n />\n
\n \n push(generateRoute(intl.locale, 'routes.home'))}\n role=\"presentation\"\n >\n
\n )}\n {remainingUpscales === 0 && (\n \n
\n {remainingUpscales > 0 && (\n \n
\n \n {upscaleRequest.scale}x{' '}\n \n
\n\n \n {`${upscaleRequest.upscaled_image_meta.width}x${upscaleRequest.upscaled_image_meta.height} px`}\n
\n\n \n {' '}\n
\n \n
\n )}\n {!menuOpen && \n 4x\n 8x\n
\n \n
\n \n )}\n\n \n
\n \n
\n \n \n push(generateRoute(intl.locale, 'routes.pricing'))\n }\n >\n
\n \n
\n\n {!fullScreen && (\n Upscaled
\n \n {\n startDownload(upscaleRequest)\n }}\n role=\"presentation\"\n >\n
\n\n \n
\n\n \n push(generateRoute(intl.locale, 'routes.home'))}\n role=\"presentation\"\n >\n
\n \n \n\n {shouldDisplayAd && mobileUpscalePlacement !== '' && (\n \n
\n )}\n\n \n
\n \n )\n}\n\nImagePreview.propTypes = {\n mobileUpscalePlacement: PropTypes.string,\n push: PropTypes.func.isRequired,\n scheduleEnhancing: PropTypes.func.isRequired,\n startDownload: PropTypes.func.isRequired,\n upscaleRequest: UpscaleRequestType.isRequired\n}\n\nexport default ImagePreview\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport Pane from './Pane'\nimport RadioButton from '../RadioButton'\nimport Checkbox from '../Checkbox'\nimport { UpscaleRequestType } from '../../proptypes'\nimport { generateRoute } from '../../i18n/helpers'\n\nconst Options = (props) => {\n const { scheduleEnhancing, upscaleRequest } = props\n const [whiteBalance, setWhiteBalance] = useState(true)\n const [vividSaturation, setVividSaturation] = useState(false)\n const [hdrContrast, setHdrContrast] = useState(false)\n const [upscaleResolution, setUpscaleResolution] = useState(\n String(upscaleRequest.scale)\n )\n const [cleanupCompression, setCleanupCompression] = useState(65)\n const [enhancingModel, setEnhancingModel] = useState(\n String(upscaleRequest.model_type)\n )\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const userStatus = useSelector((state) => state.user.userStatus)\n const isPaidUser = userLoaded && ['standard', 'premium'].includes(userStatus)\n const intl = useIntl()\n const originalImageMeta = upscaleRequest.original_image_meta\n const availableScales =\n originalImageMeta.width <= 1000 && originalImageMeta.height <= 1000\n ? [2, 4, 8]\n : [2, 4]\n const dispatch = useDispatch()\n const pushUrl = (url) => dispatch(push(url))\n\n const upscaleResolutionOptions = [\n {\n id: 1,\n text: (\n \n 2x{' '}\n \n
\n 4x
\n \n 8x\n
\n \n
\n \n upscaler.stockphotos.com\n
\n \n {\n setUpscaleResolution(event.target.value)\n }}\n />\n \n \n Cleanup compression\"\n subtitle=\"Smooth or sharp edges.\"\n open\n >\n {\n setCleanupCompression(event.target.value)\n }}\n />\n \n )}\n {false && (\n Enhance model\"\n subtitle=\"Balanced & vivid.\"\n open\n extraMargin\n >\n setWhiteBalance(event.target.checked)}\n text=\"White balance\"\n disabled\n />\n setVividSaturation(event.target.checked)}\n text=\"Vivid saturation\"\n disabled\n />\n setHdrContrast(event.target.checked)}\n text=\"HDR contrast\"\n disabled\n />\n \n )}\n {isPaidUser && (\n {\n if (isPaidUser) {\n scheduleEnhancing(\n cleanupCompression,\n parseInt(upscaleResolution, 10),\n enhancingModel\n )\n }\n }}\n role=\"presentation\"\n >\n
\n )}\n {!isPaidUser && (\n \n \n
\n \n
\n \n toggleFullScreenMode(true)}\n role=\"presentation\"\n >\n
\n \n
\n \n \n
\n \n \n
\n \n \n ${upscaleRequest.upscaled_image_meta.width}x${upscaleRequest.upscaled_image_meta.height}`\n }\n )\n }}\n />\n
\n \n
\n \n toggleFullScreenMode(false)}\n role=\"presentation\"\n >\n
\n \n
\n \n \n \n
\n {open && (\n \n {Object.keys(AppLanguage).map((lang) => (\n \n
\n )}\n \n )\n})\n\nexport default LanguageSwitcher\n","import React from 'react'\n\nconst Close = (props) => (\n \n {LanguageName[AppLanguage[lang]]}\n
\n \n ))}\n \n \n
\n \n \n
\n \n ),\n value: 'top'\n },\n {\n id: 5,\n text: (\n <>\n \n \n
\n \n \n
\n \n ),\n value: 'center'\n },\n {\n id: 6,\n text: (\n <>\n \n \n
\n \n \n
\n \n ),\n value: 'bottom'\n }\n ]\n\n const horizontalOptions = [\n {\n id: 7,\n text: (\n <>\n \n \n
\n \n ),\n value: 'left'\n },\n {\n id: 8,\n text: (\n <>\n \n \n
\n \n ),\n value: 'middle'\n },\n {\n id: 9,\n text: (\n <>\n \n \n
\n \n ),\n value: 'right'\n }\n ]\n\n const sizes = [\n ...(facebook ? ['facebook'] : []),\n ...(linkedin ? ['linkedin'] : []),\n ...(insta ? ['instagram'] : []),\n ...(twitter ? ['twitter'] : [])\n ]\n\n return (\n \n
\n \n \n )\n}\n\nExport.propTypes = {\n isDownloading: PropTypes.bool.isRequired,\n location: PropTypes.shape({}).isRequired,\n pushUrl: PropTypes.func.isRequired,\n scheduleDownloadCb: PropTypes.func.isRequired,\n upscaleRequest: UpscaleRequestType.isRequired\n}\n\n/* The class should be refactored to use hooks */\nclass ExportView extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = { intervalId: null }\n }\n\n componentDidMount() {\n const { fetchUpscaleRequestCb, match, upscaleRequest } = this.props\n const { requestId } = match.params\n\n if (!upscaleRequest) {\n fetchUpscaleRequestCb(requestId)\n }\n }\n\n /* eslint-disable-next-line */\n UNSAFE_componentWillReceiveProps(nextProps) {\n const undoneStatuses = ['created', 'processing']\n const doneStatuses = ['success', 'failure']\n const { checkProcessingStatusCb, upscaleRequest } = nextProps\n const { intervalId } = this.state\n const status = upscaleRequest && upscaleRequest.status\n const createInterval = undoneStatuses.includes(status) && !intervalId\n\n if (createInterval) {\n const newIntervalId = setInterval(\n () => checkProcessingStatusCb(upscaleRequest),\n 4000\n )\n\n this.setState({ intervalId: newIntervalId })\n } else if (doneStatuses.includes(status) || !status) {\n clearInterval(intervalId)\n this.setState({ intervalId: null })\n }\n }\n\n componentWillUnmount() {\n const { intervalId } = this.state\n\n clearInterval(intervalId)\n this.setState({ intervalId: null })\n }\n\n render() {\n const {\n isDownloading,\n leftBoxPlacement,\n pushUrl,\n rightBoxPlacement,\n scheduleDownloadCb,\n upscaleRequest,\n userLoaded,\n userStatus\n } = this.props\n const shouldDisplayAd = userLoaded && userStatus === 'free'\n\n return (\n \n \n
\n \n
\n \n \n
\n \n {shouldDisplayAd && leftBoxPlacement !== '' && (\n \n pushUrl(\n generateRoute(intl.locale, 'routes.preview', {\n requestId: upscaleRequest.id\n })\n )\n }\n role=\"presentation\"\n >\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n setInclude(event.target.checked)}\n text={
\n \n
\n \n {\n setCompression(event.target.value)\n }}\n />\n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n setFacebook(event.target.checked)}\n text=\"Facebook\"\n />\n setLinkedin(event.target.checked)}\n text=\"Linkedin\"\n disabled={!isPaidUser}\n />\n setInsta(event.target.checked)}\n text=\"Instagram\"\n disabled={!isPaidUser}\n />\n setTwitter(event.target.checked)}\n text=\"Twitter\"\n disabled={!isPaidUser}\n />\n
\n \n
\n\n \n
\n\n \n {verticalOptions.map((option) => (\n
\n \n \n {option.text}\n \n setVertical(event.target.value)\n }\n value={option.value}\n id={option.id}\n />\n \n \n
\n ))}\n \n
\n \n {horizontalOptions.map((option) => (\n
\n \n \n {option.text}\n \n setHorizontal(event.target.value)\n }\n value={option.value}\n id={option.id}\n />\n \n \n
\n ))}\n \n {\n if (!isDownloading) {\n scheduleDownloadCb(\n upscaleRequest,\n sizes,\n vertical,\n horizontal,\n include,\n parseInt(compression, 10)\n )\n }\n }}\n style={{ marginTop: 15 }}\n role=\"presentation\"\n >\n {!isDownloading ? (\n
\n \n
\n )\n }\n}\n\nconst mapStateToProps = (state) => ({\n isDownloading: state.editor.isDownloading,\n leftBoxPlacement: state.settings.placements.leftBox,\n rightBoxPlacement: state.settings.placements.rightBox,\n upscaleRequest: state.editor.currentRequest,\n userLoaded: state.user.userLoaded,\n userStatus: state.user.userStatus\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n checkProcessingStatusCb: (upscaleRequest) => {\n dispatch(checkProcessingStatus(upscaleRequest))\n },\n fetchUpscaleRequestCb: (requestId) => {\n dispatch(fetchUpscaleRequest(requestId))\n },\n pushUrl: (args) => {\n dispatch(push(args))\n },\n scheduleDownloadCb: (\n upscaleRequest,\n sizes,\n verticalAlignment,\n horizontalAlignment,\n includeOriginal,\n scale\n ) => {\n dispatch(\n scheduleDownload(\n upscaleRequest,\n sizes,\n verticalAlignment,\n horizontalAlignment,\n includeOriginal,\n scale\n )\n )\n }\n})\n\nExportView.propTypes = {\n checkProcessingStatusCb: PropTypes.func.isRequired,\n fetchUpscaleRequestCb: PropTypes.func.isRequired,\n isDownloading: PropTypes.bool.isRequired,\n location: PropTypes.shape({}).isRequired,\n match: PropTypes.shape({\n params: PropTypes.shape({\n requestId: PropTypes.string\n })\n }).isRequired,\n pushUrl: PropTypes.func.isRequired,\n scheduleDownloadCb: PropTypes.func.isRequired,\n upscaleRequest: UpscaleRequestType\n}\n\nExportView.defaultProps = {\n upscaleRequest: null\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ExportView)\n","import React, { useState, useEffect } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\n\nconst Help = () => {\n const intl = useIntl()\n const [page, setPage] = useState(null)\n\n useEffect(() => {\n const fetchData = async () => {\n axios.get(`/api/v1/pages/help?locale=${intl.locale}`).then((response) => {\n setPage(response.data)\n })\n }\n\n fetchData()\n }, [intl.locale])\n\n return (\n <>\n \n
\n \n \n )\n}\n\nexport default Help\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\n\nconst TermsOfService = ({ pushUrl }) => {\n const intl = useIntl()\n const [page, setPage] = useState(null)\n\n useEffect(() => {\n const fetchData = async () => {\n axios\n .get(`/api/v1/pages/terms?locale=${intl.locale}`)\n .then((response) => {\n setPage(response.data)\n })\n }\n\n fetchData()\n }, [intl.locale])\n\n return (\n <>\n \n \n
\n \n
\n \n \n
\n {page && (\n
\n \n
\n {page && (\n \n
\n \n \n \n )\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n pushUrl: (args) => {\n dispatch(push(args))\n }\n})\n\nTermsOfService.propTypes = {\n location: PropTypes.shape({}).isRequired,\n pushUrl: PropTypes.func.isRequired\n}\n\nexport default connect(null, mapDispatchToProps)(TermsOfService)\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\n\nconst PrivacyPolicy = ({ pushUrl }) => {\n const intl = useIntl()\n const [page, setPage] = useState(null)\n\n useEffect(() => {\n const fetchData = async () => {\n axios\n .get(`/api/v1/pages/privacy?locale=${intl.locale}`)\n .then((response) => {\n setPage(response.data)\n })\n }\n\n fetchData()\n }, [intl.locale])\n\n return (\n <>\n \n \n
\n \n
\n \n \n
\n {page && (\n
\n \n
\n {page && (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }\n role=\"presentation\"\n >\n
\n \n
\n \n \n \n )\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n pushUrl: (args) => {\n dispatch(push(args))\n }\n})\n\nPrivacyPolicy.propTypes = {\n location: PropTypes.shape({}).isRequired,\n pushUrl: PropTypes.func.isRequired\n}\n\nexport default connect(null, mapDispatchToProps)(PrivacyPolicy)\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport { generateRoute } from '../i18n/helpers'\nimport { getRootUrl } from '../helpers'\nimport CanWeDoBetter from '../components/CanWeDoBetter'\nimport CartoonizeLogo from '../components/icons/CartoonizeLogo'\nimport { fetchUpscaleRequest } from '../actions/upload'\nimport Placement from '../components/Placement'\nimport { VismeLogo } from '../components/VismeLogo'\n\nexport const downloadFile = (file, callback) => {\n const link = document.createElement('a')\n link.download = true\n link.href = file\n\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n if (typeof callback === 'function') {\n callback()\n }\n}\n\nconst scrollTop = () => {\n window.scrollTo({ top: 0, behavior: 'smooth' })\n}\n\nconst ThankYou = (props) => {\n const [downloadStarted, setDownloadStarted] = useState(false)\n const {\n downloadUrl,\n fetchUpscaleRequestCb,\n leftBoxPlacement,\n match,\n pushUrl,\n rightBoxPlacement,\n upscaleRequest,\n userLoaded,\n userStatus\n } = props\n const { requestId } = match.params\n const intl = useIntl()\n const isPaidUser = userLoaded && ['standard', 'premium'].includes(userStatus)\n\n useEffect(() => {\n fetchUpscaleRequestCb(requestId)\n }, [requestId])\n\n if (isPaidUser) {\n return (\n \n \n
\n \n
\n \n \n
\n {page && (\n
\n \n
\n {page && (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }\n role=\"presentation\"\n >\n
\n \n
\n )\n }\n\n return (\n \n
\n \n \n
\n \n {downloadUrl && (\n
\n \n ${intl.formatMessage(\n { id: 'thank_you.click_here' }\n )}`\n }\n )\n }}\n />\n }\n style={{ marginBottom: 80 }}\n />\n
\n )}\n \n
\n \n \n \n )\n}\n\nconst mapStateToProps = (state) => ({\n isFetching: state.editor.isFetching,\n downloadUrl: state.editor.downloadUrl,\n leftBoxPlacement: state.settings.placements.leftBoxThankYou,\n rightBoxPlacement: state.settings.placements.rightBoxThankYou,\n upscaleRequest: state.editor.currentRequest,\n userLoaded: state.user.userLoaded,\n userStatus: state.user.userStatus\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchUpscaleRequestCb: (requestId) => {\n dispatch(fetchUpscaleRequest(requestId))\n },\n pushUrl: (args) => {\n dispatch(push(args))\n }\n})\n\nThankYou.propTypes = {\n downloadUrl: PropTypes.string,\n location: PropTypes.shape({}).isRequired,\n pushUrl: PropTypes.func.isRequired\n}\n\nThankYou.defaultProps = {\n downloadUrl: null\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ThankYou)\n","import React, { useState } from 'react'\nimport cx from 'classnames'\n\nconst Dropdown = ({ defaultText, onChange, options, style = {}, value }) => {\n const [open, setOpen] = useState(false)\n const activeOption = options.find((option) => option.value === value)\n\n return (\n \n
\n \n
\n \n ${intl.formatMessage(\n { id: 'thank_you.click_here' }\n )}`\n }\n )\n }}\n />\n ) : (\n
\n \n \n
\n \n
\n \n
\n \n
\n \n {\n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }}\n role=\"presentation\"\n >\n
\n )}\n \n {downloadUrl && !downloadStarted && (\n {\n downloadFile(downloadUrl, () => setDownloadStarted(true))\n scrollTop()\n }}\n role=\"presentation\"\n >\n
\n )}\n {downloadStarted && (\n \n {options.map((option) => (\n onChange(option)}\n role=\"presentation\"\n >\n {option.name}\n
\n ))}\n \n )}\n \n )\n}\n\nexport default Dropdown\n","import React from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { generateRoute } from '../i18n/helpers'\nimport { push } from 'connected-react-router'\nimport PropTypes from 'prop-types'\nimport Header from '../components/Header'\nimport Features from '../components/Features'\nimport Footer from '../components/Footer'\nimport UploadBox from '../components/UploadBox'\nimport Faq from '../components/Faq'\n\nconst HomeView = () => {\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const dispatch = useDispatch()\n const pushUrl = (url) => dispatch(push(url))\n const intl = useIntl()\n\n return (\n \n
\n \n \n )\n}\n\nexport default HomeView\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport cx from 'classnames'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport ProcessingMessage from './ProcessingMessage'\nimport UploaderDropzone from './UploaderDropzone'\nimport ProcessingSingle from './ProcessingSingle'\nimport ProcessingBulk from './ProcessingBulk'\nimport { generateRoute } from '../i18n/helpers'\n\nconst Uploader = ({\n bulkUpload,\n bulkUploadFiles,\n cancelUploading,\n disabled = false,\n fileName,\n isBulkProcessing,\n isBulkUploading,\n isPaidUser,\n isUploading,\n model,\n processingFilePlacement,\n progress,\n push,\n remainingUpscales,\n scale,\n setModel,\n setScale,\n startBulkUpload,\n uploadFile,\n uploadType\n}) => {\n const intl = useIntl()\n\n return (\n \n
\n \n \n
\n \n \n
\n
\n \n )}\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }\n role=\"presentation\"\n >\n
\n \n \n {!isUploading && (\n <>\n {scale}x{' '}\n \n
\n {!isUploading && (\n \n
\n )\n}\n\nexport default UploadSwitches\n","import React from 'react'\n\nfunction Icon(props) {\n return (\n \n
\n \n {isPaidUser && (\n <>\n \n
\n \n )}\n\n {!isPaidUser && processingFilePlacement !== '' && (\n \n
\n \n
\n )}\n\n \n \n
\n \n \n \n {`${progress}%`}\n
\n \n \n \n )\n}\n\nProcessingSingle.propTypes = {\n cancelUploading: PropTypes.func.isRequired,\n fileName: PropTypes.string.isRequired,\n isPaidUser: PropTypes.bool.isRequired,\n processingFilePlacement: PropTypes.string,\n progress: PropTypes.number.isRequired\n}\n\nexport default ProcessingSingle\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage } from 'react-intl'\n\nconst ProcessingAutoExtended = ({ cancelUploading }) => {\n const [open, setOpen] = useState(false)\n\n useEffect(() => {\n const timeout = setTimeout(() => setOpen(true), 30000)\n\n return () => clearTimeout(timeout)\n }, [])\n\n return (\n open && (\n \n \n
\n \n \n )\n )\n}\n\nProcessingAutoExtended.propTypes = {\n cancelUploading: PropTypes.func.isRequired\n}\n\nexport default ProcessingAutoExtended\n","import React from 'react'\n\nconst Picture = (props) => {\n return (\n \n
\n \n
\n \n setOpen(false)}\n >\n
\n \n
\n )\n}\n\nexport default Picture\n","import React from 'react'\nimport { Prompt } from 'react-router'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport cx from 'classnames'\nimport { countOccurrences, getRootUrl, humanFileSize } from '../helpers'\nimport { generateRoute } from '../i18n/helpers'\n\nconst ProcessingBulk = ({\n bulkUpload,\n isBulkUploading,\n isBulkProcessing,\n remainingUpscales,\n uploads\n}) => {\n const intl = useIntl()\n const counts = countOccurrences(uploads.map((u) => u.fileType))\n const doneStatuses = [\n 'invalid_file',\n 'success',\n 'failure',\n 'limit_exhausted',\n 'content_not_safe'\n ]\n const uploadsDone = uploads.filter((u) =>\n doneStatuses.includes(u.status)\n ).length\n const uploadsAll = uploads.length\n const progress = Math.round((uploadsDone / uploadsAll) * 100)\n const upscaleUsedStatuses = [\n 'before_processing',\n 'created',\n 'processing',\n 'success'\n ]\n const bulkUploadUrl = () =>\n getRootUrl() +\n generateRoute(intl.locale, 'routes.bulk_upload_preview', {\n bulkUploadId: bulkUpload.id\n })\n\n return (\n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n )\n}\n\nexport default ProcessingBulk\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport cx from 'classnames'\nimport Checkbox from './Checkbox'\n\nconst TermsDialog = ({ acceptTerms }) => {\n const intl = useIntl()\n const [termsAccepted, setTermsAccepted] = useState(false)\n const [privacyPolicyAccepted, setPrivacyPolicyAccepted] = useState(false)\n\n return (\n \n {isBulkUploading && (\n \n {bulkUploadUrl()}\n \n )\n }}\n />\n )}\n
\n \n \n \n
\n \n {uploads.map((upload) => (\n
\n \n \n {!['invalid_file', 'upload_started'].includes(upload.status) && (\n \n {upload.filename}\n \n \n {upload.status === 'limit_exhausted' && (\n \n \n {!['processing', 'success'].includes(upload.status) && 'N/A'}\n {upload.status === 'processing' && (\n \n
\n ))}\n \n
\n \n \n
\n \n {Object.keys(counts)\n .map((key) => `${counts[key]}x ${key.toUpperCase()}`)\n .join(', ')}\n \n
\n \n \n {Object.keys(counts)\n .map((key) => `${counts[key]}x ${key.toUpperCase()}`)\n .join(', ')}\n \n
\n \n \n [\n 'failure',\n 'invalid_file',\n 'limit_exhausted',\n 'content_not_safe'\n ].includes(u.status)\n ).length\n }}\n />\n \n
\n \n
\n \n \n
\n \n upscaleUsedStatuses.includes(u.status)\n ).length\n }}\n />\n
\n \n
\n \n \n
\n
\n \n \n {`${progress}%`}\n
\n \n \n
\n \n \n 2x{' '}\n \n
\n \n setPrivacyPolicyAccepted(event.target.checked)}\n text={\n setTermsAccepted(event.target.checked)}\n text={\n {\n if (termsAccepted && privacyPolicyAccepted) {\n acceptTerms(termsAccepted, privacyPolicyAccepted)\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n
\n \n
\n \n \n
\n \n 2x{' '}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => ({\n statusMessage: state.upload.statusMessage,\n upscaleRequest: state.editor.currentRequest,\n user: state.user\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n fetchUpscaleRequestCb: (requestId) => {\n dispatch(fetchUpscaleRequest(requestId))\n },\n pushUrl: (args) => {\n dispatch(push(args))\n },\n reportCb: (upscaleRequest, email, callback) => {\n dispatch(report(upscaleRequest, email, callback))\n }\n})\n\nFileReport.propTypes = {\n fetchUpscaleRequestCb: PropTypes.func.isRequired,\n intl: PropTypes.shape({\n formatMessage: PropTypes.func.isRequired,\n locale: PropTypes.string.isRequired\n }).isRequired,\n location: PropTypes.shape({}).isRequired,\n match: PropTypes.shape({\n params: PropTypes.shape({\n requestId: PropTypes.string\n })\n }).isRequired,\n pushUrl: PropTypes.func.isRequired,\n reportCb: PropTypes.func.isRequired,\n upscaleRequest: UnprocessedUpscaleRequestType\n}\n\nFileReport.defaultProps = {\n upscaleRequest: null\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(injectIntl(FileReport))\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport Shutterstock from './icons/ShutterstockColor'\nimport DiscountRed from './DiscountRed'\n\nconst ShutterstockPromo = ({ className }) => {\n const intl = useIntl()\n\n return (\n \n
\n )}\n \n
\n )}\n \n
\n )}\n {reportSubmitted && (\n \n {shouldDisplayAd && (\n
\n )}\n {!reportSubmitted && !shouldShowForm && (\n \n {displayStatusMessage()}\n
\n\n {renderSecondaryActionButton()}\n \n {/* eslint-disable-next-line */}\n \n \n this.setState({ email: event.target.value })\n }\n placeholder={intl.formatMessage({\n id: 'report.enter_your_email'\n })}\n id=\"email\"\n />\n
\n\n \n \n this.setState({\n privacyPolicyAccepted: event.target.checked\n })\n }\n text={\n
\n \n \n this.setState({\n termsAccepted: event.target.checked\n })\n }\n text={\n
\n\n \n {\n if (\n termsAccepted &&\n privacyPolicyAccepted &&\n validateEmail(email)\n ) {\n reportCb(upscaleRequest, email, () => {\n this.setState({ reportSubmitted: true })\n })\n }\n }}\n role=\"presentation\"\n >\n
\n \n {displayStatusMessage()}\n
\n {renderSecondaryActionButton()}\n \n {\n reportCb(upscaleRequest, user.userEmail, () => {\n this.setState({ reportSubmitted: true })\n })\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n
\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }\n role=\"presentation\"\n >\n
\n \n
\n )\n}\n\nShutterstockPromo.propTypes = {\n className: PropTypes.string\n}\n\nShutterstockPromo.defaultProps = {\n className: 'banner'\n}\n\nexport default ShutterstockPromo\n","import React from 'react'\n\nconst Shutterstock = (props) => (\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n)\n\nexport default DiscountRed\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport Istock from './icons/Istock'\nimport Copy from './icons/Copy'\nimport DiscountGreen from './DiscountGreen'\n\nconst copyToClipboard = (text) => {\n const input = document.createElement('textarea')\n input.innerHTML = text\n document.body.appendChild(input)\n input.select()\n const result = document.execCommand('copy')\n document.body.removeChild(input)\n return result\n}\n\nconst IstockPromo = ({ className, location }) => {\n const { search } = location\n const [copied, setCopied] = useState(false)\n const displayCode = search.includes('codeid=16058')\n const intl = useIntl()\n\n return (\n \n
\n \n
\n \n
\n \n )\n}\n\nIstockPromo.propTypes = {\n className: PropTypes.string,\n location: PropTypes.shape({\n search: PropTypes.string.isRequired\n }).isRequired\n}\n\nIstockPromo.defaultProps = {\n className: 'banner'\n}\n\nexport default IstockPromo\n","import React from 'react'\n\nfunction Icon() {\n return (\n \n
\n \n {!displayCode && (\n {\n window.open('?codeid=16058', '_blank')\n }}\n >\n {\n copyToClipboard('15SPS')\n setCopied(true)\n }}\n role=\"presentation\"\n >\n
\n \n )}\n 15SPS
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n)\n\nexport default DiscountGreen\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport WarningSign from '../components/icons/WarningSign'\nimport Buoy from '../components/icons/Buoy'\nimport { generateRoute } from '../i18n/helpers'\n\nconst UploadFailed = ({ errors, isPaidUser, pushUrl, userAuthenticated }) => {\n const intl = useIntl()\n const limitReached = errors.includes('limit_exhausted')\n\n return (\n \n
\n \n
\n \n
\n \n \n \n \n \n \n )\n}\n\nconst mapStateToProps = (state) => ({\n errors: state.upload.errors.slice(0, 1),\n isPaidUser: ['standard', 'premium'].includes(state.user.userStatus),\n userAuthenticated: state.user.userAuthenticated\n})\n\nUploadFailed.propTypes = {\n errors: PropTypes.arrayOf(PropTypes.string).isRequired,\n isPaidUser: PropTypes.bool.isRequired,\n pushUrl: PropTypes.func.isRequired\n}\n\nexport default connect(mapStateToProps, { pushUrl: push })(UploadFailed)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Processing from '../components/Processing'\nimport { checkProcessingStatus } from '../actions/editor'\nimport { fetchUpscaleRequest } from '../actions/upload'\nimport { UpscaleRequestType } from '../proptypes'\n\nclass ProcessView extends React.Component {\n componentDidMount() {\n const { fetchUpscaleRequestCb, match, upscaleRequest } = this.props\n const { requestId } = match.params\n\n if (!upscaleRequest) {\n fetchUpscaleRequestCb(requestId)\n }\n }\n\n render() {\n const { checkProcessingStatusCb, pushUrl, upscaleRequest } = this.props\n\n return (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.signup'))\n }\n role=\"presentation\"\n >\n
\n )}\n \n {\n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }}\n role=\"presentation\"\n >\n
\n )}\n\n {limitReached && !userAuthenticated && (\n \n {errors.map((error) => (\n
\n )}\n\n {!limitReached && (\n \n
\n )}\n\n {limitReached && (\n \n {errors.map((error) => (\n \n
\n ))}\n\n {errors.map((error) => (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }\n role=\"presentation\"\n >\n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.pricing'))\n }\n role=\"presentation\"\n >\n
\n \n
\n )\n }\n}\n\nconst mapStateToProps = (state) => ({\n upscaleRequest: state.editor.currentRequest\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n checkProcessingStatusCb: (upscaleRequest) => {\n dispatch(checkProcessingStatus(upscaleRequest))\n },\n fetchUpscaleRequestCb: (requestId) => {\n dispatch(fetchUpscaleRequest(requestId))\n },\n pushUrl: (args) => {\n dispatch(push(args))\n }\n})\n\nProcessView.propTypes = {\n checkProcessingStatusCb: PropTypes.func.isRequired,\n fetchUpscaleRequestCb: PropTypes.func.isRequired,\n match: PropTypes.shape({\n params: PropTypes.shape({\n requestId: PropTypes.string\n })\n }).isRequired,\n pushUrl: PropTypes.func.isRequired,\n upscaleRequest: UpscaleRequestType\n}\n\nProcessView.defaultProps = {\n upscaleRequest: null\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ProcessView)\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport cx from 'classnames'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport LoadingSpider from './icons/LoadingSpider'\nimport ZeroesAndOnes from './ZeroesAndOnes'\nimport Features from './Features'\nimport { UpscaleRequestType } from '../proptypes'\nimport { generateRoute } from '../i18n/helpers'\n\nconst getRandomArbitrary = (min, max) =>\n Math.floor(Math.random() * (max - min) + min)\n\nconst Processing = ({ checkProcessingStatus, push, upscaleRequest }) => {\n const intl = useIntl()\n const [progress, setProgress] = useState(0)\n\n useEffect(() => {\n const interval = setInterval(() => {\n const randomProgress = getRandomArbitrary(7, 12)\n\n checkProcessingStatus(upscaleRequest)\n setProgress((oldProgress) => Math.min(99, oldProgress + randomProgress))\n }, 2000)\n return () => clearInterval(interval)\n }, [])\n\n return (\n \n
\n \n \n
\n \n {upscaleRequest && (\n
\n \n \n
\n\n \n \n
\n \n
\n \n \n
\n\n \n \n push(generateRoute(intl.locale, 'routes.home'))\n }\n style={{ marginRight: 20 }}\n role=\"presentation\"\n >\n
\n \n \n {`${progress}%`}\n
\n \n by Stockphotos.com\n
\n \n )}\n\n \n
\n )\n}\n\nexport default Login\n","import React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport queryString from 'query-string'\nimport cx from 'classnames'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport { validateEmail } from '../helpers'\nimport { generateRoute } from '../i18n/helpers'\nimport { signUp } from '../actions/auth'\n\nconst Relogin = (params) => {\n const intl = useIntl()\n const queryParams = queryString.parse(params.location.search)\n const dispatch = useDispatch()\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const loginStep = useSelector((state) => state.user.loginStep)\n const email = queryParams.email\n const formIsValid = validateEmail(email)\n\n useEffect(() => {\n if (userLoaded && userAuthenticated) {\n dispatch(push(generateRoute(intl.locale, 'routes.home')))\n }\n }, [userLoaded, userAuthenticated])\n\n useEffect(() => {\n if (loginStep === 'step-two') {\n dispatch(push(generateRoute(intl.locale, 'routes.login')))\n }\n }, [loginStep])\n\n return (\n \n
\n \n \n
\n \n {loginStep === 'step-one' && (\n
\n \n \n \n \n
\n \n
\n \n \n \n )\n}\n\nexport default Relogin\n","import React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport TwoStepLogin from '../components/TwoStepLogin'\nimport { generateRoute } from '../i18n/helpers'\nimport { ClientOnly } from '../components/ClientOnly'\n\nconst Signup = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const loginStep = useSelector((state) => state.user.loginStep)\n\n useEffect(() => {\n if (userLoaded && userAuthenticated) {\n dispatch(push(generateRoute(intl.locale, 'routes.home')))\n }\n }, [userLoaded, userAuthenticated])\n\n return (\n \n
\n \n
\n \n
\n \n \n \n dispatch(push(generateRoute(intl.locale, 'routes.signup')))\n }\n role=\"presentation\"\n >\n
\n \n
\n\n \n {\n if (formIsValid) {\n dispatch(signUp(email, true, true, intl.locale))\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n )\n}\n\nexport default Signup\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport { FormattedMessage, injectIntl, useIntl } from 'react-intl'\nimport cx from 'classnames'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport Checkbox from '../components/Checkbox'\nimport Ok from '../components/icons/Ok'\nimport Stripe from '../components/icons/Stripe'\nimport { generateRoute } from '../i18n/helpers'\nimport { validateEmail } from '../helpers'\nimport { sendMessage } from '../actions/auth'\nimport { LanguageName } from '../consts/languages'\n\nconst Contact = ({ pushUrl, sendMessageCb }) => {\n const [message, setMessage] = useState('')\n const [email, setEmail] = useState('')\n const [termsAccepted, setTermsAccepted] = useState(false)\n const [privacyPolicyAccepted, setPrivacyPolicyAccepted] = useState(false)\n const [formSubmitted, setFormSubmitted] = useState(false)\n const [page, setPage] = useState(null)\n const intl = useIntl()\n\n useEffect(() => {\n const fetchData = async () => {\n axios\n .get(`/api/v1/pages/impressum?locale=${intl.locale}`)\n .then((response) => {\n setPage(response.data)\n })\n }\n\n fetchData()\n }, [intl.locale])\n\n return (\n \n
\n \n \n
\n \n {loginStep === 'step-one' && (\n
\n \n \n \n \n
\n \n
\n \n \n \n \n )\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n pushUrl: (args) => {\n dispatch(push(args))\n },\n sendMessageCb: (message, email, termsAccepted, language, callback) => {\n dispatch(sendMessage(message, email, termsAccepted, language, callback))\n }\n})\n\nContact.propTypes = {\n location: PropTypes.shape({}).isRequired,\n pushUrl: PropTypes.func.isRequired,\n sendMessageCb: PropTypes.func.isRequired\n}\n\nexport default connect(null, mapDispatchToProps)(injectIntl(Contact))\n","import { useEffect } from 'react'\nimport { withRouter } from 'react-router-dom'\n\nconst ScrollToTop = ({ history }) => {\n useEffect(() => {\n const unlisten = history.listen(() => {\n window.scrollTo(0, 0)\n })\n return () => {\n unlisten()\n }\n }, [])\n\n return null\n}\n\nexport default withRouter(ScrollToTop)\n","import React from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport { connect } from 'react-redux'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\nimport Faq from '../components/Faq'\n\nconst Pricing = ({ pushUrl }) => {\n const intl = useIntl()\n\n return (\n \n
\n\n {page && (\n \n
\n )}\n \n
\n )}\n {formSubmitted && (\n \n \n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }\n role=\"presentation\"\n >\n
\n \n
\n\n \n {/* eslint-disable-next-line */}\n \n setMessage(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'contact.i_would_like_to'\n })}\n id=\"content\"\n />\n
\n\n \n {/* eslint-disable-next-line */}\n \n setEmail(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'contact.enter_your_email'\n })}\n id=\"email\"\n />\n
\n\n \n \n setPrivacyPolicyAccepted(event.target.checked)\n }\n text={\n
\n \n \n setTermsAccepted(event.target.checked)\n }\n text={\n
\n\n \n {\n if (\n message &&\n termsAccepted &&\n privacyPolicyAccepted &&\n validateEmail(email)\n ) {\n const languages = LanguageName\n sendMessageCb(\n message,\n email,\n termsAccepted,\n languages[intl.locale],\n () => setFormSubmitted(true)\n )\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n
\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }\n role=\"presentation\"\n >\n
\n \n \n
\n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n 2x\n
\n 4x
\n 8x
\n \n
\n - \n
- \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n
\n {\n pushUrl(generateRoute(intl.locale, 'routes.signup'))\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n
\n \n
\n \n
\n \n 2x\n
\n \n 4x\n
\n \n 8x\n
\n \n
\n - \n
- \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n \n \n
- \n
\n \n
\n {\n pushUrl(\n generateRoute(intl.locale, 'routes.checkout', {\n productId: 647401\n })\n )\n }}\n role=\"presentation\"\n >\n
\n \n $9.9\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n 2x\n
\n \n 4x\n
\n \n 8x\n
\n \n
\n - \n
- \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n \n \n
- \n
{' '}\n \n - \n
\n \n
\n {\n pushUrl(\n generateRoute(intl.locale, 'routes.checkout', {\n productId: 647403\n })\n )\n }}\n >\n
\n \n $19.9\n
\n \n
\n \n
\n \n
\n\n \n \n
\n \n \n
\n\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }\n role=\"presentation\"\n >\n
\n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.contact'))\n }\n role=\"presentation\"\n >\n
\n \n \n \n \n \n \n \n )\n}\n\nexport default connect(null, { pushUrl: push })(Pricing)\n","import React, { useState, useEffect } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport cx from 'classnames'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport Checkbox from '../components/Checkbox'\nimport { fetchUser } from '../actions/auth'\nimport { validateEmail, snakeCase } from '../helpers'\nimport { generateRoute } from '../i18n/helpers'\nimport { pushTransactionEvent } from '../actions/crisp'\n\nconst Checkout = (props) => {\n const intl = useIntl()\n const [step, setStep] = useState('step-zero')\n const [email, setEmail] = useState('')\n const [loginCode, setLoginCode] = useState('')\n const [termsAccepted, setTermsAccepted] = useState(false)\n const [privacyPolicyAccepted, setPrivacyPolicyAccepted] = useState(false)\n const [errors, setErrors] = useState([])\n const dispatch = useDispatch()\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const userEmail = useSelector((state) => state.user.userEmail)\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const { productId } = props.match.params\n const locale = intl.locale === 'cs' ? 'en' : intl.locale\n const formIsValid =\n termsAccepted && privacyPolicyAccepted && validateEmail(email)\n const [product, setProduct] = useState(null)\n\n const validateUser = ({ onSuccess }) => {\n axios\n .post('/users/validate', {\n user: {\n email,\n terms_of_service_accepted: termsAccepted,\n privacy_policy_accepted: privacyPolicyAccepted,\n locale: intl.locale\n }\n })\n .then(onSuccess)\n .catch((error) => {\n setErrors(error.response.data)\n })\n }\n\n const signUp = () => {\n axios\n .post('/users/sign_up', {\n user: {\n email,\n terms_of_service_accepted: true,\n privacy_policy_accepted: true,\n checkout: true,\n locale: intl.locale\n }\n })\n .then(() => {\n setStep('step-three')\n })\n }\n\n const validateLoginCode = () => {\n axios\n .post('/magic_links/sign_in_with_temporary_password', {\n magic_link: {\n email,\n temporary_password: loginCode\n }\n })\n .then(() => {\n dispatch(push(generateRoute(intl.locale, 'routes.checkout_thank_you')))\n dispatch(fetchUser())\n })\n .catch((error) => {\n setErrors(error.response.data)\n })\n }\n\n const openCheckout = () => {\n const Paddle = typeof window !== 'undefined' ? window.Paddle : null\n\n if (Paddle) {\n Paddle.Checkout.open({\n email,\n successCallback: (data) => {\n pushTransactionEvent(data)\n\n window.fpr('referral', { email })\n\n if (userLoaded && userAuthenticated) {\n dispatch(fetchUser())\n dispatch(\n push(generateRoute(intl.locale, 'routes.checkout_thank_you'))\n )\n } else {\n signUp()\n }\n },\n frameTarget: 'checkout-container',\n frameInitialHeight: 416,\n frameStyle:\n 'width: 100%; max-width:495px; background-color: transparent; border: none; margin: 0 auto;',\n locale,\n method: 'inline',\n passthrough: JSON.stringify({\n locale: intl.locale\n }),\n product: productId\n })\n }\n }\n\n const renderProductInfo = () => (\n \n
\n )\n\n const renderStepOne = () => (\n \n
\n {false && (\n \n
\n \n {product.extra_upscales ? (\n \n {product.upscale_credits * 0.5}+{product.upscale_credits * 0.5}\n \n ) : (\n product.upscale_credits\n )}\n
\n \n
\n )}\n \n
\n \n {product.pricePerUpscale}\n
\n \n
\n \n
\n ${product.price}
\n \n {product && renderProductInfo()}\n
\n \n )\n\n const renderStepThree = () => (\n \n
\n\n \n \n
\n \n
\n \n
\n \n {/* eslint-disable-next-line */}\n \n 0\n })}\n value={email}\n onChange={(event) => setEmail(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'report.enter_your_email'\n })}\n id=\"Email\"\n />\n {errors.map((error) => (\n
\n \n
\n ))}\n \n setTermsAccepted(event.target.checked)}\n text={\n
\n \n setPrivacyPolicyAccepted(event.target.checked)}\n text={\n
\n \n {\n if (formIsValid) {\n validateUser({ onSuccess: () => setStep('step-two') })\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n )\n\n useEffect(() => {\n const fetchProduct = async () => {\n axios\n .get(`/api/v1/products/${productId}`)\n .then((response) => {\n setProduct(response.data)\n })\n .catch(() => {\n dispatch(push(generateRoute(intl.locale, 'routes.home')))\n });\n }\n\n fetchProduct()\n }, [])\n\n useEffect(() => {\n if (userLoaded && !userAuthenticated) {\n setStep('step-one')\n } else if (userLoaded && userAuthenticated) {\n setEmail(userEmail)\n setStep('step-two')\n }\n }, [userLoaded, userAuthenticated])\n\n useEffect(() => {\n if (step === 'step-two') {\n openCheckout()\n }\n }, [step])\n\n return (\n \n \n
\n \n {/* eslint-disable-next-line */}\n \n 0\n })}\n value={loginCode}\n onChange={(event) => {\n setLoginCode(event.target.value)\n setErrors([])\n }}\n placeholder={intl.formatMessage({ id: 'checkout.paste_login_code' })}\n id=\"Login code\"\n />\n {errors.map((error) => (\n
\n \n
\n ))}\n \n {\n if (loginCode) {\n validateLoginCode()\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n )\n}\n\nexport default Checkout\n","import React, { useEffect } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport cx from 'classnames'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport Stripe from '../components/icons/Stripe'\nimport { generateRoute } from '../i18n/helpers'\nimport { fetchUser, purchasedCredits } from '../actions/auth'\n\nconst CheckoutThankYou = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const userLoaded = useSelector((state) => state.user.userLoaded)\n\n useEffect(() => {\n if (userLoaded) {\n dispatch(purchasedCredits())\n }\n }, [userLoaded])\n\n return (\n \n
\n \n \n \n
\n \n
\n \n {step === 'step-one' && (\n
\n \n \n {step === 'step-one' && renderStepOne()}\n {step === 'step-two' && (\n
\n \n {product && renderProductInfo()}\n \n
\n )}\n {step === 'step-three' && renderStepThree()}\n \n
\n \n \n \n )\n}\n\nexport default CheckoutThankYou\n","import React, { useState, useEffect } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport axios from 'axios'\nimport cx from 'classnames'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\nimport UpscalesList from '../components/UpscalesList'\nimport Pagination from '../components/Pagination'\nimport Tabs from '../components/Tabs'\nimport BulkUploadsList from '../components/BulkUploadsList'\n\n// TODO: Cleanup\nconst Account = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const userEmail = useSelector((state) => state.user.userEmail)\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const userUpscaleExpirationTime = useSelector(\n (state) => state.user.userUpscaleExpirationTime\n )\n const [upscales, setUpscales] = useState([])\n const [bulkUploads, setBulkUploads] = useState([])\n const [page, setPage] = useState(1)\n const [totalPages, setTotalPages] = useState(1)\n const [tab, setTab] = useState({\n id: 'upscales',\n name: 'Upscales'\n })\n const [downloadStarted, setDownloadStarted] = useState(false)\n const perPage = 20\n const selectedUpscales = upscales.filter((u) => u.selected)\n\n const fetchUpscaleRequests = () => {\n axios\n .get(\n `/api/v1/upscale_requests?locale=${intl.locale}&page=${page}&per_page=${perPage}`\n )\n .then((response) => {\n setUpscales(\n response.data.upscale_requests.map((u) => ({ ...u, selected: false }))\n )\n setTotalPages(response.data.total_pages)\n })\n }\n\n const fetchBulkUploads = () => {\n axios\n .get(\n `/api/v1/bulk_uploads?locale=${intl.locale}&page=${page}&per_page=${perPage}`\n )\n .then((response) => {\n setBulkUploads(response.data.bulk_uploads)\n setTotalPages(response.data.total_pages)\n })\n }\n\n const deleteUpscaleRequest = (upscaleRequest) => {\n axios.delete(`/api/v1/upscale_requests/${upscaleRequest.id}`).then(() => {\n const newUpscales = upscales.filter((u) => u.id !== upscaleRequest.id)\n\n setUpscales(newUpscales)\n })\n }\n\n const bulkDownload = () => {\n if (downloadStarted) return\n\n const upscaleRequestIds = selectedUpscales.map((u) => u.id)\n\n setDownloadStarted(true)\n\n axios\n .post(\n '/api/v1/bulk_uploads/bulk_download.zip',\n {\n bulk_download: { upscale_request_ids: upscaleRequestIds }\n },\n {\n responseType: 'blob'\n }\n )\n .then((response) => {\n const blob = new Blob([response.data], { type: 'application/zip' })\n const downloadUrl = URL.createObjectURL(blob)\n const link = document.createElement('a')\n link.href = downloadUrl\n link.setAttribute('download', 'upscaler-bulk-download.zip')\n document.body.appendChild(link)\n link.click()\n setDownloadStarted(false)\n })\n }\n\n useEffect(() => {\n if (userLoaded && !userAuthenticated) {\n dispatch(push(generateRoute(intl.locale, 'routes.home')))\n } else if (userLoaded && userAuthenticated) {\n if (tab.id === 'bulks') {\n fetchBulkUploads()\n } else {\n fetchUpscaleRequests()\n }\n }\n }, [userLoaded, userAuthenticated, intl.locale, page, tab])\n\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n {\n dispatch(\n push(generateRoute(intl.locale, 'routes.home'))\n )\n dispatch(fetchUser())\n }}\n role=\"presentation\"\n >\n
\n \n
\n \n \n \n )\n}\n\nexport default Account\n","import React, { useEffect, useState } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport { useDispatch } from 'react-redux'\nimport cx from 'classnames'\nimport SocialFacebook from './icons/SocialFacebook'\nimport SocialLinkedin from './icons/SocialLinkedin'\nimport SocialInstagram from './icons/SocialInstagram'\nimport Download from './icons/Download'\nimport { startImageDownload } from '../actions/download'\nimport { generateRoute } from '../i18n/helpers'\nimport { getFileType, getRootUrl } from '../helpers'\nimport ModelType from './ModelType'\nimport Checkbox from './Checkbox'\n\nconst UpscalesListItem = ({\n deleteUpscaleRequest,\n push,\n toggleUpscaleRequestSelection,\n upscaleRequest\n}) => {\n const intl = useIntl()\n const [shouldDelete, setShouldDelete] = useState(false)\n const [deleteUpscaleRequestTimer, setDeleteUpscaleRequestTimer] =\n useState(null)\n const dispatch = useDispatch()\n const startDownload = (upscaleRequest) => {\n dispatch(startImageDownload(upscaleRequest))\n }\n\n const undoDeleteUpscaleRequest = () => {\n clearTimeout(deleteUpscaleRequestTimer)\n setDeleteUpscaleRequestTimer(null)\n }\n\n useEffect(() => {\n if (shouldDelete) {\n deleteUpscaleRequest(upscaleRequest)\n }\n }, [shouldDelete])\n\n return (\n \n
\n \n
\n \n )}\n \n {userAuthenticated && (\n <>\n \n
\n {\n setUpscales((allUpscales) =>\n allUpscales.map((u) => {\n if (upscale.id === u.id) {\n return { ...u, selected: !u.selected }\n }\n\n return u\n })\n )\n }}\n />\n )}\n {tab.id === 'bulks' && (\n \n
\n \n
\n {userEmail}
\n \n
\n \n {\n setTab(tab)\n setPage(1)\n }}\n tabs={[\n {\n id: 'upscales',\n name: 'Upscales'\n },\n {\n id: 'bulks',\n name: 'Bulk Uploads'\n }\n ]}\n />\n
\n\n {tab.id === 'upscales' && (\n \n {totalPages > 1 && (\n
\n \n {selectedUpscales.length > 0 && (\n \n
\n )}\n \n \n \n {upscaleRequest.scale}x\n
\n \n
\n \n
\n \n \n push(\n generateRoute(intl.locale, 'routes.preview', {\n requestId: upscaleRequest.id\n })\n )\n }\n />\n
\n \n
\n \n
\n \n \n \n {getFileType(upscaleRequest.original_image)}\n {' '}\n • {upscaleRequest.original_image_meta.width}x\n {upscaleRequest.original_image_meta.height} px\n
{' '}\n \n {getFileType(upscaleRequest.upscaled_image)}\n {' '}\n • {upscaleRequest.upscaled_image_meta.width}x\n {upscaleRequest.upscaled_image_meta.height} px\n
\n {' '}\n \n {getFileType(upscaleRequest.upscaled_image)}\n {' '}\n • {upscaleRequest.upscaled_image_meta.width}x\n {upscaleRequest.upscaled_image_meta.height} px\n
\n {\n push(\n generateRoute(intl.locale, 'routes.export', {\n requestId: upscaleRequest.id\n })\n )\n }}\n role=\"presentation\"\n >\n
\n \n \n \n {\n startDownload(upscaleRequest)\n }}\n role=\"presentation\"\n >\n
\n \n {!deleteUpscaleRequestTimer && (\n {\n const timer = setTimeout(() => setShouldDelete(true), 5000)\n\n setDeleteUpscaleRequestTimer(timer)\n }}\n />\n )}\n {deleteUpscaleRequestTimer && (\n
\n \n )\n}\n\nconst UpscalesList = ({\n deleteUpscaleRequest,\n toggleUpscaleRequestSelection,\n upscales\n}) => {\n const dispatch = useDispatch()\n\n return (\n \n
\n )}\n \n
\n )\n}\n\nexport default UpscalesList\n","import React from 'react'\nimport cx from 'classnames'\n\nconst Pagination = ({ currentPage, setPage, totalPages }) => (\n \n dispatch(push(url))}\n upscaleRequest={upscaleRequest}\n toggleUpscaleRequestSelection={() =>\n toggleUpscaleRequestSelection(upscaleRequest)\n }\n />\n ))}\n
\n \n \n
\n\n {upscales.map((upscaleRequest) => (\n \n
\n \n
\n \n
\n \n \n \n {Array.from({ length: totalPages }, (_, i) => i + 1).map((pageNumber) => (\n setPage(pageNumber)}\n key={pageNumber}\n >\n {pageNumber}\n
\n ))}\n \n)\n\nexport default Pagination\n","import React from 'react'\nimport cx from 'classnames'\n\nconst Tabs = ({ activeTab, onTabChange, tabs }) => (\n \n {tabs.map((tab) => (\n onTabChange(tab)}\n >\n {tab.name}\n
\n ))}\n \n)\n\nexport default Tabs\n","import React, { useState } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport { useDispatch } from 'react-redux'\nimport cx from 'classnames'\nimport Download from './icons/Download'\nimport { downloadFile } from '../actions/download'\nimport { generateRoute } from '../i18n/helpers'\nimport { countOccurrences, getFileType } from '../helpers'\nimport ModelType from './ModelType'\n\nconst BulkUploadsListItem = ({ bulkUpload }) => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const pushUrl = (url) => dispatch(push(url))\n const [downloadStarted, setDownloadStarted] = useState(false)\n const upscaleRequests = bulkUpload.upscale_requests.filter(\n (u) => u.upscaled_image\n )\n const counts = countOccurrences(\n upscaleRequests.map(\n (u) =>\n `${getFileType(u.original_image)} → ${getFileType(u.upscaled_image)}`\n )\n )\n const downloadDisabled =\n upscaleRequests.filter((u) => u.status === 'success').length === 0 ||\n downloadStarted\n\n return (\n \n
\n \n {upscaleRequests.length > 0 && (\n \n pushUrl(\n generateRoute(intl.locale, 'routes.bulk_upload_preview', {\n bulkUploadId: bulkUpload.id\n })\n )\n }\n />\n )}\n
\n \n \n pushUrl(\n generateRoute(intl.locale, 'routes.bulk_upload_preview', {\n bulkUploadId: bulkUpload.id\n })\n )\n }\n />\n
\n )}\n {upscaleRequests.length === 0 && (\n \n \n {bulkUpload.scale}x\n
\n \n
\n \n {Object.keys(counts).map((key) => (\n
\n {`${counts[key]}x ${key.toUpperCase()}`}
\n ))}\n \n
\n \n \n {\n if (!downloadDisabled) {\n setDownloadStarted(true)\n\n setTimeout(() => setDownloadStarted(false), 5000)\n\n downloadFile(\n `/api/v1/bulk_uploads/${bulkUpload.id}.zip`,\n () => {}\n )\n }\n }}\n role=\"presentation\"\n >\n
\n \n \n pushUrl(\n generateRoute(intl.locale, 'routes.bulk_upload_preview', {\n bulkUploadId: bulkUpload.id\n })\n )\n }\n >\n
\n \n )\n}\n\nconst BulkUploadsList = ({ bulkUploads }) => (\n \n
\n)\n\nexport default BulkUploadsList\n","import React, { useState, useEffect } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\nimport ReceiptsList from '../components/ReceiptsList'\n\nconst Receipts = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const userAuthenticated = useSelector((state) => state.user.userAuthenticated)\n const userEmail = useSelector((state) => state.user.userEmail)\n const userLoaded = useSelector((state) => state.user.userLoaded)\n const [receipts, setReceipts] = useState([])\n\n const fetchReceipts = () => {\n axios.get(`/users/receipts?locale=${intl.locale}`).then((response) => {\n setReceipts(response.data)\n })\n }\n\n useEffect(() => {\n if (userLoaded && !userAuthenticated) {\n dispatch(push(generateRoute(intl.locale, 'routes.home')))\n } else if (userLoaded && userAuthenticated) {\n fetchReceipts()\n }\n }, [userLoaded, userAuthenticated, intl.locale])\n\n return (\n \n
\n \n
\n\n {bulkUploads.map((bulkUpload) => (\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n )\n}\n\nexport default Receipts\n","import React from 'react'\nimport { FormattedMessage } from 'react-intl'\n\nconst ReceiptsList = ({ receipts }) => {\n const productImageUrl = (receipt) => {\n if (!receipt.paddle_product) {\n return ''\n }\n\n if (receipt.paddle_product.paddle_product === '647401') {\n return '/images/Avatar20@2x.png'\n } else if (receipt.paddle_product.paddle_product === '641075') {\n return '/images/Avatar50@2x.png'\n } else if (receipt.paddle_product.paddle_product === '647403') {\n return '/images/Avatar100@2x.png'\n } else if (receipt.paddle_product.paddle_product === '641076') {\n return '/images/Avatar500@2x.png'\n }\n\n return ''\n }\n\n return (\n \n
\n \n \n
\n \n {userAuthenticated && (\n <>\n \n
\n
\n \n
\n {userEmail}
\n \n
\n \n )\n}\n\nexport default ReceiptsList\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedMessage } from 'react-intl'\nimport queryString from 'query-string'\nimport Header from '../components/Header'\nimport Features from '../components/Features'\nimport Footer from '../components/Footer'\nimport UploadBox from '../components/UploadBox'\nimport YouDeserveATreat from '../components/YouDeserveATreat'\n\nconst PromoView = ({ location }) => {\n const queryParams = queryString.parse(location.search)\n const stockPhotoSecrets = !!queryParams.stockphotosecrets\n const serviceName = queryParams.service_name\n\n return (\n \n
\n ))}\n \n
\n\n {receipts.map((receipt) => (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {receipt.product_name}
\n {receipt.upscales}
\n \n {receipt.paddle_product ? `${receipt.paddle_product.price}` : ''}\n
\n \n
\n \n {\n const win = window.open(receipt.receipt_url, '_blank')\n win.focus()\n }}\n role=\"presentation\"\n >\n
\n \n
\n )\n}\n\nexport default PromoView\n","import React from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { ClientOnly } from './ClientOnly'\nimport LoginFormHorizontal from './LoginFormHorizontal'\n\nconst YouDeserveATreat = ({ location, serviceName }) => {\n const intl = useIntl()\n\n return (\n \n
\n\n \n \n \n
\n \n {stockPhotoSecrets && (\n
\n \n
\n \n
\n \n \n \n \n
\n )\n}\n\nexport default YouDeserveATreat\n","import React, { useState } from 'react'\nimport cx from 'classnames'\nimport { connect } from 'react-redux'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport queryString from 'query-string'\nimport Checkbox from '../components/Checkbox'\nimport { validateEmail, snakeCase } from '../helpers'\nimport { generateRoute } from '../i18n/helpers'\nimport { signUp, validateLoginCode } from '../actions/auth'\n\nconst LoginFormHorizontal = ({ errors, location, serviceName, signUpCb }) => {\n const intl = useIntl()\n const queryParams = queryString.parse(location.search)\n const [email, setEmail] = useState(queryParams.email || '')\n const [termsAndPrivacyAccepted, setTermsAndPrivacyAccepted] = useState(false)\n const formIsValid = termsAndPrivacyAccepted && validateEmail(email)\n\n return (\n \n {serviceName}\n }}\n />\n
\n \n
\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n errors: state.user.errors,\n userEmail: state.user.userEmail\n})\n\nconst mapDispatchToProps = (dispatch) => ({\n signUpCb: (\n email,\n termsAccepted,\n privacyAccepted,\n locale,\n afterSignUpUrl,\n referrer\n ) => {\n dispatch(\n signUp(\n email,\n termsAccepted,\n privacyAccepted,\n locale,\n afterSignUpUrl,\n referrer\n )\n )\n },\n validateLoginCodeCb: (email, loginCode) => {\n dispatch(validateLoginCode(email, loginCode))\n }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LoginFormHorizontal)\n","import React, { useState, useEffect } from 'react'\nimport axios from 'axios'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport BulkUpload from '../components/BulkUpload'\n\nconst BulkUploadPreview = ({ match }) => {\n const { bulkUploadId } = match.params\n const [isFetching, setIsFetching] = useState(true)\n const [bulkUpload, setBulkUpload] = useState(bulkUpload)\n\n useEffect(() => {\n axios.get(`/api/v1/bulk_uploads/${bulkUploadId}`).then((response) => {\n setBulkUpload(response.data)\n setIsFetching(false)\n })\n }, [bulkUploadId])\n\n return (\n \n
\n\n \n {/* eslint-disable-next-line */}\n \n 0\n })}\n value={email}\n onChange={(event) => setEmail(event.target.value)}\n placeholder={intl.formatMessage({\n id: 'report.enter_your_email'\n })}\n id=\"Email\"\n />\n {errors.map((error) => (\n
\n \n
\n ))}\n \n \n setTermsAndPrivacyAccepted(event.target.checked)\n }\n text={\n
\n \n {\n if (formIsValid) {\n signUpCb(\n email,\n true,\n true,\n intl.locale,\n generateRoute(intl.locale, 'routes.login'),\n `sharper-bigger-promo ${serviceName}`\n )\n }\n }}\n role=\"presentation\"\n >\n
\n \n
\n )\n}\n\nexport default BulkUploadPreview\n","import React from 'react'\nimport { useIntl, FormattedMessage } from 'react-intl'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { goBack, push } from 'connected-react-router'\nimport cx from 'classnames'\nimport { generateRoute } from '../i18n/helpers'\nimport { downloadFile } from '../actions/download'\nimport ModelType from './ModelType'\nimport BackBlue from './icons/BackBlue'\nimport { countOccurrences, getFileType } from '../helpers'\n\nconst BulkUpload = ({ bulkUpload }) => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const upscaleRequests = bulkUpload.upscale_requests\n const remainingUpscales = parseInt(\n useSelector((state) => state.user.userRemainingUpscales)\n )\n const pushUrl = (url) => dispatch(push(url))\n const downloadDisabled =\n upscaleRequests.filter((u) => u.status === 'success').length === 0\n const extractImageSizeFromMeta = (meta) => `${meta.width}x${meta.height} px`\n const counts = countOccurrences(\n upscaleRequests.map((u) => getFileType(u.upscaled_image))\n )\n const onGoBack = () => dispatch(goBack())\n\n return (\n \n
\n ))}\n \n\n \n \n downloadFile(\n upscaleRequest.download_image_link,\n () => {}\n )\n }\n className=\"bulk-upload__action\"\n >\n
\n \n )}\n \n \n {upscaleRequests.length},\n scale: {bulkUpload.scale}x,\n modelType: (\n \n
\n \n \n
\n \n \n \n
\n\n \n {upscaleRequests.map((upscaleRequest) => (\n \n \n {upscaleRequest.status === 'success' && (\n \n {upscaleRequest.file_name}\n \n \n {upscaleRequest.status === 'success' &&\n extractImageSizeFromMeta(\n upscaleRequest.original_image_meta\n )}\n {upscaleRequest.status == 'failure' && 'Processing failed'}\n \n \n {upscaleRequest.status === 'success' &&\n extractImageSizeFromMeta(\n upscaleRequest.upscaled_image_meta\n )}\n {upscaleRequest.status == 'failure' && 'Not upscaled'}\n \n \n {!['processing', 'success'].includes(upscaleRequest.status) &&\n 'N/A'}\n {upscaleRequest.status === 'processing' && (\n \n pushUrl(\n generateRoute(intl.locale, 'routes.preview', {\n requestId: upscaleRequest.id\n })\n )\n }\n className=\"bulk-upload__action\"\n >\n
{' '}\n •{' '}\n \n
\n \n\n \n \n
\n \n {Object.keys(counts)\n .map((key) => `${counts[key]}x ${key.toUpperCase()}`)\n .join(', ')}\n \n
\n \n \n {Object.keys(counts)\n .map((key) => `${counts[key]}x ${key.toUpperCase()}`)\n .join(', ')}\n \n
\n \n 'failure' === u.status\n ).length\n }}\n />\n \n
\n \n
\n \n \n
\n u.status !== 'failure'\n ).length\n }}\n />\n
\n \n
\n \n \n
\n {\n if (!downloadDisabled) {\n downloadFile(\n `/api/v1/bulk_uploads/${bulkUpload.id}.zip`,\n () => {}\n )\n }\n }}\n role=\"presentation\"\n >\n
\n \n \n \n )\n}\n\nexport default BulkUpload\n","import React, { useState } from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { useDispatch } from 'react-redux'\nimport { push } from 'connected-react-router'\nimport Header from '../components/Header'\nimport RadioButton from '../components/RadioButton'\nimport Footer from '../components/Footer'\nimport Message from '../components/Message'\nimport WarningSign from '../components/icons/WarningSign'\nimport Buoy from '../components/icons/Buoy'\nimport { generateRoute } from '../i18n/helpers'\n\nconst UpgradeView = () => {\n const intl = useIntl()\n const dispatch = useDispatch()\n const pushUrl = (url) => dispatch(push(url))\n const [plan, setPlan] = useState('20')\n const planOptions = [\n {\n id: 4,\n text: (\n \n \n
\n \n \n\n \n \n )\n}\n\nexport default UpgradeView\n","import React from 'react'\nimport { FormattedMessage, useIntl } from 'react-intl'\nimport { push } from 'connected-react-router'\nimport { connect } from 'react-redux'\nimport Header from '../components/Header'\nimport Footer from '../components/Footer'\nimport { generateRoute } from '../i18n/helpers'\nimport UploadBox from '../components/UploadBox'\n\nconst Pricing = ({ push }) => {\n const intl = useIntl()\n\n return (\n \n
\n \n \n
\n \n \n pushUrl(generateRoute(intl.locale, 'routes.home'))\n }\n role=\"presentation\"\n >\n
\n \n
\n\n \n \n
\n\n \n
\n\n \n
\n\n \n {\n setPlan(event.target.value)\n }}\n />\n
\n \n pushUrl(getButtonDestination())}\n role=\"presentation\"\n >\n {getButtonText()}\n
\n \n
\n )\n}\n\nexport default connect(null, { push })(Pricing)\n","import React from 'react'\nimport { FormattedMessage } from 'react-intl'\n\nconst DiscountGreen = () => (\n \n
\n \n \n \n
\n
\n\n \n
\n \n
\n \n Product upscaler for:\n \n Amazon\n \n \n Shopify\n \n \n WooCommerce\n \n \n PrestaShop\n \n
\n \n
\n\n \n \n
\n
\n \n \n
\n \n
\n - \n
- \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n - \n
\n \n
\n
\n \n
\n\n \n 2x\n
\n \n Upscaled 2x\n
\n \n \n
\n \n
\n\n \n \n
\n
\n \n
\n \n
\n\n \n
\n \n
\n \n 5k
\n \n
\n \n $350
\n \n $0.07
\n \n
\n \n
\n \n 10k
\n \n
\n \n $600
\n \n $0.06
\n \n
\n \n
\n \n 20k
\n \n
\n \n $1,000
\n \n $0.05
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n\n \n push(generateRoute(intl.locale, 'routes.contact'))}\n >\n
\n \n
\n \n \n
\n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n)\n\nexport default DiscountGreen\n","import React from 'react'\n\nconst Canva = (props) => (\n \n
\n \n
\n \n * \n *
\n * )}\n * Drag 'n' drop some files here, or click to select files
\n *\n * \n *
\n * )\n * }\n * ```\n *\n * @function useDropzone\n *\n * @param {object} props\n * @param {string|string[]} [props.accept] Set accepted file types.\n * See https://github.com/okonet/attr-accept for more information.\n * Keep in mind that mime type determination is not reliable across platforms. CSV files,\n * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under\n * Windows. In some cases there might not be a mime type set at all.\n * See: https://github.com/react-dropzone/react-dropzone/issues/276\n * @param {boolean} [props.multiple=true] Allow drag 'n' drop (or selection from the file dialog) of multiple files\n * @param {boolean} [props.preventDropOnDocument=true] If false, allow dropped items to take over the current browser window\n * @param {boolean} [props.noClick=false] If true, disables click to open the native file selection dialog\n * @param {boolean} [props.noKeyboard=false] If true, disables SPACE/ENTER to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n * @param {boolean} [props.noDrag=false] If true, disables drag 'n' drop\n * @param {boolean} [props.noDragEventsBubbling=false] If true, stops drag event propagation to parents\n * @param {number} [props.minSize=0] Minimum file size (in bytes)\n * @param {number} [props.maxSize=Infinity] Maximum file size (in bytes)\n * @param {boolean} [props.disabled=false] Enable/disable the dropzone\n * @param {getFilesFromEvent} [props.getFilesFromEvent] Use this to provide a custom file aggregator\n * @param {Function} [props.onFileDialogCancel] Cb for when closing the file dialog with no selection\n * @param {dragCb} [props.onDragEnter] Cb for when the `dragenter` event occurs.\n * @param {dragCb} [props.onDragLeave] Cb for when the `dragleave` event occurs\n * @param {dragCb} [props.onDragOver] Cb for when the `dragover` event occurs\n * @param {dropCb} [props.onDrop] Cb for when the `drop` event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n *\n * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.\n * `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.\n * If `multiple` is set to false and additional files are droppped,\n * all files besides the first will be rejected.\n * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.\n *\n * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.\n * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.\n *\n * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.\n * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:\n *\n * ```js\n * function onDrop(acceptedFiles) {\n * const req = request.post('/upload')\n * acceptedFiles.forEach(file => {\n * req.attach(file.name, file)\n * })\n * req.end(callback)\n * }\n * ```\n * @param {dropAcceptedCb} [props.onDropAccepted]\n * @param {dropRejectedCb} [props.onDropRejected]\n *\n * @returns {DropzoneState}\n */\n\nexport function useDropzone() {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n accept = _ref2.accept,\n _ref2$disabled = _ref2.disabled,\n disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,\n _ref2$getFilesFromEve = _ref2.getFilesFromEvent,\n getFilesFromEvent = _ref2$getFilesFromEve === void 0 ? fromEvent : _ref2$getFilesFromEve,\n _ref2$maxSize = _ref2.maxSize,\n maxSize = _ref2$maxSize === void 0 ? Infinity : _ref2$maxSize,\n _ref2$minSize = _ref2.minSize,\n minSize = _ref2$minSize === void 0 ? 0 : _ref2$minSize,\n _ref2$multiple = _ref2.multiple,\n multiple = _ref2$multiple === void 0 ? true : _ref2$multiple,\n onDragEnter = _ref2.onDragEnter,\n onDragLeave = _ref2.onDragLeave,\n onDragOver = _ref2.onDragOver,\n onDrop = _ref2.onDrop,\n onDropAccepted = _ref2.onDropAccepted,\n onDropRejected = _ref2.onDropRejected,\n onFileDialogCancel = _ref2.onFileDialogCancel,\n _ref2$preventDropOnDo = _ref2.preventDropOnDocument,\n preventDropOnDocument = _ref2$preventDropOnDo === void 0 ? true : _ref2$preventDropOnDo,\n _ref2$noClick = _ref2.noClick,\n noClick = _ref2$noClick === void 0 ? false : _ref2$noClick,\n _ref2$noKeyboard = _ref2.noKeyboard,\n noKeyboard = _ref2$noKeyboard === void 0 ? false : _ref2$noKeyboard,\n _ref2$noDrag = _ref2.noDrag,\n noDrag = _ref2$noDrag === void 0 ? false : _ref2$noDrag,\n _ref2$noDragEventsBub = _ref2.noDragEventsBubbling,\n noDragEventsBubbling = _ref2$noDragEventsBub === void 0 ? false : _ref2$noDragEventsBub;\n var rootRef = useRef(null);\n var inputRef = useRef(null);\n var _useReducer = useReducer(reducer, initialState),\n _useReducer2 = _slicedToArray(_useReducer, 2),\n state = _useReducer2[0],\n dispatch = _useReducer2[1];\n var isFocused = state.isFocused,\n isFileDialogActive = state.isFileDialogActive,\n draggedFiles = state.draggedFiles; // Fn for opening the file dialog programmatically\n\n var openFileDialog = useCallback(function () {\n if (inputRef.current) {\n dispatch({\n type: 'openDialog'\n });\n inputRef.current.value = null;\n inputRef.current.click();\n }\n }, [dispatch]); // Update file dialog active state when the window is focused on\n\n var onWindowFocus = function onWindowFocus() {\n // Execute the timeout only if the file dialog is opened in the browser\n if (isFileDialogActive) {\n setTimeout(function () {\n if (inputRef.current) {\n var files = inputRef.current.files;\n if (!files.length) {\n dispatch({\n type: 'closeDialog'\n });\n if (typeof onFileDialogCancel === 'function') {\n onFileDialogCancel();\n }\n }\n }\n }, 300);\n }\n };\n useEffect(function () {\n window.addEventListener('focus', onWindowFocus, false);\n return function () {\n window.removeEventListener('focus', onWindowFocus, false);\n };\n }, [inputRef, isFileDialogActive, onFileDialogCancel]); // Cb to open the file dialog when SPACE/ENTER occurs on the dropzone\n\n var onKeyDownCb = useCallback(function (event) {\n // Ignore keyboard events bubbling up the DOM tree\n if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {\n return;\n }\n if (event.keyCode === 32 || event.keyCode === 13) {\n event.preventDefault();\n openFileDialog();\n }\n }, [rootRef, inputRef]); // Update focus state for the dropzone\n\n var onFocusCb = useCallback(function () {\n dispatch({\n type: 'focus'\n });\n }, []);\n var onBlurCb = useCallback(function () {\n dispatch({\n type: 'blur'\n });\n }, []); // Cb to open the file dialog when click occurs on the dropzone\n\n var onClickCb = useCallback(function () {\n if (noClick) {\n return;\n } // In IE11/Edge the file-browser dialog is blocking, therefore, use setTimeout()\n // to ensure React can handle state changes\n // See: https://github.com/react-dropzone/react-dropzone/issues/450\n\n if (isIeOrEdge()) {\n setTimeout(openFileDialog, 0);\n } else {\n openFileDialog();\n }\n }, [inputRef, noClick]);\n var dragTargetsRef = useRef([]);\n var onDocumentDrop = function onDocumentDrop(event) {\n if (rootRef.current && rootRef.current.contains(event.target)) {\n // If we intercepted an event for our instance, let it propagate down to the instance's onDrop handler\n return;\n }\n event.preventDefault();\n dragTargetsRef.current = [];\n };\n useEffect(function () {\n if (preventDropOnDocument) {\n document.addEventListener('dragover', onDocumentDragOver, false);\n document.addEventListener('drop', onDocumentDrop, false);\n }\n return function () {\n if (preventDropOnDocument) {\n document.removeEventListener('dragover', onDocumentDragOver);\n document.removeEventListener('drop', onDocumentDrop);\n }\n };\n }, [rootRef, preventDropOnDocument]);\n var onDragEnterCb = useCallback(function (event) {\n event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done\n\n event.persist();\n stopPropagation(event);\n dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);\n if (isEvtWithFiles(event)) {\n Promise.resolve(getFilesFromEvent(event)).then(function (draggedFiles) {\n if (isPropagationStopped(event) && !noDragEventsBubbling) {\n return;\n }\n dispatch({\n draggedFiles: draggedFiles,\n isDragActive: true,\n type: 'setDraggedFiles'\n });\n if (onDragEnter) {\n onDragEnter(event);\n }\n });\n }\n }, [getFilesFromEvent, onDragEnter, noDragEventsBubbling]);\n var onDragOverCb = useCallback(function (event) {\n event.preventDefault();\n event.persist();\n stopPropagation(event);\n if (event.dataTransfer) {\n try {\n event.dataTransfer.dropEffect = 'copy';\n } catch (_unused) {}\n /* eslint-disable-line no-empty */\n }\n\n if (isEvtWithFiles(event) && onDragOver) {\n onDragOver(event);\n }\n return false;\n }, [onDragOver, noDragEventsBubbling]);\n var onDragLeaveCb = useCallback(function (event) {\n event.preventDefault();\n event.persist();\n stopPropagation(event); // Only deactivate once the dropzone and all children have been left\n\n var targets = dragTargetsRef.current.filter(function (target) {\n return rootRef.current && rootRef.current.contains(target);\n }); // Make sure to remove a target present multiple times only once\n // (Firefox may fire dragenter/dragleave multiple times on the same element)\n\n var targetIdx = targets.indexOf(event.target);\n if (targetIdx !== -1) {\n targets.splice(targetIdx, 1);\n }\n dragTargetsRef.current = targets;\n if (targets.length > 0) {\n return;\n }\n dispatch({\n isDragActive: false,\n type: 'setDraggedFiles',\n draggedFiles: []\n });\n if (isEvtWithFiles(event) && onDragLeave) {\n onDragLeave(event);\n }\n }, [rootRef, onDragLeave, noDragEventsBubbling]);\n var onDropCb = useCallback(function (event) {\n event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done\n\n event.persist();\n stopPropagation(event);\n dragTargetsRef.current = [];\n if (isEvtWithFiles(event)) {\n Promise.resolve(getFilesFromEvent(event)).then(function (files) {\n if (isPropagationStopped(event) && !noDragEventsBubbling) {\n return;\n }\n var acceptedFiles = [];\n var fileRejections = [];\n files.forEach(function (file) {\n var _fileAccepted = fileAccepted(file, accept),\n _fileAccepted2 = _slicedToArray(_fileAccepted, 2),\n accepted = _fileAccepted2[0],\n acceptError = _fileAccepted2[1];\n var _fileMatchSize = fileMatchSize(file, minSize, maxSize),\n _fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),\n sizeMatch = _fileMatchSize2[0],\n sizeError = _fileMatchSize2[1];\n if (accepted && sizeMatch) {\n acceptedFiles.push(file);\n } else {\n var errors = [acceptError, sizeError].filter(function (e) {\n return e;\n });\n fileRejections.push({\n file: file,\n errors: errors\n });\n }\n });\n if (!multiple && acceptedFiles.length > 1) {\n // Reject everything and empty accepted files\n acceptedFiles.forEach(function (file) {\n fileRejections.push({\n file: file,\n errors: [TOO_MANY_FILES_REJECTION]\n });\n });\n acceptedFiles.splice(0);\n }\n dispatch({\n acceptedFiles: acceptedFiles,\n fileRejections: fileRejections,\n type: 'setFiles'\n });\n if (onDrop) {\n onDrop(acceptedFiles, fileRejections, event);\n }\n if (fileRejections.length > 0 && onDropRejected) {\n onDropRejected(fileRejections, event);\n }\n if (acceptedFiles.length > 0 && onDropAccepted) {\n onDropAccepted(acceptedFiles, event);\n }\n });\n }\n dispatch({\n type: 'reset'\n });\n }, [multiple, accept, minSize, maxSize, getFilesFromEvent, onDrop, onDropAccepted, onDropRejected, noDragEventsBubbling]);\n var composeHandler = function composeHandler(fn) {\n return disabled ? null : fn;\n };\n var composeKeyboardHandler = function composeKeyboardHandler(fn) {\n return noKeyboard ? null : composeHandler(fn);\n };\n var composeDragHandler = function composeDragHandler(fn) {\n return noDrag ? null : composeHandler(fn);\n };\n var stopPropagation = function stopPropagation(event) {\n if (noDragEventsBubbling) {\n event.stopPropagation();\n }\n };\n var getRootProps = useMemo(function () {\n return function () {\n var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref3$refKey = _ref3.refKey,\n refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,\n onKeyDown = _ref3.onKeyDown,\n onFocus = _ref3.onFocus,\n onBlur = _ref3.onBlur,\n onClick = _ref3.onClick,\n onDragEnter = _ref3.onDragEnter,\n onDragOver = _ref3.onDragOver,\n onDragLeave = _ref3.onDragLeave,\n onDrop = _ref3.onDrop,\n rest = _objectWithoutProperties(_ref3, [\"refKey\", \"onKeyDown\", \"onFocus\", \"onBlur\", \"onClick\", \"onDragEnter\", \"onDragOver\", \"onDragLeave\", \"onDrop\"]);\n return _objectSpread(_defineProperty({\n onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),\n onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),\n onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),\n onClick: composeHandler(composeEventHandlers(onClick, onClickCb)),\n onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter, onDragEnterCb)),\n onDragOver: composeDragHandler(composeEventHandlers(onDragOver, onDragOverCb)),\n onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave, onDragLeaveCb)),\n onDrop: composeDragHandler(composeEventHandlers(onDrop, onDropCb))\n }, refKey, rootRef), !disabled && !noKeyboard ? {\n tabIndex: 0\n } : {}, {}, rest);\n };\n }, [rootRef, onKeyDownCb, onFocusCb, onBlurCb, onClickCb, onDragEnterCb, onDragOverCb, onDragLeaveCb, onDropCb, noKeyboard, noDrag, disabled]);\n var onInputElementClick = useCallback(function (event) {\n event.stopPropagation();\n }, []);\n var getInputProps = useMemo(function () {\n return function () {\n var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref4$refKey = _ref4.refKey,\n refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,\n onChange = _ref4.onChange,\n onClick = _ref4.onClick,\n rest = _objectWithoutProperties(_ref4, [\"refKey\", \"onChange\", \"onClick\"]);\n var inputProps = _defineProperty({\n accept: accept,\n multiple: multiple,\n type: 'file',\n style: {\n display: 'none'\n },\n onChange: composeHandler(composeEventHandlers(onChange, onDropCb)),\n onClick: composeHandler(composeEventHandlers(onClick, onInputElementClick)),\n autoComplete: 'off',\n tabIndex: -1\n }, refKey, inputRef);\n return _objectSpread({}, inputProps, {}, rest);\n };\n }, [inputRef, accept, multiple, onDropCb, disabled]);\n var fileCount = draggedFiles.length;\n var isDragAccept = fileCount > 0 && allFilesAccepted({\n files: draggedFiles,\n accept: accept,\n minSize: minSize,\n maxSize: maxSize,\n multiple: multiple\n });\n var isDragReject = fileCount > 0 && !isDragAccept;\n return _objectSpread({}, state, {\n isDragAccept: isDragAccept,\n isDragReject: isDragReject,\n isFocused: isFocused && !disabled,\n getRootProps: getRootProps,\n getInputProps: getInputProps,\n rootRef: rootRef,\n inputRef: inputRef,\n open: composeHandler(openFileDialog)\n });\n}\nfunction reducer(state, action) {\n /* istanbul ignore next */\n switch (action.type) {\n case 'focus':\n return _objectSpread({}, state, {\n isFocused: true\n });\n case 'blur':\n return _objectSpread({}, state, {\n isFocused: false\n });\n case 'openDialog':\n return _objectSpread({}, state, {\n isFileDialogActive: true\n });\n case 'closeDialog':\n return _objectSpread({}, state, {\n isFileDialogActive: false\n });\n case 'setDraggedFiles':\n /* eslint no-case-declarations: 0 */\n var isDragActive = action.isDragActive,\n draggedFiles = action.draggedFiles;\n return _objectSpread({}, state, {\n draggedFiles: draggedFiles,\n isDragActive: isDragActive\n });\n case 'setFiles':\n return _objectSpread({}, state, {\n acceptedFiles: action.acceptedFiles,\n fileRejections: action.fileRejections\n });\n case 'reset':\n return _objectSpread({}, state, {\n isFileDialogActive: false,\n isDragActive: false,\n draggedFiles: [],\n acceptedFiles: [],\n fileRejections: []\n });\n default:\n return state;\n }\n}","import React from 'react'\nimport Dropzone from 'react-dropzone'\nimport cx from 'classnames'\nimport { FormattedMessage } from 'react-intl'\nimport UploadSwitches from './UploadSwitches'\nimport GreenArrow from './icons/GreenArrow'\n\nconst UploaderDropzone = ({\n disabled = false,\n isPaidUser,\n model,\n onDrop,\n push,\n scale,\n setModel,\n setScale\n}) => {\n return (\n <>\n Drag and drop some files here, or click to select files
\n *\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n {isPaidUser ? (\n
\n \n
\n \n {\n setCookie(cookieName, true, {\n path: '/',\n expires: new Date(Date.now() + 60 * 60 * 1000) // time in ms\n })\n setDisplayConsent(false)\n }}\n />\n setHover(true)}\n onMouseLeave={() => setHover(false)}\n >\n
\n \n )\n}\n\nexport default ExclusiveDealDialog\n","import { useContext, useEffect, useState, useRef, useMemo } from 'react';\nimport CookiesContext from './CookiesContext';\nexport default function useCookies(dependencies) {\n var cookies = useContext(CookiesContext);\n if (!cookies) {\n throw new Error('Missing \n
\n \n
\n )\n}\n\nCanvaPromo.propTypes = {\n className: PropTypes.string\n}\n\nCanvaPromo.defaultProps = {\n className: 'banner'\n}\n\nexport default CanvaPromo\n","import React, { useState, useEffect } from 'react'\nimport GoToTop from './icons/GoToTop'\n\nconst GoToTopOfPageButton = () => {\n const [showScroll, setShowScroll] = useState(false)\n const checkScrollTop = () => {\n if (!showScroll && window.pageYOffset > 0) {\n setShowScroll(true)\n } else if (showScroll && window.pageYOffset <= 0) {\n setShowScroll(false)\n }\n }\n const scrollTop = () => {\n window.scrollTo({ top: 0, behavior: 'smooth' })\n }\n\n useEffect(() => {\n window.addEventListener('scroll', checkScrollTop)\n\n return () => window.removeEventListener('scroll', checkScrollTop)\n })\n\n return (\n \n
\n \n \n
\n \n
\n \n {wistiaMediaLoaded && wistiaExternalLoaded && (\n \n \n \n \n setVideoLoaded(true)}\n />\n
\n \n \n \n )}\n \n )\n}\n\nexport default ShutterstockVideo\n","import React from 'react'\n\nconst Supersmootth = (props) => (\n