\n \n {mentionedIn.map(({ url, img }) => (\n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./AsSeenIn.css\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\n\nimport Slider from \"react-slick\";\n\nimport { useRef } from \"react\";\nimport { LinksSection } from \"../../common/links-section/LinksSection\";\nimport { PressCarousel } from \"../../common/links-section/PressCarousel\";\n\ninterface Props {\n className?: string;\n}\n\nexport function AsSeenIn(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir()\n\n return (\n \n \n
\n ))}\n \n 
\n
\n \n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./Awards.css\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\n\nimport Slider from \"react-slick\";\nimport Config from \"../../../config\";\n\ninterface Props {\n className?: string;\n}\n\nexport function Awards(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir()\n\n const awards = [\n {\n img: Images.logos.awardsLufthansa,\n text: `${t(\"awards.lufthansa\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.awardsIata,\n text: `${t(\"awards.iata\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.awardsEmirates,\n text: `${t(\"awards.emirates\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.awardsPhocus,\n text: `${t(\"awards.phocus\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.awardsAirfrance,\n text: `${t(\"awards.airfrance\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.hangar51,\n text: `${t(\"awards.hangar51\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.businessAwards,\n text: `${t(\"awards.london-business\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.eit,\n text: `${t(\"awards.eit\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.travelHospitality,\n text: `${t(\"awards.travel-hospitality\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.aviation,\n text: `${t(\"awards.aviation-festival\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.ukbaa,\n text: `${t(\"awards.ukbaa-1\", { ns: ContentNS.business })}`,\n },\n {\n img: Images.logos.ukbaa,\n text: `${t(\"awards.ukbaa-2\", { ns: ContentNS.business })}`,\n },\n ];\n\n const settings = {\n dots: false,\n infinite: true,\n speed: 1000,\n // slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n autoplay: true,\n autoplaySpeed: Config.carouselDelay,\n centerMode: true,\n variableWidth: true,\n // adaptiveHeight: false,\n // mobileFirst: true,\n };\n\n return (\n \n {`${t(\"as-seen\", {ns: ContentNS.business})}`}\n
\n\n
\n );\n}\n","/*\n * anime.js v3.2.2\n * (c) 2023 Julian Garnier\n * Released under the MIT license\n * animejs.com\n */\n\n// Defaults\n\nvar defaultInstanceSettings = {\n update: null,\n begin: null,\n loopBegin: null,\n changeBegin: null,\n change: null,\n changeComplete: null,\n loopComplete: null,\n complete: null,\n loop: 1,\n direction: 'normal',\n autoplay: true,\n timelineOffset: 0\n};\n\nvar defaultTweenSettings = {\n duration: 1000,\n delay: 0,\n endDelay: 0,\n easing: 'easeOutElastic(1, .5)',\n round: 0\n};\n\nvar validTransforms = ['translateX', 'translateY', 'translateZ', 'rotate', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'perspective', 'matrix', 'matrix3d'];\n\n// Caching\n\nvar cache = {\n CSS: {},\n springs: {}\n};\n\n// Utils\n\nfunction minMax(val, min, max) {\n return Math.min(Math.max(val, min), max);\n}\n\nfunction stringContains(str, text) {\n return str.indexOf(text) > -1;\n}\n\nfunction applyArguments(func, args) {\n return func.apply(null, args);\n}\n\nvar is = {\n arr: function (a) { return Array.isArray(a); },\n obj: function (a) { return stringContains(Object.prototype.toString.call(a), 'Object'); },\n pth: function (a) { return is.obj(a) && a.hasOwnProperty('totalLength'); },\n svg: function (a) { return a instanceof SVGElement; },\n inp: function (a) { return a instanceof HTMLInputElement; },\n dom: function (a) { return a.nodeType || is.svg(a); },\n str: function (a) { return typeof a === 'string'; },\n fnc: function (a) { return typeof a === 'function'; },\n und: function (a) { return typeof a === 'undefined'; },\n nil: function (a) { return is.und(a) || a === null; },\n hex: function (a) { return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a); },\n rgb: function (a) { return /^rgb/.test(a); },\n hsl: function (a) { return /^hsl/.test(a); },\n col: function (a) { return (is.hex(a) || is.rgb(a) || is.hsl(a)); },\n key: function (a) { return !defaultInstanceSettings.hasOwnProperty(a) && !defaultTweenSettings.hasOwnProperty(a) && a !== 'targets' && a !== 'keyframes'; },\n};\n\n// Easings\n\nfunction parseEasingParameters(string) {\n var match = /\\(([^)]+)\\)/.exec(string);\n return match ? match[1].split(',').map(function (p) { return parseFloat(p); }) : [];\n}\n\n// Spring solver inspired by Webkit Copyright © 2016 Apple Inc. All rights reserved. https://webkit.org/demos/spring/spring.js\n\nfunction spring(string, duration) {\n\n var params = parseEasingParameters(string);\n var mass = minMax(is.und(params[0]) ? 1 : params[0], .1, 100);\n var stiffness = minMax(is.und(params[1]) ? 100 : params[1], .1, 100);\n var damping = minMax(is.und(params[2]) ? 10 : params[2], .1, 100);\n var velocity = minMax(is.und(params[3]) ? 0 : params[3], .1, 100);\n var w0 = Math.sqrt(stiffness / mass);\n var zeta = damping / (2 * Math.sqrt(stiffness * mass));\n var wd = zeta < 1 ? w0 * Math.sqrt(1 - zeta * zeta) : 0;\n var a = 1;\n var b = zeta < 1 ? (zeta * w0 + -velocity) / wd : -velocity + w0;\n\n function solver(t) {\n var progress = duration ? (duration * t) / 1000 : t;\n if (zeta < 1) {\n progress = Math.exp(-progress * zeta * w0) * (a * Math.cos(wd * progress) + b * Math.sin(wd * progress));\n } else {\n progress = (a + b * progress) * Math.exp(-progress * w0);\n }\n if (t === 0 || t === 1) { return t; }\n return 1 - progress;\n }\n\n function getDuration() {\n var cached = cache.springs[string];\n if (cached) { return cached; }\n var frame = 1/6;\n var elapsed = 0;\n var rest = 0;\n while(true) {\n elapsed += frame;\n if (solver(elapsed) === 1) {\n rest++;\n if (rest >= 16) { break; }\n } else {\n rest = 0;\n }\n }\n var duration = elapsed * frame * 1000;\n cache.springs[string] = duration;\n return duration;\n }\n\n return duration ? solver : getDuration;\n\n}\n\n// Basic steps easing implementation https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function\n\nfunction steps(steps) {\n if ( steps === void 0 ) steps = 10;\n\n return function (t) { return Math.ceil((minMax(t, 0.000001, 1)) * steps) * (1 / steps); };\n}\n\n// BezierEasing https://github.com/gre/bezier-easing\n\nvar bezier = (function () {\n\n var kSplineTableSize = 11;\n var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1 }\n function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1 }\n function C(aA1) { return 3.0 * aA1 }\n\n function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT }\n function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1) }\n\n function binarySubdivide(aX, aA, aB, mX1, mX2) {\n var currentX, currentT, i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) { aB = currentT; } else { aA = currentT; }\n } while (Math.abs(currentX) > 0.0000001 && ++i < 10);\n return currentT;\n }\n\n function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < 4; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) { return aGuessT; }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n }\n\n function bezier(mX1, mY1, mX2, mY2) {\n\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { return; }\n var sampleValues = new Float32Array(kSplineTableSize);\n\n if (mX1 !== mY1 || mX2 !== mY2) {\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n }\n\n function getTForX(aX) {\n\n var intervalStart = 0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n\n --currentSample;\n\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n var initialSlope = getSlope(guessForT, mX1, mX2);\n\n if (initialSlope >= 0.001) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n\n }\n\n return function (x) {\n if (mX1 === mY1 && mX2 === mY2) { return x; }\n if (x === 0 || x === 1) { return x; }\n return calcBezier(getTForX(x), mY1, mY2);\n }\n\n }\n\n return bezier;\n\n})();\n\nvar penner = (function () {\n\n // Based on jQuery UI's implemenation of easing equations from Robert Penner (http://www.robertpenner.com/easing)\n\n var eases = { linear: function () { return function (t) { return t; }; } };\n\n var functionEasings = {\n Sine: function () { return function (t) { return 1 - Math.cos(t * Math.PI / 2); }; },\n Expo: function () { return function (t) { return t ? Math.pow(2, 10 * t - 10) : 0; }; },\n Circ: function () { return function (t) { return 1 - Math.sqrt(1 - t * t); }; },\n Back: function () { return function (t) { return t * t * (3 * t - 2); }; },\n Bounce: function () { return function (t) {\n var pow2, b = 4;\n while (t < (( pow2 = Math.pow(2, --b)) - 1) / 11) {}\n return 1 / Math.pow(4, 3 - b) - 7.5625 * Math.pow(( pow2 * 3 - 2 ) / 22 - t, 2)\n }; },\n Elastic: function (amplitude, period) {\n if ( amplitude === void 0 ) amplitude = 1;\n if ( period === void 0 ) period = .5;\n\n var a = minMax(amplitude, 1, 10);\n var p = minMax(period, .1, 2);\n return function (t) {\n return (t === 0 || t === 1) ? t : \n -a * Math.pow(2, 10 * (t - 1)) * Math.sin((((t - 1) - (p / (Math.PI * 2) * Math.asin(1 / a))) * (Math.PI * 2)) / p);\n }\n }\n };\n\n var baseEasings = ['Quad', 'Cubic', 'Quart', 'Quint'];\n\n baseEasings.forEach(function (name, i) {\n functionEasings[name] = function () { return function (t) { return Math.pow(t, i + 2); }; };\n });\n\n Object.keys(functionEasings).forEach(function (name) {\n var easeIn = functionEasings[name];\n eases['easeIn' + name] = easeIn;\n eases['easeOut' + name] = function (a, b) { return function (t) { return 1 - easeIn(a, b)(1 - t); }; };\n eases['easeInOut' + name] = function (a, b) { return function (t) { return t < 0.5 ? easeIn(a, b)(t * 2) / 2 : \n 1 - easeIn(a, b)(t * -2 + 2) / 2; }; };\n eases['easeOutIn' + name] = function (a, b) { return function (t) { return t < 0.5 ? (1 - easeIn(a, b)(1 - t * 2)) / 2 : \n (easeIn(a, b)(t * 2 - 1) + 1) / 2; }; };\n });\n\n return eases;\n\n})();\n\nfunction parseEasings(easing, duration) {\n if (is.fnc(easing)) { return easing; }\n var name = easing.split('(')[0];\n var ease = penner[name];\n var args = parseEasingParameters(easing);\n switch (name) {\n case 'spring' : return spring(easing, duration);\n case 'cubicBezier' : return applyArguments(bezier, args);\n case 'steps' : return applyArguments(steps, args);\n default : return applyArguments(ease, args);\n }\n}\n\n// Strings\n\nfunction selectString(str) {\n try {\n var nodes = document.querySelectorAll(str);\n return nodes;\n } catch(e) {\n return;\n }\n}\n\n// Arrays\n\nfunction filterArray(arr, callback) {\n var len = arr.length;\n var thisArg = arguments.length >= 2 ? arguments[1] : void 0;\n var result = [];\n for (var i = 0; i < len; i++) {\n if (i in arr) {\n var val = arr[i];\n if (callback.call(thisArg, val, i, arr)) {\n result.push(val);\n }\n }\n }\n return result;\n}\n\nfunction flattenArray(arr) {\n return arr.reduce(function (a, b) { return a.concat(is.arr(b) ? flattenArray(b) : b); }, []);\n}\n\nfunction toArray(o) {\n if (is.arr(o)) { return o; }\n if (is.str(o)) { o = selectString(o) || o; }\n if (o instanceof NodeList || o instanceof HTMLCollection) { return [].slice.call(o); }\n return [o];\n}\n\nfunction arrayContains(arr, val) {\n return arr.some(function (a) { return a === val; });\n}\n\n// Objects\n\nfunction cloneObject(o) {\n var clone = {};\n for (var p in o) { clone[p] = o[p]; }\n return clone;\n}\n\nfunction replaceObjectProps(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o1) { o[p] = o2.hasOwnProperty(p) ? o2[p] : o1[p]; }\n return o;\n}\n\nfunction mergeObjects(o1, o2) {\n var o = cloneObject(o1);\n for (var p in o2) { o[p] = is.und(o1[p]) ? o2[p] : o1[p]; }\n return o;\n}\n\n// Colors\n\nfunction rgbToRgba(rgbValue) {\n var rgb = /rgb\\((\\d+,\\s*[\\d]+,\\s*[\\d]+)\\)/g.exec(rgbValue);\n return rgb ? (\"rgba(\" + (rgb[1]) + \",1)\") : rgbValue;\n}\n\nfunction hexToRgba(hexValue) {\n var rgx = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; } );\n var rgb = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n var r = parseInt(rgb[1], 16);\n var g = parseInt(rgb[2], 16);\n var b = parseInt(rgb[3], 16);\n return (\"rgba(\" + r + \",\" + g + \",\" + b + \",1)\");\n}\n\nfunction hslToRgba(hslValue) {\n var hsl = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g.exec(hslValue) || /hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*([\\d.]+)\\)/g.exec(hslValue);\n var h = parseInt(hsl[1], 10) / 360;\n var s = parseInt(hsl[2], 10) / 100;\n var l = parseInt(hsl[3], 10) / 100;\n var a = hsl[4] || 1;\n function hue2rgb(p, q, t) {\n if (t < 0) { t += 1; }\n if (t > 1) { t -= 1; }\n if (t < 1/6) { return p + (q - p) * 6 * t; }\n if (t < 1/2) { return q; }\n if (t < 2/3) { return p + (q - p) * (2/3 - t) * 6; }\n return p;\n }\n var r, g, b;\n if (s == 0) {\n r = g = b = l;\n } else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n return (\"rgba(\" + (r * 255) + \",\" + (g * 255) + \",\" + (b * 255) + \",\" + a + \")\");\n}\n\nfunction colorToRgb(val) {\n if (is.rgb(val)) { return rgbToRgba(val); }\n if (is.hex(val)) { return hexToRgba(val); }\n if (is.hsl(val)) { return hslToRgba(val); }\n}\n\n// Units\n\nfunction getUnit(val) {\n var split = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(val);\n if (split) { return split[1]; }\n}\n\nfunction getTransformUnit(propName) {\n if (stringContains(propName, 'translate') || propName === 'perspective') { return 'px'; }\n if (stringContains(propName, 'rotate') || stringContains(propName, 'skew')) { return 'deg'; }\n}\n\n// Values\n\nfunction getFunctionValue(val, animatable) {\n if (!is.fnc(val)) { return val; }\n return val(animatable.target, animatable.id, animatable.total);\n}\n\nfunction getAttribute(el, prop) {\n return el.getAttribute(prop);\n}\n\nfunction convertPxToUnit(el, value, unit) {\n var valueUnit = getUnit(value);\n if (arrayContains([unit, 'deg', 'rad', 'turn'], valueUnit)) { return value; }\n var cached = cache.CSS[value + unit];\n if (!is.und(cached)) { return cached; }\n var baseline = 100;\n var tempEl = document.createElement(el.tagName);\n var parentEl = (el.parentNode && (el.parentNode !== document)) ? el.parentNode : document.body;\n parentEl.appendChild(tempEl);\n tempEl.style.position = 'absolute';\n tempEl.style.width = baseline + unit;\n var factor = baseline / tempEl.offsetWidth;\n parentEl.removeChild(tempEl);\n var convertedUnit = factor * parseFloat(value);\n cache.CSS[value + unit] = convertedUnit;\n return convertedUnit;\n}\n\nfunction getCSSValue(el, prop, unit) {\n if (prop in el.style) {\n var uppercasePropName = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n var value = el.style[prop] || getComputedStyle(el).getPropertyValue(uppercasePropName) || '0';\n return unit ? convertPxToUnit(el, value, unit) : value;\n }\n}\n\nfunction getAnimationType(el, prop) {\n if (is.dom(el) && !is.inp(el) && (!is.nil(getAttribute(el, prop)) || (is.svg(el) && el[prop]))) { return 'attribute'; }\n if (is.dom(el) && arrayContains(validTransforms, prop)) { return 'transform'; }\n if (is.dom(el) && (prop !== 'transform' && getCSSValue(el, prop))) { return 'css'; }\n if (el[prop] != null) { return 'object'; }\n}\n\nfunction getElementTransforms(el) {\n if (!is.dom(el)) { return; }\n var str = el.style.transform || '';\n var reg = /(\\w+)\\(([^)]*)\\)/g;\n var transforms = new Map();\n var m; while (m = reg.exec(str)) { transforms.set(m[1], m[2]); }\n return transforms;\n}\n\nfunction getTransformValue(el, propName, animatable, unit) {\n var defaultVal = stringContains(propName, 'scale') ? 1 : 0 + getTransformUnit(propName);\n var value = getElementTransforms(el).get(propName) || defaultVal;\n if (animatable) {\n animatable.transforms.list.set(propName, value);\n animatable.transforms['last'] = propName;\n }\n return unit ? convertPxToUnit(el, value, unit) : value;\n}\n\nfunction getOriginalTargetValue(target, propName, unit, animatable) {\n switch (getAnimationType(target, propName)) {\n case 'transform': return getTransformValue(target, propName, animatable, unit);\n case 'css': return getCSSValue(target, propName, unit);\n case 'attribute': return getAttribute(target, propName);\n default: return target[propName] || 0;\n }\n}\n\nfunction getRelativeValue(to, from) {\n var operator = /^(\\*=|\\+=|-=)/.exec(to);\n if (!operator) { return to; }\n var u = getUnit(to) || 0;\n var x = parseFloat(from);\n var y = parseFloat(to.replace(operator[0], ''));\n switch (operator[0][0]) {\n case '+': return x + y + u;\n case '-': return x - y + u;\n case '*': return x * y + u;\n }\n}\n\nfunction validateValue(val, unit) {\n if (is.col(val)) { return colorToRgb(val); }\n if (/\\s/g.test(val)) { return val; }\n var originalUnit = getUnit(val);\n var unitLess = originalUnit ? val.substr(0, val.length - originalUnit.length) : val;\n if (unit) { return unitLess + unit; }\n return unitLess;\n}\n\n// getTotalLength() equivalent for circle, rect, polyline, polygon and line shapes\n// adapted from https://gist.github.com/SebLambla/3e0550c496c236709744\n\nfunction getDistance(p1, p2) {\n return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));\n}\n\nfunction getCircleLength(el) {\n return Math.PI * 2 * getAttribute(el, 'r');\n}\n\nfunction getRectLength(el) {\n return (getAttribute(el, 'width') * 2) + (getAttribute(el, 'height') * 2);\n}\n\nfunction getLineLength(el) {\n return getDistance(\n {x: getAttribute(el, 'x1'), y: getAttribute(el, 'y1')}, \n {x: getAttribute(el, 'x2'), y: getAttribute(el, 'y2')}\n );\n}\n\nfunction getPolylineLength(el) {\n var points = el.points;\n var totalLength = 0;\n var previousPos;\n for (var i = 0 ; i < points.numberOfItems; i++) {\n var currentPos = points.getItem(i);\n if (i > 0) { totalLength += getDistance(previousPos, currentPos); }\n previousPos = currentPos;\n }\n return totalLength;\n}\n\nfunction getPolygonLength(el) {\n var points = el.points;\n return getPolylineLength(el) + getDistance(points.getItem(points.numberOfItems - 1), points.getItem(0));\n}\n\n// Path animation\n\nfunction getTotalLength(el) {\n if (el.getTotalLength) { return el.getTotalLength(); }\n switch(el.tagName.toLowerCase()) {\n case 'circle': return getCircleLength(el);\n case 'rect': return getRectLength(el);\n case 'line': return getLineLength(el);\n case 'polyline': return getPolylineLength(el);\n case 'polygon': return getPolygonLength(el);\n }\n}\n\nfunction setDashoffset(el) {\n var pathLength = getTotalLength(el);\n el.setAttribute('stroke-dasharray', pathLength);\n return pathLength;\n}\n\n// Motion path\n\nfunction getParentSvgEl(el) {\n var parentEl = el.parentNode;\n while (is.svg(parentEl)) {\n if (!is.svg(parentEl.parentNode)) { break; }\n parentEl = parentEl.parentNode;\n }\n return parentEl;\n}\n\nfunction getParentSvg(pathEl, svgData) {\n var svg = svgData || {};\n var parentSvgEl = svg.el || getParentSvgEl(pathEl);\n var rect = parentSvgEl.getBoundingClientRect();\n var viewBoxAttr = getAttribute(parentSvgEl, 'viewBox');\n var width = rect.width;\n var height = rect.height;\n var viewBox = svg.viewBox || (viewBoxAttr ? viewBoxAttr.split(' ') : [0, 0, width, height]);\n return {\n el: parentSvgEl,\n viewBox: viewBox,\n x: viewBox[0] / 1,\n y: viewBox[1] / 1,\n w: width,\n h: height,\n vW: viewBox[2],\n vH: viewBox[3]\n }\n}\n\nfunction getPath(path, percent) {\n var pathEl = is.str(path) ? selectString(path)[0] : path;\n var p = percent || 100;\n return function(property) {\n return {\n property: property,\n el: pathEl,\n svg: getParentSvg(pathEl),\n totalLength: getTotalLength(pathEl) * (p / 100)\n }\n }\n}\n\nfunction getPathProgress(path, progress, isPathTargetInsideSVG) {\n function point(offset) {\n if ( offset === void 0 ) offset = 0;\n\n var l = progress + offset >= 1 ? progress + offset : 0;\n return path.el.getPointAtLength(l);\n }\n var svg = getParentSvg(path.el, path.svg);\n var p = point();\n var p0 = point(-1);\n var p1 = point(+1);\n var scaleX = isPathTargetInsideSVG ? 1 : svg.w / svg.vW;\n var scaleY = isPathTargetInsideSVG ? 1 : svg.h / svg.vH;\n switch (path.property) {\n case 'x': return (p.x - svg.x) * scaleX;\n case 'y': return (p.y - svg.y) * scaleY;\n case 'angle': return Math.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / Math.PI;\n }\n}\n\n// Decompose value\n\nfunction decomposeValue(val, unit) {\n // const rgx = /-?\\d*\\.?\\d+/g; // handles basic numbers\n // const rgx = /[+-]?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var rgx = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n var value = validateValue((is.pth(val) ? val.totalLength : val), unit) + '';\n return {\n original: value,\n numbers: value.match(rgx) ? value.match(rgx).map(Number) : [0],\n strings: (is.str(val) || unit) ? value.split(rgx) : []\n }\n}\n\n// Animatables\n\nfunction parseTargets(targets) {\n var targetsArray = targets ? (flattenArray(is.arr(targets) ? targets.map(toArray) : toArray(targets))) : [];\n return filterArray(targetsArray, function (item, pos, self) { return self.indexOf(item) === pos; });\n}\n\nfunction getAnimatables(targets) {\n var parsed = parseTargets(targets);\n return parsed.map(function (t, i) {\n return {target: t, id: i, total: parsed.length, transforms: { list: getElementTransforms(t) } };\n });\n}\n\n// Properties\n\nfunction normalizePropertyTweens(prop, tweenSettings) {\n var settings = cloneObject(tweenSettings);\n // Override duration if easing is a spring\n if (/^spring/.test(settings.easing)) { settings.duration = spring(settings.easing); }\n if (is.arr(prop)) {\n var l = prop.length;\n var isFromTo = (l === 2 && !is.obj(prop[0]));\n if (!isFromTo) {\n // Duration divided by the number of tweens\n if (!is.fnc(tweenSettings.duration)) { settings.duration = tweenSettings.duration / l; }\n } else {\n // Transform [from, to] values shorthand to a valid tween value\n prop = {value: prop};\n }\n }\n var propArray = is.arr(prop) ? prop : [prop];\n return propArray.map(function (v, i) {\n var obj = (is.obj(v) && !is.pth(v)) ? v : {value: v};\n // Default delay value should only be applied to the first tween\n if (is.und(obj.delay)) { obj.delay = !i ? tweenSettings.delay : 0; }\n // Default endDelay value should only be applied to the last tween\n if (is.und(obj.endDelay)) { obj.endDelay = i === propArray.length - 1 ? tweenSettings.endDelay : 0; }\n return obj;\n }).map(function (k) { return mergeObjects(k, settings); });\n}\n\n\nfunction flattenKeyframes(keyframes) {\n var propertyNames = filterArray(flattenArray(keyframes.map(function (key) { return Object.keys(key); })), function (p) { return is.key(p); })\n .reduce(function (a,b) { if (a.indexOf(b) < 0) { a.push(b); } return a; }, []);\n var properties = {};\n var loop = function ( i ) {\n var propName = propertyNames[i];\n properties[propName] = keyframes.map(function (key) {\n var newKey = {};\n for (var p in key) {\n if (is.key(p)) {\n if (p == propName) { newKey.value = key[p]; }\n } else {\n newKey[p] = key[p];\n }\n }\n return newKey;\n });\n };\n\n for (var i = 0; i < propertyNames.length; i++) loop( i );\n return properties;\n}\n\nfunction getProperties(tweenSettings, params) {\n var properties = [];\n var keyframes = params.keyframes;\n if (keyframes) { params = mergeObjects(flattenKeyframes(keyframes), params); }\n for (var p in params) {\n if (is.key(p)) {\n properties.push({\n name: p,\n tweens: normalizePropertyTweens(params[p], tweenSettings)\n });\n }\n }\n return properties;\n}\n\n// Tweens\n\nfunction normalizeTweenValues(tween, animatable) {\n var t = {};\n for (var p in tween) {\n var value = getFunctionValue(tween[p], animatable);\n if (is.arr(value)) {\n value = value.map(function (v) { return getFunctionValue(v, animatable); });\n if (value.length === 1) { value = value[0]; }\n }\n t[p] = value;\n }\n t.duration = parseFloat(t.duration);\n t.delay = parseFloat(t.delay);\n return t;\n}\n\nfunction normalizeTweens(prop, animatable) {\n var previousTween;\n return prop.tweens.map(function (t) {\n var tween = normalizeTweenValues(t, animatable);\n var tweenValue = tween.value;\n var to = is.arr(tweenValue) ? tweenValue[1] : tweenValue;\n var toUnit = getUnit(to);\n var originalValue = getOriginalTargetValue(animatable.target, prop.name, toUnit, animatable);\n var previousValue = previousTween ? previousTween.to.original : originalValue;\n var from = is.arr(tweenValue) ? tweenValue[0] : previousValue;\n var fromUnit = getUnit(from) || getUnit(originalValue);\n var unit = toUnit || fromUnit;\n if (is.und(to)) { to = previousValue; }\n tween.from = decomposeValue(from, unit);\n tween.to = decomposeValue(getRelativeValue(to, from), unit);\n tween.start = previousTween ? previousTween.end : 0;\n tween.end = tween.start + tween.delay + tween.duration + tween.endDelay;\n tween.easing = parseEasings(tween.easing, tween.duration);\n tween.isPath = is.pth(tweenValue);\n tween.isPathTargetInsideSVG = tween.isPath && is.svg(animatable.target);\n tween.isColor = is.col(tween.from.original);\n if (tween.isColor) { tween.round = 1; }\n previousTween = tween;\n return tween;\n });\n}\n\n// Tween progress\n\nvar setProgressValue = {\n css: function (t, p, v) { return t.style[p] = v; },\n attribute: function (t, p, v) { return t.setAttribute(p, v); },\n object: function (t, p, v) { return t[p] = v; },\n transform: function (t, p, v, transforms, manual) {\n transforms.list.set(p, v);\n if (p === transforms.last || manual) {\n var str = '';\n transforms.list.forEach(function (value, prop) { str += prop + \"(\" + value + \") \"; });\n t.style.transform = str;\n }\n }\n};\n\n// Set Value helper\n\nfunction setTargetsValue(targets, properties) {\n var animatables = getAnimatables(targets);\n animatables.forEach(function (animatable) {\n for (var property in properties) {\n var value = getFunctionValue(properties[property], animatable);\n var target = animatable.target;\n var valueUnit = getUnit(value);\n var originalValue = getOriginalTargetValue(target, property, valueUnit, animatable);\n var unit = valueUnit || getUnit(originalValue);\n var to = getRelativeValue(validateValue(value, unit), originalValue);\n var animType = getAnimationType(target, property);\n setProgressValue[animType](target, property, to, animatable.transforms, true);\n }\n });\n}\n\n// Animations\n\nfunction createAnimation(animatable, prop) {\n var animType = getAnimationType(animatable.target, prop.name);\n if (animType) {\n var tweens = normalizeTweens(prop, animatable);\n var lastTween = tweens[tweens.length - 1];\n return {\n type: animType,\n property: prop.name,\n animatable: animatable,\n tweens: tweens,\n duration: lastTween.end,\n delay: tweens[0].delay,\n endDelay: lastTween.endDelay\n }\n }\n}\n\nfunction getAnimations(animatables, properties) {\n return filterArray(flattenArray(animatables.map(function (animatable) {\n return properties.map(function (prop) {\n return createAnimation(animatable, prop);\n });\n })), function (a) { return !is.und(a); });\n}\n\n// Create Instance\n\nfunction getInstanceTimings(animations, tweenSettings) {\n var animLength = animations.length;\n var getTlOffset = function (anim) { return anim.timelineOffset ? anim.timelineOffset : 0; };\n var timings = {};\n timings.duration = animLength ? Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration; })) : tweenSettings.duration;\n timings.delay = animLength ? Math.min.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.delay; })) : tweenSettings.delay;\n timings.endDelay = animLength ? timings.duration - Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration - anim.endDelay; })) : tweenSettings.endDelay;\n return timings;\n}\n\nvar instanceID = 0;\n\nfunction createNewInstance(params) {\n var instanceSettings = replaceObjectProps(defaultInstanceSettings, params);\n var tweenSettings = replaceObjectProps(defaultTweenSettings, params);\n var properties = getProperties(tweenSettings, params);\n var animatables = getAnimatables(params.targets);\n var animations = getAnimations(animatables, properties);\n var timings = getInstanceTimings(animations, tweenSettings);\n var id = instanceID;\n instanceID++;\n return mergeObjects(instanceSettings, {\n id: id,\n children: [],\n animatables: animatables,\n animations: animations,\n duration: timings.duration,\n delay: timings.delay,\n endDelay: timings.endDelay\n });\n}\n\n// Core\n\nvar activeInstances = [];\n\nvar engine = (function () {\n var raf;\n\n function play() {\n if (!raf && (!isDocumentHidden() || !anime.suspendWhenDocumentHidden) && activeInstances.length > 0) {\n raf = requestAnimationFrame(step);\n }\n }\n function step(t) {\n // memo on algorithm issue:\n // dangerous iteration over mutable `activeInstances`\n // (that collection may be updated from within callbacks of `tick`-ed animation instances)\n var activeInstancesLength = activeInstances.length;\n var i = 0;\n while (i < activeInstancesLength) {\n var activeInstance = activeInstances[i];\n if (!activeInstance.paused) {\n activeInstance.tick(t);\n i++;\n } else {\n activeInstances.splice(i, 1);\n activeInstancesLength--;\n }\n }\n raf = i > 0 ? requestAnimationFrame(step) : undefined;\n }\n\n function handleVisibilityChange() {\n if (!anime.suspendWhenDocumentHidden) { return; }\n\n if (isDocumentHidden()) {\n // suspend ticks\n raf = cancelAnimationFrame(raf);\n } else { // is back to active tab\n // first adjust animations to consider the time that ticks were suspended\n activeInstances.forEach(\n function (instance) { return instance ._onDocumentVisibility(); }\n );\n engine();\n }\n }\n if (typeof document !== 'undefined') {\n document.addEventListener('visibilitychange', handleVisibilityChange);\n }\n\n return play;\n})();\n\nfunction isDocumentHidden() {\n return !!document && document.hidden;\n}\n\n// Public Instance\n\nfunction anime(params) {\n if ( params === void 0 ) params = {};\n\n\n var startTime = 0, lastTime = 0, now = 0;\n var children, childrenLength = 0;\n var resolve = null;\n\n function makePromise(instance) {\n var promise = window.Promise && new Promise(function (_resolve) { return resolve = _resolve; });\n instance.finished = promise;\n return promise;\n }\n\n var instance = createNewInstance(params);\n var promise = makePromise(instance);\n\n function toggleInstanceDirection() {\n var direction = instance.direction;\n if (direction !== 'alternate') {\n instance.direction = direction !== 'normal' ? 'normal' : 'reverse';\n }\n instance.reversed = !instance.reversed;\n children.forEach(function (child) { return child.reversed = instance.reversed; });\n }\n\n function adjustTime(time) {\n return instance.reversed ? instance.duration - time : time;\n }\n\n function resetTime() {\n startTime = 0;\n lastTime = adjustTime(instance.currentTime) * (1 / anime.speed);\n }\n\n function seekChild(time, child) {\n if (child) { child.seek(time - child.timelineOffset); }\n }\n\n function syncInstanceChildren(time) {\n if (!instance.reversePlayback) {\n for (var i = 0; i < childrenLength; i++) { seekChild(time, children[i]); }\n } else {\n for (var i$1 = childrenLength; i$1--;) { seekChild(time, children[i$1]); }\n }\n }\n\n function setAnimationsProgress(insTime) {\n var i = 0;\n var animations = instance.animations;\n var animationsLength = animations.length;\n while (i < animationsLength) {\n var anim = animations[i];\n var animatable = anim.animatable;\n var tweens = anim.tweens;\n var tweenLength = tweens.length - 1;\n var tween = tweens[tweenLength];\n // Only check for keyframes if there is more than one tween\n if (tweenLength) { tween = filterArray(tweens, function (t) { return (insTime < t.end); })[0] || tween; }\n var elapsed = minMax(insTime - tween.start - tween.delay, 0, tween.duration) / tween.duration;\n var eased = isNaN(elapsed) ? 1 : tween.easing(elapsed);\n var strings = tween.to.strings;\n var round = tween.round;\n var numbers = [];\n var toNumbersLength = tween.to.numbers.length;\n var progress = (void 0);\n for (var n = 0; n < toNumbersLength; n++) {\n var value = (void 0);\n var toNumber = tween.to.numbers[n];\n var fromNumber = tween.from.numbers[n] || 0;\n if (!tween.isPath) {\n value = fromNumber + (eased * (toNumber - fromNumber));\n } else {\n value = getPathProgress(tween.value, eased * toNumber, tween.isPathTargetInsideSVG);\n }\n if (round) {\n if (!(tween.isColor && n > 2)) {\n value = Math.round(value * round) / round;\n }\n }\n numbers.push(value);\n }\n // Manual Array.reduce for better performances\n var stringsLength = strings.length;\n if (!stringsLength) {\n progress = numbers[0];\n } else {\n progress = strings[0];\n for (var s = 0; s < stringsLength; s++) {\n var a = strings[s];\n var b = strings[s + 1];\n var n$1 = numbers[s];\n if (!isNaN(n$1)) {\n if (!b) {\n progress += n$1 + ' ';\n } else {\n progress += n$1 + b;\n }\n }\n }\n }\n setProgressValue[anim.type](animatable.target, anim.property, progress, animatable.transforms);\n anim.currentValue = progress;\n i++;\n }\n }\n\n function setCallback(cb) {\n if (instance[cb] && !instance.passThrough) { instance[cb](instance); }\n }\n\n function countIteration() {\n if (instance.remaining && instance.remaining !== true) {\n instance.remaining--;\n }\n }\n\n function setInstanceProgress(engineTime) {\n var insDuration = instance.duration;\n var insDelay = instance.delay;\n var insEndDelay = insDuration - instance.endDelay;\n var insTime = adjustTime(engineTime);\n instance.progress = minMax((insTime / insDuration) * 100, 0, 100);\n instance.reversePlayback = insTime < instance.currentTime;\n if (children) { syncInstanceChildren(insTime); }\n if (!instance.began && instance.currentTime > 0) {\n instance.began = true;\n setCallback('begin');\n }\n if (!instance.loopBegan && instance.currentTime > 0) {\n instance.loopBegan = true;\n setCallback('loopBegin');\n }\n if (insTime <= insDelay && instance.currentTime !== 0) {\n setAnimationsProgress(0);\n }\n if ((insTime >= insEndDelay && instance.currentTime !== insDuration) || !insDuration) {\n setAnimationsProgress(insDuration);\n }\n if (insTime > insDelay && insTime < insEndDelay) {\n if (!instance.changeBegan) {\n instance.changeBegan = true;\n instance.changeCompleted = false;\n setCallback('changeBegin');\n }\n setCallback('change');\n setAnimationsProgress(insTime);\n } else {\n if (instance.changeBegan) {\n instance.changeCompleted = true;\n instance.changeBegan = false;\n setCallback('changeComplete');\n }\n }\n instance.currentTime = minMax(insTime, 0, insDuration);\n if (instance.began) { setCallback('update'); }\n if (engineTime >= insDuration) {\n lastTime = 0;\n countIteration();\n if (!instance.remaining) {\n instance.paused = true;\n if (!instance.completed) {\n instance.completed = true;\n setCallback('loopComplete');\n setCallback('complete');\n if (!instance.passThrough && 'Promise' in window) {\n resolve();\n promise = makePromise(instance);\n }\n }\n } else {\n startTime = now;\n setCallback('loopComplete');\n instance.loopBegan = false;\n if (instance.direction === 'alternate') {\n toggleInstanceDirection();\n }\n }\n }\n }\n\n instance.reset = function() {\n var direction = instance.direction;\n instance.passThrough = false;\n instance.currentTime = 0;\n instance.progress = 0;\n instance.paused = true;\n instance.began = false;\n instance.loopBegan = false;\n instance.changeBegan = false;\n instance.completed = false;\n instance.changeCompleted = false;\n instance.reversePlayback = false;\n instance.reversed = direction === 'reverse';\n instance.remaining = instance.loop;\n children = instance.children;\n childrenLength = children.length;\n for (var i = childrenLength; i--;) { instance.children[i].reset(); }\n if (instance.reversed && instance.loop !== true || (direction === 'alternate' && instance.loop === 1)) { instance.remaining++; }\n setAnimationsProgress(instance.reversed ? instance.duration : 0);\n };\n\n // internal method (for engine) to adjust animation timings before restoring engine ticks (rAF)\n instance._onDocumentVisibility = resetTime;\n\n // Set Value helper\n\n instance.set = function(targets, properties) {\n setTargetsValue(targets, properties);\n return instance;\n };\n\n instance.tick = function(t) {\n now = t;\n if (!startTime) { startTime = now; }\n setInstanceProgress((now + (lastTime - startTime)) * anime.speed);\n };\n\n instance.seek = function(time) {\n setInstanceProgress(adjustTime(time));\n };\n\n instance.pause = function() {\n instance.paused = true;\n resetTime();\n };\n\n instance.play = function() {\n if (!instance.paused) { return; }\n if (instance.completed) { instance.reset(); }\n instance.paused = false;\n activeInstances.push(instance);\n resetTime();\n engine();\n };\n\n instance.reverse = function() {\n toggleInstanceDirection();\n instance.completed = instance.reversed ? false : true;\n resetTime();\n };\n\n instance.restart = function() {\n instance.reset();\n instance.play();\n };\n\n instance.remove = function(targets) {\n var targetsArray = parseTargets(targets);\n removeTargetsFromInstance(targetsArray, instance);\n };\n\n instance.reset();\n\n if (instance.autoplay) { instance.play(); }\n\n return instance;\n\n}\n\n// Remove targets from animation\n\nfunction removeTargetsFromAnimations(targetsArray, animations) {\n for (var a = animations.length; a--;) {\n if (arrayContains(targetsArray, animations[a].animatable.target)) {\n animations.splice(a, 1);\n }\n }\n}\n\nfunction removeTargetsFromInstance(targetsArray, instance) {\n var animations = instance.animations;\n var children = instance.children;\n removeTargetsFromAnimations(targetsArray, animations);\n for (var c = children.length; c--;) {\n var child = children[c];\n var childAnimations = child.animations;\n removeTargetsFromAnimations(targetsArray, childAnimations);\n if (!childAnimations.length && !child.children.length) { children.splice(c, 1); }\n }\n if (!animations.length && !children.length) { instance.pause(); }\n}\n\nfunction removeTargetsFromActiveInstances(targets) {\n var targetsArray = parseTargets(targets);\n for (var i = activeInstances.length; i--;) {\n var instance = activeInstances[i];\n removeTargetsFromInstance(targetsArray, instance);\n }\n}\n\n// Stagger helpers\n\nfunction stagger(val, params) {\n if ( params === void 0 ) params = {};\n\n var direction = params.direction || 'normal';\n var easing = params.easing ? parseEasings(params.easing) : null;\n var grid = params.grid;\n var axis = params.axis;\n var fromIndex = params.from || 0;\n var fromFirst = fromIndex === 'first';\n var fromCenter = fromIndex === 'center';\n var fromLast = fromIndex === 'last';\n var isRange = is.arr(val);\n var val1 = isRange ? parseFloat(val[0]) : parseFloat(val);\n var val2 = isRange ? parseFloat(val[1]) : 0;\n var unit = getUnit(isRange ? val[1] : val) || 0;\n var start = params.start || 0 + (isRange ? val1 : 0);\n var values = [];\n var maxValue = 0;\n return function (el, i, t) {\n if (fromFirst) { fromIndex = 0; }\n if (fromCenter) { fromIndex = (t - 1) / 2; }\n if (fromLast) { fromIndex = t - 1; }\n if (!values.length) {\n for (var index = 0; index < t; index++) {\n if (!grid) {\n values.push(Math.abs(fromIndex - index));\n } else {\n var fromX = !fromCenter ? fromIndex%grid[0] : (grid[0]-1)/2;\n var fromY = !fromCenter ? Math.floor(fromIndex/grid[0]) : (grid[1]-1)/2;\n var toX = index%grid[0];\n var toY = Math.floor(index/grid[0]);\n var distanceX = fromX - toX;\n var distanceY = fromY - toY;\n var value = Math.sqrt(distanceX * distanceX + distanceY * distanceY);\n if (axis === 'x') { value = -distanceX; }\n if (axis === 'y') { value = -distanceY; }\n values.push(value);\n }\n maxValue = Math.max.apply(Math, values);\n }\n if (easing) { values = values.map(function (val) { return easing(val / maxValue) * maxValue; }); }\n if (direction === 'reverse') { values = values.map(function (val) { return axis ? (val < 0) ? val * -1 : -val : Math.abs(maxValue - val); }); }\n }\n var spacing = isRange ? (val2 - val1) / maxValue : val1;\n return start + (spacing * (Math.round(values[i] * 100) / 100)) + unit;\n }\n}\n\n// Timeline\n\nfunction timeline(params) {\n if ( params === void 0 ) params = {};\n\n var tl = anime(params);\n tl.duration = 0;\n tl.add = function(instanceParams, timelineOffset) {\n var tlIndex = activeInstances.indexOf(tl);\n var children = tl.children;\n if (tlIndex > -1) { activeInstances.splice(tlIndex, 1); }\n function passThrough(ins) { ins.passThrough = true; }\n for (var i = 0; i < children.length; i++) { passThrough(children[i]); }\n var insParams = mergeObjects(instanceParams, replaceObjectProps(defaultTweenSettings, params));\n insParams.targets = insParams.targets || params.targets;\n var tlDuration = tl.duration;\n insParams.autoplay = false;\n insParams.direction = tl.direction;\n insParams.timelineOffset = is.und(timelineOffset) ? tlDuration : getRelativeValue(timelineOffset, tlDuration);\n passThrough(tl);\n tl.seek(insParams.timelineOffset);\n var ins = anime(insParams);\n passThrough(ins);\n children.push(ins);\n var timings = getInstanceTimings(children, params);\n tl.delay = timings.delay;\n tl.endDelay = timings.endDelay;\n tl.duration = timings.duration;\n tl.seek(0);\n tl.reset();\n if (tl.autoplay) { tl.play(); }\n return tl;\n };\n return tl;\n}\n\nanime.version = '3.2.1';\nanime.speed = 1;\n// TODO:#review: naming, documentation\nanime.suspendWhenDocumentHidden = true;\nanime.running = activeInstances;\nanime.remove = removeTargetsFromActiveInstances;\nanime.get = getOriginalTargetValue;\nanime.set = setTargetsValue;\nanime.convertPx = convertPxToUnit;\nanime.path = getPath;\nanime.setDashoffset = setDashoffset;\nanime.stagger = stagger;\nanime.timeline = timeline;\nanime.easing = parseEasings;\nanime.penner = penner;\nanime.random = function (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; };\n\nexport default anime;\n","import \"./NumberBanner.css\";\n\ninterface NumberBannerProps {\n value: number;\n icon: React.ReactNode;\n title: string;\n mobileTitle?: string;\n}\n\nexport default function NumberBanner(p: NumberBannerProps) {\n return (\n \n
\n {`${t(\"awards.title\", {\n ns: ContentNS.business,\n }).toUpperCase()}`}
\n\n\n \n {awards.map(({ img, text }) => (\n \n
\n \n
\n ))}\n \n
\n {text}
\n \n
\n );\n}\n","import \"./BigNumberBanners.css\";\n\nimport anime from \"animejs/lib/anime.es.js\";\nimport { use } from \"i18next\";\nimport { DOMElement, ReactNode, useEffect, useRef } from \"react\";\n\nimport Images from \"../../../../assets/images\";\nimport Content from \"../../../../content/content\";\nimport NumberBanner from \"./NumberBanner\";\n\nexport default function BigNumberBanners() {\n const t = Content.shared.t;\n const isCountingUpRef = useRef(false);\n\n function countUp(el: Element, target: number) {\n console.log(\"counting up:\", target);\n let data = { count: 0 };\n\n anime({\n targets: data,\n count: [0, target],\n duration: 3000,\n round: 1,\n delay: 200,\n easing: \"easeOutCubic\",\n update() {\n (el as HTMLParagraphElement).innerText =\n `${data.count.toLocaleString()}+`;\n },\n });\n }\n\n function makeCountUp(el: Element) {\n if (!el) {\n return;\n }\n const text = el.textContent;\n\n if (!text) {\n return;\n }\n const target = parseInt(text, 10);\n\n const io = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.intersectionRatio > 0) {\n countUp(el, target);\n io.unobserve(entry.target);\n }\n });\n });\n\n io.observe(el);\n }\n\n useEffect(() => {\n if (isCountingUpRef.current) {\n return;\n }\n isCountingUpRef.current = true;\n\n const els = document.querySelectorAll(\".big-number\");\n els.forEach(makeCountUp);\n }, []);\n\n return (\n \n
\n {`${p.value}+`}
\n {p.icon}\n{p.title}
\n{p.mobileTitle || \"\"}
\n\n
\n );\n}\n","const location = window.location;\n\nexport const extenalLinks = {\n privacyNotice: `${location.origin}/privacy-notice/${location.search}`,\n termsAndConditions: `${location.origin}/terms-and-conditions/${location.search}`,\n cookiesPolicy: `${location.origin}/cookies-policy/${location.search}`,\n b2bnews1:\n \"https://www.breakingtravelnews.com/news/article/airlines-leaving-half-a-billion-pounds-on-the-table-new-data-reveals/\",\n b2bnews2:\n \"https://www.phocuswire.com/westjet-trial-zamna-tech-accelerate-passenger-check-in\",\n b2bnews3:\n \"https://www.sita.aero/pressroom/news-releases/sita-partners-with-zamna-to-digitise-travel-processes-for-airlines-airports-and-governments/\",\n b2bnews4:\n \"https://www.intelligentcio.com/north-america/2023/03/08/zamna-partners-with-westjet-to-accelerate-seamless-passenger-check-in/\",\n linkedin: \"https://www.linkedin.com/company/zamna/\",\n medium: \"https://zamna.medium.com/\",\n};\n","import \"../../../App.css\";\nimport \"./BusinessFooter.css\";\n\nimport clsx from \"clsx\";\n\nimport Images from \"../../../assets/images\";\nimport Content, { ContentNS } from \"../../../content/content\";\nimport { extenalLinks } from \"../../../content/external-links\";\n\nexport default function BusinessFooter() {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n\n return (\n \n );\n}\n","import \"../../../App.css\";\nimport \"./BusinessPageIntro.css\";\n\nimport { Fragment } from \"react\";\n\nimport Images from \"../../../assets/images\";\nimport Content, { ContentNS } from \"../../../content/content\";\n\ninterface Props {\n className?: string;\n}\n\nexport function BusinessPageIntro(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n\n return (\n \n
\n \n \n {`${t(\"motto\", { ns: ContentNS.business })}`}\n
\n\n
\n \n {`${t(\"motto-description-1\", { ns: ContentNS.business })}`}\n
\n \n {`${t(\"motto-description-2\", {\n ns: ContentNS.business,\n })}`}\n
\n {`${t(\"demo-page-button\")}`}
\n\n
\n );\n}\n","import \"./WeAreGlobal.css\";\n\nimport Images from \"../../../assets/images\";\nimport Content, { ContentNS } from \"../../../content/content\";\n\nexport default function WeAreGlobal() {\n const text = (s: string) => Content.shared.t(s, { ns: ContentNS.main });\n\n return (\n \n
\n \n {`${t(\"got-question\", { ns: ContentNS.business })}`}\n
\n \n
\n \n 
\n\n \n hello@zamna.com\n \n
\n \n
\n \n \n 
\n
\n linkedin
\n \n \n \n
\n );\n}\n","import clsx from \"clsx\";\nimport { Fragment, TouchEvent, useEffect, useRef, useState } from \"react\";\nimport Images from \"../../assets/images\";\nimport { isMobileDevice } from \"../../utils\";\nimport \"./QuotesSlider.css\";\n\nlet waitThrottle = false;\n\nconst isMobile = isMobileDevice();\n\nconst SLIDE_REPLICAS_COUNT = 8;\nconst SLIDE_WIDTH = isMobile ? 343 : 456;\nconst SLIDE_MARGIN = 12;\n\nconst BASE_SLIDER_WIDTH = isMobile ? 375 : 1440;\nconst BASE_SLIDER_HEIGHT = isMobile ? 420 : 360;\n\nconst TOUCH_SWIPE_THRESHOLD = 60;\nconst TOUCH_VERTICAL_SWIPE_THRESHOLD = 40;\nconst TOUCH_MOVE_THRESHOLD = 0;\n\ninterface Quote {\n id?: string;\n text: string;\n logo: string;\n jobTitle: string;\n}\n\nconst quotes: Quote[] = [\n {\n text: \"That is what is missing - a [super secure] centralised passport repository, worldwide.\",\n logo: Images.quotesLogos.caribbean,\n jobTitle: \"CIO\",\n },\n {\n text: \"With Zamna technology powering verification requirements for check-in on select flights between Canada and London UK, our guests will enjoy complete assurance that their travel documents are fully compliant in order to fly.\",\n logo: Images.quotesLogos.westjet,\n jobTitle: \"VP Guest Experience\",\n },\n {\n text: \"Totally get the value prop to the airlines, an authoritative source that can automate and digitally take care of what’s now a manual and human process. No brainer, totally get it.\",\n logo: Images.quotesLogos.travelPort,\n jobTitle: \"Vice President\",\n },\n {\n text: \"Knowing the complexities of airline logistics, I can say Zamna's technology is a game-changer. It streamlines doc checks before passengers even arrive at the airport. Allowing airlines to steer clear of unnecessary fees, significantly saving time and resources.\",\n logo: Images.quotesLogos.canaero,\n jobTitle: \"Former Director\",\n },\n {\n text: \"I’m very interested because I’ve been talking to the big guys and everything [rules, documentation, regs] is becoming more complicated.\",\n logo: Images.quotesLogos.airArabia,\n jobTitle: \"Head of IT\",\n },\n {\n text: \"There’s nothing expected from the passenger to do. So that’s a competitive advantage for your company.\",\n logo: Images.quotesLogos.ethiopian,\n jobTitle: \"Senior Customer Service Officer\",\n },\n\n // {\n // text: \"6\",\n // logo: Images.quotesLogos.ba,\n // jobTitle: \"string\",\n // },\n];\n\nlet startItems: Quote[] = [];\n\nfor (let i = 0; i < SLIDE_REPLICAS_COUNT; i++) {\n const quotesWithIds: Quote[] = quotes.map((q, j) => {\n return { ...q, id: `quote-${i}-${j}` };\n });\n startItems = [...startItems, ...quotesWithIds];\n}\n\nconst startingSlideIdx = Math.ceil((SLIDE_REPLICAS_COUNT * quotes.length) / 2);\n\ninterface LocalState {\n items: Quote[];\n slideIdx: number;\n stripPositionLeft: number;\n touchStartX: number;\n translateX: number;\n}\n\nexport default function QuotesSlider() {\n const touchStartXRef = useRef(0);\n const touchStartYRef = useRef(0);\n const touchCurrentXRef = useRef(0);\n const touchCurrentYRef = useRef(0);\n const leftPositionOnTouchStart = useRef(0);\n const sliderStripRef = useRef(null);\n const leftPositionRef = useRef(0);\n\n if (isMobile) {\n leftPositionRef.current = -SLIDE_WIDTH - SLIDE_MARGIN * 1.6\n } else if (window.innerWidth < BASE_SLIDER_WIDTH){\n leftPositionRef.current = Math.round((window.innerWidth - BASE_SLIDER_WIDTH) / 2);\n }\n\n const initialTranslateX = -startingSlideIdx * (SLIDE_WIDTH + 2 * SLIDE_MARGIN) + leftPositionRef.current\n\n const translateXRef = useRef(initialTranslateX);\n\n // translateXRef.current =\n\n const [state, _setState] = useState\n \n {items.map((q, i) => {\n return (\n \n
\n );\n })}\n \n\n \n \n \n {q.text}
\n \n
\n {q.jobTitle}
\n \n
\n \n \n );\n\n // todo: handle exceptions\n function handleTouchStart(e: any) {\n touchCurrentXRef.current = e.touches[0].clientX;\n touchCurrentYRef.current = e.touches[0].clientY;\n\n const TOUCH_START_THRESHOLD = 30;\n\n if (!sliderStripRef.current) {\n return;\n }\n\n (sliderStripRef.current as HTMLDivElement).classList.add(\n \"without-transition\"\n );\n\n if (\n Math.abs(touchStartXRef.current - touchCurrentXRef.current) <\n TOUCH_START_THRESHOLD\n ) {\n return;\n }\n\n touchStartXRef.current = e.touches[0].clientX;\n touchStartYRef.current = e.touches[0].clientY;\n leftPositionOnTouchStart.current = stateRef.current.stripPositionLeft;\n }\n\n function handleTouchEnd(e: any) {\n if (!sliderStripRef.current) {\n return;\n }\n\n const diff = touchStartXRef.current - touchCurrentXRef.current;\n\n const direction =\n Math.abs(diff) < TOUCH_SWIPE_THRESHOLD ? 0 : Math.sign(diff);\n\n (sliderStripRef.current as HTMLDivElement).classList.remove(\n \"without-transition\"\n );\n\n translateXRef.current =\n -(stateRef.current.slideIdx + direction) *\n (SLIDE_WIDTH + 2 * SLIDE_MARGIN) +\n leftPositionRef.current;\n\n setState({\n ...stateRef.current,\n slideIdx: stateRef.current.slideIdx + direction,\n translateX: translateXRef.current,\n });\n }\n\n function handleTouchMove(e: any) {\n // e.preventDefault()\n const x = e.touches[0].clientX;\n const y = e.touches[0].clientY;\n\n const diffX = touchStartXRef.current - touchCurrentXRef.current;\n const diffY = touchStartYRef.current - touchCurrentYRef.current;\n\n // console.log(\"moving, translateX, diff:\", translateXRef.current, stateRef.current, diffX, diffY);\n\n // if (Math.abs(diffY) < TOUCH_VERTICAL_SWIPE_THRESHOLD) {\n // e.preventDefault()\n // }\n\n // console.log(\"diff, slideIdx:\", diffX, stateRef.current.slideIdx);\n\n if (\n (diffX < 0 && stateRef.current.slideIdx <= 0) ||\n (diffX > 0 &&\n stateRef.current.slideIdx >=\n Math.ceil(SLIDE_REPLICAS_COUNT * quotes.length - 3))\n ) {\n return;\n }\n\n touchCurrentXRef.current = x;\n touchCurrentYRef.current = y;\n\n if (Math.abs(diffX)< TOUCH_MOVE_THRESHOLD) {\n return\n }\n\n setState({\n ...stateRef.current,\n translateX: translateXRef.current - diffX,\n });\n }\n\n function adjustPosition() {\n const slider = document.getElementById(\"q-slider\");\n if (!slider) {\n return;\n }\n\n slider.addEventListener(\"touchstart\", handleTouchStart);\n slider.addEventListener(\"touchmove\", handleTouchMove);\n slider.addEventListener(\"touchend\", handleTouchEnd);\n\n return () => {\n slider.removeEventListener(\"touchstart\", handleTouchStart);\n slider.removeEventListener(\"touchmove\", handleTouchMove);\n };\n }\n\n function navigateToSlide(knobIdx: number) {\n const diff = knobIdx - ((slideIdx + 1) % quotes.length);\n\n // todo, check not current slide idx but wiht diff already\n if (\n (diff < 0 && stateRef.current.slideIdx === 0) ||\n (diff > 0 &&\n stateRef.current.slideIdx >=\n Math.ceil(SLIDE_REPLICAS_COUNT * quotes.length - 3))\n ) {\n return;\n }\n\n translateXRef.current =\n -(slideIdx + diff) * (SLIDE_WIDTH + 2 * SLIDE_MARGIN) +\n leftPositionRef.current;\n\n setState({\n ...state,\n slideIdx: slideIdx + diff,\n translateX: translateXRef.current,\n });\n }\n\n function nextSlide() {\n if (slideIdx === Math.ceil(SLIDE_REPLICAS_COUNT * quotes.length - 3)) {\n return;\n }\n\n setState({\n ...state,\n slideIdx: slideIdx + 1,\n translateX:\n -(slideIdx + 1) * (SLIDE_WIDTH + 2 * SLIDE_MARGIN) +\n leftPositionRef.current,\n });\n }\n\n function previousSlide() {\n if (slideIdx === 0) {\n return;\n }\n setState({\n ...state,\n slideIdx: slideIdx - 1,\n translateX:\n -(slideIdx - 1) * (SLIDE_WIDTH + 2 * SLIDE_MARGIN) +\n leftPositionRef.current,\n });\n }\n}\n","export function isMobileDevice() {\n let check = false;\n (function (a) {\n if (\n /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(\n a\n ) ||\n /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\n a.substr(0, 4)\n )\n )\n check = true;\n })(navigator.userAgent || navigator.vendor);\n return check;\n}\n\nexport function capitalizeFirstLetter(s: string) {\n return s.charAt(0).toUpperCase() + s.slice(1);\n}\n","import \"../../../App.css\";\nimport \"./WhatClientsSay.css\";\n\nimport clsx from \"clsx\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport QuotesSlider from \"../../quotes-slider/QuotesSlider\";\n\ninterface Props {\n className?: string;\n}\n\nexport function WhatClientsSay(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n\n return (\n \n {quotes.map((q, idx) => {\n return (\n navigateToSlide(idx)}\n >\n
\n );\n })}\n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./WhatWeDo.css\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport Images from \"../../../assets/images\";\nimport { useEffect, useRef } from \"react\";\nimport { useAppStore } from \"../../../stores/app-store\";\n\ninterface Props {\n className?: string;\n}\n\nexport function WhatWeDo(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n const language = useAppStore((state) => state.language);\n const videoRef = useRef\n {`${t(\"clients-say\", { ns: ContentNS.business })}`}\n
\n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./WeWork.css\";\n\nimport clsx from \"clsx\";\nimport Slider from \"react-slick\";\n\nimport Images from \"../../../assets/images\";\nimport Config from \"../../../config\";\nimport Content, { ContentNS } from \"../../../content/content\";\n\ninterface Props {\n className?: string;\n}\n\nexport function WeWork(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n\n const partners = [\n { img: Images.logos.b2bIag },\n { img: Images.logos.b2bAaco },\n { img: Images.logos.b2bIcao },\n { img: Images.logos.b2bIco },\n { img: Images.logos.b2bWestJet },\n { img: Images.logos.b2bVolaris },\n { img: Images.logos.b2bBa },\n ];\n\n const settings = {\n dots: false,\n infinite: true,\n speed: 1000,\n // slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n autoplay: true,\n autoplaySpeed: Config.carouselDelay,\n centerMode: true,\n variableWidth: true,\n };\n\n return (\n {`${t(\"what-we-do\", {\n ns: ContentNS.business,\n })}`}
\n\n \n
\n\n \n \n
\n {`${t(\"start-saving\", {\n ns: ContentNS.business,\n })}`}
\n \n
\n );\n}\n","import { useAppStore } from \"../../stores/app-store\";\nimport { AsSeenIn } from \"./as-seen-in/AsSeenIn\";\nimport { Awards } from \"./awards/Awards\";\nimport BigNumberBanners from \"./big-numbers-banners/components/BigNumberBanners\";\nimport BusinessFooter from \"./business-footer/BusinessFooter\";\nimport { BusinessPageIntro } from \"./business-page-intro/BusinessPageIntro\";\nimport LiveDemosButton from \"./demo-page-button/DemoPageButton\";\nimport GotQuestions from \"./got-questions/GotQuestions\";\nimport WeAreGlobal from \"./we-are-global/WeAreGlobal\";\nimport { WhatClientsSay } from \"./what-clients-say/WhatClientsSay\";\nimport { WhatWeDo } from \"./what-we-do/WhatWeDo\";\nimport { WeWork } from \"./who-we-work-with/WeWork\";\n\nexport function BusinessPage() {\n const lang = useAppStore((state) => state.language);\n\n return (\n {`${t(\"we-work-with\", {\n ns: ContentNS.business,\n }).toUpperCase()}`}
\n\n\n \n {partners.map(({ img }) => (\n \n
\n \n
\n ))}\n \n
\n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./ScanningIsNotEnoughVideo.css\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport Images from \"../../../assets/images\";\nimport { useEffect, useRef } from \"react\";\n\ninterface Props {\n className?: string;\n}\n\nexport function ScanningIsNotEnoughVideo(p: Props) {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n const videoRef = useRef\n
\n );\n}\n","import { useAppStore } from \"../../stores/app-store\";\nimport BusinessFooter from \"./business-footer/BusinessFooter\";\nimport LiveDemosButton from \"./demo-page-button/DemoPageButton\";\nimport GotQuestions from \"./got-questions/GotQuestions\";\nimport { ScanningIsNotEnoughVideo } from \"./scanning-is-not-enough-video/ScanningIsNotEnoughVideo\";\n\nexport function ScanningIsNotEnough() {\n const lang = useAppStore((state) => state.language);\n\n return (\n {`${t(\"scanning-is-not-enough\", {\n ns: ContentNS.business,\n })}`}
\n\n \n
\n\n \n \n \n
\n \n
\n );\n}\n","import \"./BusinessWebsitePicker.css\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nimport Images from \"../../../assets/images\";\nimport Content from \"../../../content/content\";\nimport { Page, useAppStore } from \"../../../stores/app-store\";\n\ninterface Props {\n handleOpenStateChange: (open: boolean) => void;\n open: boolean;\n}\n\nexport default function BusinessWebsitePicker(p: Props) {\n const [open, setOpen] = useState(false);\n const t = Content.shared.t;\n\n const listRef = useRef\n \n
\n\n {open && (\n \n
\n {getSelectedPageTitle(currentPage)}
\n \n redirectTo(currentPage)}\n onTouchEnd={() => redirectTo(currentPage)}\n >\n
\n \n )}\n \n );\n\n function onItemClick(e: any) {\n e.preventDefault();\n e.stopPropagation();\n p.handleOpenStateChange(true);\n setOpen(true);\n }\n\n function outsideClickEffect() {\n function handleClick(e: Event) {\n if (listRef.current === null) {\n return;\n }\n\n if (e.target === null) {\n return;\n }\n\n if (!listRef.current.contains(e.target as HTMLElement)) {\n setOpen(false);\n openRef.current = false;\n }\n }\n\n document.addEventListener(\"click\", handleClick);\n return () => {\n document.removeEventListener(\"click\", handleClick);\n };\n }\n\n function getSelectedPageTitle(page: Page): string {\n switch (page) {\n case Page.passenger:\n return t(\"ui.button.for-passengers\");\n default:\n return t(\"ui.button.for-companies\");\n }\n }\n\n function getIconForSelected(page: Page): string {\n switch (page) {\n case Page.passenger:\n return Images.icons.pax;\n default:\n return Images.icons.planeBlue;\n }\n }\n\n function getIconForOther(page: Page): string {\n switch (page) {\n case Page.passenger:\n return Images.icons.planeBlue;\n default:\n return Images.icons.pax;\n }\n }\n\n function getOtherPageTitle(page: Page): string {\n switch (page) {\n case Page.passenger:\n return t(\"ui.button.for-companies\");\n default:\n return t(\"ui.button.for-passengers\");\n }\n }\n\n function redirectTo(page: Page) {\n setOpen(false);\n const location = window.location;\n switch (page) {\n case Page.passenger:\n window.location.assign(\n `${location.origin}/${Page.business}/${location.search}`\n );\n break;\n default:\n window.location.assign(\n `${location.origin}/${Page.passenger}/${location.search}`\n );\n }\n }\n}\n","import \"./LanguagePicker.css\";\n\nimport clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport Images from \"../../../../assets/images\";\nimport Config from \"../../../../config\";\nimport Content from \"../../../../content/content\";\nimport { Page, useAppStore } from \"../../../../stores/app-store\";\nimport { capitalizeFirstLetter } from \"../../../../utils\";\n\ninterface Props {\n closeOther: () => void;\n open: boolean;\n className?: string;\n}\n\nfunction LanguagePicker(p: Props) {\n const [open, setOpen] = useState(false);\n const language = useAppStore((state) => state.language).toLowerCase();\n const currentPage = useAppStore((state) => state.currentPage);\n\n let supportedLanguages = Config.supportedLanguages.b2c;\n\n if (currentPage === Page.business) {\n supportedLanguages = Config.supportedLanguages.b2b;\n }\n if (currentPage === Page.scanningIsNotEnough) {\n supportedLanguages = [\"en\"];\n }\n\n const t = Content.shared.t;\n\n const listRef = useRef\n {getOtherPageTitle(currentPage)}\n
\n \n \n
\n\n {open && (\n \n
\n {capitalizeFirstLetter(language)}
\n \n {supportedLanguages.map((locale) => (\n selectLanguage(locale)}\n onTouchEnd={() => {\n selectLanguage(locale);\n }}\n >\n
\n ))}\n \n )}\n \n );\n\n function onItemSelect(e: any) {\n e.preventDefault();\n e.stopPropagation();\n p.closeOther();\n setOpen(true);\n }\n\n function selectLanguage(lang: string) {\n window.location.assign(\n `${window.location.origin}${window.location.pathname}?lang=${lang}`\n );\n }\n\n function outsideClickEffect() {\n function handleClick(e: Event) {\n if (listRef.current === null) {\n return;\n }\n\n if (e.target === null) {\n return;\n }\n\n if (!listRef.current.contains(e.target as HTMLElement)) {\n setOpen(false);\n }\n }\n\n document.addEventListener(\"click\", handleClick);\n return () => {\n document.removeEventListener(\"click\", handleClick);\n };\n }\n}\n\nexport default LanguagePicker;\n","import \"./Header.css\";\n\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\n\nimport Images from \"../../../assets/images\";\nimport Config from \"../../../config\";\nimport Content from \"../../../content/content\";\nimport { useAppStore } from \"../../../stores/app-store\";\nimport BusinessWebsitePicker from \"../../business-page/business-website-picker/BusinessWebsitePicker\";\nimport LanguagePicker from \"../../passenger-page/header/language-picker/LanguagePicker\";\n\nexport default function Header() {\n const [languagePickerOpen, setLanguagePickerOpen] = useState(false);\n const [websitePickerOpen, setWebsitePickerOpen] = useState(false);\n const [burgerOpen, setBurgerOpen] = useState(false);\n\n const lang = useAppStore((state) => state.language);\n const t = Content.shared.t;\n\n return (\n \n {`${t(`ui.language.${locale}`)}`}\n
\n \n
\n );\n}\n","import \"../../../../App.css\";\nimport \"./Legal.css\";\nimport Images from \"../../../../assets/images\";\n\nexport default function CookiesPolicy() {\n return (\n \n 
\n {\n setBurgerOpen((v) => !v);\n }}\n >\n
\n \n \n {\n setWebsitePickerOpen(true);\n setLanguagePickerOpen(false);\n }}\n />\n\n {\n setLanguagePickerOpen(true);\n setWebsitePickerOpen(false);\n }}\n />\n
\n {`${t(\"demo-page-button\")}`}
\n \n \n\n\n
\n );\n}\n","import \"../../../../App.css\";\nimport \"./Legal.css\";\nimport { extenalLinks } from \"../../../../content/external-links\";\nimport Images from \"../../../../assets/images\";\n\nexport default function PrivacyNotice() {\n return (\n \n \n
\n
\n
\n
\n \n
\n
COOKIE POLICY
\n\n
\n This Cookie Policy explains how Zamna (\"we\", \"us\", or \"our\") uses\n cookies and similar tracking technologies when you visit our website\n or our white label websites deployed with trusted clients. By using or\n accessing the Zamna website, you agree to the use of cookies as\n described in this policy. For use of the white label websites, consent\n for use of cookies is gathered.\n
\n
\n What are Cookies?\n
\n Cookies are small text files that are placed on your computer or\n device by websites that you visit. They are widely used to make\n websites work more efficiently and provide information to improve\n services.\n
\n
\n Types of Cookies We Use\n
\n • Essential Cookies:These cookies are necessary for the proper\n functioning of our website. They enable you to navigate our site and\n use its features.\n
\n • Analytical/Performance Cookies (Google Analytics): We use Google\n Analytics, a web analytics service provided by Google, Inc. Google\n Analytics uses cookies to help us analyze how users use our website\n and white label websites. The information generated by the cookie\n about your use of the website (including your IP address) will be\n transmitted to and stored by Google on servers in the United States.\n Google will use this information for the purpose of evaluating your\n use of the website, compiling reports on website activity for website\n operators, and providing other services relating to website activity\n and internet usage. Google may also transfer this information to third\n parties where required to do so by law, or where such third parties\n process the information on Google's behalf.\n
\n
\n How to Control Cookies\n
\n You can control and/or delete cookies as you wish. You can delete all\n cookies that are already on your computer and you can set most\n browsers to prevent them from being placed. If you do this, however,\n you may have to manually adjust some preferences every time you visit\n a site, and some services and functionalities may not work.\n
\n
\n Changes to This Cookie Policy\n
\n We may update our Cookie Policy from time to time. We encourage you to\n periodically review this page for the latest information on our cookie\n practices.\n
\n
\n Contact Us\n
\n If you have any questions about our use of cookies, please contact us\n at info@zamna.com\n
\n\n
\n
{\" \"}\n
\n
\n );\n}\n","import \"../../../../App.css\";\nimport \"./Legal.css\";\nimport clsx from \"clsx\";\nimport Images from \"../../../../assets/images\";\n\nexport default function TermsAndConditions() {\n return (\n \n \n
\n
\n
\n
\n \n
\n
PRIVACY NOTICE
\n\n
\n Welcome to our privacy notice. Zamna Technologies Limited (”we, the\n Company”) is committed to protecting and respecting your privacy. This\n privacy notice will inform you as to how we look after your personal\n data when you visit our website (regardless of where you visit it\n from) and tell you about your privacy rights and how the law protects\n you.\n
\n
\n This privacy notice aims to give you information on how we collect and\n process your personal data through your use of this website, including\n any data you may provide directly through this website.\n
\n Please read the following carefully to understand our views and\n practices regarding your personal data and how we will use it.
\n
\n For the purpose of the Data Protection Act 2018 (the Act), we are the\n data controller. Our Data Protection Officer is Aleksandr Gorelik. Our\n registered address is 124 City Road, London, EC1V 2NX. Our ICO\n registration number is ZA569327.
\n
\n You may contact us to find out more about the way we use personal data\n via email at privacy@zamna.com.\n
\n
\n You have the right to make a complaint at any time to the Information\n Commissioner’s Office (ICO), the UK supervisory authority for data\n protection issues (www.ico.org.uk). We would, however, appreciate the\n chance to deal with your concerns before you approach the ICO so\n please contact us in the first instance.\n
\n
\n IF YOU DO NOT PROVIDE PERSONAL DATA\n
\n If we need to process the data you provide us with to fulfil our\n service, and you fail to provide that data when requested, we may not\n be able to perform the service, in which case, we may have to cancel a\n service you have with us. We will of course notify you if we need to\n cancel a service.\n
\n
\n WHAT INFORMATION DO WE USE?\n
\n We will collect and process the following information about you:\n
\n • Information you give us about you. You give us this information by\n filling in forms on our website (zamna.com) that you may access\n directly or through another website, or by corresponding with us by\n e-mail. It only includes basic personal data required in order for you\n to use and report any problems with our website.
\n • Information we collect about you. With regard to each of your visits\n to our website we will automatically collect the following\n information:\n
\n • technical information, including device identifiers, device type,\n geo-location information, connection information, statistics on page\n views, traffic to and from the website, the Internet Protocol (IP)\n address used to connect your computer to the internet, your login\n information, browser type and version, time zone setting, browser\n plug-in types and versions, operating system, ad data and platform;\n and
\n • information based on your activities on the website, including the\n mobile network information, full Uniform Resource Locators (URL),\n clickstream to, through and from our website (including date and\n time), products you viewed or searched for, page response times,\n download errors, length of visits to certain pages, page interaction\n information (such as scrolling, clicks, and mouse-overs), methods used\n to browse away from the page, and any phone number used to call our\n customer service number.\n
\n • Information we receive from other sources. This is information we\n receive about you if you use any of the other websites we operate or\n the other services we provide. We are working closely with third\n parties (e.g. business partners, sub-contractors in technical and\n delivery services, search information providers). We will notify you\n when we receive personal data about you from other sources and the\n purposes for which we intend to use that information.\n
\n
\n COOKIES\n
\n Our website uses cookies to distinguish you from other users of our\n website. This helps us to provide you with a good experience when you\n browse our website and allows us to improve our website. This website\n uses a cookie control system which you accept on your first site\n visit. For detailed information on the cookies we use and the purposes\n for which we use them, see our \n \n Cookie Policy\n \n .\n
\n
\n HOW DO WE USE THIS INFORMATION?\n
\n We will only use personal data when the law allows us to. You will not\n be subject to decisions based on automated data processing without\n your prior consent. Most commonly, we will use your personal data in\n the following circumstances:\n
\n\n • where we need to perform the contract we are about to enter into or\n have entered into with you;\n
\n • to provide you with our email notifications, newsletters and\n marketing communications at either your request or with your consent\n when completing a registration form for the service;\n
\n • where it is necessary for our legitimate interests and your\n interests and fundamental rights do not override those interests;\n
\n • to ensure that our service is delivered efficiently, including where\n we wish to notify you of any changes to the service, generate relevant\n content, tailor the website to your interests, and improve your\n visibility to potential collaborators;\n
\n • to provide customer service to you in relation to your use of the\n service, to deal with inquiries and complaints relating to the use of\n the service and to notify you about any changes to our service;\n
\n • to administer, support, improve, optimise and develop our service;\n
\n • to produce reports which may be used, sold, or published by us at\n our sole discretion provided that any data or reports will be\n anonymised and not refer to any individual user of the services;\n
\n • for internal record keeping and marketing and demographic studies to\n improve the services that we provide;
\n • for security purposes;
\n • where we need to comply with a legal or regulatory obligation; and\n
• to investigate a potential breach of our terms and conditions.\n
\n
\n We will ask for your consent before using information for a purpose\n other than those that are set out in this privacy notice.\n
\n
\n AUTOMATED DECISION MAKING\n
\n We may use automated decision-making in processing your personal\n information for some services and products. You can request a manual\n review of the accuracy of an automated decision if you are unhappy\n with it.\n
\n
\n MARKETING\n
\n We strive to provide you with choices regarding certain personal data\n uses, particularly around marketing and advertising. We may use your\n contact details and technical data that we collect about you, such as\n your IP address and the way you browse our website to form a view of\n what we think you may want or need, or what may be of interest to you.\n This is how we decide which products, services and offers may be\n relevant for you (we call this marketing).\n
\n
\n You will receive marketing communications from us if you have\n requested information from us or purchased goods or services through\n us or if you provided us with your details when you entered a\n competition or registered for a promotion and, in each case, you have\n not opted out of receiving that marketing.\n
\n
\n You can ask us to stop sending you marketing messages at any time by\n following the opt-out links on any marketing message sent to you or by\n contacting us at any time at privacy@zamna.com.\n
\n
\n THIRD-PARTY MARKETING\n
\n We will get your express opt-in consent before we share your personal\n data with any external company for marketing purposes.\n
\n
\n CHANGE OF PURPOSE\n
\n We will only use your personal data for the purposes for which we\n collected it, unless we reasonably consider that we need to use it for\n another reason and that reason is compatible with the original\n purpose. If you wish to know how the processing for the new purpose is\n compatible with the original purpose, please email us at\n privacy@zamna.com.\n
\n\n
\n If we need to use your personal data for an unrelated purpose, we will\n notify you and we will explain the legal basis which allows us to do\n so.\n
\n
\n Please note that we may process your personal data without your\n knowledge or consent, in compliance with the above rules, where this\n is required or permitted by law.\n
\n
\n HOW DO WE SHARE YOUR INFORMATION?\n
\n You acknowledge and agree that from time to time we have the right to\n share your personal information with:\n
\n • Any member of our group, which means our subsidiaries, our ultimate\n holding company and its subsidiaries, as defined in section 1159 of\n the UK Companies Act 2006.\n
\n • Selected third parties including but not limited to:\n
\n • Rocket Science Group, LLC for use of their service, Mailchimp\n (“Mailchimp”) based in the US, to send you our newsletter, if you\n consent;
\n • PayPal (Europe) S.à r.l. et Cie, S.C.A. (“PayPal”) based in the EU,\n for processing payments;
• Stripe Inc. (“Stripe”) based in the\n US, for processing payments;
\n • Amazon Web Services, Inc. (“AWS”), for our IT hosting on their\n servers based in Ireland;
\n • Google LLC. (“Google”) based in the US, for the storage of documents\n that include your personal data on Google Drive, the use of Gmail in\n order to contact you about any services we provide to you and Google\n Contacts to store and maintain our clients’ details;\n
\n • Xero Limited (“Xero”) based in the EU, Australia, Singapore and the\n US, to issue our clients with invoices for services we provide them\n with;
\n • Dropbox Inc. (“Dropbox”) based in the US, to store and share\n documents and digital files;
\n • Zoom Video Communications, Inc. (“Zoom”) based in the US, to\n communicate via video and share documents, some of which may contain\n information about you;\n
• Formagrid, Inc. (“Airtable”) based in the US, to manage our\n projects and workloads, which can sometimes include information about\n you;
• Notion Labs, Inc. (“Notion”) based in the US, to manage\n our projects and workloads, which can sometimes include information\n about you;
\n • Telegram, Inc (“Telegram”) based in the UAE, for instant internal\n communication which can sometimes be about you;\n
\n • select business partners, suppliers and subcontractors for the\n performance of any contract we enter into with you.\n
\n
\n Other than as expressly set out in this Privacy Notice or as otherwise\n required or permitted by law, we will not share, sell, or distribute\n any of the information you provide us without your consent.\n
\n
\n We will disclose your personal information (i) to any third party to\n whom disclosure is necessary to provide you with services; (ii) where\n required to do so by law or court order; and (iii) to any person to\n whom disclosure is necessary to enable us to enforce our rights under\n this privacy notice or under our Terms and Conditions.\n
\n
\n This includes when:\n
\n • We sell or buy any business or assets, in which case we will\n disclose your personal data to the prospective seller or buyer of such\n business or assets.\n
\n • The company or substantially all of its assets are acquired by a\n third party, in which case personal data held by it about its\n customers will be one of the transferred assets.\n
\n • If we are under a duty to disclose or share your personal data in\n order to comply with any legal obligation, or in order to enforce or\n apply our Website Terms and Conditions and other agreements; or to\n protect the rights, property, or safety of the company, our customers,\n or others. This includes exchanging information with other companies\n and organisations for the purposes of fraud protection and credit risk\n reduction.\n
\n
\n WHERE DO WE STORE YOUR INFORMATION?\n
\n All personal data we process is processed by our staff in the United\n Kingdom.\n
\n\n
\n For the purposes of IT hosting and maintenance, this information is\n located on servers inside the EEA.
\n
\n Once we have received your information, we have a Data Protection\n regime in place to oversee the effective and secure processing of your\n personal data and we will use strict procedures and security features\n to try to prevent unauthorised access.\n
\n
\n Unfortunately, the transmission of information via the internet is not\n completely secure. Although we will do our best to protect your\n personal data, we cannot guarantee the security of your data\n transmitted to our website at transmission stage; any transmission is\n at your own risk.\n
\n
\n HOW LONG DO WE KEEP YOUR DATA FOR?\n
\n We will only retain your personal data for as long as necessary to\n fulfil the purposes we collected it for, including for the purposes of\n satisfying any legal, accounting, or reporting requirements.
\n
\n To determine the appropriate retention period for personal data, we\n consider the amount, nature, and sensitivity of the personal data, the\n potential risk of harm from unauthorised use or disclosure of your\n personal data, the purposes for which we process your personal data\n and whether we can achieve those purposes through other means, and the\n applicable legal requirements.\n
\n
\n We are required under UK tax law to keep basic personal data about our\n customers (name, address, contact details) for a minimum of six (6)\n years after which time it will be destroyed.\n
\n
\n In some circumstances, we may anonymise your personal data (so that it\n can no longer be associated with you) for research or statistical\n purposes in which case we may use this information indefinitely\n without further notice to you.\n
\n
\n You can ask us to delete your data in some circumstances. See below\n for further information.\n
\n
\n WHAT ARE YOUR RIGHTS?\n
\n Under certain circumstances, you have rights under data protection\n laws in relation to your personal data:\n
\n • Request access to your personal data.\n
\n • Request correction of your personal data.\n
\n • Request erasure of your personal data.\n
\n • Object to processing of your personal data.\n
\n • Request restriction of processing your personal data.\n
\n • Request transfer of your personal data.\n
\n • Right to withdraw consent.\n
\n
\n EXERCISING YOUR RIGHTS\n
\n If you wish to exercise any of your rights set out above, please email\n us at privacy@zamna.com.\n
\n\n We try to respond to all legitimate requests within one month.\n Occasionally it may take us longer than a month if your request is\n particularly complex or you have made a number of requests. In this\n case, we will notify you and keep you updated.\n
\n\n You will not have to pay a fee to access your personal data (or to\n exercise any of the other rights). However, we may charge a reasonable\n fee if your request is clearly unfounded, repetitive or excessive.\n Alternatively, we may refuse to comply with your request in these\n circumstances.\n
\n
\n THIRD-PARTY LINKS\n
\n Our website may contain links to websites or access to plug-ins and\n applications. We do not control and accept any liability or\n responsibility for third-party websites. This privacy notice is not\n applicable to other websites. Please consult the terms and conditions\n and privacy policies of third-party websites to find out how they\n collect and use your personal data.\n
\n
\n SOCIAL MEDIA PLATFORM\n
\n All communications and actions carried out on third-party social media\n platforms will be subject to the terms and conditions and privacy\n policies of those websites. Please note that we will never ask for\n your personal or sensitive information through social media platforms.\n Please only discuss sensitive information through email.\n
\n\n This website may use social sharing buttons which allow you to share\n web content quickly on a social media platform. Please use such\n buttons at your discretion as the third-party platform may track and\n save your request.\n
\n
\n CHANGES TO OUR PRIVACY NOTICE\n
\n Any changes we make to our privacy notice in the future will be posted\n on this page and notified to you by e-mail. By continuing to use this\n website, you are agreeing to the changes that have been made, and any\n future changes, to the policy.\n
\n\n
\n
{\" \"}\n
\n
\n );\n}\n","import \"../../App.css\";\nimport \"./CookiesBanner.css\";\nimport Content from \"../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../assets/images\";\nimport { useAppStore } from \"../../stores/app-store\";\nimport { extenalLinks } from \"../../content/external-links\";\n\nexport default function CookiesBanner() {\n const t = Content.shared.t;\n const textDir = Content.shared.instance.dir();\n const giveConsent = useAppStore((state) => state.giveConsent);\n\n return (\n \n \n
\n
\n
\n
\n \n
\n
\n WEBSITE TERMS & CONDITIONS\n
\n\n
\n GENERAL INFORMATION \n
\n\n This website zamna.com (the site) is run and\n maintained by Zamna Technologies Limited (“we”). Our\n email address is hello@zamna.com.\n These Website Terms and Conditions (“\n Terms and Conditions”) cover the terms on which you\n may use the site and conduct your business.\n
\n\n Please read these Terms and Conditions carefully before you start to\n use the site. By using the site, you accept and agree to be bound and\n abide by these Terms and Conditions and our Privacy Notice. If you do\n not accept them, please do not use the site.\n
\n\n USER RIGHTS OF ACCESS \n
\n\n You have permission for temporary, non-exclusive use of the site. We\n reserve the right to withdraw or change the content of the site and\n these Terms and Conditions at any time without notifying you and\n without having any legal responsibility towards you.\n
\n\n You are not allowed to copy, modify, duplicate, create derivative\n works from, frame, mirror, republish, display, transmit, or distribute\n all or any part of the site.\n
\n\n You are also not allowed to license, sell, rent, lease, transfer,\n assign, distribute, display, disclose, or otherwise commercially\n exploit, or otherwise make the site and/or any documents or online\n resources on the site to any third party.\n
\n\n You are responsible for configuring your own computer and software to\n access the material and content on our site including downloadable\n files. We do not warrant that the way we deliver data to you is\n compatible with your software or with the way your mobile device,\n computer or tablet is configured. Although we do our best to protect\n our site, we are not responsible for any viruses, bugs or similar\n issues. We advise that you use your own virus protection software to\n protect yourself.\n
\n\n You must treat all identification codes, passwords and other security\n information that you obtain from the use of the site and (where\n applicable) for you to access parts of the site, as confidential. If\n we think you have failed to keep confidentiality, we may disable any\n such information, including your passwords and other codes.\n
\nYou agree to follow our Privacy Notice.
\n\n If you allow anyone else to use our site, you must make sure that they\n read these Terms and Conditions first, and that they agree to and\n follow them.\n
\n\n If you do not use the site according to the law and these Terms and\n Conditions, we may suspend your usage, or stop it completely.\n
\n\n We frequently update the site and make changes to it, but we have no\n duty to do this. This means that content on the site may be outdated\n or incorrect. We will have no liability to you for any losses or\n damage you may suffer from your reliance on any of our materials.\n
\n\n We do not save your credit card details or share customer details with\n any third parties and we follow our privacy notice in handling\n information about you. By using the site, you agree to us handling\n this information and confirm that the data you provide is accurate.\n
\n\n Our site uses cookies. More information is provided in our Privacy\n Notice.\n
\n\n CONFIDENTIALITY\n
\n\n Personal information or business information that you supply to us\n through the site, other than information that is in the public domain,\n will be treated confidentially and in line with our Privacy Notice.\n Confidential information will not be disclosed to any third party,\n including for the purposes of marketing, without your prior\n permission. We will only disclose your information if it is necessary\n for the performance of our services or where so required by law.\n
\n\n VARIATION \n
\n\n We may change these Terms and Conditions from time to time. Please\n ensure that you check for any changes regularly, as you are bound by\n them if you use of this site.\n
\n\n INTELLECTUAL PROPERTY RIGHTS \n
\n\n We are the owner or licensee of all intellectual property rights on\n the site including any databases that hold relevant information about\n the site. They are protected by copyright or trademark registration\n and you may only use any such material and the documents in line with\n these Terms and Conditions and this paragraph specifically. If you do\n not use the materials in line with these Terms and Conditions and this\n paragraph specifically, you lose your right to use our site and must\n destroy or return any copies of documents you have made of it or any\n part of it. We reserve all our rights conferred to us by law to remedy\n any such breach.\n
\n\n
\n OUR RESPONSIBILITY TO YOU\n
\n\n We do not guarantee the accuracy of material on our site or the\n materials uploaded by our users, it is for your general information\n and you are responsible for the way you use its content.\n
\nWe shall not limit or exclude our liability for:
\n- \n
- death or personal injury; \n
- fraud or fraudulent misrepresentation; or \n
- \n any act, omission or matter, liability for which may not be excluded\n or limited under any Applicable Law.\n \n
\n We shall not be liable to you for any indirect, special or\n consequential loss or damage, including:\n
\n- \n
- loss of profit; \n
- loss of goodwill; \n
- loss of savings; or \n
- loss of contract. \n
\n We also exclude, but only as far as legally possible, all terms and\n warranties or promises implied by law or by statute.\n
\n\n Although we try to make the site available at all times, we do not\n warrant that your use of the site will be uninterrupted. We are not\n responsible for any loss or damage you may suffer resulting from any\n interruptions, errors or the transfer of data and you acknowledge that\n the site may be subject to limitations, delays and other issues.\n
\n\n Any duty of care owed to you by us is owed to you alone and no duty of\n care is owed to any third party and we do not assume any\n responsibility to any third party in respect of the performance of our\n duties to you.\n
\n\n LINKS TO OUR SITE OR OTHER SITES\n
\n\n You are allowed to make a link to our site’s homepage from your\n website if the content on your site meets the standards of our privacy\n notice and provided you do not suggest any endorsement by us or\n association with us unless we provide agreement in writing. We reserve\n the right to end this permission at any time.\n
\n\n Links from our site to other sites are only for information. We do not\n accept any responsibility for other sites, the accuracy of their\n content or any loss you may suffer from using and relying on them.\n
\n\n COMPUTER OFFENCES\n
\n\n If you do anything which is a criminal offence under the Computer\n Misuse Act 1990 (such as for example introducing viruses, worms,\n Trojans and other technologically harmful or damaging material) your\n right to use the site will end immediately, and we will report you to\n the relevant authorities and provide them with details of your\n identity.\n
\n\n You must not try to obtain access to our server or any connected\n database or make any 'attack' on the site.\n
\n\n JURISDICTION\n
\n\n These Terms and Conditions shall be governed by and construed in\n accordance with the laws of England and Wales. Any matters arising in\n connection with this agreement shall be subject to the exclusive\n jurisdiction of the courts of England and Wales.\n
\n\n COMPLAINTS\n
\n\n If you have any questions or a complaint about the service provided by\n us, please send us an email at{\" \"}\n hello@zamna.com to make your\n complaint.\n
{\" \"}\n\n 
\n\n
\n );\n}\n","import \"../../../App.css\";\nimport \"./LinksSection.css\";\n\nimport Content from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\n\nimport Slider from \"react-slick\";\n\nimport { useRef } from \"react\";\nimport { PressCarousel } from \"./PressCarousel\";\nimport Config from \"../../../config\";\n\ninterface Props {\n className?: string;\n}\n\nexport function LinksSection(p: Props) {\n const t = Content.shared.t;\n const mentionLogo = useRef(null);\n const mentionedIn = [\n {\n url: \"https://www.travolution.com/news/travel-sectors/air/westjet-to-pilot-digital-travel-documentation-verification-system/\",\n img: Images.logos.travolution,\n },\n {\n url: \"https://2zfq4r3trpub14lqo62u0d9p-wpengine.netdna-ssl.com/wp-content/uploads/2021/02/Zamna-The-TimesRaconteur.pdf\",\n img: Images.logos.times,\n },\n {\n url: \"https://youtu.be/GXcTnN_wlg8\",\n img: Images.logos.sky,\n },\n {\n url: \"https://www.wired.co.uk/article/passport-check-blockchain\",\n img: Images.logos.wired,\n },\n {\n url: \"https://www.bbc.co.uk/news/business-45628825\",\n img: Images.logos.bbc,\n },\n {\n url: \"https://www.forbes.com/sites/oliversmith/2018/05/21/blockchain-startup-vchain-is-flying-high-after-its-royal-seal-of-approval/?sh=3f38f5721ded\",\n img: Images.logos.forbes,\n },\n ];\n\n const settings = {\n dots: false,\n infinite: true,\n speed: 1000,\n // slidesToShow: 2,\n slidesToScroll: 1,\n arrows: false,\n autoplay: true,\n autoplaySpeed: Config.carouselDelay,\n centerMode: true,\n variableWidth: true,\n };\n\n return (\n \n {`${t(\"cookie-info-1\")}`}\n {`${t(\"cookie-info-2\")}`}\n {`${t(\"cookie-info-3\")}`}\n {`${t(\"cookie-info-4\")}`}\n {`${t(\"cookie-info-5\")}`}\n
\n\n \n giveConsent(true)}\n onTouchStart={() => giveConsent(true)}\n >{`${t(\"ui.button.accept\")}`}\n giveConsent(false)}\n onTouchStart={() => giveConsent(false)}\n >{`${t(\"ui.button.deny\")}`}\n
\n \n
\n );\n}\n","import Collapsible from \"react-collapsible\";\nimport clsx from \"clsx\";\n\nimport \"../../../App.css\";\nimport \"./Faq.css\";\n\nimport Content from \"../../../content/content\";\nimport Images from \"../../../assets/images\";\nimport { useAppStore } from \"../../../stores/app-store\";\nimport { ReactNode, useState } from \"react\";\n\nimport EnContent from \"../../../content/locales/en/main.json\";\nconst faqItems = EnContent.faq.items;\n\ninterface Props {\n className?: string;\n}\n\nexport function Faq(p: Props) {\n const t = Content.shared.t;\n const language = useAppStore((state) => state.language);\n\n const [openedFaq, setOpenedFaq] = useState\n
\n {`${t(\"participating\")}`}
\n\n \n 
\n \n \n 
\n \n \n 
\n \n \n 
\n \n
\n\n \n
\n );\n\n function getAnswer(index: number): ReactNode {\n const answerList = faqItems[index].answer;\n\n return (\n \n
\n {`${t(\"faq.title\")}`}
\n\n {faqItems.map((_, index) => {\n const id = `faq-${index}`;\n const question = t(`faq.items.${index}.question`);\n const isOpen = openedFaq.has(id);\n\n return (\n\n
\n );\n })}\n \n {answerList.map((answer, i) => {\n const partHasBulletPoints =\n answer[\"bullet-points\"] && answer[\"bullet-points\"].length > 0;\n\n return (\n
\n );\n }\n\n function handleClose(id: string) {\n const set = new Set(openedFaq);\n if (openedFaq.has(id)) {\n set.delete(id);\n }\n\n setOpenedFaq(set);\n }\n\n function handleOpen(id: string) {\n const set = new Set(openedFaq);\n\n if (!openedFaq.has(id)) {\n set.add(id);\n }\n\n setOpenedFaq(set);\n }\n}\n\ninterface TriggerProps {\n title: String;\n isOpen?: boolean;\n}\n\nfunction Trigger(p: TriggerProps) {\n return (\n \n {`${t(`faq.items.${index}.answer.${i}.paragraph`)}`}\n\n {partHasBulletPoints && (\n
\n );\n })}\n - \n {answer[\"bullet-points\"].map((_, j) => {\n return (\n
- \n {`${t(\n `faq.items.${index}.answer.${i}.bullet-points.${j}`\n )}`}\n \n );\n })}\n
\n 
\n
\n );\n}\n","import \"../../../App.css\";\nimport \"./Footer.css\";\n\nimport clsx from \"clsx\";\n\nimport Content, { ContentNS } from \"../../../content/content\";\nimport { extenalLinks } from \"../../../content/external-links\";\n\nexport default function Footer() {\n const t = Content.shared.t;\n const year = new Date().getFullYear();\n\n return (\n {p.title}
\n\n
\n );\n}\n","import \"../../../App.css\";\nimport \"./HowBanners.css\";\n\nimport Content from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\nimport { useAppStore } from \"../../../stores/app-store\";\n\ninterface Props {\n className?: string;\n}\n\nexport function HowBanners(p: Props) {\n const t = Content.shared.t;\n const language = useAppStore((state) => state.language);\n\n return (\n \n
\n \n
\n {`${t(\"footer.copyright\", { ns: ContentNS.main })}`}
\n \n {`${t(\"footer.privacy-notice\")}`}\n {`${t(\"footer.terms-conditions\")}`}\n
\n \n
\n );\n}\n","import \"../../../App.css\";\nimport \"./PrivacyPrinciple.css\";\n\nimport Content from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\n\ninterface Props {\n className?: string;\n}\n\nexport function PrivacyPrinciple(p: Props) {\n const t = Content.shared.t;\n\n return (\n \n
\n \n })
\n
\n\n \n \n
\n {`${t(\"stay-in-control-title\")}`}
\n{`${t(\"stay-in-control-text-1\")}`}
\n{`${t(\"stay-in-control-text-2\")}`}
\n\n
\n\n \n
\n {`${t(\"how-zamna-title\")}`}
\n{`${t(\"how-zamna-text\")}`}
\n\n\n {`${t(\"how-zamna-faq-1\")}`}\n {`${t(\"how-zamna-faq-2\")}`}\n {`${t(\"how-zamna-faq-3\")}`}\n
\n\n \n {`${t(\"ui.button.faq\")}`}\n \n \n 
\n
\n \n \n
\n {`${t(\"how-help-title\")}`}
\n{`${t(\"how-help-text-1\")}`}
\n{`${t(\"how-help-text-2\")}`}
\n\n
\n );\n}\n","import \"../../../App.css\";\nimport \"./ProtectingData.css\";\n\nimport Content from \"../../../content/content\";\nimport clsx from \"clsx\";\nimport Images from \"../../../assets/images\";\n\ninterface Props {\n className?: string;\n}\n\nexport function ProtectingData(p: Props) {\n const t = Content.shared.t;\n\n return (\n \n
\n \n
\n {`${t(\"zamna-privacy-title\")}`}
\n\n 
\n
\n \n {`${t(\"zamna-privacy-banner-1\")}`}\n {`${t(\"zamna-privacy-banner-2\")}`}\n {`${t(\"zamna-privacy-banner-3\")}`}\n
\n {`${t(\"zamna-privacy-text\")}`}
\n\n
\n );\n}\n","import \"../../../App.css\";\nimport \"./WhoWeAre.css\";\n\nimport Content from \"../../../content/content\";\nimport clsx from \"clsx\";\n\ninterface Props {\n className?: string;\n}\n\nexport function WhoWeAre(p: Props) {\n const t = Content.shared.t;\n\n return (\n \n
\n \n 
\n 
\n
\n \n {`${t(\"protecting-data-title\")}`}\n
\n\n
\n \n
\n \n {`${t(\"protecting-data-text\")}`}\n
\n \n
\n );\n}\n","import \"./ZamnaIntro.css\";\nimport \"../../../App.css\";\n\nimport Images from \"../../../assets/images\";\nimport Content from \"../../../content/content\";\n\ninterface Props {\n className?: string;\n}\n\nexport function ZamnaIntro(p: Props) {\n const t = Content.shared.t;\n\n return (\n \n
\n \n
\n {`${t(\n \"who-we-are-question\"\n )}`}
\n{`${t(\"who-we-are-answer\")}`}
\n\n
\n );\n}\n","import { LinksSection } from \"../common/links-section/LinksSection\";\nimport { Faq } from \"./faq/Faq\";\nimport Footer from \"./footer/Footer\";\nimport { HowBanners } from \"./how-banners/HowBanners\";\nimport { PrivacyPrinciple } from \"./privacy-principle/PrivacyPrinciple\";\nimport { ProtectingData } from \"./protecting-data/ProtectingData\";\nimport { WhoWeAre } from \"./who-we-are/WhoWeAre\";\nimport { ZamnaIntro } from \"./zamna-intro/ZamnaIntro\";\n\nexport function PassengerPage() {\n return (\n \n
\n \n 
\n
\n\n \n
\n {`${t(\"easy-verify\")}`}
\n{`${t(\"no-apps\")}`}
\n\n \n
\n {`${t(\"easy-verify\")}`}
\n{`${t(\"no-apps\")}`}
\n\n
\n );\n}\n","import \"./App.css\";\n\nimport React, { useEffect, useRef } from \"react\";\n\nimport { BusinessPage } from \"./components/business-page/BusinessPage\";\nimport { ScanningIsNotEnough } from \"./components/business-page/ScanningIsNotEnough\";\nimport Header from \"./components/common/header/Header\";\nimport CookiesPolicy from \"./components/common/legal/got-questions/CookiesPolicy\";\nimport PrivacyNotice from \"./components/common/legal/got-questions/PrivacyNotice\";\nimport TermsAndConditions from \"./components/common/legal/got-questions/TermsAndConditions\";\nimport CookiesBanner from \"./components/cookies-banner/CookiesBanner\";\nimport { PassengerPage } from \"./components/passenger-page/PassengerPage\";\nimport Config from \"./config\";\nimport Content, { ContentNS } from \"./content/content\";\nimport { Page, useAppStore } from \"./stores/app-store\";\n\nexport default function App() {\n const appRef = useRef(null);\n const assetsLoaded = useAppStore((state) => state.assetsLoaded);\n const language = useAppStore((state) => state.language);\n const markAssetLoaded = useAppStore((state) => state.markAssetLoaded);\n const isConsentGiven = useAppStore((state) => state.isConsentGiven);\n const currentPage = useAppStore((state) => state.currentPage);\n\n useEffect(setupContent, [appRef]);\n useEffect(setupGoogleAnalytics, [isConsentGiven]);\n\n return (\n \n
\n );\n\n function shouldShowCookieBanner(): boolean {\n return (\n isConsentGiven === null &&\n currentPage !== Page.privacyNotice &&\n currentPage !== Page.termsAndConditions\n );\n }\n\n function setupContent() {\n let supportedLanguages = [\"en\"];\n let namespaces = [ContentNS.main];\n\n if (currentPage === Page.business) {\n supportedLanguages = Config.supportedLanguages.b2b;\n namespaces.push(ContentNS.business);\n }\n\n if (currentPage === Page.passenger) {\n supportedLanguages = Config.supportedLanguages.b2c;\n }\n\n if (currentPage === Page.scanningIsNotEnough) {\n supportedLanguages = [\"en\"]; // only English\n namespaces.push(ContentNS.business);\n }\n\n Content.shared.setup(\n language,\n supportedLanguages,\n namespaces,\n markAssetLoaded\n );\n }\n\n function setupGoogleAnalytics() {\n if (!isConsentGiven) {\n return;\n }\n\n const button = document.getElementById(\"ga-button\");\n button?.click();\n }\n\n function AppContent() {\n switch (currentPage) {\n case Page.business:\n return \n
\n )}\n